/* Base CSS */

@import url("https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");

@font-face {
   font-family: "Rounded Elegance";
   src: url("../fonts/RoundedElegance-Regular.woff2") format("woff2"),
      url("../fonts/RoundedElegance-Regular.woff") format("woff"),
      url("../fonts/RoundedElegance-Regular.ttf") format("truetype");
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}

* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}

:root {
   --primary: #0f6a89;
   --header-color: #2b2873;
}

a {
   text-decoration: none;
   transition: all 0.3s;
}

button {
   transition: all 0.3s;
}

ul {
   margin: 0;
   padding: 0;
}

li {
   list-style-type: none;
}

input:focus,
select:focus,
textarea:focus {
   outline: none;
   box-shadow: none;
}
body {
   font-family: "Roboto", sans-serif;
   color: var(--primary);
}
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
   padding: 0 15px;
}
.section-title {
   font-size: 50px;
   line-height: 1.1;
   gap: 10px;
}
.section-title-border {
   height: 1px;
   background-color: #036398;
}
.section-title-border {
   height: 1px;
   background-color: #036398;
   margin-bottom: 12px;
}
.section-divider {
   gap: 72px;
}
.section-divider-divider {
   height: 1px;
   background-color: #054f9a;
}
.divider-shape {
   width: 18px;
}
.theme-btn .btn-text {
   font-size: 20px;
   line-height: 1;
   padding: 7.5px 16px 7.5px 10px;
   background-color: #036398;
   transition: all 0.3s;
}
.theme-btn .btn-icon {
   width: 37px;
   background-color: var(--header-color);
   transition: all 0.3s;
}
.theme-btn .btn-icon img {
   width: 9px;
}
.theme-btn {
   color: #fff;
}
.theme-btn:hover .btn-text {
   background-color: var(--header-color);
}
.theme-btn:hover .btn-icon {
   background-color: #036398;
}
h3 {
   font-size: 32px;
}
/* Base CSS End */

/* header section start */

