/*
 Theme Name: Softsteer Child
 Theme URI: http://wpdemos.themezaa.com/pofo
 Description: Child theme for Pofo theme
 Version: 1.0
 Author: ThemeZaa
 Author URI: http://www.themezaa.com
 Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, blog, e-commerce, photography, portfolio
 License: Themeforest Split Licence
 License URI: http://themeforest.net/licenses
 Template: pofo
 Text Domain: pofo-child
*/

::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
border-radius:5px;	
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius:5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.hvr-sweep-to-right{;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;	
}
.what-we-do{
margin:0 auto;	
}
.catg-links a{
color:#A5A5A5;
font-weight:500;
cursor:pointer;
font-size:20px;	
}
.catg-link-color{
color:#0F75BC !important;	
}
.catg-links{
display:flex;
margin-left:40px;	
}
.transform-active {
  left:0% !important;
}

.job-apply-banner{
padding-top:267px;	
}
.job-form-block .wpcf7{
padding: 30px 35px;
box-shadow: 9px 5px 40px #00000029;	
max-width:470px;
margin: 0 auto;
padding-bottom:25px;	
}
.job-form-block p{
margin-bottom:0;	
}
.job-form-block .wpcf7 .wpcf7-text{
border:1px solid #CFD4D8 !important;	
}
.job-form-block .wpcf7 .wpcf7-spinner{
display:block !important;
margin:0 auto !important;	
}
.job-form-block .wpcf7 .wpcf7-text::placeholder{
color:#A19D9D;	
}
.job-form-block .wpcf7 .wpcf7-submit{
background:#04689C;
padding:8px 55px;
color:white;
margin-bottom:0;	
}
.blog-details-text ul{
padding-left:18px;	
}
.pofo-featurebox p{
color:black;	
}
.navbar-toggle{
background:#00528E !important;	
border-radius: 27px;
padding:12px 12px;
transition: transform .3s cubic-bezier(.47,0,.745,.715);
overflow:hidden;
align-items: center;
justify-content: center;
display: flex;	
}
.navbar-toggle:hover{
transform: scale(1.3);	
}
.navbar-toggle .icons[data-v-36d18b66] {
transition: transform .6s cubic-bezier(1,0,0,1);
height:18px;	
}
.navbar-toggle .first[data-v-36d18b66] {
transition: transform .6s cubic-bezier(1,0,0,1),opacity .6s cubic-bezier(.19,1,.22,1);
margin-bottom: 5px;	
}
.navbar-toggle .second[data-v-36d18b66] {
transform: translate3d(0,400%,0);
transition: transform .6s cubic-bezier(1,0,0,1),opacity .6s cubic-bezier(.95,.05,.795,.035);
opacity: 0;
}
.navbar-toggle.clicked[data-v-36d18b66], .round-btn[data-v-36d18b66]:hover {
transform: scale(1.2);
transition: transform .3s cubic-bezier(.39,.575,.565,1);
}
.navbar-toggle.clicked .icons[data-v-36d18b66], .navbar-toggle:hover .icons[data-v-36d18b66] {
transition: transform .3s cubic-bezier(.39,.575,.565,1);
}
.navbar-toggle.clicked .icons .first[data-v-36d18b66], .navbar-toggle:hover .icons .first[data-v-36d18b66] {
transform: translate3d(0,-400%,0);
transition: transform .6s cubic-bezier(.19,1,.22,1),opacity .6s cubic-bezier(.19,1,.22,1);
opacity: 0;
}
.navbar-toggle.clicked .icons .second[data-v-36d18b66], .navbar-toggle:hover .icons .second[data-v-36d18b66] {
transform: translateZ(0);
transition: transform .6s cubic-bezier(.19,1,.22,1),opacity .6s cubic-bezier(.19,1,.22,1);
opacity: 1;
position: absolute;
top: 3px;
left: 0;
}
.why-soft .cust-btn button{
min-width: 128px;
border-radius: 5px !important;
font-weight: 600;
color: black !important;
}
.cust-btn button{
border-radius: 3px !important;
min-width: 155px;
padding: 13px 0px !important;
font-size:12px !important;	
background-image: none !important;
border:none !important;
  -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;		
}

