.logo {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.logo img
{
	margin:15px 0px;
}

.menu
{
	display:flex;
	justify-content: center;
    height: 100%;
    align-items: center;
	font-family:Outfit;
}
.menu ul
{
	margin:0px;
	padding:0px;
}
.menu li
{
	float:left;
	list-style-type:none;
	padding:15px;
	font-weight:bold;
}
.menu a
{
	color:black;
	text-decoration:none;
	font-size:18px;
}
.menu :hover
{
	color:#1590ca;
}

.get_top
{
	display:flex;
	background-color:#1590ca;
	width:200px;
	height:80px;
	align-items:center;
	justify-content:center;
	border-radius:5px;
	margin:15px 0px;
	font-family:Outfit;
	font-weight:bold;
}
.get_top .h-flaticon-035-tech-support
{
	font-size:45px;
	padding:10px;
}
.get_top a
{
	color:white;
	font-size:16px;
	display: flex;
    justify-content: center;
    align-items: center;
	text-decoration:none;
}
.get_top .fa
{
	font-size:40px;
	padding:5px;
}
/*video-slider*/
:root{
    --mainblue: #097DBF;
    --textgray: #666666;
    --darkblue: #38628D;
    --primary: #fff;
    --second: #000000;
    --yellow: #FFD639;
    --cyanbg: #39ACFF;
}
#mainLogo{
    width: 220px;
    height: 43px;
 
}
#carrousel{

}
.nav-link{
    font-weight: bold;
    text-transform: uppercase;
    color: var(--mainblue) !important;
}
.nav-link:hover {
    color: var(--yellow) !important
}
.MyButton{
    text-align: center;
    display: block;
    text-transform: initial;
    margin-top: 10px;
    padding: 0 30px !important;
    height: 50px;
    line-height: 50px;
    
}
.buttonYellow{
    color: var(--yellow) !important;
    border: 1px solid var(--yellow);
    background-color: rgba(0,0,0,0.3);
}
.buttonWhite{
    color: var(--primary) !important;
    border: 1px solid var(--primary);
}
.MyButton:hover {
    color: #FFF !important;
    border: 1px solid #FFF;
}

#header{
  position: absolute;
  z-index: 999;
  color: var(--mainblue);
  height: 117px;
  background: rgba(255,255, 255, 0.5);
}
#navbarText{
    text-align: center;
    line-height: 55px;
}
#navbarText ul li{
   padding: 0 15px;
}
.show {
    padding: 50px;
    text-align: center;
    background-color: rgba(0,0,0,0.3);
}
.show ul li:hover {

    background-color: rgba(0,0,0,0.3);
}
.carousel-item{
  transform: scale(1);
  max-height: 100vh;
  min-height: calc(100vh-180px);
  overflow: hidden;

}
.sliderTitle{
  font-family: Roboto;
  font-size: 50px;
  display: none;
  top: calc(50vh - height);
  left: -10vw;
  color:white;
  position: absolute;
  transition: all 0.5s;
  padding: 5px 15px;
  font-weight:bold;
}
.active .sliderTitle{
  display: block;
  top: 20vh;
  left: 10vw;
}
.sliderSubtitle{
  display: none;
  top: 50vh;
  left: -10vw;
  color:white;
  position: absolute;
  transition: all 0.5s;
  background-color: rgba(0,0,0,0.3);
  padding: 5px 15px;
}
.active .sliderSubtitle{
  display: block;
  top: 50vh;
  margin-top: 100px;
  left: 10vw;
}
#carouselExampleIndicators{
  position: relative;

}
.containerVideobg {
  background-color: var(--second);
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -2;
  padding: 0 !important;
  max-height: 100vh;
  overflow: hidden;
}
.videoSliderBackground{
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  min-width: 100vh;
  min-height: 100vh;
}
.videoSlider{
  margin-left: auto;
  margin-right: auto;
  margin-top: 180px;
  width: 40%;
  transition: all 0.5s;
  border: 10px solid var(--primary);
  background-color: var(--primary);
  box-shadow: 0px 3px 6px rgba(0,0,0,0.3);
}
.elVideo{
  width: 100%;
  height: 100%;
}
.active {
  
}
.active .videoSlider{
  margin-top: 0;
  width: 100%;
  border: none;
  box-shadow: none;
}
/*video-slider-end*/


