.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    left: 40px;
    background-color: #86b817;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 9999;
}
.my-float {
    margin-top: 16px;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-whatsapp:before {
    content: "\f232";
}
.dropdown-item:hover{
    color: #1e2125;
    background-color: #86B817 !important;
}


.body {
    font-family: "Jost", sans-serif !important;
   
}
.t_family{font-family: "Jost", sans-serif !important;}


.body h1,h2,h3,h4,h5,h6,p,div{font-family: "Jost", sans-serif !important;}
/* .body p{color: #2c3e50 !important;}*/

#footer-tree {
    background: linear-gradient(rgba(20, 20, 31, .7), rgba(20, 20, 31, .7)), url(../img/tree2.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#footer-tree-new {
    background: linear-gradient(rgba(20, 20, 31, .7), rgba(20, 20, 31, .7)), url(../img/tree.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
#service-new{
    background: linear-gradient(rgba(20, 20, 31, .7), rgba(20, 20, 31, .7)), url(../img/tree3.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.hero-header-contact{background: linear-gradient(rgba(20, 20, 31, .7), rgba(20, 20, 31, .7)), url(../img/image-4.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.hero-header-safari{background: linear-gradient(rgba(20, 20, 31, .7), rgba(20, 20, 31, .7)), url(../img/image-5.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}

    .hero-header-gavi{background: linear-gradient(rgba(20, 20, 31, .7), rgba(20, 20, 31, .7)), url(../img/live/img-80.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}
    .hero-header-kerala{background: linear-gradient(rgba(20, 20, 31, .7), rgba(20, 20, 31, .7)), url(../img/image-7.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}
 .hero-header-sathram{background: linear-gradient(rgba(20, 20, 31, .7), rgba(20, 20, 31, .7)), url(../img/sathram/im-21.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}
     .hero-header-vagamon{background: linear-gradient(rgba(20, 20, 31, .7), rgba(20, 20, 31, .7)), url(../img/image-9.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}

    .hero-header-jeep{background: linear-gradient(rgba(20, 20, 31, .7), rgba(20, 20, 31, .7)), url(../img/image-10.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}



    .hero-header-ele{background: linear-gradient(rgba(20, 20, 31, .7), rgba(20, 20, 31, .7)), url(../img/image-11.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}
 .hero-header-nat{background: linear-gradient(rgba(20, 20, 31, .7), rgba(20, 20, 31, .7)), url(../img/nat.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}
     .hero-header-bam{background: linear-gradient(rgba(20, 20, 31, .7), rgba(20, 20, 31, .7)), url(../img/bam.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}
      .hero-header-boat{background: linear-gradient(rgba(20, 20, 31, .7), rgba(20, 20, 31, .7)), url(../img/bam.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}

  .hero-header-katha{background: linear-gradient(rgba(20, 20, 31, .7), rgba(20, 20, 31, .7)), url(../img/image-13.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}


      .hero-header-kalari{background: linear-gradient(rgba(20, 20, 31, .7), rgba(20, 20, 31, .7)), url(../img/image-15.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}

      .hero-header-gala{background: linear-gradient(rgba(20, 20, 31, .7), rgba(20, 20, 31, .7)), url(../img/image-3.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}

  #total-bg{background: linear-gradient(#fff, rgb(149 217 155 / 70%),#fff), url(../img/image-18.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}
      #total-bg-new{background: linear-gradient(#fff, rgb(149 217 155 / 70%),#fff), url(../img/image-20.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}


.back-ground{background-color:#586a4e;}
.safari-back{    background-color: #d9e7d55e;}
.jeep-safari{padding:13px 150px;line-height:3rem; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
.jeep-safari{padding:1px 1px !important; }
.portfolio-item .item{
  width:100% ;}
}