/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap');*/
/*=================================================footer data====================================================*/
/*=================================================================================================================*/

/*=================================================================================================================*/
/*=================================================================================================================*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
div{
  font-family: "Montserrat", sans-serif;
}
.g-5, .gy-5 {
  --bs-gutter-y: 1rem;
}
.g-5, .gx-5 {
--bs-gutter-x: 1rem;
}
.html
{
  scroll-behavior: smooth;
  font-family: "Montserrat", sans-serif;
}
h1,h2,h3,h4,h5,h6{
  font-family: "Montserrat", sans-serif;
}
p{
  font-family: "Montserrat", sans-serif;
}
body
{
  font-family: "Montserrat", sans-serif;
}
body{
  width: 100%;
 
}
.dropdown-item
{
  width:60%;
 
  
}
.dropdown-item2
{
  width:80% !important;
 
}
  .animate2
  {
	animation: right-left linear both;
  animation-timeline: view();
  animation-range: contain;
  animation-iteration-count: 1;
  /*opacity: 0;*/
  transform: translatex(0px);
 
 
  
  
  }
  @keyframes right-left {
    0% {
      
      transform: translatex(100vw);
        opacity: .2;
       
    }

    1% {
      transform: translatex(100vw);
      opacity: .2;
       
    }
    50% {
      transform: translatex(0px);
      
    
        opacity: 1;
    }
    100% {
      transform: translatex(0px);
      
    
        opacity: 1;
    }
}
  @keyframes fadeInFromNone {
    0% {
      
      transform: translatex(-100vw);
        opacity: .2;
       
    }

    1% {
      transform: translatex(-100vw);
      opacity: .2;
       
    }
    50% {
      transform: translatex(0px);
      
    
        opacity: 1;
    }
    100% {
      transform: translatex(0px);
      
    
        opacity: 1;
    }
}
.animation-log
{
  animation: myfirst 5s linear;
  
}
.cardis
{
  margin: 25px;
}
@keyframes myfirst {
  0% {
    display: none;
    opacity: 0;
}

1% {
    display: block;
    opacity: 0;
}

100% {
    display: block;
    opacity: 1;
}
}




.body
{
	font-family: "Montserrat", sans-serif;
}
.inter-bold {
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	
	font-style: normal;

  }
  
.menu
{
  font-family: "Montserrat", sans-serif;
	max-width: 100%;
}
.navigation-extra
{
	max-width: 1200px;
  
}
.navbar-brand
{
  font-family: "Montserrat", sans-serif;
    width: 400px !important;
   
}
.nav-link
{
  font-family: "Montserrat", sans-serif;
	font-size: 1.2rem;
font-style: normal;
font-weight: 400;
color: #ffffff !important;
}
.carousel .carousel-indicators button {
    border-radius: 50%;
	width: 10px;
	height: 10px;
  font-family: "Montserrat", sans-serif;
}

