@media only screen and (min-width: 1270px) and (max-width: 1368px){

.main-nav {gap: 1px;}

.main-nav .nav-link {padding: 8px 13px !important;}
















}

@media only screen and (min-width: 1920px) {





}

@media only screen and (min-width:1536px) and (max-width:1699px) {


}


@media only screen and (min-width:1400px) and (max-width: 1535px) {



}

/* ================= LAPTOP (<=1199px) ================= */
@media (max-width:1199.98px){
  .hero-heading{font-size:44px;}
  .hero-play-wrap{height:380px;}
  .stat-item p{max-width:110px;}
}

/* ================= TABLET (<=991px) ================= */
@media (max-width:991.98px){
  .news-text{display:none;}
  .main-nav{
    padding:16px 0;
    gap:0;
}
.main-nav .nav-link{padding:10px 0 !important;}
.header-actions{
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
  margin-top:10px;
}
.hero-section{padding:40px 0 70px;min-height:auto;}
.hero-left{padding-right:0;margin-bottom:40px;}
.hero-heading{font-size:38px;}
.hero-right{margin-top:20px;}
.hero-play-wrap{height:340px;}
.esg-float-card{
  position:relative;
  top:0;right:0;
  margin-top:16px;
  max-width:100%;
}
.stats-card{
  flex-direction:column;
}
.stat-item{
  border-right:none;
  border-bottom:1px solid #eef2f7;
  padding-bottom:16px;
  width:100%;
  justify-content:flex-start;
}
.stat-item:last-child{border-bottom:none;padding-bottom:0;}
.science-section .col-lg-3,
.science-section .col-lg-6{margin-bottom:24px;}
.img-card{height:220px;}
.cert-container{padding:24px;}
.sub-heading{text-align:center !important;}
.global-section .row{text-align:center;}
.world-map{font-size:80px;}
/* .process-timeline{
  flex-direction:column;
  align-items:center;
}
.process-dots{
  width:2px;
  height:30px;
  border-left:2px dotted #b6cdf0;
  border-top:none;
  margin:0;
}
.process-step{margin-bottom:6px;} */
.cta-card{
  flex-direction:column;
  text-align:center;
}
.cta-left p{margin:0 auto;}

}

