/*



*/
body {
  font-family: 'Poppins', sans-serif;
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
p {
	margin-bottom: 0px;
	font-size: 14px;
	font-weight: 300;
	color: #4a4a4a;
	line-height: 24px;
}
a {
	text-decoration: none!important;
}
ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0px;
}

ul.social-icons li {
	display: inline-block;
	margin-right: 3px;
}

ul.social-icons li:last-child {
	margin-right: 0px;
}

ul.social-icons li a {
	width: 50px;
	height: 50px;
	display: inline-block;
	line-height: 50px;
	background-color: #eee;
	color: #121212;
	font-size: 18px;
	text-align: center;
	transition: all .3s;
}

ul.social-icons li a:hover {
	background-color: #f33f3f;
	color: #fff;
}

a.filled-button {
	background-color: #f33f3f;
	color: #fff;
	font-size: 14px;
	text-transform: capitalize;
	font-weight: 300;
	padding: 10px 20px;
	border-radius: 5px;
	display: inline-block;
	transition: all 0.3s;
}

a.filled-button:hover {
	background-color: #121212;
	color: #fff;
}

.section-heading {
	text-align: center;
	margin-bottom: 60px;
}

.section-heading h2 {
	font-size: 60px;
	color: #1e1e1e;
	margin-bottom: 15px;
}

.products-heading {
	background-image: url(../images/products-heading.jpg);
}

.about-heading {
	background-image: url(../images/about-heading.jpg);
}

.contact-heading {
	background-image: url(../images/contact-heading.jpg);
}

.page-heading {
	padding: 210px 0px 130px 0px;
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.page-heading .text-content h4 {
	color: #f33f3f;
	font-size: 22px;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 15px;
}

.page-heading .text-content h2 {
	color: #fff;
	font-size: 62px;
	text-transform: uppercase;
	letter-spacing: 5px;
}

#preloader {
  overflow: hidden;
  background: #f33f3f;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: fixed;
  z-index: 9999999;
  color: #fff;
}

#preloader .jumper {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  position: absolute;
  margin: auto;
  width: 50px;
  height: 50px;
}

#preloader .jumper > div {
  background-color: #fff;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  opacity: 0;
  width: 50px;
  height: 50px;
  -webkit-animation: jumper 1s 0s linear infinite;
  animation: jumper 1s 0s linear infinite;
}

#preloader .jumper > div:nth-child(2) {
  -webkit-animation-delay: 0.33333s;
  animation-delay: 0.33333s;
}

#preloader .jumper > div:nth-child(3) {
  -webkit-animation-delay: 0.66666s;
  animation-delay: 0.66666s;
}

@-webkit-keyframes jumper {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  5% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}

@keyframes jumper {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  5% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}


/* Header Style */
header {
	position: absolute;
	z-index: 99999;
	width: 100%;
	height: 110px;
	-webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
header .navbar {
	margin: 21px 217px 0px 0px;
}
.background-header .navbar {
	padding: 17px 0px;
}
.background-header {
	top: 0;
	position: fixed;
	background-color: #fff!important;
	box-shadow: 0px 1px 10px rgba(0,0,0,0.1);
}
.background-header .navbar-brand h2 {
	color: #121212!important;
}
.background-header .navbar-nav a.nav-link {
	color: #1e1e1e!important;
}
.background-header .navbar-nav .nav-link:hover,
.background-header .navbar-nav .active>.nav-link,
.background-header .navbar-nav .nav-link.active,
.background-header .navbar-nav .nav-link.show,
.background-header .navbar-nav .show>.nav-link {
	color: #f33f3f!important;
}
.navbar .navbar-brand {
	float: 	left;
	margin-top: -12px;
	outline: none;
}
.navbar .navbar-brand h2 {
	color: #fff;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 700;
	-webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.navbar .navbar-brand h2 em {
	font-style: normal;
	color: #f33f3f;
}
#navbarResponsive {
	z-index: 999;
}
.navbar-collapse {
	text-align: center;
}
.navbar .navbar-nav .nav-item {
	margin: 0px 15px;
}
.navbar .navbar-nav a.nav-link {
	text-transform: capitalize;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0.5px;
	color: #353638;
	transition: all 0.5s;
	margin-top: 5px;
}
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .active>.nav-link,
.navbar .navbar-nav .nav-link.active,
.navbar .navbar-nav .nav-link.show,
.navbar .navbar-nav .show>.nav-link {
	color: #000000;
	padding-bottom: 0px;
	border-bottom: 3px solid #f33f3f;
}
.navbar .navbar-toggler-icon {
	background-image: none;
}
.navbar .navbar-toggler {
	border-color: #fff;
	background-color: #fff;	
	height: 36px;
	outline: none;
	border-radius: 0px;
	position: absolute;
	right: 30px;
	top: 20px;
}
.navbar .navbar-toggler-icon:after {
	content: '\f0c9';
	color: #f33f3f;
	font-size: 18px;
	line-height: 26px;
	font-family: 'FontAwesome';
}

#Ellipse_3 {
	opacity: 0.147;
	fill: transparent;
	stroke: rgba(255,255,255,1);
	stroke-width: 6px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.Ellipse_3 {
	position: absolute;
	overflow: visible;
	width: 850px;
	height: 850px;
	left: -76px;
	top: 316px;
}


#Subtraction_1 {
	opacity: 0.149;
	fill: rgba(255,255,255,1);
}
.Subtraction_1 {
	overflow: visible;
	position: absolute;
	width: 710px;
	height: 710px;
	left: -6px;
	top: 386px;
	transform: matrix(1,0,0,1,0,0);
}

#Group_6286 {
	position: absolute;
	width: 418px;
	height: 383px;
	left: -89px;
	top: 349px;
	overflow: visible;
}
#We_Make {
	left: 3px;
	top: 0px;
	position: absolute;
	overflow: visible;
	width: 155px;
	white-space: nowrap;
	text-align: left;
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 34px;
	color: rgba(255,255,255,1);
}
#A_Reality {
	left: 0px;
	top: 167px;
	position: absolute;
	overflow: visible;
	width: 317px;
	white-space: nowrap;
	text-align: left;
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 74px;
	color: rgba(255,255,255,1);
}
#Your_Vision {
	left: 1px;
	top: 73px;
	position: absolute;
	overflow: visible;
	width: 418px;
	white-space: nowrap;
	text-align: left;
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 74px;
	color: rgba(255,255,255,1);
}
#Rectangle_1 {
	fill: rgba(255,255,255,1);
}
.Rectangle_1 {
	position: absolute;
	overflow: visible;
	width: 207px;
	height: 2px;
	left: 192px;
	top: 23px;
}

