@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

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

/* body{ */
     /* max-height: 100vh; */
/* } */

/* .content{ */
     /* overflow-y: auto; */
/* } */

/* header{ */
     /* display: flex; */
     /* flex-direction: row; */
/* } */
/* .logo{ */
     /* height: 170px; */
     /* width: 500px; */
     /* align-items: center; */
     /* background-color: #fff; */
     /* display: flex; */
     /* flex-direction: row; */
/* } */
/* .nav{ */
     /* justify-content: space-between; */
     /* background-color: rgb(27, 119, 204); */
     /* height: 170px; */
     /* width: 1700px; */
     /* display: flex; */
     /* flex-direction: row; */
     /* align-items: center; */
/* } */
/* .pages{ */
     /* margin-left: 50px; */
     /*  */
/* } */
/* a{ */
     /* color: #fff; */
     /* text-decoration: none; */
/* } */
/* .links{ */
     /* flex-direction: row; */
     /* margin-right: 50px; */
     /* width: 500px; */
     /* color: #fff; */
     /* display: flex; */
     /* justify-content: space-between; */
     /* align-items: center; */
/* } */
/* .container{ */
     /* width: 100%; */
     /* height: 860px; */
     /* display: flex; */
     /* flex-direction: row; */
     /* overflow: hidden; */
/* }  */
/* .space{ */
     /* width: 80px; */
/* } */
/* .form{ */
     /* height: 100%; */
     /* width: 437px; */
     /* background-color: #dbdbdb; */
     /* margin-top: 0px; */
     /* overflow-y: scroll; */
/*  */
/* } */

.buy{
     background-color: #220c74;
     color: #fff;
}

.bg-new-dark{
     background-color:#4173bb;
}


@media(min-width:0px){
     .d-flex{
          flex-direction: column-reverse;
     }
}
@media (min-width: 517px) {
     .d-flex{
          flex-direction: column-reverse;
     }
}
@media (min-width:990px){
     .d-flex{
          flex-direction: row;
     }
}

@media (min-width:987px){
     .d-flex{
          flex-direction: row;
     }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 576px) {
     .d-flex{
          flex-direction: column-reverse;
 }
}
 /* Medium devices (tablets, 768px and up)*/
 @media (min-width: 768px) {
     .d-flex{
          flex-direction: column-reverse;
  }
}

 /* Large devices (desktops, 992px and up)*/
 @media (min-width: 992px) {
     .d-flex{
          flex-direction: row;
     }
}

 /* X-Large devices (large desktops, 1200px and up) */
 @media (min-width: 1200px) {
     .d-flex{
          flex-direction: row;
     }
}
 /* XX-Large devices (larger desktops, 1400px and up) */
 @media (min-width: 1400px) {
     .d-flex{
          flex-direction: row;
     }
 }
  /* // `sm` applies to x-small devices (portrait phones, less than 576px) */
/* @media (max-width: 575.98px) {  */
     /* .d-flex{ */
          /* flex-direction: column; */
     /* } */
/* } */
  /*  */
  /* // `md` applies to small devices (landscape phones, less than 768px) */
  /* @media (max-width: 767.98px) { ... } */
  /*  */
  /* // `lg` applies to medium devices (tablets, less than 992px) */
  /* @media (max-width: 991.98px) { ... } */
  /*  */
  /* // `xl` applies to large devices (desktops, less than 1200px) */
  /* @media (max-width: 1199.98px) { ... } */
  /*  */
  /* // `xxl` applies to x-large devices (large desktops, less than 1400px) */
  /* @media (max-width: 1399.98px) { ... } */
/*  */
/* .side-color{ */
     /* background-color: #220c74; */
/* } */
/* CSS styles for the form */
/* .form-container { */
 /* margin: 0 auto; */
 /* align-items: center; */
 /* justify-content: center; */
 /* justify-items: center; */
/* } */

/* h2 { */
  /* line-height: 40px; */
/* } */
/* button{ */
  /* padding: 0px; */
  /* background-color: #220c74; */
  /* border: 1px solid #220c74; */
  /* border-radius: 5px; */
/* } */
/* .page-link{ */
  /* display: flex; */
  /* flex-direction: row; */
  /* gap: 40px;  */
  /* font-size: 22px; */
  /* text-decoration: dotted; */
/* } */
/* .page-link-color{ */
  /* color: rgb(216, 215, 215); */
/* } */
/* .form-head{ */
  /* color: #fff; */
  /* margin-right: 30px; */
 /* padding-right: 40px; */
  /* margin-top: 0px; */
/* } */
/* .form-container label { */
  /* display: block; */
  /* margin-top: 20px; */
  /* margin-bottom: 10px; */
  /* color: #fff; */
/* } */
/* .slider-container{ */
       /* width: 100%; */
       /* height: 100%; */
       /* margin-left: -20px ; */
/* } */
/* .slider-wrapper { */
     /* position: relative; */
     /* max-width: 1548; */
     /* margin: 0 auto; */
     /* z-index: -20; */
/* } */

/* .slider { */
     /* display: flex; */
     /* width: 100px; */
     /* aspect-ratio: 16 / 9; */
     /* overflow-x: auto; */
     /* scroll-snap-type: x mandatory; */
     /* scroll-behavior: smooth; */
     /* box-shadow: 0 1.5rem 3rem -0.75rem hsla(0, 0%, 0%, 0.25); */
     /* border-radius: 0.5rem; */
     /* -ms-overflow-style: none; Hide scrollbar IE and Edge */
     /* scrollbar-width: none; Hide scrollbar Firefox */
/* } */
/*  */
/* Hide scrollbar for Chrome, Safari and Opera */
/* .slider::-webkit-scrollbar { */
     /* display: none; */
/* } */
/*  */
/* .slider img { */
     /* flex: 1 0 100%; */
     /* scroll-snap-align: start; */
     /* object-fit: cover; */
/* } */
/*  */
/* .slider-nav { */
     /* display: flex; */
     /* column-gap: 1rem; */
     /* position: absolute; */
     /* bottom: 1.25rem; */
     /* left: 50%; */
     /* transform: translateX(-50%); */
     /* z-index: 1; */
     /* height: 4px; */
/* } */
/*  */
/* .slider-nav .snav { */
     /* width: 100%; */
     /* height: 0.8rem; */
     /* border: 1px solid #689ac2; */
     /* border-radius: 50%; */
     /* background-color: #689ac2; */
     /* opacity: 0.75; */
     /* transition: opacity ease 250ms; */
/* } */
/*  */
/* .slider-nav .snav:hover { */
     /* opacity: 1; */
     /* background-color: #203546; */
/* } */

/* CSS styles for the footer */
/* footer { */
   /* background-color: #e2e2e2; */
   /* color: #fff; */
   /* height: 150px; */
   /* padding: 20px; */
   /* text-align: center; */
   /* z-index: 999; */
 /* } */

 /* footer p { */
   /* margin: 0; */
 /* } */

/* footer a { */
   /* color: #fff; */
   /* text-decoration: none; */
/* } */

footer {
    /*position: fixed;*/
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
}