@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.eot');
    src: url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Bold.woff2') format('woff2'),
        url('../fonts/Poppins-Bold.woff') format('woff'),
        url('../fonts/Poppins-Bold.ttf') format('truetype'),
        url('../fonts/Poppins-Bold.svg#../fonts/Poppins-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Black.eot');
    src: url('../fonts/Poppins-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Black.woff2') format('woff2'),
        url('../fonts/Poppins-Black.woff') format('woff'),
        url('../fonts/Poppins-Black.ttf') format('truetype'),
        url('../fonts/Poppins-Black.svg#../fonts/Poppins-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraBold.eot');
    src: url('../fonts/Poppins-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-ExtraBold.woff2') format('woff2'),
        url('../fonts/Poppins-ExtraBold.woff') format('woff'),
        url('../fonts/Poppins-ExtraBold.ttf') format('truetype'),
        url('../fonts/Poppins-ExtraBold.svg#../fonts/Poppins-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Light.eot');
    src: url('../fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Light.woff2') format('woff2'),
        url('../fonts/Poppins-Light.woff') format('woff'),
        url('../fonts/Poppins-Light.ttf') format('truetype'),
        url('../fonts/Poppins-Light.svg#../fonts/Poppins-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraLight.eot');
    src: url('../fonts/Poppins-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-ExtraLight.woff2') format('woff2'),
        url('../fonts/Poppins-ExtraLight.woff') format('woff'),
        url('../fonts/Poppins-ExtraLight.ttf') format('truetype'),
        url('../fonts/Poppins-ExtraLight.svg#../fonts/Poppins-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.eot');
    src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Medium.woff2') format('woff2'),
        url('../fonts/Poppins-Medium.woff') format('woff'),
        url('../fonts/Poppins-Medium.ttf') format('truetype'),
        url('../fonts/Poppins-Medium.svg#../fonts/Poppins-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.eot');
    src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('../fonts/Poppins-SemiBold.woff') format('woff'),
        url('../fonts/Poppins-SemiBold.ttf') format('truetype'),
        url('../fonts/Poppins-SemiBold.svg#../fonts/Poppins-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.eot');
    src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Regular.woff2') format('woff2'),
        url('../fonts/Poppins-Regular.woff') format('woff'),
        url('../fonts/Poppins-Regular.ttf') format('truetype'),
        url('../fonts/Poppins-Regular.svg#../fonts/Poppins-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Thin.eot');
    src: url('../fonts/Poppins-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Thin.woff2') format('woff2'),
        url('../fonts/Poppins-Thin.woff') format('woff'),
        url('../fonts/Poppins-Thin.ttf') format('truetype'),
        url('../fonts/Poppins-Thin.svg#../fonts/Poppins-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Circular Std';
    src: url('../fonts/CircularStd-Bold.eot');
    src: url(../fonts/CircularStd-Bold.eot?#iefix) format('embedded-opentype'),
        url('../fonts/CircularStd-Bold.woff2') format('woff2'),
        url('../fonts/CircularStd-Bold.woff') format('woff'),
        url('../fonts/CircularStd-Bold.ttf') format('truetype'),
        url('../fonts/CircularStd-Bold.svg#CircularStd-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* =============================================================================
   HTML5 CSS Reset Minified - Eric Meyer
   ========================================================================== */
*{
    scroll-behavior: smooth;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

nav ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}
ul{
    margin: 0;
    padding:0;
    list-style: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: none
}

a {text-decoration: none;color: #000}

a:hover{text-decoration: none;}
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold
}

del {
    text-decoration: line-through
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

input, select {vertical-align: middle;font-family: 'Poppins';font-weight:500;}

li {list-style: none}

body {margin: 0;padding: 0;position:relative;font-family: 'Poppins';overflow-x: hidden;background: #fff}
* {box-sizing: border-box;margin: 0;padding: 0;}
::-webkit-input-placeholder {color: #fff;opacity: 1;transition: 0.2s all ease;-webkit-transition: 0.2s all ease;-moz-transition: 0.2s all ease;-ms-transition: 0.2s all ease;font-family: 'Poppins';font-weight:500;text-transform: uppercase;}
::-moz-placeholder {color: #fff;opacity: 1;transition: 0.2s all ease;-webkit-transition: 0.2s all ease;-moz-transition: 0.2s all ease;-ms-transition: 0.2s all ease;font-family: 'Poppins';font-weight:500;text-transform: uppercase;}
::-ms-input-placeholder {color: #fff;opacity: 1;transition: 0.2s all ease;-webkit-transition: 0.2s all ease;-moz-transition: 0.2s all ease;-ms-transition: 0.2s all ease;font-family: 'Poppins';font-weight:500;text-transform: uppercase;}


.form-container .form-field ::-webkit-input-placeholder {color: #676666;opacity: 1;transition: 0.2s all ease;-webkit-transition: 0.2s all ease;-moz-transition: 0.2s all ease;-ms-transition: 0.2s all ease;font-family: 'Poppins';font-weight:500;text-transform: uppercase;font-size: 15px}
.form-container .form-field ::-moz-placeholder {color: #676666;opacity: 1;transition: 0.2s all ease;-webkit-transition: 0.2s all ease;-moz-transition: 0.2s all ease;-ms-transition: 0.2s all ease;font-family: 'Poppins';font-weight:500;text-transform: uppercase;font-size: 15px}
.form-container .form-field ::-ms-input-placeholder {color: #676666;opacity: 1;transition: 0.2s all ease;-webkit-transition: 0.2s all ease;-moz-transition: 0.2s all ease;-ms-transition: 0.2s all ease;font-family: 'Poppins';font-weight:500;text-transform: uppercase;font-size: 15px}

input:focus::-webkit-input-placeholder {opacity: 0.5;}
input:focus::-moz-placeholder {opacity: 0.5;}
input:focus::-ms-input-placeholder {opacity: 0.5;}
textarea{color: #676666;font-family: 'Poppins';font-weight:500;text-transform: uppercase;font-size: 15px}
/*.container{width:89%;margin: 0 auto;padding: 0;max-width:1280px}*/
.sprite{background:url(../images/sprite.png) no-repeat top left;display:inline-block; }
.dflex{display:flex; flex-wrap: wrap;}
.dflex-space-btw{display:flex; flex-wrap: wrap;justify-content:space-between}
.align-center {align-items:center}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.dflex-between{display:flex;justify-content:space-between;flex-wrap:wrap}
.flex-between{display:flex;justify-content:space-between;align-items: center;flex-wrap:wrap}
.txt-voilet{color: #7c33c0;}
.txt-sky-blue{color: #019eaa;}
.txt-blue{color: #2d79e5 !important;}
.txt-black{color: #000 !important}
.txt-red{ color: #ff3d3d;}
.txt-gray{ color: #787878;}
.txt-white{color: #fff !important;}
.txt-black{color: #000 !important;}
.txt-pink{color: #e7257c;}
.posrel{position: relative;}
.posabs{position: absolute;}
.img-reponsive {width:100%}
.clear{clear:both}
.clearfix:after{content:"";display:block;clear:both}
.ibvt {display:inline-block;vertical-align:top}
.ibvm {display:inline-block;vertical-align:middle}
.ibvb {display:inline-block;vertical-align:bottom}
.sectionpadding {padding:100px 0}
.lnheight {line-height:0}
.img-responsive {width: 100%}
sup {/*vertical-align: super;*/font-size: small;}
table {width: 100%;margin:0;padding:0;border-collapse: collapse;border-spacing: 0;}
.nomargin {margin: 0 !important}
.fl {float: left}
.fr {float: right}
.text-center{text-align: center}
.text-left{text-align: left}
.text-right{text-align: right}
.clear{clear: both;}
.container {width:96%;margin: 0 auto;max-width: 1300px;padding: 0}
.headercontainer{width: 96%;margin: 0 auto;max-width: 1300px;padding: 0;}
.sprite{background: url(../images/sprite.png) no-repeat 0 0}
.blackoverlay{position: fixed;top: 0;left: 0;height: 100%;width: 100%;z-index: 9;background: rgba(0, 0, 0, 0.6);display: none;}
.blackoverlay.active {display: block}
.ibvm{display:inline-block;vertical-align:middle}
.ibvt{display:inline-block;vertical-align:top}
.ibvb{display:inline-block;vertical-align:bottom}
.dflex{display: flex}
.clear{clear:both;}
.clearfix:after{content:"";display:block;clear:both;}
.sectionblk {position: relative}
.uppercase {text-transform: uppercase}
.flex-between {display: flex;justify-content: space-between; align-items: flex-start;flex-wrap: wrap;}
.flex-start {display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;}
.flex-between-center {display: flex;justify-content: space-between; align-items: center;flex-wrap: wrap;}
figure img, .img-fluid {width: 100%}
.flex {display: flex;flex-wrap: wrap;}
.flex-end {display: flex;justify-content: space-between;align-items: flex-end;}
.width100 {width: 100% !important}
.common_padding {padding: 80px 0}

.section_ttl {font-family: 'Poppins';color: #16497f;font-size: 40px;line-height: 40px;font-weight: bold;margin: 0 0 50px 0}
.small_ttl  {font-family: 'Poppins';color: #2a2a2a;font-size: 20px;line-height: 20px;margin: 0 0 30px 0;letter-spacing: 2px;font-weight: 500}
.section_desc p {font-family: 'Poppins';color: #151515;font-size: 16px;line-height: 30px;margin: 0 0 30px 0}
.readmore_btn a {border: 1px solid #16497f;padding: 20px 30px;display: inline-block;vertical-align: top;color: #16497f;font-weight: 600;font-size: 18px;line-height: 18px;border-radius: 40px;cursor: pointer;transition: 0.3s all ease;-webkit-transition: 0.3s all ease;}
.readmore_btn a:hover {background: #16497f;color: #fff}
.readmore_btn.onlybtn a {
    padding: 0;
    border: 0;
}
.readmore_btn.white_txt a {color: #fff}
.readmore_btn.onlybtn a:hover {background: transparent}

.section_ttl.white_txt {color: #fff}
.section_desc.white_txt p {color: #fff}

.logo_blk {
    width: 150px;
    line-height: 0;
}
.header_wrapepr {
    position: absolute;
    top: 12px;
    /* width: 1300px; */
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
}
.header_blk {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header_menu li {
    font-size: 16px;
    line-height: 16px;
    display: inline-block;
    vertical-align: top;
    margin: 0 30px 0 0;
    position: relative;
    font-family: 'Poppins';
    font-weight: 500;
}
.header_menu li:last-child {margin: 0}
.header_menu li:before {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    background: #444343;
    border-radius: 100%;
    top: 5px;
    right: -18px;
}
.header_menu li:last-child:before {display: none}
.banner_wrapper {width: 100%;background: url('../images/banner-new2.webp') no-repeat center;height: 100vh;background-size: cover;position: relative;text-align: center;}
.footer_wrapper {width: 100%;background: #16497f;padding: 80px 0 0;}
.footerlinks li a {
    color: #fff;
    font-size: 18px;
    line-height: 1;
    /* margin-bottom: 15px; */
    display: inline-block;
}
.banner_txtblk {position: absolute;width: 100%;left: 0;right: 0;top: 40%;margin: auto}
.banner_smalltxt {font-weight: 600;color: #151515;font-size: 21px;line-height: 25px;margin: 0 0 30px 0;}
.banner_bigtxt {font-weight: 600;color: #16497f;font-size: 80px;line-height: 0.7;margin: 0 0 30px 0;}

.banner_bigtxt.bannerbigtxt2 {
    font-size: 130px;
}
.banner_desc {font-weight: 400;font-size: 30px;line-height: 1.3;color: #16497f}
.down_arrow {
    width: 100px;
    line-height: 0;
    position: absolute;
    bottom: -60px;
    left: 0;
    right: 0;
    margin: auto;
}
.overview_blk {
    display: flex;
    justify-content: space-between;
}
.overview_leftblk {
    width: 49%;
}
.overview_rightblk {
    width: 49%;padding: 60px 0 0 0
}
.couteritem_blk {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;gap:10px
}
.counter_item {
    width: 49%;margin: 0 0 30px 0
}
.number_item {font-weight: bold;color: #151515;font-size: 50px;line-height: 50px;margin: 0 0 20px 0;padding: 0 0 20px 0;position: relative;}
.number_item:after {position: absolute;content: "";width: 50px;height: 2px;background: #c7c6c6;bottom: 0;left: 0}
.number_info {
    font-size: 17px;
    line-height: 24px;
    color: #151515;
    text-transform: uppercase;
}
.advantage_item {background: url('../images/advantage-bg.png') no-repeat 0 0;
    /* width: 100%; */
    height: auto;background-size: cover;padding: 20px 20px 60px 20px;border-radius: 20px;transition: 0.8s all ease;-webkit-transition: 0.8s all ease;position: relative;overflow: hidden}
/*.advantage_item:before {position: absolute;content: "";width: 100%;height: 100%;background: #16497f;top: 0;left: -100%;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;z-index: 0}*/
.advantage_item:hover {background: #16497f;}

.advantage_number {
    font-size: 20px;
    line-height: 20px;
    color: #16497f;
    font-weight: bold;
    text-align: right;margin: 0 0 80px 0
}
.advantage_ttl {
    font-size: 20px;
    line-height: 20px;
    color: #16497f;
    font-weight: bold;
    margin: 0 0 20px 0
}
.advantage_desc .section_desc p {margin: 0}
.advantage_icon {margin: 0 0 30px 0}
.advantage_itemblk {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.advantage_item:hover .advantage_ttl {color: #fff}
.advantage_item:hover .section_desc p {color: #fff}
.advantage_item:hover .advantage_number {color: #fff}

.quality_item .advantage_icon.sprite {background: url(../images/sprite.png) no-repeat -76px -15px;width: 40px;height: 58px;transition: 0.3s all ease;-webkit-transition: 0.3s all ease;}
.quality_item:hover .advantage_icon.sprite {background: url(../images/sprite.png) no-repeat -16px -15px;width: 40px;height: 58px;}

.micronization_item .advantage_icon.sprite {background: url(../images/sprite.png) no-repeat -75px -93px;width: 55px;height: 55px;transition: 0.3s all ease;-webkit-transition: 0.3s all ease;}
.micronization_item:hover .advantage_icon.sprite {background: url(../images/sprite.png) no-repeat -9px -93px;width: 55px;height: 55px;}

.backword_item .advantage_icon.sprite {background: url(../images/sprite.png) no-repeat -81px -175px;width: 50px;height: 50px;transition: 0.3s all ease;-webkit-transition: 0.3s all ease;}
.backword_item:hover .advantage_icon.sprite {background: url(../images/sprite.png) no-repeat -16px -175px;width: 50px;height: 50px;}

.experience_item .advantage_icon.sprite {background: url(../images/sprite.png) no-repeat -84px -245px;width: 56px;height: 55px;transition: 0.3s all ease;-webkit-transition: 0.3s all ease;}
.experience_item:hover .advantage_icon.sprite {background: url(../images/sprite.png) no-repeat -16px -245px;width: 56px;height: 55px;}


.commercial_apiwrapepr {width: 100%;background: #eff6ff;position: relative;}
.commercial_apiwrapepr:before {background: url(../images/apibg.webp) no-repeat no-repeat bottom center;background-size: 100%;position: absolute;bottom: -50px;left: 0;content: "";width: 100%;height: 100%;}
.commercapi_blk {display: flex;justify-content: space-between}
.commercial_leftblk {width: 35%}
.commercial_rightblk {width: 60%}
.commercial_itemblk {
    display: flex;
    justify-content: space-between;gap:20px;
}
.commercial_pic {
    width: 100%;
    line-height: 0;
    position: relative;overflow: hidden;
    border-radius: 20px;    
}
.commercial_pic img {transition: 0.3s all ease;-webkit-transition: 0.3s all ease;}
.commercial_pic:hover img {transform: scale(1.1)}
.commercial_pic:hover .right_arrow {right: -20px}


.comm_infoblk {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    padding: 0 10px;
    color: #fff;
    font-family: 'Circular Std';
    font-weight: bold;
    font-size: 18px;
    line-height: 18px;
}
.certificate_itemblk {
    display: flex;
    justify-content: space-between;
    gap: 27px;
}
.certificate_item {
    text-align: center;
}
.certificate_name {
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 400;
}
.sustaininfra_wrapper {display: flex;justify-content: space-between;margin-top: 50px;}
.sustaininfra_item {width: 50%;line-height: 0;position: relative;overflow: hidden;padding: 30px}
.sustaininfra_item .section_desc p {font-size: 18px;}
.visionmissionimg {
    width: 100px;
    margin-bottom: 20px
}
.sustain_infoblk {
    position: absolute;
    bottom: 80px;
    width: 100%;
    left: 0;
    right: 0;
    padding: 30px;
    margin: auto;
}
#vision-and-mission .sustaininfra_item{padding: 30px 0}
#vision-and-mission .sustain_infoblk {
    position: static;
    padding: 0;
}
.sustain_infoblk .section_ttl {
    margin: 0 0 30px 0;
}
.globalmap_blk {
    /* width: 1200px; */
    width: 100%;
    margin: 0 auto;position: relative}

.section_list li {
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 30px;
    margin: 0 30px 0 0;
}
.section_list {
    margin: 0 0 30px 0;
}
.section_list li:before {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    background: #fff;
    border-radius: 100%;
    top: 5px;
    left: 0;
}
.right_arrow {
    position: absolute;
    bottom: 30px;
    right: 20px;
    color: #fff;
    font-size: 18px;
    width: 18px;transition: 0.3s all ease;-webkit-transition: 0.3s all ease;
}
.side_arrow {
    width: 18px;
    display: inline-block;
    position: relative;
    font-size: 18px;
    left: -40px;transition: 0.3s all ease;-webkit-transition: 0.3s all ease;
}
.commercial_pic:hover .side_arrow {left: 0}
.comm_name {
    margin: 0 0 0 -20px;transition: 0.3s all ease;-webkit-transition: 0.3s all ease;
}
.commercial_pic:hover .comm_name {margin: 0 0 0 20px}


.footerblkwrap {
    display: flex;
    justify-content: space-between;
    color: #fff;
}

.footerblk a {
    color: #fff;
    display: inline-block;
}
.address p{display: flex}
.footertitle {
    font-size: 18px;
    margin-bottom: 15px;
}

.footerblk span {
    margin-right: 10px;
}
.copywrite {
    color: #fff;
    text-align: center;
    padding: 30px 10px;
    border-top: 1px solid rgba(255,255,255,0.2);
    margin: 30px 0 0;
}

.map_pin {
    position: absolute;
    color: #0d5fb4;
    font-size: 21px;
}
.map_pin .icon-location-2{
    border: 1px solid transparent;
    border-radius: 50%;  
    transition: 0.3s ease all;  
}
.india {
    bottom: 46%;
    right: 30.2%;
}
.europe {
    top: 22%;
    right: 45.5%;
}
.us {
    left: 18%;
    top: 35%;
}
.uk {
    right: 50%;
    top: 23%;
}
.china {
    right: 25%;
    top: 41%;
}
.russia {
    top: 20%;
    right: 25%;
}
.brazil {
    left: 32%;
    bottom: 28%;
}
.korea {
    right: 16%;
    top: 41%;
}
.japan {
    right: 13%;
    top: 39%;
}
.australia {
    bottom: 20%;
    right: 15%;
}
.canada {
    left: 18%;
    top: 18%;
}
.north_africa {
    bottom: 50%;
    right: 48%;
}
.saudi_arabia {
    bottom: 46%;
    right: 40%;
}
.egypt {
    bottom: 48%;
    right: 44%;
}
.bangaldesh {
    right: 28%;
    bottom: 47%;
}
.indonesia_vietnam {
    right: 19%;
    bottom: 35%;
}
.turkey {
    bottom: 54%;
    left: 56%;
}

.map_pin:hover .icon-location-2{
    border-color: currentColor;
}

.locationname {
    display: block;
    position: absolute;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    line-height: 1;
    opacity: 0;
    transition: 0.3s ease all;
}

.map_pin:hover .locationname {
    opacity: 1;
}

.navicon{display: none;}
.navicon i{font-size: 30px;color: #16497f;}

#menu:not(.mm-menu){display:none}


.groupinfowrapper{background: url(../images/group-bg-img.jpg) no-repeat top center;background-size: cover;}
.thetext {
    color: #2e214e;
    font-size: 50px;
    font-weight: 400;
    margin-left: 15%;
    line-height: 1
}
.groupinnerinfoblock{width: 85%;margin: 0 auto}
.grouptext {
    font-size: 170px;
    font-weight: 500;
    color: #16497f;
    line-height: 0.9;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 15px
}
.grouptext span{
    display: inline-block;
    line-height: 0;
}
.grouptext span img{
    max-width: 125px;
}
.pointerimg {
    width: 70%;
    margin: 0 auto;
}
.grouprow {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.groupinfoblock h6{text-transform: uppercase;font-weight: 600}
.groupcol {
    color: #fff;
    width: 31%;
    background: #16497f;
    padding:35px;
    border: 5px solid #fff;
    border-radius: 20px;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
.groupcol li:before{background: #fff}
.groupcol img {
    width: 60px;
    margin: 0 0 20px;
}
.aboutsec{
  position: relative;
    align-items: center
}

.dflex{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.pointerimg {
    width: 70%;
    margin: 0 auto;
}


.about-banner {
    line-height: 0;
    position: relative;
    height: 60vh;
    background: url(../images/overview/vector-object.webp);
    background-size: cover;
}

.inner-banner
 {
    line-height: 0;
    position: relative;
    background-color: #b7d9fb;
}

.font45{font-size: 45px;font-weight: 700;line-height: 45px;}
.bannersmllttl{ 
    font-size: 20px;
    color: #1a1a1a;
    margin-bottom: 25px;
    line-height: 21px;
    font-weight: 600;
}

.insidebannertxtblk{padding-left: 40px;padding-top: 40px;}

.lightbluebg{background-color: #dae7f4;}

.bulletpoint li {
    font-size: 16px;
    font-weight: 500;
    padding: 5px 0 5px 23px;
    position: relative;
    font-family: 'Poppins';
}
.bulletpoint li:before {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    background: white;
    border-radius: 10px;
    left: 0px;
    top: 13px;
}
.white_txt{color: white !important;}

.tablist{display: flex;width: 100%;
    justify-content: space-between;}
.tablist li a{font-size: 17px;
    color: #4d4d4d;
    font-weight: 500;}
.tabblk{padding: 30px 0;
    border-bottom: 1px solid #d7d7d7;
}    
.tabblk li{position: relative;}
.tablist li:hover a{color: #0d5fb4;}

.micronization-stack{position: relative;}
/* .stack{
    border-radius: 20px;
    border-bottom: 7px solid #16497f;
    background: url(../images/apibg.webp);
    background-size: cover;
    height: 60vh;
    margin-bottom: 65px;
} */

.stack {
  position: relative;
  border-radius: 20px;
  border-bottom: 7px solid #16497f;
  background: #01457e; /* use background-color if not using bg image */
  overflow: hidden;
  margin-bottom: 65px;
    height:400px;
}

.wave-img {
  position: absolute;
  bottom: -200px;
  left: 0;
  width: 100%;
  pointer-events: none;
  z-index: 1;
}

.bluebg{
    background-color: #dfecfa;
}
.d-flex{display: flex;justify-content: space-between;}

.stack .d-flex{padding: 50px;}

.micronization-stack .d-flex .left_blk
 {
    width: 35%;
}

.smallttl {
    font-size: 21px;
    font-weight: 600;
    color: #0d5fb4;
}

.micronization-stack .d-flex .right_blk
 {
    width:60%;
}

 .micronization-stack .bulletpoint li:before{
    background-color: #505050;
    top: 17px;
}

 .micronization-stack .bulletpoint li {
    font-size: 15px;
    font-weight: 400;
    padding: 5px 0 5px 23px;
    position: relative;
    font-family: 'Poppins';
    line-height: 32px;
}

.darkbluebg{
    background-color: #164a80;
}
/* .versatality_blk {
    background: url('../images/overview/versatality-bg.png') no-repeat 0 0;
} */

.main-stack{
    position: sticky;
    top:150px;
}
.pos-relative{
    position: relative;
}
.micro.section_ttl{
    position: sticky;
    top: 40px;
}
.table-blk {
    overflow-x: auto;
}
.table-blk table{
    
    border-collapse:collapse;
    border-spacing: 0;
    border-radius: 15px;
    background-color:#f9f9f9;
    border: 1px solid #d4d4d4;
    white-space: nowrap;
}
.table-blk thead{
    background-color: #0d5fb4;
}

.table-blk table tr th, td{color: white;font-size: 15px;text-align:left;font-weight: 500;padding: 16px 25px;}
.table-blk table tr td{color: rgb(34, 34, 34);font-size: 15px;}
.table-blk table tbody tr{background-color: #f1f1f1;}
.table-blk table tbody tr:nth-child(2n-1){background-color: white;}

.contact_wrapper .left_blk,.right_blk{
    width:48%;
}

.contact_wrapper .left_blk{
    background: url(../images/overview/contact-leftbg.webp);
    background-position: center;
    background-size: cover;
    height:auto;
    position: relative;
}
.detailsblk{padding: 80px 50px;}

.detailsblk .d-flex{justify-content: flex-start;gap: 20px;margin-bottom: 40px;align-items: flex-start;}
.smltxt {
    font-size: 14px;
}
.iconimgblk {
    width: 17px;
}
.contacttxt .section_desc p{font-size: 14px;margin: 0;}
.formarea{padding: 80px 50px;}
.formarea .section_ttl{margin: 0 0 15px 0;}

.contact-form input::placeholder{
    color: #444343;
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.input-blk input{width: 100%;
    padding: 14px 22px;
    background-color: #eff6ff;
    border: 1px solid rgb(216, 216, 216);
    border-radius: 8px;
    margin-bottom: 25px;
}
.input-blk textarea{width: 100%;
    padding: 14px 22px;
    background-color: #eff6ff;
    border: 1px solid rgb(216, 216, 216);
    border-radius: 8px;
    margin-bottom: 25px;
}
.contact-form textarea::placeholder{
    color: #444343;
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.btnblk button {
    padding: 13px 35px;
    border-radius: 25px;
    border: none;
    background: #1f1f1f;
    color: white;
    text-transform: uppercase;
}

.contact_wrapper .left_blk::before{
    content: '';
    position: absolute;
    background: url(../images/overview/contact-design.webp), no-repeat;
    width: 64px;
    height: 253px;
    right: -57px;
    top: 199px;
    z-index: 9;
    background-size: cover;
}

.tablist li a.subnavactive
{
    color: #01457e;
}


.certificate.d-flex {
    padding: 0;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 16px;
}
.certifcate-img-blk {
    width:18%;
}

.dropdown{position: relative;cursor: pointer;}
.dropdownblk{position: absolute;display:none;opacity:0;top: 39px;left: 0;right: 0;width:235px;background-color: #01457e;border-radius: 5px;z-index: 2;}
.dropdownblk ul{display: flex; flex-wrap: wrap; justify-content: space-between;padding: 15px;}
.dropdownblk ul li
 {
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 1px solid #015396;
    padding-bottom: 9px;
    margin-right: 0;
}

.dropdownblk ul li:hover{border-bottom: 1px solid rgb(211, 211, 211);transition: ease 0.2s;}

.dropdownblk ul li a{color: #ffffffd1;font-size: 14px;font-weight: 300;padding: 10px 0;}
.dropdownblk ul li a:before{display: none;}
.dropdown a span{transform:rotate(90deg); display: inline-block;}
.dropdown:hover .dropdownblk{display: block; opacity: 1}
.dropdownblk:before{position: absolute;content: '';width: 100%;height: 28px;left: 0;top: -20px;}

.dropdownblk li:before{display: none;}

.certificates_main_wrapper.d-flex{width: 60%;flex-wrap: wrap;justify-content: flex-end;}
.certificate-head-blk {
    width: 35%;
}

.certificates_blk{
    width: 27%;
    margin-bottom: 38px;
}
.certifcate_img {
    width: 76%;
}
.certificates_list.bulletpoint li:before{background: #343434;}
.advantage_itemblk.corevalues_blk{flex-wrap: wrap;justify-content:center;gap: 40px;}
.advantage_itemblk.corevalues_blk .advantage_item{width: 30%;}
.tablist li a.subnavactive::after {
    width: 100%;
    position: absolute;
    content: '';
    height: 4px;
    background: #01457e;
    bottom: -30px;
    left: 0;
}





.sprite-new{
    background: url(../images/sprite2.png) no-repeat;
}

.customer-centric .advantage_icon.sprite-new{
    background: url(../images/sprite2.png) no-repeat -77px -19px;
	width: 48px;
	height: 42px;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
}

.customer-centric:hover .advantage_icon.sprite-new{background: url(../images/sprite2.png) no-repeat -9px -21px;width: 48px;height: 42px;}

.passion .advantage_icon.sprite-new{
    background: url(../images/sprite2.png) no-repeat -77px -248px;;
	width: 44px;
	height: 52px;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
}

.passion:hover .advantage_icon.sprite-new{background: url(../images/sprite2.png) no-repeat -6px -248px;width: 44px;height: 52px;}

.innovation .advantage_icon.sprite-new{
    background: url(../images/sprite2.png) no-repeat -77px -94px;
	width: 53px;
	height: 53px;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
}

.innovation:hover .advantage_icon.sprite-new{background: url(../images/sprite2.png) no-repeat -6px -94px;width: 53px;height: 53px;}

.eco_conscious .advantage_icon.sprite-new{background: url(../images/sprite2.png) no-repeat -77px -176px;width: 50px;
height: 50px; transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;} 

.eco_conscious:hover .advantage_icon.sprite-new{background: url(../images/sprite2.png) no-repeat -6px -175px;width: 51px;
height: 51px;}

/* .header_menu li::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    background: #01457e;
    bottom: -7px;
    left: 0;
} */

.d-flex.certificates_parent{
    flex-wrap: wrap;
}

.footerlinks li{
    color: #fff;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 15px;
}


#backToTop {
  display: inline-block;
  background-color: #015396;
  width: 45px;
  height: 45px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 18px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  border-radius: 50%;
  box-shadow: 0px 0px 8px 1px #6cb3ec;
  border: 1px solid white;
}
#backToTop::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 47px;
  color: #fff;
}
#backToTop:hover {
  cursor: pointer;
  background-color: #333;
}
#backToTop:active {
  background-color: #555;
}
#backToTop.show {
  opacity: 1;
  visibility: visible;
}

.icon-ok{
    color: #015396 !important;
}
.sustainabilitynewblk{background: #f1f7ff}
.sustainabilitynewblk .container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
}
.newsustainimg {
    width: 65%;
    overflow: hidden;
    margin-left: -5%;
}

.newsustaintext {
    width: 40%;
}