@import url('https://fonts.googleapis.com/css2?family=Berkshire+Swash&family=Livvic:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,900&display=swap');



h1, h2, h3, h4, h5, h6{
    font-family: "Livvic", sans-serif;
}
h1, h2{
    font-size:2.6vw;
}
p, a, li, ul, span, strong{
    font-family: "Livvic", sans-serif;
}


/*header {*/
/*    position: sticky;*/
/*    top: 0;*/
/*    z-index:1;*/
/*}*/

/*header start */

.header-main{
    padding:0 8%;
}

*{
    margin:0;
    padding:0;
}
.logo{
    width:51%;
    max-width:100%;
}

        /* Navbar Custom Header */
        .navbar-custom {
            background-color: #ffffff;
            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
            padding-top: 1rem;
            padding-bottom: 1rem;
        }

        /* Brand / Logo styling */
        .brand-container {
            display: flex;
            align-items: center;
            text-decoration: none;
            gap: 12px;
        }

        .brand-text-box {
            display: flex;
            flex-direction: column;
        }

        .brand-title {
            font-size: 1.15rem;
            font-weight: 700;
            color: var(--text-dark);
            letter-spacing: 0.5px;
            text-transform: uppercase;
            position: relative;
            /*padding-bottom: 3px;*/
            line-height: 1.1;
        }

        .brand-title .ampersand {
            color: var(--text-amp);
            font-weight: 500;
        }

        .brand-underline {
            width: 100%;
            height: 2px;
            background-color: var(--brand-orange);
            display: block;
            margin-top: 2px;
        }

        .brand-subtitle {
            font-size: 0.72rem;
            font-weight: 600;
            color: var(--text-muted);
            letter-spacing: 0.28em;
            text-transform: uppercase;
            margin-top: 3px;
            line-height: 1;
        }

        .brand-logo-svg {
            width: 44px;
            height: 44px;
            flex-shrink: 0;
        }

        /* Navigation Links Styling */
        .navbar-nav .nav-link {
            font-size: 0.95rem;
            font-weight: 600;
            color: var(--text-dark);
            padding: 0.5rem 1rem !important;
            transition: color 0.2s ease-in-out;
            display: flex;
            align-items: center;
            gap: 4px;
            white-space: nowrap;
        }

        .navbar-nav .nav-link:hover,
        .navbar-nav .nav-link.show {
            color:#f15a22!important;
        }

        .navbar-nav .nav-link.active {
            color: #f15a22 ;
            font-weight: 700;
        }

        /* Plus Icon style for dropdown toggle */
        .plus-icon {
            font-weight: 700;
            font-size: 0.9rem;
            line-height: 1;
            margin-left: 2px;
            display: inline-block;
            transition: transform 0.25s ease;
        }

        /* Dropdown Styling */
     .dropdown-menu {
    border-radius: 0 0 0px 0px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    padding: 0.5rem 0;
    margin-top: 0.5rem;
    border: none;
 
}

        .dropdown-item {
            font-size: 0.88rem;
            font-weight: 500;
            color: var(--text-dark);
            padding: 0.6rem 1.25rem;
            transition: all 0.2s ease;
        }

        .dropdown-item:hover,
        .dropdown-item:focus {
            color: #f15a22 ;
        }

        /* Desktop Hover Trigger and Plus Icon rotation */
   @media all and (min-width: 992px) {
  .navbar-custom .navbar-nav .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* Prevents gap causing the dropdown to close */
  }
}

            .nav-item.dropdown:hover > .nav-link .plus-icon {
                transform: rotate(45deg);
                color: #f15a22 ;
            }
        

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(6px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Custom Toggler Button */
        .navbar-toggler {
            border: none;
            padding: 0.5rem;
            color: var(--text-dark);
        }

        .navbar-toggler:focus {
            box-shadow: none;
        }

        .navbar-toggler-icon-custom {
            font-size: 1.5rem;
            color: var(--text-dark);
        }
        /*header end*/
        
        /*marquee start*/

.marquee-container {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
 
}

.marquee {
    display: inline-flex;
    animation: scroll-left 45s linear infinite;
    padding: 1.2% 0;
}

.marquee span {
    display: inline-block;
    /* padding-right: 15rem; */
    margin-right: 15rem;
    color: #000;
    font-size: 1.1vw;
    font-weight: 500;
}

@keyframes scroll-left {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* span.marquee-dot {
    width: 5px;
    height: 5px;
    background: #000;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    top: -0.25vw;
    margin: 0px 15px 0px 10px;
} */

span.marquee-dash {
    display: inline-block;
    margin: 0px 15px 0px 10px;
}

span.marquee-dash::before {
    content: "– ";
    color: black;
    position: relative;
    top: -0.10vw;
}        
 
       /* Hero Container Settings */
.hero-section {
    position: relative;
    width: 100%;
    min-height: 100vh; /* Full screen height */
    padding: 0 2rem;
}

/* Hero Container Settings */
.hero-section {
    position: relative;
    width: 100%;
    min-height: 81vh;
    min-height: 81dvh;
    
}

/* Background Video Styling */
.hero-bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    object-fit: cover;
    z-index: 0;
}
.col-xl-6.col-lg-7.col-md-9.col-12.pr {
    flex: 0 0 auto;
    width: 65%;
    padding:0 10%;
}
/* Dark Gradient Overlay */
.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
   background: rgb(0 0 0 / 13%);
    z-index: 1;
}

/* Typography & Layout */
.hero-content {
    z-index: 2;
}

.hero-title {
    font-size: clamp(1.75rem, 4vw, 2.5rem); /* Dynamically scales font based on screen size */
    line-height: 1.25;
    letter-spacing: -0.5px;
}

.hero-text {
    font-size: 1.2vw;
    line-height: 1.6;
    /* opacity: 0.9; */
}

/* Rectangular 'Know More' Button */
.hero-btn {
    border: 2px solid #ffffff;
    background-color: transparent;
    border-radius: 0; /* Sharp rectangular design */
    padding: 8px 22px!important;
    font-size: 0.85rem;
    font-weight: 600;
    transition: all 0.3s ease;
    display: inline-block;
}

.hero-btn:hover,
.hero-btn:focus {
    background-color: #ffffff;
    color: #000000 !important;
}

/* --- Mobile Specific Tweaks --- */
@media (max-width: 576px) {
    .hero-section {
        padding: 4rem 1rem; /* Better spacing on small screens */
    }

    .hero-title {
        margin-bottom: 0.75rem !important;
    }

    .hero-text {
        margin-bottom: 1.25rem !important;
    }

    .hero-btn {
        padding: 10px 24px; /* Larger tap target for touch devices */
    }
}


/*hero section end*/






.grid1 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  height: auto !important;
}

.csr-cards {
  border: 2px solid #f15a22;
  border-radius: 14px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  /*max-height: 330px;*/
  max-height: 23vw;
  padding: 33px 20px 44px;
  display: flex;
  position: relative;
  overflow: hidden;
  /*transition: all 0.4s ease;*/
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
}

/*.csr-icon {*/
/*  background-color: #e6f7f3;*/
/*  border-radius: 50%;*/
/*  flex-flow: row;*/
/*  justify-content: center;*/
/*  align-items: center;*/
/*  width: 150px;*/
/*  height: 150px;*/
/*  display: flex;*/
  /*inset: 21% 0% auto 29%;*/
  /*transition: transform 0.4s ease;*/
/*  transition: transform 1s ease;*/
  
  
  
/*  position: absolute;*/
  /*top: 21%;*/
/*  top: 4.5vw;*/
/*  left: 50%;*/
/*  transform: translateX(-50%);*/
/*  transform-origin: center;*/
/*}*/

.csr-icon {
  background-color: #f15a22;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  position: absolute;
  top: 4vw;
  left: 50%;
  transform: translateX(-50%);
  transform-origin: center;
  overflow: hidden;
  z-index: 1;
}
.csr-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background-color: #00a984; /* expanding color */
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: width 1s ease, height 1s ease;
  z-index: 0;
}










/*.csr-cards:hover .csr-icon {*/
  /*transform: scale(1.05);*/
  
/*  transform: translateX(-50%) scale(1.05)*/
/*}*/

.csr-content {
  z-index: 1;
  margin-top: 13vw;
  /*margin-top: 40%;*/
  position: relative;
  /*transition: transform 0.4s ease, opacity 0.4s ease;*/
  transition: transform 1s ease, opacity 1s ease;
  -webkit-transition: all 1s ease;
  transform-origin: center top;
}

.csr-card-head {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  /*margin-top: 45px;*/
  margin-top: 5vw;
  display: flex;
}

.csr-description {
  text-align: center;
  margin-top: 7px;
  opacity: 0;
  transform: translateY(20px);
  /*transition: all 0.4s ease;*/
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
}

