:root { 
    --global-color-orange: #D27118;
    --global-color-light-bg: #2E2E2E;
    --global-color-dark-bg: #ECECEC;
  }
  
.color-orange { color: var(--global-color-orange); }
.color-text-light-bg{ color: var(--global-color-light-bg); }
.color-text-dark-bg{ color: var(--global-color-dark-bg); }

html, body, a{
    /* font-family: 'Odasan', sans-serif; */
    font-family: "poppins", sans-serif;
    
}

html {
    scroll-behavior: smooth;
  }

body { 
    background-color: var(--global-color-dark-bg);
}

ul {
    padding-inline-start: 0;
}

ul li {
    list-style-type: none;
}

/****GLOBAL STYLE****/

svg{
    width: 100%;
}

button { 
    padding: 15px 50px;
    border-radius: 55px;
    border: 2px solid var(--global-color-dark-bg);
    background: none;
    font-weight: bold;
}

h2 { 
    font-weight: 600;
    letter-spacing: 0.055em;
}

p { 
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0.055em;
}

section{
    margin-top: 200px;
    margin-bottom: 100px;
}

.transparent-white-1px{ 
    -webkit-text-stroke: 1px #ECECEC;
    text-stroke: 1px #ECECEC;
    color: transparent;
}
.transparent-white{ 
    -webkit-text-stroke: 2px #ECECEC;
    text-stroke: 2px #ECECEC;
    color: transparent;
}

.transparent-orange-1px { 
    -webkit-text-stroke: 1px #D27118;
    text-stroke: 1px #D27118;
    color: transparent;
}
.transparent-orange { 
    -webkit-text-stroke: 2px #D27118;
    text-stroke: 2px #D27118;
    color: transparent;
}

/****GLOBAL LIGHT SECTION****/

p, button {
   color: var(--global-color-light-bg); 
}

/****GLOBAL DARK SECTION****/

.dark-bg, .dark-bg p, .dark-bg button, button.dark-bg, .dark-bg a, .dark-bg h5, .dark-bg ul li { 
    color: var(--global-color-dark-bg);
} 

.darg-bg button, button.dark-bg{
    background-color: var(--global-color-light-bg) !important;
}

.dark-bg ul li a:not(.contact-button) {
    color: var(--global-color-dark-bg) !important;
}


/****CARD****/

.card {
    border-radius: 40px;
    background-color: var(--global-color-light-bg);
    margin: auto;

 }

 
 /****FOOTER****/

 footer {
    background: #232323;
    color: #fff;
    padding: 25px;
    letter-spacing: 1.1px;
 }