@import url('../css/inner-page.css');
 @import url('../css/contactus.css');
 @import url('../css/chairman.css');
 @import url('../css/quality.css');

 * {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
 }

 body {
   font-family: var(--montserrat);
   background: var(--colorf8);
 }

 /* journey page css start  */
 .journey-page .journey-text blockquote {
   font: var(--font24);
   line-height: 3.6rem;
   color: var(--color3b);
   margin-block: 0rem 3rem;
   font-weight: var(--font_300);
 }

 .journey-page .journey-text p {
   font: var(--font18);
   color:var(--color3b);
   margin-bottom: 0rem;

 }

 .journey-page {
   margin-block: 0rem 23.2rem;
 }

 .journey-page .journey-text {
   margin-bottom: 16.4rem;
 }

 .timeline {
   position: relative;
   max-width: 979px;
   margin: auto;
 }

 .timeline-entry {
   padding: 20px 43px;
   position: relative;
   width: 100%;
   min-height: 230px;
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 9.5rem;
   padding-top: 5rem;
 }

 .timeline-entry.left {
   left: 0;
   text-align: right;
 }

 .timeline-entry.right {
   text-align: left;
 }

 .timeline-entry::before {
   content: '';
   position: absolute;
   width: 3px;
   height: 100%;
   top: 0px;
   background-color: var(--color0a);
   z-index: 1;
 }

 .timeline-entry.left::before {
   right: 50%;
 }

 .timeline-entry.right::before {
   left: 49.7%;
   background-color: var(--color9a);
 }

 .timeline-year {
   font: var(--font60);
   font-weight: bold;
   color: var(--color0a);
   position: relative;
   z-index: 2;
 }

 .timeline-year-bg {
   font: var(--font188);
   color: var(--color_white);
   position: absolute;
   top: 4%;
   left: 2px;
   z-index: 0;
   opacity: 1;
 }

 .timeline-entry.right .timeline-year-bg {
   left: 55%;
 }

 .timeline-content {
   font: var(--font21);
   position: relative;
   z-index: 2;
   color: #222;
   text-align: left;

 }

 .timeline-entry.right .timeline-content {
   text-align: right;
 }

 /* Responsive Design */
 @media screen and (max-width: 1199px) {
   .journey-page .journey-text {
     margin-bottom: 7rem;
   }

   .timeline-entry {
     padding-inline: 39px;
   }

 }

 @media screen and (max-width: 991px) {
   .timeline-year-bg {
     font-size: 129px;
     top: -1%;
   }

   .timeline-entry {
     padding-inline: 0;
     min-height: 200px;
   }

 }

 @media screen and (max-width:991px) {
   .timeline::after {
     left: 20px;
   }

   .timeline-entry {
     width: 100%;
     padding-left: 40px;
     padding-right: 20px;
     text-align: left;
     grid-template-columns: repeat(1, 1fr);
     gap: 1rem;
     padding-block: 3rem;
     min-height: 100%;
   }

   .timeline-entry.left,
   .timeline-entry.right {
     left: 0;
   }

   .timeline-entry::before {
     left: 0px;
   }

   .timeline-entry.right::before {
     left: 0;
   }

   .timeline-year-bg {
     font-size: 50px;
   }

   .timeline-entry.left {
     text-align: left;
   }

   .timeline-entry.right .timeline-content {
     text-align: left;
   }

   .timeline-content {
     order: 2;
     font: var(--font18);
     font-weight: 400;
     font-family: var(--montserrat)
   }

   .journey-page .journey-text {
     margin-bottom: 4rem;
   }

   .journey-page .journey-text blockquote {
     font: var(--font24);
     margin-block: 4rem 2rem;
     font-weight: 300;
   }

   .journey-page {
     margin-bottom: 5rem;
   }

   .timeline-year {
     font: var(--font48);
   }

   .timeline-entry.left .timeline-year-bg,
   .timeline-entry.right .timeline-year-bg {
     display: none;
   }

   .timeline-year {
     margin-bottom: 1rem;
   }
 }

 /* journey page css end  */


 /* About page css start  */
 .about_sec1 .about_head1 blockquote {
   font: var(--font24);
   color: #3B3B3B;
   margin-block: 0rem 4rem;
   font-weight: var(--font_400);
 }

 .about_sec1 .about_head1 p {
   font: var(--font18);
   color: var(--color3b);
   margin-bottom: 0rem;
 }

 .num-sec {
   display: flex;
   justify-content: center;
   margin-bottom: 10rem;
   margin-top: 7rem;
 }

 .num-sec li {
   border-right: 1px solid #00000011;

   text-align: center;
 }
 .num-sec li:not(:last-child){ padding-right: 8rem;margin-right: 8rem;}
 .num-sec li:last-child {
   border-right: 0;
 }

 .about_sec1 .about_head1 .num-sec li p {
   font-weight: 500;
 }

 .num-sec h3 {
   color: var(--color0a);
   font: var(--font60);
   list-style: 7.2rem;
   margin-bottom: 0.7rem;
 }

 .num-sec p {
   color: #3b3b3b;
   font: var(--font18);
   list-style: 3rem;
   margin-bottom: 0rem;
 }

 .about2-text {
    background: var(--color0a);
    padding: 18rem 12.9rem 24.5rem 14rem;
}
.abtslide_wrap .swiper-pagination-bullet{background: transparent;border: .1rem solid var(--color_white);}
.abtslide_wrap .swiper-pagination-bullet-active{background: var(--color_white);}
.abtslide_wrap .swiper-pagination{bottom: 2rem;}
.abtslide_wrap figure{position: relative;}
.abtslide_wrap figure::after{background: linear-gradient(359deg,rgba(0, 0, 0, 1) 0%, rgba(0, 212, 255, 0) 100%);width: 100%;height: 10%;position: absolute;bottom: 0;content: "";left: 0;}
 .about2-text h4 {
   color: #fff;
   font: var(--font24);
   font-weight: 600;
   margin-bottom: 3rem;
 }

 .about2-text p {
   color: #fff;
   font: var(--font18);
 }

 .about-sec2 {
   margin-bottom: 13rem;
 }

 .about-sec3 figure figcaption {
   padding-left: 5rem;
   position: relative;

 }

 .about-sec3 figure figcaption::before {
   content: '';
   width: 5px;
   height: 64px;
   background: var(--color0a);
   position: absolute;
   left: 2rem;
   top: -3rem;
 }

 .about-sec3 figure figcaption p {
   font: var(--font18);
   line-height: 2.6rem;
   padding-block: 0.8rem;
   font-weight: 600;
 }
  .about-sec3{padding-bottom: 13rem;}