#Group_1 {
	position: absolute;
	width: 220px;
	height: 70px;
	left: 1px;
	top: 313px;
	overflow: visible;
}
#Get_Started {
	left: 34px;
	top: 23px;
	position: absolute;
	overflow: visible;
	width: 104px;
	white-space: nowrap;
	text-align: left;
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	color: rgba(255,255,255,1);
}
#Rectangle_2 {
	fill: transparent;
	stroke: rgba(255,255,255,1);
	stroke-width: 2px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.Rectangle_2 {
	position: absolute;
	overflow: visible;
	width: 220px;
	height: 70px;
	left: 0px;
	top: 0px;
}
#Icon_ionic-ios-arrow-round-for {
	fill: rgba(255,255,255,1);
}
.Icon_ionic-ios-arrow-round-for {
	overflow: visible;
	position: absolute;
	width: 28.455px;
	height: 18.978px;
	left: 156.788px;
	top: 25.511px;
	transform: matrix(1,0,0,1,0,0);
}

#Icon_ionic-ios-arrow-round-for-read {
	fill: #C20015;
}
.Icon_ionic-ios-arrow-round-for-read {
	overflow: visible;
	position: absolute;
	width: 28.455px;
	height: 18.978px;
	left: 121.788px;
    top: 284.511px;
	transform: matrix(1,0,0,1,0,0);
}


#Group_2 {
	position: absolute;
	width: 117px;
	height: 117px;
	left: 1064px;
    top: 459px;
	overflow: visible;
}


.zoom {
	
	transition: transform .3s;
   
  }
  .zoom:hover {
	-ms-transform: scale(1.1); /* IE 9 */
	-webkit-transform: scale(1.1); /* Safari 3-8 */
	transform: scale(1.1);
  }
#Icon_ionic-ios-play {
	fill: rgba(229,48,48,1);
}
.Icon_ionic-ios-play {
	overflow: visible;
	position: absolute;
	width: 24.798px;
	height: 30.995px;
	left: 50.499px;
	top: 43.25px;
	transform: matrix(1,0,0,1,0,0);
}




#Vision {
	opacity: 0.033;
	left: 9px;
    top: 403px;
	position: absolute;
	overflow: visible;
	width: 512px;
	white-space: nowrap;
	text-align: left;
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 147px;
	color: rgba(0,0,0,1);
	text-transform: uppercase;
}


/* Banner Home */
.banner {
	position: relative;
	text-align: center;
	padding-top: 80px;
}

.banner-item-01 {
	/* background-image: url(../Assets/Header-Image01.png);
	background-size: cover;
    height: 989px;
	margin-top: 37px; */
	background-image: url(../Assets/Header-Image01.png);
    background-size: cover;
    height: 890px;
    margin-top: 2%;
    background-repeat: no-repeat;
}






.banner .banner-item {
	max-height: 600px;
}

.banner .text-content {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	width: 100%;
}

.banner .text-content h4 {
	color: #f33f3f;
	font-size: 22px;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 15px;
}

.banner .text-content h2 {
	color: #fff;
	font-size: 62px;
	text-transform: uppercase;
	letter-spacing: 5px;
}

/* Banner aboutus */
.banner-item-aboutus {
	background-image: url(../Assets/about\ us\ banner.png);
	background-size: cover;
    height: 947px;
	margin-top: 37px;
}
.GB-img-experties {
	background-image: url(../Assets/New/Icons/images/our\ expertise.png);
	background-size: cover;
    height: 947px;
	margin-top: -56px;
}

.expTechnology-Stack {
	background-image: url(../Assets/New/Icons/images/ExpTechnology-Stacks.png);
	background-size: cover;
    height: 947px;
	margin-top: -1px;
	margin-bottom: -211px;
}


#panel, #flip {
	padding: 5px;
	text-align: center;
	background-color: #E9F8FF;;
	height: 30px;
    width: 30px;
  }
  
  #panel, #flip02 {
	padding: 5px;
	text-align: center;
	background-color: #eefcf5;;
	height: 30px;
    width: 30px;
  }
  
  #panel, #flip03 {
	padding: 5px;
	text-align: center;
	background-color: #FFF5EF;
	height: 30px;
    width: 30px;
  }
  

  #panel, #flip04 {
	padding: 5px;
	text-align: center;
	background-color:#F6E9FF;
	height: 30px;
    width: 30px;
  }
  

  #panel, #flip05 {
	padding: 5px;
	text-align: center;
	background-color: #FFE9E9;
	height: 30px;
    width: 30px;
  }
  

  #panel, #flip06 {
	padding: 5px;
	text-align: center;
	background-color:#E9ECFF;
	height: 30px;
    width: 30px;
  }
  

  .our-Experties-p{
	text-align: center;
	font: normal normal normal 19px/29px Poppins;
	letter-spacing: 0px;
	color: #313131;
	opacity: 1;
}





.BG1{
	margin-left: -352px;
}

.Data-Analy-img{
	margin-left: -16px;
}

.Data_Analysis{
    left: -62px;
    top: 125px;
    position: absolute;
    overflow: visible;
    text-align: center;
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    color: rgba(49,49,49,1);
}

#Group_8474 {
	position: absolute;
	width: 120px;
	height: 120px;
	left: 651px;
	top: 330px;
	overflow: visible;
}
#Rectangle_9_do {
	fill: rgba(238,252,245,1);
}
.Rectangle_9_do {
	position: absolute;
	overflow: visible;
	width: 120px;
	height: 120px;
	left: 5px;
	top: 0px;
}

#Work_Ethics {
	left: 612.5px;
	top: 469px;
	position: absolute;
	overflow: visible;
	width: 205px;
	text-align: center;
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 36px;
	color: rgba(49,49,49,1);
}

