:root {
  --primary-color: #00122c;
  --secondary-color: #F36C21;
}
.custom-logo {
    max-width: 380px;
    width: auto;
    height: auto;
}

@media (max-width: 575px) {
	.custom-logo {
		max-width: 250px;
	}
}

.top-bar {
  background: var(--primary-color);
}
.icon-orange {
  color: var(--secondary-color);
}



/* =====================================================
   DESKTOP / MOBILE MENU SWITCH
===================================================== */

/* Desktop menu */
.desktop-menu {
    display: flex !important;
    flex: 1;
}


/* Mobile menu hidden initially */
.mobile-menu {
    display: none;
    width: 100%;
}


/* Mobile breakpoint */
@media (max-width:991.98px){

    .desktop-menu {
        display:none !important;
    }

}


/* Desktop breakpoint */
@media (min-width:992px){

    .mobile-menu {
        display:none !important;
    }

}



/* =====================================================
   DESKTOP MENU
   Bootstrap_5_Nav_Walker
===================================================== */


@media (min-width:992px){


    .desktop-menu .navbar-nav {

        display:flex;
        align-items:center;

    }


    .desktop-menu .nav-link {

        position:relative;

        display:inline-flex;
        align-items:center;

        color:var(--primary-color);

        font-size:15px;
        font-weight:500;

        padding:10px 0;

        white-space:nowrap;

        transition:.3s ease;

    }


    .desktop-menu .nav-link:hover,
    .desktop-menu .nav-link.active {

        color:var(--secondary-color);

    }



    /* underline */

    .desktop-menu .nav-link::before {

        content:"";

        position:absolute;

        left:0;
        bottom:0;

        width:0;
        height:3px;

        background:var(--secondary-color);

        transition:.3s ease;

    }


    .desktop-menu .nav-link:hover::before,
    .desktop-menu .nav-link.active::before {

        width:100%;

    }



    /* dropdown */

    .desktop-menu .dropdown {

        position:relative;

    }


    .desktop-menu .dropdown-menu {

        display:none;

        position:absolute;

        top:100%;
        left:0;

        min-width:220px;

        padding:10px 0;

        background:#fff;

        border:0;

        border-radius:0;

        box-shadow:
        0 10px 30px rgba(0,0,0,.1);

        z-index:999;

    }



    .desktop-menu .dropdown:hover > .dropdown-menu {

        display:block;

    }



    /* unlimited submenu */

    .desktop-menu .dropdown-submenu {

        position:relative;

    }


    .desktop-menu .dropdown-submenu > .dropdown-menu {

        top:0;

        left:100%;

    }


    .desktop-menu .dropdown-submenu:hover > .dropdown-menu {

        display:block;

    }



    /* dropdown links */

    .desktop-menu .dropdown-item {

        display:block;

        padding:10px 18px;

        font-size:14px;

        color:#333;

        text-decoration:none;

        transition:.3s ease;

    }


    .desktop-menu .dropdown-item:hover {

        background:var(--secondary-color);

        color:#fff;

    }



    /* arrows */

    .desktop-menu .dropdown-toggle::after {

        margin-left:7px;

    }


}



/* =====================================================
   MOBILE MENU
   Custom_Mobile_Nav_Walker
===================================================== */


/* closed */

.mobile-menu {

    display:none;

}


.mobile-menu.open {

    display:block;

}

@media (min-width:992px){

    .desktop-menu .dropdown:hover > .dropdown-menu {
        display:block;
    }

    .desktop-menu .dropdown-submenu:hover > .dropdown-menu {
        display:block;
    }
    
    /* Parent links */
    .desktop-menu .dropdown-item.dropdown-toggle {
        position: relative;
        padding-right: 35px;
    }

    /* Arrow aligned to the right */
    .desktop-menu .dropdown-item.dropdown-toggle::after {
        content: "";
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);

        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 5px solid currentColor;
        border-right: 0;

        margin: 0;
    }

    /* Top-level menu arrow */
    .desktop-menu > .navbar-nav > .dropdown > .nav-link.dropdown-toggle::after {
        position: static;
        transform: none;

        border-top: 4px solid currentColor;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        border-bottom: 0;

        margin-left: 7px;
    }

}

