.inner-header .main-header {
    background: #2A2A2A;
  }
  .inner-header::before{
    display: none;
  }
/* --------Company_page_css_start-------- */
.company-head {
    margin-top: 9rem;
    position: relative;
    padding:6rem 0 5rem;
}
.company_info h2 {
    font-family: var(--familyRubik);
    font-weight: 600;
    margin-bottom: 3rem;
}
.company_info h3 {
    font-family: var(--familyRubik);
    font-weight: 300;
    position: relative;
    margin-bottom: 4rem;
}
.company_info h3::before {
    position: absolute;
    content: '';
    bottom: -5rem;
    width: 100%;
    height: 2px;
    background: linear-gradient( 90deg, #F9CA34 20%, #007DC2 20%);
}
.company_pahra {
    display: block;
    margin-top: 2rem;
    position: relative;
    float: left;
    width: 100%;
}
.company_pahra p{
    padding-top: 3rem;
    font-family: var(--familyRoboto);
}
.company_info {
    padding-right: 7rem;
}
.small_about {
    margin-top: 5rem;
}
.about_design {
    padding: 8rem 5rem;
    background: #EEF1F3;
    margin: 0 10rem;
    position: relative;
}
.about_design::before {
    width: 3px;
    height: 96px;
    position: absolute;
    background: var(--yellowcolor);
    content: '';
    top: -7rem;
}
.about_content {
    padding-bottom: 9rem;
}
.about_stats ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 16rem;
    margin-top: 2.1rem;
}
.about_stats {
    padding: 6rem 0;
    border-top: 1px solid rgb(197 114 114 / 20%);
    border-bottom: 1px solid rgb(197 114 114 / 20%);
}
.about_stats ul li  h4 {
    font-size: 3.4rem;
    font-family: var(--familyRubik);
    font-weight: 500;
    line-height: 1.9rem;
    color: var(--lightblude);
}
.about_stats ul li span {
    display: block;
    font-size: 1.6rem;
    line-height: 2.1rem;
    font-weight: 600;
    color: #000;
    margin-top: 11px;
}
.mission {
    padding: 10rem 0;
}
.misson_area h3 {
    font-weight: 600;
    letter-spacing: 1.4px;
    color: var(--bluecolor);
    position: relative;
    margin-bottom: 6rem;
}
.misson_area h3::before {
    position: absolute;
    width: 90px;
    background: var(--yellowcolor);
    content: '';
    bottom: -3rem;
    height: 1px;
}
.misson_area {
    margin-right: 3rem;
}
.misson_area p {
    font-family: var(--familyRoboto);
}
.core h3 {
    font-weight: 600;
    letter-spacing: 1.4px;
    color: var(--bluecolor);
    position: relative;
    margin-bottom: 6rem;
}
.core h3::before {
    position: absolute;
    width: 90px;
    background: var(--yellowcolor);
    content: '';
    bottom: -3rem;
    height: 1px;
}
.core ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 4rem;
}
.core ul li {
    border-bottom: 3px solid #007DC2;
    padding-bottom: 1rem;
}
.milestones {
    padding: 10rem 0;
}
.milestones h3 {
    font-weight: 600;
    letter-spacing: 1.4px;
    color: var(--bluecolor);
    position: relative;
    margin-bottom: 6rem;
}
.milestones h3::before {
    position: absolute;
    width: 90px;
    background: var(--bluecolor);
    content: '';
    bottom: -3rem;
    height: 1px;
}
.milestones ul {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 4rem;
    margin-top: 5rem;
    margin-bottom: 2.6rem;
    text-align: center;
}
.milestones ul li h4 {
    font-size: 5.4rem;
    font-family: var(--familyRubik);
    font-weight: 300;
}
.milestones ul li span {
    display: block;
    font-family: var(--familyRoboto);
    font-weight: 400;
}
.milestone_slider {
    margin-top: 3rem;
}
.milestone_slider h5 {
    margin-top: 1rem;
    text-align: center;
}
.milestone_slider .owl-nav img {
    filter: grayscale();
}
.milestone_slider .owl-nav .owl-prev {
    position: absolute;
    content: '';
    left: -5rem;
    top: 66%;
}
.milestone_slider .owl-nav .owl-next {
    position: absolute;
    content: '';
    right: -5rem;
    top: 66%;
}
.INTEGRATED {
    position: relative;
    padding: 10rem 0;
    background: var(--colorwhite);
    border-bottom: 1px solid rgb(197 114 114 / 20%);
}
.system_policy {
    background: #2F2F34;
    padding: 7rem;
}
.system_policy h3 {
    font-weight: 600;
    letter-spacing: 1.4px;
    color: var(--yellowcolor);
    position: relative;
    margin-bottom: 6rem;
}
.system_policy h3::before {
    position: absolute;
    width: 90px;
    background: var(--yellowcolor);
    content: '';
    bottom: -3rem;
    height: 1px;
}
.system_policy figure {
    margin-left: -67%;
}
.system_policy ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 7rem;
    grid-gap: 3rem;
    row-gap: 5rem;
}
.system_policy ul li p {
    color: var(--colorwhite);
    font-weight: 300;
    font-family: var(--familyRoboto);
    margin-top: 2rem;
}
.chairman {
    padding: 10rem 0;
    position: relative;
}
.chairman_profie {
    padding: 0px 22rem 0 6rem;
}
.chairman_profie h3 {
    font-weight: 600;
    letter-spacing: 1.4px;
    color: var(--bluecolor);
    position: relative;
    margin-bottom: 4rem;
}
.chairman_profie p {
    padding-bottom: 2rem;
    font-weight: 400;
    font-family: var(--familyRoboto);
    color: #707070;
}
.chairman_profie h4 {
    font-family: var(--familyRoboto);
    font-weight: 700;
}
.chairman_profie .right_border {
    width: 6px;
    height: 96px;
    position: absolute;
    content: '';
    right: -6px;
    top: -59%;
    background: var(--yellowcolor);
}
.chairman_profie_2 .left_border {
    width: 6px;
    height: 96px;
    position: absolute;
    content: '';
    left: 0;
    top: -59%;
    background: var(--yellowcolor);
}

