@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap');
:root {
  --primary: #EF5925;
  --secondary: #232323 ;
  --gray: #716c80
}

img {
  max-width: 100%;
}
html,
body {
  overflow-x: hidden;
  font-family: 'DM Sans', sans-serif;
  background: #232323;
  color: #fff;
 
}
a {
  text-decoration: none;
  transition: all 0.3s ease, background-position 1ms;
}
p{
  line-height: 26px;
}
.container{
  max-width: 1200px;
}
.pt-70{
  padding-top: 70px;
}
.pb-70{
  padding-bottom: 70px
}
.text-primary{
  color: var(--primary);
}
.bg-secondary{
  background: var(--secondary) !important;
}
.min-h-100{
  min-height: 100vh;
}
.logo{
  max-width: 100px;
  margin-bottom: 20px;
}
.nav-pills .nav-link.active{
  background: #2E2E2E;
}
.laft-menu{
  min-width: 300px;
}
.mobile-header{
  display: none;
}
.header-style h3{
  font-size: 35px;
font-weight: 200;
margin-bottom: 20px;
}

.header-style p{
  color: #777;
font-size: 18px;
}
.laft-menu svg{
  width: 35px;
  display: inline-block;
  margin-right:15px;
}
.right-side{
  padding-left: 100px;
}
.flag{
  max-width: 400px;
}
.main-btn{
  padding: 15px;
  text-transform: uppercase;
  font-size: 14px;
  border-radius: 8px;
  display: inline-block;
  border: 1px solid #fff;
  color: #fff;
}
.main-btn:hover{
  background: #fff;
  color: var(--secondary);
}
.india-content .btn-one{ 
  border: 1px solid #FF7004;
  color: #fff;

  
}
.india-content .btn-one:hover{
  background: var(--primary);
  
} 

.india-content .btn-two{ 
  border: 1px solid #3B9B18;
  color: #fff;
}
.india-content .btn-two:hover{
  background:#3B9B18;
  
} 
.nav-pills .nav-link{
  width: 100%;
}
.nav-link{
  color: #fff;
}
.nav-link:hover{
  color: var(--primary);
}
.flag {
  width:350px;
  height:169px;
  /* margin:50px; */
}
.flag-element {
  -webkit-animation:oscill 1s ease-in-out infinite alternate; 
  -moz-animation:oscill 1s ease-in-out infinite alternate; 
  -ms-animation:oscill 1s ease-in-out infinite alternate; 
  animation:oscill 1s ease-in-out infinite alternate; 
  background: url('../images/india.png') no-repeat;
  background-size: 350px 100%;
  position:relative;
  height:100%;
  width:1px;
  display:inline-block;

}

.qatar .flag-element{
  background: url('../images/qatar.png') no-repeat;
  background-size: 350px 100%;
}
.qatar .btn-one{
  border: 1px solid #aa556e;
}
.qatar .btn-one:hover{
  background:  #aa556e;
  color: #fff;
}
.malasia .flag-element{
  background: url('../images/malaysia.png') no-repeat;
  background-size: 350px 100%;
}
.malasia .btn-one{
  border: 1px solid #fecf15;
}
.malasia .btn-one:hover{
  background:#fecf15;
}
.oman .flag-element{
  background: url('../images/oman.png') no-repeat;
  background-size: 350px 100%;
}
.oman .btn-one{
  border: 1px solid #f1474b;
}
.oman .btn-one:hover{
  background:#f1474b;
  color: #fff;
}
.oman .btn-two{ 
  border: 1px solid #3B9B18;
  color: #fff;
}
.oman .btn-two:hover{
  background:#3B9B18;
  
} 
@-webkit-keyframes oscill {
  0% {
      top: 5%;
  }        
  100% {
      top: -5%;
  }
}
@-moz-keyframes oscill {
  0% {
      top: 5%;
  }        
  100% {
      top: -5%;
  }
}
@-ms-keyframes oscill {
  0% {
      top: 5%;
  }        
  100% {
      top: -5%;
  }
}
@keyframes oscill {
  0% {
      top: 5%;
  }        
  100% {
      top: -5%;
  }
}

.page-loader{
	width: 100%;
	height: 100vh;
	position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
	background: var(--secondary);
	z-index: 1000;
	.txt{
		color: #666;
		text-align: center;
		top: 40%;
		position: relative;
		text-transform: uppercase;
		letter-spacing: 0.3rem;
		font-weight: bold;
		line-height: 1.5;
	}
}

/* SPINNER ANIMATION */
.spinner {
	position: relative;
	top: 35%;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-color: #fff;

  border-radius: 100%;  
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}
.fade {
  opacity: 1;
  -webkit-transition: opacity 1.1s linear;
     -moz-transition: opacity 1.1s linear;
      -ms-transition: opacity 1.1s linear;
       -o-transition: opacity 1.1s linear;
          transition: opacity 1.1s linear;
}
@media (max-width: 768px) {
  .main-btn{
    margin-bottom: 15px;
    display: block;
    text-align: center;
    margin-right: 0px !important;
  }
  .mobile-header{
    display: block !important;
  }
  .right-side{
    padding-left: 0px;
    padding-bottom: 80px;
  }
  .laft-menu{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--secondary);
    z-index: 999;
    border-top: 1px solid #2E2E2E;
    width: 100%;
  }

 
  .laft-menu .nav-link{
    display: inline-block;
    text-align: center  !important;
    width: 24%;
    margin: 0px;
  }
  .laft-menu svg{
    width: auto;
    height: 25px;
    margin-right: 0;
    display: block;
    margin: 0px auto;
  }
  .pt-70{
    padding-top: 35px;
  }
  .pb-70{
    padding-top: 35px;
  }
 
}