.faq-section .accordion-body, .faq-section h4 button, .jouney-blue, .people-quote-cnt h4, .ui-widget, .up-right h5 {
  font-family: Inter, sans-serif
}
.faq-section .accordion-body, .faq-section h4 button, .jouney-blue, .people-quote-cnt h4, .ui-widget, .up-right span {
  font-family: Inter, sans-serif
}
.content-tab li, .course-overview-section li {
  background: url(../images/arrow-right-yellow.svg) left 7px no-repeat
}
.quotes-slider-main .swiper-button-prev, .quotes-slider-main .swiper-button-prev:hover, .vessel-slider-arrows .swiper-button-prev {
  transform: rotate(180deg)
}
.about-course-outer p {
  margin-bottom: 31px
}
.about-course-outer p:last-child, .accordion-body p:last-child {
  margin-bottom: 0
}
@media (max-width: 1599px) {
  .course-date-desc h3 {
      font-size: 65px;
      line-height: 74px;
      padding: 0px;
      margin: 0px 0px 50px;
  }
}
.about-course-outer h2 {
  position: relative;
  margin-bottom: 46px;
  color: #000;
  padding-bottom: 33px
}
.about-course-outer {
  border-bottom: 1px solid #bebebe;
  padding-bottom: 115px
}
.about-course-outer h2::after, .license-list-sec h3::after, .our-client-section h2.after-line::after {
  position: absolute;
  content: '';
  width: 80px;
  height: 2px;
  background: #d9ae16;
  display: block;
  bottom: 0
}
.courses-offering-outer .mx-width {
  max-width: 372px;
  margin-bottom: 0;
  color: #000
}
#splide01, .license-slider, .related-course-slider, .vessel-box, .vessels-slider {
  position: relative
}
.courses-offering-slider, .hover-img-box, .tab-license-wraper {
  overflow: hidden
}
.courses-offering-slider .splide--slide {
  padding-right: 35px
}
.my-slider-progress, .my-slider-progress-second {
  background: #ccc;
  transform-origin: 0 0;
  transform: rotate(90deg);
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 999;
  width: 100%;
  margin-top: 50px
}
.course-slider-progress-bar, .my-slider-progress-bar {
  background: #d9ae16;
  height: 3px;
  transition: width .4s;
  width: 0
}
.course-date-section {
  background: #053969;
  --scroll-bar: 8px;
  overflow: hidden
}
.course-date-outer, .license-desc-outer, .related-course-outer, .swiper-container .quotes-swiper, .vessel-wrap {
  margin-right: calc(-50vw + 50% + (var(--scroll-bar)/ 2)) !important
}
.course-date-outer p, .modules-blue h5 a, .tab-blue-sec .content-tab li, .tab-blue-sec li, .tab-content-inner-2-sec, .tab-license-sec {
  color: #fff
}
.course-date-outer h2 {
  color: #fff;
  position: relative
}
.course-date-outer h3 {
  color: #fff;
  position: relative;
}
.course-date-desc, .license-desc {
  max-width: 435px
}
.course-date-outer h2.sm-title {
  color: #4886c4 !important
}
.course-date-outer h3.sm-title {
  color: #4886c4 !important
}
.course-date-outer h2.after-line {
  margin-bottom: 70px
}
.course-date-outer h3.after-line {
  margin-bottom: 70px
} 
.course-date-outer h2.after-line::after, .couse-dates h2::after, .license-desc-outer h2::after, .related-course h2::after, .tab-content-inner-2-sec h3::after, .tab-license-sec h2::after {
  position: absolute;
  content: '';
  width: 80px;
  height: 2px;
  background: #d9ae16;
  display: block;
  bottom: -35px
}
.course-date-section-sub {
  background: #fff
}
.course-date-section-sub .tab-head-ul, .hover-img-box img, .school-images img, .tab-img-wrap img {
  width: 100%
}
.course-date-section-sub .tab-head {
  border: 1px solid #d9ae16;
  margin-bottom: 20px;
  background: #fff;
  display: inline-flex;
  max-width: 588px;
  width: 100%
}
.ui-widget.ui-widget-content {
  border: none;
  padding: 0
}
.tab-img-wrap {
  text-align: right;
  max-width: 452px;
  margin-left: auto
}
.content-tab {
  padding-top: 20px
}
.tab-blue-sec .content-tab p {
  font-size: 16px;
  margin-bottom: 18px
}
.tab-license-wraper #tabs-second, .ui-tabs .ui-tabs-panel {
  padding: 0
}
.content-tab li {
  font-weight: 200;
  padding-left: 30px;
  min-height: 30px;
  margin-bottom: 20px;
  color: #1c1c1c
}
.course-date-section-sub .tab-head ul.ui-widget-header {
  background: 0 0;
  border: none;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-around
}
.course-date-section-sub .ui-button.ui-state-active:hover, .course-date-section-sub .ui-button:active, .course-date-section-sub .ui-state-active, .course-date-section-sub .ui-widget-content .ui-state-active, .course-date-section-sub .ui-widget-header .ui-state-active, .course-date-section-sub a.ui-button:active {
  border: 0 !important;
  background: #d9ae16 !important;
  font-weight: 400;
  color: #000;
  border-radius: 0;
  text-transform: uppercase;
  white-space: normal;
  text-align: center
}
.course-date-section-sub .ui-tabs .ui-tabs-nav li {
  white-space: normal;
  padding: 0;
  float: inherit;
  margin: 0 14px 0 0;
  text-align: center;
  flex: 1 0 0%;
  border: 0 !important
}
.course-date-section-sub .ui-tabs .ui-tabs-nav li:last-child, .tab-license-wraper #tabs-second.ui-tabs .ui-tabs-nav li:last-child {
  margin-right: 0
}
.course-date-section-sub .ui-tabs .ui-tabs-nav li a {
  max-width: 130px;
  padding: 9px 10px !important;
  float: none !important;
  margin: auto;
  display: block
}
.course-date-section-sub .ui-state-default, .course-date-section-sub .ui-widget-content .ui-state-default, .course-date-section-sub .ui-widget-header .ui-state-default {
  border: inherit;
  background: inherit
}
.quotes-slider-main .swiper-button-next:hover, .quotes-slider-main .swiper-button-prev:hover {
  background: url(../images/btn-arrow-y.svg) 15px center no-repeat #fff
}
.course-date-section-sub .ui-button, .course-date-section-sub .ui-state-default a, .course-date-section-sub .ui-state-default a:link, .course-date-section-sub .ui-state-default a:visited, .course-date-section-sub a.ui-button, .course-date-section-sub a:link.ui-button, .course-date-section-sub a:visited.ui-button {
  color: #d9ae16;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase
}
.course-date-section-sub .ui-state-active a, .course-date-section-sub .ui-state-active a:link, .course-date-section-sub .ui-state-active a:visited {
  color: #000;
  font-size: 14px;
  line-height: 19px
}
.course-trainig-wraper {
  text-align: center
}
.course-trainig-wraper-inner {
  background: #053969;
  padding-bottom: 350px
}
.course-trainig-wraper h2 {
  color: #fff;
  position: relative;
  max-width: 667px;
  margin: 0 auto 110px
}
.course-trainig-wraper h2::after {
  position: absolute;
  content: '';
  width: 80px;
  height: 2px;
  background: #d9ae16;
  display: block;
  bottom: -55px;
  left: 0;
  right: 0;
  margin: auto
}
.course-trainig-wraper .course-trainig-wraper-inner h2 {
  margin: 0 auto 70px
}
.course-trainig-wraper .course-trainig-wraper-inner h2::after {
  bottom: -45px
}
.detail-list-box {
  display: flex;
  align-items: center;
  text-align: left;
  padding: 15px;
  margin-bottom: 47px;
  border: 1px solid transparent
}
.detail-list-box p {
  margin-bottom: 0;
  color: #fff;
  line-height: 17px;
  font-weight: 200
}
.detail-list-box img {
  margin-right: 13px
}
.course-list {
  max-width: 845px;
  margin: auto
}
.certification-box {
  background: #fff;
  padding: 60px;
  margin-top: -303px;
  box-shadow: 28px 18px 50px 0 #00000017
}
.logo-wrap {
  padding: 49px 110px;
  border: 1px solid #bebebe;
  margin-bottom: 16px
}
.blue-short-box {
  padding: 40px 22px;
  background: #00366b;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%
}
.blue-short-box h4 {
  color: #fff;
  font-size: 22px;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 15px
}
.blue-short-box p, .license-swiper-box p {
  margin-bottom: 0;
  color: #fff
}
.learn-authorities {
  text-align: left;
  padding-left: 125px
}
.learn-authorities h3 {
  margin-bottom: 64px;
  max-width: 389px;
  color: #000
}
.our-client-section {
  --scroll-bar: 8px
}
.our-client-section h2.after-line {
  position: relative;
  margin-bottom: 62px;
  padding-bottom: 43px
}
.faq-section h2::after {
  bottom: 0;
  margin: auto;
}
.faq-section h2::after, .journey-section h2::after {
  position: absolute;
  content: '';
  width: 80px;
  height: 2px;
  background: #d9ae16;
  display: block;
  left: 0;
  right: 0
}
.people-quote {
  background: no-repeat padding-box #fff;
  border: 1px solid #e0e0e0;
  padding: 35px;
  text-align: left
}
.jouney-blue, .modules-blue {
  background: #00366b;
  color: #fff
}
.people-quote p {
  color: #1c1c1c;
  font-size: 22px;
  line-height: 26px;
  margin-bottom: 0;
  font-weight: 500
}
.people-quote .content {
  height: 200px;
  margin-bottom: 58px
}
.people-quote .people-quote-cnt p {
  min-height: inherit
}
.people-quote-cnt h4 {
  font-size: 16px;
  line-height: 23px;
  margin-bottom: 4px;
  font-weight: 600;
  color: #1c1c1c
}
.people-quote-cnt span {
  font-size: 16px;
  line-height: 23px;
  margin-bottom: 4px;
  font-weight: 600;
  color: #1c1c1c;
}
.people-quote-cnt p {
  color: #1c1c1c;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 23px;
  font-weight: 300
}
.modules-blue h3, .tab-content-inner-2-sec li strong, .up-right h5 {
  font-weight: 500
}
.modules-blue span, .tab-content-inner-2-sec li strong, .up-right span {
  font-weight: 500
}
.people-quote::before {
  content: '';
  background: url(../images/monster-quote.svg) no-repeat;
  width: 69px;
  height: 51px;
  display: block;
  margin-top: -65px;
  margin-bottom: 35px
}
.quotes-swiper .swiper-wrapper {
  padding-top: 32px;
  margin-bottom: 50px
}
.quotes-slider-main .swiper-button-next:after {
  color: transparent;
  width: 24px;
  height: 15px
}
.quotes-slider-main .swiper-button-prev:after {
  color: transparent;
  width: 24px;
  height: 15px;
  transform: rotate(-180deg)
}
.quotes-slider-main .swiper-button-next, .quotes-slider-main .swiper-button-prev {
  background: url(../images/btn-arrow-y.svg) -23px center no-repeat #fff;
  position: relative;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid #d9ae16;
  display: inline-block;
  overflow: hidden;
  right: 0;
  left: 0;
  top: 0;
  margin: 0 4px;
  transition: .3s
}
.quotes-slider-main .swiper-button-next.swiper-button-disabled, .quotes-slider-main .swiper-button-prev.swiper-button-disabled, .vessel-slider-arrows .swiper-button-next[aria-disabled=true], .vessel-slider-arrows .swiper-button-prev[aria-disabled=true] {
  opacity: 0
}
.faq-section h2 {
  position: relative;
  text-align: center;
  max-width: 840px;
  margin: 0 auto 48px;
  padding-bottom: 48px
}
.faq-section h4::after {
  bottom: 0;
  margin: auto
}
.faq-section h4.accordion-header {
  margin: inherit;
  max-width: inherit;
  padding: 0
}