@media(max-width:991.98px){


    .mobile-menu {

        width:100%;

        background:#fff;

    }



    .mobile-menu-list,
    .mobile-sub-menu {

        list-style:none;

        padding:0;

        margin:0;

    }



    /* main item */

    .mobile-menu-item {

        border-bottom:1px solid #eee;

    }



    .mobile-menu-link {

        display:flex;

        align-items:center;

        justify-content:space-between;

    }



    .mobile-menu-link > a,
    .mobile-menu-item > a {


        flex:1;

        padding:14px 15px;

        color:#222;

        font-size:15px;

        font-weight:600;

        text-decoration:none;

    }



    .mobile-menu-link > a:hover {

        color:var(--secondary-color);

    }



    /* submenu */

    .mobile-sub-menu {


        display:none;

        margin:0 15px 10px;

        padding:5px 0 5px 15px;


        border-left:3px solid var(--secondary-color);

        background:#fafafa;

    }



    .mobile-sub-menu.open {

        display:block;

    }



    /* child */

    .mobile-sub-menu .mobile-menu-item {

        border:0;

    }



    .mobile-sub-menu .mobile-menu-link > a {


        padding:10px 15px;

        font-size:14px;

        font-weight:500;

        color:#555;

    }



    /* third level */

    .mobile-sub-menu .mobile-sub-menu {


        margin-left:10px;

        background:#fff;

        border-left:2px solid #ddd;

    }




    /* submenu button */

    .submenu-toggle {


        width:45px;

        height:45px;

        border:0;

        background:none;

        position:relative;

        cursor:pointer;

    }



    /* plus icon */

    .submenu-toggle span,
    .submenu-toggle span::before {


        content:"";

        position:absolute;

        background:#333;

        transition:.3s ease;

    }



    .submenu-toggle span {


        width:14px;

        height:2px;

        top:50%;

        left:50%;

        transform:translate(-50%,-50%);

    }



    .submenu-toggle span::before {


        width:2px;

        height:14px;

        left:6px;

        top:-6px;

    }



    /* opened state */

    .submenu-toggle.active span::before {

        transform:rotate(90deg);

    }


}



/* =====================================================
   MOBILE HAMBURGER
===================================================== */


.navbar-toggler {

    border:0;

    padding:8px;

}


.navbar-toggler:focus {

    box-shadow:none;

}


.navbar-toggler-icon {


    background:none !important;


    width:26px;

    height:18px;

    position:relative;

}



.navbar-toggler-icon::before,
.navbar-toggler-icon::after,
.navbar-toggler-icon {


    transition:.3s ease;

}



.navbar-toggler-icon::before,
.navbar-toggler-icon::after {


    content:"";

    position:absolute;

    left:0;

    width:26px;

    height:2px;

    background:#222;

}



.navbar-toggler-icon::before {


    top:0;

    box-shadow:0 8px 0 #222;

}



.navbar-toggler-icon::after {


    bottom:0;

}



/* hamburger active */

.navbar-toggler.active .navbar-toggler-icon::before {


    top:8px;

    transform:rotate(45deg);

    box-shadow:none;

}



.navbar-toggler.active .navbar-toggler-icon::after {


    bottom:8px;

    transform:rotate(-45deg);

}

.btn-orange {
  background: var(--secondary-color);
  color: #fff;
  border: none;
}
.btn-orange:hover {
  animation: bounce 0.5s ease;
  background: var(--secondary-color);
  color: #fff;
}

@keyframes bounce {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}

.top-bar a {
  text-decoration: none;
}



/*.hero-section {*/
/*  background:*/
/*    linear-gradient(rgba(0, 18, 44, 0.78), rgba(0, 18, 44, 0.78)),*/
/*    url("./images/banner.png") center/cover no-repeat;*/
/*  min-height: 700px;*/
/*}*/
.hero-title {
  font-size: 60px;
  line-height: 70px;
}
.hero-orange {
  color: var(--secondary-color);
}

.hero-description {
  font-size: 1.35rem;
  max-width: 650px;
  color: #e9ecef;
}

.hero-orange {
  color: var(--secondary-color);
}

.hero-icon {
  color: var(--secondary-color);
}

