@font-face {
    font-family: 'Onest-SemiBold';
    font-style: Normal;
    font-display: swap;
    src: url(../fonts/Onest-SemiBold.ttf) format('truetype');
}

@font-face {
    font-family: 'Onest-Regular';
    font-style: Normal;
    font-display: swap;
    src: url(../fonts/Onest-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Onest-Medium';
    font-style: Normal;
    font-display: swap;
    src: url(../fonts/Onest-Medium.ttf) format('truetype');
}

@font-face {
    font-family: 'Onest-Bold';
    font-style: Normal;
    font-display: swap;
    src: url(../fonts/Onest-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Karla-Regular';
    font-style: Normal;
    font-display: swap;
    src: url(../fonts/Karla-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Karla-Medium';
    font-style: Normal;
    font-display: swap;
    src: url(../fonts/Karla-Medium.ttf) format('truetype');
}

@font-face {
    font-family: 'Karla-SemiBold';
    font-style: Normal;
    font-display: swap;
    src: url(../fonts/Karla-SemiBold.ttf) format('truetype');
}

html {
    min-height: 100%;
    scroll-behavior: smooth;
    font-size: 16px;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

:root {
    --themeColor: #030233;
    --themeSecColor: #00B4D9;
    --h1HeadingFont: 'Onest-Medium';
    --h1FontSize: 66px;
    --h1FontLineHeight: 83px;
    --h2HeadingFont: 'Onest-Medium';
    --h2FontSize: 42px;
    --h2FontLineHeight: 60px;
    --h3HeadingFont: 'Onest-Medium';
    --h3FontSize: 26px;
    --h3FontLineHeight: 36px;
    --paraFont: 'Onest-Regular';
    --paraFontSize: 17px;
    --paraLineHeight: 30px;
    --bodyFont: 'Onest-Regular';
    --menuFont: 'Onest-Bold';
    --menuFontSize: 16px;
    --menuLineHeight: 36px;
    --bodyFontColor: #333333
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    outline: none;
}

body {
    font-family: var(--bodyFont);
    ;
}

html,
body {
    overflow-x: hidden;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    display: none;
}


.packagesSlider {
    height: 100%;
    width: 100%;
    position: relative;
    display: block;
    text-align: left;
}

.navbarMain .menu-others-sub a {
    text-transform: initial;
    float: left;
    width: 28%;
    text-align: left;
    padding: 0;
    margin-bottom: 0;
    font-size: 17px;
    position: relative;
    padding: 20px 0;
    padding-left: 20px;
    display: flex;
    align-items: center;
    /* padding-top: 13px; */
    /* padding-bottom: 13px; */
    border-bottom: 1px solid #dddada;
    margin-right: 50px;
    color:#000000; /*New*/
    
}

.navbarMain .menu-others-sub a i {
    display: none;
    transition: 0.5s;
}

.navbarMain .menu-others-sub a:hover i {
    display: block;
    transition: 0.5s;
    margin-left: 10px;
}

.navbarMain .menu-others-sub a:hover {
    color: var(--themeColor);
}

.navbarMain .menu-others-sub a::before {
    content: '';
    background: var(--themeColor);
    width: 6px;
    height: 6px;
    position: absolute;
    /* top: 15px; */
    left: 0;
}

.menu-others-sub {
    padding: 0px 20px;
    float: left;
    /* width: 100%; */
    margin: 10px;
}

.menu-others-sub.other-sub-menu {
    width: 100%;
}

.menu-others-sub.other-sub-menu a{
    width: 44%;
}



.menuing{
    padding: 15px 0;
}

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

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: unset;
}

p,
ul,
ol,
address,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

a,
a:active,
a:focus,
button,
button:focus,
button:active,
.btn,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn.active.focus {
    outline: none;
    outline: 0;
}

p {
    font-family: var(--bodyFont);
    font-size: var(--paraFontSize);
    line-height: var(--paraLineHeight);
}

a:hover,
a {
    text-decoration: none;
}

.form-control:focus {
    background-color: #fff;
    border-color: unset;
    outline: 0;
    box-shadow: unset;
    border: 0;
}

li {
    list-style: none;
}

/* .padd-top-bottom
{
    padding: 80px 0;
} */

.container.custom-container {
    max-width: 1600px;
}

img {
    max-width: 100%;
    height: auto;
}


.scroll-margin-top {
    scroll-margin-top: 150px;
}





@-webkit-keyframes growDown {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }

    80% {
        -webkit-transform: scaleY(1.1);
        transform: scaleY(1.1);
    }

    100% {
        -webkit-transform: scaleY(1.1);
        transform: scaleY(1.1);
    }
}

@keyframes growDown {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }

    80% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}



header.site-header.navbar-fixed {
    top: 0;
    z-index: 100;
    position: fixed;
    width: 100%;
    background: #fff;
    padding: 0;
    box-shadow: 0 19px 38px rgb(0 0 0 / 0%), 0 15px 12px rgb(0 0 0 / 6%);
}

/*open New*/
header.site-header.navbar-fixed a {
    color:#000000;
    
}
header.site-header.navbar-fixed a .whiteLogo {
    display: none;
}

header.site-header.navbar-fixed a .bodyLogo {
    display: block;
}

header.site-header a .whiteLogo {
    display: block;
}

header.site-header a .bodyLogo {
    display: none;
}


header.site-header a {
    color:#ffffff;
}
/*Close New*/


header.site-header {
    /*position: relative;*/
    position:absolute;
    z-index: 2;
    width: 100%;
}


.menuWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-left: 0%;
    padding-right: 0%;
    justify-content: space-between;
    /*border-top: 1px solid #e5e5e5;*/
}

.dropDownInnerMnb,
.navbarMain ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    flex-direction: revert;
    flex-wrap: wrap;
}



.dropdownMain {
    float: left;
    overflow: hidden;
}

.logobox a, 
.logobox a img {
    width: 290px;
    position: absolute;
    bottom: 15px;
}

header.site-header.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 19px 38px rgb(0 0 0 / 0%), 0 15px 12px rgb(0 0 0 / 6%);
    animation: 15s infinite gradient;
    z-index: 999;
    padding: 10px 0;
    transition: 0.3s ease-in-out;
    
}

header.site-header.sticky .dropdownMain .dropbtn,
header.site-header.sticky .navbarMain a {
    color: #585858;
    /*color: #ffffff;*/
}

.navbarMain a,
.dropdownMain .dropbtn {
    transition: 0.2s;
}

.dropdownMain .dropbtn,
.navbarMain a {
    position: relative;
    transition: 0.2s;
    text-decoration: none;
    padding: 25px;
}

.dropdownMain .dropbtn.active,
.navbarMain a.active {
    color: var(--themeColor)
}



.menuListing ul {
    display: block;
    padding: 0;
}



header.site-header.navbar-fixed {
    top: -180px;
}


#myHeader.hide {
    top: 0;
}

#myHeader {
    width: 100%;
    z-index: 100;
    transition: all .3s ease;
}

.dropdownMain-content {
    display: none;
    position: absolute;
    background-color: #f2f2f2;
    width: 100%;
    /* -webkit-box-shadow: 0px 20px 16px 0px rgba(0, 0, 0, 0.2); */
    /* box-shadow: 8px 5px 16px 0px rgba(0, 0, 0, 0.2); */
    z-index: 1;
    left: 0;
    top: 100%;
}

header.site-header.navbar-fixed .dropdownMain-content {
    top: 100%;
}

.dropdownMain:hover .dropdownMain-content {
    display: block;
}

.dropdownMain:hover .dropdownMain-content::after {
    content: '';
    position: absolute;
    background: var(--themeColor);
    width: 4%;
    height: 48%;
    right: -35px;
    bottom: -120px;
    transform: rotate(59deg);
}


.dropdown_menu-mega {
    -webkit-animation: growDown 500ms ease-in-out forwards;
    animation: growDown 500ms ease-in-out forwards;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    overflow: hidden;
    border-top: 1px solid var(--themeColor);
    background: #FAFDFF;
    /* box-shadow: 0px 11px 10px 0px #1111112b; */
}


.navbarMain a {
    float: left;
    font-size: 16px;
    color: var(--themeColor);
    text-align: center;
    text-transform: uppercase;
    font-family: 'Onest-Medium';
    padding: 25px;
}

.navbarMain li:last-child a {
    padding-right: 0;
}


.navbarMain .menuListing a:after,
.onlyMobile,
header.site-header.sticky .whiteLogo {
    display: none;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background: #fff;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

header.site-header.navbar-fixed .menuWrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

}

.sidenav,
body,
html {
    overflow-x: hidden;
}


/* ------- Custom CSS------------------------ */

.inner-text-para h1 {
    font-family: var(--h2HeadingFont);
    font-size: 42px;
    line-height: 62px;
    margin-bottom: 20px;
    color: var(--themeColor);
}

.inner-text-para h2 {
    font-family: var(--h2HeadingFont);
    font-size: var(--h2FontSize);
    line-height: var(--h2FontLineHeight);
    margin-bottom: 20px;
    color: var(--themeColor);
}

.inner-text-para h3 {
    font-family: var(--h3HeadingFont);
    font-size: 24px;
    /*font-size: var(--h3FontSize);*/
    line-height: var(--h3FontLineHeight);
    color: var(--themeColor);
}

.inner-text-para p {
    font-family: var(--paraFont);
    font-size: var(--paraFontSize);
    line-height: var(--paraLineHeight);
    margin-bottom: 20px;
    color: var(--bodyFontColor);
        text-align: justify;
}

.btn-more a {
    background: #273174;
    float: left;
    padding: 10px 20px;
    margin-top: 35px;
    font-family: 'Onest-Medium';
    text-transform: uppercase;
    border-bottom: 5px solid #00B4D9;
    color: #fff;
}

.btn-more a i {
    margin-left: 5px;
}

.topnavigation ul {
    display: flex;
    justify-content: end;
    padding: 15px 0;
}

.topnavigation ul li a {
    margin-left: 50px;
    /*color: #8A8FA8;*/
    
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Onest-Medium';
}

.topnavigation ul li a img {
    margin-right: 3px;
     filter: brightness(0) invert(1);
}


/*.header.site-header .topnavigation ul li a img {*/
/*    filter: brightness(0) invert(1);*/
/*}*/

header.site-header.navbar-fixed .topnavigation ul li a img {
   filter: brightness(5) invert(1);
}




/* -----  Home Page ------------------------- */

.banner-cont {
    position: absolute;
    top: 42%;
    width: 34%;
    transform: translate(-50%, -50%);
    left: 25%;
}
.bannerPage .main-banner {
    /* clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 85%); */
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 90%);
    height: 100%;
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

.banner-image {
    /* clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 85%); */
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 85%);
}

.bannerPage .swiper-slide-active .slider-sub-title {
    animation: fadeInLeft 1s;
    color: var(--themeColor);
}

.bannerPage .swiper-slide-active .slider-title {
    animation: fadeInLeft 1.5s;
    color: var(--themeColor);
}

.bannerPage .swiper-slide-active .slider-text {
    animation: fadeInUp 2s;
    color: var(--fontColor);
}

.bannerPage .swiper-slide-active .slider-btn {
    animation: fadeInUp 2.5s;
}

.slider-title {
    color: #FFF;
    font-family: var(--h1HeadingFont);
    font-size: 55px;
    font-weight: 700;
    line-height: 75px;
    text-transform: uppercase;
}

.slider-sub-title {
    color: #FFF;
    font-family: var(--h3HeadingFont);
    font-size: 29px;
    line-height: 75px;
}

.slider-text {
    margin: 15px 0;
}

.banner-cont .slider-btn {
    background: #273174;
    float: left;
    padding: 10px 20px;
    margin-top: 35px;
    font-family: 'Onest-Medium';
    text-transform: uppercase;
    border-bottom: 5px solid #00B4D9;
}

.bannerSlider .swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
    width: 10px;
    height: 5px;
    border-radius: 20px;
}

.bannerSlider .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #00B4D9;
    width: 25px;
    height: 5px;
    border-radius: 20px;
}

.bottom-left-right-white {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    padding-top: 100px;
}

.bottom-left-right-white:after {
    content: "";
    display: block;
    background: #fff;
    height: 255px;
    width: 8062px;
    position: absolute;
    z-index: 1;
    top: 102%;
    left: -102%;
    margin-left: 0;
    -webkit-transform: rotate(-8deg);
    transform: rotate(182deg);
}

.bannerSlider .swiper-pagination {
    bottom: 80px;
}

.hm-matrix-cont ul {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 40px;
}

.sec-about.about-pg-matrix { 
    padding: 40px 0;
}


/*.about-pg-matrix  ul li {*/ 
/*    flex: 0 0 45%;*/
    /* text-align: center; */
/*    padding: 30px;*/
/*    display: flex;*/
/*}*/ 

 
.sec-hm-others.sec-quality-half::after {
    content: "";
    background: #27317487;
    width: 47%;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0;  
   clip-path: polygon(0% 0%, 100% 7%, 100% 92%, 0% 85%);
}


.about-pg-matrix .hm-matrix-cont ul li {
    flex: 0 0 23%;
   padding: 30px 0px 0;
    display: flex;
    border-bottom: 1px solid #273174;
}

/*.about-pg-matrix .hm-matrix-cont ul li img {*/
/*    margin-right: 20px;*/
/*}*/

.about-pg-matrix .hm-matrix-cont ul li .title,
.about-pg-matrix .hm-matrix-cont ul li sup {
    font-family: 'Karla-SemiBold';
    color: #273174;
}

.about-pg-matrix .hm-matrix-cont ul li .title {
    font-size: 40px;
}

.about-pg-matrix .hm-matrix-cont ul li sup {
    font-size: 18px;
}

.about-pg-matrix {
    margin-top: 0;  
    justify-content: center;  
}

.about-pg-matrix .hm-matrix-cont ul li .mtrix-img {
    /*background: #273174;*/
    /*padding: 10px;*/
    width: 25%;  
}

.about-pg-matrix .hm-matrix-cont ul li .mtrix-info { 
    margin-left: 20px;
    margin-bottom: 10px;
}

/*.about-pg-matrix .hm-matrix-cont ul li:nth-child(1) {*/
/*    border-right: 1px solid #d9d9d9;*/
/*    border-bottom: 1px solid #d9d9d9;*/
/*}*/

/*.about-pg-matrix .hm-matrix-cont ul li:nth-child(2) {*/
/*    border-right: 0;*/
/*    border-bottom: 1px solid #d9d9d9;*/
/*}*/

/*.about-pg-matrix .hm-matrix-cont ul li:nth-child(3) {*/
/*    border-right: 1px solid #d9d9d9;*/
/*    border-bottom: 0;*/
/*}*/

/*.about-pg-matrix .hm-matrix-cont ul li:nth-child(4) {*/
/*    border-right: 0;*/
/*}*/



.sec-about .mtrix-info p {
    color: #8A8FA8;
}

.sec-about .inner-text-para, .sec-about-vdo .inner-text-para {
    padding-right: 70px;
}
.sec-home-product {
    padding: 165px 0 170px;
}

.sec-home-product {
    overflow: hidden;
}

.sec-home-product::before {
    content: url(../images/bg-texture03.jpg);
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    right: 0;
    clip-path: polygon(0% 8%, 100% 0%, 100% 82%, 0% 100%);
}

.sec-home-product::after {
    content: '';
    background: #00b4d9;
    position: absolute;
    bottom: 80px;
    width: 3000px;
    height: 90px;
    z-index: -2;
    rotate: -3deg;
}

.productsList ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.productsList ul li {
    flex: 0 0 32%;
    text-align: center;
    position: relative;
    margin-bottom: 35px;
    overflow: hidden;
    transition: 0.5s;
}

.productsList ul li a {
    margin-bottom: 20px;
}

.productsList ul li a:hover img {
    transform: scale(1.2);
    transition: 0.5s;
}

.productsList ul li img {
    width: 100%;
}

.productsList .prodBox::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    background: #16243d;
    background: linear-gradient(0deg, rgb(0 0 0) 14%, rgb(22 36 61 / .036852240896358524) 58%);
    z-index: 1;
}

