@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');
body {
/*  background-color: #95c2de;*/
}
body {
  background-position: center!important;
  -webkit-background-position: center;
  -moz-background-position: center;
  -o-background-position: center;
  
  background-repeat: no-repeat!important;
  -webkit-background-repeat: no-repeat;
  -moz-background-repeat: no-repeat;
  -o-background-repeat: no-repeat;
  
  background-attachment: fixed!important;
  -webkit-background-attachment: fixed;
  -moz-background-attachment: fixed;
  -o-background-attachment: fixed;
  
  background-size: cover!important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
    

    overflow-x: hidden;
}
.mainbox {
/*  background-color: #95c2de;*/
  margin: auto;
  height: auto;
  width: 600px;
  position: relative;text-align: center;
}

/*
  .err {
    color: #ffffff;
   font-family: 'Manrope', sans-serif;
    font-size:100px;
    position:absolute;
    left: 20%;
    top: 70px;
  }

.far {
  position: absolute;
  font-size: 8.5rem;
  left: 42%;
  top: 15%;
  color: #ffffff;
}

 .err2 {
    color: #ffffff;
  font-family: 'Manrope', sans-serif;
    font-size: 100px;
    position:absolute;
    left: 68%;
    top: 70px;
  }

.msg {
    text-align: center;
    font-family: 'Manrope', sans-serif;
    font-size: 50px;
    position:absolute;
    left: 16%;
    top: 45%;
    width: 75%;
  }
*/

  .err {
    color: #ffffff;
   font-family: 'Manrope', sans-serif;
    font-size: 11rem;
    position:absolute;
    left: 20%;
    top: 8%;
  }

.far {
  position: absolute;
  font-size: 8.5rem;
  left: 42%;
  top: 15%;
  color: #ffffff;
}

 .err2 {
    color: #ffffff;
  font-family: 'Manrope', sans-serif;
    font-size: 11rem;
    position:absolute;
    left: 68%;
    top: 8%;
  }

.msg {
    text-align: center;
    font-family: 'Manrope', sans-serif;
    font-size: 50px;
    position:absolute;
    left: 16%;
    top: 45%;
    width: 75%;
  }
a {
  text-decoration: none;
  color: white;
}

a:hover {
  text-decoration: underline;
}

.ml2 {
  font-weight: 600;
  font-size: 27px;   
  position: relative;
  top:0px;
  font-family: 'Manrope', sans-serif;
  text-shadow: 0 0 10px #363636;
}
.ml2_color_1{
  color: #d8f1fb;
}
.ml2_color_2{
  color: #ffb69e;
}
.ml2_color_3{
  color: #ffffff;
}
.ml2_color_4{
  color: #faf2ff;
}
.ml2_color_5{
  color: #ffe5ee;
}

.ml2 .letter {
  display: inline-block;
  line-height: 1em;
    font-family: 'Manrope', sans-serif;
}
.icn_ques{  
    
    position: relative;
   margin-top: 100px;
    font-size: 7em !important;
    color: #fff;
    left: 20px;}
.top_pos{position: relative;
top: 25px;}

.btn_home{   
    position: relative;
    top: 20px;
       width: auto;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 500;
}
.btn_home_bg1{
  color: #0d587c;
  background: #d8f1fb;
}
.btn_home_bg2{
  color: #ed4b06;
    background: #ffb69e;
}
.btn_home_bg3{
  color: #040bd2;
  background: #dbe7ff;
}
.btn_home_bg4{
  color: #7547fd;
  background: #f1edff;
}
.btn_home_bg5{
  color: #a52c9f;
  background: #ffc7da; 
}


.navbar-right{   position: absolute;
    right: 15px;}