#Ethics {
	position: absolute;
	width: 64.232px;
	height: 60px;
	left: -94px;
	top: 30px;
	overflow: visible;
}

#Union_4_dr {
	fill: url(#Union_4_dr);
}
.Union_4_dr {
	overflow: visible;
	position: absolute;
	width: 64.232px;
	height: 60px;
	left: 128px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}

#Page-1 {
	position: absolute;
	width: 59.935px;
	height: 60px;
	left: 30px;
	top: 30px;
	overflow: visible;
}




.UI-Design-shape {
	overflow: visible;
	position: absolute;
	width: 59.935px;
	height: 60px;
	left: 1050px;
    top: -89px;
	transform: matrix(1,0,0,1,0,0);
}
#Shape_dz {
	fill: url(#Shape_dz);
}
.Shape_dz {
	overflow: visible;
	position: absolute;
	width: 3.262px;
	height: 7.048px;
	left: 37.679px;
	top: 8.652px;
	transform: matrix(1,0,0,1,0,0);
}
#Shape_ea {
	fill: url(#Shape_ea);
}
.Shape_ea {
	overflow: visible;
	position: absolute;
	width: 17.621px;
	height: 8.958px;
	left: 24.368px;
	top: 44.04px;
	transform: matrix(1,0,0,1,0,0);
}
#Shape_ec {
	fill: url(#Shape_ec);
}
.Shape_ec {
	overflow: visible;
	position: absolute;
	width: 5.005px;
	height: 6.005px;
	left: 13.988px;
	top: 38.995px;
	transform: matrix(1,0,0,1,0,0);
}
#Shape_ee {
	fill: url(#Shape_ee);
}
.Shape_ee {
	overflow: visible;
	position: absolute;
	width: 7.003px;
	height: 6px;
	left: 30.988px;
	top: 32px;
	transform: matrix(1,0,0,1,0,0);
}
#Rectangle_36 {
	fill: rgba(237,237,237,1);
}


#Rectangle_9_dt {
	fill: rgba(255,245,239,1);
}
.Rectangle_9_dt {
	position: absolute;
	overflow: visible;
	width: 120px;
	height: 120px;
	left: 1019px;
    top: -120px;
}



.UI-Design{
	left: 998px;
    top: 5px;
    position: absolute;
    overflow: visible;
    text-align: center;
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    color: rgba(49,49,49,1);
    width: 166px;
}

.UI-Design-p{
	left: 906px;
    top: 65px;
    position: absolute;
    overflow: visible;
    width: 366px;
    text-align: center;
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 19px;
    color: rgba(49,49,49,1);
}





.There_are_data__scientists_dat {
	left: -126px;
	top: 185px;
	position: absolute;
	overflow: visible;
	width: 366px;
	text-align: center;
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 19px;
	color: rgba(49,49,49,1);
}



.coding-image{
margin: 145px 0px 0px 0px;
float: right;
width: 593px;
/* box-shadow: 1px 8px 20px 0px rgb(0 0 0 / 16%); */
height: 677px;
border-radius: 250px 0px;
}



.Who-we-are{
	color: #E53030;
    font: normal normal 300 60px/90px Poppins;
}



.our-work-H{
	margin-top: 290px;
text-align: center;
}


.banner-item-02 {
	background-image: url(../Assets/BG\ Our\ Work.png);
	background-size: cover;
    height: 976px;
	margin-top: 37px;
	margin-left: -9%;
}


.banner-item-04 {
	background-image: url(../Assets/footer-Rectangle.png);
	background-size: cover;

	margin-top: 37px;
	margin-left: -9%;
}

.Al_Najafiya_eq {
	left: 260px;
	top: 109px;
	position: absolute;
	overflow: visible;
	width: 203px;
	white-space: nowrap;
	text-align: left;
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 36px;
	color: rgba(255,255,255,1);
}


.Lorem_ipsum_dolor_sit_amet_con_er {
	left: 260px;
	top: 186px;
	position: absolute;
	overflow: visible;
	width: 626px;
	height: 158px;
	text-align: left;
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 19px;
	color: rgba(255,255,255,1);
}


#Group_713 {
	position: absolute;
	width: 91.7px;
	height: 73.7px;
	left: 858px;
	top: 5360px;
	overflow: visible;
}
#Icon_feather-arrow-left {
	position: absolute;
	width: 36.7px;
	height: 36.7px;
	left: 595px;
    top: 408px;
	overflow: visible;
}
#Path_62 {
	fill: transparent;
	stroke: rgba(255,255,255,1);
	stroke-width: 3px;
	stroke-linejoin: round;
	stroke-linecap: round;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.Path_62 {
	overflow: visible;
	position: absolute;
	width: 39.7px;
	height: 3px;
	left: 0px;
	top: 20.1px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_63 {
	fill: transparent;
	stroke: rgba(255,255,255,1);
	stroke-width: 3px;
	stroke-linejoin: round;
	stroke-linecap: round;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.Path_63 {
	overflow: visible;
	position: absolute;
	width: 21.971px;
	height: 40.942px;
	left: 18.35px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Icon_feather-arrow-left_fe {
	opacity: 0.501;
	transform: translate(-836.3px, -5137.084px) matrix(1,0,0,1,836.2998,5174.084) rotate(180deg);
	transform-origin: center;
	position: absolute;
	width: 36.7px;
	height: 36.7px;
	left: 545px;
    top: 408px;
	overflow: visible;
}
#Path_62_ff {
	fill: transparent;
	stroke: rgba(255,255,255,1);
	stroke-width: 3px;
	stroke-linejoin: round;
	stroke-linecap: round;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.Path_62_ff {
	overflow: visible;
	position: absolute;
	width: 39.7px;
	height: 3px;
	left: 0px;
	top: 20.1px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_63_fg {
	fill: transparent;
	stroke: rgba(255,255,255,1);
	stroke-width: 3px;
	stroke-linejoin: round;
	stroke-linecap: round;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.Path_63_fg {
	overflow: visible;
	position: absolute;
	width: 21.971px;
	height: 40.942px;
	left: 19px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}

.slideshow-container-client {
	max-width: 529px;
	position: relative;
	margin: 313px 0px -740px 246px;
  }

  .slider-demo {
	margin: 0px auto;
	width: 100%;
  }
  .slider-demo a {
	background-color: #ffffff75;
	color: #444;
	font-size: 5em;
	line-height: 60px;
	padding-bottom: 12px;
	position: relative;
	text-decoration: none;
	width: 72px;
	z-index: 2;
	font-size: -webkit-xxx-large;
  }
  .slider-demo a:hover {
	color: rgb(48, 47, 47);
	background-color: #ffff;
  }
  .slider-demo a,
  #slider-inner {
	display: inline-block;
	vertical-align: middle;
  }
  #slider-inner {
	overflow: hidden;
    position: relative;
    width: 154%;
    margin-top: 272px;
  }
  #slider-inner ul {
	margin: 0;
	padding: 0;
	position: relative;

  }
  #slider-inner li {
	font-size: 30px;
	float: left;
	line-height: 167px;
	list-style: none;
	margin: 0;
	position: relative;
	width: 481px;
  }

.mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 529px;
  position: relative;
  margin: 313px 0px -740px 246px;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 90%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  /* background-color: rgba(0,0,0,0.8); */
}


