@font-face {
  font-family: gt-flexa;
  src: url(fonts/GT-Flexa-Condensed-Bold.woff);
}

* {
    margin: 0px;
    padding: 0px;
}

:root {
    --menu-color: #fff;
    --menu-hover-color: #ff5200;
    --primary-color: #ff5200;
    --black: #000;
    --white: #fff;
    --button-bg-color: #201650;
    --button-hover-bg-color: #ff5200;
    --button-color: #fff;
    --button-hover-color: #fff;
    --footer-bg: #201650;
    --title-font: 'gt-flexa', Helvetica, Arial, Lucida, sans-serif;
    --body-font: 'Inter', Helvetica, Arial, Lucida, sans-serif;
}

body {
    font-family: var(--body-font);
    overflow-x: hidden;
}

div {
    box-sizing: border-box;
}
p{
    font-size: 16px;
}
.theme-btn {
    text-decoration: none;
    cursor: pointer;
}

.theme-btn {
    display: inline-block;
    background-color: var(--button-bg-color);
    padding-top: 12px;
    padding-right: 32px;
    padding-bottom: 12px;
    padding-left: 32px;
    color: var(--button-color) !important;
    border-radius: 4px;
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
}

.theme-btn:hover{
    width: inline-block;
    background-color: var(--button-hover-bg-color);
    color: var(--button-hover-color);
}

.container-padding {
    padding-top: 60px;
    padding-bottom: 60px;
}

@media (max-width: 766px) {
    .container-padding {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

.title {
    font-family: var(--title-font);
    font-size: 48px;
    font-weight: 700;
    color: var(--primary-color) !important;
    line-height: 1.2em;
    text-align: center;
}

@media (max-width: 1199px) {
    .title {
        font-size: 40px;
    }
}

@media (max-width: 766px) {
    .title {
        font-size: 30px;
    }
}