* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
:root{
 --blue: #021e50;
 --orange:#f7941d;
}

html{
  scroll-behavior: smooth;
}
body ,p{
 /* font-family: Helvetica, sans-serif !important; */
 font-family:'Manrope', sans-serif !important;
  color:#484848;font-size:16px;line-height:26px;
}
nav ul li a{
	transition:none !important;
}
a {
  text-decoration: none;
  color: #000;
}
header p,footer p{
  margin-bottom:0 !important;
}
header ul,footer ul{
  margin-bottom:0 !important;
}
.align-items-center {
  align-items: center;
}

.justify-content-center {
  -ms-flex-pack: justify !important;
  justify-content: center !important;
}
.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.d-block {
  display: block !important;
}
.d-none {
  display: none !important;
}
.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}
.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}
ul {
  padding-left: 0;
  list-style: none;
}
a {
  text-decoration: none;
  background-color: transparent;
}
img {
  max-width: 100%;
}
.container {
  width: 90%;
  margin: 0px auto;
}

.nowrap {
  white-space: nowrap;
}
a:hover {
    text-decoration: none;
  }

.gap {gap: 20px !important;}
  
header {background: #fff;position: -webkit-sticky;z-index: 1000;padding:0px 0px 0px 0px;}
header .main-menu>li {position: relative;}header .main-menu>li>a {color: #000;font-size: 16px;padding: 13px 0px 8px;font-weight: 700;display: block;/*transition: .4s;-webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s;-o-transition: .4s;*/position: relative;margin-bottom:0px;}header .main-menu>li.active>a {color: var(--orange);}header .main-menu>li:hover>a {color: var(--orange);}header .main-menu>li>a>i {color: #03328E;}header .main-menu>li>a:hover>i {color: #fff;}header .main-menu>li:hover>a i {color: #fff;}.preheader a:hover{color:var(--orange);}
header .main-menu .sub-menu {display: none;position: absolute;left: 50%;top: 100%;width: 240px;overflow: hidden;border-top: 2px solid var(--green);background: #fff;-webkit-box-shadow: 0 1px 5px 0 rgba(83, 83, 83, 0.2);box-shadow: 0 1px 5px 0 rgba(83, 83, 83, 0.2); z-index: 5;transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);}header .main-menu .sub-menu a{padding: 14px 10px !important;display: block;color: #000;font-weight: 600;font-size: 16px;border-bottom: 1px solid  #e8e8e8; -webkit-transition: background 0.2s linear;-moz-transition: background 0.2s linear; -o-transition: background 0.2s linear;transition: background 0.2s linear;}header .main-menu .sub-menu a i {color: #03328E;}header .main-menu .sub-menu li:hover a{color: #fff;}header .main-menu .sub-menu li:hover{background: linear-gradient(121deg, rgba(21,148,175,1) 0%, rgba(46,177,146,1) 100%);box-shadow: none;}header .main-menu .sub-menu li{transition: all 0.3s ease-out;}header .main-menu>li:hover .sub-menu {display: block;}header .header-logo figure img { max-width: 200px;}header .demo-link {margin-left: 1vw;}header .side-menu-close {background:var(--orange);margin-left: auto !important;}header .side-menu-close span {background: #fff; width: 28px;transition: 0.4s ease;}#call-action .call-action {color: #001b4f;font-weight: 700;font-size: 23px;transition: .4s;-webkit-transition: .4s; -moz-transition: .4s;-ms-transition: .4s;-o-transition: .4s;}
#call-action .call-action:hover {color: #10bd3b;}footer sup,.gbg sup{font-size:smaller;}/* side menu */.side-menu-wrap { width: 300px;position: fixed;left: -100%; top: 0;background: #fff;height: 100%; -webkit-box-shadow: 0 1px 5px 0 rgba(83, 83, 83, 0.2); box-shadow: 0 1px 5px 0 rgba(83, 83, 83, 0.2);overflow-y: auto; z-index: 999999; transition: .4s; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s;}.side-menu-wrap.opened {left: 0;transition: .8s; -webkit-transition: .8s;-moz-transition: .8s;  -ms-transition: .8s; -o-transition: .8s;}
.side-menu-logo { border-bottom: 2px solid #FE8204;}.side-menu-nav .main-menu>li {position: relative;border-bottom: 1px solid #ccc;}.side-menu-nav .main-menu>li>a>i {color: #03328E;}
.side-menu-nav .main-menu .sub-menu {border-top: 1px solid #3ab279;background: #fff;display: none;}.side-menu-nav .main-menu .sub-menu li {border-bottom: 1px solid #eee;}
.side-menu-nav .main-menu .sub-menu a {padding: 15px 10px;display: block;color: #212529;font-weight: 600;font-size: 16px;transition: .4s;-webkit-transition: .4s;-moz-transition: .4s;-ms-transition: .4s; -o-transition: .4s;}.side-menu-nav .main-menu .sub-menu a i {color: #03328E;}.side-menu-nav .main-menu .sub-menu~i {font-size: .8em;position: absolute;padding: 21px 11px;right: 0;top: 0;border-left: 1px solid #ccc;}.side-menu-nav .main-menu .sub-menu a:hover {background: #F5F5F5;}.side-menu-nav .main-menu>li>a {color: #212529;padding: 15px 30px 15px 10px;font-weight: 600;display: block;transition: .4s;-webkit-transition: .4s;-moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s;}.side-menu-wrap .side-menu-close {position: absolute; right: 0; top: 0; height: 30px;width: 30px;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0; -o-border-radius: 0;}.side-menu-close {padding:0px !important;height: 43px;width: 43px !important;background: #21395F;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;padding-top: 18px;transition: 0.4s ease;}.side-menu-close span{height: 2px;width: 20px;background: #fff;position: relative;opacity: 1;transition: .4s;-webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s;}.side-menu-close span:nth-child(1){top: -5px;}.side-menu-close span:nth-child(3){bottom: -5px;}
.side-menu-close.closed span:nth-child(1) {transform: translateY(7px) rotate(45deg);-webkit-transform: translateY(7px) rotate(45deg);-moz-transform: translateY(7px) rotate(45deg);-ms-transform: translateY(7px) rotate(45deg); -o-transform: translateY(7px) rotate(45deg);}.side-menu-close.closed span:nth-child(2) {opacity: 0;}.side-menu-close.closed span:nth-child(3) {transform: translateY(-7px) rotate(-45deg); -webkit-transform: translateY(-7px) rotate(-45deg); -moz-transform: translateY(-7px) rotate(-45deg); -ms-transform: translateY(-7px) rotate(-45deg); -o-transform: translateY(-7px) rotate(-45deg);}header {
    background: #fff;
    position: -webkit-sticky;
    z-index: 1000;
    padding: 0px 0px 0px 0px;
}.sp-sticky {
    width: 100%;
    height: auto;
    display: block;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}.container {
    width: 80%;
    margin: 0px auto;
}.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}.justify-content-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}

.logo-container {
    flex: 1;
    display: flex;
    align-items: center;
}
.menu-container {
    flex: 2;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center; /* Align to the right */
}
.mobile-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.hinfo img.img-fluid {
    width: auto;
    height: 50px;
}

header .header-logo {
    text-align: center;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
.header-logo img {
    height: 50px;
    max-height: 100%;
    width: auto;
    transition: 0.4s ease;
}
header nav{width:100% !important;padding:15px 0px 2px;}
.d-none {
    display: none!important;
}
.hinfo {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
}
.hinfo li {
    padding: 0px 10px;
}
ul {
    padding-left: 0;
    list-style: none;
}
header .px1 {
    padding: 0px 0px;
}
.flex-column {
    -ms-flex-direction: column!important;
    flex-direction: column!important;
}     
.megamenu {
    display: flex;
    padding: 0px;
    background: #f9f7f7;
    position: fixed;
    z-index: 99999;
    width:50%;
    top: 103px;
    left: auto;
    right:90px;
    opacity: 0;
    transition: all 0.3s ease;
    transform: scaleY(0);
    box-shadow: 0px 0px 6px rgb(0 0 0 / 15%);
    align-items: flex-start;
    transform-origin: top left;
}.mwidth {
    width: 100%;display: flex;
    margin: 0px auto;
    padding: 20px 0px 20px 20px;
}    
.megamenu a{text-transform: capitalize;}
 .megamenu .nav {
    width: 30%;
    height: auto;
    display: flex;
    border-right: 1px solid #e8e8e8;
    overflow: hidden;
    flex-direction: column;
}.megamenu .nav li {
    padding-left: 0px;
    padding-right: 0px;
    display: flex;
}.dm2 .megamenu a {
    padding: 10px 20px 5px 10px !important;
    display: block;
    color: #000;
    font-weight: 400;
    font-size: 15px;
    width: 100%;
}.dm2 .megamenu a.cat_head {
    display: block;
    color: #001f4e;
    font-weight: 400;
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    color: #001f4e;
    border-bottom: solid 1px #c8c8c8;
}

.megamenu .nav li.active a, .megamenu .nav li:hover a {
    border-bottom: 0px;
}
.megamenu .nav li:hover a, .megamenu .nav li a.active, .megamenu .nav li:hover,.megamenu .mrow a:hover {
    color: #198190;
}
.megamenu .mrow a {
    color: #3ab279;
} 
.mappoint {
    background-color: #3ab279;
    color: #fff;
    position: relative;
}
.diagonal::before, .diagonal::after {
    content: "";
    top: 0;
    bottom: 0;
    transform: skewX(-45deg);
    width: 100%;
    background: #313131;
    transition: 0.3s ease;
    position: absolute;
    z-index: -1;
}
.diagonal::before {
    left: -120%;
}
.diagonal::after {
    right: -120%;
}
.diagonal {
    overflow: hidden;
    z-index: 1;
    transition: 0.4s ease;
    display: inline;
    display: flex;
}     
.hinfo a {
    padding: 10px 15px;color:#0f1a31;
}
a{text-decoration:none;}
.cback {
    background-color: #198190;
    color: #fff;
    position: relative;
}
.vconsult {
    color: #000;
    border: 1px solid #000;
    position: relative;
}           
header .main-menu li:first-child a {
    padding-left: 0px;
} 
header .main-menu li {
    padding: 0px 15px;
}
.megamenu .nav {
    width:100%;
    height: auto;
    display: flex;
    border-right: 1px solid #e8e8e8;
    overflow: hidden;
    flex-direction: column;
}
.megamenu .nav li {
    padding-left: 0px;
    padding-right: 0px;
    display: flex;
}
.megamenu .nav li.active a, .megamenu .nav li:hover a {
    border-bottom: 0px;
}
.sub-menu a::before {
    display: none;
}
.dm2:hover .megamenu {
    transform: scaleY(1);
    opacity: 1;
    visibility: visible;
}
.megamenu .tab-content {
    width: 100%;
}
.tab-content > .tab-pane {
    display: none;
}.megamenu .mrow {
    padding: 0px 20px 0px 20px;
}
.megamenu .mimg img {
    border-radius: 5px;
   object-fit: contain;
}
.megamenu .mimg{background: #f6f1ed;}
.megamenu .mrow p {
    margin-top: 25px;font-size:15px;
}
.tab-content > .active {
    display: block;
}
.vconsult:hover {
    color: #fff;
}
.diagonal:hover:before, .diagonal:hover:after {
    width: 175%;
}     
.sp-sticky.sp-active {
    box-shadow: rgb(67 182 128) 0px 0px 5px;
    padding: 10px 0px;
}
.sp-sticky-child {
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
}   
.side-menu-wrap .side-menu-close{display:none !important;}      
.d-block {
    display: block!important;
}
.angdown svg {
    transform: rotate(450deg)!important;
}
.side-menu-nav svg {
    transition: all .1s linear;
}
.prm, .mlevel {
    position: relative;overflow: hidden;
}
.prm.active i svg {
    transform: rotate(450deg)!important;
}
.ncontainer {
    width: 90%;
    margin: auto;
}
.hinfo li:last-child a,header .main-menu .cus,header .main-menu .cus a{padding-right:0px;}
  /*  custom overlay */
.custom-overlay {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .4);
    z-index: 12500;
    visibility: hidden;
    opacity: 0;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
}
.custom-overlay.show {
    visibility: visible;
    opacity: 1;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
}
.megamenu .nav a{text-transform: capitalize;}
  footer .sicons a{background: #e6f3ea;}footer .sicons a svg path{fill:#000;}
  footer .sicons a:hover svg path{fill:#fff;}
  .sicons li:last-child a{margin: 0px;}
  .fclr li:nth-child(2){margin: 0px 5px;}
  #navs{padding: 10px 0px;}.main-menu a{color: #0f273c;font-weight:600;text-transform: uppercase;padding: 0px 30px;position: relative;}
  .main-menu a:hover,.fclr a:hover{color:#0777ba;}
  footer{background-color:var(--blue);padding: 40px 0px 0px;}.frow{display: flex;justify-content: space-between;padding-bottom: 40px;}
  .f1{width: 22%;}.f2{width: 14%;padding-left: 0%;}.f3{width: 15%;}.f4{width: 15%;} .f5{width: 20%;}
  footer,footer a{color:#ffffff87;}.f1 .f500,.f4 .f500{color: #fff;font-weight: 500;padding: 20px 0px;}footer h2{margin-bottom: 50px;color: #fff;font-weight:600;}
  .mb-50{margin-bottom: 50px;}.mt-90{margin-top: 90px;}.f4 .f500{padding: 0px 0px 10px;}
  footer .sicons a{font-size: 16px;width: 30px;height: 30px;}.mb-1{margin-bottom:10px;}.mb-2{margin-bottom:20px;}.f2 li,.f3 li,.f4 li,.f1 li{margin-bottom:8px;}
  .f2 li:last-child,.f3 li:last-child,.f4 li:last-child,.f1 li:last-child{margin-bottom: 0px;}
  footer a:hover{color: #fff;}footer p,footer a{font-size: 16px;}.f1 svg{transform: rotate(180deg);width: 30px;margin-right: 10px;}.vmore{display: flex;align-items: center;text-transform: uppercase;font-weight:700;color: #fff;margin-top: 15px;}.f1 .vmore:hover{color: #c0202f;}
  .f1 .vmore:hover path,.f1 .vmore:hover line{stroke:#c0202f;}.copyright{background-color: #fff;padding: 10px 0px;}.copyright p,.copyright a{color:#484848;font-weight: 600;font-size:14px;}
  .copyright a:hover{color: var(--orange);}.nowrap{white-space: nowrap;}.f4 li{line-height: 20px;}
.fb:hover {
    background: #3b5998;
}.linkedin:hover {
    background: #0a66c2;
}.instagram:hover {
    background: linear-gradient(to bottom,#5b4fc9,#db2d78);
}.youtube:hover {
    background: #ff0000;
}
.twit:hover {
    background:#1DA1F2;
}
.mobile-res{
 display:none;   
}

  header .row>*{
    width: auto;
    padding-left: 0;
    padding-right:0 ;
  }
  header a{
    text-decoration: none; 
  }
  footer a{
    text-decoration: none;
  }
  .pre-header{
    transition: 0.4s ease-in-out;
  }
  .header-class{
    transition: 0.4s ease-in-out;
  }
  .header-class.change .pre-header{
    animation: display-to-none 0.4s;
    animation-fill-mode: forwards;
  }
  
  @keyframes display-to-none {
    from{
      margin-top: -10px;
    }
    to{
      margin-top: -24px;
    }
  }
    
  
  .header-class.change{
    background:#fff;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.25);
  }
  .header-class.change .header-logo small:hover{
    color: #fff;
  }
  .enquiry-pf{
    padding:40px 0;
    background-color:#1a3176;
  }
  .enquiry-pf .container{
    display:flex;
    align-items: center;
    justify-content: space-evenly;
  }
  .enquiry-pf p{
    font-size: 1.7rem;
    width: 70%;
    line-height: 34px;
    margin-right: 20px;
    margin-bottom: 0;
    color: #fff;
  }
  .mw-80{
    max-width: 80%;
  }
  .mw-70{
    max-width: 70%;
  }
  .mw-60{
    max-width: 60%;
  }
  .mw-50{
    max-width: 50%;
  }
  .mw-40{
    max-width: 40%;
  }


  /* Swiper slider start */
  .swiper#banner-swiper {
    width: 100%;
    height: auto;
  }
  .swiper#banner-swiper .content-wrapper .content {
    padding: 0;
    margin:0 10% 0 20%;
  }
  .swiper#banner-swiper .content-wrapper .content {
    padding: 1.5em;
    color: #fff;
    opacity: 0;
    width: 100%;
    max-width: 35%;
    transition-duration: 1.5s, 0.6s;
    transition-property: opacity, transform;
    transition-delay: 0.4s;
  }
  .swiper .overlay {
    width: 100vw;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    margin: 0;
  }
  @media (min-width: 640px) {
    .swiper .overlay {
      background: rgba(0, 0, 0, 0.3);
    }
  }
  .swiper#banner-swiper .swiper-image {
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 16/6;
    margin: 0;
    transform: scale3d(1, 1, 1);
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
    will-change: transform;
    transition: transform 1500ms ease;
    transition-delay: 0.4s;
  }

  .swiper#banner-swiper .content-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: left;
    text-align: left;
    padding: 1rem;
    box-sizing: border-box;
  }


  @media (min-width: 640px) {
    .swiper#banner-swiper .content-wrapper.content-right {
      justify-items: end;
    }
  }
  .swiper#banner-swiper .content-wrapper .content p{
    color: #000;
    font-size: 18px;
    line-height: 1.2;margin: 30px 0px;
  }
  .swiper#banner-swiper .swiper-slide {
    margin: 0;
    overflow: hidden !important;
  }
  
  .swiper#banner-swiper .swiper-slide.swiper-slide-active .content {
    opacity: 1;
  }
  .swiper#banner-swiper .swiper-nav-wrapper {
    position: absolute;
    bottom: 6em;
    left:6em;
  }
  @media (min-width: 640px) {
    .swiper#banner-swiper .swiper-nav-wrapper {
      bottom: 30px;left:7%;
    }
  }
  .swiper#banner-swiper .swiper-nav-wrapper .swiper-button-next {
    right: 0;
    left: 0;
  }
  .swiper#banner-swiper .swiper-nav-wrapper .swiper-button-prev {
    right: 15px;
    left: auto;
  }
  .swiper#banner-swiper .swiper-nav-wrapper .swiper-button-next,
  .swiper#banner-swiper .swiper-nav-wrapper .swiper-button-prev {
    width: 60px;
    height: 60px;
  }

  
  .swiper-button-next:after,
  .swiper-button-prev:after {
    display: none;
  }
  
  .swiper-button-next,
  .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='9px' height='16px' viewBox='0 0 9 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='chevron-right' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cpath d='M8.674805,7.066406 L1.924805,0.316406 C1.696288,0.105468 1.432619,0 1.133789,0 C0.834959,0 0.57129,0.105468 0.342773,0.316406 C0.114257,0.544923 0,0.808592 0,1.107422 C0,1.406251 0.114257,1.669921 0.342773,1.898438 L6.301758,7.857422 L0.342773,13.816406 C0.114257,14.044923 0,14.308592 0,14.607422 C0,14.906251 0.114257,15.169921 0.342773,15.398438 C0.465821,15.521485 0.584472,15.609375 0.69873,15.662109 C0.812989,15.714844 0.958007,15.741211 1.133789,15.741211 C1.309571,15.741211 1.454589,15.714844 1.568848,15.662109 C1.683106,15.609375 1.801757,15.521485 1.924805,15.398438 L8.674805,8.648438 C8.903321,8.419921 9.017578,8.156251 9.017578,7.857422 C9.017578,7.558592 8.903321,7.294923 8.674805,7.066406 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
    left: 10px;
    background-repeat: no-repeat !important;
    background-position: center !important;
    right: auto;
    width: 20px !important;
    height: 20px !important;
    padding: 15px;
  }
  
  .swiper-button-prev,
  .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='9px' height='16px' viewBox='0 0 9 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='chevron-right' transform='translate(4.508789, 7.870605) rotate(-180.000000) translate(-4.508789, -7.870605) translate(-0.000000, -0.000000)' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cpath d='M8.674805,7.066406 L1.924805,0.316406 C1.696288,0.105468 1.432619,0 1.133789,0 C0.834959,0 0.57129,0.105468 0.342773,0.316406 C0.114257,0.544923 0,0.808592 0,1.107422 C0,1.406251 0.114257,1.669921 0.342773,1.898438 L6.301758,7.857422 L0.342773,13.816406 C0.114257,14.044923 0,14.308592 0,14.607422 C0,14.906251 0.114257,15.169921 0.342773,15.398438 C0.465821,15.521485 0.584472,15.609375 0.69873,15.662109 C0.812989,15.714844 0.958007,15.741211 1.133789,15.741211 C1.309571,15.741211 1.454589,15.714844 1.568848,15.662109 C1.683106,15.609375 1.801757,15.521485 1.924805,15.398438 L8.674805,8.648438 C8.903321,8.419921 9.017578,8.156251 9.017578,7.857422 C9.017578,7.558592 8.903321,7.294923 8.674805,7.066406 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
    auto: 10px;
    background-repeat: no-repeat !important;
    background-position: center !important;
    right: left;
    width: 20px !important;
    height: 20px !important;
    padding: 15px;
  }
  .swiper#banner-swiper .overlay{
    background-image: linear-gradient(90deg, #00000080, transparent);
  }
  /* Swiper slider end */

