*{
  margin:0;
  padding:0;
  box-sizing: border-box;
}
input, textarea, select, option{
  max-width: 100%;
}

img{
  max-width: 100%;
  max-height: 100%;

}
ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
body,html{
  overflow-x: hidden;
}

a,
a:hover,
a:focus{
  outline: none;
  text-decoration: none;
  color: none;
}
a:hover{
  color: none;
}
h1,
h2,
h3{
  margin:0;
}
p{
  margin: 0;
}

body{
  font-family: 'Kumbh Sans', sans-serif;
  font-family: "Urbanist", sans-serif;
  font-family: 'Nunito', sans-serif;
  font-family: 'Outfit', sans-serif;
  overflow-x: hidden;
}


/* font area */
.font-ks{
 font-family: "Urbanist", sans-serif;

}
.font-lora{
  font-family: "Urbanist", sans-serif;
}
.font-nunito{
  font-family: 'Nunito', sans-serif;
}
.font-outfit{
 font-family: "Urbanist", sans-serif;
}

.color{
  color:#fff;
}
.color-1{
  color: #0B111F;
}
.color-5{
  color: #002147;
}
.color-12{
  color: #222421;
}
.color-17{
  color: #141B2C;
}
.color-18{
  color: #222421;
}
.colorp{
  color: #4F5C6A;
}
.color-21{
  color: rgba(255, 255, 255, 0.80);
}
.color-22{
  color: #4A5162;
}
.color-ni{
  color: #0C161D;
}
.color-25{
  color: #222421;
}
.color-26{
  color: #575E63;
}
.color-29{
  color: #222421;
}
.color-30{
  color: #4D5A72;
}
.color-31{
  color: #08110D;
}
.color34{
  color: #222421;
}
.color-h7{
  color: #0F0A07;
}
.color-hp{
  color: #5F5F5F;
}

.color-h9{
  color: #0B111D;
}
/* .color-h10{
  color: #86B03C;
} */
.color-h11{
  color: #fff;
}
.color-p10{
  color: #62686D;
}
.colorhp3{
  color: #091622;
}


/* font size area */
.font-14{
  font-size: 14px;
}
.font-16{
  font-size: 16px;
}
.font-18{
  font-size: 18px;
}
.font-20{
  font-size: 20px;
}
.font-22{
  font-size: 22px;
}
.font-24{
  font-size: 24px;
}
.font-40{
  font-size: 40px;
}
.font-42{
  font-size: 42px;
}
.font-44{
  font-size: 44px;
}
.font-48{
  font-size: 48px;
}
.font-60{
  font-size: 60px;
}

.lineh-16{
  line-height: 16px;
}
.lineh-18{
  line-height: 18px;
}
.lineh-20{
  line-height: 20px;
}
.lineh-24{
  line-height: 24px;
}
.lineh-24{
  line-height: 24px;
}
.lineh-26{
  line-height: 26px;
}
.lineh-30{
  line-height: 30px;
}
.lineh-56{
  line-height: 56px;
}
.lineh-50{
  line-height: 50px;
}
.lineh-52{
  line-height: 52px;
}
.lineh-54{
  line-height: 54px;
}
.lineh-64{
  line-height: 64px;
}


/* font-weight */
.weight-400{
  font-weight: 400 !important;
}

.weight-500{
  font-weight:500 !important;
}

.weight-600{
  font-weight: 600 !important;
}

.weight-700{
  font-weight: 700 !important;
}
.margin-b24{
  margin-bottom: 24px;
}
.margin-b18{
  margin-bottom: 18px;
}
.margin-b{
  margin-bottom: 16px;
}
.margin-b20{
  margin-bottom: 20px;
}
.margin-b28{
  margin-bottom: 28px;
}
.margin-t{
  margin-top:20px ;
}
.margin-b12{
  margin-bottom: 12px;
}
.margin-t60{
  margin-top: 60px;
}
.margin-t32{
  margin-top: 32px;
}
.margin-t28{
  margin-top: 28px;
}
.margin-b60{
  margin-bottom: 60px;
}

.margin-b30{
  margin-bottom: 30px;
}

.margin-b8{
  margin-bottom: 8px;
}
.margin-t32{
  margin-top: 32px;
}
.margin-t24{
  margin-top: 24px;
}

/* section-padding */
.section-padding5{
  padding: 50px 0 50px;
}
.section-padding4{
  padding: 50px 0 50px;
}
.section-padding7{
  padding: 80px 0 80px;
}
.section-padding8{
  padding: 50px 0 50px;
}

.section-padding14{
  padding: 100px 0 150px;
}
.ml1{
  margin-left: 6px;
}
.margin-b14{
  margin-bottom: 14px;
}
.margin-b12{
  margin-bottom: 12px;
}
.margin-b11{
  margin-bottom: 11px;
}


/* scetion-padding */


@media screen and (min-width: 768px) {

  @keyframes animation-3 {
    0% {
      
      transform:rotate(0) ;
    }

    100% {
    
      transform: rotate(1000deg);
    }
  }
  @keyframes animation-6 {
    0% {
      
      transform:rotate(0) ;
    }

    100% {
    
      transform: rotate(-1000deg);
    }
  }

  @keyframes animation-2 {
    0% {
      transform: translateY(0);
    }

    100% {
      transform: translateY(10px);
    }
  }
  .aniamtion-key-2 {
    position: relative;
    animation-name: animation-2;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
  }
  .keyframe3 {
    position: relative;
    animation-name: animation-3;
    animation-duration: 200s;
    animation-iteration-count: alternate;
    animation-direction: infinite;
  }
  .keyframe4 {
    position: relative;
    animation-name: animation-6;
    animation-duration: 300s;
    animation-iteration-count: alternate;
    animation-direction: infinite;
  }
}
.ts{
  transition: all .4s ease-in-out;
}