:root {
  --main-bg-gold-color: #98d122;
  --main-bg-black-color: #282d32;
  --main-bg-black1-color: #2449a4;
  --main-bg-black2-color: #143996;
  --main-bg-black3-color: #37479e;
  --main-bg-grey-color: #f2f6ff;
  --main-bg-grey1-color: #1942aa;
  --main-txt-gold-color: #98d122;  
  --main-txt-whites-color: #ffffff;
  --main-txt-black1-color: #2449a4; 
}

.text-gold{color: var(--main-txt-gold-color) !important;}
.text-whites{color: var(--main-txt-whites-color);}
.text-black1{color: var(--main-txt-black1-color);}
.bg-gold{background-color: var(--main-bg-gold-color);}
.bg-black{background-color: var(--main-bg-black-color);}
.bg-black1{background-color: var(--main-bg-black1-color);}
.bg-black2{background-color: var(--main-bg-black2-color);}
.bg-black3{background-color: var(--main-bg-black3-color);}
.bg-grey{background-color: var(--main-bg-grey-color);}
.bg-grey1{background-color: var(--main-bg-grey1-color);}

.red-text{color: #FFD700; text-shadow: 2px 2px 15px #dddddd;margin-top: 40px; line-height: 80px;}

.bg-img1{
  background-image: url("../image/app_bg1.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.bg-img2{
  background-image: url("../image/blog-img3.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.bg-img3{
  background-image: url("../image/contact-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

nav ul li a{
  font-family: 'Roboto', sans-serif;
  padding-right: 17px !important;
  font-size: 15px;
  color: var(--main-txt-whites-color);
}
nav ul li a:hover{
  color: var(--main-txt-whites-color);
}

.foot a{
  color: var(--main-txt-whites-color);
}
.foot a:hover{
  color: var(--main-txt-gold-color);
}

.active-menu{color: #98d122;}
h1,h2,h3,h4,h5,h6{
  font-family: 'Roboto', sans-serif;
}

h2{
  font-size: 28px;
  line-height: 1.1;
  font-weight: 600;
}
p{
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
}



.btns{
  border: 1px solid var(--main-bg-gold-color);
  color: var(--main-txt-gold-color);
}
.btns:hover{
  border: 1px solid var(--main-bg-gold-color);
  background-color: var(--main-bg-gold-color);
  color: var(--main-txt-whites-color);
}
.text-hvr1{color: var(--main-txt-black-color);}
.text-hvr1:hover{color: var(--main-txt-gold-color);}
.shdd1{box-shadow: 0 4px 50px 0 rgba(0, 0, 0, .13);}
.opacity1{background-color: #2448a4b7;}

@media screen and (max-width: 767px){
  .smm{font-size: 17px !important;}
  .bg-img1{background-image: none; background-color: #f0f3f7;}
}

@media screen and (max-width: 990px){
  .bank-info{background-image: none !important;}
}





 .scroll-top{
  position: fixed;
  right: 20px;
  bottom: 20px;
  padding: 20px !important;
  padding-top: 14px !important;
  padding-bottom: 19px !important;
  display: none;
  color: var(--main-txt-whites-color);
  z-index: 999;
}

.fixed-heade{
  position: fixed;
  width: 100% !important; 
  box-shadow: rgba(0, 0, 0, 0.7);
  z-index: 999; 
  top: 0;
  background-color: #2449a4;
  animation-name: animatetop;
  animation-duration: 0.8s 
}

.theLoading{
  position: absolute;
  top: 50%;
  left: 48%;
}

.dashboard-area{
  min-height: 500px;
}

.thecover{
  background-color: rgba(220, 220, 220, .35);
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.bank-info{
  border-radius: 20px;
  border: 5px solid #143996;
  background-color: #ffffff;
  color: #0c0c0c;
  padding: 20px 20px;
  background-image: url('../image/bank.jpg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom right;
}
.bank-info h5{
  text-decoration: underline;
}
.bank-info p{
  margin-top: 20px;
  text-align: left ;
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

 
/* pageloader */
/*------- Preloader animation -----
.spinner-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255, 255, 255, 0.897);
	z-index: 999999;
}
.sk-cube-grid {
  width: 60px;
  height: 60px;
  margin: 100px auto;
  position: absolute;
  left: 48%;
  top:28%;
}

.sk-cube-grid .sk-cube {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  border: 4px solid #e67777;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color:#e67777 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} */