html,body{
    height:100%;
}
*:focus{
    outline:none!important;
}
/* body::-webkit-scrollbar {
    display: none;
  } */
/* body{
    overflow: hidden;
} */

@font-face {
    font-family: Lauthan;
    src: url(../fonts/Lauthan.otf);
}
@font-face {
    font-family: Monda-Regular;
    src: url(../fonts/Monda-Regular.ttf);
}
@font-face {
    font-family: evolveThin;
    src: url(../fonts/MADE_Evolve_Sans_Thin.otf);
}
@font-face {
    font-family: evolveLight;
    src: url(../fonts/MADE_Evolve_Sans_Light.otf);
}
@font-face {
    font-family: evolveReguler;
    src: url(../fonts/MADE_Evolve_Sans_Regular.otf);
}
@font-face {
    font-family: evolveBold;
    src: url(../fonts/MADE_Evolve_Sans_Bold.otf);
}

/* loading */
#loader {
    /* Uncomment this to make it run! */
    /*
       animation: loader 5s linear infinite; 
    */
    
    position: absolute;
    z-index: 99999;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
  }
  @keyframes loader {
    0% { left: -100px }
    100% { left: 110%; }
  }
  #box {
    width: 50px;
    height: 50px;
    background: #fff;
    animation: animate .5s linear infinite;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
  }
  @keyframes animate {
    17% { border-bottom-right-radius: 3px; }
    25% { transform: translateY(9px) rotate(22.5deg); }
    50% {
      transform: translateY(18px) scale(1,.9) rotate(45deg) ;
      border-bottom-right-radius: 40px;
    }
    75% { transform: translateY(9px) rotate(67.5deg); }
    100% { transform: translateY(0) rotate(90deg); }
  } 
  #shadow { 
    width: 50px;
    height: 5px;
    background: #000;
    opacity: 0.1;
    position: absolute;
    top: 59px;
    left: 0;
    border-radius: 50%;
    animation: shadow .5s linear infinite;
  }
  @keyframes shadow {
    50% {
      transform: scale(1.2,1);
    }
  }
  
  
  .loading-1 {
    background: #55ca3b; 
    overflow: hidden;
    width:100%;
    height:100vh;
    position:fixed;
    z-index: 99999;
  }
/* loading */

/* loading ke 2 */
.sk-chase {
    width: 40px;
    height: 40px;
    position: relative;
    animation: sk-chase 2.5s infinite linear both;
  }
  
  .sk-chase-dot {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; 
    animation: sk-chase-dot 2.0s infinite ease-in-out both; 
  }
  
  .sk-chase-dot:before {
    content: '';
    display: block;
    width: 25%;
    height: 25%;
    background-color: #00D450;
    border-radius: 100%;
    animation: sk-chase-dot-before 2.0s infinite ease-in-out both; 
  }
  
  .sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
  .sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
  .sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
  .sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
  .sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
  .sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
  .sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
  .sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
  .sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
  .sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
  .sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
  .sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }
  
  @keyframes sk-chase {
    100% { transform: rotate(360deg); } 
  }
  
  @keyframes sk-chase-dot {
    80%, 100% { transform: rotate(360deg); } 
  }
  
  @keyframes sk-chase-dot-before {
    50% {
      transform: scale(0.4); 
    } 100%, 0% {
      transform: scale(1.0); 
    } 
  }
/* loading ke 2 */
.loadingBase{
    visibility: hidden;
    opacity: 0;
    display:flex!important;
    width:100%!important;
    position:fixed;
    height:100%;
    top:0px;
    align-items:center;
    justify-content: center;
    z-index: 12000;
    background:#fff;
    transition: visibility 0.5s, opacity 0.5s linear;
}
.loadingBase.active{
    visibility: visible;
    opacity: 1;
    z-index: 12000;
    display:flex!important;
    transition: visibility 0.5s, opacity 0.5s linear!important;
}
.loadingBase-1{
    position:absolute;
    bottom:50px;
}
.loadingBackground{
    background:#fff;
}

p{
    font-family:evolveThin;
    font-size:1.1rem;
}

.content-36 > ul li::before {
    content: "\f192";
    font-family: FontAwesome;
    margin-right:7.5px;
    color:#00D450;
  }

.spinner-border.white{
    border:.25em solid #fff;
}