/* .small_about .slick-prev  {
    background: url(../images/arrow.png);
    width: 35px;
    background-size: contain;
    background-repeat: no-repeat;
    content: none;
    top: -2rem;
     right: 10px;
    left: 89%;
    bottom: 0;
    transform: rotate(135deg);
    -webkit-transform: rotate(180deg);
    filter: grayscale();
    bottom: 1px;
    height: 100%;
} */
/* .small_about .slick-next {
    background: url(../images/arrow.png);
    width: 35px;
    background-size: contain;
    background-repeat: no-repeat;
    content: none;
    top: -2rem;
     right: 10px;
    left: 89%;
    bottom: 0;
    filter: grayscale();
    bottom: 1px;
    height: 100%;
} */
.slick-next:before, .slick-prev::before   {
    content: '→';
    display: none;
}
.small_about2 .slick-prev  {
    background: url(../images/arrow.png);
    width: 35px;
    background-size: contain;
    background-repeat: no-repeat;
    content: none;
    top: 104%;
    right: 10px;
    left: 89%;
    transform: rotate(135deg);
    -webkit-transform: rotate(180deg);
    filter: grayscale();
}
.small_about2 .slick-next {
    background: url(../images/arrow.png);
    width: 35px;
    background-size: contain;
    background-repeat: no-repeat;
    content:none;
    top: 106%;
    right: 3px;
    filter: grayscale();
}
.slick-next:before, .slick-prev::before   {
    content: '→';
    display: none;
}
/* --------Company_page_css_End-------- */

/* --------Our-Location_css_Start-------- */
.loaction {
    position: relative;
     /* background: #f4f5f8;  */
    z-index: 1;
}
.loaction::before {
    position: absolute;
    content: '';
    inset: 0;
    bottom: auto;
    height: 60%;
    background: #f4f5f8;
    z-index: -1;

}
.map {
    position: relative;
    background: url(../images/earth.svg);
    background-repeat: no-repeat;
    background-size: 145%;
    background-position: 90% 52%;
    margin-top: -28rem;
    /* z-index: -2; */
}
.map .row {
    align-items: center;
}
.stats {
    border: 1px solid var(--yellowcolor);
    padding: 4rem;
    width: 100%;
    margin-bottom: 45rem;
    margin-left: 6rem;
    margin-top: 3rem;
}
.stats h4 {
    font-size: 3.4rem;
    font-family: var(--familyRubik);
    font-weight: 500;
    line-height: 1.9rem;
    color: var(--lightblude);
}
.stats span {
    display: block;
    font-size: 1.6rem;
    line-height: 2.1rem;
    font-weight: 400;
    color: #000;
    margin-top: 2.5rem;
}
.map_loaction {
    position: relative;
}
.map_loaction figure{
    position: relative;
    padding: 10rem 0 20rem;
}
.location_map {
    position: absolute;
    top: 22.5%;
    left: 25%;
}
.location_1 {
    top: 27.2%;
    left: 28%;
}
.location_2 {
    top: 24%;
    left: 33%;
}
.location_3 {
    top: 29%;
    left: 31%;
}
.location_4 {
    top: 67%;
    left: 38%;
}
.location_5 {
    top: 43%;
    left: 16%;
}

/* .location_6 {
    top: 67%;
    left: 38%;
} */

