* {
  padding: 0;
}

body, html {
  max-width:100%;
  overflow-x: hidden;
  
}


a {text-decoration:none;}

@font-face {
    font-family: 'dinlight';
    src: url('../fonts/DINPro-Light.eot');
    src: url('../fonts/DINPro-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DINPro-Light.woff2') format('woff2'),
        url('../fonts/DINPro-Light.woff') format('woff'),
        url('../fonts/DINPro-Light.ttf') format('truetype'),
        url('../fonts/DINPro-Light.svg#DINPro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'dinbold';
    src: url('../fonts/DINPro-Bold.eot');
    src: url('../fonts/DINPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DINPro-Bold.woff2') format('woff2'),
        url('../fonts/DINPro-Bold.woff') format('woff'),
        url('../fonts/DINPro-Bold.ttf') format('truetype'),
        url('../fonts/DINPro-Bold.svg#DINPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'dinblack';
    src: url('../fonts/DINPro-Black.eot');
    src: url('../fonts/DINPro-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DINPro-Black.woff2') format('woff2'),
        url('../fonts/DINPro-Black.woff') format('woff'),
        url('../fonts/DINPro-Black.ttf') format('truetype'),
        url('../fonts/DINPro-Black.svg#DINPro-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'din';
    src: url('../fonts/DINPro.eot');
    src: url('../fonts/DINPro.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DINPro.woff2') format('woff2'),
        url('../fonts/DINPro.woff') format('woff'),
        url('../fonts/DINPro.ttf') format('truetype'),
        url('../fonts/DINPro.svg#DINPro') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'dinmedium';
    src: url('../fonts/DINPro-Medium.eot');
    src: url('../fonts/DINPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DINPro-Medium.woff2') format('woff2'),
        url('../fonts/DINPro-Medium.woff') format('woff'),
        url('../fonts/DINPro-Medium.ttf') format('truetype'),
        url('../fonts/DINPro-Medium.svg#DINPro-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}





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

body {
font-family: 'din';
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'dinmedium' !important;
  color: #231F20;
  margin-bottom:15px;
}

@-webkit-keyframes b {
  0% {
    transform-origin: 50% 100%;
    transform: scaleY(1);
  }
  50% {
    transform-origin: 50% 100%;
    transform: scaleY(0);
  }
  50.0001% {
    transform-origin: 50% 0;
    transform: scaleY(0);
  }
  to {
    transform-origin: 50% 0;
    transform: scaleY(1);
  }
}
@keyframes b {
  0% {
    transform-origin: 50% 100%;
    transform: scaleY(1);
  }
  50% {
    transform-origin: 50% 100%;
    transform: scaleY(0);
  }
  50.0001% {
    transform-origin: 50% 0;
    transform: scaleY(0);
  }
  to {
    transform-origin: 50% 0;
    transform: scaleY(1);
  }
}
p {
  font-size: 16px;
  line-height: 1.7;
  color:#000000bd;
}

p.strong { font-family: 'dinmedium'; color:#000; font-size:16px !important;}



nav {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 999;
  border-bottom: 0px;
  transition: all ease-in-out 0.5s;
  background-color: rgb(0 0 0 / 37%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
nav .navbar {
  padding: 13px 0;
}
nav img {
  width: 100px;
}
nav .logoblack {
  display: none;
}

.navbar-nav {margin-right:0;}
.navbar-expand-lg .navbar-collapse {align-items:end;}

nav .navbar-nav .nav-item {
  margin-left: 50px;
}
nav .navbar-nav .nav-link {
  color: #FFFFFF;
  font-size: 14px;
  opacity:0.8;
  transition:all 0.5s ease 0s;
  position:relative;
  padding-left:0px !important;
  padding-right:0px !important;
}

nav .navbar-nav .nav-link::after {
    content:'';
    position:absolute;
    left:0px;
    bottom:0px;
    width:0px;
    background:#fff;
    height:1px;
    transition:all 0.5s ease 0s;
}

nav .navbar-nav .nav-link:hover {
    opacity:1;
}

nav .navbar-nav .nav-link:hover::after {
    width:100%;
}

nav.dlf_nav {
  -webkit-animation: navbar-animation 0.6s;
  animation: navbar-animation 0.6s;
  
}

.nav-right {
    margin:0px;
    display:flex;
    align-items:center;
    margin-left:30px;
}

.topright a {
    background:none;
    color:#fff;
    border:1px solid #1D70B8;
}


@-webkit-keyframes navbar-animation {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes navbar-animation {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}



.hamburger .line {
  width: 30px;
  height: 2px;
  background-color: #fff;
  display: block;
  margin: 6px auto;
  transition: all 0.3s ease-in-out;
}

#hamburger-11 {
  outline: none !important;
  transition: all 0.3s ease-in-out;
  position:absolute;
  right:0;
  top:20px;
}

#hamburger-11.is-active {
  -webkit-animation: smallbig 0.6s forwards;
          animation: smallbig 0.6s forwards;
}

@-webkit-keyframes smallbig {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(0);
  }
}

@keyframes smallbig {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(0);
  }
}
#hamburger-11.is-active .line:nth-child(1),
#hamburger-11.is-active .line:nth-child(2),
#hamburger-11.is-active .line:nth-child(3) {
  transition-delay: 0.2s;
}

#hamburger-11.is-active .line:nth-child(2) {
  opacity: 0;
}

#hamburger-11.is-active .line:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

#hamburger-11.is-active .line:nth-child(3) {
  transform: translateY(-9px) rotate(-45deg);
}/*# sourceMappingURL=style.css.map */


@keyframes fadeInUp2 {
        from {
        }

        to {
            opacity: 1
        }
    }

    @-webkit-keyframes fadeInUp2 {
        from {
        }

        to {
            opacity: 1
        }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
@-webkit-keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(40px);
      transform: translateY(40px);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  
  @keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(40px);
      -ms-transform: translateY(40px);
      transform: translateY(40px);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
  }
  
  .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }




.pad80 {
  padding: 100px 0;
}

.padt80 {
  padding-top: 100px;
}

.padb80 {
  padding-bottom: 100px;
}

.pad60 {
    padding:60px 0px;
}

.pad60 {
  padding-top: 60px;
}

.pad60 {
  padding-bottom: 60px;
}

.span {
  color: #8B8B8B;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 20px;
  display: block;
  font-family: 'dinmedium';
}

.h2 {
  font-size: 45px;
  margin-bottom: 30px;
}

.h2.less {margin-bottom:15px;}

h3 {font-size:28px; line-height:1.4;}

.description {margin-bottom:50px;}

h5 {text-transform:uppercase; font-size:18px;}

h4{
    font-size:25px;
}

h4 span {
    color:#23BA97;
}


.black {
    color:#000;
}

.grey {
    background:#F5F5F5;
}

.banner {
    height:100vh;
    position:relative;
}

.banner img {height:100vh !important;}

.banner::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to right,
        rgba(0, 0, 0, 1) 0%,
        rgba(0, 0, 0, 0.35) 80%,
        rgba(0, 0, 0, 0) 100%
    );
    pointer-events: none;
    /* background: #000; */
    width: 100%;
    opacity: 0.8;
    
}