.navbar-1{
    background-color:transparent;
    /* transition:background-color 0.2s linear; */
    padding:10px 0px;
}
.navbar-1.active{
    background-color:#fff;
    /* transition:background-color 0.2s linear; */
    padding:10px 0px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
}
.navbar-top{
    background-color:transparent;
    position:absolute;
    z-index:1000;
    width:100%;
}
.navbar-home{
    visibility: hidden;
    top:-80px;
    opacity: 0;
    transition: visibility 0.2s, opacity 0.1s, top 0.2s linear!important;
}
.navbar-home.active{
    visibility: visible;
    opacity: 1;
    transition: visibility 0.2s, opacity 0.1s, top 0.2s linear!important;
}
/* .loadingBase{
    visibility: hidden;
    opacity: 0;
    display:flex!important;
    width:100%!important;
    position:fixed;
    height:100%;
    align-items:center;
    justify-content: center;
    z-index: 10000;
    background:#fff;
    transition: visibility 0.5s, opacity 0.5s linear;
}
.loadingBase.active{
    visibility: visible;
    opacity: 1;
    display:flex!important;
    transition: visibility 0.5s, opacity 0.5s linear!important;
} */

.navbar-1.active .navbar-2 > .nav-item > .nav-link{
    color:#000;
    transition:0.2s all ease-in;
}
.navbar-blog{
    background-color:#fff;
    transition:0.2s all ease-out;
    padding:10px 0px;
    border-bottom:1px solid #d4d4d4;
}
.navbar-blog.active{
    background-color:#fff;
    transition:0.2s all ease-in;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
    border-bottom:1px solid transparent;
}
.navbar-blog.active .navbar-2 > .nav-item > .nav-link{
    color:#000;
    transition:0.2s all ease-in;
}
.navbar-blog .navbar-2 > .nav-item > .nav-link.active{
    color:#00D450;
    border-bottom:2px solid #00D450;
}
.navbar-blog .navbar-2 > .nav-item > .nav-link{
    color:#000;
    transition:0.2s all ease-in;
}
.nav-link{
    border-bottom:2px solid transparent;
}
.navbar-1.active .navbar-2 > .nav-item > .nav-link.active{
    border-bottom:2px solid #00D450;
    color:#00D450;
}
.navbar-1.active .navbar-2 > .nav-item > .nav-link:active{
    color:#00D450;
}    
*:focus {
    outline: none;
    box-shadow: none;
  }
.navbar-1 .navbar-2 > .nav-item > .nav-link.active{
    border-bottom:2px solid transparent;
    color:#fff;
}

.navbar-2 > .nav-item > .nav-link{
    color:#fff;
    margin-left:15px;
    margin-right:15px;
    font-family: Monda-Regular;
    font-size:0.8rem;
    transition:0.2s all ease-out;
}
.navbar-3 > img{
    width:50%;
    transition: 0.3s all;
    padding:0px!important;
}
.navbar-brand{
    padding-top:0px;
    padding-bottom:0px;
}
.navbar-4{
    color:rgba(255, 255, 255, 0.5);
}
.navbar-5{
    position: fixed;
    z-index:9999;
    right:22.5px;
    top:45%;
}
.list-group-item {
    z-index: 2;
    color: rgba(255, 255, 255, 0.5);
    background-color: transparent;
    border-color: transparent;
    padding: 0px;
    font-size:0.8rem;
}
.list-group-item.active{
    background-color: transparent;
    border-color: transparent;
    color:#fff;
}
.blackColor{
    color: rgba(0, 0, 0, 0.5)!important;    
}
.blackColor.active{
    color: rgba(0, 0, 0, 1)!important;    
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-left:0px;
    padding-right:0px;
}
.navbar-expand-lg .navbar-nav .nav-link:hover{
    color:#00D450;
}
.navbar-expand-lg .navbar-nav .nav-link:focus{
    color:#00D450;
}
/* content 1 */
.content-1{
    width:100%;
    height:100vh;
    position:relative;
    background-image:linear-gradient(rgba(0, 0, 0, 0.3), rgb(0, 0, 0, 0.3)),url('../images/c1.png');
    background-size:cover;
    background-position: right center;
}
.content-11{
    display: flex;
    justify-content: center;
    align-items: center;
    height:100%;
    position: relative;
}
.content12 > h1{
    color:#fff;
    font-size:4rem;
    margin-bottom:35px;
    margin-top:150px;
}
.content12-1 > p {
    color:#fff;
    margin-bottom:35px;
}
.content12-1 > * {
    color:#fff!important;
    font-weight: 100;
    font-family: evolveThin;
    list-style-type:none;
    padding:0px;
}
.content12-1{
    margin-bottom:25px;
}
.content12 > .content13{
    border:2px solid #fff;
    color:#fff;
    padding:10px 25px;
    margin-top:50px;
}
.content13{
    margin-top:25px;
    padding:7.5px 50px;
    font-weight: bold;
}
.content13:hover{
    background:#fff;
    color:#00D450;
    border:2px solid #fff;
}
.content14{
    position:absolute;
    width:100%;
    height:100%;
}
.content15{
    width:7%;
    height:100%;
    background:rgba(100, 255, 135, 0.37);
    position:absolute;
    right:10%;
}
.content16{
    width:7%;
    height:100%;
    background:rgba(161, 202, 226, 0.3);
    position:absolute;
    right:17%;
}
.content17{
    width:7%;
    height:100%;
    background:rgba(40, 167, 69, 0.15);
    position:absolute;
    right:24%;
}
.content18{
    position:fixed;
    right:15px;
    bottom:30px;
    width:25px;
    z-index:9999;
    display:inline;
}
.content18.active{
    display:none;
}
.content19.active{
    display:none;
}
.content19{
    display:inline;
    position:fixed;
    right:15px;
    top:45px;
    width:25px;
    z-index:9999;
}