.feature-divider {
  border-right: 1px solid rgba(255, 255, 255, 0.35);
}

.btn-orange {
  background: var(--secondary-color);
  color: #fff;
  border: 2px solid var(--secondary-color);
}
.hero-outline-btn {
  border: 2px solid var(--secondary-color);
  color: #fff;
}

.hero-outline-btn:hover {
  background: var(--secondary);
  color: #fff;
}

@media (max-width: 991.98px) {
  .hero-section {
    min-height: auto;
    padding: 5rem 0;
  }

  .hero-title {
    font-size: 2.8rem;
  }

  .hero-description {
    font-size: 1rem;
  }

  .feature-divider {
    border-right: none;
  }
}

.text-orange {
  color: var(--secondary-color);
}

.feature-icon {
  font-size: 3rem;
  color: var(--secondary-color);
}

.border-end:last-child {
  border-right: none !important;
}
.site-heading {
  line-height: 38px;
  font-size: 28px !important;
  color: var(--primary-color);
}
.btn-blue {
  background: var(--primary-color);
  color: #fff;
}
.btn-blue:hover {
  animation: bounce 0.5s ease;
  background: var(--primary-color);
  color: #fff;
}

@keyframes bounce {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}
.feature-icon {
  font-size: 70px;
}
.icon-box-title {
  font-size: 20px;
	color: var(--primary-color);
}
.services-section {
  background: var(--primary-color);
  padding-bottom:60px !important;
}
.service-line {
  width: 55px;
  height: 3px;
  background: var(--secondary-color);
  display: inline-block;
}

.service-card {
  transition: 0.3s ease;
}
.service-card:hover {
  transform: translateY(-8px);
}
.service-card img {
  height: 220px;
  object-fit: cover;
}

.service-icon {
  width: 60px;
  height: 60px;
  background: var(--secondary-color);
  color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  flex-shrink: 0;
}
.service-card a {
  color: var(--primary-color);
}
.service-card a:hover {
  color: var(--secondary-color);
}

/* .stats-box {
  background: rgba(255, 255, 255, 0.05);
} */
.stat-icon {
  color: var(--secondary-color);
}
.stats-box h2 {
  color: var(--secondary-color);
}

@media (max-width: 991.98px) {
  .service-card img {
    height: 200px;
  }
}
.sevice-bottom {
  border-right: 1px solid #fff;
}
.service-bottom-text {
  font-size: 13px;
}
.approach-icon {
  width: 75px;
  height: 75px;
  background: var(--primary-color);
  color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.8rem;
}
.approach-number {
  color: var(--secondary-color);
}
.section-line {
  width: 35px;
  height: 3px;
  background: var(--secondary-color);
  display: inline-block;
}
@media (min-width: 992px) {
  .approach-card {
    position: relative;
  }
  .approach-card::before {
    content: "";
    position: absolute;
    top: 37px; /* center of 75px icon */
    left: calc(100% - 40px);
    width: 85px;
    border-top: 2px dotted #9da4b1;
  }
  .approach-card::after {
    content: "\f061";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    top: 29px;
    right: -55px;
    font-size: 12px;
    color: var(--primary-color);
  }
  .col-lg-3:last-child .approach-card::before,
  .col-lg-3:last-child .approach-card::after {
    display: none;
  }
}
.site-heading {
  color: var(--primary-color);
}
.process-heading {
  font-size: 20px;
  color: var(--primary-color);
  font-weight: 500;
}
.site-para {
  font-size: 18px !important;
  line-height:1.6 !important;
}
.hseq-card {
  background: var(--primary-color);
}
.hseq-card img {
  object-fit: cover;
}
.btn-outline-warning {
  border-color: var(--secondary-color);
  color: var(--secondary-color);
}
.btn-outline-warning:hover {
  background: var(--secondary-color);
  color: #fff;
}
.site-title {
    font-size: 20px !important;
	text-transform:uppercase !important;
	color:#2f4285 !important;
}
.section-title {
      font-size: 28px !important;
      font-weight: 700 !important;
      position: relative;
	  text-transform:uppercase !important;
	  color:#2f4285 !important;
      
   }