#Rectangle_37_ec {
	fill: url(#Rectangle_37_ec);
}
.Rectangle_37_ec {
	position: absolute;
	overflow: visible;
	width: 320px;
	height: 400px;
	left: 26px;
    top: 69px;
}





#Rectangle_38_ee {
	fill: url(#Rectangle_38_ee);
}
.Rectangle_38_ee {
	position: absolute;
	overflow: visible;
	width: 320px;
	height: 370px;
	left: 397px;
    top: 85px;
}
#Rectangle_39_eg {
	fill: url(#Rectangle_39_eg);
}
.Rectangle_39_eg {
	position: absolute;
	overflow: visible;
	width: 320px;
	height: 340px;
	left: 1790px;
	top: 5053px;
}


/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}



#Our_Featured_Clients {
	left: 0px;
	top: 125px;
	position: absolute;
	overflow: visible;
	width: 111%;
	white-space: nowrap;
	text-align: left;
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 60px;
	color: rgba(82,82,82,1);
}

#Join-Our-Team {
	left: -16%;
	top: 18%;
	position: absolute;
	overflow: visible;
	width: 91%;
	text-align: left;
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 60px;
	color: rgba(82,82,82,1);
}



.crd-btn {
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 12px 42px;
    border-radius: 15px;
    transition: 0.5s;
    line-height: 1;
    color: #ffffff;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    border: 1px solid #0c0c0c52;
    box-shadow: 0px 7px 21px 0px rgb(0 0 0 / 35%);
    background: #eb1f27;
	margin-top: 30px;
    float: right;
	
}
.crd-btn:hover {
	color: #cc3333;
	background-color: rgb(255, 255, 255) ;
	text-decoration: none;
}



.read-more {
	font-family: 'Poppins';
    font-weight: 500;
    font: normal normal medium 18px/27px Poppins;
    letter-spacing: 1px;
    display: inline-block;
    padding: 27px 51px;
    border-radius: 15px;
    transition: 0.5s;
    line-height: 1;
    color: #ffffff;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    border: 1px solid #0c0c0c52;
    box-shadow: 0px 7px 21px 0px rgba(0, 0, 0, 0.35);
    background: #C10015;
	margin-top: 4px;
}
.read-more:hover {
	color: #cc3333;
	background-color: rgb(255, 255, 255) ;
	text-decoration: none;
}





.join-us {
	font-family: 'Poppins';
    font-weight: 500;
    letter-spacing: 1px;
    display: inline-block;
    padding: 5% 10%;
    border-radius: 15px;
    transition: 0.5s;
    line-height: 1;
    color: #ffffff;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    border: 1px solid #0c0c0c52;
    box-shadow: 0px 7px 21px 0px rgba(0, 0, 0, 0.35);
    background: #C10015;
    height: 70px;
    font-size: 18px;
}
.join-us:hover {
	color: #cc3333;
	background-color: rgb(255, 255, 255) ;
	text-decoration: none;
}


.our-team{
	width: 593px;
    height: 677px;
    border-radius: 0px 250px;
    opacity: 1;
    position: absolute;
    margin-top: 15%;
}




/* .read-more{
    font-family: 'Poppins';
    font-size: 18px;
    display: inline-block;
    padding: 27px 51px;
    border-radius: 15px;
    transition: 0.5s;
    line-height: 1;
    color: #ffffff;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    background: transparent linear-gradient(
180deg
, #E50019 0%, #C10015 100%) 0% 0% no-repeat padding-box;
    width: 220px;
    height: 70px;
} */


#Rectangle_9 {
	fill: rgba(233,248,255,1);
}
.Rectangle_9 {
	position: absolute;
	overflow: visible;
	width: 120px;
	height: 120px;
	left: 0px;
	top: 0px;
}


#Line_1 {
	fill: transparent;
	stroke: rgba(204,204,204,1);
	stroke-width: 1px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.Line_1 {
	overflow: visible;
	position: absolute;
	width: 1px;
	height: 205.5px;
	left: 328px;
	transform: matrix(1,0,0,1,0,0);
}



#Line_2 {
	fill: transparent;
	stroke: rgba(204,204,204,1);
	stroke-width: 1px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.Line_2 {
	overflow: visible;
	position: absolute;
	width: 2px;
	height: 321.5px;
	left: 317px;
    top: 0.5px;
	transform: matrix(1,0,0,1,0,0);
}


  #panel {
	padding: 50px;
	width: 467px;
    height: 467px;
  }

/* Latest Produtcs */

.latest-products {
	margin-top: 100px;
}

.latest-products .section-heading a {
	float: right;
	margin-top: -35px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 700;
	color: #f33f3f;
}

.product-item {
	border: 1px solid #eee;
	margin-bottom: 30px;
}

.product-item .down-content {
	padding: 30px;
	position: relative;
}

.product-item img {
	width: 100%;
	overflow: hidden;
}

.product-item .down-content h4 {
	font-size: 17px;
	color: #1a6692;
	margin-bottom: 20px;
}

.product-item .down-content h6 {
	position: absolute;
	top: 30px;
	right: 30px;
	font-size: 18px;
	color: #121212;
}