header{
  background: #fff !important;
}
  header{
    background: #fff0;
    box-shadow:none;
    position: fixed;
    width: 100%;
  }
  header .main-menu>li.active>a {
    color: var(--blue);
  }
  .home-page header .header-logo {
    color:#fff;
    max-height: 150px;
  }
  header .header-logo {
    color:var(--blue);
  }
  .home-page header .header-logo p{
    color: var(--blue);
  }
  header .header-logo p{
    text-align: center;
    word-spacing: 1px;
    color: var(--blue);
  }
  .header-class.change .header-logo p,.header-class.change .main-menu>li>a ,.header-class.change .header-logo {
    color: var(--blue);
  }
  .header-class.change .main-menu>li>a {
    
    color: #3e3e3e;
  }
  .header-class.change .main-menu>li.active>a {
    color: var(--blue);
  }
  header .header-logo small {
    font-weight: normal;
    text-align: center;
    word-spacing: 0px; color: var(--blue);
  }
 header .main-menu>li>a {
    color:#0f1a31;
  }
  
  header .side-menu-close span {
    background: #fff;
  }
  .header-class.change .side-menu-close span {
    background: #fff;
  }
  .home-page header .side-menu-close span {
    background: #fff;
  }
  header .main-menu>li>a {
   font-weight:500;
  }
  
.banner-sect {
   width: 100%;
   position: relative;
   overflow: hidden;
}
.banner-sect .swiper{
   width: 100%;
}
.banner-sect .swiper-wrapper{
   width: 100%;
}
.banner-sect .swiper-slide {
    position: relative;
    width: 100%;
    height: auto;
}

.home-page .banner-sect a{
        text-decoration: none;
        transition: 0.3s linear;
        display:inline-flex;
        font-weight:400;
        text-transform: uppercase;
        padding: 8px 20px;
}

