 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;
 }

 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;
     color: #5b5b5b;
 }

 li {
     list-style: none;
     display: inline-block;
 }

 *,
 *:after,
 *:before {
     word-break: keep-all;
     word-wrap: break-word;
     margin: 0;
     padding: 0;
     vertical-align: baseline;
     outline: none;
     margin: 0;
     padding: 0;
     box-sizing: border-box
 }

 body {
     overflow-x: hidden;
     position: relative;
     font-size: 16px;
     font-family: 'GilroyMedium';
     line-height: 1.5;
     background: #fff;
     color: #002e5b;
     font-style: normal;
 }

 .animated {
     -webkit-animation-duration: 1.5s;
     animation-duration: 1.5s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
 }

 ::-webkit-input-placeholder {
     color: #002e5b;
     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: 'GilroySemibold';
     font-size: 16px
 }

 ::-moz-placeholder {
     color: #002e5b;
     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: 'GilroySemibold';
     font-size: 16px
 }

 ::-ms-input-placeholder {
     color: #002e5b;
     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: 'GilroySemibold';
     font-size: 16px
 }

 .enquire-form input::-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: 'GilroySemibold';
     font-size: 16px
 }

 .enquire-form input::-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: 'GilroySemibold';
     font-size: 16px
 }

 .enquire-form input::-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: 'GilroySemibold';
     font-size: 16px
 }

 textarea {
     color: #002e5b;
     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;
     width: 100%;
     font-size: 16px;
     padding: 6px 12px;
     outline: none;
     resize: none;
     font-family: 'GilroySemibold';
     height: 44px;
 }

 input:focus::-webkit-input-placeholder {
     opacity: 0.5;
 }

 input:focus::-moz-placeholder {
     opacity: 1;
 }

 input:focus::-ms-input-placeholder {
     opacity: 1;
 }

 textarea:focus::-webkit-input-placeholder {
     opacity: 1;
 }

 textarea:focus::-moz-placeholder {
     opacity: 1;
 }

 textarea:focus::-ms-input-placeholder {
     opacity: 1;
 }

 .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 !important
 }

 .text-left {
     text-align: left !important;
 }

 .text-right {
     text-align: right;
 }

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

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

 .text-uppercase {
     text-transform: uppercase;
 }

 .txt-white {
     color: #fff !important;
 }

 .clear {
     clear: both
 }

 .clearfix:after {
     content: "";
     display: block;
     clear: both
 }

 .common-padding {
     padding: 60px 0;
     position: relative;
 }

 .lnheight {
     line-height: 0
 }

 .img-responsive {
     width: 100%
 }

 sup {
     font-size: small;
     position: relative;
     top: -7px;
 }

 table {
     width: 100%;
     margin: 0;
     padding: 0;
     border-collapse: collapse;
     border-spacing: 0;
 }

 .nomargin {
     margin: 0 !important
 }

 .fl {
     float: left
 }

 .fr {
     float: right
 }

 .uppercase {
     text-transform: uppercase
 }

 .flex-start {
     display: flex;
     justify-content: flex-start;
     align-items: flex-start;
     flex-wrap: wrap;
 }

 .flex-sb {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .flex {
     display: flex;
     flex-wrap: wrap;
     justify-content: end;
 }

 .flex-end {
     display: flex;
     justify-content: space-between;
     align-items: flex-end;
 }

 .align-center {
     align-items: center
 }

 .img-fluid {
     width: 100%;
     height: auto
 }

 .commonpadding {
     padding: 100px 0
 }

 .big-text {
     font-size: 20px !important;
 }

 .pr {
     position: relative
 }

 .pa {
     position: absolute
 }

 .pt0 {
     padding-top: 0 !important
 }

 .pt10 {
     padding-top: 10px !important
 }

 .pb0 {
     padding-bottom: 0 !important
 }

 .sprite {
     background: url("../images/sprite.png")
 }

 .sprite-fea {
     background: url("../images/products/sprite-features.png")
 }

 .mb10 {
     margin-bottom: 10px !important
 }

 .mb20 {
     margin-bottom: 20px !important
 }

 .mb30 {
     margin-bottom: 20px !important
 }

 .ttlbottom {
     margin-bottom: 60px !important;
 }

 .gilroyMedium {
     font-family: 'GilroyMedium';
 }

 @font-face {
     font-family: 'GilroyMedium';
     src: url('../fonts/GilroyMedium.eot');
     src: url('../fonts/GilroyMedium.eot') format('embedded-opentype'), url('../fonts/GilroyMedium.woff2') format('woff2'), url('../fonts/GilroyMedium.woff') format('woff'), url('../fonts/GilroyMedium.ttf') format('truetype'), url('../fonts/GilroyMedium.svg#GilroyMedium') format('svg');
 }

 @font-face {
     font-family: 'GilroyBlack';
     src: url('../fonts/GilroyBlack.eot');
     src: url('../fonts/GilroyBlack.eot') format('embedded-opentype'), url('../fonts/GilroyBlack.woff2') format('woff2'), url('../fonts/GilroyBlack.woff') format('woff'), url('../fonts/GilroyBlack.ttf') format('truetype'), url('../fonts/GilroyBlack.svg#GilroyBlack') format('svg');
 }

 @font-face {
     font-family: 'georgiabold';
     src: url('../fonts/georgiabold.eot');
     src: url('../fonts/georgiabold.eot') format('embedded-opentype'), url('../fonts/georgiabold.woff2') format('woff2'), url('../fonts/georgiabold.woff') format('woff'), url('../fonts/georgiabold.ttf') format('truetype'), url('../fonts/georgiabold.svg#georgiabold') format('svg');
 }

 @font-face {
     font-family: 'GilroySemibold';
     src: url('../fonts/GilroySemibold.eot');
     src: url('../fonts/GilroySemibold.eot') format('embedded-opentype'), url('../fonts/GilroySemibold.woff2') format('woff2'), url('../fonts/GilroySemibold.woff') format('woff'), url('../fonts/GilroySemibold.ttf') format('truetype'), url('../fonts/GilroySemibold.svg#GilroySemibold') format('svg');
 }

 @font-face {
     font-family: 'GilroyRegular';
     src: url('../fonts/GilroyRegular.eot');
     src: url('../fonts/GilroyRegular.eot') format('embedded-opentype'), url('../fonts/GilroyRegular.woff2') format('woff2'), url('../fonts/GilroyRegular.woff') format('woff'), url('../fonts/GilroyRegular.ttf') format('truetype'), url('../fonts/GilroyRegular.svg#GilroyRegular') format('svg');
 }

 @font-face {
     font-family: 'GilroyMediumItalic';
     src: url('../fonts/GilroyMediumItalic.eot');
     src: url('../fonts/GilroyMediumItalic.eot') format('embedded-opentype'), url('../fonts/GilroyMediumItalic.woff2') format('woff2'), url('../fonts/GilroyMediumItalic.woff') format('woff'), url('../fonts/GilroyMediumItalic.ttf') format('truetype'), url('../fonts/GilroyMediumItalic.svg#GilroyMediumItalic') format('svg');
 }

 @font-face {
     font-family: 'GilroyBold';
     src: url('../fonts/GilroyBold.eot');
     src: url('../fonts/GilroyBold.eot') format('embedded-opentype'), url('../fonts/GilroyBold.woff2') format('woff2'), url('../fonts/GilroyBold.woff') format('woff'), url('../fonts/GilroyBold.ttf') format('truetype'), url('../fonts/GilroyBold.svg#GilroyBold') format('svg');
 }

 @font-face {
     font-family: 'gilroysemibolditalic';
     src: url('../fonts/gilroysemibolditalic.eot');
     src: url('../fonts/gilroysemibolditalic.eot') format('embedded-opentype'), url('../fonts/gilroysemibolditalic.woff2') format('woff2'), url('../fonts/gilroysemibolditalic.woff') format('woff'), url('../fonts/gilroysemibolditalic.ttf') format('truetype'), url('../fonts/gilroysemibolditalic.svg#gilroysemibolditalic') format('svg');
 }

 p {
     font-size: 18px;
     margin-bottom: 19px;
     font-family: 'GilroyRegular';
 }

 .blueback {
     background: #002e5b
 }

 .skyblueback {
     background: #e6edf4;
 }

 .strongtext {
     font-family: 'GilroyBold';
 }

 .ttl.linespace {
     padding: 0;
 }

 .boldtext {
     font-family: 'GilroySemibold';
 }

 .container {
     width: 85%;
     margin: 0 auto
 }

 .banner-back {
     position: absolute;
     bottom: -14px;
     width: 100%;z-index: 9
 }

 .banner1 {
     width: 100%;
     height: 90vh;
     background: url('../images/Rieco-Bannersb.jpg') no-repeat 0 0;
     background-size: cover
 }

 .banner2 {
     width: 100%;
     height: 90vh;
     background: url('../images/Rieco-website-banner-2-new.jpg') no-repeat 0 0;
     background-size: cover
 }

 .banner3 {
     width: 100%;
     height: 90vh;
     background: url('../images/Rieco-website-banner-three.jpg') no-repeat bottom center;
     background-size: cover
 }
  .banner4 {
     width: 100%;
     height: 90vh;
     background: url('../images/Rieco-website-banner-four.jpg') no-repeat bottom center;
     background-size: cover
 }

 fade-in-bottom {
     -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
     animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
 }

 @-webkit-keyframes fade-in-bottom {
     0% {
         -webkit-transform: translateY(50px);
         transform: translateY(50px);
         opacity: 0;
     }

     100% {
         -webkit-transform: translateY(0);
         transform: translateY(0);
         opacity: 1;
     }
 }

 @keyframes fade-in-bottom {
     0% {
         -webkit-transform: translateY(50px);
         transform: translateY(50px);
         opacity: 0;
     }

     100% {
         -webkit-transform: translateY(0);
         transform: translateY(0);
         opacity: 1;
     }
 }

 .banner-slider .slick-slide.slick-current.slick-active .banner-text {
     -webkit-animation: fade-in-bottom 0.5s 0.5s ease-in both;
     animation: fade-in-bottom 0.5s 0.5s ease-in both;
 }

 header {
     position: absolute;
     z-index: 99;
     width: 100%;
     transition: all 0.5s ease-in-out;
 }

 .logo {
     width: 250px;
     padding-top: 8px;
     padding-bottom: 8px;
     padding-left: 26px;
     line-height: 0;
     transition: all 0.5s ease-in-out;
 }
 .logo {
    display: flex;
    align-items: center;
 }
.logo-right-img{
    margin-left: 20px;
}

 .header-wrapp {
     align-items: center;
 }

 .menu-wrapp ul li a {
     color: #fff;
 }

 .menu-wrapp li:last-chil {
     margin-right: 0
 }

 .contact-blk {
     background: #1bbbed;
     position: absolute;
     right: 0;
     top: 0;
 }

 .contact-blk a {
     color: #fff
 }

 /* .menu-wrapp {
     margin-right: 147px;
 } */

 .contact-icon:before {
     content: "";
     width: 1px;
     height: 100%;
     background: #fff;
     left: 120px;
     position: absolute;
     top: 0;
 }

 .contact-icon {
     width: 80px;
     padding: 25px 31px;
 }

 .contact-text {
     padding: 24px 15px;
     display: none
 }

 .banner-slider .slick-dots li button {
     background: #838384;
     width: 7px;
     height: 7px;
     border-radius: 50px;
     padding: 2px;
 }

 .banner-slider .slick-dots li.slick-active button {
     background: #ff9900;
 }

 .banner-slider .slick-dots {
     bottom: 115px;
     width: auto;
     left: 8%;
     z-index: 99;
 }

 .banner-text {
     position: absolute;
     top: 39%;
     color: #fff;
     left: 6%;
 }

 .banner-slider.slick-initialized .slick-slide {
     position: relative
 }

 .banner-toptext {
     font-size: 20px;
     text-align: center;
     background: #ff9900;
     padding: 6px 10px;
     font-family: 'GilroySemibold';
     display: inline-block;
     color: #fff;
 }

 .banner-ttl {
     font-family: 'GilroySemibold';
     margin-top: 30px;
     font-size: 46px;
     line-height: 1.3;
 }

 .banner-ttl span {
     display: block;
     font-size: 40px;
 }

 .great-place {
     position: absolute;
     width: 79px;
     bottom: 48%;
     right: 6%;
 }

 .sinceblk svg {
     opacity: 0;
     transition: 0.5s ease all
 }

 .text-line {
     stroke-dasharray: 500;
     stroke-dashoffset: 500;
     animation: dash 5s linear forwards, filling 5s ease-in forwards;
     font-size: 72px;
     animation-iteration-count: infinite;
 }

 .sinceblk svg.text-line {
     opacity: 1
 }

 .text-line text {
     font-family: 'georgiabold';
     font-weight: normal;
     font-style: normal;
 }

 @keyframes dash {
     to {
         stroke-dashoffset: 0;
     }
 }

 @keyframes filling {

     0%,
     90% {
         fill: #bac736;
         fill-opacity: 0;
     }

     100% {
         fill: #bac736;
         fill-opacity: 0;
     }
 }

 .banner-section {
     position: relative
 }

 .aboutwrapp .banner-toptext {
     margin-bottom: 20px;
     padding: 6px 30px;
 }

 .ttl {
     font-family: 'georgiabold';
     color: #002e5b;
     font-size: 31px;
     line-height: 1.2;
     margin-bottom: 30px;
     position: relative;
     display: inline-block;
     padding: 0 30px;
 }

 .ttl:before {
     content: "";
     position: absolute;
     left: 0;
     width: 100%;
     bottom: -22px;
     background: #ff9900;
     height: 3px;
 }

 .about-container .ttl::before {
     width: 300px;
 }

 .about-container .ttl {
     display: block;
     padding: 0;
 }

 .about-right {
     width: 55%;
     padding-right: 9%;
 }

 .about-left {
     width: 40%;
 }

 .about-contentwrapp {
     margin: 50px 0 0 0;
 }

 .about-left {
     width: 40%;
 }

 .no-infoblk {
     width: 48%;
     margin-bottom: 25px;
 }

 .no {
     font-family: 'GilroyBlack';
     font-size: 40px;
 }

 .no-info {
     font-size: 20px;
     line-height: 1.2;
 }

 .about-right p {
     font-family: 'GilroyRegular';
     font-size: 18px;
     margin-bottom: 20px;
 }

 .about-right p:last-child {
     font-family: 'GilroyMediumItalic';
 }

 .about-right p.italic-text {
     font-family: 'GilroyMediumItalic';
 }

 .readmore {
     color: #ff9900;
     font-family: 'GilroySemibold';
     font-size: 18px;
     position: relative;
 }

 .readmore .sprite {
     background-position: -90px -26px;
     width: 18px;
     height: 14px;
     position: absolute;
     right: -29px;
     top: 6px;
 }

 .dot-img {
     width: 181px;
     top: -28px;
     right: 7%;
 }

 .everyday-lifetext {
     position: absolute;
     top: 82px;
     color: #fff;
     font-family: 'georgiabold';
     background: rgba(0, 46, 91, 0.8);
     font-size: 27px;
     padding: 20px;
 }

 .industries-container {
     margin-top: 30px;
 }

 .industries-blk {
     width: 16%;
     line-height: 0;
     margin-bottom: 15px;
     overflow: hidden;
 }

 .industries-name {
     bottom: 29px;
     font-family: 'GilroyBold';
     color: #fff;
     left: 20px;
     font-size: 18px;
 }

 .tab-menu-link.is-active {
     border: 1px solid #6fa9e1;
     border-bottom: 0;
 }

 .tab-menu-link:first-child {
     margin-left: 10px;
 }

 .tab-menu-link {
     padding: 12px 16px;
     border-bottom: 1px solid #6fa9e1;
     cursor: pointer;
     color: #002e5b;
 }

 .tab-menu-link:first-child.is-active:before {
     content: "";
     width: 20px;
     height: 1px;
     background: #6fa9e1;
     left: -20px;
     position: absolute;
     bottom: -2px;
 }

 .tab-menu-link:first-child.is-active {
     position: relative;
 }

 .tab-bar-content {
     display: none;
 }

 .tab-bar-content.is-active {
     display: block;
 }

 .technology-container {
     margin-top: 30px;
 }

 .tab-menu {
     display: flex;
     flex-wrap: wrap;
 }

 .tab-innerwrapp {
     padding: 40px 20px;
 }

 .tab-ttl {
     font-family: 'georgiabold';
     font-size: 30px;
 }

 .tab-subttl {
     font-family: 'GilroyRegular';
     font-size: 28px;
 }

 .tab-left {
     width: 40%;
 }

 .tab-right {
     width: 50%;
 }

 ul.tablist {
     margin-top: 20px;
 }

 ul.tablist li {
     margin-bottom: 12px;
     padding-left: 20px;
     position: relative;
     display: block
 }

 ul.tablist li a {
     color: #002e5b
 }

 ul.tablist li a:hover {
     color: #ff9900
 }

 ul.tablist li:before {
     width: 6px;
     height: 6px;
     background: #ff9900;
     content: "";
     position: absolute;
     left: 0;
     border-radius: 50%;
     top: 8px;
 }

 ul.tablist li {
     margin-bottom: 12px;
     padding-left: 20px;
     position: relative;
     font-size: 18px;
 }

 .wecare-wrapp {
     background: url(../images/we-careback.webp);
     padding: 100px 0;
     background-size: cover;
 }

 .wecare-ttl {
     font-family: 'georgiabold';
     font-size: 40px;
     margin-bottom: 10px;
 }

 .wecare-leftblk p {
     font-family: 'georgiabold';
     font-size: 26px;
 }

 .wecare-leftblk {
     color: #fff;
     width: 45%;
 }

 .wecare-ttl span {
     color: #ff9900;
 }

 .wecare-rightblk {
     width: 54%;
     text-align: center;
 }

 .wecare-blk {
     width: 25%;
     padding: 18px 0;
 }

 .wecare-icon {
     width: 50px;
     margin: 0 auto;
 }

 .wecare-container {
     align-items: center;
 }

 .wecare-text {
     color: #fff;
     font-family: 'GilroyBold';
     line-height: 1.2;
     font-size: 20px;
 }

 .wecare-blk:first-child {
     border-top-left-radius: 50px;
 }

 .wecare-blk:last-child {
     border-bottom-right-radius: 50px;
 }

 .wecare-wrapp .dot-img {
     width: 181px;
     bottom: -112px;
     left: 7%;
     top: auto;
     right: auto;
 }

 .event-wrapp {
     margin: 40px 0 0 0;
 }

 .event-right {
     width: 100%;
 }

 .event-left {
     width: 100%;
     line-height: 0;
     position: relative;
     margin: 0 0 20px 0;
 }

 .event-left:before {
     position: absolute;
     top: 0;
     left: 0;
     content: "";
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.2);
 }

 .event-wrapp .ttl {
     padding: 0;
 }

 .event-info {
     margin-top: 35px;
 }

 .event-info.event-innerblk {
     width: 48% !important;
 }

 .event-img {
     line-height: 0;
 }

 .event-info a {
     color: #002e5b
 }

 .event-infowrapp .event-info {
     width: 28%;
     text-align: center;
 }

 .event-date .sprite {
     background-position: -130px -15px;
     width: 13px;
     height: 13px;
     position: absolute;
     left: 0;
     top: 5px;
 }

 .event-date {
     padding-left: 23px;
     position: relative;
     color: #ff9900;
     font-family: 'GilroySemibold';
 }

 .event-ttl {
     font-family: 'georgiabold';
     font-size: 22px;
     line-height: 1.2;
 }

 .event-subtt {
     margin-bottom: 10px;
 }

 .event-infowrapp .event-blk {
     width: 100%;
 }

 .event-infowrapp .event-ttl {
     font-size: 16px;
     margin-top: 10px;
 }

 .event-text span {
     display: block;
     font-family: 'GilroyMedium';
     font-size: 18px;
     margin-bottom: 10px;
 }

 .event-text {
     font-family: 'georgiabold';
     color: #fff;
     font-size: 24px;
 }

 .event-textwrapp {
     bottom: 0;
     padding: 50px;
     line-height: 1.5;
 }

 .event-container {
     align-items: center;
 }

 .readmore.white {
     color: #fff;
 }

 .readmore.white .sprite {
     background-position: -90px -49px;
     width: 18px;
     height: 14px;
 }

 .subttl {
     font-family: 'georgiabold';
     font-size: 30px;
     text-align: center;
     line-height: 1.2;
 }

 .blog-wrapp {
     background: #e6edf4;
 }

 .blog-container {
     margin-top: 40px;
 }

 .blog-blk {
     width: 32%;
 }

 .blog-ttl {
     font-family: 'GilroyBold';
     margin: 10px 0;
     font-size: 20px;
 }

 .blog-wrapp .dot-img {
     top: -11%;
 }

 .global-presencewrapp .dot-img {
     top: 30px;
 }

 .global-presencewrapp .dot-img.dot2 {
     left: -2%;
     transform: rotate(90deg);
     top: 12%;
 }

 .sales-wrapp {
     width: 64%;
     margin: 0 auto 65px;
     align-items: flex-start;
 }

 .sales-icon {
     width: 80px;
 }

 .sales-wrapp .subttl {
     margin-top: 0;
     margin-bottom: 5px;
     text-align: left
 }

 .sales-inq {
     color: #fff;
     background: #0084ff;
     font-family: 'GilroySemibold';
     font-size: 20px;
     padding: 10px 20px;
     display: inline-block;
     margin-top: 8px;
 }

 footer {
     background: #002e5b;
     padding: 50px 0;
 }

 .footer-left ul li a {
     color: #fff;
     font-family: 'GilroyRegular';
 }

 .rieco-img {
     line-height: 0;
 }

 .footer-left ul li:before {
     width: 1px;
     height: 16px;
     background: #4083c4;
     position: absolute;
     content: "";
     right: -13px;
     top: 4px;
 }

 .footer-left ul li {
     position: relative;
 }

 .footer-left.policy_listblk li {
     margin: 0 20px 0 0
 }

 .footer-left p {
     color: #fff;
     font-size: 16px;
     margin-top: 14px;
     font-family: 'GilroyRegular';
 }

 .footer-left ul li:last-child:before {
     background: none
 }

 .linkedin {
     background-position: -14px -96px;
     width: 33px;
     height: 33px;
     display: inline-block;
 }

 .footer-right a {
     margin-right: 5px;
     display: inline-block
 }

 .youtube {
     background-position: -56px -97px;
     width: 31px;
     height: 32px;
 }

 .facebook {
     background-position: -97px -95px;
     width: 33px;
     height: 33px;
 }

 .insta {
     background-position: -140px -95px;
     width: 33px;
     height: 33px;
 }

 .aboutusbanner {
     background: url(../images/banner/about-usbanner.jpg);
     background-size: cover;
 }

 .contactusbanner {
     background: url(../images/banner/contact-usbanner.webp);
     background-size: cover;
 }

 .awardsbanner {
     background: url(../images/banner/awards-banner.webp);
     background-size: cover;
 }

 .ca-opportunitiesbanner {
     background: url(../images/banner/career-opportunitiesbanner.webp);
     background-size: cover;
 }

 .eventsbanner {
     background: url(../images/banner/events-banner.webp);
     background-size: cover;
 }

 .liferiecobanner {
     background: url(../images/banner/life-at-rieco-banner.webp);
     background-size: cover;
 }

 .fansblowersbanner {
     background: url(../images/fansblower/mobile_banner.webp);
     background-size: cover;
 }

 .inner-bannerwrapp {
     height: 100vh;
     position: relative;
     margin-bottom: 30px;
 }

 .inner-bannerwrapp:before {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 16%;
     content: "";
     background: linear-gradient(179deg, rgba(0, 0, 0, 0.3) 000%, rgba(0, 0, 0, 0) 100%);
     z-index: 9;
 }

 .innerbanner-text {
     background: #ff9900;
     padding: 10px;
     line-height: 1.2;
     display: inline-block;
     color: #fff;
     top: 40%;
     font-family: 'georgiabold';
     font-size: 3vw;
     left: 6%;z-index: 9
 }

 .innerbanner-text span {
     display: block;
     line-height: 1.2;
     font-size: 24px;
 }

 .banner-circle {
     background: rgba(255, 153, 0, 0.5);
     width: 150px;
     height: 150px;
     border-radius: 50%;
     bottom: 80px;
     right: 12%;
 }

 .inner-aboutblk {
     width: 54%;
 }

 .inner-aboutinfo {
     margin-top: 25px;
 }

 .about-moreblk {
     border: 3px solid #ffd494;
     width: 180px;
     height: 175px;
     padding: 20px;
     text-align: center;
 }

 .about-moretext {
     font-family: 'georgiabold';
     font-size: 22px;
     line-height: 1.2;
 }

 .innerquality {
     background-position: -12px -154px;
     width: 51px;
     height: 50px;
     margin: 0 auto;
 }

 .customer {
     background-position: -88px -156px;
     width: 48px;
     height: 45px;
     margin: 0 auto;
 }

 .about-moreicon {
     margin-bottom: 10px;
 }

 .network {
     background-position: -151px -155px;
     width: 46px;
     height: 39px;
     margin: 0 auto 10px;
 }

 .inner-aboutmoreinfo {
     width: 384px;
 }

 .about-moretop .about-moreblk {
     margin: 0 15% 20px;
 }

 .about-morebottom .about-moreblk:last-child {
     margin-top: -63px;
 }

 .visionwrapp {
     background: #002e5b;
     color: #fff;
 }

 .inner-ttl {
     font-size: 20px;
     text-align: center;
     background: #ff9900;
     padding: 6px 20px;
     font-family: 'GilroySemibold';
     display: inline-block;
     color: #fff;
     margin-bottom: 20px
 }

 .visiontextwrapp .subttl {
     text-align: left;
 }

 .visiontextwrapp {
     width: 40%;
     text-align: left;
 }

 .visionimgwrapp {
     width: 46%;
 }

 .row-reverse {
     flex-direction: row-reverse;
 }

 .visionblk:first-child {
     margin-bottom: 60px;
 }

 .visionblk.row-reverse .visiontextwrapp {
     width: 47%;
 }

 .visionblk {
     align-items: flex-start;
 }

 .ttlborder-none::before {
     display: none
 }

 .value-wrapp .ttl {
     font-size: 30px;
 }

 .value-blk {
     width: 24%;
     border: 2px solid #d4e5f6;
     padding: 20px;
     text-align: left;
 }

 .value-icon {
     margin-bottom: 10px;
 }

 .about-speed {
     background-position: -12px -223px;
     width: 45px;
     height: 40px;
 }

 .value-ttl {
     font-family: 'georgiabold';
     font-size: 20px;
     margin-bottom: 5px;
 }

 .about-efficiency {
     background-position: -73px -214px;
     width: 51px;
     height: 51px;
 }

 .about-quality {
     background-position: -139px -214px;
     width: 47px;
     height: 50px;
 }

 .about-customer {
     background-position: -203px -215px;
     width: 53px;
     height: 47px;
 }

 .innersubttl {
     font-family: 'georgiabold';
     color: #002e5b;
     font-size: 30px;
     line-height: 1.2;
     margin-bottom: 30px;
     position: relative;
     display: inline-block;
     width: 100%;
 }

 .lightblue-back {
     background: #e6edf4
 }

 .facilities-container p span {
     display: block;
 }

 .facilities-right {
     width: 47%;
 }

 .facilities-left {
     width: 47%;
 }

 .facilities-container .innersubttl {
     margin-bottom: 10px;
 }

 .facilities-container {
     align-items: center;
     margin-bottom: 50px;
 }

 .facilities-container p {
     margin-bottom: 5px;
 }

 .facilities-container:last-child {
     margin-bottom: 0
 }

 .visionwrapp .dot-img {
     right: auto;
     left: 22%;
     top: -8%;
 }

 .visionblk .dot-img {
     transform: rotate(90deg);
     bottom: -39%;
     right: 7%;
     left: auto;
 }

 .contact-wrapp .ttl::before {
     width: 226px;
 }

 .contact-wrapp .ttl {
     padding: 0;
     font-size: 25px;
     margin-bottom: 60px;
 }

 .contact-wrapp .contact-formwrapp .innersubttl {
     color: #fff;
     margin-bottom: 30px;
 }

 .offices-ttl {
     color: #ff9900;
     font-size: 18px;
     margin-bottom: 4px;
 }

 .location-icon {
     background-position: -22px -287px;
     width: 18px;
     height: 21px;
     display: inline-block;
 }

 .offices-ttl .sprite {
     position: relative;
     transform: scale(0.8);
     top: 4px;
     display: inline-block;
 }

 .number-icon {
     background-position: -55px -287px;
     width: 19px;
     height: 19px;
 }

 .email-icon {
     background-position: -92px -289px;
     width: 20px;
     height: 14px;
     top: 0 !important;
 }

 .hours-icon {
     background-position: -128px -286px;
     width: 21px;
     height: 21px;
     display: inline-block;
 }

 .offices-infopara a {
     color: #002e5b;
 }

 .event-innerblk .hours-icon {
     transform: scale(0.7);
     position: relative;
     left: -4px;
     top: 5px;
 }

 .manufacturing-wrapp .offices-infocontainer {
     border-bottom: 0;
     margin-bottom: 30px;
     justify-content: flex-start;
 }

 .manufacturing-wrapp .offices-info {
     width: 40%;
 }

 .offices-infoblk {
     padding-bottom: 40px;
     border-bottom: 2px solid #ff9900;
     margin-bottom: 50px;
 }

 .industries-blk:hover img {
     transform: scale(1.1);
     transform: 1.5s;
 }

 .industries-blk img {
     transition: 1.5s;
 }

 .global-presenceimg {
     width: 1000px;
     margin: 60px auto 0;
 }

 .country-name {
     visibility: hidden;
     position: absolute;
     top: 15px;
     font-size: 14px;
     margin-top: 2px;
     font-family: 'GilroySemibold';
     line-height: 0.8;
     z-index: 99;
     background: #fff;
     padding: 5px;
     border-radius: 5px;
     left: 21px;
     color: #ff9900;
     box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
 }

 .mlocation-icon:hover .country-name {
     visibility: visible;
 }

 .mlocation-icon img {
     cursor: pointer;
 }

 .paint-name {
     visibility: hidden;
     position: absolute;
     top: 15px;
     font-size: 16px;
     margin-top: 2px;
     font-family: 'GilroySemibold';
     line-height: 1.2;
     z-index: 99;
     background: #fff;
     padding: 5px;
     border-radius: 5px;
     left: 21px;
     color: #ff9900;
     width: 200px;
     box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);
 }

 .paint-icon.activetab .paint-name {
     visibility: visible;
 }

 .solution-container {
     width: 1100px;
     margin: 0 auto;
 }

 .paint-name.visible {
     display: block;
 }

 .paint-icon img {
     cursor: pointer;
 }

 .blue-paincolor .paint-name {
     color: #0070c0
 }

 .red-paincolor .paint-name {
     color: #ff0101;
 }

 .black-paincolor .paint-name {
     color: #000;
 }

 .blue-icon1 {
     top: 299px;
     left: 335px;
 }

 .blue-icon2 {
     top: 327px;
     left: 343px;
 }

 .blue-icon3 {
     top: 430px;
     left: 198px;
 }

 .blue-icon4 {
     top: 274px;
     left: 465px;
 }

 .blue-icon5 {
     top: 368px;
     left: 383px;
 }

 .blue-icon6 {
     top: 496px;
     left: 525px;
 }

 .blue-icon7 {
     top: 458px;
     left: 738px;
 }

 .red-icon1 {
     top: 116px;
     left: 394px;
 }

 .red-icon2 {
     top: 320px;
     left: 396px;
 }

 .red-icon3 {
     top: 383px;
     left: 817px;
 }

 .red-icon4 {
     top: 310px;
     left: 475px;
 }

 .red-icon5 {
     top: 339px;
     right: 645px;
 }

 .red-icon6 {
     top: 496px;
     right: 275px;
 }

 .black-icon1 {
     top: 30px;
     left: 394px;
 }

 .black-icon2 {
     top: 393px;
     left: 297px;
 }

 .black-icon3 {
     top: 361px;
     left: 601px;
 }

 .black-icon4 {
     top: 488px;
     left: 200px;
 }

 .black-icon5 {
     top: 416px;
     left: 352px;
 }

 .black-icon6 {
     top: 434px;
     left: 401px;
 }

 .paint-info {
     text-align: left;
     position: absolute;
     top: 0;
     right: 0;
 }

 .paint-info-blk:first-child {
     color: #000;
     border: 2px solid #000;
     border-radius: 5px;
     padding: 3px 10px;
 }

 .paint-info-blk:nth-child(2) {
     color: #ff0101;
     border: 2px solid #ff0101;
     border-radius: 5px;
     padding: 3px 10px;
 }

 .paint-info-blk:nth-child(3) {
     color: #0070c0;
     border: 2px solid #0070c0;
     border-radius: 5px;
     padding: 3px 10px;
 }

 .paint-info-blk {
     margin-bottom: 10px;
 }

 .canada {
     top: 142px;
     left: 163px;
 }

 .usa {
     top: 162px;
     left: 151px;
 }

 .westindies {
     top: 205px;
     left: 231px;
 }

 .uruguay {
     top: 217px;
     left: 336px;
 }

 .uk {
     top: 30px;
     left: 435px;
 }

 .spain {
     top: 67px;
     left: 433px;
 }

 .mlocation-icon {
     width: 20px;
     height: 20px;
 }

 .germany {
     top: 42px;
     left: 458px;
 }

 .croatia {
     top: 41px;
     left: 511px;
 }

 .italy {
     top: 58px;
     left: 509px;
 }

 .nigeria {
     top: 130px;
     left: 485px;
 }

 .ghana {
     top: 130px;
     left: 440px;
 }

 .egypt {
     top: 93px;
     left: 575px;
 }

 .sudan {
     top: 111px;
     left: 586px;
 }

 .brazil {
     top: 111px;
     left: 542px;
 }

 .lebanon {
     top: 103px;
     left: 600px;
 }

 .saa {
     top: 113px;
     left: 612px;
 }

 .ethiopia {
     top: 141px;
     left: 599px;
 }

 .kuwait {
     top: 117px;
     left: 628px;
 }

 .uae {
     top: 127px;
     left: 650px;
 }

 .oman {
     top: 128px;
     left: 629px;
 }

 .kenya {
     top: 167px;
     left: 580px;
 }

 .mozambique {
     top: 199px;
     left: 563px;
 }

 .india {
     top: 152px;
     right: 252px;
 }

 .nepal {
     top: 135px;
     right: 240px;
 }

 .bangladesh {
     top: 161px;
     right: 224px;
 }

 .srilanka {
     top: 183px;
     right: 257px;
 }

 .pakistan {
     top: 110px;
     right: 272px;
 }

 .russia {
     top: 70px;
     right: 252px;
 }

 .singapore {
     top: 219px;
     right: 201px;
 }

 .malaysia {
     top: 236px;
     right: 206px;
 }

 .cambodia {
     top: 223px;
     right: 176px;
 }

 .thailand {
     top: 250px;
     right: 179px;
 }

 .indonesia {
     top: 279px;
     right: 151px;
 }

 .philippines {
     top: 254px;
     right: 129px;
 }

 .taiwan {
     top: 240px;
     right: 101px;
 }

 .japan {
     top: 242px;
     right: 71px;
 }

 .copy-text {
     color: #fff;
     font-family: 'GilroyRegular';
 }

 .footer-wrapp {
     align-items: center;
     border-top: 1px solid rgba(255, 255, 255, 0.2);
     padding-top: 30px;
 }

 .privacy-ttl {
     font-family: 'georgiabold';
     font-size: 22px;
 }

 .privacy-list li:before {
     content: "";
     width: 6px;
     height: 6px;
     position: absolute;
     left: 0;
     top: 11px;
     background: #ff9900;
     border-radius: 50%;
 }

 .privacy-list li {
     padding-left: 15px;
     position: relative;
     font-size: 18px;
     margin-bottom: 9px;
     font-family: 'GilroyRegular';
     display: block;
 }

 .privacy-subttl {
     font-size: 18px;
     margin-bottom: 5px;
     font-family: 'GilroyRegular';
 }

 .privacy-list {
     margin-bottom: 30px;
 }

 .privacy-policywrapp .banner-toptext {
     margin-bottom: 30px;
 }

 .contact-formwrapp {
     background: #002e5b;
     padding: 100px 30px;
     text-align: center;
     margin-bottom: 100px;
 }

 .contact-wrapp .innersubttl {
     color: #002e5b;
     margin-bottom: 30px;
 }

 .form-field {
     width: 32%;
     margin-bottom: 15px;
 }

 .form-field input[type="text"],
 .form-field input[type="email"] {
     border: 0;
     background: #fff;
     width: 100%;
     padding: 14px;
     color: #002e5b;
     font-family: 'GilroyMedium';
 }

 .form-field select {
     width: 100%;
     padding: 10px 8px;
     font-size: 16px;
     font-family: 'GilroySemibold';
     color: #002e5b;
 }

 .country-code {
     width: 150px;
     padding: 2px 0 0 0;
 }

 .form-field.numberfield {
     background: #fff;
 }

 .phone-field {
     width: calc(100% - 150px);
 }

 .form-field.textareafield {
     width: 66%;
 }

 .capcha-img {
     width: 65%;
 }

 .sendbtn {
     width: 156px;
     margin: 0 auto;
 }

 .event-blk {
     width: calc(100% - 153px);
 }

 #menu {
     display: none
 }

 .navblkmob a span {
     background: #fff;
     width: 30px;
     height: 2px;
     display: block;
     margin: 6px 0;
     cursor: pointer;
 }

 .menuchange .navblkmob a span {
     background: #302d2d;
 }

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

 .bannermob,
 .banner-text .bannermob {
     display: none
 }

 .mobilemap {
     display: none
 }

 .whatsappicon a {
     color: #fff;
     font-size: 20px;
     line-height: 20px;
 }

 .whatsappicon {
     background: #25d366;
     border-radius: 50%;
     width: 40px;
     height: 40px;
     animation-name: pulse;
     animation-duration: 1.5s;
     animation-timing-function: ease-out;
     animation-iteration-count: infinite;
     margin-left: 30px;
     position: fixed;
     right: 1px;
     bottom: 140px;
     text-align: center;
     line-height: 43px;
 }

 @keyframes pulse {
     0% {
         box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
     }

     80% {
         box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
     }
 }

 .smallline .ttl::before {
     width: 300px;
 }

 .smallline .ttl {
     display: block;
     padding: 0;
 }

 .awards-img a {
     width: 100%;
     background: url(../images/frame-border.png) no-repeat center;
     background-size: cover;
     height: 100%;
     display: block
 }

 .awards-img {
     margin: 0 0 30px 0;
 }

 .awards-img a img {
     width: 100%;
     height: 100%
 }

 .awards-blk:nth-last-child(-n + 2) {
     margin-bottom: 0px
 }

 .awards-text {
     font-family: 'georgiabold';
     color: #002e5b;
     font-size: 19px;
     line-height: 1.2;
     text-align: center;
 }

 .awards-blk {
     width: 30%;
     margin-bottom: 40px;
 }

 .awards-innerwrapp {
     margin: 100px 0 0;
     justify-content: flex-start;
     gap: 4%;
 }

 .recognition-img {
     margin: 0 20px;
 }

 .recognition-text {
     font-family: 'georgiabold';
     color: #002e5b;
     font-size: 18px;
     margin-top: 26px;
 }

 .recognition-slider {
     margin-top: 30px;
 }

 .dropdown-blk {
     width: 31%;
 }

 .dropdown-blk .form-field {
     width: 100%;
 }

 .dropdown-blk .form-field select {
     border: 0;
     border-bottom: 1px solid #002e5b;
 }

 .dropdown-list {
     margin: 54px auto 30px;
 }

 .car-opp-blk {
     border-bottom: 1px solid #002e5b;
     padding-bottom: 23px;
     margin-bottom: 25px;
     align-items: flex-start;
 }

 .car-opp-left {
     font-family: 'GilroyBold';
     font-size: 18px;
     width: calc(100% - 145px);
 }

 .car-opp-right {
     width: 145px;
     display: flex;
 }

 .car-opp-right button.btn-secondary {
     border: none;
 }

 .btn-primary {
     color: #0084ff;
     border: 1px solid #0084ff;
     padding: 10px 20px;
     border-radius: 50px;
 }

 .btn-secondary {
     color: #fff;
     background: #0084ff;
     padding: 10px 20px;
     border-radius: 50px;
 }

 .mr-5 {
     margin-right: 5px;
 }

 .event-info.event-innerblk {
     width: 31%;
 }

 .event-info.event-innerblk .event-img {
     width: 130px
 }

 .event-info.event-innerblk .event-blk {
     width: calc(100% - 157px);
 }

 .event-info.event-innerblk .readmore {
     display: inline-block;
 }

 .event-innerblk .event-date {
     color: #002e5b;
     font-family: 'GilroyMedium';
     margin-bottom: 5px;
 }

 .event-innerblk .location-icon {
     transform: scale(0.7);
     position: relative;
     left: -2px;
     top: 4px;
 }

 .event-innerblk .event-ttl {
     margin: 10px 0 15px;
 }

 .videowrapper_blk .blogpic {
     position: relative;
 }

 .videowrapper_blk .blogpic:before {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     content: "";
     background: rgba(26, 167, 211, 0.8);
     display: none
 }

 .video-icon {
     display: none;
     position: absolute;
     top: 50%;
     width: 79px;
     text-align: center;
     margin: 0 auto;
     left: 50%;
     transform: translate(-50%, -50%);
     transition: all 0.5s ease-in-out;
 }

 .videowrapper_blk .blog_item:hover .video-icon {
     display: block;
     transition: all 0.5s ease-in-out;
 }

 .videowrapper_blk .blog_item:hover .blogpic:before {
     display: block
 }

 .blogbanner {
     background: url(../images/banner/blog-banner.webp);
     background-size: cover;
 }

 .blogpic {
     line-height: 0;
     width: 100%
 }

 .blogwrapper_blk {
     display: flex;
     justify-content: flex-start;
     margin: 60px 0 0 0;
     flex-wrap: wrap;
     gap: 40px;
 }

 .blog_item {
     width: 30%;
     display: flex;
     flex-direction: column;
     margin-bottom: 30px;
 }

 .blogwrapper_blk .blog_item {
     margin-bottom: 0px;
 }

 .blogwrapper_blk .blog_item a .blog-ttl {
     color: #002e5b;
     font-size:18px;
 }

 .blogwrapper_blk .blog_item a .readmore {
     color: #ff9900;
 }

 .blogwrapper_blk {}

 .blog_item .blog-ttl {
     margin: 20px 0 10px 0;
     flex: 1;
 }

 .case_studybanner {
     background: url(../images/banner/case-study-banner.webp);
     background-size: cover;
 }

 .case-studyblk .blog_item .blog-ttl {
     height: 70px;
 }

 .limebanner {
     background: url(../images/banner/blog-banner/lime-dosing-system.jpg);
     background-size: cover;
 }

 .ibvm {
     display: inline-block;
     vertical-align: middle;
 }

 .case_studyitem {
     font-size: 18px;
     line-height: 20px;
     font-family: 'GilroyRegular';
     margin: 0 0 15px 0;
 }

 .case_studyitem strong {
     font-family: 'GilroyBold';
 }

 .casestudy_infoblk {
     margin: 50px 0 0 0;
 }

 .case_desc ul li,
 .casestudyitem ul li {
     font-size: 18px;
     line-height: 27px;
     font-family: 'GilroyRegular';
     padding: 0 0 0 40px;
     margin: 0 0 17px 0;
     position: relative;
     display: block;
 }

 .case_desc ul li:before,
 .casestudyitem ul li:before {
     position: absolute;
     content: "";
     background: url('../images/right_icon_circle.png') no-repeat 0 0;
     width: 20px;
     height: 20px;
     background-size: cover;
     top: 2px;
     left: 0
 }

 .case_desc ul li:last-child {
     margin: 0
 }

 .case_desc ul li ul.inner_data {
     margin: 20px 0 0 0
 }

 .case_desc ul li ul.inner_data li {
     width: 100%;
     padding: 0
 }

 .case_desc ul li ul.inner_data li:before {
     display: none
 }

 .case_desc ul li ul.inner_data li:last-child {
     margin: 0
 }

 .case_desc ul li span {
     font-family: 'GilroyMedium';
 }

 .mrbtm20 {
     margin-bottom: 20px
 }

 .mrbtm10 {
     margin-bottom: 10px
 }

 .smk_accordion {
     position: relative;
     margin-bottom: 20px;
 }

 .smk_accordion .accordion_in {
     position: relative;
     z-index: 10;
     margin: 0 0 20px 0
 }

 .smk_accordion .accordion_in:last-child {
     border-bottom: 0;
     margin: 0;
     padding: 0
 }

 .smk_accordion .accordion_in .acc_head {
     position: relative;
     padding: 15px 65px;
     display: block;
     cursor: pointer;
     font-family: 'GilroyMedium';
     font-size: 20px;
     line-height: 25px;
     border-top-left-radius: 0;
     border-bottom-left-radius: 0px;
     color: #fff;
     background: #002e5b;
 }

 .smk_accordion .accordion_in .acc_head .questblk:before {
     position: absolute;
     content: "q";
     width: 50px;
     height: 50px;
     background: #f6862a;
     top: 0px;
     left: 0;
     border-radius: 100%;
     text-align: center;
     text-transform: uppercase;
     color: #fff;
     font-family: 'GilroyMedium';
     font-size: 25px;
     line-height: 52px;
 }

 .smk_accordion .accordion_in .acc_content .accinner_info p {
     font-size: 18px;
     line-height: 1.2;
     font-family: 'GilroyMedium';
     color: #002e5b;
     text-align: justify;
 }

 .smk_accordion .accordion_in .acc_content .accinner_info {
     margin: 0 0 0px 0
 }

 .smk_accordion .accordion_in h1:first-of-type,
 .smk_accordion .accordion_in h2:first-of-type,
 .smk_accordion .accordion_in h3:first-of-type,
 .smk_accordion .accordion_in h4:first-of-type,
 .smk_accordion .accordion_in h5:first-of-type,
 .smk_accordion .accordion_in h6:first-of-type {
     margin-top: 5px;
 }

 .smk_accordion.acc_with_icon .accordion_in .acc_content {
     padding: 30px 0px;
 }

 .smk_accordion .accordion_in .acc_head .acc_icon_expand:after {
     position: absolute;
     content: "+";
     width: 55px;
     height: 100%;
     background: #0084ff;
     top: 0;
     left: 0;
     z-index: 9;
     font-size: 30px;
     line-height: 30px;
     padding: 10px 0 0 0;
     box-sizing: border-box;
     text-align: center;
     color: #fff;
     font-family: 'GilroyMedium';
     text-transform: uppercase;
 }

 .smk_accordion .accordion_in.acc_active .acc_head .acc_icon_expand:after {
     content: "-";
 }

 .smk_accordion .accordion_in.acc_active .acc_content {
     display: block;
 }

 .smk_accordion .accordion_in .acc_content .accinner_info .acc_quest_ans p {
     font-size: 20px;
     line-height: 27px;
     font-family: 'GilroyMedium';
     color: #000;
     text-align: justify;
     padding: 0 0 0 10px;
     margin: 0 0 9px 0;
 }

 .accinner_info li {
     font-size: 18px;
     line-height: 1.2;
     font-family: 'GilroyRegular';
     padding: 0 0 0 40px;
     margin: 0 0 17px 0;
     position: relative;
     display: block;
 }

 .accinner_info li:before {
     position: absolute;
     content: "";
     background: url('../images/right_icon_circle.png') no-repeat 0 0;
     width: 20px;
     height: 20px;
     background-size: cover;
     top: 2px;
     left: 0
 }

 .accinner_info li:last-child {
     margin: 0
 }

 .casestudy_accordionblk {
     margin: 40px 0 0 0;
 }

 .videobanner {
     background: url(../images/banner/video-banner.png);
     background-size: cover;
 }

 .mediabanner {
     background: url(../images/banner/media-banner.png);
     background-size: cover;
 }

 .videowrapper_blk .blog_item .blog-ttl {
     height: auto;
     color: #002e5b;
 }

 .focus-wrapp {
     margin-top: 50px;
 }

 .focus-wrapp .ttl {
     padding-left: 0;
 }

 .about-moreblk:nth-child(2n + 2) {
     margin-top: 30px;
 }

 .focus-container .about-moreblk {
     width: 17%;
 }

 .life-atrieco-slider .slick-current.slick-center {
     transform: scale(0.9);
     margin-top: 40px;
 }

 .life-atrieco-slider .slick-slide {
     transform: scale(1.1);
     margin: 0 30px;
 }

 .life-atrieco-slider .slick-track {
     display: flex;
     align-items: center;
 }

 .life-atrieco-slider {
     margin-left: 40px;
     margin-bottom: 100px;
 }

 .paint-ind-banner {
     background: url(../images/banner/industries/paint-Industries.webp);
     background-size: cover;
 }

 .mineral-banner {
     background: url(../images/banner/industries/mineral-Industries.webp);
     background-size: cover;
 }

 .food-banner {
     background: url(../images/banner/industries/food-Industries.webp?v=1.1);
     background-size: cover;
 }

 .fertilizer-banner {
     background: url(../images/banner/industries/fertilizer-Industries.webp);
     background-size: cover;
 }

 .carbonblack-banner {
     background: url(../images/Gravifeeder.png);
     background-size: cover;
 }
 .grinding-plant {
    background: url(../images/plant-in-container.png);
    background-size: cover;
}
 .rieco-air{
    background: url(../images/kompacto.png);
    background-size: cover;
 }

 .steel-banner {
     background: url(../images/industries/steel/steel-banner.webp);
     background-size: cover;
 }

 .sepratettl .ttl {
     display: block;
     padding: 0;
     margin-bottom: 55px;
 }

 .sepratettl .ttl::before {
     width: 300px;
 }

 .inner-paintright {
     width: 43%;
 }

 .inner-paintleft {
     width: 50%;
 }

 .collaborators-blk {
     width: 23%;
 }

 .collaborators-text {
     font-family: 'GilroyBold';
     margin-top: 10px;
 }

 .certication-container {
     align-items: center;
     justify-content: center;
     gap: 5%;
     margin-top: 40px;
 }

 .certication-blk:first-child {
     width: 30%;
     padding: 6px 6px;
     line-height: 0;
 }

 .certication-blk {
     width: 11%;
     border: 1px solid #1bbbed;
 }

 .vectorimg-wrapp {
     line-height: 0;
 }

 .installation-text {
     font-size: 20px;
     margin: 10px 0 20px 0;
     line-height: 23px;
 }

 .installation-blk {
     width: 32%;
     margin-bottom: 10px;
     text-align: left;
 }

 .installation-container {
     justify-content: center;
     gap: 20px;
 }

 .installation-container.relatedsystem-blk {
     justify-content: center;
     gap: 14px;
 }

 .installation-blk:nth-last-child(-n+2) {
     width: 49%;
 }

 .tabs.main_outertab li a {
     color: #fff;
     font-family: 'georgiabold';
     padding: 12px 20px;
     display: inline-block;
     font-size: 21px;
     line-height: 1.2;
     background: #a6a6a6;
 }

 .tabs.main_outertab li a.active {
     background: #ff9900;
 }

 .tabs.main_outertab li {
     background: #a6a6a6;
     margin-right: 10px
 }

 .tabs.main_outertab {
     text-align: center;
     margin-bottom: 40px;
 }

 ul.tabs.inside_tab li a {
     padding: 12px 40px;
     border-bottom: 1px solid #6fa9e1;
     cursor: pointer;
     position: relative;
 }

 ul.tabs.inside_tab li a {
     color: #002e5b;
 }

 .tabs.inside_tab {
     display: flex;
     flex-wrap: wrap;
 }

 ul.tabs.inside_tab li a.active {
     border: 1px solid #6fa9e1;
     border-bottom: 0;
 }

 ul.tabs.inside_tab li:first-child a.active:before {
     content: "";
     width: 20px;
     height: 1px;
     background: #6fa9e1;
     left: -20px;
     position: absolute;
     bottom: -2px;
 }

 .tabdata_infowrapp {
     margin-top: 40px;
 }

 .tabdata_ttl {
     font-family: 'georgiabold';
     font-size: 24px;
     margin-bottom: 10px;
 }

 .tabdata_left {
     width: 51%;
     margin-right: 2%;
 }

 .tabdata_right {
     width: 42%;
 }

 .tabdata_left .tablist li:before {
     position: absolute;
     left: 0;
     background-image: url(../images/sprite.png);
     content: "";
     background-position: -27px -431px;
     width: 14px;
     height: 18px;
     transform: scale(0.7);
     top: 4px;
 }

 .tabdata_left .tablist li {
     display: block;
     margin-bottom: 10px;
     font-size: 18px;
     padding-left: 20px;
     position: relative;
 }

 .tablist {
     justify-content: flex-start;
 }

 .tablist ul {
     margin-right: 15%;
 }

 .tab_contentinfoblk .tabdata_infowrapp {
     width: 95%;
     margin: 40px auto 0;
 }

 .mixingbanner {
     background: url(../images/banner/solutions/mixing-systems/mixing-banner.webp);
     background-size: cover;
 }

 .bulk-handlingbanner {
     background: url(../images/banner/solutions/bulk-solid-handling/Rieco-Banners-A.jpg);
     background-size: cover;
 }

 .powerhandlingbanner {
     background: url(../images/solutions/powder-handling-solutions/Rieco-Banners-A.jpg);
     background-size: cover;
 }

 .grindingbanner {
     background: url(../images/solutions/grinding-solution/grinding-solutions-banner.webp);
     background-size: cover;
 }

 .airsolutionbanner {
     background: url(../images/solutions/air-pollution-control/air-pollution-control-banner.webp);
     background-size: cover;
 }

 .buketelevatorsbanner {
     background: url(../images/products/conveyors/bucket-elevators/banner.webp);
     background-size: cover;
 }

 .crusherbanner {
     background: url(../images/\products/crushers/crusher-delumper/banner.webp);
     background-size: cover;
 }

 .italic-font {
     font-family: 'gilroysemibolditalic';
 }

 .mixing-blk {
     width: 48%;
     line-height: 0;
     margin-bottom: 40px;
 }

 .mixing-blk:last-child(-n+2) {
     margin-bottom: 0
 }

 .mixing-namewrapp {
     bottom: 25px;
     width: 90%;
     margin: 0 auto;
     left: 0;
     right: 0;
     align-items: center;
 }

 .mixing-name {
     color: #fff;
     font-size: 20px;
     font-family: 'GilroySemibold';
     line-height: 1.2;
 }

 .mixing-arrow {
     width: 68px;
 }

 .mixing-blkwrapp {
     margin-top: 50px;
 }

 .video-wrap {
     overflow: hidden;
     width: 80%;
     margin: 20px auto 0;
     height: 80vh;
     z-index: 99999;
     position: relative;
 }

 video {
     width: 100%;
     object-fit: cover;
     height: 100%;
 }

 .video-wrap .buttons {
     margin-top: 5px;
     text-align: center;
 }

 .video-btn {
     width: 150px;
 }

 .video-text {
     width: calc(100% - 154px);
     text-align: left;
 }

 .btn-wrap {
     position: absolute;
     width: 90%;
     left: 20px;
     bottom: 0;
     z-index: 9999999;
     align-items: center;
     color: #fff;
     font-size: 20px;
     font-family: 'georgiabold';
 }

 .second {
     display: none;
 }

 .video-wrap button {
     display: inline-block;
 }

 .video-wrap button {
     background: transparent;
     outline: none;
     border: none;
     transform: scale(.6);
 }

 .download-brorapp {
     padding: 40px 20px;
     margin: 0 0 50px 0;
     align-items: center;
 }

 .download-left {
     color: #fff;
     font-family: 'georgiabold';
     text-align: left;
     font-size: 20px;
     width: calc(100% - 260px);
 }

 .download-right {
     width: 245px;
 }

 .solution-casestudies .case-studies-slider {
     margin-top: 30px;
 }

 .download-right .readmore {
     background: #ff9900;
     padding: 10px 50px 10px 12px;
     border-radius: 10px;
 }