.banner.drop::before {background:#00000078;}

.banner .container {
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:100%;
}

.banner .container > div {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
    flex-direction: column;
}

.banner .psn-btn {
    margin: 0;
    font-family: 'dinmedium' !important;
    color: #000;
}

.banner .h2 {
    color:#fff;
    font-size:55px;
    margin:0px;
    margin-bottom:20px;
}

.banner h5 {color:#fff; letter-spacing:1px;}

.banner p {margin-bottom:40px;color:#fff;}
.banner img {height:100%; object-fit:cover}
.banner-slide {height:100vh;}
.banner .item {position:relative;}


.banner_slider {margin-bottom:0px !important; }
.banner_slider .slick-dots {bottom:35px !important;}
.slick-dots li {border:1px solid #fff; border-radius:50%; width:15px !important; height:15px !important; transition:all 0.5s ease 0s;}
.slick-dots li button:before {display:none;}
.slick-dots .slick-active {background:#fff;}


.psn-btn {
    font-size:18px;
    background:#fff;
    color:#0d56a6;
    padding:12px 40px;
    border:0px;
    border-radius:30px;
    transition:all 0.5s ease 0s;
    cursor:pointer;
    font-family: 'dinmedium';
    text-decoration: none;
}

.psn-btn:hover {
    background:#0d56a6;
    color:#fff;
}

.hoverlink {
    position: relative;
    color: #1D70B8;
    font-family: 'dinmedium';
    display: flex;
    align-items: center;
    gap: 6px;
}
/*.hoverlink::after {*/
/*    content:'';*/
/*    position:absolute;*/
/*    left:0;*/
/*    width:0;*/
/*    bottom:-5px;*/
/*    background:#fff;*/
/*    transition:all 0.3s ease-in-out 0s;*/
/*    height:1px;*/
/*}*/

.hoverlink i {
    background: #1D70B8;
    border-radius: 50%;
    width: 16px;
    display: inline-flex;
    color: #fff;
    height: 16px;
    position: relative;
    padding: 2px;
    transition: all 0.3s ease 0s;
    align-items: center;
    justify-content: center;
    font-size: 8px;
    position: relative;
    top:1px;
}

.hoverlink:hover::after {width:100%;}
.hoverlink:hover i{transform:translateX(5px);}

.working_section {position:relative;}
.working_slider img {border-radius:15px;}

.working_section .custom-arrows {
    position: absolute;
    bottom: 40px;
}

.working_text_slide {min-height:70%;    background-color: #0000006b;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); position:absolute !important; left:50px; top:50%; max-width:390px; border-radius:15px; padding:50px 30px; transform:translateY(-50%); border:1px solid #ffffff2e; }
.working_text_slide h3 {color:#fff; margin-bottom:20px;}
.working_text_slide p {color:#ffffff6b; font-size:15px;}

.text-slide .slick-list {margin:0 -8px;}
.text-slide .item {margin:0 8px;}



.custom-arrows {display:flex; margin-top:15px;}   

.custom-arrows span {
    border: 1px solid #1D70B8;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    cursor:pointer;
    position:relative;
    z-index:1;
    border-radius:50%;
}

.custom-arrows span::before {
    content:'';
    width:100%;
    height:100%;
    background:#1D70B8;
    position:absolute;
    left:0;
    top:0;
    transition:all 0.5s ease 0s;
    z-index:0;
    opacity:0;
    border-radius:50%;
}


.custom-left {margin-right:10px;}

.custom-arrows span:hover {border:1px solid transparent;}
.custom-arrows span:hover::before {opacity:1;}
    
.custom-arrows span svg  {position:relative; z-index:1;}
.custom-arrows span svg {fill:#1D70B8}
.custom-arrows span:hover svg {fill:#fff}


.working_text_slide .custom-arrows span {border:1px solid #fff;} 
.working_text_slide .custom-arrows span svg {fill:#fff}
.working_text_slide .custom-arrows span:hover {border:1px solid transparent;}
.working_text_slide .custom-arrows span::before {background:#fff;}
.working_text_slide .custom-arrows span:hover svg {fill:#000}


.border-radius {border-radius:15px;}
.leader_imageP {padding-left:50px; height:100%;}
.leader_imageP img {height:100%; object-fit:cover; border-radius:15px;}
.leader_imageP .slick-list, .leader_imageP .slick-track {height:100%;}
.leader_imageP .item {margin:0 5px;}

.leader-ship-inner {padding:40px 0px;}

.top {display:flex; justify-content:space-between; padding-right:70px; align-items:flex-start; padding-top:10px;}
.top h3 span {display:block; font-size:13px;  font-family: 'dinbold'; margin-bottom:5px;}

.leader_text_slide {padding:30px 70px;}
.leader_text_slide p {padding-right:100px; margin-bottom:0px;}
.leader_details .custom-arrows {
    text-align: right;
    border-top:2px solid #ccc;
    margin-left: 70px;
    padding-top: 40px;
    margin-right: 130px;
    padding-bottom: 30px;
}
.social {display:flex; align-items:center; gap:10px}
.social a {border:1px solid #000000; width:30px; height:30px; display:flex; align-items:center; justify-content:center; color:#000; border-radius:50%; font-size:10px; transition:all 0.5s ease 0s;}
.social a:hover {background:#000; color:#fff;}
.feuilingTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0px;
    flex-direction: column;
    text-align: center;
}
.feuilingTop img {width:100%; background:#fff; border-radius:15px; display:flex; align-items:center; justify-content:center; padding:20px 10px;}


.feulingsbox {
    padding:20px; height:100%; border-radius:15px; background:#F8F8F8;
}
.fieuling_slide .slick-list, .fieuling_slide .slick-track {display:flex;}
.feulingsbox h4 {font-size:15px; margin-bottom:0px; margin-top:20px;}
.fieuling_slide .col1 {padding:0 7px; margin:0 5px;}
.fieuling_slide p {font-size:14px; margin-bottom:0px;}




.sc-name {display:flex; align-items:center; gap:10px; margin-top:25px;}
.sc-name h3 span {
    display: block;
    font-size: 18px;
    color: #a19e9e;
    margin-top: 5px;
}
.sc-name img {border-radius:50%; width:100px;}

.testimonials .custom-arrows {
    display: flex;
    margin-top: -84px;
    float: right;
    background-color: #F5F5F5;
    text-align: right;
    align-items: end;
    justify-content: end;
    position: relative;
}


.newsbox {padding:20px; background:#F5F5F5; border-radius:15px; height:100%; position:relative; padding-bottom:60px;}
.newsbox img {
    border-radius: 15px;
    width: 100%;
    margin-bottom: 25px;
    height: 220px;
    object-fit: cover;
}
.newsbox p {font-size:14px; min-height:100px;}
.newsbox p.strong{
  margin-bottom: 10px;
  min-height: initial;

  display: -webkit-box;
  -webkit-line-clamp: 2;   /* sirf 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.newsbox .hoverlink {
    display: inline-flex;
    margin-top: 10px;
    margin-bottom: 20px;
    position: absolute;
    bottom: 10px;
}
.news_slide {margin-top:50px;}
.news_slide .col-lg-4:hover .hoverlink i {transform:translateX(8px);}


.ignitionbox {
    background:#F5F5F5;
    padding:20px;
    border-radius:15px;
    height:100%;
    position:relative;
    padding-bottom:60px;
}

.ignitionbox img {border-radius:15px; margin-bottom:30px;}
.ignitionbox .hoverlink {
    display: inline-flex;
    margin-top: 10px;
    margin-bottom: 20px;
    position:absolute;
    bottom:10px;
}

.ignitionbox.large {display:flex; gap:30px; align-items:center;}
.ignitionbox.large img {width:50% !important; margin-bottom:0px;}

.ignitionbox.large p {padding-right:100px;}

.logoimg {
    background: #cccccc45;
    border-radius: 15px;
    margin-bottom: 22px;
    text-align:center;
    height:250px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.logoimg img {height:80px; border-radius:0px; margin-bottom:0;}

.accordion-item {border:0px ; border-radius:0px; margin-bottom:20px;}
.accordion-button {
    background: #F5F5F5;
    border: 0px;
    border-radius: 15px !important;
}
.btn-header-link .fa-angle-down {
  transition: transform 0.3s ease;
}

.btn-header-link:not(.collapsed) .fa-angle-down {
  transform: rotate(180deg);
}
.card {margin-bottom:20px;}
.card, .card-header { border:0; box-shadow:none}
.btn-header-link {
    font-size: 18px;
    font-family: 'dinmedium' !important;
    display: flex;
    justify-content: space-between;
}
.btn-header-link:focus, .btn-header-link:active {outline:0; border:0; box-shadow:none;}
.cardicon {
    background:#1D70B8;
    color:#fff;
    display:flex;
    width:30px;
    height:30px;
    border-radius:50%;
    align-items:center;
    justify-content:center;
}
.cardicon i {height:14px}







footer {
    background: #000;
    color: #fff;
    text-align: center;
    font-size: 14px;
    padding-top:30px;
}

footer .h2 {
    text-align:center;
    font-size:40px;
    color:#fff;
}

footer .h2 span {
    display:block;
    font-size:16px;
    color:#ffffff9e;
    font-family: 'din' !important;
    margin-top:5px;
}

footer .h2 span a { color:#ffffff9e;}

footer p {
    font-size:15px;
    color:#fff;
    text-align:center;
}


.footerlogo {
    text-align:left;
}

.footerlogo img {
    width:100px;
}

.footerborder {
    color:#ffffff6b;
    border-top:1px solid #393939;
    border-bottom:1px solid #393939;
    font-size:12px;
    padding:10px 30px;
}

.social_icons {
    display:flex;
    justify-content:end;
}

.social_icons li {
    list-style:none;
    margin:0;
    margin-left:5px;
}

.social_icons li a img {
    width: 20px;
}

.social_icons li a {
    border-radius: 20px;
    width: 25px;
    height: 25px;
    /*background: #fff;*/
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    transition:all 0.5s ease 0s;
}

.social_icons li:first-child a img{
    position:relative;
    /*top:4px;*/
}

.social_icons li a:hover {
    background:#b8deff;
}

.ftcenter {color:#fff; padding:20px 0px;}
.ftcenter a {
    font-size: 15px;
    color: #fff;
    font-family: 'dinmedium';
    padding: 0 50px;
    transition:all 0.5s ease 0s;
}

.ftcenter a:hover {
    color:#1d70b7;
}


.copy {
    padding:15px;
    font-size:11px;
    text-align:center;
    color:#ffffff9e;
}

label.error {
    color:red;
    font-size:12px;
    margin-top:5px;
}

.dropdown-menu a {
    padding: 14px 20px;
}
.dropdown-menu {
    padding: 10px 0;
        border-radius: 10px;
    border-top: 0;
    border: none;
}
.dropdown-menu li {
    border-bottom: solid 1px #eaeaea;
}


.dropdown-item.active, .dropdown-item:active,
.dropdown-item.active, .dropdown-item:hover{
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: #0d56a6;
}
.dropdown-toggle::after{
    border:none;
}
.dropdown-toggle::before {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    position: absolute;
    right: -18px;
    top: 17px;
}

.news_slide .slick-dots {
    position: initial;
    margin-top: 30px;
}
.news_slide .slick-dots li {border:1px solid #1d70b8;}
.news_slide .slick-dots .slick-active { background: #1d70b8;}

.newsbox {
    margin: 0 5px;
}

.readmore  {color:#1D70B8; display:none;}