.products-text {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    padding: 20px;
    align-items: center;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.products-text i {
    background: #0000FE;
    border-radius: 50%;
    color: #fff;
    padding: 9px;
}
.products-text h3 {
    color: #fff;
    font-family: 'Onest-Medium';
    font-size: 23px;
}

.prodBox {
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}

.text-align-right {
    text-align: right;
}

.collage-img-box img.collage-full-img{
    width: 100%;
}

.bg-grey {
    background: #f2f2f2;
}

.sec-global-presence { 
    clip-path: polygon(0% 15%, 100% 0%, 100% 100%, 0% 90%);
    padding: 130px 0;
    margin-top: -102px;
}

.sec-global-presence::after {
    content: '';
    background: #00b4d9;
    position: absolute;
    bottom: -15px;
    width: 3000px;
    height: 93px;
    z-index: -2;
    rotate: 0deg;
}
.sec-about-vdo {
    padding: 0 0 50px;
}

.about-video {
    margin: 50px 0;
    position: relative;
    text-align: center;
}



.about-video .vdo-play {
    position: absolute;
    top: 38%;
    left: 42%;
    width: 15%;
}

.about-video .vdo-play.circle {
    border-radius: 50%;
    box-shadow: 0px 0px 1px 1px #0000001a;
}

.about-video .vdo-play.pulse {
    animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
    }

    100% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
}

ul.leader-legacy {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 50px;
}

.others-leader ul.leader-legacy {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0px;
}
.otherleader-sec .others-leader {
    float: left;
    width: 45%;
}

.otherleader-sec .others-leader ul.leader-legacy li:last-child {
    margin-top: 25px;
}


.otherleader-sec{
     display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 50px;
}

ul.leader-legacy li:first-child {
    flex: 0 0 35%;
}

ul.leader-legacy li:last-child {
    flex: 0 0 60%;
}

.inner-text-para.fonder-legecy {
    padding-right: 100px;
    /*border-right: 1px solid #bdbdbd;*/
}

.others-leader .inner-text-para span {
    color: var(--themeSecColor);
    font-weight: 500;
    margin-bottom: 10px;
}
  
.others-leader .inner-text-para p {
    margin-top: 12px;
    margin-bottom: 0;
}

.hm-others-sec {
    /*background: var(--themeColor);*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-right: 65px;
    position: relative;
    z-index: 1;
}

.hm-others-sec li:first-child {
    flex: 0 0 40%;
}

.hm-others-sec li:first-child img {
    width: 100%;
    height: 365px;
    object-fit: cover;
}

.hm-others-sec li:last-child {
    flex: 0 0 100%;
    padding: 38px;
        padding-top: 0;
}

.hm-others-sec li:last-child h3 {
    margin: 16px 0 14px;
}

.hm-others-sec li:last-child img {
    width: 50px;
}

.sec-hm-others {
    overflow: hidden;
    padding: 155px 0;
    margin-top: -190px;
}

.sec-hm-others::before {
    content: url(../images/bg-texture01.png);
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    clip-path: polygon(0% 0%, 100% 15%, 100% 100%, 0% 85%);
    background: #0073ae;
}

.sec-hm-others::after {
    content: '';
    background: #90E0EE;
    position: absolute;
    bottom: 0;
    width: 3000px;
    height: 115px;
    z-index: -2;
}

.sec-hm-leader {
    overflow: hidden;
    padding: 100px 0 185px;
    margin-top: -70px;
}

.sec-hm-leader::before {
    content: url(../images/bg-texture02.jpg);
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 82%);
}

.sec-sustainibility {
    padding: 90px 0;
}

.sec-sustainibility .inner-text-para
{
    padding-right: 100px;
}


.sec-recent-blog-events::before {
    content: url(../images/bg-texture03.jpg);
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    right: 0;
}

.sec-recent-blog-events {
    padding: 80px 0 260px;
    overflow: hidden;
}

span.date {
    color: #8A8FA8;
}

span.more-blog {
    color: #01FFFF;
    float: right;
    text-transform: uppercase;
}

.recent-blog-list .inner-text-para h3 {
    font-family: var(--h3HeadingFont);
    font-size: var(--h3FontSize);
    line-height: var(--h3FontLineHeight);
    color: var(--themeColor);
    margin-bottom: 20px;
    font-size: 25px;
}

.recent-blog-list {
    padding: 20px;
    border-bottom: 1px solid #4f62d0;
    border-left: 1px solid #4F62D0;
}

.sec-current-blogs .recent-blog-list:last-child {
    border-bottom: 0;
}

ul.sec-latest-events {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

ul.sec-latest-events li {
    flex: 0 0 48%;
    background: #15268E;
}

.sec-current-blogs {
    padding-right: 180px;
}

.sec-latest-events .inner-text-para {
    padding: 30px;
}

.sec-latest-events .inner-text-para h3 {
    font-family: var(--h3HeadingFont);
    font-size: var(--h3FontSize);
    line-height: var(--h3FontLineHeight);
    color: var(--themeColor);
    margin-bottom: 20px;
    font-size: 25px;
}

span.more-events {
    color: #01FFFF;
    text-transform: uppercase;
}

.sec-current-blogs, .sec-latest-events {
    min-height: 472px;
}
.sec-hm-careers::before {
    content: url(../images/bg-texture04.jpg);
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    clip-path: polygon(0% 0%, 100% 15%, 100% 100%, 0% 100%);
}

.matrics-list {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.matrics-info label {
    float: left;
    width: 100%;
    font-size: 35px;
    font-family: 'Karla-SemiBold';
}

.matrics-list img {
    background: #00B4D9;
    margin-right: 15px;
    width: 66px;
    padding: 7px;
}

.sec-job-list .inner-text-para p {
    margin-bottom: 0;
}

.sec-job-list .inner-text-para h3 {
    margin-bottom: 15px;
}

.sec-job-list {
    padding: 20px 0;
    border-top: 1px solid #d1d1d1;
    display: flex;
    justify-content: space-between;
}

.sec-hm-careers {
    margin-top: -165px;
    padding: 130px 0 80px;
}



.banner-overlay {
    position: relative;
}

.banner-overlay::after {
    content: '';
    position: absolute;
    background-image: linear-gradient(to top, #14193f2e 30%, #14193f);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.innerbanner-cont {
    position: absolute;
    width: 60%;
    top: 75%; /*45% to new*/
    z-index: 9;
    transform: translate(-50%, -50%);
    left: 39%;
}

.innerbanner-cont .inner-text-para h1 {
    font-family: 'Onest-Medium';
    text-transform: uppercase;
    font-size: 64px;
    line-height: 74px;
    margin-bottom: 20px;
    margin-bottom: 20px;
    color: #fff;
}

.top-inner-rect {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    padding-top: 100px;
    z-index: 9;
}

.top-inner-rect::after {
    content: "";
    display: block;
    background: white;
    height: 132px;
    width: 8062px;
    position: absolute;
    z-index: 1;
    top: 75%;
    left: -102%;
    margin-left: 0;
    -webkit-transform: rotate(-8deg);
    transform: rotate(182deg);
}


.sec-product-intro .inner-text-para {
    padding-right: 100px;
}
.sec-product-intro {
    padding: 50px 0 130px;
}

