html, body {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  height: 100%; 
  width: 100%;
}
.inner-body{
  margin: 7px;
  border-radius: 10px;
  background-color: var(--bc-d-4);
}

hr {
  margin: 0.5rem 0;
  color: inherit;
  border: 0;
  border-top: 1px solid;
  opacity: .5
}


.cnt,
.cnt-fluid,
.cnt-lg,
.cnt-md,
.cnt-sm,
.cnt-xl,
.cnt-xxl {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-right: auto;
  margin-left: auto
}

@media (min-width:576px) {

  .cnt,
  .cnt-sm {
    max-width: 540px
  }
}

@media (min-width:768px) {

  .cnt,
  .cnt-md,
  .cnt-sm {
    max-width: 720px
  }


}

@media (min-width:992px) {

  .cnt,
  .cnt-lg,
  .cnt-md,
  .cnt-sm {
    max-width: 960px
  }
}

@media (min-width:1200px) {

  .cnt,
  .cnt-lg,
  .cnt-md,
  .cnt-sm,
  .cnt-xl {
    max-width: 1140px
  }
}

@media (min-width:1400px) {

  .cnt,
  .cnt-lg,
  .cnt-md,
  .cnt-sm,
  .cnt-xl,
  .cnt-xxl {
    max-width: 1320px
  }
}

.navbar>.cnt,
.navbar>.cnt-fluid,
.navbar>.cnt-lg,
.navbar>.cnt-md,
.navbar>.cnt-sm,
.navbar>.cnt-xl,
.navbar>.cnt-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between
}

.toast-cnt {
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none
}

.toast-cnt> :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing)
}



.cl {
  flex: 1 0 0%
}

.mwfc {
  max-width: fit-content;
}

.bttn{border: none;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin-right: 10px;
  transition-duration: 0.4s;
  cursor: pointer;}

.bttn1 {
  border: none;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.bttn2 {
  border: 1px solid #d9d9d9;
  background-color: #f1f1f1;
  color: #133970;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  transition-duration: 0.4s;
  cursor: pointer;
}

.bttn-green {
  background-color: white;
  color: black;
  border: 2px solid #a4dd4b;
}

.bttn-green2 {
  background-color: #ffffff;
  color: #292929;
  border: 2px solid #bebebe;
}

.bttn-green3 {
  background-color: #f1f1f1;
  color: black;
  border: 2px solid #dfffac;
}

.bttn-green:hover {
  background-color: #cdf094;
}

.bttn-watch {
  background-color: rgb(165, 165, 165);
  color: black;
  border: 2px solid #a4dd4b;
}



.center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.center-j {
  display: flex;
  justify-content: center;
}

.center-a {
  display: flex;
  align-items: center;

}

.center-p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px;
}

.gcenter {
  display: grid;
  align-items: center;
  justify-content: center;
}

.gcenter-a {
  display: grid;
  align-items: center;
}

.gcenter_a {
  display: grid;
  align-items: center;
}
/* --------------float-div------------ */
.fr {float: right;} .fl {float: left;} .left {display: flex; justify-content:start; left: 0%;} .right {display: flex; justify-content: end; right: 0%;}
/* --------------box-div-------------- */
.box50{width:50px; height:50px;} .box100{width:100px; height:100px;} .box150{width:150px; height:150px;} .box200{width:200px; height:200px;}
/* --------------border-------------------- */
.b-1 {
  border-style: solid;
  border-width: 1px;
}

/* --------------a-------------------- */

.deco-non {
  text-decoration: none;
}

.list-non {
  list-style: none;
}

/* ----------------font-size------------------- */

.fs2 {
  font-size: 2px;
}

.fs4 {
  font-size: 4px;
}

.fs6 {
  font-size: 6px;
}

.fs8 {
  font-size: 8px;
}

.fs10 {
  font-size: 10px;
}

.fs12 {
  font-size: 12px;
}

