@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;500;700&family=Poppins:ital,wght@0,100;0,200;0,300;1,400&display=swap');

*{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root{
  /* background color */
  --primary-color: #021832;
--secondary-color: #caa169;
--bg-color: #f4f4f4;
--bg-white:#fff;
--bg-black: #000;


/* text style */
--primary-font: 'poppins', sans-serif;
--secondry-font: 'Oswald', sans-serif;
--primary-text: #021832;
--secondary-text: #caa169;
--text-white: #fff;
--text-black: #151515;
--text-gray: #e4e4e4;
}

body{
  font-family: var(--primary-font);
  background-color: var(--bg-white);
}

a{
  text-decoration: none;
}

::-webkit-scrollbar {
  width: .375rem;
}

::-webkit-scrollbar-track{
  background: var(--secondary-color);
}

::-webkit-scrollbar-thumb{
  background: var(--primary-color);
}

section{
  padding:3.125rem 0;
}

.main-btn{
  margin-top: 10px;
  font-size: 1rem;
font-weight: 500;
color: var(--primary-color);
text-transform: uppercase;
background-color: transparent;
border: 0.0625rem solid var(--primary-color);
padding:.375rem 1.875rem;
border-radius: 3.125rem;
line-height: 1.75rem;
display: inline-block;
transition:all 0.3s ease 0s;
}
.ritu{
/* margin-top: -10px; */
font-size: 1rem;
font-weight: 500;
/* color: var(--primary-color); */
color: #fff;
text-transform: uppercase;
/* background-color: transparent; */
background-color: rgb(0, 0, 0);
border: 0.0625rem solid red;
/* border: red; */
padding:.375rem 1.875rem;
border-radius: 3.125rem;
line-height: 1.75rem;
display: inline-block;
transition:all 0.3s ease 0s;
}

.main-btn:hover{
background-color: var(--secondary-color);
border-color: var(--secondary-color);
color: var(--text-white);
}

.ritu:hover{
background-color: var(--secondary-color);
border-color: var(--secondary-color);
color: var(--text-white);
}


/*-------------------------------------------------------------------------header--------------------------------------------------------*/
/*-------------------------about us page ---------------*/
.sub-HEADER{
  height: 50vh;
  width: 100%;
  /*background-image: linear-gradient(rgba(4,9,30,0.7),rgba(4,9,30,0.7)),url(moti.jpg);*/
  /* background-image: url(C:\Users\RITURAJ\Desktop\responsive navbar\ngo\img\ng.jpg); */
background-color: #d35907;
/* background: url(img\1); */
  background-position: center;
  background-size: cover;
  text-align: center;
  color: #fff;
  font-size: 20px;
  }



  /* .pankhuri .text-blk .h1{
    font-size: 20px;
  } */

.text-blk .h1{
    font-size: 20px;
  }




/*-------------------------------------------------copy achivment------------------------------------------*/
.responsive-container-block {
  min-height: 75px;
  height: fit-content;
  width: 100%;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  justify-content: flex-start;
}

a {
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
}

.text-blk {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  line-height: 25px;
}

.responsive-container-block.bigContainer {
  padding-top: 10px;
  padding-right: 30px;
  padding-bottom: 10px;
  padding-left: 30px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px 50px 10px 50px;
}
.situ h1,h6{

  color: #ff0000;
  font-size: 35px;
}

.situ h1 .span{

  color: #030303;
  font-size: 35px;
}

.situ .p{
  /* background-color: #f3b303; */
  /* color: #ff0000;
  font-size: 35px; */
  align-items: center;
}

.rishi {
  /* margin-left: 30px; */
  color: black;
  width: 100%;
  height: auto;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.text-blk.headingText {
  margin-top: -30px;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
  color: rgb(2, 2, 2);
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
  align-items: center;
}
.H1{
color: #f3b303;
}

.allText {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  width: 40%;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}

.text-blk.subHeadingText {
  color: rgb(25, 0, 255);
  font-size: 26px;
  line-height: 32px;
  font-weight: 700;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 15px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.text-blk.description {
  font-size: 18px;
  line-height: 26px;
  color: rgb(102, 102, 102);
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 50px;
  margin-left: 0px;
  font-weight: 400;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.explore {
  font-size: 16px;
  line-height: 28px;
  color: rgb(253, 0, 0);
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgb(102, 102, 102);
  border-right-color: rgb(102, 102, 102);
  border-bottom-color: rgb(102, 102, 102);
  border-left-color: rgb(102, 102, 102);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  cursor: pointer;
  background-color: rgb(225, 236, 72);
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 8px;
  padding-right: 40px;
  padding-bottom: 8px;
  padding-left: 40px;
}

.explore:hover {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat-x: initial;
  background-repeat-y: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(176, 98, 255);
  color: white;
  border-top-width: initial;
  border-right-width: initial;
  border-bottom-width: initial;
  border-left-width: initial;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: initial;
  border-right-color: initial;
  border-bottom-color: initial;
  border-left-color: initial;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
}

.responsive-container-block.Container {
  margin-top: 80px;
  margin-right: auto;
  margin-bottom: 50px;
  margin-left: auto;
  justify-content: center;
  align-items: center;
  max-width: 1320px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.responsive-container-block.Container.bottomContainer {
  flex-direction: row-reverse;
  margin-top: 80px;
  margin-right: auto;
  margin-bottom: 50px;
  margin-left: auto;
  position: static;
}

.allText.aboveText {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 40px;
}

.allText.bottomText {
  margin-top: 0px;
  margin-right: 40px;
  margin-bottom: 0px;
  margin-left: 0px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding-top: 0px;
  padding-right: 15px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.purpleBox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 430px;
  background-color: rgb(176, 98, 255);
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  position: absolute;
  bottom: -35px;
  left: -8%;
}

.purpleText {
  font-size: 18px;
  line-height: 26px;
  color: white;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
}

.ultimateImg {
  width: 50%;
  position: relative;
}

@media (max-width: 1024px) {
  .responsive-container-block.Container {
    max-width: 850px;
  }

  .mainImg {
    width: 55%;
    height: auto;
  }

  .allText {
    width: 40%;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 20px;
  }

  .responsive-container-block.bigContainer {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
  }

  .responsive-container-block.Container.bottomContainer {
    margin-top: 80px;
    margin-right: auto;
    margin-bottom: 50px;
    margin-left: auto;
  }

  .responsive-container-block.Container {
    max-width: 830px;
  }

  .allText.aboveText {
    margin-top: 30px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 40px;
  }

  .allText.bottomText {
    margin-top: 30px;
    margin-right: 40px;
    margin-bottom: 0px;
    margin-left: 0px;
    text-align: left;
  }

  .text-blk.headingText {
    text-align: center;
  }

  .allText.aboveText {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }

  .text-blk.subHeadingText {
    text-align: left;
    font-size: 26px;
    line-height: 32px;
  }

  .text-blk.description {
    text-align: left;
    line-height: 24px;
  }

  .explore {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }

  .responsive-container-block.bigContainer {
    padding-top: 10px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-left: 30px;
  }

  .responsive-container-block.Container {
    justify-content: space-evenly;
  }

  .purpleBox {
    bottom: 10%;
  }

  .responsive-container-block.Container.bottomContainer {
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    max-width: 930px;
  }

  .allText.bottomText {
    width: 40%;
  }

  .purpleBox {
    bottom: auto;
    left: -10%;
    top: 70%;
  }

  .mainImg {
    width: 100%;
  }

  .text-blk.headingText {
    text-align: left;
  }
}

@media (max-width: 768px) {
  .allText {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }

  .responsive-container-block.Container {
    flex-direction: column;
    height: auto;
  }

  .text-blk.headingText {
    text-align: center;
  }

  .text-blk.subHeadingText {
    text-align: center;
    font-size: 24px;
  }

  .text-blk.description {
    text-align: center;
    font-size: 18px;
  }

  .allText {
    margin-top: 40px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }

  .allText.aboveText {
    margin-top: 40px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }

  .responsive-container-block.Container {
    margin-top: 80px;
    margin-right: auto;
    margin-bottom: 50px;
    margin-left: auto;
  }

  .responsive-container-block.Container.bottomContainer {
    margin-top: 50px;
    margin-right: auto;
    margin-bottom: 50px;
    margin-left: auto;
  }

  .allText.bottomText {
    margin-top: 40px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }

  .mainImg {
    width: 100%;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: -70px;
    margin-left: 0px;
  }

  .responsive-container-block.Container.bottomContainer {
    flex-direction: column;
  }

  .ultimateImg {
    width: 100%;
  }

  .purpleBox {
    position: static;
  }

  .allText.bottomText {
    width: 100%;
    align-items: flex-start;
  }

  .text-blk.headingText {
    text-align: left;
  }

  .text-blk.subHeadingText {
    text-align: left;
  }

  .text-blk.description {
    text-align: left;
  }

  .ultimateImg {
    position: static;
  }

  .mainImg {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }

  .ultimateImg {
    position: relative;
  }

  .purpleBox {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    position: absolute;
    left: 0px;
    top: 80%;
  }

  .allText.bottomText {
    margin-top: 100px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }
}

@media (max-width: 500px) {
  .responsive-container-block.Container {
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    width: 100%;
    max-width: 100%;
  }

  h1{
      font-size: 20px;
      margin-top: 50px;
      /* margin-left: 70px; */
      text-align: center;
      color: #ff0000;
  }

  .mainImg {
    width: 100%;
  }

  .responsive-container-block.bigContainer {
    padding-top: 10px;
    padding-right: 25px;
    padding-bottom: 10px;
    padding-left: 25px;
  }

  .text-blk.subHeadingText {
    font-size: 24px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    line-height: 28px;
  }

  .text-blk.description {
    font-size: 16px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    line-height: 22px;
  }

  .allText {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    width: 100%;
  }

  .allText.bottomText {
    margin-top: 50px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 0 0 0 0;
    margin: 30px 0 0 0;
  }

  .ultimateImg {
    position: static;
  }

  .purpleBox {
    position: static;
  }

  .stars {
    width: 55%;
  }

  .allText.bottomText {
    margin-top: 75px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }

  .responsive-container-block.bigContainer {
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
  }

  .purpleText {
    font-size: 16px;
    line-height: 22px;
  }

  .explore {
    padding: 6px 35px 6px 35px;
    font-size: 15px;
  }
}

/* .social-network .ul .li{
  display: none;
} */

/* .social-network a{
  width: 2.1875rem;
  height: 2.1875rem;
  margin: .5rem;
  line-height: 2rem;
  font-size: .875rem;
  display: inline-block;
  border: .125rem solid  var(--text-gray);
  color: var(--text-gray);
  text-align: center;
  border-radius: 100%;
  -webkit-transition:all 0.3s cubic-bezier(0.645, 0.085, 0.355, 1);
  transition:all 0.3s cubic-bezier(0.645, 0.085, 0.355, 1);
  }
  
  .social-network a:hover{
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
  color:var(--text-white);
  transform: translateY(-0.1875rem);
  box-shadow: 0 .625rem .9375rem 0 rgb(0 0 0 / 10%);
  } */

  h1{
      font-size: 40px;
      margin-top: 50px;
      /* margin-left: 70px; */
      text-align: center;
      color: #f3b303;
  }

  .pikku{
      text-align: center; 
      font-size: 15px;
  }































h1{
font-size: 3.75rem;
line-height: 4.25rem;
font-weight: 700;
color: var(--text-white);
margin-bottom:1.25rem;
text-transform: uppercase;
font-family: var(--secondary-color);
}


h3{
margin-bottom:1.875rem;
line-height: 2.875rem;
font-weight: 700;
font-size: 2.25rem;
color:var(--primary-text);
font-family:var(--secondry-font);

}

h3 span{
color:var(--secondary-color);

}

h5{
font-size: 1.5rem;
line-height: 1;
color:var(--primary-text);
font-weight: 500;
font-family: var(--secondry-font);
}

h6{
font-size: .875rem;
color:var(--primary-text);
margin-bottom:.9375rem;
text-transform: uppercase;
font-weight: 300;
font-family: var(--secondry-font);
}

p{
font-size: 1rem;
color:var(--text-black);
line-height: 1.625rem;
}

/* p{
  font-size: 1rem;
  color:var(--text-gray);
  line-height: 1.625rem;
  } */

.section-title:after{
content: '';
/* background-image:url(); */
background-position:center center;
background-repeat: no-repeat;
display: block;
margin-top: -0.9375rem;
height:.9375rem;
}
/* 2 navbar */
/* .header_wrapper .navbar{
padding:.9375rem 0;
background-color:var(--bg-white);
-webkit-box-shadow: 0.5rem .375rem -0.375rem rgb(0 0 0/40%);
box-shadow: 0.5rem .375rem -0.375rem rgb(0 0 0/40%);
-webkit-transition:background 0s ease-in-out 0s, margin-top 0s ease-in-out 0s, opacity os ease-in-out 0s;
transition:background 0s ease-in-out 0s, margin-top 0s ease-in-out 0s, opacity os ease-in-out 0s;
} */

.header_wrapper .navbar{
padding:.9375REM 0;
background-color: var(--bg-white);
-webkit-box-shadow: 0 .5REM .375REM -0.375REM rgb(0 0 0 / 40%);
box-shadow: 0 .5REM .375REM -0.375REM rgb(0 0 0 / 40%);
-webkit-transition:background 0s ease-in-out 0s,margin-top 0s ease-in-out 0s, opacity 0s ease-in-out 0s;
transition:background 0s ease-in-out 0s,margin-top 0s ease-in-out 0s, opacity 0s ease-in-out 0s;
/* position: fixed; */
}

.header_wrapper .navbar-toggler{
  /* .header_wrapper .sneha{ */
border: 0;
color:var(--primary-text);
line-height: 2;
}

.header_wrapper .navbar-toggler:focus{
box-shadow: none;
}

.header_wrapper .nav-item{
margin: 0 .625rem;
}

.header_wrapper .nav-item .nav-link{
font-size:1rem;
font-weight: 500;
color:var(--primary-text);
display:inline-block;

}
.header_wrapper .nav-item .nav-link:hover,
.header_wrapper .nav-item .nav-link.active
{
color:var(--secondary-text);

}

.navbar.header-scrolled{
position:fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
background-color: rgba(225, 225, 225, .85);
-webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;;
animation:500ms ease-in-out 0s normal none 1 running fadeInDown;
}

@keyframes fadeInDown{
0%{
top:-30%;
}
50%{
top:-15%;
}
100%{
top:0;
}
}



/* body {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgb(100, 50, 50);
  background-color: aqua;
  padding: 25px;
  } */
  
  
  
  
  
    
  
  
  
  .sneha{
      position: relative;
      max-width: 700px;
      width: 100%;
      background: #fff;
      padding: 25px;
      border-radius: 8px;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      margin-left: 330px;
      margin-top: 50px;
      /* align-items: center; */

      /* padding-left: 500px; */
  }
  
  .sneha header{
      font-size: 1.5rem;
      color: #333;
      font-weight: 500;
      text-align: center;
  
  }
  
  .sneha .form{
      margin-top: 30px;
  }
  
  .form .input-box{
      width: 100%;
      margin-top: 20px;
  }
  
  .input-box label{
      color: #333;
  }
  
  .form :where(.input-box input , .select-box){
      position: relative;
      width: 100%;
      outline: none;
      font-size: 1rem;
      color: #707070;
      margin-top: 8px;
      border: 1px solid #ddd;
      border-radius: 6px;
      padding: 0 15px;
  }
  
  .form .Gender-box{
      margin-top: 20px;
  }
  
  .Gender-box h3{
      color: #333;
      font-size: 1rem;
      font-weight: 400;
      margin-bottom: 8px;
  }
  
  .form .column {
      display: flex;
      column-gap: 15px;
  }
  
  .form :where(.Gender-option, .Gender) {
      display: flex;
      align-items: center;
      column-gap: 50px;
      flex-wrap: wrap;
  }
  
  .form .Gender{
      column-gap: 5px;
  }
  
  .Gender input{
      accent-color:  aqua;
  }
  
  .form :where(.Gender-input, .Gender label){
      cursor: pointer;
  }
  
  
  address :where(input, .select-box){
      margin-top: 15px;
  }
  
  .select-box select{
      height: 100%;
      width: 100%;
      outline: none;
      border: none;
      color:#707070;
      font-size: 1rem;
  }
  
  .form button {
      height: 55px;
      width: 100%;
      color:#fff;
      font-size: 1rem;
      border: none;
      margin-top: 30px;
      cursor: pointer;
      border-radius: 6px;
      font-weight: 400;
      transition: all 0.2s ease;
      background-color: red;
  }
  
  .form button:hover{
      background-color: rgb(207, 172, 17);
  }
  
  /* responsive */
  @media screen and (max-width:400px) {
      .form .column{
          flex-wrap: wrap;
      }
      .form :where(.Gender-option, .Gender){
          row-gap: 15px;
      }
.sneha{
      margin-left: -330px;
}
  }