.ibvt {
    display: inline-block;
    vertical-align: top;
}
.ibvm {
    display: inline-block;
    vertical-align: middle;
}
.button_blk {
    margin: 20px 0 0 0;
}
 .download-right .sprite {
     right: 15px;
     top: 17px;
 }

 .solution-casestudies .blog_item {
     text-align: left;
 }

 .solution-casestudies .blogwrapper_blk {
     margin-top: 30px;
 }

 .solution-wrapp .tablist ul:last-child {
     margin-right: 0
 }

 .mixing-blg .blog-mixing-container {
     margin-top: 30px;
 }

 .our-customer-img {
     margin: 0 20px;
 }

 .our-customer-slider {
     margin-top: 30px;
 }

 .mixing-wrapp .dotmixing1 {
     right: -67px;
     transform: rotate(90deg) scale(0.7);
     top: -17%;
 }

 .mixing-blg .dot-img {
     right: auto;
     left: 8%;
 }

 .dot-solution .dotmixing1 {
     right: -67px;
     transform: rotate(90deg) scale(0.7);
     top: -17%;
 }

 .mixing-blk:nth-last-child(-n + 2) {
     margin-bottom: 0;
 }

 .without-bannerwrapp {
     padding: 100px 0;
 }

 .menuchange #topBar a {
     color: #002e5b;
 }

 .menuchange .menu-wrapp li a:before {
     background: url(../images/down-arrow2.png);
 }

 .menuchange header {
     border-bottom: 1px solid #e9e9e9;
     padding-bottom: 10px;
 }

 .menuchange ul.subMenu a:before {
     background: none;
 }

 .innersmall-ttl {
     font-size: 28px;
 }

 .blog-insideimg {
     margin: 50px 0;
 }

 .fluidization-img {
     width: 29%;
 }

 .fluidization-img.width500 {
     width: 60%
 }

 .blog-sub-img {
     margin: 40px auto 10px;
 }

 .blog-subttl {
     font-family: 'georgiabold';
     font-size: 24px;
 }

 .image-ttl {
     text-align: center;
     display: block;
     font-size: 18px;
     margin-bottom: 20px;
 }

 .blog-subheading {
     font-size: 20px;
     font-family: 'GilroySemibold';
 }

 .arrangement-img {
     width: 25%;
 }

 a.link {
     color: #ff9900;
 }

 .blog-moreinfo-wrapp {
     margin-top: 30px;
 }

 .factors-blk {
     width: 23%;
 }

 .factors-blk:nth-child(1) {
     background: #5b9bd5
 }

 .factors-blk:nth-child(2) {
     background: #57b7d1
 }

 .factors-blk:nth-child(3) {
     background: #53ccc5
 }

 .factors-blk:nth-child(4) {
     background: #4fc7a0
 }

 .factors-blk:nth-child(5) {
     background: #4cc27b
 }

 .factors-blk:nth-child(6) {
     background: #48bd58
 }

 .factors-blk:nth-child(7) {
     background: #55b646
 }

 .factors-blk:nth-child(8) {
     background: #70ad47
 }

 .factors-blk {
     margin-bottom: 20px;
     color: #fff;
     padding: 20px;
     font-family: 'GilroySemibold';
     font-size: 20px;
     line-height: 1.2;
     text-align: center;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .factors-wraap {
     align-items: initial;
     margin-top: 20px;
 }

 .blog-list li:before {
     width: 6px;
     height: 6px;
     content: "";
     background: #ff9900;
     border-radius: 50%;
     position: absolute;
     left: 0;
     top: 9px;
 }

 .blog-list li {
     margin-bottom: 15px;
     padding-left: 20px;
     position: relative;
     display: block;
     font-size: 18px;
     font-family: 'GilroyRegular';
 }

 .mass-flow-img {
     width: 20%;
 }

 .funnel-flow-img {
     width: 30%;
 }

 .discharge-system-img {
     width: 72%;
 }

 .rieco-img {
     width: 50%;
 }

 ul.blog-list {
     margin-top: 8px;
 }

 .industrial-ventilation-img {
     width: 80%;
 }

 .mb0 {
     margin-bottom: 0 !important
 }

 .tableaxial-flow tr td {
     border: 1px solid #000;
     padding: 10px;
     text-align: center;
 }

 .tableaxial-flow {
     border: 1px solid #000;
     margin-bottom: 20px;
 }

 .tableaxial-flow tr th {
     background: #ff9900;
     padding: 5px;
 }

 .atexrating-img {
     width: 69%;
 }

 .filterbag .factors-blk:nth-child(1) {
     background: #ed7d31;
 }

 .filterbag .factors-blk:nth-child(2) {
     background: #a5a5a5;
 }

 .filterbag .factors-blk:nth-child(3) {
     background: #ffc000;
 }

 .filterbag .factors-blk:nth-child(4) {
     background: #5b9bd5;
 }

 .filterbag .factors-blk:nth-child(5) {
     background: #70ad47;
 }

 .filterbag .factors-blk:nth-child(6) {
     background: #ed7d31;
 }

 .filterbag .factors-blk:nth-child(7) {
     background: #a5a5a5;
 }

 .filterbag .factors-blk:nth-child(8) {
     background: #ffc000;
 }

 .filterbag .factors-blk:nth-child(9) {
     background: #5b9bd5;
 }

 .filterbag .factors-blk:nth-child(10) {
     background: #70ad47;
 }

 .filterbag {
     justify-content: center;
     gap: 20px;
 }

 .filter-bags {
     width: 50%;
 }

 .jet-dust-collector {
     width: 25%;
 }

 .case-studyimgwrapp {
     margin-top: 30px;
 }

 .case-studyimg {
     width: 48%;
 }

 .mt20 {
     margin-top: 20px;
 }

 p.accor-para {
     font-size: 18px !important;
     font-family: 'GilroyRegular' !important;
 }

 .bold-text {
     font-family: 'GilroyBold' !important;
 }

 .typeaccordian-wrapp .accinner_info p .bold-text {
     font-family: 'GilroyBold' !important;
 }

 .case-study-table td {
     border: 1px solid #e6e6e6;
     padding: 10px;
 }

 .case-study-table {
     border: 1px solid #e6e6e6;
 }

 .chilli-system-blk {
     width: 47%;
     margin-bottom: 50px;
 }

 .chilli-system-text {
     font-family: 'GilroyMedium';
     font-size: 18px;
 }

 .silo-storage-tanker {
     width: 60%;
     margin: 0 auto;
 }

 .scrubblingimg {
     width: 78%;
     margin: 0 auto;
 }

 .powder-coating {
     width: 60%;
 }

 .fire-trangle {
     width: 30%;
     margin: 0 auto;
 }

 .pneumatic-conveying-system {
     width: 50%;
     margin: 0 auto;
 }

 .schematic-fume-extraction {
     width: 50%;
 }

 .fes-induction-furnace {
     width: 60%;
     margin: 0 auto;
 }

 .banner-back-res {
     display: none
 }

 .mob-banner {
     display: none
 }

 .acmbanner {
     background: url(../images/products/classifying-mills/air-classifying-mill-acm/acmbanner.webp?v=1.1);
     background-size: cover;
 }

 .mysterbanner {
     background: url(../images/products/dust-suppression/myster/mysterbanner.webp?v=1.1);
     background-size: cover;
 }

 .ribbonblenderbanner {
     background: url(../images/solutions/mixing-systems/ribbon-blender/ribbon-blender-banner.webp?v=1.1);
     background-size: cover;
 }

 .fmhsbanner {
     background: url(../images/banner/solutions/bulk-solid-handling/foundry-material-handling.webp?v=1.1);
     background-size: cover;
 }

 .silostoragebanner {
     background: url(../images/banner/solutions/bulk-solid-handling/silo-storage-banner.webp);
     background-size: cover;
 }

 .asmbanner {
     background: url(../images/products/classifying-mills/asm/asmbanner.webp?v=1.1);
     background-size: cover;
 }

 .chemical-ind-banner {
     background: url(../images/industries/chemical/chemical-banner.webp);
     background-size: cover;
 }

 .pharma-ind-banner {
     background: url(../images/industries/pharma/pharma-banner.webp);
     background-size: cover;
 }

 .power-ind-banner {
     background: url(../images/industries/power/power-banner.webp);
     background-size: cover;
 }

 .spice-ind-banner {
     background: url(../images/industries/spice/spice-banner.webp);
     background-size: cover;
 }

 .slide-gatevalvesbanner {
     background: url(../images/products/discharge-valves/slide-gate-valves/discharge-valvesbanner.webp?v=1.2);
     background-size: cover;
 }

 .pigment-grindingbanner {
     background: url(../images/banner/solutions/grinding-solutions/pigment-grinding-systems-banner.webp);
     background-size: cover;
 }

 .industries-banner {
     background: url(../images/industries/industries-banner.webp);
     background-size: cover;
 }
.transforming-banner {
     background: url(../images/case-study/Conveying-system.jpg);
     background-size: cover;
 }

 .processleft {
     width: 45%;
     text-align: right;
 }

 .process-blk {
     margin-bottom: 70px;
     margin-top: 9px;
     font-size: 18px;
     font-family: 'GilroyRegular';
 }

 .procees-num {
     color: #000000;
     font-family: 'GilroyRegular';
     font-size: 18px;
     position: relative;
     border-radius: 50%;
     border: 1px solid #002e5b;
     width: 40px;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
     background: #fff;
 }

 .right-section {
     width: 53%;
 }

 .left-section {
     width: 40%;
 }

 table.specification td {
     padding: 10px;
     border-right: 1px solid #fff;
     border-bottom: 1px solid #fff;
 }

 .specification th {
     color: #fff;
     background: #002e5b;
     padding: 15px 10px;
     border-right: 1px solid #fff;
     border-bottom: 1px solid #fff;
 }

 table.specification {
     background: #e6edf4;
 }

 ul.features-list li {
     color: #fff;
     text-align: left;
     margin-bottom: 20px;
     display: flex;
     align-items: center;
     padding-left: 30px;
     position: relative;
 }

 ul.features-list li:before {
     background: url(../images/arrow-feature.png);
     position: absolute;
     content: "";
     top: 0;
     left: 0;
     width: 20px;
     height: 26px;
     transform: scale(0.7);
 }

 ul.features-list {
     width: 61%;
     text-align: left;
 }
ul.features-list.nobullet li {padding: 0}
ul.features-list.nobullet li:before {display: none}
 .blue-text ul.features-list li {
     color: #002e5b;
     font-size: 18px;
 }

 .sprite-fea {
     display: inline-block;
     transform: scale(0.6);
     width: 50px;
     height: 50px;
 }

 .feature-text {
     width: calc(100% - 100px);
     padding-left: 10px;
 }

 .feature1 {
     background-position: -20px -21px;
 }

 .feature2 {
     background-position: -26px -113px;
 }

 .feature3 {
     background-position: -29px -189px;
 }

 .feature4 {
     background-position: -34px -278px;
 }

 .feature5 {
     background-position: -32px -369px;
 }

 .feature6 {
     background-position: -32px -442px;
 }

 .feature7 {
     background-position: -30px -527px;
 }

 .feature8 {
     background-position: -28px -611px;
 }

 .feature9 {
     background-position: -146px -21px;
 }

 .feature10 {
     background-position: -135px -92px;
 }

 .feature11 {
     background-position: -135px -184px;
 }

 .feature12 {
     background-position: -134px -262px;
 }

 .feature13 {
     background-position: -136px -331px;
 }

 .row-revers {
     flex-direction: row-reverse;
 }

 .tick-bullets {
     font-size: 18px;
     line-height: 27px;
     font-family: 'GilroyRegular';
     margin: 0 0 17px 0;
     position: relative;
     display: block;
 }

 .tick-bullets li {
     position: relative;
     padding-left: 40px;
     margin-bottom: 10px;
     display: block;
 }

 .tick-bullets ul.tick-bullets {
     margin-top: 20px;
 }

 .tick-bullets li:before {
     position: absolute;
     content: "";
     background: url(../images/right_icon_circle.png) no-repeat 0 0;
     width: 20px;
     height: 20px;
     background-size: cover;
     top: 2px;
     left: 0;
 }

 .width50 .right-section {
     width: 44%;
 }

 .width50 .left-section {
     width: 50%;
 }

 .installalationequal-blk .installation-blk {
     width: 32%;
 }

 .why-riecoproduct-blk .no-infoblk {
     width: 25%;
     text-align: left;
     margin-bottom: 30px;
 }

 .why-riecoproduct-blk {
     justify-content: flex-start;
     width: 90%;
     margin: 40px auto;
 }

 .relatedsystem-blk .installation-blk {
     width: 24%;
 }

 ul.tabs.inside_tab.acmtab li a {
     padding: 12px 30px;
 }

 .typeblk-ribbonblen .left-section {
     width: 50%;
     line-height: 0;
 }

 .typeblk-ribbonblen .right-section {
     width: 45%;
 }

 .typeblk-ribbonblen .leftrightsection {
     margin-bottom: 80px;
     align-items: center;
 }

 .typeblk-ribbonblen .leftrightsection:last-child {
     margin-bottom: 0;
 }

 .ribbon-blenapplication ul.tabs.inside_tab.acmtab li a {
     padding: 12px 50px;
 }

 .typeaccordian-wrapp .accinner_info p {
     font-family: 'GilroyRegular' !important;
 }

 .type-accorleft {
     width: 65%;
 }

 .type-accorright {
     width: 29%;
 }

 .blog-slider .blog-img,
 .blog-slider .bloginfo {
     margin: 0 15px;
 }

 .case-studies-slider .blog_item {
     margin: 0 15px 0 15px;
 }

 .rieco-img-outer {
     line-height: 0;
 }

 .solutions-res-img {
     display: none
 }

 .equal-three-blk .installation-blk {
     width: 32%;
 }

 .border-top {
     border-top: 1px solid rgba(0, 46, 91, 0.3);
 }

 .three-img .installation-blk {
     width: 32%;
 }

 .smallttl {
     font-family: 'georgiabold';
     font-size: 24px;
 }

 .tabs.inside_tab li {
     margin-bottom: 30px;
 }

 .specification.yellowback-table th {
     background: #ff9900;
 }

 .typeasmwrapp table {
     width: 55%;
     margin: 0 auto;
 }

 ul.features-list.fullwidth {
     width: 100%;
 }

 ul.features-list.whitearrow li:before {
     background: url(../images/arrow-white.png)
 }

 .table-heading {
     font-family: 'georgiabold';
     font-size: 20px;
     margin-top: 50px;
     margin-bottom: 20px;
 }

 #flesh {
     position: relative;
     margin: 0;
     height: auto;
     width: 100%;
     background: url("../images/vector-img.jpg") no-repeat;
     background-size: 100% auto;
 }

 #bone {
     width: 100%;
     margin: 0;
     -webkit-mask-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/40713/xray-machine.png");
     mask-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/40713/xray-machine.png");
     -webkit-mask-repeat: no-repeat;
     mask-repeat: no-repeat;
     -webkit-mask-size: 200px;
     mask-size: 200px;
     cursor: none;
 }

 .blue-yellow-featurwrapp .features-list:first-child {
     background: #002e5b;
     padding: 30px;
 }

 .blue-yellow-featurwrapp .features-list:nth-child(2) {
     background: #ff9900;
     padding: 30px;
 }

 ul.features-list.dis-inlineblk li {
     display: inline-block;
 }

 .xrayVision {
     background-image: url(../images/vector-img.jpg);
     background-position: left top;
     background-repeat: no-repeat;
     background-size: 1500px 480px;
     height: 480px;
     margin: 0;
     max-width: 100%;
     overflow-x: hidden;
     position: relative;
     width: 2500px;
     display: none;
     cursor: none;
 }

 .xrayVision .revealPanel {
     background-image: url("../images/hover-vector-image.jpg");
     background-position: left top;
     background-repeat: no-repeat;
     background-size: 1500px 480px;
     border-radius: 50%;
     border: 0.2em solid #555;
     box-shadow: inset 0 0 1.25rem -0.25rem rgba(85, 85, 85, 0.75);
     height: 18.75rem;
     left: 50%;
     position: absolute;
     top: 50%;
     width: 18.75rem;
     cursor: none;
 }

 .xrayVisionM {
     display: block;
     height: 10vh;
     max-width: none;
     width: auto;
     opacity: 0;
     transform: translateX(50%);
     animation: illustrationFadeInLeft 3s 0.5s ease forwards;
 }

 @media (max-width: 1023px) {
     .xrayContainer {
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
     }
 }

 @media (min-width: 1024px) {
     .xrayVisionM {
         display: none !important;
     }

     .xrayVision {
         display: block;
     }
 }

 @media screen and (max-width: 1024px) {
     .xrayVisionM {
         height: auto;
         max-width: 100%;
     }
 }

 @keyframes illustrationFadeInLeft {
     0% {
         opacity: 0;
         transform: translateX(-50%);
     }

     100% {
         opacity: 1;
         transform: translateX(0);
     }
 }

 .slidegate-applictionwrapp .tabdatablk {
     margin: 50px auto;
 }

 .pigmentapplication {
     justify-content: center;
     gap: 20px;
 }

 .installation-img img {
     transition: 1.5s;
 }

 .installation-img:hover img {
     transform: scale(1.1);
     transform: 1.5s;
 }

 .installation-img {
     overflow: hidden;
     line-height: 0;
 }

 .fixed-right-button .fixed-btn {
     position: fixed;
     height: 0;
     right: -46px;
     z-index: 999;
     transform: rotate(270deg);
     background: #ff9900 ;
     padding: 18px;
     transition: all 0.3s;
     border-top-right-radius: 10px;
     border-top-left-radius: 10px;
     line-height: 0;
     color: #fff;
     top: 40%;
     font-size: 14px;
     letter-spacing: 1px;
 }

 .enquire-form {
     position: fixed;
     z-index: 999999;
     top: 31%;
     right: -265px;
     width: 260px;
     background: rgb(27, 27, 27, 1);
     border-radius: 20px 0px 0px 20px;
     transition: all 1s ease-in-out;
     visibility: hidden;
     font-family: 'RobotoBold';
 }

 .form-blk {
     padding: 20px;
 }

 .enquire-form .btn-close {
     position: absolute;
     right: 10px;
     color: #ffb700;
     width: 28px;
     height: 28px;
     border-radius: 50%;
     border: 1px solid #ffb700;
     text-align: center;
 }

 .enquire-form .submitbtn {
     margin-top: 9px;
     padding: 10px 35px;
     width: auto;
     background: #ff9900;
     color: #000;
     border-radius: 20px;
     text-transform: uppercase;
     cursor: pointer;
     border: 0px;
     margin-top: 20px;
 }

 .icon-cancel {
     font-family: 'RobotoBold';
     font-style: inherit;
     position: relative;
     top: 2px;
     left: 1px;
 }

 .enquire-form h3 {
     color: #ff9900;
     font-size: 17px;
     font-family: 'georgiabold';
     text-transform: uppercase;
     margin-bottom: 10px;
 }

 .enquire-form input {
     border: none;
     border-bottom: 1px solid #f6f6f6;
     padding: 10px 5px;
     width: 100%;
     margin-bottom: 10px;
     background: transparent;
     outline: none;
     font-size: 14px;
     color: #fff;
     border-radius: 0;
 }

 .fixed-btn.hide {
     opacity: 0;
     transition: all 0.3s;
 }

 .enquire-form.open {
     right: 0;
     visibility: visible;
     transition: all 1s ease-in-out;
 }

 .callicon {
     background: #1bbbed;
     border-radius: 50%;
     width: 40px;
     height: 40px;
     animation-name: pulse;
     animation-duration: 1.5s;
     animation-timing-function: ease-out;
     animation-iteration-count: infinite;
     margin-left: 30px;
     position: fixed;
     right: 1px;
     top: 350px;
     text-align: center;
     line-height: 43px;
 }

 .callicon a {
     color: #fff
 }

 .link-items {
     width: 20%;
     margin-bottom: 30px;
 }

 .footer-link li ul.footer-sublink li a {
     color: #ccc;
     font-family: 'GilroyRegular';
 }

 .footer-link li .footer-sublink li {
     display: block;
     font-size: 14px;
     margin-bottom: 2px
 }

 .footer-link li a {
     font-family: 'georgiabold';
     color: #fff;
 }

 .footer-link li {
     display: block;
     margin-bottom: 10px;
 }

 .great-place-footer {
     border-radius: 50%;
     width: 50px;
     margin-left: 0;
     position: absolute;
     right: 30px;
     top: 10px;
 }

 .milestonright {
     width: 45%;
     text-align: left;
 }

 .processcenter {
     width: 20px;
     position: relative
 }

 .processcenter span {
     position: relative;
     width: 10px;
     display: block;
     right: 62px;
 }

 .processcenter span:before {
     width: 25px;
     height: 25px;
     content: "";
     position: absolute;
     background: #7185cf;
     border-radius: 50%;
     right: -75px;
     top: 3px;
     z-index: 1;
 }

 .processcenter span:after {
     width: 12px;
     height: 12px;
     content: "";
     position: absolute;
     background: #2945ab;
     border-radius: 50%;
     right: -68px;
     top: 9px;
     z-index: 2;
 }

 .processcenter:before {
     width: 1px;
     height: 111%;
     content: "";
     position: absolute;
     top: -32px;
     background: rgb(0 46 91);
     left: 19px;
     z-index: 0;
 }

 .milestonright .procees-num:before {
     left: -71px;
     right: auto;
 }

 .milestonright .procees-num:after {
     left: -65px;
     right: auto;
 }

 .mileston-outerwrapp {
     margin: 63px 0 0 0;
     position: relative;
     width: 100%;
 }

 .mileston-outerwrapp:before {
     content: "";
     position: absolute;
     top: -36px;
     width: 10px;
     height: 10px;
     background: rgb(92 92 92);
     border-radius: 50px;
     left: 16px;
     right: 0;
     margin-left: -4px;
     margin: 0 auto;
     text-align: center;
 }

 .mileston-outerwrapp:after {
     bottom: 0;
     content: "";
     position: absolute;
     bottom: 18px;
     width: 10px;
     height: 10px;
     background: rgba(0, 0, 0, 0.6);
     border-radius: 50px;
     left: 18px;
     margin-left: -4px;
     right: 0;
     margin: 0 auto;
 }

 .process-info {
     margin-bottom: 10px;
 }

 .width100 {
     width: 100% !important
 }

 .width70 {
     width: 70% !important
 }

 .width30 {
     width: 30% !important
 }

 .video_blk {
     display: flex;
     justify-content: space-between;
     margin: 40px 0 0 0
 }

 .videoitem {
     width: 48%
 }

 .videoitem iframe {
     height: 400px;
     width: 100%
 }

 .videoitem.singleitem {
     width: 80%;
     margin: 0 auto
 }

 .videoitem.singleitem iframe {
     height: 80vh;
     width: 100%
 }

 .videoitem.doubleitem {
     width: 40%;
     margin: 0 auto
 }

 .videoitem.doubleitem iframe {
     height: 80vh;
     width: 100%
 }

 .video_blk.three_video .videoitem {
     width: 31%;
 }

 .video_blk.three_video .videoitem iframe {
     height: 250px;
 }

 .btnpad100 {
     padding-bottom: 100px
 }

 .tick-bullets.morespace li {
     margin-bottom: 20px;
 }

 .tick-bullets li ol.innerbullets li:before {
     display: none
 }

 .tick-bullets li ol li {
     padding: 0;
     margin: 20px 0 0 0
 }

 .installation-img {
     line-height: 0
 }

 .singleimgblk.installalationequal-blk .installation-blk {
     width: 60%;
     margin: 0 auto;
 }

 .tankerloader_introblk .leftrightsection .left-section {
     width: 30%
 }

 .tankerloader_introblk .leftrightsection .right-section {
     width: 60%
 }

 .tankerloader_introblk .leftrightsection:nth-child(2) {
     margin: 40px 0 0 0
 }

 .tankerloader_introblk .leftrightsection:nth-child(2) .left-section {
     width: 40%
 }

 .tankerloader_introblk .leftrightsection:nth-child(2) .right-section {
     width: 50%
 }

 .applicationlist_itemblk ul.features-list {
     width: auto;
 }

 .why-riecoproduct-blk.threeblk .no-infoblk {
     width: 33%
 }

 .customerblk {
     margin: 30px 0 0 0
 }

 .customer_item {
     display: inline-block;
     vertical-align: top;
     width: 17%;
     margin: 0 10px 20px 10px;
     line-height: 0;
     box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
 }

 .skyblueback table.specification td {
     padding: 10px;
     border-right: 1px solid #002e5b;
     border-bottom: 1px solid #002e5b;
 }

 .skyblueback table.specification {
     border-left: 1px solid #002e5b;
 }

 .marTop20 {
     margin-top: 20px
 }

 .nomargin {
     margin: 0 !important
 }

 .inside_bulletdata ul.features-list {
     width: 100%;
     margin: 20px 0 20px 0 !important
 }

 .inside_bulletdata ul.features-list li {
     display: block;
     color: #002e5b
 }

 .disBlock {
     display: block !important
 }

 .navblkmob {
     display: none
 }

 footer .container {
     width: 94%
 }

 ul.footer-sublink.sidemenu li {
     display: inline-block;
     vertical-align: top;
     width: 49%;
     font-size: 14px;
 }

 .footer-link li .footer-sublink li {
     font-size: 14px
 }

 .footer_heading {
     font-size: 16px;
     line-height: 16px;
     font-family: 'georgiabold';
     color: #fff;
     margin: 0 0 15px 0;
 }

 ul.footer-sublink {
     display: inline-block;
     vertical-align: top;
     width: 45%;
 }

 .link-items {
     width: 16%
 }

 .link-items.bigmenu:first-child {
     width: 20%
 }

 .link-items.bigmenu:nth-child(3) {
     width: 31%
 }

 .mediapage_blk .blog_item a {
     color: #002e5b
 }

 .mediapage_blk .blogpic {
     padding: 10px;
     border: 1px solid #ccc;
 }

 .industry_wrapper .industries-blk {
     width: 24%
 }

 .airjetmill_banner {
     background: url('../images/solutions/griding-solutions/air-jet-mill/banner.webp?v=1.1');
     background-size: cover;
 }

 .hammermill_banner {
     background: url('../images/solutions/griding-solutions/hammer-mill/banner.webp?v=1.1');
     background-size: cover;
 }

 .micropulverizer_banner {
     background: url('../images/solutions/griding-solutions/micro-pulverizer/banner.webp?v=1.1');
     background-size: cover;
 }
 .micronex_banner {
     background: url('../images/solutions/Micronex-banner-img.jpg');
     background-size: cover;
 }