.faq-section .accordion-item {
  border: 0;
  border-bottom: 1px solid #bebebe
}
.faq-section .accordion-item:first-of-type .accordion-button {
  border-radius: 0;
  box-shadow: none
}
.faq-section .accordion-button:not(.collapsed) {
  background-color: #fff;
  color: #1c1c1c
}
.accordion-button:focus:not(:focus-visible) {
  outline: 0;
  border-color: transparent;
  box-shadow: inherit
}
.faq-section h4 button {
  padding: 25px 0;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  color: #1c1c1c
}
.faq-desc p {
  max-width: 800px;
  margin: auto;
  text-align: center;
  padding-bottom: 45px
}
.faq-section .accordion h2::after {
  content: inherit
}
.faq-section .accordion-body {
  padding: 10px 40px 38px 0;
  font-size: 14px;
  line-height: 23px;
  font-weight: 400
}
.faq-section .accordion-button::after {
  background: url(../images/plus-icon.svg) no-repeat
}
.faq-section .accordion-button:not(.collapsed)::after {
  background: url(../images/minus-icon.svg) center no-repeat
}
.journey-section h2 {
  position: relative;
  text-align: center;
  margin: 0 0 85px
}
.journey-section h2::after {
  bottom: -50px;
  margin: auto
}
.jouney-box {
  position: relative;
  padding: 20px 20px 22px;
  transition: .3s
}
.jouney-blue {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 358px;
  padding: 16px 40px 29px;
  display: flex;
  align-items: end;
  justify-content: space-between;
  transition: .3s
}
.jouney-box a {
  display: block;
  transition: .3s
}
.up-right p {
  margin-bottom: 0;
  display: none;
  transition: .3s
}
.jouney-box a:hover .up-right p {
  display: block;
  transition: .3s;
  margin-top: 10px
}
.jouney-box img {
  transition: .3s
}
.jouney-box a:hover img {
  transform: scale(1.2)
}
.jouney-box a:hover .jouney-blue img {
  transform: scale(1)
}
.up-right h5 {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 0;
  color: #fff;
  text-transform: uppercase
}
.up-right span {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 0;
  color: #fff;
  text-transform: uppercase
}
.modules-blue h3, .modules-blue h5 {
  margin-bottom: 20px;
  font-family: Canela
}
.modules-blue span, .modules-blue h5 {
  margin-bottom: 20px;
  font-family: Canela
}
.modules-blue {
  padding: 25px 35px 30px;
  border-radius: 6px;
  min-height: 220px
}
.modules-up-right {
  display: flex;
  justify-content: space-between;
  align-items: center
}
.modules-up-right:hover {
  opacity: .6
}
.courses-offering-slider .splide__slide {
  padding-top: 61px
}
.courses-offering-slider .splide__track {
  min-height: 600px
}
.modules-blue h3 {
  font-size: 104px;
  line-height: 100%;
  color: #d9ae16;
  margin-top: -85px
}
.modules-blue span {
  font-size: 104px;
  display: block;
  line-height: 100%;
  color: #d9ae16;
  margin-top: -85px
}
@media not all and (min-resolution:.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color:transparent) {
    .modules-blue h3 {
      line-height: 75px
    }
    .modules-blue span {
      line-height: 75px
    }
  }
}
.modules-blue h5 {
  font-size: 34px;
  line-height: 48px;
  color: #fff;
  font-weight: 300
}
.modules-blue h5 a:hover {
  color: #fff;
  opacity: .6
}
.modules-up-right p {
  margin-bottom: 0;
  font-weight: 300;
  color: #5d9ddc;
  font-size: 14px;
  line-height: 23px;
  font-family: Inter, sans-serif;
  padding-right: 25px
}
.course-overview-section h2 {
  position: relative;
  max-width: 667px;
  margin: 0 auto 78px;
  text-align: center
}
.course-overview-section h2::after {
  position: absolute;
  content: '';
  width: 80px;
  height: 2px;
  background: #d9ae16;
  display: block;
  bottom: -35px;
  left: 0;
  right: 0;
  margin: auto
}
.course-overview-section ul {
  margin: 0 0 32px;
  padding: 0
}
.course-overview-section li {
  font-weight: 300;
  padding-left: 39px;
  margin-bottom: 20px
}
.course-overview-section li:last-child {
  margin-bottom: 35px
}
.course-overview-outer p {
  margin-bottom: 25px
}
.tab-blue-sec {
  background: #053969
}
.tab-blue-sec .ui-widget-content {
  background: 0 0;
  padding: 0
}
.inner-banner.stcw-banner .banner-overlay-ctn {
  max-width: 680px
}
.gallery_sec a {
  position: relative;
  transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -ms-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out
}
.gallery_sec a::before {
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  background: 0 0/contain no-repeat;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%)
}
.gallery_sec img {
  width: 100%;
  transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -ms-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out
}
.gallery_sec a:hover img {
  position: relative;
  width: 100%;
  opacity: .2
}
.gallery_sec a:hover::before {
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  background: url(https://i.ibb.co/3fMkjjF/Resize.png) 0 0/contain no-repeat;
  z-index: 99
}
.gallery-overview-outer [class*=row] {
  margin-left: 0;
  margin-right: 0
}
.gallery-overview-outer [class*=col-] {
  padding-left: 0;
  padding-right: 0
}
.license-list-sec .accredition-listing-img-sm {
  max-width: 242px;
  margin-top: -185px;
  box-shadow: inherit
}
.license-list-sec p {
  margin-bottom: 20px !important
}
.license-list-sec h3 {
  position: relative;
  padding-bottom: 39px;
  margin-bottom: 46px
}
.line-ul li, .tab-content-inner-2-sec li {
  padding: 13px 10px 13px 43px;
  display: block;
  line-height: 23px;
  font-size: 14px
}
.license-list-sec p + .main-btn {
  margin-top: 30px
}
.tab-content-inner-2-sec h3, .tab-license-sec h2 {
  position: relative;
  margin-bottom: 70px;
  color: #fff
}
.line-ul li {
  background: url(../images/li-yellow-icon.svg) left center no-repeat;
  border-bottom: 1px solid #1f6ab2
}
.line-ul li:last-child {
  border-bottom: none
}
.tab-license-sec .accredition-listing-img-sm {
  max-width: 242px;
  margin-top: -165px;
  box-shadow: inherit
}
.tab-content-inner p {
  margin-bottom: 37px
}
.tab-content-inner-2-sec ul {
  margin-bottom: 115px
}
.tab-content-inner-2-sec li {
  background: url(../images/li-yellow-icon.svg) left 10px no-repeat
}
.tab-content-inner-2-sec li a {
  text-decoration: underline;
  color: #fff
}
.tab-content-inner-2-sec li ul {
  padding-top: 15px;
  margin-bottom: 0
}
.tab-content-inner-2-sec li ul li {
  background: url(../images/li-arrow-right.svg) left center no-repeat;
  display: block;
  padding: 8px 10px 8px 43px;
  font-size: 14px;
  line-height: 23px
}
.couse-dates {
  padding-bottom: 115px
}
.line-scroll {
  box-shadow: 0 0 45px 0 #e8eaeb
}
.line-scroll table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 0
}
.couse-dates h2, .related-course h2 {
  margin-bottom: 70px;
  position: relative
}
.couse-dates h2.after-line {
  margin-bottom: 79px;
  line-height: 49px
}
.couse-dates h2.after-line::after {
  bottom: -44px
}
.mobile-btn {
  display: none
}
.line-scroll table.table-striped-columns thead {
  background: #00366b;
  color: #fff;
  font-size: 14px;
  line-height: 23px;
  font-family: Inter, sans-serif;
  font-weight: 300
}
.line-scroll table.table-striped-columns thead th {
  font-size: 14px;
  line-height: 23px;
  font-family: Inter, sans-serif;
  font-weight: 300;
  padding: 16px 22px
}
.line-scroll table.table-striped-columns thead > tr > :nth-child(2n) {
  background: #0a447c;
  color: #fff
}
.line-scroll table.table-striped-columns tbody > tr > :nth-child(2n) {
  background: #f7f9fa;
  color: #1c1c1c
}
.line-scroll table th {
  font-weight: 300
}
.line-scroll .table > tbody:not(caption) > * > * {
  padding: 16px 22px;
  border-width: 1px;
  box-shadow: inherit;
  border-color: #e9edef;
  font-size: 14px;
  line-height: 23px;
  color: #1c1c1c
}
.line-scroll::-webkit-scrollbar {
  height: 4px
}
.line-scroll::-webkit-scrollbar-track {
  background: #eaeaea
}
.line-scroll::-webkit-scrollbar-thumb {
  background: #d9ae16
}
.line-scroll::-webkit-scrollbar-thumb:hover {
  background: #ff0
}
.courses-offering-section-second .modules-blue {
  background: #135391
}
.splide__slide {
  margin-bottom: 7px
}
.slider-right-desc {
  padding-left: 100px
}
.related-course, .training-vessels {
  --scroll-bar: 8px;
  overflow: hidden
}
.page-node-type-licenses .course-overview-section.section-space-bottom {
  padding-bottom: 0
}
.related-course h2 {
  max-width: 245px
}
.related-course-box {
  background: #00366b;
  border-radius: 6px;
  padding: 70px 44px 44px;
  color: #fff;
  min-height: 441px;
  text-align: center
}
.related-course-box h4 {
  margin-bottom: 30px;
  font-size: 34px;
  line-height: 48px;
  font-family: Canela;
  font-weight: 300;
  color: #fff
}
.related-course-box h3 {
  margin-bottom: 30px;
  font-size: 34px;
  line-height: 48px;
  font-family: Canela;
  font-weight: 300;
  color: #fff;
}
.mx-width-cls {
  max-width: 238px;
  margin: auto
}
.related-course-box p {
  margin-bottom: 50px;
  color: #5d9ddc
}
.training-vessels h2 {
  max-width: 430px
}
.training-vessels h3 {
  max-width: 430px;
}
.vessel-box img {
  width: 100% !important;
  height: auto !important
}
.vessel-cnt {
  position: absolute;
  bottom: 0;
  padding: 35px 35px 40px;
  background-image: linear-gradient(to bottom, rgba(255, 0, 0, 0), rgba(0, 0, 0, .7));
  width: 100%
}
.vessel-cnt p {
  margin-bottom: 0;
  color: #fff;
  font-size: 16px;
  line-height: 25px;
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-weight: 400
}
.vessel-slider-arrows .swiper-button-next, .vessel-slider-arrows .swiper-button-prev {
  background: url(../images/arrow-small-white.svg) 30px center no-repeat #d9ae16;
  position: relative;
  width: 69px;
  height: 69px;
  border-radius: 50%;
  border: 1px solid #d9ae16;
  display: inline-block;
  overflow: hidden;
  right: 0;
  left: 0;
  top: 0;
  margin: 0 4px;
  transition: .3s;
  color: transparent
}
.vessel-slider-arrows .swiper-button-next:hover, .vessel-slider-arrows .swiper-button-prev:hover {
  transform: scale(1.2);
  transition: .3s
}
.vessel-slider-arrows .swiper-button-prev:hover {
  transform: rotate(180deg) scale(1.2)
}
.vessel-slider-arrows {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  max-width: 660px
}
.course-date-main-section ul.pager__items {
  margin: 40px auto 15px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center
}
.course-date-main-section ul.pager__items li {
  color: #1c1c1c;
  border: 1px solid #686868;
  border-radius: 4px;
  padding: 8px 17px;
  margin: 0 5px
}
.course-date-main-section ul.pager__items li.is-active, .course-date-main-section ul.pager__items li:hover {
  background: #d9ae16
}
.course-date-main-section ul.pager__items li a {
  color: #1c1c1c;
  font-size: 14px;
  font-weight: 300
}
.course-date-main-section ul.pager__items li.is-active a {
  font-weight: 600
}
.accordion-body h3 {
  font-size: 25px;
  line-height: 35px;
  font-family: Inter, sans-serif;
  font-weight: 500;
  margin-bottom: 30px
}
.accordion-body p {
  margin-bottom: 20px;
  font-weight: 400;
  color: #1c1c1c
}
.accordion-body ul {
  margin-bottom: 40px
}
.accordion-body li {
  background: url(../images/arrow-right-yellow.svg) left 7px no-repeat;
  font-weight: 400;
  padding-left: 30px;
  margin-bottom: 15px;
  color: #1c1c1c
}
.license-desc-outer h2 {
  color: #fff;
  position: relative;
  margin-bottom: 70px
}
.license-swiper-box {
  border: 2px solid #1b6dbc;
  border-radius: 30px;
  padding: 56px;
  color: #fff;
  min-height: 500px
}
.license-swiper-box img {
  margin-bottom: 30px;
  max-height: 72px
}
.license-swiper-box h4 {
  margin-bottom: 30px;
  font-size: 30px;
  line-height: 39px;
  font-family: Canela;
  color: #fff
}
.tab-license-wraper #tabs-second .tab-head ul.ui-widget-header {
  background: 0 0;
  border: none;
  display: flex;
  align-items: center;
  padding: 0
}
.tab-license-wraper #tabs-second.ui-tabs .ui-tabs-nav li {
  width: 485px;
  height: 122px;
  border-radius: 0;
  border: 0;
  background: #00366b;
  padding: 0;
  display: flex;
  align-items: center;
  margin: 0 45px 0 0;
  float: none;
  white-space: normal
}
.tab-license-wraper #tabs-second.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  background: #135391;
  border: 2px solid #d9ae16;
  border-bottom: 2px solid #135391;
  margin-bottom: -3px;
  height: 125px
}
.tab-license-wraper #tabs-second.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  padding: 0 46px;
  color: #fff;
  font-size: 22px;
  line-height: 26px;
  font-family: Inter, sans-serif;
  display: flex;
  text-align: left;
  align-items: center;
  width: 100%
}
.tab-content-blue {
  background: #135391;
  border-top: 2px solid #d9ae16
}
.tab-license-wraper #tabs-second.ui-tabs .ui-tabs-nav .ui-tabs-anchor .tb-icon {
  width: 132px;
  margin-right: 40px
}
.tab-license-wraper #tabs-second.ui-tabs .ui-tabs-nav .ui-tabs-anchor .tb-icon img {
  width: auto
}
.custom-model-main {
  text-align: center;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  opacity: 0;
  z-index: -1;
  overflow-x: hidden;
  overflow-y: auto
}
.model-open {
  z-index: 99999;
  opacity: 1;
  overflow: hidden
}
.custom-model-inner {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform .3s ease-out;
  -o-transition: transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out, -webkit-transform .3s ease-out;
  display: inline-block;
  vertical-align: middle;
  width: 600px;
  margin: 30px auto;
  max-width: 97%
}
.custom-model-wrap {
  display: block;
  width: 100%;
  position: relative;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
  background-clip: padding-box;
  outline: 0;
  text-align: left;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* max-height: calc(100vh - 70px); */ 
   max-height: 350px;
  overflow-y: auto
}
.model-open .custom-model-inner {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  position: relative;
  z-index: 999
}
.model-open .bg-overlay-inner {
  background: rgba(0, 0, 0, .6);
  z-index: 99
}
.bg-overlay-inner {
  background: rgba(0, 0, 0, 0);
  height: 100vh;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  -webkit-transition: background .15s linear;
  -o-transition: background .15s linear;
  transition: background .15s linear
}
.close-btn {
  position: absolute;
  right: 0;
  top: -36px;
  cursor: pointer;
  z-index: 99;
  font-size: 30px;
  color: #fff
}
.close-btn:hover {
  color: #000
}
.license-slider .vessel-slider-arrows {
  max-width: 620px;
  padding: 0
}
.course-inner-section {
  margin-bottom: 50px
}
.faq-section .accordion {
  max-width: 996px;
  margin: auto;
  border-top: 1px solid #bebebe
}
@media screen and (min-width:800px) {
  .custom-model-main:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 0;
    height: 100%
  }
}
@media screen and (max-width:799px) {
  .custom-model-inner {
    margin-top: 45px
  }
}
@media screen and (min-width:768px) {
  #overlay img {
    width: 60%
  }
  #exitButton, #nextButton, #prevButton {
    font-size: 3em
  }
}
@media screen and (min-width:1200px) {
  #overlay img {
    width: 50%
  }
}
@media(min-width:1300px) {
  .tab-license-sec [class*=row] {
    margin-left: -50px;
    margin-right: -50px
  }
  .tab-license-sec [class*=col-] {
    padding-left: 50px;
    padding-right: 50px
  }
  .journey-section [class*=row] {
    margin-left: -15px;
    margin-right: -15px
  }
  .journey-section [class*=col-] {
    padding-left: 15px;
    padding-right: 15px
  }
  .about-course-outer [class*=row] {
    margin-left: -63px;
    margin-right: -63px
  }
  .about-course-outer [class*=col-] {
    padding-left: 63px;
    padding-right: 63px
  }
  .course-trainig-wraper .course-list [class*=row] {
    margin-left: -39px;
    margin-right: -39px
  }
  .course-trainig-wraper .course-list [class*=col-] {
    padding-left: 39px;
    padding-right: 39px
  }
  .course-overview-outer[class*=row] {
    margin-left: -29px;
    margin-right: -29px
  }
  .course-overview-outer [class*=col-] {
    padding-left: 29px;
    padding-right: 29px
  }
}
@media screen and (max-width:1920px) {
  .vessel-slider-arrows.courses-slider-arrows {
    max-width: 885px
  }
}
@media screen and (max-width:1440px) {
  .vessel-slider-arrows.courses-slider-arrows {
    max-width: 730px
  }
}
@media(max-width:1450px) {
  .license-slider .vessel-slider-arrows {
    max-width: 585px
  }
}
@media(max-width:1380px) {
  .license-slider .vessel-slider-arrows {
    max-width: 560px
  }
}
@media(min-width:1025px) and (max-width :1200px) {
  .people-quote .content {
    height: 235px
  }
  .related-course-box {
    min-height: 489px
  }
  .license-swiper-box {
    min-height:550px;
  }
}
@media (max-width: 1024px) {
  .course-date-desc h3 {
      font-size: 50px;
      line-height: 59px;
      padding: 0px;
      margin: 0px 0px 40px;
  }
}
@media(max-width:1024px) {
  .couse-dates {
    padding-bottom: 100px
  }
  .related-course-box {
    padding: 60px 34px 34px;
    min-height:500px
  }
  .related-course-box h4 {
    font-size: 30px;
    line-height: 45px;
    margin-bottom: 49px
  }
  .related-course-box h3 {
    font-size: 30px;
    line-height: 45px;
    margin-bottom: 49px
  }
  .related-course-box p {
    max-width: 230px
  }
  .license-swiper-box {
    min-height: 550px;
    padding: 43px
  }
  .vessel-slider-arrows {
    max-width: 100%;
    padding-right: 27px
  }
  .people-quote .content {
    height: 238px
  }
  .blue-short-box {
    min-height: 215px
  }
  .learn-authorities {
    padding-left: 55px
  }
  .course-date-desc {
    max-width: 340px
  }
  .vessel-slider-arrows .swiper-button-next:hover, .vessel-slider-arrows .swiper-button-prev:hover {
    transform: scale(1)
  }
  .vessel-slider-arrows .swiper-button-prev:hover {
    transform: rotate(180deg) scale(1)
  }
  .license-slider .vessel-slider-arrows {
    max-width: 450px
  }
}
@media(max-width:992px) {
  .people-quote .content {
    height: 287px
  }
}

