@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

/*font-family: "DM Sans", sans-serif;*/

*::before,

*::after {

  box-sizing:border-box;

  -webkit-box-sizing:border-box;

  -moz-box-sizing:border-box;

  -o-box-sizing:border-box;

  -ms-box-sizing:border-box;

  outline: none;

}



@font-face {

  font-family:'TT Satoshi';

  src: url('../font/tt-satoshi-regular.eot');

src: url('../font/tt-satoshi-regular.eot?#iefix') format('embedded-opentype'),

  url('../font/tt-satoshi-regular.woff2') format('woff2'),

  url('../font/tt-satoshi-regular.woff') format('woff'),

  url('../font/tt-satoshi-regular.svg#../font/tt-satoshi-regular') format('svg');

  font-weight: 400;

  font-style: normal;

  font-stretch: normal;

  unicode-range: U+0020-2074;

}



@font-face {

  font-family:'i';

  src: url('../font/tt-satoshi-medium.eot');

src: url('../font/tt-satoshi-medium.eot?#iefix') format('embedded-opentype'),

  url('../font/tt-satoshi-medium.woff2') format('woff2'),

  url('../font/tt-satoshi-medium.woff') format('woff'),

  url('../font/tt-satoshi-medium.svg#tt-satoshi-medium') format('svg');

  font-weight: 500;

  font-style: normal;

  font-stretch: normal;

  unicode-range: U+0020-2074;

}

@font-face {

  font-family:'TT Satoshi DemiBold';

  src: url('../font/tt-satoshi-demiBold.eot');

src: url('../font/tt-satoshi-demiBold.eot?#iefix') format('embedded-opentype'),

  url('../font/tt-satoshi-demiBold.woff2') format('woff2'),

  url('../font/tt-satoshi-demiBold.woff') format('woff'),

  url('../font/tt-satoshi-demiBold.svg#tt-satoshi-demiBold') format('svg');

  font-weight: 600;

  font-style: normal;

  font-stretch: normal;

  unicode-range: U+0020-2074;

}



:root {

  --main-color: #104EA3;

  --green-color: #47B658;

  --tt400: 'TT Satoshi';

  --tt500: 'i';

  --tt600: 'TT Satoshi DemiBold';

}



html, body {

  font-family: var(--tt400);

  font-weight: 400;

  font-size:18px;

  line-height:1.5;

  padding:0;

  margin:0;

}



a {

  color:var(--main-color);

  text-decoration:none;

  transition:all .5s ease;

  -webkit-transition:all .5s ease;

  -moz-transition:all .5s ease;

  display: inline-block;

}





.main-wapper{padding-top: 0px;}

.container{max-width: 1345px;}

