@import url('https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.6.0/css/fontawesome.min.css');
.footer-bottom {
	font-family: 'Inter';
  	font-size: 12px;
}

.meet-geely {
	margin-top: -350px;
  	position: relative;
  	color: #53E1E3;
}

@media (max-width: 575px){
	.meet-geely{
      	margin-top: -170px; 
  	}
    #technology h2{
    	font-size: 44px !important;
    }
   #when-intelligence-meets-performance h2{
  		font-size: 36px;
   }
}
@media (max-width: 578px) {
  #text-change h2 {
  	font-size: 32px;
    color: #000;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 38.4px */
    letter-spacing: 3.2px;
    text-transform: uppercase;
  }
  
  #text-change p {
  	font-size: 14px;
    color: #000;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
  }
}

#cta-prebook-section-2 {
  background-image: url("https://geelyprod-static.oss-ap-southeast-5.aliyuncs.com/background/background-cta-notify-2.png");
  background-size: cover;
  background-position: center;
}

/* Untuk tampilan mobile */
@media (max-width: 767px) {
  #cta-prebook-section-2 {
    background-image: url("https://geelyprod-static.oss-ap-southeast-5.aliyuncs.com/background/background-cta-notify-2-m.png");
    height: 120vh;
  }
}


#svg-360-white {
	margin-top: -120px;
}

#section-360 {
	margin-bottom: 100px;
}

#block-geely-buttons11 a {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 18px;
}
  
#block-geely-mainnavigation .navbar-nav li a {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  line-height: 36px;
}
  
#block-geely-mainnavigation .navbar-nav li a.ex5 {
  font-family: "GEELY Bold 20230926", sans-serif;
}
  
#block-geely-mainnavigation .navbar-nav li a:visited,
#block-geely-mainnavigation .navbar-nav li a:hover {
  color: #000;
}

#block-social-toolbar-footer ul {
  justify-content: space-evenly !important;
}

#block-social-toolbar ul li a,
#block-social-toolbar-footer ul li a {
  font-weight: normal !important; 
  font-size: 22px;
}

#block-geely-richtext15 .media {
   width: 50px !important; 
   margin-top: 4px;
}

#block-geely-richtext15 p {
   margin-bottom: 0;
}

#block-geely-footer ul li:first-child a {
   padding-left: 0; 
}

/**
 * Large Desktop Only
 **/
@media screen and (min-width: 992px) {
  #block-geely-mainnavigation ul li a {
  	 margin-right: 60px;
  }
  #block-geely-mainnavigation ul li a.ex5 {
     margin-top: 3px; 
  }
}


/**
 * Mobile
 **/
@media screen and (max-width: 768px) {
  .navbar-collapse {
     position: absolute;
     top: 80px;
     width: 100%;
     background-color: rgb(255, 255, 255);
     left: 0px;
  }
  
  .navbar-toggler-icon {
     background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50'%3E%3Cline x1='10' y1='10' x2='90' y2='10' stroke='black' stroke-width='5'/%3E%3Cline x1='10' y1='40' x2='90' y2='40' stroke='black' stroke-width='5'/%3E%3C/svg%3E");
  }
  
  #block-geely-mainnavigation .navbar-nav {
    padding: 10px !important;
    margin-bottom: 20px;
  } 
  
  #block-geely-mainnavigation .navbar-nav li a {
    padding: 20px 0;
  }
  
  #block-geely-mainnavigation .navbar-nav li:last-child a {
    padding-bottom: 0;
  }
  
  #block-social-toolbar ul {
    border-top: 1px solid #333333;
   	margin: 30px 30px 20px 30px;
    padding-top: 20px;
    justify-content: space-evenly !important;
  }
  
  #block-social-toolbar-footer ul {
    justify-content: space-evenly !important;
  }
  
  #block-social-toolbar ul li a,
  #block-social-toolbar-footer ul li a {
   	font-weight: normal !important; 
    font-size: 22px;
  }
  
  #block-geely-richtext15 {
     margin: 0 20px; 
  }
  
  #block-geely-richtext15 .field--name-body.field--type-text-with-summary {
    display: grid;
    grid-template-columns: 0.13fr 1fr;
    grid-gap: 20px;
  }
  
  #block-geely-richtext15 .media {
    margin-top: 3px;
  	margin-bottom: 0;
  }
  
  #block-geely-richtext15 p {
   	font-size: 11px;
    margin-bottom: 0;
  }
  
  .footer-top {
  	margin-top: 20px !important;  
  }
  
  .footer-top #block-geely-footer ul {
   	padding-top: 0 !important;
    padding-bottom: 30px !important;
    justify-content: center !important;
  }
}

/** 
 * Hero 360 Icon 
 **/
.hero-360-icon {
  position: relative;
  top: -15%;
}

@media screen and (max-width: 768px) {
   .hero-360-icon {
      top: -3%;  
   }
  
   .hero-360-icon img {
   	 width: 60px;
     height: 60px;
   }
}