.products_top_box
{
	background-color:#1590ca;
	padding:20px;
	border-radius:5px;
	margin:20px 0px;
	height:270px;
}
.top_box_icon
{
	display:flex;
	justify-content: center;
    align-items: center;
    height: 60px;
}
.top_box_icon .fnsizev
{
	font-size:45px;
	color:white;
}
.top_box_text
{
	display:flex;
	color:white;
	justify-content:center;
}
.top_box_text h6
{
	font-size:18px;
	font-family:"Poppins", sans-serif;
	text-align:center;
}
.coding
{
	color:white;
	display:flex;
	font-family: Calibri;
    font-weight: 400;
	text-align:center;
    font-size: 18px;
}
.boy_image
{
	width:90%;
	position:relative;
	left:-1%;
}
.pack_top
{
	    position: absolute;
    -webkit-animation: spin 30s linear infinite;
    -moz-animation: spin 30s linear infinite;
    animation: spin 30s linear infinite;
    z-index: -1;
    width: 95%; 
	top:-3%;
	left:-3%;
}

@media (min-width: 1280px) and (max-width: 1280px) {
	.imagerotate2 {
		width: 453px;
		left: 0%;
		margin: 70px 0 0 38px;
	}
}

@-moz-keyframes spin {
	100% {
		-moz-transform: rotate(360deg);
	}
}

@-webkit-keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}


.boy_image img
{
	width:100%;
}




.welcome h2
{
	font-family:Outfit;
	font-weight:bold;
}
.welcome p
{
	font-family: clibri;
    text-align: justify;
    font-size: 18px;
}


.our_mission
{
	    box-shadow: 0px 0px 5px 5px #b5b5b561;
		margin:10px;
		height:290px;
}
.mission_icon .fa
{
	color:white;
	font-size:40px;
	display:flex;
	width: 90px;
    height: 90px;
    background-color: #1590ca;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
	margin:20px 0px;
}
.mission_icon
{
	display:flex;
	justify-content:center;
	align-items:center;
}
.mission_text
{
	font-family:outfit;
}
.mission_text h6
{
	font-weight:bold;
	display:flex;
	justify-content: center;
	font-size:20px;
}
.mission_text p
{
	padding:10px;
	font-family:outfit;
	text-align:center;
}
.pack_top
{
	display:flex;
}

.get
{
	background-color: #1590ca;
	font-family:outfit;
	width:225px;
	height:75px;
	display:flex;
	justify-content:center;
	align-items:center;
	color:white;
	font-weight:bold;
	border-radius:5px;
	margin:10px;
	border:2px solid #0a43a4;
}

.product_back_color
{
	background-color:#1590ca;
	padding:50px 30px;
}
.product_list
{
	color:white;
	
}
.product_list h5
{
	font-family:outfit;
	font-weight:bold;
}
.product_list p
{
	font-family:outfit;
}

.taping_product_image
{   border-radius: 0px 0px 7px 7px;
	border:2px solid #edeeef;
	margin:20px 0px;
}
.taping_product_image img
{
	width:100%;
}
.taping_batton
{
	background-color:#1590ca;
	display:flex;
	justify-content: center;
    align-items: center;
    font-size: 18px;
    height: 72px;
    font-family: serif;
    border-radius: 5px;
	font-weight:bold;
}
.taping_batton a
{
	color:white;
	text-decoration:none;
}
.Experience
{
	margin:50px 0px;
}
.experience h5
{
	font-family:outfit;
	font-weight:bold;
	color:black;
	text-align:center;
	font-size:33px;
}
.experience p
{
	font-family:outfit;
	color:black;
	text-align:center;
}