.about-sec3 .row{--bs-gutter-y:4rem}
.about-sec3 .center_heading{text-align: center;max-width:75%;margin-inline: auto;}
.about-sec3 .center_heading h5{font: var(--font24);color: var(--color0a);font-weight: var(--font_bold);}
.about-sec3 .center_heading blockquote{margin-block: 4rem 3rem;font: var(--font24);font-weight: var(--font_bold);}
.about-sec3 .center_heading p {padding-bottom: 7rem;font: var(--font18);font-weight: var(--font_bold);border-bottom: .1rem solid rgb(0 0 0 / 11%);}
.about-sec3 .manufact_heading{left: 2.3rem;position: relative;padding-top: 2rem ;margin-top: -1.5rem;z-index: 1;}
.about-sec3 .manufact_heading .vhline{left:0;position: absolute;height: 6.4rem;width: .5rem;top: 0;}
.about-sec3 .manufact_heading p{font: var(--font18);color: var(--color3b);padding-left: 3.1rem;font-weight: var(--font_bold);}

 .about-sec4 {
   margin-bottom: 12rem;
 }

 .about-sec4 .abt4-text {
   padding-left:13rem;
   position: relative;
   margin-right: 5rem;
 }
 .about-sec4 .abt4-text .vhline{position: absolute;left: 0;top: 0;}
 .about-sec4 .abt4-text blockquote {font: var(--font24);font-weight: var(--font_400);margin-bottom: 3rem;color: var(--color71);}
 .about-sec4 .abt4-text blockquote strong{color: var(--color3b);}
 /* .about-sec4 .abt4-text::before {
   content: '';
   position: absolute;
   left: 0;
   width: 9px;
   height: 100%;
   background: var(--color0a);
 } */

 .about-sec4 .abt4-text h4 {
   font: var(--font24);
   color: var(--color0a);
   font-weight: 600;
   margin-bottom: 4rem;
 }

 .about-sec4 .abt4-text .tuv-box {
   background: #fff;
   display: flex;
   align-items: center;
   gap: 5.2rem;
   padding: 4.2rem 4rem 3.6rem 3.5rem;
 }

 .about-sec4 .abt4-text .tuv-box img {
   width: fit-content;
 }

 .about-sec4 .abt4-text .tuv-box p {
   font: var(--font18);
 }

 .about-sec4 .abt4-text .tuv-box p span {
   font-weight: 600;
 }

 .about-sec4 .maintain-text {
   margin-top: 7rem;
    padding-left: 13rem;
    max-width: 91%;
 }

 .about-sec4 .maintain-text p {
   font: var(--font18);
   margin-bottom: 3rem;
 }

 .about-sec4 .maintain-text p:last-child {
   margin-bottom: 0;
 }

 .about-sec5 {
   margin-bottom: 12rem;
 }

 .miss-vision {
   display: grid;
   grid-template-columns: repeat(2, 1fr);

 }

 .miss-vision .mission {
   padding: 8.3rem 8.2rem 10rem 8.2rem;
   background: #00449A;

 }

 .miss-vision .mission h4 {
   font: var(--font24);
   font-weight: 700;
   margin-bottom: 3rem;
   color: #fff;
 }

 .miss-vision .mission p {
   font: var(--font24);
   color: #fff;
   font-weight: 400;
   font-family: var(--lato);

 }

 .miss-vision .vision {
   padding: 8.3rem 8.2rem 10rem 8.2rem;
   background: #fff;
 }

 .miss-vision .vision h4 {
   font: var(--font24);
   font-weight: 700;
   margin-bottom: 3rem;
   color: var(--color0a);
 }

 .miss-vision .vision p {
   font: var(--font24);
   font-weight: 400;
   font-family: var(--lato);
 }

 .about-sec7 {
   background-color: #fff;
   padding-block: 11rem 19rem;
 }

 .about7-text {
   padding-left: 12.3rem;
   position: relative;
 }
 .about7-text .vhline{position: absolute;left: 0;top: 0;height: 71%;}