.product-item .down-content p {
	margin-bottom: 20px;
}

.product-item .down-content ul li {
	display: inline-block;
}

.product-item .down-content ul li i {
	color: #f33f3f;
	font-size: 14px;
}

.product-item .down-content span {
	position: absolute;
	right: 30px;
	bottom: 30px;
	font-size: 13px;
	color: #f33f3f;
	font-weight: 500;
}




/* Best Features */

.about-features {
	margin-top: 100px!important;
}

.about-features p {
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
}

.about-features .container .row {
	padding-bottom: 0px!important;
	border-bottom: none!important;
}

.best-features {
	margin-top: 50px;
}

.best-features .container .row {
	padding-bottom: 60px;
}

.best-features img {
	width: 164%;
    margin: -94px 0px 0px -189px;
}

.our-mission {
	width: 164%;
    margin: -94px 0px 0px -189px;
}

.best-features h4 {
	font-size: 17px;
	color: #1a6692;
	margin-bottom: 20px;
}

.best-features ul.featured-list li {
	display: block;
	margin-bottom: 10px;
}

.best-features p {
	margin-bottom: 25px;
}

.best-features ul.featured-list li a {
	font-size: 14px;
	color: #4a4a4a;
	font-weight: 300;
	transition: all .3s;
	position: relative;
	padding-left: 13px;
}

.best-features ul.featured-list li a:before {
	content: '';
	width: 5px;
	height: 5px;
	display: inline-block;
	background-color: #4a4a4a;
	position: absolute;
	left: 0;
	transition: all .3s;
	top: 8px;
}

.best-features ul.featured-list li a:hover {
	color: #f33f3f;
}

.best-features ul.featured-list li a:hover::before {
	background-color: #f33f3f;
}

.best-features .filled-button {
	margin-top: 20px;
}





/* Call To Action */

.call-to-action .inner-content {
	margin-top: 60px;
	padding: 30px;
	background-color: #f7f7f7;
	border-radius: 5px;
}

.call-to-action .inner-content h4 {
	font-size: 17px;
	color: #1a6692;
	margin-bottom: 15px;
}

.call-to-action .inner-content em {
	font-style: normal;
	font-weight: 700;
}

.call-to-action .inner-content .col-md-4 {
	text-align: right;
}

.call-to-action .inner-content .filled-button {
	margin-top: 12px;
}




/* Footer */

footer {
	text-align: center;
}

footer .inner-content {
	border-top: 1px solid #eee;
	margin-top: 60px;
	padding: 60px 0px;
}

footer .inner-content p {
	text-align: center;
    font: normal normal 600 30px/46px Poppins;
    letter-spacing: 0px;
    color: #313131;
    opacity: 1;
	margin-top: -52px;
    margin-bottom: 70px;
}

footer .inner-content p a {
	color: #f33f3f;
	margin-left: 3px;
}


.footer-btn{
	font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 15px 42px;
    border-radius: 15px;
    transition: 0.5s;
    line-height: 1;
    color: #ffffff;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    border: 1px solid #0c0c0c52;
    box-shadow: 0px 7px 21px 0px rgb(0 0 0 / 35%);
    background: #eb1f27;
    margin-top: 5px;

}

.footer-btn:hover {
	color: #cc3333;
	background-color: rgb(255, 255, 255) ;
	text-decoration: none;
}



/* Product Page */

.products {
	margin-top: 100px;
}

.products .filters {
	text-align: center;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	margin-bottom: 60px;
}

.products .filters li {
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 700;
	color: #121212;
	display: inline-block;
	margin: 0px 10px;
	transition: all .3s;
	cursor: pointer;
}

.products .filters ul li.active,
.products .filters ul li:hover {
  color: #f33f3f;
}

.products ul.pages {
	margin-top: 30px;
	text-align: center;
}

.products ul.pages li {
	display: inline-block;
	margin: 0px 2px;
}

.products ul.pages li a {
	width: 44px;
	height: 44px;
	display: inline-block;
	line-height: 42px;
	border: 1px solid #eee;
	font-size: 15px;
	font-weight: 700;
	color: #121212;
	transition: all .3s;
}

.products ul.pages li a:hover,
.products ul.pages li.active a {
	background-color: #f33f3f;
	border-color: #f33f3f;
	color: #fff;
}



/* Team Members */

.team-members {
	margin-top: 100px;
}

.team-member {
	border: 1px solid #eee;
	margin-bottom: 30px;
}

.team-member img {
	width: 100%;
	overflow: hidden;
}

.team-member .down-content {
	padding: 30px;
	text-align: center;
}

.team-member .thumb-container {
	position: relative;
}

.team-member .thumb-container .hover-effect {
	position: absolute;
	background-color: rgba(243,63,63,0.9);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transition: all .5s;
}

.team-member .thumb-container .hover-effect .hover-content {
	position: absolute;
	display: inline-block;
	width: 100%;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
}

.team-member .thumb-container .hover-effect .hover-content ul.social-icons li a:hover {
	background-color: #fff;
	color: #f33f3f;
}

.team-member:hover .hover-effect {
	visibility: visible;
	opacity: 1;
}

.team-member .down-content h4 {
	font-size: 17px;
	color: #1a6692;
	margin-bottom: 8px;
}

.team-member .down-content span {
	display: block;
	font-size: 13px;
	color: #f33f3f;
	font-weight: 500;
	margin-bottom: 20px;
}




/* Services */

