@font-face{
  font-family: "GothamRounded Medium";
  src: url('../new_font/GothamRounded-Medium.otf');
}
@font-face{
  font-family: "GothamRounded Book";
  src: url('../new_font/GothamRounded-Book.otf');
}
@font-face{
  font-family: "GothamRounded Light";
  src: url('../new_font/GothamRounded-Light.otf');
}

footer {
  color: #FFFFFF;
}

footer a{
  color: #FFFFFF !important;
  line-height: 6px;
  text-decoration: none;
}


.custom-bg-footer{

  padding: 3rem 7rem !important;
  /* height: 280px !important; */
  background-image: linear-gradient(#52c2c2, #9dcd6b);
  /* width: 60%; */
  height: auto
}
.n-bg-footer{
  background-image: url('../../files/images/footer/bg.svg');
  background-repeat: no-repeat;
  background-size: cover;
  padding: 90px 90px;
  padding-bottom: 30px !important;
}
.title-footer
{
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 33px;
  /* identical to box height */


  color: #FFFFFF;
}
.title-footer-menu
{
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 33px;
  /* identical to box height */


  color: #FFFFFF;
}
.body-footer{
  font-family: Open Sans;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 22px;

color: #FFFFFF;
}

.custom-bg-map{
  /* width: 40%; */

  /* height: 100%; */

  padding: 0px !important;
  margin: 0px !important;

}
.custom-map-footer{
    height: 452px !important;
  /* height: auto; */
  /* height: 100%; */
  /* padding: 200px; */
  /* margin: 50px 100px; */
}

.logo-footer{
  width: 80% !important;
}



@media screen and (max-width: 1292px) {
.n-bg-footer{
  padding: 60px 50px;
}

}

@media screen and (max-width: 1092px) {
  .n-bg-footer{
    padding: 50px 30px;
  }

}

@media screen and (max-width: 992px) {
  .logo-footer{
    width: 100% !important;
  }
}


.custom-position-img-footer{
  margin-bottom: 50px !important;
}

.text-footer-content div a{
  color: white;
  font-family: "GothamRounded Book";
  font-size: 14px;

}
.text-footer-title-right div{
  color: white;
  font-weight: 700;
  font-family: "GothamRounded Book";
  font-size: 16px;
}
.text-footer-content-right div{
  color: white;
  font-family: "GothamRounded Book";
  font-size: 14px;
}
.custom-alamat-position{
  margin-top : 50px;
}
.custom-alamat-position div{
font-size : 12px;
font-family: "GothamRounded Book";
color: white;
line-height: 20px;
padding-right:50px;
}
.custom-alamat-position div p{
font-size : 14px;
font-family: "GothamRounded Medium";
color: white;
font-weight: 900;
margin-bottom: -0px;
}

.subscribe{
  height: 35px !important;
  font-family: "GothamRounded Book";
}

a.hover08 #img-1{
  display: inline-block;
}
a.hover08 #img-2{
  display: none;
}
a.hover08:hover #img-1{
  display: none;
}
a.hover08:hover #img-2{
  display: inline-block;
}

@media screen and (max-width: 984px) {
  .custom-bg-footer{
    background-image: linear-gradient(#52c2c2, #9dcd6b);
    width: 100%;
    height: auto !important;
    padding: 50px ;
  }
}

.logo-nav {
  display: flex !important;
  align-items: center;
  justify-content: center !important;
}

@media screen and (max-width: 992px) {
  .text-footer-content {
    text-align: center;
  }
  .logo-nav {
   justify-content: unset !important;
  }
}


@media screen and (max-width: 684px) {
  .custom-footer-all{
    width: 100%;
    margin: 0px !important;
  }
  .custom-bg-footer{
    background-image: linear-gradient(#52c2c2, #9dcd6b);
    width: 100%;
    height: auto !important;
    padding: 15px !important;
  }

  .custom-bg-map{

    height: 443px;
    padding: 0px !important;
    margin: 0px !important;

  }
  .custom-position-img-footer{
    margin-bottom: 20px
  }
  .logo-footer{
    width: 60% !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .logo-custom-footer{
    margin: 0 !important;
    margin-bottom: 2rem !important;
    display: inline-block;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .text-footer-content{
    text-align: center;
  }
  .custom-alamat-position{
    text-align: center;
  }
  .position-sucribe{
    text-align: center;
  }
  .text-footer-title-right{
    text-align: center;
  }
  .text-footer-content-right{
    text-align: center;
  }
  .custom-alamat-position div{
    text-align: center;
    padding: 0px;
    margin-bottom: 30px;
  }
  .custom-alamat-position div p{
    text-align: center;
    padding: 0px;
  }
  .custom-alamat-position{
    margin-top: 30px;
  }
  .n-bg-footer{
    padding: 100px 30px;
  }
  .m-text-center{
    text-align: center !important;
  }
  .m-t-m-artikel{
    margin-top: 10px;
  }

  .p-l-menu-artikel{
    padding-left: 10px;
  }

}