@media (max-width: 991px) {
  .course-date-desc h3 {
      font-size: 40px;
      line-height: 45px;
      padding: 0px;
      margin: 0px 0px 35px;
  }
}
@media(max-width:991px) {
  .couse-dates {
    padding-bottom: 80px
  }
  .course-trainig-wraper h2::after {
    bottom: -65px
  }
  .qaulity-section {
    padding-top: 30px
  }
  .courses-offering-section-second .courses-offering-slider {
    padding-left: 0;
    padding-right: 0
  }
  .slider-right-desc {
    padding-left: 0
  }
  .accredition-listing-flip-section.tab-license-sec [class*=row], .courses-offering-section-second .courses-offering-outer .row {
    flex-direction: column-reverse
  }
  .tab-license-wraper .tab-head {
    width: 100%;
    overflow: auto;
    white-space: nowrap;
    border-right: 0;
    overflow-y: hidden
  }
  .courses-offering-slider, .courses-offering-slider .splide--slide, .tab-license-wraper .container-100-mobile {
    padding-right: 0
  }
  .tab-license-wraper #tabs-second.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    height: 88px
  }
  .tab-license-wraper #tabs-second.ui-tabs .ui-tabs-nav li {
    padding: 0;
    width: auto;
    height: 88px;
    margin-right: 20px
  }
  .tab-license-wraper #tabs-second.ui-tabs .ui-tabs-nav .ui-tabs-anchor .tb-icon {
    width: 100px;
    margin-right: 20px
  }
  .tab-license-wraper #tabs-second.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    font-size: 18px;
    line-height: 21px;
    white-space: normal;
    width: 307px;
    padding: 0 20px
  }
  .tab-license-sec .accredition-listing-img-sm {
    max-width: 300px;
    margin-top: -165px
  }
  .line-ul {
    margin-bottom: 38px
  }
  .vessel-box img {
    width: 100%
  }
  .people-quote .content {
    height: 244px
  }
  .my-slider-progress, .my-slider-progress-second {
    left: inherit;
    transform: inherit;
    position: inherit
  }
  .jouney-box {
    margin-bottom: 55px;
    padding: 0 0 22px
  }
  .course-date-img {
    margin-bottom: 75px
  }
  .about-course-outer {
    padding-bottom: 55px
  }
  .about-course-img {
    margin-bottom: 30px
  }
  .content-tab li, .course-overview-section ul, .courses-offering-outer .mx-width {
    margin-bottom: 15px
  }
  .related-course-box {
    padding: 60px 34px 34px;
    min-height: 400px
  }
  .license-list-sec .accredition-listing-img-sec {
    max-width: 698px
  }
  .license-swiper-box img {
    max-height: 53px
  }
  .license-swiper-box {
    padding: 50px 28px 45px
  }
  .our-client-section h2.after-line {
    margin-bottom: 62px;
    line-height: 47px
  }
  .journey-section [class*=col-]:last-child .jouney-box {
    margin-bottom: 0
  }
  .vessel-cnt {
    padding-bottom: 35px;
    background-image: linear-gradient(to bottom, rgba(255, 0, 0, 0), rgba(0, 0, 0, .8))
  }
  .vessel-cnt p {
    font-size: 13px;
    line-height: 22px
  }
  .faq-section h4 {
    padding-bottom: 24px;
    margin-bottom: 43px
  }
  .about-course-outer h2 {
    margin-bottom: 28px;
    padding-bottom: 20px
  }
  .license-list-sec h3 {
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 33px
  }
  .license-list-sec p + .main-btn {
    margin-top: 15px
  }
  .tab-license-sec .accredition-listing-img-sec {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto
  }
  .license-slider .vessel-slider-arrows {
    max-width: 393px
  }
}
@media(max-width:820px) {
  .related-course-box {
    min-height: 500px
  }
  .blue-short-box {
    min-height: 318px
  }
  .modules-blue h3 {
    font-size: 70px;
    margin-top: -70px;
    line-height: 100%;
    margin-bottom: 18px
  }
  .modules-blue span {
    font-size: 70px;
    margin-top: -70px;
    line-height: 100%;
    margin-bottom: 18px
  }
  .modules-blue h5 {
    font-size: 30px;
    line-height: 40px
  }
  .modules-up-right p {
    font-size: 14px;
    line-height: 18px
  }
  .modules-up-right {
    display: block
  }
  .modules-up-right img {
    margin-left: auto;
    display: table;
    margin-right: -25px;
    margin-top: -10px;
    width: 21px
  }
  .modules-blue {
    padding: 25px 35px 24px;
    min-height: inherit
  }
}
@media(max-width:767px) {
  .accredition-listing-section .testi-btm-wave-line2 {
    bottom: 0
  }
  .course-inner-section, .course-overview-outer p:last-child {
    margin-bottom: 0
  }
  .courses-offering-slider .splide__track {
    min-height: 590px
  }
  .related-course h2 {
    max-width: inherit;
    text-align: center
  }
  .couse-dates h2::after, .related-course h2::after {
    left: 0;
    right: 0;
    margin: auto
  }
  .tab-license-wraper #tabs-second.ui-tabs .ui-tabs-nav .ui-tabs-anchor .tb-icon {
    margin-right: 24px;
    width: auto
  }
  .tab-license-wraper #tabs-second.ui-tabs .ui-tabs-nav .ui-tabs-anchor .tb-icon img {
    width: auto
  }
  .tab-content-inner-2-sec ul {
    margin-bottom: 70px
  }
  .accordion-body h3, .pahakka-img, .school-images .col-md-6:first-child img {
    margin-bottom: 20px
  }
  .license-list-sec .accredition-listing-img-sm {
    max-width: 300px;
    margin-top: -220px
  }
  .license-swiper-box {
    min-height: 500px;
    padding: 50px 28px 45px;
    border-radius: 15px
  }
  .license-swiper-box h4 {
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 24px
  }
  .people-quote-slider-arrows {
    text-align: center;
    margin-top: 26px
  }
  .quotes-swiper .swiper-wrapper {
    margin-bottom: 24px
  }
  .hover-img-box img, .logo-wrap img {
    width: 100%
  }
  .accordion-body h3 {
    font-size: 20px;
    line-height: 30px
  }
  .accordion-body ul, .detail-list-box, .line-scroll {
    margin-bottom: 35px
  }
  li {
    font-size: 14px;
    line-height: 20px
  }
  .people-quote .content {
    height: 165px
  }
  .couse-dates h2 {
    text-align: center
  }
  .mobile-btn {
    display: table;
    margin: auto
  }
  .desktop-btn {
    display: none
  }
  .jouney-blue img {
    width: 22px
  }
  .jouney-blue {
    width: 214px;
    padding: 15px 25px
  }
  .up-right h5 {
    font-size: 14px;
    line-height: normal
  }
  .up-right span {
    font-size: 14px;
    line-height: normal
  }
  .faq-section h4 button span {
    padding-right: 13px
  }
  .faq-section h4 button {
    padding: 25px 0;
    font-size: 16px;
    line-height: 24px
  }
  .logo-wrap {
    padding: 60px 25px
  }
  .blue-short-box {
    min-height: inherit
  }
  .certification-box .col-md-6 [class*=col-] {
    margin-bottom: 22px
  }
  .learn-authorities {
    padding-left: 0
  }
  .certification-box {
    padding: 29px
  }
  .learn-authorities h3 {
    margin-bottom: 34px
  }
  .course-date-section-sub .tab-head {
    width: 100%;
    overflow: auto;
    white-space: nowrap;
    border-right: 0;
    max-width: 100%
  }
  .course-date-section-sub .container:first-child {
    padding-right: 0
  }
  .tab-img-wrap {
    text-align: left;
    max-width: 100%
  }
  .course-date-section-sub .tab-head ul.ui-widget-header {
    min-width: 588px
  }
  .license-list-sec p + .main-btn.desktop-btn {
    display: inline-block
  }
  .vessel-slider-arrows {
    padding-right: 65px
  }
  .license-slider .vessel-slider-arrows {
    max-width: 575px
  }
}
@media(max-width:660px) {
  .license-list-sec .accredition-listing-img-sm {
    max-width: 200px;
    margin-top: -141px
  }
}
@media(max-width:580px) {
  .related-course-box p {
    padding: 0 25px
  }
  .vessel-slider-arrows .swiper-button-next, .vessel-slider-arrows .swiper-button-prev {
    width: 60px;
    height: 60px;
    background: url(../images/arrow-small-white.svg) center center no-repeat #d9ae16
  }
  .license-swiper-box {
    min-height:500px
  }
  .license-list-sec .accredition-listing-img-sm {
    max-width: 155px;
    margin-top: -110px
  }
  .license-list-sec .accredition-listing-img-lg {
    max-width: 300px
  }
  .line-scroll table {
    margin-bottom: 20px;
    box-shadow: 0 0 45px 0 #e8eaeb
  }
  .modules-blue h3 {
    margin-top: -70px;
    line-height: 100%
  }
  .modules-blue span {
    margin-top: -70px;
    line-height: 100%
  }
}
@media(max-width:575px) {
  .related-course-box {
    padding: 60px 34px 34px;
    min-height: 500px;
  }
  .swiper-container .quotes-swiper {
    margin-right: 0 !important
  }
  .people-quote .content {
    height: auto
  }
  .tab-license-sec .accredition-listing-img-sm {
    max-width: 205px;
    margin-top: -75px
  }
  .line-scroll table {
    min-width: 600px
  }
  .license-slider .vessel-slider-arrows {
    max-width: 335px
  }
  .vessel-slider-arrows {
    padding-right: 25px
  }
  .course-date-section-sub .tab-head ul.ui-widget-header {
    min-width: 450px;
  }
}
@media(max-width:414px) {
  .course-date-section-sub .tab-head ul.ui-widget-header {
    min-width: 450px;
  }
}
@media(max-width:360px) {
  .course-date-section-sub .tab-head ul.ui-widget-header {
    min-width: 425px;
  }
}
@media(max-width:320px) {
  .course-date-section-sub .tab-head ul.ui-widget-header {
    min-width: 408px
  }
}

/* style-jo start */
.course-date-section-sub.tab-blue-sec .content-tab p{
  color: #fff;
}

/* end */

@media only screen and (max-width: 991px){
.course-date-main-section ul.pager__items li a {
  font-size: 12px !important;
}
}

@media only screen and (max-width: 767px)
{

.course-date-main-section ul.pager__items li {
  padding: 8px 10px !important;
}
  
}
@media only screen and (max-width: 575px)
{
.course-date-main-section ul.pager__items li {
  min-width: 56px !important;
}
   
}

@media only screen and (max-width: 420px)
{
  .license-swiper-box {
    min-height:610px;
  }
}