.services {
	background-image: url(../images/services-bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	padding: 100px 0px;
}

.services .service-item {
	text-align: center;
}

.services .service-item .icon {
	background-color: #f7f7f7;
	padding: 40px;
}

.services .service-item .icon i {
	width: 100px;
	height: 100px;
	display: inline-block;
	text-align: center;
	line-height: 100px;
	background-color: #f33f3f;
	color: #fff;
	font-size: 32px;
}

.services .service-item .down-content {
	background-color: #fff;
	padding: 40px 30px;
}

.services .service-item .down-content h4 {
	font-size: 17px;
	color: #1a6692;
	margin-bottom: 20px;
}

.services .service-item .down-content p {
	margin-bottom: 25px;
}




/* Clients */

.happy-clients {
	margin-top: 100px;
	margin-bottom: 40px;
}

.happy-clients .client-item img {
	max-width: 100%;
	overflow: hidden;
	transition: all .3s;
	cursor: pointer;
}

.happy-clients .client-item img:hover {
	opacity: 0.8;
}




/* Find Us */

.find-us {
	margin-top: 100px;
}

.find-us p {
	border-bottom: 1px solid #eee;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.find-us h4 {
	font-size: 17px;
	color: #1a6692;
	margin-bottom: 20px;
}

.find-us .left-content {
	margin-left: 30px;
}



/* Send Message */

.send-message {
	margin-top: 100px;
}

.contact-form input {
	font-size: 14px;
	width: 100%;
	height: 44px;
	display: inline-block;
	line-height: 42px;
	border: 1px solid #eee;
	border-radius: 0px;
	margin-bottom: 30px;
}

.contact-form input:focus {
	box-shadow: none;
	border: 1px solid #eee;
}

.contact-form textarea {
	font-size: 14px;
	width: 100%;
	min-width: 100%;
	min-height: 120px;
	height: 120px;
	max-height: 180px;
	border: 1px solid #eee;
	border-radius: 0px;
	margin-bottom: 30px;
}

.contact-form textarea:focus {
	box-shadow: none;
	border: 1px solid #eee;
}

.contact-form button.filled-button {
	background-color: #f33f3f;
	color: #fff;
	font-size: 14px;
	text-transform: capitalize;
	font-weight: 300;
	padding: 10px 20px;
	border-radius: 5px;
	display: inline-block;
	transition: all 0.3s;
	border: none;
	outline: none;
	cursor: pointer;
}

.contact-form button.filled-button:hover {
	background-color: #121212;
	color: #fff;
}

.accordion {
	margin-left: 30px;
}

.accordion a {
	cursor: pointer;
	font-size: 17px;
	color: #1a6692!important;
	margin-bottom: 20px;
	transition: all .3s;
}

.accordion a:hover {
	color: #f33f3f!important;
}

.accordion a.active {
  color: #f33f3f!important;
}

.accordion li .content {
  display: none;
  margin-top: 10px;
}

.accordion li:first-child {
	border-top: 1px solid #eee;
}

.accordion li {
	border-bottom: 1px solid #eee;
	padding: 15px 0px;
}

/* Responsive Style */
@media (max-width: 768px) {
	.banner .text-content {
		width: 90%;
		margin-left: 5%;
	}
	.banner .text-content h4 {
		font-size: 22px;
	}

	.banner .text-content h2 {
		font-size: 36px;
		letter-spacing: 0.5px;
	}
	.banner-item-01,
	.banner-item-02,
	.banner-item-03 {
		padding: 180px 0px;
	}
	.page-heading .text-content h4 {
		font-size: 22px;
	}

	.page-heading .text-content h2 {
		font-size: 36px;
		letter-spacing: 0.5px;
	}
	.latest-products .section-heading a {
		float: none;
		margin-top: 0px;
		display: block;
		margin-bottom: 20px;
	}
	.product-item .down-content h4 {
		margin-bottom: 20px!important;
	}
	.product-item .down-content h6 {
		position: absolute!important;
		top: 30px!important;
		right: 30px!important;
	}
	.product-item .down-content span {
		position: absolute!important;
		right: 30px!important;
		bottom: 30px!important;
	}
	.best-features .left-content {
		margin-bottom: 30px;
	}
	.call-to-action .inner-content {
		text-align: center;
	}
	.call-to-action .inner-content .filled-button {
		text-align: center;
		width: 100%;
		margin-top: 20px;
	}
	.about-features img {
		margin-bottom: 30px;
	}
	.service-item {
		margin-bottom: 30px;
	}
	.find-us #map {
		margin-bottom: 30px;
	}
	.find-us .left-content {
		margin-left: 0px;
	}
	.send-message .accordion {
		margin-top: 30px;
		margin-left: 0px;
	}
}

@media (max-width: 992px) {
	.navbar .navbar-brand {
		position: absolute;
		left: 30px;
		top: 32px;
	}
	.navbar .navbar-brand {
		width: auto;
	}
	.navbar:after {
		display: none;
	}
	#navbarResponsive {
	    z-index: 99999;
	    position: absolute;
	    top: 80px;
	    left: 0;
	    width: 100%;
	    text-align: center;
	    background-color: #fff;
	    box-shadow: 0px 10px 10px rgba(0,0,0,0.1);
	}
	.navbar .navbar-nav .nav-item {
		border-bottom: 1px solid #eee;
	}
	.navbar .navbar-nav .nav-item:last-child {
		border-bottom: none;
	}
	.navbar .navbar-nav a.nav-link {
		padding: 15px 0px;
		color: #1e1e1e!important;
	}
	.navbar .navbar-nav .nav-link:hover,
	.navbar .navbar-nav .active>.nav-link,
	.navbar .navbar-nav .nav-link.active,
	.navbar .navbar-nav .nav-link.show,
	.navbar .navbar-nav .show>.nav-link {
		color: #f33f3f!important;
		border-bottom: none!important;
		padding-bottom: 15px;
	}
	.product-item .down-content h4 {
		margin-bottom: 10px;
	}
	.product-item .down-content h6 {
		position: relative;
		top: 0;
		right: 0;
		margin-bottom: 20px;
	}
	.product-item .down-content span {
		position: relative;
		right: 0;
		bottom: 0;
	}
}



#Group_6266 {
	position: absolute;
	width: 1920px;
	height: 576px;
	left: 0px;
	overflow: visible;
}
#Rectangle_42_h {
	fill: rgba(241,241,241,1);
}
.Rectangle_42_h {
	position: absolute;
	overflow: visible;
	width: 1920px;
	height: 365px;
	left: 0px;
	top: 211px;
}








