/*

Theme Name: robust-electric

Theme URI: http://www.sizhitsolutions.com/

Description: A brief description.

Version: 1.0

Author: sizhteam

Author URI: http://www.sizhitsolutions.com/

*/

.navbar-brand img{height:50px;}
 
 p .text-btn {
     background-color: #16222a!important;
    color: #fff;
    font-size: 18px;
    border: none;
    border-radius: 9px!important;
    padding: 10px 20px 10px 20px!important ;
    text-decoration: none;  
}

.dropdown-menu li a{font-size:14px;}

.dropdown-menu li{margin-left:5px!important;}

.nav-item:hover .dropdown-menu li a.nav-link {
    color: #000 !important;
}

.abt-sec{background:#e6e6e6;padding: 60px 0px 30px 0px;}
	
	#one-row {
    background: #e6e6e6;
    padding-top: 10px;
}



.detail_box{min-height:75px;}



.pagination_design{ text-align:center; margin-top:20px;}
.pagination_design a.page-numbers{ background:#303030; color:#fff!important; padding:3px 5px; border-radius:3px;} 
.pagination_design span.current{ background:#c65061; color:#fff!important; padding:3px 5px; border-radius:3px;} 


.services{
    color:#303030;
    text-align:center;
    padding:25px 0px;
    font-weight: bold;
    font-size: 34px;
}
.service-list{
      padding: 45px 100px;
    background: #c65061;
    color: #fff;
    font-size: 20px;
    line-height: 36px;
    border-radius: 10px;
}

.footer-logo{width:300px;}


.home #myCarousel{padding:80px;background-color:#e6e6e6;border-radius:10px;margin-bottom:0px}
.nav-item.show .dropdown-menu{width:200px;}


.page-id-147 .par-div{min-height: 300px;
    background: #c65061;}
	
.page-id-147	.abt-sec{padding-bottom:100px;}



.decs_box{  background: #c65061;
    color: #fff;
    padding: 40px 60px;
    font-size: 20px;
    border-radius: 10px;
    
    line-height: 32px;margin-bottom:30px;}
	
	
.titlecrown{margin-bottom:30px;}	


/* .page-id-136 #one-row{background: linear-gradient(59deg,#3A6073,#16222A);border-radius:5px;    padding: 25px;} */
.page-id-136 #one-row{background: #c65061 ;border-radius:5px;    padding: 25px;}



.page-id-136 .expert-row h4 {
    color: #fff;
    font-weight: 700;
}
.page-id-136 .expert-row p{color:#fff;}



/*      mobile responsive        */

@media only screen and (max-width: 767px) {


.navbar-toggler{
    margin-right: -35px;
}
.cara-mob h4{font-size: 23px !important;}
#btn-slider-sec{
    margin-left: 183px;
    margin-top: 10px;
}
.abt-sec {
    padding-left: 20px;
    padding-right: 20px;
}
/* .justify-content-between{
   padding: 0px 0px!important;
   margin: 0px -42px;
} */
.text-center{
    padding-bottom: 20px;
}
.par-div{
    margin-bottom: 30px;
}
.page-id-147 .abt-sec {
padding-bottom: 10px;
}
.title{
    text-align: center;
    padding: 25px 0px;
}
.para{
    padding: 0px 10px 15px 10px!important;
    text-align: justify;
}
/* .col-md-6{
    text-align: center;
    justify-items: center;
    padding: 0px 40px;
} */
.text-justify {
    padding: 10px 20px;
}
.col-md-3 img{
    text-align: center;
    padding: 10px 0px;
}
.mb-4{
    padding-top: 4px;
}

.expert-row{
    padding: 50px 20px;
} 
.navbar{
    padding: 10px 0px 0px 0px;
    margin-right: 45px;
}
.jumbotron-image{
    width: 100%;
    height: 250px!important;
}
.home #myCarousel{ padding: 0px;}

.service-list{
    padding: 30px 20px;
    line-height: 36px;
}
.decs_box{
    padding: 25px 20px;
}
.banner{
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
#tab-sec{
    height: 600px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
/* .justify-content-between{
    padding: 10px 20px;
} */

.col-md-7 h4{
    padding-top:40px;
}
/* .mob-k-head{
    margin-left: 40px;
    margin-top: 10px;
} */
.head-sec h3{
    text-align: center;
    padding-bottom: 15px;
}

.flip-box-front img {
   
    margin-left:0px!important;
    /* text-align: center!important; */
}
.flip-sec{
    padding-bottom: 4px;
}
.flip-box-front h4{
    margin-left: 35px
}
.flip-box-back{
    width: 80%;
    padding-bottom: 7px;
    padding-top: 18px;
    margin-top: -10px;
    margin-left: 18px;
}

.page-id-136 #one-row{
    margin-top: 50px;
}
/* .img-fluid{
    padding-top: 20px;
} */
.text-justify{
    padding-top: 0px;
}

.page-id-136 .expert-row h4{
    padding-bottom: 0px;
}
.data-row .text-right  {
    width: 50%;
    float: left;
}

.col-right-com{
  
}

.text-right .detail_box{
  min-height: 150px;
}
.text-right .client_box{
    min-height: 50px;
  }

.col-right-com .detail_box {
    min-height: 150px;
    margin-right: -27px;

}
.col-right-com .client_box{
    min-height: 50px;
}

 .career-cont p{
     padding: 0px 12px;
}
.wpcf7{
    padding: 0px 12px;
}
.container #one-row{
    flex-flow: row wrap;
}
.expert-row .text-center .img-fluid{
    display: flex;
    order: 1; 
    width: 100%;
    height: 250px;
}
.expert-row .text-center .img-fluid{
    padding-top: 20px;
}
.expert-row .my-auto{
    display: flex;
    order: 2;
    width: 100%;
}
.form-bor .my-auto .wpcf7{
    display: flex;
    order: 1;
    width: 100%;
}
.form-group {
width: 100%;
}
.mapouter{
    width: 100%!important;
}

.col-info{
   text-align: center;
 padding: 20px 30px!important;
}
 .mapouter{
    padding: 0px 12px;
}
p .text-btn{
    margin-left: 120px;
}

.list-unstyled li{
    padding: 4px 20px;
}
.footer-logo{
    padding-bottom: 20px;
    padding-left: 15px;
}
.foot-ser {
    padding: 10px 18px;
}
.ad{
    padding-left: 20px;
}
.row-leader {
    padding: 6px 60px 10px!important;
}
.row-leader .card-img-top{
    padding: 0px 0px!important;
}

/* safety page mobile*/
.jumbotron-image{
    width: 100%!important;
    height: 250px;
}
.col-md-6 video{
    width: 100%!important;  
    margin: 0px 0px!important; 
    padding: 0px 44px 30px!important;

   
}

.col-md-6 .text-justify {
    margin: 0px 10px 0px!important;
    padding: 0px 34px 10px!important;
}

#safety .container-fluid .justify-content-around{
    margin: 0px 10px 0px!important;
}
/* banner section */
#btn-slider{
    position: absolute;
    top: 93%;
    left: 34%;
    font-size: 15px;
    padding:4px 10px;
}
.banner .content-1 h1{
    position: absolute;
    top: 50%;
    right: 25%;
}
.content-1 p{
    padding-top: 190px;
    /* padding-left: 100px; */
}


}


