/* Font - Roboto */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

body {
  background: #ffffff;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: "Roboto", sans-serif;
}

html,
body {
  overflow-x: hidden;
}

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

::selection {
  color: #fff;
  background: #0095a9;
  text-shadow: none;
}

::-webkit-selection {
  color: #fff;
  background: #17bed2;
  text-shadow: none;
}

img {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -ms-user-drag: none;
}

/* GENERAL */
html {
  -webkit-font-smoothing: antialiased;
}


a {
  text-decoration: none !important;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

a:hover,
a:active,
a:focus {
  outline: none;
  text-decoration: none;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-thumb {
  cursor: pointer;
  background: #002744;
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 991.98px) and (min-width: 360px) {
  ::-webkit-scrollbar {
    width: 0px;
    height: 0px;
  }
}


/* -------------------------------------------------------------------------- 0. SECTION HEADINGS ------------------------------------------------------------------- */

.headings {
  float: left;
}

.section-heading {
  float: left;
  display: flex;
}

.section-heading h2 {
  letter-spacing: -0.5px;
  float: left;
}

.section-heading p.large {
  letter-spacing: 0.5px;
  position: relative;
  float: left;
}

.section-heading p.heading-up span {
  color: #ffffff;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 3px;
}

.section-heading p.heading-up-2 {
  color: #b2b2b2;
}

.center {
  display: flex;
  justify-content: center;
}

.section-heading p.sc-color {
  color: #00444d50;
}

.section-heading p.sc-color-1 {
  color: #00274450;
}

.section-heading p.sc-color-2 {
  color: #f5a42550;
}

.section-heading p.sc-color-3 {
  color: #23440050;
}

.section-heading p.sc-color-5 {
  color: #bcf7ff20;
}

.section-heading p.sc-color-6 {
  color: #00687550;
}

.section-heading p.sc-color-7 {
  color: #67a6d720;
}


.section-heading h2 .theme-color {
  color: #00444d;
}

.section-heading h2 .theme-color-1 {
  color: #002744;
}

.section-heading h2 .theme-color-2 {
  color: #f5a425;
}

.section-heading h2 .theme-color-3 {
  color: #234400;
}

.section-heading h2 .theme-color-4 {
  color: #0095a9;
}

.section-heading h2 .theme-color-5 {
  color: #bcf7ff;
}

.section-heading h2 .theme-color-6 {
  color: #006875;
}

.section-heading .heading-color {
  color: #a0d0d6;
}

.section-heading .heading-color-1 {
  color: #ffea83;
}

.section-heading .heading-color-2 {
  color: #afb7b7;
}

.section-heading .heading-color-3 {
  color: #aaea65;
}

.section-heading .heading-color-4 {
  color: #4a919a;
}


.section-heading p.hu-color span {
  background-color: #60ba02;
  color: #d6faff;
}

.section-heading p.hu-color-1 span {
  background-color: #002744;
  color: #ffed92;
}

.section-heading p.hu-color-2 span {
  background-color: #e8c304;
  color: #002744;
}

.section-heading p.hu-color-3 span {
  background-color: #4f9900;
  color: #daffb2;
}

.section-heading p.hu-color-4 span {
  background-color: #005ba0;
  color: #b2deff;
}

.section-heading p.hu-color-5 span {
  background-color: #0095a9;
  color: #ffffff;
}

.section-heading p.large {
  color: #455556;
}

.section-heading p.large-color-1 {
  color: #00365f;
}

.section-heading p.large-color-2 {
  color: #7e6900;
}

.section-heading p.large-color-3 {
  color: #326200;
}

.section-heading p.large-color-4 {
  color: #407ca9;
}

/* Large devices (Min. Laptop, Min. Desktops, less than 1200px) */
@media (max-width: 1199.98px) and (min-width: 991.98px) {
  .section-heading p.hu-color-1 span {
    font-size: 11px;
  }

  .section-heading p.section-count {
    font-size: 70px;
  }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) and (min-width: 767.98px) {

  .section-heading p.section-count {
    font-size: 50px;
  }

  .section-heading h2 {
    font-size: 32px;
  }

  .heading-up span {
    font-size: 15px;
  }

  .section-heading .large {
    font-size: 19px;
  }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) and (min-width: 575.98px) {
  .section-heading p.section-count {
    font-size: 50px;
  }

  .section-heading h2 {
    font-size: 32px;
  }

  .heading-up span {
    font-size: 15px;
  }

  .section-heading .large {
    font-size: 19px;
  }

  .section-heading p.heading-up span {
    font-size: 14px;
  }
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) and (min-width: 360px) {
  .section-heading h2 span {
    font-size: 32px;
  }

  .section-heading h2 {
    font-size: 25px;
  }

  .heading-up span {
    font-size: 13px;
  }

  .section-heading .large {
    font-size: 16px;
  }
}

/* Section Heading End */


/* -------------------------------------------------------------------------- 14. CONTACT US ---------------------------------------------------------------------- */

#contact-us .contact-heading h3 {
  color: #3786c2;
}

#contact-us address {
  color: #7bc6ff;
}