.header {
   padding: 18px 0;
   border-top: 8px solid var(--primary);
   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.header-info-wrap {
   gap: 65px;
}
.header-info {
   font-size: 20px;
   gap: 15px;
   color: var(--header-color);
   font-family: "Ubuntu", sans-serif;
}
.header-info img {
   width: 21px;
   height: 21px;
}
.header-info:hover {
   text-decoration: underline;
}
.logo {
   margin: 20px 0;
}
.logo img {
   width: 515px;
}
.header-nav-menu {
   gap: 10px;
}
.menu-link {
   font-size: 24px;
   color: var(--header-color);
   line-height: 1;
   padding: 10px 20px;
}
.menu-item:hover .menu-link {
   background-color: #f3fbff;
}
.menu-item.has-megamenu:hover .megamenu {
   opacity: 1;
   visibility: visible;
   top: 100%;
}
.megamenu {
   grid-template-columns: 1fr 1px 1fr 1px 1fr;
   gap: 32px;
   background-color: #f9fdff;
   padding: 40px 50px 50px;
   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
   top: calc(100% + 40px);
   opacity: 0;
   visibility: hidden;
   transition: all 0.4s;
}
.megamenu-list {
   gap: 48px;
}
.megamenu-link {
   font-size: 18px;
   color: var(--header-color);
   gap: 12px;
   letter-spacing: 1.5px;
}
.megamenu-link-icon {
   width: 36px;
}
.megamenu-link-text {
   padding-top: 3px;
}
.megamenu-link:hover {
   color: var(--primary);
}
.header-title {
   font-size: 23px;
   top: 50%;
   left: 140px;
}
.megamenu-divider {
   align-self: center;
   height: 70%;
   border-left: 1px dashed #0063b1;
}

/* offcanvas menu start */
.menu-toggle,
.offcanvas-close {
   color: var(--header-color);
}
.header-offcanvas .megamenu {
   padding: 24px 16px;
   grid-template-columns: 1fr;
   gap: 24px;
}
.header-offcanvas .megamenu-divider {
   height: 1px;
   border-bottom: 1px dashed #0063b1;
   border-left: 0;
}
.header-offcanvas .megamenu-list {
   gap: 20px;
}
.header-offcanvas .megamenu-link {
   font-size: 14px;
   letter-spacing: 1px;
}
.header-offcanvas .megamenu-link-icon {
   width: 26px;
}
.header-offcanvas .megamenu-link-text {
   padding-top: 1px;
}
.menu-link[aria-expanded="true"] {
   background-color: #f3fbff;
}
/* offcanvas menu end */

/* header section end */

/* hero section start */
.hero {
   background-size: cover;
   background-position: center;
}
.hero::after {
   content: "";
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   background-color: rgba(5, 47, 84, 0.23);
}
.home-hero::after {
   background-color: rgba(12, 132, 199, 0.51);
}
.service-hero::after {
   display: none;
}
.contact-hero::after {
   background-color: rgba(15, 106, 137, 0.24);
}
.hero-title {
   font-size: 80px;
}
.hero-title.big {
   font-size: 100px;
   line-height: 0.9;
}
.hero:not(.home-hero) .hero-title {
   max-width: 880px;
}
.hero-subtitle {
   font-size: 47px;
   margin-top: 8px;
}
.hero-wrapper {
   min-height: 355px;
   padding: 50px 0;
}
.home-hero .hero-wrapper {
   min-height: 750px;
   padding: 100px 0;
}
/* hero section end */

/* chartering section start */
.chartering {
   padding: 35px 0;
}
.chartering .section-title {
   margin-bottom: 40px;
}
.chartering-content {
   max-width: 748px;
}
.chartering-desc p {
   line-height: 18px;
}
.chartering-desc {
   margin-bottom: 30px;
}
/* chartering section end */

/* service section start */
.service {
   padding: 30px 0 60px;
}
.service .section-title {
   margin-bottom: 25px;
}

.service-wrapper .row {
   --bs-gutter-x: 30px;
   --bs-gutter-y: 136px;
}
.service-item-icon {
   width: 168px;
   height: 168px;
   box-shadow: 6px 6px 6px rgba(3, 99, 152, 0.16);
   margin: 0 auto 12px;
   transition: all 0.3s;
}
.service-item-icon:hover {
   box-shadow: 12px 12px 12px rgba(3, 99, 152, 0.16);
}
.service-item-icon img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain;
}
.service-item-title {
   font-size: 23px;
   line-height: 28px;
   letter-spacing: 2px;
   min-height: 56px;
   margin-bottom: 4px;
}
.service-item-desc {
   max-width: 300px;
   margin: 0 auto 32px;
   line-height: 20px;
   letter-spacing: 1.5px;
}
/* service section end */

/* cta section start */
.cta {
   padding: 60px 0;
}

.cta-wrapper {
   background: linear-gradient(
         rgba(12, 132, 199, 0.81),
         rgba(12, 132, 199, 0.81)
      ),
      url("../images/cta-bg.jpg") center/cover;
   max-width: 832px;
   padding: 36px 115px 24px 30px;
}
.cta-content {
   font-family: "Rounded Elegance";
   max-width: 280px;
}
.cta-subtitle {
   font-size: 20px;
   margin-bottom: 15px;
   line-height: 28px;
   letter-spacing: 1px;
}
.cta-title {
   font-size: 42px;
   line-height: 57px;
   letter-spacing: 1.5px;
}
.cta-btn .btn-text {
   background-color: #fff;
   padding-left: 24px;
   padding-right: 24px;
}
.cta-btn .btn-icon {
   background-color: #036398;
}
.cta-btn:hover {
   color: #fff;
}
.cta-btn {
   color: #0c84c7;
}
/* cta section end */

/* news section start */
.news {
   padding: 60px 0;
}
.news .section-title {
   margin-bottom: 30px;
}
.news-wrapper .row {
   --bs-gutter-x: 32px;
   --bs-gutter-y: 32px;
}
.news-card-title {
   font-size: 23px;
   line-height: 28px;
   letter-spacing: 1.5px;
}
.news-card-desc {
   line-height: 20px;
   letter-spacing: 1px;
   max-width: 504px;
}
.news-card.sm {
   gap: 32px;
}
.news-card.sm .news-card-thumb {
   width: 162px;
   height: 105px;
}
.news-card-link {
   inset: 0;
}
/* news section end */