@media only screen and (min-width: 768px) and (max-width: 999px) {

/* ======================================================================= */

.stats-card {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0px 20px;
}
.stat-item {
    display: flex;
    align-items: center;
    border: none;
}
.container, .container-md, .container-sm { max-width: 720px;}

.stats-section { margin-bottom: 15px;}

.iso-card img{width: 100% !important;height: 200px !important;}

.process-timeline {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px 25px;
    max-width: 1100px;
    margin: 50px auto 0;
}
.process-step {
    text-align: center;
    position: relative;
}
.process-dots {display: none;}

.scrolling.scrolling-ticker .wrapper .content span img {
    max-width: 100px;
    margin-right: 10px;
}
.scrolling.scrolling-ticker .wrapper .content {gap: 10px;}
.cta-mid {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 10px 15px;
    border-radius: 10px;
    width: 100%;
}
.fotr-prducts {padding-left: 13px;}

.footer-bottom {flex-direction: column !important;gap: 5px;}

.scrolling.scrolling-ticker {padding: 10px 0 20px;}

.about-rightside-2 {height: 270px;}

.about-section .about-section-text {padding-right: 0px;}

.business-why-leftbox {min-height: auto; margin-bottom:22px;}

.business-getintouch-box {width: 33%;}

.business-getintouch-box h2 {
    font-size: 19px;
    color: #fff;
    margin-bottom: 0px;
    line-height: 28px;
}
.business-getintouch-box h5 {
    font-size: 13.5px;
    color: #fff;
    margin-bottom: 0px;
    width: 100%;
}
.business-box { margin-top: 35px;}

.business-top-section { padding: 48px 0px 50px;}

.hero-section-1 { padding: 70px 0 60px !important;}

.stat-icon {
    width: 50px !important;
    height: 50px !important;
}
.stat-label {font-size: 13px !important;}
.stat-number {
    font-size: 22px !important;
    margin-bottom: 0px;
}
.feature-card {padding: 20px 15px !important; gap: 18px !important;}
.feature-icon {
    width: 67px !important;
    height: 58px !important;
    font-size: 1.3rem !important;
}
.feature-card h4 {font-size: 1.12rem;}

.features-section {padding: 15px 0 50px !important;}

.footer-top {padding: 10px 0 40px !important;}

.hero-content p {margin-bottom: 9px;}

.hero-section-1 .hero-content p {font-size: 13px !important;}

.vision-page-text .icon-circle {
    width: 64px;
    height: 64px;
    padding: 9px 10px 10px 12px;
}
.vision-page-text .icon-circle img {
    width: 35px;
    height: 35px;
}
.vision-header {margin-bottom: 10px;}

.value-box h4 {font-size: 18px;}

.value-box {min-height: auto;padding: 20px 0px;}

.value-box p {font-size: 12px;line-height: 19px;}

.value-box img {
    width: 60px;
    height: 60px;
    margin-bottom: 15px;
}
.bottom-row {margin-top: 0px;}

.values-section {padding: 0px 0 25px;}

.vision-page-header h2 {font-size: 30px;}

.vision-page-text p {
    line-height: 25px;
    font-size: 13px;
}
.vision-page-section .row {margin: 0 0 22px 0;}

.vision-page-section {padding: 35px 0px 30px;}

.page-banner-section {padding: 30px 0;}

.page-banner-header h2 {
    font-size: 2rem;
    line-height: 42px;
    margin-bottom: 9px;
}
.page-banner-header p {font-size: 13px; line-height: 25px; width: 50%;}

.page-banner-header h6 {
    font-size: 1rem;
    margin-bottom: 5px;
}
.about-section {padding: 40px 0px 20px;}

.about-section .row .col-lg-5{display: flex;gap: 20px; margin-top: 15px;}

.about-section .row .col-lg-5 .about-rightside {width: 100%; margin-bottom: 0px;}

.about-section .row .col-lg-5 .about-rightside-2{width: 100%;height: 300px;margin-bottom: 0px;}

.about-rightside-2 h3 {
    font-size: 23px;
    margin-bottom: 12px;
}
.about-rightside h3 { font-size: 20px;}

.about-rightside-2 p {
    width: 65%;
    font-size: 13px;
    margin-bottom: 0px;
    line-height: 26px;
}
.about-company-highlight-icon {margin: 0 auto 0px;}

.product-page-banner {
    padding: 20px 0;
    height: 355px;
}
.product-page-banner-left {
    margin-left: 0%;
    margin-top: 18px;
    width: 65% !important;
    padding: 15px;
}
.product-page-banner-left .btn-quote {padding: 8px 10px;}

.product-page-content-bottom {padding: 25px 35px;}

.product-page-content-bottom .left-side .icon {
    width: 79px;
    height: 63px;
}
.banner-bottom-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px 15px;
    padding: 10px 20px;
}
.banner-bottom-boxcard {
    display: flex;
    align-items: center;
    gap: 15px;
}
.business-box-body {min-height: auto;}

