:root {
    --primary-yellow: #ffe560;
    --text-dark: #262c3f;
    --text-muted: #262c3f;
    --background-light: #f9f6ea;
    --timeline-inactive: #e2e2e2;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

@font-face {
  font-family: 'PPRightGrotesk';
  src: url('../font/PPRightGrotesk-WideMedium.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

body {
    font-family: 'PPRightGrotesk';
    background-color: #fff;
}

h3, button, h2{
  font-family: 'PPRightGrotesk';
}

@font-face {
    font-family: 'SpaceGrotesk';
    src: url('../font/SpaceGrotesk-Light.woff2') format('woff2'),
        url('../fonts/SpaceGrotesk-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


/*  */
body{background-color: #f9f6ea;}
.hero_sec { padding: 270px 0 150px; background-size: cover; background-repeat: no-repeat; background-position: center; } 
.hero_sec h1 { font-size: 78px; line-height: 85px; color: #fee27b; } 
.header nav { display: flex; align-items: center; justify-content: space-between; } 
.header { position: absolute; top: 0; left: 0; width: 100%; } 
#dropdownHoverButton { padding: 0.625rem; font-size: 16px; font-weight: 500; background: transparent; border: none; color: #FEE27B; } 
#dropdownHoverButton svg { width: 0.625rem; height: 0.625rem; margin-left: 0.75rem; }

.dropdown_menu { border-radius: 0.5rem; background: #fff; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 80px; display: none; } 
.header nav { padding: 2rem 0; } 
.lang_wrapper { position: relative; } 
.dropdown_menu ul {list-style: none; padding: 0.5rem 0; margin: 0; } 
.dropdown_menu ul li a { display: block; padding: 0.5rem 1rem; font-size: 15px; text-decoration: none; line-height: 100%; color: #000; } 
.dropdown_menu ul li a:hover { background-color: #f3f4f6; }


.thing_row { display: flex; flex-wrap: wrap; gap: 24px; } 
.thing-left { width: calc(45% - 12px); } 
.thing-right { width: calc(55% - 12px); } 
.things_sec { padding: 95px 0; background: #f9f6ea; }
.things_sec h2 { font-size: 52px; line-height: 58px; color: #3c4758; margin: 0 0 25px; } 
.things_sec p { font-family: 'SpaceGrotesk'; font-size: 18px;font-weight: 500; color: #262c3f; line-height: 24px; } 
.things_sec h3 { font-size: 32px; line-height: 40px; color: #3c4758; margin: 0 0 15px; }

.left_cnt { max-width: 384px; } 
.thing-right p { margin: 0 0 45px; }

.footer p { margin: 0; font-family: 'SpaceGrotesk'; font-size: 18px; font-weight: 500; color: #262c3f; line-height: 24px; } 
.footer { padding: 0 0 40px; } 
.footer p a { color: #262c3f; text-decoration: none; }

/* Responsive */
@media (min-width: 992px){
    .lang_wrapper:hover .dropdown_menu { display: block; }
}
@media (max-width: 991px){
    .hero_sec h1 { font-size: 52px; line-height: 54px; margin: 0; } 
    .hero_sec { padding: 200px 0 90px; } 
    .things_sec { padding: 50px 0; } 
    .things_sec h2 { font-size: 36px; line-height: 40px; margin: 0 0 15px; } 
    .things_sec h3 { font-size: 20px; line-height: 27px; margin: 0 0 10px; } 
    .thing-right p { margin: 0 0 30px; } 
    .footer { padding: 0 0 20px; }
}

@media (max-width: 767px){
    .hero_sec h1 { font-size: 36px; line-height: 43px; } 
    .thing-left,.thing-right { width: 100%; } 
    .things_sec h2 { font-size: 27px; line-height: 36px; }
    .header nav { padding: 1.3rem 0; }
}