.location_map .tooltip_1 {
    padding: 1.5rem 1.5rem 2rem 1.5rem;
    background: #fff;
    box-shadow: 0px 19px 36px #00000029;
    width: 300px;
    margin-top: -3rem;
    /* display: none; */
    left: 2rem;
    position: absolute;
    z-index: 1;
    display: none;
    opacity: 1;
}
/* .location_map .tooltip_4{display: block; opacity: 1;} */
/* .location_map:hover .tooltip_1, .location_1:hover .tooltip_2, .location_2:hover .tooltip_3, .location_3:hover .tooltip_4, .location_4:hover .tooltip_5, .location_5:hover .tooltip_6, .location_6:hover .tooltip_7 {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    display: block;
} */
/* .location_map:hover{z-index: 1;} */
.tooltip_1 h4 {
    padding: 1rem 0;
    font-weight: 500;
    font-family: var(--familyRoboto);
}
.tooltip_1 p {
    font-weight: 300;
    font-family: var(--familyRoboto);
}
.tooltip_1 h5 {
    font-family: var(--familyRoboto);
    color: #007DC2;
    border-bottom: 1px solid #007DC2;
    display: inline-block;
    padding: 2rem 0 .5rem;
}

 .location_map svg{fill: #8cca01; position: relative; transform: rotate(0);}
.location_map svg.active{fill: #007DC2;  position: relative; z-index: 2; transform: rotate(-45deg);left: 0.2rem;}


/* .icons_blue:hover svg{fill: var(--yellowcolor);} */
/*--UI14041994-09-02-2024-CSS-START---*/
.location_7 {top: 25%;left: 29%;}
.location_7 svg { fill: #3997d9;}
.location_map  .tooltip_7{display: block; opacity: 1;}
/*--UI14041994-09-02-2024-CSS-END---*/
/* --------Our-Location_css_End-------- */

/* --------Mangaement_css_start-------- */
.management-profile .chairman_profie {
    position: relative;
    padding: 0px 9rem 0 10rem;
}
.management-profile {
    padding-bottom: 0;
    border-bottom: 1px solid rgb(197 114 114 / 20%);
}

.chairman.management-profile{
    padding-bottom: 10rem;
}
/* .management-profile .chairman_profie::before {
    width: 6px;
    height: 96px;
    position: absolute;
    content: '';
    right: 0;
    top: -59%;
    background: var(--yellowcolor);
} */

.chairman.management-profile .row.gx-5{
    --bs-gutter-x: 4rem;
}

.chairman_profie_2 {
    padding: 0px 22rem 0 6rem;
    position: relative;
}
.chairman_profie h3 {
    font-weight: 600;
    letter-spacing: 1.4px;
    color: var(--bluecolor);
    position: relative;
    margin-bottom: 4rem;
}
.chairman_profie_2 p {
    padding-bottom: 2rem;
    font-weight: 400;
    font-family: var(--familyRoboto);
    color: #707070;
}
.chairman_profie_2 h4 {
    font-family: var(--familyRoboto);
    font-weight: 700;
}
/* .management-profile .chairman_profie_2::before {
    width: 6px;
    height: 96px;
    position: absolute;
    content: '';
    left: 0;
    top: -59%;
    background: var(--yellowcolor);
} */
.margin_gap {
    padding-bottom: 10rem;
}
.margin_gap .management-profile:last-child {
    border-bottom: transparent;
}
/* --------Mangaement_css_End-------- */
/* --------Product Page start-------- */
.product_head {
    padding-bottom: 0;
}
.product_menu {
    margin-top: -14rem;
    z-index: 1;
    position: relative;
}
.product_menu ul li a{
    padding: 1rem 1.7rem;
    background: var(--lightblude);
    font-family: var(--familyRubik);
    font-weight: 400;
    color: var(--colorwhite);
}
.product_menu ul li a:hover {
    background: var(--yellowcolor);
    color: #000;
}
.product_menu ul li a.active {
    background: var(--yellowcolor);
    color: var(--fontcolor);
}
.product_menu ul li {
    margin-bottom: .5rem;
}
.product_list {
    padding-bottom: 10rem;
}
.product_list h3 {
    font-weight: 600;
    letter-spacing: 1.4px;
    color: var(--bluecolor);
    position: relative;
    margin-bottom: 6rem;
}
.product_list h3::before {
    position: absolute;
    width: 90px;
    background: var(--yellowcolor);
    content: '';
    bottom: -3rem;
    height: 1px;
}
.product_list ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2rem;
    row-gap: 3rem;
}
.product_list ul li figure {
    background: #F9F9F9;
    padding: 6rem;
}
.product_name {
    padding: 2.5rem 2.5rem;
}
.product_name h5 {
    padding-bottom: 1.5rem;
    font-family: var(--familyRoboto);
    font-weight: 700;
    position: relative;
}
.product_name h5::before {
    width: 16px;
    height: 1px;
    background: var(--lightblude);
    position: absolute;
    left: -2.5rem;
    content: '';
    top: 12px;
}
/* --------Product Page End-------- */
/* --------Infrastructure Page Start-------- */
.infra_overview h3 {
    font-weight: 600;
    letter-spacing: 1.4px;
    color: var(--bluecolor);
    position: relative;
    margin-bottom: 6rem;
}
.infra_overview h3::before {
    position: absolute;
    width: 90px;
    background: var(--yellowcolor);
    content: '';
    bottom: -3rem;
    height: 1px;
}
.infra_overview p {
    padding-bottom: 7rem;
    font-family: var(--familyRubik);
    font-weight:300;
}
.overview_portfolio ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0.3rem;
}
.overview_portfolio ul li {
    position: relative;
}
.overview_portfolio .product_discription {
    position: absolute;
    bottom: 20px;
    /* padding: 1rem; */
    right: 44px;
}
.overview_portfolio .product_discription p {
    font-family: var(--familyRoboto);
    font-weight: 700;
    color: var(--colorwhite);
    padding-bottom: 0;
    position: relative;
}
.overview_portfolio .product_discription p::before {
    width: 16px;
    height: 1px;
    background: var(--colorwhite);
    position: absolute;
    left: -2.5rem;
    content: '';
    top: 12px;
}
.achieve {
    padding: 10rem 0;
    background: #EEF1F3;
}
.achieve p {
    padding: 3rem 3rem 0 3rem;
    font-family: var(--familyRoboto);
    font-weight: 300;
}
.shops {
    padding: 10rem 0;
}
.shops .small_about .slick-prev {
    top: -15px;
    z-index: 99;
}
.shops .small_about .slick-next{
    top: -15px;
    z-index: 99;
}

.shops .small_about2 .slick-prev {
    bottom: 0;
    z-index: 99;
}
.shops .small_about2 .slick-next{
    bottom: 0;
    z-index: 99;
}

.press_shop h3 {
    font-weight: 600;
    letter-spacing: 1.4px;
    color: var(--bluecolor);
    position: relative;
    margin-bottom: 6rem;
}
.press_shop h3::before {
    position: absolute;
    width: 90px;
    background: var(--yellowcolor);
    content: '';
    bottom: -3rem;
    height: 1px;
}
.press_shop {
    padding-right: 10rem;
}
.press_shop p {
    padding-bottom: 2rem;
}

.press_shop_slider h5 {
    padding-bottom: 1.5rem;
    font-family: var(--familyRoboto);
    font-weight: 700;
    position: relative;
    padding-left: 3rem;
    margin-top: 1.5rem;
    width: fit-content;
}
.press_shop_slider h5::before {
    width: 16px;
    height: 1px;
    background: var(--lightblude);
    position: absolute;
    left: 0;
    content: '';
    top: 12px;
}
.press_shop_slider .owl-nav img {
    filter: grayscale();
}
.press_shop_slider .owl-nav .owl-prev {
    position: absolute;
    content: '';
    right: 6rem;
    bottom: -40px;
}
.press_shop_slider .owl-nav .owl-next {
    position: absolute;
    content: '';
    right: 0rem;
    bottom: -40px;
}

.slider_paint .next {
    position: absolute;
    right: 0;
    bottom: -42px;
    content: '';
    filter: grayscale();
    z-index: 99;
    cursor: pointer;
}
.slider_paint .prev {
    position: absolute;
    right: 5rem;
    bottom:-42px;
    content: '';
    filter: grayscale();
    transform: rotate(135deg);
    -webkit-transform: rotate(180deg);
    z-index: 99;
    cursor: pointer;
}
.slider_paint .slick-dots {
    bottom: -30px;
    text-align: right;
}
.slider_paint .slick-dots li button:before  {
    content: '.';
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background: #00428D;
}
.slider_paint .slick-dots li {
    margin: 0;
}



.slider_machine .next {
    position: absolute;
    right: 0;
    bottom: -42px;
    content: '';
    filter: grayscale();
    z-index: 99;
    cursor: pointer;
}
.slider_machine .prev {
    position: absolute;
    right: 5rem;
    bottom:-42px;
    content: '';
    filter: grayscale();
    transform: rotate(135deg);
    -webkit-transform: rotate(180deg);
    z-index: 99;
    cursor: pointer;
}
.slider_machine .slick-dots {
    bottom: -30px;
    text-align: right;
}
.slider_machine .slick-dots li button:before  {
    content: '.';
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background: #00428D;
}
.slider_machine .slick-dots li {
    margin: 0;
}





.margin_slider {
    margin-top: 8rem;
}
.paint_shop  {
    padding: 8rem 0 11rem;
    background: #EEF1F3;
}
.paint_shop .row {
    --bs-gutter-x: 2.5rem;
}
.paint_shop h3 {
    font-weight: 600;
    letter-spacing: 1.4px;
    color: var(--bluecolor);
    position: relative;
    margin-bottom: 6rem;
}
.paint_shop h3::before {
    position: absolute;
    width: 90px;
    background: var(--yellowcolor);
    content: '';
    bottom: -3rem;
    height: 1px;
}
.paint_content {
    margin-top: 4.8rem;
    padding: 0 10rem;
}
.CNC {
    padding: 10rem 0;
    background: #fff;
}
.CNC .press_shop {
    padding-left: 10rem;
    padding-right: 0;
}
.press_shop_slider {
    position: relative;
}
.press_shop_slider .next {
    position: absolute;
    right: 0;
    bottom: -40px;
    content: '';
    filter: grayscale();
    z-index: 99;
}
.press_shop_slider .prev {
    position: absolute;
    right: 5rem;
    bottom: -40px;
    content: '';
    filter: grayscale();
    transform: rotate(135deg);
    -webkit-transform: rotate(180deg);
    z-index: 99;
}
.small_about_3 {
    position: relative;
    margin-top: 5rem;
}
.small_about_1 {
    margin-top: 5rem;
}
.small_about_1 .next {
    position: absolute;
    right: 0;
    bottom: -42px;
    content: '';
    filter: grayscale();
    z-index: 99;
    cursor: pointer;
}
.small_about_1 .prev {
    position: absolute;
    right: 5rem;
    bottom:-42px;
    content: '';
    filter: grayscale();
    transform: rotate(135deg);
    -webkit-transform: rotate(180deg);
    z-index: 99;
    cursor: pointer;
}
.small_about_3 .next {
    position: absolute;
    right: 0;
    bottom: -42px;
    content: '';
    filter: grayscale();
    z-index: 99;
    cursor: pointer;
}
.small_about_3 .prev {
    position: absolute;
    right: 5rem;
    bottom:-42px;
    content: '';
    filter: grayscale();
    transform: rotate(135deg);
    -webkit-transform: rotate(180deg);
    z-index: 99;
    cursor: pointer;
}
.small_about2 .next {
    position: absolute;
    right: 0;
    bottom: -42px;
    content: '';
    filter: grayscale();
    z-index: 99;
    cursor: pointer;
}
.small_about2 .prev {
    position: absolute;
    right: 5rem;
    bottom:-42px;
    content: '';
    filter: grayscale();
    transform: rotate(135deg);
    -webkit-transform: rotate(180deg);
    z-index: 99;
    cursor: pointer;
}
/* --------Infrastructure Page End-------- */

/* --------Engineering-&-Design Page Starts-------- */
 .engineering_info {
    display: flex;
    flex-direction: column;
    position: relative;
    min-height: 100%;
}
.engineering_head {
    padding-bottom: 0;
}
.engineering_info h3 {
    flex-grow: 1;
}
.engineering_info h3::before {
    bottom: -9rem;
} .mission_headig {
    padding-right: 10rem;
}
.mission_headig h3 {
    font-weight: 600;
    letter-spacing: 1.4px;
    color: var(--bluecolor);
    position: relative;
    margin-bottom: 6rem;
}
.mission_headig h3::before {
    position: absolute;
    width: 90px;
    background: var(--yellowcolor);
    content: '';
    bottom: -3rem;
    height: 1px;
}
.mission_margin {
    margin-top: 5rem;
}
.tool {
    padding: 7rem 0;
    position: relative;
}
.tool .row {
    --bs-gutter-x: 2.5rem;
}
.tool:before {
    position: absolute;
    height: 100%;
    width: 49vw;
    background: #EEF1F3;
    content: '';
    left: 0;
    z-index: -1;
    top: 0;
}
.tool h5 {
    padding-bottom: 1.5rem;
    font-family: var(--familyRoboto);
    font-weight: 700;
    position: relative;
    padding-left: 3rem;
    margin-top: 1.5rem;
    margin-bottom: 3rem;
}
.tool h5::before {
    width: 16px;
    height: 1px;
    background: var(--lightblude);
    position: absolute;
    left: 0;
    content: '';
    top: 12px;
}
.tool .mission_headig {
    padding-left: 10rem;
}
/* --------Engineering-&-Design Page End-------- */

/* --------Quailty Page Start-------- */
.quailty_info h3::before {
  display: none;
}
.quailty_info h5 {
    font-family: var(--familyRubik);
    font-weight: 300;
    position: relative;
}
.quailty_info h5::before {
    position: absolute;
    content: '';
    bottom: -5rem;
    width: 100%;
    height: 2px;
    background: linear-gradient( 90deg, #F9CA34 20%, #007DC2 20%);
}
.standard {
    margin-top: 10rem;
    padding-right: 10rem;
}

.standard h3{
    font-weight: 600;
    letter-spacing: 1.4px;
    color: var(--bluecolor);
    position: relative;
    margin-bottom: 6rem;
}
.standard h3::before {
    position: absolute;
    width: 90px;
    background: var(--yellowcolor);
    content: '';
    bottom: -3rem;
    height: 1px;
}
.certification {
    background: #EEF1F3;
    padding: 5rem 0 6.5rem;
}
.certification h3 {
    font-weight: 600;
    letter-spacing: 1.4px;
    color: var(--bluecolor);
    position: relative;
    margin-bottom: 6rem;
}
.certification h3::before {
    position: absolute;
    width: 90px;
    background: var(--yellowcolor);
    content: '';
    bottom: -3rem;
    height: 1px;
}
.certification_content {
    padding: 5.5rem 0 10rem;
}
.certification_content h3 {
    font-family: var(--familyRubik);
    font-weight: 300;
    margin-top: 3rem;
}
.certification_content figure img {
    width: 100%;
    margin-top: -24rem;
    border: 1px solid #dfdfdf;
}
/* --------Quailty Page End-------- */
/* --------Sustainability Page Start-------- */
.csr_policy {
    padding-bottom: 10rem;
    position: relative;
}
.csr_policy_content {
    padding-right: 9rem;
}
.csr_policy h3  {
    font-weight: 600;
    letter-spacing: 1.4px;
    color: var(--bluecolor);
    position: relative;
    margin-bottom: 6rem;
}
.csr_policy h3::before {
    position: absolute;
    width: 90px;
    background: var(--yellowcolor);
    content: '';
    bottom: -3rem;
    height: 1px;
}
.csr_policy p {
    padding-bottom: 3rem;
    font-weight: 300;
}
.budget {
    background: var(--yellowcolor);
    padding: 5rem 7rem;
}
.budget h3::before {
    background: var(--colorwhite);
}
.approach {
    position: relative;
    background: #EEF1F3;
    padding: 6rem 0 9rem;
}
.approach h3 {
    font-weight: 600;
    letter-spacing: 1.4px;
    color: var(--bluecolor);
    position: relative;
    margin-bottom: 6rem;
}
.approach h3::before {
    position: absolute;
    width: 90px;
    background: var(--yellowcolor);
    content: '';
    bottom: -3rem;
    height: 1px;
}
.approach ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 12rem;
    margin-top: 5rem;
}
.approach p {
    padding-top: 9rem;
}
.round_bottom {
    position: relative;
}
.round_bottom .approach_bottom img {
    position: absolute;
     bottom: 96px;
    /* height: 79px;  */
   /* width: 99%;  */
    background-size: contain;
    left: 56%;
    background-repeat: no-repeat;
}
.round_top {
    position: relative;
}
.round_top .approach_bottom_two img {
    position: absolute;
    top: -55px;
    /* height: 79px; */
    width: 87%;
    background-size: contain;
    left: 69%;
    background-repeat: no-repeat;
}
.under_csr {
    padding: 10rem 0 6.5rem;
}
.under_csr h3 {
    font-weight: 600;
    letter-spacing: 1.4px;
    color: var(--bluecolor);
    position: relative;
    margin-bottom: 6rem;
}
.under_csr h3::before {
    position: absolute;
    width: 90px;
    background: var(--yellowcolor);
    content: '';
    bottom: -3rem;
    height: 1px;
}
.under_csr h4 {
    font-family: var(--familyRubik);
    font-weight: 300;
    margin-bottom: 3rem;
}
.under_csr h4 strong {
    font-weight: 800;
}
.under_csr .row {
    margin-bottom: 3.5rem;
}
.area {
    padding-right: 9rem;
}
.gstyle-c ul {
    padding-left: 15px;
}
.gstyle-c ul li {
    list-style: url(../images/bullet-color.png);
    padding-bottom: 1.5rem;
}
.area2 {
    padding-left: 11rem;
}
.Measures {
    padding: 8rem 0 10rem;
    background: #F6F6F6;
}
.Measures ul {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 3rem;
    /* border-right: 1px solid rgb(112 112 112 / 39%); */
}
.Measures ul li {
    position: relative;
    padding: 4rem 0rem 4rem 0;
    grid-gap: 5rem;
}
.Measures ul li::before {
    width: 36px;
    height: 1px;
    position: absolute;
    content: '';
    background: #007DC2;
    top: 0;
}
.Measures_content {
    padding-left: 5rem;
}
.measures-commitment {
    padding: 10rem 0;
}
.measures-commitment h3 {
    font-weight: 600;
    letter-spacing: 1.4px;
    color: var(--bluecolor);
    position: relative;
    margin-bottom: 6rem;
}
.measures-commitment h3::before  {
    position: absolute;
    width: 90px;
    background: var(--yellowcolor);
    content: '';
    bottom: -3rem;
    height: 1px;
}
.measures-commitment ul {
    width: 30%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 3rem;
    margin-top: 3rem;
}
.measures-commitment ul li h5 {
    font-family: var(--familyRoboto);
    font-weight: 700;
}
.measures-commitment ul li h6 {
    font-family: var(--familyRoboto);
    font-weight: 400;
}
/* --------Sustainability Page End-------- */

/* --------Peoples Page Start-------- */
.company_pahra h5 {
    font-family: var(--familyRubik);
    font-weight: 300;
    margin-top: 3rem;
    margin-bottom: 0rem;
}
.small_about p {
    padding: 10rem;
}
.special {
    padding: 10rem 0;
    background: #313131;
}
.special figure {
    margin-top: -38rem;
}
.special-content h3 {
    color: var(--yellowcolor);
    font-family: var(--familyRoboto);
    font-weight: 300;
    margin-bottom: 4rem;
}
.special-content {
    padding: 0rem 10rem;
}
.special-content ul {
    margin-top: 4rem;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}
.special-content p{
    font-size: 1.6rem;
    color: var(--colorwhite);
    padding: 1.5rem 0;
    position: relative;
    border-bottom: 1px solid var(--bluecolor);
    display: table;
}
.current_opening {
    padding: 10rem 0;
    background: #EEF1F3;
    margin-top: 8rem;
}
.current_opening h3 {
    font-weight: 600;
    letter-spacing: 1.4px;
    color: var(--bluecolor);
    position: relative;
    margin-bottom: 6rem;
}
.current_opening h3::before {
    position: absolute;
    width: 90px;
    background: var(--yellowcolor);
    content: '';
    bottom: -3rem;
    height: 1px;
}
.current_opening h5 {
    font-family: var(--familyRubik);
    font-weight: 300;
    line-height: 3.2rem;
}
.current_opening p {
    font-style: italic;
    font-family: var(--familyRoboto);
    font-weight: 600;
    margin-top: 3rem;
}
.opeing_summary {
    margin-top: 7rem;
}
.postion_name{
    background: var(--colorwhite);
    padding: 1.3rem 2.5rem;
}
.postion_name h4 {
    font-family: var(--familyRoboto);
    font-weight: 400;
}
.department {
    background: #F8FAFB;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.current_opening .department p {
    font-family: var(--familyRoboto);
    font-style: normal;
    font-weight: 600;
    margin-top: 0;
}
.current_opening .experience {
    padding: 1.3rem 2.5rem;
}
.current_opening .department p span {
    font-family: var(--familyRoboto);
    font-style: normal;
    font-weight: 300;
    margin-top: 0;
    width: 168px;
    position: relative;
    display: inline-block;
}
.details {
    margin-bottom: 1rem;
}
.current_opening .location p {
    font-family: var(--familyRoboto);
    font-style: normal;
    font-weight: 600;
    margin-top: 0;
}
.current_opening .location {
    background: #F2EFE4;
    padding: 1.3rem 2.5rem;
    margin-right: 8rem;
}
.current_opening .location p span {
    display: block;
}
.icons_blue {
    position: absolute;
    right: 2rem;
    top: 2rem;
}
.icons_blue svg{fill: var(--lightblude);}
.icons_blue:hover svg{fill: var(--yellowcolor);}

/* --------Peoples Page End-------- */

/* --------Gallery Page Start-------- */
.gallery_info {
    padding: 6rem 0 8rem;
}
.gallery_list .row {
    --bs-gutter-x: 2.5rem;
}
.gallery_info h3::before {
    position: absolute;
    content: '';
    bottom: -5rem;
    width: 30%;
    height: 2px;
    background: linear-gradient( 90deg, #F9CA34 20%, #007DC2 20%);
}
.gallery_details {
    margin-bottom: 7rem;
}
.gallery_details p {
    font-family: var(--familyRoboto);
    padding-top: 1rem;
    font-size: 1.8rem;
}

/* --------Gallery Page End-------- */

/* --------Customers Page Start-------- */
.domestic_logo {
    margin-bottom: 10rem;
}
.domestic_logo ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1rem;
}
.domestic_logo ul li {
    background: #f5f5f5;
}
.domestic_logo h3 {
    font-weight: 600;
    letter-spacing: 1.4px;
    color: var(--bluecolor);
    position: relative;
    margin-bottom: 6rem;
}
.domestic_logo h3::before {
    position: absolute;
    width: 90px;
    background: var(--yellowcolor);
    content: '';
    bottom: -3rem;
    height: 1px;
}

.people_about {
    margin-top: 5rem;
}

.people_about p {
    padding: 10rem;
}








.customers_tabs .nav-tabs .nav-link {
    margin-bottom: 0px;
    border: 0px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-family: var(--familyRubik);
    color: var(--colorwhite);
    font-weight: 400;
    padding: 1rem 1.5rem;
    /* margin-right: 4rem; */
    letter-spacing: 1.4px;
    width: 100%;
    text-align: left;
}
.customers_tabs .nav-item {
    position: relative;
    margin: 0 0rem;
    display: block;
    width: 100%;
    /* padding: 1rem 1.7rem; */
    background: var(--lightblude);
    font-family: var(--familyRubik);
    font-weight: 400;
    color: var(--colorwhite);
    margin-bottom: 0.5rem;
}
.customers_tabs .nav-item .nav-link::after {
    display: none;
}
.customers_tabs .nav-tabs .nav-link.active {
    background: transparent;
    font-weight: 600;
    color: var(--bluecolor);
    /* border-bottom: 1px solid #000000; */
    font-weight: 600;
    background: var(--yellowcolor);
    color: var(--fontcolor);
    width: 100%;
    /* text-align: left; */
}
.Customers_logo ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 3rem;
}
.Customers_logo ul li {
    background: #F8FAFB;
    padding: 3rem;

}
.Customers_logo ul li img {
    mix-blend-mode: multiply;
}
#doctorTabContent .accordion-item {
    background-color: var(--colorwhite);
    border: 0px solid rgba(0,0,0,.125);
    border-radius: 0;
}
.customers_tabs {
    padding-bottom: 12rem;
    position: relative;
}
/* .customers_tabs::before {
    width: 100%;
    position: absolute;
    top: 5%;
    background: #dee2e6;
    height: 1px;
    content: '';
    z-index: -1;
} */
.customers_tabs.row>* {
    padding-right: calc(var(--bs-gutter-x) * .0);
    padding-left: calc(var(--bs-gutter-x) * .0);
}
.customers_tabs .accordion-body {
    padding: 0;
}
.customers_tabs .tab-content {
    padding: 0;
    /* margin-top: 6rem; */
}
.customers_tabs .nav-tabs {
     border-bottom: 1px solid transparent;
}
/* --------Customers Page End-------- */