/*
 .about7-text::before {
   content: '';
   position: absolute;
   width: 9px;
   height: 72%;
   background: var(--color0a);
   left: 0;
 } */
 .about-sec7 .row{--bs-gutter-x:8.5rem}
 .about7-text h4 {
   font: var(--font24);
   color: var(--color0a);
   font-weight: 700;
   margin-bottom: 7.6rem;
 }

 .about7-text ul li h5 {
   font: var(--font21);
   font-weight: 700;
   margin-bottom: 2rem;
   color: #3B3B3B;
 }

 .about7-text ul li p {
   font: var(--font18);
   font-weight: 400;
   color: #3B3B3B;
 }

 .about7-text ul.grid-2 {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 6rem 7rem;
   margin-bottom: 6rem;
 }

 .about-sec6 {
   margin-bottom: 12rem;
 }

 .circle-container {
   position: relative;
   width: 1012px;
   height: 974px;
   display: flex;
   justify-content: center;
   align-items: center;

   margin: auto;
 }

 .center-logo {
   text-align: center;
   background: #fff;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   border-radius: 50%;
   width: 496px;
   height: 496px;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
 }

 .center-logo img {
   width: 60px;
   margin-bottom: 10px;
 }

 .center-logo h2 {
   color: #00449A;
   margin: 1rem auto 1.9rem;
   font: var(--font36);
   font-weight: 800;
 }

 .center-logo p {
   color: var(--color0a);
   margin: 0;
   font-weight: bold;
   font: var(--font24);
 }

 .value {
   position: absolute;
   width: 226px;
   height: 226px;
   border-radius: 50%;
   color: white;
   font: var(--font21);
   font-weight: bold;
   display: flex;
   justify-content: center;
   align-items: center;
   text-align: center;
 }

 /* Positioning the values in a circular layout */
 .value:nth-child(1) {
   top: 0%;
   left: 7%;
   transform: translate(99%, -0%);
   background: #e31c1c;
 }

 /* True Faith */
 .value:nth-child(2) {
   top: 9%;
   left: 63%;
   transform: translate(-46%, -36%);
   background: #e31c1c;
 }

 /* True Faith */
 .value:nth-child(3) {
   top: 27%;
   left: 82%;
   transform: translate(-47%, -48%);
   background: #d32525;
 }

 /* Trust */
 .value:nth-child(4) {
   top: 52%;
   left: 89%;
   transform: translate(-50%, -54%);
   background: #b32a2a;
 }

 /* Responsibility */
 .value:nth-child(5) {
   top: 76%;
   left: 80%;
   transform: translate(-45%, -55%);
   background: #961c30;
 }

 /* Unity */
 .value:nth-child(6) {
   top: 90%;
   left: 58%;
   transform: translate(-37%, -58%);
   background: #7d1c38;
 }

 /* Enthusiasm */
 .value:nth-child(7) {
   top: 87%;
   left: 32%;
   transform: translate(-29%, -48%);
   background: #501b3e;
 }

 /* Focus */
 .value:nth-child(8) {
   top: 68%;
   left: 14%;
   transform: translate(-34%, -33%);
   background: #431e48;
 }

 /* Ambition */
 .value:nth-child(9) {
   top: 42%;
   left: 11%;
   transform: translate(-47%, -24%);
   background: #2b255c;
 }

 /* Integrity */
 .value:nth-child(10) {
   top: 23%;
   left: 20%;
   transform: translate(-50%, -42%);
   background: #031661;
 }

 /* Teamwork */
 .value:nth-child(11) {
   top: 15%;
   left: 25%;
   transform: translate(-50%, -50%);
   background: #75213b;
 }

 @media screen and (max-width: 768px) {
   .circle-container {
     width: 90vw;
     height: auto;
     padding: 60px 20px;
     flex-direction: column;
     flex-wrap: wrap;
   }

   .value {
     position: static;
     transform: none;
     margin: 10px auto;
     display: inline-flex;
   }

   .center-logo {
     order: -1;
     margin-bottom: 20px;
   }
 }

 /* responsive  */
 @media screen and (max-width:1699px) {
.about2-text {
    padding: 10rem;
}
.about-sec4 .abt4-text {
    padding-left: 10.2rem;
    margin-right: 2rem;
}
 }

 @media screen and (max-width:1399px) {
  .about2-text {
    padding: 7rem;
}
.about-sec2, .about-sec3 {
    margin-bottom: 9rem;
}
.about-sec4 .abt4-text .tuv-box {
    gap: 3rem;
    padding: 3rem 0 3rem 2rem;
}
.about-sec4 .maintain-text {
    margin-top: 5rem;
}
.about-sec4 {
    margin-bottom: 9rem;
}
 }

 @media screen and (max-width:1199px) {
.num-sec li {
    padding-right: 6rem;
    margin-right: 6rem;
  }
.num-sec {
    margin-bottom: 7rem;
  }
.about2-text {
    padding: 3.9rem ;
}
.about-sec2, .about-sec3 {
    margin-bottom: 8rem;
}
 }

 @media screen and (max-width:991px) {}

 @media screen and (max-width:767px) {
  .num-sec li {
    padding-right: 3rem;
    margin-right: 3rem;
 }
 .num-sec h3 {
    font: var(--font48);
 }
     .num-sec {
        margin-bottom: 5rem;
        margin-top: 4rem;
    }
  }
 @media screen and (max-width:550px) {
.num-sec{
  display: block;
}
 .about2-text {
        padding: 3rem 2rem;
 }
 .num-sec li {
    padding-right: 0rem;
    margin-right: 0rem;
    margin-bottom: 3rem;
    padding-bottom: 3rem;
    border-right: 0;
    border-bottom: 1px solid #00000011;
    text-align: center;
 }
  .num-sec li:last-child{
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
.about2-text h4 {
    margin-bottom: 2rem;
}
.about-sec2, .about-sec3 {
        margin-bottom: 4rem;
}
 }

 @media screen and (max-width:319px) {}








 /* About page css end  */

 /* about circle css starts here */
.about-cirl-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 1.3rem;
}
.about-cirl-grid .about-list {
    padding: 6rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.about-cirl-grid .about-list h4 {
    font: var(--font24);
    color: var(--color_white);
    font-weight: var(--font_bold);
    font-family: var(--lato);
}
.about-cirl {
    height: 100%;
}
.about-cirl figure {
    max-width: 75%;
    margin: 0 auto;
}
.about-cirl.abt-cl-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color_white);
}