.container, .row{
    height:100%;
}

/* content 2 */
.content-2{
    width:100%;
    height:100vh;
    position:relative;
    background-image:url('../images/c2.png');
    background-size:cover;
    background-position: left;
    padding: 75px 0px;
}
.content-21{
    display: flex;
    justify-content: center;
    align-items: center;
    height:100%;
    position: relative;
}
.content-22{
    height: 130%;
    position: absolute;
    bottom:-175px;
    right:0px;
}
.content-23 > *{
    max-height:100%;
}
.content-24{
    font-family : Lauthan;
}
.content-24 > h1 {
    color:#fff;
    font-size:4rem;
    margin-top:150px;
    
}
.content-26{
    font-family:evolveLight;
    font-size:2.5rem;
}
.content-27{
    font-family:evolveBold;
    font-size:2.5rem;
}
.content-28{
    position:absolute;
}
.content-25{
    margin-bottom:40px;
}
.content-25-1{
    width:50%;
    margin:0 auto;
}
.content-29{
    width:30%;
    border:2px solid #000;
    margin-top:50px;
}
/* content 3 */
.content-3{
    width:100%;
    height:100vh;
    position:relative;
    background:url('../images/c4.png');
    background-size:cover;

}
.content-31{
    display: flex;
    justify-content: center;
    align-items: center;
    height:100%;
    position: relative;    
}
.content-32{
    width:40%;
    margin-bottom:60px;
}
.content-33{
    width:40%;
}
.content-34{
    width:100%;
}
.content-35{
    width:30%;
    border:2px solid #000;
    margin-top:60px;
}
.content-35-1{
    width:20%;
    border:1px solid #000;
    margin-top:60px;
}
.content-36 > *{
    font-family : evolveThin;
    list-style-type:none;
    color:#212529;
    padding-left:0px;
    margin-bottom:20px;
}
/* content 4 */
.content-4{
    width:100%;
    height:auto;
    min-height:100vh;
    position:relative; 
    background:url('../images/c7.png'); 
    background-size:cover;
    padding:100px 0px;
    padding-bottom:0px;
}
.content-41{
    margin-bottom:0px;
}
.content-42{
    font-family: evolveBold!important;
    font-size:2.5rem;
}
.content-43{

}
.content-44{
    width:100%;
    margin:0 auto;
}
.content-45{
    width:75%;
    margin:0 auto;
    margin-top:75px;
}
.content-46{
    position:absolute;
    bottom:0px;
    width:100%;
    background:rgba(0, 0, 0, 0.4);
    color:#fff;
    padding:10px;
}
.content-46 > p {
    margin-bottom:10px;
}
.content-47{
    color:#fff;
}
.content-49{
    font-size:0.9rem;
    font-weight: bold;
}
.content-410{
    font-size:0.7rem;
}
.owl-carousel .owl-nav .owl-prev:before{
    content: "\f053";
    margin-right:10px;
}
.owl-carousel .owl-nav .owl-next:after{
    content: "\f054";
    margin-right:10px;
}
.main-content {
    position: relative;
}
.main-content1 {
    position: relative;
}
.owl-prev {
    position:absolute;
    left: -300;
    top:0px;
}