header.sticky {
    text-align: center;
    position: fixed;
    font-size: 24px;
    line-height: 27px;
    height: auto;
    background: #000;
    width: 100%;
}
/*.icn_logo{   height: 65px;}*/
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: rgb(255 255 255 / 90%);
    border-bottom: 1px solid #fff;
}
.navbar-light .navbar-nav .nav-link {
    color: rgb(255 255 255);
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgb(255 255 255);
}
.bg_nav{    background: #00000038;    padding: 0 15px;}
@media(max-width:787px){
    .top_pos {top: 50px;
}
    .ml2 {
  font-weight: 600;
        font-size: 28px;}

.mainbox {
            width: 100%;
}
    .navbar-right {
    position: relative;
    right: 0;
}
    .error-container > span.four:before {
   width: 24px !important;
    height: 90px!important;
    left: 36px!important;
    bottom: -21px!important;}
    .error-container > span.zero:after {
   
    width: 60px!important;
    height: 60px!important;
    left: 21px!important;
    bottom: 20px!important;
}
    .img_fav {
    top: 28px!important;
    left: 28px!important;
}
    .pulse {
    width: 45px!important;
        height: 45px!important;}
    .error-container > span.four:after {
    width: 82px!important;
    height: 24px!important;
    transform: rotate(
-49.5deg)!important;
    left: -12px!important;
        bottom: 25px!important;}
    .error-container > span.four {
    width: 77px!important;
    height: 24px!important;
    bottom: -45px!important;}
    .error-container > span.zero {
    width: 100px!important;
    height: 100px!important;
              margin-left: 15px!important;
    margin-right: 15px!important;
}
    .error-container > span.zero:after {
    width: 60px!important;
    height: 60px!important;
    left: 21px!important;
    bottom: 20px!important;
  }
    .error-container {display: inline-flex;}

}
.navbar-light .navbar-toggler {
    color: #fff;
    border-color: rgb(255 255 255);
    background: #ffffffe0;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*---------------------*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Catamaran:400,800');
.error-container {
  text-align: center;
  font-size: 106px;
  font-family: 'Catamaran', sans-serif;
  font-weight: 800;
  margin: 50px 15px 25px;
}
.error-container > span {
  display: inline-block;
  position: relative;
}
.error-container > span.four {
  width: 136px;
  height: 43px;
  border-radius: 999px;
}

.four_bg1{
  background:
    linear-gradient(140deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.07) 43%, transparent 44%, transparent 100%),
    linear-gradient(105deg, transparent 0%, transparent 40%, rgba(0, 0, 0, 0.06) 41%, rgba(0, 0, 0, 0.07) 76%, transparent 77%, transparent 100%),
    linear-gradient(to right, #9ee4ff, #a0def6);
}
.four_bg1:before{
  background:
  linear-gradient(128deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.07) 40%, transparent 41%, transparent 100%),
  linear-gradient(116deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.07) 50%, transparent 51%, transparent 100%),
  linear-gradient(to right, #9ee4ff, #e3f5f5, #d6f0f7, #d0f1fd, #a0def6);
}
.four_bg1:after{
  background: linear-gradient(to right, #9ee4ff, #e3f5f5, #d6f0f7, #d0f1fd, #a0def6);
}

.four_bg2{
  background:
  linear-gradient(140deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.07) 43%, transparent 44%, transparent 100%),
  linear-gradient(105deg, transparent 0%, transparent 40%, rgba(0, 0, 0, 0.06) 41%, rgba(0, 0, 0, 0.07) 76%, transparent 77%, transparent 100%),
  linear-gradient(to right, #f4713b, #f16428);
}
.four_bg2:before{
  background:
    linear-gradient(128deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.07) 40%, transparent 41%, transparent 100%),
    linear-gradient(116deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.07) 50%, transparent 51%, transparent 100%),
   linear-gradient(to right, #f4713b, #f67946, #ffa98d, #fb8f6c, #f16428);
}
.four_bg2:after{
 background: linear-gradient(to right, #f4713b, #f67946, #ffa98d, #fb8f6c, #f16428);
}
.four_bg3{
  background:
  linear-gradient(140deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.07) 43%, transparent 44%, transparent 100%),
  linear-gradient(105deg, transparent 0%, transparent 40%, rgba(0, 0, 0, 0.06) 41%, rgba(0, 0, 0, 0.07) 76%, transparent 77%, transparent 100%),
  linear-gradient(to right, #060ef3, #030acb);
}
.four_bg3:before{
  background:
  linear-gradient(128deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.07) 40%, transparent 41%, transparent 100%),
  linear-gradient(116deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.07) 50%, transparent 51%, transparent 100%),
 linear-gradient(to right, #060ef3, #5360d7, #9db6e3, #151cb5, #030acb);
}
.four_bg3:after{
   background: linear-gradient(to right, #060ef3, #5360d7, #9db6e3, #151cb5, #030acb);
}
.four_bg4{
  background:
  linear-gradient(140deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.07) 43%, transparent 44%, transparent 100%),
  linear-gradient(105deg, transparent 0%, transparent 40%, rgba(0, 0, 0, 0.06) 41%, rgba(0, 0, 0, 0.07) 76%, transparent 77%, transparent 100%),
linear-gradient(to right, #784efe, #7a4dfe);
}
.four_bg4:before{
  background:
  linear-gradient(128deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.07) 40%, transparent 41%, transparent 100%),
  linear-gradient(116deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.07) 50%, transparent 51%, transparent 100%),
linear-gradient(to right, #784efe, #8053fe, #bfabff, #7d51ff, #7a4dfe);
}
.four_bg4:after{
   background: linear-gradient(to right, #784efe, #8053fe, #bfabff, #7d51ff, #7a4dfe);
}
.four_bg5{
  background:
  linear-gradient(140deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.07) 43%, transparent 44%, transparent 100%),
  linear-gradient(105deg, transparent 0%, transparent 40%, rgba(0, 0, 0, 0.06) 41%, rgba(0, 0, 0, 0.07) 76%, transparent 77%, transparent 100%),
 linear-gradient(to right, #c35d7f, #8f577c);
}
.four_bg5:before{
  background:
    linear-gradient(128deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.07) 40%, transparent 41%, transparent 100%),
    linear-gradient(116deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.07) 50%, transparent 51%, transparent 100%),
   linear-gradient(to right, #c35d7f, #c25d7f, #e6638f, #a16292, #8f577c);
}
.four_bg5:after{
   background: linear-gradient(to right, #c35d7f, #c25d7f, #e6638f, #a16292, #8f577c);
}
.error-container > span.four:before,
.error-container > span.four:after {
  content: '';
  display: block;
  position: absolute;
  border-radius: 999px;
}
.error-container > span.four:before {
  width: 43px;
  height: 156px;
  left: 60px;
  bottom: -43px;
}
.error-container > span.four:after {
  width: 137px;
  height: 43px;
  transform: rotate(-49.5deg);
  left: -18px;
  bottom: 36px;

/*  background: linear-gradient(to right, #99749D, #B895AB, #CC9AA6, #D7969E, #E0787F);*/
}

.error-container > span.zero {
  vertical-align: text-top;
  width: 156px;
  height: 156px;
  border-radius: 999px;
  overflow: hidden;
  animation: bgshadow 5s infinite;
}

.zero_bg1{
  background: linear-gradient(-45deg, transparent 0%, rgba(0, 0, 0, 0.06) 50%,  transparent 51%, transparent 100%),
  linear-gradient(to right, #9ee4ff, #e3f5f5, #d6f0f7, #d0f1fd, #a0def6);
}
.zero_bg2{
  background: linear-gradient(-45deg, transparent 0%, rgba(0, 0, 0, 0.06) 50%,  transparent 51%, transparent 100%),
  linear-gradient(to right, #f4713b, #f67946, #ffa98d, #fb8f6c, #f16428);
}
.zero_bg3{
  background: linear-gradient(-45deg, transparent 0%, rgba(0, 0, 0, 0.06) 50%,  transparent 51%, transparent 100%),
  linear-gradient(to right, #060ef3, #5360d7, #9db6e3, #151cb5, #030acb);
}
.zero_bg4{
  background: linear-gradient(-45deg, transparent 0%, rgba(0, 0, 0, 0.06) 50%,  transparent 51%, transparent 100%),
  linear-gradient(to right, #784efe, #8053fe, #bfabff, #7d51ff, #7a4dfe);
}
.zero_bg5{
  background: linear-gradient(-45deg, transparent 0%, rgba(0, 0, 0, 0.06) 50%,  transparent 51%, transparent 100%),
  linear-gradient(to right, #c35d7f, #c25d7f, #e6638f, #a16292, #8f577c);
}

.error-container > span.zero:before {
  content: '';
  display: block;
  position: absolute;
  transform: rotate(45deg);
  width: 90px;
 
    height: 75px;
    background-color: transparent;
    left: 3px;
    bottom: 15px;
  background:
    linear-gradient(95deg, transparent 0%, transparent 8%, rgba(0, 0, 0, 0.07) 9%, transparent 50%, transparent 100%),
    linear-gradient(85deg, transparent 0%, transparent 19%, rgba(0, 0, 0, 0.05) 20%, rgba(0, 0, 0, 0.07) 91%, transparent 92%, transparent 100%);
}
.error-container > span.zero:after {
  content: '';
  display: block;
  position: absolute;
  border-radius: 999px;
  width: 70px;
  height: 70px;
  left: 43px;
  bottom: 43px;
  background: #FDFAF5;
  box-shadow: -2px 2px 2px 0px rgba(0, 0, 0, 0.1);
}

.screen-reader-text {
    position: absolute;
    top: -9999em;
    left: -9999em;
}
    
@keyframes bgshadow {
  0% {
    box-shadow: inset -160px 160px 0px 5px rgba(0, 0, 0, 0.4);
  }
  45% {
    box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
  }
  55% {
    box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
  }
  100% {
    box-shadow: inset 160px -160px 0px 5px rgba(0, 0, 0, 0.4);
  }
}
/*---------------------------*/

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

.img_fav{    width: 60px;
    z-index: 2;
       position: absolute;
    margin: auto;
    top: 50px;
    left: 50px;}

.pulse {
/*  margin:100px;*/
     display: block;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: #fbfbfb00;
    cursor: pointer;
    box-shadow: 0 0 0 rgb(192 220 63);
    animation: pulse 2s infinite;
}
.pulse:hover {
  animation: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgb(192 220 63);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgb(192 220 63);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgb(192 220 63);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgb(192 220 63);
    box-shadow: 0 0 0 0rgb(192 220 63);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
      box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
      box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}