.numbars_exprince h5
{
	font-family:outfit;
	font-weight:bold;
	color:#1590ca;
	text-align:center;
	font-size:40px;
}
.numbars_exprince p
{
	font-family:outfit;
	color:black;
	text-align:center;
	font-size:22px;
	font-weight:bold;
}
.customers_top_icon
{
	margin:50px 0px 20px 0px;
}
.customers_top_icon .flaticon-review
{
	color:#1590ca;
	font-size:75px;
	display:flex;
	justify-content: center;
}
.stars
{
	display:flex;
	justify-content:center;
}
.stars .fa
{
	color:#1590ca;
	font-size:27px;
	display:flex;
	justify-content: center;
}
.ramesh_sharma
{
	border:2px solid #d6d6d6;
	padding:15px 15px 0px 15px;
	text-align:center;
	font-family:outfit;
	border-radius:5px;
	height:215px;
	margin-top:10px;
	transition:0.5s;
}
.ramesh_sharma h5
{
	font-weight:bold;
}
.ramesh_sharma p
{
	height:150px;
}
.our_channel
{
	font-family:outfit;
	font-weight:bold;
	color:black;
	text-align:center;
	font-size:33px;
	margin:50px 0px 20px 0px;
}
.partners_image
{
	margin:0px 0px 20px 0px;
}
.partners_image img {
    display: flex;
    width: 60%;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    /*filter: grayscale(1);*/
	transition:0.5s;
}
.partners_image img:hover {
    display: flex;
    width: 60%;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    filter: grayscale(0);
	transition:0.5s;
	transform: translateY(-0.5rem);
	
}
.footer_back_color
{
	background-color:#1590ca;
	padding-top:25px;
}
.footer_logo img
{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 10px auto;
	margin-bottom:30px;
}
.footer_logo p
{
	color:white;
	text-align:center;
}
.footer_icon .iconsociaf
{
	color:white;
	font-size:30px;
	border:1px solid white;
	width:45px;
	height:45px;
	border-radius:5px;
	margin:0px 5px;
	display: flex;
    justify-content: center;
    align-items: center;
	transition:0.8s;
}
.footer_icon
{
    display:flex;
	justify-content:center;
	align-items:center;
}
.footer_icon a
{
	text-decoration:none;
}
.strong h5
{
	font-family:outfit;
	font-size:25px;
	color:white;
	font-weight: bold;
    text-align: center;
}
.strong p
{
	font-family:arial;
	color:white;
    text-align: center;
	margin:20px 0px;
}
.contact_us_batton
{
	display: flex;
    justify-content: center;
    font-size: 20px;
    font-weight: bold;
    font-family: outfit;
    height: 70px;
    align-items: center;
}
.contact_us_batton a
{
    color: white;
	text-decoration:none;
}
.footer_address_icon
{
	font-family:outfit;
	display:flex;
	height:85px;
}
.footer_address_icon .flaticon-headphones
{
	font-size:45px;
	    padding-right: 3px;
}
.footer_address_icon .flaticon-email
{
	font-size:45px;
	    padding-right: 3px;
}
.footer_address_icon .flaticon-location
{
	font-size:45px;
	    padding-right: 3px;
}
.footer_address_icon a
{
	color:white;
	text-decoration:none;
}
.footer_bottom_border
{
	border-bottom:1px solid white;
	margin:20px 0px;
}
.design_manas
{
	color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 42px;
}
.design_manas a
{
	color:white;
	text-decoration:none;
}

/* about us */