#contact-us {
  background-image: url(../images/header-background.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

#contact-us .location,
#contact-us .phone,
#contact-us .message {
  background-color: #001e35b2;
  border-radius: 5px;
  text-align: center;
  border: 1px solid #346a93;
}

#contact-us .phone svg,
#contact-us .message svg,
#contact-us .location svg {
  display: inline-block;
  text-align: center;
  color: #fff;
  background-color: #3786c2;
  border-radius: 50%;
  text-align: center;
  fill: #00192c;
}

#contact-us .phone h4,
#contact-us .message h4 {
  color: #7bc6ff;
}

#contact-us .phone span a,
#contact-us .message span a {
  color: #7bc6ff;
  transition: all .3s;
}

#contact-us .phone span a:hover,
#contact-us .message span a:hover {
  color: #0060ae;
}

#contact {
  background-color: #001d33cc;
  border-radius: 5px;
  border: 1px solid #0060ae;
}

#contact h4 {
  text-align: center;
  color: #488dc9;
}

.contact-form input,
.contact-form textarea,
.contact-form select {
  color: #2a2a2a;
  border: 1px solid #45abff;
  background-color: #488dc9;
  width: 100%;
  height: 46px;
  border-radius: 5px;
  outline: none;
  padding-top: 3px;
  padding-left: 20px;
  padding-right: 20px;
  /*-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;*/
}

.contact-form .checkboxs {
  color: #2a2a2a;
  border: 1px solid #45abff;
  background-color: #488dc9;
  border-radius: 5px;
}

.contact-form .checkboxs fieldset {
  margin: 0px;
  padding: 0px;
}

.contact-form input:focus,
.contact-form textarea:focus,
.contact-form select:focus {
  border-color: #8dcdff;
}

.contact-form button {
  color: #fff;
  background-color: #2a74b3;
  border: none;
  display: inline-block;
  border-radius: 3px;
  transition: all .3s;
}

.contact-form button:hover {
  opacity: .9;
}

.contact-form textarea {
  height: 150px;
  resize: none;
}

.contact-form ::-webkit-input-placeholder {
  color: #2a2a2a;
}

.contact-form :-ms-input-placeholder {
  color: #2a2a2a;
}

.contact-form ::placeholder {
  color: #2a2a2a;
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) and (min-width: 767.98px) {
  #contact-us .contact-heading h3 {
    font-size: 24px;
  }
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) and (min-width: 360px) {
  #contact-us .contact-heading h3 {
    font-size: 24px;
  }
}

/* --------------------------------------------------------------------------------- 15. FOOTER ------------------------------------------------------------------ */

footer {
  background-color: #00182b;
}

footer p.copyright {
  text-align: left;
  color: #49667c;
}

.sub-footer p a {
  color: #49667c;
}

.sub-footer p a:hover {
  color: #b79800;
}

.sub-footer .logo span {
  color: #656c74;
}

.sub-footer .logo span em {
  font-style: normal;
  color: #2a2a2a;
}

.sub-footer .social-links {
  text-align: right;
}

.sub-footer .social-links ul li {
  display: inline-block;
}

.sub-footer .social-links ul li a svg {
  display: inline;
  text-align: center;
  transition: all .3s;
  fill: #e8c304;
}

.sub-footer .social-links ul li a:hover {
  color: #0095a9;
}