.footer-card {
	padding: 100px 0px;
    color: black;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    width: 1400px;
    height: 261px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px -17px 86px #00000029;
    border-radius: 35px;
    opacity: 1;
	margin: 7px 0px 0px -135px;
}
.card-p {
	font-size: 25px;
    margin-top: -30px;
	margin-bottom: 50px;
    font: normal normal 600 30px/46px Poppins;
    letter-spacing: 0px;
    color: #313131;
}
.crd-btn {
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 12px 42px;
    border-radius: 15px;
    transition: 0.5s;
    line-height: 1;
    color: #cc3333;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    box-shadow: 0px 7px 21px 0px rgba(0, 0, 0, 0.35);
    background: #ffffff;
}
.crd-btn:hover {
	color: rgb(255, 255, 255);
	background-color: #cc3333;
	text-decoration: none;
}
.join-our{
	max-width:100%;
}

.input-icons {width: 100%;}


.input-icons i { 
	position: absolute; 
	right: 20px;
} 
.input-icons { 
	width: 100%; 
	margin-bottom: 10px; 
	float: left;
    padding: 1%;

}  
.icon-img {  
	min-width: 50px; 
	margin-left: 10%;
    margin-top: 10px;
}  
.input-field { 
    width: 100%;
    padding: 10px;
    border-width: 1px !important;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EAEAEA;
    border-radius: 15px;
} 


.nav-link-f{

text-transform: capitalize;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #ffffff;
    transition: all 0.5s;
    margin-top: 5px;
}
.nav-link-f:hover{
	color: #000000;
}

#Group_footer {
	position: relative;
    width: 1640px;
    height: 130px;
    left: -229px;
    top: 446px;
    overflow: visible;
}
#Rectangle_94_h {
	fill: url(#Rectangle_94_h);
}
.Rectangle_94_h {
	position: absolute;
	overflow: visible;
	width: 1640px;
	height: 130px;
	left: -69px;
    top: 446px;
}



.column {
	float: left;
	font-family: "Raleway", sans-serif;
	margin-top: 3%;
	padding-right: 14%;
    margin-left: 47px;
  }

  .icons-1 {
	color: red;
	margin: 0px 0px 10px -25px;
}








#Group_6258 {
	position: absolute;
	width: 458px;
	height: 57px;
	left: 208px;
	overflow: visible;
}
#ID26_Daar-ul-Aman_Society_Shah {
	left: 38px;
	top: 1px;
	position: absolute;
	overflow: visible;
	width: 421px;
	white-space: nowrap;
	text-align: left;
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 19px;
	color: rgba(49,49,49,1);
}
#Icon_material-location-on {
	fill: rgba(229,48,48,1);
}
.Icon_material-location-on {
	overflow: visible;
	position: absolute;
	width: 21px;
	height: 30px;
	left: 0px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Group_6256 {
	position: absolute;
	width: 299px;
	height: 57px;
	left: 704px;
    top: -15px;
	overflow: visible;
}
#salesbinaryvibescom_supportbin {
	left: 48px;
	top: 1px;
	position: absolute;
	overflow: visible;
	width: 252px;
	white-space: nowrap;
	text-align: left;
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 19px;
	color: rgba(49,49,49,1);
}
#Icon_simple-email {
	fill: rgba(229,48,48,1);
}
.Icon_simple-email {
	overflow: visible;
	position: absolute;
	width: 27.204px;
	height: 30px;
	left: 0px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Group_6257 {
	position: absolute;
	width: 218px;
	height: 57px;
	left: 959px;
    top: -17px;
	overflow: visible;
}
#ID92-21-34542945_92-2134371602 {
	left: 50px;
	top: 1px;
	position: absolute;
	overflow: visible;
	width: 169px;
	white-space: nowrap;
	text-align: left;
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 19px;
	color: rgba(49,49,49,1);
}
#Icon_material-call {
	fill: rgba(229,48,48,1);
}
.Icon_material-call {
	overflow: visible;
	position: absolute;
	width: 30px;
	height: 30px;
	left: 0px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}

#Group_633 {
	position: relative;
	width: 1640px;
	height: 130px;
	left: -229px;
    top: 178px;
	overflow: visible;
}
#Rectangle_94_h {
	fill: url(#Rectangle_94_h);
}
.Rectangle_94_h {
	position: absolute;
	overflow: visible;
	width: 1640px;
	height: 130px;
	left: 0px;
	top: 0px;
}
#Group_632 {
	position: absolute;
	width: 394px;
	height: 24.219px;
	left: 1126px;
	top: 51px;
	overflow: visible;
}
#ID2111392 {
	fill: rgba(255,255,255,1);
}
.ID2111392 {
	overflow: visible;
	position: absolute;
	width: 11.902px;
	height: 23.802px;
	left: 0px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#ID2111532 {
	position: absolute;
	width: 23.801px;
	height: 23.801px;
	left: 143.659px;
	top: 0.418px;
	overflow: visible;
}
#Path_5_h {
	fill: rgba(255,255,255,1);
}
.Path_5_h {
	overflow: visible;
	position: absolute;
	width: 15.383px;
	height: 16.29px;
	left: 8.419px;
	top: 7.512px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_6_ia {
	fill: rgba(255,255,255,1);
}
.Path_6_ia {
	overflow: visible;
	position: absolute;
	width: 4.935px;
	height: 15.891px;
	left: 0.393px;
	top: 7.911px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_7_ib {
	fill: rgba(255,255,255,1);
}
.Path_7_ib {
	overflow: visible;
	position: absolute;
	width: 5.716px;
	height: 5.743px;
	left: 0px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#ID733614 {
	position: absolute;
	width: 23.801px;
	height: 23.801px;
	left: 292.535px;
	top: 0.418px;
	overflow: visible;
}
#Group_8_id {
	position: absolute;
	width: 23.801px;
	height: 23.801px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
#Group_7_ie {
	position: absolute;
	width: 23.801px;
	height: 23.801px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
#Path_8_if {
	fill: rgba(255,255,255,1);
}
.Path_8_if {
	overflow: visible;
	position: absolute;
	width: 23.801px;
	height: 23.802px;
	left: 0px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Group_10_ig {
	position: absolute;
	width: 11.901px;
	height: 11.901px;
	left: 5.95px;
	top: 5.95px;
	overflow: visible;
}
#Group_9_ih {
	position: absolute;
	width: 11.901px;
	height: 11.901px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
#Path_9_ii {
	fill: rgba(255,255,255,1);
}
.Path_9_ii {
	overflow: visible;
	position: absolute;
	width: 11.901px;
	height: 11.9px;
	left: 0px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Group_12_ij {
	position: absolute;
	width: 1.586px;
	height: 1.586px;
	left: 17.504px;
	top: 4.711px;
	overflow: visible;
}
#Group_11_ik {
	position: absolute;
	width: 1.586px;
	height: 1.586px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
#Ellipse_1 {
	fill: rgba(255,255,255,1);
}
.Ellipse_1 {
	position: absolute;
	overflow: visible;
	width: 1.586px;
	height: 1.586px;
	left: 0px;
	top: 0px;
}
#YT {
	fill: rgba(255,255,255,1);
}
.YT {
	overflow: visible;
	position: absolute;
	width: 33.994px;
	height: 23.802px;
	left: 214.338px;
	top: 0.418px;
	transform: matrix(1,0,0,1,0,0);
}
#Ellipse_11 {
	fill: rgba(255,255,255,1);
}
.Ellipse_11 {
	position: absolute;
	overflow: visible;
	width: 13px;
	height: 13px;
	left: 365px;
	top: 6px;
}
#Ellipse_12 {
	fill: rgba(255,255,255,1);
}
.Ellipse_12 {
	position: absolute;
	overflow: visible;
	width: 13px;
	height: 13px;
	left: 381px;
	top: 6px;
}
#Icon_awesome-twitter {
	fill: rgba(255,255,255,1);
}
.Icon_awesome-twitter {
	overflow: visible;
	position: absolute;
	width: 29.304px;
	height: 23.8px;
	left: 65.9px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}