/* .cust-btn button:before{
content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;	
} */
/* .cust-btn button:before {
background: #0b0c11;
color:white;	
border:1px solid #0b0c11;	
}
.cust-btn button:active:before, .cust-btn button:focus:before, .cust-btn button:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
} */
.job-btn{
border-radius: 0px !important;
min-width: 140px;
padding: 12px 35px !important;
font-size: 12px !important;
background-image: none !important;
background-color: #04689C;
color: white;
}

.banner-section p{
font-size:18px;	
line-height:30px;
max-width: 398px;	
}

/*  Footer Styling  */  

.site-footer{
background: transparent linear-gradient(180deg, #1175BC 0%, #0269B1 100%) 0% 0% no-repeat padding-box;
}

.custom-footer-menu a{
color:white;
padding-right: 40px;	
font-size:16px;
}

.popup-menu-bottom{
border-top: 2px solid #FFFFFF;
    padding-top: 10px;
    position: relative;
    bottom: 0px;
    height: 10vh;	
}

.popup-menu-bottom .custom-menu-coloum a{
color: white;
padding-right: 20px;
font-size:20px;	
}

.custom-footer-social-icons{
margin-top:29px;	
}

.custom-footer-social-icons i{
background: #005A9A;
padding: 10px;
border-radius: 44px;
width: 33px;
margin-right: 20px;
font-size: 17px;	
}

.home-service-section .pofo-featurebox:hover{
border-top:5px solid #1175BC;
box-shadow: 0px 3px 20px #00000029;	
border-radius:8px !important;
}
.home-service-section .pofo-featurebox{
border-top:5px solid white;
}
.home-service-section .pofo-featurebox img{
opacity:0.4;	
}
.home-service-section .pofo-featurebox:hover img{
opacity:1;	
}
.why-soft p{
font-size: 20px;
line-height: 30px;
margin: 10px auto;
margin-bottom: 30px !important;
font-weight: 400;
color: #DCDCDC;
max-width: 590px;	
}

.home-service-section .pofo-featurebox .width-75{
width:90% !important;
}

.swiper-slide .testimonial-commas{
position: absolute;
left: 41px;
top: 20px;
width: 10%;
}
.first-sec{
position:relative;		
}

.life-section .first-ribbon-img{
position: absolute;
top: -10px;
left: -39px;	
}
.life-section .second-ribbon-img{
position: absolute;
top: -18px;
right: 52px;
}

.contact-form-section input{
border:1px solid #E5E5E5 !important;
border-radius:6px;	
}
.contact-form-section textarea{
border:1px solid #E5E5E5 !important;
border-radius:6px;
max-height:73px;	
}
.contact-form-section input::placeholder{
color:#747474;
opacity:1;	
}
.contact-form-section textarea::placeholder{
color:#747474;
opacity:1;	
}
.contact-form-section .wpcf7-submit{
background: #1175BC;
color: white;
width: 100%;
padding: 11px;	
}
.iframe-section iframe{
border-radius: 10px;
border: 3px solid white;
box-shadow: rgb(0 0 0 / 16%) 0px 3px 40px;	
}
.justify-content-center{
justify-content:center;	
} 
.job-section .box-shadow-job{
margin-right:35px;	
}
@media (min-width: 768px) and (max-width: 991px) {	
.run-manage-coloum{
width:100%;		
}
.life-section .first-ribbon-img {
    position: absolute;
    top: 10px;
    left: -10px;
    width: 90px;
}
.life-section .second-ribbon-img {
    position: absolute;
    top: 8px;
    right: -6px;
    width: 90px;
}
.responsive-full-width{
width:100%;		
}	
}

 @media (max-width: 991px)
{
.navbar-toggle{
margin-right: 11px;		
}	
.popup-menu-bottom .custom-menu-coloum a{
padding-right:11px;
font-size:17px;	
}
.custom-footer-menu a {
color: white;
padding-right: 10px;
font-size: 16px;
}	
}

@media (max-width: 767px)
{
.first-sec{
max-width:554px;	
}	
.life-section .second-ribbon-img {
    position: absolute;
    top: 3px;
    right: 0px;
    width: 60px;
}
.life-section .first-ribbon-img {
    position: absolute;
    top: 3px;
    left: 0px;
    width: 60px;
}	
}

@media (min-width: 991px) and (max-width: 1200px) {	
.run-manage-coloum{
width:100%;		
}


}