/* --------Contact us Page Start-------- */
.contact_us {
    padding-bottom: 10rem;
}
.contact_details {
    padding-right: 10rem;
}
.contact_details h3 {
    font-weight: 600;
    letter-spacing: 1.4px;
    color: var(--bluecolor);
    position: relative;
    margin-bottom: 6rem;
}
.contact_details h3::before {
    position: absolute;
    width: 90px;
    background: var(--yellowcolor);
    content: '';
    bottom: -3rem;
    height: 1px;
}
.plants {
    margin-top: 6rem;
    position: relative;
}
.plants h3 {
    font-weight: 600;
    letter-spacing: 1.4px;
    color: var(--bluecolor);
    position: relative;
    margin-bottom: 6rem;
}
.plants h3::before {
    position: absolute;
    width: 90px;
    background: var(--yellowcolor);
    content: '';
    bottom: -3rem;
    height: 1px;
}
.contact_details p {
    margin-top: 3rem;
    font-family: var(--familyRubik);
}
.contact_details p a {
    display: inline;
}
.plants {
    padding-right: 10rem;
}
.plants ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 5rem;
    row-gap:  5rem;
}
.plants h5 {
    font-family: var(--familyRoboto);
    font-weight: 700;
    margin-bottom: 3rem;
}
.plants p {
    font-family: var(--familyRoboto);
    font-size: 400;
    margin-bottom: 2rem;
}
.location_icon i {
    font-size: 1.8rem;
    color: var(--lightblude);
}
.locate_map {
    margin-top: 1rem;
}
.get-in-touch input[type=submit] {
    border: none;
    position: relative;
}
.get-in-touch span {
    position: relative;
}
.get-in-touch span::before {
    position: absolute;
    width: 70px;
    height: 2px;
    content: '';
    bottom: -17px;
    background-color: #000;
    left: 0;
}
.get-in-touch span:after {
    font-family: FontAwesome;
    content: "\f054"; /* Value may need to be changed in newer version of font awesome*/
    font-size: 13px;
    position: absolute;
    right: 25px;
    top: -8px;
    pointer-events: none;
}
.get-in-touch span:hover::after {
    color: #fff;
}
.get-in-touch span .yellow-btn {
    width: 121px;
    padding: 1rem 15px 1rem 0;
}