.policy-title{
    text-align: center;
    color: #9F1D35;
    font-weight: bold;
    font-size: 35px;
    padding-bottom: 25px!important;
    padding-top: 12px!important;
    
}
.title{
    text-align: center;
    font-size: 35px;
    font-weight: bold;
    color: #9F1D35;
    padding: 25px 0px;
}
.para{
    text-align: justify;
    padding: 10px 0 20px 0px;
}
.col-info{
    padding: 20px 0px 80px 0px;
}
.row-leader {
    padding: 16px 125px 24px;
}
.btn_cta{
    cursor: pointer;
}
.mb-2 a{
    color: #fff!important;
}
html {
    scroll-behavior: smooth;
}
.know-morebtn{
    cursor: pointer;

}
.wrapper-row-advance .pro-row{
    padding-top: 30px!important;
    padding-bottom: 30px;
    border-bottom: 4px solid #c65061;
    margin-bottom: 0px;
	border-radius: 0px!important
}
.mb-4{
    padding-top: 2px;
}
.wpcf7-form {
    padding-bottom: 36px;
}
.form-bor{
    padding-top: 50px;  
    border-radius: 6px;
}

/* safety page desktop*/
.col-md-6 video{
    width: 100%;
   
}
.col-md-6 video{
    margin: 22px 67px 60px;
}
.col-md-6 .text-justify {
    margin: 10px 56px 40px;
}
#safety .container-fluid .justify-content-around{
    margin: 0px 40px 0px;
}



@media (min-width: 768px) and (max-width: 991px) {

.abt-sec{padding-left:0px!important;
    padding-right:0px!important;}


.flip-sec{ overflow:hidden;}
#myCarousel .carousel-item {
    height: 100%;
    min-height: 185px!important;
}
 .flip-sec{padding-right:0px!important;}
.flip-box-front img {
    width: 170px!important;
    height: 160px!important;
    border: none!important;
}
.flip-box{ width:auto!important}
.banner video{ height:auto!important}
.banner{height: 385px!important;}
.banner .content-1{margin-top: 90px;}
.banner{ display:block!important}
.banner .pt-4{position: absolute;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    width: 24%;}
	
.flip-box-back {
    padding-top: 28px;
    height: 100%;
    padding-bottom: 15px;
    padding-right: 0px;
    font-size: 11px!important;
    line-height: 11.3px!important;
    position: absolute;
    top: 0px;
}
.flip-box-front h4{min-height:59px!important;font-size:13px!important;padding-top:6px!important;}
	
}



@media (min-width: 991px) and (max-width: 1024px) {


.abt-sec{padding-left:0px!important;
    padding-right:0px!important;}


.flip-sec{ overflow:hidden;}
#myCarousel .carousel-item {
    height: 100%;
    min-height: 185px!important;
}
 .flip-sec{padding-right:0px!important;}
.flip-box-front img {
    width:247px!important;
    height: 160px!important;
    border: none!important;
}
.flip-box{ width:auto!important}
.banner video{ height:auto!important}
.banner{height: 75vh!important;}
.banner .content-1{margin-top: 240px;}
.banner{ display:block!important}
.banner .pt-4{position: absolute;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    width: 24%;}

#btn-slider {
    position: absolute;
    text-align: right;
    right: 0px;
    bottom: -60px;
    top: auto;
    left: 0px;
    text-align: center;
}





}



.banner p{ text-align:center!important}

.prosec a{color: #303030;}
.abt-sec h4{color: #303030!important;}

.flip-box {
    background-color: transparent;
    perspective: 1000px;
    box-shadow: 6px 7px 1px #ccc;
}

.flip-box:hover{  box-shadow:0px 0px 0px #ccc;}

.jumbotron { padding-bottom:0px!important; margin-bottom:0px!important;
}

.jumbotron{border-radius:0px;}
#myCarousel .carousel-item .mask img{max-width: 97%;
   box-shadow: 3px 3px 0px #333;
    padding: 4px;border: 1px solid #ccc!important;}