@import url('https://fonts.googleapis.com/css2?family=Geologica&family=Inika&family=Irish+Grover&family=Jacques+Francois&family=Kameron:wght@700&family=Nunito+Sans:ital,opsz,wght@0,6..12,600;0,6..12,700;1,6..12,600&family=Open+Sans:wght@400;500;600&family=Poppins:wght@500&family=Rubik:wght@400;500&display=swap');

*{
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	font-family: sans-serif;

}
::-webkit-scrollbar{
  width: 9px;
  }
  
::-webkit-scrollbar-track{
  background: transparent;
}
  
::-webkit-scrollbar-thumb{
  background-image: -webkit-gradient(linear, left bottom, right top, from(#022355), color-stop(#452062), color-stop(#79085c), color-stop(#a10045), to(#b70920));
  background-image: linear-gradient(to right top, #022355, #452062, #79085c, #a10045, #b70920);
  border-radius: 1px;
  }
html, body {
    /* height: 100% !important; */
    width: 100% !important;
    overflow-x: hidden;
    scroll-behavior: smooth !important;
}
.container{
	margin: 0 auto;
	max-width: 1220px !important;
}
p{
	line-height: 30px !important;
}

a{
	text-decoration: none !important;
}
ul{
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;	
}
.sectionpaddingTopBottom{
	padding: 55px 0;
}
.sectionpaddingTop{
	padding-top: 40px;
}
.sectionpadddingBottom{
	padding-bottom: 40px;
}
/*HEADER CSS START FROM HERE*/
.header__container{
	padding: 1rem 3.6rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	/*background: #003461;*/
	background-image: -webkit-gradient(linear, left bottom, right top, from(#022355), color-stop(#452062), color-stop(#79085c), color-stop(#a10045), to(#b70920));
	background-image: -o-linear-gradient(left bottom, #022355, #452062, #79085c, #a10045, #b70920);
	background-image: linear-gradient(to right top, #022355, #452062, #79085c, #a10045, #b70920);
}
header .header_logo a img{
	width: 100px;
}
.header_Links nav ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.header_Links nav ul li{
	margin-right: 1.6rem;
}
.login_btn{
    padding: 0.6rem;
    border: 2px solid white;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-radius: 0.3rem;
}
.login_btn:hover{
	background: #000;
	border: 2px solid #000;
	color: #fff !important;
}
.header_Links nav ul li a{
	color: #fff;
	letter-spacing: 1.2px;
	font-size: 17px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.header_Links nav ul li a:hover{
	color: orange;
}
#menu_bar{
	border: 2px solid #fff;
	color: #fff;
	cursor: pointer;
    width: 44px;
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 0.5rem;
    font-size: 25px;
    display: none;
}
/*MOBILE SIDEBAR CSS START*/
.innerside {
    background: #000000c7;
    position: fixed;
    top: 0;
    width: 250px;
    height: 100vh;
    padding: 12px 1rem;
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
    /*position: relative;*/
    z-index: 9999;

    
}

.innerside nav ul li{
	margin-bottom: 1.5rem;
}
.innerside nav ul li a{
	color: #fff;
	letter-spacing: 1.2px;
}
#close_sidebar_btn{
    position: relative;
    top: -6px;
    font-size: 1.5rem;
    right: 15px;
    color: #fff;
    border: 1px solid white;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    left: 87%;
}
.opnesidebar{
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	-webkit-transform: translateX(0%);
	    -ms-transform: translateX(0%);
	        transform: translateX(0%);
}


/*SWIPER JS SECTION START*/
.swiper {
      width: 100%;
      height: 100%;
 }
 .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
 }
 /*COUNTER CSS START FROM HERE*/
.Coutner__wrapper{
	background: #f5f5f5;
} 
.CotnerMaindib {
    background: #e1e1e1;
    border-radius: .4rem;
    padding: 21px;
    line-height: 55px;
}
.CotnerMaindib h4{
	color: #a20000;
    font-size: 26px;
    letter-spacing: 2.2px;
}
.CotnerMaindib h3{
	color: #6d6868;
	letter-spacing: 1.3px;
}

.Iconbox i.fa-solid.fa-calendar-days,i.fa-solid.fa-users,
i.fa-brands.fa-usps,i.fa-solid.fa-industry{
	font-size: 2.5rem;
	color: #7c7e7f;
}
/*COUTNER jCSS START FROM HERE*/


 /*FUTURE CSS START*/
 section.Our__futureWrapper.sectionpaddingTopBottom {
    background: aliceblue;
}
.imgboxfurue img{
	width: 45px;
}
.imgboxfurue {
	background: white;
    width: 119px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 8px;
    border-radius: 0.4rem;
    height: 81px;
}
.FlexBoxFuture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 1.2rem;
}
.rightcontent p{
	margin-bottom: 0;
	line-height: 25px !important;
	margin-top: 7px;
	color: #686060;
}
.maintoopFuture h4{
	color: #0a2bc3;
	font-weight: 600;
	letter-spacing: 2px;
}
/*future css ends*/

/*unlock css start*/
section.Unlock__wrapper.sectionpaddingTopBottom {
    background: #000;
    color: #fff;
}
.Img_3425VBOx img {
    width: 49px;
}
.Img_3425VBOx {
   	background-image: -webkit-gradient(linear, left bottom, right top, from(#051937), color-stop(#234363), color-stop(#437190), color-stop(#69a3bd), to(#95d7e9));
   	background-image: -o-linear-gradient(left bottom, #051937, #234363, #437190, #69a3bd, #95d7e9);
   	background-image: linear-gradient(to right top, #051937, #234363, #437190, #69a3bd, #95d7e9);
    display: block;
    width: 6.5rem;
    margin: auto;
    height: 83px;
    padding: 14px;
    border-radius: 5%;
}
.Img_3425VBOx p{
	margin-top: 1rem;
	margin-bottom: 0;
}
.second_453BOX p{
	margin-top: .9rem;
}
.second_453BOX img{
	width: 35px;
}
.MainUnlock234__boxs123432__left {
    background: #404243c4;
    padding: 1.2rem;
    border-radius: .8rem;
}

.MainUnlock234__boxs123432__left p{
	margin-bottom: 0;
	margin-top: 1rem;

}
.Small234_p{
	font-size: 1.4rem;
	font-weight: 600;
	letter-spacing: 1.2px;
}
.unlockHEadingMain{
	color: #b7cea6;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: transparent;
    background-image: -o-linear-gradient(310deg, #b7cea6 10%, white 70%);
    background-image: linear-gradient(140deg, #b7cea6 10%, white 70%);
}
/*MULIRECHAGE CSS START*/
.MianRechafeBox{
	background: #08665d;
	height: 100%;
	border-radius: .5rem;
	color: #fff !important;
	padding: 2.3rem 0rem;
}
.MianRechafeBox h4{
	padding-top: .5rem;
	font-family: math;
	font-size: 2.5rem;
}
.MianRechafeBox h3{
	background: #005fa2;
    color: white;
    display: block;
    width: 6rem;
    margin: auto;
    height: 6rem;
    line-height: 99px;
    border-radius: 50%;
}
.Multi234__r4charge__wrapper h1{

}
.PerchaseBtn a{
	border: 1px solid white;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
    font-size: 12px;
    color: #fff !important;
    padding: 15px;
    border-radius: 0.5rem;
    font-weight: 600;
    letter-spacing: 1.3px;
} 
.PerchaseBtn a:hover{
	background: #001745 !important;
	border: 1px solid #001745 ;
}
/*MULIRECHAGE CSS ENDS*/


/*FOTOER SECTION CSS START FORM HERE*/
.Footer34523__wrapper{
	background: #393535;
	color: #fff !important;
}
.Socials__links ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.Socials__links ul li{
	margin-right: 1rem;
}
.Socials__links ul li a i.fa-brands.fa-facebook-f{
	border: 1px solid gray;
	color: #fff;
    width: 44px;
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 20px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-radius: 3px;
}
.Socials__links ul li a i.fa-brands.fa-facebook-f:hover{
	background: #00269A;
	border: 1px solid #00269A;
	border-radius: 50%;

}

.Socials__links ul li a i.fa-brands.fa-x-twitter{
	border: 1px solid gray;
	color: #fff;
    width: 44px;
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 20px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-radius: 3px;
}
.Socials__links ul li a i.fa-brands.fa-x-twitter:hover{
	background: #1DA1F2;
	border: 1px solid #1DA1F2;
	border-radius: 50%;

}
.Socials__links ul li a i.fa-brands.fa-whatsapp{
	border: 1px solid gray;
	color: #fff;
    width: 44px;
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 20px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-radius: 3px;
}
.Socials__links ul li a i.fa-brands.fa-whatsapp:hover{
	background: #25D366;
	border: 1px solid #25D366;
	border-radius: 50%;
	

}
.QuicksLInksSEciotnBox ul li{
	margin-bottom: 1.5rem;
}
.QuicksLInksSEciotnBox{
	padding-left: 2rem;
}
.QuicksLInksSEciotnBox h3{
	margin-bottom: 2rem;
	font-family: auto;
	color: #e28639;
}
.QuicksLInksSEciotnBox ul li a{
	color: white;
	font-size: 16px;
	font-family: arial;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.QuicksLInksSEciotnBox ul li a:hover{
	color: #d2aa0b;
}
.QuicksLInksSEciotnBox ul li a i.fa-solid.fa-location-dot,
i.fa.fa-phone,i.fa-regular.fa-envelope{
	margin-right: .5rem;
}
.Bottom2343__footer{
	background: black;
	padding: 1rem 0;
}
.Bottom2343__footer p{
	margin-bottom: 0px;
}
.MainCopyFlex{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.DeveloperByContetnHed strong{
	color: #d2aa0b;
	letter-spacing: 1.3px;
}
/*FOOTER SECTION CSS ENDS FORM HERE*/
#button {
     display: inline-block; 
    background-color: #8e0350;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    text-align: center;
    border-radius: 34px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    -webkit-transition: background-color .3s, opacity .5s, visibility .5s;
    -o-transition: background-color .3s, opacity .5s, visibility .5s;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}
#button::after {
content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    line-height: 43px;
    color: #fff;

}
#button:hover {
  cursor: pointer;

  background-color: #333;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}

/* Styles for the content section */

.content {
  width: 77%;
  margin: 50px auto;
  font-family: 'Merriweather', serif;
  font-size: 17px;
  color: #6c767a;
  line-height: 1.9;
}
.content h1 {
  margin-bottom: -10px;
  color: #03a9f4;
  line-height: 1.5;
}
.content h3 {
  font-style: italic;
  color: #96a2a7;
}


/*ABOUT US SECTION CSS START FROM HERE*/
.About3453__wrapper{
	position: relative;

}
.About3453__wrapper:before{
	position: absolute;
	background: #0000004f;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
}

.ABoutImg:before{

	position: absolute;
	    width: 229px;
    height: 229px;
    background-image: -webkit-gradient(linear, left bottom, right top, from(#022355), color-stop(#452062), color-stop(#79085c), color-stop(#a10045), to(#b70920));
    background-image: -o-linear-gradient(left bottom, #022355, #452062, #79085c, #a10045, #b70920);
    background-image: linear-gradient(to right top, #022355, #452062, #79085c, #a10045, #b70920);
	
	    left: -2rem;
	content: "";
	top: -2rem;
}
.ABoutImg:after{
	position: absolute;
	    width: 229px;
    height: 229px;
    right: -2rem;
	background: orange;
	    background-image: -webkit-gradient(linear, left bottom, right top, from(#022355), color-stop(#452062), color-stop(#79085c), color-stop(#a10045), to(#b70920));
	    background-image: -o-linear-gradient(left bottom, #022355, #452062, #79085c, #a10045, #b70920);
	    background-image: linear-gradient(to right top, #022355, #452062, #79085c, #a10045, #b70920);
	content: "";

	bottom: -2rem;
}
.Abouthed{
	padding-bottom: 1.5rem;
	background: -webkit-gradient(linear, left top, right top, from(#022355), color-stop(#452062), color-stop(#79085c), color-stop(#a10045), to(#b70920));
	background: -o-linear-gradient(left, #022355, #452062, #79085c, #a10045, #b70920);
	background: linear-gradient(to right, #022355, #452062, #79085c, #a10045, #b70920);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.ABoutImg img{
	position: relative;
	z-index: 999;
}
.ABoutImg {
	position: relative;
}
.rightAboutContent p{
	color: #625c5c;
	line-height: 34px !important;
}
section.About_our343.pt-5.pb-5 {
    background: #eeeeed;
}
/*ABOUT US SECTION CSS ENDS FROM HERE*/


/*CALL TO ACTION START*/
.CallTo334__Wrapper {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(40, 58, 90, 0.9)), to(rgba(40, 58, 90, 0.9))), url(../images/calltoaction.jpg) fixed center center;
    background: -o-linear-gradient(rgba(40, 58, 90, 0.9), rgba(40, 58, 90, 0.9)), url(../images/calltoaction.jpg) fixed center center;
    background: linear-gradient(rgba(40, 58, 90, 0.9), rgba(40, 58, 90, 0.9)), url(../images/calltoaction.jpg) fixed center center;
    background-size: cover;
    padding: 120px 0;
    color: #fff;
}
.AllCallContent a{
	border: 2px solid white;
	color: #fff !important;

	padding: 12px;
}
.Dveleop  p {
	text-align: center;
}
.copyHEd {
		text-align: center;
}
.AllCallContent a:hover{

	border: none;
	 background-image: -webkit-gradient(linear, left bottom, right top, from(#022355), color-stop(#452062), color-stop(#79085c), color-stop(#a10045), to(#b70920));
	 background-image: -o-linear-gradient(left bottom, #022355, #452062, #79085c, #a10045, #b70920);
	 background-image: linear-gradient(to right top, #022355, #452062, #79085c, #a10045, #b70920);
}
.AllCallContent h2{
	font-family: auto;
}
/*SERVICES CSS START FROM HERE*/
.ConentServicesTop {
	color: white;
}
.ConentServicesTop h1{
	font-size: 3rem;
	font-weight: 600;
}
.PEdhRe_charggeBOxsMain {
    background: white;
    position: relative;
   border-radius: .6rem;
    padding: 32px;
   	overflow: hidden;
   	height: 100%;
   	background-size: 200% 200%;
background-image: 
-webkit-gradient(linear, left bottom, left top, color-stop(50%, #134073), color-stop(50%, transparent));
background-image: 
-o-linear-gradient(bottom, #134073 50%, transparent 50%);
background-image: 
linear-gradient(to top, #134073 50%, transparent 50%);
-webkit-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
-o-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
transition: background-position 300ms, color 300ms ease, border-color 300ms ease;

 
}
/* Wobble Vertical */
@-webkit-keyframes wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
            transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
            transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
            transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
            transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.PEdhRe_charggeBOxsMain {
  display: inline-block;

  -webkit-transform: translateZ(0);

          transform: translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.PEdhRe_charggeBOxsMain:hover {
  -webkit-animation-name: wobble-vertical;
          animation-name: wobble-vertical;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}
/* Wobble Horizontal */
@-webkit-keyframes wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
            transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
            transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
            transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
            transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.PEdhRe_charggeBOxsMain:hover{
	color: white;
border-color: #A72424;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(51%, #134073), color-stop(50%, transparent));
    background-image: -o-linear-gradient(bottom, #134073 51%, transparent 50%);
    background-image: linear-gradient(to top, #134073 51%, transparent 50%);
background-position: 0 100%;
-webkit-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
-o-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
}
.PEdhRe_charggeBOxsMain:hover i.fa-solid.fa-satellite-dish{
	color: #24649c;
} 
.PEdhRe_charggeBOxsMain:hover i.fa-regular.fa-lightbulb
{
	color: #24649c;
}
.PEdhRe_charggeBOxsMain:hover 
i.fa-solid.fa-mobile-retro{
	color: #24649c;
}
.PEdhRe_charggeBOxsMain:hover 
i.fa-solid.fa-fingerprint{
	color: #24649c;
}

.PEdhRe_charggeBOxsMain:hover 
i.fa-solid.fa-hand-holding-dollar{
	color: #24649c;
}
.PEdhRe_charggeBOxsMain:hover 
i.fa-solid.fa-location-crosshairs{
	color: #24649c;
}
.PEdhRe_charggeBOxsMain:hover .All__contentIS h4{
	color: #fff;
}
.All__contentIS h4{
	color: #306695;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.IconsBox {
    background: #d7ddfa;
    display: block;
    width: 5rem;
    margin: auto;
    height: 5rem;
    line-height: 95px;
    border-radius: 50%;
    -webkit-animation: border-transform 7s linear infinite alternate forwards;
    animation: border-transform 7s linear infinite alternate forwards;
}


@-webkit-keyframes border-transform {
    0%,to {
        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%
    }

    14% {
        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%
    }

    28% {
        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%
    }

    42% {
        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%
    }

    56% {
        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%
    }

    70% {
        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%
    }

    84% {
        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%
    }
}


@keyframes border-transform {
    0%,to {
        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%
    }

    14% {
        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%
    }

    28% {
        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%
    }

    42% {
        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%
    }

    56% {
        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%
    }

    70% {
        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%
    }

    84% {
        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%
    }
}
i.fa-solid.fa-satellite-dish,i.fa-regular.fa-lightbulb,
i.fa-solid.fa-mobile-retro,i.fa-solid.fa-fingerprint,
i.fa-solid.fa-hand-holding-dollar,
i.fa-solid.fa-location-crosshairs {
    /* margin-bottom: 1rem; */
    font-size: 2.2rem;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.All__contentIS {
    padding-top: 1.5rem;
}
.All__contentIS h4{
   font-weight: 600;
   font-family: Pussycat, Algerian, Broadway;


}
/*TESTIMONIALS SECTION CSS START FROM HERE*/

section#testim {
    background: #2e3434;
}
.testim .wrap {
    position: relative;
    width: 100%;
    max-width: 1020px;
    padding: 40px 20px;
    margin: auto;
}

.testim .arrow {
    display: block;
    position: absolute;
    color: #eee;
    cursor: pointer;
    font-size: 2em;
    top: 50%;
    -webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
    -webkit-transition: all .3s ease-in-out;    
    -o-transition: all .3s ease-in-out;    
    transition: all .3s ease-in-out;
    padding: 5px;
    z-index: 22222222;
}

.testim .arrow:before {
		cursor: pointer;
}

.testim .arrow:hover {
    color: #ea830e;
}
    

.testim .arrow.left {
    left: 10px;
}

.testim .arrow.right {
    right: 10px;
}

.testim .dots {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 60px;
    left: 0;
    display: block;
    z-index: 3333;
		height: 12px;
}

.testim .dots .dot {
    list-style-type: none;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #eee;
    margin: 0 10px;
    cursor: pointer;
    -webkit-transition: all .5s ease-in-out;    
    -o-transition: all .5s ease-in-out;    
    transition: all .5s ease-in-out;
		position: relative;
}

.testim .dots .dot.active,
.testim .dots .dot:hover {
    background: #ea830e;
    border-color: #ea830e;
}

.testim .dots .dot.active {
    -webkit-animation: testim-scale .5s ease-in-out forwards;   
    animation: testim-scale .5s ease-in-out forwards;   
}
    
.testim .cont {
    position: relative;
		overflow: hidden;
}

.testim .cont > div {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0 70px 0;
    opacity: 0;
}

.testim .cont > div.inactive {
    opacity: 1;
}
    

.testim .cont > div.active {
    position: relative;
    opacity: 1;
}
    

.testim .cont div .img img {
    display: block;
    width: 100px;
    height: 100px;
    margin: auto;
    border-radius: 50%;
}

.testim .cont div h2 {
    color: #ea830e;
    font-size: 1em;
    margin: 15px 0;
}

.testim .cont div p {
    font-size: 1.15em;
    color: #eee;
    width: 80%;
    margin: auto;
}

.testim .cont div.active .img img {
    -webkit-animation: testim-show .5s ease-in-out forwards;            
    animation: testim-show .5s ease-in-out forwards;            
}

.testim .cont div.active h2 {
    -webkit-animation: testim-content-in .4s ease-in-out forwards;    
    animation: testim-content-in .4s ease-in-out forwards;    
}
.testim .cont div.active p {
    -webkit-animation: testim-content-in .5s ease-in-out forwards;    
    animation: testim-content-in .5s ease-in-out forwards;    
}

.testim .cont div.inactive .img img {
    -webkit-animation: testim-hide .5s ease-in-out forwards;            
    animation: testim-hide .5s ease-in-out forwards;            
}

.testim .cont div.inactive h2 {
    -webkit-animation: testim-content-out .4s ease-in-out forwards;        
    animation: testim-content-out .4s ease-in-out forwards;        
}

.testim .cont div.inactive p {
    -webkit-animation: testim-content-out .5s ease-in-out forwards;    
    animation: testim-content-out .5s ease-in-out forwards;    
}
@-webkit-keyframes testim-scale {
    0% {
        -webkit-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -webkit-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -webkit-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -webkit-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}
@keyframes testim-scale {
    0% {
        -webkit-box-shadow: 0px 0px 0px 0px #eee;
                box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -webkit-box-shadow: 0px 0px 10px 5px #eee;
                box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -webkit-box-shadow: 0px 0px 10px 5px #ea830e;
                box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -webkit-box-shadow: 0px 0px 0px 0px #ea830e;
                box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-webkit-keyframes testim-content-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -webkit-transform: translateY(0);        
        transform: translateY(0);        
    }
}
@keyframes testim-content-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%);
                transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);        
    }
}

@-webkit-keyframes testim-content-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -webkit-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@keyframes testim-content-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -webkit-transform: translateY(-100%);
                transform: translateY(-100%);        
    }
}

@-webkit-keyframes testim-show {
    from {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -webkit-transform: scale(1);       
        transform: scale(1);       
    }
}

@keyframes testim-show {
    from {
        opacity: 0;
        -webkit-transform: scale(0);
                transform: scale(0);
    }
    
    to {
        opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1);       
    }
}

@-webkit-keyframes testim-hide {
    from {
        opacity: 1;
        -webkit-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes testim-hide {
    from {
        opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -webkit-transform: scale(0);
                transform: scale(0);
    }
}

@media all and (max-width: 300px) {
	body {
		font-size: 14px;
	}
}

@media all and (max-width: 500px) {
	.testim .arrow {
		font-size: 1.5em;
	}
	
	.testim .cont div p {
		line-height: 25px;
	}

}
/*TESTIMONIALS SECTION ENDS FROM HERE*/



/*CONTACT US PAGE CSS START FROM HRE*/
section.GetIn__34TouchWrappper.pt-5.pb-5 {
    background: #eaecee;
}
.CotnactIcon_box {
    background: aliceblue;
    height: 100%;
    padding: 22px;
}

#cotnact_location{
	font-size: 35px;
	margin-bottom: 1rem;
	color: #157fc4;
}


.ContactConaint h5{
	font-size: 1.6rem;
    color: #245580;
}
.InputBox input{
	width: 100%;
    margin-bottom: 1.2rem;
    height: 39px;
    padding: 0 12px;
    outline: none;
    border: 1px solid white;
    -webkit-box-shadow: 0px 0px 4px -1px #808080c9;
            box-shadow: 0px 0px 4px -1px #808080c9;
    
    }
    .MainFormBody {
    background: white;
    padding: 35px;
}
.InputBox input:focus {
    border: 1px solid #98989c9e;
     -webkit-transition: all .3s !important;
     -o-transition: all .3s !important;
     transition: all .3s !important;
}
.InputBox textarea:focus {
    border: 1px solid #98989c9e;
     -webkit-transition: all .3s !important;
     -o-transition: all .3s !important;
     transition: all .3s !important;
}
.InputBox textarea{
	width: 100%;
	height: 6.5rem;
	padding: 12px 12px;
	   outline: none;
	       outline: none;
    border: 1px solid white;
        -webkit-box-shadow: 0px 0px 4px -1px #808080c9;
                box-shadow: 0px 0px 4px -1px #808080c9;

}
.FormBUtton input{
	background: #15a4dd;
	width: 100%;
	margin-top: 1rem;
	border: none;
	outline: none;
	height: 38px;
	border-radius: .4rem;
	color: white;
	letter-spacing: 2px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;

}
.FormBUtton input:hover{
      background:#0274a1;
}
/*LOGIN SECTION CSS START*/

#particles-js {
    position: absolute;
    width: 100%;
    height: 100vh;
    background-image: url(https://i.postimg.cc/6p0W5Dkp/Gradient-BG.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    overflow-y: hidden;
}
.LoginWrappper{
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	color: white;
	height: 100vh;
}
.FormBody_werapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.formWrapper {
  /*  background: #070053;*/
        /* background: #003461; */
    background-image: -webkit-gradient(linear, left bottom, right top, from(#022355), color-stop(#452062), color-stop(#79085c), color-stop(#a10045), to(#b70920));
    background-image: -o-linear-gradient(left bottom, #022355, #452062, #79085c, #a10045, #b70920);
    background-image: linear-gradient(to right top, #022355, #452062, #79085c, #a10045, #b70920);
    width: 500px;
    border-radius: .4rem;
    height: 323px;
    display: block;

    padding: 2rem 1.6rem;
}
.InputsLogin input{
margin-bottom: 1.6rem;
    width: 100%;
    border: none;
    outline: none;
    height: 47px;
    padding-left: 11px;
    border-radius: 0.4rem;
}
.LoginBtn input{
	background: #1c7b06;
	width: 100%;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	height: 41px;
	color: white;
	letter-spacing: 2px;
	border-radius: .4rem;
	border: none;
	font-size: 14px;
	outline: none;
}
.LoginBtn input:hover{
	background: #146502;
}
.formWrapper h3{
	color: #fff;

	font-weight: 600;
	letter-spacing: 1.2px;
}
#PasswordEyesInput{

	position: relative;
}
.eyesbox {
position: absolute;
    top: 0px;
    right: 0px;
    background:#cbc7c2d1;
    width: 45px;
    height: 47px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    /* border-radius: 0.4rem; */
    border-top-right-radius: 0.4rem;
    border-bottom-right-radius: 0.4rem;
}
i#eye {
    color: #787373;
    cursor: pointer;
}
/*COURSOR CIRCLE CSS*/

 @media (hover: hover) and (pointer: fine) {
  #cursor {
    z-index: 99;
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: none;
    will-change: transform;
     -webkit-animation: colors 5s infinite;
             animation: colors 5s infinite;
  }

  #cursor .cursor--inner {
    width: 2vw;
    height: 2vw;
    background-color:#ec852973;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

  }
}
/*PRELOADER CSS*/
#preloader{
	background: #000 url('../images/loader.gif')no-repeat center center;
	height: 100vh;
	background-size: 12%;
	width: 100%;
	position: fixed;
	z-index: 1000;
}

/*validation css*/
.InputBox i.fa-solid {
    display: none;
}
/*i.fa.fa-circle-exclamation {
    display: block;
}
i.fa.fa-circle-check{
	display: block;
}*/
.InputBox.error {
    margin-bottom: -13px;
}
/*.InputBox.success {
    margin-bottom: -15px;
}*/
.InputBox.success input{
	border-color: green;
}

 .InputBox.error  input{
	border-color:  red !important;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.InputBox.success span{
	color: green;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	position: relative;
    top: -21px;
    width: 100%;
   display: none;
    left: 0;
    font-size: 12px;
}
.InputBox.success {
    margin-bottom: 0px;
}

.InputBox.error span {
	color:  red !important;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	position: relative;
    top: -19px;
    width: 100%;
    display: block;
    left: 0;
    font-size: 12px;

}
 .InputBox  span {
    display: none;
}
/*form#form .InputBox.success i.fa.fa-circle-check {
    position: absolute;
    right: revert-layer;
    right: 9px;
    top: 11px;
    color: #008500;
}
form#form .InputBox.error i.fa.fa-circle-exclamation {
position: relative;
    
    right: 0px;
    top: -50px;
    color: #c90b0b;
    left: 30.5rem;
}*/
form#form {
    position: relative;
}
.InputBox.error textarea {
    border-color: red !important;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.InputBox.success textarea {
    border-color: green;
}

.secondiput{
	margin-bottom: 0;
}
.sdf{
	float: right !important;
	position: relative;
    top: -23px;
    text-decoration: underline !important;
    color: white;
    font-size: 13px;
}