.main-header{ padding: 30px 0 0px 0; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 9; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; }
.main-header .logo img{max-height: 80px;}
.main-header .inner-header{display: flex; justify-content: space-between; align-items: center; border-bottom: #fff 1px solid; padding: 0}

.main-header .rightside{display: flex; align-items: center;}

.main-header .rightside ul.main-menu{margin: 0px; padding: 0px; list-style: none; display: flex; position:relative; }

.main-header .rightside ul.main-menu::before{content: ''; width: 100%; left: 0px; bottom: -2px; height: 3px; background:#fff; position: absolute;}

.main-header .rightside ul.main-menu li{margin-left: 44px;}

.main-header .rightside ul.main-menu li:first-child{margin-left: 0px}

.main-header .rightside ul.main-menu li a{font-size: 14px; line-height: 19px; font-family: var(--tt500); color: #fff; display: block; position: relative; padding: 40px 0;}

.main-header .rightside ul.main-menu li a::before{content: ''; width: 100%; left: 0px; bottom: -2px; height: 3px; background: #fff;  position: absolute; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; }

.main-header .rightside ul.main-menu li a:hover::before,

.main-header .rightside ul.main-menu li.current_page_parent a::before,

.main-header .rightside ul.main-menu li.current-menu-item a::before,

.main-header .rightside ul.main-menu li a.active::before{width: 100%; background:var(--main-color); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; }

.main-header .rightside .in-icon{width: 12px; height: 12px; display: flex; align-items: center; justify-content: center;}

.main-header .rightside .in-icon svg path{fill: var(--main-color);}

.main-header .rightside .in-icon:hover svg path{fill: var(--second-color);}



.main-header .btn-menu{width: 22px; height: 22px; border: none; background: transparent; position: relative; padding: 0px; transition: all .5s ease;  margin-left: 15px; display: none}

.main-header .btn-menu span{width: 100%; height: 2px; background: #fff; display: block;  transition: all .5s ease;}

.main-header .btn-menu span:nth-of-type(3n+1){position: absolute; top: 0px; left: 0px; transition: all .5s ease;}

.main-header .btn-menu span:nth-of-type(3n+2){position: absolute; top: 10px; width:70%; left: 0px; transition: all .5s ease;}

.main-header .btn-menu span:nth-of-type(3n+3){position: absolute; bottom: 0px; left:0px; transition: all .5s ease;}

.main-header .btn-menu.active span:nth-of-type(3n+1){  transform: rotate(-45deg); left: 0px; top:10px; transition: all .5s ease;}

.main-header .btn-menu.active span:nth-of-type(3n+2){display: none;}

.main-header .btn-menu.active span:nth-of-type(3n+3){ transform: rotate(45deg);left: 0px; transition: all .5s ease; bottom: 10px;}



header.fixed .main-header{background:var(--green-color); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;  padding: 0; -webkit-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.15); box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.15);}



.top-main-slider-area{margin: 0px;}

.top-main-slider-area .inner-photo-block{width: 100%; height: 100vh; position: relative; overflow: hidden;}

.top-main-slider-area .inner-photo-block img{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; width: 100%; height: 100%;}

.top-main-slider-area .inner-photo-block::before{content: ''; position: absolute; top: 0px; left: 0px; width: 84%; height: 100%; background: linear-gradient(237.97deg, rgba(0, 0, 0, 0) 31.47%, rgba(0, 0, 0, 0.36) 76.49%); z-index: 2}

.top-main-slider-area .inner-photo-block .content-area{position: absolute; top: 0px; left: 0px; width: 100%; z-index: 3; padding:100px 0 0px 0; height: 100%; display: flex; align-items: center; }

.top-main-slider-area .inner-photo-block .content-area .content-block{position: relative; max-width: 400px}

.top-main-slider-area .inner-photo-block .content-area .title::before{content: ''; position: absolute; top: 50%; left: 50%; margin-left: -725px; margin-top: -244px; width: 1450px; height: 488px; background: url(../images/fade-bg.png) center center no-repeat; background-size: 100%;}

.top-main-slider-area .inner-photo-block .content-area h1{font-size: 72px; line-height: 88px; color: #fff; font-family: var(--tt600); margin: 0 0 8px 0 }

.top-main-slider-area .inner-photo-block .content-area p{font-size: 16px; line-height: 22px; color: #fff; font-family: var(--tt400); margin: 0 }



.service-slider-section{padding: 0 0 88px 0; margin: -98px 0 0 0; position: relative; z-index: 1; }

.service-slider-section .service-block{min-height: 532px; position: relative; padding: 48px 56px}

.service-slider-section .service-block h2{font-size: 40px; line-height: 50px; color: #fff; font-family: var(--tt600); margin: 0 0 8px 0}

.service-slider-section .service-block p{font-size: 16px; line-height: 25px; color: #fff; font-family: var(--tt400); margin: 0px}



.service-slider-section .service-block.oil-product-block{background:var(--main-color); }

.service-slider-section .service-block.oil-product-block .service-photo{position: absolute; bottom: 0px; left: 0px; width: 100%; }

.service-slider-section .service-block.oil-product-block .service-photo::before{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 140px; background: linear-gradient(180deg, #104EA3 0%, rgba(16, 78, 163, 0) 100%);}



.service-slider-section .service-block.gas-cylinder-block{background:#E9E9E9; }

.service-slider-section .service-block.gas-cylinder-block .service-photo{position: absolute; bottom: 0px; left: 0px; width: 100%; }

.service-slider-section .service-block.gas-cylinder-block .service-photo::before{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 140px; background: linear-gradient(180deg, #E9E9E9 0%, rgba(233, 233, 233, 0) 91.53%);}

.service-slider-section .service-block.gas-cylinder-block h2,

.service-slider-section .service-block.gas-cylinder-block p{color: var(--main-color);}



.service-slider-section .service-block.lpg-bottling-block{background:var(--green-color); }

.service-slider-section .service-block.lpg-bottling-block .service-photo{position: absolute; bottom: 0px; left: 0px; width: auto; }



.service-slider-section .owl-dots{display: none}

.service-slider-section .owl-prev{position: absolute; top: 50%; left: -23px; margin-top: -23px;}

.service-slider-section .owl-next{position: absolute; top: 50%; right: -23px; margin-top: -23px;}



.who-we-are-section{padding: 0 0 88px 0}

.who-we-are-section .container{display: flex;}

.who-we-are-section .titlebar{width: 42%; padding-right: 60px}

.who-we-are-section .content-area{width:58%; padding-top: 20px}

.who-we-are-section h2{font-family: var(--tt600); font-size: 71px; color: var(--main-color); line-height: 88px; margin: 0 0 12px 0}

.who-we-are-section .subtitle{font-size: 25px; line-height: 173%; color: var(--green-color); font-family: var(--tt500);}

.who-we-are-section p{font-size: 16px; line-height: 173%; color: #414141; font-family: var(--tt400); margin: 0 0 35px 0}

.who-we-are-section .btn-read{background: #fff; border: var(--main-color) 1px solid; padding: 12px 32px; font-size: 14px; line-height: 18px; font-family: var(--tt500); color: var(--main-color)}

.who-we-are-section .btn-read:hover{background:var(--main-color); color: #fff}



.news-section{padding: 0 0 100px 0;}

.news-section.news-page{padding: 68px 0 58px 0;}

.news-section h2{font-size: 40px; line-height: 50px; font-family: var(--tt600); color: var(--main-color); margin: 0 0 28px 0;}

.news-section ul.news-list{margin: 0px -13px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}

.news-section ul.news-list li{width: 33.33%; padding: 0 13px; margin-bottom: 50px;min-height: 630px;}

.news-section .news-block{width: 100%; padding: 0px 0px 42px 0px; border-bottom: var(--main-color) 1px solid; position: relative; margin-bottom: 1px;height:100%;}

.news-section .news-block::before{content: ''; width: 85px; position: absolute; height: 3px; background: var(--green-color); bottom: -2px; left: 0px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}

.news-section .news-block .news-photo{width: 100%; height: 274px; position: relative; overflow: hidden;}

.news-section .news-block .news-photo img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; transition: all .5s ease;}

.news-section .news-block .date{font-size: 16px; line-height: 28px; color: var(--green-color); font-family: var(--tt400); margin: 30px 0 20px 0;}

.news-section .news-block .title{font-size: 25px; line-height: 172%; color: #414141; font-family: var(--tt400); margin: 0px 0 20px 0; text-transform: uppercase; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

.news-section .news-block p{font-size: 16px; line-height: 172%; color: #414141; font-family: var(--tt400); margin: 0px 0 15px 0;display:-webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

.news-section .news-block .btn-read{background: #fff; border: var(--main-color) 1px solid; padding: 12px 32px; font-size: 14px; line-height: 18px; font-family: var(--tt500); color: var(--main-color)}

.news-section .news-block:hover .btn-read{background:var(--main-color); color: #fff}

.news-section .news-block:hover::before{width: 100%; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}

.news-section .news-block:hover .news-photo img{transform: scale(1.1); transition: all .5s ease;}

.news-section .owl-prev{position: absolute; top: -74px; right:40px;}

.news-section .owl-next{position: absolute; top: -74px; right: 0px;}

.news-section .owl-dots{display: none;}

.news-section .btn-more{background: #fff; border: var(--main-color) 1px solid; padding: 12px 32px; font-size: 14px; line-height: 18px; font-family: var(--tt500); color: var(--main-color)}

.news-section .btn-more:hover{background:var(--main-color); color: #fff}



.news-slider .item{min-height: 630px !important; height: 1px !important;}



.footer-area{background: var(--main-color); position: relative; overflow: hidden;}

.footer-area .flex-row{display: flex; padding: 82px 0 46px 0; border-bottom: #FFFFFF 1px solid; position: relative; z-index: 2;}

.footer-area .flex-row::before{content: ''; position: absolute; bottom: -1px; right: 0px; width: 430px; height: 2px; background: var(--green-color);}

.footer-area .logo-part{width: 23%;}

.footer-area .quick-link-area{width: 19.5%;}

.footer-area .service-area{width: 31%;}

.footer-area .contact-area{width: 26.5%;}

.footer-area h2{font-size: 16px; font-family: var(--tt600); color: #fff; line-height: 20px; margin: 0 0 8px 0; text-transform: uppercase;}

.footer-area ul.link{margin: 0px; padding: 0px; list-style: none;}

.footer-area ul.link li a{color: #fff; font-size: 16px; line-height: 188%; font-family: var(--tt400);}

.footer-area ul.link li:hover a{letter-spacing: 0.5px;}

.footer-area .flex-row p{font-size: 16px; line-height: 172%; color: #fff; font-family: var(--tt400); margin: 0 0 16px 0;}

.footer-area .flex-row p a{color: #fff;}

.footer-area .flex-row p strong{color: var(--green-color); font-family: var(--tt600);}

.footer-area .flex-row .in-link{width: 34px; height: 34px; background: var(--green-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-top: 25px;}

.footer-area .flex-row .in-link svg path{fill: var(--main-color);}

.footer-area .flex-row .in-link:hover{background: #fff;}

.footer-area .copyright{display: flex; justify-content: space-between; padding: 36px 0; position: relative; z-index: 2;}

.footer-area .copyright p{margin: 0px; font-size: 14px; line-height: 24px; color: #fff; font-family: var(--tt400);}

.footer-area .copyright a{ font-size: 14px; line-height: 24px; color: #fff; font-family: var(--tt400);}

.footer-area .logo-icon{width: 278px; position: absolute; bottom: 20px; left: 50%; margin-left: -139px;}





.inner-top-area{position: relative; height: 580px; overflow: hidden;}

.inner-top-area img{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; width: 100%; height: 100%;}

.inner-top-area::before{content: ''; position: absolute; top: 0px; left: 0px; width: 84%; height: 100%; background: linear-gradient(237.97deg, rgba(0, 0, 0, 0) 31.47%, rgba(0, 0, 0, 0.36) 76.49%); z-index: 3}

.inner-top-area::after{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 280px; background: linear-gradient(180deg, #000000 -29.24%, rgba(0, 0, 0, 0) 100%); z-index: 2}

.inner-top-area .bottom-fade{background: linear-gradient(0deg, #0E4B9F 0%, rgba(14, 75, 159, 0) 100%); position: absolute; bottom: 0px; left: 0px; width: 100%; height: 238px; z-index: 1;}

.inner-top-area .content-area{position: absolute; top: 0px; left: 0; z-index: 5; width: 100%; height: 100%; display: flex; align-items: center; padding: 100px 0 0 0;}

.inner-top-area .content-area h1{color: #fff; font-size: 50px; line-height: 62px; font-family: var(--tt600); margin: 0 0 5px 0;}

.inner-top-area .content-area ul.breadcrumb-menu{margin: 0px; padding: 0px; list-style: none; display: flex;}

.inner-top-area .content-area ul.breadcrumb-menu li{font-size: 16px; line-height: 140%; color: #fff; font-family: var(--tt400);}

.inner-top-area .content-area ul.breadcrumb-menu li a{color: #fff;}

.inner-top-area .content-area ul.breadcrumb-menu li::after{content: '-'; margin: 0px 10px;}

.inner-top-area .content-area ul.breadcrumb-menu li:last-child:after{content:none}


textarea{max-height: 150px;}
.contact-page{padding: 0 0 100px 0; margin-top: -135px; position: relative; z-index: 4;z-index: 7;}

.contact-page .flex-contact{display: flex; flex-wrap: wrap;}

.contact-page .flex-contact .info-area{width: 44%; background: linear-gradient(157.61deg, #104EA3 30.09%, #47B658 99.21%); padding: 80px;}

.contact-page .flex-contact .info-area h2{font-size: 40px; line-height: 52px; color: #fff; font-family: var(--tt500); }

.contact-page .flex-contact .info-area p{font-size: 18px; line-height: 32px; color: #fff; font-family: var(--tt400); margin: 0;}

.contact-page .flex-contact .info-area .info{padding: 0 0 0 50px; position: relative; font-size: 16px; line-height: 189%; margin: 40px 0 0 0;}

.contact-page .flex-contact .info-area .info a{color: #fff; display: block;}

.contact-page .flex-contact .info-area .info .icon{position: absolute; top: 2px; left: 0px; width: 28px; height: 28px;}

.contact-page .flex-contact .info-area .info .icon svg{vertical-align: top;}

.contact-page .flex-contact .form-area{width: 56%; background: #F5F5F5; padding: 86px 70px;}

.contact-page .flex-contact .form-area .input-block{margin-bottom: 25px;}

.contact-page .flex-contact .form-area label{display: block; margin: 0px; color: var(--green-color); font-size: 12px; line-height: 14px; font-family: var(--tt400);}

.contact-page .flex-contact .form-area .form-control{border: none; border-bottom: #000 1px solid; border-radius: 0px; font-size: 18px; font-weight: 500; color: var(--main-color); font-family: var(--tt500); line-height: 25px; padding: 10px 0; background: transparent; height: auto;}

.contact-page .flex-contact .form-area .form-control:focus{box-shadow: none; border-bottom: var(--main-color) 1px solid;}

.contact-page .flex-contact .form-area .form-control::-webkit-input-placeholder {color: var(--main-color)}

.contact-page .flex-contact .form-area .form-control::-moz-placeholder {color: var(--main-color)}

.contact-page .flex-contact .form-area .form-control:-ms-input-placeholder {color: var(--main-color)}

.contact-page .flex-contact .form-area .form-control:-moz-placeholder {color: var(--main-color)}

.contact-page .flex-contact .form-area .form-select{border: none; border-bottom: #000 1px solid; border-radius: 0px; font-size: 18px; font-weight: 500; color: var(--main-color); font-family: var(--tt500); line-height: 25px; padding: 10px 0; background-color: transparent; height: auto; width: 25%; margin-right: 24px; background-position: right 0 center;}

.contact-page .flex-contact .form-area .form-select:focus{box-shadow: none; border-bottom: var(--main-color) 1px solid;}

.contact-page .flex-contact .form-area .wpcf7-form-control{width: 100%; border-radius: 0px; font-size: 18px; font-weight: 500; color: #000; line-height: 25px; padding: 10px 0; background: transparent; height: auto; border: none; border-bottom: #000 1px solid;}

.contact-page .flex-contact .form-area .wpcf7-form-control:focus{box-shadow: none; border-bottom: var(--main-color) 1px solid;}

.contact-page .flex-contact .form-area .wpcf7-form-control:focus-visible{outline: none;box-shadow: none;}

.intl-tel-input.separate-dial-code .selected-flag{background: transparent;}

.contact-page .flex-contact .wpcf7 form .wpcf7-response-output{color: #000;}

.contact-page .flex-contact .form-area .btn-send{background: var(--green-color); border: none; margin-top: 12px; color: #fff; text-transform: uppercase; font-size: 12px; line-height: 16px; padding: 12px 60px; font-family: var(--title-font);}

.contact-page .flex-contact .form-area .btn-send:hover{background: var(--main-color);}

.contact-page .flex-contact .map-area{width: 100%; height: 420px;}

.contact-page .flex-contact .map-area iframe{width: 100%; height: 100%;}



.career-content-area{padding: 80px 0;}

.career-content-area h2{font-size: 40px; font-family: var(--tt500); color: var(--main-color); margin: 0 0 20px 0; text-align: center;}

.career-content-area p{font-size: 16px; font-family: var(--tt400); line-height: 172%; color:#414141; margin: 0 auto 20px auto; text-align: center; max-width: 1120px;}

.career-content-area p:last-child{margin: 0px auto;}



.apply-now-area{padding: 80px 0; background: #F1F1F1;}

.apply-now-area h2{font-size: 40px; font-family: var(--tt500); color: var(--main-color); margin: 0 0 10px 0; line-height: 42px;}

.apply-now-area .input-block{margin: 0 0 8px 0;}

.apply-now-area .input-block .form-control{border: none; border-bottom: var(--main-color) 1px solid; border-radius: 0px; font-size: 16px; color: var(--main-color); font-family: var(--tt400); line-height: 34px; padding: 26px 0; background: transparent; height: auto;}

.apply-now-area .input-block .form-control:focus{box-shadow: none; border-bottom: var(--main-color) 1px dashed;}

.apply-now-area .input-block .form-control::-webkit-input-placeholder {color: var(--main-color)}

.apply-now-area .input-block .form-control::-moz-placeholder {color: var(--main-color)}

.apply-now-area .input-block .form-control:-ms-input-placeholder {color: var(--main-color)}

.apply-now-area .input-block .form-control:-moz-placeholder {color: var(--main-color)}

.apply-now-area .form-input--file{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--main-color); font-size: 16px; color: var(--main-color); font-family: var(--tt400); line-height: 34px; padding: 20px 0px; margin: 0 0 8px 0;}

.apply-now-area .form-input--file .border {font-family: var(--tt500); font-size: 14px; line-height: 18px; padding: 13px 52px; border: var(--main-color) 1px solid !important; background: transparent; color: var(--main-color); border-radius: 30px;}

.apply-now-area .form-input--file .wpcf7-form-control-wrap {opacity: 0;visibility: hidden;position: absolute;top: 0;left: 0;}

.apply-now-area .btn-submit{background: transparent; border: var(--main-color) 1px solid; padding: 12px 44px; font-size: 14px; line-height: 18px; font-family: var(--tt500); color: var(--main-color); margin-top: 35px;}

.apply-now-area .btn-submit:hover{background:var(--main-color); color: #fff}



.our-plants-section{padding: 0 0 50px 0; margin-top: -135px; position: relative; z-index: 4;}

.our-plants-section .inner-block{display: flex; background: #E9E9E9; margin-bottom: 50px;}

.our-plants-section .inner-block .photo-block{width: 60%; min-height: 250px;}

.our-plants-section .inner-block .photo-block .photo{width: 100%; height: 100%; position: relative; overflow: hidden;}

.our-plants-section .inner-block .photo-block .photo img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}

.our-plants-section .inner-block .content-block{width: 40%; padding: 56px 60px;}

.our-plants-section .inner-block .content-block h2{font-size: 60px; line-height: 74px; font-family: var(--tt600); color: var(--main-color); display: flex;  margin: 0 0 16px 0;}

.our-plants-section .inner-block .content-block h2 span{font-size: 40px; line-height: 50px; margin-left: 8px; padding: 12px 0;}

.our-plants-section .inner-block .content-block p{font-size: 16px; line-height: 156%; color: var(--main-color); font-family: var(--tt400); margin: 0 0 30px 0;}

.our-plants-section .inner-block .content-block ul{margin: 0px; padding: 0px; list-style: none; width: 90%;}

.our-plants-section .inner-block .content-block ul li{font-size: 16px; line-height: 156%; color: var(--main-color); font-family: var(--tt600); margin: 0 0 25px 0; position: relative; padding-left: 36px;}

.our-plants-section .inner-block .content-block ul li:last-child{margin: 0px;}

.our-plants-section .inner-block .content-block ul li::before{content: ''; position: absolute; top: 1px; left: 0px; background: url(../images/location-icon.svg) center center no-repeat; width: 20px; height: 24px; background-size: 100%;}

.our-plants-section .inner-block:nth-child(2n){flex-direction: row-reverse;}



.our-legacy-section{padding: 100px 0}

.our-legacy-section .container{display: flex;}

.our-legacy-section .titlebar{width: 42%; padding-right: 60px}

.our-legacy-section .content-area{width:58%; padding-top: 20px}

.our-legacy-section h2{font-family: var(--tt600); font-size: 71px; color: var(--main-color); line-height: 88px; margin: 0 0 12px 0}

.our-legacy-section .subtitle{font-size: 25px; line-height: 173%; color: var(--green-color); font-family: var(--tt500);}

.our-legacy-section p{font-size: 16px; line-height: 173%; color: #414141; font-family: var(--tt400); margin: 0 0 26px 0}

.our-legacy-section p:last-child{margin: 0px;}



.vision-section{position: relative; padding: 580px 0 45px 0; }

.vision-section .vision-photo{width: 100%; height: 680px; position: absolute; overflow: hidden; top: 0px; left: 0px; z-index: 1;}

.vision-section .vision-photo img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}

.vision-section .vision-photo::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: linear-gradient(0deg, #104EA3 0%, rgba(16, 78, 163, 0) 100%); height: 470px; z-index: 1;}

.vision-section .bg{position: absolute; background-color: var(--main-color); top: 0px; left: 0px; width: 100%; height: 100%; padding-top: 680px;}

.vision-section .bg .green-bg{width: 100%; height: 100%; background: linear-gradient(180deg, #104EA3 0%, #47B658 100%);}

.vision-section .container{position: relative; z-index: 2;}

.vision-section .flex-content{display: flex; margin: 0 0 45px 0;}

.vision-section .flex-content h2{font-family: var(--tt600); font-size: 71px; color: #fff; line-height: 88px; margin: 0 0 12px 0; width: 42%; padding-right: 60px}

.vision-section .flex-content .content-block{width:58%; padding-top: 20px}

.vision-section .flex-content .content-block p{font-size: 16px; line-height: 173%; color: #fff; font-family: var(--tt400); margin: 0 0 26px 0}

.vision-section .flex-content .content-block p:last-child{margin: 0px;}



.service-page{padding: 0 0 80px 0; margin-top: -135px; position: relative; z-index: 4;}

.service-page ul.service-list{margin: 0px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}

.service-page ul.service-list li{width: 33.33%;}

.service-page ul.service-list li.large{width: 66.66%;}



.service-page .service-block{min-height: 720px; position: relative; padding: 48px 56px; overflow: hidden;}

.service-page .service-block h2{font-size: 40px; line-height: 50px; color: #fff; font-family: var(--tt600); margin: 0 0 8px 0}

.service-page .service-block p{font-size: 16px; line-height: 25px; color: #fff; font-family: var(--tt400); margin: 0px}



.service-page .service-block.oil-product-block{background: linear-gradient(175.93deg, #47B658 1.2%, #104EA3 53.04%);}

.service-page .service-block.oil-product-block .service-photo{position: absolute; bottom: 0px; left: 0px; width: 100%; }

.service-page .service-block.oil-product-block .service-photo::before{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 140px; background: linear-gradient(180deg, #104EA3 0%, rgba(16, 78, 163, 0) 100%);}

.service-page .service-block.oil-product-block .service-photo img{width: 100%;}



.service-page .service-block.gas-cylinder-block{background:#E9E9E9; }

.service-page .service-block.gas-cylinder-block .service-photo{position: absolute; bottom: 0px; left: 0px; width: 100%;}

.service-page .service-block.gas-cylinder-block .service-photo img{width: 100%;}

.service-page .service-block.gas-cylinder-block .service-photo::before{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 140px; background: linear-gradient(180deg, #E9E9E9 0%, rgba(233, 233, 233, 0) 91.53%); display: none;}

.service-page .service-block.gas-cylinder-block h2,

.service-page .service-block.gas-cylinder-block p{color: var(--main-color);}

.service-page .service-block.gas-cylinder-block .plant-name{font-size: 20px; line-height: 25px; font-family: var(--tt600); color: var(--main-color); border-top: var(--main-color) 1px solid; border-bottom: var(--main-color) 1px solid; padding: 16px 20px 16px 0; margin-top: 25px; display: inline-block;}



.service-page .service-block.lpg-bottling-block{background:var(--green-color); }

.service-page .service-block.lpg-bottling-block .service-photo{position: absolute; bottom: -18px; left: -88px; width: auto; }

.service-page .service-block.lpg-bottling-block .bottom-content{position: absolute; bottom: 100px; right: 26px; width: 200px;}

.service-page .service-block.lpg-bottling-block .bottom-content h3{font-size: 20px; line-height: 25px; color: #fff; font-family: var(--tt600); border-bottom: #fff 1px solid; padding-bottom: 10px;}

.service-page .service-block.lpg-bottling-block .bottom-content ul{margin: 0px; padding: 0px; list-style: none;}

.service-page .service-block.lpg-bottling-block .bottom-content ul li{font-size: 12px; line-height: 154%; color: #fff; font-family: var(--tt400); width: 100%;}



.service-page .service-block.gas-stations-block{background: var(--main-color); padding: 48px 40px 48px 50px;}

.service-page .service-block.gas-stations-block .service-photo{position: absolute; bottom: 0px; left: 0px; width: 100%;}

.service-page .service-block.gas-stations-block .service-photo img{width: 100%;}

.service-page .service-block.gas-stations-block .service-photo::before{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 140px; background: linear-gradient(180deg, #104EA3 0%, rgba(16, 78, 163, 0) 100%);}

.service-page .service-block.gas-stations-block .leftside{width: 53%; padding-right: 65px;}

.service-page .service-block.gas-stations-block .rightside{width: 47%; display: flex;}

.service-page .service-block.gas-stations-block .rightside .half-part{width: 50%; padding: 0 13px 0 0;}

.service-page .service-block.gas-stations-block .rightside .half-part h3{font-size: 20px; line-height: 25px; color: #fff; font-family: var(--tt600); padding: 18px 0; border-top: #fff 1px solid; border-bottom: #fff 1px solid;}

.service-page .service-block.gas-stations-block .rightside .half-part:last-child{padding: 0 0 0 13px;}

.service-page .service-block.gas-stations-block .rightside .half-part p{font-size: 12px; line-height: 155%; color: #fff; font-weight: 400;}

.service-page .service-block.gas-stations-block .rightside .half-part p strong{font-size: 20px; line-height: 25px; font-family: var(--tt600);}

.service-page .service-block.gas-stations-block .info {border-bottom: #fff 1px solid; padding: 8px 0; color: #fff; font-size: 12px; line-height: 20px;}
.service-page .service-block.gas-stations-block .info h3{font-size: 20px; line-height: 25px; color: #fff; font-family: var(--tt600); padding: 6px 0 0 0}
.service-page .service-block.gas-stations-block .info.fst{border-top: #fff 1px solid; margin-top: 30px;}
.service-page .service-block.gas-stations-block .info.fst:last-child{margin-top: 0px; border-top: none; position: relative; z-index: 1;}
.service-page .service-block.gas-stations-block .info span{font-size: 20px; line-height: 25px; font-family: var(--tt600);}



.cylinder-sizes-area{padding: 0 0 90px 0;}

.cylinder-sizes-area .cylinder-banner{background: linear-gradient(272.45deg, rgba(71, 182, 88, 0) 5.61%, #47B658 96.92%); padding: 48px 142px 48px 72px; display: flex; align-items: center; justify-content: space-between; position: relative;}

.cylinder-sizes-area .cylinder-banner .content{width: 38%;}

.cylinder-sizes-area .cylinder-banner .content h2{font-size: 50px; line-height: 62px; color: #fff; font-family: var(--tt600); margin: 0 0 20px 0;}

.cylinder-sizes-area .cylinder-banner .content p{font-size: 16px; line-height: 155%; color: #fff; font-family: var(--tt400); margin: 0;}

.cylinder-sizes-area .cylinder-banner .logo-bg{position: absolute; top: 50%; right: 0px; margin-top: -207px; width: 742px;}

.cylinder-sizes-area .cylinder-banner .logo-bg img{width: 100%;}

.cylinder-sizes-area .cylinder-banner .cylinder-img-area{width: 42%; display: flex; align-items: end; justify-content: space-between; position: relative; z-index: 2;}

.contentpost-area {padding: 70px 0;}