.product-matrix ul {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.product-matrix ul li {
    flex: 0 0 45%;
    padding: 75px 0 0;
    display: flex;
    border-bottom: 1px solid #273174;
}

.product-matrix ul li .mtrix-img {
    background: #273174;
}

.product-matrix ul li .mtrix-img img {
    width: 100%;
}

.product-matrix ul li .title,
.product-matrix ul li sup {
    font-family: 'Karla-SemiBold';
    color: #273174;
}

.product-matrix ul li .title {
    font-size: 38px;
    line-height: 38px;
}

.product-matrix ul li sup {
    font-size: 18px;
}

.product-matrix ul li p.matrix-info {
    color: #8A8FA8;
    font-size: 14px;
}

.product-matrix ul li .mtrix-info {
    margin-left: 20px;
}



.pb-90 {
    padding-bottom: 100px;
}

.pt-50{
    padding-top: 50px;
}

.all-productlist ul {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 20px;
}

.all-productlist ul li {
    flex: 0 0 15%;
}


.all-productlist ul li .products-name {
    padding: 14px 20px;
    background: #fff0;
    position: relative;
    overflow: hidden;
    height: 100px;
    padding-top: 10px;
}


.products-name h3 {
    color: #000;
    font-family: 'Onest-Medium';
    font-size: 16px;
    line-height: 24px;
    z-index: 2;
    position: relative;
    text-align: left;
    display: flex;
    justify-content: center;
    align-items: center;
}


.products-name h3 i{
    color: #0077B5;
}

.all-productlist ul li .products-name::after {
    content: "";
    display: block;
    background: white;
    height: 90px;
    width: 261px;
    position: absolute;
    z-index: 1;
    top: -12px;
    left: -4px;
    margin-left: 0;
    -webkit-transform: rotate(-8deg);
    transform: rotate(185deg);
}
.all-productlist ul li:nth-child(even) .products-name::after {
    content: "";
    display: block;
    background: white;
    height: 90px;
    width: 261px;
    position: absolute;
    z-index: 1;
    top: -12px;
    left: -4px;
    margin-left: 0;
    -webkit-transform: rotate(-8deg);
    transform: rotate(175deg);
}

.faqs-accordion {
    margin-top: 30px;
}

.faqs-accordion .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.faqs-accordion .accordion-item .accordion-button {
    padding: 16px 0;
}


.faqs-accordion .accordion-button:not(.collapsed) {
    color: #0077B5;
    background-color: #fff;
    box-shadow: none;
}

.faqs-accordion .accordion-body
{
    padding: 16px 0; 
}

.faqs-accordion .accordion-item {
    margin-bottom: 0;
    background-color: #fff0;
    border: 0;
    border-bottom: 1px solid #D1D1D1;
    padding: 18px 0;
}

.faqs-accordion .accordion-button:focus {
    z-index: 3;
    border-color: none;
    outline: 0;
    box-shadow: none;
}

.faqs-accordion .accordion-button {
    font-size: 24px;
    line-height: 30px;
    font-family: 'Onest-Regular';
}

.faqs-accordion .accordion-body p {
    width: 50%;
    color: #333333;
}

.faqs-accordion .accordion-button::after {
    background-image: url(../images/plus.png);
}

.faqs-accordion .accordion-button:not(.collapsed)::after {
    background-image: url(../images/minus.png);
}

/*.bg-whychoose {*/
/*    background: #0077B5;*/
/*}*/

ul.why-choose-list {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

ul.why-choose-list li {
    background: #101848;
    color: #fff;
    text-align: center;
    flex: 0 0 24%;
    padding: 40px 20px;
    margin-top: 20px;
}

/* ul.why-choose-list li .why-img-box {
    background: #4ECFE7;
    width: 20%;
    padding: 10px;
    border-radius: 50%;
    margin: 0 auto 20px;
} */

ul.why-choose-list li img {
    width: 70px;
    background: #4ECFE7;
    border-radius: 50%;
    height: 70px;
    padding: 13px;
    margin-bottom: 20px;
}


ul.why-choose-list li h3 {
    font-size: 22px;
    font-weight: 30px;
    margin-bottom: 20px;
    font-family: 'Onest-Regular';
}

ul.why-choose-list li p {
    color: #FDFDFD;
    font-size: 16px;
    line-height: 30px;
}

/*.sec-inner-product {*/
/*    background: #192673;*/
/*}*/

.sec-inner-product.inner-product-range {
    padding: 20px 0 90px;
}

.inner-product-range::before {
    content: url(../images/bg-productlist.jpg);
    position: absolute;
    top: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    right: 0;
    clip-path: polygon(0% 0%, 100% 6%, 100% 100%, 0% 100%);
    margin-top: -59px;
}

.inner-product-range::after {
    content: '';
    background: #00B4D9;
    position: absolute;
    top: -60px;
    width: 3000px;
    height: 125px;
    z-index: -3;
    /* rotate: -2deg; */
    left: -4px;
}

/* .sec-whychoose::before {
    content: '';
    position: absolute;
    top: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    right: 0;
    clip-path: polygon(0% 10%, 100% 100%, 100% 90%, 0% 100%);
    margin-top: -59px;
} */

/* .sec-whychoose::after {
    content: '';
    background: #0077b5;
    position: absolute;
    top: -60px;
    width: 3000px;
    height: 125px;
    z-index: -3;
    left: -4px;
} */

img.product-background {
    position: absolute;
    z-index: 0;
    opacity: 1;
    top: 0;
    width: 100%;
    height: 100%;
}

.sec-certificate .inner-text-para {
    padding-right: 110px;
}

ul.certification-list {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}

ul.certification-list li {
    text-align: center;
    flex: 0 0 25%;
    padding: 25px;
    border: 1px solid #E7E7E7;
}

ul.certification-list li:nth-child(1),
ul.certification-list li:nth-child(2),
ul.certification-list li:nth-child(3),
ul.certification-list li:nth-child(4) {
    border-top: 0px;
    border-left: 0px;
}

ul.certification-list li:nth-child(5),
ul.certification-list li:nth-child(6),
ul.certification-list li:nth-child(7),
ul.certification-list li:nth-child(8) {
    border-bottom: 0px;
    border-left: 0px;
    border-top: 0;
}

ul.certification-list li:nth-child(4),
ul.certification-list li:nth-child(8) {
    border-right: 0px;
}

img.why-vectorimg {
    position: absolute;
    top: -51px;
    transform: rotate(357deg);
    width: 120%;
    left: 0;
}


img.form-background {
    position: absolute;
    top: -35px;
    transform: rotate(361deg);
    width: 117%;
    left: 0;
}

.sec-inner-enquiry {
    padding: 130px 0 75px;
}

.sec-inner-enquiry::before {
    content: url(../images/bg-texture04.jpg);
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    right: 0;
    clip-path: polygon(0% 10%, 100% 0%, 100% 100%, 0% 100%);
}

.sec-inner-enquiry::after {
    content: '';
    background: #00B4D9;
    position: absolute;
    top: 0;
    width: 3000px;
    height: 100px;
    z-index: -2;
    rotate: 0deg;
}

.product-enquiry {
    margin-top: 50px;
}

.contact-sec input[type="text"],
.contact-sec input[type="email"],
.contact-sec input[type="tel"],
.contact-sec input[type="file"],
.contact-sec select,
.contact-sec textarea {
    border: 0 !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #B7D1E4 !important;
    outline: none;
    color: #333333;
    background: transparent;
    box-shadow: none;
    padding: 5px 0;
    font-size: 16px;
    padding-left: 50px;
    position: relative
}

.contact-sec textarea.form-control {
    min-height: 115px;
}
.contact-mail.pg-contact .inner-text-para {
    margin-right: 200px;
}
.contact-sec input[type="file"]::-webkit-file-upload-button {
    background: #78C9D8;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    outline: none;
    padding: 7px 25px;
    transition: all 1s ease;
}

.contact-sec input[type="file"]::-webkit-file-upload-button:hover {
    background: #fff;
    border: 2px solid #fff;
    color: #000 !important;
}


.form-group.contact-sec .form-control:focus {
    background-color: transparent;
    border-color: unset;
    outline: 0;
    box-shadow: unset;
    border: 0;
}


.sec-submit .btn-read-more a {
    color: #111
}

.contact-sec input::placeholder {
    color: #111
}

.contact-sec textarea::placeholder {
    color: #111
}

.form-group.contact-sec {
    margin-bottom: 50px;
    position: relative;
}

.form-group.contact-sec i {
    position: absolute;
    border-right: 1px solid #B7D1E4;
    color: #78C9D8;
    bottom: 0;
    padding: 12px;
}

.form-group.contact-sec.msg-sec i {
    bottom: auto;
}

.fl-right {
    float: right;
}

/* download */

ul.ressources {
    flex-wrap: wrap;
    padding: 0 0 20px;
    margin-top: 50px;
    justify-content: space-between;
}

ul.ressources li {
    position: relative;
    margin-bottom: 25px;
    /* font-size: 22px; */
    /* line-height: 24px; */
    /* font-family: 'Onest-Regular'; */
    padding-left: 20px;
    width: 100%;
    border: 1px solid #C5C5C5;
}

ul.ressources li a .quater-dtls .download-name {
    font-size: 17px;
    font-family: var(--headingFont);
    line-height: 28px;
}

ul.ressources li a .quater-dtls {
    color: #333;
    font-family: var(--headingFont);
    font-size: var(--paraFontsize);
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.ressources a .quater-dtls span {
    float: right;
    font-size: 15px;
    padding: 10px 15px;
    color: #ffffff;
    background: #1b296b;
}

ul.ressources li a .quater-dtls .download-name i {
    color: #FF3939;
    margin-right: 5px;
}
.btn-more button {
    background: #273174;
    float: left;
    padding: 10px 20px;
    margin-top: 35px;
    font-family: 'Onest-Medium';
    text-transform: uppercase;
    border: 0;
    border-bottom: 5px solid #00B4D9;
    color: #fff;
}

/* event */

.event-pagepast ul {
    display: flex;
    justify-content: left;
    flex-direction: row;
    flex-wrap: wrap;
}

.event-pagepast ul li {
    flex: 0 0 30%;
    background: #fff;
    margin-bottom: 30px;
    margin-right: 33px;
}

.event-pagepast ul li .inter-text-para {
    background: #DEF1FF;
    padding: 20px;
    min-height: 250px;
}

.even-date {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}

.event-pagepast label {
    color: #5F6B74;
    font-size: 14px;
}

.event-pagepast label i {
    margin-right: 4px;
}

.event-pagepast ul li .inter-text-para h3 {
    font-family: 'Onest-Medium';
    font-size: 22px;
    color: #030233;
    line-height: 28px;
    margin-bottom: 15px;
}

.event-pagepast ul li .inter-text-para p {
    font-size: 15px;
    color: #030233;
    line-height: 24px;
}

.event-load-btn {
    text-align: center;
    margin-top: 50px;
}

.event-load-btn .btn-more a {
    float: none;
    align-items: center;
}

/* contact */

.contact-form ul {
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: wrap;
}

.contact-form ul li:first-child {
    background: #0077B5;
    flex: 0 0 35%;
    padding: 40px;
    float: left;
    width: 100%;
}

.contact-form ul li:last-child {
    background: #DEF1FF;
    flex: 0 0 65%;
    padding: 40px;
    float: left;
    width: 100%;
    border-left: 0;
}

.all-cont-info {
    margin-bottom: 25px;
    float: left;
    width: 100%;
}

.all-cont-info a {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    float: left;
    width: 100%;
}

.from-dts-box h3 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 10px;
    font-family: 'Onest-Medium';
}

.from-dts-box i {
    font-size: 22px;
    margin-right: 5px;
    color: #fff;
    margin-right: 16px;
    color: #fff0;
    -webkit-text-stroke: .7px #fff;
    background: #0077B5;
}



.all-cont-info a label {
    font-size: 17px;
    line-height: 32px;
    width: 80%;
}

.all-cont-info a:nth-last-child(1) {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

ul.factory-location {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

ul.factory-location li {
    position: relative;
    background: #19236F;
    color: #fff;
    text-align: left;
    flex: 0 0 32%;
    margin: 0;
    padding: 40px 35px 60px;
    clip-path: polygon(0% 0%, 100% 0%, 100% 79%, 0% 100%);
}
ul.factory-location li:nth-child(even)
{
   clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 79%); 
}

/*ul.factory-location li::after {
    content: "";
    display: block;
    background: white;
    height: 70px;
    width: 101%;
    position: absolute;
    z-index: 1;
    left: -5px;
    margin-left: 0;
    -webkit-transform: rotate(-8deg);
    transform: rotate(183deg);
    bottom: -50px;
}*/

/*ul.factory-location li:nth-child(even)::after {
    content: "";
    display: block;
    background: white;
    height: 60px;
    width: 101%;
    position: absolute;
    z-index: 1;
    left: -1px;
    margin-left: 0;
    -webkit-transform: rotate(-8deg);
    transform: rotate(177deg);
    bottom: -40px;
}*/

.location-detls {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.cont-icon-box {
    background: #00B4D9;
    padding: 15px;
    border-radius: 50%;
}

.full-address {
    width: 80%;
    padding: 10px 0 0;
}

.full-address h3 {
    font-size: 30px;
    margin-bottom: 15px;
    font-family: 'Onest-Regular';
}

.full-address p {
    font-size: 17px;
    line-height: 30px;
    font-family: 'Onest-Regular';
}

.full-address p i {
    margin-right: 5px;
    color: #00b4d9;
    font-size: 14px;
}

/* sastainability */

.sec-download .inner-text-para {
    padding-right: 200px;
}

.sec-sustaina .inner-text-para {
    padding-right: 150px;
}


.sec-csr .inner-text-para {
    padding-left: 100px;
}

.side-imgbox img {
    width: 100%;
}

.bg-dark-blue {
    background: #19236F;
}

ul.commitment-list {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

ul.commitment-list li {
    background: #0C123E;
    color: #fff;
    text-align: center;
    flex: 0 0 31%;
    padding: 40px 25px;
}

ul.commitment-list li h3 {
    font-size: 30px;
    margin-bottom: 15px;
    margin-top: 15px;
}

ul.commitment-list li p {
    font-family: 'Onest-Regular';
    font-size: 18px;
    line-height: 30px;
}


/* footer */
footer {
    background: #90e0ee;
    padding: 90px 0 0px;
}

footer::before {
    content: '';
    position: absolute;
    background: #060B28;
    clip-path: polygon(0% 0%, 100% 10%, 100% 100%, 0% 100%);
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
}

.all-quick-links ul {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.all-quick-links ul li {
    flex: 0 0 45%;
}

.all-quick-links h3 {
    font-family: var(--headingFont);
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 10px;
}

.all-quick-links ul li a {
    /* color: #F1F1F1; */
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    padding: 10px 0;
    font-weight: 300;
    color: #90E0EE;
}

.main-ft-info p {
    margin: 35px 0 50px;
    color: #F1F1F1;
    font-size: 16px;
    line-height: 28px;
    font-weight: 100;
    padding-right: 60px;
}

.footer-address {
    border-top: 1px solid #ffffff21;
    border-bottom: 1px solid #ffffff21;
    margin: 30px 0 0px;
    padding: 15px 0 15px;
}

.footer-address ul {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.footer-address ul li {
    flex: 0 0 30%;
    padding: 30px 10px;
    text-align: left;
}

.footer-address ul li a {
    text-align: left;
    color: #fff;
}

.footer-address ul li a p {
    width: 71%;
}

.footer-address ul li a h3 {
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    margin-bottom: 20px;
}

.footer-address ul li a i {
    background-color: #0000FE;
    color: #fff;
    font-size: 15px;
    padding: 10px;
    margin-right: 8px;
}

.footer-address ul li a p {
    width: 70%;
    font-size: 15px;
    line-height: 25px;
}

.copyright-info {
    padding: 16px 0 16px;
}

.copyright-info ul li{
    display: flex;
    justify-content: center;
}

.copyright-info ul li a {
    padding: 0 10px;
    color: #72a7b0;
    font-size: 14px;
    border-right: 1px solid #43676e;
}

.copyright-info ul li a:nth-last-child(1) {
    border-right: none;
}

.sec-ft-copyright {
    background: #060b28;
}

/* Infrastructure */

.sec-inner-process {
    background: #0077B5;
    padding: 85px 0 50px;
}

.processBox {
    position: relative;
}

.processBox::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    background: #16243d;
    background: linear-gradient(0deg, rgb(0 0 0 / 85%) 14%, rgb(22 36 61 / .036852240896358524) 58%);
    z-index: 1;
}

.processBox .process-text {
    position: absolute;
    bottom: 0;
    z-index: 2;
    padding: 25px 20px;
    width: 100%;
}

.processBox .process-text h3 {
    font-size: 20px;
    line-height: 30px;
    color: #fff;
}

.processSlider {
    /* padding-top: 30px; */
    padding-bottom: 50px;
}

.swiper.processSlider .swiper-pagination-bullet {
    background: #80E9FF;
    opacity: 1;
    width: 10px;
    height: 5px;
    border-radius: 20px;
}

.swiper.processSlider .swiper-pagination-bullet-active {
    background: #fff;
    width: 25px;
    height: 5px;
    border-radius: 20px;
}
.factory-details {
    padding: 85px 0 50px;
}


.facilitiesSlider {
    /* padding-top: 30px; */
    padding-bottom: 50px;
}

.swiper.facilitiesSlider .swiper-pagination-bullet {
    background: #80E9FF;
    opacity: 1;
    width: 10px;
    height: 5px;
    border-radius: 20px;
}

.swiper.facilitiesSlider .swiper-pagination-bullet-active {
    background: #19236F;
    width: 25px;
    height: 5px;
    border-radius: 20px;
}

/*.sec-inner-facilities {*/
/*    background: #F3FAFF;*/
/*}*/

.sec-inner-facilities::before {
    content: url(../images/facilitie-bg.jpg);
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    right: 0;
    clip-path: polygon(0% 10%, 100% 0%, 100% 100%, 0% 100%);
}

.sec-inner-facilities {
    padding: 140px 0 70px;
}

.facilitie-text {
    text-align: center;
    background: #0077B5;
    color: #fff;
    padding: 10px;
    min-height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.facilitie-text h3 {
    font-size: 18px;
}

/* Quality */

.sec-inner-lab {
    background: #0077B5;
    padding: 85px 0;
       margin-top: -68px;
}

.functionalBox {
    position: relative;
}

.functionalBox::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    background: #16243d;
    background: linear-gradient(0deg, rgb(0 0 0 / 85%) 14%, rgb(22 36 61 / .036852240896358524) 58%);
}

.functionalBox .functional-text p {
    color: #fff;
    font-size: 17px;
    line-height: 27px;
}

.functionalBox .functional-text {
    position: absolute;
    bottom: 0;
    z-index: 2;
    padding: 25px 20px;
    width: 100%;
}


.labSlider {
    /* padding-top: 30px; */
    padding-bottom: 50px;
}

.swiper.labSlider .swiper-pagination-bullet {
    background: #80E9FF;
    opacity: 1;
    width: 10px;
    height: 5px;
    border-radius: 20px;
}

.swiper.labSlider .swiper-pagination-bullet-active {
    background: #fff;
    width: 25px;
    height: 5px;
    border-radius: 20px;
}
.sec-inner-testing {
    padding: 150px 0 200px;
}

/*.sec-inner-testing::before {
    content: '';
    position: absolute;
    top: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    right: 0;
    background: #F3FAFF;
    clip-path: polygon(0% 15%, 100% 0%, 100% 85%, 0% 100%);
    margin-top: -59px;
}*/

.sec-inner-testing::before {
    content: '';
    position: absolute;
    top: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    right: 0;
    background: #F3FAFF;
    clip-path: polygon(0% 4%, 100% 0%, 100% 96%, 0% 100%);
    margin-top: -59px;
}

.sec-inner-testing::after {
    content: '';
    background: #19236F;
    position: absolute;
    top: -65px;
    width: 3000px;
    height: 81px;
    z-index: -2;
    rotate: -2deg;
    left: -4px;
}


ul.testing-list {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

ul.testing-list li {
    text-align: left;
    flex: 0 0 32%;
    margin-bottom: 30px;
}

ul.testing-list li p {
    color: #030233;
    font-size: 18px;
    padding: 10px 20px;
    background: #00b4d914;
    font-weight: 500;
}

.sec-certificate {
    padding: 45px 0 90px;
}

/* career */

.inner-about-intro
{
    padding-top: 80px;
}

.sec-life-at .inner-text-para {
    padding-right: 100px;
}

.sec-life-safety .inner-text-para {
    padding-left: 110px;
}

.sec-equal-opportunity .inner-text-para {
    padding-right: 110px;
}


.sec-life-safety {
    padding: 200px 0 150px;
    margin-top: 50px;
}
.sec-life-safety::before {
    content: url(../images/bg-sec-life-safety.jpg);
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    right: 0;
    clip-path: polygon(0% 15%, 100% 0%, 100% 85%, 0% 100%);
}


.sec-equal-opportunity {
    padding: 100px 0 140px;
    margin-top: -120px;
}

.sec-equal-opportunity::before {
    content: '';
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    right: 0;
    background: #f2f2f2;
    clip-path: polygon(0% 15%, 100% 0%, 100% 85%, 0% 100%);
}

.sec-equal-opportunity::after {
    content: '';
    background: #90E0EE;
    position: absolute;
    bottom: -30px;
    width: 3000px;
    height: 115px;
    z-index: -2;
    rotate: -3deg;
}

.sec-campus-connect::after {
    content: '';
    background: #19236F;
    position: absolute;
    top: -100px;
    width: 3019px;
    height: 115px;
    z-index: -1;
    rotate: -2deg;
    left: -13px;
}


.sec-campus-connect {
    padding: 100px 0 0px;
}

.sec-diversity {
    background: #0077B5;
    padding: 55px 0;
}

.sec-diversity .inner-text-para {
    padding-left: 110px;
}

.sec-campus-connect .inner-text-para {
    padding-right: 110px;
}

.opening-accordion {
    margin-top: 50px;
}

.opening-accordion .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.opening-accordion .accordion-button:not(.collapsed) {
    color: #ffffff;
    background-color: #0077B5;
    box-shadow: none;
}

.opening-accordion .accordion-item {
    margin-bottom: 27px;
    background-color: #fff0;
    border: 0;
    border-bottom: 1px solid #D1D1D1;
}

.opening-accordion .accordion-button:focus {
    z-index: 3;
    border-color: none;
    outline: 0;
    box-shadow: none;
}

.opening-accordion .accordion-body {
    background: #DEF1FF;
}

.opening-accordion .accordion-button {
    font-size: 20px;
    line-height: 30px;
    font-family: 'Onest-Regular';
    background: #101132;
    color: #fff;
}

.opening-accordion .accordion-body p {
    width: 75%;
    color: #333333;
}

.opening-accordion .accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.opening-accordion .accordion-button::after {
    background-image: url(../images/plus.svg);
}

.opening-accordion .accordion-button:not(.collapsed)::after {
    background-image: url(../images/minus.svg);
}

.opening-accordion ul.jobopening {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 20px;
}

.opening-accordion ul.jobopening li:nth-child(1) {
    flex: 0 0 80%;
}

.current-opens-info .info-list {
    font-size: 18px;
    font-family: 'Onest-Medium';
    line-height: 48px;
}

.Uplode-text {
    font-size: 14px;
    color: #111;
    font-weight: 500;
    position: absolute;
    top: -22px;
}

.inner-opening {
    padding: 100px 0 150px;
}

.inner-opening::before {
    content: '';
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    right: 0;
    background: #F3FAFF;
    clip-path: polygon(0% 0%, 100% 10%, 100% 100%, 0% 90%);
}

.from-dts-box {
    display: flex;
    padding: 30px 0;
    border-bottom: 1px solid #ffffff4d;
}

.sec-submit-resume
{
    padding-bottom: 80px;
}


.sec-sustaina::before {
    content: '';
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    right: 0;
    background: transparent;
    clip-path: polygon(0% 15%, 100% 0%, 100% 85%, 0% 100%);
}

.sec-sustaina::after {
    content: '';
    background: #90E0EE;
    position: absolute;
    bottom: -35px;
    width: 3000px;
    height: 90px;
    z-index: -2;
    rotate: -2deg;
}

.sec-sustaina {
    padding: 85px 0 130px;
}

.sec-quality-intro .inner-text-para
    {
        padding-right: 100px;
    }

.sec-csr
{
    padding: 100px 0;
}

.sec-commitment
{
    padding: 100px 0;
}


.sec-quality {
    padding: 30px 0 90px;
} 


.sec-infrastructure-intro::before {
    content: '';
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    right: 0;
    background: transparent;
    clip-path: polygon(0% 15%, 100% 0%, 100% 85%, 0% 100%);
}

.sec-infrastructure-intro::after {
    content: '';
    background: #90E0EE;
    position: absolute;
    bottom: -35px;
    width: 3000px;
    height: 90px;
    z-index: -2;
    rotate: -2deg;
}

.sec-infrastructure-intro {
    padding: 50px 0 150px;
}

.facilitieBox img {
    width: 100%;
}
.innerbtn-read-more {
    color: #fff;
}

.hm-others-sec .innerbtn-read-more {
    color: #000;
    background: #90e0ee;
    float: left;
    padding: 10px 20px;
}


.main-ft-info img {
    width: 174px;
}

.sec-whychoose {
    padding: 85px 0 150px;
}

.sec-whychoose::before {
    content: '';
    background: #0077B5;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: -3;
    left: -4px;
    clip-path: polygon(0% 0%, 100% 15%, 100% 100%, 0% 85%);
}

.sec-whychoose::after {
    content: '';
    background: #4ecfe7;
    position: absolute;
    top: 14px;
    width: 100%;
    height: 98px;
    z-index: -4;
    left: -4px;
    /* clip-path: polygon(0% 0%, 100% 15%, 100% 100%, 0% 85%); */
    rotate: 1deg;
}
.inner-faqs {
    padding-bottom: 50px;
}



/* about */
.sec-about-intro {
    padding-bottom: 90px;
}

.sec-about-intro .inner-text-para {
    padding-right: 100px;
}

.sec-abt-mission{
    padding-bottom: 90px; 
}

.inner-journey {
    padding-top: 90px;
    padding-bottom: 90px;
    background: #daefff;
    clip-path: polygon(0% 10%, 100% 0%, 100% 98%, 0% 100%);
}
.mission-vision ul {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.mission-vision ul li{
    flex: 0 0 49%;
    position: relative;
    overflow: hidden;
}

.mission-vision ul li:first-child{
    clip-path: polygon(0% 0%, 100% 0%, 100% 88%, 0% 100%);
}

.mission-vision ul li:last-child{
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 88%);
}


.mission-vision .inner-text-para.all-misi-visi-info ul li {
    flex: 0 0 100%;
    margin-bottom: 15px;
    padding-left: 20px;
    font-size: 16px;
}

.mission-vision .inner-text-para.all-misi-visi-info ul li::after{
    display: none;
}

.mission-vision .inner-text-para.all-misi-visi-info ul li::before {
    content: '';
    background: #fff;
    position: absolute;
    width: 8px;
    height: 8px;
    left: 0;
    top: 10px;
}

.mission-vision ul li::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    background: #16243d;
    background: linear-gradient(0deg, rgb(0 0 0) 14%, rgb(49 91 165 / 26%) 87%);
}

.mission-vision ul li .text-box {
    position: absolute;
    top: 55px;
    padding: 25px 30px;
    width: 100%;
    color: #fff;
}
.mission-vision ul li:first-child {
    clip-path: polygon(0% 0%, 100% 0%, 100% 88%, 0% 100%);
}

.text-box .inner-text-para h3
{
    margin-bottom: 20px;
}

/*.mission-vision ul li::after {
    content: "";
    display: block;
    background: white;
    height: 80px;
    width: 783px;
    position: absolute;
    z-index: 1;
    /* top: -16px; */
    left: -4px;
    margin-left: 0;
    -webkit-transform: rotate(-8deg);
    transform: rotate(176deg);
    bottom: -45px;
}

.mission-vision ul li:nth-child(even)::after {
    content: "";
    display: block;
    background: white;
    height: 80px;
    width: 783px;
    position: absolute;
    z-index: 1;
    bottom: -45px;
    left: -6px;
    margin-left: 0;
    -webkit-transform: rotate(-8deg);
    transform: rotate(184deg);
}*/
.inner-core {
    padding-bottom: 30px;
}
ul.corevalu {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

ul.corevalu li {
    background: #0077B5;
    color: #fff;
    text-align: center;
    flex: 0 0 32%;
    margin-bottom: 40px;
    padding: 30px 26px 30px;
}


ul.corevalu li .core-img-box {
    margin-bottom: 25px;
}

ul.corevalu li h3 {
    font-size: 22px;
    margin-bottom: 20px;
    font-family: 'Onest-Regular';
}

ul.corevalu li p {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
}
.journeyBox{
    text-align: center;
    background: #fff;
    padding: 45px 60px;
    min-height: 265px;
}

.journeyBox h3{
    font-size: 32px;
    line-height: 32px;
    font-family: 'Onest-SemiBold';
    margin-bottom: 20px;
}

.journeySlider {
    /* padding-top: 30px; */
    padding-bottom: 50px;
}

.swiper.journeySlider .swiper-pagination-bullet {
    background: #80E9FF;
    opacity: 1;
    width: 10px;
    height: 5px;
    border-radius: 20px;
}

.swiper.journeySlider .swiper-pagination-bullet-active {
    background: #273174;
    width: 25px;
    height: 5px;
    border-radius: 20px;
}

.inner-legacy {
    padding: 140px 0 200px;
    margin-top: -50px;
}


.inner-legacy::before {
    content: url(../images/bg-productlist.jpg);
    position: absolute;
    top: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    right: 0;
    clip-path: polygon(0% 12%, 100% 6%, 100% 100%, 0% 100%);
    margin-top: -36px;
}



.inner-legacy::after {
    content: '';
    background: #00B4D9;
    position: absolute;
    top: -60px;
    width: 3000px;
    height: 180px;
    z-index: -3;
    left: -4px;
}

.founders-list {
    padding: 0 0px 0 30px;
    border-left: 4px solid #90E0EE;
    padding-top: 0;
    margin-top: 40px;
}

.founders-list .inner-text-para h3 {
    font-family: var(--h3HeadingFont);
    font-size: var(--h3FontSize);
    line-height: var(--h3FontLineHeight);
    color: var(--themeColor);
    margin-bottom: 0px;
    font-size: 30px;
}

.founders-list .inner-text-para span
{
    font-size: 18px;
    margin-bottom: 22px;
}

.featur-list ul {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.featur-list ul li {
    flex: 0 0 47%;
    /* background: #F3F3F3; */
    /* margin-bottom: 25px; */
    /* border-radius: 22px 0 22px 0; */
    /* z-index: 1; */
    /* overflow: hidden; */
}
.inner-leadership {
    padding: 160px 0;
    clip-path: polygon(0% 10%, 100% 0%, 100% 100%, 0% 100%);
    background: #f2f2f2;
    margin-top: -150px;
}

.inner-leadership::after {
    content: '';
    background: #00B4D9;
    position: absolute;
    top: -80px;
    width: 3000px;
    height: 165px;
    z-index: -3;
    /* rotate: -2deg; */
    left: -5px;
}

.featur-list ul li .leader-box::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    background: #16243d;
    background: linear-gradient(0deg, rgb(0 0 0 / 85%) 14%, rgb(22 36 61 / .036852240896358524) 58%);
    z-index: 1;
}

.featur-list ul li .leader-box img{
    width: 100%;
}

.awardsname {
    position: absolute;
    bottom: 20px;
    color: #fff;
    z-index: 1;
    padding: 10px 20px;
    width: 100%;
}

.featur-list .awardsname h5 {
    font-family: var(--h3HeadingFont);
    font-size: 20px;
    line-height: var(--h3FontLineHeight);
    color: #fff;
}
 
.featur-list .awardsname p{ 
    color: #ffffffb0;
    font-size: 14px; 
}

.featur-list .event-load-btn .btn-more a {
    padding: 15px 20px;
}

.inner-award {
    padding: 90px 0;
    margin-top: -95px;
}



.inner-award::before {
    content: url(../images/bg-awards.jpg);
    position: absolute;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    right: 0;
    clip-path: polygon(0% 0%, 100% 10%, 100% 100%, 0% 90%);
    margin-top: 0;
}
.inner-award::after {
    content: '';
    background: #00B4D9;
    position: absolute;
    bottom: 0;
    width: 3000px;
    height: 125px;
    z-index: -3;
    /* rotate: -2deg; */
    left: -4px;
}

ul.award-list {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

ul.award-list li {
        background: #f7f7f7;
    /*color: #fff;*/
    text-align: center;
    flex: 0 0 100%;
    margin-bottom: 40px;
    padding: 25px 30px;
    min-height: 400px;
}


img.award-background {
    position: absolute;
    z-index: 0;
    opacity: 1;
    top: 0px;
    width: 100%;
    height: 100%;
}

.award-pd{
    padding: 110px 0;
}

ul.award-list li .award-imgbox {
    /* background: #ffffff; */
    /* width: 24%; */
    /* padding: 10px; */
    /* border-radius: 50%; */
    margin: 0 auto 20px;
}

ul.award-list li h3 {
    font-family: var(--h3HeadingFont);
    font-size: var(--h3FontSize);
    margin-bottom: 10px;
}

ul.award-list li p{
    color: #111;
    font-size: 14px;
    line-height: 22px;
}


 .mobawardSlider .swiper-pagination-bullet {
        background: #fff;
        opacity: 1;
        width: 10px;
        height: 5px;
        border-radius: 20px;
    }
    .mobawardSlider .swiper-pagination-bullet-active {
        opacity: var(--swiper-pagination-bullet-opacity, 1);
        background: #00B4D9;
        width: 25px;
        height: 5px;
        border-radius: 20px;
    }
    
.global-map{
    padding: 90px 0;
}

.global-map::after {
    content: '';
    background: #00B4D9;
    position: absolute;
    bottom: -36px;
    width: 3000px;
    height: 88px;
    z-index: -3;
    rotate: -5deg;
    left: -28px;
}
.sec-abt-clients {
    padding: 250px 0 155px;
    margin-top: -97px;
}
.sec-abt-clients::before {
    content: url(../images/facilitie-bg.jpg);
    position: absolute;
    top: 0;
    z-index: -3;
    width: 100%;
    height: 100%;
    right: 0;
    clip-path: polygon(0% 16%, 100% 5%, 100% 91%, 0% 100%);
    margin-top: 0;
    background: #f5faff;
}
.clientsSlider .swiper-wrapper {
    padding-bottom: 30px;
}


.clientsSlider {
    padding-bottom: 50px;
}

.swiper.clientsSlider .swiper-pagination-bullet {
    background: #80E9FF;
    opacity: 1;
    width: 10px;
    height: 5px;
    border-radius: 20px;
}

.swiper.clientsSlider .swiper-pagination-bullet-active {
    background: #19236F;
    width: 25px;
    height: 5px;
    border-radius: 20px;
}

.clients-testimonials {
    padding: 0px 0 40px;
}
.testimonialsSlider {
    padding-bottom: 50px;
}

.swiper.testimonialsSlider .swiper-pagination-bullet {
    background: #80E9FF;
    opacity: 1;
    width: 10px;
    height: 5px;
    border-radius: 20px;
}

.swiper.testimonialsSlider .swiper-pagination-bullet-active {
    background: #19236F;
    width: 25px;
    height: 5px;
    border-radius: 20px;
}

.testimonialbox {
    border: 1px solid #eee;
    padding: 50px 40px;
    position: relative;
}

.testimonialbox img {
    position: absolute;
    top: 15px;
    z-index: -1;
    left: 30px;
}

.testimonialbox p{
    font-size: 18px;
    line-height: 40px;
    font-family: 'Onest-Regular';
    text-align: center;
}

.testimonialbox span{
    font-family: 'Onest-SemiBold';
    font-size: 24px;
    line-height: 30px;
    text-align: center;
}


.sec-abt-clients img.facilitie-background {
    position: absolute;
    z-index: 0;
    opacity: 1;
    top: 0;
    width: 100%;
    height: 100%;
}

img.menuing {
    height: 300px;
    object-fit: cover;
}

.sec-about-intro.inner-about-intro {
    padding-top: 80px;
}

.modal-specifc .btn-close {
    width: 40px;
    height: auto;
    background: #fff0;
    border: 0;
    border-radius: 0.25rem;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.modal-specifc ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}
.modal-specifc ul li {
    flex: 0 0 35%;
    width: 50%;
}
.modal-specifc ul li:nth-last-child(1){
    flex: 0 0 65%;
    padding: 50px;
}

.modlimg-box img{
    width: 100%;
}

.modal-specifc ul li h4 {
    font-family: var(--h2HeadingFont);
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
}

.modal-specifc ul li p{
    font-family: var(--paraFont);
    font-size: var(--paraFontSize);
    line-height: var(--paraLineHeight);
    margin-bottom: 20px;
}

.legacy-imgbox img {
    width: 100%;
}

.Clientsbox {
    border: 1px solid #f0f0f0;
    padding: 0px;
}

.Clientsbox img{
   width: 100%;
}

.product-card .overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgb(0 0 0 / 73%);
    overflow: hidden;
    width: 100%;
    height: 100%;
    transition: 0.5s ease;
    /*background: linear-gradient(0deg, #000000 26%, rgb(21 16 12 / 77%) 58%);*/
    background: linear-gradient(0deg, #030233e3 20%, #080748c9 25%);
}
.product-card .item {
    position: relative;
    overflow: hidden;
}
.product-card .item:hover .overlay {
    bottom: auto;
    height: 100%;
    width: 100%;
}
.product-card .top-overlay {
    bottom: 100%;
    height: 0;
}
.product-card .item:hover .top-overlay {
    bottom: 0;
}
.product-card .bottom-overlay {
    top: 100%;
    padding: 20px;
} 

.product-card .bottom-overlay ul li {
    color: #fff;
    position: relative;
    padding: 0px 0 12px;
    padding-left: 20px;
}

.product-card .bottom-overlay ul li::before {
    content: '';
    background: #fff;
    width: 6px;
    height: 6px;
    position: absolute;
    left: 0;
    top: 8px;
}
.product-card .item:hover .bottom-overlay {
    top: 0;
    padding-top: 40px;
}
.product-card .bottom-overlay h3.title {
    font-size: 30px;
    text-transform: capitalize;
    font-family: var(--headingFont);
    color: #fff;
}
.product-card .bottom-overlay p.description {
    font-size: 15px;
    margin: 40px 0;
    line-height: 25px;
}
.product-card .item:hover .fade-overlay {
    opacity: 1;
}
.title-overlay {
    height: auto;
    top: auto;
    opacity: 0;
}
.product-card .item:hover .title-overlay {
    opacity: 1;
    height: auto;
    padding: 50px 0;
}
.product-card .text {
    color: #fff;
    font-size: var(--paraFontsize);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}
.before-hover::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    background: #16243d;
    background: linear-gradient(0deg, rgb(0 0 0 / 85%) 14%, rgb(22 36 61 / 0.036852240896358524) 58%);
    z-index: 1;
}
.before-hover h3 {
    position: absolute;
    bottom: 40px;
    z-index: 9;
    color: #fff;
    left: 0;
    font-size: 20px;
    text-transform: capitalize;
    font-family: var(--headingFont);
    width: 100%;
    text-align: center;
}
.product-card .bottom-overlay h3{
    font-size: 30px;
    margin-bottom: 22px;
}
.before-hover h3::after {
    content: "";
    position: absolute;
    background: var(--themeColor);
    bottom: -40px;
    height: 25px;
    width: 2px;
    margin: 0 auto;
    left: 50%;
}
.product-card .item:hover .before-hover::before {
    display: none;
}
.product-card .item:hover .before-hover.no-hover::before {
    display: block;
}
.product-card .btn-read-more.btn-white a {
    border: 1px solid var(--themeColor);
    color: #fff;
    background: #fff0;
    cursor: pointer;
}
.product-card .btn-read-more.btn-white a:hover {
    background: var(--themeColor);
    border: 1px solid var(--themeColor);
    color: #fff !important;
}
.product-card .item:hover .before-hover.no-hover h3 {
    display: block;
}
.product-card .item:hover .before-hover h3 {
    display: none;
}
.product-card .btn-read-more span {
    display: inline-flex;
    padding: 15px 30px;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--themeColor);
    text-transform: uppercase;
    color: var(--themeColor);
    font-size: 16px;
    font-weight: 600;
    background: #fff0;
    position: relative;
}
.product-card .btn-read-more span img {
    margin-right: 10px;
    position: absolute;
    right: -22px;
    bottom: -10px;
    background: #000;
    font-size: 9px;
    padding: 8px;
    border-radius: 50%;
    color: #fff;
    width: auto;
}
.product-card .btn-read-more span i {
    margin-right: 10px;
}

.scroll-margin-top
{
    scroll-margin-top: 250px;
}

.inner-text-para.home-about h2 {
    margin-bottom: 0;
}


.hm-about-sub-head {
    color: #00b4d9;
    margin-bottom: 20px;
}

.hmCertificateSlider {
    width: 100%;
    height: 300px;
    top: 0%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 50px;
}

.hmCertificateSlider .certi-img-box {
    background: #fff;
    text-align: center;
    padding: 10px;
}

.swiper.hmCertificateSlider .swiper-pagination-bullet {
    background: #80E9FF;
    opacity: 1;
    width: 10px;
    height: 5px;
    border-radius: 20px;
}

.swiper.hmCertificateSlider .swiper-pagination-bullet-active {
    background: #fff;
    width: 25px;
    height: 5px;
    border-radius: 20px;
}

.fonder-legecy.inner-text-para h3 {
    font-size: 28px;
    margin-bottom: 8px;
    font-style: italic;
}

.fonder-legecy.inner-text-para p {
    margin-top: 15px;
    font-style: italic;
}

.fonder-legecy.inner-text-para span{
    color: var(--themeSecColor);
    font-weight: 500;
    font-style: italic;
}

.pop-leadersec .btn-close {
    position: absolute;
    top: -20px;
    right: -20px;
    background: #fff0;
    width: 3em;
    opacity: 1;
}
.pop-leadersec .btn-close img {
    width: 40px;
}
.pop-leadersec .ldprfimg img {
    width: 100%;
}
    .mteam {
        padding-left: 30px;
    }
    .team-social {
        padding: 20px 0 0;
    }
    .inner-text-para.recent-blog-para p {
        width: 80%;
    }
    
    .leadercnt.popleadercontent {
        padding: 50px 20px;
    }
    
    .mteam p {
        font-family: var(--bodyFont);
        font-size: 15px;
    }
    

    .Clients-list ul{
         display: flex;
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: wrap;
            position: relative;
            margin-top:50px;
    }
    
    .Clients-list ul li{
            flex: 0 0 13%;
            margin-bottom: 10px;
    }
    
    a.btn-product-enqy {
        background: #273174;
        padding: 10px 25px;
        color: #fff;
        font-family: var(--headingFont);
        position: fixed;
        right: -56px;
        bottom: 50%;
        font-size: 15px;
        text-transform: uppercase;
        transform: rotate(270deg);
        z-index: 9;
        float: none;
    }
    
    .socialIcons {
        display: flex;
    }
        
    .socialIcons a {
        color: #fff;
        font-size: 22px;
        margin-left: 20px;
    }

    .item.animated img {
        width: 100%;
    }

.sec-methodology::before {
    content: '';
    position: absolute;
    top: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    right: 0;
    background: #F3FAFF;
    clip-path: polygon(0% 15%, 100% 0%, 100% 94%, 0% 100%);
    margin-top: -79px;
}
    .sec-methodology {
        padding: 50px 0 165px;
        margin-top: 0px;
    }
   /*.sec-inner-lab::after {
        content: '';
        background: #19236F;
        position: absolute;
        top: -80px;
        width: 3000px;
        height: 90px;
        z-index: -2;
        rotate: -3deg;
        left: -4px;
    }*/

    .methodology-pach {
    padding: 0 0 170px;
    margin-top: -40px;
    /* margin-top: -48px; */
}
    
    .methodology-pach::before {
    content: '';
    position: absolute;
    top: 61px;
    z-index: -2;
    width: 100%;
    height: 100%;
    right: 0;
    background: #f2f2f2;
    clip-path: polygon(0% 14%, 158% -8%, 100% 95%, 0% 100%);
    margin-top: -126px;
}

.methodology-pach::after {
    content: '';
    background: #0077b5;
    position: absolute;
    top: -100px;
    width: 3000px;
    height: 100px;
    z-index: -3;
    rotate: 358deg;
    left: -20px;
}


    .sec-policies {
        padding: 100px 0 200px;
        margin-top: -46px;
    }

.sec-policies::before {
    content: '';
    position: absolute;
    top: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    right: 0;
    background: #F3FAFF;
    clip-path: polygon(0% 0%, 100% 0%, 103% 100%, 0% 100%);
    margin-top: -16px;
    clip-path: polygon(0% 0%, 100% 6%, 100% 100%, 0% 100%);
}



    .sec-policies::after {
    content: '';
    background: #124e76;
    position: absolute;
    top: -72px;
    width: 3000px;
    height: 130px;
    z-index: -4;
    rotate: -2deg;
    left: -4px;
}



    .sec-policies .inner-text-para ul li {
        color: #111;
        position: relative;
        padding: 0px 0 26px;
        padding-left: 22px;
        font-size: 16px;
        line-height: 28px;
    }

    .sec-policies .inner-text-para ul li::before {
        content: '';
        background: #111;
        width: 6px;
        height: 6px;
        position: absolute;
        left: 0;
        top: 8px;
    }

.equipment-sec ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 50px;
    /* background: #fff; */
}

    .equipment-sec ul li {
        flex: 0 0 49%;
        float: left;
        width: 45%;
    }

    .equipment-sec ul li:nth-last-child(1){
       padding: 35px;
    }


    .equipment-sec ul li img{
        width: 100%;
    }

    .equipment-sec ul:nth-child(even) {
        flex-direction: row-reverse;
        flex-wrap: wrap;
        margin: 25px 0;
    }

    .equipmentSlider .swiper-pagination-bullet {
        background: #fff;
        opacity: 1;
        width: 10px;
        height: 5px;
        border-radius: 20px;
    }
    
    .equipmentSlider .swiper-pagination-bullet-active {
        opacity: var(--swiper-pagination-bullet-opacity, 1);
        background: #00B4D9;
        width: 25px;
        height: 5px;
        border-radius: 20px;
    }
    
    .equipment-sec ul.inner-detlslist{
        position: relative;
        overflow: hidden;
    }
    
    .equipment-sec ul.inner-detlslist li{
        flex: 0 0 100%;
        margin-bottom: 15px;
        padding-left: 20px;
        font-size: 16px;
        position: relative;
    }
    
    .equipment-sec ul.inner-detlslist li::before {
        content: '';
        background: #0077b5;
        position: absolute;
        width: 8px;
        height: 8px;
        left: 0;
        top: 10px;
    }
    
   .equipment-sec ul.inner-detlslist li:nth-last-child(1){
       padding: 0;
       padding-left: 20px;
   }
   
    .equipment-sec .inner-text-para h3 {
        color: #0077b5;
        font-size: 30px;
    }
    
    .sec-methodology .inner-text-para,
    .methodology-pach .inner-text-para
    {
        padding-right: 100px;
    }
    
    .img-Objectives
    {
        padding-left: 80px;
    }
    
    .sec-certificate.sec-inner-certificate {
        padding-top: 0;
    }
    
    

/* ------------ Responsive  ----------------------------- */

@media screen and (min-width: 2300px) {}

@media screen and (min-width: 1400px) and (max-width: 1600px) {
    ul.award-list li {
        min-height: 370px;
    }

    .sec-global-presence::after {
        bottom: -27px;
        width: 3000px;
        height: 76px;
        z-index: -2;
        rotate: 2deg;
}
.sec-hm-leader {
    overflow: hidden;
    padding: 115px 0 185px;
    margin-top: -110px;
}
    .sec-hm-others {
        overflow: hidden;
        padding: 123px 0 200px;
        margin-top: -167px;
    }

    .footer-address ul li a p {
        width: 85%;
    }
    .sec-about-intro .inner-text-para {
        padding-right: 60px;
    }

    .mission-vision ul li img {
        height: 465px;
        object-fit: cover;
    }
    .mission-vision ul li:nth-child(even)::after {
        width: 670px;
        left: -6px;
        margin-left: 0;
        bottom: -51px;
    }
    /*.mission-vision ul li::after {
        width: 648px;
        bottom: -51px;
    }*/
    .otherleader-sec .others-leader {
        float: left;
        width: 47%;
    }
    .others-leader ul.leader-legacy .inner-text-para h3 {
        font-size: 20px;
    }
    

    .hm-others-sec {
        margin-right: 50px;
    }
    /*.product-card .item:hover .bottom-overlay {*/
    /*    top: 0;*/
    /*    padding-top: 30px;*/
    /*}*/

    .container.custom-container {
        max-width: 1320px;
    }
    .navbarMain .menu-others-sub a {
        margin-right: 45px;
    }
    .logobox a, .logobox a img {
        width: 230px;
    }
    .top-inner-rect {
        padding-top: 130px;
    }
    .slider-title {
        font-size: 45px;
        line-height: 60px;
    }
    .slider-sub-title {
        font-size: 26px;
        line-height: 57px;
    }
    .innerbanner-cont {
        position: absolute;
        width: 60%;
        top: 70%; /*45% to new*/
        z-index: 9;
        transform: translate(-50%, -50%);
        left: 35%;
    }
    .innerbanner-cont .inner-text-para h1 {
        font-size: 50px;
    }
    .full-address h3 {
        font-size: 24px;
        margin-bottom: 15px;
    }
    ul.factory-location li {
        padding: 34px 20px 45px;
    }
    .full-address {
        width: 75%;
    }
    .sec-life-safety {
        padding: 115px 0 150px;
        margin-top: 50px;
    }
    
    .sec-equal-opportunity {
        padding: 145px 0 140px;
        margin-top: -145px;
    }
    .sec-campus-connect {
        padding: 120px 0 60px;
    }
   .dropdownMain .dropbtn, .navbarMain a {
        padding: 25px 20px;
         
    }
    .sec-campus-connect .inner-text-para {
        padding-right: 120px;
    }
    .sec-equal-opportunity .inner-text-para {
        padding-right: 120px;
    }

    .banner-cont {
        position: absolute;
        /* top: 42%; */
        top: 54%;
        width: 48%;
        transform: translate(-50%, -50%);
        left: 29%;
    }

    .about-pg-matrix .hm-matrix-cont ul li {
        flex: 0 0 23%;
        /*padding: 15px;*/
    }
    .sec-about .mtrix-info p {
        font-size: 15px;
    }

    ul.leader-legacy li:first-child img {
        height: 100%;
        object-fit: cover;
        width: 90%;
    }

    ul.leader-legacy li:first-child {
        flex: 0 0 40%;
    }

    ul.leader-legacy li:last-child {
        flex: 0 0 58%;
    }

    .inner-text-para.fonder-legecy {
        padding-right: 55px;
    }

    .hm-others-sec li:first-child img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .hm-others-sec li:last-child {
        padding: 0 20px;
    }
    .sec-current-blogs {
        padding-right: 100px;
    }

    .sec-current-blogs, 
    .sec-latest-events {
               min-height: 419px;
    }

    .inner-text-para p {
        font-size: 16px;
    }

    .sec-latest-events .inner-text-para h3 {
        line-height: 32px;
        margin-bottom: 18px;
        font-size: 22px;
    }

    .recent-blog-list .inner-text-para h3 {
        line-height: 32px;
        margin-bottom: 18px;
        font-size: 22px;
    }
    .top-inner-rect::after {
        top: 110%;
    }
    .all-productlist ul li .products-name::after {
        width: 206px;
    }
    .sec-home-product::before {
        clip-path: polygon(0% 13%, 100% 0%, 100% 87%, 0% 100%);
    }
    .sec-home-product {
        padding: 165px 0 100px;
    }
    .sec-global-presence {
        margin-top: -50px;
        clip-path: polygon(0% 7%, 100% 0%, 100% 100%, 0% 85%);
    }
    
    .sec-home-product::after {
        bottom: 23px;
        height: 100px;
    }
    .sec-about-intro.inner-about-intro {
        padding-top: 35px;
    }
    
    
    .sec-infrastructure-intro .inner-text-para {
        padding-right: 60px; 
    }
    .sec-inner-testing {
        padding: 150px 0 95px;
    }
    .sec-certificate .inner-text-para {
        padding-right: 50px;
    }
    .inner-text-para h1 {
        font-size: 40px;
        line-height: 62px;
    }
    .inner-text-para h2 {
        font-size: 35px;
    }
    .methodology-pach {
        padding: 70px 0 170px;
        margin-top: -40px;
    }
    
    .sec-equal-opportunity .inner-text-para {
        padding-right: 110px;
    }
    .global-map::after {
        bottom: 0px;
        width: 3000px;
        height: 88px;
        rotate: -6deg;
    }
    .sec-sustaina .inner-text-para {
        padding-right: 80px;
    }
}


@media screen and (min-width: 1300px) and (max-width: 1399px) {
    .mission-vision ul li img {
        height: 430px;
        object-fit: cover;
    }
    .mission-vision ul li:nth-child(even)::after {
        width: 670px;
        left: -6px;
        margin-left: 0;
    }
    
    
    .logobox a, .logobox a img {
        width: 235px;
    }
    .container.custom-container {
        max-width: 1320px;
    }
    .navbarMain a {
        font-size: 14px;
    }
    .banner-cont {
        top: 42%;
        width: 60%;
        left: 35%;
    }
    .inner-text-para p {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 18px;
    }
    .inner-text-para h2 {
        font-size: 40px;
        line-height: 52px;
        margin-bottom: 15px;
    }

    .others-leader .btn-more a {
        margin-top: 20px;
    }
    .hm-others-sec li:last-child h3 {
        margin: 10px 0 10px;
    }

    .hm-others-sec li:first-child img {
        height: 100%;
        object-fit: cover;
    }
    .sec-current-blogs, .sec-latest-events {
        min-height: 460px;
    }
    .sec-current-blogs {
        padding-right: 80px;
    }
    .sec-latest-events .inner-text-para h3 {
        margin-bottom: 20px;
        font-size: 22px;
    }

}

@media screen and (min-width: 1200px) and (max-width: 1299px) {
    
    .mission-vision ul li img {
        height: 480px;
        object-fit: cover;
    }
    .mission-vision ul li:nth-child(even)::after {
        width: 600px;
        left: -6px;
        margin-left: 0;
        bottom: -48px;
    }
    
    /*.mission-vision ul li::after {
        width: 648px;
        bottom: -44px;
    }*/
    
    .mission-vision ul li:nth-child(even) .inner-text-para p{
        font-size: 16px;
    }
    .mission-vision ul li .text-box {
        padding: 25px 40px;
    }
    
    
    .container.custom-container {
        max-width: 1140px;
    }
    .dropdownMain .dropbtn, .navbarMain a {
        padding: 25px 18px;
        
    }

    .navbarMain a {
        font-size: 14px;
        padding: 25px 18px;
    }
    .topnavigation ul li a {
        margin-left: 30px;
        font-size: 12px;
    }
    .innerbanner-cont .inner-text-para h1 {
        font-size: 50px;
    }
    .innerbanner-cont {
        left: 37%;
    }
    .sec-download .inner-text-para {
        padding-right: 100px;
    }
    .inner-text-para h2 {
        font-size: 35px;
        line-height: 50px;
    }
    .logobox a, .logobox a img {
        width: 200px;
    }
    .footer-address ul li a p {
        width: 100%;
    }
}
 
@media screen and (min-width: 1025px) and (max-width: 1199px) {
    .container.custom-container {
        max-width: 1140px;
    }
    .dropdownMain .dropbtn, .navbarMain a {
        padding: 25px 18px;
    
    }

    .navbarMain a {
        font-size: 14px;
        padding: 25px 18px;
    }
    .topnavigation ul li a {
        margin-left: 30px;
        font-size: 12px;
    }
}


@media (max-width: 1024px) {
    .equipment-sec ul li {
    flex: 0 0 100%;
        width: 100%;
    }
    
    
    .mobmenuList .social-info ul {
        padding: 0 16px;
        width: 100%;
        justify-content: center;
        margin-top: 30px;
        float: left;
    }
    
   .mobmenuList .social-info ul li {
        background: #273174;
        margin: 0 5%;
        width: auto;
        padding: 10px;
    }
    
 
    .mobmenuList .social-info ul li a i {
        /*font-size: 24px;*/
        color: #fff;
    }
    
    .mobmenuList .social-info ul li a {
        margin-left: 0;
        padding: 0;
        font-size: 20px;
        line-height: 20px;
    }
 
    
    .bar-en {
        width: 100%;
        position: fixed;
        bottom: 0;
        z-index: 9;
        display: inline-block;
        background-color: #fff;
    }
    
    
    
    .moble-con {
        text-transform: uppercase;
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.1;
        width: 100%;
        text-align: center;
        cursor: pointer !important;
        background-color: #273174;
    }
    
    .moble-con-f {
        float: left;
        padding: 19px 10px;
    }
    
    .inner-text-para.recent-blog-para p {
        width: 100%;
    }
    
    .mission-vision ul li img {
        height: 515px;
        object-fit: cover;
    }
    .mission-vision ul li:nth-child(even)::after {
        width: 600px;
        left: -6px;
        margin-left: 0;
        bottom: -54px;
    }
    
    /*.mission-vision ul li::after {
        width: 648px;
        bottom: -44px;
    }*/
    
    .mission-vision ul li:nth-child(even) .inner-text-para p{
        font-size: 15px;
    }
    .mission-vision ul li .text-box {
        padding: 25px 30px;
    }
    
    
    .before-hover img{
        width: 100%; 
    }
    .container.custom-container {
        max-width: 960px;
    }

    .menuWrap {
        padding: 20px 0;
    }

    .mobileBoxLogo.InsideSideBar img {
        width: 35%;
    }

    header.site-header.navbar-fixed {
        top: -175px;
    }

    header.site-header {
        padding-top: 0;
    }

    header.site-header.navbar-fixed {
        padding: 0;
    }

    .topnavigation.mob-topnav {
        background: var(--themeSecColor);
        padding-top: 20px;
    }

    .sideNaviMob {
        display: flex;
        justify-content: end;
        float: left;
        width: 100%;
        align-items: center;
    }

    .sideNaviMob span img {
        width: 30px;
        filter: brightness(0) invert(1);
    }
    
    header.site-header.navbar-fixed .sideNaviMob span img {
        width: 30px;
        filter: brightness(5) invert(1);
    }

    .onlyMobile {
        display: block;
        width: 100%;
    }

    .mobmenuList ul {
        padding: 0 16px;
    }

    .navbarMain.onlyDesktop {
        display: none;
    }

    .mobileBoxLogo.InsideSideBar {
        padding: 35px 16px;
        float: left;
        width: 100%;
    }

    .mobmenuList .accordion {
        float: left;
        width: 100%
    }

    .mobmenuList .accordion .accordion-body {
        float: left;
        padding: 16px;
        width: 100%
    }

    .mobmenuList .accordion .accordion-button:not(.collapsed) {
        background: var(--themeColor) !important;
        padding: 11px !important
    }

    .mobmenuList .accordion .accordion-item .accordion-button {
        padding: 11px 11px;
        font-weight: 700;
        font-size: 18px;
        background: #fff0
    }

    .mobmenuList .accordion .accordion-button:focus {
        z-index: 3;
        border-color: inherit;
        outline: 0;
        box-shadow: none
    }

    .topnavigation ul {
        display: none;
    }

    .mobmenuList .accordion .accordion-button:not(.collapsed) {
        color: #fff;
        background-color: initial;
        box-shadow: none;
        font-weight: 700
    }

    .mobmenuList .accordion .accordion-item {
        border: 0;
        padding: 5px 0;
        border-bottom: 1px solid #bdbdbd94;
        position: relative;
        float: left;
        width: 100%;
        background: #fff0;
        font-weight: 700;
        font-size: 15px;
    }

    .mobmenuList .accordion-button::after {
        background-size: 18px;
        transition: transform 0.2s ease-in-out;
        border: 1px solid #d5d5d5;
        padding: 12px;
        background-position: center;
    }

    .mobmenuList .accordion-button:not(.collapsed)::after {
        background-image: url(../images/down-wht.png);
        transform: rotate(180deg);
    }

    .sidenav .subMenuList a {
        font-size: 16px;
        position: relative;
        padding-left: 16px;
        float: left;
        width: 100%;
    }

    .sidenav .subMenuList a::before {
        content: '';
        background: var(--themeColor);
        width: 6px;
        height: 6px;
        position: absolute;
        top: 17px;
        left: 0;
    }

    a.closebtn {
        position: absolute;
        right: 37px;
        top: 0;
        z-index: 999;
        width: 50px;
    }

    .dropdown-btn,
    .sidenav a {
        text-decoration: none;
        color: #111;
        padding: 8px 11px;
        width: 100%;
        float: left;
        font-weight: 700;
        font-size: 18px;
    }

header.site-header a {
     color: #000; 
}
    .logobox a,
    .logobox a img {
        width: 75%;
        position: relative;
       bottom: 0;
    }

    .logobox {
        padding-bottom: 0px;
    }

    a.closebtn {
        right: 0;
        top: 24px;
        width: 50px;
    }

    .logobox a,
    .logobox a img {
        width: 90%;
    }

    .logobox {
        padding-bottom: 0px;
    }

    a.closebtn {
        right: 15px;
        top: 0;
        width: 60px;
    }

    .menuWrap {
        padding-left: 0%;
        padding-right: 0%;
    }

    .banner-image img.bannerimages {
        width: 100%;
    }
    .innerbanner-cont .inner-text-para h1 {
        font-size: 45px;
        line-height: 60px;
    }
    .innerbanner-cont {
        left: 34%;
    }
    .sec-life-safety .inner-text-para {
        padding-left: 50px;
    }
    .sec-equal-opportunity {
        padding: 150px 0 140px;
    }
    .sec-diversity .inner-text-para {
        padding-left: 50px;
    }
    .sec-life-safety {
        padding: 170px 0 150px;
        margin-top: 0;
    }
    .sec-equal-opportunity::before {
        clip-path: polygon(0% 15%, 100% 0%, 100% 91%, 0% 100%);
    }
    .inner-opening::before {
        clip-path: polygon(0% 5%, 100% 10%, 100% 95%, 0% 90%);
    }

}


@media screen and (min-width: 992px) and (max-width: 1024px) {
    .container.custom-container {
        max-width: 960px;
    }

    .menuWrap {
        padding: 20px 0;
    }

    .mobileBoxLogo.InsideSideBar img {
        width: 35%;
    }
    .sec-inner-testing::after {
        top: 20px;
        height: 90px;
        rotate: 4deg;
        left: -4px;
    }
    .sec-inner-lab::after {
        top: 56px;
        height: 90px;
        rotate: 5deg;
        left: -17px;
    }
.img-Objectives {
    padding-left: 0;
    margin-top: 45px;
}
    .methodology-pach::after {
        top: -100px;
    }
    .methodology-pach::before {
        clip-path: polygon(0% 14%, 183% -8%, 100% 95%, 0% 100%);
        margin-top: -142px;
    }
    .sec-policies::after {
       top: -104px;
        height: 128px;
        left: -12px;
    }
     .mteam {
        padding-left: 0;
        padding-top: 30px;
    }
    
    .sec-hm-others.sec-quality-half::after {
        width: 100%;
        height: 50%;
        clip-path: polygon(0% 0%, 100% 30%, 100% 100%, 0% 100%);
    }
   

    .menuWrap {
        padding: 20px 0;
    }

    .mobileBoxLogo.InsideSideBar img {
        width: 35%;
    }
    a.closebtn {
        right: 25px;
        top: 30px;
        width: 60px;
    }
    .logobox a, .logobox a img {
        width: 300px;
    }
    .banner-cont {
        top: 31%;
        width: 75%;
        transform: translate(0%, 0%);
        left: 7%;
    }
    .slider-title {
        font-size: 45px;
        line-height: 60px;
    }
    .slider-sub-title {
        font-size: 25px;
        line-height: 40px;
    }
    .banner-cont .slider-btn {
        margin-top: 20px;
    }
    .bannerPage, .banner-image {
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 90%);
    }
    .about-pg-matrix .hm-matrix-cont ul li {
        flex: 0 0 47%;
        padding: 14px 0px;
    }

    .sec-home-product::before {
        clip-path: polygon(0% 7%, 100% 0%, 100% 98%, 0% 100%);
    }
    .bannerSlider .swiper-pagination-bullet,
    .mobhomeprodSlider .swiper-pagination-bullet {
        background: #fff;
        opacity: 1;
        width: 10px;
        height: 5px;
        border-radius: 20px;
    }
    .bannerSlider .swiper-pagination-bullet-active,
    .mobhomeprodSlider .swiper-pagination-bullet-active {
        opacity: var(--swiper-pagination-bullet-opacity, 1);
        background: #00B4D9;
        width: 25px;
        height: 5px;
        border-radius: 20px;
    }
    .event-pagepast ul li {
        flex: 0 0 100%;
    }
     .event-pagepast ul li img
     {
         width: 100%;
     }
    .inner-about-intro {
        padding-top: 50px;
    }
    .side-imgbox img {
        margin-bottom: 20px;
    }
    .sec-life-safety .inner-text-para {
        padding-left: 0;
    }
    .sec-life-at .inner-text-para {
        padding-right: 0px;
    }
    .sec-diversity .inner-text-para {
        padding-left: 0px;
    }
    .sec-equal-opportunity {
        padding: 90px 0 140px;
    }
    .sec-life-safety {
        padding: 90px 0 140px;
    }

    .sec-equal-opportunity::before {
        clip-path: polygon(0% 10%, 100% 0%, 100% 85%, 0% 100%);
    }
    .sec-equal-opportunity::before {
        clip-path: polygon(0% 5%, 100% 0%, 100% 95%, 0% 99%);
    }
    .sec-campus-connect::after {
        height: 78px;
    }
    .inner-opening::before {
        clip-path: polygon(0% 5%, 100% 10%, 100% 95%, 0% 90%);
    }
    .opening-accordion ul.jobopening li:nth-child(1) {
        flex: 0 0 70%;
    }
    .sec-life-safety::before {
        clip-path: polygon(0% 5%, 100% 0%, 100% 90%, 0% 100%);
    }
    .inner-text-para h2 {
        font-size: 35px;
        line-height: 50px;
        margin-bottom: 20px;
    }
    .sec-sustaina .inner-text-para {
        padding-right: 0;
    }
    .sec-sustaina {
        padding: 50px 0 50px;
    }
    ul.commitment-list {
        justify-content: center;
    }
    ul.commitment-list li {
        flex: 0 0 100%;
        margin: 1%;
    }
    .sec-about-intro .inner-text-para {
        padding-right: 0;
    }
    .sec-csr .inner-text-para {
        padding-left: 0;
    }
    ul.testing-list li {
        flex: 0 0 49%;
        margin-bottom: 30px;
    }
    .sec-inner-testing::before {
        /*clip-path: polygon(0% 15%, 100% 0%, 100% 90%, 0% 100%);*/
        clip-path: polygon(0% 0%, 100% 0%, 100% 98%, 0% 100%);
    }
    .sec-inner-testing {
        padding: 150px 0 150px;
    }
    .sec-global-presence {
        clip-path: polygon(0% 12%, 100% 0%, 100% 100%, 0% 90%);
    }

    .others-leader ul.leader-legacy li:first-child img {
        width: 100%;
        height: 300px;
        object-fit: cover;
    }
    .inner-text-para.fonder-legecy {
        padding-right: 0;
        border-right: 0px solid #bdbdbd;
    }
    ul.leader-legacy li img{
        width: 100%;
    }

    .mission-vision ul li:nth-child(even)::after {
        bottom: -61px;
    }
    /*.mission-vision ul li::after {
        width: 105%;
        bottom: 0px;
        height: 100px;
    }*/
    .inner-journey {
        padding-top: 155px;
    }
    .journeyBox {
        text-align: center;
        background: #fff;
        padding: 45px 19px;
        min-height: 310px;
    }
    ul.corevalu li {
        flex: 0 0 49%;
        margin-bottom: 15px; 
        padding: 30px 30px 30px;
    }
    
    .mission-vision ul li::before {
        background: linear-gradient(0deg, rgb(0 0 0 / 85%) 14%, rgb(22 36 61 / 38%) 58%);
    }
    .inner-legacy::before {
        clip-path: polygon(0% 6%, 100% 3%, 100% 97%, 0% 100%);
        margin-top: 0;
    }
    ul.award-list li {
        padding: 25px 25px;
        min-height: 386px;
    }
    .bannerPage .main-banner {
        height: 70vh;
    }
    .contact-form ul {
        display: block;
    }
    ul.factory-location li {
        flex: 0 0 100%;
        margin-bottom: 20px;
    }
    /*ul.factory-location li::after {
        height: 60px;
    }*/
    .sec-equal-opportunity .inner-text-para,
    .sec-campus-connect .inner-text-para{
        padding-right: 0px;
    }
    .inner-legacy {
        padding: 140px 0 200px;
        margin-top: -50px;
        background: #192766;
    }
    .sec-abt-clients {
        padding: 195px 0 100px;
        margin-top: -120px;
    }
    .clients-testimonials {
        padding: 60px 0 40px;
    }
    .footer-address ul li {
        flex: 0 0 50%;
        padding: 30px 10px;
        text-align: left;
    }
    .mission-vision ul li:last-child img {
        height: 100%;
        object-fit: cover;
    }
    .sec-abt-clients::before {
        clip-path: polygon(0% 10%, 100% 5%, 100% 95%, 0% 100%);
    }
    .sec-product-intro .inner-text-para {
        padding-right: 0;
    }
    .all-productlist ul li {
        flex: 0 0 23%;
    }
    .inner-product-range::before {
        background: #1a2674;
        clip-path: polygon(0% 0%, 100% 3%, 100% 100%, 0% 100%);
    }
    .faqs-accordion .accordion-body p {
        width: 100%;
        color: #333333;
    }
    ul.why-choose-list li {
        flex: 0 0 48%;
    }
    .sec-whychoose::before {
        left: 0px;
        clip-path: polygon(0% 0%, 100% 6%, 100% 100%, 0% 94%);
    }
    .sec-whychoose::after {
        top: 5px;
        left: 0;
    }
    .sec-inner-enquiry::before {
        clip-path: polygon(0% 7%, 100% 0%, 100% 100%, 0% 100%);
    }
    footer::before {
        clip-path: polygon(0% 0%, 100% 6%, 100% 100%, 0% 100%);
    }
    .main-ft-info p {
        padding-right: 0;
        margin-bottom: 0;
    }
.socialIcons {
    display: flex;
    text-align: center;
    padding: 20px 0 30px;
}
.main-ft-info {
    text-align: center;
}

.sec-quality-intro .inner-text-para {
    padding-right: 0;
}
.sec-methodology::before {
    clip-path: polygon(0% 8%, 100% 0%, 100% 94%, 0% 100%);
}

.methodology-pach {
    padding: 110px 0 170px;
    margin-top: -57px;
    /* margin-top: -48px; */
}
.methodology-pach::before {
    clip-path: polygon(0% 10%, 186% -8%, 100% 100%, 0% 100%);
    margin-top: -126px;
}
.mob-centerbtn {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 55px;
}
.mob-centerbtn .btn-more a{
    float: initial;
}
.sec-global-presence::after {
    bottom: 0;
    width: 3000px;
    height: 100px;
    z-index: -2;
    rotate: 0deg;
}
.sec-hm-leader {
    overflow: hidden;
    padding: 100px 0 185px;
    margin-top: -95px;
}
.hm-others-sec li:last-child {
    flex: 0 0 100%;
    padding: 0;
    padding-top: 0;
    padding-bottom: 130px;
}
.sec-hm-others::before {
    content: url(../images/bg-texture01.png);
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    clip-path: polygon(0% 0%, 100% 11%, 100% 100%, 0% 95%);
    background: #0073ae;
}
.sec-recent-blog-events::before {
    background: #152060;
}
.inner-prod-img
{
    width: 100%;
}
.journey-imgbox img
{
   width: 100%;  
}
.legacy-imgbox {
    margin-top: 130px;
}
} 


@media screen and (min-width: 768px) and (max-width: 991px) {
    .sec-inner-testing::after {
        top: 20px;
        height: 90px;
        rotate: 4deg;
        left: -4px;
    }
    .sec-inner-lab::after {
        top: 56px;
        height: 90px;
        rotate: 5deg;
        left: -17px;
    }
.img-Objectives {
    padding-left: 0;
    margin-top: 45px;
}
    .methodology-pach::after {
        top: -100px;
    }
    .methodology-pach::before {
        clip-path: polygon(0% 14%, 183% -8%, 100% 95%, 0% 100%);
        margin-top: -142px;
    }
    .sec-policies::after {
       top: -104px;
        height: 128px;
        left: -12px;
    }
     .mteam {
        padding-left: 0;
        padding-top: 30px;
    }
    
    .sec-hm-others.sec-quality-half::after {
        width: 100%;
        height: 50%;
        clip-path: polygon(0% 0%, 100% 30%, 100% 100%, 0% 100%);
    }
   
    .container.custom-container {
        max-width: 720px;
    }

    .menuWrap {
        padding: 20px 0;
    }

    .mobileBoxLogo.InsideSideBar img {
        width: 35%;
    }
    a.closebtn {
        right: 25px;
        top: 30px;
        width: 60px;
    }
    .logobox a, .logobox a img {
        width: 300px;
    }
    .banner-cont {
        top: 31%;
        width: 75%;
        transform: translate(0%, 0%);
        left: 7%;
    }
    .slider-title {
        font-size: 45px;
        line-height: 60px;
    }
    .slider-sub-title {
        font-size: 25px;
        line-height: 40px;
    }
    .banner-cont .slider-btn {
        margin-top: 20px;
    }
    .bannerPage, .banner-image {
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 90%);
    }
    .about-pg-matrix .hm-matrix-cont ul li {
        flex: 0 0 47%;
        padding: 14px 0px;
    }

    .productsList ul li {
        flex: 0 0 100%;
    }
    .sec-home-product::before {
        clip-path: polygon(0% 10%, 100% 0%, 100% 85%, 0% 100%);
    }
    .bannerSlider .swiper-pagination-bullet,
    .mobhomeprodSlider .swiper-pagination-bullet {
        background: #fff;
        opacity: 1;
        width: 10px;
        height: 5px;
        border-radius: 20px;
    }
    .bannerSlider .swiper-pagination-bullet-active,
    .mobhomeprodSlider .swiper-pagination-bullet-active {
        opacity: var(--swiper-pagination-bullet-opacity, 1);
        background: #00B4D9;
        width: 25px;
        height: 5px;
        border-radius: 20px;
    }
    .event-pagepast ul li {
        flex: 0 0 100%;
    }
     .event-pagepast ul li img
     {
         width: 100%;
     }
    .inner-about-intro {
        padding-top: 50px;
    }
    .side-imgbox img {
        margin-bottom: 20px;
    }
    .sec-life-safety .inner-text-para {
        padding-left: 0;
    }
    .sec-life-at .inner-text-para {
        padding-right: 0px;
    }
    .sec-diversity .inner-text-para {
        padding-left: 0px;
    }
    .sec-equal-opportunity {
        padding: 90px 0 140px;
    }
    .sec-life-safety {
        padding: 90px 0 140px;
    }

    .sec-equal-opportunity::before {
        clip-path: polygon(0% 10%, 100% 0%, 100% 85%, 0% 100%);
    }
    .sec-equal-opportunity::before {
        clip-path: polygon(0% 5%, 100% 0%, 100% 95%, 0% 99%);
    }
    .sec-campus-connect::after {
        height: 78px;
    }
    .inner-opening::before {
        clip-path: polygon(0% 5%, 100% 10%, 100% 95%, 0% 90%);
    }
    .opening-accordion ul.jobopening li:nth-child(1) {
        flex: 0 0 70%;
    }
    .sec-life-safety::before {
        clip-path: polygon(0% 5%, 100% 0%, 100% 90%, 0% 100%);
    }
    .inner-text-para h2 {
        font-size: 35px;
        line-height: 50px;
        margin-bottom: 20px;
    }
    .sec-sustaina .inner-text-para {
        padding-right: 0;
    }
    .sec-sustaina {
        padding: 50px 0 50px;
    }
    ul.commitment-list {
        justify-content: center;
    }
    ul.commitment-list li {
        flex: 0 0 100%;
        margin: 1%;
    }
    .sec-about-intro .inner-text-para {
        padding-right: 0;
    }
    .mission-vision ul li {
        flex: 0 0 100%;
        position: relative;
    }
    .sec-csr .inner-text-para {
        padding-left: 0;
    }
    ul.testing-list li {
        flex: 0 0 49%;
        margin-bottom: 30px;
    }
    .sec-inner-testing::before {
        /*clip-path: polygon(0% 15%, 100% 0%, 100% 90%, 0% 100%);*/
        clip-path: polygon(0% 0%, 100% 0%, 100% 98%, 0% 100%);
    }
    .sec-inner-testing {
        padding: 150px 0 150px;
    }
    .sec-global-presence {
        clip-path: polygon(0% 12%, 100% 0%, 100% 100%, 0% 90%);
    }

    .others-leader ul.leader-legacy li:first-child img {
        width: 100%;
        height: 300px;
        object-fit: cover;
    }
    .inner-text-para.fonder-legecy {
        padding-right: 0;
        border-right: 0px solid #bdbdbd;
    }
    ul.leader-legacy li img{
        width: 100%;
    }

    .mission-vision ul li:nth-child(even)::after {
        bottom: -61px;
    }
    /*.mission-vision ul li::after {
        width: 105%;
        bottom: 0px;
        height: 100px;
    }*/
    .inner-journey {
        padding-top: 155px;
    }
    .journeyBox {
        text-align: center;
        background: #fff;
        padding: 45px 19px;
        min-height: 310px;
    }
    ul.corevalu li {
        flex: 0 0 49%;
        margin-bottom: 15px; 
        padding: 30px 30px 30px;
    }
    
    .mission-vision ul li::before {
        background: linear-gradient(0deg, rgb(0 0 0 / 85%) 14%, rgb(22 36 61 / 38%) 58%);
    }
    .inner-legacy::before {
        clip-path: polygon(0% 6%, 100% 3%, 100% 97%, 0% 100%);
        margin-top: 0;
    }
    ul.award-list li {
        padding: 25px 25px;
        min-height: 290px;
    }
    .bannerPage .main-banner {
        height: 55vh;
    }
    .contact-form ul {
        display: block;
    }
    ul.factory-location li {
        flex: 0 0 100%;
        margin-bottom: 20px;
    }
    /*ul.factory-location li::after {
        height: 60px;
    }*/
    .sec-equal-opportunity .inner-text-para,
    .sec-campus-connect .inner-text-para{
        padding-right: 0px;
    }
    .inner-legacy {
        padding: 140px 0 200px;
        margin-top: -50px;
        background: #192766;
    }
    .sec-abt-clients {
        padding: 195px 0 100px;
        margin-top: -120px;
    }
    .clients-testimonials {
        padding: 60px 0 40px;
    }
    .footer-address ul li {
        flex: 0 0 50%;
        padding: 30px 10px;
        text-align: left;
    }
    .mission-vision ul li:last-child img {
        height: 100%;
        object-fit: cover;
    }
    .Clients-list ul li {
        flex: 0 0 24%;
        margin-bottom: 10px;
    }
    .sec-abt-clients::before {
        clip-path: polygon(0% 10%, 100% 5%, 100% 95%, 0% 100%);
    }
    .sec-product-intro .inner-text-para {
        padding-right: 0;
    }
    .all-productlist ul li {
        flex: 0 0 31%;
    }
    .inner-product-range::before {
        background: #1a2674;
        clip-path: polygon(0% 0%, 100% 3%, 100% 100%, 0% 100%);
    }
    .faqs-accordion .accordion-body p {
        width: 100%;
        color: #333333;
    }
    ul.why-choose-list li {
        flex: 0 0 48%;
    }
    .sec-whychoose::before {
        left: 0px;
        clip-path: polygon(0% 0%, 100% 6%, 100% 100%, 0% 94%);
    }
    .sec-whychoose::after {
        top: 5px;
        left: 0;
    }
    .sec-inner-enquiry::before {
        clip-path: polygon(0% 7%, 100% 0%, 100% 100%, 0% 100%);
    }
    footer::before {
        clip-path: polygon(0% 0%, 100% 6%, 100% 100%, 0% 100%);
    }
    .main-ft-info p {
        padding-right: 0;
        margin-bottom: 0;
    }
.socialIcons {
    display: flex;
    text-align: center;
    padding: 20px 0 30px;
}
.main-ft-info {
    text-align: center;
}

.sec-quality-intro .inner-text-para {
    padding-right: 0;
}
.sec-methodology::before {
    clip-path: polygon(0% 8%, 100% 0%, 100% 94%, 0% 100%);
}

.methodology-pach {
    padding: 110px 0 170px;
    margin-top: -57px;
    /* margin-top: -48px; */
}
.methodology-pach::before {
    clip-path: polygon(0% 10%, 186% -8%, 100% 100%, 0% 100%);
    margin-top: -126px;
}
.mob-centerbtn {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 55px;
}
.mob-centerbtn .btn-more a{
    float: initial;
}
.sec-global-presence::after {
    bottom: 0;
    width: 3000px;
    height: 100px;
    z-index: -2;
    rotate: 0deg;
}
.sec-hm-leader {
    overflow: hidden;
    padding: 100px 0 185px;
    margin-top: -95px;
}
.hm-others-sec li:last-child {
    flex: 0 0 100%;
    padding: 0;
    padding-top: 0;
    padding-bottom: 130px;
}
.sec-hm-others::before {
    content: url(../images/bg-texture01.png);
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    clip-path: polygon(0% 0%, 100% 11%, 100% 100%, 0% 95%);
    background: #0073ae;
}
.sec-recent-blog-events::before {
    background: #152060;
}
}



@media screen and (max-width: 767px) {
.socialIcons {
    display: flex;
    text-align: center;
    padding: 20px 0 30px;
}
.main-ft-info {
    text-align: center;
}
    .sec-methodology::before {
        clip-path: polygon(0% 18%, 100% 10%, 100% 94%, 0% 100%);
    }
    .sec-methodology {
        padding: 125px 0 125px;
        margin-top: 0px;
    }
    .equipment-sec ul:nth-child(even) {
        margin: 25px 0 20px;
    }
    .equipment-sec ul li:nth-last-child(1) {
        padding: 35px 0 0;
    }
    .sec-inner-testing::after {
        top: 20px;
        height: 90px;
        rotate: 4deg;
        left: -4px;
    }
    .sec-inner-lab::after {
        top: 129px;
        height: 90px;
        rotate: 7deg;
        left: -17px;
    }

   .sec-policies::before {
        clip-path: polygon(0% 8%, 100% 0%, 100% 100%, 0% 100%);
        margin-top: -10px;
    }
    .methodology-pach::after {
        top: -130px;
    }
    .methodology-pach::before {
        clip-path: polygon(0% 11%, 100% 0%, 100% 100%, 0% 100%);
        margin-top: -144px;
    }
    .sec-policies::after {
       top: -104px;
        height: 128px;
        left: -12px;
    }
    
    .methodology-pach {
        padding: 100px 0 100px;
    }
    .sec-policies {
        padding: 120px 0 160px;
        margin-top: -70px;
    }
    .img-Objectives {
        padding-left: 0;
    }
    /**/

    
    .sec-hm-leader {
        margin-top: -80px;
    }
    .event-pagepast ul li .inter-text-para {
        min-height: auto;
    }

     .sec-download ,
    .sec-event-intro {
        padding-top: 50px;
    }
    .inner-text-para h3 {
        font-size: 20px;
    }
    
    .contact-form ul li:first-child {
        flex: 0 0 100%;
            padding: 60px 15px;
    }
    
   .contact-form ul li:last-child  {
        flex: 0 0 100%;
            padding: 60px 15px;
    }
    
    .contact-mail.pg-contact .inner-text-para {
        margin-right: 0px;
    }
    
    .sec-hm-others.sec-quality-half::after {
        width: 100%;
                height: 57%;
        clip-path: polygon(0% 0%, 100% 5%, 100% 92%, 0% 85%);
    }
    
    .sec-hm-others .inner-text-para.recent-blog-para {
        padding-top: 80px;
    }

    .sec-global-presence::after {
        bottom: -68px;
    }
  .copyright-info ul li{
        display: block !important;
    }
    .sec-hm-leader::before {
    height: 30%;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 82%);
}
    .fonder-legecy.inner-text-para h3 {
        font-size: 25px;
    }
    .recent-blog-list .inner-text-para h3 {
        font-size: 22px;
    }
    
    .hmCertificateSlider .certi-img-box {
        margin: 10px;
    }
    .otherleader-sec .others-leader {
        float: left;
        width: 100%;
    }
    .otherleader-sec .others-leader ul.leader-legacy li:last-child {
        margin-top: 0;
        margin-bottom: 20px;
    }
    .inner-legacy {
        padding: 80px 0 200px;
        background: #192561;
    }

    .mission-vision ul li:nth-child(even)::after {
        left: -133px;
    }
    /*.mission-vision ul li::after {
        bottom: -55px;
    }*/
    
    .mteam {
        padding-left: 0;
        padding-top: 30px;
    }

    .before-hover h3 {
        font-size: 20px;
    }

    .mobileBoxLogo.InsideSideBar {
        padding: 20px 16px;
        float: left;
        width: 100%;
    }
    .mobileBoxLogo.InsideSideBar img {
        width: 60%;
    }
    .topnavigation ul {
        display: none;
    }

    .btn-read-more {
        text-align: center;
        float: none;
        width: auto;
        /* margin: 20px auto 0; */
        justify-content: center;
        display: flex;
    }

   .mob-centerbtn {
        text-align: center;
        margin-top: 50px;
   }

   .mob-centerbtn .btn-more a {
        float: none;
    }

    .topnavigation ul li a {
        margin: 0px;
        font-size: 14px;
        border-right: 1px solid #8A8FA8;
        padding: 0 12px;
    }

    .topnavigation ul li:nth-last-child(1) a{
        border-right: 0;
        padding-right: 0;
    }

    .menuWrap {
        padding-left: 0%;
        padding-right: 0%;
        padding: 20px 0;
    }

    .sideNaviMob span img {
        width: 28px;
    }

    .logobox a, .logobox a img {
        width: 380px;
    }

    .bannerPage {
        position: relative !important;
        background: #111538;
    }

    .banner-cont {
        position: relative;
        top: 0%;
        width: 100%;
        transform: translate(0);
        left: 0;
        background: #111538;
        padding: 22px 20px 130px;
        float: left;
    }
    .bannerPage {
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 95%);
    }

    .bottom-left-right-white {
        padding-top: 0;
    }
    .slider-title {
        font-size: 30px;
        font-weight: 700;
        line-height: 44px;
        margin-bottom: 20px;
    }
    .slider-sub-title {
        color: #FFF;
        font-family: var(--h3HeadingFont);
        font-size: 25px;
        line-height: 35px;
    }

    .sec-about .inner-text-para {
        padding-right: 0px;
    }

    .hm-matrix-cont ul {
        margin-top: 0px;
    }

    .about-pg-matrix .hm-matrix-cont ul li {
        flex: 0 0 100%;
        padding: 10px;
        display: flex;
    }

    .about-pg-matrix .hm-matrix-cont ul li:nth-child(1) {
        border-right: 0px solid #d9d9d9;
        /*border-bottom: 1px solid #d9d9d9;*/
    }

    .about-pg-matrix .hm-matrix-cont ul li:nth-child(3) {
        border-right: 0px solid #d9d9d9;
        /*border-bottom: 1px solid #d9d9d9;*/
    }

    .about-pg-matrix .hm-matrix-cont ul li .title {
        font-size: 30px;
    }

    .about-pg-matrix .hm-matrix-cont ul li img {
        margin-right: 35px;
    }
        .inner-text-para h1 {
        font-size: 32px;
        line-height: 42px;
    }

        .inner-text-para h2 {
        font-size: 28px;
        line-height: 40px;
    }

    .inner-text-para p {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 20px;
    }
    .hm-others-sec li:last-child h3 {
        margin: 16px 0 5px;
    }
    .hm-others-sec li:last-child {
        padding: 0px;
    }

    .sec-home-product {
        padding: 80px 0 80px;
        /* background: #172262; */
        margin-top: 80px;
    }

    .productsList ul li {
        flex: 0 0 100%;
        margin-bottom: 0px;
        overflow: hidden;
        /* transition: 0.5s; */
    }

    .bannerSlider .swiper-pagination {
        bottom: 70px;
    }

    ul.leader-legacy li:first-child {
        flex: 0 0 100%;
    }
    ul.leader-legacy {
        margin-bottom: 20px;
    }
    ul.leader-legacy li:last-child {
        flex: 0 0 100%;
    }

    ul.leader-legacy li:first-child img{
        width: 100%;
    }
    .others-leader ul.leader-legacy li:first-child img {
        width: 100%;
        height: 400px;
        object-fit: cover;
    }
    ul.leader-legacy li .inner-text-para {
        padding: 20px;
    }

    .others-leader ul.leader-legacy li .inner-text-para {
        padding: 20px;
    }

    .others-leader ul.leader-legacy li:first-child {
        flex: 0 0 100%;
    }

    .others-leader ul.leader-legacy li:last-child {
        flex: 0 0 100%;
    }

    .inner-text-para.fonder-legecy {
        padding-right: 0;
        border-right: 0px solid #bdbdbd;
        padding-top: 50px;
    }

    .hm-others-sec {
        display: block;
        margin-bottom: 30px;
        margin-right: 0;
    }

    .hm-others-sec li:first-child img{
        width: 100%;
    height: 250px;
    object-fit: cover;
    }
    .sec-current-blogs, .sec-latest-events {
        min-height: auto;
    }

    .sec-current-blogs {
        padding-right: 0;
    }

    ul.sec-latest-events li {
        flex: 0 0 100%;
        background: #15268E;
        margin-bottom: 30px;
    }

    .sec-job-list {
        display: block;
        width: 100%;
        float: left;
    }
/* 
    .sec-job-list .btn-more a {
        float: right;
    } */

    .footer-address ul li {
        flex: 0 0 100%;
        padding: 30px 10px;
        text-align: left;
    }

    .footer-address ul li a p {
        width: 100%;
        font-size: 15px;
        line-height: 25px;
    }

    .copyright-info ul li a {
        padding: 0 5px;
        color: #72a7b0;
        font-size: 12px;
        border-right: 1px solid #43676e;
        align-items: center;
    }
    .copyright-info ul {
        display: flex;
        justify-content: center;
        text-align: center;
    }
    .main-ft-info img {
        width: 150px;
    }

    /* infrastructure */

    .product-matrix ul li {
        flex: 0 0 100%;
        padding: 30px 0 0;
        display: flex;
        border-bottom: 1px solid #273174;
    }

    ul.factory-location li {
        flex: 0 0 100%;
    }

    .location-detls {
        display: block;
    }
    .cont-icon-box {
        padding: 15px;
        width: 20%;
    }
    .full-address {
        width: 100%;
        padding: 10px 0 0;
    }

    .full-address h3 {
        font-size: 22px;
        margin: 15px 0;
    }
    .full-address p {
        font-size: 16px;
        line-height: 29px;
    }
    ul.factory-location li::after {
        content: "";
        display: block;
        background: white;
        height: 41px;
        width: 103%;
        position: absolute;
        z-index: 1;
        left: -5px;
        margin-left: 0;
        -webkit-transform: rotate(-8deg);
        transform: rotate(183deg);
        bottom: -20px;
    }
    ul.factory-location li:nth-child(even)::after {
        content: "";
        display: block;
        background: white;
        height: 39px;
        width: 101%;
        position: absolute;
        z-index: 1;
        left: -1px;
        margin-left: 0;
        -webkit-transform: rotate(-8deg);
        transform: rotate(176deg);
        bottom: -17px;
    }

    .side-imgbox {
        margin-bottom: 30px;
    }

    ul.testing-list li {
        text-align: left;
        flex: 0 0 100%;
        margin-bottom: 30px;
    }

    .sec-certificate .inner-text-para {
        padding-right: 0px;
    }
    ul.certification-list li {
        flex: 0 0 50%;
        padding: 20px;
        border: 2px solid #E7E7E7;
    }

 
    ul.certification-list li:nth-child(2), 
    ul.certification-list li:nth-child(4),
    ul.certification-list li:nth-child(6){
        border-bottom: 1px solid #E7E7E7;
        border-right: 0;
    }

    ul.certification-list li:nth-child(1), 
    ul.certification-list li:nth-child(3),
    ul.certification-list li:nth-child(5){
        border-bottom: 1px solid #E7E7E7;
    }

    ul.certification-list li:nth-child(8){
        border-bottom: 0px solid #E7E7E7;
        border-right: 0;
    }

    ul.certification-list li:nth-child(7){
        border-bottom: 0px solid #E7E7E7;
    }

    .innerbanner-cont .inner-text-para h1 {
        font-family: 'Onest-Medium';
        text-transform: uppercase;
        font-size: 36px;
        line-height: 48px;
        margin-bottom: 20px;
        margin-bottom: 20px;
        color: #fff;
    }
    .sec-home-product::before {
        clip-path: polygon(0% 5%, 100% 0%, 100% 95%, 0% 100%);
    }
    .sec-global-presence {
        clip-path: polygon(0% 3%, 100% 0%, 100% 100%, 0% 96%);
        padding: 80px 0;
        margin-top: -20px;
    }
    .sec-about-vdo {
        padding: 50px 0 50px;
    }
    .sec-hm-others::before {
        clip-path: polygon(0% 0%, 100% 2%, 100% 100%, 0% 83%);
    }
    .bannerSlider .swiper-pagination-bullet,
    .mobhomeprodSlider .swiper-pagination-bullet {
        background: #fff;
        opacity: 1;
        width: 10px;
        height: 5px;
        border-radius: 20px;
    }
    .bannerSlider .swiper-pagination-bullet-active,
    .mobhomeprodSlider .swiper-pagination-bullet-active {
        opacity: var(--swiper-pagination-bullet-opacity, 1);
        background: #00B4D9;
        width: 25px;
        height: 5px;
        border-radius: 20px;
    }
    .mobhomeprodSlider .swiper-wrapper
    {
        padding-bottom: 10px;
    }
    .sec-hm-others {
        overflow: hidden;
        padding: 40px 0;
        margin-top: -100px;
        background: #0074b1;
        clip-path: polygon(0% 0%, 100% 2%, 100% 100%, 0% 98%);
    }
    
    .sec-sustainibility {
        padding: 40px 0 60px;
    }
    .sec-hm-others::after {
        height: 37px;
    }
    .sec-product-intro .inner-text-para {
        padding-right: 0px;
    }
    .all-productlist ul li {
        flex: 0 0 49%;
    }
    .all-productlist ul li .products-name::after {
        width: 211px;
        top: -15px;
        left: -4px;
    }

    .faqs-accordion .accordion-body p {
        width: 100%;
        color: #333333;
    }
    .faqs-accordion .accordion-button {
        font-size: 20px;
    }
    ul.why-choose-list li {
        flex: 0 0 100%;
    }
    ul.why-choose-list li {
        margin-top: 25px;
    }
    .products-name h3 {
        font-size: 16px;
    }
    .sec-recent-blog-events::before {
        display: none;
    }
    .sec-recent-blog-events {
        background: #172166;
        padding: 80px 0 55px;
    }
    .sec-hm-careers {
        margin-top: -35px;
        z-index: 1;
        padding: 85px 0 80px;
    }
    .sec-hm-careers::before {
        clip-path: polygon(0% 0%, 100% 2%, 100% 100%, 0% 100%);
    }
    footer::before {
        clip-path: polygon(0% 0%, 100% 4%, 100% 100%, 0% 100%);
    }
    .footer-address ul li {
        padding: 24px 10px 0;
        text-align: left;
    }
    .sec-about .inner-text-para, .sec-about-vdo .inner-text-para {
        padding-right: 0;
    }
    .innerbanner-cont {
        position: absolute;
                width: 95%;
        top: 60%; /*55% to new*/
        z-index: 9;
        transform: translate(-50%, -50%);
        left: 50%;
        text-align: center;
    }
    .banner-overlay::after {
        content: '';
        position: absolute;
        background-image: linear-gradient(to top, #14193f 30%, #14193f2e);
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9;
    }
    .top-inner-rect::after {
        top: 100%;
    }
    .inner-product-range::before {
        content: '';
        clip-path: polygon(0% 0%, 100% 3%, 100% 100%, 0% 100%);
        margin-top: -59px;
        background: #192462;
    }
    .all-productlist ul li .products-name {
        padding: 14px 12px;
    }
    .sec-whychoose::before {
        clip-path: polygon(0% 0%, 100% 3%, 100% 100%, 0% 97%);
        left: 0;
    }
    .sec-whychoose::after {
        top: 4px;
        left: 0;
    }
    .sec-whychoose {
        padding: 85px 0 100px;
    }
    .sec-inner-enquiry::before {
        clip-path: polygon(0% 6%, 100% 0%, 100% 100%, 0% 100%);
    }
    .banner-image {
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 90%);
    }
    .top-inner-rect {
        display: none;
    }
    .sec-infrastructure-intro {
        padding: 50px 0 80px;
    }
    .factory-details {
        padding: 55px 0 50px;
    }
    .sec-inner-facilities {
        padding: 70px 0 70px;
    }

    .sec-inner-facilities::before {
        clip-path: polygon(0% 5%, 100% 0%, 100% 100%, 0% 100%);
    }
    .sec-quality {
        padding: 30px 0 0px;
    }
    .sec-inner-lab {
        padding: 85px 0 30px;
    }
    .sec-inner-testing::after {
        content: '';
        background: #19236F;
        position: absolute;
        top: -224px;
        width: 3000px;
        height: 101px;
        z-index: -2;
        rotate: -7deg;
        left: -79px;
    }
    .sec-inner-testing::before {
        clip-path: polygon(0% 0%, 100% 0%, 100% 97%, 0% 99%);
        margin-top: 0;
    }
    .sec-inner-testing {
        padding: 100px 0 120px;
    }
    .sec-about-intro .inner-text-para {
        padding-right: 0;
    }
    .mission-vision ul li {
        flex: 0 0 100%;
        margin-bottom: 25px;
    }
    .mission-vision ul li .text-box {
        bottom: 0;
        padding: 25px 15px;
    }
    .mission-vision ul li img {
        height: 535px;
        object-fit: cover;
    }
    
    .mission-vision ul li:last-child img {
        height: 340px;
        object-fit: cover;
    }

    ul.corevalu li {
        flex: 0 0 100%;
        padding: 30px 15px 30px;
    }
    .mission-vision .inner-text-para.all-misi-visi-info ul li {
    flex: 0 0 100%;
    margin-bottom: 15px;
    padding-left: 20px;
    font-size: 16px;
    clip-path: none;
}
    .inner-journey {
        clip-path: polygon(0% 5%, 100% 0%, 100% 95%, 0% 100%);
    }
    .inner-legacy::before {
        clip-path: polygon(0% 10%, 100% 6%, 100% 100%, 0% 100%);
        margin-top: -90px;
    }
    .inner-leadership {
        margin-top: -175px;
        clip-path: polygon(0% 4%, 100% 0%, 100% 100%, 0% 100%);
    }
    .featur-list ul li {
        flex: 0 0 100%;
        margin-bottom: 80px;
    }
    .inner-leadership {
        padding: 160px 0 90px;
    }
    .inner-award::before {
        content: '';
        background: #0173AF;
        clip-path: polygon(0% 0%, 100% 3%, 100% 100%, 0% 97%);
    }

    .mobawardSlider .swiper-pagination-bullet {
        background: #fff;
        opacity: 1;
        width: 10px;
        height: 5px;
        border-radius: 20px;
    }
    .mobawardSlider .swiper-pagination-bullet-active {
        opacity: var(--swiper-pagination-bullet-opacity, 1);
        background: #00B4D9;
        width: 25px;
        height: 5px;
        border-radius: 20px;
    }
	ul.award-list li {
        flex: 0 0 100%;
    }
    .sec-abt-clients::before {
        clip-path: polygon(0% 6%, 100% 0%, 100% 94%, 0% 100%);
    }
    .all-productlist ul li:nth-child(even) .products-name::after {
        height: 84px;
        width: 261px;
        top: -12px;
        left: -4px;
    }

	.sec-abt-clients {
        margin-top: 0;
        padding: 90px 0 50px;
    }
    .testimonialbox {
        border: 1px solid #eee;
        padding: 25px 20px;
        position: relative;
    }
    .global-map {
        padding: 70px 0 20px;
    }
    .sec-sustaina .inner-text-para {
        padding-right: 0;
    }

    ul.commitment-list li {
        flex: 0 0 100%;
        padding: 30px 15px;
        margin-bottom: 25px;
    }
    ul.commitment-list li h3 {
        font-size: 28px;
    }
    ul.commitment-list li p {
        font-size: 16px;
        line-height: 28px;
    }
    .sec-csr .inner-text-para {
        padding-left: 0;
    }
    .modal-specifc ul li {
        flex: 0 0 100%;
    }
    .modal-specifc ul li:nth-last-child(1) {
        flex: 0 0 100%;
        padding: 50px 20px 0px;
    }
    .sec-sustaina {
        padding: 50px 0 80px;
    }
    .sec-commitment, .sec-csr {
        padding: 80px 0;
    }
    .sec-life-safety::before {
        clip-path: polygon(0% 5%, 100% 0%, 100% 90%, 0% 100%);
    }
    .sec-life-safety {
        padding: 75px 0 130px;
        margin-top: 0;
    }
    .sec-life-at .inner-text-para {
        padding-right: 0;
    }
    .sec-life-safety .inner-text-para {
        padding-left: 0px;
    }
    .sec-equal-opportunity::before {
        clip-path: polygon(0% 5%, 100% 0%, 100% 95%, 0% 100%);
    }
    .sec-equal-opportunity::after {
        bottom: -11px;
        height: 115px;
    }
    .sec-diversity .inner-text-para {
        padding-left: 0;
    }
    .sec-campus-connect::after {
        content: '';
        background: #19236F;
        position: absolute;
        top: -184px;
        width: 3019px;
        height: 73px;
        z-index: -1;
        rotate: -6deg;
        left: -13px;
    }
    .inner-opening::before {
        clip-path: polygon(0% 0%, 250% 10%, 100% 95%, 0% 90%);
    }
    .opening-accordion .accordion-body {
        background: #DEF1FF;
        width: 100%;
        float: left;
    }
    .opening-accordion ul.jobopening {
        display: block;
        align-items: center;
        justify-content: space-between;
        padding: 20px 0px;
        width: 100%;
        float: left;
    }
    .sec-equal-opportunity {
       padding: 80px 0 50px;
        margin-top: -120px;
    }
    .inner-opening {
        padding: 80px 0 120px;

    }
    .opening-accordion .accordion-button {
        font-size: 16px;
        line-height: 30px;
    }
    .current-opens-info .info-list {
        font-size: 16px;
        line-height: 38px;
    }
    .opening-accordion {
        margin-top: 0;
    }
    .product-enquiry {
        margin-top: 20px;
    }
    .inner-about-intro {
        padding-top: 50px;
    }
    .event-pagepast ul li {
        flex: 0 0 100%;
    }
    .sec-download .inner-text-para {
        padding-right: 0px;
    }
    ul.ressources {
        margin-top: 20px;
    }
    .pb-90 {
        padding-bottom: 50px;
    }
    .bannerPage .main-banner {
        height: 100%;
    }
    .sec-sustainibility .inner-text-para {
        padding-right: 0;
    }
    .sec-quality-intro .inner-text-para {
        padding-right: 0;
    }
    .sec-methodology .inner-text-para, .methodology-pach .inner-text-para {
        padding-right: 0;
    }
    .sec-equal-opportunity .inner-text-para,
    .sec-campus-connect .inner-text-para{
        padding-right: 0;
    }
    .all-cont-info a {
        font-size: 14px;
    }
    .clientsSlider {
    padding-bottom: 50px;
        width: 100%;
        height: 245px;
        top: 0%;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 50px;
    }
    .Clientsbox {
        border: 1px solid #f0f0f0;
        padding: 0px;
        margin: 0 6%;
    }
}