.submit_form .form-control input[type=file]{
    background-color: #ecf0f4;
}


.submit_form input[type=submit] {
    border: none;
    position: relative;
}
.submit_form span {
    position: relative;
}
.submit_form span::before {
    position: absolute;
    width: 70px;
    height: 2px;
    content: '';
    bottom: -17px;
    background-color: #000;
    left: 0;
}
.submit_form span:after {
    font-family: FontAwesome;
    content: "\f054"; /* Value may need to be changed in newer version of font awesome*/
    font-size: 13px;
    position: absolute;
    right: 25px;
    top: -8px;
    pointer-events: none;
}

.submit_form span .yellow-btn {
    width: 121px;
    padding: 1rem 15px 1rem 0;
}

.submit_form span:hover::after {
    color: #fff;
}



.get-in-touch {background: #EEF1F3;padding:6rem 5rem 3rem 5rem;}
.get-in-touch h6 {font-family: var(--familyRubik);letter-spacing: 0px;color: #00428D;font-weight:700;margin-bottom: 3rem;}
.get-in-touch .form-control {letter-spacing: 0px;color: #272727;border: 0;border-bottom: 1px solid rgb(0 0 0 / 20%);padding: 1rem;font-size: 17px; background: transparent;}
.form-field {margin-bottom: 20px;}
.form-field input::-webkit-input-placeholder,.form-field textarea::-webkit-input-placeholder { letter-spacing: 0px;color: #272727;}
.form-field input::-moz-placeholder,.form-field textarea::-moz-placeholder{ letter-spacing: 0px;color: #272727;}
.form-field input:-ms-input-placeholder,.form-field textarea:-ms-input-placeholder{letter-spacing: 0px;color: #272727;}
.form-field input:-moz-placeholder,.form-field textarea:-moz-placeholder{ letter-spacing: 0px;color: #272727;}
.form-field .form-check-input {width: 3em;height: 3em;border: 1px solid #cccccc;}
.form-field .form-check-label{ width: calc(100% - 32px);margin-left: 1rem;}
.form-field .form-check label{display: block;position: relative;padding-left: 30px;margin-bottom: 0px;cursor: pointer;font-size: 14px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.form-field .form-check label input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.form-field .satyam_btn {
    margin-top: 3rem;
}

/* --------Contact us Page End-------- */


/* --------Policy Page Start-------- */
.privacy {
    padding-bottom: 10rem;
}
.privacy h4 {
    margin-top: 2rem;
    margin-bottom: 30px;
    line-height: 25px;
}
.privacy p {
    margin-bottom: 30px;
}
.privacy ul li {
    font-family: var(--familyRubik);
    font-size: 13px;
    line-height: 30px;
}

.smpliner {
    background-image: url(../images/smp_dot.gif);
    background-repeat: repeat-y;
    background-position: right;
}
.sitemap {
    padding-bottom: 10rem;
}
a.smph2 {
    font-size: 17px;
    color: #000;
    text-decoration: none;
    margin-left: 5px;
    font-weight: bold;
    text-align: justify;
    text-transform: uppercase;
}
/* --------Policy Page End-------- */


/* ------Submit_form-------- */
.submit_form {
    position: relative;
    padding-bottom: 10rem;
}
.submit_form  .form-group {
    margin-bottom: 2rem;
}
.submit_form .form-wrap {
    background: rgba(255,255,255,1);
    width: 100%;
    /* max-width: 850px; */
    padding: 50px;
    margin: 0 auto;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);
}
.submit_form .form-group > label {
    display: block;
    font-size: 18px;
    color: #000;
    font-family: var(--familyRoboto);
}
.submit_form .form-control {
    height: 50px;
    background: #ecf0f4;
    border-color: transparent;
    padding: 0 5px;
    font-size: 16px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
input[type=file]::file-selector-button {
    background-color: #ecf0f4 ;
    color: #000;
    border: 0px;
    border-right: 1px solid #fff6f6;
    padding: 15px 15px;
    margin-right: 20px;
    transition: .5s;
    width: 150px;
  }
  input[type=file]:hover::file-selector-button {
    background-color: var(--yellowcolor) ;
    color: #000;
  }

  input[type=file]::file-selector-button:hover {
    background-color: #eee;
    border: 0px;
  }
.submit_form  .form-wrap:before {
    /* content: "";
    width: 90%;
    height: calc(100% + 60px);
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    top: -30px;
    background: #0098db14;
    z-index: -1;
    opacity: 0.8;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15); */
}
.sitemap_info h2 {
    position: relative;
}
.sitemap_info h2::before {
    position: absolute;
    content: '';
    bottom: -5rem;
    width: 30%;
    height: 2px;
    background: linear-gradient( 90deg, #F9CA34 20%, #007DC2 20%);
}


.news_details {
    margin-bottom: 3rem;
    margin-left: 5rem;
}
.news_details .news_date {
    padding-bottom: 2rem;
}
.news_date {
    margin-top: 2rem;
}
.news_date span {
    font-size: 1.5rem;
    font-family: var(--familyRubik);
    text-align: center;
}
.news_details p {
    padding-bottom: 2rem;
}
/* .news_details h3 {
    font-weight: 600;
    letter-spacing: 1.4px;
    color: var(--bluecolor);
    position: relative;
    margin-bottom: 6rem;
}
.news_details h3::before {
    position: absolute;
    width: 90px;
    background: var(--yellowcolor);
    content: '';
    bottom: -3rem;
    height: 1px;
} */


.accordion-body.accordion_text h6 {
    font-size: 1.6rem;
    padding-bottom: 0.5rem;
    padding-top: 1.8rem;
}

.accordion-body.accordion_text{
    padding: 1rem 2.25rem;
}

.accordion-body.accordion_text p {
    font-size: 1.4rem;
    font-weight: 500;
}

.accordion-body.accordion_text ul li {
    font-size: 1.4rem;
    font-weight: 400;
    padding-bottom: 0.5rem;
}

.accordion-body.accordion_text h5{
    font-size: 1.8rem;
    font-weight: 500;
    padding-top: 1rem;
}

.accordion-body.accordion_text h5{
    font-size: 2.4rem;
}

.accordion-body.accordion_text h6:nth-of-type(1){
    padding-top: 3rem;
}
#aspnetForm {
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
}
footer {
    margin-top: auto;
}
.thankyou  {
    padding: 13rem 0 0;
    margin-bottom: 9rem;
}
.thankyou span {
    font-family: var(--familyRubik);
    font-weight: 300;
    position: relative;
    margin-bottom: 4rem;
}