.blue-lined.margin-center::before {
  margin-left: -75px;
}
.bread-crumb a{color: #fff;text-decoration: none;}
.bread-crumb a:hover{color:var(--red);}
.blue-lined::before {
  content: '';
  width: 65px;
  height: 1.5px;
  background:#6699cc;
  align-self: center;
  margin-right: 10px;
}
.banner-sect h1, .banner-sect h2 {
  font-size: 50px;font-weight:700;
  line-height:48px !important;text-transform: uppercase;width:90%;
}
.welcome{
  padding:70px 0 80px;
}
.welcome-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.welcome-grid .left img{width:500px;}
.welcome-grid > .right{
  position:relative;
}
.welcome-grid h2{font-weight: 600;}
.welcome-grid > .right p{margin:10px 0px 40px 0px; text-align:justify;} #p-pdd{margin:10px 0px 0px 0px;}
.welcome-grid > .right > .video{
  position:absolute;
  bottom: -50px;
  right: 0;
}
  .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{line-height: 1.1 !important;}
.stripe-1 {
  color: white;
  background:#f9f9f9;
}
.ribbon > .container{
  display:grid;
  grid-template-columns: repeat(4,1fr);
  padding: 40px 0 40px;margin-bottom:10px;
}
.ribbon > .container h2{
  margin-bottom:0;
  font-size:40px;
  color:#000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}
.ribbon > .container p{
  font-size: 18px;
  font-weight: 500;
  color: #000;
  margin-bottom: 0;
  line-height: 1;
}
.left.hh-back{
  display: flex;
  justify-content: center;
  flex-direction: column;
  background-repeat: no-repeat;
}
.left.hh-back h2{
  padding:20px 0;
  font-weight: 700;    
}
.bcolor{color: var(--blue);}
.bl-clr{
  color: var(--blue);
}
.bl-clr{color:#646464;}
.fw-600{
  font-weight: 600;
}
.welcome-button{
  padding: 10px 20px;
  background: linear-gradient(to right, #18499a 50%, #7e7e7e 50%);
  width: max-content;
  text-decoration: none;
  color: #fff;
  margin-left: 6px;
  transition: 0.5s ease-out;background-size: 200% 100%;
    background-position: right bottom;
}
.inhouse-brands .inhbrands{
  display:grid;
  grid-template-columns: repeat(3,1fr);
  gap:30px;
  padding: 30px 0 0px;
}
.inhouse-brands .inhbrands>div{
  display:flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
}
.inhouse-brands .inhbrands img:first-child{
  max-width: 80%;
}
.inhouse-brands .inhbrands img{
  max-width: 50%;
}
.pspace{
  padding:70px 0;
}
.swiper-autoheight, .swiper-autoheight .swiper-slide{display:flex;height:inherit !important;}
.why-us-grid{
  display: grid;
  gap:40px;
  grid-template-columns:repeat(5,1fr);
  align-items: center;
}
.why-us{background: #9e9389;}
.hh-back-full{
  /*background: linear-gradient(to right, rgba(255,255,255,0.5), rgba(255,255,255,0.5)),url("images/hh-background-full-width.png");*/
  background: linear-gradient(to right, rgba(255,255,255,0.5), rgba(255,255,255,0.5));
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.why-inner{
  padding:20px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.why-inner hr{
  opacity: 0.75;
  width: 90%;
  margin: 1rem auto;background-color: #ccc;
}
.why-inner>div p{
  margin-bottom: 0;
}
.why-inner>div{
  width: 90%;
  margin: auto;
  align-items: center;
  display: flex;
  justify-content: flex-end;
  flex-direction: row-reverse;
}
.why-us-grid h2{
  letter-spacing: -1px;
}
.why-inner>div p, #spots p{
  font-size: 1.2rem;
  font-weight: 600;
  color: #000;
  letter-spacing:0px;line-height: 1.2;margin-left: 20px;
}
.why-inner>div img{
  max-width: 23%;
}

.testimonials  .card{
  padding:20px;
}
.card-content p{
  color: #000;
  text-align:justify;
}
.card-content{
  padding:50px 20px 20px;
  position:relative;
}
.card-content::after{
  content:"";
  position:absolute;
  /*background: url(images/left-quote.svg);*/
  height: 30px;
  width: 30px;
  top: 10px;
  left: 20px;
  background-size: contain;
}
.testimonials .container.pos-rel{
  position: relative;
}
.testimonials .container.grey-bg{
  background: #f3f3f3;
  padding: 20px 50px;
}
.testimonials small{
  font-weight: 600;
  font-size: 16px;
}
.testimonials .ncontainer{
  position: relative;
}
.testimonials .swiper-button-prev,.testimonials .swiper-rtl .swiper-button-next{
  left: auto;
  right:60px;
}
.news-head,.products-head{
  display:grid;
  grid-template-columns: 1fr 1fr;
}
.products-head{
  grid-template-columns: 2fr 1fr;
}
.news-head-left,.products-head-left{
  display:grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
.news-head-left .right p,.products-head-left .right p{
  margin-bottom: 0;
}
.products-head-left h2{
  font-size: 1.8rem;
}
.news-head-right,.products-head-right{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.products-head-right{
  justify-content: center;
}
.news-head-right .welcome-button,.products-head-right .welcome-button{
  margin: 10px; 
}
.news-card{
  display:grid;
  gap:20px;
  /* margin: 25px; */
}
.news-card img{
  transition: 0.3s ease-in-out;width:100%;height: 260px;object-fit: cover;
}
.hprods .owl-item img{transition:all 0.3s;}
.news-card:hover img,.hprods .owl-item:hover img{
  transform: scale(1.1);
}
.hpimg{position: relative;overflow:hidden;}
.ncontent p{
  color:#000;
}
.nimg-cont{
  overflow:hidden ;
}
.ncontent a{
  text-decoration: none;
  color:#000;
}
.pspace-b{
  padding:70px 0 0;
}
.pspace-t{
  padding:0 0 100px;
}

.how-we-work p,.how-we-work h2,.how-we-work h3{
  color:#0f1a31;
}
.process-head{
  display:flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.process-inner{
  display:flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  padding: 30px;
  text-align: center;
  background:#fff;
/*  clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);*/
    position: relative;margin:5px;
}
.process-inner::after{content:'';position: absolute;background:#ccc;}
.process-cont p{
    color: #fff;text-align:justify;
}
.process-inner.bl-bg{
  background:#fff;
}
.process-inner img{
  width: 75px;
  height: 75px;
  object-fit: cover;
} 
#process-slide-m .arrow-right{
  position: absolute;
  top: 50%;
  left: -27px;
  transform: translateY(-50%);
}

#products-swiper{
  padding-bottom: 30px;
}
.prod-container{
  position: relative;
}
.prod-container .prod-content{
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
  background:#fff;
  padding: 20px;
  text-align: center;
  opacity: 0;
}
.prod-container .prod-content:hover{
  cursor: default;
}
#products-swiper .swiper-slide-active .prod-container .prod-content{
  animation: display-block 0.4s forwards;
}
@keyframes display-block {
  from{opacity: 0;}
  to{opacity: 1;}
}
.prod-container .prod-content h3{
  color:var(--blue);
}
.prod-container .prod-content a{
  text-decoration: none;
  font-weight: 600;
  color: #000;
}
.lined-span{
  content: "";
  width: 50px;
  height: 1px;
  background: #000;
  display: block;
  margin: 0 10px;
  transition: 0.4s linear;
}
.testimonials .swiper-button-next,.testimonials .swiper-button-prev,.swiper-button-prev-products,.swiper-button-next-products{
  width: auto !important;
  /* font-size: 18px; */
  color: #000;
  text-transform: uppercase;
}
.testimonials .swiper-button-next:hover,.testimonials .swiper-button-prev:hover{
  font-weight: 500;
}
.test-container{
  width: 100%;
  margin:20px auto 30px;
}
.grey-bg{
  background: #f3f3f3;
}
.test-container.pos-rel{
  position: relative;
  width: 100%;
  padding: 0;
}
.counter h2{
  color:#000;
}
.counterplus{
  display:flex;
  align-items: center;
  justify-content: center;
}
.counter{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  text-align: center;flex-direction: column;
  gap:20px;
}
.counter-w h2{
  width: 103px;
}
.counterplus{
  width: 134px;
}
.counterplus.counterplus-sm{
  width: 75px;
}
.prod-slider-controls{
  display:flex;
}
.our-products .swiper-button-prev-products,.our-products .swiper-button-next-products{
  color: #8d8d8d;
}
.our-products .swiper-button-prev-products{
  left:45%;
  transform: translateX(-50%);
  padding-top: 20px;
}
.our-products .swiper-button-next-products {
  right:37%;
  transform: translateX(-50%);
  padding-top: 20px;
}
.testimonials .swiper-button-next:hover, .testimonials .swiper-button-prev:hover {
  font-weight: 500;
}
.news-slider-controls{
  display: flex;
}
.welcome-grid .swiper-button-prev,.welcome-grid .swiper-button-next{color:#8d8d8d;}
.swiper-button-prev-news,.swiper-button-next-news{
  width: auto !important;
  /* font-size: 18px; */
  color:#8d8d8d;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  padding: 10px 0;
}
.testimonials .swiper-button-next, .testimonials .swiper-button-prev {
  width: auto !important;
  /* font-size: 18px; */
  color: #000;
  text-transform: uppercase;
}
.pos-rel{
  position: relative;
}
.frow ul{
  padding:0;
}
footer h2{font-size: 1.1rem !important;margin-bottom: 20px;text-transform: uppercase;}
.copyright p, .copyright a{
  font-weight: normal;
}

.swiper#banner-swiper .content-wrapper .content :first-child,.swiper#banner-swiper h2{
    margin-bottom:20px;
  }
  .swiper#banner-swiper .swiper-counter{
    /* width: 100%; */
    height: 50px;
    position: absolute;
    top: auto;
    z-index: 1;
    color: #fff;
    font-size:16px;
    left:5%;
    transform: translateY(-50%);
    display: flex;
    bottom:20px;
  }
  .swiper#banner-swiper .swiper-counter .total{
    font-size: 24px;
    font-weight: 500;
  }
  footer p{
    color:#ffffff87;
  }
  .f1 h3{
      font-size: 1.1rem;
      color: #fff;
      font-weight: 500;
      text-transform: uppercase;
  }
.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.play-button .stroke-solid {
  stroke-dashoffset: 0;
  stroke-dashArray: 300;
  stroke-width: 4px;
  transition: stroke-dashoffset 1s ease,  opacity 1s ease;
}

.play-button .icon {
  transform: scale(0.8);
  transform-origin: 50% 50%;
  transition: transform 200ms ease-out;
}

.play-button:hover .stroke-solid {
  opacity: 1;
  stroke-dashoffset: 300;
}
.play-button:hover .icon {
  transform: scale(0.9);
}
.play-button{
  transition: 200ms ease-in-out;
}
.play-button:hover{
  background: rgba(0,0,0,0.2);
}

.welcome-button:hover{
  color: #fff;background-position: left bottom;
}
.header-class.change .pre-header{
  padding: 0;
}

.swiper-button-prev-process,.swiper-button-next-process{
  top:auto !important;
  bottom: -12% !important;
}
.swiper-button-prev-process{
  left:auto !important;
  right: 15% !important;
  width: 20px !important;
}
.swiper-button-next-process{
  left: auto !important;
  right: 5% !important;
  width: 20px !important;
}

.twocols img{width: auto !important;}
.display-m{display: none;}
.owl-carousel .g1 a{
  display: grid;
  align-items: center;
  justify-content: center;
  text-align:center;
  text-decoration: none;
  pointer-events: none;
  gap: 10px;
}
.owl-carousel .g1 img{
  margin: auto;
}
.owl-nav,.owl-dots{
  display: none;
}

footer .sicons a {
  border-radius: 50%;
  padding: 5px;
  margin: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
}
.sicons li {
  display: flex;
  align-items: center;
  justify-content: center;width:40px;
}

.home-page header .main-menu>li>a span::before{
  /* background-color: #fff; */
  background-color:#18499a;
}
header.change .main-menu>li>a span::before {
  background-color:  var(--blue);
}
.home-page a.header-logo:hover{
  color:#fff;
}
.prod-l-page .banner-sect, .prod-d-page .banner-sect,.faq-page .banner-sect,.contact-page .banner-sect,.clientele-page .banner-sect,.gallery-page .banner-sect,.network-page .banner-sect,.about-page .banner-sect{
 /* background-image: url('images/product-banner.png');*/
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 280px;
}
.prod-d-page .banner-sect{
 /*  background-image: url('images/tmt-bar-banner.png'); */
}
.faq-page .banner-sect{
 /*  background-image: url('images/faq-banner-resized.png'); */
  background-position: top;
  /* background-position: calc(bottom - 20px); */
}
/* .contact-page .banner-sect{
  background-image: url('images/banners/contact.webp');
  background-position: right;
}
.colour-coated-sheets-page .banner-sect{
  background-image: url('images/banners/colour-coated-sheets.webp');
  background-position: bottom;
}
.clientele-page  .banner-sect{
  background-image: url('images/clientele-banner.webp');
  }

.angles-page  .banner-sect{
background-image: url('images/banners/angles.webp');
}
.cement-sheets-page .banner-sect{
  background-image: url('images/banners/cement-sheets.webp');
}
.chequered-plates-page .banner-sect{
  background-image: url('images/banners/chequered-plates.webp');
}
.cr-sheet-coils-page .banner-sect{
  background-image: url('images/banners/cr-sheets.webp');
}
.gc-sheets-page .banner-sect{
  background-image: url('images/banners/gc-sheets.webp');
}
.hr-plate-coils-page .banner-sect{
  background-image: url('images/banners/hr-plate-coil.webp');
}
.hr-sheets-coils-page .banner-sect{
  background-image: url('images/banners/hr-sheets.webp');
}
.joist-beams-page .banner-sect{
  background-image: url('images/banners/joist-beam.webp');
}
.polycarbonate-sheets-page .banner-sect{
  background-image: url('images/banners/polycarbonate-sheets.webp');
}
.purlin-page .banner-sect{
  background-image: url('images/banners/purlin.webp');
}
.roof-vent-page .banner-sect{
  background-image: url('images/banners/roof-vent.webp');
}
.rounds-page .banner-sect{
  background-image: url('images/banners/rounds.webp');
}
.squares-page .banner-sect{
  background-image: url('images/banners/squares.webp');
}
.network-page .banner-sect{
  background-image: url('images/banners/dealers.webp');
  background-position: bottom;
}
.clientele-page .banner-sect{
  background-image: url('images/banners/partners.webp');
}
.screws-page .banner-sect{
  background-image: url('images/banners/screws.webp');
}
.pipes-page .banner-sect{
  background-image: url('images/banners/ms-pipes.webp');
}
.about-page .banner-sect{
  background-image: url('images/banners/profile.webp');
}
.tmt-bars .banner-sect{
  background-image: url('images/banners/tmt-steel-bars.webp');
}
.gallery-page .banner-sect{
  background-image: url('images/banners/gallery.webp');
}
.productpage .banner-sect{
  background-image: url('images/banners/products.webp');
}
.faq-page .banner-sect{
  background-image: url('images/banners/faq.webp');
} */
.banner-sect{
  position: relative;
  margin-top:80px;
}
header{
  background-color: #fff;box-shadow: 0px 0px 3px rgb(0 0 0 / 50%);
}
.overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  margin: 0;
}
.prod-l-page .overlay , .prod-d-page .overlay {
  background: rgba(0, 0, 0, 0.5);
}
.prod-d-page .desc h1{
  align-self: end;
}
.prod-d-page .desc a{
  align-self: start;
}

.prod-l-head{
  display: grid;
  grid-template-columns:1fr;
}
.prod-l-left{
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  gap: 10px;
}
.prod-l-cards-container{
  display:grid;
  grid-template-columns: repeat(3,1fr);
  gap:40px;
  padding: 40px 0;
}
.img-container{
  overflow: hidden;
}
.prod-d-page .prod-d-desc-grid .img-container>img{
 /* float: left;
  max-width: 100%;*/
  /* margin: 0rem 2rem 2rem 0rem; */
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.displayflex{
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.prod-l-card-wrap .img-container{
    height: 250px;
}
.prod-l-card-wrap img{

  width: 100%;
  object-fit: cover;
  object-position: center center;
  transition: 0.3s ease;
  
}

.prod-l-card-wrap:hover img{
  transform: scale(1.1);
}
.prod-l-card-wrap {
  display:flex;
  flex-direction: column;
  background-color: #f3f3f3;
  position: relative;
}
.prod-l-card-wrap h3{
  font-weight: 600;
  color:var(--blue);
  font-size: 20px;
}
.prod-l-left .right{
  font-size: 16px;
}
.prod-l-card-wrap .content{
padding:20px;
}
.prod-l-card-wrap .content p{
  color: #585858;
  font-size: 16px;
}
.prod-l-card-wrap .content a{
  text-decoration: none;
  color: #000;
  display:flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  transform: 0.3s ease;
}
.prod-l-card-wrap:hover a{
  color: var(--blue);
}
.prod-l-card-wrap:hover .content a .flex-align svg path{
  fill: var(--blue);
  /* border:1px soild var(--blue); */
}
.prod-l-card-wrap:hover .content a svg path{
  fill: #fff;
}
.prod-l-card-wrap .content a svg path{
  transition: 0.3s linear;
}
.prod-l-card-wrap .content svg{

  font-size: 16px;
}
.flex-align{
  display:flex;
  align-items: center;
  justify-content: center;
  padding:10px;
  border-radius: 50%;
  width: auto;
  height: 35px;
  transition: 0.3s linear;
}
.flex-align svg path{fill:#000;}
.banner-text{
  position: relative;
  text-align:left;
  color:#fff;height:100%;display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}
.prod-d-page .banner-text{width:100%;}
.banner-sect .overlay{display:none;}
.banner-text p{
  font-size: 36px;
  color: #fff;
  margin-bottom: 0;
}
.prod-d-page .banner-sect,.subbanner{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left:5%;
}
.banner-text small{
  font-size:16px;
}
.pre-header.header-top::after {
  width: 100%;
  content: '';
  height: 1px;
  background: #fff;
  position: absolute;
  bottom: 0;
}
.home-page .pre-header.header-top::after {
  display:none;
}
.pre-header{
  position: relative;
}
.prod-d-desc-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:50px;
}
.prod-d-desc-grid h1{
  font-size: 26px;
  font-weight: 600;
}
.prod-l-head h2{
  font-weight: 600;
  color: darkslategray;
}
.bread-crumb{
  display:flex;
  align-items: center;
  justify-content: flex-start;
  gap:10px;
  margin-top:10px;
  padding: 0;position: absolute;bottom:0px;
}
.bread-crumb a{
  text-transform: none;
}
.prod-l-page header{
  
}
.prod-d-desc-grid .desc{
  display: grid;
  align-items: center;
}
.spec-sec .strip{
  display:flex;
  align-items: center;
  margin-bottom: 10px;
}
.spec-sec .strip p{
  margin-bottom: 0;
}
.spec-sec .blue-bg{
  background-color: var(--blue);
  padding: 13px;
  color:#fff;
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  text-transform: uppercase;
}
.spec-sec .bigstrip.grey-bg{
  padding:35px;
  background-color: #f3f3f3;
  color: #000;
  width: 100%;
}
.scontainer{
  width:75%;
  margin: auto;
}
.spec-sec div.bigstrip.grey-bg{
  display:flex;
  align-items: center;
  max-height: 94px;
  padding: 10px 30px;
}
.spec-sec div.bigstrip.grey-bg img{
  max-height: 74px;
}
.application figcaption{
  margin-top:10px;
}
.application h2{
  font-weight: 600;
}
#application-swiper  figure img{
  /* filter: blur(0); */
  transition: 0.3s ease-in-out;
}
#application-swiper  figure:hover img{
  filter: brightness(0.5);
}
#application-swiper figure:hover figcaption{
  color: var(--blue);
}
.swiper-button-next-application, .swiper-button-prev-application{
  width:40px !important;
  height:40px !important;
  bottom: 0;
  position: absolute;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='9px' height='16px' viewBox='0 0 9 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='chevron-right' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cpath d='M8.674805,7.066406 L1.924805,0.316406 C1.696288,0.105468 1.432619,0 1.133789,0 C0.834959,0 0.57129,0.105468 0.342773,0.316406 C0.114257,0.544923 0,0.808592 0,1.107422 C0,1.406251 0.114257,1.669921 0.342773,1.898438 L6.301758,7.857422 L0.342773,13.816406 C0.114257,14.044923 0,14.308592 0,14.607422 C0,14.906251 0.114257,15.169921 0.342773,15.398438 C0.465821,15.521485 0.584472,15.609375 0.69873,15.662109 C0.812989,15.714844 0.958007,15.741211 1.133789,15.741211 C1.309571,15.741211 1.454589,15.714844 1.568848,15.662109 C1.683106,15.609375 1.801757,15.521485 1.924805,15.398438 L8.674805,8.648438 C8.903321,8.419921 9.017578,8.156251 9.017578,7.857422 C9.017578,7.558592 8.903321,7.294923 8.674805,7.066406 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: #333;
  right: 0;border-radius: 2px;
  border: 1px solid transparent;
  transition: all 0.3s ease-in-out;
}
.swiper-button-prev-application{
right: 50px;
background-image: url("data:image/svg+xml,%0A%3Csvg width='9px' height='16px' viewBox='0 0 9 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='chevron-right' transform='translate(4.508789, 7.870605) rotate(-180.000000) translate(-4.508789, -7.870605) translate(-0.000000, -0.000000)' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cpath d='M8.674805,7.066406 L1.924805,0.316406 C1.696288,0.105468 1.432619,0 1.133789,0 C0.834959,0 0.57129,0.105468 0.342773,0.316406 C0.114257,0.544923 0,0.808592 0,1.107422 C0,1.406251 0.114257,1.669921 0.342773,1.898438 L6.301758,7.857422 L0.342773,13.816406 C0.114257,14.044923 0,14.308592 0,14.607422 C0,14.906251 0.114257,15.169921 0.342773,15.398438 C0.465821,15.521485 0.584472,15.609375 0.69873,15.662109 C0.812989,15.714844 0.958007,15.741211 1.133789,15.741211 C1.309571,15.741211 1.454589,15.714844 1.568848,15.662109 C1.683106,15.609375 1.801757,15.521485 1.924805,15.398438 L8.674805,8.648438 C8.903321,8.419921 9.017578,8.156251 9.017578,7.857422 C9.017578,7.558592 8.903321,7.294923 8.674805,7.066406 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
}
.swiper-button-next-application{
/* right: ; */
}
.swiper-button-prev-application:hover, .swiper-button-next-application:hover{
  /* background-color: #fff; */
  /* border-color: var(--blue); */
  background-color: var(--blue);
}
#application-swiper{
  padding-bottom: 40px;
}

/* Accordion try bootstrap */
.accordion-button::after{
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M12 20v-8m0 0V4m0 8h8m-8 0H4"%2F%3E%3C%2Fsvg%3E') !important;
}
.accordion-button:not(.collapsed)::after{
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M20 12H4"%2F%3E%3C%2Fsvg%3E') !important;
}

.faq-grid{
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap:30px;
  align-items: flex-start;
}
.sticky-info,.qna{
  padding:40px;
}
.sticky-info .company-name{
  font-size: 20px;
  color: var(--blue);
}
.sticky-info,.qna h1{
  font-weight: 600;
}
.sticky-info a{
  text-decoration: none;
  color:#000;
}
.sticky-info{
  background:#f3f3f3;
  position: -webkit-sticky;
  position: sticky;
  top:140px;
  align-self: start;
}
.sticky-info p{
  color:#000;
}
.faq-grid .sticky-info svg{
  font-size: 18px;
}
.faq-grid .open-hours{
  padding:10px;
  background: #fff;
}
.faq-grid .open-hours p{
color: #8d8d8d;
}
.sticky-info .contact-info{
  padding: 10px;
}
#faq-accordion .accordion-button:focus{
  border-color: #fff !important;
  box-shadow: 0 0 0 .25rem rgba(255,255,255,.25) !important;
}
#faq-accordion .accordion-button:not(.collapsed){
  box-shadow: inset 0 -1px 0 #86b7fe63 !important;
  color: var(--blue);
}
#faq-accordion .accordion-button:not(.collapsed){
  background-color: #fff;
}
#faq-accordion.accordion-flush .accordion-item .accordion-button{
  font-weight: 600;
}
.sticky-info .contact-info-grid {
  display: grid;
  grid-template-columns: 40px auto;
  align-items: center;
  justify-content: start;
  padding-left: 10px;
}
.faq-grid .open-hours p.fw-bold,.sticky-info p.contact-info-grid {
  color: #000;
}
.sticky-info p.heading{
  position: relative;
}
.sticky-info p.heading::after {
  content: '';
  position: absolute;
  bottom: 0;
  height: 1px;
  width: 100%;
  background: #00000021;
  left: 0;
}
footer .mobile-grid,.contact-page .mobile-grid{
  display:grid;
  grid-template-columns: auto 2fr;
  gap:5px;
  align-items: center;
}
footer .mobile-grid span,.contact-page .mobile-grid span{
  display: flex;
  flex-direction: column;
}
footer .mobile-grid span a:first-child,.contact-page .mobile-grid span a:first-child{
  margin-bottom: 5px;
}
#faq-accordion .accordion-button{
  padding: 1.25rem 1.5rem 1.25rem 0;
}
.map {
  line-height: 0px;
}
.contact-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap:0 40px;
  padding: 50px;
  background: #f3f3f3;
}
.contact-grid > .pad-div{
  padding: 20px;
}
.contact-grid .sbtn input{
  outline:none;
  border: 1px solid transparent;
}
.contact-grid .contact-form form{
  display:grid;
  gap:10px;
}
.contact-grid .contact-form .form-group{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:10px;
}
.contact-form .form-group input,.contact-form textarea{
  padding:10px;
  width: 100%;
  outline:none;
  border:1px solid transparent;

}
.contact-form textarea{
  resize: none;
}
.contact-form .sbtn{
  margin:10px 0;
}
.white-bg{
  background-color: #fff;
}
.contact-grid a{
  text-decoration: none;
  color: unset;
}
.contact-grid .get-in-touch h3, .contact-grid .get-in-touch h2{
  font-weight: 600;
}
.contact-grid div.p-2 h2{
  color: #20499a;
}
.black-txt{
  color: #000;
}
.clientele-grid.container {
  display: grid; 
  grid-template-columns:repeat(5,1fr); 
  gap: 20px; 
  justify-content:center;
  align-items:center;
}
.clientele-grid.container img{max-width:initial;}
.clientele-grid .img-container{
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:rgb(99 99 99 / 20%) 0px 0px 4px 0px;
  padding: 10px 0;
  transition:0.3s linear;filter: grayscale(1);opacity:0.8;
}
.clientele-grid .img-container:hover{
  box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;filter: grayscale(0);opacity:1;
}
.gallery-page .mfp-zoom-out-cur,.gallery-page  .mfp-zoom-out-cur .mfp-image-holder .mfp-close{
  cursor: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="40" height="40" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1024 1024"%3E%3Cpath fill="white" d="M328 544h368c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z"%2F%3E%3Cpath fill="white" d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"%2F%3E%3C%2Fsvg%3E') 16 16, pointer;
}
.gallery-page  a.image-popup-vertical-fit {
  cursor: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="40" height="40" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1024 1024"%3E%3Cpath fill="white" d="M328 544h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z"%2F%3E%3Cpath fill="white" d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"%2F%3E%3C%2Fsvg%3E') 16 16, pointer;
}
.gallery-page  .img-gallery-magnific{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
}
.partners-grid.container {
  display: grid; 
  grid-template-columns: repeat(5,1fr); 
  gap: 20px; 
  justify-content:center;
  align-items:center;
}
.partners-grid .img-container{
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  transition:0.3s linear;
}
.partners-grid .img-container:hover{
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 8px 0px;
}
/* Colour Coated products from LCP Start*/
.section-title{
    padding-left: 25px;
    position: relative;
    margin-bottom: 2.5rem;
}
.page-link{border: 1px solid #d9cfc5;}

.section-title:before {
  top: 0;
  left: 0;
  bottom: 0;
  width: 5px;
  content: '';
  border-radius: 3px;
  position: absolute;
  background-color: #c18847;
}

.section-title:before {
  background: var(--blue);
}
.section-title h2 {
  color: var(--blue);
  font-size: 28px;
  text-transform: uppercase;
}
.section-title h3 {
  font-size: 18px;
  color: #111;
  text-transform: uppercase;
}

ul.color {
  display: flex;
  justify-content: space-between;
}
ul.color li {
  display: inline-flex;
  width: 70px;
  height: 70px;
 /*  border: 1px solid #000; */
  margin-right: 0.6%;
}
.offwhite{
background-color:#deddd8;
}
.pblue{
background-color:#152b76;
}
.novablue{
background-color:#2f348f;
}
.capriblue{
background-color:#013765;
}
.lightblue{
background-color:#006090;	
}
.tblue{
background-color:#006c6f;	
}
.cgreen{
background-color:#004c28;	
}
.brightgreen{
background-color:#006b3d;	
}
.envgreen{
background-color:#527034;	
}
.mistgreen{
background-color:#697f5b;	
}
.terracota{
background-color:#9f5236;	
}
.brickred{
background-color:#c01d2e;	
}
.secored{
background-color:#b70d32;	
}
.tomotored{
background-color:#961b1e;	
}

.featurebox img {
	width: 110px;
}

.featurebox {
	text-align: center;
}

.featurebox h4 {
	text-align: center;
	margin-top: 16px;
	font-size: 17px;
}


ul.color li:hover {
    /* border: 3px solid #080808; */
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid #f3f3f3;
}

.circle {
  position: relative;
  margin: auto;
  height: 100px;
  width: 100px;
  border-radius: 50%;
}

.circle:before {
  position: absolute;
  content: '';
 height: calc(90% + 10px);
    width: calc(90% + 10px);
    border: 2px dashed #0450a2; 
    top: 0px;
    left: 0px;
  border-radius: 50%;
  animation: spin 10s linear infinite;
}

@keyframes spin { 
  100% { 
    transform: rotateZ(360deg); 
  }
}




/* Colour Coated products from LCP End*/

.swiper-button-prev-process,.swiper-button-next-process{
  display: none !important;
}
#product ul{
  padding-left: 0;
}
#spots .owl-nav button {
  margin: 0 10px;
  background: rgba(0, 0, 0, 0.8);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#spots .owl-nav {
  display: flex;
  align-items: center;
  justify-content: center;
}
#spots .owl-nav button span {
  font-size: 20px;
  font-family: monospace;
  color: #fff;
}
#spots .owl-item .slide {
  /* box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; */
  /* margin: 10px; */
  /* padding: 10px; */
}
#spots .owl-item:last-of-type .slide{
  box-shadow:none;
  margin: 0;
  padding: 0;
}
#spots.owl-carousel .owl-stage-outer{
  padding-bottom: 10px;
}

