* {
    box-sizing: border-box;
}

html {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    /* overflow-x: hidden; */
}

body {
    margin: 0;
    padding: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    color: #000000;
    /* overflow-x: hidden;   */
    font-size: 20px;
}

.container {
    max-width: 1576px;
    margin: 0 auto;
    padding: 0 22px;
}

@media (min-width: 768px) {
    .container {
        padding: 0 52px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 88%;
        padding: 0px;
    }
}

@media (min-width: 1600px) {
    .container {
        width: 100%;
        padding: 0 22px;
    }
}

.text-center {
    text-align: center;
}

.flex-row {
    display: flex;
    flex-wrap: wrap;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
p {
    margin: 0;
    padding: 0;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.sub-heading {
    font-size: 20px;
    line-height: 1em;
    color: #EF7D00;
    margin: 0;
    font-weight: 700;
}

h2 {
    color: #231F20;
    font-size: 26px;
    line-height: 1.222em;
    margin-bottom: 25px;
    position: relative;
    font-weight: 600;
}


h3 {
    color: #211F26;
    font-size: 24px;
    line-height: 1.411em;
    margin-bottom: 15px;
    font-weight: 700;
}


p, ul {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 25px;
    line-height: 1.5em;
}

.border-under {
    display: inline-block;
    padding-bottom: 8px;
}

.border-under::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(to right,  rgba(239,125,0,1) 0%,rgba(239,125,0,0) 100%);
}

@media (min-width: 1200px) {
    .sub-heading {
        font-size: 18px;
    }

    h2 {
        font-size: 35px;
    }

    h3 {
        font-size: 24px;
    }

    p, ul {
        font-size: 16px;
    }
}

@media (min-width: 1600px) {
    .sub-heading {
        font-size: 26px;
    }

    h2 {
        font-size: 45px;
    }

    h3 {
        font-size: 34px;
    }

    p, ul {
        font-size: 20px;
    }
}

a {
    color: #000;
    text-decoration: underline;
}

:focus {
    outline: none !important;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

p:last-child {
    margin-bottom: 0;
}

.btn {
    position: relative;
    display: inline-block;
    background: #EF7D00;
    font-family: "Syne", sans-serif;
    font-weight: 500;
    border: 2px solid #EF7D00;
    padding: 13px 50px 13px 28px;
    border-radius: 62px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.2em;
    transition: all .3s;
    text-decoration: none;
}

.btn::after {
    content: '\e904';
    font-family: 'var-icon';
    position: absolute;
    right: 28px;
    top: 50%;
    transform: translate(0, -50%);
    font-weight: normal;
    line-height: 1em;
    font-size: 12px;
    transition: all .3s;
    
}

.btn-secondary {
    color: #EF7D00;
    background: #fff;
}

.btn + .btn {
    margin-top: 20px;
}

.btn:hover {
    text-decoration: none;
    background: #DB7402;
}

.btn:hover::after {
    right: 23px;
}

.btn-secondary:hover {
    color: #fff;
    background: #EF7D00;
}

@media (min-width: 768px) {
    .btn + .btn {
        margin-top: 0;
        margin-left: 20px;
    }
}

@media (min-width: 1200px) {
    .btn {
        font-size: 20px;
    }


}

/**
   * Icons
   */

@font-face {
  font-family: 'var-icon';
  src:  url('../fonts/var-icon.eot?kck4o9');
  src:  url('../fonts/var-icon.eot?kck4o9#iefix') format('embedded-opentype'),
    url('../fonts/var-icon.ttf?kck4o9') format('truetype'),
    url('../fonts/var-icon.woff?kck4o9') format('woff'),
    url('../fonts/var-icon.svg?kck4o9#var-icon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'var-icon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-ai:before {
  content: "\e900";
}
.icon-airport:before {
  content: "\e901";
}
.icon-artboard:before {
  content: "\e902";
}
.icon-automotion:before {
  content: "\e903";
}
.icon-button:before {
  content: "\e904";
}
.icon-close-x:before {
  content: "\e905";
}
.icon-command:before {
  content: "\e906";
}
.icon-document:before {
  content: "\e907";
}
.icon-efficiency:before {
  content: "\e908";
}
.icon-email:before {
  content: "\e909";
}
.icon-hamburger-menu:before {
  content: "\e90a";
}
.icon-left-arrow:before {
  content: "\e90b";
}
.icon-linkedin:before {
  content: "\e90c";
}
.icon-map:before {
  content: "\e90d";
}
.icon-owenrship:before {
  content: "\e90e";
}
.icon-phone:before {
  content: "\e90f";
}
.icon-pin:before {
  content: "\e910";
}
.icon-right-arrow:before {
  content: "\e911";
}
.icon-robot:before {
  content: "\e912";
}
.icon-upload:before {
  content: "\e913";
}


/* add icon code here */

.form-col {
    margin-bottom: 20px;
}

.form-col--last {
    margin-bottom: 0;
}

input:active,
textarea:active,
select:active,
input:focus,
textarea:focus,
select:focus {
  outline: none;
}

/* default text input style */
textarea {
    width: 100%;
    height: 80px;
    border: none;
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    color: #65636D;
    padding: 10px 20px;
    font-size: 16px;
    resize: none;
    font-family: "Montserrat", sans-serif;
}


[type="text"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="url"],
[type="week"],
[type="date"] {
    width: 100%;
    height: 56px;
    border: none;
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    color: #65636D;
    padding: 0 20px;
    font-size: 16px;
}

[type="text"]::placeholder,
[type="date"]::placeholder,
[type="datetime"]::placeholder,
[type="datetime-local"]::placeholder,
[type="email"]::placeholder,
[type="month"]::placeholder,
[type="number"]::placeholder,
[type="password"]::placeholder,
[type="search"]::placeholder,
[type="tel"]::placeholder,
[type="url"]::placeholder,
[type="week"]::placeholder,
[type="date"]::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #65636D;
}

.form-col [type="submit"] {
    width: 170px;
    height: 44px;
    background: #EF7D00;
    border: none;
    margin: 0 auto;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    font-family: "Inter", sans-serif;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    cursor: pointer;
    clip-path: polygon(8% 0, 100% 0, 100% 75%, 92% 100%, 0 100%, 0 25%);
}

.form-col [type="submit"]:hover {
    background: #DB7402;
}

/**
 * Images
 */

img {
    max-width: 100%;
    height: auto;
    display: block;
}

.object-fit {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
}

.object-fit--contain {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
}



/**
 * Hiding
 */

.hide,
.hidden-xxs-up { display: none !important; }
.hidden       { display: none !important; visibility: hidden !important; }
.invisible    { visibility: hidden !important; }
.text-hide    {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

@media (max-width: 599px) {
    .hidden-xxs { display: none !important; }
}

    @media (min-width: 600px) {
      .hidden-xs-up { display: none !important; }
    }

@media (min-width: 600px) and (max-width: 767px) {
    .hidden-xs { display: none !important; }
}

    @media (max-width: 767px) {
      .hidden-xs-down { display: none !important; }
    }

    @media (min-width: 768px) {
      .hidden-sm-up { display: none !important; }
    }

@media (min-width: 768px) and (max-width: 1024px) {
    .hidden-sm { display: none !important; }
}

    @media (max-width: 1024px) {
      .hidden-sm-down { display: none !important; }
    }

    @media (min-width: 1025px) {
      .hidden-md-up { display: none !important; }
    }

@media (min-width: 1025px) and (max-width: 1199px) {
    .hidden-md { display: none !important; }
}

    @media (max-width: 1199px) {
      .hidden-md-down { display: none !important; }
    }

@media (min-width: 1200px) {
    .hidden-lg { display: none !important; }
}