@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Poppins&family=Protest+Revolution&display=swap');

* {
	margin: 0;
	padding: 0;
	font-family: 'Poppins', sans-serif;
}

/* logo image */
.menubg{
	background: rgb(2, 0, 36);
	background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(1, 100, 139, 1) 52%, rgba(0, 212, 255, 1) 100%);
}
.logo_img{
	width: 200px;
	left: 20px;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-item:hover .nav-link {
    color: white; /* Text color when hovered or active */
    transition: color 0.3s ease; /* Smooth transition effect for color */
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  }
  .buttons {
	/* margin: 10%; */
	text-align: center;
  }
  .btn-hover {
	width: 200px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	cursor: pointer;
	margin: 20px;
	height: 55px;
	text-align:center;
	border: none;
	background-size: 300% 100%;
	border-radius: 50px;
	moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
  }
  .btn-hover:hover {
	background-position: 100% 0;
	moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
  }
  .btn-hover:focus {
	outline: none;
  }
  .btn-hover.color {
	background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
	box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);
  }
  
/*navbar color*/

.head1 {
	height: auto;
	/*	background: radial-gradient(circle at center, #44a4ff 0%, #62aef7 20%, #80b9f0 40%, #9dc4e8 60%, #bbcee1 80%);*/
	/* background-color: #000; */
	background: rgb(2, 0, 36);
	background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(1, 100, 139, 1) 52%, rgba(0, 212, 255, 1) 100%);
	/*	background-blend-mode: overlay;*/
	/*background: rgb(63,94,251);
    background: radial-gradient(circle, rgba(63,94,251,0.3617822128851541) 0%, rgba(3,0,21,1) 53%);*/
}

.row {
	--bs-gutter-x: 0em;
}

.head1 a {
	color: ;
}

.head1 a:hover {
	color: ;
}

.head1 .navactive {
	color: blue;
}



.section2 p {
	border-left: 5px solid #28a745;
	/* Add border left to paragraphs */
	padding-left: 10px;
	/* Add padding to the left of paragraphs */
}



.sqer,
.cs,
.sqery {
	position: relative;
	background-color: #000;
}