.btn-custom,.btn-custom:hover
{
	background-color: #9A8946;
	border: #9A8946;
	border-radius: 0px;
  font-family: "Montserrat", sans-serif;
}
  .carousel-caption { top: 45%; }
  .section-home
  {
	max-width: 1200px;
  font-family: "Montserrat", sans-serif;
  }

  .section-home__
  {
	max-width: 1200px;
  }
  nav {
  
   
    transform: translatey(0px);
    
    transition: all ease-in-out .5s;
    z-index: 2;
  }

  .scroll {
    transform: translatey(-200px);
   
  }

  .fill-home
  {
	font-family: "Montserrat", sans-serif;
	margin-top: 50px;
	background-color: #F9F7EF;
	min-height: 300px;
	margin-bottom: 50px;
	
	
  }
  .topper
  {
	
	width: 80%;
	text-align: justify;
  }
  .section-wide
  {
	max-width: 100%;
	width: 100%;
  }
  .number-
  {
	list-style: decimal;
  }
  .card-img-overlay
  {
	background: rgba(0, 0, 0	, 0.7) ;
	color: #ffffff;
	
  }
  .bolder
  {
	font-weight: bold;
  }
  .card-img-overlay:hover
  {
	color: #ffffff;
	background: rgba(0, 0, 0, 0) ;
  text-align: center;
  font-family: "Montserrat", sans-serif;
	
  }
  .bg-wide
  {
	
	background-image: url("../../upload/bg-wide.png") ;
	background-color: black;
	background-repeat: no-repeat;
	background-size:100%;
  background-position: center;
  }
  .hide
  {
	  opacity: 0;
  }
  
  @media screen and (min-width: 601px) {
    .animate
  {
	animation: fadeInFromNone linear both;
  animation-timeline: view();
  animation-range: contain;
  animation-iteration-count: 1;
  /*opacity: 0;*/
  transform: translatex(0px);
 
 
  
  
  
  }
	/*HOME CSS*/
  .cardis
{
  margin: 25px;
}
	.mt-c1
  {
	margin-top: 170px;
	margin-bottom: 170px;

  }
	.judul-home
	{
		font-family: "Montserrat", sans-serif;
		font-size: 2.8rem;
		font-weight: bold;
	}
	.imageri
	{
		position: relative;
		left:-80px;
		margin-top: 30px;
	}
  .other_company
  {
    color: black;
    font-size: 1.5rem !important;
    text-decoration: none;
    cursor: pointer;
  }

  .other_company:hover
  {
    cursor: pointer;
    color: black;
    font-size: 1.5rem !important;
    border-bottom: 4px solid #9A8946;
  }
  }


/*================================================= SERVICES DATA ====================================================*/
/*=================================================================================================================*/