.business-why-section {
    background-color: white;
    padding: 0px 0px 38px;
}
.business-why-rightbox .partner-btn {
    font-size: 12px;
    padding: 8px 18px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.business-why-rightbox h2 {margin-bottom: 15px;}

.business-getintouch-items {
    margin-bottom: 35px;
    margin-top: 20px;
    padding:20px;
}
.stat-item p {max-width: 140px;}

.business-box-heading h4 {font-size: 20px;}

.business-box-icon img {
    width: 64px;
    padding: 27px 6px 10px 20px;
}
.business-box-icon { height: 90px;}

.apply-btn {
    font-size: 1rem;
    width: 24%;
}
.job-experience {
    font-size: 1rem;
    width: 57%;
}
.career-form-card .row input {
    width: 47.5%;
}
.career-form-card .subtitle {
    font-size: 13px;
    line-height: 25px;
    margin-bottom: 18px;
}
.career-form-card .secure-info p {
    font-size: 12px;
    line-height: 19px;
}
.career-form-card textarea {
    resize: none;
    height: 72px;
}
.site-footer hr {margin: 15px 0 15px;}

.why-career-bottombox {padding: 35px 30px;}

.why-career-bottombox-left h4 {font-size: 23px;}
.why-career-bottombox-left p {
    font-size: 13px;
    line-height: 22px;
}
.why-btn, .why-btnout-line {
    width: 275px;
    height: 45px;
    font-size: 13px;
}
.why-career-points ul li {
    padding-bottom: 15px;
    padding-left: 40px;
    font-size: 13px;
}
.why-career-points ul li i { margin-left: -29px;}
.why-career-points ul li {
    padding-bottom: 8px;
    font-size: 13px;
}
.why-career-right img {width: 100%;}

.why-career-right {margin-bottom: 0px;}

.why-career-points {margin-bottom: 0px;}

.global-box {
    padding: 15px 8px;
    margin-bottom: 50px;
}

.customs_sel_box {background-position-x: 632px !important;}

.global-box-itemtotal {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px 5px;
}

.global-box-item {
    display: flex;
    align-items: center;
    gap: 15px;
}
.contact-bottombox .global-box-item .text p {
    line-height: 20px;
    font-size: 13px;
}
.contact-address-cards {margin: 0px 0px 22px;}

.contact-address-section{margin: 50px 0px 0px 0px;}

.site-cards {
    display: flex;
    gap: 10px;
    margin-bottom: 25px;
    align-items: center;
}
.site-cards .text p {font-size: 14px;}

.site-right-bottom {padding: 18px 0px 20px 0px;}

.site-bottom-midel {
    gap: 16px 20px;
    margin-bottom: 22px;
    padding: 0px 15px;
}
.site-contactbox {
    margin-left: 20px;
    margin-bottom: 20px;
}
.site-border { padding: 15px 5px 0px 5px;}
.mgbtm {
    padding: 0px;
    margin-bottom: 20px !important;
}
.process-development-section {padding: 45px 0px 35px;}

.blue-item h5 {
    font-size: 14px;
    line-height: 1.5;
}
.blue-item p {font-size: 12px;}
.blue-strip {
    background: #08264f;
    border-radius: 8px;
    padding: 15px 12px;
    margin-bottom: 0px;
}
.bottom-content {
    border: none;
    padding: 40px 0px 0px 5px;
}
.feature-list {
    display: flex;
    list-style: none;
    padding: 0px 0px 0px 0px;
    margin: 0;
}
.feature-list li {width: 34%;}

.quote-box {padding: 22px 20px 20px;}

.product-detail_content {padding-left: 10px;}




}

/* ================= MOBILE (<=767px) ================= */
@media (max-width:767.98px){
  .news-bar{font-size:11px;}
  .badge-latest{font-size:10px;padding:3px 8px;}
  .news-right{display:none;}
  .logo-mark{font-size:24px;}
  .logo-sub{font-size:7.5px;}
  .btn-quote{font-size:11.5px;padding:9px 14px;}
  .hero-heading{font-size:30px;}
  .hero-para{font-size:14.5px;}
  .hero-btns{flex-direction:column;}
  .btn-quote-lg,.btn-outline-lg{width:100%;justify-content:center;}
  .hero-features{gap:16px;justify-content:space-between;}
  .hero-feature strong{font-size:12px;}
  .hero-feature span{font-size:10.5px;}
  .hero-play-wrap{height:260px;border-radius:16px;}
  .stats-section{margin-top:-40px;}
  .stats-card{padding:24px 16px;}
  .stat-item h3{font-size:22px;}
  .eyebrow{font-size:22px;}
  .science-section .row.g-3 .col-4{
    flex:0 0 100%;
    max-width:100%;
    margin-bottom:12px;
  }
  .img-card{height:180px;}
  .iso-card{margin-bottom:6px;}
  .capability-item{padding:14px 6px;}
  .capability-item i{font-size:20px;}
  .capability-item p{font-size:10.5px;}
  .csr-card{margin-bottom:6px;}
  .global-section h3{font-size:22px;text-align:center;}
  .global-section .col-lg-3{text-align:center;margin-bottom:20px;}
  .cta-card{padding:26px 20px;}
  .cta-left h3{font-size:20px;}
  .site-footer{text-align:center;}
  .footer-social{justify-content:center;}
  .contact-list li{justify-content:center;text-align:left;}
  .footer-bottom{text-align:center;}


}


