* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  scroll-behavior: smooth;
}
a,
button:active,
button:focus,
input:active,
input:focus {
  outline: 0 !important;
}
a:hover {
  text-decoration: none;
}

/* container */
.container {
  max-width: 1300px;
  margin: 0 auto;
}

/* header */
.header {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
  background: #00374f;
  padding: 5px 30px;
}
.headerInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.logo {
  width: 33.333%;
}
.logo img {
  display: block;
  max-width: 100%;
}
.headerLinks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.headerLink {
  color: #fff;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 19.2px; /* 160% */
  letter-spacing: 0.24px;
  text-transform: uppercase;
  padding: 0 18px;
}
.burgerBtn,
.closeBtn {
  display: none;
  border: 0;
  background: transparent;
}
.burgerBtn img,
.closeBtn img {
  display: block;
}

/* intro */
.intro {
  background: url('../../assets/img/introBg.webp');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-top: 346px;
  padding-bottom: 200px;
}
.introInner {
  max-width: 1200px;
}
.introTitle {
  color: #fff;
  font-family: Cormorant;
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: 55px; /* 110% */
  letter-spacing: -1.5px;
  text-transform: uppercase;
}
.introBtn {
  display: inline-block;
  color: #fff;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 50px; /* 250% */
  background: #000;
  padding: 13px 20px;
  margin-top: 37px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.introBtn:hover {
  background: #fff;
  color: #000;
}

/* services */
.services {
  background: #00374f;
  padding-top: 118px;
  padding-bottom: 164px;
}
.servicesInner {
  max-width: 1140px;
  margin: 0 auto;
}
.servicesTitle {
  color: #fff;
  text-align: center;
  font-family: Cormorant;
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px; /* 100% */
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
.servicesBoxs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 50px;
}
.serviceBox {
  width: 25%;
}
.serviceBoxTitle {
  color: #fff;
  text-align: center;
  font-family: Cormorant;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px; /* 100% */
  letter-spacing: 0.3px;
  text-transform: capitalize;
}
.serviceBoxSub {
  color: #fff;
  text-align: center;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  text-transform: capitalize;
  margin-top: 41px;
}

/* about */
.about {
  background-image: url('../../assets/img/aboutBg.webp');
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 275px;
  padding-bottom: 172px;
  position: relative;
}
.about::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.72;
  background: #000;
}
.aboutInner {
  max-width: 1118px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.aboutTitle {
  color: #fff;
  font-family: Cormorant;
  font-size: 62px;
  font-style: normal;
  font-weight: 700;
  line-height: 62px; /* 100% */
  text-transform: uppercase;
}
.aboutSub {
  color: #fff;
  font-family: Montserrat;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 153.846% */
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin-top: 53px;
}

/* why */
.why {
  padding-top: 121px;
  padding-bottom: 164px;
  background: #00374f;
}
.whyInner {
  max-width: 1140px;
  margin: 0 auto;
}
.whyTitle {
  color: #fff;
  text-align: center;
  font-family: Cormorant;
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px; /* 100% */
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
.whyBoxs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 46px;
}
.whyBox {
  width: 42%;
}
.whyBoxTitle {
  color: #fff;
  text-align: center;
  font-family: Cormorant;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px; /* 100% */
  letter-spacing: 0.3px;
  text-transform: capitalize;
}
.whyBoxSub {
  color: #fff;
  text-align: center;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  text-transform: capitalize;
  margin-top: 37px;
}

/* blog */
.blog {
  padding-top: 60px;
  padding-bottom: 100px;
}
.blogInner {
  max-width: 1140px;
  margin: 0 auto;
}
.blogTitle {
  color: #000;
  text-align: center;
  font-family: Cormorant;
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px; /* 100% */
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
.blogBoxs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  margin-top: 38px;
}
.arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  left: 0;
  top: 145px;
  width: 100%;
}
.arrowLeft img {
  display: block;
}
.arrowRight img {
  display: block;
}
.blogBox {
  width: 32.1%;
}
.blogBoxImg img {
  display: block;
  max-width: 100%;
  width: 100%;
}
.blogBoxText {
  padding: 20px;
}
.blogBoxDate {
  color: #00374f;
  font-family: Montserrat;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px; /* 107.692% */
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
.blogBoxTitle {
  color: #000;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28.8px; /* 160% */
  letter-spacing: 0.3px;
  text-transform: uppercase;
  margin-top: 22px;
}
.blogBoxSub {
  color: #00374f;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22.4px; /* 160% */
  letter-spacing: 0.3px;
  margin-top: 20.8px;
}
.blogBoxBtn {
  display: inline-block;
  color: #000;
  text-align: center;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22.4px; /* 160% */
  letter-spacing: 1.4px;
  padding: 12px 19.663px 12.39px 20px;
  margin-top: 22px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.blogBoxBtn:hover {
  background: #000;
  color: #fff;
}

/* info */
.info {
  background: #00374f;
  padding-top: 180px;
  padding-bottom: 100px;
}
.infoInner {
  position: relative;
  z-index: 1;
}
.infoTitle {
  color: #fff;
  text-align: center;
  font-family: Cormorant;
  font-size: 70px;
  font-style: normal;
  font-weight: 700;
  line-height: 80px; /* 114.286% */
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
.infoSub img {
  display: block;
}
.infoSub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 4.5px;
  color: #fff;
  text-align: center;
  font-family: Montserrat;
  font-size: 11.9px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px; /* 159.664% */
  letter-spacing: 1.4px;
}

/* articles */
.articles {
  padding: 80px 0;
}
.articlesInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.articlesLeft {
  width: 27.5%;
}
.articlesSearchBoxTitle {
  color: #666;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22.4px; /* 160% */
  letter-spacing: 1.4px;
}
.articlesSearchBoxForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #c3c3c3;
}
.searchInput {
  display: block;
  color: #000;
  font-family: Montserrat;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 160% */
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 100%;
  padding: 7px;
  border-radius: 3px;
  background: #fff;
  border: 0;
}
.articlesSearchBoxBtn {
  display: inline-block;
  color: #666;
  text-align: center;
  font-family: Montserrat;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 160% */
  padding: 6px 15px;
  border-radius: 3px;
  background: #fff;
  border: 0;
  cursor: pointer;
}
.recentPosts {
  margin-top: 51px;
}
.recentPostsTitle {
  color: #00374f;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 27px; /* 150% */
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
.recentPostsLinks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 9px;
  margin-top: 4px;
}
.recentPostLink {
  color: #091c34;
  font-family: Montserrat;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 23.4px; /* 180% */
  letter-spacing: 1.4px;
}
.articlesBoxs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 40px;
  width: 68.7%;
}
.articleBox {
  width: 47.7%;
}
.articleBoxImg img {
  display: block;
  max-width: 100%;
  width: 100%;
}
.articleBoxText {
  padding-top: 13px;
}
.articleBoxTitle {
  color: #00374f;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 21.6px; /* 120% */
  letter-spacing: 1.8px;
  text-transform: uppercase;
}
.articleBoxSub {
  color: #00374f;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22.4px; /* 160% */
  letter-spacing: 1.4px;
  margin-top: 27px;
}
.articleBoxBtn {
  display: block;
  color: #00374f;
  font-family: Montserrat;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 20.8px; /* 160% */
  letter-spacing: 0.65px;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  -webkit-text-decoration-style: solid;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  text-transform: uppercase;
  margin-top: 14px;
}