.bg-linear-gold
{
  background: rgb(190,166,86);
  background: -moz-linear-gradient(137deg, rgba(190,166,86,1) 0%, rgba(154,137,69,1) 100%);
  background: -webkit-linear-gradient(137deg, rgba(190,166,86,1) 0%, rgba(154,137,69,1) 100%);
  background: linear-gradient(137deg, rgba(190,166,86,1) 0%, rgba(154,137,69,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bea656",endColorstr="#9a8945",GradientType=1);
}

/*================================================= PRODUCT DATA ====================================================*/
/*=================================================================================================================*/
@media screen and (min-width: 601px) {

  .section-product
  {
   
    min-height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .section-about
  {
   
    min-height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
   
  }
  .text-product
  {
    margin-top: 200px;
    margin-bottom: 100px;
    padding: 0px;
    color: #ffffff;
  }
  .p-product-header
  {
    max-width: 40%;
  }
  .mt-h1-product
  {
    margin-top: 100px;
    font-family: "Montserrat", sans-serif;
  }
  }

  @media screen and (max-width: 600px) {
    .g-5, .gy-5 {
      --bs-gutter-y: 0rem;
  }
  .g-5, .gx-5 {
    --bs-gutter-x: 0rem;
}
    .carousel-caption { top: 30%; }
    .text-about
  {
    margin-top: 20px;
   
  
  }
.section-about
  {
   
   
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    min-height: 150px;
    
  }
    .navbar-toggler {
     
      position: fixed;
      right: 10px;

    }
    .btn-custom,.btn-custom:hover
{
	background-color: #9A8946;
	border: #9A8946;
	border-radius: 0px;
  font-family: "Montserrat", sans-serif;
  font-size: 0.8rem !important;
}
.btn-custom2,.btn-custom2:hover
{
	background-color: #9A8946;
	border: #9A8946;
	border-radius: 0px;
  font-family: "Montserrat", sans-serif;
  font-size: 0.6rem !important;
}
    .mobile-set
    {
      font-size: 1.1rem !important;
      width: 100%;
    }
    .mobile-p
    {
      
      font-size: 1.1rem !important;
    }
    .mobile-pm
    {
      font-size: 0.6rem !important;
    }
    .btn-group-lg>.btn, .btn-lg {
      padding: .5rem 1rem;
      font-size: 1rem;
     
  }
    .carousel-caption { padding-top: 0.5rem; }
    .fill-home
    {
    font-family: "Montserrat", sans-serif;
    margin-top: 0px;
    background-color: #F9F7EF;
    min-height: 300px;
    margin-bottom: 0px;
    
    
    }
    .animate
  {

 
 
  
  
  
  }
.navigation-extra
{
  background-color: black;
  position: relative;
}

.imf-ss
{
  width:150px;
}
    
  }

/*=================================================================================================================*/
/*=================================================================================================================*/



/*=================================================footer data====================================================*/
/*=================================================================================================================*/
.container_section_footer
{
  background-image: url("../../upload/bgfooter.png") ;
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: black;
  min-height: 100px;
  
}
@media screen and (min-width: 601px) {

.footer_inside
{
 
  max-width: 1200px;
}
}
@media screen and (max-width: 600px) {
  .section-product
  {
   
   
    background-size: cover ;
    background-repeat: no-repeat;
    background-position: bottom;
    min-height: 150px;
  }
  .footer_inside
  {
    margin-top: 10px;
  }
  }
  .copyright-footer
  {
    padding-top: 10px;
    border-top: 1px solid #ffffff;
    

  }
/*=================================================================================================================*/
/*=================================================================================================================*/

/*=================================================General data====================================================*/
/*=================================================================================================================*/
.text-white > p
{
  font-family: "Montserrat", sans-serif;
  color: #ffffff;
}
ol {
  padding-left: 1rem;
}
li.customisze {
  
  /* OR */
  list-style-type: '>';
  padding-inline-start: 1ch;
}
.text-gold > p
{
  color: rgb(190,166,86);
}
.inpit_contact_us
{
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid black;
  font-size: 1.2rem;
}
.ta-user
{
  height: 100px;
}
@media screen and (min-width: 601px) {
  .w-50-mm
  {
    max-width: 50%;;
  }
  .w-80
  {
	width: 80%;
  }
  .f-15
  {
    font-family: "Montserrat", sans-serif;
	font-size: 1.1rem;
  }
  .f-2
  {
    font-family: "Montserrat", sans-serif;
	font-size: 1.6rem;
  }

  .f-155
  {
    font-family: "Montserrat", sans-serif;
	font-size: 1.5rem;
  }
  .f-12
  {
    font-family: "Montserrat", sans-serif;
	font-size: 1.3rem;
  }
.bg-F9F7EF
{
  background-color: #F9F7EF;
}
.list-none
{
  list-style-type: none;
  padding: 0;
}
.border-bottom-gold
{
  padding-bottom: 10px;
  border-bottom: 3px solid #9A8946;
}
.text-gold
{
  color: #9A8946;
}
.w-95
{
  width: 98%;
}
.w1440
{
  max-width: 1200px;
}
.no-underline
{
  text-decoration: none;
}
.dropdown-menu
{
  background: rgba(51, 170, 51, 0) ;
  border: none;
}
.dropdown-item:hover, .dropdown-item2:hover
{
  color: #9A8946 !important;
}
}
@media screen and (max-width: 600px) {
  .w-50-mm
  {
    max-width: 100%;
  }
  .w-80
  {
	width: 100%;
  }
  .f-15
  {
    font-family: "Montserrat", sans-serif;
	font-size: 1.0rem;
  }
  .f-2
  {
    font-family: "Montserrat", sans-serif;
	font-size: 2rem;
  }
  .bg-F9F7EF
  {
    background-color: #F9F7EF;
  }
  .list-none
  {
    list-style-type: none;
    padding: 0;
  }
  .border-bottom-gold
  {
    padding-bottom: 10px;
    border-bottom: 3px solid #9A8946;
  }
  .text-gold
  {
    color: #9A8946;
  }
  .w-95
  {
    width: 98%;
  }
  .w1440
  {
    max-width: 1200px;
  }
  .no-underline
  {
    text-decoration: none;
  }
  .dropdown-menu
  {
    background: rgba(51, 170, 51, 0) ;
    border: none;
  }
  .dropdown-item:hover,.dropdown-item2:hover
  {
    color: #9A8946 !important;
  }
  }
/*=================================================================================================================*/
/*=================================================================================================================*/















  @media screen and (max-width: 1200px) {
	
  }
  @media screen and (max-width: 600px) {
	.mt-c1
  {
	margin-top: 20px;
	margin-bottom: 20px;

  }
	
  }