/* info section start */
.info {
   padding: 60px 0;
}
.info .section-title {
   margin-bottom: 30px;
}
.info-item {
   width: 180px;
   color: var(--primary);
}
.info-item:hover {
   color: var(--header-color);
}
.info-item-icon {
   width: 156px;
   height: 160px;
   margin-bottom: 20px;
}
.info-item h4 {
   font-size: 25px;
   letter-spacing: 1.5px;
   line-height: 30px;
}
/* info section end */

/* brand section start */
.brand {
   padding: 60px 0;
}
.brand .section-title {
   margin-bottom: 43px;
}
.brand-logo-wrap {
   padding: 0 40px 24px 60px;
   margin-bottom: 30px;
   grid-template-columns: repeat(3, 1fr);
   gap: 24px;
}
.brand-logo img {
   max-width: 100%;
}
.certificate-wrap {
   gap: 30px;
}
.certificate img {
   width: 217px;
}
/* brand section end */

/* footer section start */
.footer {
   background: linear-gradient(
         rgba(33, 126, 173, 0.83),
         rgba(33, 126, 173, 0.83)
      ),
      url("../images/footer-bg.jpg") center/cover;
}
.footer-wrapper {
   padding: 235px 0 45px;
}
.footer-title {
   font-size: 26px;
   border-bottom: 2px solid #e99c00;
   width: max-content;
   padding: 0 12px 4px;
   margin-bottom: 18px;
   letter-spacing: 1.5px;
}
.footer-wrapper-title {
   width: 230px;
   margin-bottom: 45px;
}
.footer-widget-info p {
   line-height: 30px;
   margin-bottom: 0;
   color: #fff;
}
.footer-widget-info p a {
   color: inherit;
}
.footer-widget {
   max-width: 260px;
}
.footer-widget-wrapper {
   gap: 230px;
   margin-bottom: 48px;
}
.social-icon-wrap {
   gap: 22px;
}
.social-icon img {
   width: 22px;
   transition: all 0.5s;
}
.social-icon:hover img {
   transform: scale(1.3);
}
.copyright {
   background-color: rgba(5, 47, 84, 0.77);
   padding: 12px 0;
   font-family: "Ubuntu", sans-serif;
}
.copyright-wrapper {
   gap: 30px;
}
.footer-links a {
   color: #fff;
}
.footer-links a:hover {
   color: #e99c00;
}
.footer-widget-info p a:hover {
   color: #e99c00;
}
.footer-social {
   max-width: 100%;
}
/* footer section end */

/* about section start */

.about {
   padding: 34px 0 115px;
}
.about-wrapper .row {
   --bs-gutter-x: 32px;
   --bs-gutter-y: 32px;
}
.about-thumb {
   border: 10px solid #fff;
}
.about-thumb img {
   transition: all 1s;
}
.about-thumb:hover img {
   transform: scale(1.1);
}
.about-thumb-content {
   background-color: rgba(15, 106, 137, 0.93);
   width: 322px;
   padding: 12px 30px;
   border-bottom-right-radius: 36px;
   position: absolute;
   bottom: 18px;
   right: 18px;
   z-index: 1;
}
.about-thumb-content h3 {
   font-size: 43px;
   line-height: 40px;
   letter-spacing: 4px;
}
.section-subtitle {
   font-size: 18px;
   line-height: 1;
   letter-spacing: 2px;
}
.about .section-subtitle {
   margin-bottom: 65px;
}
.about .section-title {
   margin-bottom: 14px;
}
.about-feature-wrapper {
   margin-top: 80px;
   max-width: 1000px;
}
.about-feature-wrapper .row {
   --bs-gutter-x: 32px;
   --bs-gutter-y: 28px;
}
.about-feature-title {
   font-size: 34px;
   line-height: 1;
   letter-spacing: 3px;
   margin-bottom: 30px;
}
.about-feature-list li {
   list-style-type: disc;
   font-size: 14px;
   line-height: 30px;
}
.about-feature {
   border: 1px solid var(--primary);
   padding: 16px 16px 32px;
}
/* about section end */

/* about group section start */