.fs13 {
  font-size: 13px;
}

.fs14, .fsx1 {
  font-size: 14px;
}

.fs15, .fsx2 {
  font-size: 15px;
}

.fs16, .fsx3 {
  font-size: 16px;
}

.fs18, .fsx4 {
  font-size: 18px;
}

.fs20 {
  font-size: 20px;
}

.fs22 {
  font-size: 22px;
}

.fs24 {
  font-size: 24px;
}

.fs26 {
  font-size: 26px;
}

.fs28 {
  font-size: 28px;
}

.fs30 {
  font-size: 30px;
}

.fs32 {
  font-size: 32px;
}

.fs34 {
  font-size: 34px;
}

.fs36 {
  font-size: 36px;
}

.fs38 {
  font-size: 38px;
}

.fs40 {
  font-size: 40px;
}

.fs42 {
  font-size: 42px;
}


/* --------------font-weight----------------- */

.fw100 {
  font-weight: 100;
}

.fw200 {
  font-weight: 200;
}

.fw300 {
  font-weight: 300;
}

.fw400 {
  font-weight: 400;
}

.fw450 {
  font-weight: 450;
}

.fw500 {
  font-weight: 500;
}

.fw550 {
  font-weight: 550;
}

.fw600 {
  font-weight: 600;
}

.fw650 {
  font-weight: 650;
}

/* --------------margin-------------------- */
.margin-3 {
  margin: 3px;
}

.margin-5 {
  margin: 5px;
}

.margin-10 {
  margin: 10px;
}

.margin-15 {
  margin: 15px;
}

.margin-20 {
  margin: 20px;
}

.margin-25 {
  margin: 25px;
}

.margin-30 {
  margin: 30px;
}

.margin-top-5 {
  margin-top: 5px;
}

.margin-top-10 {
  margin-top: 10px;
}

.margin-top-15 {
  margin-top: 15px;
}

.margin-top-20 {
  margin-top: 20px;
}

.margin-top-25 {
  margin-top: 25px;
}

.margin-top-30 {
  margin-top: 30px;
}