.about_slider
{
	background-image: url(../images/header-tech-3.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	padding:50px 0px;
	box-shadow: 0px 0px 0px 5000px #1590caa6 inset;
	background-position:center;
}
.sliser_about_text
{
	display: flex;
    justify-content: center;
    align-items: end;
    color: white;
    font-size: 33px;
    font-weight: bold;
    font-family: outfit;
}
.about_menu
{
	color:white;
	display: flex;
    justify-content: center;
    align-items: center;
}
.about_menu a
{
	color:white;
	text-decoration:none;
}
.about_menu .fa
{
	padding:0px 5px;
	font-size:20px;
}
.about_space
{
	margin:50px 0px;
}

.side_menu
{
	border:1px solid #d9d9d9;
	margin:50px 0px;
	box-shadow: 3px 3px 13px 0 rgba(0, 0, 0, 0.068);
	border-radius:5px;
	padding:20px 0px;
}
.side_menu h2
{
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
	font-size:30px;
	display:flex;
	align-items: center;
	justify-content:center;
    height: 70px;
    padding: 15px;
	font-family: serif;
	width: 90%;
    margin: 20px auto;
	font-weight:bold;
}
.side_menu h2
{
	display:none;
}
.products_name
{
	display:flex;
	padding: 15px;
    align-items: center;
    height: 60px;
    font-family: outfit;
    box-shadow: 0px 10px 15px 0px rgb(0 0 0 / 12%);
	width: 80%;
    margin: 0 auto;
	font-size:18px;
	
}
.products_name a
{
	color:black;
	text-decoration:none;
}

.lisnig_bets img
{
	width:100%;
}
.lisnig_bets
{
	margin:50px 0px;
}
.lisnig_bets h4
{
	font-family:outfit;
	font-size:20px;
	font-weight:bold;
	margin-top:30px;
}
.lisnig_bets p
{
	font-family:Calibri;
	font-size:18px;
	font-weight:normal;
}
.turnkey_back_color
{
	padding:10px;
	background-color:#f0f0f0;
}
.independent .fa
{
	color:#1590ca;
}
.turnkey_head
{
	display:flex;
	justify-content: center;
    align-items: center;
    height: 100px;
    font-size: 33px;
    font-family: outfit;
    font-weight: bold;
	margin:20px 0px;
}
.analysis img
{
	display:flex;
	margin:0px auto;
}
.analysis p
{
	font-family:Calibri;
	font-size:18px;
	text-align:center;
}
.customised p
{
	font-family:calibri;
	font-size:18px;
	text-align:center;
}
.customised a
{
	color:black;
	text-decoration:none;
}
.analysis_image
{
	margin:40px 0px;
}
.analysis_image img
{
	width:100%;
}
.processes h4
{
	font-family:outfit;
	font-weight:bold;
	margin-top:40px;
}
.processes p
{
	font-family:celibri;
	font-size:18px;
	margin-bottom:40px;
}
.turkey_space
{
	margin:40px 0px;
}

.contact_box
{
	box-shadow:0px 0px 5px 0px;
	padding:20px;
	margin:30px 0px;
	border-radius:5px;
	height:200px;
}
.contact_box .flaticon-headphones
{
	font-size:70px;
	color:#1590ca;
	display:flex;
	color: #1590ca;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
}
.contact_box .flaticon-email
{
	font-size:70px;
	color:#1590ca;
	display:flex;
	color: #1590ca;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
}
.contact_box .flaticon-location
{
	font-size:70px;
	color:#1590ca;
	display:flex;
	color: #1590ca;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
}
.contact_box h5
{
	font-family:outfit;
	font-weight:bold;
	display:flex;
	justify-content:center;
	align-items:center;
}
.contact_box p
{
	font-family:outfit;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	font-size:18px;
}

.name
{
	width:100%;
	height:70px;
	margin:20px 0px ;
	border-radius:5px;
	border:none;
	outline:none;
	box-shadow: 0px 3px 0px 0px #1590ca;
	padding-left:10px;
	font-family:outfit;
	font-size:18px;
}
.message
{
	width:100%;
	height:150px;
	margin:20px 0px ;
	border-radius:5px;
	border:none;
	outline:none;
	box-shadow: 0px 3px 0px 0px #1590ca;
	padding-left:10px;
	font-family:outfit;
	font-size:18px;
}

.batton_send_form
{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 140px;
}
.form_com
{
	background-color: #1590ca;
	color:white;
	width:200px;
	height:70px;
	border:none;
	border-radius:5px;
	margin-bottom:40px;
	font-family:outfit;
	font-weight:bold;
	font-size:18px;
}

.mobile_memu
{
	display:none;
}
.welcome_space
{
	margin:50px 0px;
}

.wel_box 
{
	padding:20px;
	box-shadow:0px 0px 5px 0px;
	width:100%;
	border-radius:3px;
	margin:10px 0px;
}
.wel_box .h-flaticon-005-servers-9
{
	color: #1590ca;
    font-size: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
}
.wel_box .h-flaticon-011-globe-2
{
	color: #1590ca;
    font-size: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
}
.wel_box h5
{
	font-family:outfit;
	font-weight:bold;
	display:flex;
	justify-content:center;
	align-items:center;
	height:40px;
}
.wel_box p
{
	font-family:outfit;
	text-align:center;
}
.welcome_bottom_batton
{
	display:flex;
	background-color:#1590ca;
	font-family:outfit;
	width:220px;
	height:70px;
	justify-content:center;
	align-items:center;
	border-radius:3px;
	font-size:18px;
	margin:10px;
	border:2px solid #2161b1;
}
.welcome_bottom_batton a
{
	color:white;
	text-decoration:none;
}






/* mobile menu css*/




.topnav {
  overflow: hidden;
  background-color: #1590ca;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color:#1590ca;
  color: white;
}

.topnav a.active {
  background-color: #1590ca;
  color: white;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
	}
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

/* fb whatsapp icon */


.phone2 {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 112px;
    right: 20px;
    background-color: #24cc63;
    color: #fff !important;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 100;
    padding-top: 6px;
    margin-bottom: 25px;
}
.phone {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 30px;
    right: 20px;
    background-color: #1858a3;
    color: #fff !important;
    border-radius: 50px;
    text-align: center;
    font-size: 25px;
    z-index: 100;
    margin-bottom: 30px;
}

/* crausal start*/




	
	.handles svg path{
    stroke:#1590ca!important;
	}
	.dots span{
    background:#fff!important;
    opacity:0.5
	}
	.dots span.active{
    opacity:1
	}
    .PostSlide{max-width:1300px;margin:40px auto;}
    .PostSlide{max-width:1300px;margin:10px auto 40px;}
    .PostSlide .innerContainer .slider{display:flex;width:1280px;overflow-x:hidden;margin:auto;}
    .PostSlide .innerContainer .slider .slide{display:block;background-size: cover!important;background-position: center center!important;min-width:280px;height:auto;margin:0 10px;}
    .PostSlide .innerContainer .slider{position:relative;z-index:2;}
    .PostSlide .innerContainer .handles{display:flex;justify-content:space-between;position:relative;top:-150px;width:103%;cursor:pointer;margin-right:-20px;margin-left:-20px;z-index:4;-webkit-tap-highlight-color:transparent;}
    .PostSlide .dots{display:flex;align-items:center;justify-content:center;gap:10px;position:relative;}
    .PostSlide .dots span{border-radius:10px;background:#CBCBCB;width:6px;height:6px;display:inline-block;cursor:pointer;}
    .PostSlide .slider *{user-drag:none;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;}
    .PostSlide .handles > span{transition:opacity 0.3s;}
    .PostSlide .handles .prev{opacity:0;}
    .PostSlide .handles .next{opacity:1;}
    .PostSlide .handles *{user-select:none;}
    .PostSlide .innerContainer .slider .slide{display:flex!important;flex-direction:column;justify-content:space-between;}
    @media (min-width: 1280px){
	.PostSlide .innerContainer .slider{width:1200px!important;margin:auto;}
    }
    @media (max-width: 1280px){
	.PostSlide .innerContainer .handles{width:calc(100%)!important;margin-left:0px!important;margin-right:-15px!important;}
    }
    @media (min-width: 960px) and (max-width: 1280px){
	.PostSlide .innerContainer .slider{width:960px!important;}
    }
    @media (min-width: 960px) and (max-width: 1280px){
	.PostSlide .innerContainer .slider{width:960px!important;}
    }
    @media (min-width: 640px) and (max-width: 960px){
	.PostSlide .innerContainer .slider{width:640px!important;}
    }
    @media (max-width: 640px){
	.PostSlide .innerContainer .slider{width:300px!important;}
    }
    .PostSlide .innerContainer,.PostSlide .slider,.PostSlide .handles,.PostSlide .dots{direction:ltr;}
	
    .PostSlide .innerContainer .slider .slide>div{display:block;background-size: cover!important;background-position: center center!important;min-width:100%;height:100%;border-radius:8px}





/* crausal end*/

.bast_service
{
	width:200px;
	height:200px;
	position:absolute;
	top:45%;
	left:17%;
}
.bast_img
{
	width:100%;
	animation:spin 30s linear infinite;
}
.products_top_box a
{
	text-decoration:none;
}


/*icon css*/


.on_click .flaticon-click
{
	font-size: 71px;
    color: white;
    position: absolute;
    top: 50px;
    left: 60px;
}


.about_text_pra
{
	font-family: clibri;
    text-align: justify;
    font-size: 18px;
}
.pack_mission p
{
	font-family: clibri;
    text-align: justify;
    font-size: 18px;
}
.certificate_cii_img img
{
	width:100%;
	margin:20px 0px;
}


.footer_icon .iconsociaf:hover {
    color: #1590ca;
    font-size: 30px;
    border: 1px solid white;
    width: 45px;
    height: 45px;
    border-radius: 5px;
    margin: 0px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
	background-color:white;
	transition:0.8s;
}
.ramesh_sharma:hover {
    border: 2px solid #d6d6d6;
    padding: 15px 15px 0px 15px;
    text-align: center;
    font-family: outfit;
    border-radius: 5px;
    height: 215px;
    margin-top: 10px;
    transform: translateY(-0.5rem);
	transition:0.5s;
}
.highslide img {
    width: 100%;
    margin: 20px 0px;
    height: 117px;
    object-fit: contain;
}