body {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
} a {
font-size: inherit;
font-weight: inherit;
font-family: inherit;
text-decoration: none;
text-decoration-thickness: 1px;
text-underline-offset: 0.25ch;
}
strong {
font-weight: bold;
}
a:hover,
a:focus {
text-decoration-style: dashed;
}
a:active {
text-decoration: none;
}
.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
text-decoration: underline;
text-decoration-style: solid;
} .wp-block-search__button,
.wp-block-file .wp-block-file__button {
background-color: var(--wp--preset--color--#00008B);
border-radius: 0;
border: none;
color: var(--wp--preset--color--#989898);
font-size: var(--wp--preset--font-size--medium);
padding: calc(.667em + 2px) calc(1.333em + 2px);
}          .wp-block-navigation__responsive-container.is-menu-open {
padding-top: var(--wp--custom--spacing--outer);
padding-bottom: var(--wp--custom--spacing--large);
padding-right: var(--wp--custom--spacing--outer);
padding-left: var(--wp--custom--spacing--outer);
} .wp-block-post-comments ol.commentlist ul.children {
margin-top: 1rem;
margin-bottom: 1rem;
}
.wp-block-post-comments ol.commentlist li.comment:not(:last-child) {
margin-bottom: 1rem;
}
:root{
--black : #3d3d3d;
--dark-black:#000000;
--white : #ffffff;
--blue: #00008B;
--bggrey: #f1f1f1;
--blue-bg-overlay:#00008B;
--footer-bg:#dbdbdb;
--footer-txt:#484848;
--placeholder-txt:#7c7c7c;
--small-text :  0.75rem; --footer-text :  0.875rem; --normal-text : 1rem; --snormal-text : .9rem; --bnormal-text : 1.125rem; --stat-txt:19px;
--big-number :5.625rem; --section-title : 1.625rem; --banner-title: 3.1875rem; --level1-title: 2.5rem; --level2-title: 1.875rem; --level1-text: 1.5rem; --level2-text: 1.25rem; --menu-height:105px;
}
button:focus,button:focus-visible{
outline: none !important;
}
.loader{
position: fixed;
width: 100%;
top: 0;
left: 0;
background: #fff;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
opacity: 1;
transition: all 500ms ease ;
z-index: 999999999;
}
.loader.hide{
opacity: 0;
}
*{
padding: 0px;
margin:0px;
box-sizing: border-box;
font-family: "itc-avant-garde-gothic-pro";
font-weight: 300;
color: var(--black);
}
p{
font-size: 1rem;
}
.w-t *{
color: var(--white) !important;
}
body{
scroll-behavior: smooth;
}
.wp-site-blocks{
padding: 0px !important;
}
*:focus-visible{
outline:none !important;
}
a:focus,a:hover{
text-decoration:none !important;
}
.m-0,p.m-0{
margin: 0px 0px 0px 0px !important;
}
.m-t-0{
margin-top: 0px;
}
.m-b-0{
margin-bottom: 0px;
}
.m-l-0{
margin-left: 0px;
}
.m-r-0{
margin-right: 0px;
}
.hide{
display: none !important;
}
.txt-upper{
text-transform: uppercase !important;
}
.f-40{
font-size: var(--level1-title) !important;
}
.f-30{
font-size: var(--level2-title) !important;
}
.f-20{
font-size: var(--level2-text) !important;
}
.f-22{
font-size: 	1.375rem !important;
}
.f-24{
font-size: var(--level1-text) !important;
}
.fw-500{
font-weight: 500 !important;
}
.fw-300{
font-weight: 300!important;
}
.fw-400{
font-weight: 400 !important;
} 
.fw-600{
font-weight: 600!important;
}
.l-g-bg{
background: var(--bggrey) !important;
}
.w-100 img{ 
width: 100% !important;
}
.w-100 .wp-block-button__link img{
width: 24px !important;
}
.grid-3{
display: grid !important;
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
}
header{
position: fixed; top:0px;
left:0px;
width: 100%;
z-index: 999;
}
button:hover{
cursor: pointer;
}
#menu-block>.wp-block-columns {
width: 100%;
gap: 0px;
flex-direction: row;
flex-wrap: nowrap !important;
box-shadow: 0px 0px 5px 0px #0004;
padding: 0px 5vw;
background: #FFF;
}
#menu-block>.wp-block-columns>.wp-block-column{
height: var(--menu-height);
display: flex;
justify-content: center;
align-items: center;
background: var(--white);
}
#menu-block>.wp-block-columns>.wp-block-column:first-child{
flex-basis: 150px !important;
}
#menu-block>.wp-block-columns>.wp-block-column:last-child{
width: calc(100% - 155px);
flex-basis: calc(100% - 155px);
}
.hide{display:none;}
#menu-block>.wp-block-columns>.wp-block-column>nav{
width: 100%;
border-radius: 0px 12px 12px 0px;
padding-right: 20px;
}
#menu-block>.wp-block-columns>.wp-block-column>nav div.wp-block-navigation__responsive-container  {
border-radius: 0px 12px 12px 0px;
}
#menu-block>.wp-block-columns>.wp-block-column>nav .wp-block-navigation__responsive-container-content{
height: var(--menu-height);
}
#menu-block>.wp-block-columns>.wp-block-column>nav ul.wp-block-navigation__container{
display: flex;
justify-content: space-around;
align-items: center;
height: inherit;
gap: 0;
}
#menu-block>.wp-block-columns>.wp-block-column>nav ul.wp-block-navigation__container li{
padding: 1rem;
}
#menu-block>.wp-block-columns>.wp-block-column>nav ul.wp-block-navigation__container li a {
height: 100%;
display: flex;
align-items: center;
}
#menu-block>.wp-block-columns>.wp-block-column>nav ul.wp-block-navigation__container li,#menu-block>.wp-block-columns>.wp-block-column>nav ul.wp-block-navigation__container li a{
height: 100%;
}
#menu-block>.wp-block-columns>.wp-block-column>nav ul.wp-block-navigation__container{
border-radius: 0px 12px 12px 0px;
}
#menu-block ul li a.wp-block-navigation-item__content{ font-size: var(--normal-text);
font-weight: normal;
text-transform: uppercase;
height: 100%;
display: flex;
align-items: center;
}
#menu-block ul li:hover a.wp-block-navigation-item__content img{
filter: brightness(100);
}
#menu-block ul li a span{
font-weight: normal;
}
#menu-block ul.wp-block-navigation__container li:focus-within, #menu-block ul.wp-block-navigation__container li:hover,#menu-block ul li ul.wp-block-navigation__submenu-container,#menu-block ul li ul.wp-block-navigation__submenu-container {
background: var(--blue);
color: var(--white);
}
#menu-block ul li:hover a span{
color: var(--white);
}
#menu-block ul.wp-block-navigation__submenu-container li a,#menu-block ul.wp-block-navigation__submenu-container svg path,#menu-block ul li:hover svg path{
color: var(--white) !important;	
align-items: start;
}
#menu-block nav li ul.wp-block-navigation__submenu-container li a:hover,#menu-block nav li ul.wp-block-navigation__submenu-container li:has(a:hover){
background: var(--black);
color:#fff;
}
#menu-block nav li ul.wp-block-navigation__submenu-container li a span{
color: var(--white);
line-height: 1;
tetx-wrap:nowrap;
}
#menu-block ul li:hover svg path{
background: var(--white);
color: var(--black);
}
#menu-block nav li .wp-block-navigation__submenu-container {
transform: translateX(-20px);
}
#menu-block nav li:hover .wp-block-navigation__submenu-container {
transform: translateX(0px);
transition: all .5s ease-in-out;
} ul.wp-block-navigation__submenu-container li a.wp-block-navigation-item__content{
display: flex;
gap:5px;
}
ul.wp-block-navigation__submenu-container li a.wp-block-navigation-item__content:before{
content: "";
background: url(../../../uploads/2023/09/round-arrow-white.svg);
width: 24px;
height: 24px;
display: flex;
flex-basis: 24px;
aspect-ratio: 1;
background-repeat: no-repeat;
}
.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container{
left: 0px;
}
.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{
left: 100%;
}
.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container{
min-width: 400px;
}
#h-b-s,#h-b-s .wp-block-cover{
min-height: 100vh;
}
.b-t{
font-size: var(--banner-title) !important;
}
.s-t{
font-size: var(--section-title);
line-height: 150%;
margin-bottom: 1rem;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
gap: 1rem;
text-transform: uppercase;
text-wrap:nowrap;
}
.s-t::after{
content: "";
background-color: var(--blue);
max-width: 315px;
height: 1px;
display: inline-block;
width: 100%;
flex-basis: 50%;
}
.s-t.w::after{
background-color: var(--white);
}
.blue-txt{
color: var(--blue);
text-wrap:nowrap;
}
.w-50{
width: 50%;
}
.explore-group.back-to-home .wp-block-buttons .wp-block-button a{
padding: 12px 20px 12px 8px;
font-size: 14px;
justify-content: center;
}
.w-t .s-t::after{
background-color: var(--white)!important;
}
.stat-grp{
gap: 1rem;
}
#pro-lst>.wp-block-columns{
gap: 1rem;
}
#pro-lst>.wp-block-columns .wp-block-group p a:hover{
background-color: var(--blue);
color: var(--white);
}
#pro-lst>.wp-block-columns .wp-block-group p a{
display: flex;
flex-wrap: nowrap;
gap: 1rem;
padding-top: var(--wp--preset--spacing--60);
padding-right: var(--wp--preset--spacing--60);
padding-bottom: var(--wp--preset--spacing--60);
padding-left: var(--wp--preset--spacing--60);
align-items: flex-start;
transition: all .5s ease;
height: 100%;
}
#pro-lst>.wp-block-columns .wp-block-group p a:hover img{	
filter: brightness(100);
}
#pro-lst>.wp-block-columns .wp-block-group{
display: flex;
gap: 1rem;
flex-wrap: nowrap;
justify-content: start;
align-items: center;
height: 100%;
}
#pro-lst>.wp-block-columns>.wp-block-column>a{
padding: 0.5 rem;
}
.pos-r{
position: relative!important;
}
.stat-grp .wp-block-columns .wp-block-column svg{
}
.stat-grp .wp-block-columns .wp-block-column:first-child{
border-right:1px solid var(--black);
}
.stat-grp>.wp-block-group:not(:last-child){
border-bottom: 1px solid var(--black);
padding-bottom: 1rem;
}
.stat-item{
gap: 1rem;
margin-bottom: 1rem;
display: flex;
flex-direction: column;
padding: 0px 1rem;
justify-content: start;
align-items: start;
position: relative;
height: 100%;
}
.stat-item .icon-block{
padding: 10px;
border-radius: 7px;
background: var(--bggrey);
display: flex;
justify-content: center;
align-items: center;
}
.stat-item .wp-block-group{
margin-left: 0px !important;
}
.stat-item svg{
margin-left: 0px !important;
}
.stat-item>.wp-block-image{
margin: 0px 0px !important;
}
.stat-item p{
font-weight: 300;
}
.stat-item:not(.quality) p:not(.bigno){
font-size: var(--bnormal-text);
}
.bigno.dig2{
min-width: 100px;
}
.bigno{
font-size: var(--big-number);
line-height: 100%;
text-wrap: nowrap;
font-weight: 400;
}
.stat-txt{
font-family: "GreycliffCF-Medium";
font-size: var(--stat-txt);
text-transform: capitalize;
}
#page-banner .image-block{
position: relative;
isolation: isolate;
}
#page-banner .image-block img{
width: 100%;
height: auto;
}
#page-banner .image-block  figure::after {
--width: calc(100vw);
--height: calc(25vh);
position: absolute;
right: 0;
bottom: 0;
content: "";
width: 100%;
height: 0;
border-top: var(--height) solid transparent;
border-right: var(--width) solid white;
z-index: 2;
}
#page-banner .image-block  figure::before{
content: "";
top:0;
left:0;
height: 100%;
width: 100%;
position: absolute;
background: linear-gradient(105.94deg, rgba(0, 0, 0, 0.75) -2.77%, rgba(16, 138, 202, 0.75) 96.28%, rgba(120, 189, 224, 0.75) 165.43%, rgba(137, 197, 229, 0.75) 257.29%);
z-index: 1;
}
#page-banner .content-block{
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top:0;
left:0;
width: 100%;
height: 100%;
z-index: 2;
}
#page-banner .content-block h1{
font-size: var(--banner-title);
font-weight: 300;
text-align: center;
color: var(--white);
text-transform: uppercase;
}
.explore-group{
width: 144px;
height: 42px;
display: flex;
align-items: center;
position: relative;
}
.explore-group svg{
position: absolute;
}
.explore-group.explore-pdf-200{
width: 200px;
height: 50px;
}
.explore-group.explore-pdf-275{
width: 300px;
height: 50px;
}
.explore-group svg#box-275{
top:0;
left:0;
}
.explore-group.explore-pdf-200{
width: 225px;
}
.explore-group svg#box-200{
top:0;
left:0;
}
.explore-group svg#arrow-right line{
transition: all 0s ease-in-out;
}
.explore-group:hover svg#arrow-right line{
transition: all .2s ease-in-out 350ms;
}
.no-overflow{
overflow: hidden;
}
.explore-group:hover svg path,.explore-group:hover svg#arrow-right line,.explore-group:hover svg#arrow-left line{
stroke: var(--blue) !important;
}
.svgwhite svg#box-144 path {
stroke: var(--white)
}
.svgwhite a.wp-block-button__link {
color: var(--white) !important;
}
.svgwhite svg#arrow-right line {
stroke: #fff;
}
.explore-group svg path.linepath{	
stroke-dasharray: 700;
stroke-dashoffset: 0;
}
.explore-group:hover svg .linepath{
animation: dash .7s linear forwards;
}
.explore-group svg#arrow-right {
width: 42px;
height: 20px;
position: absolute;
right: -21px;margin:0;
}
.explore-group.explore-pdf-275 svg#arrow-right,.explore-group.explore-pdf-200 svg#arrow-right  {
right: 0px;
}
@keyframes dash {
from{
stroke-dashoffset: 700;
}
to {
stroke-dashoffset: 0;
}
}
.explore-group .wp-block-buttons{
position: relative;
z-index: 9;    margin: 0
}
.is-layout-flow > * {
margin-block-start: 0rem;
}
.explore-group .wp-block-buttons .wp-block-button{
width: 144px;
height: 42px;
padding: 0px;
display: flex;
align-items: center;
justify-content: center;
}
.explore-group.explore-pdf-200 .wp-block-buttons .wp-block-button{
width: 200px;
height: 50px;
}
.explore-group.explore-pdf-275 .wp-block-buttons .wp-block-button{
width: 300px;
height: 50px;
}
.explore-group .wp-block-buttons .wp-block-button a{
margin: 0px;
line-height: 100%;
width: 100%;
height: 42px;
display: flex;
align-items: center;
padding: 12px 24px;
}
.explore-group.explore-pdf-200 .wp-block-buttons .wp-block-button a{
padding: 0px 12px;
align-items: center;
height: 50px;
}
.explore-group.explore-pdf-275 .wp-block-buttons .wp-block-button a{
padding: 0px 12px;
align-items: center;
height: 50px;
}
.explore-btn a{
background: url(../../../themes/mytheme/assets/explore-btn.svg);
background-repeat: no-repeat;
background-size: 100%;
padding: 12px 24px;
min-width: 144px;
min-height: 42px;
display: flex;
align-items: center;
line-height: 100%;
color: var(--black) !important;
position: relative;
}
.explore-btn a::after{
content: url(../../../uploads/2023/09/arrow-black.html);
width: 42px;
height: 19px;
position: absolute;
right: -24px;
}
.explore-btn-white a{
background: url(../../../themes/mytheme/assets/explore-btn-white.svg);
background-repeat: no-repeat;
background-size: 100%;
padding: 12px 24px;
min-width: 144px;
min-height: 42px;
display: flex;
align-items: center;
line-height: 100%;
color: var(--white) !important;
position: relative;
}
.explore-btn-white a::after{
content: url(../../../uploads/2023/09/arrow-white.html);
width: 42px;
height: 19px;
position: absolute;
right: -24px;
}
.explore-btn.cp a{
background: url(../../../themes/mytheme/assets/BUTTON-2.png);
background-size: contain;
background-repeat: no-repeat;
}
.explore-btn.sb a{
background: url(../../../themes/mytheme/assets/BUTTON-1.png);
background-size: contain;
background-repeat: no-repeat;
}
.explore-btn.cp a::after,.explore-btn.sb a::after{
top: 14px;
}
.tab-menu{
max-width: 425px;
margin: 3rem 0px;
}
.tab-item:not(:last-child){
border-bottom: 1px solid #ececec;
} 
.tab-item{
width: 100%;
}
.tab-item a:hover, .tab-item.active a {
background: var(--blue) !important;
color: var(--white) !important;
box-shadow: 0px 0px 10px 2px #0004;
}
.tab-item a:hover::after, .tab-item.active a::after{
content: url(../../../uploads/2023/09/arrow-white.html);
}
.tab-item a{
font-size: var(--normal-text) !important;
display: flex;
flex-wrap: nowrap;
gap:1.5rem;
padding: 0.5rem;
transition: all 500ms ease;
align-items: center;
justify-content: space-between;
}
.tab-item a::after{
content: "";
width: 42px;
height: 19px;
}
.pdf-btns{
gap: 3rem;
}
.pdficon a{
gap: .5rem;
align-items: end;
}
#infrastucture .wp-block-cover{
min-height: 650px;
}
.overlay-container{
margin-right: 5vw;
}
.overlay{
position: relative;
}
.m-t-m-50{
margin-top: -50px !important;
}
.cover-contain-bg img.wp-block-cover__image-background{
object-fit: cover !important;
width: 40%;
right: 0px;
left: unset;
}
.cover-contain-bg .wp-block-cover__inner-container{
width: 100% !important
}
.resorce-title-block{
width: 50%;
}
.resorce-title-block .s-t::after{
width: calc(200px);
}
.image-with-name-slider .owl-nav,.image-slider .owl-nav{
display: flex;
justify-content: center;
align-items: center;
width: 100%;
gap: 1rem;
margin-top: 3rem !important;
}
.image-slider .owl-nav{
justify-content: center;
}
.image-with-name-slider .text-block{
text-align: left;
width: 60%;
margin: auto;
text-transform: uppercase;
}
.image-with-name-slider .text-block p.title{
font-size: var(--level2-text);
text-align: center;
}
.image-with-name-slider .owl-nav button,.image-slider .owl-nav button{
padding: 12px 24px !important;
min-width: 144px !important;
min-height: 42px !important;
align-items: center;
line-height: 100% !important;
color: var(--black) !important;
position: relative;
}
.image-with-name-slider .owl-nav [class*=owl-]:hover,.image-slider .owl-nav [class*=owl-]:hover{
background: unset !important;
color: #000 !important;
}
.image-with-name-slider button:hover,.image-slider button:hover{
background: transparent;
}
.image-with-name-slider .owl-prev svg#box-144,.image-with-name-slider .owl-next svg#box-144,.image-slider .owl-prev svg#box-144,.image-slider .owl-next svg#box-144{
position: absolute;
top: 0;
left: 0;
}
.image-with-name-slider .owl-next svg#arrow-right,.image-slider .owl-next svg#arrow-right,.Certificate-list .owl-next svg#arrow-right,.quality-list .owl-next svg#arrow-right{
width: 42px;
height: 20px;
position: absolute;
right: -15px;
}
.image-with-name-slider .owl-prev svg#arrow-left,.image-slider .owl-prev svg#arrow-left,.Certificate-list .owl-prev svg#arrow-left,.quality-list .owl-prev svg#arrow-left{
width: 42px;
height: 20px;
position: absolute;
left: -15px;
}
.image-with-name-slider button .explore-group,.image-slider button .explore-group,.Certificate-list button .explore-group,.quality-list button .explore-group{
justify-content: center;
}
.tab-container-outer-block{
position: relative;
display: flex;
overflow: hidden;
flex-direction: row;
flex-wrap: nowrap;
}
.tab-container,.tab-block{
width: 100%;
min-width: 100%;
max-width: 100%;
order: 2;
opacity: 0;
transition: .4s opacity .4s ease; 
}
.tab-container.active, .tab-block.active{
order: 1; 
opacity:1;
}
.banner-bottom-slider{
position: absolute;
bottom: 5vw;
width: 90%;
}
.banner-bottom-slider .wp-block-columns{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 4rem;
justify-content: space-between;
}
.banner-bottom-slider .wp-block-columns .wp-block-column{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 1rem;
align-items: center;
font-size: var(--normal-text);
}
.banner-bottom-slider .wp-block-columns .wp-block-column p{
color: var(--white);
}
.banner-bottom-slider .wp-block-columns .wp-block-column:not(:first-child, :last-child)>*:first-child {
display: flex;
justify-content: center;
}
.banner-bottom-slider .wp-block-columns .wp-block-column{
position: relative;
}
.banner-bottom-slider .wp-block-columns .wp-block-column:not(:last-child) span.line{
flex-basis: var(--linewidth); 
width: var(--linewidth); 
position: absolute;
left: calc(93% + var(--linegap));
height: 24px;
display: flex;
align-items: center;
}
.banner-bottom-slider .wp-block-columns .wp-block-column:not(:last-child) span.line::after{
content: "";
width: 0px;
height: 2px;
border-radius: 2px;
background: var(--blue);
position: absolute;
display: block;
}
.banner-bottom-slider .wp-block-columns .wp-block-column:not(:last-child) span.line::before{
content: "";
width: 100%;
height: 2px;
display: block;
border-radius: 2px;
background:var(--white);
transition: all 4s ease;
}
.banner-bottom-slider .wp-block-columns .wp-block-column:not(:last-child).active span.line::after{
width: 100%;
transition: all 4s linear;
} .banner-bottom-slider .wp-block-columns .wp-block-column .wp-block-group{
display: flex;
flex-direction: column;
}
.banner-bottom-slider .wp-block-columns .wp-block-column .wp-block-group svg{
width: 43px;
height: 43px;
display: block;
opacity: 0;
transition: all .5s ease;
position: absolute;
bottom:100%;
}
.banner-bottom-slider .wp-block-columns .wp-block-column.active .wp-block-group{
padding: 10px 0px ;
}
.banner-bottom-slider .wp-block-columns .wp-block-column.active .wp-block-group svg{
opacity: 1;
}
footer a,footer a:hover,footer a:focus{
text-decoration: none;
}
.footer-menu-list ul{
gap: 0.5rem;
}
.footer-menu-list a span{
font-weight: 400;
font-size: var(--footer-text);
}
.social-icon-list{
height: 66px;
}
.letstalk-form-container{
position: relative;
}
.grecaptcha-badge{
visibility: hidden;
}
.contact-info p{
width: 100%;
font-weight: 400;
}
.contact-info .wp-block-columns{
align-items: center;
}
.contact-info .wp-block-columns{
flex-wrap: nowrap!important;
flex-direction: row !important;
width:100%
}
.contact-info .wp-block-columns .wp-block-column:first-child{
flex-basis: 35px !important;
}
.vertical-slider-block{
box-shadow: 0px 0px 10px 0px #0004;
}
.owl-carousel .owl-item img{
width: 100% !important;
height: auto !important;
}
.product-flex{
display: flex;
justify-content: center;
position: relative; }
.product-tab-content>.product-flex{
padding:0px !important;
}
.hide{display:none;}
@keyframes lineanimation {
0% {background: linear-gradient(90deg, var(--blue) 0%,var(--blue) 0%,var(--white) 0%,var(--white) 100%);}
5% {background: linear-gradient(90deg, var(--blue) 0%,var(--blue) 5%,var(--white) 5%,var(--white) 100%);}
10% {background: linear-gradient(90deg, var(--blue) 0%,var(--blue) 10%,var(--white) 10%,var(--white) 100%);}
15% {background: linear-gradient(90deg, var(--blue) 0%,var(--blue) 15%,var(--white) 15%,var(--white) 100%);}
20% {background: linear-gradient(90deg, var(--blue) 0%,var(--blue) 20%,var(--white) 20%,var(--white) 100%);}
25% {background: linear-gradient(90deg, var(--blue) 0%,var(--blue) 25%,var(--white) 25%,var(--white) 100%);}
30% {background: linear-gradient(90deg, var(--blue) 0%,var(--blue) 30%,var(--white) 30%,var(--white) 100%);}
35% {background: linear-gradient(90deg, var(--blue) 0%,var(--blue) 35%,var(--white) 35%,var(--white) 100%);}
40% {background: linear-gradient(90deg, var(--blue) 0%,var(--blue) 40%,var(--white) 40%,var(--white) 100%);}
45% {background: linear-gradient(90deg, var(--blue) 0%,var(--blue) 45%,var(--white) 45%,var(--white) 100%);}
50% {background: linear-gradient(90deg, var(--blue) 0%,var(--blue) 50%,var(--white) 50%,var(--white) 100%);}
55% {background: linear-gradient(90deg, var(--blue) 0%,var(--blue) 55%,var(--white) 55%,var(--white) 100%);}
60% {background: linear-gradient(90deg, var(--blue) 0%,var(--blue) 60%,var(--white) 60%,var(--white) 100%);}
65% {background: linear-gradient(90deg, var(--blue) 0%,var(--blue) 65%,var(--white) 65%,var(--white) 100%);}
70% {background: linear-gradient(90deg, var(--blue) 0%,var(--blue) 70%,var(--white) 70%,var(--white) 100%);}
75% {background: linear-gradient(90deg, var(--blue) 0%,var(--blue) 75%,var(--white) 75%,var(--white) 100%);}
80% {background: linear-gradient(90deg, var(--blue) 0%,var(--blue) 80%,var(--white) 80%,var(--white) 100%);}
85% {background: linear-gradient(90deg, var(--blue) 0%,var(--blue) 85%,var(--white) 85%,var(--white) 100%);}
90% {background: linear-gradient(90deg, var(--blue) 0%,var(--blue) 90%,var(--white) 90%,var(--white) 100%);}
95% {background: linear-gradient(90deg, var(--blue) 0%,var(--blue) 95%,var(--white) 95%,var(--white) 100%);}
100% {background: linear-gradient(90deg, var(--blue) 0%,var(--blue) 100%,var(--white) 100%,var(--white) 100%);}
}
@keyframes lineanimation1 {
from {background: linear-gradient(90deg, var(--blue) 0%,var(--blue) 0%,var(--white) 0%,var(--white) 100%);}
to {background: linear-gradient(90deg, var(--blue) 0%,var(--blue) 100%,var(--white) 100%,var(--white) 100%);}
}
#search-btn-mobile{
display: none;
}
@keyframes slider-left{
0% {
transform: translateX(5vw);
}
5%{
transform: translateX(5vw);
}
25% {
transform: translateX(-13.5%);
}
45% {
transform: translateX(-26%);
}
65% {
transform: translateX(-38.5%);
}
85%{
transform: translateX(-54%);
}
95%{
transform: translateX(-54%);
}
100%{
transform: translateX(5vw);
}
}
.hide-desktop{
display: none !important;
}
.hide-mobile{
display: inherit !important;
}
.stat-grp>.wp-block-group {
width: 100%;
}
section#who-we-are{
position: relative;
overflow: hidden;
}
h1#textanimation{
opacity: 0;
}
h1#textanimation.active{
opacity: 1;
}
h1#textanimation,h1 span.words{
overflow: hidden;
}
h1#textanimation span{
color: #c39065;
}
h1#textanimation span.has-blue-color span{
color:  var(--blue);
}
span.words{
display: inline-block;
overflow: hidden;
}
span.letter {
opacity: 1;
transition: all 0.4s ease;
color: #000;
overflow: hidden;
}
span.letter span{
display: inline-block;
transform: translateY(100%) rotate(90deg);
}
.get-in-touch-contact .address-block p strong{
font-size: var(--level1-text);
color: var(--white);
font-weight: 600;
}
.get-in-touch-contact .address-block .wp-block-columns .wp-block-column{
padding: 0px !important;
background: transparent;
}
.get-in-touch-contact .address-block .contact-info .wp-block-columns{
display: flex;
align-items: center;
}
.get-in-touch-contact .address-block .contact-info p{
font-size: var(--bnormal-text);
font-weight: 300;
color: var(--white);
}
.get-in-touch-contact .address-block .contact-info{
margin-top: 1rem;
}
.overflow-image-top{
position: relative;
}
.overflow-image-top figure img{
width: 100%;
}
.overflow-image-top figure{
position: absolute;
width: 100%;
bottom: 0;
}
.industry-list>.wp-block-column{
background: var(--bggrey);
padding: 1rem;
}
.industry-card .title-block{
display: flex;
justify-content: start;
align-items: center;
gap:1rem;
padding: 1.5rem 0px .75rem  0px ;
}
.industry-card .title-block svg{
width: 18px;
height: auto;
flex: 0  0 18px;
margin: 0px !important;
}
.industry-card h3{
font-weight: 300;
font-size: 18px;
margin-bottom: 1rem;
margin-top: 6px;
}
.w-100{
width: 100%;
}
.industry-card p{
font-weight: 300;
font-size: 16px;
}
.industry-card .content-block{
padding: 0px 33px;
display: flex;
flex-direction: column;
gap:1.5rem;
}
#gallery-types .wp-block-cover__background{
background: linear-gradient(180deg, #003F60 11.47%, #0082C6 100%);
}
.text-404{
position:relative;
}
.text-404::before{content:"";}
.text-404::after{content:"";}
.type-galleries figure{
margin-top: 0px !important;
}
.shadow-box{
box-shadow: 0px 2px 15px 0px #00000026;
}
.directory-card{
position: relative;
}
.directory-card .sl-no{
position: absolute;
left:0;
width: 20%;
}
.directory-card .top-row{
background: linear-gradient(180deg, #f1f1f1 0%, #f1f1f1 60%, #0082C6 60%, #0082C6 100%);
width: 100%;
padding-bottom: 1rem;
position: relative;
}
.directory-card .top-row .sl-no{
position: absolute;
bottom:1.5rem;
left:1rem;
color: var(--white);
}
.directory-card .content-row{
width: 100%;
padding-bottom: 1rem;
}
.directory-card .content-row p,.directory-card .content-row p strong{
color: var(--white);
}
.product-card{
background: linear-gradient(180deg, #F1F1F1 0%, rgba(241, 241, 241, 0) 100%);
}
.product-card h2{
font-size: var(--level2-title);
font-weight: 300;
line-height: 36px;
text-align: left;
}
.highlights>.wp-block-columns>.wp-block-column:last-child>.stat-item::after{
content: none;
}
.highlights>.wp-block-columns>.wp-block-column>.stat-item::after{
content: "";
width: 1px;
height: 100%;
position: absolute;
top:0;
right:0;
background: linear-gradient(180deg,#0000 0%,#0000 50%,#000F 50%,#000F 100% );
}
.infrasturcture-item{
background: linear-gradient(180deg, #F1F1F1 0%, rgba(241, 241, 241, 0) 100%);
}
.infrasturcture-item .title{
font-size: 39px;
font-weight: 300;
line-height: 1.5;
text-align: left;
}
.infrasturcture-item ul.list , .career ul.list{
list-style: none;
}
#product-container #pro-lst .wp-block-columns .wp-block-column a span,#product-container #pro-lst .wp-block-columns .wp-block-column a svg path{
transition: all .3s ease-in-out;
}
#product-container #pro-lst .wp-block-columns .wp-block-column{
background: #FFF !important;
box-shadow: 0px 3px 10px 0px #6969691A;
transition: all .3s ease-in-out;
}
#product-container #pro-lst .wp-block-columns .wp-block-column:has(>a:hover),#product-container #pro-lst .wp-block-columns .wp-block-column.active{
background: var(--blue) !important;
}
#product-container #pro-lst .wp-block-columns .wp-block-column a:hover span,#product-container #pro-lst .wp-block-columns .wp-block-column.active a span{
color: var(--white) !important;
}
#product-container #pro-lst .wp-block-columns .wp-block-column a:hover svg path,#product-container #pro-lst .wp-block-columns .wp-block-column.active a svg path{
fill: var(--white) !important;
}
.infrasturcture-item ul.list li,.career ul.list li ,ul.arrow-list li{
display: flex;	
align-items: start;
justify-content: start;
gap:1rem;
margin-bottom: .75rem;
}
.infrasturcture-item ul.list li::before,.career ul.list li::before,ul.arrow-list li::before{
content: "";
width: 16px;
height: 16px;
flex: 0  0 10px;
display: flex;
justify-content: center;
align-items: center;
background: url(../../../uploads/2024/05/Color-Overlay.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.infrasturcture-item ul.list li,.career ul.list li,ul.arrow-list li{
font-size: 16px;
font-weight: 300;
line-height: 1.5;
text-align: left;
}
.stat-item  p.has-blue-color{
color: var(--blue);
width: 100%;
text-align: left;
font-size: 20px;
font-weight: 500;
line-height: 26px;
text-align: left;
}
.svg-btn{
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
}
.svg-btn>svg{
flex: 0 0 24px;
}
.svg-btn span>svg {
flex: 0 0 50px;
}
.svg-btn span{
display: flex;
align-items: center;
justify-content: space-between;
gap: 1.5rem;
}
.highlights.quality>.wp-block-columns>.wp-block-column>.stat-item::after{
background: linear-gradient(180deg, #0000 0%, #0000 20%, #000F 20%, #000F 100%);
}
.search-container{display: flex; z-index: 1000; width: 100%; background: rgba(0, 130, 198, 0.80); backdrop-filter: blur(5.5px); min-height: 80vh; align-items: center; justify-content: center;transition:0.3s all ease-in-out;    position: fixed;top: 0;    transform: translateY(-100vh);}
.search-container .wp-block-group{width:100%;}
.search-container form,.search-container .wp-block-search__inside-wrapper{border-radius: 12px; border: 2px solid #FFF; background: #FFF;    padding-left: 10px;}
.search-container .wp-block-search__button svg{transform: rotate(270deg); min-width: 35px; min-height: 35px;}
.search-container svg.close-icon{position: absolute; top: 13%; right: 10%;cursor:pointer;}
.search-container .wp-block-search__inside-wrapper input,.search-container .wp-block-search__inside-wrapper input::placeholder{font-size: 18px; font-weight: 300; }
.search-container.show{transform: translateY(0vh);}
.search-boxshadow{box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.20);}
.font16px p{font-size:16px;line-height: 1.5;font-weight: 300;    text-transform: lowercase;}
.search-inner form,.search-inner .wp-block-search__inside-wrapper{border-radius: 12px; border: 2px solid #FFF; background: #FFF;    padding-left: 10px;}
.search-inner .wp-block-search__button svg{transform: rotate(270deg); min-width: 35px; min-height: 35px;}
.search-inner .wp-block-search__inside-wrapper input,.search-inner .wp-block-search__inside-wrapper input::placeholder{font-size: 18px; font-weight: 300; border:none;}
.b-t .letter {
display: inline-block;
}
.svg-data-item{
box-shadow: 0px 0px 10px 0px #0004;
display: none;
flex-direction: column;
position: absolute;
padding: 20px;
background: #FFF;
border-radius: 5px;
min-width: 200px;
gap:10px;
z-index: -1;
opacity: 0;
transition: all .3s ease-in-out;
}
.svg-rect{
cursor: pointer;
}
.svg-data-item .title{
font-size: 16px;
font-weight: 500;
line-height: 19.2px;
text-align: left;
color:#0082C6;
padding-bottom: 10px;
border-bottom: 1px solid #F1F1F1;
width: 100%;
}
.svg-data-item .wp-block-group{
width: 100%;
display: none;
}
.svg-data-item.show{ display: none;
position: absolute;
opacity: 1;
z-index: 1;
}
.svg-data-item .s-title {
font-size: 14px;
font-weight: 300;
line-height: 16.8px;
text-align: left;	
color:#3D3D3D;
}
.svg-data-item .value{
font-size: 12px;
font-weight: 300;
line-height: 18px;
text-align: left;
color:#848484;
}
.product-container{
position: relative;
}
.hide{
display: none !important;
}
header ul{
padding: 0px !important;
}
.d-hide{display:none;}
#li-w li{ color: #fff;} .text-404::after {
content: "";
background-image: url(../../../uploads/2024/06/Group-1000001615.png);
background-size: contain;
width: 63px;
display: flex;
position: absolute;
right: -80px;
bottom: -50px;
height: 100px;
background-repeat: no-repeat;
}
.text-404::before {
content: "";
background-image: url(../../../uploads/2024/06/Group-1000001204.png);
background-size: 100px;
width: 100%;
display: flex;
position: absolute;
left: -120px;
bottom: 0;
height: 100px;
background-repeat: no-repeat;
}
.relative{position: relative;
z-index: 10;}
.fancybox__container svg path,.fancybox__container svg circle{stroke:var(--white) !important;}
.fancybox__container,.fancybox__container .fancybox__infobar span{color:var(--white);}
nav:has(>.wp-block-query-pagination-numbers){
padding-top:2rem;
}
#page-banner{
overflow: hidden;
z-index: 1;
position: relative;
}
.svg-data-item figure{display: none;}
.product-tab-containers{
position: relative;
margin-bottom: 3.75rem !important;
}
.product-tab-containers>.product-tab-contents{
position: relative;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.product-tab-containers>.product-tab-contents>.product-tab-content{
order:2;
opacity: 0;
transition: .4s opacity .4s ease;
flex: 0 0 100%;
padding: 0px;
width: 100%;
position: absolute;
z-index: -1;
}
.product-flex svg{
max-width: 100%;
}
.product-tab-containers>.product-tab-contents>.product-tab-content.active{
order:1;
opacity: 1;
position: relative;
z-index: 1;
}
.product-tab-containers .product-tab-buttons{
justify-content: center;
gap: 1rem;
} 
.product-tab-containers .product-tab-buttons>.product-tab-button:has(a.active),.product-tab-containers .product-tab-buttons>.product-tab-button.active:has(a){
   filter:drop-shadow(6px 6px 6px var(--blue) );
}
.product-tab-containers .product-tab-buttons>.product-tab-button {
border-radius: 10px;
border: 2px solid var(--blue);
background: var(--white);

min-width: 165px;
min-height: 134px !important;
}
.product-tab-containers .product-tab-buttons>.product-tab-button>a{
font-size: 14px;
font-weight: 500;
line-height: 1.25;
text-align: center;
display: flex;
flex-direction: column;
align-items:center;
gap:1rem;
color: var(--blue);
border-radius: 10px;
}
.product-tab-containers .product-tab-buttons>.product-tab-button>a>img{
max-height: 60px;
width: auto !important;
max-width: 100px;
height: auto !important;
}
.product-tab-containers .product-tab-buttons-block{
padding: 2rem 0px;
}
.certificate-list>.wp-block-column>.wp-block-columns>.wp-block-column a>svg{
transition: all .3s ease-in-out;
transform: rotate(0deg) scale(1);
}
.certificate-list>.wp-block-column>.wp-block-columns:hover>.wp-block-column a>svg{
transform: rotate(45deg) scale(.7);
}
.max-224{
text-align: center;
}
.max-224 img{
max-width: 224px;
}
#page-banner .image-block figure{
max-height: 500px;
overflow: hidden;
}
#page-banner .image-block figure::after{
--height: calc(150px);
}
@media only screen and (max-width:1630px){
#menu-block ul li a.wp-block-navigation-item__content{
font-size: 1rem;
}
#menu-block>.wp-block-columns>.wp-block-column>nav ul.wp-block-navigation__container li{
padding: 1rem .5rem
}
}
@media only screen and (max-width:1450px){
#menu-block ul li a.wp-block-navigation-item__content{
font-size: var(--small-text);
}
#menu-block>.wp-block-columns>.wp-block-column>nav ul.wp-block-navigation__container li{
padding: 1rem .5rem
}
}
@media only screen and (max-width:1200px){
nav{
gap:10px;
}
#search-btn-mobile{
display: flex;
padding: 0px 1rem;
height: 100%;
align-items: center;
justify-content: center;
transition: all .5s ease;
}
#menu-block>.wp-block-columns>.wp-block-column:last-child{
justify-content: end;
}
#menu-block ul li a.wp-block-navigation-item__content{
width: 100%;
text-align: left;
justify-content: start;
}
#menu-block ul{
background: transparent !important;
}
#menu-block ul li{
width: 100%;
flex-basis: 100%;
justify-content: start;
align-items: start;
}
#menu-block>.wp-block-columns>.wp-block-column>nav .wp-block-navigation__responsive-container-content{
height: auto;
}
#menu-block  li a,#menu-block  li a span, #menu-block ul.wp-block-navigation__submenu-container svg path, #menu-block ul li:hover svg path,#menu-block ul.wp-block-navigation__submenu-container li a{
color: var(--black) !important;
}
ul.wp-block-navigation__submenu-container li a.wp-block-navigation-item__content:before{
content: unset;
}
ul.wp-block-navigation__container>li.search-btn{
display: none !important;
}
#menu-block nav li .wp-block-navigation__submenu-container{
transform: translateX(0);
padding: 0px 0px 0px 1rem;
}
.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{
left: 0px;
}
ul.wp-block-navigation__submenu-container{
padding: 0px;
}
#menu-block nav ul.wp-block-navigation__container{
flex-wrap: nowrap;
height: auto;
width: 100%;
}
#menu-block>.wp-block-columns>.wp-block-column>nav:has(button:hover),#search-btn-mobile:has(a:hover){
background-color: var(--white) !important;
}
#menu-block nav li a:hover{
background: none !important;
color: var(--blue)!important;
}
#menu-block nav li a:hover span{
color: var(--blue)  !important;
}
#menu-block>.wp-block-columns>.wp-block-column>nav{
padding: 0px 1rem;
height: 100%;
width: unset;
transition: all .5s ease;
}
#menu-block>.wp-block-columns>.wp-block-column>nav button.wp-block-navigation__responsive-container-open {
height: 30px;
width: 30px;
border-radius: 0px;
border:0px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 0.4rem;
}
button.wp-block-navigation__responsive-container-open:after, button.wp-block-navigation__responsive-container-open:before {
content: "";
height: 3px;
width: 100%;
background: var(--black);
border-radius: 8px;
}
#search-btn-mobile a svg{
width: 100%;
height: auto;
}
#menu-block>.wp-block-columns>.wp-block-column>nav div.wp-block-navigation__responsive-container{
border-radius: 0px;
}
#menu-block>.wp-block-columns>.wp-block-column>nav{
padding: 0px 1rem 0px .5rem;
}
#menu-block>.wp-block-columns>.wp-block-column:first-child{
flex-basis: 100px !important;
border-radius: 6px 0px 0px 6px;
}
#menu-block>.wp-block-columns>.wp-block-column:last-child{
width: calc(100% - 100px);
border-radius: 0px 6px 6px 0px;
flex-basis: calc(100% - 100px);
}
button.wp-block-navigation__responsive-container-open svg {
height: 3px;
width: 100%;
background: var(--black);
}
#search-btn-mobile a{
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
}
.pdf-btn-grp{
flex-wrap: wrap !important;
gap: 1rem !important;
justify-content: center;
}
#menu-block nav ul.wp-block-navigation__container {
display: grid !important;
grid-template-areas:
"product infrastructure home"
"product infrastructure who-we-are"
"product infrastructure clients"
"product infrastructure csr"
"product infrastructure quality"
"product infrastructure career"
"product infrastructure contact-us"
"gallery infrastructure  .";
gap:2rem;
}
.has-modal-open .wp-block-navigation__responsive-close{
max-width: 100% !important;
}
#menu-block nav ul.wp-block-navigation__container > li:has(.wp-block-navigation-submenu)>a{
height: unset !important;
}
#menu-block nav ul.wp-block-navigation__container > li:nth-child(1) {
grid-area: home;
}
#menu-block nav ul.wp-block-navigation__container > li:nth-child(2) {
grid-area: who-we-are;
}
#menu-block nav ul.wp-block-navigation__container > li:nth-child(3) {
grid-area: product;
}
#menu-block nav ul.wp-block-navigation__container > li:nth-child(4) {
grid-area: infrastructure;
}
#menu-block nav ul.wp-block-navigation__container > li:nth-child(5) {
grid-area: clients;
}
#menu-block nav ul.wp-block-navigation__container > li:nth-child(6) {
grid-area: csr;
}
#menu-block nav ul.wp-block-navigation__container > li:nth-child(7) {
grid-area: quality;
}
#menu-block nav ul.wp-block-navigation__container > li:nth-child(8) {
grid-area: gallery;
}
#menu-block nav ul.wp-block-navigation__container > li:nth-child(9) {
grid-area: career;
}
#menu-block nav ul.wp-block-navigation__container > li:nth-child(10) {
grid-area: contact-us;
}
#menu-block nav li.wp-block-navigation-submenu a{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap:1rem;
}
#menu-block nav li.wp-block-navigation-submenu>ul li a span{
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
gap:1rem;
}
#menu-block nav li.wp-block-navigation-submenu>a::after{
flex: 0 0 20px;
content: "";
background: url(../../../uploads/2024/06/rouns-arrow-down.png);
width: 20px ;
height: 20px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
transform: rotate(180deg);
}
#menu-block nav li.wp-block-navigation-submenu>ul li{
padding: .5rem 1rem !important;
}
#menu-block nav li.wp-block-navigation-submenu>ul li a span::before{
flex: 0 0 16px;
content: "";
background: url(../../../uploads/2024/06/Vector-Smart-Object.png);
width: 16px ;
height: 16px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
#menu-block nav li.wp-block-navigation-submenu>ul>li>a>span{
font-size: 16px !important;
font-weight: 300 !important;
line-height: 1.5 !important;
text-align: left !important; 
}
#menu-block nav li a, #menu-block nav li a span{
font-size: 20px !important;
font-weight: 500 !important;
line-height: 1.5 !important;
text-align: left !important;
color: var(--black) !important;
}
#menu-block>.wp-block-columns>.wp-block-column>nav ul.wp-block-navigation__container li{
padding: .25rem 1rem;
}
}
@media only screen and (max-width:986px){
}
@media only screen and (max-width:1200px){
#desktop{display:none !important;}
}
@media only screen and (max-width:781px){
    /* FOR THE IMAGE SECTION */
    .hidden-section{
        display: none;
    }
    
.text-404::before{height: 55px;background-size: 80px;}
.text-404::after{right: -40px; bottom: -50px; height: 80px;}
.product-tab-contents{
padding:0px 5vw;
}
.product-container h2{
padding: 0px 5vw;
}
.product-container{
padding:3vw 0px !important;
}
.product-tab-containers .product-tab-buttons{
display: inline-flex;
/* flex-wrap: nowrap; */
}
.product-tab-containers .product-tab-buttons-block{
overflow: scroll;
padding: 2rem 0px 2rem 5vw;
}
.product-tab-containers{
overflow: hidden;
max-width: 100vw;
margin-bottom: 1rem !important;
}
#product-container #pro-lst{
padding: 0px 5vw !important; 
}
.product-tab-containers .product-tab-buttons>.product-tab-button{
min-width: 177px;
}
ul.wp-block-navigation__container>li {
border-bottom: 1px solid #ececec;
}
.d-hide{display:flex;flex-direction:column;gap:1rem}
.product-flex{display:none;}
.svg-data{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
padding: 1rem;
background: var(--white);
gap: 2rem 1rem;
margin: 2rem 0px;
position:relative;
}
.svg-data-item {
box-shadow: none;
opacity: 1;
position: relative !important;
left: unset !important;
top: unset !important;
z-index: 1;
box-sizing: border-box;
padding: 0;
background: transparent;
min-width: unset;
width: 100%;
padding:1rem;
display: flex;
margin:0px !important;
}
.svg-data::before {
content: "";
display: block;
position: absolute;
top: 1rem;
left: 50%;
height: calc(100% - 2rem);
width: 1px;
background: var(--blue);
} .svg-data>.svg-data-item:nth-child(odd):not(:first-child)::after {
content: "";
display: block;
position: absolute;
top: -1rem;
left: 0;
width: calc(90vw - 2rem);
height: 1px;
background: var(--blue);
}
.svg-data-item .title{
border:none
}
.svg-data-item figure{
padding:1rem;
margin:0; max-width: 100px;
aspect-ratio: 1;
display: flex;
justify-content: center;
align-items: center;
}
.svg-data-item figure img{
max-width: 100px;
max-height: 100%;
height: auto;
width: auto;
}
.product-tiltle{
font-size:var(--level2-title);font-size: var(--level2-text);
border-bottom: 1px solid #000;
text-decoration: none;
}
.product-flex svg{
max-width: 100%;
height: auto;
width:100%;
}
.product-tab-content>.product-flex{
padding:0px !important;
}
#product-container .d-hide figure{max-width:200px;margin:auto;}
:root{
--big-number :3.5rem;   
--banner-title:1.5rem;
--banner-height:250px;
--level1-title : 1.75rem;
--level2-title:1.25rem;
--common-gap:4rem;
}
#letstalk>.wp-block-columns{
padding: 0px !important;
}
section,section#page-banner{
position: relative;
}
#page-banner .image-block figure::after {
--height: calc(60px);
}
#page-banner .image-block img{
min-height: var(--banner-height);
width: auto;
object-fit: cover;
}
section#page-banner,#page-banner .image-block{
min-height: var(--banner-height);
}
.bigno.dig2{
min-width: 60px;
}
#bottom-footer p{
text-align: center;

}
#mid-footer .wp-block-column:last-child{
justify-content: center;
display: flex;
align-items: center;
gap: 20px;
}
#mid-footer .wp-block-column:last-child figure{
float: none;
margin:0px;
}
#resources{
overflow: hidden;
padding-top: 0vw !important;
}
.resorce-title-block{
background: var(--white);
padding: 5vw 0px 2rem 0px;
}
.resorce-title-block .s-t::after {
width: calc(100px);
} .resorce-title-block{
flex-direction: column;
width: 100%;
align-items: start !important;
padding: 0px 0px 1rem 0px ;
}
#infrastucture .wp-block-cover{
min-height: auto !important;
}
#why-surin,#download{
padding-right: 0px !important;
padding-left: 0px !important;;
}
#download{
background: var(--white) !important;
}
#why-surin h2{
padding: 0px 5vw;
}
.overlay-container{
margin:auto;
width: 90%;
}
.overlay.m-t-m-50{
margin-top:-1rem !important;
}
.overlay .f-22{
font-size: var(--bnormal-text) !important;
}
#download>.wp-block-columns{
gap: 0px;
}
#download>.wp-block-columns>.wp-block-column:last-child{
width: 90% !important;
margin: -1rem 5% 0px 5% !important;
background: var(--bggrey);
padding: 1rem;
flex-basis: 90% !important;
}
#download>.wp-block-columns>.wp-block-column:last-child .wp-block-group{
flex-direction: column;
align-items: center;
justify-content: center;
gap:1rem;
}
.logo-item{
gap: 1rem;
}
.stat-grp .wp-block-group .wp-block-columns{
flex-direction: row;
flex-wrap: nowrap !important;
gap:.5rem;
}
.stat-item figure.wp-block-image{
width: 50%;
}
.stat-item .wp-block-group{
gap: .5rem;
}
.stat-item .wp-block-group p:not(.bigno){
font-size: 1rem !important;
}
#who-we-are p.f-40{
font-size: 1.325rem !important;
}
#who-we-are p.f-22{
font-size: 1rem !important;
}
#awards p.f-22{
font-size: 1.125rem !important;
}
#pro-lst .wp-block-columns{
padding: 2.5vw 5vw;
gap:2.5vw;
}
#letstalk>.wp-block-columns>.wp-block-column:first-child{
padding: 10vw 5vw;
}
#letstalk>.wp-block-columns>.wp-block-column:first-child>.wp-block-group{
padding: 0px !important;
}
.banner-bottom-slider .wp-block-columns .wp-block-column{
min-width: 50vw;
flex-basis: 50vw;
align-items: start;
}
.banner-bottom-slider .wp-block-columns .wp-block-column:after{
content: unset !important;
}
.banner-bottom-slider .wp-block-columns{
transform: translateX(5vw);
display: inline-flex;
width: unset;
overflow: visible;
flex-wrap: nowrap !important;
animation: slider-left 16s linear infinite; }
.image-with-name-slider .text-block p.title{
text-align: center;
}
h6:has(+.social-icon-list) ,p:has(+form.subscribe-group){
margin-bottom: .5rem !important;
}
#stats .map svg,.map svg {
height: auto;
width: 100%;
padding: 1rem 0px;
}
#letstalk{
/* padding-right: 0px !important; */
}
#stats .stat-info svg, .highlights .stat-item svg {
height: auto;
width: 100%;
max-width: 40px;
aspect-ratio: 1;
}
.banner-bottom-slider .wp-block-columns .wp-block-column:not(:last-child)>*:first-child{
flex-basis: 100%;
}
.banner-bottom-slider{
padding-top: 125px;
position: relative;
width: 100%;
bottom: 0px;
visibility: visible;
animation-name: fadeInUp;
overflow: hidden;
width: 110vw;
margin: 0px -5vw;
}
.banner-bottom-slider .wp-block-columns{
gap: 50px;
}
#search-btn-mobile a svg{
width: 100%;
height: auto;
}
.banner-bottom-slider .wp-block-columns .wp-block-column .wp-block-group svg{
opacity: 1;
}
.banner-bottom-slider .wp-block-columns .wp-block-column .wp-block-group::before{
position: relative !important;
opacity: 1 !important;
}
#clients-say .s-t:after{
content: unset;
}
#h-b-s .wp-block-cover__inner-container .wp-block-group:first-child h1.b-t{
font-size: var(--level1-text)!important;
}
#h-b-s .wp-block-cover__inner-container .wp-block-group:first-child .wp-block-group p.f-30{
font-size: var(--normal-title)!important;
}
#h-b-s, #h-b-s .wp-block-cover{
min-height: unset;
}
#h-b-s .wp-block-cover__inner-container{
padding-top: 125px;
padding-bottom: 25px;
width: 100%;
}
#pro-lst>.wp-block-columns .wp-block-group p a{
padding: 1rem !important;
}
.tab-item a, .tab-item.active a{
padding: 1rem;
gap:1rem;
}
.stat-grp  .wp-block-group:last-child .stat-row:last-child .wp-block-column:last-child figure.wp-block-image{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.image-with-name-slider .owl-nav{
padding-right:0px;
}
.image-with-name-slider .owl-next svg#arrow-right{
right: 0px;
}
.image-with-name-slider .owl-prev svg#arrow-left{
left: 0px;
}
.image-with-name-slider .owl-nav{
justify-content: center;
}
.image-with-name-slider .owl-prev .explore-group svg#box-125{
right: 0;
}
.image-with-name-slider .owl-next .explore-group svg#box-125{
left: 0;
}
.image-with-name-slider  .explore-group span{
width: 125px;
}
.explore-group{
    position: relative;
    text-align: center !important;
}
.image-with-name-slider .owl-prev .explore-group{
justify-content: center;
/* text-align: center !important; */
padding-left: 15px !important;
}
.image-with-name-slider .owl-next .explore-group{
justify-content: center;
}
.hide-mobile{
display: none !important;
}
.hide-desktop{
display: flex !important;
}
.tab-container-outer-block{
flex-direction: column;
display: block;
}
.tab-menu{
margin: 5px;
width: 100%;
}
.tab-menu .tab-item{
width: 100%;
}
.s-t{
text-wrap: wrap;
}
.s-t::after{
max-width: 150px;
flex: 1;
}
.tab-menu .tab-item a{
justify-content: space-between;
}
.tab-container{
max-height: 0px;
overflow: hidden;
transition: all .5s ease-in-out;
}
.tab-container.active{
max-height: 600px;
}
.tab-container.active,.tab-block{
display: block !important;
opacity: 1 !important;
transition: .5s all ease;
overflow: hidden;
height: auto; }
.tab-container .owl-carousel{
padding: 2rem 0px;
max-width: 400px;
margin: auto;
}
.svg-btn span svg{
flex: 0 0 50px;
}
#pro-lst>.wp-block-columns>.wp-block-column>a{
padding: .5rem 1rem;
}
.tab-container-outer-block{
padding-left: 0px !important;
}
nav::after{
content: none;	
}
.svg-btn span{
font-size: 1rem;
line-height: 1.25;
}
.grid-3{
grid-template-columns: repeat(1, 1fr);
padding: 2.5vw 0px !important;
}
#page-banner+section .overflow-image-top figure{
position: relative;
}
section#page-banner+section:has(>.wp-block-columns>.wp-block-column>figure){
margin-top:-90px;
}
#page-banner:has(+section>.wp-block-columns>.wp-block-column>figure) .content-block h1{
padding-bottom: 50px;
}
section.n-content{
padding: 10vw 5vw !important;
}
.quality>.wp-block-columns{
gap: var(--common-gap);
}
.quality>.wp-block-columns>.wp-block-column>.stat-item::after{
width: 100%;
height: 1px;
right: unset;
top:unset;
left: 0px;
bottom: calc( -1 * (var(--common-gap)/2));
background: #BFBFBF;
}
.quality .wp-block-columns:last-child .wp-block-column:first-child{
display: none;
}
.quality .stat-item{
padding: 0px;
}
.qi-card figure {
text-align: center;
}
.qi-card figure img {
max-width: 70%;
margin: auto;
}
.qi-card>.wp-block-group{
gap:.5rem;
}
.m-grid-2,.highlights:not(.quality) .wp-block-columns{
display: grid !important;
grid-template-columns: repeat(2, minmax(0,1fr));
gap:1rem;
}
.highlights:not(.quality) .wp-block-columns{
gap: 2rem  1rem ;
position: relative;
border:none;
}
#certificate .m-grid-2 .wp-block-column{
flex-direction: row;
}
.highlights:not(.quality){
padding-left: 0px !important;
}
.highlights:not(.quality) .stat-item p:not(.bigno) {
font-size: .75rem !important;
}
.highlights:not(.quality)>.wp-block-columns>.wp-block-column:nth-child(even)>.stat-item::after{
content: none;
}
.highlights>.wp-block-columns>.wp-block-column>.stat-item::after{
background: #373737 !important;
}
.highlights:not(.quality)>.wp-block-columns>.wp-block-column:nth-child(even)>.stat-item::after{
content: "";
position: absolute;
width: 90vw;
height: 1px;
right: unset;
top: unset;
right: 0px;
bottom: -1rem;
background: #373737 !important;
}
.infrasturcture-item .title{
font-size: var(--level1-title);
}
.entry-content>.infrasturcture-item:nth-child(odd) .wp-block-columns{
flex-direction: column-reverse;
}
#menu-block nav ul.wp-block-navigation__container{
display: flex !important;
}  #menu-block nav li.current-menu-item a span{
color: var(--blue) !important;
}
.careers-template-default main{
padding-top: 100px !important;
}
.careers-template-default form.career{
max-width: 100% !important;
}
.career .input-group{
flex-direction: column;
}
span.error_txt{
font-size: 16px;
color: #FFF;
}
}
@media only screen and (max-width:767px){
:root{
--menu-height:50px;
--big-number :2.5rem;   
}
.explore-group{
    position: relative;
    text-align: center !important;
}
.m-p-c{
padding: 10vw 5vw !important;
}
.bigno.dig2{
min-width: 40px;
}
.wp-block-site-logo img{
/* max-height: 105px; */
width: 50px;
}
#search-btn-mobile a,#menu-block>.wp-block-columns>.wp-block-column>nav button.wp-block-navigation__responsive-container-open{
width: 24px;
height: 24px;
}
.stat-item .wp-block-group p:not(.bigno){
font-size: .75rem !important;
}
.m-m-t-1{
margin-top: 1rem;
}
.m-p-y-1{
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.m-p-0{
padding: 0px !important;
}
button.wp-block-navigation__responsive-container-open:after, button.wp-block-navigation__responsive-container-open:before,button.wp-block-navigation__responsive-container-open svg {
height: 2px;
}
#menu-block>.wp-block-columns>.wp-block-column>nav button.wp-block-navigation__responsive-container-open{
gap:.3rem;
}
}
@media (min-width: 1201px) {
.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
left: 100%;
top: -1px;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before {
background: #0000;
content: "";
display: block;
height: 100%;
position: absolute;
right: 100%;
width: 0.5em;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon {
margin-right: 0.25em;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg {
transform: rotate(-90deg);
}
.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
left: 100%;
top: 0;
}
.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
left: auto;
right: 100%;
}
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
background-color: inherit;
display: block;
position: relative;
width: 100%;
z-index: auto;
}
.wp-block-navigation__responsive-container-open:not(.always-shown),
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
display: none;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
left: 0;
}
.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
margin-top: 32px;
}
}
.certificate-card .action-block{
flex-basis: 15%;
background: #f1f1f1;
display: flex;
justify-content: center;
align-items: center;
}
.certificate-card .action-block a{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.certificate-card .image-block{
flex-basis: 85%;
}
.certificate-card{
display: flex;
gap:.75rem;
}
.Certificate-list,.quality-list{
margin:2rem 0 !Important;
}
.Certificate-list .owl-nav,.quality-list .owl-nav{
text-align: right !Important;
}
.Certificate-list .owl-nav button:hover,.quality-list .owl-nav button:hover{
background: transparent !important ;
}

@media (min-width: 768px) and (max-width: 1023px)
{
    .wp-block-site-logo img{
        /* max-height: 105px; */
        width: 50px;
        }
}

@media (min-width: 1024px) and (max-width: 1439px)
{
    .wp-block-site-logo img{
        /* max-height: 105px; */
        width: 100px;
        }
}

@media (min-width: 1440px) and (max-width: 2560px)
{
    .wp-block-site-logo img{
        /* max-height: 105px; */
        width: 100px;
        }
}
/*  Media queries for industries div */

@media (min-width: 781px) and (max-width: 1024px){
    .circleal1{ 
        top: 9% !important;
        left: 58% !important;

    }
    .circleal7{
        top: 77% !important;
        left: 39% !important;
    }
    .circleal6{
        top: 21% !important;
        left: 14% !important;
    }
    .circleal2{
        top: 24% !important;
        left: 85% !important;
    }
    .circlepharma1{   top: 25% !important;
        left: 87% !important;

    }
    .circlepharma2{

        top: 79% !important;
        left: 90% !important;
    }
    .circlepharma3{
        top: 69% !important;
        left: 16% !important;
    }
    .circlepharma4{
        top: 20% !important;
        left: 14% !important;

    }
    .circleauto8{
        top: 16% !important;
        left: 39% !important;
    }
    .circleauto1{
        top: 12% !important;
        left: 89% !important;
    }
    .circleauto2{
        top: 48% !important;
        left: 89% !important;
    }
    .circlebulk1{   top: 9% !important;
        left: 58% !important; }

        .circlebulk2{
            top: 24% !important;
            left: 85% !important;

        }
        .circlebulk6{
            top: 21% !important;
            left: 14% !important;
        }
        .circlebulk7{
            top: 77% !important;
            left: 39% !important;
        }
}
@media (min-width: 1024px) and (max-width: 1260px){

    .circlepharma3 {
        top: 75% !important;
        left: 18% !important;
    }
    .circlepharma4{
        top: 14% !important;
        left: 14% !important;
    }
    .circlepharma1{   top: 25% !important;
        left: 87% !important;

    }
    .circlepharma2{
        top: 84% !important;
    left: 88% !important;

        
    }
    .circleauto8{
        top: 16% !important;
        left: 39% !important;
    }
    .circleauto1{
        top: 4% !important;
        left: 89% !important;
    }
    .circleauto2{
        top: 48% !important;
        left: 89% !important;
    }
    .circleauto6{
        top: 47% !important;
        left: 9% !important;
    }
    
}
@media (min-width: 1261px) and (max-width: 1360px){ 
    .circleauto6{
        top: 48% !important;
        left: 12% !important;
    }
    .circleauto7{
        top: 17% !important;
        left: 13% !important;
    }
    .circleauto4{
        top: 83% !important;
        left: 39%  !important;
    }
    .circleauto3{
        top: 82% !important ;
    left: 86% !important;
    }
    .circleauto2{
        top: 44% !important; 
    left: 87% !important;
    }
    .circleauto1{
        top: 0% !important;
    left: 87% !important;
    }
    .circleauto8{
        top: 10% !important;
        left: 39% !important;
    }
    .circleauto5{
    top: 86% !important;
    left: 11% !important;}

    .circlepharma4{
        top: 0% !important;
        left: 13%  !important;
    }
    .circlepharma2{
        top: 82% !important;
        left: 87% !important;
    }

}
@media (min-width:1361px){
    .circleauto8{
        top: 10% !important;
        left: 40% !important;
    }
    .circleauto7{
        top: 17% !important;
        left: 14% !important;
    }

    .circleauto6{
        top: 48% !important;
        left: 14% !important;
    }
    .circleauto5{
        top: 86% !important;
        left: 14% !important;

    }
    .circleauto1{
        top: 0% !important;
    left: 83% !important;
    }
    .circleauto2{
        top: 44% !important;
        left: 83% !important;

    }
    .circleauto3{
        top: 82% !important;
        left: 83% !important;
    }
    }
   
.circleauto4{
    top: 83% !important;
    left: 41% !important;
}
.circlepharma4{
    top: 12% !important;
    left: 19% !important;
}
.circlepharma3{
    top: 81% !important;
    left: 22% !important    ;
}
.circlepharma1{
    top: 17% !important;
    left: 82% !important;
}
.circlepharma2{
    top: 83% !important;
    left: 84% !important;
}
.circlebulk3{
    top: 75% !important;
    left: 84% !important;
}
.circlebulk2{
    top: 17% !important;
    left: 81% !important;
}
.circlebulk6{
    top: 12% !important;
    left: 18% !important;
}
.circlebulk4{
    top: 50% !important;
    left: 18% !important;

}
.circlebulk5{
    top: 81% !important;
    left: 18% !important;
}
.circlebulk7{
    top: 77% !important;
    left: 41% !important;
}
.circlebulk3{
    top: 75% !important;
    left: 84% !important;
}
.circlebulk2{
    op: 17% !important;
    left: 81% !important;
}
.circlebulk6{
    top: 12% !important;
    left: 18% !important;
}
.circlebulk4{
    top: 50% !important;
    left: 18% !important;

}
.circlebulk5{
    top: 81% !important;
    left: 18% !important;
}
.circlebulk7{
    top: 77% !important;
    left: 41% !important;
}
.circleal3{
    top: 75% !important;
    left: 84% !important;
}
.circleal2{
    top: 17% !important;
    left: 81% !important;
}
.circleal6{
    top: 12% !important;
    left: 18% !important;
}
.circleal4{
    top: 50% !important;
    left: 18% !important;

}
.circleal5{
    top: 81% !important;
    left: 18% !important;
}
.circleal7{
    top: 77% !important;
    left: 41% !important;
}