.margin-bottom-5 {
  margin-bottom: 5px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.margin-bottom-15 {
  margin-bottom: 15px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.margin-bottom-25 {
  margin-bottom: 25px;
}

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

.margin-x-5 {
  margin-left: 5px;
  margin-right: 5px;
}

.margin-x-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.margin-x-15 {
  margin-left: 15px;
  margin-right: 15px;
}

.margin-x-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.margin-x-25 {
  margin-left: 25px;
  margin-right: 25px;
}

.margin-x-30 {
  margin-left: 30px;
  margin-right: 30px;
}

.margin-x-50 {
  margin-left: 50px;
  margin-right: 50px;
}

.margin-x-100 {
  margin-left: 100px;
  margin-right: 100px;
}

.margin-y-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.margin-y-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.margin-y-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.margin-y-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.margin-y-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.margin-y-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.margin-y-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.margin-y-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

/* --------------padding-------------------- */
.p0 {
  padding: 0%;
}

.p3 {
  padding: 3px;
}

.p5 {
  padding: 5px;
}

.p10 {
  padding: 10px;
}

.p15 {
  padding: 15px;
}

.p20 {
  padding: 20px;
}

.p25 {
  padding: 25px;
}

.p30 {
  padding: 30px;
}

.pt5 {
  padding-top: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pt25 {
  padding-top: 25px;
}

.pt30 {
  padding-top: 30px;
}

.pb5 {
  padding-bottom: 5px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb25 {
  padding-bottom: 25px;
}

.pb30 {
  padding-bottom: 30px;
}

.px0 {
  padding-left: 0%;
  padding-right: 0%;
}

.px3 {
  padding-left: 3px;
  padding-right: 3px;
}

.px5 {
  padding-left: 5px;
  padding-right: 5px;
}

.px10 {
  padding-left: 10px;
  padding-right: 10px;
}

.px15 {
  padding-left: 15px;
  padding-right: 15px;
}

.px20 {
  padding-left: 20px;
  padding-right: 20px;
}

.px25 {
  padding-left: 25px;
  padding-right: 25px;
}

.px30 {
  padding-left: 30px;
  padding-right: 30px;
}

.py0 {
  padding-top: 0%;
  padding-bottom: 0%;
}


.py3 {
  padding-top: 3px;
  padding-bottom: 3px;
}

.py5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.py10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.py15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.py20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.py25 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.py30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

/* ---------------------border-curve---------------------- */
.br-3 {
  border-radius: 3px;
}

.br-5 {
  border-radius: 5px;
}

.br-7 {
  border-radius: 7px;
}

.br-10 {
  border-radius: 10px;
}

.br-15 {
  border-radius: 15px;
}

.br-20 {
  border-radius: 20px;
}

.br-20-up {
  border-start-start-radius: 20px;
}

.br-25 {
  border-radius: 25px;
}

.br-30 {
  border-radius: 30px;
}

.br-35 {
  border-radius: 35px;
}

.br-40 {
  border-radius: 40px;
}

.br-45 {
  border-radius: 45px;
}

.br-50 {
  border-radius: 50%;
}

.br-top-5 {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.br-top-10 {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.br-0111-10{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/* ------------------------------------------------ */

.box-shadow-1 {
  box-shadow: 0 4px 8px 0 #00000033, 0 6px 20px 0 #00000030;
}

/* ------------------------------------------------ */

.tbl {
  border: 1px solid #424242;
}

.b1-b {
  border: 1px solid #133970;
}

.b2-b {
  border: 2px solid #133970;
}

.b3-b {
  border: 3px solid #133970;
}

.b5-b {
  border: 5px solid #133970;
}

.b1-o {
  border: 1px solid #ffac4d;
}

.b2-o {
  border: 2px solid #ffac4d;
}

.b3-o {
  border: 3px solid #ffac4d;
}

.b5-o {
  border: 5px solid #ffac4d;
}

.b1-n {
  border: 1px solid #d9d9d9;
}

.b2-n {
  border: 2px solid #d9d9d9;
}

.b3-n {
  border: 3px solid #d9d9d9;
}

.bb1-b {
  border-bottom: 1px solid #133970;
}

.bb1-o {
  border-bottom: 1px solid #ffac4d;
}

.bb1-n {
  border-bottom: 1px solid #d9d9d9;
}
/* ------------------------------------------------ */

.ar-1 {
  aspect-ratio: 1;
}

/* ------------------------------------------------ */
.btn-0 {
  border-radius: 5px;
  padding: 2px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
}

.btn-1 {
  border-radius: 5px;
  padding: 5px 7px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;
}

.btn-x {
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
}

/* ------------------------------------------------ */

.ff1 {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  
}

.ff2 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  
}

.ff3 {
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.ff4 {
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

.ff5 {
  font-family: 'Courier New', Courier, monospace;
}

.ff6 {
  font-family: 'Times New Roman', Times, serif;
}

.ff7 {
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

.ff8 {
  font-family: Arial, Helvetica, sans-serif;
}

.ff9 {
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

.ff10 {
  font-family: Georgia, 'Times New Roman', Times, serif;
}

.ff11 {
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

.ff12 {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.ff13 {
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.ff14 {
  font-family: unset;
}

.ff15 {
  font-family: unset;
}


@media only screen and (min-width:250px) and (max-width:560px) {

  .fsx1 {
    font-size: 12px;
  }
  
  .fsx2 {
    font-size: 13px;
  }
  
  .fsx3 {
    font-size: 14px;
  }
  
  .fsx4 {
    font-size: 16px;
  }
  
}

.hidden-lt-1200{
  display: block;
}

@media (max-width:1200px) {
  .hidden-lt-1200{
    display: none;
  }
  
}

/* ------------------------------------------------ */