*{margin:0px; padding:0px;}
html{
   scroll-behavior:smooth;
}
body{font-family: 'Poppins', sans-serif;}
.body_main{width:100%; height:600px; background-image:linear-gradient(to right top, #386bde, #386bde, #386bde, #2eebc2, #38eebe);}
.nav_sde {
    background: none;
    border: none;
    position: relative;
}
.section1{display:inline-block;}
li.active.cl_act {
    border-bottom: 2px solid #fff;
}
.cl_lr {
    color: #fff;
    font-weight: 800;
}
a.cl_lr:hover{background:none !important; color:#fff;}
.logo_main {
    position: absolute;
    width: 120px;
}
.nav_side {
    margin-top: 19px;
	
}
.m_pq {
    margin-top: 50px;
}
.l_text {
    padding: 8px;
    margin-top: 46px;
}
.te_style {
    font-size: 46px;
    color: #fff;
    font-weight: 800;
}
.li_img {
    width: 90%;
    float: right;
}
.ani_img{position:relative;}

/*----------- icon top to bottom shake css -------------*/
.st_one {
    position: absolute;
    left: 146px;
    top: 25px;
}
.st_two {
    position: absolute;
    left: 238px;
    top: -12px;
}
.st_three {
    position: absolute;
    left: 329px;
    top: 50px;
}
.st_four {
    position: absolute;
    left: 418px;
    top: 31px;
}
.st_five {
    position: absolute;
    left: 498px;
    top: 123px;
}

.sin_clar {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
.sin_clar {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-25px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-25px); }
}

.sin_clas {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
.sin_clas {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

.po_na {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
.po_na {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
} 

.second_crow {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
.second_crow {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

.shap_left {
    -webkit-animation: moverS 1s infinite  alternate;
    animation: moverS 1s infinite  alternate;
}
.shap_left {
    -webkit-animation: moverS 1s infinite  alternate;
    animation: moverS 1s infinite  alternate;
}
@-webkit-keyframes moverS {
    0% { transform: translateX(0); }
    100% { transform: translateX(-15px); }
}
@keyframes moverS {
    0% { transform: translateX(0); }
    100% { transform: translateX(-15px); }
}

.fead_back {
    -webkit-animation: moverS 1s infinite  alternate;
    animation: moverS 1s infinite  alternate;
}
.fead_back {
    -webkit-animation: moverS 1s infinite  alternate;
    animation: moverS 1s infinite  alternate;
}
@-webkit-keyframes moverS {
    0% { transform: translateX(0); }
    100% { transform: translateX(-15px); }
}
@keyframes moverS {
    0% { transform: translateX(0); }
    100% { transform: translateX(-15px); }
}




/*----------- icon top to bottom shake css end -------------*/

/*--------------------- bg scroll city image ------------------*/

.scroll_bg {
    background: #fafafa;
    height: 460px;
    background-position: bottom;
    width: 100%;
    padding: 8px;
    background-image: url(city_bg.png) !important;
    background-repeat: no-repeat;
}

/*----------------- bg scroll city css end -------------------*/

/*-------------- mobile navbar css --------------*/
.nab_mob {
    padding: 8px;
    background: #fff;
    border: none;
}
icon-bar {
    background: #fff !important;
}
.togg_le {
    background: #396cdf;
    border: none;
}
.nav-mob.active.nav_mob {
    background: #f90;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #386bde;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #386bde;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #fff;
    background-color: #386bde;
}
.l_crow{position:relative; padding:8px;}
.first_crow {
    width: 90%;
}
.po_na {
    position: absolute;
    left: 118px;
    top: 160px;
    width: 323px;
}
.second_box {
    background: #fafafa;
}
.te_f4 {
    margin-top: 77px;
    font-weight: 600;
    color: #386bde;
}

.lar_ge {
    width: 80%;
    font-size: 39px;
    font-weight: 800;
}
.lar_gw {
    width: 100%;
    font-size: 45px;
    font-weight: 800;
    line-height: 49px;
}
.sam_text {
    font-weight: 600;
    color: #809ee2;
}
.te_f5 {
    margin-top: 77px;
    font-weight: 600;
    color: #386bde;
    text-align: right;
	text-transform:uppercase;
}
.te_f6 {
    margin-top: 105px;
    font-weight: 600;
    color: #3389e8;
}
.nor_texr{text-align:right;}
.lar_gr {
    width: 100%;
    font-size: 39px;
    font-weight: 800;
   text-align: right;
}
.sam_texr {
    font-weight: 600;
    color: #809ee2;
   text-align: right;
}
.second_crow {
    width: 90%;
    float: right;
	opacity:0.8;
}
.shap_left {
    width: 173px;
    top: -34px;
    right: 0;
    position: absolute;
}
.fl_crow {
    float: right;
}
.rating_st {
    width: 26%;
    position: absolute;
    top: 229px;
    right: 111px;
}
.la_footer {
    clear: both;
    background: #7d4ce3;
    width: 100%;
    padding: 8px;
    height: 56px;
}
.te_copy {
    text-align: center;
    line-height: 44px;
    color: #fff;
}


/*------------ scroll top ---------------*/
#butt_on {
  display: inline-block;
  background-color: #3389e8;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
.scrll_top {
    width: 50px;
}
#butt_on::after {
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#butt_on:hover {
  cursor: pointer;
  background-color: #333;
}
#butt_on:active {
  background-color: #555;
}
#butt_on.show {
  opacity: 1;
  visibility: visible;
}



@media screen and (min-width:320px) and (max-width:767px) {
   .lo_mob {
    margin-top: -23px;
    width: 73px;
}
.bor_dr {
    border: none;
}
	
}