@font-face {
    font-family: 'Product Sans';
    src: url('../fonts/ProductSans-Medium.eot');
    src: url('../fonts/ProductSans-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ProductSans-Medium.woff2') format('woff2'),
         url('../fonts/ProductSans-Medium.woff') format('woff'),
         url('../fonts/ProductSans-Medium.ttf') format('truetype'),
         url('../fonts/ProductSans-Medium.svg#ProductSans-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Product Sans';
    src: url('../fonts/ProductSans-Bold.eot');
    src: url('../fonts/ProductSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ProductSans-Bold.woff2') format('woff2'),
         url('../fonts/ProductSans-Bold.woff') format('woff'),
         url('../fonts/ProductSans-Bold.ttf') format('truetype'),
         url('../fonts/ProductSans-Bold.svg#ProductSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Product Sans';
    src: url('../fonts/ProductSans-Black.eot');
    src: url('../fonts/ProductSans-Black.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ProductSans-Black.woff2') format('woff2'),
         url('../fonts/ProductSans-Black.woff') format('woff'),
         url('../fonts/ProductSans-Black.ttf') format('truetype'),
         url('../fonts/ProductSans-Black.svg#ProductSans-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.eot');
    src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Bold.woff2') format('woff2'),
         url('../fonts/Roboto-Bold.woff') format('woff'),
         url('../fonts/Roboto-Bold.ttf') format('truetype'),
         url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}@font-face {    font-family: 'Product Sans';    src: url('../fonts/ProductSans-Regular.eot');    src: url('../fonts/ProductSans-Regular.eot?#iefix') format('embedded-opentype'),        url('../fonts/ProductSans-Regular.woff2') format('woff2'),        url('../fonts/ProductSans-Regular.woff') format('woff'),        url('../fonts/ProductSans-Regular.ttf') format('truetype');    font-weight: normal;    font-style: normal;    font-display: swap;}
h1, h2, h3, h4, h5, h6, p
{
    margin: 0;
    padding: 0;
}
ul, ol, li
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
a
{
    transition: all 0.5s ease-out;
}
a, a:hover, a:focus
{
    text-decoration: none;
    border: 0;
    outline: 0;
}
img
{
    max-width: 100%;
    height: auto;
}
:root
{
    /* colors */
    --black: #000;
    --white: #ffffff;
    --blue: #041f60;
    --light1: #3c4a6c;
    --light2: #4f5c7a;
    --light3: #626a7c;
    --light4: #f2f5fc;
    --green: #00a0a6;

    /* font-family */
    --roboto: 'Roboto';
    --productsans: 'Product Sans';

    /* font-sizes */
    --size-16:16px;
    --size-17:17px;
    --size-18:18px;
    --size-20:20px;
    --size-22:22px;
    --size-24:24px;
    --size-26:26px;
    --size-35:35px;
    --size-40:40px;
    --size-60:60px;
    --size-70:70px;
}
body
{
    font-size: var(--size-18);
    line-height: 32px;
    color: var(--light2);
    font-family: var(--productsans);
    font-weight: normal;
}
.container
{
    max-width: 1240px;
}
.headersec
{
    width: 100%;
}
.topheadersec
{
    width:100%;
    padding: 10px 0 10px 0;
}
.topheadersec .row
{
    align-items: center;
    justify-content: space-between;
}
.topheadersec ul
{
    display: inline;
}
.topheadersec ul li
{
    float: left;
    font-size: var(--size-20);
    font-weight: 500;
    text-transform: capitalize;
    margin: 0 0 0 25px;
}
.topheadersec ul li:first-child
{
    margin: 0;
}
.topheadersec ul li a
{
    color: var(--light3);
    padding: 0;
}
.topheadersec ul li a:hover, .topheadersec ul li.current_page_item a
{
    color: var(--blue);
}
.topheadersec ul li.current_page_item a.__mPS2id{color: var(--light3)!important;}
.topheadersec ul li.current_page_item a.__mPS2id.mPS2id-highlight{ color: var(--blue) !important;}
.rytheadersec
{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    padding-top: 0px;
}
.rytheadersec img
{
    margin-left: 10px;
}
.rytheadersec a
{
    font-size: var(--size-17);
    font-weight: bold;
    text-transform: uppercase;
    border:1px solid var(--blue);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: inline-block;
    line-height: 46px;
    padding: 0 25px;
    color: var(--blue);
}
.rytheadersec a:hover
{
    background: var(--blue);
    color: var(--white);
}
.rytheadersec a:nth-child(2)
{
    background: var(--blue);
    color: var(--white);
}
.rytheadersec a:nth-child(2):hover
{
    background: transparent;
    color: var(--blue);
}
.botheadersec
{
    width: 100%;
    background: var(--blue);
}
.botheadernav
{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    min-height: 60px;
}
.botheadernav ul li
{
    font-size: var(--size-26);
    font-weight: 900;
    text-transform: uppercase;
    float: left;
    border-left: 3px solid var(--white);
    line-height: 1;
}
.botheadernav ul li:first-child
{
    border: 0;
}
.botheadernav ul li a
{
    color: var(--white);
    padding: 0 30px;
}
.botheadernav ul li a:hover, .botheadernav ul li.current_page_item a
{
    color: var(--green);
}
.hmebannersec
{
    width: 100%;
    overflow: hidden;
}
.sglebannersec
{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.sglebannersec img
{
    width: 100%;
    height: auto;
}
.bannercontsec
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.bannericon
{
    margin: 0 0 40px 0;
}
.bannericon img
{
    width: auto !important;
    height: auto !important;
    display: block;
    margin: 0 auto;
}
.bannercontsec h1, .bigtext
{
    color:var(--white);
    font-size: var(--size-60);
    font-family: var(--roboto);
    font-weight: bold;line-height: 55px;display: block;
}
.owl-nav
{
    margin: 0 !important;
    line-height: 1;
}
.owl-nav button
{
    margin: 0 !important;
}
.owl-nav button
{
    width: 84px;
    height: 132px;
    display: block !important;
    border-radius: 0 !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
.owl-nav button.owl-prev
{
    background: url(../images/lftnav.png) no-repeat right top !important;
    background-size: 100% 100% !important;
    left: 0;
}
.owl-nav button.owl-next
{
    background: url(../images/rytnav.png) no-repeat right top !important;
    background-size: 100% 100% !important;
    right: 0;
}
.owl-nav button span
{
    font-size: 0;
}
.fstcontsec
{
    width: 100%;
    overflow: hidden;
    padding: 100px 0;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 45% auto;
}
.fstcontsec h2
{
    text-transform: uppercase;
    color: var(--blue);
    font-size: var(--size-35);
    font-weight: bold;
    font-family: var(--productsans);
    padding: 0 0 10px 0;
}
.fstcontsec p
{
    padding-bottom: 30px;
}
.fstcontsec p:last-child
{
    padding: 0;
}
.sndcontsec
{
    background: var(--light4);
    width: 100%;
    overflow: hidden;
    padding: 100px 0;
}
.sglecontsec
{
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
.sglecontsec h2
{
    text-transform: uppercase;
    font-size: var(--size-35);
    font-weight: bold;
    line-height: 1;
    color: var(--blue);
    font-family: var(--productsans);
}
a.browsebut
{
    background: var(--blue);
    padding: 0 45px;
    display: inline-block;
    line-height: 60px;
    color: var(--white);
    font-size: var(--size-20);
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-top: 40px;
}
a.browsebut:hover
{
    background: none;
   border: 1px solid var(--blue);
   color: 1px solid var(--blue);
}
.thrdcontsec
{
    width: 100%;
    overflow: hidden;
    margin: 100px 0 0;
    background-repeat: no-repeat;
    background-position: 15px center;
}
.thrdcontsec h2
{
    font-size: var(--size-40);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
    font-family: var(--productsans);
    color: var(--blue);
    padding: 0 0 18px 0;
}
.thrdcontsec p
{
    padding-bottom: 20px;
}
.thrdcontsec a.readmore
{
    background: var(--blue);
    padding: 0 45px;
    display: inline-block;
    line-height: 60px;
    color: var(--white);
    font-size: var(--size-20);
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.thrdcontsec a.readmore:hover
{
    background: none;
    border: 1px solid var(--blue);
    color:var(--blue) ;
}
.forthcontsec
{
    width: 100%;
    overflow: hidden;
    padding: 100px 0;
}
.forthcontsec h2
{
    font-size: var(--size-60);
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
    color: var(--blue);
    text-align: center;
    font-family: var(--productsans);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}
.forthcontsec h2::before
{
    background: url(../images/lftline.png) no-repeat left center;
    background-size: 100% 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    width: 270px;
    height: 5px;
}
.forthcontsec h2::after
{
    background: url(../images/rytline.png) no-repeat left center;
    background-size: 100% 100%;
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    width: 270px;
    height: 5px;
}
.sglelogosec
{
    text-align: center;
}
.forthcontsec .row
{
    align-items: center;
}
.forthcontsec .col-xxl-3
{
    margin-top: 50px;
}
.fifthcontsec
{
    width: 100%;
    overflow: hidden;
    padding: 100px 0;
    background-color: var(--light4);
    background-repeat: no-repeat;
    background-position: right center;
}
.fifthcontsec .jj{
    position: relative;
}
.fifthcontsec .jj a{
    position: absolute;
    right: 0;
    bottom: -100px;
}
.catalogue h6{
    color: #000 !important;
    font-family: 'Product Sans';
    font-size: 23px;
    line-height: 25px;
}
.catalogue p{
    color: #000 !important;
    font-family: 'Product Sans';
}
/*.fifthcontsec .jj a img{
    max-width: 85%;
}*/

.fifthcontsec h2{
    font-size: var(--size-60);
    font-weight: bold;
    font-family: var(--productsans);
    text-transform: uppercase;
    color: var(--blue);
    line-height: 1;
    padding: 0 0 20px 0;
}

.fifthcontsec p{
    color: var(--light1);
    font-size: var(--size-24);
    font-weight: normal;
    line-height: 1.5;
}
.hmepgformpart
{
    background: var(--white);
    padding: 28px;
    border: 2px solid var(--light4);
    -webkit-border-bottom-right-radius: 100px;
    -moz-border-radius-bottomright: 100px;
    border-bottom-right-radius: 100px;
    box-shadow: 5px 0 35px 0px rgba(0,0,0,0.15);
    -webkit-box-shadow: 5px 0 35px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 5px 0 35px 0px rgba(0,0,0,0.15);
    margin-top: 30px;
}
.inputfield
{
    width: 100%;
    border: 1px solid #d4dbec;
    padding: 0 15px;
    background: #e6ebf7;
    line-height: 58px;
    border-radius: 10px;
    font-size: var(--size-16);
    font-weight: normal;
    color: var(--black);
    font-family: var(--productsans);
    outline: 0;
}
.hmepgformpart .row
{
    margin-bottom: 15px;
}
.textareafield
{
    width: 100%;
    height: 150px;
    border: 1px solid #d4dbec;
    padding: 10px 15px;
    background: #e6ebf7;
    line-height: normal;
    border-radius: 10px;
    font-size: var(--size-16);
    font-weight: normal;
    color: var(--black);
    font-family: var(--productsans);
    outline: 0;
}
.submitbut
{
    background: var(--blue);
    height: 60px;
    padding: 0 70px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-transform: uppercase;
    color: var(--white);font-family: var(--productsans);
    font-size: var(--size-20);
    font-weight: 900;
    border: 0;
    outline: 0;
}
.submitbut:hover
{
    background: none;
    border: 1px solid var(--blue);
    color: var(--blue);
}
.footersec
{
    width: 100%;
    overflow: hidden;
    background: url(../images/ftrbg.png) no-repeat 5% center var(--blue);
    background-size: 50%;
}
.topftrsec
{
    width: 100%;
    overflow: hidden;
    padding: 65px 0 35px 0;
}
.contactinfo
{
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    /*margin: 30px 0;*/
   margin-top: 18px;
}


.contactinfo p
{
    color: var(--white);
    font-size: var(--size-20);
    font-weight: normal;
}
.contactinfo p i
{
    float: left;
    margin: 6px 6px 0 0;
}
.phemailpart p
{
    border-left: 1px solid var(--white);
}
.phemailpart p a
{
    color: var(--white);
}
.phemailpart p a:hover
{
    color: var(--green);
}
.phemailpart p:first-child
{
    border: 0;
}
.phemailpart p:last-child
{
    padding-left: 15px;
}
.ftrsocialsec
{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.ftrsocialsec p
{
    font-size: var(--size-16);
    color: var(--white);
    font-weight: 300;
}
.ftrsocialsec ul
{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 0 0 0 10px;
}
.ftrsocialsec ul li a
{
    width: 35px;
    height: 35px;
    background: #1e3670;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    color: var(--white);
    border-radius: 50%;
    font-size: var(--size-16);
}
.ftrsocialsec ul li a:hover
{
    background: var(--green);
}
.topftrsec h2
{
    font-size: var(--size-26);
    font-weight: bold;
    line-height: 1;
    color: var(--white);
    text-transform: capitalize;
    font-family: var(--productsans);
    padding: 0 0 8px 0;
}
ul.ftrlinksec li
{
    font-size: var(--size-18);
    font-weight: normal;
    text-transform: capitalize;
    margin-top: 18px;
    line-height: normal;
}
ul.ftrlinksec li a
{
    color: var(--white);
}
ul.ftrlinksec li a:hover, ul.ftrlinksec li.current_page_item a
{
    color: var(--green);
}
.ftrcomplogo
{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 20px;
    align-items: center;
}
.botftrsec
{
    border-top: 2px solid #1e3670;
    padding: 20px 0;
}
.botftrsec p
{
    color: var(--white);
    font-size: var(--size-16);
    font-weight: normal;
    line-height: normal;
}
.botftrsec p a
{
    color: var(--white);
    text-decoration: underline;
}
.botftrsec p a:hover
{
    text-decoration: none;
}
.wpcf7-not-valid-tip
{
    font-size: var(--size-16);
    font-weight: normal;
    line-height: 1;
    margin-top: 5px;
}
.wpcf7-response-output
{
    margin: 20px 0 0 0 !important;
    border: 0 !important;
    padding: 0 !important;
    font-weight: normal;
    font-size: var(--size-16);
    line-height: 1.2;
    color: var(--black);
}
.innerbannersec
{
    width: 100%;
    height: 600px;
    position: relative;
    overflow: hidden;
    
}
.innerbannersec img
{
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.innerbannercontsec
{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    background: url(../images/bannerbg.png) no-repeat center center;
    background-size: cover;
}

.innerbannersec .container
{
    position: relative;
    z-index: 2;
}
.innerbannersec h1
{
    text-align: center;
    color: var(--white);
    font-family: var(--roboto);
    font-weight: bold;
    font-size: var(--size-70);
    line-height: 1;
}
.innercontsec
{
    width: 100%;
    overflow: hidden;
}
.memberpgfstsec
{
    width: 100%;
    overflow: hidden;
    padding: 100px 0;
}
.memberpgfstsec .row
{
    align-items: center;
}
.memberpgfstsec h2
{
   font-size: var(--size-35);
  font-weight: 900;
  color: var(--light1);
  text-transform: capitalize;
  padding: 0 0 15px 0;
  font-family: var(--productsans);
}
.memberpgfstsec p
{
    font-size: var(--size-18);
  padding: 0 0 20px 0;
}
.memberpgfstsec p:last-child
{
    padding: 0;
}
.memberpgfstsec, .commitmentfstsec
{
    width: 100%;
    overflow: hidden;
    padding: 100px 0;
}
.commitmentfstsec h2, .commitmentfstsec h3, .commitmentfstsec h4, .commitmentfstsec h5, .commitmentfstsec h6
{
    font-size: var(--size-40);
    font-weight: bold;
    font-family: var(--productsans);
    line-height: 1;
    text-transform: uppercase;
    border-bottom: 1px solid var(--blue);
    padding: 0 0 10px 0;
    margin: 0 0 25px 0;
    color: var(--blue);
}
.commitmentfstsec p
{
    padding: 0 0 15px 0;
}
.commitmentfstsec p:last-child
{
    padding: 0;
}
.commitmentfstsec ul
{
    margin: 0 0 30px 0;
}
.commitmentfstsec ul li
{
    background: url(../images/bullet.png) no-repeat left 2px;
    padding: 0 0 0 30px;
    margin-top: 10px;
}
.commitmentfstsec ul li:first-child, .commitmentfstsec ul:last-child
{
    margin: 0;
}
.sustainabilityfstsec
{
    padding: 70px 0 100px 0;
}
.sglesustainabilitysec
{
    width: 100%;
    overflow: hidden;
}
.sglesustainabilitysec .thumbsec
{
    width: 210px;
    height: 210px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
}
.sglesustainabilitysec h2
{
    color: var(--blue);
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
    font-family: var(--productsans);
    padding: 30px 0 20px 0;
    line-height: 1;
    text-align: center;
}
.sglesustainabilitysec h3 a
{
    font-size: var(--size-22);
    font-weight: bold;
    font-family: var(--productsans);
    padding: 0 0 10px 0;
    color: var(--light2);
}

.sglesustainabilitysec h3 a:hover{color: var(--blue);}
.sglesustainabilitysec h3 a i{margin-left: 10px;}

.sglesustainabilitysec .linksec
{
    border-top: 5px solid #d9e1f2;
    width: 100%;
    overflow: hidden;
    font-size: var(--size-20);
    font-weight: 500;
    color: var(--light2);
    margin: 20px 0 0 0;
    padding: 15px 0 0 0;
}
.sustainabilityfstsec .col-xxl-4
{
    margin-top: 30px;
}
.mobheadersec
{
    display: none;
}.container-fluid{ max-width: 1920px;}.botheadernav ul li a{ letter-spacing: 3px;}.inputfield::placeholder, .textareafield::placeholder{ color: #8d98b5;}.textareafield{ resize: none;}.fifthcontHed{ max-width: 100%; text-align: center;}.fifthcontHed h2{ max-width: 100%;}
.sglesustainabilitysec .linksec a{color: var(--light2) !important;}
.headerlink {background:none !important; border:none !important; border-radius:0px !important; padding:0px !important;}


/*03-072025*/

.logo{
	width: 260px;
}

.botheadernav ul li.current_page_item a {
  color: #fff;
}
.botheadernav ul li.current_page_item a:hover {
  color: var(--green);
}

.sglesustainabilitysec.wow.fadeInUp.animated{
  min-height: fit-content;
  padding: 16px;
}

.col-xxl-6.col-xl-6.col-lg-6.col-md-6.col-12.wow.fadeInLeft.animated img{
	width:90%
}
.memberpgfstsec .wow img{
    width: 63% !important;
    margin: auto;
    display: block;
}





.sglebannersec{ height: 650px;}
.sglebannersec img, .sglebannersec video { width: 100%; height: 100%; object-fit:cover;}

.typed-text::after {
  content: "|";
  animation: blink 0.7s infinite;
}
@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}



.botheadernav ul li:first-child a:hover {
  color: #a3278b;
}
.botheadernav ul li:last-child a:hover {
  color: #f8a634;
}

.sglebannersec{   background: #000;}



.ftrcomplogo ul{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; justify-content: center;
  align-items: center;
}
.ftrcomplogo ul li{ padding:0 8px;}
.ftrcomplogo ul li img{ max-width:88px;}
.ftrcomplogo ul li.w-100{ margin-bottom:54px;text-align: center;}
.ftrcomplogo ul li.w-100 img{ border-radius: 20px; max-width: 200px;}
.phemailpart{margin-top: 13px; margin-bottom: 19px;}


.phemailpart {
  margin-top: 10px;
  margin-bottom: 15px;
}
.topftrsec {
  padding: 61px 0 0px 0;
}
.ftrcomplogo ul li.w-100 img {
  border-radius: 20px;
  max-width: 211px;
}
.ftrcomplogo ul li img {
  max-width: 103px;
}

.ftrsocialsec{ padding-bottom: 23px;}
.ftrcomplogo{ gap: 0; height: 100%;}

/*25.07.2025*/
.ftrlogo{max-width: 344px;}
.thrdcontsec img{max-width: 489px;}