/* Back to Top */
#backtotop{color:#FFFFFF; background-color:#d3171e;}
#backtotop{
	position: fixed;
    right: 25px;
    width: 42px;
    height: 42px;
    line-height: 42px;
    padding: 0;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    background-color:#d3171e ;
    border: none;
    outline: none;
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    box-shadow: 0 0 12px 0 rgb(0 0 0 / 20%);
    -webkit-transition: .9s;
    transition: .9s;
    z-index: 99;
    visibility: hidden;
    opacity: 0;
	z-index:999; display:inline-block; position:fixed; visibility:visible; bottom:20px; right:20px; width:36px; height:36px; line-height:36px; font-size:16px; text-align:center; opacity:.2; background-clip:padding-box;}
#backtotop i{display:block; width:100%; height:100%; line-height:inherit;}
#backtotop.visible{visibility:visible; opacity:.5;}
#backtotop:hover{opacity:1;}
.backtotop.is-active {
    top: 98%;
    -webkit-transform: translateY(-98%);
    transform: translateY(-98%);
    opacity: 1;
    visibility: visible;
}

.scrollup {
    position: fixed;
    top: 0;
    right: 25px;
    width: 42px;
    height: 42px;
    line-height: 42px;
    padding: 0;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    background-color:#d3171e ;
    border: none;
    outline: none;
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    box-shadow: 0 0 12px 0 rgb(0 0 0 / 20%);
    -webkit-transition: .9s;
    transition: .9s;
    z-index: 99;
    visibility: hidden;
    opacity: 0;
}

/* About-Us */


#Group-about-us {
    position: absolute;
    width: 418px;
    height: 383px;
    left: -194px;
    top: 349px;
    overflow: visible;
}


.aboutusbannar-p {
    position: absolute;
    overflow: visible;
    width: 207px;
    height: 2px;
    left: 383px;
    top: 25px;
}


#about-us {
    opacity: 0.033;
    left: 9px;
    top: 351px;
    position: absolute;
    overflow: visible;
    width: 512px;
    white-space: nowrap;
    text-align: left;
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 147px;
    color: rgba(0,0,0,1);
    text-transform: uppercase;

}







.Integnum-img{
	margin-top: 144px;
    margin-right: 224px;
    float: right;
    height: 677px;
}

.Wiztrav-img{
	height: 677px;
	margin-left: 211px;
}



.CATALYS-img {
    height: 677px;
	margin-top: 105px;
}



.E-bg{
	margin-left: -92px;
    width: 1103px;
    height: 1049px;
}


.Esource1-img{
	margin-top: 151px;
    margin-right: 52px;
    float: right;
    width: 685px;
	height: 661px;
}





.icon-bar {
	width: 100%;
  
	overflow: auto;
  }
  
  .icon-bar a {
	float: left;
	width: 22%;
	text-align: center;
	transition: all 0.3s ease;
	color: #525252;
	font-size: 36px;
  }
  
  .icon-bar a:hover {
	box-shadow: 0px 7px 21px 0px rgb(0 0 0 / 35%);
	border: 1px solid #0c0c0c52;
	background-color: rgb(255, 255, 255);
	color: #ce0016;
  }
  
  .active {

  }


  html {
	scroll-behavior: smooth;
   }



/* ************************************************ */


/* initially hide animatable objects */
.qoutes {display: none;}

.bg-center{
	background-position: center center !important;
}

.bg-cover{
	background-size: cover !important;
}

.hero {
    min-height: 30rem;
}

.pb-3, .py-3 {
    padding-bottom: 1rem!important;
}

.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}

.d-flex{
display: flex!important;}

.pb-5, .py-5 {
    padding-bottom: 3rem!important;
}

.pt-5, .py-5 {
    padding-top: 3rem!important;
}

@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1140px;
	}
}

@media (min-width: 992px) {
.pl-lg-5, .px-lg-5 {
    padding-left: 3rem!important;
	}
}

@media (min-width: 992px)
{
	.pr-lg-5, .px-lg-5 {
    padding-right: 3rem!important;
	}
}

.row{
display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 992px) {
.col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
	}
}

small, .small {
    font-size: 80%;
    font-weight: 400;
}

.text-uppercase {
    text-transform: uppercase;
    letter-spacing: 0.1em;
}


.text-muted {
    color: #6c757d!important;
}


.text-uppercase {
    text-transform: uppercase!important;
}

.mb-2, .my-2 {
    margin-bottom: .5rem!important;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

h2, .h2 {
    font-size: 1.9rem;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 900;
    line-height: 1.2;
    color: inherit;
}

.text-uppercase {
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.text-uppercase {
    text-transform: uppercase!important;
}

.mb-3, .my-3 {
    margin-bottom: 1rem!important;
}