.csr-cards:hover .csr-description {
  opacity: 1;
  transform: translateY(0);
}

/*.icon-flex {*/
/*  justify-content: center;*/
/*  align-items: center;*/
/*  display: flex;*/
/*}*/


.csr-cards .csr-icon  {
    transition: all 1s ease;
}

.csr-cards:hover .csr-icon  {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale3d(6, 6, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    transition: all 1s ease;
}

.csr-cards:hover .csr-content  {
    opacity: 1;
    transform: translate3d(0px, -57px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    /*margin-top: 33%;*/
    margin-top: 5.5vw;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
}

.csr-cards .content-csr {
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
}

.csr-cards:hover .content-csr {
    /*margin-top: -10%;*/
    margin-top: -4vw;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
}

.text-block-7 {
    font-family: 'Livvic';
    font-size: 1.6vw;
    font-weight: 600;
    color: #f15a22;
}
.body-text {
    color: #ffffff;
    font-size: 1.2vw;
    line-height: 1.3em;
    font-family: 'Livvic';
}
a.hov-btn {
    border: 2px solid #ffffff;
    padding: 3% 8%;
    border-radius: 5px;
    font-family: 'Livvic';
    font-size: 16px;
    color: #fff;
}
.csr-cards:hover .text-block-7 {
    color: #fff;
}



.icon-flex {
  z-index: 2;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}



.custom-services-section {
    padding: 5% 8%;
}
        /* Orange accent line */
       .service-accent-bar {
    width: 100px;
    height: 7px;
    background-color: #f4511e;
    /* border-radius: 2px; */
    margin-bottom: 12px;
}
        /* Services Title styling */
        .service-title {
            font-weight: 700;
            color: #f4511e; /* Matching orange color */
            line-height: 1.2;
            margin-bottom: 10px;
            letter-spacing: -0.5px;
        }
        /* Subtitle styling */
     .service-subtitle {
    font-size: 1.8vw;
    font-weight: 500;
    color: #000000;
}
        @media (max-width: 768px) {
            .service-title {
                font-size: 2rem;
            }
            .service-subtitle {
                font-size: 1.1rem;
            }
        }

.grid2 {
    grid-column-gap: 27px;
    grid-row-gap: 27px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 2fr;
    display: grid;
    height: auto !important;
    margin: 3% 0 0 0;
}

.csr-cards {
  border: 2px solid #f15a22;
  border-radius: 14px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  /*max-height: 330px;*/
  max-height: 23vw;
  padding: 33px 20px 44px;
  display: flex;
  position: relative;
  overflow: hidden;
  /*transition: all 0.4s ease;*/
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
}

/*.csr-icon {*/
/*  background-color: #e6f7f3;*/
/*  border-radius: 50%;*/
/*  flex-flow: row;*/
/*  justify-content: center;*/
/*  align-items: center;*/
/*  width: 150px;*/
/*  height: 150px;*/
/*  display: flex;*/
  /*inset: 21% 0% auto 29%;*/
  /*transition: transform 0.4s ease;*/
/*  transition: transform 1s ease;*/
  
  
  
/*  position: absolute;*/
  /*top: 21%;*/
/*  top: 4.5vw;*/
/*  left: 50%;*/
/*  transform: translateX(-50%);*/
/*  transform-origin: center;*/
/*}*/

.csr-icon {
  background-color: #f15a22;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  position: absolute;
  top: 4vw;
  left: 50%;
  transform: translateX(-50%);
  transform-origin: center;
  overflow: hidden;
  z-index: 1;
}
.csr-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background-color: #00a984; /* expanding color */
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: width 1s ease, height 1s ease;
  z-index: 0;
}










/*.csr-cards:hover .csr-icon {*/
  /*transform: scale(1.05);*/
  
/*  transform: translateX(-50%) scale(1.05)*/
/*}*/

.csr-content {
  z-index: 1;
  margin-top: 13vw;
  /*margin-top: 40%;*/
  position: relative;
  /*transition: transform 0.4s ease, opacity 0.4s ease;*/
  transition: transform 1s ease, opacity 1s ease;
  -webkit-transition: all 1s ease;
  transform-origin: center top;
}

.csr-card-head {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  /*margin-top: 45px;*/
  margin-top: 5vw;
  display: flex;
}

.csr-description {
  text-align: center;
  margin-top: 7px;
  opacity: 0;
  transform: translateY(20px);
  /*transition: all 0.4s ease;*/
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
}

.csr-cards:hover .csr-description {
  opacity: 1;
  transform: translateY(0);
}

/*.icon-flex {*/
/*  justify-content: center;*/
/*  align-items: center;*/
/*  display: flex;*/
/*}*/


.csr-cards .csr-icon  {
    transition: all 1s ease;
}

.csr-cards:hover .csr-icon  {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale3d(6, 6, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    transition: all 1s ease;
}

.csr-cards:hover .csr-content  {
    opacity: 1;
    transform: translate3d(0px, -57px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    /*margin-top: 33%;*/
    margin-top: 5.5vw;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
}

.csr-cards .content-csr {
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
}

.csr-cards:hover .content-csr {
    /*margin-top: -10%;*/
    margin-top: -4vw;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
}

.text-block-7 {
    font-family: 'Livvic';
    font-size: 1.6vw;
    font-weight: 600;
    color: #f15a22;
}
.body-text {
    color: #ffffff;
    font-size: 1.2vw;
    line-height: 1.3em;
    font-family: 'Livvic';
}
a.hov-btn {
    border: 2px solid #ffffff;
    padding: 3% 8%;
    border-radius: 5px;
    font-family: 'Livvic';
    font-size: 16px;
    color: #fff;
}
.csr-cards:hover .text-block-7 {
    color: #fff;
}



.icon-flex {
  z-index: 2;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}



/*our company css*/





/* Background styling with a dark overlay */

.company-section {
    position: relative;
    background-image: url('../image/Our-Company.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    /* min-height: 100vh; */
    display: flex;
    align-items: center;
    justify-content: space-around;
}

/* Small white accent line above the title */
.accent-line {
    width: 100px;
    height: 7px;
    background-color: #ffffff;
}

/* Typography styles */
.company-title {
  
  letter-spacing: -0.5px;
}

.company-subtitle {
    font-size: 1.8vw;
    color: #fff;
    font-weight: 500!important;
}

.company-desc {
    font-size: 1.4vw;
    line-height: 1.7;
    color: #fff !important;
    font-weight:400;
}

/* Custom button styling */
.know-more-btn {
  font-size: 0.9rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-width: 1.5px;
  transition: all 0.3s ease;
}

.know-more-btn:hover {
  background-color: #ffffff;
  color: #000000;
}

.overlay {
    width: 100%;
    background: #5d6265cc;
    padding: 5% 8%;
}






/*mesurable css*/

.impact-section {
    width: 100%;
    background: #f5f6f8;
    color: #222;
    font-family: 'Poppins', Arial, sans-serif;
    padding: 105px 0 92px;
    box-sizing: border-box;
}

.impact-section * {
    box-sizing: border-box;
}

.impact-container {
    width: 84%;
    max-width: 1603px;
    margin: 0 auto;
}

.impact-heading-line {
    display: block;
    width: 100px;
    height: 7px;
    background: #f4511e;
    margin-bottom: 5px;
}

.impact-heading h2 {
    margin: 0;
    color: #f4511e;
    font-size: 50px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -1px;
}

.impact-heading p {
    margin: 1px 0 39px;
    color: #080808;
    font-size: 1.8vw;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -0.7px;
}

.impact-grid {
    display: grid;
    grid-template-columns: 1fr 1.28fr 1.35fr 1.35fr 1fr;
    column-gap: 35px;
    align-items: start;
}

.impact-item {
    min-width: 0;
}

.impact-number {
    color: #fa5425;
    font-size: 58px;
    font-weight: 400;
    line-height: 1.15;
    letter-spacing: -1.8px;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}
.text-white {
    padding: 0;
}
.impact-line {
    display: block;
    width: 100px;
    height: 7px;
    background: #f4511e;
    margin: 12px 0 15px;
}

.impact-item p {
    margin: 0;
    color: #262626;
    font-size: 1.5vw;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -0.5px;
}

/* TABLET */
@media (max-width: 1100px) {
    .impact-section {
        padding: 70px 0;
    }

    .impact-container {
        width: 88%;
    }

    .impact-heading h2 {
        font-size: 40px;
    }

    .impact-heading p {
        font-size: 27px;
    }

    .impact-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 38px 25px;
    }

    .impact-number {
        font-size: 43px;
    }

    .impact-item p {
        font-size: 21px;
    }
}

/* MOBILE */
@media (max-width: 600px) {
    .impact-section {
        padding: 50px 0;
    }

    .impact-container {
        width: 88%;
    }

    .impact-heading-line {
        width: 75px;
        height: 5px;
    }

    .impact-heading h2 {
        font-size: 32px;
        letter-spacing: -0.6px;
    }

    .impact-heading p {
        font-size: 20px;
        line-height: 1.4;
        margin: 8px 0 30px;
    }

    .impact-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 30px 18px;
    }

    .impact-number {
        font-size: clamp(28px, 7vw, 38px);
        letter-spacing: -1px;
    }

    .impact-line {
        width: 65px;
        height: 5px;
        margin: 10px 0 12px;
    }

    .impact-item p {
        font-size: 17px;
        line-height: 1.4;
        letter-spacing: 0;
    }
}









/*project css*/

.projects-section {
    position: relative;
    min-height: var(--section-height);
    width: 100%;
    overflow: hidden;
    color: var(--accent);
    isolation: isolate;
    display: grid;
    grid-template-columns: minmax(330px, 38%) minmax(0, 1fr);
    align-items: center;
    gap: clamp(28px, 3vw, 58px);
    /* padding: 54px 0 54px max(7.95%, calc((100vw - 1600px)/2)); */
    background-image: url('../image/Review-Final.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 5% 8%;
}
  h2#projects-heading {
    color: #fff;
}
.projects-copy h3 {
    color: #fff;
    font-size: 1.8vw;
    font-weight:500;

}

.projects-copy p {
    color: #fff;
}
  .projects-section::before {
    content: ""; position: absolute; inset: 0; z-index: -2;
    background: url("images/background.jpg") center center / cover no-repeat;
  }
  .projects-section::after {
    content: ""; position: absolute; inset: 0; z-index: -1;
    background: linear-gradient(90deg, rgba(76,78,78,.76) 0%, rgba(82,83,83,.80) 43%, rgba(76,76,76,.88) 43%, rgba(76,76,76,.88) 100%);
  }
  .projects-copy { max-width: 535px; padding-right: 4px; }
  .projects-rule { width: 100px; height: 7px; background: #fff; margin: 0 0 10px; }
  .projects-copy h2 { margin: 0 0 4px; line-height: 1.06; font-weight: 700; letter-spacing: -.8px; }
 .projects-copy p {
    margin: 0 0 35px;
    font-size: 1.4vw;
    line-height: 1.42;
    font-weight: 400;
}
  .projects-copy p { margin: 0 0 35px; font-size: clamp(18px, 1.45vw, 27px); line-height: 1.42; font-weight: 400; }
  .projects-button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 24px; border: 2px solid #fff; border-radius: 2px; color: #fff; text-decoration: none; font-size: 14px; font-weight: 700; transition: background .2s, color .2s; }
  .projects-button:hover { background: #fff; color: #333; }
  .projects-gallery { position: relative; min-width: 0; width: 100%; }
  .projects-viewport { overflow: hidden; width: 100%; }
  .projects-track { display: flex; gap: 30px; transition: transform .55s cubic-bezier(.2,.75,.25,1); will-change: transform; }
  .project-card { flex: 0 0 min(362px, 34vw); height: 239px; overflow: hidden; border-radius: 4px; background: #444; }
  .project-card img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .45s; }
  .project-card:hover img { transform: scale(1.035); }
  .projects-arrow { position: absolute; z-index: 2; top: 50%; transform: translateY(-50%); width: 42px; height: 48px; border: 0; border-radius: 2px; color: #fff; background: rgba(90,90,90,.45); cursor: pointer; font-size: 30px; line-height: 1; display: grid; place-items: center; }
  .projects-arrow:hover { background: rgba(30,30,30,.75); }
  .projects-arrow.prev { left: -54px; }
  .projects-arrow.next { right: 16px; }
  .projects-arrow:focus-visible, .projects-button:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
  @media (max-width: 1000px) {
    .projects-section { grid-template-columns: 1fr; gap: 34px; padding: 48px 7%; }
    .projects-copy { max-width: 680px; }
    .projects-section::after { background: rgba(75,77,77,.78); }
    .projects-gallery { padding-left: 0; }
    .projects-arrow.prev { left: 0; }
    .projects-arrow.next { right: 0; }
    .projects-arrow { background: rgba(25,25,25,.55); }
    .project-card { flex-basis: min(362px, 72vw); }
  }
  @media (max-width: 560px) {
    .projects-section { padding: 40px 22px; gap: 28px; }
    .projects-rule { width: 76px; height: 5px; }
    .projects-copy h2 { font-size: 36px; }
    .projects-copy h3 { font-size: 23px; }
    .projects-copy p { font-size: 18px; margin-bottom: 24px; }
    .project-card { flex-basis: 82vw; height: 205px; }
    .projects-track { gap: 16px; }
    .projects-arrow.prev { left: 0; }
    .projects-arrow.next { right: 0; }
  }
  @media (prefers-reduced-motion: reduce) { .projects-track, .project-card img { transition: none; } }


/*awards*/

.awards-section{width:100%;background:#fff;color:#080808;font-family:"Poppins",Arial,sans-serif;padding:100px 0 96px;overflow:hidden}
.awards-container{width:84%;max-width:1603px;margin:0 auto}
.awards-heading-line{display:block;width:100px;height:7px;background:#f4511e;margin:0 0 5px}
.awards-heading h2{color:#f4511e;font-size:50px;font-weight:700;letter-spacing:-1px;line-height:1.2;margin:0}
.awards-heading p {
    color: #080808;
    font-size: 1.7vw;
    font-weight: 500;
    letter-spacing: -.7px;
    line-height: 1.35;
    margin: 1px 0 34px;
}
.awards-carousel{position:relative;width:100%;padding:0 26px}
.awards-viewport{width:100%;overflow:hidden}
.awards-track{display:flex;gap:52px;align-items:stretch;transition:transform .55s ease;will-change:transform}
.award-card{flex:0 0 calc((100% - 104px)/3);height:302px;padding:30px;background:#fff;border:1px solid #e8e8e8;border-radius:25px;box-shadow:0 1px 9px rgba(0,0,0,.20);display:flex;align-items:center;justify-content:center;overflow:hidden}
.award-card img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:13px}
.awards-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:28px;height:46px;border:0;padding:0;background:transparent;color:#f4511e;cursor:pointer;display:flex;align-items:center;justify-content:center}
.awards-arrow svg{width:25px;height:34px;display:block}
.awards-arrow--prev{left:0}.awards-arrow--next{right:0}
.awards-arrow:hover{color:#d94314}
.awards-arrow:focus-visible{outline:2px solid #f4511e;outline-offset:3px;border-radius:4px}
.awards-button-wrap{margin-top:35px}
.awards-view-button{display:inline-flex;align-items:center;justify-content:center;min-width:140px;min-height:43px;padding:9px 22px;color:#f4511e;background:#fff;border:1.5px solid #f4511e;border-radius:2px;text-decoration:none;font-family:inherit;font-size:14px;font-weight:400;transition:background .2s ease,color .2s ease}
.awards-view-button:hover{color:#fff;background:#f4511e}
@media(max-width:1100px){.awards-section{padding:70px 0}.awards-container{width:88%}.awards-heading h2{font-size:40px}.awards-heading p{font-size:26px}.awards-track{gap:28px}.award-card{flex-basis:calc((100% - 28px)/2);height:280px;padding:24px}}
@media(max-width:650px){.awards-section{padding:48px 0 56px}.awards-container{width:90%}.awards-heading-line{width:76px;height:5px}.awards-heading h2{font-size:32px;letter-spacing:-.5px}.awards-heading p{font-size:19px;line-height:1.45;margin:7px 0 26px;letter-spacing:0}.awards-carousel{padding:0 22px}.awards-track{gap:0}.award-card{flex-basis:100%;height:255px;padding:22px;border-radius:19px}.awards-arrow{width:22px}.awards-arrow svg{width:21px;height:30px}.awards-button-wrap{margin-top:26px}}
@media(prefers-reduced-motion:reduce){.awards-track{transition:none}}



/*clienttestimonial*/

.company-section-new .align-items-center {
    align-items: top!important;
}


.company-section-new {
    position: relative;
    background-image: url('../image/review.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    /* min-height: 100vh; */
    display: flex;
    align-items: center;
    justify-content: space-around;
}











/*footer start*/




  /* Footer only — safe to paste into an existing HTML page. */
  * { box-sizing: border-box; }
  .swdc-footer {
    width: 100%;
    min-height: 301px;
    background: #231f20;
    color: #fff;
    font-family: "Poppins", Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.65;
  }
  .swdc-footer a {
    color: #fff;
    text-decoration: none;
    transition: opacity .2s ease;
  }
  .swdc-footer a:hover { opacity: .72; }
  .swdc-footer__inner {
    width: min(1603px, calc(100% - 64px));
    margin: 0 auto;
    padding: 51px 0 38px;
    display: grid;
    grid-template-columns: 1.55fr .9fr .9fr .78fr .72fr;
    column-gap: 40px;
    align-items: start;
  }
  .swdc-footer__brand { padding-top: 3px; }
  .swdc-footer__logo {
    display: block;
    width: 260px;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    object-position: left center;
    margin: 0 0 12px;
  }
  .swdc-footer__tagline {
    max-width: 330px;
    margin: 0;
    font-size: 14px;
    line-height: 1.72;
    letter-spacing: -.12px;
  }
  .swdc-footer__heading {
    margin: 0 0 4px;
    color: #fff;
    font-size: 18px;
    line-height: 1.45;
    font-weight: 600;
    letter-spacing: -.3px;
  }
  .swdc-footer__links {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .swdc-footer__links li {
    margin: 0 0 4px;
    padding: 0;
    line-height: 1.65;
  }
  .swdc-footer__strong-link {
    display: inline-block;
    font-size: 18px;
    line-height: 1.45;
    font-weight: 600;
    letter-spacing: -.3px;
  }
  .swdc-footer__social {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 4px 0 11px;
    border-radius: 50%;
    background: #f1f1f1;
    color: #f15a24 !important;
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
  }
  @media (max-width: 1100px) {
    .swdc-footer__inner {
      grid-template-columns: 1.3fr 1fr 1fr;
      row-gap: 34px;
      column-gap: 32px;
    }
  }
  @media (max-width: 680px) {
    .swdc-footer { min-height: 0; }
    .swdc-footer__inner {
      width: calc(100% - 40px);
      padding: 36px 0 30px;
      grid-template-columns: 1fr 1fr;
      gap: 28px 22px;
    }
    .swdc-footer__brand { grid-column: 1 / -1; }
    .swdc-footer__logo { width: 245px; }
    .swdc-footer__heading,
    .swdc-footer__strong-link { font-size: 17px; }
  }
  @media (max-width: 390px) {
    .swdc-footer__inner { grid-template-columns: 1fr; }
    .swdc-footer__brand { grid-column: auto; }
  }

.container-fluid.intro-grid {
    padding: 0;
}

/*about us css*/
.container-fluid.abt {
    padding: 2% 8%;
} 
section.about-banner {
    background-image: url('../image/datacentergif.gif');
    background-size: cover;
    background-repeat: no-repeat;
    height: 23vw;
}

*{box-sizing:border-box}
:root{--orange:#ff5722;--grey:#898989;--text:#4b4b4b}
html{scroll-behavior:smooth}

img{display:block;max-width:100%}
.container{width:min(84%,1200px);margin:0 auto}
.about-banner{height:174px;background:#13253b linear-gradient(90deg,rgba(0,0,0,.48),rgba(0,0,0,.1)),var(--banner-image) center/cover no-repeat;display:flex;align-items:flex-start;color:#fff}
.about-banner .container{padding-top:16px}
.about-banner h1 {
    /* font-size: 26px; */
    font-size: 2.8vw;
    font-weight: 500;
    color: #FFFFFF;
}z

.section-pad {
    padding: 5% 8%;
}
.intro-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:10%;align-items:start}
.orange-line,.white-line{display:block;width:80px;height:7px;background:var(--orange);margin-bottom:7px}
.intro-heading h2 {
    font-size: 2.6vw!important;
    font-weight: 600;
    line-height: 1.2em;
    color: #454545;
}
.intro-copy {

    font-size: 1.4vw;
    font-weight: 400;
    line-height: 1.3em;
    color: #454545;
}
.intro-copy p{margin:0 0 13px}
.video-section{background:#000;width:100%}
.video-frame{width:100%;aspect-ratio:16/9;max-height:650px}
.video-frame iframe{display:block;width:100%;height:100%;border:0}
.apart-section {
    position: relative;
    overflow: hidden;
    padding: 5% 8%;
}
.apart-grey{position:absolute;left:0;right:0;top:0;height:32%;background:#858585}
.apart-inner{position:relative}
.section-title{margin-bottom:6%}
.white-line{background:#fff;margin-bottom:10px}
.section-title h2 {
    margin: 0;
    font-size: 2.6vw;
    font-weight: 600;
    line-height: 1em;
    color: #FFFFFF;
}
.feature-grid {
    width: 86%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px 18px;
}
.feature-card{position:relative;padding-bottom:45px;min-width:0}
.feature-card>img {
    width: 100%;
    height: 38dvh!important;
    object-fit: cover;
    background: #ddd;
}
.feature-copy{position:relative;margin:-19% 10% 0 10%;background:#dedede;min-height:118px;padding:17px 17px 15px;z-index:1}
.feature-copy h3 {
    margin-bottom: 20px;
    font-family: "Livvic", Sans-serif;
    font-size: 1.5vw!important;
    font-weight: 500;
    line-height: 1.2em;
    letter-spacing: 0px;
    color: #F15A22;
}
.feature-copy p {
    font-size: 1.1vw!important;
    line-height: 1.6em;
    color: #535353;
}
.hsse-section {
    background: #898989;
    color: #fff;
    padding: 5% 8%;
}
.hsse-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:4%;align-items:center}
.hsse-copy .white-line{margin-bottom:4px}
.hsse-copy h3 {
    /* font-size: 14px; */
    /* line-height: 1.2; */
    /* font-weight: 400; */
    margin: 2px 0 8px;
    font-size: 1.8vw;
    font-weight: 500;
    color: #FFFFFF;
}
.hsse-copy h3 {
    margin: 2px 0 8px;
    font-size: 1.8vw;
    font-weight: 500;
    color: #FFFFFF;
}
.hsse-copy p {
    font-size: 1.4vw!important;
    line-height: 1.4em;
    color: #FFFFFF;
}
.gallery{min-width:0}
.gallery-main{position:relative;aspect-ratio:1.55;background:#777;overflow:hidden}
.gallery-current{width:100%;height:100%;object-fit:cover}
.gallery-arrow{position:absolute;top:45%;border:0;background:rgba(0,0,0,.25);color:#fff;font-size:26px;width:24px;height:36px;cursor:pointer}
.gallery-arrow.prev{left:0}.gallery-arrow.next{right:0}
.gallery-thumbs{display:inline-flex;
/*grid-template-columns:repeat(4,1fr);*/
gap:14px;margin-top:5px}
.thumb{border:2px solid transparent;padding:0;height:45px;overflow:hidden;background:#777;cursor:pointer}
.thumb img{height:100%;width:100%;object-fit:cover}
.thumb.active{border-color:var(--orange)}
.leadership-section {
 padding: 5% 8%;
}
.leadership-section .orange-line{margin-bottom:5px}
/*.leadership-section h2{font-size:20px;line-height:1.15;margin:0 0 2px}*/
.leadership-section h3 {
    font-size: 1.8vw;
    font-weight: 500;
    color: #454545;
    margin: 0 0 1%;
}
section.leadership-section h2 {
    font-weight: 600;
}
.hsse-copy h2 {
  font-weight: 600;
}
section.leadership-section p {
    font-size: 1.4vw;
    line-height: 1.4em;
    color: #454545;
}
.leadership-section p {
    margin: 0 0 3%;
}
.outline-button{background-color: #61CE7000;
    font-family: "Livvic", Sans-serif;
    font-weight: 500;
    fill: #F15A22;
    color: #F15A22;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #F15A22;
    border-radius: 3px 3px 3px 3px;
    padding: 12px 24px;
    text-decoration:none;
}
.outline-button:hover{background:var(--orange);color:#fff}
@media(min-width:1000px){.about-banner{height:230px}.intro-heading h2{font-size:27px}.feature-card>img{height:230px}.feature-copy{min-height:140px;padding:20px}.feature-copy h3{font-size:15px}.feature-copy p{font-size:12px}.hsse-copy p,.leadership-section p{font-size:14px}.gallery-thumbs .thumb{height:70px}}
@media(max-width:650px){.container{width:88%}.about-banner{height:140px}.intro-grid,.hsse-grid{grid-template-columns:1fr;gap:22px}.section-pad{padding:28px 0}.intro-heading h2{font-size:22px}.intro-copy{font-size:12px}.video-frame{aspect-ratio:16/9}.apart-section{padding:30px 0}.apart-grey{height:27%}.feature-grid{width:100%;grid-template-columns:1fr;gap:10px}.feature-card{padding-bottom:18px}.feature-card>img{height:190px}.feature-copy{margin:-32px 7% 0;min-height:0;padding:16px}.feature-copy p{font-size:11px}.hsse-section{padding:30px 0}.hsse-copy p{font-size:12px}.gallery{margin-top:5px}.thumb{height:58px}.leadership-section{padding:30px 0 38px}.leadership-section h2{font-size:22px}}


/*Awards css*/


  .awards-hero {
    position: relative;
    min-height: 54dvh;
    display: flex;
    align-items: flex-start;
    background-image:url('../image/2.3-About-Us-Awards-Recognitions-D.jpg');
    background-size:cover;
    background-repeat:no-repeat;
    overflow: hidden;
  }
  .awards-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0,0,0,.28), rgba(0,0,0,.08) 48%, rgba(0,0,0,.35));
  }
.hero-inner {
    position: relative;
    /* width: min(1012px, calc(100% - 48px)); */
    margin: 0 auto;
    width: 100%;
    padding: 2% 8%;
}
.hero-title {
    margin: 0;
    font-size: 2.8vw;
    font-weight: 500;
    color: #FFFFFF;
}
  .awards-section {
    background: var(--page-bg);
    padding: 66px 24px 62px;
  }
.section-inner {
    max-width: 100%;
    margin: 0 auto;
    PADDING: 1% 8%;
}
  .section-heading {
    margin: 0 0 48px;
  font-size: 2.6vw;
    font-weight: 700;
    color: #F15A22
  }
  .section-heading::before {
    content: "";
    display: block;
    width: 85px;
    height: 7px;
    margin-bottom: 7px;
    background: var(--accent);
}
  .awards-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 28px;
    row-gap: 34px;
    align-items: start;
  }
  .award-card {
    min-width: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .award-image-wrap {
    width: 100%;
    height:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 9px;
  }
  .award-image {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
  }
  .award-title {
  font-size: 1.1vw;
    font-weight: 600;
    font-style: normal;
    line-height: 1.2em;
  }
article.award-card.D {
    BACKGROUND: NONE;
    BORDER: NONE;
    BOX-SHADOW: NONE;
    HEIGHT: 44VH;
}
  @media (max-width: 850px) {
    .awards-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px 22px; }
    .awards-hero { min-height: 230px; }
    .hero-title { font-size: 30px; }
    .section-heading { font-size: 30px; }
  }
  @media (max-width: 600px) {
    .awards-hero { min-height: 190px; background-position: center; }
    .hero-inner { width: calc(100% - 36px); padding-top: 20px; }
    .hero-title { font-size: 25px; }
    .awards-section { padding: 42px 18px 44px; }
    .section-heading { font-size: 27px; margin-bottom: 32px; }
    .awards-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 16px; }
    .award-image-wrap { height: 110px; }
    .award-title { font-size: 13px; }
  }
  @media (max-width: 360px) {
    .awards-grid { grid-template-columns: 1fr; }
    .award-image-wrap { height: 135px; }
  }
  
  
  
  
  
  
  
  
  
/*leadership css*/






header.awards-hero.leader {
    background-image: url(../image/Leadership.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}


.leadership-wrap {
    width: min(100% - 48px,1630px);
    margin: 0 auto;
    padding: 5% 8%;
    background: #e0dfdf;
    width: 100%;
}
.leadership-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,33%));
    justify-content: space-between;
    column-gap: 10%;
    row-gap: 54px;
}
.person-card{background:#fff;min-width:0;overflow:hidden}
.person-photo{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#888}
.person-info {
    min-height: 77px;
    padding: 5% 5%;
    position: relative;
    background: #fff;
}
.person-name {
    font-size: 1.3vw;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 27px 2px 0;
}
div#profileRole {
    display: none;
}
p#profileSubtitle {
    font-size: 1.2vw!important;
}
.person-role {
    font-size: 0.9vw;
    font-weight: 500;
    line-height: 1.2;
    min-height: 12px;
    margin-right: 4px;
}
.linkedin-small {
    position: absolute;
    right: 22px;
    top: 16px;
    width: 30px;
    height: 30px;
    background: #0077b5;
    color: #fff;
    font-weight: 700;
    font-size: 1.4vw;
    line-height: 27px;
    text-align: center;
    text-decoration: none;
    border-radius: 1px;
}
.view-profile {
    padding: 0 0%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 47%;
    height: 41px;
    margin-top: 17px;
    border: 2px solid #f15a22;
    color: #f15a22;
    font-size: 0.9vw;
    text-decoration: none;
    background: #fff;
    transition: background .2s,color .2s;
    cursor: pointer;
}
.view-profile:hover,.view-profile:focus{background:var(--orange);color:#fff;outline:none}
.modal-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.80);display:none;align-items:center;justify-content:center;padding: min(6.5vh,70px) 20px 30px}
.modal-overlay.is-open{display:flex}
.profile-modal{position:relative;width:min(910px,100%);height:min(635px,86vh);background:var(--orange);color:#fff;overflow:hidden}
.modal-scroll{height:100%;overflow-y:auto;padding:36px 48px 44px;scrollbar-color:#ddd #fff;scrollbar-width:thin}
.modal-scroll::-webkit-scrollbar{width:12px}.modal-scroll::-webkit-scrollbar-track{background:#fff}.modal-scroll::-webkit-scrollbar-thumb{background:#aaa;border:2px solid #fff;border-radius:8px}
.modal-close{position:absolute;z-index:2;right:7px;top:0;border:0;background:transparent;color:#fff;font-size:38px;line-height:38px;font-weight:300;cursor:pointer;padding:0 4px}
.profile-top{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:250px;margin-bottom:26px}
.profile-heading{flex:1;min-width:0;padding-top:8px}
.profile-heading h1{font-size:36px;line-height:1.1;margin:0 0 3px;font-weight:700}
.profile-role{font-size:21px;line-height:1.25;font-weight:400}
.linkedin-large{display:inline-block;margin-top:7px;background:#fff;color:var(--orange);font-weight:700;font-size:23px;line-height:25px;width:25px;height:25px;text-align:center;text-decoration:none;border-radius:1px}
.profile-image{width:247px;height:247px;object-fit:cover;background:#888;flex:0 0 auto}
.profile-bio{font-size:17px;line-height:1.55;font-weight:400;white-space:normal}
.profile-bio p{margin:0 0 26px}
body.modal-open{overflow:hidden}
@media(max-width:850px){.leadership-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px}.leadership-wrap{width:calc(100% - 48px)}.profile-top{gap:20px}.profile-image{width:200px;height:200px}.modal-scroll{padding:35px 30px 35px}.profile-heading h1{font-size:30px}.profile-role{font-size:18px}}
@media(max-width:600px){.leadership-wrap{width:calc(100% - 28px);padding:24px 0 45px}.leadership-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}.person-info{padding:9px 8px;min-height:80px}.person-name{font-size:12px}.person-role{font-size:9px}.linkedin-small{right:8px;top:13px}.view-profile{width:100px}.modal-overlay{padding:18px 10px}.profile-modal{height:calc(100vh - 36px);max-height:none}.modal-scroll{padding:46px 22px 30px}.profile-top{flex-direction:column-reverse;align-items:flex-start;gap:18px;margin-bottom:22px}.profile-image{width:150px;height:150px}.profile-heading{padding-top:0}.profile-heading h1{font-size:27px}.profile-role{font-size:17px}.profile-bio{font-size:15px;line-height:1.5}.modal-close{font-size:34px}}
@media(max-width:360px){.leadership-grid{grid-template-columns:1fr}.person-card{max-width:260px;width:100%;justify-self:center}}

/*corporate css*/
.co-go {
    padding: 5% 8%;
    margin: 0!important;
}

header.awards-hero.cor {
    background-image: url('../image/MediaBanner.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}
.lo{
    width:16%;
}
   /* Section Title styling */
        .orange-bar {
    width: 50px;
    height: 7px;
    background-color: #f9572a;
    margin-bottom: 10px;
    border-radius: 2px;
}

        .section-title {
            font-size: 1.5vw;
            font-weight: 600;
            color: #222222;
            letter-spacing: -0.01em;
        }

        /* Document Link Styling */
        .document-link {
            color: #1a1a1a;
            text-decoration: none;
            font-size: 1.3vw;
            font-weight: 400;
            transition: color 0.2s ease-in-out;
        }

        .document-link:hover {
            color: #f9572a;
        }

        /* Custom subtle bottom borders */
        .custom-border-bottom {
            border-bottom: 1px solid #e9ecef;
        }

        /* PDF Icon wrapper */
        .pdf-icon-link {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            transition: transform 0.2s ease;
        }

        .pdf-icon-link:hover {
            transform: scale(1.05);
        }

.col-12 {
    flex: 0 0 auto;
    width: 50%;
}
/*industry css*/
.hero {
    min-height: 51dvh;
    color:#fff;
background-size:cover;
background-repeat:no-repeat;
background-image: url('../image/datacentergif.gif');
padding:1% 8%;
}
section.container-fluid.intro.indus {
    padding: 5% 8%;
}
  .container { width: min(84%, 1200px); margin: 0 auto; }
  .intro {
    min-height: 150px;
    display: grid;
    /*grid-template-columns: 1fr auto;*/
    gap: 7%;
    align-items: center;
    /* padding: 28px 0; */
    padding: 5% 10%;
}
  .accent {
    width: 118px;
    height: 7px;
    background: #ff5938;
    margin-bottom: 6px;
}
  .intro h2 {font-size: 2.6vw;
    font-weight: 600;
    line-height: 1.2em;
    color: #454545; }
  .intro p { margin: 0;
  font-size: 1.4vw;
    font-weight: 400;
    line-height: 1.3em;
    color: #454545; }
  .ambassador {
    background: #898989;
    color: #fff;
    padding: 5% 8%;
}
.ambassador-inner {
    display: grid;
    grid-template-columns: 1fr 29%;
    gap: 7%;
    align-items: center;
}
  .ambassador h2 { font-size: 2.6vw;
    font-weight: 600;
    line-height: 1em;
    color: #FFFFFF;}
  .ambassador p { font-size: 1.4vw;
    line-height: 1.4em;
    color: #FFFFFF; }
  .profile-card { width: 100%; justify-self: center; background: #fff; color: #333; box-shadow: 0 1px 5px #5558; }
 .profile-card .portrait {
    height: auto;
    width: 100%;
    object-fit: cover;
    object-position: center top;
    background: #777;
}
  .profile-info {
    padding: 3% 6%;
    font-size: 10px;
}
 .profile-info strong {
    display: block;
    font-size: 1.3vw;
    font-weight: 600;
}
  .profile-info small {
    display: block;
    font-size: 0.9vw;
    color: #555;
    font-weight: 500;
}
.profile-info a {
    display: inline-block;
    margin-top: 11px;
    padding: 5px 47px;
    border: 2px solid #ff5938;
    color: #ff5938;
    text-decoration: none;
    font-size: 0.9vw;
}
  .memberships {
    padding: 5% 8%;
}
  .section-headings { text-align: center; margin-bottom: 40px; }
  .section-headings h2 { font-size: 2.6vw;
    font-weight: 600;
    line-height: 1em;
    color: #454545;}
  .section-headings p {
    max-width: 100%;
    text-align: center;
    font-family: "Livvic", Sans-serif;
    font-size: 1.4vw;
    line-height: 1.4em;
    color: #454545;
    margin: 2% 0 4% 0!important;
}
  .membership-list { display: flex; flex-direction: column; gap: 45px; }
  .membership-card {
    min-height: 138px;
    padding: 2% 3%;
    display: grid;
    grid-template-columns: 30% 1fr;
    gap: 22px;
    align-items: center;
    border: 1px solid #ddd;
    box-shadow: 0px 0px 30px #0002;
}
  .membership-card:nth-child(even) { grid-template-columns: 1fr 30%; }
  .membership-card:nth-child(even) .logo { order: 2; }
 
 .membership-card h3 {
    font-size: 1.8vw;
    font-weight: 600;
    line-height: 1em;
    color: #454545;
    margin: 1% 0 2% 0;
}
  .membership-card p {     font-family: "Livvic", Sans-serif;
    font-size: 1.4vw;
    line-height: 1.4em;
    color: #454545; }
  .membership-card .accent { margin-bottom: 3px; }
  .closing {
    text-align: center;
    font-family: "Livvic", Sans-serif;
    font-size: 1.4vw;
    line-height: 1.4em;
    color: #454545;
    margin: 4% 0;
}
  @media (max-width: 650px) {
    .hero { min-height: 130px; }
    .hero h1, .container { width: 88%; }
    .hero h1 { font-size: 18px; }
    .intro { grid-template-columns: 1fr; gap: 18px; padding: 25px 0; }
    .intro h2 br { display: none; }
    .ambassador-inner { grid-template-columns: 1fr; gap: 20px; }
    .profile-card { justify-self: start; }
    .membership-card, .membership-card:nth-child(even) { grid-template-columns: 1fr; gap: 12px; padding: 16px; }
    .membership-card:nth-child(even) .logo { order: 0; }
    .logo { height: 100%; }
    .section-heading { margin-bottom: 25px; }
  }
.accent-wht {
    width: 118px;
    height: 7px;
    background: #fff;
    margin-bottom: 6px;
}


/*design-build*/
/*.heros {*/
/*    height: 51dvh;*/
/*    position: relative;*/
/*    display: flex;*/
/*    align-items: flex-start;*/
/*    background-image: url('../image/1-Design-Build.jpg');*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*    z-index: -1!important;*/
/*    position: relative;*/
/*}*/
.heros {
    height: 51dvh;
    position: relative;
    display: flex;
    align-items: flex-start;
    background-image: url('../image/1-Design-Build.jpg');
    background-size:cover;
    background-repeat:no-repeat;
}
.heros:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.32),transparent 62%)}
.heros h1 {

    z-index: 1;
    width: 100%;
    letter-spacing: -.5px;
    font-size: 2.8vw;
    font-weight: 500;
    color: #FFFFFF!important;
    padding: 1% 8%;
}
.intros{min-height:374px;padding:5% 8%;display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start;background:#fff}
.intro-title {
    font-size: 2.6vw;
    line-height: 1.19;
    font-weight: 600;
    margin: 14px 0 0;
    letter-spacing: -.5px;
}
.orange-line {
    height: 7px;
    width: 107px;
    background: var(--orange);
    margin: 3px 0 0;
}
.intro-copy {
    font-size: 1.4vw;
    line-height: 1.36;
    margin: 0;
    max-width: 100%;
}
.intro-copy p{margin:0 0 9px}
.epc{height:418px;position:relative;isolation:isolate;background:#111;overflow:hidden;padding-top:58px}
.epc-video{position:absolute;z-index:-2;inset:-15%;width:130%;height:130%;border:0;pointer-events:none;filter:brightness(.48) saturate(.65)}
.epc:before{content:"";position:absolute;z-index:-1;inset:0;background:rgba(9,15,22,.58)}
.epc h2{margin:0 auto;text-align:center;color:#fff;font-size:27px;font-weight:500;letter-spacing:-.4px}
.white-line{width:58px;height:4px;background:#fff;margin:0 auto 5px}
.advantage-card{width:min(60%,820px);min-height:185px;background:#fff;margin:64px auto 0;padding:29px 44px;display:flex;align-items:center;box-shadow:0 2px 12px #0002}
.advantage-list{list-style:none;padding:0;margin:0;width:100%}
.advantage-list li{display:flex;align-items:center;gap:12px;margin:7px 0;font-size:13px;color:#5a5a5a}
.advantage-list strong{color:#454545}
.adv-icon{color:var(--orange);font-size:22px;line-height:1;min-width:22px;text-align:center}
/*.projects{height:301px;display:grid;grid-template-columns:44.3% 55.7%;background:#696b69;overflow:hidden;position:relative}*/
/*.projects-copy{position:relative;padding:36px 13% 28px 18%;color:#fff;background:linear-gradient(90deg,rgba(27,35,36,.6),rgba(65,68,65,.66)),url("https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=1000&q=80") center/cover}*/
/*.projects-copy .white-line{margin:0 0 6px}*/
/*.projects-copy h2{font-size:27px;line-height:1.03;margin:0 0 5px;font-weight:700;letter-spacing:-.6px}*/
/*.projects-copy h3{font-size:18px;line-height:1.05;margin:0 0 10px;font-weight:500}*/
/*.projects-copy p{font-size:14px;line-height:1.45;margin:0 0 12px;max-width:330px}*/
/*.outline-btn{display:inline-block;border:1px solid #fff;color:#fff;text-decoration:none;padding:5px 13px;font-size:10px}*/
/*.project-track{display:flex;align-items:center;gap:16px;padding:0 0 0 0;overflow:hidden}*/
/*.project-card{flex:0 0 204px;height:135px;position:relative;overflow:hidden;background:#222}*/
/*.project-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}*/
/*.project-card:hover img{transform:scale(1.06)}*/
/*.project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(0,0,0,.5));pointer-events:none}*/
/*.project-card span{position:absolute;z-index:1;left:12px;bottom:10px;color:#fff;font-size:12px;opacity:0;transition:opacity .25s}*/
/*.project-card:hover span{opacity:1}*/
.cta{min-height:205px;padding:5% 8%;background:#fff}
.cta .orange-line{margin-bottom:7px}
.cta h2{font-size:2.6vw;line-height:1.2;margin:0 0 3px;font-weight:700;letter-spacing:-.5px}
.cta p{font-size:1.8vw;margin:0 0 15px}
.cta .outline-btn {
    padding: 5px 13px;
    background-color: #61CE7000;
    font-family: "Livvic", Sans-serif;
    font-weight: 500;
    fill: #F15A22;
    color: #F15A22;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #F15A22;
    border-radius: 3px 3px 3px 3px;
    text-decoration: none;
}
@media(max-width:760px){
 .heros{height:180px;background-position:center}
 .heros h1{width:88%;font-size:25px}
 .intro{grid-template-columns:1fr;gap:24px;padding:38px 7%;min-height:0}
 .intro-title{font-size:25px;margin-top:10px}
 .epc{height:420px;padding-top:44px}
 .epc h2{font-size:25px}
 .advantage-card{width:88%;margin-top:48px;padding:24px 20px;min-height:0}
 .advantage-list li{font-size:12px;line-height:1.35;align-items:flex-start}
 .projects{height:auto;grid-template-columns:1fr}
 .projects-copy{padding:35px 8%;min-height:270px}
 .project-track{padding:0 8% 30px;overflow-x:auto;background:#696b69}
 .project-card{flex-basis:220px;height:140px}
 .cta{padding:40px 7%;min-height:0}
 .cta h2{font-size:24px}
 .cta p{font-size:16px;line-height:1.35}
}

      /* 1. Main Container Wrapper */
        .epc-wrapper {
            width: 100%;
            background-color: #000000; /* Solid black color for the lower half */
        }

        /* 2. Top Half: Video/Image Background Section */
        .epc-top-section {
            position: relative;
            width: 100%;
            padding: 80px 20px 0 20px;
            display: flex;
            flex-direction: column;
            align-items: center;
            /*overflow: hidden;*/
        }

        /* Background Video / Image Container */
      .epc-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80%;
    object-fit: cover;
    z-index: 2;
}

        /* Dark overlay over the video */
       .epc-video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.55);
    z-index: 2;
}

        /* 3. Title Styling */
        .epc-header {
            position: relative;
            z-index: 3;
            text-align: center;
            margin-bottom: 0px;
            color: #ffffff;
        }

        .epc-header .accent-bar {
    width: 112px;
    height: 7px;
    background-color: #ffffff;
    /* margin: 0 auto 12px auto; */
}

        .epc-header h2 {
    font-size: 2.6vw;
    font-weight: 500;
    letter-spacing: -0.5px;
}

        /* 4. Overlapping White Card (Positioned half in video, half in black 

        /* 5. Bottom Solid Color Section Space */
        .epc-bottom-section {
            width: 100%;
            height: 33vh; /* Spacer to accommodate the overlapping card */
            background-color: #000000;
        }
.epc-card {
    position: relative;
    z-index: 3;
    background-color: #ffffff;
    color: #222222;
    width: 100%;
    max-width: 65%;
    padding: 45px 50px;
    transform: translateY(19%);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}
        /* 6. List Items */
        .epc-list {
            list-style: none;
            display: flex;
            flex-direction: column;
            gap: 0px;
        }
img.rct {
    width: 78%;
}
.epc-item {
    /* display: flex; */
    align-items: center;
    gap: 0px;
    display: grid;
    grid-template-columns: auto 93%;
}
        .epc-icon {
            font-size: 1.6rem;
            color: #e26139; /* Precise orange tone */
            min-width: 35px;
            text-align: center;
        }

        .epc-text {
            font-size: 1.3vw;
            line-height: 1.4;
            color: #444444;
        }

        .epc-text strong {
            font-weight: 700;
            color: #111111;
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .epc-card {
                padding: 30px 20px;
                transform: translateY(20%);
            }
            .epc-bottom-section {
                height: 100px;
            }
            .epc-header h2 {
                font-size: 1.8rem;
            }
            .epc-text {
                font-size: 0.95rem;
            }
        }


/*news css start*/

  /* Top Navigation Tabs */
        .top-nav-container {
            border-bottom: 1px solid #f0f0f0;
            margin-bottom: 40px;
        }

        .top-tab {
            background: none;
            border: none;
            font-size: 15px;
            font-weight: 600;
            color: #666666;
            padding: 12px 24px;
            position: relative;
            cursor: pointer;
            transition: color 0.2s ease;
        }

        .top-tab:hover {
            color: #000;
        }

        .top-tab.active {
            color: #000000;
        }

        .top-tab.active::before {
            content: '';
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 80%;
            height: 3px;
            background-color: var(--brand-orange);
            border-radius: 2px;
        }

        /* Section Title & Accent Indicator Line */
        .section-indicator {
            width: 32px;
            height: 4px;
            background-color: var(--brand-orange);
            margin-bottom: 12px;
            border-radius: 2px;
        }

        .section-heading {
            font-size: 24px;
            font-weight: 700;
            color: #111111;
            margin-bottom: 0;
        }

        /* Dropdown Select Styling */
        .custom-year-select {
    background-color: var(--bg-dropdown);
    border: none;
    border-radius: 6px;
    padding: 5% 10%;
    font-size: 1.3vw;
    font-weight: 600;
    color: #333333;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%333333' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    min-width: 12vw;
    text-align: center;
}

        .custom-year-select:focus {
            outline: none;
            box-shadow: 0 0 0 2px rgba(242, 80, 34, 0.2);
        }

        /* News Cards */
        .news-card {
            background-color: #ffffff;
            border-radius: 4px;
            padding: 28px 32px 24px 32px;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            box-shadow: var(--card-shadow);
            border: 1px solid #f7f7f7;
            position: relative;
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }

        .news-card:hover {
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
        }

        /* Far Right Accent Line on Second Column Card as seen in Reference */
        /*.has-blue-border-right {*/
        /*    border-right: 2px solid var(--brand-blue-accent) !important;*/
        /*}*/
      .news-date {
            font-size: 13px;
            color: var(--text-muted);
            margin-bottom: 16px;
            font-weight: 400;
        }
.top-nav-container.text-center {
    padding-top: 5%;
}

main.container-fluid.wid {
    padding: 0 8%;
}

      .news-title {
    font-size: 1.1vw;
    font-weight: 500;
    color: #2c2c2c;
    line-height: 1.5;
    margin-bottom: 28px;
}

        /* Read More Action Link */
        .read-more-wrapper {
            display: inline-block;
            text-decoration: none;
            width: fit-content;
        }

        .read-more-text {
            font-size: 13px;
            font-weight: 700;
            color: #111111;
            margin-bottom: 6px;
            display: block;
        }

        .read-more-line {
            width: 100%;
            height: 2px;
            background-color: var(--brand-orange);
            display: block;
        }

        /* Animation when switching years or tabs */
        .fade-in {
            animation: fadeIn 0.35s ease-in-out;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(6px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }



/*events css start*/


  /* Container Box */
    .news-feed-container-fluid {
     padding:5% 8%;
    }

    /* News Card Item */
    .news-card-item {
      margin-bottom: 50px;
    }

    /* Left Column Carousel Styling */
    .custom-carousel {
      position: relative;
      border-radius: 2px;
      overflow: hidden;
    }

    .carousel-inner, .carousel-item {
      height: 100%;
    }

    .carousel-item img {
      width: 100%;
      height: 370px;
      object-fit: cover;
      display: block;
    }

    /* Chevron Controls Overlay */
    .custom-carousel .carousel-control-prev,
    .custom-carousel .carousel-control-next {
      width: 36px;
      height: 100%;
      opacity: 0.85;
      transition: all 0.2s ease;
      background: transparent;
      border: none;
    }

    .custom-carousel .carousel-control-prev:hover,
    .custom-carousel .carousel-control-next:hover {
      opacity: 1;
      background: rgba(0, 0, 0, 0.15);
    }

    .custom-carousel .carousel-control-prev {
      left: 0;
    }

    .custom-carousel .carousel-control-next {
      right: 0;
    }

    .custom-carousel .carousel-control-prev-icon,
    .custom-carousel .carousel-control-next-icon {
      width: 16px;
      height: 16px;
      filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.7));
    }

    /* Right Column Typography & Metadata */
    .news-content {
      padding-left: 5px;
    }

   .news-title {
    color: var(--brand-orange);
    font-weight: 600;
    font-size: 1.2vw;
    line-height: 1.35;
    margin-bottom: 10px;
    letter-spacing: -0.01em;
    color: #ef5922 !important;
}

    .meta-container {
      display: flex;
      flex-direction: column;
      gap: 3px;
      margin-bottom: 14px;
    }

.meta-row {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #54595f;
    font-size: 1vw;
    font-weight: 500;
}

.meta-row i {
    color: var(--brand-orange);
    font-size: 0.88rem;
    width: 14px;
    text-align: center;
    color: #f15a28;
}

.news-description {
    color: #000;
    font-size: 1vw;
    line-height: 1.55;
}

    .news-description p {
      margin-bottom: 12px;
    }

    .news-description p:last-child {
      margin-bottom: 0;
    }

    /* Developer Utility Bar (JSON Viewer) */
    .dev-toolbar {
      max-width: 960px;
      margin: 40px auto;
      border-top: 1px dashed #e2e8f0;
      padding-top: 20px;
    }

    .json-code-box {
      background: #1e293b;
      color: #f8fafc;
      border-radius: 8px;
      padding: 16px;
      font-family: 'Courier New', Courier, monospace;
      font-size: 0.82rem;
      max-height: 350px;
      overflow-y: auto;
    }

    @media (max-width: 767.98px) {
      .news-content {
        padding-left: 0;
        margin-top: 16px;
      }
      .carousel-item img {
        height: 230px;
      }
      .news-card-item {
        margin-bottom: 40px;
      }
    }
 /*BLOG CSS */
.container-fluid.blo {
    padding: 5% 10%;
}

   .blog-card {
            width: 100%;
            max-width: 440px;
            background-color: #ffffff;
            border: 1px solid var(--card-border);
            border-radius: 4px;
            overflow: hidden;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
            transition: transform 0.25s ease, box-shadow 0.25s ease;
        }

        .blog-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
        }

        /* Top Media Banner Area */
      
    

       .blog-img img {
    width: 62%;

}
.blog-text h1 {
    font-size: 1.8vw;
    font-weight: 600;
}

h1.blog-title {
    margin: 3% 0;
}

       p.blog-dis {
    font-size: 1.2vw;
    color: #454545;
    font-weight: 500;
}


        /* Main Content in Banner */
        .banner-content {
            position: relative;
            z-index: 3;
            margin-top: 10px;
        }


  

        /* Right Section: Dark Grey with CEO Headshot */
 


        /* Bottom Card Body Styling */
        .card-body-custom {
            padding: 22px 20px;
        }

        .card-body-title {
            font-size: 16px;
            font-weight: 700;
            color: #1f1f1f;
            line-height: 1.35;
            margin-bottom: 16px;
        }

        .read-more-btn {
            display: inline-block;
            color: var(--brand-orange);
            font-weight: 700;
            font-size: 15px;
            text-decoration: none;
            transition: color 0.2s ease, transform 0.2s ease;
        }

        .read-more-btn:hover {
            color: var(--brand-orange-hover);
            text-decoration: none;
            transform: translateX(2px);
        }


/*contact css*/




        /* Left Orange Card Styling */
        .contact-info-card {
            background: var(--brand-orange-gradient);
            border-radius: 12px;
            padding: 40px 32px;
            color: #ffffff;
            height: 100%;
            box-shadow: 0 10px 25px rgba(242, 85, 41, 0.15);
        }

        .contact-info-card h3 {
            font-size: 1.6rem;
            font-weight: 700;
            margin-bottom: 30px;
        }

        .info-item {
            display: flex;
            align-items: flex-start;
            margin-bottom: 24px;
        }

        .info-item:last-child {
            margin-bottom: 0;
        }

        .icon-badge {
            width: 36px;
            height: 36px;
            background-color: #ffffff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--brand-orange);
            font-size: 16px;
            flex-shrink: 0;
            margin-right: 16px;
            margin-top: 2px;
        }

        .info-content h5 {
    font-size: 1.2vw;
    font-weight: 700;
    margin-bottom: 4px;
    line-height: 1.2;
}

      .info-content p, .info-content a {
    color: rgba(255, 255, 255, 0.92);
    font-size: 0.9vw;
    line-height: 1.45;
    margin: 0;
    text-decoration: none;
    font-weight: 400;
}

        .info-content a:hover {
            color: #ffffff;
            text-decoration: underline;
        }

        /* Right Form Styling */
       .form-section-title {
    color: var(--brand-orange);
    font-size: 2.3vw;
    font-weight: 700;
    margin-bottom: 8px;
}

        .form-subtitle {
            font-size: 1.3vw;
            color: #333333;
            line-height: 1.4;
            margin-bottom: 28px;
            font-weight: 600;
        }

        /* Custom Inputs */
    .custom-input, .custom-select, .custom-textarea {
    background-color: var(--input-bg) !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    font-size: 0.9vw;
    color: #333333 !important;
    box-shadow: none !important;
    transition: all 0.2s ease-in-out;
}

        .custom-input::placeholder, 
        .custom-textarea::placeholder {
            color: var(--input-placeholder) !important;
            opacity: 1;
        }

        .custom-input:focus, 
        .custom-select:focus, 
        .custom-textarea:focus {
            background-color: #dadada !important;
            border-color: var(--brand-orange) !important;
        }

        .custom-select {
            color: var(--input-placeholder) !important;
            cursor: pointer;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%3c444' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
        }

        .custom-select option {
            color: #333333;
            background-color: #ffffff;
        }

        .custom-textarea {
            resize: vertical;
            min-height: 130px;
        }

        /* Custom Checkbox */
        .form-check-input {
            width: 16px;
            height: 16px;
            border-radius: 3px;
            border: 1px solid #999;
            margin-top: 3px;
            cursor: pointer;
        }

        .form-check-input:checked {
            background-color: var(--brand-orange);
            border-color: var(--brand-orange);
        }
.col-12.mess {
    width: 100%;
}
   .form-check-label {
    font-size: 1vw;
    color: #827a82;
    cursor: pointer;
    padding-left: 2px;
    font-family: 'Livvic';
    font-weight: 500;
}
.container-fluid.sec2.my-5 {
    padding: 0 8%;
}
        .privacy-link {
            color: var(--brand-orange);
            text-decoration: none;
        }

        .privacy-link:hover {
            text-decoration: underline;
        }

        /* Submit Button */
        .btn-submit-custom {
            border: 1.5px solid var(--brand-orange);
            color: var(--brand-orange);
            background-color: #ffffff;
            border-radius: 6px;
            padding: 8px 24px;
            font-weight: 500;
            font-size: 0.9rem;
            transition: all 0.25s ease;
        }

        .btn-submit-custom:hover {
            background-color: var(--brand-orange);
            color: #ffffff;
        }
section.main-section {
    padding: 5% 8%;
}
        /* Container Padding Fixes */
 .section-title {
    font-weight: 700;
    font-size: 2.3vw;
    color: #f14a22;
    letter-spacing: -0.5px;
    position: relative;
    padding-top: 15px;
    margin-bottom: 45px;
}
    /* Section Heading */
.section-title {
    font-weight: 600;
    font-size: 2.3vw;
    color: #f14a22;
    letter-spacing: -0.5px;
    position: relative;
    padding-top: 15px;
    margin-bottom: 45px;
}

    /* Top Accent Orange Bar */
    .section-title::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 97px;
    height: 7px;
    background-color: #f14a22;
    border-radius: 2px;
}

    /* Country Heading */
.office-country {
    color: #f14a22;
    font-weight: 700;
    font-size: 1.5vw;
    line-height: 1.15;
    margin-bottom: 12px;
}
    /* Company Name */
   .company-name {
    color: #45454a;
    font-weight: 700;
    font-size: 0.8vw;
    margin-bottom: 0px;
    margin-top: 13px;
}

    /* Address Text */
    .office-address {
      font-weight: 400;
      font-size: 0.92rem;
      line-height: 1.5;
      color: #70757a;
      margin-bottom: 0;
    }

    .office-block {
      margin-bottom: 40px;
    }

.news-title {
   
    font-weight: 500;
    color: #2f211a !important;
    
}
/*@ media query*/
@media screen and (max-width: 767px) {
  
  .navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {
    flex-wrap: nowrap!important;
}
.marquee span {
  
    font-size: 4vw;
}
p{
    font-size:3.5vw!important;
}
h1, h2{

    font-size: 7vw!important;
   
}
h3{

    font-size: 5vw!important;
   
}
.col-xl-6.col-lg-7.col-md-9.col-12.pr {
    width: 100%!important;
   
}
.hero-section {
    padding: 0% 0%!important;
}
ul.navbar-nav.align-items-lg-center.mt-3.mt-lg-0 {
    position: absolute;
    background: #fff;
    width: 100%;
    left: 0;
    top: 47px;
}

button.navbar-toggler {
    position: relative;
    top: -34px;
    left: 98%;
}
.navbar-custom {
    background-color: #ffffff;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    padding-top: 1rem;
    padding-bottom: 0rem;
}
.navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {
    display: block!important;
    height: 61px;
}
}