body {
    background: #091921;
    margin: 0px;
    font-family: 'Reggae One', cursive;
    width: 100%;
    }

* {
  box-sizing: border-box;
  max-width: 100%;
}

.gbody {
      display: flex;
      flex-direction: column;
      justify-content: center;
      justify-items: center;
}

a:-webkit-any-link {
    text-decoration: none;
    color: #0081fa;
    cursor: pointer;
    font-weight: bold;
    }
a:-webkit-any-link:hover{color:#bebebe}

body p {
    font-size: 15px;
    color: #bebebe;
    line-height: 2em;
    }

body h3 {
    background-color: #091921;
    padding: 10px 20px;
    color: #ffffff;
    display: block;
    margin: 0px 0 15px;
    border-bottom: 3px solid #122a35;
    border-right: 3px solid #0081fa;
    box-shadow: 0 3px 6px rgb(0 0 0 / 5%);
    box-shadow: inset 0 0 2px 2px rgb(0 0 0 / 63%);
    box-shadow: 0 15px 20px 0 rgb(0 0 0 / 37%);
    border-top: 1px solid #122a35;
    border-radius: 15px;
}

body h4 {
    background-color: #091921;
    padding: 10px 20px;
    color: #bebebe;
    display: block;
    margin: 0px 0 15px;
}

.footer {
  margin: 18px 0 0 0;
  padding: 0px 0px 4px 0px;
  text-align: center;
  background: linear-gradient(to left,#122a35,#091921);
}

.navbar {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}


.navbar a {
  color: #bebebe !important;
  padding: 14px 20px !important;
  text-decoration: none !important;
  text-align: center !important;
}

.navbar a:hover {
  color: #0081fa !important;
}


.row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  column-gap: 50px;
  row-gap: 20px;
}



.side {
  flex: 1;
  padding: 20px;
  margin: 0 auto;
  align-self: start;
  position: sticky;
  top: 45px;
}

@media screen and (max-width: 950px) {
  .row {
    flex-direction: column;
  }

}

@media screen and (min-width: 950px) {
  .badge {
      border-radius: 20px !important;
      border-top: 5px solid #122a35 !important;
      max-width: 370px !important;
  }
  .row {padding: 0px 50px;max-width: 1400px;margin: 0 auto 0 auto;}
  .main {
    margin: 20px auto 20px auto;
    border-radius: 20px;
    border-top: 5px solid #122a35;
    padding-top: 0px;

  }

  .BLOG_video_class { border-top-right-radius: 17px;border-top-left-radius: 17px; }

  .badge div a img {
    width: 90px !important;
}

  .badge div h3 {
  z-index: -1;
  border-radius: 20px !important;
  border-top: 0px solid #122a35;
  border-right: 0px;
  border-bottom: 1px solid #122a35;
  padding: 14px 12px;
  }
}

.gText{
	color:#02e2f0 !important;
	/* font-size: 15px !important; */
	/* font-weight: 1 !important; */
	text-shadow: 0 0 20px #02e2f0 !important;
	background: #09192100 !important;
}


.BLOG_video_class {border:#122a35;border-bottom: 2px solid #122a35;}

.main, side {
    box-shadow: 0px 0px 20px 0px rgb(255 255 255 / 10%), 6px 6px 20px 0px rgb(0 0 0 / 80%) !important;
    /* box-shadow: 0 15px 20px 0 rgb(0 0 0 / 37%); */
}

.badge {

/* box-shadow: 0 15px 20px 0 rgb(0 0 0 / 37%); */

border: 1px solid #122a35;

border-radius: 15px;

max-width: 610px;

margin: auto;

box-shadow: 0px 0px 20px 0px rgb(255 255 255 / 10%), 6px 6px 20px 0px rgb(0 0 0 / 80%) !important;
}

.badge .new a img {
  width: 30%;
}

.badge div a {
  padding: 0 15px 0 0px;
}

.badge div a div {
  display:flex;
  row-gap: 8px;
  column-gap: 8px;
  padding: 10px;
}

.sticky-bar {

padding: 0px 0px 8px 0px;

background: #091921;

border: 1px solid #122a35;

height: 50px;

border-bottom-left-radius: 20px;

border-bottom-right-radius: 20px;

margin: 0px 0px 8px 0px;

position: sticky;

top: 0px;

z-index: 4;

align-self: start;

box-shadow: -5px -5px 8px 0px rgb(255 255 255 / 10%), 5px 5px 15px rgb(0 0 0 / 80%) !important;

display: flex;

flex-direction: row;

max-width: 1400px;

margin: 0px auto;
}

.footer::before {
  content: '';
  display: block;
  background: linear-gradient(to left,#0081fa,#02e2f0);
  height: 1.5px;
  margin-bottom: 10px;
}

body::before , body::after {
    content: '';
    display: block;
    background: linear-gradient(to left,#0081fa,#02e2f0);
    height: 1.5px;
}

.sticky-bar .ic-back {transform: scaleX(-1);width: 30px;margin: 9px 15px -3px 20px;}

.sticky-bar h1 {

color: #fff;

margin: 4px auto 10px auto;
}

.ic-search {width: 30px;margin: 12px 20px 0px 15px;}

.scroll-top {
    background-color: #122a35;
    width: 38px;
    height: 50px;
    text-align: center;
    border-radius: 100px;
    color: #dddddd;
    border: 1px solid #02e2f0;
    cursor: pointer;
    position: relative;
    top: -35px;
}

.scroll-top img {

width: 35px;
}
.sticky-bar .a-h {

margin: 0 auto;
}

.main {
  flex: 2;
  /* box-shadow: 0 15px 20px 0 rgb(0 0 0 / 37%); */
  border: 1px solid #122a35;
  max-width: 750px;
  margin: 0 auto;
  width: 100%;
}

.badge {

/* box-shadow: 0 15px 20px 0 rgb(0 0 0 / 37%); */

border: 1px solid #122a35;

border-radius: 15px;

max-width: 610px;

margin: auto;

box-shadow: 0px 0px 20px 0px rgb(255 255 255 / 10%), 6px 6px 20px 0px rgb(0 0 0 / 80%) !important;

background: #091921;
}

.scroll-top {
    background-color: #122a35;
    width: 38px;
    height: 50px;
    text-align: center;
    border-radius: 100px;
    color: #dddddd;
    border: 1px solid #02e2f0;
    cursor: pointer;
    position: relative;
    top: -35px;
    padding: 0px;
}

.scroll-top img {

width: 30px;
}
.sticky-bar .a-h {

margin: 0 auto;

}

html {
  scroll-behavior: smooth;
}