/*
Stylesheet Name: Savior Pro Styles
Author: Savior Admin
Tags: elementor-element, elementor-button, pp-dual-heading, pp-info-box, img, svg, pp-advanced-menu, slider_revolution, slick-slider, elementor-widget-video, elementor-widget-image-box, mCustomScrollbar, pp-list-items.
Version: 1.1
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Elements
# Pages
# Sections
# keyFrames
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
a:focus,
a:-webkit-any-link:focus-visible{
outline: none !important;
}
.section-head.elementor-widget-pp-dual-heading .pp-dual-heading{
margin-bottom: 0px !important;
line-height: inherit !important;
}
.main-header .header-block .main-menu.elementor-widget-pp-advanced-menu#mobile-menu{
display: none;
}
/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/
/** Button Blue **/
.btn-blue-call.elementor-widget-button .elementor-button{
position: relative;
transition: all 0.35s ease;
}
.btn-blue-call.elementor-widget-button .elementor-button:after{
content: "";
width: 0px;
height: 100%;
display: inline-block;
background: #0E1214;
position: absolute;
top: 0px;
left: 0px;
transition: all 0.35s ease;
}
.btn-blue-call.elementor-widget-button .elementor-button:hover:after{
width: 100%;
}
.btn-blue-call.elementor-widget-button .elementor-button .elementor-button-content-wrapper .elementor-button-text{
position: relative;
z-index: 1;
}
.btn-blue.elementor-widget-button .elementor-button{
position: relative;
transition: all 0.35s ease;
}
.btn-blue.elementor-widget-button .elementor-button:after{
content: "";
width: 0px;
height: 100%;
display: inline-block;
background: #0E1214;
position: absolute;
top: 0px;
left: 0px;
transition: all 0.35s ease;
}
.btn-blue.elementor-widget-button .elementor-button:hover:after{
width: 100%;
}
.btn-blue.elementor-widget-button .elementor-button .elementor-button-content-wrapper .elementor-button-text{
position: relative;
z-index: 1;
}
/** Button Transparent **/
.btn-trans.elementor-widget-button .elementor-button .elementor-button-content-wrapper .elementor-button-icon,
.solutions .card-content .main-card.elementor-widget-pp-info-box .pp-info-box-container .pp-info-box .pp-info-box-content .pp-info-box-footer .pp-info-box-button .pp-button-icon{
backface-visibility: hidden;
will-change: transform;
-webkit-font-smoothing: antialiased;
}
.btn-trans.elementor-widget-button .elementor-button .elementor-button-content-wrapper .elementor-button-icon i,
.solutions .card-content .main-card.elementor-widget-pp-info-box .pp-info-box-container .pp-info-box .pp-info-box-content .pp-info-box-footer .pp-info-box-button .pp-button-icon i{
transition: all 0.35s ease;
display: inline-block;
transition: transform 0.35s;
transform-style: preserve-3d;
will-change: transform;
-webkit-font-smoothing: antialiased;
font-size: 14px;
}
.btn-trans.elementor-widget-button .elementor-button:hover .elementor-button-content-wrapper .elementor-button-icon i,
.capabilities .cap-slider .card-col .card-btn.elementor-widget-button .elementor-button-wrapper .elementor-button:hover .elementor-button-icon i,
.solutions .card-content .main-card.elementor-widget-pp-info-box .pp-info-box-container .pp-info-box .pp-info-box-content .pp-info-box-footer .pp-info-box-button:hover .pp-button-icon i{
transform: rotate(-45deg);
}
.btn-trans.elementor-widget-button .elementor-button .elementor-button-content-wrapper .elementor-button-text{
text-decoration: underline;
}
/** Button Transparent **/
.btn-blue-up.elementor-widget-button .elementor-button-wrapper .elementor-button{
transition: all 0.35s ease;
position: relative;
}
.btn-blue-up.elementor-widget-button .elementor-button-wrapper .elementor-button:after,
.home-hero .elementor-widget-slider_revolution rs-slides .hero-content .btn-hero.rev-btn:after,
.btn-white.elementor-widget-button .elementor-button-wrapper .elementor-button:after,
.btn-blue.elementor-widget-button .elementor-button-wrapper .elementor-button:after{
content: "";
background: #fff;
width: 0px;
height: 100%;
display: inline-block;
left: 0px;
top: 0px;
position: absolute;
transition: all 0.35s ease;
}
.home-hero .elementor-widget-slider_revolution rs-slides .hero-content .btn-hero.rev-btn:after{
z-index: -1;
}
.btn-blue-up.elementor-widget-button .elementor-button-wrapper .elementor-button:hover:after,
.home-hero .elementor-widget-slider_revolution rs-slides .hero-content .btn-hero.rev-btn:hover:after,
.btn-white.elementor-widget-button .elementor-button-wrapper .elementor-button:hover:after,
.btn-blue.elementor-widget-button .elementor-button-wrapper .elementor-button:hover:after{
width: 100%;
}
.btn-blue-up.elementor-widget-button .elementor-button-wrapper .elementor-button .elementor-button-content-wrapper{
display: flex;
align-items: center;
}
.btn-blue-up.elementor-widget-button .elementor-button-wrapper .elementor-button .elementor-button-content-wrapper .elementor-button-icon{
font-size: 22px;
background: #fff;
color: #1C00B4;
width: 48px;
position: relative;
z-index: 1;
padding: 13.5px 0px;
transition: all 0.35s ease;
}
.btn-blue-up.elementor-widget-button .elementor-button-wrapper .elementor-button .elementor-button-content-wrapper .elementor-button-icon{
transition: all 0.35s ease;
}
.btn-blue-up.elementor-widget-button .elementor-button-wrapper .elementor-button:hover .elementor-button-content-wrapper .elementor-button-icon{
background: #1C00B4 !important;
color: #fff !important;
}
.btn-blue-up.elementor-widget-button .elementor-button-wrapper .elementor-button:hover .elementor-button-content-wrapper .elementor-button-icon{
backface-visibility: hidden;
will-change: transform;
-webkit-font-smoothing: antialiased;
}
.btn-blue-up.elementor-widget-button .elementor-button-wrapper .elementor-button .elementor-button-content-wrapper .elementor-button-icon i{
position: relative;
top: 2px;
display: inline-block;
transition: all 0.35s ease;
transition: transform 0.35s;
transform-style: preserve-3d;
will-change: transform;
-webkit-font-smoothing: antialiased;
}
.btn-blue-up.elementor-widget-button .elementor-button-wrapper .elementor-button:hover .elementor-button-content-wrapper .elementor-button-icon i,
.home-hero .elementor-widget-slider_revolution rs-slides .hero-content .btn-hero.rev-btn:hover i:before,
.btn-white.elementor-widget-button .elementor-button-wrapper .elementor-button:hover .elementor-button-icon i,
.btn-blue.elementor-widget-button .elementor-button-wrapper .elementor-button:hover .elementor-button-icon i {
transform: rotate(40deg);
}
.btn-blue-up.elementor-widget-button .elementor-button-wrapper .elementor-button .elementor-button-content-wrapper .elementor-button-text{
position: relative;
z-index: 1;
}
/** Hero Slider Button **/
.home-hero .elementor-widget-slider_revolution rs-slides .hero-content .btn-hero.rev-btn{
display: flex;
align-items: center;
position: relative;
backface-visibility: hidden;
will-change: transform;
-webkit-font-smoothing: antialiased;
transition: all 0.35s ease;
}
.home-hero .elementor-widget-slider_revolution rs-slides .hero-content .btn-hero.rev-btn:hover,
.btn-white.elementor-widget-button .elementor-button-wrapper .elementor-button:hover,
.quotation-form .pp-gravity-form .gform_wrapper form .gform_footer .gform_button:hover{
background: transparent !important;
color: #17262F !important;
}
.home-hero .elementor-widget-slider_revolution rs-slides .hero-content .btn-hero.rev-btn i{
background: #fff;
display: flex;
align-items: center;
justify-content: center;
width: 55px;
height: 100%;
color: #17262F;
font-size: 24px !important;
line-height: 24px !important;
margin: 0px 0px 0px 30px;
transition: all 0.35s ease;
transition: transform 0.35s;
transform-style: preserve-3d;
will-change: transform;
-webkit-font-smoothing: antialiased;
position: absolute;
right: 0px;
top: 0px;
transition: all 0.35s ease;
}
.home-hero .elementor-widget-slider_revolution rs-slides .hero-content .btn-hero.rev-btn i:before{
transition: all 0.35s ease;
}
.home-hero .elementor-widget-slider_revolution rs-slides .hero-content .btn-hero.rev-btn:hover i{
background: #17262F !important;
color: #fff !important;
}
/** Video Play Button **/
.btn-play.elementor-widget-button{
transform: translate(-50%, -50%);
}
.btn-play.elementor-widget-button .elementor-button-wrapper .elementor-button{
width: 98px;
height: 98px;
display: flex;
align-items: center;
justify-content: center;
outline: 2px solid #fff;
outline-offset: 8px;
transition: all 0.35s ease;
}
.btn-play.elementor-widget-button .elementor-button-wrapper .elementor-button:hover{
outline: 2px solid #020202;
}
/** Button White **/
.btn-white.elementor-widget-button .elementor-button-wrapper .elementor-button,
.capabilities .cap-slider .card-col .card-btn.elementor-widget-button .elementor-button-wrapper .elementor-button{
position: relative;
backface-visibility: hidden;
will-change: transform;
-webkit-font-smoothing: antialiased;
transition: all 0.35s ease;
}
.btn-white.elementor-widget-button .elementor-button-wrapper .elementor-button .elementor-button-text{
position: relative;
z-index: 1;
}
.btn-white.elementor-widget-button .elementor-button-wrapper .elementor-button .elementor-button-icon{
width: 55px;
height: 100%;
color: #17262F;
background: #fff;
font-size: 24px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: 0px;
top: 0px;
z-index: 1;
transition: all 0.35s ease;
}
.btn-white.elementor-widget-button .elementor-button-wrapper .elementor-button:hover .elementor-button-icon{
background: #17262F !important;
color: #fff !important;
}
.btn-white.elementor-widget-button .elementor-button-wrapper .elementor-button .elementor-button-icon i,
.capabilities .cap-slider .card-col .card-btn.elementor-widget-button .elementor-button-wrapper .elementor-button .elementor-button-icon i,
.btn-blue.elementor-widget-button .elementor-button-wrapper .elementor-button .elementor-button-icon i{
transition: all 0.35s ease;
transition: transform 0.35s;
transform-style: preserve-3d;
will-change: transform;
-webkit-font-smoothing: antialiased;
}
/** Button Blue **/
.btn-blue.elementor-widget-button .elementor-button-wrapper .elementor-button .elementor-button-icon{
width: 55px;
height: 100%;
color: #fff;
background: #1C00B4;
font-size: 24px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: 0px;
top: 0px;
z-index: 1;
}
.btn-blue.elementor-widget-button .elementor-button-wrapper .elementor-button:after{
background: #1C00B4;
}
.btn-blue.elementor-widget-button .elementor-button-wrapper .elementor-button:hover{
background: transparent !important;
color: #fff !important;
}
.btn-blue.elementor-widget-button .elementor-button-wrapper .elementor-button .elementor-button-icon{
transition: all 0.35s ease;
}
.btn-blue.elementor-widget-button .elementor-button-wrapper .elementor-button:hover .elementor-button-icon{
background: #fff !important;
color: #1C00B4 !important;
}
/*--------------------------------------------------------------
# Home Page
--------------------------------------------------------------*/
/** Header **/
.elementor-element.main-header .elementor-element.col-01{
width: 352px;
}
.elementor-element.main-header .elementor-element.col-02{
width: calc(100% - 608px);
}
.elementor-element.main-header .elementor-element.col-03{
width: 256px;
}
.main-header .header-logo.elementor-widget-icon-box .elementor-icon-box-wrapper .elementor-icon-box-icon .elementor-icon svg{
width: auto;
height: auto;
}
.main-header .main-menu.elementor-widget-pp-advanced-menu .pp-advanced-menu-main-wrapper .pp-advanced-menu--main ul.pp-advanced-menu > li.menu-item .pp-menu-item{
position: relative;
transition: all 0.35s ease;
}
.main-header .main-menu.elementor-widget-pp-advanced-menu .pp-advanced-menu-main-wrapper .pp-advanced-menu--main ul.pp-advanced-menu > li.menu-item.current-page-ancestor .pp-menu-item{
font-weight: 600;
}
.main-header .main-menu.elementor-widget-pp-advanced-menu .pp-advanced-menu-main-wrapper .pp-advanced-menu--main ul.pp-advanced-menu > li.menu-item.current-page-ancestor .pp-menu-item{
color: #1C00B4;
}
.main-header .main-menu.elementor-widget-pp-advanced-menu .pp-advanced-menu-main-wrapper .pp-advanced-menu--main ul.pp-advanced-menu > li.menu-item.current-page-ancestor .pp-menu-item:after,
.main-header .main-menu.elementor-widget-pp-advanced-menu .pp-advanced-menu-main-wrapper .pp-advanced-menu--main ul.pp-advanced-menu > li.menu-item.megamenu-visible .pp-menu-item:after,
.main-header .main-menu.elementor-widget-pp-advanced-menu .pp-advanced-menu-main-wrapper .pp-advanced-menu--main ul.pp-advanced-menu > li.menu-item.megamenu-item-active .pp-menu-item:after{
height: 1px;
width: 100%;
opacity: 1;
}
.main-header .main-menu.elementor-widget-pp-advanced-menu .pp-advanced-menu-main-wrapper .pp-advanced-menu--main ul.pp-advanced-menu > li.menu-item .pp-menu-item:after{
transition: all 0.35s ease;
left: 0px !important;
bottom: 11px;
}
.main-header .main-menu.elementor-widget-pp-advanced-menu .pp-advanced-menu-main-wrapper .pp-advanced-menu--main ul.pp-advanced-menu > li.menu-item.current-menu-item .pp-menu-item,
.main-header .main-menu.elementor-widget-pp-advanced-menu .pp-advanced-menu-main-wrapper .pp-advanced-menu--main ul.pp-advanced-menu > li.menu-item.current-menu-item .pp-menu-item.pp-menu-item-active,
.main-header .main-menu.elementor-widget-pp-advanced-menu .pp-advanced-menu-main-wrapper .pp-advanced-menu--main ul.pp-advanced-menu > li.menu-item.megamenu-visible .pp-menu-item,
.main-header .main-menu.elementor-widget-pp-advanced-menu .pp-advanced-menu-main-wrapper .pp-advanced-menu--main ul.pp-advanced-menu > li.menu-item.megamenu-item-active .pp-menu-item{
color: #1C00B4;
font-weight: 600;
}
/** Mega Menu **/
.elementor-element.mega-menu .elementor-element.col-left{
width: 525px;
}
.elementor-element.mega-menu .elementor-element.col-right{
width: calc(100% - 525px);
}
.mega-menu .nav-submenu.elementor-widget-nav-menu .elementor-nav-menu--main ul.elementor-nav-menu{
width: max-content;
display: grid;
grid-template-columns: 1fr 1fr;
}
.mega-menu .nav-submenu.elementor-widget-nav-menu .elementor-nav-menu--main ul.elementor-nav-menu li.menu-item a{
position: relative;
transition: all 0.35s ease;
}
.mega-menu .nav-submenu.elementor-widget-nav-menu .elementor-nav-menu--main ul.elementor-nav-menu li.menu-item a:before{
content: "";
background: url('data:image/svg+xml,') no-repeat;
width: 14px;
height: 14px;
display: inline-block;
opacity: 0;
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
transition: all 0.35s ease;
}
.mega-menu .nav-submenu.elementor-widget-nav-menu .elementor-nav-menu--main ul.elementor-nav-menu li.menu-item a:hover:before,
.mega-menu .nav-submenu.elementor-widget-nav-menu .elementor-nav-menu--main ul.elementor-nav-menu li.menu-item a:focus:before,
.mega-menu .nav-submenu.elementor-widget-nav-menu .elementor-nav-menu--main ul.elementor-nav-menu li.menu-item a.elementor-item-active:before,
.mega-menu .nav-submenu.elementor-widget-nav-menu .elementor-nav-menu--main ul.elementor-nav-menu li.menu-item.current-menu-item a:before,
.mega-menu .nav-submenu.elementor-widget-nav-menu .elementor-nav-menu--main ul.elementor-nav-menu li.menu-item.current_page_item a:before,
.mega-menu .nav-submenu.elementor-widget-nav-menu .elementor-nav-menu--main ul.elementor-nav-menu li.menu-item a.highlighted:before{
opacity: 1;
}
.main-header .elementor-element.menu-cap,
.main-header .elementor-element.menu-sol{
width: 100%;
display: none;
height: auto;
overflow: hidden;
}
.main-header .menu-cap .mega-menu,
.main-header .menu-sol .mega-menu{
min-height: 354px;
}
.main-header .menu-cap .mega-menu .menu-img.elementor-widget-image,
.main-header .menu-sol .mega-menu .menu-img.elementor-widget-image{
height: 100%;
}
.main-header .menu-cap .mega-menu .col-right,
.main-header .menu-sol .mega-menu .col-right{
position: relative;
}
.main-header .mega-menu .col-right:after{
content: "";
background: url(/wp-content/uploads/2024/04/mega-menu-shape.png) no-repeat;
width: 474px;
height: 354px;
display: inline-block;
position: absolute;
right: 332px;
top: 0px;
}
.main-header .menu-sol .mega-menu .col-right:after{
right: 235px;
}
/** Home Hero Slider **/
.home-hero .elementor-widget-slider_revolution rs-slides .hero-content .hero-call-txt a{
text-decoration: none;
color: #fff;
transition: all 0.35s ease;
position: relative;
}
.home-hero .elementor-widget-slider_revolution rs-slides .hero-content .hero-call-txt a:after{
content: "";
display: inline-block;
position: absolute;
left: 0px;
bottom: 0px;
width: 0px;
height: 1px;
background: #fff;
transition: all 0.35s ease;
}
.home-hero .elementor-widget-slider_revolution rs-slides .hero-content .hero-call-txt a:hover:after{
width: 100%;
}
.home-hero .elementor-widget-slider_revolution rs-progress {
inset: 235px auto auto 41px !important;
height: 15.085% !important;
position: absolute !important;
left: 2.6% !important;
top: 35% !important;
transform: translate(50%, 50%) !important;
rotate: 180deg;
}
.elementor-element.home-hero{
position: relative;
}
.elementor-element.home-hero:after{
background: url('data:image/svg+xml,') no-repeat;
content: "";
width: 115px;
height: 59px;
display: inline-block;
position: absolute;
right: 0px;
bottom: -57px;
z-index: 1;
transform: rotate(180deg);
}
.elementor-element.home-hero:before{
background: url('data:image/svg+xml,') no-repeat;
content: "";
width: 115px;
height: 59px;
display: inline-block;
position: absolute;
right: 115px;
left: inherit;
top: inherit;
bottom: -1px;
z-index: 2;
}
.home-hero .elementor-element.elementor-widget-slider_revolution:after{
content: "";
width: 100%;
height: 2px;
background: #fff;
display: block;
position: absolute;
left: 0px;
bottom: -1px;
z-index: 1;
}
/** Partners **/
.our-prtners .logo-group.elementor-widget-pp-logo-grid .pp-logo-grid.elementor-grid .slick-list .slick-track .slick-slide,
.our-prtners .logo-group.elementor-widget-pp-logo-grid .pp-logo-grid.elementor-grid .elementor-grid-item{
width: auto !important;
}
.our-prtners .logo-group.elementor-widget-pp-logo-grid .pp-logo-grid.elementor-grid .elementor-grid-item .pp-logo-wrap img{
width: auto;
}
.our-prtners .logo-group.elementor-widget-pp-logo-grid .pp-logo-grid.elementor-grid.slick-slider .slick-list .slick-track{
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 0px;
}
.our-prtners .logo-group.elementor-widget-pp-logo-grid .pp-logo-grid.elementor-grid.slick-slider .slick-list{
padding: 0px;
}
.our-prtners .logo-group.elementor-widget-pp-logo-grid .pp-logo-grid.elementor-grid.slick-slider .slick-list .slick-track .slick-slide .elementor-grid-item{
padding: 0px 25px;
}
/** About Us **/
.elementor-element.about-us{
position: relative;
}
.elementor-element.about-us:before{
content: "";
background: url('data:image/svg+xml,') no-repeat;
width: 115px;
height: 59px;
display: inline-block;
position: absolute;
left: 118px;
top: inherit;
bottom: 0px;
}
.elementor-element.about-us:after{
content: "";
background: url('data:image/svg+xml,') no-repeat;
width: 115px;
height: 60px;
display: inline-block;
position: absolute;
left: 118px;
bottom: -60px;
}
.about-us .main-content .video-section .video-module.elementor-widget-video{
position: relative;
}
.about-us .main-content .video-section .video-module.elementor-widget-video .elementor-custom-embed-image-overlay:before{
content: "";
background: rgba(0, 0, 0, 0.30);
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
width: 100%;
height: 100%;
}
.about-us .main-content .video-section .video-module.elementor-widget-video .elementor-custom-embed-image-overlay .elementor-custom-embed-play {
z-index: 2;
animation: rippleAnim 1.25s infinite;
}
.about-us .main-content .video-section .video-module.elementor-widget-video .elementor-custom-embed-image-overlay .elementor-custom-embed-play svg{
opacity: 1;
width: 117px;
height: 117px;
animation: pulseAnim 1.2s infinite ease-in-out alternate;
}
@keyframes pulseAnim {
from {
transform: scale(0.9);
}
to {
transform: scale(1.1);
}
}
.exp-elem.elementor-widget-image-box .elementor-image-box-wrapper{
position: relative;
}
.exp-elem.elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-content{
position: absolute;
left: 50%;
top: 75px;
transform: translateX(-50%);
}
/** Capabilities **/
.section-txt.elementor-widget-text-editor .elementor-widget-container p{
margin-bottom: 28px;
}
.section-txt.elementor-widget-text-editor .elementor-widget-container p:last-child{
margin-bottom: 0px !important;
}
.capabilities .cap-slider .elementor-element.card-col{
width: 25%;
position: relative;
transition: all 0.35s ease;
overflow: hidden;
}
.capabilities .cap-slider .card-col .card-btn.elementor-widget-button{
transition: all 0.35s ease;
}
.capabilities .cap-slider .card-col:hover .card-btn.elementor-widget-button{
bottom: calc(100% - 146px);
}
.capabilities .cap-slider .card-col .card-btn.elementor-widget-button .elementor-button-wrapper .elementor-button .elementor-button-content-wrapper{
display: flex;
align-items: center;
}
.capabilities .cap-slider .card-col .card-btn.elementor-widget-button .elementor-button-wrapper .elementor-button{
text-align: left;
display: flex;
align-items: center;
justify-content: flex-start;
width: calc(100% - 92px);
min-height: 146px;
transition: all 0.35s ease;
}
.capabilities .cap-slider .card-col:hover .card-btn.elementor-widget-button .elementor-button-wrapper .elementor-button{
width: 100%;
}
.capabilities .cap-slider .card-col .card-btn.elementor-widget-button .elementor-button-wrapper .elementor-button .elementor-button-icon{
font-size: 23px;
}
.capabilities .cap-slider .card-col .card-btn.elementor-widget-button .elementor-button-wrapper .elementor-button .elementor-button-icon i{
position: relative;
top: 2px;
}
.capabilities .cap-slider .card-col .card-txt.elementor-widget-text-editor{
transition: all 0.35s ease;
position: absolute;
height: 100%;
left: 0px;
top: 100%;
padding: 200px 25px 15px 40px;
background-color: #1C00B4;
}
.capabilities .cap-slider .card-col:hover .card-txt.elementor-widget-text-editor{
top: 0px;
}
.capabilities .cap-slider .card-col .card-txt.elementor-widget-text-editor > .elementor-widget-container.mCustomScrollbar{
height: 365px;
}
.capabilities .cap-slider .card-col .card-txt.elementor-widget-text-editor > .elementor-widget-container.mCustomScrollbar .mCustomScrollBox .mCSB_container{
margin-right: 15px;
}
.capabilities .cap-slider .card-col .card-txt.elementor-widget-text-editor > .elementor-widget-container.mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools{
opacity: 1;
width: 2px;
}
.capabilities .cap-slider .card-col .card-txt.elementor-widget-text-editor > .elementor-widget-container.mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar{
background-color: #fff;
}
.capabilities .cap-slider .card-col .card-txt.elementor-widget-text-editor > .elementor-widget-container.mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_draggerRail{
background-color: rgba(255, 255, 255, 0.55);
}
.capabilities .cap-slider .card-col .card-btn.elementor-widget-button .elementor-button-wrapper .elementor-button .elementor-button-icon i{
display: inline-block;
}
.capabilities .cap-slider.slick-slider{
margin-bottom: 0px;
}
.capabilities .cap-slider.slick-slider .slick-list,
.capabilities .cap-slider.slick-slider .slick-list .slick-track{
height: 590px;
}
.capabilities .cap-slider.slick-slider ul.slick-dots{
margin: 28px 0px 0px;
display: flex;
align-items: center;
justify-content: center;
position: static;
padding: 0px;
column-gap: 12px;
}
.capabilities .cap-slider.slick-slider ul.slick-dots li{
width: 13px;
height: 13px;
margin: 0px;
}
.capabilities .cap-slider.slick-slider ul.slick-dots li button{
padding: 0px;
width: 100%;
height: 100%;
border: 1px solid #B7B7B7;
border-radius: 50%;
background: #B7B7B7;
}
.capabilities .cap-slider.slick-slider ul.slick-dots li.slick-active button{
border: 1px solid #1C00B4;
background: transparent;
}
.capabilities .cap-slider.slick-slider ul.slick-dots li button:before{
display: none;
}
/** Features **/
.features .main-content .elementor-element.col-left{
max-width: 651px;
}
.features .main-content .elementor-element.col-right{
max-width: 652px;
}
.features .main-content .feat-list.elementor-widget-pp-info-list .pp-info-list-container ul.pp-list-items{
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: 66px;
row-gap: 49px;
}
.features .main-content .feat-list.elementor-widget-pp-info-list .pp-info-list-container ul.pp-list-items li.pp-info-list-item{
width: calc(50% - 33px);
}
.features .main-content .feat-list.elementor-widget-pp-info-list .pp-info-list-container ul.pp-list-items li.pp-info-list-item .pp-info-list-item-inner .pp-infolist-content-wrapper{
border-bottom: 1px solid #17262F;
padding: 0px 0px 14px;
}
/** Solutions **/
.solutions .card-content .elementor-element.card-col{
width: 25%;
}
.solutions .card-content .main-card.elementor-widget-pp-info-box .pp-info-box-container{
height: 625px;
position: relative;
}
.solutions .card-content .main-card.elementor-widget-pp-info-box .pp-info-box-container:after{
content: "";
background: rgba(23, 38, 47, 0.30);
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
}
.solutions .card-content .main-card.elementor-widget-pp-info-box .pp-info-box-container .pp-info-box{
height: 100%;
position: relative;
overflow: hidden;
}
.solutions .card-content .main-card.elementor-widget-pp-info-box .pp-info-box-container .pp-info-box .pp-info-box-content{
background: #1C00B4;
height: calc(100% - 228px);
position: absolute;
left: 0px;
top: 100%;
z-index: 1;
transition: all 0.35s ease;
}
.solutions .card-content .card-col:hover .main-card.elementor-widget-pp-info-box .pp-info-box-container .pp-info-box .pp-info-box-content{
top: 228px;
}
.solutions .card-content .main-card.elementor-widget-pp-info-box .pp-info-box-container .pp-info-box .pp-info-box-content .pp-info-box-description{
height: 162px;
}
.solutions .card-content .main-card.elementor-widget-pp-info-box .pp-info-box-container .pp-info-box .pp-info-box-content .pp-info-box-description.mCustomScrollbar .mCustomScrollBox .mCSB_container{
margin-right: 15px;
}
.solutions .card-content .main-card.elementor-widget-pp-info-box .pp-info-box-container .pp-info-box .pp-info-box-content .pp-info-box-description.mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools{
opacity: 1;
width: 2px;
}
.solutions .card-content .main-card.elementor-widget-pp-info-box .pp-info-box-container .pp-info-box .pp-info-box-content .pp-info-box-description.mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar{
background-color: #fff;
}
.solutions .card-content .main-card.elementor-widget-pp-info-box .pp-info-box-container .pp-info-box .pp-info-box-content .pp-info-box-description.mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_draggerRail{
background-color: rgba(255, 255, 255, 0.55);
}
.solutions .card-content .main-card.elementor-widget-pp-info-box .pp-info-box-container .pp-info-box .pp-info-box-content .pp-info-box-title-container .pp-info-box-title{
margin: -78px 0px 0px;
transition: all 0.35s ease;
}
.solutions .card-content .card-col:hover .main-card.elementor-widget-pp-info-box .pp-info-box-container .pp-info-box .pp-info-box-content .pp-info-box-title-container .pp-info-box-title{
color: #fff;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #fff;
}
.solutions .card-content .main-card.elementor-widget-pp-info-box .pp-info-box-container .pp-info-box .pp-info-box-content .pp-info-box-subtitle{
margin-top: 5px;
margin-right: -15px;
}
.solutions .card-content .main-card.elementor-widget-pp-info-box .pp-info-box-container .pp-info-box .pp-info-box-content .pp-info-box-footer{
position: absolute;
left: 30px;
bottom: 14px;
}
.solutions .card-content .main-card.elementor-widget-pp-info-box .pp-info-box-container .pp-info-box .pp-info-box-content .pp-info-box-footer .pp-info-box-button{
display: flex;
align-items: center;
column-gap: 14px;
}
.solutions .card-content .main-card.elementor-widget-pp-info-box .pp-info-box-container .pp-info-box .pp-info-box-content .pp-info-box-footer .pp-info-box-button .pp-button-text{
text-decoration: underline;
}
.solutions .card-content .main-card.elementor-widget-pp-info-box .pp-info-box-container .pp-info-box .pp-info-box-content .pp-info-box-footer .pp-info-box-button .pp-button-icon i{
width: auto;
height: auto;
font-size: 13px;
}
.solutions .card-content .card-col .card-head.elementor-widget-heading{
transition: all 0.35s ease;
}
.solutions .card-content .card-col:hover .card-head.elementor-widget-heading{
opacity: 0;
visibility: hidden;
}
/** Certification **/
.certification .logo-group.elementor-widget-pp-logo-grid{
width: 100%;
}
.certification .logo-group.elementor-widget-pp-logo-grid .pp-logo-grid.elementor-grid{
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 85px;
}
.certification .logo-group.elementor-widget-pp-logo-grid .pp-logo-grid.elementor-grid .elementor-grid-item{
width: auto;
}
.certification .logo-group.elementor-widget-pp-logo-grid .pp-logo-grid.elementor-grid .elementor-grid-item .pp-logo-wrap img{
width: auto;
transition-duration: 0.3s;
transition-property: transform;
height: 125px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
user-drag: none;
}
.certification .logo-group.elementor-widget-pp-logo-grid .pp-logo-grid.elementor-grid .elementor-grid-item .pp-logo-wrap:hover img{
transform: scale(1.1);
}
/** Footer **/
.elementor-element.main-footer .e-con-inner{
position: relative;
}
.elementor-element.main-footer .e-con-inner:before{
content: "";
background: url('data:image/svg+xml,') no-repeat;
width: 103px;
height: 107px;
display: inline-block;
position: absolute;
top: -53px;
right: -250px;
left: inherit;
}
.main-footer .footer-menu.elementor-widget-nav-menu .elementor-nav-menu--main ul.elementor-nav-menu > li.menu-item .elementor-item,
.main-footer .address-txt.elementor-widget-text-editor .elementor-widget-container p a{
position: relative;
display: inline-block;
}
.main-footer .footer-menu.elementor-widget-nav-menu .elementor-nav-menu--main ul.elementor-nav-menu > li.menu-item .elementor-item:after,
.main-footer .address-txt.elementor-widget-text-editor .elementor-widget-container p a:after{
content: "";
display: inline-block;
width: 0px;
height: 1px;
background: #fff;
position: absolute;
left: 0px;
bottom: 2px;
transition: all 0.35s ease;
}
.main-footer .footer-menu.elementor-widget-nav-menu .elementor-nav-menu--main ul.elementor-nav-menu > li.menu-item .elementor-item:hover:after,
.main-footer .address-txt.elementor-widget-text-editor .elementor-widget-container p a:hover:after{
width: 100%;
}
.main-footer .foter-txt.elementor-widget-text-editor .elementor-widget-container p{
margin-bottom: 0px;
}
.main-footer .address-txt.elementor-widget-text-editor .elementor-widget-container p{
margin-bottom: 0px;
}
.main-footer .address-txt.elementor-widget-text-editor .elementor-widget-container p a{
color: #fff;
}
.main-footer .address-txt.elementor-widget-text-editor .elementor-widget-container p:last-child{
padding: 12px 0px 0px;
}
.main-footer .e-con-inner .elementor-element.col-01{
width: 274px;
}
.main-footer .e-con-inner .elementor-element.col-02{
width: 240px;
}
.main-footer .e-con-inner .elementor-element.col-03{
width: 215px;
}
.main-footer .e-con-inner .elementor-element.col-04{
width: 182px;
}
.elementor-element.main-footer .btn-blue-up.elementor-widget-button .elementor-button-wrapper .elementor-button{
margin-left: -45px;
}
/** Copyright **/
.copyright .e-con-inner .elementor-element.col-01{
width: 370px;
}
.copyright .e-con-inner .elementor-element.col-02{
width: 206px;
}
.copyright .e-con-inner .elementor-element.col-03{
width: 146px;
}
.copyright .connect-icons.elementor-widget-social-icons .elementor-social-icons-wrapper .elementor-grid-item .elementor-icon .icon-alloy-twt-icon{
font-size: 16px;
position: relative;
top: -2px;
}
.copyright .designed-by.elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-img{
position: relative;
top: -2px;
}
/*--------------------------------------------------------------
# Engineered Coatings Page
--------------------------------------------------------------*/
.inner-hero .custom-bb ul{
list-style: none;
display: flex;
align-items: center;
column-gap: 30px;
padding: 0px;
margin: 0px;
}
.inner-hero .custom-bb ul li{
position: relative;
}
.inner-hero .custom-bb ul li:after{
content: "";
background: #fff;
width: 1px;
height: 13px;
display: inline-block;
position: absolute;
right: -15px;
top: 50%;
transform: translateY(-50%);
}
.inner-hero .custom-bb ul li:last-child:after{
display: none;
}
.inner-hero .custom-bb ul li a,
.inner-hero .custom-bb ul li span{
color: #FFF;
font-family: "Manrope", Sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 30px;
text-transform: uppercase;
text-decoration: none;
transition: all 0.35s ease;
}
.inner-hero .custom-bb ul li a:hover{
color: #1C00B4;
}
.elementor-element.eng-coat > .e-con-inner{
margin-right: 137px;
}
/** Engineered Coatings **/
.elementor-element.eng-coat .main-content .elementor-element.col-left{
width: calc(100% - 580px);
}
.elementor-element.eng-coat .main-content .elementor-element.col-right{
width: 580px;
}
.eng-coat .main-content .section-txt.elementor-widget-text-editor .elementor-widget-container p{
margin-bottom: 32px;
}
.section-txt.elementor-widget-text-editor .elementor-widget-container p strong{
font-weight: 600;
}
.btn-group .call-txt.elementor-widget-heading .elementor-heading-title a{
text-decoration: none;
transition: all 0.35s ease;
position: relative;
display: inline-block;
}
.btn-group .call-txt.elementor-widget-heading .elementor-heading-title a:after{
content: "";
display: inline-block;
width: 0px;
height: 1px;
background: #17262F;
position: absolute;
left: 0px;
bottom: 2px;
transition: all 0.35s ease;
}
.bg-dark .btn-group .call-txt.elementor-widget-heading .elementor-heading-title a:after,
.btn-group .call-txt.call-txt-white.elementor-widget-heading .elementor-heading-title a:after{
background: #fff;
}
.btn-group .call-txt.elementor-widget-heading .elementor-heading-title a:hover:after{
width: 100%;
}
.certification-pb .elementor-element.certification > .e-con-inner{
padding-bottom: 195px;
}
/*--------------------------------------------------------------
# Grinding and Micro Finishing Page
--------------------------------------------------------------*/
.elementor-element.eng-coat.gm-finish .main-content .elementor-element.col-left{
width: calc(100% - 685px);
}
.elementor-element.eng-coat.gm-finish .main-content .elementor-element.col-right{
width: 685px;
}
/*--------------------------------------------------------------
# Thermocouples Page
--------------------------------------------------------------*/
.elementor-element.high-pressure > .e-con-inner,
.elementor-element.quality-manu > .e-con-inner{
margin-right: 145px;
}
.high-pressure .main-content .bottom-section{
position: relative;
}
.elementor-element.quality-manu{
position: relative;
}
/*--------------------------------------------------------------
# Low Density Polyethylene (LDPE) Page
--------------------------------------------------------------*/
/** LDPE Slider **/
.elementor-element.ldpe-slider .card-group .elementor-element.card-col {
width: 25%;
}
.elementor-element.ldpe-slider .card-group.slick-slider{
margin-bottom: 0px;
}
.elementor-element.ldpe-slider .card-group.slick-slider .slick-list .slick-track .slick-slide .elementor-element.card-col{
padding: 0px 5px;
}
.elementor-element.ldpe-slider .card-group.slick-slider ul.slick-dots{
margin: 46px 0px 0px;
display: flex;
align-items: center;
justify-content: center;
position: static;
padding: 0px;
column-gap: 12px;
}
.elementor-element.ldpe-slider .card-group.slick-slider ul.slick-dots li{
width: 13px;
height: 13px;
margin: 0px;
}
.elementor-element.ldpe-slider .card-group.slick-slider ul.slick-dots li button{
padding: 0px;
width: 100%;
height: 100%;
border: 1px solid #B7B7B7;
border-radius: 50%;
background: #B7B7B7;
}
.elementor-element.ldpe-slider .card-group.slick-slider ul.slick-dots li.slick-active button{
border: 1px solid #1C00B4;
background: transparent;
}
.elementor-element.ldpe-slider .card-group.slick-slider ul.slick-dots li button:before{
display: none;
}
.ldpe-slider .card-group .main-card.elementor-widget-pp-flipbox .pp-flipbox-container .pp-flipbox-flip-card{
margin-top: 14px;
}
.ldpe-slider .card-group .main-card.elementor-widget-pp-flipbox .pp-flipbox-container .pp-flipbox-flip-card .pp-flipbox-front .pp-flipbox-inner,
.ldpe-slider .card-group .main-card.elementor-widget-pp-flipbox .pp-flipbox-container .pp-flipbox-flip-card .pp-flipbox-back .pp-flipbox-inner{
margin-top: -32px;
}
.ldpe-slider .card-group .main-card.elementor-widget-pp-flipbox .pp-flipbox-container .pp-flipbox-flip-card .pp-flipbox-front .pp-flipbox-inner .pp-flipbox-icon-image .pp-icon-text{
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #1C00B4;
}
.ldpe-slider .card-group .main-card.elementor-widget-pp-flipbox .pp-flipbox-container .pp-flipbox-flip-card .pp-flipbox-front .pp-flipbox-inner .pp-flipbox-content,
.ldpe-slider .card-group .main-card.elementor-widget-pp-flipbox .pp-flipbox-container .pp-flipbox-flip-card .pp-flipbox-back .pp-flipbox-inner .pp-flipbox-content{
height: 290px;
}
.ldpe-slider .card-group .main-card.elementor-widget-pp-flipbox .pp-flipbox-container .pp-flipbox-flip-card .pp-flipbox-front .pp-flipbox-inner .pp-flipbox-content.mCustomScrollbar .mCustomScrollBox .mCSB_container,
.ldpe-slider .card-group .main-card.elementor-widget-pp-flipbox .pp-flipbox-container .pp-flipbox-flip-card .pp-flipbox-back .pp-flipbox-inner .pp-flipbox-content.mCustomScrollbar .mCustomScrollBox .mCSB_container{
margin-right: 15px;
}
.ldpe-slider .card-group .main-card.elementor-widget-pp-flipbox .pp-flipbox-container .pp-flipbox-flip-card .pp-flipbox-front .pp-flipbox-inner .pp-flipbox-content.mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools,
.ldpe-slider .card-group .main-card.elementor-widget-pp-flipbox .pp-flipbox-container .pp-flipbox-flip-card .pp-flipbox-back .pp-flipbox-inner .pp-flipbox-content.mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools{
opacity: 1;
width: 2px;
}
.ldpe-slider .card-group .main-card.elementor-widget-pp-flipbox .pp-flipbox-container .pp-flipbox-flip-card .pp-flipbox-front .pp-flipbox-inner .pp-flipbox-content.mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar{
background-color: #1C00B4;
}
.ldpe-slider .card-group .main-card.elementor-widget-pp-flipbox .pp-flipbox-container .pp-flipbox-flip-card .pp-flipbox-back .pp-flipbox-inner .pp-flipbox-content.mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar{
background-color: #fff;
}
.ldpe-slider .card-group .main-card.elementor-widget-pp-flipbox .pp-flipbox-container .pp-flipbox-flip-card .pp-flipbox-front .pp-flipbox-inner .pp-flipbox-content.mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_draggerRail{
background-color: #B4B4B4;
}
.ldpe-slider .card-group .main-card.elementor-widget-pp-flipbox .pp-flipbox-container .pp-flipbox-flip-card .pp-flipbox-back .pp-flipbox-inner .pp-flipbox-content.mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_draggerRail{
background-color: rgba(255, 255, 255, 0.55);
}
/** Intrested in Service? **/
.elementor-element.int-service{
position: relative;
}
.elementor-element.int-service:before{
content: "";
background: url(/wp-content/uploads/2024/03/int-service-left-elem.png) no-repeat;
display: inline-block;
width: 510px;
height: 383px;
position: absolute;
left: 0px;
top: 0px;
}
.elementor-element.int-service:after{
content: "";
background: url(/wp-content/uploads/2024/03/int-service-right-elem.png) no-repeat;
display: inline-block;
width: 510px;
height: 325px;
position: absolute;
right: 0px;
bottom: 64px;
}
/** Error 404 **/
.site-content .ast-container{
max-width: 100%;
padding-left: 0px;
padding-right: 0px;
}
.site-content .ast-container .content-area{
margin: 0px !important;
}
.page-nf .head-404.elementor-widget-heading .elementor-heading-title span{
background: url("/wp-content/uploads/2024/03/404-img.jpg") repeat;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-font-smoothing: antialiased;
background-size: auto;
background-position: 35% 55%;
transition: all 0.35s ease;
}
.page-nf > .e-con-inner:hover .head-404.elementor-widget-heading .elementor-heading-title span{
background-position: -250px 55%;
}
#ast-scroll-top.ast-scroll-to-top-right{
width: 48px;
height: 48px;
right: 20px;
bottom: 20px;
font-size: 18px;
line-height: 48px;
transition: background-color 0.3s ease;
}
/*--------------------------------------------------------------
# Sitemap Page
--------------------------------------------------------------*/
.elementor-element.sitemap > .e-con-inner{
position: relative;
background: url(/wp-content/uploads/2024/03/sitemap-elem.png) no-repeat;
background-position: bottom right;
background-size: contain;
}
.sitemap .sitemap-nav.elementor-widget-nav-menu .elementor-nav-menu--main ul.elementor-nav-menu{
margin: 0px;
padding: 0px;
}
.sitemap .sitemap-nav.elementor-widget-nav-menu .elementor-nav-menu--main ul.elementor-nav-menu li.menu-item ul.sub-menu{
display: block;
position: static;
width: 100%;
}
.sitemap .sitemap-nav.elementor-widget-nav-menu .elementor-nav-menu--main ul.elementor-nav-menu li.menu-item .elementor-item{
padding-left: 30px;
position: relative;
}
.sitemap .sitemap-nav.elementor-widget-nav-menu .elementor-nav-menu--main ul.elementor-nav-menu li.menu-item .elementor-item:before{
content: "";
display: inline-block;
width: 9px;
height: 9px;
background: #1C00B4;
position: absolute;
left: 0px;
top: 50%;
opacity: 1;
transform: translateY(-50%);
transition: all 0.35s ease;
}
.sitemap .sitemap-nav.elementor-widget-nav-menu .elementor-nav-menu--main ul.elementor-nav-menu li.menu-item .elementor-item:hover:before{
background: #17262F;
}
/*--------------------------------------------------------------
# Request a Quotation Page
--------------------------------------------------------------*/
.request-quote .main-content .elementor-element.col-left{
width: calc(100% - 542px);
}
.request-quote .main-content .elementor-element.col-right{
width: 542px;
}
.quotation-form .pp-gravity-form .gform_wrapper .gform_heading{
display: none;
}
.quotation-form .pp-gravity-form .gform_wrapper form .gform_fields{
row-gap: 21px;
column-gap: 0px;
}
.quotation-form .pp-gravity-form .gform_wrapper form .gform_fields .gfield{
position: relative;
}
.quotation-form .pp-gravity-form .gform_wrapper form .gform_fields .gfield .gfield_label{
position: absolute;
left: 0px;
top: 0px;
transition: opacity 0.5s ease, transform 0.5s ease;
}
.pp-gravity-form .gform_wrapper form .gform_fields .gfield.hide-label .gfield_label{
opacity: 0;
transform: translateY(-25px);
}
.quotation-form .pp-gravity-form .gform_wrapper form .gform_fields .gfield .gfield_label .gfield_required{
color: rgba(255, 255, 255, 0.80);
font-family: "Manrope", sans-serif;
font-size: 15px;
line-height: 15px;
position: relative;
left: 1px;
}
.pp-gravity-form .gform_wrapper form .gform_fields .gfield .ginput_container input,
.pp-gravity-form .gform_wrapper form .gform_footer .gform_button{
outline: none !important;
box-shadow: none !important;
}
.quotation-form .pp-gravity-form .gform_wrapper form .gform_footer{
padding: 70px 0px 0px;
}
.quotation-form .pp-gravity-form .gform_wrapper form .gform_footer .gform_button{
color: #FFF !important;
font-family: "Manrope", sans-serif !important;
font-size: 18px !important;
font-weight: 500 !important;
line-height: 30px !important;
text-transform: capitalize !important;
border: 1px solid #FFF !important;
background: #121C22 !important;
border-radius: 0px !important;
display: flex !important;
align-items: center !important;
padding: 14px 94px 14px 38px !important;
position: relative;
backface-visibility: hidden;
will-change: transform;
-webkit-font-smoothing: antialiased;
transition: all 0.35s ease;
}
.quotation-form .pp-gravity-form .gform_wrapper form .gform_footer .gform_button:hover{
background: #fff !important;
color: #121C22 !important;
}
.quotation-form .pp-gravity-form .gform_wrapper form .gform_footer .gform_button:after{
content: "" !important;
display: block !important;
width: 0px !important;
height: 100% !important;
background: #fff !important;
position: absolute !important;
left: 0px !important;
top: 0px !important;
transition: all 0.35s ease !important;
z-index: -1 !important;
}
.quotation-form .pp-gravity-form .gform_wrapper form .gform_footer .gform_button:hover:after{
width: 100% !important;
}
.quotation-form .pp-gravity-form .gform_wrapper form .gform_footer .gform_button i{
width: 55px;
height: 100%;
color: #121C22;
background: #fff;
font-size: 24px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: 0px;
top: 0px;
z-index: 1;
transition: all 0.35s ease;
}
.quotation-form .pp-gravity-form .gform_wrapper form .gform_footer .gform_button:hover i{
color: #fff;
background: #121C22;
}
.quotation-form .pp-gravity-form .gform_wrapper form .gform_footer .gform_button i:before{
transition: all 0.35s ease;
transition: transform 0.35s;
transform-style: preserve-3d;
will-change: transform;
-webkit-font-smoothing: antialiased;
}
.quotation-form .pp-gravity-form .gform_wrapper form .gform_footer .gform_button:hover i:before{
transform: rotate(40deg);
}
.quotation-form .pp-gravity-form .gform_wrapper form .gform_fields .gfield .ginput_container_fileupload input{
background-color: #F9F9F900;
color: #FFFFFFCC;
padding: 0px 0px 0px 0px;
text-indent: 0px;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #FFFFFF33;
border-radius: 0px 0px 0px 0px;
font-family: "Manrope", Sans-serif;
font-size: 0px;
font-weight: 400;
text-transform: none;
text-decoration: none;
line-height: 28px;
}
.quotation-form .pp-gravity-form .gform_wrapper form .gform_fields .gfield.file-added .ginput_container_fileupload input{
font-size: 18px;
color: rgba(255, 255, 255, 0.50);
width: 100%;
}
.quotation-form .pp-gravity-form .gform_wrapper form .gform_fields .gfield .ginput_container_fileupload [type="file"]::-webkit-file-upload-button,
.quotation-form .pp-gravity-form .gform_wrapper form .gform_fields .gfield .ginput_container_fileupload [type="file"]::file-selector-button,
.quotation-form .pp-gravity-form .gform_wrapper form .gform_fields .gfield .ginput_container_fileupload .gfield_description{
display: none;
visibility: hidden;
}
.quotation-form .pp-gravity-form .gform_wrapper form .gform_fields .gfield.gfield--type-fileupload .gfield_label{
display: flex;
align-items: center;
}
.quotation-form .pp-gravity-form .gform_wrapper form .gform_fields .gfield.gfield--type-fileupload .gfield_label:after{
content: "";
background: url('data:image/svg+xml,') no-repeat;
width: 21px;
height: 21px;
display: inline-block;
margin: 4px;
}
.quotation-form .pp-gravity-form .gform_wrapper form .gform_fields .gfield .ginput_container_fileupload .ginput_preview_list .ginput_preview .gfield_fileupload_filename{
color: rgba(255, 255, 255, 0.50);
}
.quotation-form .pp-gravity-form .gform_wrapper form .gform_fields .gfield.ac-captcha .gfield_label{
display: block !important;
position: static;
opacity: 0;
}
/** Modal **/
body #gfcnf-overlay{
background: rgba(40, 40, 38, 0.75);
}
body #gfcnf-overlay #gf-popup-confirmation{
border-radius: 0px;
padding: 96px 50px 82px;
max-width: 885px;
width: 100%;
}
body #gfcnf-overlay #gf-popup-confirmation .close,
body #gfcnf-overlay #gf-popup-confirmation .button{
display: none;
}
body #gfcnf-overlay #gf-popup-confirmation .message .gform_confirmation_wrapper .gform_confirmation_message{
display: flex;
justify-content: center;
flex-direction: column;
}
body #gfcnf-overlay #gf-popup-confirmation .message .gform_confirmation_wrapper .gform_confirmation_message br{
display: none;
}
body #gfcnf-overlay #gf-popup-confirmation .message .gform_confirmation_wrapper .gform_confirmation_message h1{
color: #17262F;
font-family: "Manrope", Sans-serif;
font-size: 70px;
font-style: normal;
font-weight: 700;
line-height: 57px;
margin: 0px;
padding: 58px 0px 30px;
}
body #gfcnf-overlay #gf-popup-confirmation .message .gform_confirmation_wrapper .gform_confirmation_message p{
color: #17262F;
font-family: "Manrope", Sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 32px;
margin: 0px;
padding: 0px;
}
body #gfcnf-overlay #gf-popup-confirmation .message .gform_confirmation_wrapper .gform_confirmation_message .button.close{
display: flex;
margin: 42px auto 0px;
font-family: "Manrope", Sans-serif;
font-size: 18px;
font-weight: 500;
text-transform: capitalize;
line-height: 30px;
color: #17262F;
background-color: #FFFFFF00;
border: 1px solid #1C00B4 !important;
border-radius: 0px 0px 0px 0px;
padding: 14px 100px 14px 54px;
position: relative;
backface-visibility: hidden;
will-change: transform;
-webkit-font-smoothing: antialiased;
transition: all 0.35s ease;
box-shadow: none;
max-width: 258px;
right: inherit;
top: inherit;
}
body #gfcnf-overlay #gf-popup-confirmation .message .gform_confirmation_wrapper .gform_confirmation_message .button.close:hover{
background: #fff !important;
color: #fff !important;
}
body #gfcnf-overlay #gf-popup-confirmation .message .gform_confirmation_wrapper .gform_confirmation_message .button.close:after{
content: "";
display: block;
width: 0px;
height: 100%;
background: #1C00B4;
position: absolute;
left: 0px;
top: 0px;
transition: all 0.35s ease;
z-index: -1;
}
body #gfcnf-overlay #gf-popup-confirmation .message .gform_confirmation_wrapper .gform_confirmation_message .button.close:hover:after{
width: 100%;
}
body #gfcnf-overlay #gf-popup-confirmation .message .gform_confirmation_wrapper .gform_confirmation_message .button.close i{
font-family: 'alloy-icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 55px;
height: 100%;
color: #fff;
background: #1C00B4;
font-size: 24px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: 0px;
top: 0px;
z-index: 1;
transition: all 0.35s ease;
}
body #gfcnf-overlay #gf-popup-confirmation .message .gform_confirmation_wrapper .gform_confirmation_message .button.close i:before{
content: "\e902";
}
body #gfcnf-overlay #gf-popup-confirmation .message .gform_confirmation_wrapper .gform_confirmation_message .button.close:hover i{
color: #1C00B4;
background: #fff;
}
body #gfcnf-overlay #gf-popup-confirmation .message .gform_confirmation_wrapper .gform_confirmation_message .button.close i:before{
transition: all 0.35s ease;
transition: transform 0.35s;
transform-style: preserve-3d;
will-change: transform;
-webkit-font-smoothing: antialiased;
}
body #gfcnf-overlay #gf-popup-confirmation .message .gform_confirmation_wrapper .gform_confirmation_message .button.close:hover i:before{
transform: rotate(40deg);
}
/*--------------------------------------------------------------
# Contact us Page
--------------------------------------------------------------*/
.contact-us .elementor-element.contact-info > .e-con-inner{
margin-left: 0px;
}
.contact-us .contact-info .section-txt.elementor-widget-text-editor span{
display: block;
color: #1C00B4;
}
.contact-us .contact-info .section-txt.info-list.elementor-widget-text-editor span{
display: flex;
padding: 0px 5px 0px 0px;
}
.contact-us .contact-info .section-txt.info-list.elementor-widget-text-editor p{
margin: 0px;
display: flex;
align-items: center;
}
.contact-us .contact-info .section-txt.info-list.elementor-widget-text-editor a{
text-decoration: none;
transition: all 0.35s ease;
color: #17262F;
}
.contact-us .contact-info .section-txt.info-list.elementor-widget-text-editor a:hover{
color: #1C00B4;
}
.contact-us .contact-info .social-icons.elementor-widget-social-icons .elementor-grid{
display: flex;
align-items: center;
justify-content: center;
}
.contact-us .contact-info .social-icons.elementor-widget-social-icons .elementor-grid .elementor-grid-item .elementor-icon svg{
transition: all 0.35s ease;
}
.contact-us .contact-info .social-icons.elementor-widget-social-icons .elementor-grid .elementor-grid-item .elementor-icon{
width: 35px;
height: 35px;
border-top: 1px solid #1C00B4;
border-bottom: 1px solid #1C00B4;
border-right: 1px solid #1C00B4;
transition: all 0.35s ease;
opacity: 1 !important;
}
.contact-us .contact-info .social-icons.elementor-widget-social-icons .elementor-grid .elementor-grid-item:first-child .elementor-icon{
border-left: 1px solid #1C00B4;
}
.contact-us .contact-info .social-icons.elementor-widget-social-icons .elementor-grid .elementor-grid-item .elementor-icon:hover{
background: #1C00B4;
opacity: 1 !important;
}
.contact-map .map.elementor-widget-google_maps,
.contact-map .map.elementor-widget-google_maps .elementor-custom-embed{
height: 100%;
}
.elementor-element.contact-map .elementor-element.col-left{
position: relative;
}
.elementor-element.contact-map .elementor-element.col-left:before{
content: "";
background: url(/wp-content/uploads/2024/04/contact-us-map-shape.png) no-repeat;
width: 302px;
height: 227px;
display: inline-block;
position: absolute;
left: 0px;
top: 136px;
}
/*--------------------------------------------------------------
# Our Company Page
--------------------------------------------------------------*/
.elementor-element.eng-coat.prod-service .main-content .elementor-element.col-left{
width: calc(100% - 638px);
}
.elementor-element.eng-coat.prod-service .main-content .elementor-element.col-right{
width: 638px;
}
.eng-coat .main-content .info-list-col > .e-con-inner{
margin-left: 0px;
}
.eng-coat .main-content .info-list-col .components-list.elementor-widget-icon-list ul.elementor-icon-list-items li.elementor-icon-list-item{
align-items: center;
position: relative;
padding: 0px 0px 0px 35px;
}
.eng-coat .main-content .info-list-col .components-list.elementor-widget-icon-list ul.elementor-icon-list-items li.elementor-icon-list-item .elementor-icon-list-icon{
width: 9px;
height: 9px;
display: inline-block;
position: absolute;
left: 0px;
top: 0px
}
.eng-coat .main-content .info-list-col .components-list.elementor-widget-icon-list ul.elementor-icon-list-items li.elementor-icon-list-item .elementor-icon-list-icon svg{
width: 9px;
height: 9px;
}
.eng-coat .main-content .info-list-col .components-list.elementor-widget-icon-list ul.elementor-icon-list-items li.elementor-icon-list-item .elementor-icon-list-text{
padding: 0px;
}
.superior-solution .main-content .ec-img.elementor-widget-image,
.superior-solution .main-content .ec-img.elementor-widget-image img{
height: 100%;
}
.eng-coat.our-promise .main-content .elementor-element.col-left{
width: calc(100% - 637px);
}
.eng-coat.our-promise .main-content .elementor-element.col-right{
width: 637px;
}
.eng-coat .main-content .ec-img.elementor-widget-image{
height: 100%;
}
.eng-coat .main-content .ec-img.elementor-widget-image img{
height: 100%;
object-fit: cover;
}
.page-id-39 .elementor-element.solutions > .e-con-inner{
padding-bottom: 105px;
}
/*--------------------------------------------------------------
# Fossil Fuel/Oil and Gas Page
--------------------------------------------------------------*/
.elementor-element.components{
position: relative;
}
.elementor-element.components:before{
content: "";
background: url('data:image/svg+xml,') no-repeat;
width: 115px;
height: 119px;
display: inline-block;
position: absolute;
top: -60px;
left: inherit;
right: 199px;
}
.our-role.eng-coat .main-content .elementor-element.col-left{
width: calc(100% - 636px);
}
.our-role.eng-coat .main-content .elementor-element.col-right{
width: 636px;
}
.components .components-card .card-head.elementor-widget-pp-icon-list .pp-list-container ul.pp-list-items .pp-icon-list-item .pp-icon-wrapper .pp-icon-list-icon svg{
width: auto;
height: auto;
}
.page-id-48 .certification-pb .elementor-element.certification > .e-con-inner{
padding-top: 105px;
padding-bottom: 180px;
}
.elementor-element.quality-compliance{
position: relative;
}
.elementor-element.quality-compliance:before{
content: "";
background: url(/wp-content/uploads/2024/04/quality-compliance-top-left-shape.png) no-repeat;
width: 302px;
height: 227px;
display: inline-block;
position: absolute;
left: 0px;
top: 0px;
}
.elementor-element.quality-compliance:after{
content: "";
background: url(/wp-content/uploads/2024/04/quality-compliance-bottom-right-shape.png) no-repeat;
width: 303px;
height: 227px;
display: inline-block;
position: absolute;
right: 0px;
bottom: 0px;
}
.elementor-element.quality-compliance > .e-con-inner{
position: relative;
z-index: 1;
}
/*--------------------------------------------------------------
# Machining Page
--------------------------------------------------------------*/
.elementor-element.eng-coat.machining .main-content .elementor-element.col-left{
width: calc(100% - 637px);
}
.elementor-element.eng-coat.machining .main-content .elementor-element.col-right{
width: 637px;
}
.certification .logo-group.elementor-widget-pp-logo-grid .pp-logo-grid.elementor-grid .elementor-grid-item.elementor-repeater-item-42fea8b{
position: relative;
top: -12px;
}
/*--------------------------------------------------------------
# Contact Page Responsive
--------------------------------------------------------------*/
@media(max-width:1370px){
.elementor .elementor-element.inner-hero {
--content-width: 100%;
padding: 0 35px;
}
.elementor .elementor-element.request-quote {
--content-width: 100%;
padding: 0 35px;
}
.elementor .elementor-element.stroke-col h2.elementor-heading-title {
font-size: 90px;
}
}
@media(max-width:1290px){
.elementor .elementor-element.stroke-col h2.elementor-heading-title {
font-size: 80px;
}
}
@media(max-width:1263px){
.elementor .elementor-element.stroke-col h2.elementor-heading-title {
font-size: 71px;
}
}
@media(max-width:1024px){
.request-quote .main-content .elementor-element.col-left,
.request-quote .main-content .elementor-element.col-right{
width: 100%;
}
body #gfcnf-overlay #gf-popup-confirmation .message .gform_confirmation_wrapper .gform_confirmation_message h1{
font-size: 60px;
line-height:50px;
}
}
@media(max-width:610px){
.elementor-element.contact-map .elementor-element.col-left {
position: relative;
padding-left: 35px;
padding-right: 35px;
}
body #gfcnf-overlay #gf-popup-confirmation .message .gform_confirmation_wrapper .gform_confirmation_message h1{
font-size: 55px;
}
#gform_confirmation_message_1 img.aligncenter {
width: 80px;
}
}
@media(max-width:550px){
.elementor .elementor-element.stroke-col h2.elementor-heading-title {
font-size: 64px;
}
body #gfcnf-overlay #gf-popup-confirmation .message .gform_confirmation_wrapper .gform_confirmation_message h1{
font-size: 50px;
}
}
@media(max-width:420px){
.elementor .elementor-element.inner-hero {
--content-width: 100%;
padding: 0 15px;
}
.elementor .elementor-element.request-quote {
--content-width: 100%;
padding: 0 20px;
}
.request-quote .main-content .elementor-element.col-left h2.elementor-heading-title,
.elementor-element.contact-map .elementor-element.col-left h2.elementor-heading-title,
.request-quote .main-content .elementor-element.col-right h2.elementor-heading-title{
font-size: 35px;
line-height: 47px;
}
.request-quote .main-content .elementor-element.col-left .elementor-element.stroke-col h2.elementor-heading-title {
font-size: 50px;
}
.request-quote .main-content .elementor-element.col-right {
padding-left: 20px;
padding-right: 20px;
}
.elementor-element.contact-map .elementor-element.col-left {
padding-left: 20px;
padding-right: 20px;
}
body #gfcnf-overlay #gf-popup-confirmation .message .gform_confirmation_wrapper .gform_confirmation_message h1{
font-size: 45px;
}
.inner-hero .custom-bb ul li a, .inner-hero .custom-bb ul li span{
font-size:16px;
line-height:28px;
}
.elementor .elementor-element.inner-hero h1.elementor-heading-title {
font-size: 38px;
line-height: 50px;
}
}
@media(max-width:380px){
.request-quote .main-content .elementor-element.col-left h2.elementor-heading-title,
.elementor-element.contact-map .elementor-element.col-left h2.elementor-heading-title,
.request-quote .main-content .elementor-element.col-right h2.elementor-heading-title{
font-size: 31px;
line-height: 43px;
}
.request-quote .main-content .elementor-element.col-left .elementor-element.stroke-col h2.elementor-heading-title {
font-size: 46px;
}
body #gfcnf-overlay #gf-popup-confirmation .message .gform_confirmation_wrapper .gform_confirmation_message h1{
font-size: 40px;
}
.elementor .elementor-element.inner-hero h1.elementor-heading-title {
font-size: 35px;
line-height: 50px;
}
}
@media(max-width:325px){
.request-quote .main-content .elementor-element.col-left h2.elementor-heading-title,
.elementor-element.contact-map .elementor-element.col-left h2.elementor-heading-title,
.request-quote .main-content .elementor-element.col-right h2.elementor-heading-title {
font-size: 26px;
line-height: 38px;
}
.request-quote .main-content .elementor-element.col-left .elementor-element.stroke-col h2.elementor-heading-title {
font-size: 38px;
}
.quotation-form .pp-gravity-form .gform_wrapper form .gform_fields .gfield .gfield_label{
font-size: 14px;
}
.quotation-form .pp-gravity-form .gform_wrapper form .gform_footer .gform_button{
padding: 14px 82px 14px 22px !important;
}
body #gfcnf-overlay #gf-popup-confirmation .message .gform_confirmation_wrapper .gform_confirmation_message .button.close{
padding:14px 85px 14px 30px;
}
}
/*--------------------------------------------------------------
# 404 Page Responsive
--------------------------------------------------------------*/
@media(max-width:1370px){
section.error-404.not-found .page-nf h1.elementor-heading-title{
font-size: 270px;
line-height: 290px;
}
}
@media(max-width:1024px){
section.error-404.not-found .page-nf h1.elementor-heading-title {
font-size: 239px;
line-height: 260px;
}
}
@media(max-width:850px){
section.error-404.not-found .page-nf h1.elementor-heading-title {
font-size: 187px;
line-height: 200px;
}
}
@media(max-width:800px){
section.error-404.not-found .page-nf h1.elementor-heading-title {
font-size: 177px;
line-height: normal;
}
}
@media(max-width:770px){
section.error-404.not-found .page-nf h1.elementor-heading-title {
font-size: 169px;
}
}
@media(max-width:670px){
section.error-404.not-found .page-nf .e-con-inner .e-con-full.col-left,
section.error-404.not-found .page-nf .e-con-inner .e-con-full.col-right{
width:50%;
}
section.error-404.not-found .page-nf h1.elementor-heading-title {
font-size: 141px;
}
}
@media(max-width:610px){
section.error-404.not-found .page-nf .e-con-inner .e-con-full.col-left,
section.error-404.not-found .page-nf .e-con-inner .e-con-full.col-right{
width:100%;
}
section.error-404.not-found .page-nf .e-con-inner .e-con-full.col-left h2.pp-dual-heading,
section.error-404.not-found .page-nf .e-con-inner .e-con-full.col-left .section-txt,
section.error-404.not-found .page-nf .e-con-inner .e-con-full.col-left .btn-blue,
section.error-404.not-found .page-nf .e-con-inner .e-con-full.col-right h1.elementor-heading-title {
text-align: center;
}
section.error-404.not-found .page-nf .e-con-inner .e-con-full.col-right h1.elementor-heading-title{
position:relative;
left:10px;
}
}
@media(max-width:420px){
section.error-404.not-found .page-nf {
padding-left: 15px;
padding-right: 15px;
}
}
@media(max-width:380px){
section.error-404.not-found .page-nf .e-con-inner .e-con-full.col-right h1.elementor-heading-title {
position: relative;
left: 6px;
}
section.error-404.not-found .page-nf .e-con-inner .e-con-full.col-left h2.pp-dual-heading span {
font-size: 32px;
line-height: 44px;
}
}
@media(max-width:330px){
section.error-404.not-found .page-nf h1.elementor-heading-title {
font-size: 120px;
}
section.error-404.not-found .page-nf .e-con-inner .e-con-full.col-right h1.elementor-heading-title {
left: 0;
}
}
/*--------------------------------------------------------------
# Home Page Responsive
--------------------------------------------------------------*/
@media(min-width:2020px){
.elementor-element.our-prtners .e-con-inner {
max-width: 100%;
padding-left: 102px;
padding-right: 102px;
}
}
@media(min-width:2160px){
.elementor-element.our-prtners .e-con-inner {
max-width: 100%;
padding-left: 130px;
padding-right: 130px;
}
}