/*********************  Default-CSS  *********************/

input[type="file"]::-webkit-file-upload-button {
    cursor: pointer;
}

input[type="file"]::-moz-file-upload-button {
    cursor: pointer;
}

input[type="file"]::-ms-file-upload-button {
    cursor: pointer;
}

input[type="file"]::-o-file-upload-button {
    cursor: pointer;
}
section#section1 {
    z-index: 999999999;
}
input[type="file"],
a[href],
input[type='submit'],
input[type='button'],
input[type='image'],
label[for],
select,
button,
.pointer {
    cursor: pointer;
}

::-moz-focus-inner {
    border: 0px solid transparent;
}

::-webkit-focus-inner {
    border: 0px solid transparent;
}

*::-moz-selection {
    color: #fff;
    background: #000;
}

*::-webkit-selection {
    color: #fff;
    background: #000;
}

*::-webkit-input-placeholder {
    color: #333333;
    opacity: 1;
}

*:-moz-placeholder {
    color: #333333;
    opacity: 1;
}

*::-moz-placeholder {
    color: #333333;
    opacity: 1;
}

*:-ms-input-placeholder {
    color: #333333;
    opacity: 1;
}

html body {
    font-family: 'ArialNarrow-Bold', 'Hartwell';
    margin: 0;
    line-height: 1.3;
}