.micronex_banner {
     background: url('../images/solutions/Micronex-banner-img.jpg');
     background-size: cover;
 }

 .micronseparator_banner {
     background: url('../images/solutions/griding-solutions/micron-separator/banner.webp?v=1.1');
     background-size: cover;
 }

 .pulvionex_banner {
     background: url('../images/products/pulverisers/pulvionex-200/banner.webp?v=1.1');
     background-size: cover;
 }

 .roaster_banner {
     background: url('../images/solutions/griding-solutions/rieco-spice-roaster/banner.webp?v=1.1');
     background-size: cover;
 }

 .sifter_banner {
     background: url('../images/solutions/griding-solutions/sifter/banner.webp?v=1.1');
     background-size: cover;
 }

 .universalmill_banner {
     background: url('../images/solutions/griding-solutions/universal-mill/banner.webp?v=1.1');
     background-size: cover;
 }

 .powtran_banner {
     background: url('../images/solutions/powder-handling-solutions/powtran/banner.webp?v=1.1');
     background-size: cover;
 }

 .screwconveyors_banner {
     background: url('../images/products/conveyors/screw-conveyors/banner.webp?v=1.1');
     background-size: cover;
 }

 .tankerloading_banner {
     background: url('../images/solutions/bulk-solid-handling/tanker-unloading-loading-systems/banner.webp?v=1.1');
     background-size: cover;
 }

 .hascleanplant_banner {
     background: url('../images/solutions/clean-air-solutions/gas-cleaning-plant/banner.webp?v=1.1');
     background-size: cover;
 }

 .agrosystem_banner {
     background: url('../images/solutions/griding-solutions/agrochemical-handling-system/banner.webp?v=1.1');
     background-size: cover;
 }

 .drysorbent_banner {
     background: url('../images/solutions/pneumatic-coveying/dry-sorbent-injection/banner.webp?v=1.1');
     background-size: cover;
 }

 .choppermill_banner {
     background: url('../images/products/chopper/chopper-mill/banner.webp?v=1.1');
     background-size: cover;
 }

 .crushermicronizer_banner {
     background: url('../images/products/crushers/crushers-and-micronizers/banner.webp?v=1.1');
     background-size: cover;
 }

 .gmpgrademill_banner {
     background: url('../images/products/pulverisers/gmp-grade-mills/banner.webp?v=1.1');
     background-size: cover;
 }

 .cyclone_banner {
     background: url('../images/solutions/air-pollution-control/cyclones/banner.webp?v=1.1');
     background-size: cover;
 }

 .bagfilter_banner {
     background: url('../images/solutions/air-pollution-control/bag-filter/banner.webp?v=1.2');
     background-size: cover;
 }

 .cartridgebagfilter_banner {
     background: url('../images/solutions/air-pollution-control/cartridge-type-bag-filters/banner.webp?v=1.1');
     background-size: cover;
 }

 .multiclone_banner {
     background: url('../images/solutions/air-pollution-control/multiclones/banner.webp?v=1.2');
     background-size: cover;
 }

 .dppcbanner {
     background: url('..//images/banner/images/dense-phase-new.png');
     background-size: cover;
 }

 .lppcbanner {
     background: url('../images/solutions/pneumatic-coveying/lean-phase-pneumatic-conveying-system/lean-phase-conveying.png');
     background-size: cover;
 }

 .closed-loopbanner {
     background: url('../images/solutions/pneumatic-coveying/closed-loop/closed-loop-banner.webp?v=1.1');
     background-size: cover;
 }

 .ash-handbanner {
     background: url('../images/solutions/pneumatic-coveying/ash-handling-system/ash-handling-banner.webp?v=1.1');
     background-size: cover;
 }

 .weightbatchbanner {
     background: url('../images/banner/solutions/bulk-solid-handling/weighing-batching.webp?v=1.1');
     background-size: cover;
 }

 .besanplat_banner {
     background: url('../images/solutions/griding-solutions/besan-grinding-plan/banner.webp?v=1.1');
     background-size: cover;
 }

 .chilliplant_banner {
     background: url('../images/solutions/griding-solutions/chilli-processing-plant/banner.webp?v=1.1');
     background-size: cover;
 }

 .sugargrind_banner {
     background: url('../images/solutions/griding-solutions/sugar-grinding-system/banner.webp');
     background-size: cover;
 }

 .turmericplantplant_banner {
     background: url('../images/solutions/griding-solutions/turmeric-processing-plant/banner.webp?v=1.1');
     background-size: cover;
 }

 .mixspiceplant_banner {
     background: url('../images/solutions/griding-solutions/mix-spices-processing-plant/banner.webp?v=1.1');
     background-size: cover;
 }

 .phenolicgrind_banner {
     background: url('../images/solutions/grinding-solution/phenolic-resins-grinding/banner.webp?v=1.1');
     background-size: cover;
 }

 .fgd_banner {
     background: url('../images/solutions/air-pollution-control/flue-gas-de-sulphurization-system/banner.webp?v=1.1');
     background-size: cover;
 }

 .fes_banner {
     background: url('../images/solutions/air-pollution-control/fumes-extraction-system/banner.webp?v=1.2');
     background-size: cover;
 }

 .fdhe_banner {
     background: url('../images/solutions/air-pollution-control/forced-draught-heat-exchanger/banner.webp?v=1.3');
     background-size: cover;
 }

 .electrostatic_banner {
     background: url('../images/solutions/air-pollution-control/electrostatic-precipitator/banner.png?v=1.2');
     background-size: cover;
 }

 .scrubbers_banner {
     background: url('../images/solutions/air-pollution-control/scrubbers/banner.webp?v=1.1');
     background-size: cover;
 }

 .retrofitting_banner {
     background: url('../images/solutions/services/retrofitting-and-revamping-solutions/banner.webp?v=1.1');
     background-size: cover;
 }
 .bulksolid_banner {
    background: url('../images/solutions/services/Rieco-website-banner-four.jpg');
    background-size: cover;
}

 .airslide_banner {
     background: url('../images/products/conveyors/air-slide/Rieco-Banner-wide.png');
     background-size: cover;
 }

 .divertervalve_banner {
     background: url('../images/products/discharge-valves/diverter-valves/Rieco-Banners-C.jpg');
     background-size: cover;
 }

 .domevalve_banner {
     background: url('../images/products/discharge-valves/dome-valve/banner.webp?v=1.3');
     background-size: cover;
 }

 .dampervalve_banner {
     background: url('../images/products/discharge-valves/damper-valves/banner.webp?v=1.1');
     background-size: cover;
 }

 .doubleflap_banner {
     background: url('../images/products/discharge-valves/double-flap-valve/banner.webp?v=1.1');
     background-size: cover;
 }

 .rotaryvalve_banner {
     background: url('../images/products/discharge-valves/rotary-airlock-valves/banner.webp?v=1.1');
     background-size: cover;
 }

 .seedsspices_banner {
     background: url('../images/solutions/grinding-solution/seeds-spices-plant/seeds-spices-plant-banner.webp?v=1.1');
     background-size: cover;
 }

 .vocs_banner {
     background: url(../images/solutions/air-pollution-control/vocs-and-odour-removal-systems/banner.webp?v=1.1);
     background-size: cover;
 }

 .racam_banner {
     background: url(../images/products/classifying-mills/racam/banner.webp);
     background-size: cover;
 }

 .sterilizer_banner {
     background: url(../images/products/dust-suppression/steam-sterilizer/banner.webp?v=1);
     background-size: cover;
 }

 .dust-extraction-banner {
     background: url(../images/solutions/air-pollution-control/dust-extraction-system/dust-extraction-banner.png?v=1.1);
     background-size: cover;
 }

 .pcp_banner {
     background: url(../images/industries/petro-chemical-and-plastic/banner.webp?v=1.1);
     background-size: cover;
 }

 .powder-coatingbanner {
     background: url(../images/solutions/grinding-solution/powder-coating-paint/banner.webp);
     background-size: cover;
 }

 .phenolicresinebanner {
     background: url(../images/solutions/griding-solutions/phenolic-resins-grinding/banner.webp?v=1.1);
     background-size: cover;
 }

 .bagslitting_banner {
     background: url('../images/products/bag-emptying-machine/banner.jpg?v=1.1') no-repeat 0 0;
     background-size: cover;
 }

 .why-riecoproduct-blk .no-infoblk:nth-last-child(-n + 3) {
     margin-bottom: 0px
 }

 .application-videowrapp .blog_item {
     width: 30%;
 }

 .carbonimageswrapp .installation-blk {
     margin-bottom: 0;
 }

 .carbonimageswrapp .installation-container {
     justify-content: center;
     gap: 20px;
 }

 .quick-linkwrapp {
     justify-content: flex-start;
 }

 .slidegate_pagewrapper ul.tabs.inside_tab.acmtab li a {
     padding: 12px 11px;
     font-size: 13px;
 }

 .radio-wrapp {
     margin-bottom: 5px;
 }

 .one-img .installation-blk {
     width: 55%;
     margin: 0 auto;
 }

 .border-black {
     border: 1px solid rgba(0, 0, 0, 0.5);
 }

 .dence-phaseblk {
     width: 21%;
 }

 .dence-phaseimg {
     height: 123px;
 }

 header.stick {
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 9999;
     max-width: 100%;
     background: #002e5b;
     padding: 10px 0;
     transition: all 0.5s ease-in-out;
     box-shadow: 1px 0px 5px 2px rgba(0, 0, 0, 0.5);
 }

 header.stick .great-place-footer {
     width: 41px;
 }

 header.stick .logo {
     width: 230px;
     transition: all 0.5s ease-in-out;
 }

 .mainair-solution-page .installation-blk {
     margin-bottom: 30px;
 }

 #nav {
     font-family: 'GilroyRegular';
     width: 100%;
     margin: 0;
     padding: 0 0;
     font-size: 16px;
     letter-spacing: 1px;
     display: flex;
     justify-content: space-between;
 }

 #nav li {
     list-style: none;
     display: block;
     position: relative;
     margin-right: 22px;
 }

 #nav li a {
     padding: 10px;
     margin: 0px 0;
     line-height: 1.2;
     text-decoration: none;
     color: #fff;
     display: block;
     font-size: 16px;
     letter-spacing: 0.5px;
 }

 #nav ul {
     background: #f2f5f6;
     padding: 0px;
     border-bottom: 1px solid #DDDDDD;
     border-right: 1px solid #DDDDDD;
     border-left: 1px solid #DDDDDD;
     border-radius: 0px 0px 3px 3px;
     box-shadow: 2px 2px 3px #ECECEC;
     -webkit-box-shadow: 2px 2px 3px #ECECEC;
     -moz-box-shadow: 2px 2px 3px #ECECEC;
     width: 230px;
 }

 #nav .site-name,
 #nav .site-name:hover {
     padding-left: 10px;
     padding-right: 10px;
     color: #FFF;
     text-shadow: 1px 1px 1px #66696B;
     font: italic 20px/38px Georgia, "Times New Roman", Times, serif;
     background: url(images/saaraan.png) no-repeat 10px 5px;
     width: 160px;
     border-right: 1px solid #52BDB5;
 }

 #nav ul li {
     border-right: none;
     border-bottom: 1px solid rgba(255, 255, 255, 0.2);
     width: 230px;
     background: #002e5b;
 }

 #nav ul li a {
     border-right: none;
     color: #fff;
 }

 #nav ul li:hover {
     background: #fff;
 }

 #nav ul li:hover a {
     color: #002e5b
 }

 #nav ul li:hover ul li a {
     color: #fff
 }

 #nav ul li:hover ul li {
     background: #002e5b;
 }

 #nav ul li:hover ul li:hover a {
     color: #002e5b
 }

 #nav ul li:hover ul li:hover {
     background: #fff;
 }

 #nav ul li:last-child {
     border-bottom: none;
 }

 #nav ul li:last-child a {
     border-bottom: none;
 }

 #nav li ul li a span.icon-right-open {
     position: absolute;
     right: 10px;
 }

 #nav li ul li a span.icon-right-open:before {
     font-size: 13px
 }

 #nav li a span.icon-left-open {
     position: absolute;
     right: -10px;
     transform: rotate(-90deg);
     top: 10px;
 }

 #nav li a span.icon-left-open:before {
     font-size: 11px
 }

 #nav ul li {
     position: relative
 }

 #nav ul li:first-child:after {
     width: 0;
     height: 0px;
     border-left: 8px solid transparent;
     border-right: 8px solid transparent;
     border-bottom: 8px solid #002e5b;
     position: absolute;
     top: -8px;
     content: "";
     left: 0;
     right: 138px;
     margin: 0 auto;
 }

 #nav ul li ul li:first-child:after {
     display: none
 }

 #nav ul {
     display: none;
     visibility: hidden;
     position: absolute;
     top: 39px;
     z-index: 99;
 }

 #nav ul ul {
     top: -1px;
     left: 229px;
     display: none;
     visibility: hidden;
     border: 1px solid #DDDDDD;
 }

 #nav ul ul ul {
     top: 0px;
     left: 230px;
     display: none;
     visibility: hidden;
     border: 1px solid #DDDDDD;
 }

 #nav ul li {
     display: block;
     visibility: visible;
 }

 #nav li.menuright:last-child ul {
     width: auto;
     right: 0
 }

 #nav li.menuright:last-child ul ul {
     right: 230px !important;
 }

 #nav li.menuright ul ul {
     left: auto;
     right: 230px;
 }

 #nav li a span.icon-down-open {
     font-size: 17px;
     display: inline-block;
     vertical-align: middle
 }

 #nav li a span.icon-down-open:before {
     margin: 0
 }

 #nav li ul li a span.icon-down-open {
     position: absolute;
     right: 10px;
     transform: rotate(-90deg);
     -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     -o-transform: rotate(-90deg);
 }

 #nav li.activemenu {
     background: #00255c;
 }

 #nav li.activemenu a {
     color: #fff
 }

 #nav ul li ul li a,
 #nav li ul li a {
     font-size: 14px;
 }

 .menuchange #nav li a {
     color: #00255c;
 }

 .menuchange #nav li ul li a {
     color: #fff;
 }

 .menuchange #nav li ul li:hover a {
     color: #00255c;
 }

 .menuchange #nav li ul li:hover ul li a {
     color: #fff;
 }

 .menuchange #nav li ul li:hover ul li:hover a {
     color: #00255c;
     ;
 }

 .blog-ttl {
     font-size: 22px;
 }

 .benifit-rto-left-wrapp {
     width: 50%;
 }

 .benifit-rto-right-wrapp {
     width: 48%;
 }

 .spiceprocess_itemblk {
     width: 100%;
     max-width: 1200px
 }

 .mCSB_scrollTools .mCSB_draggerRail {
     background: #002e5b !important;
 }

 .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
     background: #ff9900 !important
 }

 .spiceprocess_itemblk {
     max-width: 1200px;
     margin: 0 auto;
     overflow-x: auto;
     white-space: nowrap;
 }

 .spiceprocess_itemblk .spiceprocess_item {
     display: inline-block;
     vertical-align: top;
     width: 330px;
     margin: 0 0 0 0;
     position: relative;
 }

 .process_numblk {
     font-size: 40px;
     line-height: 40px;
     color: rgba(0, 46, 91, 0.5);
     font-family: 'GilroyBold';
     margin: 0 0 10px 0
 }

 .preocess_dot {
     width: 45px;
     height: 45px;
     background: #ff9900;
     border-radius: 100%;
     margin: 10px auto;
 }

 .processinfo {
     text-align: center;
 }

 .prs_ttl {
     font-size: 15px;
     line-height: 20px;
     color: #002e5b;
     font-family: 'GilroyBold';
     margin: 0 0 10px 0
 }

 .prs_desc p {
     font-family: 'GilroyMedium';
     font-size: 14px;
     line-height: 18px;
     color: #002e5b;
     margin: 0 0 8px 0;
     white-space: normal
 }

 .process_infoblk {
     white-space: normal;
     height: 250px;
     padding: 30px 0 0 0
 }

 .spiceprocess_itemblk .spiceprocess_item:nth-child(2n+1):before {
     position: absolute;
     content: "";
     background: url(../images/left-side-curve.png) no-repeat 0 0;
     width: 200px;
     height: 320px;
     background-size: cover;
     top: 50px;
     left: -90px;
 }

 .spiceprocess_itemblk .spiceprocess_item:nth-child(2n+2):before {
     position: absolute;
     content: "";
     background: url(../images/right-side-curve.png) no-repeat 0 0;
     width: 240px;
     height: 320px;
     background-size: cover;
     top: 50px;
     left: -110px;
 }

 .spiceprocess_itemblk .spiceprocess_item:first-child {
     margin: 0 0 0 120px
 }

 .prs_desc {
     width: 90%;
     margin: 0 auto;
 }

 .spiceprocess_itemblk .spiceprocess_item:nth-child(2n+2) {
     padding: 0 0 0px 40px
 }

 .spiceprocess_itemblk .spiceprocess_item:nth-child(2n+2) .process_infoblk {
     margin: 80px 0 0 0;
     width: 90%;
 }

 .blogwrapper_blk.videowrapper_blk {
     justify-content: center;
 }

 .download-wrapp {
     width: 70%;
     margin-top: 30px;
 }

 .download-wrapp .form-field {
     width: 48%;
     margin: 0 10px 20px 0;
 }

 .download-wrapp .form-field input[type="text"] {
     border: 1px solid #000;
     border-radius: 10px;
 }

 .download-wrapp .form-field input[type="email"] {
     border: 1px solid #000;
     border-radius: 10px;
     background: #fff;
     width: 100%;
     padding: 14px;
     color: #002e5b;
     font-family: 'GilroyMedium';
 }

 .download-wrapp .sendbtn {
     margin-left: 0;
 }

 .breadcrumb ul li {
     display: inline-block;
     vertical-align: middle;
     color: #4a4a4a;
     font-size: 16px;
     padding: 0 20px 0 10px;
     position: relative;
     line-height: 13px;
 }

 .breadcrumb ul li:last-child {
     padding-right: 0;
 }

 .breadcrumb ul li:before {
     width: 0px;
     height: 0px;
     border-top: 4px solid transparent;
     border-bottom: 4px solid transparent;
     border-left: 6px solid #565353;
     position: absolute;
     right: 0;
     top: 3px;
     content: "";
 }

 .breadcrumb ul li a {
     font-family: 'GilroyBold';
     color: #002e5b;
 }

 .breadcrumb {
     text-align: left;
     padding: 15px 0;
     margin-bottom: 25px;
 }

 .breadcrumb ul li:first-child {
     padding-left: 0px
 }

 .breadcrumb ul li:last-child:before {
     display: none
 }

 .menuchange .great-place-footer {
     width: 34px;
 }

 .industries-container.center-blk .industries-blk {
     margin: 0 10px;
 }

 .industries-container.center-blk {
     justify-content: center;
 }

 .two-img .installalationequal-blk {
     justify-content: center;
 }

 .two-img .installalationequal-blk .installation-blk {
     width: 30% !important;
     margin: 0 10px;
 }

 #nav ul li.active a {
     color: #ff9900;
 }

 #nav ul li ul li.active a {
     color: #ff9900;
 }

 #nav li.active a {
     color: #ff9900;
 }

 .mm-listview > li.active a {
     color: #ff9900;
 }

 html.mm-front .mm-menu.mm-offcanvas {
     z-index: 9999;
 }

 a.back-to-top {
     display: none;
     width: 36px;
     height: 36px;
     text-indent: -9999px;
     position: fixed;
     z-index: 99;
     right: 1px;
     bottom: 58px;
     background: #002e5b url(../images/arrow-scrolltop.png) no-repeat center;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     border-radius: 30px;
     transform: rotate(-90deg);
 }

 .ash-handlingapplication ul.tabs.inside_tab.acmtab li a {
     padding: 12px 10px;
     font-size: 13px;
 }

 .closed-loopapplication ul.tabs.inside_tab.acmtab li a {
     padding: 12px 20px;
     font-size: 15px;
 }

 .mm-navbar.mm-hasbtns {
     border-bottom: 1px solid rgba(255, 255, 255, 0.2);
 }

 ul.features-list li.bulletnone:before {
     display: none
 }

 .blog-imggallery .blog-blk {
     width: 32%;
     line-height: 1.2;
     margin-bottom: 30px;
 }

 .blog-imggallery {
     justify-content: center;
     gap: 20px;
 }

 .sp-hl-img {
     width: 50%;
     margin-bottom: 40px;
 }

 .importance-img {
     width: 50%;
 }

 .indexindustries .ttl {
     color: #002e5b !important;
 }

 .application-jet {
     width: 440px;
     margin: 0 auto;
 }

 .hammer-mill-img {
     margin-top: 20px;
 }

 .hammer-mill-img {
     margin: 20px 0 10px;
 }

 .hammer-mill-acm {
     width: 300px;
     margin: 0 auto;
 }

 .hammer-mill-img2 {
     width: 49%;
 }

 .blog-bag-filter {
     width: 360px;
 }

 .send-btn {
     background: #0084ff;
     border: 0;
     color: #fff;
     padding: 10px;
     text-transform: capitalize;
     font-family: 'GilroySemibold';
     font-size: 17px;
     cursor: pointer;
 }

 .car-opp-right button {
     width: 100%;
     cursor: pointer;
 }

 .car-opp-right button.btn-primary {
     background: none;
     cursor: pointer;
     font-size: 15px;
 }

 #consolPopup .fancybox-close-small {
     color: #fff;
     background: #2f3690;
     width: 30px;
     height: 30px;
     padding: 2px;
     opacity: 1;
     right: -30px
 }

 #consolPopup.fancybox-content {
     overflow: initial
 }

 #consolPopup {
     width: 70%;
     padding: 0;
     line-height: 0;
 }

 .menuchange header.stick #nav li a {
     color: #fff;
 }

 .apply-form input {
     width: 49%;
     border: 0;
     border: 1px solid rgba(0, 0, 0, 0.3);
     margin: 0 0 10px;
     padding: 12px;
     border-radius: 10px;
 }

 .apply-form textarea {
     width: 100%;
     border: 0;
     border: 1px solid rgba(0, 0, 0, 0.3);
     margin: 0 0 10px;
     padding: 12px;
     border-radius: 10px;
 }

 .custom-file input {
     width: 100%;
     font-family: 'GilroyBold';
     font-size: 16px;
     margin-bottom: 20px;
     padding-bottom: 19px;
 }

 .filetype {
     left: 15px;
     bottom: 22px;
     font-size: 13px;
 }

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

 .apply-form input.submitbtn {
     margin: 10px auto 0;
 }

 .apply-form input.submitbtn {
     margin: 10px auto 0;
     width: 125px;
     background: #0084ff;
     color: #fff;
     border: 0;
 }

 .fancybox-content {
     width: 900px;
     margin: 0 auto;
 }

 .enform-wrapp {
     width: 100%;
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap
 }

 .enform_field {
     width: 31%;
     margin: 0 0 20px 0
 }

 .enform_field.fullfield {
     width: 100%
 }

 .enform_field input {
     width: 100%;
     margin: 0
 }

 opacity: 0;
 overflow: hidden;
 position: absolute;
 z-index: -1;
 }

 .custom-file .fielditem:before {
     position: absolute;
     content: "Choose File";
     width: 100px;
     height: 100%;
     background: #002e5b;
     top: 0;
     right: 0;
     color: #fff;
     text-align: center;
     padding: 12px 0 0 0;
     font-size: 14px;
 }

 .custom-file .fielditem {
     border: 1px solid rgba(0, 0, 0, 0.3);
     width: 100%;
     padding: 12px;
     font-size: 16px;
     line-height: 16px;
     border-radius: 10px;
     display: block;
     cursor: pointer
 }

 .filetype_txt {
     font-size: 13px;
     line-height: 13px;
     margin: 10px 0 0 10px;
     font-family: 'GilroySemibold'
 }

 .car-opp-right button.btn-primary a {
     color: #0084ff;
     cursor: pointer
 }

 .case_studyitem.skillwrapp {
     margin-top: 40px;
 }

 .jobdate ul {
     width: 100%;
     margin-bottom: 30px;
 }

 .job-detailswrapp .case_desc ul li:before {
     top: 5px;
     transform: scale(0.9);
 }

 .jobdate ul li {
     width: 21%;
     font-family: 'GilroyBold';
     font-size: 18px;
 }

 .sec-read-more {
     display: none
 }

 a.readmorebut {
     color: #ff9900;
     font-family: 'GilroySemibold';
     font-size: 18px;
 }

 .readmorewrapp {
     text-align: center;
 }

 .xrayContainer {
     margin: 20px 0 0 0;
 }

 .animated-modal {
     display: none
 }

 .our-customer-slider .slick-prev {
     transform: rotate(180deg);
     background: #002e5b url(../images/arrow-scrolltop.png) no-repeat center
 }

 .our-customer-slider .slick-next {
     transform: rotate(0deg);
     background: #002e5b url(../images/arrow-scrolltop.png) no-repeat center
 }

 .collaborators-img {
     line-height: 0;
     margin: 0 0 15px 0;
 }

 .mobfootertext {
     display: none
 }

 .explosionprotection_banner {
     background: url('../images/products/explosion-protection/explosion-protection-devices/banner.webp?v=1.2');
     background-size: cover;
 }

 .sprkarestor_banner {
     background: url('../images/products/explosion-protection/spark-arrestor/banner.webp?v=1.1');
     background-size: cover;
 }

 .leftrightsection.only_infoblk {
     position: relative;
     margin: -50px 0 80px 0;
 }

 .homepage_wrapper .enquirefrm_wrapper {
     display: none
 }

 .enquirefrm_wrapper .download-right {
     width: auto
 }

 .enquirefrm_wrapper .applynow_btn {
     padding: 10px 20px;
     background: #ff9900;
     color: #fff;
     border-radius: 10px;
     font-weight: 500;
     font-family: 'GilroyMedium';
     cursor: pointer
 }

 .popup_wrapper {
     position: fixed;
     width: 100%;
     height: 100vh;
     background: rgba(0, 0, 0, 0.8);
     top: 0;
     left: 0;
     right: 0;
     z-index: 9999;
     display: none
 }

 .popup_wrapper.active {
     display: block
 }

 .popup_blk {
     width: 80%;
     background: #fff;
     padding: 20px;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%)
 }

 .popup_frmblk {
     width: 100%;
     background: #002e5b;
     padding: 30px
 }

 .closebtn {
     background: #fff;
     color: #002e5b;
     padding: 10px;
     font-size: 13px;
     line-height: 13px;
     font-weight: bold;
     position: absolute;
     top: 19px;
     right: 18px;
     cursor: pointer
 }

 .collaborators-wrapp.whitebg .ttl.txt-white {
     color: #002e5b !important
 }

 .collaborators-wrapp.whitebg .collaborators-text.txt-white {
     color: #002e5b !important
 }

 .hide {
     display: none
 }

 .post_ttlblk {
     position: relative;
 }

 .post_applybtn {
     position: absolute;
     top: 0;
     right: 0;
 }

 .post_applybtn button.btn-secondary {
     border: 0;
     cursor: pointer;
 }

 .form-field.fullwidth {
     width: 100%
 }

 .whatsup_channelblk {
     position: absolute;
     width: 50px;
     top: 15px;
     right: 100px;
 }

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

 .acc_imgpicblk .accinner_info {
     width: 55%
 }

 .acc_imgpicblk .case-studyimgwrapp {
     width: 40%
 }

 .acc_imgpicblk .case-studyimgwrapp .case-studyimg {
     width: 100%
 }

 h2.acc_head {
     font-weight: normal;
 }

 .accordion_example_noquest .accordion_in .acc_head {
     position: relative;
     padding: 15px 65px;
     display: block;
     font-family: 'GilroyMedium';
     font-size: 20px;
     line-height: 25px;
     border-top-left-radius: 0;
     border-bottom-left-radius: 0px;
     color: #fff;
     background: #002e5b;
 }

 .accordion_example_noquest .accordion_in p {
     font-size: 18px;
     line-height: 25px;
     font-family: 'GilroyRegular';
     color: #002e5b;
     text-align: justify;
 }

 .accordion_example_noquest .accordion_in .acc_content {
     padding: 20px 0
 }

 .accordion_example_noquest .accordion_in .acc_head:after {
     position: absolute;
     content: "+";
     width: 55px;
     height: 100%;
     background: #0084ff;
     top: 0;
     left: 0;
     z-index: 9;
     font-size: 30px;
     line-height: 30px;
     padding: 10px 0 0 0;
     box-sizing: border-box;
     text-align: center;
     color: #fff;
     font-family: 'GilroyMedium';
     text-transform: uppercase;
 }

 .event-blk .readmore {
     margin: 10px 0 0 0;
 }

 .marTop30 {
     margin: 30px 0 0 0
 }

 .event-container .event-ttl {
     font-size: 21px;
     line-height: 25px;
     margin: 0 0 10px 0
 }

 .event-container .event-date {
     margin: 0 0 10px 0
 }

 .event-container .event-location {
     margin: 0 0 10px 0
 }

 .event-container .location-icon {
     margin: 5px 0 -7px 0
 }

 .event-container {
     width: 30%;
 }

 .event_tab ul.tabs.inside_tab li:first-child a.active:before {
     display: none
 }

 .event_tab ul.tabs.inside_tab li a {
     border: 0;
     background: #002e5b;
     color: #fff;
     padding: 15px 30px;
     width: 200px;
     display: block;
 }

 .event_tab ul.tabs.inside_tab li a.active {
     background: #1bbbed;
 }

 .event_tab ul.tabs.inside_tab li a.active:after {
     position: absolute;
     content: "";
     border-top: 10px solid #1bbbed;
     border-left: 10px solid transparent;
     border-right: 10px solid transparent;
     bottom: -10px;
     left: 45%;
 }

 .event_tab .tabs.inside_tab li {
     margin: 0 10px
 }

 .event_tab .tabs.inside_tab {
     display: block;
     text-align: center;
     margin: 0 0 30px 0
 }

 .readmore_btn {
     background: #002e5b;
     display: block;
     vertical-align: top;
     width: 210px;
     margin: 30px auto 0;
 }

 .event-wrapp .readmore_btn a {
     padding: 10px 20px;
     display: block;
     color: #fff
 }

 .event-wrapp .readmore .sprite {
     position: relative;
     top: auto;
     right: auto;
     display: inline-block;
     background-position: -90px -48px
 }

 .blog-insidewrapp p a {
     color: #002e5b;
     font-weight: bold;
 }

 .list_ttl {
     font-size: 20px;
     line-height: 20px;
     color: #002e5b;
     font-family: 'georgiabold';
     margin: 0 0 20px 0;
     text-transform: uppercase;
 }

 .section_list li {
     padding: 0 0 0 30px;
     margin: 0 0 40px 0;
     position: relative;
     display: block;
 }

 .section_list li:before {
     position: absolute;
     content: "";
     background: url(../images/right_icon_circle.png) no-repeat 0 0;
     width: 20px;
     height: 20px;
     background-size: cover;
     top: 2px;
     left: 0;
 }

 .inside_list li {
     padding: 0 0 0 20px;
     margin: 0 0 15px 0;
     font-family: 'GilroyRegular'
 }

 .inside_list li:before {
     position: absolute;
     content: "";
     background: #002e5b;
     width: 7px;
     height: 7px;
     background-size: cover;
     border-radius: 100%;
     top: 8px;
     left: 0;
 }

 .inside_list li .inner_bullet {
     margin: 20px 0 0 0;
 }

 .inside_list li .inner_bullet li:before {
     position: absolute;
     content: "";
     background: #002e5b;
     width: 10px;
     height: 2px;
     background-size: cover;
     border-radius: 100%;
     top: 11px;
     left: 0;
 }

 .marTop50 {
     margin: 50px 0 0 0
 }

 .privacy-policywrapp .tableaxial-flow {
     width: 100%
 }

 .privacy-policywrapp .tableaxial-flow tr td {
     font-size: 12px;
 }

 .privacy-policywrapp table tbody td:before {
     display: none
 }

 .section_list li li {
     margin: 0 0 20px 0;
 }

 .retractdischarge_banner {
     background: url('../images/products/conveyors/retractable-discharge-chute/banner.jpg?v=1');
     background-size: cover;
 }