/* info1 */
.info1 {
  background: url('../../assets/img/chatBg.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
}
.info1::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

/* chat */
.chat {
  padding-top: 112px;
  padding-bottom: 122px;
}
.chatInner {
  max-width: 1140px;
  margin: 0 auto;
}
.chatTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.chatTopBox {
  width: 50%;
  padding: 0 60px;
}
.chatTopBoxTitle {
  color: #000;
  text-align: center;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 27px; /* 150% */
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
.chatTopBoxSub {
  color: #000;
  text-align: center;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22.4px; /* 160% */
  letter-spacing: 0.3px;
  margin-top: 20px;
}
.chatForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 32px;
  margin-top: 10px;
}
.chatFormField {
  width: 100%;
}
.chatFormFieldLabel {
  color: #00374f;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22.4px; /* 160% */
  letter-spacing: 1.4px;
}
.chatFormInput {
  display: block;
  color: #00374f;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22.4px; /* 160% */
  width: 100%;
  height: 35.58px;
  border-radius: 3px;
  border: 1px solid #c3c3c3;
  background: #fff;
  padding: 10px;
}
.chatFormTextArea {
  display: block;
  color: #00374f;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22.4px; /* 160% */
  width: 100%;
  height: 237px;
  border-radius: 3px;
  border: 1px solid #c3c3c3;
  background: #fff;
  outline: none;
  padding: 10px;
}
.chatFormBtn {
  display: inline-block;
  color: #fff;
  text-align: center;
  font-family: Montserrat;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 160% */
  letter-spacing: 1.5px;
  padding: 13px 39px;
  background: #010101;
  cursor: pointer;
  border: 0;
}

/* info2 */
.info2 {
  background: rgba(0, 0, 0, 0.5);
}

/* footer */
.footer {
  background: #00374f;
  padding-top: 106px;
}
.footerTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.footerTopBox {
  width: 27.5%;
}
.footerTopBoxTitle {
  color: #fff;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 27px; /* 150% */
  text-transform: uppercase;
}
.footerLinks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15.8px;
  margin-top: 27px;
}
.footerLink {
  color: #fff;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 25.2px; /* 180% */
  text-transform: capitalize;
}
.footerForm {
  margin-top: 21px;
}
.footerFormLabel {
  color: #fff;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px; /* 150% */
  text-transform: capitalize;
}
.emailInput {
  display: block;
  color: #000;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px; /* 150% */
  width: 335px;
  height: 35.58px;
  border-radius: 3px;
  border: 1px solid #c3c3c3;
  background: #fff;
}
.suscribeBtn {
  display: inline-block;
  color: #fff;
  text-align: center;
  font-family: Montserrat;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 160% */
  letter-spacing: 1.5px;
  border: 0;
  background: #010101;
  padding: 12px 39.92px 14px 39px;
  margin-top: 14px;
}
.footerTopBoxSub {
  color: #fff;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px; /* 150% */
  text-transform: capitalize;
  margin-top: 21px;
}
.footerSub {
  color: #fff;
  text-align: center;
  font-family: Montserrat;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 160% */
  border-top: 1px solid #171716;
  padding: 35px 0;
  margin-top: 109px;
}