a,
div a:hover,
div a:active,
div a:focus,
button {
    text-decoration: none;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

a,
span,
div a:hover,
div a:active,
button {
    text-decoration: none;
}

*::after,
*::before,
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.no-list li,
.no-list ul,
.no-list ol,
footer li,
footer ul,
footer ol,
header li,
header ul,
header ol {
    list-style: inside none none;
}

.no-list ul,
.no-list ol,
footer ul,
footer ol,
header ul,
header ol {
    margin: 0;
    padding: 0;
}

a {
    outline: none;
    color: #555;
}

a:hover {
    color: #000;
}

body .clearfix,
body .clear {
    clear: both;
    line-height: 100%;
}

body .clearfix {
    height: auto;
}

* {
    outline: none !important;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

ul:after,
li:after,
.clr:after,
.clearfix:after,
.container:after,
.grve-container:after {
    clear: both;
    display: block;
    content: "";
}

div input,
div select,
div textarea,
div button {
    font-family: 'ArialNarrow-Bold', 'Hartwell';
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    font-family: 'ArialNarrow-Bold', 'Hartwell';
    line-height: 120%;
    color: #333;
    font-weight: bold;
    margin: 0 0 15px;
}

body h1:last-child,
body h2:last-child,
body h3:last-child,
body h4:last-child,
body h5:last-child,
body h6:last-child {
    margin-bottom: 0;
}

div select {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div select option {
    font-size: 13px;
    color: #333;
    padding: 2px 5px;
}

img {
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

body p {
    color: #333;
    font-family: 'ArialNarrow-Bold', 'Hartwell';
    font-size: 15px;
    line-height: 140%;
    margin: 0 0 15px;
    padding: 0;
}

body p:empty {
    margin: 0;
    line-height: 0;
}

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

p strong {
    font-weight: bold;
}

.a-left {
    text-align: left;
}

.a-right {
    text-align: right;
}

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

label em {
    color: #ff0000;
    display: inline-block;
    font-style: normal;
    vertical-align: top;
    margin-left: 5px;
}

.hidden {
    display: none !important;
}

body .container {
    width: 100%;
    max-width: 1800px;
}


/*********************  scroll Hide  *********************/

html.show-menu {
    overflow: hidden;
}

html.show-menu body {
    overflow: hidden;
    height: 100%;
}


/*********************  Default-CSS close  *********************/


/*********************  Gapping  *********************/

section {
    padding-bottom: 60px;
    padding-top: 60px;
    overflow: hidden;
}


/*********************  Gapping close  *********************/


/*********************  Default-CSS  *********************/


/*********************  Common-Css  *******************/

.clr:after,
ul:after,
.clearfix:after,
li:after,
.grve-container:after {
    clear: both;
    display: block;
    content: "";
}

.btn.focus,
.btn:focus {
    box-shadow: none !important;
}

.form-control:focus {
    box-shadow: none !important;
}


/*********************  Common-Css Close  *******************/


/*********************  Header  *******************/

header {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transform: all 0.5s;
    z-index: 999;
}

.cursor {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999;
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    opacity: 0;
    transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    pointer-events: none;
}

.cursor--hover .cursor-inner {
    transform: scale(0.5);
    opacity: 0;
}

.cursor--hover .cursor-outer {
    transform: scale(1.4);
    border-color: #000;
    opacity: 1;
}

.cursor-move-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    margin-left: -3px;
}

.cursor-move-outer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cursor-inner {
    display: block;
    width: 100%;
    height: 100%;
    background: black;
    border-radius: 50%;
    transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.cursor-outer {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid black;
    border-radius: 50%;
    box-sizing: border-box;
    transition: border 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

html:hover .cursor {
    opacity: 1;
}

a {
    transition: border 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}


/*********************  Header Close  *******************/

section .come {
    height: 100vh;
    position: relative;
    align-items: center;
    display: flex;
    justify-content: center;
    background: aliceblue;
}

.come h1 {
    font-size: 200px;
    font-style: normal;
    /* or 84px */
    letter-spacing: -0.03em;
    font-family: 'Circular-Loom';
}

div#navbarNav {
    justify-content: flex-end;
}

.btns i {
    font-size: 40px;
    margin-left: 20px;
}

.btns {
    margin-left: 0;
    position: absolute;
    right: 20px;
}

/* a.navbar-brand {
    margin: auto;
} */
/*********************  Home banner  *******************/
section.hero {
    position: relative;
    height: 100vh !important;
    display: flex;
    align-items: center;
    background-image: url(../images/background.png);
    background-size: contain;
}

section.hero::after {
    content: "";
    position: absolute;
    top: 0;
    right: 20px;
    background-image: url(../images/logoimg.png);
    height: 97px;
    width: 80px;
    background-repeat: no-repeat;
}

a.navbar-brand {
    margin-left: auto !important;
}

section.aboutsec {
    position: relative;
    height: 100vh;
}

section.aboutsec:after {
    content: "";
    position: absolute;
    top: 0;
    right: 20px;
    background-image: url(../images/logoimg.png);
    height: 97px;
    width: 80px;
    background-repeat: no-repeat;
}

.steward {
    text-align: right;
    margin-right: 80px;
}

section.hero .row {
    display: flex;
    align-items: center;
    text-align: center;
}

.herosec img {
    height: 550px;
    width: 550px;
}

.steward h2 {

    font-style: normal;

    font-weight: 500;

    font-size: 64px;

    line-height: 80px;
    /* or 95% */

    letter-spacing: -0.015em;

    color: #FFFFFF;

    font-family: 'Hartwell';
}

.steward p {

    font-style: normal;
    font-weight: 400;
    font-size: 26px;

    /* or 28px */
    /* Dark/3 */
    color: #e9f3ff;
}

.about h3 {

    font-style: normal;

    font-weight: 400;

    font-size: 26px;

    color: black;

    margin-bottom: 40px;

    margin-left: 20px;
}

.about h2 {

    font-style: normal;

    font-weight: 700;

    font-size: 64px;

    line-height: 80px;
    /* or 95% */

    letter-spacing: -0.015em;

    color: black;

    font-family: 'Hartwell';
}

.about h3 span {
    color: #1E7C6C;
    font-weight: 900;
}

ul.lead li {
    position: relative;
}

ul.lead li span {
    content: "";
    position: absolute;
    height: 12px;
    width: 12px;
    background: #ffdf00;
    left: -30px;
    top: 19%;
    border-radius: 50%;
}

.about ul.lead li {
    margin-bottom: 30px;
}

ul.lead {
    list-style: none;
}

ul.lead li {

    font-style: normal;
    font-weight: 400;
    font-size: 26px;


    color: #000101;
}

section.aboutsec .row {
    display: flex;
    align-items: center;
}

.team h3 span {
    color: #1E7C6C;
}


.team h2 {

    font-style: normal;

    font-weight: 700;

    font-size: 64px;

    line-height: 80px;
    /* or 95% */

    letter-spacing: -0.015em;

    color: white;

    margin-top: 90px;

    margin-bottom: 40px;
}

.team ul.this li {
    margin-bottom: 30px;
    padding-right: 30px;
}

ul.this {
    list-style: none;
    position: relative;
}

ul.this li {

    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    color: #ffffff;
}

section.team .row {
    display: flex;
    align-items: center;
}

.team {
    text-align: right;
    background: black;

}

ul.this li span {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    background: #ffc107;
    border-radius: 50%;
    margin-top: 10px;
    right: 0;
}

section.team {
    height: 100vh;
}

.team h3 {
    color: white;
}

.team {
    position: relative;
}

.team h3:after {
    position: absolute;
    content: "";
    height: 35px;
    width: 60px;
    background: #1e7c6c;
    margin: 0 14px;
}

footer {
    height: 100vh;
    display: flex;
    align-items: center;
    position: relative;
}

ul.mile li {
    width: 27%;
}

.received {
    margin-top: 360px;
}

.haves {
    margin-top: 160px;
}

.signed {
    margin-top: 30px;
}

.received span {
    height: 180px;
    width: 180px;
    background: #ffc107db;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 45px;
    color: white;
    font-weight: 700;
    margin: 0;
}

ul.mile li .received {
    width: 33.33%;
}

.over {
    display: flex;
    align-items: flex-end;
}

.received img {
    position: relative;
    /* margin-left: 60px; */
}

.over p {
    margin-left: 20px;
}

.our h4 span {
    color: #1d9683;
    font-weight: 700;
}

.our h3 {

    border-radius: 50%;

    font-size: 45px;

    color: rgb(0, 0, 0);

    font-weight: 400;

    font-family: fantasy;
}

.over p {
    font-size: 21px;
    margin-bottom: 30px !important;
}

.record {
    display: flex;
    margin-left: auto;
    align-items: flex-end;
    margin-top: -340px;
}

.recorddetail {
    margin-left: auto;
}

ul.mile {
    position: relative;
    margin: auto;
    display: flex;
    list-style: none;
}

.our {
    position: relative;
}

.our h4 span:after {
    position: absolute;
    content: "";
    height: 40px;
    width: 80px;
    background: #1f9683;
    left: -70px;
    top: 50%;
    transform: translateY(40%);
}

.our {
    padding-left: 25px;
}

.our h4 {
    font-size: 30px;
    font-weight: 500;
}

ul.mile li:after {
    position: absolute;
    content: "";
    background-image: url(../images/lines.png);
    height: 160px;
    display: flex;
    align-items: center;
    top: 50%;
    transform: translateX(10px);
    width: 28%;
    background-repeat: no-repeat;
    left: 0px;
}

.received.haves {
    position: relative;
}

.received.haves:after {
    position: absolute;
    height: 370px;
    width: 380px;
    background-image:
        url(../images/lines.png);
    content: "";
    top: -130px;
    transform: rotateX(69deg);
    left: 30%;
}

.about {
    position: relative;
}

.about h3 span:after {
    position: absolute;
    content: "";
    height: 40px;
    width: 70px;
    background: #209582;
    left: -72px;
    top: -5px;
    box-shadow: 2px 3px 2px 2px #0d0d0d30;
}

.overinfo {
    text-align: center;
}

section.team {
    padding: 0;
    display: flex;
    align-items: center;
    position: relative;
}

section.team::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 20px;
    background-image: url(../images/logoimg.png);
    height: 97px;
    width: 80px;
    background-repeat: no-repeat;
}

/* .image {
    position: fixed;
    bottom: 0;
} */

.menimg img {
    width: 100%;
    max-width: 809px;
}

.recorddetail img {
    height: 510px;
    width: 600px;
}

section.milestonedetail {
    padding: 60px 0;
    position: relative;
    height: 100vh;
}

section.milestonedetail::after {
    content: "";
    position: absolute;
    top: 0;
    right: 20px;
    background-image: url(../images/logoimg.png);
    height: 97px;
    width: 80px;
    background-repeat: no-repeat;
}

.office h3 {
    font-size: 60px;
    color: #ffff;
    font-weight: 700;
}

.address h4 {
    border-bottom: 3px solid white;
    width: 80px;
    color: #ffff;
}

.address p {
    max-width: 310px;
    color: #ffff;
    margin-bottom: 40px !important;
    font-size: 19px;
}

section#section5:after {
    content: "";
    position: absolute;
    top: 0;
    left: 20px;
    background-image: url(../images/logoimg.png);
    height: 97px;
    width: 80px;
    background-repeat: no-repeat;
}

.contactdetails h4 {
    color: #ffff;
    max-width: 540px;
    font-size: 40px;
    margin-bottom: 70px;
}

.contactdetails p {
    color: #ffff;
    margin: 0;
    font-size: 25px;
    font-weight: 600;
}

.contactdetails a {
    color: #ffff;
    position: relative;
    font-size: 26px;
}

.contactdetails a:after {
    position: absolute;
    content: "";
    height: 20px;
    width: 60px;
    background: #1f9683;
    top: 60px;
    left: 50%;
}

section#section5 {
    padding-bottom: 0;
}


section {
    position: relative;
    height: 100vh;
    z-index: 100;
}

section {
    height: max-content;
    min-height: 100vh;
}

.address.usa h4 {
    width: 45px;
}

.contactdetails h4 span {
    color: #1f9683;
}

.contactdetails p span {
    font-weight: 300;
}

.section {
    scroll-snap-align: start;
    scroll-snap-stop: always;
}

html.fp-enabled {
    overflow: initial !important;
}

.fp-tableCell {
    display: contents;
}
section#section5 {
    background: black;
    position: relative;
}
div#fp-nav {
    display: none !important;
}
/*********************  Content  *******************/


/*********************  Content Close  *******************/