.card {
  transition: 0.3s ease;
}
.card:hover {
  transform: translateY(-5px);
}
.hse-heading {
  font-size: 20px !important;
  line-height: 30px;
}
.certificate-heading {
  font-size: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #0000002e;
}
.news-heading {
  font-size: 16px;
}
.card-body {
  padding: 0px;
	display:flex;
}
.certificate-inner{
	align-items:center;
}
.iso-heading {
  font-size: 20px;
}
.hse-background {
  background: url("./images/sygma.png") center/cover no-repeat;
}
.cert-btn {
  font-size: 16px;
}
.view-all {
  font-size: 12px;
}
.client-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90px;
  border-right: 1px solid #e9ecef;
  padding: 28px;
}

.client-slide img {
  max-height: 100px;
  width: auto;
}

/* ===========================
   Footer
=========================== */

.footer-section {
  background: #fff;
}

/*.footer-cta {*/
/*  background:*/
/*    linear-gradient(rgba(0, 18, 44, 0), rgba(0, 18, 44, 0.82)),*/
/*    url("./images/footer-banner.png") center/cover;*/
/*}*/

.footer-main {
  background: var(--primary-color);
  padding: 70px 50px 20px !important;
}

.footer-title {
  color: #fff;
  font-weight: 700;
  margin-bottom: 1.2rem;
  font-size: 15px;
}

.footer-links li {
  margin-bottom: 0.75rem;
}

.footer-links a {
  color: #fffff;
  text-decoration: none;
  transition: 0.3s;
  font-size: 18px;
}

.footer-links a:hover {
  color: var(--secondary-color);
}

.footer-icon {
  color: #fff;
  transition: 0.3s;
}

.footer-icon:hover {
  color: var(--secondary-color);
}

.footer-bottom-link {
  color: #d7d7d7;
  text-decoration: none;
  font-size:18px;
}

.footer-bottom-link:hover {
  color: var(--secondary-color);
}
.list-unstyled li {
    color: #fff;
	font-size:18px;
}

.heroSwiper{
    width:100%;
}

.heroSwiper .swiper-slide{
    height:auto;
}

.heroSwiper .swiper-pagination{
    bottom:30px !important;
}

.heroSwiper .swiper-pagination-bullet{
    width:12px;
    height:12px;
    background:#fff;
    opacity:.5;
}

.heroSwiper .swiper-pagination-bullet-active{
    background:#ff7a00;
    opacity:1;
}
.hseq-left{
	padding:50px !important;
}

.strategic-collaborations {
            background: #f8f9fa;
            padding: 60px 0;
        }

        .section-title {
            font-size: 28px;
            font-weight: 700;
            line-height: 38px;
        }

        .section-title span {
            color: #fc962d;
        }

        .collaboration-image-wrapper {
            overflow: hidden;
            border-radius: 16px;
        }

        .collaboration-image-wrapper img {
            transition: transform 0.4s ease;
        }

        .collaboration-image-wrapper:hover img {
            transform: scale(1.03);
        }

        .full-width-content {
            background: #ffffff;
            border-left: 4px solid #fc962d;
            box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
        }

        .highlight-box {
            background: #fc962d;
            color: #ffffff;
            border-radius: 12px;
        }

        @media (max-width: 991.98px) {

            .collaboration-image-wrapper img {
                max-height: 280px !important;
            }
        }

        @media (max-width: 575.98px) {
            .strategic-collaborations {
                padding: 40px 0;
            }

            .collaboration-image-wrapper img {
                max-height: 220px !important;
            }
        }

/* .text-secondary{
	font-size:18px;
}
 */

.form-section-title p {
    font-size: 28px !important;
}
.form-label label {
    font-size: 18px;
	color:#6c757d;
}
.phone-title label {
    font-size: 18px;
	color:#6c757d;
}
.message-area label {
    font-size: 18px; 
	color:#6c757d;
}
.phone-type label {
    font-size: 18px;
    color:#6c757d;
}

.home-service {
    font-size: 25px;
    color: #00122c;
}

.page-header h1 {
    text-transform: uppercase;
}

.service-title {
    text-transform: uppercase !important;
	font-size:20px !important;
}

.nav-text {
    font-size: 16px !important;
}
.read-more-link{
	font-size:16px !important;
}
.sygma-btn{
	font-size:16px !important;
}