/*.qwe{
	height: 700px;
}*/
.cs:before {
	/*	background-image: url(../image/cs.png);*/
	background-image: url(https://images.hdqwalls.com/wallpapers/thumb/deer-abstract-minimalism-km.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-attachment: fixed;
	background-size: cover;
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.7;
	filter: blur(5px);
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	-webkit-mask-image: linear-gradient(to left, #000);
	mask-image: linear-gradient(to left, #000);
}

.sqery:before {
	background-image: url(https://images.unsplash.com/photo-1517245386807-bb43f82c33c4?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-attachment: fixed;
	background-size: cover;
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.7;
	filter: blur(5px);
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	-webkit-mask-image: linear-gradient(to left, #000);
	mask-image: linear-gradient(to left, #000);
}

.sqer:before {

	background-image: url('../image/im1.png');
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: cover;
	/* background-attachment: ; */

	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.8;
	filter: blur(50px);
	/*-webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px); */
	-webkit-mask-image: linear-gradient(to left, #fff);
	mask-image: linear-gradient(to left, #fff);
}

.display-1 {
	line-height: 1;
}

.sdf {
	position: relative;
}

.sdf .fffh {
	font-weight: 950;
	font-size: 6.5em;
}


.scol {
	
	color: #f46052;
	font-weight: 950;
}

.cc {
	color: #ae1133;
}

.sclo2 {
	color: #ae1133;
	text-shadow: 100px white;
}

.section1 {
	background-color: #98ABEE;
}

.section2 {
	background-image: url("../image/im2.jpg");

	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	/*  position: relative;*/

	/*	 padding: 25px;*/

	/*background-repeat: no-repeat;
  background-size: 100% 100%;*/
}

.section3 {
	background-image: url(../image/im5.jpg);
	background-position: right;
	background-repeat: no-repeat;
	background-size: cover;

	/*  background-size: 60em;*/
}

.pp {
	/* background-color: ; */
	background-image: url(../image/im4.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;


}

/* .qq , .bg{
 background-color:#514242	 ;
} */
/* .bb{
background: radial-gradient(circle at 100% 100%, #514242 0, #514242 27px, transparent 27px) 0% 0%/30px 30px no-repeat,
            radial-gradient(circle at 0 100%, #514242 0, #514242 27px, transparent 27px) 100% 0%/30px 30px no-repeat,
            radial-gradient(circle at 100% 0, #514242 0, #514242 27px, transparent 27px) 0% 100%/30px 30px no-repeat,
            radial-gradient(circle at 0 0, #514242 0, #514242 27px, transparent 27px) 100% 100%/30px 30px no-repeat,
            linear-gradient(#514242, #514242) 50% 50%/calc(100% - 6px) calc(100% - 60px) no-repeat,
            linear-gradient(#514242, #514242) 50% 50%/calc(100% - 60px) calc(100% - 6px) no-repeat,
            linear-gradient(149deg, #c53636 45%, #514242 100%);	
border-radius: 30px;
padding: 20px;
box-sizing: border-box;

} */
.oo {
	background: radial-gradient(circle at 100% 100%, #fff 0, #fff 27px, transparent 27px) 0% 0%/30px 30px no-repeat,
		radial-gradient(circle at 0 100%, #fff 0, #fff 27px, transparent 27px) 100% 0%/30px 30px no-repeat,
		radial-gradient(circle at 100% 0, #fff 0, #fff 27px, transparent 27px) 0% 100%/30px 30px no-repeat,
		radial-gradient(circle at 0 0, #fff 0, #fff 27px, transparent 27px) 100% 100%/30px 30px no-repeat,
		linear-gradient(#fff, #fff) 50% 50%/calc(100% - 6px) calc(100% - 60px) no-repeat,
		linear-gradient(#fff, #fff) 50% 50%/calc(100% - 60px) calc(100% - 6px) no-repeat,
		linear-gradient(116deg, #f94c10 16%, #0a0b0b 100%);
	border-radius: 30px;
	padding: 10px;
	box-sizing: border-box;
}

.tt {
	background: radial-gradient(circle at 100% 100%, #fff 0, #fff 26px, transparent 26px) 0% 0%/30px 30px no-repeat,
		radial-gradient(circle at 0 100%, #fff 0, #fff 26px, transparent 26px) 100% 0%/30px 30px no-repeat,
		radial-gradient(circle at 100% 0, #fff 0, #fff 26px, transparent 26px) 0% 100%/30px 30px no-repeat,
		radial-gradient(circle at 0 0, #fff 0, #fff 26px, transparent 26px) 100% 100%/30px 30px no-repeat,
		linear-gradient(#fff, #fff) 50% 50%/calc(100% - 8px) calc(100% - 60px) no-repeat,
		linear-gradient(#fff, #fff) 50% 50%/calc(100% - 60px) calc(100% - 8px) no-repeat,
		linear-gradient(300deg, #020202 45%, #ffffff 100%);
	border-radius: 30px;


	padding: 1px;
	box-sizing: border-box;

}

.mn {
	/* background: linear-gradient(to right,#000,#000); */
	background: rgb(13, 129, 209);
	background: linear-gradient(90deg, rgba(13, 129, 209, 1) 0%, rgba(26, 178, 203, 1) 52%, rgba(74, 57, 122, 0.7596288515406162) 100%);
	border-radius: 40px;
}

.ht {
	background: linear-gradient(to right, #000, #000);

}


.jj {
	background-color: #fff;
	height: 550px;

}

.ff {
	/* background: linear-gradient(to right,#000,#000); */
	background: rgb(13, 129, 209);
	background: linear-gradient(90deg, rgba(13, 129, 209, 1) 0%, rgba(26, 178, 203, 1) 52%, rgba(74, 57, 122, 0.7596288515406162) 100%);
	border-radius: 20px;

}

.s1 {
	background-color: #9b6a40;
}

/*.s2 {
	background: rgb(162, 174, 30);
	background: linear-gradient(90deg, rgba(162, 174, 30, 0.8016456582633054) 0%, rgba(39, 169, 78, 0.8240546218487395) 52%, rgba(137, 102, 36, 0.7596288515406162) 100%);
}

.s3 {

	background: rgb(72, 53, 177);
	background: linear-gradient(90deg, rgba(72, 53, 177, 0.8016456582633054) 0%, rgba(39, 169, 157, 0.33665966386554624) 52%, rgba(137, 36, 40, 0.38147759103641454) 100%);
} */

.c1 {
	background: rgb(11,27,185);
background: linear-gradient(90deg, rgba(11,27,185,1) 0%, rgba(105,117,246,1) 52%, rgba(11,27,185,1) 100%);
}

.c2 {
	background-image: url('../image/im1.png');
	background-repeat: no-repeat;
	/* background-position: 50% 0; */
	background-size: cover;
	
}

.gg {
	background: linear-gradient(129deg, #585858 0%, #000000 41%);



}

.ss {
	box-shadow: -21px -5px 26px -3px rgba(0, 0, 0, 0.54);
	-webkit-box-shadow: -21px -5px 26px -3px rgba(0, 0, 0, 0.54);
	-moz-box-shadow: -21px -5px 26px -3px rgba(0, 0, 0, 0.54);
}

#email,
#Name,
#Company,
#Phone,
#Service {
	/*	border-radius: 0;*/
	background-color: #363636;
	padding: 15px 5px;
	color: white;
	padding-left: 30px;
	border: none;
}

#email::placeholder,
#Name::placeholder,
#Company::placeholder,
#Phone::placeholder,
#Service::placeholder {
	color: white;
}

.hlast {
	background-color: #514242;
	padding: 0;
	margin: 0;
	color: #fff;
}

p {
	color: #7e7e7e;
}

.btn-grad {
	background-image: linear-gradient(to right, #b23030 0%, #0c27f4 100%, #dedfef 10%);
	margin: 10px;
	padding: 15px 45px;
	text-align: center;
	text-transform: uppercase;
	transition: 0.5s;
	background-size: 200% auto;
	color: white;
	/*            box-shadow: 0 0 20px #eee;*/
	border-radius: 10px;
	display: block;
}

.btn-grad:hover {
	background-position: right center;
	/* change the direction of the change here */
	color: #fff;
	text-decoration: none;
}
.btn-grad1 {
	background-image: linear-gradient(to right, #b23030 0%, #0c27f4 100%, #dedfef 10%);
	margin: 10px;
	padding: 8px 25px;
	text-align: center;
	text-transform: uppercase;
	transition: 0.5s;
	background-size: 200% auto;
	color: white;
	/*            box-shadow: 0 0 20px #eee;*/
	border-radius: 10px;
	display: block;
}

.btn-grad1:hover {
	background-position: right center;
	/* change the direction of the change here */
	color: #fff;
	text-decoration: none;
}



.btn-gradw {
	background-image: linear-gradient(to right, #215f00 0%, #e4e4d9 51%, #215f00 100%);
	margin: 10px;
	padding: 30px 45px;
	text-align: center;
	text-transform: uppercase;
	transition: 0.5s;
	background-size: 200% auto;
	color: white;
	/*            box-shadow: 0 0 20px #eee;*/
	border-radius: 40px;
	display: block;
}

.btn-gradw:hover {
	background-position: right center;
	/* change the direction of the change here */
	color: #fff;
	text-decoration: none;
}


/*@media (min-width:320px)   /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
/*@media (min-width:480px)   /* smartphones, Android phones, landscape iPhone */
/*@media (min-width:600px)   /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
/*@media (min-width:801px)   /* tablet, landscape iPad, lo-res laptops ands desktops */
/*@media (min-width:1025px)  /* big landscape tablets, laptops, and desktops */
/*@media (min-width:1281px)  /* hi-res laptops and desktops */


@media (min-width:320px) {

	.sdf .fffh,
	#q {
		font-weight: 700;
		font-size: 2em;
		padding-left: 0px;


	}

	.jj {
		display: none;
	}

	.gio {
		font-weight: 400;
		font-size: 1em;
		padding-left: px;
	}
}

@media (min-width:768px) {
	.jj {
		display: none;

	}

	.mkig {
		text-align: center;
	}
}

@media (max-width:768px) {
	.loim {
		width: 170px;
	}


	
	.scol1 {
		font-size: 30px;
	}
	.kjhu {

		margin-left: -4em;
		margin-right: auto;
	}

	.kjhus {
		margin-left: auto;
		margin-right: auto;
	}

	.mn {
		height: auto;
	}
}

@media (min-width:480px) {

	.sdf .fffh,
	#q {
		font-weight: 700;
		font-size: 1em;
		padding-left: 10px;

		margin: 0;
		padding: 0;
	}


}


@media (min-width:600px) {

	.sdf .fffh,
	#q {
		font-weight: 700;
		font-size: 5em;

	}
}

@media (min-width:801px) {

	.sdf .fffh,
	#q {
		font-weight: 700;
		font-size: 3em;
	}

	#q {
		font-weight: 700;
		font-size: 3em;
	}
}


@media (min-width:1025px) {

	.sdf .fffh,
	#q {
		font-weight: 700;
		font-size: 4em;
	}
	#center{
		text-align: center;
	}
	#q {
		font-weight: 700;
		font-size: 4em;
	}

	.vfr {
		font-weight: 950;
		font-size: 1em;
	}

	.pl {
		font-weight: 950;
		font-size: 1em;
	}
}


@media (min-width:1281px) {
	.sdf .fffh {
		font-weight: 700;
		font-size: 5em;
	}

	#q {
		font-weight: 700;
		font-size: 5em;
	}
}
.marquee a{
	display: inline;
	font-size: 18px;
	text-shadow: 10px 7px 20px red;
	color: white;
}