.owl-next {
    right: 0;
}
.owl-theme {
}
.custom-nav {
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
}
.custom-nav1 {
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
}
.owl-next {
    position: absolute;
    height: 100px;
    color: inherit;
    background: none;
    border: none;
    z-index: 100;
    right:-150px;
    top:35px;
}
.owl-prev {
    position: absolute;
    height: 100px;
    color: inherit;
    background: none;
    border: none;
    z-index: 100;
    left:-150px;
    top:35px;
}
.owl-next:focus{
    outline:none;
}
.owl-prev:focus{
    outline:none;
}

.owl-prev i {
    font-size: 7rem;
    color: #cecece;
    font-weight: bold; 
}
.owl-next i {
    font-size: 7rem;
    color: #cecece;  
    font-weight: bold; 
    transition:0.1s all ease-out; 
}
.owl-next i:active, .owl-prev i:active, .owl-next i:focus, .owl-prev i:focus{
    color:#848484;
    transition:0.1s all ease-in;
}

/* content 5 */
.content-5{
    width:100%;
    height:auto;
    min-height:100vh;
    position:relative; 
    background:url('../images/c8.png'); 
    background-size:cover;
    background-position: center;
    padding:100px 0px;
    padding-top:0px;
}
.content-51{
    width:70%;
    margin:0 auto;
    margin-top:0px;
    margin-bottom:50px;
}
.content-52{
    box-shadow:0px 5px 15px rgba(0, 0, 0, 0.15);
    margin:25px;
    min-height: 400px;
    height: auto;
}
.content-52-1{
    min-height: 400px;
}
.content-53{
    padding:25px;
    padding-right:50px;
    min-height:350px;
}
.content-54{
    margin-bottom:40px;
}
.content-54 > a {
    color:#000;
    font-family:evolveLight;
}
.content-54 > a:hover {
    color:rgb(37, 37, 37);
    text-decoration: none;
}
.content-55{
    margin-top:25px;
    padding:0px;
    margin-bottom:25px;
    position: absolute;
    bottom: 0px;
    right: 50px;
    color:#00D450;
    transition: 0.1s all ease-out;
}
.content-55:hover{
    text-decoration: none;
    transition: 0.1s all ease-in;
    color:#34A61B;
}
.content-56{
    padding:0px;
}
.content-57{
    width:100%;
}
.img-wrapper-circle {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
}
.img-wrapper-circle-2 {
    width: 250px;
    height: 300px;
    position: relative;
    overflow: hidden;
    display: flex;
}
.img-wrapper-circle-3 {
    width: 100%;
    height: 200px;
    position: relative;
    overflow: hidden;
    display: flex;
}
.img-wrapper-circle-1 {
    width: 120px;
    height: 120px;
    position: relative;
    margin: 15px auto;
    overflow: hidden;
    border-radius: 50%;
    display: flex;
    justify-content: center;
}
.img-circle {
    position: absolute;
    border-radius: 0%!important;
    height: 100%;
    width:auto!important;
    left: -50%;
}
.img-circle-1 {
    position: absolute;
    border-radius: 0%!important;
    height:auto;
    width:100%!important;
}
.img-circle-2 {
    position: absolute;
    border-radius: 0%!important;
    width: 100%;
}