@media only screen and (max-width: 479px){

.container {
	width: 300px !important;
	margin: auto;
}

.row-cols-5 > .col {
    flex: 0 0 50%;
    max-width: 50%;
    /* border-right: 1px solid #d9e9ff36 !important; */
    border: none !important;
    padding: 15px 10px;
    margin-top: 0px !important;
}

.global-section .row-cols-7 > .col {
    flex: 0 0 50%;
    max-width: 50%;
    /* border-right: 1px solid #d9e9ff36 !important; */
    border: none !important;
    padding: 15px 10px;
    margin-top: 0px !important;
}

.map-bg-image-item {width: 100%;}

.global-section .phnview-global{display: block !important;}

.map-bg-image {
    background-image: url(../img/map-2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 100%;
    height: 145px;
    margin-top: 10px;
    margin-left: 0px;
}
.global-section {padding: 26px 0;}

.sub-heading {
    font-size: 26px;
    word-break: break-word;
}

.process-timeline {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 25px 0;
    flex-direction: row;
}

.process-step {
    width: 50%;
    flex: 0 0 50%;
    text-align: center;
}

.process-dots {
    display: none;
}

.process-circle {
    margin: 0 auto 10px;
}

.process-step p {
    margin-bottom: 0;
    font-size: 14px;
}

.scrolling.scrolling-ticker .wrapper .content span img {
    max-width: 115px;
    margin-right: 3px;
}
.scrolling.scrolling-ticker {padding: 0px 0 15px;}

.cta-card {padding: 26px 13px;}

.cta-mid {
    display: flex;
    gap: 23px;
    padding: 10px 8px;
    width: 100%;
}
.cta-contact {width: 100%;}

.site-footer {padding: 28px 0 20px;}

.footer-tagline {margin-bottom: 0rem;}

.fotr-prducts {
    padding-left: 13px;
    text-align: left;
}

.footer-logo{
  width: 100%;
  float: left;
  justify-content: left;
  display: flex;
}

.footer-logo .logo-mark img {margin-left: -26px;}

.footer-tagline{text-align: left;}

.site-footer ul li{text-align: left; justify-content: flex-start;}

.site-footer h6 {text-align: left;}

.contact-list{text-align: left;}

.footer-social {justify-content: flex-start;}

.site-footer hr {margin: 15px 0 15px;}

.csr-body {padding: 10px 16px 0px 16px;}

.csr-card {height: 97%;}

.csr-section .row .col-lg-3 {margin-top: 16px !important;}

.csr-section {padding: 35px 0 35px;}

.capability-row {margin-top: 10px !important;}

.cert-container {padding: 0px;}

.cert-section {padding-bottom: 30px;}

.science-section .col-lg-6 {margin-bottom: 0px;}

.science-section .col-lg-3{margin-bottom: 5px; margin-top: 0px;}

.science-section { padding: 55px 0 50px;}

.stat-item {flex: 1 1 75px;}

.play-btn {margin-left: 115px;}

.play-label {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    text-align: center;
    color: #525252;
}
.hero-left {
    padding-right: 0;
    margin-bottom: 25px;
}

.hero-features {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px 0px !important;
}

.hero-feature {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
}
.row-cols-5 > .col {padding: 10px 10px 0px;}

.contact-address-section{padding: 50px 0px 0px;}

.contact-address-cards {margin: 0px 0px 18px;}

.contact-address-cards .icon {
    width: 50px;
    height: 50px;
    padding: 14px 19px 12px 15px;
}
.contact-left .contact-form .input-box input, .contact-left .contact-form .input-box select {
  width: 100%;
  height: 40px;
  padding-left: 45px;
  font-size: 10px;
}
.contact-form p {font-size: 13px;}

.contact-left .contact-form .submit-btn {
    width: 100%;
    height: 45px;
    font-size: 14px;
}
.contact-right-map p{
  font-size: 12px;
  margin-bottom: 1px;
}
.contact-address-cards .icon i {
    color: #fff;
    font-size: 20px;
}

.contact-banner-section .page-banner-header h2 { width: 100%; font-size: 23px;
  line-height: 32px;
}

.contact-banner-section .page-banner-header p {width: 100%;font-size:13px;line-height: 25px;}

.contact-address-cards .text p {
    font-size: 13px;
    text-align: left;
    margin-bottom: 0px;
}

.contact-banner-section {padding: 25px 0;}

.contact-left .contact-form .off {display: block;    margin-bottom: 10px;}

.contact-left .contact-form .off .input-box {margin-bottom: 10px;}

.contact-form {margin-bottom: 30px;}

.contact-right-map {margin-bottom: 35px;}

.global-box-itemtotal {display: block;}

.contact-bottombox .global-box-item {margin-bottom: 15px;}

.contact-bottombox {padding: 30px 8px 8px;}

.page-banner-header h2 {
    font-size: 30px;
    line-height: 39px;
}
.page-banner-header p {width: 100%;}

.page-banner-section {padding: 40px 0 25px;}

.about-section {padding: 35px 0px 13px;}

.about-rightside-2 {height: 300px;background-size: 295px auto;}

.about-company-highlight-box {margin-bottom: 0px;padding: 0px 5px 13px;}

.about-company-highlights {padding: 0px 0 30px;}
.about-company-highlight-box h4 {
  font-size: 16px;
  margin-bottom: 5px;
}
.about-company-highlight-icon { margin: 0 auto 0px;}

.about-company-highlight-box p { font-size: 12px;width: 100%;}

.vision-page-section .row {
    display: flex !important;
    flex-direction: column;
}

.vision-page-section .row > .col-lg-5 {
    order: 2;
}

.vision-page-section .row > .col-lg-7 {
    order: 1;
}
.vision-banner-img img {
    width: 100%;
    margin-bottom: 10px;
}
.vision-page-text{margin-bottom: 10px;}

.vision-page-section {padding: 40px 0px 0px;}

.vision-page-header h2 {font-size: 28px;}

.values-section {padding: 40px 0 20px;}

.value-box{padding: 15px 0px 0px; margin-bottom: 10px;}

.values-section .vision-page-header {
    text-align: center;
    margin-bottom: 15px;
}
.hero-section-1 {padding: 35px 0 50px !important;}
.stat-number {
    font-size: 20px !important;
    margin-bottom: 0px;
}

.stat-label {
    font-size: 12px !important;
    margin: 0px 0 0 !important;
}
.stat-icon {
    width: 40px !important;
    height: 40px !important;
    font-size: 16px !important;
}
.stats-section .row > div {
    margin-bottom: 0px;
    padding: 10px 0px !important;
}
.stats-section {
    margin-top: -30px;
    margin-bottom: 0px;
}
.feature-card h4 {
    font-size: 16px !important;
    margin-bottom: 8px !important;
    line-height: 1.4;
}
.feature-card p {font-size: 12px !important;}

.feature-icon {
  width: 56px !important;
  height: 50px !important;
    font-size: 18px !important;
}
.dropdown-submenu > .submenu {
    position: absolute;
    top: 40px;
    left: 3%;
    min-width: 230px;
}
.feature-card {
    padding: 18px 14px !important;
    gap: 18px !important;
}

.promise-underline {margin: 0 auto 10px;}

.promise-text {
    margin: 0 auto;
    text-align: center;
}

.features-section .fade-up.in-view {margin-top: 17px;}

.footer-top {padding: 10px 0 30px !important;}

.footer-top .col-lg-1{display: none;}

.stats-section .row > div {margin-bottom: 5px !important;}

.features-section {padding: 15px 0 40px !important;}

.hero-section-1 .fade-up.in-view {margin-top: 0px !important;}

.heading-underline {margin-top: 0px;}

.hero-section-1 .hero-heading {margin-bottom: 10px;}

.hero-img-wrap {margin-bottom: 15px !important;}

.hero-content p {margin-bottom: 8px; font-size: 13px !important; line-height: 26px !important;}

.banner-bottom-box {display: block;}
.promise-heading {font-size: 20px !important;}
.banner-bottom-box {
    display: block;
    padding: 10px 12px 10px;
}
.banner-bottom-boxcard {
    margin-bottom: 15px;
    margin-top: 5px;
}
.business-top-section {padding: 35px 0px 45px;}

.business-banner-section .page-banner-header h2 {
  font-size: 18px;
  line-height: 28px;
}
.business-banner-section .page-banner-header p {
    width: 100%;
    font-size: 13px;
    line-height: 25px;
    margin-bottom: 10px;
}
.business-bannercard {display: block;}

.business-bannercarditems {
    margin-bottom: 15px;
    margin-top: 0px;
}
.business-banner-section {padding: 30px 0 40px;}

.business-heading p {
    width: 100%;
    font-size: 13px;
}
.business-box {
    margin-top: 30px;
}
.business-box-heading h4 {font-size: 18px;}

.business-box-icon {height: 80px;}

.business-box-icon i {
    padding: 25px 10px 10px 22px;
    font-size: 29px;
}
.business-box-body P {padding-left: 20px;}

.business-box-body ul li {
    padding-left: 35px;
    font-size: 13px;
}
.business-box-body ul li i {
    font-size: 13px;
    margin-left: -28px;
    padding-right: 10px;
}
.business-box-icon img {
    width: 60px;
    padding: 23px 10px 10px 17px;
}

.business-why-leftbox {min-height: auto; margin-bottom: 25px; padding: 20px;}

.business-why-leftbox h4 {margin-bottom: 0px;}

.business-count .stat-item p {
    color: white;
    max-width: 175px;
}

.business-why-items {gap: 13px;}

.business-why-rightbox {padding: 20px 15px 20px 26px;}

.business-why-rightbox .partner-btn {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 11px;
    padding: 6px 13px;
}

.business-why-rightbox h2 {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 10px;
}

.business-why-section {
    background-color: white;
    padding: 0px 0px 30px;
}
.clients-heading h2 {
    width: 99%;
    margin-bottom: 20px;
    font-weight: 600;
}
.business-getintouch-items {
    border-radius: 20px;
    padding: 20px 15px 15px;
    overflow: hidden;
    position: relative;
    display: block;
    gap: 10px;
    align-items: center;
    margin-bottom: 40px;
    margin-top: 10px;
}
.business-getintouch-box {
    width: 100%;
    margin-bottom: 10px;
}
.business-getintouch-box h2 {
    font-size: 20px;
    margin-bottom: 0px;
    line-height: 30px;
}
.business-getintouch-box h5 {
    font-size: 13.5px;
    margin-bottom: 0px;
    width: 100%;
    line-height: 22px;
}
.business-why-rightbox .bottom-text {
    margin-top: 13px;
    font-size: 13px;
    margin-bottom: 0px;
}
.page-banner-header h6 {
    font-size: 14px;
    margin-bottom: 4px;
}
.filters-section {
    width: 100%;
    float: left;
}
.search-box-full {
    width: 100%;
    float: left;
}
.search-box input {width: 100%;}

.search-box i {
    position: absolute;
    right: 5px;
    top: 24%;
    transform: translateY(10%);
}

.search-box-full input {margin-bottom:18px;}

.filters-section select {
  margin-bottom: 35px;
}

.product-box .product-content {
  position: relative;
  z-index: 10;
  padding: 15px 0px 14px 0px;
}

.product-box {margin-bottom: 15px;}

.product-image img {height: 160px;}

.product-page-content-bottom {
    padding: 16px 15px 18px;
    width: 100%;
    display: block;
    margin-top: 35px;
}
.product-page-content-bottom .left-side {display: block;padding-right:0px;}

.product-page-content-bottom .left-side .icon {
    width: 55px;
    height: 55px;
    margin-bottom: 10px;
}

.product-page-content-bottom .left-side .text {margin-bottom: 10px;}

.product-page-content-bottom .right-side {
  display: flex;
  justify-content: flex-start;
}
.product-page_pagenition .page-item {width: 35px;}

.product-page_pagenition {
  justify-content: center;
  margin: 10px auto 0;
}

.product-page-content-bottom .left-side .text h4 {margin-bottom: 8px;}

.product-page-banner {
  padding: 27px 0 32px;
  height: auto;
}

.product-highleats {display: block; margin-bottom: 20px;}

.product-highleats-item {
    padding-right: 0px;
    margin-bottom: 13px;
    border-right:none;
}
.product-page-banner-left {
    background-color: white;
    padding: 20px;
    width: 100%;
    margin-left: 0%;
}
.search-box {
    position: relative;
    width: auto;
}
.product-page-banner-text p {
  font-size: 14px;
  width: 100%;
}
.product-page-banner-text h2 {
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 5px;
}
.products-fullpage {padding: 40px 0px 35px;}
.navbar {
    padding: 0px 0;
    /* height: 80px; */
}
.site-footer .logo-mark img {
    width: 180px;
    height: 95px;
    margin-bottom: 0px;
}

.logo-mark img {
    width: 180px;
    height: 80px;
    margin-bottom: 0px;
}

.hero-left {
    padding-right: 0;
    margin-bottom: 5px;
}

.esg-float-card {
    padding: 14px 2px 14px 18px;
}

.hero-heading {margin-bottom: 15px;}

.hero-para { margin-bottom: 20px; line-height: 25px;}

.logo-brand {padding: 0px !important;}
.product-detail-image img {
  width: 100% !important;
  height: auto !important;
  margin-bottom: 25px !important;
}
.product-detail_content {padding-left: 0px;}

.details div {gap: 20px;}
.details strong {
    min-width: 115px;
}
.product-detail_section {
    padding: 45px 0px 35px;
}
.why-partner-card {margin-top: 12px;padding-bottom: 2px;} 

.cert-section .mt-1 .col-md-1{display: none !important;}

.cert-section .mt-4{margin-top: 10px !important;}

.cert-section .col-lg-12 .mt-5 {margin-top: 1rem !important;}

.career-banner-section .page-banner-header h2 {
    width: 100%;
    font-size: 28px;
    line-height: 38px;
}
.career-banner-section .page-banner-header p {
    width: 100%;
    margin-bottom: 20px;
    font-size: 13px;
    line-height: 25px;
}
.career-positions {padding: 25px 0 0px;}

.career-positions .accordion-header {
    border-radius: 8px !important;
    display: block !important;
}
.career-positions .accordion-header .job-experience {
    font-size: 1rem;
    width: 40%;
    display: block;
    padding: 0px 0px 10px 20px;
}

.accordion-item .border-bottom {
  border-bottom: 0 !important;
  padding: 12px 10px;
  margin-bottom: 10px;
}

.career-positions .accordion-button i {margin-right: 15px;}

.apply-btn {
  display: inline-block;
  font-size: 1rem;
  width: 38%;
  margin-right: 20px !important;
  float: right;
  margin-top: -48px;
}

.career-positions .accordion-flush .accordion-item:last-child {
    margin-bottom: 0 !important;
}

.career-positions .container .p-4 {
    padding: 0rem !important;
}
.career-form-card h2 {
    font-size: 24px;
    margin-bottom: 5px;
}
.contact-links {
    margin: 20px 0px 20px;
}
.contact-map iframe {
  height: auto;
}
.career-form-card .subtitle {
    font-size: 13px;
    line-height: 24px;
    color: #eef3ff;
    margin-bottom: 18px;
}
.career-form-card {padding: 20px 20px 15px 20px;}

.career-positions .accordion-body .job-detail-row {
    display: block;
    margin-bottom: 10px;
    margin-left: 0px;
}
.career-positions .accordion-body .job-description li::before {
  content: "✓";
  position: absolute;
  left: 5px;
}
.career-positions .accordion-body .job-description li {
  position: relative;
  padding-left: 25px;
}

.career-banner-section .business-bannercard {
    display: block;
    margin-bottom: 24px;
}
.career-banner-section {
    padding: 35px 0 30px;
}
.career-formimg img {
    width: 100%;
    height: auto;
}
.career-form-card {margin-top: 25px;}

.career-form-card .row input {width: 100%;}

.career-form-card .row {display: block;}

.career-form-card .secure-info p {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 0px;
}
.global-box-item {margin-bottom: 20px;border: none;}

.global-box-item img {width: 52px;margin-bottom: 8px;}

.global-box {padding: 18px 10px 10px;margin-bottom: 40px;}

.why-career-points ul {margin-bottom: 0px;}

.why-career-points {margin-bottom: 15px;}

.why-career-right {margin-bottom: 35px;}

.why-career-bottombox {
    border-radius: 15px;
    padding: 18px 20px;
    display: block;
    margin-bottom: 38px;
}
.why-btn, .why-btnout-line {
    width: auto;
    height: 43px;
    border-radius: 8px;
    font-size: 12px;
}
.why-career-bottombox-left p {
  margin-bottom: 15px !important;
  font-size: 13px;
}
.global-box h3 {
    line-height: 30px;
    font-size: 21px;
    margin-bottom: 30px;
}
.global-box-item p {
    color: #fff;
    font-size: 14px;
    line-height: 25px;
    margin: 0 auto;
    width: 78%;
}
.why-career-points h3 {
    font-size: 22px;
    margin-bottom: 10px;
}
.why-career-points .card-underline {
    width: 60px;
    margin-bottom: 20px;
}
.why-career-bottombox-left h4 {font-size: 20px;}

.why-career-right img {width: 100%;}

.why-career-points ul li i {
    font-size: 13px;
    margin-left: -25px;
    padding-right: 8px;
}
.why-career-points ul li {
    padding-bottom: 10px;
    font-size: 15px;
}
.process-banner-section .page-banner-header h5 {font-size: 18px;line-height: 26px;}

.process-banner-section .page-banner-header p {
    width: 100%;
    font-size: 14px;
    margin-bottom: 13px;
    line-height: 26px;
}
.process-banner-section .business-bannercarditems {
    margin-right: 0px;
    border: none;
}
.process-banner-section .business-bannercard {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px 10px;
    width: 100%;
    margin-bottom: 10px;
}

.process-banner-section .business-bannercarditems {
    width: 100% !important;
    box-sizing: border-box;
}
.process-banner-section .business-bannercarditems .text h6 { padding-right: 0px;}

.process-banner-section .page-banner-header h2 {
    font-size: 28px;
    margin-bottom: 3px;
}
.btn-quote-lg, .btn-outline-lg {padding: 13px 15px;font-size: 12px;}

.process-box {padding: 20px 12px 10px 14px;}

.process-development-section .m-0 .col-lg-6{padding: 0px !important;}

.phn-boxs{
    margin-bottom: 0px !important;
    position: relative;
    top: 20px;
}

.process-box h4 {
    font-size: 21px;
    margin-bottom: 10px;
}
.process-development-section {
    padding: 40px 0px 50px;
}
.blue-strip {
    border-radius: 8px;
    padding: 21px 20px;
    margin-bottom: 5px;
}
.blue-strip h3 {
    font-size: 22px;
    margin-bottom: 0px;
}
.blue-item h5 {
    font-size: 14.5px;
    margin-bottom: 5px;
    padding-left: 0px;
}
.blue-item {margin-bottom: 12.5px;border: none;}

.blue-item p {padding-left: 0px;font-size: 12px;}

.bottom-content h2 {
    font-size: 25px;
    margin-bottom: 6px;
}
.bottom-content {padding: 35px 0px 0px 0px; border: none;}

.feature-list {
    padding: 0px 0px 10px 0px;
    margin: 0;
}
.feature-list li {
    padding-left: 30px;
    position: relative;
    margin-bottom: 12px;
    font-size: 15px;
}
.quote-box h3 {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 10px;
}
.quote-box {padding: 20px 25px 25px;}

.process-banner-section {padding: 30px 0px;}

.site-banner-section {padding: 30px 0px;}

.site-banner-section .page-banner-header h2 {font-size: 25px; margin-bottom: 2px;}

.site-banner-section .page-banner-header h5 {font-size: 17px;line-height: 25px;}

.site-banner-section .page-banner-header p {
    width: 100%;
    line-height: 26px;
    margin-bottom: 20px;
}
.site-banner-section .business-bannercarditems .text p {margin-bottom: 0px !important;}

.site-cards-section {padding: 42px 0px 0px;}

.site-border .col-lg-3{padding: 0px !important;}

.site-cards {margin-bottom: 18px;}

.site-cards .icon {
  width: 50px;
  height: 50px;
}
.site-cards .icon img {
    filter: brightness(0) invert(1);
    width: 33px;
}
.about-rightside h3 {font-size: 20px;}
.about-rightside ul li {
    font-size: 13.5px;
    margin-bottom: 10px;
}
.site-border { margin-bottom: 38px;}

.site-bottom-full {
    padding: 25px 15px;
    border-radius: 10px;
    margin-bottom: 40px !important;
}
.site-bottom-midel {display: block;margin-top: 15px;}

.site-bottom-midel-items {
    margin-bottom: 20px;
    width: calc((100% - 40px) / 1);
    border-right: 0px solid #ebebeb;
            align-items: center;
}
.site-bottom-midel-items:nth-child(4), .site-bottom-midel-items:nth-child(5) {
    width: calc((100% - 20px) / 1);
            align-items: center;
}
.site-bottom-midel-items .text p {width: 100%;}

.stat-item img {
    width: 48px;
    filter: brightness(0) saturate(100%) invert(46%) sepia(96%) saturate(2080%) hue-rotate(168deg) brightness(97%) contrast(101%);
    height: 48px;
}

.about-section .about-section-text {padding-right: 0px;}

.about-rightside {margin-bottom: 35px; padding: 18px 20px 10px;margin-top: 12px;}

.about-rightside-2 p {
    width: 80%;
    font-size: 13px;
    margin-bottom: 5px;
    line-height: 23px;
}
.about-section .about-section-text .about-card {
    text-align: center;
    margin: 15px 0px 15px;
    padding: 0px 32px;
}
.about-section .about-section-text .row {margin-bottom: 20px;}

.bottom-row {margin-top: 0px;}

.values-section {padding: 17px 0 20px;}

.vision-page-header {margin-bottom: 25px;}

.vision-header {margin-bottom: 10px;}

.value-box img {margin-bottom: 15px;}
















}