.about-group {
   background-color: #0e6fa5;
   padding: 100px 0;
}
.about-group-content .section-title {
   margin-bottom: 34px;
}
.about-group-content h3 {
   margin-bottom: 54px;
}
.about-group-content-desc {
   max-width: 938px;
   padding-bottom: 18px;
}
.about-group-content-btn {
   width: max-content;
}
.about-group-content-btn .btn-text {
   background-color: #ffaa00;
}
.about-group-content-btn .btn-icon {
   background-color: #ff6f00;
}
.about-group-content-btn:hover .btn-text {
   background-color: #ff6f00;
}
.about-group-content-btn:hover .btn-icon {
   background-color: #ffaa00;
}
.about-group-content {
   padding-bottom: 47px;
   margin-bottom: 54px;
}
.about-group-content::after {
   content: "";
   width: 565px;
   height: 2px;
   background-color: #fff;
   position: absolute;
   left: 0;
   right: 0;
   margin: auto;
   bottom: 0;
   max-width: 100%;
}
.structure-img {
   max-width: 1000px;
   margin-top: 70px;
}
/* about group section end */

/* vision section start */

.vision {
   padding: 68px 0 125px;
}
.vision-section-title {
   margin-bottom: 55px;
}
.vision-content h3 {
   margin-bottom: 28px;
}
.vision-content-desc {
   max-width: 938px;
   margin-bottom: 48px;
}
.vision-content .row {
   max-width: 776px;
   --bs-gutter-x: 32px;
}
.vision-content-box {
   padding: 30px 28px 47px;
   height: 100%;
   border: 1px solid var(--primary);
}
.vision-content-img {
   margin-top: 95px;
   max-width: 618px;
}
.vision-content:not(:last-child) {
   margin-bottom: 80px;
}
.vision-content-desc ul li {
   list-style-type: disc;
}
.vision-content-desc ul {
   padding-left: 16px;
}
/* vision section end */

/* history section start */

.legacy {
   background-color: #f4f6f5;
   padding: 43px 0 67px;
}
.legacy .section-title {
   margin-bottom: 65px;
}
.legacy-content-wrap {
   max-width: 938px;
   margin-bottom: 80px;
}
.legacy-content-wrap .row {
   --bs-gutter-x: 32px;
}
.legacy-content p {
   letter-spacing: 1.6px;
}
.history .section-title {
   color: #1d2c38;
   margin-bottom: 35px;
}
.history-wrapper {
   grid-template-columns: repeat(4, 1fr);
   gap: 54px;
}
.history-item-title {
   font-size: 60px;
   line-height: 1;
   color: #488da5;
}
.history-item-title span {
   font-size: 41px;
}
.history-item::before {
   content: "";
   width: 26px;
   height: 26px;
   background-color: #dd6900;
   outline: 4px solid rgba(221, 105, 0, 0.44);
   position: absolute;
   bottom: 4px;
   left: 50%;
   transform: translateX(-50%);
   border-radius: 50%;
}
.history-item {
   padding-bottom: 69px;
   z-index: 1;
}
.history-item::after {
   content: "";
   width: calc(100% + 54px);
   height: 1px;
   background-color: #1d2c38;
   position: absolute;
   bottom: 16px;
   left: 43%;
   z-index: -1;
}
.history-item:last-child::after {
   display: none;
}
/* history section end */

/* profile section start */

.team {
   padding: 280px 0 125px;
}
.team-wrapper .row {
   --bs-gutter-x: 32px;
   --bs-gutter-y: 74px;
}
.team-content .section-subtitle {
   color: #1d2c38;
}
.team-content-desc {
   max-width: 356px;
}
.readmore-btn {
   font-size: 14px;
   line-height: 1;
   padding: 11px 35px;
   border: 1px solid var(--primary);
   color: var(--primary);
   border-bottom-right-radius: 16px;
}
.readmore-btn:hover {
   background-color: var(--primary);
   color: #fff;
}
.profile-img {
   border: 1px solid #707070;
   border-radius: 130px;
   height: 354px;
   object-fit: cover;
}
.profile-info {
   background-color: rgba(15, 106, 137, 0.93);
   padding: 17px 10px 20px;
   border-bottom-right-radius: 36px;
   right: 4px;
}
.profile-name {
   font-size: 21px;
}
.profile-designation {
   font-size: 17px;
   line-height: 20px;
}
.profile {
   padding-bottom: 12px;
}
/* profile section end */