/* content 6 */
.content-6{
    width:100%;
    height:auto;
    position:relative; 
    background:linear-gradient(rgba(0, 0, 0, 0.8), rgb(0, 0, 0, 0.8)),url('../images/c11.png');
    background-size:cover;
    background-position: center;
    padding:35px 0px;
    padding-bottom:100px;
}
.content-61{
    width:200px;
    margin-bottom:50px;
}
.content-62{
    color:#fff;
    margin-bottom:25px;
    font-family:evolveBold!important;
}
.content-63{
    /* margin-top:35px; */
}
.content-63 > li {
    color:#fff;
    padding:3px 0px;
}
.content-63 > li > a {
    color:#fff;
    font-family:evolveLight;
    transition:0.1s all ease-out;
}
.content-63 > li > a:hover{
    transition:0.1s all ease-in;
    color:#00D450;
    text-decoration: none;
}
.content-64{
    margin-top:50px;
}
.list-inline-item{
    width:50px;
    margin-right:0px!important;
}
.content-65{
    width:100%;
}
.content-66{
    color:#fff;
}
.content-67{
    color:#fff;
    position:absolute;
    bottom:0px;
}
.content-68{
    width:40px;
    height:40px;
    background:#fff;
    border-radius:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom:20px;
    color:#34A61B;
}
.content-68 > i {
    font-size:1.2rem;
    transition:0.1s ease-out;
}
.content-68:hover > i{
    color:#fff;
    transition:0.1s ease-in;
    cursor: pointer;
}
.content-68:hover{
    transition:0.2s ease-in;
    background:#34A61B;
    cursor: pointer;
    text-decoration: none;
}
.img-circle-1{
    position: absolute;
    border-radius: 0%!important;
    width: 100%;
    top:-10px;
}
.blog-komentar-5{
    font-weight: bold;
}
.jq-icon-success{
    background:#00D450;
}
.btn-readmore{
    border:2px solid #000;
    color:#000;
    padding-left:50px;
    padding-right:50px;
    font-family:evolveLight;
    margin-top:15px;
}
.btn-readmore > .btn-aboutus{
    font-family:evolveBold;
}
/* .btn-readmore{
    border:2px solid #000;
    color:#000;
    padding-left:50px;
    padding-right:50px;
    font-family:evolveBold;
    margin-top:15px;
} */
.btn-readmore:hover{
    border:2px solid #00D450;
    color:#fff;
    background:#00D450;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
}
.page-not-found{
    display: flex;
    justify-content: center;
    align-items: center;
    height:100%;
}
.page-not-found1 > img{
    width:200px;
    margin-bottom:25px;
}
.page-not-found1 > p > b{
    font-family: evolveBold;
}
.page-not-found1 > p {
    margin-bottom:5px;
}
.pageNotFound{
    width: 100%;
    height: 100vh;
    position: relative;
    background-image: url(../images/c2.png);
    background-size: cover;
    background-position: left;
    padding: 75px 0px;
}
.about-data{
    padding-top:50px;
    background-image: url(../images/c2.png);
    background-attachment: fixed;
    background-size:cover;
    min-height:auto;
    padding-left:300px;
    padding-right:300px;
    padding-bottom:100px;
    text-align: justify;
}
.about-data > * > h5 {
    font-family: evolveReguler;
}
.about-data-2 > li{
    padding-left:15px;
    padding-right:15px;
}
.about-data-2 > li > a{
    color:#000;
    padding:10px 0px;
}
.about-data-2 > li > a.active{
    border-bottom:2px solid #000;
}
.about-data-1 > h3{
    font-family:evolveLight;
    margin-bottom:20px;
    margin-top:50px;
}
.about-data-3 > p {
    margin-bottom:0px;
}
.btn-download{
    color:#fff;
    border:2px solid #fff;
    margin-left:25px;
    padding:3px;
    padding-left: 15px;
    padding-right: 15px;
    font-family: evolveLight;
}
.btn-download:hover{
    background:#fff;
    color:#00D450;
}
.btn-download.active{
    color:#00D450;
    border:2px solid #00D450;
}
.btn-download.active:hover{
    background:#00D450;
    color:#fff;
}
.team-image{
    position:relative;
    width:auto;
}
.team-image:hover{
    cursor:pointer;
}
.onHoverTeam{
    position:absolute;
    top:-25px;
    left:-25px;
    z-index: 500;
    display:none;
    box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.25);
}
.onHoverTeam:hover{
    cursor:pointer;
}
.onHoverTeam > .card > .card-img-top {
    width:250px;
}
.onHoverTeam > .card{
    border:0px;
    border-radius:0px;
}
.imageTeam{
    position:relative;
    width:100%;
    z-index: 400;
}
.team-image-1{
    padding:10px;
}
.team-image-1 > h5{
    font-size:1rem;
    font-family:evolveBold;
    margin-bottom:0px;
}
.team-image-1 > p{
    font-size:0.8rem;
    font-family:evolveLight;
}
.our-team-data{
    width:75%;
    margin:0 auto;
    height:auto;
    padding-bottom:100px;
    position:relative;
    margin-top:50px;
}
.our-team-data-1 > *{
    padding:0px;
}
.our-team-data-1{
    display: flex;
    justify-content: center;
    align-items: center;
    height:100%;    
}
.our-team-data-2{
    margin-bottom:50px;
}
.our-team-data-2 > h5{
    margin-bottom:15px;
}
.our-team-data-2 > p{
    margin-bottom:5px;
}
.our-team-data-3 > li > a {
    color:#000;
}
.about-data-5{
    margin-bottom:5px;
    margin-top:35px;
}
.about-data-6{
    margin-top:20px;
}
.about-data-7{
    padding-left:0px;
    list-style-position: inside;
}
.about-data-7 > li{
    list-style-type: none;
    font-family: evolveThin;
    font-size: 1.1rem;
}
.about-data-7 > li::before {
    content: "\f192";
    font-family: FontAwesome;
    margin-right: 7.5px;
    color: #00D450;
}
.ulstyle{
    font-family:evolveThin;
    padding-left:15px;
    font-size: 1.1rem;
}
.about-data-8{
    width:75%;
    margin-bottom:50px;
}
.about-data-9{
    /* padding-left:25px; */
}
.about-data-9 > li{
    font-family: evolveThin;
}
.about-data-10{
    margin-top:35px;
    font-family:evolveBold!important;
}
.about-data-11{
    margin-top:50px;
    margin-bottom:10px;
    border-bottom:1px solid #000;
    width:10%;
}
.input-custom{
    border-radius:0px;
    background:#fff;
    border:1px solid #34A61B;
    font-family: evolveThin;
    height:45px;
}
label{
    font-family: evolveThin;
}
.button-green{
    background:#00D450;
    border: 2px solid #00D450;
    font-family: evolveBold;
    padding:7.5px 50px;
}
.button-green:hover{
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
}
.whatsapp-1{
    width:50px;
    height:50px;
    background:#00D450;
    color:#fff;
    position:fixed;
    bottom:15px;
    right:15px;
    z-index:1000;
    box-shadow:0px 0px 20px rgba(0, 0, 0, 0.25);
    border-radius:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.2s ease;
}
.whatsapp-1:hover{
    cursor:pointer;
    box-shadow:0px 0px 25px rgba(0, 0, 0, 0.35);
    transition: all 0.2s ease;
}
.whatsapp-1:hover > i {
    color:rgb(231, 231, 231);
}
.whatsapp-1 > i {
    font-size:1.5rem;
}
.menu-md{
    padding:15px;
}
.menu-md-1{
    padding:15px;
}
.menu-md > i{
    color:#fff;
    font-size:1.5rem;
}
.menu-md-1 > i{
    color:#00D450;
    font-size:1.5rem;
}
.menu-md-2{
    padding:0px;
    padding-right:15px;
}
.our-team-data.landingpage{
    width:75%!important;
}

