/* START bannerAnimation */
@-webkit-keyframes swing{
    0%{-webkit-transform:rotate(5deg);}
    50%{-webkit-transform:rotate(-5deg);}
    100%{-webkit-transform:rotate(5deg);}
}
@-moz-keyframes swing{
    0%{-moz-transform:rotate(5deg);}
    50%{-moz-transform:rotate(-5deg);}
    100%{-moz-transform:rotate(5deg);}
}
@-o-keyframes swing{
    0%{-o-transform:rotate(5deg);}
    50%{-o-transform:rotate(-5deg);}
    100%{-o-transform:rotate(5deg);}
}
@keyframes swing{
    0%{transform:rotate(5deg);}
    50%{transform:rotate(-5deg);}
    100%{transform:rotate(5deg);}
}
@keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes rotateBack { from { transform: rotate(3600deg); } to { transform: rotate(0deg); } }
.rotating {
	-webkit-animation: rotating 3s linear infinite;
	animation: rotating 3s linear infinite;
}
@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}
/* END bannerAnimation */

/* START LIST */
.listCustom {	margin: 0 0 10px;}
.listCustom li{	list-style: none; margin: 0 0 10px 0; position: relative; font-size: 14px; line-height:19px;}
.listCustom > li::before { color: #e9d16f; content: "\f00c"; font-family: 'Font Awesome 5 Free';  font-weight: 900; font-size: 14px; left: -30px; position: absolute; top: 0; }
.listCustom > li:hover::before { font-size: 18px; }
/* START LIST */

/* START BUTTON */
.btnTheme { background: #e9d16f; border: 1px solid #e9d16f; border-radius: 40px; color: #031629; font-size: 18px; line-height: 25px; font-weight: 500; padding: 15px 45px; text-decoration: none; transition:all 0.3s ease-in-out 0s; text-transform: capitalize; position: relative; z-index: 1; overflow: hidden; }
.btnTheme:hover, .btnTheme:focus {  background: #e4c543; border: 1px solid #e4c543; color: #031629; }
/* END BUTTON */

/* START COMMON CSS */
.headingOther {	margin: 0 0 20px; text-align: center; display: inline-block; width: 100%;}
.headingOther h2 { color: #fff; font-size: 40px; line-height: 50px;  margin: 0 0 20px; text-transform: capitalize; font-weight: 500; }
.headingOther h2 span { color: #e9d16f; }
.headingOther h2 cite { width: 20px; height: 20px; margin: 15px auto 0; display: block; border: 4px solid #e9d16f ; background: transparent; border-radius: 100%;
 position: relative;}
.headingOther cite:before { background-color: #fff; content: ""; width: 44px;height: 4px; position: absolute; top: 4px; left: -53px; }
.headingOther cite:after { background-color: #fff; content: ""; width: 44px;height: 4px; position: absolute; top: 4px; right: -53px; }
.headingOther p { color: #fff;  font-size: 18px; line-height: 25px; margin: 0 0 15px;}
.headingOther h4 { color: #e9d16f; font-size: 20px; line-height: 25px; margin: 0 0 15px;}
p.specialPara { color: #ffae11; font-size: 18px; line-height: 23px; margin: 0 0 10px;}
.textWhite{ color:#fff !important;}
.textCenter{ text-align :center !important;}
h2 { color: #000;  font-size: 30px;  line-height: 35px;  font-weight: 700;}
h3 { font-size: 26px; line-height: 31px; font-weight: 700;}
h4 { font-size: 18px; line-height: 23px; font-weight: 700;}
p {	font-size: 14px; line-height: 19px; color: #333; }
body { background: #1b334d; color: #fff; font-family: 'Poppins'; font-weight: 400; font-size: 15px; margin: 0; padding: 0;}
/* END COMMON CSS */

/* START HEADER */
header { min-height: 80px; width: 100%; background: #0f253c; position: relative; transition:all 0.3s ease-in-out 0s; }
.headerInner { background: #f8f8fc; }
.navbar-nav { margin: 10px 0 0;}
.navbar-default {  background-color: transparent;  border: none;}
.navbar { min-height: 45px; background: transparent !important;	padding: 0; }
.navbar-brand { height: auto; margin: 0; padding: 25px 15px 25px 0;}
.navbar-brand>img { width: 170px; }
.navbar-nav li { padding: 0 20px; }
.navbar-light .navbar-nav .nav-link {color: #fff;font-size: 15px;line-height: 20px;padding: 0; text-decoration: none; text-transform: capitalize; font-weight:500;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link { color: #e9d16f;}
.navbar-light .navbar-nav .nav-link:hover , .navbar-light .navbar-nav .nav-link:focus{ color: #e9d16f;}
.navbar-nav li.nav-itemBtn { padding: 0 5px; margin: -8px 0 0;}
.navbar-nav li .btnTheme { padding: 6px 20px; font-size: 15px; }
.navbar-nav li .btnReg { background: #fff;border: 1px solid #fff; color: #031629; }
.navbar-nav li .btnReg:hover, .navbar-nav li .btnReg:focus { background: #e9d16f;border: 1px solid #e9d16f; color: #031629;}
/* END HEADER */

/* START darkHeader */
.darkHeader { background: #000f1f; position: fixed; top: 0; z-index: 999; transition:all 0.3s ease-in-out 0s; min-height: auto;}
.darkHeader .navbar-brand { padding: 15px 15px 15px 0; }
/* END darkHeader */

/* START Banner  */
.banner {background: #041c34 url(../images/bg_9.png); background-size: contain; background-position: center bottom; background-repeat: no-repeat; position: relative; overflow: hidden; width: 100%; padding: 90px 0 100px; 	-webkit-perspective: 440px; perspective: 440px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d;}
.banner .particles-container { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.bannerAreaLeft { margin: 50px 0 30px; }
.bannerAreaLeft h1 { color: #fff; font-size: 60px; line-height: 70px; text-transform: capitalize;position: relative; font-weight: 500; margin: 0 0 20px; }
.bannerAreaLeft h1 span {color: #e9d16f;}
.bannerAreaLeft h3 { color: #e9d16f; font-size: 26px; line-height: 30px; margin: 0 0 20px; font-weight: 500;}
.bannerAreaLeft p { color: #fff; font-size: 18px; line-height: 28px; margin: 0 0 30px;  }
.bannerBtn .btnTheme { margin: 0 0 10px; padding: 15px 40px; font-size: 18px;}
.bannerAreaRight { position: relative; margin: 0 0 30px;}
.bannerAreaRight img { max-width: 100%;}
.bannerAreaRight .banner_right { max-width: 100%; margin: 0; 
width: 491px; opacity: 0.7; animation-name: rotate; animation-duration: 20s; animation-iteration-count: infinite; animation-timing-function: linear;}
.bannerAreaRight .bannerImg_1 { width: 565px; position: absolute; left: 0; top: 25px; z-index: 11; -webkit-transform: rotate(-5deg); transform: rotate(-5deg); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: swing 4s linear infinite; animation: swing 4s linear infinite;}
.bannerAreaRight .bannerImg_2 { width: 402px; position: absolute; left: 50px; top: 26px; z-index: 12; animation-name: flash; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: linear;}
/* END banner */

/* START staticsMain */
.staticsMain { background: #e9d16f; padding: 40px 0 10px; width: 100%; position: relative; overflow: hidden; }
.staticsInner { margin: 0 0 10px; position: relative; width: 100%; text-align: center; min-height: 80px; transition: all 0.5s;}
.staticsInner h4 { color: #1b334d; font-size: 13px; line-height: 20px; margin: 0 0 8px; text-transform: uppercase; font-weight: 700; }
.staticsInner p { color: #1b334d; font-size: 36px; line-height: 40px; margin: 0 0 0; font-weight: 400;}
/* END staticsMain */

/* START smartContractMain */
.smartContractMain { background: #041e37 url(../images/bg_2.png); background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-position: center top; padding: 50px 0 20px; width: 100%; position: relative; overflow: hidden;}
.smartContractMain .headingOther p { color: #e9d16f; }
.smartContractLeft { position: relative; margin: 0 0 30px; text-align: left;}
.smartContractInner { background: transparent; position: relative; width: 100%; min-height: 70px; margin:0 0 30px;}
.smartContractRight { position: relative; margin: 0 0 30px; text-align: right;}
.smartContractInner h4 { color: #e9d16f; font-weight: 400; font-size: 22px; line-height: 25px; margin: 0 0 5px; text-transform: capitalize; }
.smartContractInner p { color: #fff; font-size: 16px; line-height: 24px; margin: 0;}
.smartContractCenter { position: relative; margin: 0 0 30px; }
.robort img { max-width: 100%; width: 400px; margin: 0 auto; display: block; animation: move3 2s infinite;}
@-webkit-keyframes floater {0% {transform: translate3d(0px, 0px, 0px);}50% {transform: translate3d(0px, -30px, 0px);}100% {transform: translate3d(0px, 0px, 0px);}}
@keyframes floater {0% {transform: translate3d(0px, 0px, 0px);}50% {transform: translate3d(0px, -30px, 0px);}100% {transform: translate3d(0px, 0px, 0px);}}
@-webkit-keyframes floater2 {0% {transform: translate3d(0px, 0px, 0px);}50% {transform: translate3d(0px, -10px, 0px);}100% {transform: translate3d(0px, 0px, 0px);}}
@keyframes floater2 {0% {transform: translate3d(0px, 0px, 0px);}50% {transform: translate3d(0px, -10px, 0px);}100% {transform: translate3d(0px, 0px, 0px);}}
.smartContractCenter .bg_map { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90%;}
.smartContractCenter .bg_map img { -webkit-animation: rotate 30s linear infinite; animation: rotate 30s linear infinite; width: 100%;}
/* END smartContractMain */

/* START featuresMain */
.featuresMain { background: #1b334d; background-repeat: no-repeat; background-size: cover; background-position: center top; overflow: hidden; position: relative; padding: 70px 0 40px; width: 100%; -webkit-perspective: 440px; perspective: 440px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.featuresInner { background: #041e37; margin: 0 0 40px; padding: 30px 15px; border-radius: 0px 30px 40px 40px;
 box-shadow: 1.95px 15.881px 30px 0 rgb(0 15 31 / 35%); transition: 0.5s; position: relative; width: 100%;
 min-height: 340px; text-align: center;}
.featuresInner:hover { background: #e9d16f; box-shadow: 1.95px 15.881px 30px 0 rgb(0 15 31 / 35%) inset; transform: translateY(-3px);}
.featuresInner:hover h4 {color: #041e37;}
.featuresInner:hover p {color: #1b334d;}
.featuresInner:hover .anime { border: 1px solid #041e37; }
.featuresInner:hover .anime::after, .featuresInner:hover .anime::before { background-image: -ms-linear-gradient(0deg,#395469 0,#1b334d 100%); background-image: -moz-linear-gradient(0deg,#395469 0,#1b334d 100%); background-image: -webkit-linear-gradient(0deg,#395469 0,#1b334d 100%);}
.featuresImage { margin: 0 auto 25px; width: 90px; height: 90px; position: relative; border-radius: 50%; }
.featuresImage figure { background: -moz-linear-gradient(0deg,#caa200 0,#e9d16f 100%); background: -webkit-linear-gradient(0deg,#caa200 0,#e9d16f 100%); background: -ms-linear-gradient(0deg,#caa200 0,#e9d16f 100%); box-shadow: 5.806px 23.287px 30.72px 1.28px rgb(233 209 111 / 40%); border-radius: 50%;
 height: 75px; width: 75px; position: relative; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.featuresImage figure img { width: 40px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.featuresInner h4 { color: #e9d16f; font-weight:500; font-size: 16px; line-height: 21px; margin: 0 0 10px; text-transform: capitalize;}
.featuresInner p { color: #ccc; font-size: 14px; line-height: 22px; margin: 0 0 5px;}
.featuresInner ul { margin: 0; padding: 0 0 0 30px; }
.featuresInner ul li { color: rgb(255 255 255 / 60%); font-size: 14px; line-height: 20px; margin: 0 0 5px; list-style-type: none;}
.anime { width: 100%; height: 100%; display: inline-block; position: absolute; left: 0;	border-radius: 50%; border: 1px solid #e9d16f; 	animation: rotate 3s linear infinite; -webkit-animation: rotate 3s linear infinite; -moz-animation: rotate 3s linear infinite; animation-play-state: running; -webkit-animation-play-state: running; -moz-animation-play-state: running;}
.anime::after, .anime::before { background-image: -ms-linear-gradient(0deg,#caa200 0,#e9d16f 100%);	background-image: -moz-linear-gradient(0deg,#caa200 0,#e9d16f 100%); background-image: -webkit-linear-gradient(0deg,#caa200 0,#e9d16f 100%); width: 12px; height: 12px; border-radius: 50%; position: absolute; content: '';}
.anime::before { left: 5px; bottom: 5px;}
.anime::after { left: auto; bottom: auto; right: 5px; top: 5px;}
/* END featuresMain */

/* START marketingMain */
.marketingMain { background: #041e37 url(../images/bg_2.png); background-size: cover; background-position: center top; overflow: hidden; position: relative; padding: 100px 0 70px; width: 100%; }
.marketingInner {margin: 0 0 30px; position: relative; width: 100%; text-align: center;}
.marketingInner h2 { color: #fff; font-size: 40px; line-height: 50px; margin: 0 0 15px; text-transform: capitalize; font-weight: 500;}
.marketingInner h2 span { color: #e9d16f; }
.marketingInner h4 { color: #fff; font-weight:400; font-size: 16px; line-height: 25px; margin: 0 0 10px; text-transform: capitalize;}
.marketingInner h4 strong { color: #e9d16f; }
.marketingInner p { color: #e9d16f; font-size: 18px; line-height: 25px; margin: 0 0 20px; font-weight: 500;}
.marketingInnerBtn { margin: 10px 0 0; display: inline-block; width: 100%;}
.marketingInnerBtn .btnTheme { margin: 0 3px 10px; padding: 12px 25px; font-size: 15px; min-width: 150px;}
/* END marketingMain */

/* START testimonialsMain*/
.testimonialsMain {	background: #e9d16f url(../images/bg_9.png); background-size: contain; background-position: center bottom; background-repeat: no-repeat; width: 100%; padding: 80px 0 90px; position: relative; }
.testimonialsMain .headingOther h2 { color: #041e37; }
.testimonialsMain .headingOther h2 cite { border: 4px solid #041e37; }
.testimonialsDetail { text-align: center; display: inline-block; width: 100%; position: relative; min-height: 180px; padding: 15px;}
.testimonialsMain .owl-carousel .owl-item img { border: 7px solid #27415a;box-shadow: 5.806px 23.287px 30.72px 1.28px rgb(39 65 90 / 30%); border-radius: 50%; height: 110px;    width: 110px; margin: 0 auto 15px;}
.testimonialsDetail i.fas.fa-quote-left { color: rgb(0 0 0 / 15%); font-size: 75px; position: absolute; right: 10px; top: 0;}
.testimonialsDetail h4 { color: #27415a; font-size: 18px; line-height: 23px; margin: 0 0 10px; text-transform: capitalize;	font-weight: 500;}
.testimonialsDetail p { color: #000f1f; font-size: 15px; line-height: 30px; margin: 0 0 10px; }
.testimonialsMain .owl-theme .owl-nav { display: none; }
.testimonialsMain .owl-theme .owl-dots .owl-dot span { height: 10px; background: #27415a; border: 1px solid #27415a; width: 25px; margin: 0 5px; border-radius: 6px 0 6px 0;}
.testimonialsMain .owl-theme .owl-dots .owl-dot.active span, .testimonialsMain .owl-theme .owl-dots .owl-dot:hover span { background: #000f1f; border: 1px solid #000f1f; }
/* END testimonialsMain*/

/* START maskMain */
@keyframes animation {
  100% { background-position:  -4000px 0; }
}
.maskMain { background: #001844 url(../images/bg_1.jpg); width: 100%; padding: 100px 0 50px; position: relative;animation: animation 200s linear infinite; background-size: cover;}
.maskMain:before { background-color: rgba(0, 0, 0, 0.3); content: ""; width: 100%; height: 100%;    position: absolute; left: 0; top: 0; }
.maskLeft { position: relative; margin: 0 0 50px; text-align: center;}
.maskLeft_img { opacity: 0.8; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.maskLeft_img img { animation-name: flash; animation-duration: 5s; animation-iteration-count: infinite;    animation-timing-function: linear; }
.maskLeft figure img { max-width: 100%; width: 130px; margin: 0 auto 15px; display: block;}
.maskLeft h3 { color: #fff; font-weight: 500; font-size: 24px; line-height: 25px; margin: 0 0 20px; text-transform: capitalize;}
.maskLeft p { color: #fff; font-size: 18px; line-height: 24px; margin: 0;}
.maskButton {text-align: center;}
.maskRight { position: relative; margin: 0 0 30px;}
.maskRightInner { background: #041e37; box-shadow: 1px 30px 60px 8px rgb(4 30 55 / 45%); border-radius: 10px; padding: 30px 15px; margin: 0 0 30px; position: relative; width: 100%; min-height: 70px; text-align: center; }
.maskRightInner:hover { box-shadow: 1px 30px 60px 8px rgb(4 30 55 / 55%)}
.maskRightInner h4 { color: #e9d16f; font-weight: 500; font-size: 20px; line-height: 25px; margin: 0 0 5px; text-transform: capitalize;}
.maskRightInner p { color: #fff; font-size: 16px; line-height: 24px; margin: 0;}
/* END maskMain */

/* START newsletter */
.newsletter { padding: 100px 0 70px;}
.newsletterInner .form-group { position: relative; margin: 0 0 20px;}
.newsletterInner label.error { color: #e20000; font-size: 13px; position: absolute;	left: 0; bottom: -22px;}
.newsletterInner {	width:100%;	padding: 0 30px;}
.newsletterInner .input-group { background: #495c6e; border: 2px solid #e9d16f; border-radius: 35px; }
.newsletterInner .form-control { background-color: transparent; border-radius: 35px; color: #fff; font-size: 15px; height: 50px; padding: 0 0 0 20px; border: none; box-shadow: none; transition: all 0.4s; }
.newsletterInner .form-control::-webkit-input-placeholder{ color: #fff; }
.newsletterInner .form-control::-moz-placeholder { color: #fff; }
.newsletterInner .form-control::-ms-input-placeholder { color: #fff; }
.newsletterInner button { background: #041e37; border: none; border-radius: 35px !important; color: #e9d16f; font-size: 16px; height: 50px; padding: 8px 25px; transition: 0.4s all;}
.newsletterInner button:hover, .newsletterInner button:focus { background: #000f1f; border: none; color: #fff; }
/* END newsletter */

/* START FOOTER  */
.footer { background: #041e37; background-position: center top; background-repeat: no-repeat; background-size: cover; margin: 0; width: 100%; position: relative; overflow: hidden; }
.footerTop { padding: 80px 0 50px; }
.logoFooter { display: inline-block; margin: 0 0 15px; width: 100%;}
.logoFooter img { width: 170px; }
.footerTop h3 { color: #fff; font-weight: 500; font-size: 24px; line-height: 30px; margin: 0 0 30px; text-transform: capitalize; position: relative; }
.footerTop h3:before { background: #e9d16f;	content: ""; position: absolute; left: 0; bottom: -10px; width: 40px; height: 3px;}
.footerInner { display: inline-block; margin: 0 0 20px; width: 100%; }
.footerInner p { color: #fff;  font-size: 14px; line-height: 22px; margin: 0 0 15px; width: 100%; }
.footerInner ul {  margin: 0;  padding: 0;}
.footerInner ul li { display: inline-block; list-style-type: none; margin: 0 0 10px; width: 100%; font-size: 14px; line-height: 19px; }
.footerInner ul li a { color: #fff; font-size: 14px; line-height: 19px; text-transform: capitalize; text-decoration: none; position: relative; margin: 0; display: inline-block; padding-left: 17px;}
.footerInner ul li a:hover, .footerInner li a:focus { color: #e9d16f; transition: 0.5s; }
.footerInner ul li a:before { content: "\f101"; font-family: 'Font Awesome 5 Free'; font-weight: 900; left: 0;    position: absolute;}
.addressFooter { margin: 0;}
.addressFooter ul { width:100%; }
.addressFooter ul li { display: inline-block; font-size: 15px; line-height: 20px; list-style-type: none; margin: 0 0 10px; }
.addressFooter ul li span { float: left; width: 20px;}
.addressFooter ul li i { color: #e9d16f;}
.addressFooter ul li i.fas.fa-phone { transform: rotate(90deg);}
.addressFooter ul li p { font-size: 14px; margin: 0; color: #fff; padding-left: 25px; display: block;}
.copy { width: 100%; background: #e9d16f;}
.copyInner { padding: 25px 0; text-align: center; width: 100%; }
.copyInner p { color: #041e37; font-size: 15px; margin: 0; }
.copyInner p a { color: #495c6e; text-decoration: none; font-weight: 500; }
.copyInner p a:hover, .copyInner p a:focus { color: #000f1f; }
.socialIcon {  display: inline-block;  margin: 0 0 10px;  width: 100%;}
.socialIcon > ul { margin: 0; padding: 0;}
.socialIcon ul li { display: inline-block; list-style-type: none; margin: 0; width: auto; }
.socialIcon ul li a { background: #e9d16f;	border: 1px solid #e9d16f; color: #041e37; display: inline-block; width: 34px; height: 34px; margin: 0 1px 0 0; position: relative; text-decoration: none; border-radius: 50%; }
.socialIcon ul li a:before { display: none; }
.socialIcon ul li a:hover { background: #000f1f; border: 1px solid #e9d16f; color: #e9d16f; transition: all 0.3s ease-in-out 0s; }
.socialIcon a i { font-size: 15px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); }
/* END footer */

/* START aboutMain */
.aboutMain { background: #e9d16f url(../images/bg_9.png); background-size: contain; background-position: center bottom; background-repeat: no-repeat; padding: 100px 0 50px; width: 100%; position: relative; overflow: hidden;}
.aboutRight { position: relative; margin: 0 0 30px;}
.aboutRight .headingOther { text-align: left; }
.aboutRight .headingOther h2 { color: #041e37; margin: 0;}
.aboutRight .headingOther h2 cite { margin: 10px 0 0; border: 4px solid #041e37; left: 55px;}
.aboutRight h4 { color: #e16fab; margin: 0 0 15px;}
.aboutRight p { color: #000f1f; font-size: 15px; line-height: 30px; margin: 0 0 30px;}
.aboutLeft { position: relative; margin: 0 0 30px; }
.aboutLeft img { max-width: 100%; margin: 0 auto 30px; display: block; }
.about_eth_1 { position: absolute; left: 42.5%; top: -14%; -webkit-animation: tanuj_1 1s linear .6s infinite alternate; animation: tanuj_1 1s linear .6s infinite alternate;}
.about_eth_2 { position: absolute; top: 17.2%; left: 9.5%; -webkit-animation: tanuj_2 .9s linear alternate infinite; animation: tanuj_2 .9s linear alternate infinite; -webkit-animation-delay: 0s; animation-delay: 0s;}
.about_eth_3 { position: absolute; top:17.2%; right: 9%; -webkit-animation: tanuj_2 .9s linear alternate infinite; animation: tanuj_2 .9s linear alternate infinite; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }
.about_eth_4 { position: absolute; bottom: 28%; left: 46.5%; -webkit-animation: tanuj_2 .9s linear alternate infinite; animation:tanuj_2 .9s linear alternate infinite; -webkit-animation-delay:0.6s; animation-delay:0.6s; }
@-webkit-keyframes tanuj_1 {
    0% { -webkit-transform:translateY(5px); transform:translateY(5px) }
    100% { -webkit-transform:translateY(-25px); transform:translateY(-25px) }
}
@keyframes tanuj_1 {
    0% { -webkit-transform:translateY(5px); transform:translateY(5px) }
    100% { -webkit-transform:translateY(-25px); transform:translateY(-25px) }
}

@-webkit-keyframes tanuj_2 {
    0% { -webkit-transform: translate3d(0,0,0) scale3d(1,1,1); transform: translate3d(0,0,0) scale3d(1,1,1); }
    40% { -webkit-transform: translate3d(0,30%,0) scale3d(.7,1.5,1); transform: translate3d(0,30%,0) scale3d(.7,1.5,1); }
    100% { -webkit-transform: translate3d(0,100%,0) scale3d(1.5,.7,1); transform: translate3d(0,100%,0) scale3d(1.5,.7,1); }
}
@keyframes tanuj_2 {
    0% { -webkit-transform: translate3d(0,0,0) scale3d(1,1,1); transform: translate3d(0,0,0) scale3d(1,1,1); }
    40% { -webkit-transform: translate3d(0,30%,0) scale3d(.7,1.5,1); transform: translate3d(0,30%,0) scale3d(.7,1.5,1); }
    100% { -webkit-transform: translate3d(0,100%,0) scale3d(1.5,.7,1); transform: translate3d(0,100%,0) scale3d(1.5,.7,1); }
}
/* END aboutMain */

/* START contactMain  */
.contactMain { background: #1b334d; padding: 80px 0 40px; width: 100%; position: relative; overflow: hidden;}
.contactInner { background: #041e37; box-shadow:1.95px 15.881px 30px 0 rgb(0 15 31 / 35%); margin:0 0 30px; padding: 30px; border-radius: 15px; }
.contactInner h3 { font-size: 28px; line-height: 35px; margin: 0 0 25px; font-weight: 400; text-transform: capitalize; color: #e9d16f;}
.contactInner .form-group { margin-bottom: 15px; position: relative;}
.contactInner label.error { position: absolute;	left: 0; bottom: -22px;	color: #ff0000;	font-size:12px;}
.contactInner label { font-weight: 600; color: #fff; font-size: 14px; margin: 0 0 5px;}
.contactInner .form-control { background-color: #f9f9f9; border: 1px solid rgb(0 0 0 / 12%); border-radius: 0; box-shadow: none; color: #1b334d; font-size: 14px; padding: 18px 15px; transition: all 0.4s;}
.contactInner textarea.form-control { height: 100px; padding-top: 12px;	resize: none; }
.contactInner .form-control::-webkit-input-placeholder{ color: #1b334d; }
.contactInner .form-control::-moz-placeholder { color: #1b334d; }
.contactInner .form-control::-ms-input-placeholder { color: #1b334d; }
.btnContact { text-align: left; margin: 20px 0 0;}
.btnContact .btnTheme { padding: 15px 30px; font-size: 20px; border-radius: 50px;}
/* END contactMain */

/* START faq_section */
.faq_section { background: #e9d16f url(../images/bg_9.png); background-size: contain; background-position: center bottom; background-repeat: no-repeat; overflow: hidden; position: relative; padding: 70px 0 60px;}
.faq_shape_1 {position: absolute; left: -22%; top: 14%; opacity: 0.4;}
.faqLeft { margin: 0 0 30px; }
.faqLeft img { animation: move1 5s infinite;}
.faq_content {margin: 0 0 30px;}
.faq_content .card { border: none; background: transparent; margin-bottom: 10px; border-radius: 0;}
.faq_content .accordion .fas {	margin: 4px 0 0; float: right; font-size: 15px;}
.faq_content .card-header {padding: 0;}
.faq_content .card-header .btn-link.collapsed { background: #041e37;color: #fff;}
.faq_content .accordion>.card:not(:first-of-type) .card-header:first-child { border-radius: 4px;}
.faq_content .accordion>.card .card-header { margin-bottom: 0; }
.faq_content .btn-link {  background: #041e37; padding: 12px 15px; border-radius: 4px; color: #fff; width: 100%; text-align: left; text-decoration: none;font-weight: 500; font-size: 15px;}
.faq_content .btn-link:hover, .faq_content .btn-link:focus { color: #fff; text-decoration: none;}
.faq_content .card-body { background: #fff; border-radius: 0 0 4px 4px; padding: 12px 15px; color: #041e37; border-top: 1px solid rgb(255 255 255 / 20%); min-height: 100px; font-size:14px; line-height: 22px;}
.faq_content .card-body p { color: #041e37; font-size:14px; line-height: 22px; font-weight: 400; margin: 0 0 10px;}
.faq_content .card-body a { color: #3e6c98;}
.faq_content .card-body a:hover, .faq_content .card-body a:focus { opacity: 0.8;}
/* END faq_section */

/* START Register LOG IN FORGOT*/
.logInArea { background: #1b334d url(../images/bg_9.png); background-size: contain; background-position: center bottom; background-repeat: no-repeat; padding: 110px 0 100px; width: 100%; position: relative; overflow: hidden; -webkit-perspective: 440px; perspective: 440px; -webkit-transform-style:preserve-3d; transform-style:preserve-3d;}
.logInAreaInner { position: relative; padding: 70px 50px; background: #075152; border-radius: 25px;}
.users { background: #041e37; border-radius: 5px; box-shadow: 1.95px 15.881px 30px 0 rgb(0 15 31 / 35%); margin: 0; overflow: hidden; position: relative; display: inline-block; width: 100%; }
.users form { padding: 20px 30px; position: relative;}
.logIn { background: #e9d16f; border-radius: 5px 5px 0 0; margin: 0 0 15px;	padding: 20px 15px; width: 100%; position: relative; text-align: center; }
.logIn h2 { font-size: 28px; line-height: 35px; margin: 0; text-transform: uppercase; color: #041e37; font-weight:700;}
.users .form-group { margin: 0 0 20px; position: relative;}
.users label.error { position: absolute; left: 0; bottom: -22px; color: #f5737e; font-size: 12px; }
.users form label { font-weight: 600; color: #fff; font-size: 14px; margin: 0 0 5px; }
.users .form-control {background-color: #f9f9f9; border: 1px solid rgb(0 0 0 / 12%); border-radius: 0;    box-shadow: none; color: #fff; font-size: 14px; padding: 18px 15px; transition: all 0.4s; }
.users .form-control::-webkit-input-placeholder { color: #fff; }
.users .form-control::-moz-placeholder { color: #fff; }
.users .form-control::-ms-input-placeholder { color: #fff; }
.or-message { color: #fff; text-align: center;}
.users .btnTheme { padding: 10px 35px;}
.links { display: block; text-align: center; color: #fff;}
.links p { color: #fff; }
.links a { color: #e9d16f; font-size: 15px; line-height: 20px; margin: 0 4px 0 0; text-decoration: underline; transition: all 0.3s ease-in-out 0s;}
.links a:hover, .links a:focus { color: #ffce00; }
.users .chkRegister label { font-weight: 500; position: unset; }
.chkRegister a { color: #e9d16f; font-size: 15px; line-height: 20px; margin: 0 4px 0 0; text-decoration: underline; transition: all 0.3s ease-in-out 0s;}
.chkRegister a:hover, .chkRegister a:focus { color:#ffce00; }
/* END Register LOG IN FORGOT */

/* START termsMain */
.termsMain { background: url(../images/lightBG.png); padding: 70px 0 40px; width: 100%; position: relative; overflow: hidden; }
.terms { margin: 0 0 30px; }
.terms h2 { margin: 0 0 20px; position: relative; color:#fff; font-size:30px; line-height:35px; font-weight: 700; }
.terms h2 span { color: #e9d16f; }
.terms h4 { margin: 0 0 15px; color: #e9d16f; font-size: 18px; font-weight: 700; }
.terms p { margin: 0 0 15px; font-size: 14px; line-height: 25px; color: #fff; }
/* END termsMain */

/* START bannerAll */
.bannerAll { background: rgba(0, 0, 0, 0) url(../images/bgAll.png); background-position: center top;  background-repeat: no-repeat;  background-size: cover; background-attachment: fixed; padding: 100px 0 100px;  width: 100%;  position: relative;}
.bannerAllInner { display: inline-block; border-left: 10px solid #e9d16f; background: rgba(255, 255, 255, .02); padding: 20px 35px; }
.bannerAllInner h1 { color: #fff; font-size: 60px; line-height: 70px; margin: 0;}
.bannerAllInner h1 span { color: #e9d16f; }
/* END bannerAll */

/* START bubbles */
body { position: relative; }
#bubbles { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0;}
#bubbles div { background: #e9d16f; border-radius: 100%; position: absolute; -webkit-animation: fade 30s infinite;}
@-webkit-keyframes fade{from{bottom:-24px;opacity:1;visibility:visible}to{bottom:120%}}@keyframes fade{from{bottom:-24px;opacity:1;visibility:visible}to{bottom:120%}}
/* END bubbles */

/* START rotate */
@keyframes rotate2d {
  0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
.rotate2d { -webkit-animation: rotate2d 2s linear infinite; animation: rotate2d 1s linear infinite;}

@-webkit-keyframes rotate-2d {
  0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }
}
@keyframes rotate-2d {
  0% { -webkit-transform: rotate(0); transform: rotate(0);  }
  100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg);  }
}
.rotate-2d { -webkit-animation: rotate-2d 2s linear infinite;  animation: rotate-2d 1s linear infinite;}

@-webkit-keyframes rotate3d {
  0% { -webkit-transform: rotateY(0); transform: rotateY(0); }
  100% { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); }
}
@keyframes rotate3d {
  0% { -webkit-transform: rotateY(0); transform: rotateY(0); }
  100% { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); }
}
.rotate3d { -webkit-animation: rotate3d 2s linear infinite; animation: rotate3d 1s linear infinite; }
/* END rotate */


/* START move */
@-webkit-keyframes toTopFromBottom {
	49% { -webkit-transform: translateY(-100%); }
	50% { opacity: 0; -webkit-transform: translateY(100%); }
	51% { opacity: 1; }
}
@-moz-keyframes toTopFromBottom {
	49% { -moz-transform: translateY(-100%); }
	50% { opacity: 0; -moz-transform: translateY(100%); }
	51% { opacity: 1; }
}
@keyframes toTopFromBottom {
	49% { transform: translateY(-100%);	}
	50% { opacity: 0; transform: translateY(100%); }
	51% { opacity: 1; }
}

@-webkit-keyframes move1 {
 0% { -webkit-transform: rotate(-1deg) translate(-2px, -2px); transform: rotate(-1deg) translate(-2px, -2px);}
 50% { -webkit-transform: rotate(1deg) translate(2px, 2px); transform: rotate(1deg) translate(2px, 2px); }
 100% { -webkit-transform: rotate(-1deg) translate(-2px, -2px); transform: rotate(-1deg) translate(-2px, -2px); } 
}
@keyframes move1 {
 0% { -webkit-transform: rotate(-1deg) translate(-2px, -2px); transform: rotate(-1deg) translate(-2px, -2px);}
 50% { -webkit-transform: rotate(1deg) translate(2px, 2px); transform: rotate(1deg) translate(2px, 2px); }
 100% { -webkit-transform: rotate(-1deg) translate(-2px, -2px); transform: rotate(-1deg) translate(-2px, -2px); } 
}

@-webkit-keyframes move2 {
	0% { -webkit-transform: rotate(1deg) translate(2px, 2px); transform: rotate(1deg) translate(2px, 2px); }
	50% { -webkit-transform: rotate(-1deg) translate(-2px, -2px); transform: rotate(-1deg) translate(-2px, -2px);}
	100% { -webkit-transform: rotate(1deg) translate(2px, 2px); transform: rotate(1deg) translate(2px, 2px); } 
}
@-webkit-keyframes move3 {
	0% { transform: translate(0, 0); }
	20% { transform: translate(5px, 0);	}
	40% { transform: translate(5px, 5px); }
	65% { transform: translate(0, 5px);	}
	65% { transform: translate(5px, 0);	}
	100% { transform: translate(0, 0);	} 
}
@-webkit-keyframes move4 {
  0% { -webkit-transform: translate(0, -5px); transform: translate(0, -5px); }
  50% { -webkit-transform: translate(0, 5px); transform: translate(0, 5px); }
  100% { -webkit-transform: translate(0, -5px); transform: translate(0, -5px); } 
}
/* END move */