.about-cirl-grid .about-list:nth-child(1){
  background-color: #c61d22;
}
.about-cirl-grid .about-list:nth-child(2){
  background-color: #ab1d2a;
}
.about-cirl-grid .about-list:nth-child(3){
  background-color: #8f1d33;
}
.about-cirl-grid .about-list:nth-child(4){
  background-color: #741e3c;
}
.about-cirl-grid .about-list:nth-child(5){
  background-color: #591f44;
}
.about-cirl-grid .about-list:nth-child(6){
  background-color: #3d1f4c;
}
.about-cirl-grid .about-list:nth-child(7){
  background-color: #201f54;
}
.about-cirl-grid .about-list:nth-child(8){
  background-color: #061f5c;
}
.about-cirl-grid .about-list:nth-child(9){
  background-color: #731e3b;
}
.about-cirl-grid .about-list:nth-child(10){
  background-color: #e31d1a;
}

@media(max-width:1649px){
  .about-cirl-grid .about-list{
        padding: 5rem 0;
  }
}

@media(max-width:1399px){
    .about-cirl-grid .about-list {
        padding: 4rem 0;
    }
}


@media(max-width:1199px){
.about-cirl-grid{
      grid-template-columns: repeat(3, 1fr);
}
}

@media(max-width:991px){
.about-cirl {
    padding-right: 0;
    text-align: center;
    margin-bottom: 4rem;
    background-color: var(--color_white);
}
.about-cirl figure {
    width: 250px;
    margin: 0 auto;
}
    .about-cirl{
    margin-bottom: 3rem;
}
.about-sec7 .about7-text{
  margin:3rem 0 0 0
}
.about-cirl.abt-cl-logo{
      margin: 0;
}
.about-cirl{
  margin-top: 2rem;
}
.about-cirl {
    background: transparent;
}
}

@media(max-width:767px){
    .about-cirl-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .about-cirl-grid .about-list {
        width: 100%;
    }
    .about-cirl{
        margin-bottom: 3rem;
    }
    .about-cirl-grid{
          grid-gap: 1rem;
    }
}
 /* about circle css ends here */


.about-sec6 .valuesvg.img-fluid {
    max-width: 72%;
    height: auto;
    margin: 0 auto;display: block;}

.about-sec6.ourvalues h5 {font: var(--font24);
    color: var(--color0a); text-align: center;
    font-weight: var(--font_bold);margin-bottom: 4rem;}

@media(max-width:767px){
.about-sec6.ourvalues h5 {margin-bottom: 2rem;}
}