@font-face {
    font-family: Gilroy-Light;
    src: url(../fonts/Gilroy-Light.ttf);
}
@font-face {
    font-family: Gilroy-Medium;
    src: url(../fonts/Gilroy-Medium.ttf);
}
@font-face {
    font-family: Gilroy-Bold;
    src: url(../fonts/Gilroy-Bold.ttf);
}

body {
    overflow-x: hidden;
    background-color: #fff;
    font-family: Gilroy-Light;
}
a {
    font-size:18px;
}
section {
    margin-top: 60px;
}
h1, h2, h3, h4, h5, h6{
   font-family: Gilroy-Bold;
   text-transform: uppercase; 
}
h1 {
    font-size: 38px;
    color: #241b5f;
    text-align: center;
}
h2 {
    font-size: 38px;
    color: #fff;;
}
h3 {
    font-size:24px;
    color: #323232;
}
h4 {
    font-size:24px;
    color: #fff;
}
h5 {
    font-size:18px;
    color: #323232;
}
.main_logo {
    background: #232368;
    text-align: center;
    padding: 20px 0;
}
.hero {
    background:url(../images/hero.png) no-repeat left top;
    background-size: cover;
    padding-bottom: 20px;
}
.members {
    font-family: Gilroy-Bold;
    font-size:24px;
    color: #fff;
    text-align: center;
    text-transform: uppercase; 
}
.greenlite {
    font-family: Gilroy-Bold;
    font-size:56px;
    color: #fff;
    text-align: center;
    line-height:62px;
    padding: 25px 0;
}
.free_box {
    background: #fff;
    padding:10px;
    border-radius: 5px;
    box-shadow: -1px 1px 9px 2px rgb(0 0 0 / 10%);
     font-family: Gilroy-Bold;
    font-size:18px;
    text-align: center;
    text-transform: uppercase;
    width: 310px;
    margin: 0 auto;
    margin-bottom: 10px;
    border: solid 3px #ff821c;
}
.white_box {
    background: #fff;
    padding:20px;
    border-radius: 5px;
    box-shadow: -1px 1px 9px 2px rgb(0 0 0 / 10%);
    text-align: center;
}
.head {
    min-height: 60px;
}
.btn_blue {
    background-color: #4a46a2;
    font-family: Gilroy-Bold;
    color: #fff;
    font-size: 18px;
    border-radius: 40px;
    padding: 10px 30px;
    letter-spacing: 1px;
    text-transform: uppercase;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 30%);
}
.btn_blue.active, .btn_blue.focus, .btn_blue:active, .btn_blue:focus, .btn_blue:hover, .open>.dropdown-toggle.btn_blue {
    background-color: #ff3a00;
    color: #fff;
}
.btn_orange {
    background-color: #ff3a00;
    font-family: Gilroy-Bold;
    color: #fff;
    font-size: 18px;
    border-radius: 40px;
    padding: 10px 30px;
    letter-spacing: 1px;
    text-transform: uppercase;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 30%);
}
.btn_orange.active, .btn_orange.focus, .btn_orange:active, .btn_orange:focus, .btn_orange:hover, .open>.dropdown-toggle.btn_orange {
    background-color: #4a46a2;
    color: #fff;
}
.social_media {
    background:url(../images/trophy.jpg) no-repeat left top;
    background-size: cover;
}
.ceo {
    background: #1f2c52;
    padding: 20px;
    font-size: 20px;
    color: #fff;
    text-align: center;
}
.ceo a {
    color: #fff;
}
@media (max-width: 900px) {
.free_box {
    width:100%;
}
}
@media (max-width: 768px) {
    section {
       margin-top: 20px;
    }
    .white_box {
        padding: 10px;
    }
    .white_box img{
       max-height:50px;
    }
    .head {
        min-height: 40px;
    } 
    h3 {
       font-size:16px;
    }
    a {
        font-size:14px;
    }
    .hero .mt-4 {
       margin-top: 0.5rem!important;
    }
    h1 {
       font-size: 30px;
       margin-bottom: 0px;
    }
    h2 {
       font-size: 30px;
       margin-bottom: 0px;
    }
    h4 {
       font-size: 20px;
    }
    .free_box {
      font-size: 14px;
      line-height: 15px;
    }
    .free_box a {
      font-size: 12px;
    }
    .members {
    font-size: 20px;
}
.greenlite {
    font-size:42px;
    line-height:46px;
}
}
@media (max-width:576px) {
    .white_box p {
       margin-bottom:0.2rem;
    }
    .white_box a {
       font-size: 12px;
    }
    h3 {
       font-size: 15px;
    }
    .btn_blue {
        font-size: 12px;
        padding: 10px 25px;
    } 
    .btn_orange {
        font-size: 12px;
        padding: 10px 25px;
    } 
}