.oilgas_banner {
    background: url('../images/industries/oil-gas-industry/banner.jpg?v=1.2');
    background-size: cover;
}
.challenge_item_blk {
    font-size: 0;
    text-align: center;
}
.challenge_item {
    width: 48%;
    padding: 40px 30px;
    background: #002e5b;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 20px 10px;min-height: 160px
}
.chalenge_ttl {
    font-family: 'GilroyMedium';
    font-size: 20px;
    line-height: 27px;width: calc(100% - 60px);text-align: left
}
.icon_blk {
    width: 100%;
    display: flex;
    justify-content: space-between;position: relative
}
.icon_blk.align_center {align-items: center}
.popup_btn {
    font-size: 40px;
    line-height: 40px;
    color: #fff;
    font-family: 'GilroyMedium';
    position: absolute;
    right: 0;
    bottom: -20px;cursor: pointer
}
.icon_pic {width: 60px;line-height: 0;margin: 0 20px 0 0}
.icon_desc {
    width: 100%;display: none;background: #002e5b
}
.chalenge_desc {
    font-size: 16px;
    text-align: left;
}
.fancy_desc_blk {display:none;max-width:800px;}
.fancy_desc_blk.fancybox-content .chalenge_ttl {color: #fff}
.fancy_desc_blk.fancybox-content .chalenge_desc {color: #fff}
.fancy_desc_blk.fancybox-content .icon_blk {align-items: center;margin: 0 0 20px 0}
.fancybox-slide--html .fancy_desc_blk.fancybox-content .fancybox-close-small {color: #fff}

.dolomitesolution_banner {
    background: url('../images/knowledge/dolomite-handling-solutions/banner.jpg?v=1.1') no-repeat center;
    background-size: cover;
}
.proprety_icon {width: 40px;line-height: 0;}
.property_name {font-size: 21px;line-height: 21px;margin: 8px 0 0 20px;}
.property_name_icon {display: flex;justify-content: flex-start;}
.property_barblk {
    margin: 20px 0 0 0;
}
.property_bar {
    width: 100%;
    height: 10px;
    background: #e6edf4;
    border-radius: 10px;position: relative;overflow: hidden
}
.property_bar:before {position: absolute;content: "";width: 00%;height: 100%;background: #ff9900;top: 0;left: 0;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;-ms-transition: 0.5s all ease;-o-transition: 0.5s all ease;}

.property_item.wow.animated.abrasiveness .property_bar:before {width: 90%}
.property_item.wow.animated.toxicity .property_bar:before {width: 20%}
.property_item.wow.animated.combustible .property_bar:before {width: 20%}
.property_item.wow.animated.friability .property_bar:before {width: 20%}
.property_item.wow.animated.flowability .property_bar:before {width: 45%}
.property_item.wow.animated.hygroscopic .property_bar:before {width: 30%}
.property_item.wow.animated.bulk_density .property_bar:before {width: 65%}

.property_item.wow.animated.width90 .property_bar:before {width: 90%}
.property_item.wow.animated.width80 .property_bar:before {width: 80%}
.property_item.wow.animated.width70 .property_bar:before {width: 70%}
.property_item.wow.animated.width60 .property_bar:before {width: 60%}
.property_item.wow.animated.width50 .property_bar:before {width: 50%}
.property_item.wow.animated.width40 .property_bar:before {width: 40%}
.property_item.wow.animated.width30 .property_bar:before {width: 30%}
.property_item.wow.animated.width20 .property_bar:before {width: 20%}
.property_item.wow.animated.width10 .property_bar:before {width: 10%}

.property_item.width70 {width: 100% !important;}

.lowigh_blk {display: flex;justify-content: space-between;margin: 5px 0 0 0;font-style: italic}
.propertyitem_blk {
    display: block;
    /*justify-content: space-between;
    flex-wrap: wrap;*/
}
.property_item {
    width: 100%;
    margin: 0 0 20px 0;
}
.text-justify {text-align: justify;}
.property_blk {
    display: flex;
    justify-content: space-between;
}
.proprety_info_blk {
    width: 47%;
}
.proprety_pic_blk {
    width: 45%;
}
.career_pagewrapper .footericonwrap {display: none}
.footer_btmicon_blk .whatsappicon {bottom: 120px;right: 10px}

#nav ul ul.right_side {left: auto;right: 229px;}

.featureicon {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    margin: 0 10px 0 0;
}
.featuretxt {
    width: calc(100% - 40px);
    display: inline-block;
    vertical-align: top;
}
.powtranfeature ul.features-list li {
    align-items: flex-start;
}
.left-section iframe {width: 100%;height: 465px;}
.titaniumdioxide_banner {
    background: url('../images/knowledge/titanium-dioxide-handling-solutions/banner.jpg?v=1.2') no-repeat center;
    background-size: cover;
}


 @media screen and (max-width:1300px) {
     .sales-wrapp {
         width: 70%
     }
     .challenge_item {width: 47%}
 }

 @media screen and (max-width:1200px) {
     .banner-ttl {
         font-size: 40px
     }

     .banner-ttl span {
         font-size: 30px
     }

     .tab-menu-link {
         padding: 10px 8px;
         font-size: 14px
     }

     .sales-wrapp {
         width: 85%
     }

     ul.tabs.inside_tab li a {
         padding: 12px 10px;
         font-size: 14px
     }

     .paint-info {
         right: 13%;
     }

     .installalationequal-blk .installation-blk {
         width: 31%;
     }
 }

 @media screen and (max-width:1024px) {
     .menu-wrapp {
         display: none
     }

     .contact-text {
         display: inline-block;
         padding: 10px
     }

     .contact-blk {
         display: none
     }

     .header-wrapp {
         padding: 10px 20px
     }

     .logo {
         padding-top: 0;
         padding-left: 0
     }

     #menu {
         display: block
     }

     .tab-menu-link:first-child.is-active:before {
         display: none
     }

     .tab-menu-link:first-child {
         margin-left: 0
     }

     .tab-menu-link.is-active {
         border-bottom: 1px solid #6fa9e1;
         margin-left: 2px;
         background: #002e5b;
         color: #fff
     }

     .tab-menu-link {
         width: auto;
         text-align: center;
         border: 1px solid #6fa9e1;
         margin: 2px;
         padding: 5px
     }

     .sales-wrapp {
         width: 95%
     }

     .copy-text,
     .footer-left ul li a {
         font-size: 14px
     }

     .without-bannerwrapp {
         padding-top: 135px !important
     }

     .navblkmob {
         display: block
     }

     .great-place-footer {
         width: 40px;
         right: 67px;
         top: 20px;
     }

     .common-padding {
         padding: 60px 0
     }

     .whatsup_channelblk {
         top: 25px;
         right: 125px;
     }
 }

 @media screen and (max-width:1100px) {
     .solutions-res-img {
         display: block
     }

     .paint-text {
         display: none
     }

     .solution-container {
         width: 100%;
     }

     .paint-solution {
         display: none
     }

     .applicationlist_itemblk {
         justify-content: flex-start;
     }

     .applicationlist_itemblk ul.features-list {
         width: 31%;
     }
     .inner-bannerwrapp {height: 60vh}
 }

@media only screen and (width: 1024px) and (height: 1292px) and (orientation:portrait) {
    .inner-bannerwrapp {height: 60vh}
}

 @media screen and (max-width:1000px) {
     .dot-img {
         display: none
     }

     .about-right {
         width: 54%;
         padding-right: 3%;
     }

     .about-left {
         width: 44%;
     }

     .everyday-lifetext {
         font-size: 22px;
     }

     .global-presencewrap {
         display: none
     }

     .event-textwrapp {
         padding: 20px;
     }

     .event-info {
         margin-top: 15px;
     }

     .event-subtt {
         margin-bottom: 0;
     }

     .banner-ttl span {
         font-size: 24px
     }

     .banner-ttl {
         font-size: 30px
     }

     .tab-left {
         width: 100%
     }

     .tab-right {
         width: 60%;
         margin: 30px auto 0
     }

     .sales-text {
         width: calc(100% - 90px);
     }

     .global-presenceimg {
         width: 700px
     }

     .canada {
         top: 95px;
         left: 112px;
     }

     .usa {
         top: 108px;
         left: 100px
     }

     .westindies {
         top: 140px;
         left: 160px;
     }

     .uruguay {
         top: 145px;
         left: 235px;
     }

     .uk {
         top: 15px;
         left: 300px;
     }

     .spain {
         top: 35px;
         left: 300px;
     }

     .germany {
         top: 22px;
         left: 323px;
     }

     .croatia {
         top: 22px;
         left: 355px;
     }

     .italy {
         top: 45px;
         left: 355px;
     }

     .nigeria {
         top: 90px;
         left: 343px;
     }

     .ghana {
         top: 80px;
         left: 313px;
     }

     .egypt {
         top: 45px;
         left: 410px;
     }

     .sudan {
         top: 60px;
         left: 415px;
     }

     .brazil {
         top: 58px;
         left: 385px;
     }

     .innerbanner-text {
         font-size: 4vw;
     }

     .ttl {
         font-size: 22px;
     }

     .container {
         width: 94%;
     }

     .inner-aboutmoreinfo {
         width: 375px;
     }

     .inner-aboutblk {
         width: 48%;
     }

     .about-container .ttl {
         font-size: 20px;
     }

     .innersubttl {
         font-size: 23px;
     }

     .innersubttl br {
         display: none
     }

     .awards-text br {
         display: none;
     }

     .focus-container {
         justify-content: center;
         gap: 20px;
     }

     .focus-container .about-moreblk {
         width: 31%;
     }

     .life-atrieco-slider .slick-next {
         right: 5%;
         transform: none;
         border: 1px solid #ffd494;
     }

     .life-atrieco-slider .slick-prev {
         left: 5%;
         border: 1px solid #ffd494;
         transform: rotate(180deg);
     }

     .life-atrieco-slider .slick-prev,
     .life-atrieco-slider .slick-next {
         width: 70px;
         height: 70px;
     }

     .inner-paintinfo {
         align-items: center;
     }

     ul.tabs.inside_tab li a {
         padding: 12px 20px
     }

     .solution-wrapp .tabdata_left {
         width: 56%;
     }

     .installation-text {
         font-size: 16px;
     }

     .factors-blk {
         width: 48%;
     }

     .offices-info {
         margin-right: 2%
     }

     .offices-infocontainer .offices-info {
         margin-bottom: 20px
     }

     .wecare-leftblk p {
         font-size: 24px;
     }

     .wecare-text {
         font-size: 18px;
     }

     .our-customer-slider .slick-next {
         right: -4%;
         background: url(../images/arrow.webp) no-repeat center;
         transform: rotate(357deg);
         border: 0
     }

     .our-customer-slider .slick-prev {
         left: -3%;
         background: url(../images/arrow.webp) no-repeat center;
         z-index: 1;
         border: 0;
         transform: rotate(180deg);
     }

     .construction-wrapp .right-section {
         width: 100%;
     }

     .construction-wrapp .left-section {
         order: 1;
         margin: 0 auto;
         width: 60%;
     }
     .powtranpage .construction-wrapp .left-section {width: 100%;margin: 0}
     .powtranpage .construction-wrapp .left-section iframe {height: 500px}

     .why-riecoproduct-blk .no-infoblk {
         width: 33%;
     }

     .tankerloader_introblk .leftrightsection .left-section {
         width: 46%;
         order: 2;
         margin: 0 auto;
     }

     .tankerloader_introblk .leftrightsection .right-section {
         width: 100%;
         order: 1;
     }

     .tankerloader_introblk .leftrightsection:nth-child(2) .right-section {
         width: 100%;
         order: 1;
     }

     .tankerloader_introblk .leftrightsection:nth-child(2) .left-section {
         width: 46%;
         order: 2;
     }

     .working-principal-wrapp .right-section {
         width: 100%;
         margin-top: 40px;
     }

     .ttlbottom {
         margin-bottom: 40px !important;
     }

     .event-ttl {
         font-size: 16px;
     }

     .event-innerblk .event-date {
         margin-bottom: 0;
     }

     .event-innerblk .event-ttl {
         font-size: 16px;
         margin-bottom: 5px;
     }

     .event-info.event-innerblk .readmore {
         font-size: 14px;
     }

     .event-innerblk .readmore .sprite {
         transform: scale(0.8);
         top: 4px;
     }

     .event-innerblk .event-date {
         line-height: 1.2;
         font-size: 14px;
     }

     .event-innerblk .event-location {
         font-size: 14px;
     }

     .event-info.event-innerblk {
         margin-top: 30px
     }

     .blogwrapper_blk {
         gap: 20px;
     }

     .link-items {
         width: 29%
     }

     .link-items.bigmenu:first-child {
         width: 31%
     }

     .link-items.bigmenu:nth-child(3) {
         width: 36%
     }

     ul.footer-sublink {
         width: 48%
     }

     .fancybox-content {
         max-width: 90%;
     }

     .jobdate ul li {
         width: 100%;
     }

     .car-opp-left {
         font-size: 15px;
     }

     .car-opp-right button.btn-primary {
         font-size: 11px;
     }

     .popup_blk {
         width: 94%
     }

     .menu-wrapp {
         margin-right: 122px
     }
     .property_blk {display: block}
     .proprety_info_blk {width: 100%}
     .proprety_pic_blk {width: 500px;margin: 50px auto 0}
     .propertyitem_blk {display: flex;justify-content: space-between;flex-wrap: wrap;gap:20px}
     .property_item {width: 47%;margin: 0}
     .challenge_item {padding: 30px 30px}
     .icon_pic {width: 50px}
     .chalenge_ttl {font-size: 17px;line-height: 23px;}
 }

 @media screen and (max-width:900px) {
     .mob-banner {
         display: block;
         position: relative;
     }

     .inner-bannerwrapp {
         background: none;
         height: auto;
     }

     .banner-back {
         display: none
     }

     .banner-back-res {
         position: absolute;
         bottom: -10px;
         display: block;
     }

     .mob-banner {
         display: block
     }

     .inner-bannerwrapp:before {
         background: linear-gradient(179deg, rgba(0, 0, 0, 0.3) 000%, rgba(0, 0, 0, 0) 100%);
     }

     .banner-section {
         background: #002737
     }

     .banner-text {
         position: relative;
         width: 100%;
         margin: 0 auto;
         padding: 30px;
         left: auto;
         top: auto;
         z-index: 999999;
     }

     .banner-text:before {
         top: -178px;
         left: 0;
         width: 100%;
         content: "";
         position: absolute;
         background: url(../images/banner-back-mob.webp) no-repeat center;
         background-size: cover;
         height: 200px;
         animation: none;
         z-index: -1;
     }

     .bannermob,
     .banner-text .bannermob {
         display: block
     }

     .banner1,
     .banner2,
     .banner3 {
         background: none;
         height: auto
     }

     .bannerbackdesk {
         display: none
     }

     .banner-slider .slick-slide.slick-current.slick-active .banner-text {
         animation: none
     }

     .banner-slider .slick-dots {
         bottom: 0;
         right: 8%;
         left: auto
     }
     .banner_iframe_blk {height: 500px}
 }

 @media screen and (max-width:800px) {
     .about-right {
         width: 100%;
         padding-right: 0
     }

     .about-left {
         width: 100%
     }

     .no-infoblk {
         width: 31%;
     }

     .ttl {
         font-size: 26px;
     }

     .container {
         width: 94%;
     }

     .no-info {
         font-size: 16px;
     }

     .no {
         font-size: 30px;
     }

     .everyday-lifetext br {
         display: none;
     }

     .everyday-lifetext {
         width: 90%;
         top: 32px;
     }

     .wecare-ttl {
         font-size: 34px;
     }

     .event-subtt {
         font-size: 14px;
         line-height: 1.2;
     }

     .event-ttl {
         font-size: 18px;
         line-height: 1.2;
     }

     .readmore {
         font-size: 14px;
     }

     .readmore .sprite {
         top: 3px;
         transform: scale(0.8);
     }

     .event-right {
         width: 100%;
         margin-top: 40px;
     }

     .event-left {
         width: 64%;
         margin: 0 auto;
     }

     .sales-inq {
         font-size: 16px
     }

     .inner-aboutblk {
         width: 100%;
     }

     .about-moretext {
         font-size: 18px;
     }

     .inner-aboutmoreinfo {
         width: 375px;
         margin: 0 auto;
     }

     .innersubttl {
         font-size: 18px;
     }

     .value-container {
         gap: 20px;
     }

     .value-blk {
         width: 47%;
     }

     .facilities-container p span {
         font-size: 16px;
     }

     .awards-text {
         font-size: 16px;
     }

     .life-atrieco-slider {
         margin-left: 0
     }

     .blog_item .blog-ttl {
         font-size: 16px;
     }

     .inner-paintleft {
         width: 100%;
     }

     .inner-paintright {
         width: 58%;
         margin: 0 auto;
     }

     .certication-blk {
         width: 13%;
     }

     .certication-blk:first-child {
         width: 41%;
     }

     .solution-wrapp .tabdata_ttl {
         font-size: 18px;
     }

     .tabs.inside_tab li {
         width: 50%;
         border-bottom: 1px solid #6fa9e1;
         border-right: 1px solid #6fa9e1;
         border-left: 1px solid #6fa9e1;
         display: flex;
     }

     ul.tabs.inside_tab li a.active {
         border: 0;
         border-bottom: none;
         background: #002e5b;
         color: #fff;
     }

     ul.tabs.inside_tab li a {
         border-bottom: 0;
         width: 100%;
         display: block;
         padding: 9px 5px
     }

     ul.tabs.inside_tab li:first-child a.active:before {
         display: none
     }

     .tabs.inside_tab li:first-child,
     .tabs.inside_tab li:nth-child(2) {
         border-top: 1px solid #6fa9e1;
     }

     .tabs.inside_tab {
         align-items: initial;
     }

     .tabs.main_outertab li a {
         font-size: 16px;
     }

     .mixing-arrow {
         width: 48px;
     }

     .mixing-name {
         font-size: 16px;
     }

     .download-right .readmore .sprite {
         top: 13px
     }

     .blog-subttl {
         font-size: 20px
     }

     .contact-wrapp .ttl {
         font-size: 16px
     }

     .wecare-leftblk {
         width: 100%
     }

     .wecare-rightblk {
         width: 100%;
         margin: 30px auto 0;
     }

     .link-items {
         width: 27%;
     }

     .solution-wrapp .tabs.inside_tab li {
         margin-bottom: 0;
     }

     .width50 .left-section {
         width: 58%;
         margin: 0 auto 30px;
     }

     .width50 .right-section {
         width: 100%;
     }

     ul.features-list {
         width: 100%
     }

     .typeblk-ribbonblen .right-section {
         width: 100%;
         margin-top: 20px;
     }

     .typeblk-ribbonblen .left-section {
         width: 65%;
         margin: 0 auto;
     }

     .applicationlist_itemblk ul.features-list {
         width: 48%;
         margin-right: 2%;
     }

     .tablewrapp {
         overflow: scroll;
     }

     table.specification {
         width: 820px;
     }

     .smalltable table.specification {
         width: 100%;
     }

     .bannermob {
         height: 40vh;
        margin-top: 20%;
     }

     .banner-slider .slick-dots {
         bottom: auto;
         top: 30vh
     }

     .download-wrapp {
         width: 100%
     }

     .whatsappicon {
         bottom: 108px;
     }

     .callicon {
         bottom: 160px;
     }

     .benifit-rto-left-wrapp,
     .benifit-rto-right-wrapp {
         width: 100%
     }

     .dence-phaseblk {
         width: 43%;
         margin-bottom: 20px;
     }

     .dence-phaseimg {
         height: auto
     }

     .banner-text:before {
         top: -217px;
     }

     .banner-text {
         background: #002737;
     }

     table.mobiletable_view thead {
         display: none;
     }

     table.mobiletable_view tbody td:before {
         content: attr(data-label);
         text-transform: uppercase;
         font-weight: bold;
         width: 30%;
         background: #ff9900;
         height: 100%;
         position: absolute;
         top: 0;
         left: 0;
         padding: 10px 20px 10px 20px;
         text-align: center;
         font-size: 12px;
         line-height: 20px;
     }

     table.mobiletable_view tbody td {
         display: block
     }

     table.mobiletable_view tbody td {
         border-bottom: 1px solid #ccc;
         border-top: 0;
         border-left: 0;
         border-right: 0;
         padding: 10px 20px 10px 33%;
         position: relative;
         text-align: left;
         line-height: 13px;
     }

     table.tableaxial-flow.mobiletable_view {
         width: 100%;
         border: 0
     }

     table.mobiletable_view tbody tr {
         margin: 0 0 10px 0;
         display: block;
         border-top: 1px solid #ccc;
         border-left: 1px solid #ccc;
         border-right: 1px solid #ccc;
     }
 }

 @media screen and (max-width:768px) {
     .text-line {
         font-size: 72px;
     }

     .industries-blk {
         width: 32%;
     }

     .industry_wrapper .industries-blk {
         width: 32%;
     }

     .wecare-leftblk p {
         font-size: 20px;
     }

     .logo {
         width: 120px
     }

     .banner-text {
         width: 70%
     }

     .great-place {
         width: 70px;
         bottom: auto;
         top: 30%;
     }

     .banner-section {
         background: #002737
     }

     .banner-text {
         position: relative;
         width: 100%;
         margin: 0 auto;
         padding: 30px;
         left: auto;
         top: auto
     }

     .banner-text:before {
         top: -200px;
         left: 0;
         width: 100%;
         content: "";
         position: absolute;
         background: url(../images/banner-back-mob.webp) no-repeat center;
         background-size: cover;
         height: 200px;
         animation: none
     }

     .bannermob,
     .banner-text .bannermob {
         display: block
     }

     .banner1,
     .banner2,
     .banner3 {
         background: none;
         height: auto
     }

     .bannerbackdesk {
         display: none
     }

     .banner-back {
         bottom: 200px
     }

     .banner-slider .slick-slide.slick-current.slick-active .banner-text {
         animation: none
     }

     .sinceblk {
         margin-top: 10px
     }

     .tab-right {
         width: 80%
     }

     .tab-ttl {
         font-size: 24px
     }

     .tab-subttl {
         font-size: 22px
     }

     ul.tablist li,
     .event-ttl {
         font-size: 16px
     }

     .event-date {
         font-size: 14px
     }

     .event-wrapp {
         margin: 0
     }

     .subttl {
         font-size: 20px
     }

     .blog-wrapp .subttl br {
         display: none
     }

     .blog-ttl {
         font-size: 16px
     }

     .footer-left {
         width: 100%
     }

     .global-presenceimg.mobilemap {
         width: 100%
     }

     .global-presenceimg {
         display: none
     }

     .mobilemap {
         display: block
     }

     .tab-menu-link {
         width: 30%
     }

     .facilities-left {
         width: 100%;
     }

     .facilities-right {
         width: 70%;
         margin: 0 auto;
     }

     .awards-blk {
         width: 46%;
     }

     .recognition-slider .slick-dots {
         bottom: -36px;
     }

     .recognition-slider .slick-dots li button {
         width: 6px;
         height: 6px;
         padding: 0;
         background: #ff9900;
         border-radius: 50%
     }

     .recognition-slider .slick-dots li.slick-active button {
         background: #002e5b;
     }

     .btn-primary,
     .btn-secondary {
         padding: 10px 13px;
         font-size: 12px;
     }

     .car-opp-left {
         width: calc(100% - 210px);
     }

     .car-opp-right {
         width: 200px;
     }

     .blog_item {
         width: 48%;
     }

     .collaborators-blk {
         width: 48%;
         margin-bottom: 20px;
     }

     .installation-blk {
         width: 49%;
     }

     .video-text {
         width: 100%;
         line-height: 1.2;
         margin-bottom: 10px;
         font-size: 18px;
     }

     .video-wrap button {
         transform: scale(.4);
     }

     .video-btn {
         height: 100px;
         margin: 0 auto;
     }

     .video-wrap video,
     .video-wrap {
         height: auto
     }

     .arrangement-img {
         width: 51%;
     }

     .blog-sub-img {
         width: 90%;
     }

     .event-info.event-innerblk {
         width: 48%;
     }

     .contactusbanner .banner-back-res {
         bottom: -12px;
     }

     .link-items {
         width: 33%;
     }

     .installation-blk:nth-child(3) {
         width: 100%;
     }

     .three-img .installation-blk:nth-child(3) {
         width: 32%;
     }

     .relatedsystem-blk .installation-blk:nth-child(3) {
         width: 48%;
     }

     .relatedsystem-blk .installation-blk {
         width: 48%;
     }

     .application-videowrapp .blog_item {
         width: 45%;
     }

     ul.features-list li:before {
         transform: scale(0.5);
     }

     .type-accorleft {
         width: 100%;
     }

     .type-accorright {
         width: 40%;
     }

     .dot-solution .dotmixing1 {
         display: none
     }

     .construction-mill .right-section {
         width: 100% !important;
         margin-top: 0 !important
     }

     .construction-mill .left-section {
         width: 70% !important;
     }

     .event-info.event-innerblk {
         width: 100% !important;
     }

     .form-field {
         width: 49%;
     }

     .form-field.textareafield {
         width: 49%;
     }

     .quick-linkwrapp.dflex-space-btw {
         display: block
     }

     .link-items,
     .link-items.bigmenu:first-child,
     .link-items.bigmenu:nth-child(3) {
         width: 100%
     }

     .link-items ul.footer-sublink.width100 li {
         display: inline-block;
         vertical-align: top;
         width: 33%
     }

     .link-items.bigmenu .footer-link li .footer-sublink li {
         display: inline-block;
         vertical-align: top;
         width: 47%
     }

     .footer-wrapp.dflex-space-btw {
         display: block
     }

     .copy-text {
         margin: 6px 0 10px 0
     }

     footer {
         padding: 50px 0
     }

     .tab-innerwrapp {
         padding: 20px;
     }

     .tab-menu-link {
         font-size: 12px;
     }

     .spice-process-img {
         width: 800px
     }

     .spice-process-img-wrapp {
         overflow: scroll
     }

     .banner-slider .slick-dots {
         left: auto;
         right: 20px;
         bottom: 10px;
         top: auto;
     }

     .petro-chemical-serwrapp .left-section {
         width: 100%;
     }

     .petro-chemical-serwrapp .right-section {
         width: 100%;
     }

     .enform-wrapp {
         display: block
     }

     .enform_field {
         width: 100%
     }

     .fancybox-content {
         padding: 20px;
     }

     .callicon,
     .whatsappicon {
         position: static;
         width: 50%;
         border-radius: 0;
         margin: 0;
         padding: 8px;
         width: 50%;
         animation: none;
         height: 45px
     }

     .footericonwrap {
         position: fixed;
         bottom: 0;
         width: 100%;
         display: flex;
         justify-content: center;
     }

     .mobfootertext {
         display: inline-block;
         font-size: 15px;
         line-height: 1;
         text-transform: uppercase;
         margin-left: 10px;
         font-family: 'georgiabold';
         letter-spacing: 1px
     }

     .footericonwrap .icon-phone,
     .footericonwrap .icon-whatsapp {
         font-size: 24px;
         line-height: 24px;
     }

     .callicon a,
     .whatsappicon a {
         display: flex;
         align-items: center;
         justify-content: center
     }
     .powtranpage .construction-wrapp .left-section iframe {height: 300px}
 }

 @media screen and (max-width:750px) {
     .popup_frmblk {
         height: 90vh;
         overflow-y: scroll
     }

     .popup_blk {
         top: 15%;
         transform: translate(-50%, -15%)
     }

     .fluidization-img.width500 {
         width: 100%
     }

     .acc_imgpicblk {
         display: block;
     }

     .acc_imgpicblk .accinner_info {
         width: 100%
     }

     .acc_imgpicblk .case-studyimgwrapp {
         width: 100%
     }
     .propertyitem_blk {display: block}
     .property_item {width: 100%;margin: 0 0 20px 0}
     .property_item:last-child {margin: 0}
     .challenge_item {display: block;width: 100%;margin: 0 0 20px 0;padding: 30px 50px 30px 30px}
     .popup_btn {right: -30px}
     .download-left {font-size: 16px;}
     .download-brorapp {padding: 25px;margin: 0 0 20px 0}
     .leftrightsection.dflex-space-btw.row-revers {display: block}
     .leftrightsection.dflex-space-btw.row-revers .left-section {width: 100%;margin: 0 0 20px 0}
     .leftrightsection.dflex-space-btw.row-revers .right-section {width: 100%}
     .banner_iframe_blk {height: 500px}
 }

 @media screen and (max-width:600px) {
     .ttl {
         font-size: 20px;
     }

     .about-container .ttl br {
         display: none;
     }

     .aboutwrapp .banner-toptext {
         padding: 6px 18px;
         font-size: 16px;
     }

     .everyday-lifetext {
         font-size: 16px;
     }

     .common-padding {
         padding: 50px 0
     }

     .wecare-wrapp {
         padding: 50px 0;
     }

     .ttl:before {
         bottom: -12px;
     }

     .ttl {
         padding: 0 10px;
     }

     .wecare-ttl {
         font-size: 26px;
     }

     .banner-ttl {
         font-size: 24px
     }

     .banner-ttl span {
         font-size: 20px
     }

     .banner-back {
         bottom: 185px
     }

     .bannermob img {
         object-fit: cover;
         height: 100%
     }

     .banner-text .bannermob {
         height: auto
     }

     .tab-right,
     .event-left {
         width: 100%
     }

     .subttl {
         font-size: 16px
     }

     .blog-blk {
         width: 100%;
         display: flex;
         justify-content: space-between;
         align-items: center;
         margin-bottom: 10px
     }

     .blog-img {
         width: 200px;
         margin-right: 20px
     }

     .copy-text {
         width: 100%;
         margin: 10px 0
     }

     .footer-wrapp {
         text-align: center;
         justify-content: center
     }

     .banner-text:before {
         top: -149px;
         height: 150px
     }

     .innerbanner-text {
         top: 60%;
         line-height: 1;
     }

     .inner-bannerwrapp {
         margin-bottom: 0
     }

     .inner-ttl {
         font-size: 18px;
         padding: 5px 13px;
         margin-bottom: 10px;
     }

     .visiontextwrapp {
         width: 48%;
         margin-bottom: 10px;
     }

     .about-container .ttl br {
         display: none
     }

     .awards-innerwrapp {
         margin: 50px 0 0
     }

     .focus-container .about-moreblk {
         width: 47%;
     }

     .dropdown-blk {
         width: 100%;
     }

     .privacy-ttl {
         font-size: 18px;
         line-height: 1.2;
         margin-bottom: 10px;
     }

     .tabdata_left .tablist li {
         font-size: 16px;
     }

     .tabdata_right {
         width: 80%;
         margin: 30px auto;
     }

     .solution-wrapp .tabdata_left {
         width: 100%;
     }

     .mixing-blkwrapp .mixing-blk:nth-last-child(-n + 2) {
         width: 100%;
         margin-bottom: 30px
     }

     .mixing-blkwrapp .mixing-blk {
         width: 100%;
     }

     .download-right {
         width: auto;
     }

     .download-left {
         width: 100%;
         margin-bottom: 20px
     }

     .blog-slider .blog-img {
         width: auto
     }

     .blog-subttl {
         font-size: 18px
     }

     .blog-subheading {
         font-size: 16px
     }

     .blog-insideimg {
         margin: 20px 0
     }

     .image-ttl {
         font-size: 14px
     }

     .tableaxial-flow {
         width: 768px;
     }

     .table-wrapp {
         overflow: scroll
     }

     .event-date,
     .event-hours,
     .event-location {
         font-size: 14px;
     }

     .three-img .installation-blk {
         width: 47%;
     }

     .ttlbottom {
         margin-bottom: 30px !important;
     }

     .three-img .installation-blk:nth-child(3) {
         width: 47%;
     }

     .innerpaint-wrapp {
         padding-top: 20px;
     }

     .construction-wrapp .left-section {
         width: 100%
     }

     .why-riecoproductwrapp .why-riecoproduct-blk .no-infoblk {
         width: 50%;
     }

     .why-riecoproductwrapp .why-riecoproduct-blk .no-infoblk {
         margin-bottom: 10px
     }

     .ribbon-blenapplication ul.tabs.inside_tab.acmtab li a {
         padding: 12px;
     }

     .smk_accordion .accordion_in .acc_head {
         font-size: 18px;
     }

     .smk_accordion .accordion_in .acc_content .accinner_info p {
         font-size: 16px;
     }

     .accinner_info li {
         font-size: 16px;
     }

     .type-accorright {
         width: 53%;
     }

     .big-text {
         font-size: 17px !important;
     }

     .smallttl {
         font-size: 20px;
     }

     .pigmentapplication .installation-blk {
         width: 100%;
     }

     .form-field.textareafield {
         width: 100%;
     }

     .form-field {
         width: 100%;
     }

     .sendbtn {
         margin-left: 0
     }

     .contact-formwrapp {
         padding: 50px 30px
     }

     .link-items ul.footer-sublink.width100 li {
         width: 47%
     }

     .link-items.bigmenu .footer-link li .footer-sublink li {
         display: block
     }

     .wecare-leftblk p {
         font-size: 14px;
     }

     .wecare-text {
         font-size: 13px;
     }

     .wecare-rightblk {
         margin: 0 auto
     }

     .download-wrapp .form-field {
         width: 100%
     }

     .doubleitem .videoitem {
         width: 100%;
     }

     .video_blk.doubleitem {
         flex-wrap: wrap;
     }

     .two-img .installalationequal-blk .installation-blk {
         width: 43% !important;
     }

     #consolPopup {
         width: 80% !important;
     }

     .apply-form input {
         padding: 9px;
     }

     .enform_field {
         margin: 0 0 10px 0
     }

     .fancybox-content {
         padding: 10px;
     }

     .car-opp-blk {
         padding: 0 0 15px 0;
         margin: 0 0 15px 0
     }

     .popup_frmblk {
         padding: 30px 20px
     }

     .marTop30 {
         margin: 10px 0 0 0
     }

     .no {
         font-size: 25px;
     }

     .why-riecoproductwrapp .no-info {
         width: 80%
     }

     .why-riecoproduct-blk {
         margin: 40px auto 0
     }
     .proprety_pic_blk {width: 100%}
     .property_name {font-size: 17px;}
     .challenge_item {padding: 20px 50px 20px 20px}
     .icon_desc.fancy_desc_blk .icon_blk {display: block}
     .icon_desc.fancy_desc_blk .icon_blk .icon_pic {margin: 0 auto 10px}
     .icon_desc.fancy_desc_blk .chalenge_ttl {width: 100%;text-align: center;font-size: 20px;line-height: 25px;margin: 0 0 20px 0}
     .fancy_desc_blk.fancybox-content .chalenge_desc {text-align: center}
     .popup_btn {bottom: 0}
     .chalenge_ttl {font-size: 15px;line-height: 23px}
     .icon_pic {margin: 0 10px 0 0}
     .common-padding {padding: 30px 0}
     
 }

 @media screen and (max-width:480px) {
     .no-infoblk {
         width: 50%;
     }

     .about-right p {
         font-size: 16px;
     }

     .readmore {
         font-size: 16px;
     }

     .text-line {
         font-size: 40px;
         height: 100px
     }

     .everyday-lifetext {
         padding: 10px;
     }

     .industries-name {
         font-size: 15px;
     }

     .industries-blk {
         width: 48%;
     }

     .industry_wrapper .industries-blk {
         width: 48%;
     }

     .wecare-rightblk {
         width: 100%;
     }

     .wecare-blk {
         padding: 30px 0;
     }

     .wecare-icon {
         width: 34px;
     }

     .wecare-text {
         font-size: 18px;
     }

     .banner-text {
         padding: 16px 16px 25px 16px
     }

     .banner-slider .slick-dots {
         left: auto;
         right: 20px;
         bottom: 10px;
         top: auto;
     }

     .banner-toptext {
         font-size: 16px
     }

     .banner-ttl span {
         font-size: 14px;
         margin: 0 0 5px 0
     }

     .banner-ttl {
         font-size: 22px;
         line-height: 23px;
         margin-top: 20px;
     }

     .event-img {
         width: 100px;
         margin-right: 15px
     }

     .event-blk {
         width: calc(100% - 120px)
     }

     .readmore {
         font-size: 14px
     }

     .event-date {
         font-size: 13px
     }

     .blog-ttl {
         font-size: 14px
     }

     .blog-img {
         width: 230px
     }

     .sales-inq {
         font-size: 14px
     }

     p {
         font-size: 13px
     }
     p:last-child {margin: 0}

     .sales-icon {
         width: 44px
     }

     .sales-text {
         width: calc(100% - 70px);
     }

     .copy-text,
     .footer-left ul li a {
         font-size: 12px
     }

     .banner-text:before {
         top: -99px;
         height: 100px
     }

     .tab-menu-link {
         width: 48%
     }

     .logo {
         width: 120px;
     }

     .innerbanner-text {
         font-size: 5vw;
     }

     .about-moreblk {
         width: 164px;
     }

     .inner-aboutmoreinfo {
         width: 340px;
     }

     .visiontextwrapp {
         width: 100%;
         margin-bottom: 40px;
     }

     .visiontextwrapp:last-child {
         margin-bottom: 0px;
     }

     .visionblk {
         margin-bottom: 20px
     }

     .visionblk.row-reverse .visiontextwrapp {
         width: 100%;
     }

     .visionimgwrapp {
         width: 100%;
     }

     .about-container .ttl {
         font-size: 18px
     }

     .value-blk {
         width: 100%;
     }

     .value-ttl {
         font-size: 16px;
     }

     .facilities-right {
         width: 100%;
     }

     .awards-blk {
         width: 46%;
         margin-bottom: 30px;
     }

     .awards-text {
         font-size: 14px;
     }

     .life-atrieco-slider .slick-slide {
         transform: scale(1);
     }

     .car-opp-left {
         width: 100%;
         margin-bottom: 20px;
     }

     .privacy-list li {
         font-size: 16px;
     }

     .blog_item {
         width: 100%;
     }

     .inner-paintright {
         width: 100%;
     }

     .collaborators-text {
         font-size: 14px;
         margin-top: 0;
         line-height: 1.2
     }

     .certication-blk:first-child {
         width: 77%;
         margin-top: 0;
     }

     .certication-blk {
         width: 22%;
         margin-top: 20px;
     }

     .tablist ul {
         margin-right: 10px;
     }

     .tabdata_left .tablist li {
         font-size: 14px;
     }

     .tab-ttl {
         font-size: 20px;
     }

     .tab-subttl {
         font-size: 16px;
     }

     .tabs.main_outertab li {
         width: 100%;
     }

     .tabs.main_outertab li a {
         width: 100%;
         display: block;
     }

     .tab_contentinfoblk .tabdata_infowrapp {
         margin: 20px auto 0
     }

     .installation-blk {
         width: 100%;
     }

     .sepratettl .ttl {
         margin-bottom: 38px;
     }

     .installation-container,
     .certication-container {
         margin-top: 20px;
     }

     .video-text {
         font-size: 14px;
     }

     .download-left br {
         display: none;
     }

     .arrangement-img {
         width: 100%;
     }

     .factors-blk {
         font-size: 16px;
     }

     .factors-blk {
         width: 100%;
     }

     .case_desc ul li,
     .accinner_info li {
         font-size: 15px;
     }

     .smk_accordion .accordion_in .acc_head {
         font-size: 16px;
         padding: 11px 65px;
         line-height: 1.2;
     }

     .case_ttl {
         font-size: 16px;
     }

     .casestudy_infoblk {
         margin: 32px 0 0 0
     }

     .installation-blk:nth-last-child(-n+2) {
         width: 100%
     }

     .blog-list li {
         font-size: 16px;
     }

     .without-bannerwrapp {
         padding-top: 100px !important;
     }

     p.accor-para {
         font-size: 16px !important
     }

     .smk_accordion .accordion_in .acc_content .accinner_info p {
         font-size: 15px
     }

     .chilli-system-text {
         font-size: 16px;
     }

     .case_desc {
         font-size: 16px;
     }

     .case_ttl {
         display: block
     }

     .smk_accordion.acc_with_icon .accordion_in .acc_content {
         padding: 20px 0px;
     }

     .silo-storage-tanker,
     .scrubblingimg {
         width: 90%;
     }

     .case-study-table td {
         font-size: 14px;
     }

     .fire-trangle,
     .pneumatic-conveying-system {
         width: 90%;
     }

     .event-info.event-innerblk {
         width: 100%;
         margin-bottom: 30px;
         margin-top: 0
     }

     .offices-info {
         width: 100% !important
     }

     .manufacturing-wrapp .offices-infocontainer {
         margin-bottom: 0
     }

     .offices-infopara {
         font-size: 14px;
     }

     .wecare-blk {
         width: 50%;
         padding: 20px 0;
     }

     .aboutwrapp {
         padding-top: 0;
     }

     .event-wrapp .event-img {
         width: 100%;
     }

     .event-infowrapp.dflex-space-btw {
         display: block;
         text-align: center;
     }

     .event-wrapp .event-infowrapp .event-info {
         width: 43%;
         display: inline-block;
         vertical-align: top;
         margin: 0 10px 30px 10px;
     }

     .event-infowrapp .event-ttl {
         font-size: 20px;
         margin: 0 0 10px 0;
     }

     .event-container .event-date,
     .event-container .event-location {
         margin: 0 0 10px 0
     }

     .blog-container {
         margin-top: 10px;
     }

     .fixed-right-button .fixed-btn {
         padding: 14px;
     }

     .callicon,
     .whatsappicon,
     a.back-to-top {
         right: 10px;
     }

     .three-img .installation-blk {
         width: 100%;
     }

     ul.tabs.inside_tab li a {
         padding: 5px 5px;
         line-height: 1.2;
         font-size: 13px;
     }

     .solution-wrapp .tabs.main_outertab {
         margin-bottom: 20px;
     }

     .width50 .left-section {
         width: 100%
     }

     .three-img .installation-blk:nth-child(3) {
         width: 100%;
     }

     .collaborators-blk {
         width: 47%;
         margin: 0 auto 30px
     }

     .tick-bullets li {
         padding-left: 27px;
     }

     .tick-bullets li:before {
         transform: scale(0.7);
     }

     .tick-bullets li {
         font-size: 16px
     }

     ul.features-list li,
     .blue-text ul.features-list li {
         font-size: 13px
     }

     ul.features-list li {
         margin-bottom: 10px;
     }

     .innerbanner-text {
         top: 53%;
     }

     .relatedsystem-blk .installation-blk:nth-last-child(-n+2) {
         width: 48%;
     }

     .application-videowrapp .blog_item {
         width: 85%;
     }

     .typeblk-ribbonblen .left-section {
         width: 100%;
     }

     .why-riecoproductwrapp .no-info {
         font-size: 15px;
     }

     .typeblk-ribbonblen .leftrightsection {
         margin-bottom: 30px;
     }

     .type-accorright {
         width: 75%;
         margin: 0 auto;
     }

     .smallttl {
         font-size: 18px;
     }

     .singleimgblk.installalationequal-blk .installation-blk {
         width: 100%;
     }

     table.specification td,
     .specification th {
         font-size: 15px
     }

     .working-principal-wrapp .left-section {
         width: 100%;
     }

     ul.tabs.inside_tab.acmtab li a {
         padding: 12px 2%
     }

     .watchvideo-wrapp .video_blk {
         flex-wrap: wrap;
     }

     .watchvideo-wrapp .video_blk .videoitem {
         width: 100%;
     }

     .footer-link li .footer-sublink li {
         font-size: 12px;
     }

     .link-items.bigmenu .footer-link li .footer-sublink li {
         width: 100%
     }

     .footer-wrapp.dflex-space-btw {
         width: 80%;
         text-align: left
     }

     .event-info.event-innerblk .event-img {
         width: 80px
     }

     .event-info.event-innerblk .event-blk {
         width: calc(100% - 97px)
     }

     .download-wrapp {
         margin-top: 10px
     }

     .breadcrumb ul li {
         font-size: 14px
     }

     .breadcrumb ul li:before {
         right: -6px;
     }

     .breadcrumb ul li {
         padding: 0 8px 0 10px;
     }

     .great-place-footer {
         width: 35px;
         top: 10px;
     }

     .menuchange .great-place-footer {
         width: 31px;
         top: 10px;
     }

     .two-img .installalationequal-blk .installation-blk {
         width: 100% !important;
         margin-bottom: 20px
     }

     .whatsappicon a {
         font-size: 13px;
     }

     a.back-to-top {
         width: 32px;
         height: 32px;
     }

     .callicon {
         bottom: 150px;
     }

     .whatsappicon {
         bottom: 100px;
     }

     .industry_wrapper {
         margin-top: 50px;
     }

     .industries-container {
         margin-top: 0;
     }

     .blog-imggallery .blog-blk {
         width: 47%;
         margin-bottom: 0
     }

     header.stick .logo {
         width: 120px;
     }

     header.stick .great-place-footer {
         width: 36px;
     }

     .smk_accordion .accordion_in .acc_head .acc_icon_expand:after {
         width: 40px;
     }

     .smk_accordion .accordion_in .acc_head {
         font-size: 14px;
     }

     .smk_accordion .accordion_in .acc_head {
         padding: 11px 55px
     }

     .relatedsystem-blk .installation-blk:nth-child(3) {
         width: 100%
     }

     .relatedsystem-blk .installation-blk:nth-last-child(-n+2) {
         width: 100%
     }

     .relatedsystem-blk .installation-blk {
         width: 100%
     }

     .apply-form input {
         width: 100%;
     }

     .fancybox-content {
         padding: 20px
     }

     .jobdate ul li {
         font-size: 14px
     }

     .mobfootertext {
         margin-left: 5px
     }

     .footericonwrap .icon-phone,
     .footericonwrap .icon-whatsapp {
         font-size: 22px
     }

     .whatsappicon {
         width: 55%
     }

     .fixed-right-button .fixed-btn {
         font-size: 16px;
         right: -51px
     }

     .whatsup_channelblk {
         top: 15px;
         right: 118px;
     }

     table.mobiletable_view tbody td:before {
         font-size: 8px;
         padding: 5px 5px 5px 5px;
         line-height: 12px;
         text-align: left
     }

     table.mobiletable_view tbody td {
         font-size: 11px
     }
     .powtranpage .construction-wrapp .left-section iframe {height: 200px}
     .download-right.ibvm {display: block}
     .enquirefrm_wrapper.ibvm {display: block;width: 190px;margin: 20px 0 0 0}
     .enquirefrm_wrapper .applynow_btn {font-size: 14px;line-height: 16px;}
     .breadcrumb {margin: 0;padding: 15px 0 0 0}
 }

 @media screen and (max-width:360px) {
     .focus-container .about-moreblk {
         width: 46%;
         height: 145px;
         padding: 20px;
     }

     .focus-container .about-moreblk:nth-child(2n + 2) {
         margin-top: 11px;
     }

     .callicon,
     .whatsappicon {
         padding: 10px 5px;
         height: 40px
     }

     .footericonwrap .icon-phone,
     .footericonwrap .icon-whatsapp {
         font-size: 20px;
         line-height: 20px
     }

     .mobfootertext {
         font-size: 13px
     }

     .whatsappicon {
         width: 60%
     }
 }
 
 
 
.content-with-image {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.text-content {
    flex: 1;
    padding-right: 20px;
}

.image-content {
    flex: 0 0 auto;
    max-width: 100%;
    height: auto;
}

.image-content img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 768px) {
    .content-with-image {
        flex-direction: column;
        align-items: center;
    }

    .text-content {
        padding-right: 0;
    }

    .image-content {
        margin-top: 20px;
    }
}
ul.features-list.whitearrow li {
    font-size: 18px;
}


/* case study css  */

/* Industry Details Section */
.industry-details {
    background-color: #f8f9fa; /* Light gray for visual separation */
    padding: 20px 0;
    border-bottom: 2px solid #dee2e6;
}

.industry-title {
    font-size: 24px;
    font-weight: bold;
    color: #333;
}

.industry-location {
    font-size: 16px;
    color: #555;
}

.problem-statement h3,
.challenges h3 {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
}

.problem-statement p,
.challenges ul {
    font-size: 16px;
    color: #555;
    line-height: 1.8;
}

.challenges ul {
    list-style-type: disc;
    margin-left: 20px;
    padding: 10px;
}

/* Style for the Image Section */
.challenges-image img {
  max-width: 700px; /* Ensure image doesn't stretch too much */
  margin: 0 auto; /* Center the image */
  display: block;
}

/* Add margin to give breathing space */
.mt-4 {
  margin-top: 1.5rem;
}
/* Style for the Image Section with Heading */
.challenges-image-section h3.image-heading {
  font-size: 1.8rem;
  color: #333;
  margin-bottom: 0.5rem;
}

.challenges-image-section p.image-description {
  font-size: 1rem;
  color: #555;
  line-height: 1.6;
  margin-bottom: 1rem;
}

.challenges-image-section img {
  max-width: 700px;
  margin: 0 auto;
  display: block;
}

/* General styles for the maps and images */
.maps-section .map-image {
  border: 1px solid #ddd;
  border-radius: 4px;
  max-height: 200px; /* Set a consistent size */
  object-fit: cover;
}

/* Map Grid Responsiveness */
.maps-section .row .col-md-6,
.maps-section .row .col-lg-3 {
  display: flex;
  justify-content: center;
  align-items: center;
}
/* Map Image Styling */
.map-image {
  border: 1px solid #ddd;
  border-radius: 4px;
  object-fit: cover;
  max-height: 250px; /* Set the max height for uniformity */
  width: 100%;
}

/* Map Responsiveness */
.maps-section .row {
  display: flex;
  justify-content: center;
  gap: 10px;
}
/* Map Image Styling */
.map-image {
  border: 1px solid #ddd; /* Optional: Add border around each map */
  border-radius: 4px; /* Optional: Add rounded corners */
  object-fit: cover; /* Ensures images are uniform */
  height: 250px; /* Set a fixed height for consistency */
  width: 100%;
}
.maps-section {
  padding-top: 20px; /* Adjust this value based on design preference */
}


.table-image-section {
  padding-top: 20px; /* Adds spacing from the map section above */
  padding-bottom: 20px; /* Adds spacing at the bottom */
}

.table-image-section .img-fluid {
  max-width: 60%; /* Ensure responsiveness */
  margin: 0 auto; /* Center the image */
}

.table-image-section {
  padding-top: 20px; /* Adds spacing from the map section above */
  padding-bottom: 20px; /* Adds spacing at the bottom */
}

.table-image-section .img-fluid {
  max-width: 60%; /* Ensure responsiveness */
  margin: 0 auto; /* Center the image */
}

.results-section p {
    font-size: 16px;
    line-height: 1.8;
    margin: 0 auto;
    max-width: 800px;
    padding: 10px;
}






/* Banner  */


/* Hero Anniversary Section */
.hero-anniversary-section {
  position: relative;
  width: 100%;
  height: 95vh;
  overflow: hidden;
}

/* Responsive Background */
.hero-anniversary-section .banner-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.hero-anniversary-section .banner-bg .bg-img {
  width: 100%;
  object-fit: fill;
}

.hero-anniversary-section .overlay {
  position: absolute;
}

/* Content Layout */
.hero-anniversary-section .banner-content {
  position: relative;
  z-index: 2;
  max-width: 1440px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* Left Side */
.hero-anniversary-section .left-content {
  flex: 1;
  min-width: 280px;
}

.hero-anniversary-section .logo {
  width: 160px;
  margin-bottom: 20px;
}

.hero-anniversary-section .left-content h2 {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.4;
}

/* Right Side */
.hero-anniversary-section .right-content {
  flex: 1;
  min-width: 280px;
  text-align: end;
  position: absolute;
  right: 0;
  top:25%;
}

.hero-anniversary-section .timer-box {
  padding: 25px 50px;
  display: inline-block;
  background-image: url('../images/coun-bg.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #fff;
}

.hero-anniversary-section .countdown {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}

.hero-anniversary-section .countdown div {
  text-align: center;
}

.hero-anniversary-section .countdown span {
  font-size: 70px;
  font-weight: 400;
  line-height: 70px;
  color: #fff;
  padding-left: 25px;
      font-family: 'GilroySemibold';
}

.hero-anniversary-section .countdown p {
  font-size: 20px;
  color: #FFFFFF;
  margin-top: 5px;
  
}

.hero-anniversary-section .colon {
  font-size: 30px;
  font-weight: 600;
  color: #fff;
}

.hero-anniversary-section .tagline {
  margin-top: 20px;
  font-size: 18px;
  line-height: 1.5;
}

/* Responsive */
/* Fix for countdown number layout stability - prevents jumping when numbers change */
.hero-anniversary-section .countdown span:not(.colon) {
  display: inline-block;
  min-width: 90px;
  text-align: center;
  position: relative;
  color: #ff9900;
}

/* Remove the left padding that was causing misalignment */
.hero-anniversary-section .countdown span {
  padding-left: 0 !important;
  display: block;
  margin-bottom: -50px;
  color: #ff9900;
}

/* Mobile responsive adjustments */
@media (max-width: 1680px) {
  .hero-anniversary-section .right-content {
    top: 27%;
    position: absolute;
    right: 6%;
  }
  .hero-anniversary-section .countdown span {
    font-size: 60px;
  }
  .hero-anniversary-section .timer-box {
    padding: 20px 30px;
  }

  .hero-anniversary-section {
    height: 80vh;
  }
}
@media (max-width: 1560px) {
  .hero-anniversary-section .right-content {
    top: 25%;
    position: absolute;
    right: 10%;
  }
  .hero-anniversary-section .countdown span {
    font-size: 40px;
  }
  .hero-anniversary-section .countdown p {
    font-size: 16px;
  }
  .hero-anniversary-section .timer-box {
    padding: 10px 20px;
  }

  .hero-anniversary-section .countdown {
    gap: 10px;
  }
  .hero-anniversary-section {
    height: 90vh;
  }
}
@media (max-width: 1400px) {
  .hero-anniversary-section .right-content {
    top: 27%;
    position: absolute;
    right: 12%;
  }
  .hero-anniversary-section .countdown span {
    font-size: 40px;
  }
  .hero-anniversary-section .countdown p {
    font-size: 16px;
  }
  .hero-anniversary-section .timer-box {
    padding: 15px 15px;
  }

  .hero-anniversary-section .countdown {
    gap: 10px;
  }
  .hero-anniversary-section {
    height: 100vh;
  }
}
@media (max-width: 1400px) {
  .hero-anniversary-section .right-content {
    top: 22%;
    position: absolute;
    right: 10%;
  }
  .hero-anniversary-section {
    height: 95vh;
  }
}
@media (max-width: 1025px) {
   .hero-anniversary-section .right-content {
    top: 20%;
    position: absolute;
    right: 10%;
  }
  .hero-anniversary-section {
    height: 40vh;
  }
  .hero-anniversary-section .countdown span {
    font-size: 30px;
  }
  .hero-anniversary-section .countdown p {
    font-size: 16px;
    padding: 0;
    margin: 0;
  }
  .hero-anniversary-section .timer-box {
    padding: 10px 10px;
  }

  .hero-anniversary-section .countdown {
    gap: 0px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .logo{
    width: 147px !important;
  }
}
@media (max-width: 990px) {
.hero-anniversary-section .right-content {
    top: 14%;
    position: absolute;
    right: 10%;
  }
  .hero-anniversary-section {
    height: 40vh;
  }
  .hero-anniversary-section .countdown span {
    font-size: 26px;
  }
  .hero-anniversary-section .countdown p {
    font-size: 16px;
    padding: 0;
    margin: 0;
  }
  .hero-anniversary-section .timer-box {
    padding: 10px 10px;
  }

  .hero-anniversary-section .countdown {
    gap: 0px;
  }
}
@media (max-width: 766px) {
header {
    position: relative;
    background: #002e5b;
}
.logo {
    padding: 0;
}
     .hero-anniversary-section .banner-content {
    flex-direction: column;
    text-align: center;
    justify-content: center;
  }

 .hero-anniversary-section .left-content {
    margin-bottom: 40px;
  }

 .hero-anniversary-section .countdown span {
    font-size: 30px;
  }

 .hero-anniversary-section  .logo {
    width: 140px;
  }

 .hero-anniversary-section .left-content h2 {
    font-size: 22px;
  }
  
    .hero-anniversary-section .timer-box {
      border: 1px solid #FF9900;
    }

      .hero-anniversary-section {
        height: 28vh;
    }
  .hero-anniversary-section .countdown span:not(.colon) {
    min-width: 40px;
  }
  .hero-anniversary-section .right-content {
        top: 53%;
        position: absolute;
        right: 25%;
  }
  

  .hero-anniversary-section .countdown {
    gap: 0px;
  }

    .hero-anniversary-section .countdown p {
      font-size: 9px;
      margin-bottom: -5px;
    }

    .hero-anniversary-section .countdown span{
      font-size: 15px;
      margin-bottom: -8px;
      line-height: 18px;
    }
        .hero-anniversary-section .timer-box {
        padding: 10px 5px 6px 5px;
    }
  .hero-anniversary-section .countdown div {
    margin: 0;
  }
  .close-btn {
    width: 15px !important;
    height: 15px !important;
    font-size: 13px !important;
  }
  .hero-anniversary-section .banner-bg .bg-img{
    height: 100%
  }
  .hero-anniversary-section .right-content{
    left: 0;
    right: 0;
    margin-inline: auto;
    width: fit-content;
    min-width: fit-content
  }
}
@media (min-width: 375px) and (max-width: 376px) {
.hero-anniversary-section {
        height: 34vh;
    }
}
/* @media (min-width: 390px) and (max-width: 392px) {
    .hero-anniversary-section .right-content {
        right: 27%;
    }
}
@media (min-width: 414px) and (max-width: 415px) {
    .hero-anniversary-section .right-content {
        right: 29%;
    }
}
@media (min-width: 430px) and (max-width: 432px) {
 .hero-anniversary-section .right-content {
        right: 29%;
    }
} */
@media screen and (max-width: 480px) {
    .logo {
        width: 89px;
    }
}