/* company section start */
.company-section-subtitle {
   color: var(--header-color);
   letter-spacing: normal;
   margin-bottom: 70px;
}
.company-wrapper .row {
   --bs-gutter-x: 32px;
   --bs-gutter-y: 48px;
}
.company-thumb {
   border-radius: 204px;
}
.company-thumb img {
   transition: all 1s;
}
.company-thumb:hover img {
   transform: scale(1.1);
}
.lanitis-group-logo {
   width: 108px;
   margin-top: 10px;
}
.company-wrapper:not(:last-child) {
   margin-bottom: 100px;
}
.un-global-logo {
   width: 300px;
}
/* company section end */

/* testimonial section start */

.testimonial {
   padding: 138px 0 75px;
}
.testimonial-slide {
   padding-top: 51px;
   padding-left: 23px;
}
.quote-icon {
   width: 97px;
   top: 0;
   z-index: -1;
}
.testimonial-slider-pagination {
   margin-top: 20px;
}
.swiper-pagination-bullet {
   width: 20px;
   height: 20px;
   opacity: 1;
   background-color: transparent;
   border: 1px solid #707070;
   transition: all 0.3s;
   margin: 0 6.5px !important;
}
.swiper-pagination-bullet:hover,
.swiper-pagination-bullet-active {
   background-color: #68a0b4;
   border-color: #68a0b4;
}
/* testimonial section end */

/* partner section start */

.partner-logo-wrap .row {
   --bs-gutter-x: 32px;
   --bs-gutter-y: 32px;
}
.partner {
   padding-bottom: 75px;
}
/* partner section end */

/* service section 2 start */

.service-2 {
   padding: 120px 0 40px;
}
.service-top-title .section-title {
   margin-bottom: 40px;
}
.service-top-content {
   max-width: 600px;
}
.service-top-title h3 {
   max-width: 280px;
}
.service-top {
   margin-bottom: 180px;
}
.service-thumb-wrapper .row {
   --bs-gutter-x: 32px;
   --bs-gutter-y: 32px;
}
.service-thumb img {
   transition: all 1s;
}
.service-thumb:hover img {
   transform: scale(1.1);
}
.service-feature-wrapper {
   max-width: 938px;
}
.service-feature-desc {
   max-width: 597px;
   margin: 35px 0 35px 96px;
}
/* service section 2 end */

/* news detail section start */

.news-detail {
   padding: 50px 0 120px;
}
.news-thumb img {
   transition: all 1s;
}
.news-thumb:hover img {
   transform: scale(1.1);
}
.news-content {
   margin: 30px 0 40px;
}
.news-title {
   -webkit-text-stroke: 1px #203a82;
   letter-spacing: 4px;
}
.news-content-block h4 {
   font-size: 23px;
   letter-spacing: 3px;
}
.news-desc {
   max-width: 938px;
}
.news-desc p a {
   color: inherit;
}
.news-desc p a:hover {
   text-decoration: underline;
}
.news-pagination {
   max-width: 650px;
}
.news-pagination-btn {
   gap: 16px;
   font-size: 23px;
   letter-spacing: 2px;
   color: var(--header-color);
}
.news-pagination-btn:hover {
   color: #1a3b46;
}
.news-pagination-btn img {
   width: 16px;
}
.news-pagination-btn.btn-next img {
   transform: rotate(180deg);
}
/* news detail section end */

/* contact section start */
.contact {
   padding: 65px 0 50px;
}
.contact-title {
   margin-bottom: 80px;
}
.contact-content {
   max-width: 505px;
}
.contact-content-title {
	font-size: 43px;
}
.contact-info-wrap {
   margin: 45px 0 60px;
}
.contact-info {
   gap: 22px;
   color: var(--primary);
}
.social-icon-wrap {
   gap: 32px;
   margin-bottom: 45px;
}
.social-icon img {
   width: 32px;
}
.website-url {
   font-size: 20px;
   color: var(--primary);
}
.website-url:hover {
   color: var(--header-color);
}
.input-label {
   margin-bottom: 5px;
}
.input-field {
   height: 43px;
   border: 1px solid var(--primary);
   padding: 8px 16px;
   color: var(--primary);
}
.form-input {
   margin-bottom: 22px;
}
.text-field {
   height: 204px;
   resize: none;
}
/* contact section end */