/* nav mobile */
.nav-mobile{
    width:100%;
    height:100vh;
    position:fixed;
    z-index:10000;
    background:rgba(0, 212, 80, 0.95);
    display:none;
    top:0px;
}
.nav-mobile.active{
    display:block;
}
.nav-mobile-1 > li > a{
    color:#000;
    font-family:Monda-Regular;
    font-size:1.5rem;
}
.nav-mobile-1 > li > a.active{
    color:#fff;
    font-family:Monda-Regular;
    font-size:1.5rem;
    font-weight: bold;
}
.nav-mobile-2{
    width:100%;
    margin:0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    height:100vh;
    text-align:center;
}
.nav-mobile-3{
    position:absolute;
    top:0px;
    right:10px;
    padding:15px;
    font-size:1.75rem;
}
.nav-mobile-4{
    width:75%;
    margin:0 auto;
}
.nav-mobile-5{
    margin-top:50px;
}
.about-data-9{
    margin-bottom:35px;
}

/* privacy */
.privacy-1{
    text-transform: lowercase;
}
.privacy-2{
    margin-bottom:50px;
    margin-top:100px;
}
.privacy-font1{
    font-family:evolveBold!important;
}
.privacy-3 > li{
    font-family:evolveThin;
    font-size:1.1rem;
}

/* responsive */
@media only screen and (min-width: 1900px) {
    .content-22{
        height: 110%;
        position: absolute;
        bottom:-175px;
        right:-100px;
    }
}