.petro-engin-main-page-slider{border-bottom-right-radius:1.5rem;border-bottom-left-radius:1.5rem;background-position:top;height:80vh;background-image:url(/assets/images/main-page-bg.svg);background-size:cover;background-repeat:no-repeat;position:relative}.petro-engin-main-page-slider .main-btn{display:flex;flex-direction:column;gap:1.25rem}@media all and (min-width: 350px){.petro-engin-main-page-slider .main-btn{flex-direction:row}}.petro-engin-main-page-slider .opacity{position:absolute;top:0;left:0;right:0;bottom:0;border-bottom-right-radius:1.5rem;border-bottom-left-radius:1.5rem;background:rgba(24,72,71,.87)}.petro-engin-main-page-slider .main{position:absolute;z-index:50;display:grid;height:100%;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 768px){.petro-engin-main-page-slider .main{grid-template-columns:repeat(10,minmax(0,1fr))}}.petro-engin-main-page-slider .main{padding:0 8%}@media all and (max-width: 640px){.petro-engin-main-page-slider .main{padding:0 5%}}.petro-engin-main-page-slider .main>div:first-child{grid-column:span 5 / span 5;display:flex;height:100%;flex-direction:column;justify-content:center}.petro-engin-main-page-slider .main>div:last-child{position:relative;top:25%;grid-column:span 3 / span 3;grid-column-start:8;display:none}@media (min-width: 768px){.petro-engin-main-page-slider .main>div:last-child{display:block}}.petro-engin-main-page-slider .main>div:last-child>div:first-child{position:relative;top:0;left:0;background-image:url(/assets/images/main-page-slide-rounded-bg.svg);background-repeat:no-repeat;height:300px;width:240px;z-index:1000}.petro-engin-main-page-slider .main>div:last-child>div:first-child .cloud-image-bg{position:absolute;top:-2.5rem;right:0;left:0;margin-left:auto;margin-right:auto;display:flex;justify-content:center;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:.75rem;width:70px;height:70px}.petro-engin-main-page-slider .main>div:last-child>div:last-child{position:absolute;top:5rem;left:5rem;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:.5rem}.petro-engin-main-page-slide{height:-moz-fit-content;height:fit-content;height:80vh}.petro-engin-main-page-search{position:relative;z-index:50;margin-left:auto;margin-right:auto;margin-top:-3rem;display:block;height:-moz-fit-content;height:fit-content;width:91.666667%;border-radius:1rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:.75rem;--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: #18484720;--tw-shadow: var(--tw-shadow-colored)}@media (min-width: 768px){.petro-engin-main-page-search{width:60%;padding:1.25rem}}.petro-engin-main-page-search .ant-input{height:100%;border-radius:.75rem!important;border-width:0px!important;background-color:#1848471a;padding:1.5rem .75rem;--tw-shadow: 0 0 #0000 !important;--tw-shadow-colored: 0 0 #0000 !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.petro-engin-main-page-search .ant-input:hover{border-right-width:0px!important}@media (min-width: 768px){.petro-engin-main-page-search .ant-input{padding:1rem}}.petro-engin-main-page-sections{margin-top:8rem;margin-bottom:8rem;padding:0 8%}@media all and (max-width: 640px){.petro-engin-main-page-sections{padding:0 5%}}.petro-engin-main-page-about-us{margin-top:5rem;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.25rem}@media (min-width: 768px){.petro-engin-main-page-about-us{grid-template-columns:repeat(2,minmax(0,1fr))}}.petro-engin-main-page-about-us .pics{position:relative}.petro-engin-main-page-about-us .pics>div:first-child{position:relative;z-index:10;width:100%}@media (min-width: 768px){.petro-engin-main-page-about-us .pics>div:first-child{width:66.666667%}}.petro-engin-main-page-about-us .pics>div:first-child .opacity{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;background:rgba(24,72,71,.8);border-radius:35px}.petro-engin-main-page-about-us .pics>div:nth-child(2){position:absolute;z-index:20;height:6rem;width:16rem;border-radius:1rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: #e2e8f0;--tw-shadow: var(--tw-shadow-colored);right:20%;top:60%}@media all and (max-width: 640px){.petro-engin-main-page-about-us .pics>div:nth-child(2){right:10%;bottom:-50px;top:unset!important}}.petro-engin-main-page-about-us .pics>div:nth-child(3){position:absolute;display:none}@media (min-width: 768px){.petro-engin-main-page-about-us .pics>div:nth-child(3){display:block}}.petro-engin-main-page-about-us .pics>div:nth-child(3){top:60%;right:22%}.petro-engin-main-page-faq{margin-bottom:1.25rem}.petro-engin-main-page-faq .ant-collapse{display:flex;flex-direction:column;gap:1.25rem;border-style:none;--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity))!important}.petro-engin-main-page-faq .ant-collapse-item{overflow:auto;border-radius:.75rem!important;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity));border-width:2px}.petro-engin-main-page-faq .ant-collapse-item .ant-collapse-header{padding-top:.5rem;padding-bottom:.5rem;--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity))}.petro-engin-main-page-faq .ant-collapse-item-active{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: #8AC2C130;--tw-shadow: var(--tw-shadow-colored);border:2px solid #8AC2C1}.petro-engin-main-page-faq .ant-collapse-item-active .ant-collapse-header{--tw-text-opacity: 1;color:rgb(24 72 71 / var(--tw-text-opacity))}.petro-engin-main-page-faq .ant-collapse-content{border-style:none}@media (min-width: 768px){.petro-engin-main-page-faq .ant-collapse-content{padding-left:2.5rem;padding-right:2.5rem}}.petro-engin-main-page-faq .ant-collapse-content-box{padding-top:0;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.petro-engin-main-page-gallery .grid-gallery{height:24rem;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.25rem}@media (min-width: 768px){.petro-engin-main-page-gallery .grid-gallery{grid-template-columns:repeat(5,minmax(0,1fr))}}.petro-engin-main-page-gallery .grid-gallery>div{position:relative;display:flex;flex-direction:column;gap:1.25rem;border-radius:1rem;background-size:cover;background-position:center}.petro-engin-main-page-gallery .grid-gallery>div>div{position:relative;z-index:10;display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:1rem;background-size:cover;background-position:center;font-size:1.875rem;line-height:2.25rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.petro-engin-main-page-gallery .grid-gallery>div>div:after{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:1rem 1rem 1.5rem 1.5rem;background:rgba(24,72,71,.87);content:""}.petro-engin-main-page-gallery .grid-gallery>div:first-child{z-index:10;display:flex;align-items:center;justify-content:center;font-size:1.875rem;line-height:2.25rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.petro-engin-main-page-gallery .grid-gallery>div:first-child:before{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:1rem 1rem 1.5rem 1.5rem;background:rgba(24,72,71,.87);content:""}.petro-engin-main-page-gallery .slider>div{display:flex;height:16rem;align-items:center;justify-content:center;border-radius:1rem;background-size:cover;background-position:center}.petro-engin-main-page-gallery .slider>div p{font-size:1.5rem;line-height:2rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.petro-engin-main-page-gallery .slick-slide{position:relative}.petro-engin-main-page-gallery .slick-slide:after{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;border-radius:1.5rem;background:rgba(24,72,71,.8)}.petro-engin-main-page .ant-progress-outer{padding:0}.petro-engin-main-page .ant-progress-text{display:none}.petro-engin-main-page .ant-input:hover{border-right:0!important}.petro-engin-main-page .ant-collapse-arrow{top:30px!important}.ant-carousel :deep(.slick-slide){text-align:center;height:160px;line-height:160px;background:#364d79;overflow:hidden}.ant-carousel :deep(.slick-arrow.custom-slick-arrow){width:25px;height:25px;font-size:25px;color:#fff;background-color:#1f2d3d1c;opacity:.3}.ant-carousel :deep(.custom-slick-arrow:before){display:none}.ant-carousel :deep(.custom-slick-arrow:hover){opacity:.5}.ant-carousel :deep(.slick-slide h3){color:#fff}