.backButton {
  display:none;
  cursor: pointer;
  position: fixed;
  bottom: 3rem;
  right: 2rem;
  z-index: 999999;
  display: none;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  transition: transform 0.55s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.55s cubic-bezier(0.215, 0.61, 0.355, 1);
  border: 2px solid var(--blue);
  border-radius: 50%;
}
.backButton.is-visible {
  pointer-events: auto;
  opacity: 1;
  transform: scale(1);
}
.backButton__bg {
  position: absolute;
  z-index: -1;
  border-radius: 100%;
  width: 100%;
  height: 100%;
}
.backButton .backButton__bg {
  transition: transform 0.55s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.55s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.backButton__icon__wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.backButton svg {
  font-size: 30px;
  margin-top: -3px;
}
.backButton:hover {
  background: var(--blue);
  border-color: var(--blue);
}
.backButton:hover path {
  fill: #fff;
}
.pre-header a,.fclr a{
  position: relative;
  text-decoration: none;
}
.pre-header a:hover::before, .fclr a:hover::before {
  /* transform-origin: center; */
  transform: scaleX(1);
}
.pre-header a:hover, .fclr a:hover {
  color:var(--blue);
}
header .main-menu .sub-menu{
  border-top-color:var(--blue) ;
}
header .main-menu>li .sub-menu {  
  width: 700px;
  gap: 0 20px;
}
header .main-menu>li:hover .sub-menu {
  display: grid;
  grid-template-columns:repeat(3,1fr);
  padding: 20px !important;
}
header .main-menu .sub-menu li{
  display: flex;
  align-items: center;
  position: relative;
  border-right: 2px solid #f3f3f3;
}
.prod-content a{
  transition:0.3s ease-in-out;
}
.prod-content:hover a{
  color:var(--blue);
}
header .main-menu .sub-menu a{
  width: 100%;
  height: 100%;
  display: flex !important;
  align-items: center;
  font-weight: normal;
  text-transform: capitalize;
  transition: 0.3s ease-in-out;
}
header .main-menu .sub-menu li:nth-child(3n+0){
  border-right: 2px solid #0000;
}
header .main-menu .sub-menu a:hover {
  background: #fff;
  color: #18499a;
  font-weight: 600;
}
.welcome .welcome-button{
  text-transform: capitalize;
}
.welcome .red-lined{
  text-transform: uppercase;
}
.ribbon > .container p{
  text-transform: capitalize;
}
.products-head-left h2 {
  /* font-size: 1.8rem; */
  font-weight: 600;
  font-size: 2.5rem;
}
/* .news-head-right .welcome-button, */
 .products-head-right .welcome-button {
  text-transform: capitalize;
}
.inhouse-brands h2{
  font-weight: 600;
  font-size: 2.5rem;
}
.swiper-pagination-client.swiper-pagination-bullets.swiper-pagination-horizontal {
  margin-top: 20px;
}
.how-we-work h2{
  font-size: 2.5rem;
  font-weight: 600;
}
.how-we-work h3{
  text-transform: capitalize;
}
.how-we-work h3{
  font-weight: 600;
  font-size: 22px;color:#fff;padding:10px 0px 15px;
}
.testimonials h2{
  font-size: 2.5rem;
  font-weight: 600;
}

.news-card p.h5{
  font-size: 1rem;
}
.news-card p.h6{
  font-size: 18px;
  font-weight: 600;letter-spacing:0.1px;
}
.news-card a.red-lined{
  font-size: 16px;text-transform: capitalize;
}
.enquiry-pf a.welcome-button{
  text-transform: uppercase;
}
.fdisplay-m{
  display: none;
}

.side-menu-nav .main-menu .sub-menu~svg {
  font-size: 1em;
  position: absolute;
  padding: 21px 2px;
  right: 0;
  top: 0px;
  height: 54px;
  width: 25px;
  border-left: 1px solid #ccc;
  transition: 300ms ease-in-out;
}

.side-menu-nav .main-menu .sub-menu.d-block~svg path {
  transform: rotate(90deg);
}
.side-menu-nav .main-menu .sub-menu {
  border-top: 1px solid var(--orange);
}
.side-menu-nav .main-menu .right-before-border::before{
  position: absolute;
  content:'';
  height: 54px;
  top: 0;
  right: 30px;
  background-color: #ccc;
  width: 1px;
  display: none;
}
.side-menu-nav .main-menu .sub-menu a{
  text-transform: none;
}


.scroll-down
{
    position: absolute;
    bottom:50px;
    left: 50%;
    z-index: 1;
}
.scroll-down span:nth-child(2)
{
    animation-delay: -0.2s;
}
.scroll-down span:nth-child(3)
{
    animation-delay: -0.4s;
}
.scroll-down span
{
    display: block;
    width: 20px;
    height: 20px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    margin: -10px;
    animation: animate 2s infinite;
}
@keyframes animate
{
    0%
  {
        opacity: 0;
        transform: rotate(45deg) translate(-20px,-20px);
    }
    50%
  {
        opacity: 1;
    }
    100%
  {
        opacity: 0;
        transform: rotate(45deg) translate(20px,20px);
    }
}
.news h2{
  font-size: 2.5rem;
  font-weight: 600;
}
.swiper-button-prev,.swiper-button-next,.swiper-button-prev-new,.swiper-button-next-news, .swiper-button-prev .lined-span,.swiper-button-next .lined-span,.swiper-button-prev-new .lined-span,.swiper-button-next-news .lined-span{
transition: 0.3s ease-in-out;
}
.swiper-button-prev:hover,.swiper-button-next:hover,.swiper-button-prev-news:hover,.swiper-button-next-news:hover{
  color:var(--blue);
}
.swiper-button-prev:hover .lined-span,.swiper-button-next:hover .lined-span,.swiper-button-prev-news:hover .lined-span,.swiper-button-next-news:hover .lined-span,.infra-swiper-controls .swiper-button-next-infra:hover .lined-span, .infra-swiper-controls .swiper-button-prev-infra:hover .lined-span{
  background-color: var(--blue);
}
.mfp-arrow-right {
  margin-top: -64px !important;
}
.of-hidden{
  overflow: hidden;
}
.paginator.simple-pagination ul{
  display:flex;
  align-items:center;
  justify-content: center;
  padding-left:0;
}
.paginator.simple-pagination ul li.active span{
  padding: .375rem .75rem;
  border: 1px solid #dee2e6;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  position: relative;
    display: block;
    background:#f7941d;
    color:#fff;
}
.paginator.simple-pagination ul li.active span.current.prev,.paginator.simple-pagination ul li.active span.current.next{
  background-color: unset;
  color: unset;
}
.paginator.simple-pagination ul li{
  margin: 0 5px;
}
.page-link {
  outline: 1px solid transparent !important;
  color: #8d8d8d !important;
}
.page-link:hover {
 
  color: #0d6efd !important;
  background-color: #fff !important;
}
.page-link:focus {
  color: #0d6efd !important;
  background-color: #fff !important;
  outline: 0;
  box-shadow:none !important;
}
.page-link:hover{color:var(--orange) !important;}
.vh-shadow{
  box-shadow:none !important;
}
#client-title-id{
  margin-bottom: 30px;
}
.bgcolor{background:#f3f3f3;}.cws{width:80%;}.cws .col-lg-8{width:50%;max-width:50%;}
a.prmore{
    display:none;
    text-decoration: none;
    background:  var(--blue);
    width: max-content;
    text-decoration: none;
    color: #fff;
    /* border: 1px solid #000; */
    box-shadow: rgb(255 255 255) 0px 0px 0px 1px,  var(--blue) 0px 0px 0px 6px;
    margin-left: 6px;
    transition: 0.3s ease-out;
    margin: 15px auto;
  padding: 7px 20px;
}
a.prmoreAbout,a.prmoreAboutImg{
  display:none;margin-left: 0;
  text-decoration: none;
}
.anch-tags{
  margin:15px 0;
}
.pvmc{
  display: block;
}

.gallery-thumbs img{
  padding:10px;
  border: 1px solid;
  border-radius: 5px;
}
.gallery-thumbs .swiper-slide:nth-of-type(1) img{
  border: 1px solid #1b663b;
}
.gallery-thumbs .swiper-slide:nth-of-type(2) img{
  border: 1px solid #b83443;
}
.gallery-thumbs div.swiper-wrapper{
  justify-content: center;
}
.prod-d-desc-grid .desc {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.prod-d-page .desc h1 {
  align-self: flex-start;
}
.mt-5-desktop{
  margin-top: 2rem;
}
.disp-mobile{
  display: none;
}

.about-hh-sec.pspace{
  padding-bottom: 125px;
}
.about-hh-grid{
  display: grid;
  grid-template-columns:4fr 2fr;
  align-items: center;
  justify-content: center;
  gap: 50px;
}
.about-hh-grid > .right {
  position: relative;
  height: 100%;
  display: flex;
  align-items:center;justify-content:flex-end;
}
.about-hh-grid > .right  .text-content {
  position: absolute;
  top: 150px;
  right: -100px;
  padding: 50px 30px;
  background:rgba(0, 0, 0, 0.8);
  width: 400px;
}
.about-hh-grid > .right .img-right-container{
  position: relative;
}
.about-hh-grid > .right img{
  width: 500px;
  /* max-height: 400px; */
  object-fit: cover;
}
.about-hh-grid > .right  .text-content p{
  color: #e6e6e6;
  
}
.about-hh-grid .left h2{
  padding-bottom: 0;
  margin-bottom: 0;
  font-weight: 700;
  letter-spacing: -1px;
}
.about-hh-grid .left h3{
  font-weight: 700;
  font-size:18px;
  margin: 10px 0px 20px;
  color: #0f273c;

}
.about-hh-grid .left p{
  /* padding-right: 30px; */
}
.founder-sec.hh-back-full{
 /* background: linear-gradient(to right, rgba(255,255,255,0.5), rgba(255,255,255,0.5)),url("images/hh-back-full-width.png"); */
  background: linear-gradient(to right, rgba(255,255,255,0.5), rgba(255,255,255,0.5));
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.founder-wrapper{
  display: flex;
  align-items: center;
  justify-content: center;
}
.founder-img{
  width: 40%;
}
.founder-text{
  width: 40%;
}
.founder-text h2{
  font-weight: 700;
  color: #0f273c;
  letter-spacing: -1px;
}
.founder-text h3{
  font-weight: 500;
  font-size: 18px;
  color: #666666;
  margin-bottom: 30px;
}
.founder-img img{
  /* max-width: 80%; */
}
section.vision-mission{
  background-color:#f9f9f9;
}
.vis-mis-grid{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(350px, 100%), 1fr));
  gap:30px
}
.vis-mis-grid .vis-mis-col{
  background-color: #f2f2f2;transition: all 0.3s;
}
.vis-mis-grid .vis-mis-col:hover{background: #fff;box-shadow:rgb(50 50 93 / 25%) 0px 0px 5px 0px;}
.vis-mis-grid .vis-mis-col .vis-mis-head{
  display: flex;margin-top:25px;
  align-items: center;
  justify-content: center;flex-direction:column;
}

.vis-mis-grid .vis-mis-col .vis-mis-head h3{
  text-align: center;
  font-weight: 700;
  color: var(--blue);
}
.vis-mis-grid .vis-mis-col p{
  padding:30px 20px;
}
.infra-sec .infra-swiper > .swiper-wrapper{
  max-height: 550px;
}
.infra-sec .infra-swiper > .swiper-wrapper > .swiper-slide img{ 
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.infra-thumb.swiper{
  width: 70%;
  margin: auto;
  margin-top: 30px;
}
.infra-thumb.swiper .swiper-wrapper{
  height: 150px;
}
.infra-thumb.swiper .swiper-wrapper .swiper-slide img{
  height: 100%;
  width: 100%;
  object-fit: cover;

}
.infra-thumb.swiper .swiper-slide {
  opacity: 0.4;
}
.infra-thumb.swiper .swiper-slide-thumb-active {
  opacity: 1;
}
.infra-swiper-controls{
  position: absolute;
  bottom: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 90% !important;
  left: 50%;
  transform: translate(-50%, -50%);
}
.infra-sec .row{
  position: relative;
  width: 100%;
  margin: auto;
}
.infra-swiper-controls .swiper-button-prev-infra{
  left: 0;
}
.infra-swiper-controls .swiper-button-next-infra{
  right: 0;
}
.infra-swiper-controls .swiper-button-prev-infra,.infra-swiper-controls .swiper-button-next-infra{
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-size:16px;
}
.infra-sec .infra-head{
  width: 60%;
  margin-bottom: 30px;
  padding: 0;
}
.infra-head-left{
  display: grid;
  grid-template-columns: 1fr 2fr;
}
.infra-head-left .right p{
  margin-bottom: 0;
}
.infra-head-left .right,.infra-head-left .left{
  display: flex;
}
.infra-head-left .right{
  align-items: flex-end;
}
.infra-head-left .left{
  flex-direction: column;
  justify-content: space-between;
}
.infra-head-left .left h2{
  margin-bottom: 0;
  font-weight:700;
}
/* Timeline styling Start */
.timeline-wrap-flex{
  display: flex;
  /* gap:10px; */
  position: relative;
}
.timeline-year-col{
  
}
.timeline-sec-1 .row{
  width: 100%;
  margin: auto;
}
.timeline-sec-1{
 /*  background: url("images/background-map.webp") no-repeat center; */
  padding: 300px 0 !important;
  background-size: contain;
  overflow: hidden;
}
.timeline-sec-1 .timeline-year-col {
      position: relative;
      display: inline-block;
      list-style-type: none;
      width: 16.6%;
      height: 2px;
      background: #18499a;
  }
.timeline-sec-1 .timeline-year-col .timeline-content{
  position: absolute;
  left: calc(0% + 0px);
  width: 100%;
  padding: 15px;
  padding-left: 25px;
  font-size: 1rem;
  white-space: normal;
  color: black;
  top: 70px;
}
.timeline-sec-1 .timeline-year-col:nth-child(even) .timeline-content{
  top: -70px;
  transform: translateY(-100%);
}
.timeline-year-col h3 {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
    padding: 5px;
    padding-right: 25px;
    background:var(--blue);
    clip-path: polygon(85% 0, 100% 50%, 85% 100%, 0% 100%, 0% 0%);
    color: #fff;
    font-size: 26px;
}
.timeline-sec-1 .timeline-year-col .timeline-content::before {
   /*  content: url(images/link-line.png); */
    position: absolute;
    top: -35px;
    left: 0px;
    width: 0;
    height: 0;
    /* border-style: solid; */
}
.timeline-sec-1 .timeline-year-col:nth-child(even) .timeline-content::before {
  bottom: 90px;
top: unset;
}
.timeline-sec-1 .swiper-pagination {
  position: absolute;
  top: 10px;
  right: 10px;
  width: auto !important;
  left: auto !important;
  margin: 0;
  height:70px;
  display:none;
flex-wrap: wrap;
justify-content: center;
}
.timeline-sec-1 .swiper-pagination-bullet {
  padding: 5px 10px;
  border-radius: 0;
  width: auto;
  height: 30px;
  text-align: center;
  line-height: unset;
  font-size: 12px;
  color:#000;
  opacity: 1;
  background: rgba(0,0,0,0.2);
  display: flex;
align-items: center;
justify-content: center;
clip-path: polygon(85% 0, 100% 50%, 85% 100%, 0% 100%, 0% 0%);
padding-right:20px;
}
.timeline-sec-1 .swiper-pagination-bullet-active {
  color:#fff;
  background: #18499a;
}
.timeline-wrap.timeline-wrap-flex{
	overflow:hidden;
	padding:0;
}
.timeline-wrap .swiper-wrapper {
    padding: 180px 0;
	
}
.timeline-sec-1{
	padding:50px 0 !important;margin-top:70px;
}
/* Timeline styling End */








/* about page styling end */

.swiper#banner-swiper .content-wrapper .content{
  margin: 0 10% 0 3%;padding-top:0px;
}
.swiper#banner-swiper .content-wrapper{
  height: 100%;
  align-items: center;
}
.swiper#banner-swiper .swiper-scrollbar{
  display: none;
}
.no-display-till-576{
  display: none;
}
.display-till-576{
  display: block;
}

