@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;

}
.hid{
	overflow: hidden;
}

.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/abstract-surface-3d-qhd.jpg);
	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.7;
   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, #000);
          mask-image: linear-gradient(to left, #000);
}
		
	.display-1 {
		line-height: 1;
	}
	.pp li::marker{
		color: #d284fd;
	}
.sdf{
	position: relative;
}
.head1{
	height: 150px;
/*	background: radial-gradient(circle at center, #44a4ff 0%, #62aef7 20%, #80b9f0 40%, #9dc4e8 60%, #bbcee1 80%);*/
	background-color: #030015;
/*	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%);*/
}
.sdf .fffh{
	font-weight: 950; 
	font-size: 6.5em;
}


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

.cc{
	color: #F94C10;
}
.sclo2{
	color: #F94C10;
	text-shadow:100px white;
}
.section1{
	border: ;
	
   /* background-image: linear-gradient(
  280deg,
  hsl(201deg 100% 51%) 0%,
  hsl(209deg 100% 62%) 0%,
  hsl(215deg 100% 68%) 1%,
  hsl(223deg 100% 73%) 2%,
  hsl(233deg 97% 77%) 2%,
  hsl(246deg 91% 78%) 3%,
  hsl(259deg 83% 75%) 4%,
  hsl(272deg 75% 73%) 6%,
  hsl(284deg 66% 70%) 7%,
  hsl(298deg 58% 67%) 8%,
  hsl(310deg 67% 68%) 10%,
  hsl(319deg 79% 69%) 12%,
  hsl(326deg 89% 69%) 14%,
  hsl(332deg 98% 70%) 17%,
  hsl(336deg 100% 70%) 20%,
  hsl(341deg 100% 69%) 24%,
  hsl(346deg 100% 69%) 29%,
  hsl(352deg 100% 69%) 35%,
  hsl(358deg 100% 70%) 43%,
  hsl(4deg 100% 68%) 56%,
  hsl(10deg 100% 65%) 80%,
  hsl(16deg 96% 62%) 100%
);*/
background-color: #000;
}
.section2{
	background-image: url(../image/pic22.webp);

  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/pic3.jpg);
	 background-position: right;
  background-repeat: no-repeat;
  background-size: cover;

/*  background-size: 60em;*/
}
.pp{ 
	background-color: ;
	background-image: url(../image/mko1.webp);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;

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

}
.oo{
	background: radial-gradient(circle at 100% 100%, #030015 0, #030015 27px, transparent 27px) 0% 0%/30px 30px no-repeat,
            radial-gradient(circle at 0 100%, #030015 0, #030015 27px, transparent 27px) 100% 0%/30px 30px no-repeat,
            radial-gradient(circle at 100% 0, #030015 0, #030015 27px, transparent 27px) 0% 100%/30px 30px no-repeat,
            radial-gradient(circle at 0 0, #030015 0, #030015 27px, transparent 27px) 100% 100%/30px 30px no-repeat,
            linear-gradient(#030015, #030015) 50% 50%/calc(100% - 6px) calc(100% - 60px) no-repeat,
            linear-gradient(#030015, #030015) 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%, #030015 0, #030015 26px, transparent 26px) 0% 0%/30px 30px no-repeat,
            radial-gradient(circle at 0 100%, #030015 0, #030015 26px, transparent 26px) 100% 0%/30px 30px no-repeat,
            radial-gradient(circle at 100% 0, #030015 0, #030015 26px, transparent 26px) 0% 100%/30px 30px no-repeat,
            radial-gradient(circle at 0 0, #030015 0, #030015 26px, transparent 26px) 100% 100%/30px 30px no-repeat,
            linear-gradient(#030015, #030015) 50% 50%/calc(100% - 8px) calc(100% - 60px) no-repeat,
            linear-gradient(#030015, #030015) 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,#7d5e99 ,#d09889);
}
.ht{
	background: linear-gradient(to right,#7d5e99,#d09890);
}


.jj{
	background-color:#030015 ;
	height: 550px;
	
}
.ff{
	background-color:#030015 ;

}
.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:#000  ;
	padding: 0;
	margin: 0;
	color:#F94C10 ;
}
p{
	color: #7e7e7e;
}
         
         .btn-grad {
            background-image: linear-gradient(to right, #F6635C 0%, #89fffd  100%, #d284fd  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-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: 3em;
	  

	 
	}
	.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){
.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 (max-width:998px){
	.rio{
		background-color: black;
		z-index: 5;
	}
}

@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;
	}
	#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;
	}
}