#client-swiper .swiper-slide{padding:10px;}
#client-swiper .swiper-slide img{transition:all 0.3s ease-out;transform: scale(0.9);}
#client-swiper .swiper-slide:hover img{transform: scale(1);}.clientele.pspace{padding:60px 0px 20px;}

.plist{display: grid;grid-template-columns: repeat(4,1fr);gap:30px;width:80%;margin:30px auto 0px;}.pcol{display: flex;align-items: center;gap:20px;position: relative;}
.pcol img{border-radius: 50%;width:100px;height:100px;object-fit: cover;}.pcol h3{font-size: 18px;font-weight: bold;width:100%;}
.our-products .products-head-left{display: flex;flex-wrap: wrap;flex-direction: column;}
.our-products{background: #f9f9f9;}.pcol:hover h3{color:var(--blue);}.inhbrands div:nth-child(even){border-left: 1px solid #efefef;border-right: 1px solid #efefef;}
.testimonials .swiper-button-next, .testimonials .swiper-button-prev,.infra-swiper-controls .swiper-button-prev-infra, .infra-swiper-controls .swiper-button-next-infra{color: #8d8d8d;}.lined-span{background:#8d8d8d; }
.testimonials .swiper-button-next:hover, .testimonials .swiper-button-prev:hover,.infra-swiper-controls .swiper-button-next-infra:hover, .infra-swiper-controls .swiper-button-prev-infra:hover{color:var(--blue);}.testimonials .ncontainer{width:80%;}
.br-none{display:none;}
.news .container{max-width:80%;padding:0px;}.news-head{grid-template-columns: 2fr 1fr;}
.pcol img{transition:all 0.3s ease-out;}.pcol:hover img{transform: scale(1.1);}.process-inner{transition:all 0.3s linear;}
.process-cont .swiper-slide:hover .process-inner{background:#f6f1ec;}.process-cont .swiper-slide:hover .process-inner h3,.process-cont .swiper-slide:hover .process-inner p{color:var(--blue);}
.process-cont .swiper-slide:hover .process-inner img{filter: invert(1);}#news-swiper .swiper-pagination{bottom: 0;margin-top:30px;}
#news-swiper{padding-bottom: 40px;}.swiper-pagination-bullet-active{background:var(--blue) !important;}
.enquiry-pf .welcome-button{background-size: 200% 100%;
    background-position: right bottom;}.enquiry-pf .welcome-button:hover{background-position: left bottom;color:#000;}
.tnews{display: flex;position: relative;overflow: hidden;}.tnews > div{position: relative;overflow:hidden;}
h2{font-size: 32px !important;}.news-slide{padding-top:12px;}.tnews .col-lg-5{padding-right:20px;}.tnews .col-lg-7{padding-left:30px;}.fname{font-weight: 500;font-size: 18px;color: var(--orange);}
footer .logo-text{font-weight:600;font-size:16px;}footer .sicons{margin-top:20px;}footer .sicons svg{margin: 0px;}#testimonial-swiper .card{border:0px;background: linear-gradient(45deg, white 50%, #f6f1ec);}#testimonial-swiper{background: linear-gradient(45deg, white 50%, #f6f1ec);}
.news-card a.red-lined{color:var(--blue);}.news-card a:hover{color:#18499a;}footer .header-logo img{width:auto;height:100px;}.f6{width:27%;}.f5 a{white-space: nowrap;}
.hom{display: flex; align-items:center;gap:5px;}.sse {writing-mode: vertical-rl;text-orientation: mixed;position: fixed;opacity: 0;bottom: 25%;padding: 15px 10px;background:var(--blue);letter-spacing: 0.4px;
    font-size: 16px;color: #fff !important;z-index: 9999;right: 0px;box-shadow: 0 0 3px rgb(0 0 0 / 30%);
    transform: rotate(180deg);transition: all 0.3s ease-out;text-decoration:none;cursor:pointer;}
.contact-page .sse{display:none !important;}.modal-header{padding: 0px 10px !important;background:var(--blue);}.modal-header h2{font-size:26px !important;color:#fff;}
.modal-header .close{background:transparent;border: 0px;color: #fff;font-size: 30px;line-height: 0px;margin-top: -5px;}
.modal-body input,.modal-body textarea,.modal-body select{border-bottom: 1px solid #ccc !important;border: 0px;padding-left:0px !important;background-color:transparent !important;outline: none;box-shadow: none;}
.modal-body select{width: 100%;outline: none;border: 1px solid transparent;padding: 10px;}.modal-body .form-group{margin-bottom:15px;}
.modal-body .subbtn{padding: 10px 30px !important;}.modal-body{font-size:15px;}.modal-body textarea{height:90px;}
.modal-dialog{margin:0px auto !important;}
.modal-dialog-centered{display: flex;align-items:center;min-height: calc(100% - 1rem);}
.modal-content,.modal-header{border-radius: 0px !important;}.enquiry{z-index:999999 !important;}
.modal.fade .modal-dialog{transform: translate(100%,0px) !important;}.modal.show .modal-dialog{transform: translate(0px,0px) !important}
.sbtns{padding: 10px 30px 10px 20px;position: relative;z-index:99;margin:0px;background:transparent;}
.sbtns::after{content: '';background:var(--blue);clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);padding: 10px 30px 10px 20px;position: absolute;width:100%;height: 100%;
left: 0;bottom:0px;z-index:-1;transition:all 0.3s ease-out;}
.sbtns::before{content: '';background:#52391b;clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);padding: 10px 30px 10px 20px;position: absolute;width:100%;height: 100%;
    left:3px;bottom: -3px;z-index:-1;}.main-menu>li>a.active{color:#fff !important;padding:8px 30px 6px !important;}
.nav.tab-menu a::before,.nav.tab-menu a::after{display:none;}.nav.tab-menu a.active{color:#f7941d !important;}
.main-menu li a:hover{color:#f7941d;}.banner-sect .sbtns::before{background:#52391b;}.banner-sect .sbtns::after{background:var(--blue);}.banner-sect .sbtns{color:#fff;}
.sbtns:hover::after{background:var(--orange);}
.main-menu li a.active::before{
    content: '';
    background: #81786f;
    clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
    padding: 10px 30px 10px 20px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 3px;
    bottom: -3px;
    z-index: -1;
}
.main-menu li a.active::after{
    content: '';
    background:#f7941d;
    clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
    padding: 10px 30px 10px 20px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    bottom: -3px;
    z-index: -1;
}
header .container{
}

.hprods h3{font-size:20px;text-align:left;}
.hpitem{position: relative;}
.hproducts{background: linear-gradient(to bottom, var(--blue) 50%, transparent 30%);}
.phead{color:#fff;display: flex;gap:0px 150px;margin-bottom:30px;justify-content: space-between;}.phead p{width:70%;}
.phead h2{text-transform:uppercase;font-weight:700;}
.phead p{color:#fff;}.hpitem h3{color:var(--blue);text-transform: uppercase;font-weight:700;}
.hprods .owl-dots{display:block;text-align: center;padding-top: 30px;}.owl-dot.active span {
    background: var(--blue) !important;
}
.owl-dots span {
    width: 10px;display: flex;
    height: 10px;
    border-radius: 50%;
    background:#e5dcd2 !important;
    margin: 0px 10px;
}.owl-carousel .owl-stage{display: flex;}
.hpitem {
    display: block;flex-wrap: wrap;
    flex: 1 0 auto;
    height: 100%;cursor:pointer;
}
.hpitem .phead{padding:10px 0px 5px;margin-bottom:0px;margin-top:20px;}.hpitem::after{content: '';position: absolute;background:#9e9389;bottom:0;width:100%;height:4px;z-index:-1;}
.hpitem::before{content:'';position: absolute;background:var(--orange); bottom:0;width:0%;
transition:all 0.4s linear;z-index:9;height:4px;}
.hpitem:hover::before{width:100%;}
.stripe-1{background:#f6f1ec;}
.ribbon > .container h2,.ribbon > .container p{color:#021e50;}
.clr1{background:var(--orange);}
.clr2{background:#858d9a;}
.clr3{background:#9e9389;}
.clr4{background:#021e50;}
.testimonials::after{content: '';position: absolute;background:#f6f1ec;width:70%;height:100%;bottom:0;clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%);z-index:-1;}
.testimonials{position:relative;}
.test-container .swiper-button-next:hover svg path,.test-container .swiper-button-prev:hover svg path{fill:var(--orange);}.how-we-work{padding-bottom: 90px;}
.enquiry-pf .sbtns::after{background: var(--orange);}
.enquiry-pf .sbtns:hover::after{background: var(--blue);}
.enquiry-pf .sbtns:hover{color:#fff !important;}.banner-sect .sbtns:hover::after {background: #898989;}



.col-2 {
    display: flex;
    justify-content: space-between;
    align-items: start;
}.stickycol2 {
    background: transparent;
    position: sticky;
    top: 170px;
    padding: 0px;
}.side-menu {
    width: 30%;
}
.pdetail {
    width: 65%;
}
.stickycol2 a {cursor:pointer;
    padding: 10px 20px;
    border-bottom: 1px solid #e3ded8;
    width: 100%;
    display: flex;justify-content:space-between;gap:0px 20px;
    font-size: 16px;
    background: #f6f1ec;
    color: #6e6e6e;text-decoration:none;transition:all 0.3s ease;
}
.pdp .col-2{width:100%;}.stickycol2 svg{width:20px;}.stickycol2 svg path{fill:#6e6e6e;}
.stickycol2 a.active{background:var(--blue);color:#fff;}.stickycol2 a.active svg path{fill:#fff;}.pslider .owl-dots{display:block;text-align:center;}
.pdetail h2,.pdetail h3{margin: 20px 0px;color: var(--blue);border-bottom:1px solid #d3d3d3;display: inline-flex;padding: 0px 10px 10px 0px;position:relative;}.pdetail p{margin-bottom:10px;text-align:justify;}.mt15{margin-top:15px;}h3.mt15{margin-bottom:15px;}
.pdetail li::before,.wpoint li::before,.aplist li::before{content: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 15 15"%3E%3Cpath fill="none" stroke="%23021e50" d="M4 7.5L7 10l4-5m-3.5 9.5a7 7 0 1 1 0-14a7 7 0 0 1 0 14Z"%2F%3E%3C%2Fsvg%3E');top:2px;position:relative;left:-10px;}
.pdetail ul{padding-left:0px;}.pdetail li{padding-left:10px;margin-bottom: 10px;display:flex;align-items:flex-start;}.pdetail ul li:last-child{margin-bottom:0px;}
.pdetail h2::after,.pdetail h3::after{content: '';position: absolute;right: -10px;background: var(--orange);width: 5px;height:80%;transform: skew(-27deg, 35deg);bottom: 0;}
.csc,.pavc{display: none;}.pdetail h3::before{content:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="%23021e50" stroke-linecap="round" stroke-width="2" d="M12 19V5m7 7H5"%2F%3E%3C%2Fsvg%3E');position: absolute;left:0;transition:all 0.3s ease;}.pdetail h3{padding-left: 40px;}.stickycol2 a:hover{background:var(--blue);color:#fff;}.stickycol2 a:hover svg path{fill:#fff;}
h3.active::before{transform: rotate(45deg);}.pdetail h3{cursor:pointer;}.bgcolor{background:linear-gradient(180deg, #f7f7f7 80%, rgba(255, 255, 255, 0) 100%);}
.breadcrumb {
    display: flex;margin-top:10px;
}.breadcrumb li {
    padding-right: 8px;
}.breadcrumb a {
    color: #666666;text-decoration:none;
}.ccmrs{background:url(../images/pg-banners/contact.jpg);//margin-top:98px;height:250px;background-size:cover !important;}
.f26{font-size:26px !important;margin:15px 0px 15px;}.aboutsec .tnews{align-items: center;}
.aboutsec h2{margin-bottom:20px;}.aboutsec p{font-size:16px;color:var(--blue);margin-bottom:0px;text-align:justify;}
.vm svg{width:100px;height:100px;transition:all 0.2s;}.vm svg path{fill:var(--blue);}.vm .container{background: linear-gradient(to bottom,  #fff 50%, #f7941d 40%);padding:40px 0px 130px;}
.vm .mission{background:#fff;box-shadow: 0px 8px 16px 0px rgb(0 29 35 / 10%);padding: 20px 40px;position:relative;text-align:justify;}.vm .row{grid-template-columns:repeat(2,1fr);display:grid;gap:0px 30px;} 
.mission::before,.mission::after {
    content: '';
    z-index: 1;
    background: #ffffff;
    box-shadow: none;bottom: -40px;
    width: calc(100% - 80px);
    opacity: 0.07;    height: 20px;position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.mission:hover h2{color:var(--orange);}.mission:hover svg path{fill:var(--orange);}
.mission::after{bottom:-20px;width: calc(100% - 40px);opacity: 0.15;}.vm .row{padding:0px 100px;}.map{line-height:0px;}
.contactpage .enquiry-pf{display:none;}.mission h2{margin-bottom:20px;transition:all 0.2s;}
.cicon{display:flex;flex-wrap:wrap;align-items:center;gap:0px 10px;border-bottom: 1px solid #e7e7e7;}.cicon svg{width:50px;height:50px;}.cicon svg path{fill:var(--blue);}
.cicon h2{color:var(--blue);font-size:26px !important;}.caform{display:grid;grid-template-columns: 60% 30%;justify-content: space-between;}
.col1 p{margin-top:15px;}.col1 h3{font-size: 22px;color:var(--blue);}.mobicon svg{width:40px;height:40px;}
.unit,.cnum{display:block;grid-template-columns:repeat(2,1fr);gap:20px;}.col1 a{text-decoration:none;color:#727272;}
.cnum div{width:100%;}.cnum{margin:20px 0px;}
.cform {
    margin-top:40px;
}.cform .row {
    justify-content: space-between;
    gap: 20px 0px;display:flex;
}.cform .col6 {
    width: 49%;
}input, select {
    width: 100%;
    height: 50px;
    border: 1px solid #ede6df;
    background: #f6f1ec;
    color: #666;
    transition: all 500ms ease;
}
input, textarea, select {
    padding: 5px 20px;
    font-size: 15px;
}.cform .col12 {
    width: 100%;
}textarea {
    width: 100%;
    resize: none;
    height: 130px;
    border: 1px solid #ede6df;
    padding-top: 15px;
    background: #f6f1ec;
}.submitn {
    padding: 10px 33px;
    text-transform: uppercase;
    border: 0px;
    font-weight: 500;
    background:var(--blue);
    color: #fff;
    font-size: 16px;
    transition: all 0.3s;
}.tr{text-align:right;}.submitn:hover{background:var(--orange);color:#fff;}
#client-swiper .swiper-pagination{display:flex;justify-content:center;}#client-swiper{padding-bottom:20px;}
.products .hprods{display:grid;grid-template-columns:repeat(3,1fr);gap:60px 40px;}.products .hprods img{width:100%;}
.prodbg{background: url(images/products.webp);background-position:center;background-size:cover;}.subbanner h1{color:#fff;font-size:36px;}
.ccmrsbg{background: url(images/colour-coated-roofing-sheet-bg.webp);background-position:center;}
.cusbg{background: url(../images/pg-banners/contact.jpg);background-repeat: no-repeat;background-size: cover;}.abtbg{background: url(images/about-bg.webp);}
.application{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 0px;}.app img{object-fit: cover;}
.ccmtrs{background: url(images/colour-coated-metal-roof-sheet.webp);background-position:left;}
.spp{background: url(images/sandwich-puf-panel-bg.webp);background-position:center;}
.ps,.mpcs,.swpcs{background: url(images/polycarbonate-sheets-bg.webp);background-position:center;}
.tvpbp{background: url(images/turbo-ventilator-bg.webp);background-position:center;}
.ccc{background: url(images/color-coated-coil-bg.webp);background-position:center;}
.cca{background: url(images/accessories-bg.webp);background-position:center;}
.spwp{background: url(images/sandwich-puf-wall-panel-bg.webp);background-position:center;}
.czbg{background: url(images/c-and-z-purlin-bg.webp);background-position:center;}
.pcebg{background: url(images/polycarbonate-embossed-solid-sheets.webp);background-position:center;}
.crimpsbg{background: url(images/crimping-sheets-bg.webp);background-position:center;}
.pps{background: url(images/polycarbonate-profile-sheets-bg.webp);background-position:center;}
.tvpbp h1{width:75%;}
.mobile a{color:#fff;}
.app .circle {
     position: relative; 
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
}
.app .circle::before{display:none;}
.app .inner-circle {
    width: 240px;
    height: 240px;
    border: 3px solid #fff;
    box-shadow: 0px 0px 3px 2px #dddada inset;
    z-index: 1;
    overflow: hidden;
}
.app{    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;}
.outer-circle .sq-2 {
    bottom: -5%;
    left: 0;
    transition: max-height 0.4s linear;
}
.outer-circle .sq-1 {
    top: -5%;
    right: 0;
    transition: max-height 0.4s linear;
}.sq {
    position: absolute;
    width: 50%;
    height: 120%;
    max-height: 0;
    background: #f7941d;
}.outer-circle {
    width: 250px;
    height: 250px;
    background: rgb(158 147 137 / 50%);
    box-shadow: 0px 3px 4px rgb(77 77 77 / 46%);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px;
}.app:hover .sq {
    max-height: 130%;
}
.app p{color: var(--blue);text-transform: uppercase;font-weight: 600;text-align:center;margin-top:20px;font-size:18px;}
.phone{position: fixed;display: block;margin: 0;width: 1em;height: 1em;font-size:60px;
    background-color:#f7941d;border-radius: 0.5em;box-shadow: 0 0 0 0em rgb(52 152 219 / 0%), 0em 0.05em 0.1em rgb(0 0 0 / 20%);
    transform: translate3d(0, 0, 0) scale(1);right:30px;z-index:999;bottom:30px;}
.phone.is-animating {-webkit-animation: phone-outer 3000ms infinite;animation: phone-outer 3000ms infinite;}
.phone::before {top: 0;left: 0;width: 1em;height: 1em;background-color: rgba(255, 255, 255, 0.1);border-radius: 100%;opacity: 1;transform: translate3d(0, 0, 0) scale(0);}
.phone::before, .phone::after {position: absolute;content: "";}
.phone.is-animating::after {-webkit-animation: phone-icon 3000ms infinite;animation: phone-icon 3000ms infinite;}
.phone::after {top: 0.25em;left: 0.25em;width: 0.5em;height: 0.5em;background: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 20 20"%3E%3Cg transform="rotate(90 10 10)"%3E%3Cpath fill="white" d="M11.229 11.229c-1.583 1.582-3.417 3.096-4.142 2.371c-1.037-1.037-1.677-1.941-3.965-.102c-2.287 1.838-.53 3.064.475 4.068c1.16 1.16 5.484.062 9.758-4.211c4.273-4.274 5.368-8.598 4.207-9.758c-1.005-1.006-2.225-2.762-4.063-.475c-1.839 2.287-.936 2.927.103 3.965c.722.725-.791 2.559-2.373 4.142z"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;transform: translate3d(0, 0, 0);}
@keyframes phone-outer {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
    box-shadow: 0 0 0 0em rgba(52, 152, 219, 0), 0em 0.05em 0.1em rgba(0, 0, 0, 0.2);
  }
  33.3333% {
    transform: translate3d(0, 0, 0) scale(1.1);
    box-shadow: 0 0 0 0em rgba(52, 152, 219, 0.1), 0em 0.05em 0.1em rgba(0, 0, 0, 0.5);
  }
  66.6666% {
    transform: translate3d(0, 0, 0) scale(1);
    box-shadow: 0 0 0 0.5em rgba(52, 152, 219, 0), 0em 0.05em 0.1em rgba(0, 0, 0, 0.2);
  }
  100% {
    transform: translate3d(0, 0, 0) scale(1);
    box-shadow: 0 0 0 0em rgba(52, 152, 219, 0), 0em 0.05em 0.1em rgba(0, 0, 0, 0.2);
  }
}
@keyframes phone-inner {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(0);
  }
  33.3333% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(0.9);
  }
  66.6666% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(0);
  }
}@keyframes phone-icon {
  0% {
    transform: translate3d(0em, 0, 0);
  }
  2% {
    transform: translate3d(0.01em, 0, 0);
  }
  4% {
    transform: translate3d(-0.01em, 0, 0);
  }
  6% {
    transform: translate3d(0.01em, 0, 0);
  }
  8% {
    transform: translate3d(-0.01em, 0, 0);
  }
  10% {
    transform: translate3d(0.01em, 0, 0);
  }
  12% {
    transform: translate3d(-0.01em, 0, 0);
  }
  14% {
    transform: translate3d(0.01em, 0, 0);
  }
  16% {
    transform: translate3d(-0.01em, 0, 0);
  }
  18% {
    transform: translate3d(0.01em, 0, 0);
  }
  20% {
    transform: translate3d(-0.01em, 0, 0);
  }
  22% {
    transform: translate3d(0.01em, 0, 0);
  }
  24% {
    transform: translate3d(-0.01em, 0, 0);
  }
  26% {
    transform: translate3d(0.01em, 0, 0);
  }
  28% {
    transform: translate3d(-0.01em, 0, 0);
  }
  30% {
    transform: translate3d(0.01em, 0, 0);
  }
  32% {
    transform: translate3d(-0.01em, 0, 0);
  }
  34% {
    transform: translate3d(0.01em, 0, 0);
  }
  36% {
    transform: translate3d(-0.01em, 0, 0);
  }
  38% {
    transform: translate3d(0.01em, 0, 0);
  }
  40% {
    transform: translate3d(-0.01em, 0, 0);
  }
  42% {
    transform: translate3d(0.01em, 0, 0);
  }
  44% {
    transform: translate3d(-0.01em, 0, 0);
  }
  46% {
    transform: translate3d(0em, 0, 0);
  }
}
.mv{display: none !important;}.grid4{display:grid;grid-template-columns: repeat(2,1fr);gap:30px;}.grid4 h2{padding-bottom:0px !important;}
        .grid4 .counter{gap:0px;box-shadow: 0px 0px 3px rgba(0,0,0,0.15);position:relative;padding:10px;}.wrow{display: flex;justify-content:space-between;}
        .wrow .left{width:45%}.wrow .right{width:50%;text-align:justify;}.grid4 .counter::after{content: '';position: absolute;background: #9e9389;bottom: 0;width: 100%;height:3px;z-index: -1;}
        .grid4 .counter::before {content: '';position: absolute;background: var(--orange);bottom: 0;width: 0%;transition: all 0.4s linear;z-index: 9;height: 3px;}
        .grid4 .counter:hover::before {width: 100%;}.grid4 .counter p{color: #021e50;font-weight:500;}.grid4 .counter h2{color:#021e50 ;}.wpoint li{position:relative;display: flex;}
        .wpoint{display: grid;grid-template-columns: repeat(1,1fr);gap:20px;padding-left: 0px;margin-top:20px;}
		.aboutsec{background: #f6f1ec;}.aboutsec .swiper-button-prev,.aboutsec .swiper-button-next{background-image:none !important;padding:0px;}.aboutsec .swiper-button-next{right:0px;}
		.aboutsec .swiper-button-prev{right:50px;}.dcont{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 20px;}
		.dcont > div:first-child{width:55%;}.dcont > div:last-child{width:40%;}.dcont ul{padding-left:0px;margin-top: 20px;}.dcont > div:last-child p{font-weight: bold;font-size: 18px;line-height: 22px;
    margin-bottom: 10px;}.dcont li{margin-bottom:5px;display: flex;align-items: flex-start;}.dcont li:last-child{margin-bottom:0px;}
	.aplist li::before{content:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="28" height="28" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16"%3E%3Cpath fill="%23021e50" fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z"%2F%3E%3C%2Fsvg%3E');top:-2px;left:-2px;}.dcont > div:first-child p:last-child{margin-top:10px;}.rmc{display:none;}
	.subbtn input{width:auto;display:inline-flex;}
/* Responsive Start */

@media (max-width:1700px){header nav{width:100% !important;}}
@media (min-width: 1580px) {
  .prod-l-card-wrap .content p{
    width: 70%;
  }.ccmrsbg{background-position: left;}
}
@media (min-width: 2100px) {
  .prod-l-card-wrap .content p{
    width: 50%;
  }
}
@media (max-width: 1660px){
  .banner-sect h1, .banner-sect h2{
    font-size: 40px;
    line-height: 45px;
  }
}
@media (max-width: 1610px){
    .f5{width:22%;}
}
@media (max-width: 1600px){
  .about-hh-sec.pspace{
    padding-bottom:60px
  }
    .news-head{grid-template-columns:4fr 1fr;}.plist{width:90%;}.banner-sect h1, .banner-sect h2{width:100%;font-size: 38px;line-height: 42px !important;}
	.spwp{background-position: -250px 0px;}
}
@media (max-width:1550px){header nav{width: 100% !important;}.ccmrsbg,.mpcs,.swpcs{background-position: left;}}
@media (max-width: 1500px) {
  .pspace {
    padding: 60px 0;
  }
  .pspace-b {
    padding: 60px 0 0;
  }
  .pspace-b-m{
    /* padding: 60px 0 0; */
    }.news-card img{height: auto;}.plist{width:100%;} .f5{width:25%;}.f1{width:22%;}.f2{width:12%;}.swiper#banner-swiper .content-wrapper .content{max-width:37%;}
    .cusbg{//background-position: -100px 0px;}.pps{background-position: left;}.spwp{background-position: -300px 0px;}.pps{background-position:-200px 0px;}
}
@media (max-width:1450px){header nav{width: 100% !important;}}
@media (max-width: 1400px) {
  .timeline .arrows{
    display: flex;
  }
  .infra-swiper-controls{
    width: 100% !important;
    }.outer-circle {width:220px;height:220px;}.app .inner-circle{width: 210px;height: 210px;}.ccmrsbg{background-position: -100px 0px;}.cca{background-position: -200px 0px;}
    .clientele-grid.container img{max-width: 100%;object-fit: contain;}.pcebg h1 br{display:none;}.pcebg h1{width: 80%;}.pcebg{background-position: -250px 0px;}
}
@media (max-width:1350px){
    .swiper#banner-swiper .content-wrapper .content{padding:0px 10px;}.swiper#banner-swiper .content-wrapper .content p{margin:20px 0px;font-size:16px;}
    .swiper#banner-swiper .content-wrapper{align-items:flex-start;padding-top:7%;}.swiper#banner-swiper .swiper-counter{left:4%;}
	.tvpbp{background-position: -250px 0px;}
	}
@media (max-width: 1300px) {
  .container.about-hh{
    max-width: 90%;
    }footer small{font-size: 12px;}header .main-menu li{padding:0px 0px;}
}
@media (max-width: 1225px) {
  .ncontainer{
    width: 97%;
  }
  .testimonials  .card{
    padding: 10px;
  }.spwp{background-position: -250px 0px;}
}

@media only screen and (max-width: 1400px) and (min-width: 1199px)  {
  .timeline-sec-1 .container{
    max-width: 100%;
  }
}
@media only screen and (max-width: 1300px) and (min-width: 767px)  {
  .swiper#banner-swiper .content-wrapper .content br{
   display: none;
  }
}
@media only screen and (max-width: 1115px) and (min-width: 992px)  {
  header .header-logo p {
    word-spacing: -3px;
  } 
}
@media (max-width: 992px) {
  .gap {gap: 0px !important;}
  .swiper#banner-swiper {
    margin-top:10px;
  }
  header.py-3{
    padding:0!important;
    
    }.news-head-left .right{display: none;}.news-head-left{display: flex;}.news-card img{height: auto;}.clientele-grid.container{grid-template-columns: repeat(4,1fr);}
}

@media (max-width:1200px) {
  .pos-rel{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
  }
  .our-products .swiper-button-next-products,.our-products .swiper-button-prev-products{
    position: static;
    left: auto;
    right: auto;
    transform: none;
    font-size: 14px;
  }
  .spec-sec .blue-bg{
    width: 30%;
  }.cws{width:90%;}
  .infra-head-left{
    gap:20px;
  }
}
@media (max-width:1199px) {
  .about-hh-grid{
        grid-template-columns: 3fr 2fr;
  }
  .about-hh-grid >.left{
    padding-top: 0;
  }
  .about-hh-grid > .right{
    width:100%;
  }

  .about-hh-grid > .right .img-right-container{
    display:flex;
    
    justify-content:center;
  }
  .about-hh-grid > .right  .text-content{
    width: 50%;
    position:static;
    width:auto;
    display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
  .timeline-sec-1{
    overflow:hidden;
  }
  .timeline-wrap .swiper-wrapper {
    padding: 300px 0;
  }
  .timeline-wrap-flex{
    overflow:hidden;
    padding:0 !important;
    
  }
  .timeline-sec-1{
    padding:0 !important;
    }.pcol h3{font-size:16px;}.banner-sect h1, .banner-sect h2{font-size:28px;}.swiper#banner-swiper .content-wrapper .content{padding:0px;}
    .prod-d-page .banner-sect,.subbanner.banner-sect{background-position: -400px 0px;padding-left: 20px;}.aboutsec p{font-size:16px;line-height:26px;}
    .vm .row{padding:0px 50px;}.vm .container{padding:20px 0px 120px;}.caform{grid-template-columns: 55% 40%;}header .main-menu li{padding: 0px 5px;}
    header nav{padding-top:10px;}.banner-sect{margin-top:70px;}.process-inner{padding:20px;}.cusbg{//background-position: -300px 0px;}.vm{overflow:hidden;}
    .outer-circle {width:180px;height:180px;}.app .inner-circle{width: 170px;height: 170px;}.ccmrsbg{background-position: -180px 0px;}.spp{background-position: -350px 0px;}
	.ps,.pps,.mpcs,.swpcs{background-position: -200px 0px;}.tvpbp{background-position: -300px 0px;}.cca{background-position: -250px 0px;}.spwp{background-position:left;}
	.pps{background-position:-350px 0px;}.pps h1{width:75%;}.wrow .left{width: 50%;}.wrow .right {width: 45%;}.wrow{align-items:flex-start;}
}
@media (max-width:1115px) {
 
  header .header-logo p {
    font-size: 18px;
  }
  header .header-logo small {
    font-size: 12px;
  }
}
@media (max-width: 1100px){
  .prod-l-head{
    grid-template-columns:1fr;
  }
  .megamenu {
    display: none;
    }.pcebg{background-position: left;}.pcebg h1{width:100%;}
}
@media (min-width: 1100px){
.d-lg-block {
      display: block!important;
    }.flex-lg-row {
    -ms-flex-direction: row!important;
    flex-direction: row!important;
}.align-items-lg-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}.d-lg-none {
    display: none!important;
}.dm2 .sub-menu {
    display: none !important;
}}
@media (max-width: 1050px) {
  a.header-logo {
   width:100%;
  }
  .prod-l-cards-container{
    grid-template-columns: repeat(2,1fr);
    } header .main-menu>li>a{padding: 13px 5px 8px;font-size:15px;}header nav{width:100% !important;}
}
@media (max-width: 991px) {
  .pre-header{
    display: none;
  }.cws{width:100%;}
  a.header-logo {
   width:100%;
  }
  .menu-container {
     display: none!important;
  }
  header{position: sticky;}
  .swiper#banner-swiper .content-wrapper{padding-top:0px;}
  .banner-sect{
    margin-top: 30px;
  }
  header .ncontainer{
    width: 80%;
  }
  .side-menu-nav a{
    text-decoration: none;
  }
  .testimonials  .card{
    padding: 10px;
  }
  .swiper#banner-swiper .swiper-nav-wrapper .swiper-button-next, .swiper#banner-swiper .swiper-nav-wrapper .swiper-button-prev{
    width: 30px !important;
    height: 30px !important;
  }
  .ribbon > .container{
    grid-template-columns: repeat(2,1fr);
    gap:40px;
  }
  .why-us-grid{
    grid-template-columns: repeat(2,1fr);
  }
  footer .frow{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px 20px;
  }
  .frow>div {
    width: 100%;
  }
  .swiper#banner-swiper .swiper-counter{
    /* top: 50%; */
   top: auto;
   bottom: -5%;
   left: 15%;
    }
  .enquiry-pf .container{
    flex-direction: column;
  }
  .enquiry-pf .container a{
    margin-top: 20px;
  }
  .enquiry-pf p {
    font-size: 1.3rem;
    margin-right: 0px;
  }
  .arrow-right{
    display: none;
  }
  .how-we-work .container{
    position: relative;
  }
  .prod-l-left{
    grid-template-columns:auto;
    gap: 10px;
  }
  .prod-l-head h2 br{
    display: none;
  }
  .prod-d-desc-grid{
    grid-template-columns: 1fr;
    align-items: center;
  }
  .spec-sec .blue-bg {
    width: 40%;
  }
  .contact-grid {
    padding: 0px;
    background: #fff;
  }
  .contact-form .form-group input, .contact-form textarea{
    /* border-bottom: 1px solid #d3d3d3; */
    background-color: #f3f3f3;
  }
  .get-in-touch.white-bg{
    /* background-color: #d3d3d3; */
  }
  .gallery-page  .img-gallery-magnific{
    grid-template-columns: 1fr 1fr 1fr;
  }
  .swiper-button-prev-process, .swiper-button-next-process{
    display:flex !important;
  }
  .sticky-info {
    display: none;
  }
  .faq-grid {
    grid-template-columns: 1fr;
  }
  .side-menu-nav .main-menu .right-before-border::before{
    display: block;
  }
  .left.hh-back h2 br{
    display: none;
  }

  .how-we-work br{
    display: none;
  }
  .prod-d-page .prod-d-desc-grid .img-container>img{
    margin: 0;
  }
  .gallery-thumbs .swiper-slide,.gallery-slider .swiper-slide{
    height: auto !important;
  }
  .mt-5-desktop{
    margin-top: 0;
  }
  .founder-img{
    width: 50%;
  }
  .founder-text{
    width: 50%;
  }
  .infra-sec .infra-head {
    width: 80%;
  }
  .infra-swiper-controls{
    position: static;
    bottom: unset;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100% !important;
    left: unset;
    transform: none;
    padding-top: 20px;
    }.welcome-grid{grid-template-columns: repeat(1,1fr);}.plist{grid-template-columns: repeat(3,1fr);}
    .how-we-work{padding-bottom:90px;}.why-inner>div img{max-width:16%;}.welcome{padding:20px 0 60px;}
    .tnews .col-lg-5,.tnews .col-lg-7{padding: 0px 15px;}.swiper#banner-swiper .content-wrapper .content p{display:none;}
    .banner-sect h1, .banner-sect h2{font-size:26px !important;line-height: 30px !important;}.swiper#banner-swiper .content-wrapper{align-items: center;}.swiper#banner-swiper .swiper-nav-wrapper{left:8%;}
    .pvmcAbout{display: none;}a.prmoreAbout{display: block;}.about-hh-grid{gap:20px;}
    .prod-d-page .banner-sect,.subbanner.banner-sect{background-position: -350px 0px;padding-left: 5%;}
    .prod-l-page .banner-sect, .prod-d-page .banner-sect, .faq-page .banner-sect, .contact-page .banner-sect, .clientele-page .banner-sect, .gallery-page .banner-sect, .network-page .banner-sect, .about-page .banner-sect{height:240px;}.aboutsec::after{width:100%;clip-path:none;}.aboutsec .grey-bg{background:transparent;}
    .aboutsec .swiper-button-prev,.aboutsec .swiper-button-next{background-image:none !important;}.vm{background: #f7941d;}.vm .row{grid-template-columns: repeat(1,1fr);gap:80px 0px;}
    .vm .container{background:transparent;padding-bottom:40px;}#abtslider img{width:100%;}.aboutsec .grey-bg{margin-top:0px;}
    .caform{grid-template-columns: 50% 45%;}.cform .col6 {width: 100%;}.unit, .cnum{grid-template-columns: repeat(1,1fr);}.fwidth{max-width:90% !important;}
    .side-menu-nav .preheader{display:none !important;}.side-menu-nav .main-menu>li>a::before,.side-menu-nav .main-menu>li>a::after,.stickycol2{display:none;}
    .main-menu>li>a.active{color:#000 !important;padding:15px 30px 15px 10px !important;}.side-menu-nav .main-menu .sub-menu a{font-size:15px;}
    header.py-3{padding:5px 0px !important;}.phead{margin-bottom:10px;}.left.hh-back{align-items:center;}#process-slide-m .swiper-pagination{bottom:0px;}
    #process-slide-m{padding-bottom:35px;}.testimonials::after{clip-path:none;width:100%;}.testimonials  .swiper-button-next,.testimonials  .swiper-button-prev{background-image:none !important;}
    .tnews .col-lg-5{margin-top:30px;}#client-swiper .swiper-pagination-bullet:only-child{display:flex !important;}.pdetail{width:100%;}
    .ccmrs{margin-top:60px;}.products .hprods{gap:40px 20px;grid-template-columns:repeat(2,1fr);}.products .hpitem .phead{margin-top:5px;}.subbanner{height:200px;}
    .cusbg{//background-position: -400px 0px;}.application{grid-template-columns: repeat(3,1fr);}
	.ccmrsbg h1,.ccmtrs h1,.spp h1,.pps h1,.mpcs h1,.swpcs h1,.cca h1,.crimpsbg h1{width:75%;}.ccmrsbg,.ccc{background-position: -400px 0px;}.ccmtrs{background-position: -300px 0px;}.spp{background-position: -500px 0px;}
	.ps,.pps,.mpcs,.swpcs{background-position: -350px 0px;}.tvpbp h1{width:50%;}.tvpbp,.cca{background-position: -430px 0px;}.mv{display:block !important;}
	.czbg{background-position: -550px 0px;}.pps{background-position:left;}.wrow{flex-direction:column-reverse;}.wrow .left,.wrow .right,.grid4{width: 100%;}.grid4{margin-top:30px;}
	.dcont > div{width:100% !important;}.dcont > div:last-child{margin-top:20px;}.dcont ul{margin-top: 15px;}
}
@media (min-width: 992px) {
    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .d-lg-block {
        display: block !important;
    }
    .flex-lg-row {
        flex-direction: row !important;
    }
    .align-items-lg-center {
        align-items: center !important;
    }
    .d-lg-none {
        display: none !important;
    }
}
@media (max-width: 930px) {
  .swiper#banner-swiper .content-wrapper .content :first-child, .swiper#banner-swiper h2 {
    font-size: 35px;
    line-height: 40px;
  }
  .swiper#banner-swiper .content-wrapper .content p {
    font-size: 16px;
  }
  .banner-sect a{
    font-size: 14px;
  }
  .banner-sect .swiper-pagination-bullet{opacity: 1;}
}
@media (min-width:865px) and (max-width: 1700px) {
  .products-head-left h2{
    font-size: 1.8rem;
  }
}
@media (min-width:865px) and (max-width: 1280px) {
  .products-head-left h2 br{
    display: none;
  }
}
@media (max-width: 865px) {
  .news-head-left, .products-head-left{
    grid-template-columns: 1fr;
  }
  .spec-sec div.bigstrip.grey-bg {
    align-items: flex-start;
    max-height: unset;
    flex-wrap: wrap;
  }
    .swiper#banner-swiper .content-wrapper .content{max-width:50%;}
    .spp{background-position: -550px 0px;}
}
@media (max-width: 800px) {
  .copyright .ncontainer{
    flex-direction: column;
    align-items: center;
  }.prod-d-page .banner-sect {background-position: -420px 0px;padding-left: 5%;}.czbg{background-position: -580px 0px;}
}
@media only screen and (max-width: 767px) and (min-width: 480px)  {
  .prod-l-cards-container{
    width: 75%;
    margin:auto;
  }
}
@media (max-width: 780px) {
  .spec-sec .blue-bg {
    width: 45%;
  }
  .center-image-container {
     display: none!important;
  }
  .menu-container {
     display: none!important;
  }
}
@media (max-width: 767px) {
  .mreverse{flex-direction:column-reverse;}.mreverse img{margin-bottom:20px;}
  .swiper#banner-swiper .content-wrapper .content{margin-top:3%;}
  .why-us-grid{
    gap: 20px;
  }
  .welcome-grid{
    grid-template-columns: 1fr;
    gap: 0px;
  }
  .welcome-button {
    padding: 7px 20px;
    margin:15px auto;
  }
  .prod-container .prod-content{
    width: 80%;
  }
  .prod-container .prod-content h3{
    font-size: 1.2rem;
  }
  footer .frow{
    grid-template-columns: 1fr 1fr;
  }
  .swiper#banner-swiper .swiper-counter{
    display: none;
  }
  .swiper#banner-swiper .content-wrapper{
    width: 100%;
    height: 100%;
  }
  .swiper#banner-swiper .content-wrapper .content{
    margin: 0 0 0 2%;
  }
  .news-head, .products-head{
    grid-template-columns: 1fr;
    gap:15px;
  }
  .news-head-right, .products-head-right{
    align-items: center;
  }
  .pspace{
    padding: 50px 0;
  }
  .pspace-b{
    padding: 50px 0 0;
  }
  .pspace-t{
    padding:0 0 50px;
  }
  .ncontainer {
    width: 90%;
  }
  .news-head-right{
    flex-direction: column-reverse;
  }
  .testimonials h2{
    margin-bottom: 20px;
    text-align: center;
  }
  .prod-container .prod-content a {
    font-weight: 500;
    font-size: 14px;
  }
  .news-head-right .welcome-button, .products-head-right .welcome-button{
    margin:15px;
  }
  .inhouse-brands p br{
    display: none;
  }
  .prod-l-cards-container{
    grid-template-columns: repeat(1,1fr);
  }
  .spec-sec .strip{
    flex-direction: column;
    margin-bottom: 0px;
  }
  .spec-sec .blue-bg{
    width: 100%;
  }
  .spec-sec div.bigstrip.grey-bg {
    justify-content: center;
  }
  .spec-sec .bigstrip.grey-bg {
    padding: 20px;
  }
  .faq-grid{
    grid-template-columns: 1fr;
  }
  .sticky-info{
    display: none;
  }
  .contact-grid {
    grid-template-columns: 1fr;
  }
  .contact-form .sbtn {
    margin: 10px;
  }
  .get-in-touch.white-bg{
    padding-left: 0;
    padding-top: 0 ;
  }
  .contact-page .ord-3{
    grid-row: 3;
  }
  .contact-grid div.p-2{
    padding: 0 !important;
  }
  .contact-grid div.p-2 {
    padding-bottom: 10px !important;
  }
  .clientele-grid.container {
    grid-template-columns: 1fr 1fr 1fr; 
  }
  .backButton {
    width: 2.6rem;
    height: 2.6rem;
    right: 12px;
    bottom: 2rem;
  }
  .prod-l-card-wrap .img-container {
    height: auto;
  }
  .scroll-down{
    display: none;
  }
  .spec-sec .blue-bg {
    padding: 10px;
  }
  .founder-wrapper{
    flex-direction: column;
  }
  .founder-img{
    width: 100%;
    margin-bottom: 25px;
  }
  .founder-text{
    width: 100%;
  }
  .infra-head-left{
    grid-template-columns: 1fr;
  }
  .about-hh-grid > .right  .text-content{
    position: static;
    top: unset;
    right: unset;
    width: auto;
  }
  .about-hh-grid > .right{
    width: 100%;
  }
  .about-hh-grid > .right img {
    width: 100%;
  }
  .infra-thumb.swiper{
    width: 100%;
  }
  .about-hh-grid > .right .img-right-container{
    flex-direction:column;
  }
  .about-hh-grid > .right .img-right-container img{
    width:100%;
    max-height:400px;
  }
  .about-hh-grid > .right img {
    max-height: 400px;
 }
 .about-page .banner-sect {
    height: 200px;
  }
  .infra-thumb.swiper{
    margin-top: 15px;
  }
  .infra-sec .infra-head{
    margin-bottom: 15px;
    }.plist{grid-template-columns: repeat(2,1fr);}.how-we-work{padding-bottom:40px}
    .about-hh-grid{display: flex;flex-wrap: wrap;flex-direction: column-reverse;}.about-hh-grid > .right{justify-content: center;}
    .caform{display:flex;flex-wrap: wrap;gap:50px 0px;}.unit, .cnum {
    grid-template-columns: repeat(2,1fr);gap:0px 20px;
    }.col1{width:100%;}.cform{margin-top:20px;}.phead p,.phead br{display:none;}.phead h2{text-align: center;}.phead{justify-content:center;}
    .hpitem h3{font-size:18px;}.process-cont.mt-4{margin-top:0px !important;}
    .subbanner{height:150px;//background-position:-20px 0px !important;}.subbanner h1{font-size:30px;width:100%;}.application{grid-template-columns: repeat(2,1fr);}.app p{margin:0px;}
	.spwp{background-position:-50px 0px;}
}
@media (max-width:700px){.swiper#banner-swiper .content-wrapper .content{margin-right:5%;max-width: 50%;}.swiper#banner-swiper .swiper-nav-wrapper{left:9%;}
    .banner-sect .swiper-pagination-bullet{background: #ccc;}.banner-sect .swiper-pagination-bullet-active{background: #fff !important;}}
@media (max-width: 640px) {
  .swiper#banner-swiper .swiper-counter{
    top:auto;
    bottom: 4.5em;
    transform: none;
  }
  .swiper#banner-swiper .swiper-nav-wrapper {
    bottom: 3em;
  }
  .banner-text{
    width:100%;
  }
    .br-none {
    display:block;
}
}
@media (max-width: 600px) {
  .prod-l-left .right p br{
    display: none;
  }
  .products-head-left h2,.inhouse-brands h2,.testimonials h2{
    font-size: 1.8rem;
  }
  .products-head-left h2 br{
    display: none;
  }.pcol{flex-direction: column;justify-content:flex-start;align-items: center;text-align: center;}.plist{gap:15px;margin:30px auto 0px;}
    .our-products p{display: none;}.our-products{padding-bottom:2px;margin-bottom:40px;}.inhouse-brands .inhbrands{padding-bottom:0px;}
    #spots img{width:60px !important;margin: 0px auto;}#spots p{margin: 0px 0px 30px 0px;}.display-m{padding-top:0px;}.swiper#banner-swiper .swiper-nav-wrapper{left:10%;}
    .phone{font-size:50px;right:13px;}
}
@media (min-width: 576px) {
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}
@media (max-width: 576px) {
  .why-us-grid{
    grid-template-columns: 1fr;
  }
  .why-inner{
    padding: 20px 10px;
  }
  .ribbon > .container{
    grid-template-columns: 1fr 1fr;
    gap: 20px 15px;
    text-align: center;
  }
  .counter{
    grid-template-columns: 1fr;
    gap:5px;
  }
  .ribbon > .container h2,.counterplus ,.counterplus.counterplus-sm{
    width: auto;
    justify-content: center;
    font-size: 24px;
  }
  .ribbon > .container p {
    font-size: 16px;
  }
  .swiper#banner-swiper .content-wrapper .content :first-child, .swiper#banner-swiper h2 {
    font-size: 30px;
    line-height: 1.2;
  }

  .inhouse-brands .inhbrands{
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3,1fr);
  }
  .test-container {
    padding: 0px; 
  }
  .card-content{
    padding: 40px 15px 15px;
  }
  .testimonials  .card{
    margin: 0px; 
    padding:0px;
    border-radius: 0px;
  }
  .enquiry-pf p {
    text-align: center;
  }
  .why-us-grid p.w-75 br{
    display: none;
  }
  .why-us-grid p.w-75{
    width: 100% !important;
  }
  .testimonials .ncontainer{
    padding-bottom: 2rem !important;
  }
  .play-button {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .play-button img{
    max-width: 60%;
  }
  .prod-container .prod-content{
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
    top: auto;
    width: 100%;
    transform: none;
  }
  #products-swiper{
    padding-bottom: 0;
    padding:0 15px
  }
  .prod-container .prod-content h3{
    font-size: 1.4rem;
  }
  .inhouse-brands{
    padding:30px 0;
  }
  .inhouse-brands .inhbrands>div{
    background-color: #fff;
  }
  .display-m{display: block;}
  #spots .owl-nav{
    display:flex;
  }
  .no-display-m{
    display:none;
  }
  .why-us{
    padding-bottom: 0;
  }
  .inhouse-brands .container.pb-5{
    padding-bottom: 0!important;
  }
  .banner-text p{
    font-size: 2rem;
  }
  .banner-text small {
    font-size: 18px;
  }
  .scontainer {
    width: 90%;
  }
  .application .img-container{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .swiper-button-next-application, .swiper-button-prev-application{
    width: 30px !important;
    height: 30px !important;
  }
  .swiper-button-prev-application{
    right: 48%;
    transform: translateX(-50%);
  }
  .swiper-button-next-application{
    right: 45%;
    transform: translateX(50%);
  }
  .enquiry-pf{
    padding: 20px 0;
  }
  .gallery-page  .img-gallery-magnific{
    grid-template-columns: 1fr 1fr;
  }
  section.clientele {
    background-color:#f3f3f3; ;
  }
  .left.hh-back h2 {
    padding:10px 0 ;
  }
  .left.hh-back p.red-lined{
    margin-bottom: 0.5rem;
  }
  .how-we-work h2{
    font-size: 1.4rem;
  }
  .inhbrands.no-display-m{
    display: none;
  }
  .pvmc{
    display: none;
  }
  .pvmcAbout,.pvmcAboutImg{
    display: none;
  }
  a.prmore{
    display:block;
  }
  a.prmoreAbout,a.prmoreAboutImg{
    display:block;
  }
  .anch-tags{
    align-items: center;
    width: 80%;
    display:grid;
    grid-template-columns: repeat(2,1fr);
    margin: 5px 0;
    gap:10px;
  }
  .prod-d-page .anch-tags .welcome-button {
    padding: 5px 0 0 0 !important;
    width: 100%;
    box-shadow: none;
    padding: 10px !important;
    margin: 0 !important;
    text-align: center;
  }
  .disp-mobile{
    display: block;
  }
  .prod-d-desc-grid p,.prod-d-desc-cont p,.pvmc p{
    margin-bottom:10px
  }
  .vis-mis-grid .vis-mis-col .vis-mis-head h3{
    font-size: 20px;
  }
  .vis-mis-grid .vis-mis-col .vis-mis-head img{
    width: 80%;
  }
  #partners-swiper{
    margin:10px 0;
  }
  .vis-mis-grid .vis-mis-col .vis-mis-head{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    margin-top:20px;
  }
  .vis-mis-grid .vis-mis-col .vis-mis-head img{
    max-width: 100px;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .vis-mis-grid .vis-mis-col p{
    padding: 10px;
    text-align: center;
  }
  .timeline-sec-1 .swiper-pagination {
    display:flex;
      top: 20px;
      right: 50%;
      transform: translateX(50%);
      width: 100% !important;
  }
  .no-display-till-576{
    display: block;
  }
  .display-till-576{
    display: none;
  }
  .vis-mis-grid .vis-mis-col .d-toggle-vis-content{
    display: none;
  }
  h3.d-toggle-vis {
    padding: 10px;
    margin-bottom: 0;
    position:relative; color: var(--blue);font-weight:600;
  }
  h3.d-toggle-vis::after {
    content: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="26" height="26" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cg transform="rotate(90 12 12)"%3E%3Cpath fill="%23666" d="M9.172 18.657a1 1 0 0 1-.707-1.707l4.95-4.95l-4.95-4.95a1 1 0 0 1 1.414-1.414l5.656 5.657a1 1 0 0 1 0 1.414L9.88 18.364a.997.997 0 0 1-.707.293Z"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    position: absolute;
    right: 15px;
  }
    .about-partners-sec  .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,   .about-partners-sec  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
      margin: 0 var(--swiper-pagination-bullet-horizontal-gap,10px);
    }
    .vis-mis-grid{
      gap:15px;
    }
    .about-hh-grid{
      gap:20px;
    }.our-products{margin-bottom:0px;}h2{font-size:24px !important;}
}
@media (max-width: 540px) {
  .clientele p br{
    display: none;
  }
  a.header-logo {width:90%;}
}
@media (max-width: 480px) {.hprods .owl-dots span{width: 7px;height: 7px;margin: 0px 8px;}
  footer .frow{
    grid-template-columns: 1fr;
    padding-left: 10px;
  }
  .test-container {
    width: 100%;
  }
  .red-lined::before{
    width: 40px;
  }
  .blue-lined::before{
    display: none;
  }
  .copyright .ncontainer a{
    font-size: 12px;
  }
  .ncontent p.h5{
    font-size: 16px;
  }
  footer p, footer a{
    font-weight: normal;
  }
  .fdisplay-c{
    display: none;
  }
  .fdisplay-m{
    display: block;
  }
  .prod-l-page .banner-sect, .prod-d-page .banner-sect,.faq-page .banner-sect,.contact-page .banner-sect,.clientele-page .banner-sect,.gallery-page .banner-sect,.network-page .banner-sect,.clientele-page .banner-sect{
    height: 150px;
  }
  .bread-crumb{
    margin: 0;
  }
  .contact-grid .contact-form .form-group{
    grid-template-columns: 1fr;
  }
  #product ul {
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: repeat(7,1fr);
    gap: 10px;
  }
  ul.color li{width:46px;height:46px;}
  .clientele-grid.container {
    grid-template-columns: 1fr 1fr; gap:10px;
    }.clientele-grid .img-container{opacity:1;filter:grayscale(0);}
  .ribbon > .container{
    padding: 25px 15px 30px;
  }
  .prod-d-desc-grid {
    gap: 20px;
  }
  .products-head-left h2,.inhouse-brands h2,.testimonials h2,.news h2{
    font-size: 1.4rem;
  }
   .banner-sect .overlay{
    background: -webkit-linear-gradient(to bottom, #021B79, #18499a);
      background: linear-gradient(to bottom, #021B79, #18499a);
  }
  .prod-l-page .banner-sect .banner-text small , .prod-d-page .banner-sect .banner-text small {
    display: none;
  }
  .filter-cont .wrapper{
    justify-content: center !important;
  }

  .prod-d-page .welcome-button{
    padding: 5px 15px;
  }
  .prod-d-page a.prmore{
    padding: 5px 15px;
  }
  .anch-tags{
    width: 100%;
  }
  .pspace {
    padding: 35px 0;
  }
  .ql{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.75s ease-out;
}.ql.open{ 
  height: auto;
  max-height: 500px;
  transition: max-height 0.75s ease-in!important;
}
.cinf.mb-2{
  margin-bottom: 0 !important;
}
.cinf,.hohc{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.75s ease-out;
}.cinf.open,.hohc.open{ 
  height: auto;
  max-height: 500px;
  transition: max-height 0.75s ease-in!important;
}
.cinf.open.mb-2{
  margin-bottom: 0.5rem;
} 
footer .qlh:after,footer .cinfh:after,footer .hoh:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg-icon' viewBox='0 0 20 20'%3E%3Cpath d='M14.613,10c0,0.23-0.188,0.419-0.419,0.419H10.42v3.774c0,0.23-0.189,0.42-0.42,0.42s-0.419-0.189-0.419-0.42v-3.774H5.806c-0.23,0-0.419-0.189-0.419-0.419s0.189-0.419,0.419-0.419h3.775V5.806c0-0.23,0.189-0.419,0.419-0.419s0.42,0.189,0.42,0.419v3.775h3.774C14.425,9.581,14.613,9.77,14.613,10 M17.969,10c0,4.401-3.567,7.969-7.969,7.969c-4.402,0-7.969-3.567-7.969-7.969c0-4.402,3.567-7.969,7.969-7.969C14.401,2.031,17.969,5.598,17.969,10 M17.13,10c0-3.932-3.198-7.13-7.13-7.13S2.87,6.068,2.87,10c0,3.933,3.198,7.13,7.13,7.13S17.13,13.933,17.13,10'%3E%3C/path%3E%3C/svg%3E");
  width: 25px;
  float: right;
  filter: invert(1);
}
footer .iclose.qlh:after,footer .iclose.cinfh:after,footer .iclose.hoh:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg-icon' viewBox='0 0 20 20'%3E%3Cpath d='M10.185,1.417c-4.741,0-8.583,3.842-8.583,8.583c0,4.74,3.842,8.582,8.583,8.582S18.768,14.74,18.768,10C18.768,5.259,14.926,1.417,10.185,1.417 M10.185,17.68c-4.235,0-7.679-3.445-7.679-7.68c0-4.235,3.444-7.679,7.679-7.679S17.864,5.765,17.864,10C17.864,14.234,14.42,17.68,10.185,17.68 M10.824,10l2.842-2.844c0.178-0.176,0.178-0.46,0-0.637c-0.177-0.178-0.461-0.178-0.637,0l-2.844,2.841L7.341,6.52c-0.176-0.178-0.46-0.178-0.637,0c-0.178,0.176-0.178,0.461,0,0.637L9.546,10l-2.841,2.844c-0.178,0.176-0.178,0.461,0,0.637c0.178,0.178,0.459,0.178,0.637,0l2.844-2.841l2.844,2.841c0.178,0.178,0.459,0.178,0.637,0c0.178-0.176,0.178-0.461,0-0.637L10.824,10z'%3E%3C/path%3E%3C/svg%3E");
  width: 25px;
  filter: invert(1);
}
footer .qlh:after{
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg-icon' viewBox='0 0 20 20'%3E%3Cpath d='M14.613,10c0,0.23-0.188,0.419-0.419,0.419H10.42v3.774c0,0.23-0.189,0.42-0.42,0.42s-0.419-0.189-0.419-0.42v-3.774H5.806c-0.23,0-0.419-0.189-0.419-0.419s0.189-0.419,0.419-0.419h3.775V5.806c0-0.23,0.189-0.419,0.419-0.419s0.42,0.189,0.42,0.419v3.775h3.774C14.425,9.581,14.613,9.77,14.613,10 M17.969,10c0,4.401-3.567,7.969-7.969,7.969c-4.402,0-7.969-3.567-7.969-7.969c0-4.402,3.567-7.969,7.969-7.969C14.401,2.031,17.969,5.598,17.969,10 M17.13,10c0-3.932-3.198-7.13-7.13-7.13S2.87,6.068,2.87,10c0,3.933,3.198,7.13,7.13,7.13S17.13,13.933,17.13,10'%3E%3C/path%3E%3C/svg%3E");
  width: 25px;
  filter: invert(1);
  float: right;

}

  .infra-sec .infra-swiper > .swiper-wrapper {
    max-height: 250px;
  }
  li#y2007 {
    margin-left: 0;
  }
  .timeline .arrows{
    display: none;
  }
  .about-hh-grid > .right .img-right-container img{
    max-height: 250px;
  }
  .infra-thumb.swiper .swiper-wrapper{
    height: 40px;
  }
  .infra-swiper-controls .swiper-button-prev-infra, .infra-swiper-controls .swiper-button-next-infra{
    font-size: 14px;
  }
  .infra-swiper-controls{
    justify-content: center;
  }
  .timeline-sec-1 .swiper-pagination {
    /* top: 10px; */
}

.timeline-year-col h3 {
padding-top:7px;
}
.timeline-wrap .swiper-wrapper {
  padding: 120px 0 180px;
}
.timeline-sec-1 .timeline-year-col .timeline-content{
  top: 30px;
}
.timeline-sec-1 .timeline-year-col .timeline-content::before{
  top:0;
}
.timeline-sec-1 .timeline-year-col:nth-child(even) .timeline-content{
  top: 30px;
  transform:unset;
}
.timeline-sec-1 .timeline-year-col:nth-child(even) .timeline-content::before{
  top:0;
  bottom:  unset;
}
.about-hh-grid > .right  .text-content{
  padding: 20px 15px;
}
.container.about-hh{
  padding:0;
}
  .swiper#banner-swiper .content-wrapper .content {
    margin: 0;
    }.how-we-work{padding-bottom:30px}.display-m,.news-slide{padding:0px;}#spots p{font-size:16px;}#spots p{margin-bottom:0px;}.display-m .fake-col-wrapper{display:grid;gap:20px;}.welcome{padding:10px 0 45px;}
    .our-products{padding-bottom:5px;}.our-products .mb-3{margin-bottom: 0px !important;}.test-container{margin-bottom:0px;}.pspace-b{padding:40px 0px;}
    .testimonials .pb-5{padding-bottom: 10px !important;}footer h2{margin-bottom: 0px;}.ql li{margin-bottom: 10px;}.cinf p{padding: 10px 0px 0px;margin-bottom:5px !important;}
    .fname{padding-top: 10px;}footer h2{border-bottom: 1px solid #838383;padding-bottom:10px;}footer .frow{gap: 15px 20px;}.ql li:first-child,.cinf li:first-child{padding-top:10px;}

    .swiper#banner-swiper .swiper-nav-wrapper,.home-page .banner-sect a{display: none;}.swiper#banner-swiper .content-wrapper{position:relative;display:block;justify-items:flex-end;align-items: flex-end;
}.swiper#banner-swiper .content-wrapper br{display:none;}.swiper#banner-swiper .content-wrapper .content{max-width:100%;margin-right: 0px;margin-bottom:0px;background:var(--orange);padding:10px;}
    .banner-sect h1, .banner-sect h2{font-size: 20px !important;text-align:right;}
    .prod-d-page .banner-sect,.subbanner.banner-sect{background-position:left; padding-left:0px;}.bread-crumb{position: relative;}.banner-text{align-items: center;} .prod-d-page .banner-text p{font-size:24px;}
    .sse {bottom: 0px;transform: none;writing-mode: horizontal-tb;padding: 8px 15px !important;width: 100%;text-align: center;}
    .copyright{text-align:center;}.contact-page .copyright{padding-bottom:12px;}.modal-header h2{font-size:20px !important;}
    .mobile-res{display:block;}.vm .mission{padding:20px;}.vm .row{padding:0px 25px;}.col1 p br:first-child{display:none;} .cnum {
        grid-template-columns: repeat(1,1fr);gap: 0px 20px;}.map iframe {height: 350px;}.cnum{margin: 5px 0px;}.hpitem h3{font-size:17px;}
    .welcome-grid > .right p{margin: 0px 0px 25px;}.banner-sect h1, .banner-sect h2{text-align:center;    font-size: 18px !important;
        line-height: 20px !important;}.pdetail h2{width:94%;}.ccmrs{height:180px;}.test-container.pos-rel{padding-top:20px;}.test-container.pos-rel .swiper-button-next,
    .test-container.pos-rel .swiper-button-prev{padding:15px 0px;}.clientele.pspace{padding: 40px 0px 20px;}
    .products .hprods{gap:30px 0px;grid-template-columns:repeat(1,1fr);}.subbanner{height:100px;padding:0px 10px;justify-content: center;}.subbanner h1{font-size:24px;text-align:center;}
    .outer-circle {width:140px;height:140px;}.app .inner-circle{width: 135px;height: 135px;}.app p{font-size:16px;}.f5 .mb-3{margin-bottom:0px !important;}
	.grid4{gap:10px;}.wpoint{padding:0px 10px;}.rmc{display:block;margin: 15px 0px 0px;}.dcont{display:none;}.aboutsec .tnews{flex-direction: column-reverse;}.aboutsec .tnews .col-lg-5{margin-top:10px;}
}
@media (max-width: 440px) {
  .copyright p{
    font-size: 12px;
  }
  header .ncontainer {
    width: 95%;
  }
  #navs{
    margin:0;
  }
  header .header-logo small {
    font-size: 12px !important;
    text-align: left !important;
  }
  header .header-logo p {
    font-size: 16px;
    word-spacing: 0;
    text-align: left;
  }

}
@media (max-width: 420px) {
  #product ul {
    grid-gap: 0px;
    grid-row-gap: 10px;
    grid-column-gap: 5px;
  }
  ul.color li{width:40px;height:40px;}
}
@media (max-width: 400px) {
  .swiper#banner-swiper .content-wrapper {
    height: 100%;
  }
  .swiper#banner-swiper .content-wrapper .content p{
    font-size: 14px;
  }
  .swiper#banner-swiper .content-wrapper .content p br{
    display: none;
  }
  .swiper#banner-swiper .content-wrapper .content :first-child, .swiper#banner-swiper h2{
    font-size: 26px;

  }
  .swiper#banner-swiper .content-wrapper .content :first-child br , .swiper#banner-swiper h2 br{
    display: none;
  }
  .red-lined{
    font-size: 14px;
  }
  .process-inner{
    padding: 20px;
    margin: 0px;
  }
  .qna{
    padding: 0;
    }a.header-logo {width:70%;}
}
@media (max-width: 380px) {
  .left.hh-back h2 br,.products-head-left h2 br{
    display: none;
  }
  .copyright .ncontainer{
    width: 97%;
  }
  #product ul{grid-row-gap:8px;}
  .prod-d-page a.prmore{
    margin: 15px 7px;
  }
  header .side-menu-close span {
    width: 25px;
    }
    .outer-circle {width:120px;height:120px;}.app .inner-circle{width:115px;height:115px;}
}

@media (max-width: 360px) {
  .timeline-wrap .swiper-wrapper {
    padding: 150px 0 180px;
    }.unit{grid-template-columns: repeat(1,1fr);}
}
@media (max-width: 340px) {
  .copyright p{
    font-size: 11px;
  }
  header .header-logo p {
    font-size: 15px;
  }
  header .header-logo small {
    font-size: 10px !important;
  }
  a.header-logo{
    gap:0 3px;
  }
  .side-menu-wrap {
    width: 280px;
    }.timeline-sec-1 .swiper-pagination{height: 105px;}
}
@media (max-width: 330px) {
  ul.color li{width:35px;height:35px;}
}




/******************Swiper slider with thumnail*************************/

.gallery {
  width: 100%;
  max-width: 620px;
  margin: 40px auto;
}
.gallery-slider {
  width: 100%;
  height: auto;
  margin: 0 0 10px 0;
}
.gallery-slider .swiper-slide {
  width: auto;
  height: 400px;
}
.gallery-slider .swiper-slide img {
  display: block;
  width: auto;
  height: 100%;
  margin: 0 auto;
}
.gallery-thumbs {
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.gallery-thumbs .swiper-slide {
  width: 100px;
  height: 100px;
  text-align: center;
  overflow: hidden;
  opacity: 0.1;
}
.gallery-thumbs .swiper-slide-active {
  opacity: 1;
}
.gallery-thumbs .swiper-slide img {
  width: auto;
  height: 100%;
}
/******************Swiper slider with thumnail************************/

/* Page Banner */
.page-banner {
  position: relative;
  width: 100%;
  height: 250px;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  margin-top: 80px;
}

.banner-content h1 {
  font-size: 3rem;
  font-weight: 600;
}

.banner-content p {
  font-size: 1.5rem;
}

/* Responsive Adjustments */
@media (max-width: 999px) {
  .page-banner {
    height: 200px;
    margin-top: 35px;
  }
  .banner-content h1 {
    font-size: 2.4rem;
    font-weight: 600;
  }
  .banner-content p {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  .page-banner {
    height: 180px;
    margin-top: 35px;
  }
  .banner-content h1 {
    font-size: 2rem;
    font-weight: 600;
  }
  .banner-content p {
    font-size: 1rem;
  }
}

@media (max-width: 480px) {
  .page-banner {
    height: 120px;
  }
  .banner-content h1 {
    font-size: 1.7rem;
    font-weight: 600;
  }
  .banner-content p {
    font-size: 0.9rem;
  }
}

.about-banner {
  background-image: url('../images/pg-banners/about.webp');
}
.blog-banner {
  background-image: url('../images/pg-banners/blog.webp');
}
.contact-banner {
  background-image: url('../images/pg-banners/contact.webp');
}
.sitemap-banner {
  background-image: url('../images/pg-banners/sitemap.webp');
}
.product-banner {
  background-image: url('../images/pg-banners/products.webp');
}
.dealership-banner {
  background-image: url('../images/pg-banners/dealership.webp');
}


.tablepress {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 1em;
    border: none;
}
.tablepress tbody tr:first-child td {
    border-top: 0;
}
table tbody tr, table thead tr {
    border: 1px solid #ebebeb;
}
.tablepress td, .tablepress th {
    padding: 8px 15px;
    border: none;
    background: 0 0;
    text-align: left;
    float: none!important;
}
.tablepress .odd td {
    background-color:#f3f3f3;
}
table tbody td:first-child{
	border-right:1px solid #e3d8d8;
}
table tbody td:nth-child(2){
	border-right:1px solid #e3d8d8;
}
.fn-sw{
    font-size:20px;
    color: #021e50;
    font-weight: 600;
    margin:20px 0px !important;
}
.d-50{
    width:100%;
}
.dis-grid{
    display:grid;
    grid-template-columns: repeat(2, 1fr);
} 
@media (max-width:480px){
  .dis-grid{
    grid-template-columns: repeat(1, 1fr);
  }
}

.automrg{margin: auto;/* text-align: center; */float: none;}