body{overflow-x: hidden;}

.active1

{

    color:red;

    border-left: none !important;

}



.mrbt50

{

    margin-bottom: 50px;

}

.mrtop50

{

    margin-top:50px;

}

.clr

{

    clear: both;

}

.h100

{

    height:100px;

}





.navbar-default .navbar-nav>li>a {
    color: #201d1d;
    font-family: 'Pridi', serif;
    font-size: 14px;
    top: 0px;
        font-family: 'Poppins', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}

.nav1 {
    background-color: #fff !important;
    border: none;
    margin-top: 16px;
    float: right;
    margin: 31px 0px 7px;
}





.navbar-default .navbar-nav>li>a:hover

{

    color:#e31e24;

}



.nav li {
    padding: 0px 27px;
    border-left: 2px dashed #e31e24;
}



/*-----footer-section-css-start-----*/

.foot {
    width: 100%;
    float: left;
    padding: 56px 0 50px;
        color: #fff;
   }



.footabt p

{

    color: #fff;

    line-height: 29px;

    text-align: justify;

}

.footul h2

{

    color:#00a651;

    font-size: 22px;

    margin-bottom: 10px;

    font-family: 'Montaga', serif

}



.line {
    width: 100px;
    border: 1px solid #ee1c24;
    margin-bottom: 30px;
    border-radius: 0px;
    margin: 0px auto;
    margin-bottom: 8px;
}

.footul ul

{

    list-style: none;

    padding: 0px;

    font-family: 'Titillium Web', sans-serif;

}



.footul p

{

   font-family: 'Titillium Web', sans-serif;

    text-align: justify;

    line-height: 26px;

}



.footul ul li a

{

    color: #fff;

    line-height: 32px;

}

.footul ul li a i

{

    margin-right:10px;

    color: #00a651;

}



.copyright {
    background: #000000;
    padding: 0px;
    text-align: center;
    clear: both;
}

.bt-foot {
    color: #fff;
    padding: 7px;
    /* font-family: 'Titillium Web', sans-serif; */
    font-size: 16px;
        font-family: 'Poppins', sans-serif;
}

.footsocialicn ul li i:hover

{

    background:#ed3337;

    color: #fff;

}

/*-----footer-section-css-end-------*/



/*------top-header---start---*/

.tophdr

{

    padding: 0px;

    background: #333;

}

.topli ul li {
    display: inline-block;
    float: left;
    margin-right: 28px;
    font-size: 15px;
    color: #fff;
    font-family: muli;
    /* font-family: 'Titillium Web', sans-serif; */
        font-family: 'Poppins', sans-serif;
}


.para

{

    line-height: 36px;

   font-family: 'Titillium Web', sans-serif;

    color: #000;

    font-weight: 500;

    font-size: 18px;

}



.socialicn ul li a i

{

    color: #fff;

}

/*------top-header---end-----*/



.stretcher-wrapper .stretcher .stretcher-item.more 

{

    background-color: #00a651 !important;

}



.clr

{

    clear: both;

}

.pd0

{

    padding: 0px !important;

}









.top80

{

    margin-top:80px;

}



a:hover

{

    text-decoration: none;

}





.active2

{

    background: #422819!important;

}

.circle-clr li

{

    border:2px solid #422819!important;

}



.data h2

{

    text-align: left;

    color: #000;

    margin-bottom:10px;

}



.data p

{

    text-align: left;

    color: #000;

}



.btn.btn-main:hover {

    background-color:#000;

    color: #fff !important;

}



.navbar-nav>li>a

{

    padding-top: 5px !important;

    padding-bottom: 5px !important;

}

.btn-main {

    background-color: #00a651;

    text-shadow: 1px 1px 1px rgba(0,0,0,.5);

    border-radius: 0px !important;

    font-size: 17px;

    color: #fff;

    width: 85%;

}













.carousel-control.right {

    left: auto;

    right: 0;

     background-image:none !important; 

    background-image: none !important;

     background-image:none !important; 

}



.carousel-control.left {

    background-image:none !important; 

    background-image: none !important;

     background-image:none !important; 

}







/*-----mobile navbar----*/



.topnav1 {

  overflow: hidden;

  background-color: #333;

  position: relative;

}



.topnav1 #myLinks {

  display: none;

}



.topnav1 a {
    color: white;
    padding: 10px 13px;
    text-decoration: none;
    font-size: 17px;
    display: block;
}



.topnav1 a.icon {
    background: black;
    display: block;
    position: absolute;
    right: 18px;
    top: 23px;
}



.topnav1 a:hover {

  background-color: #ddd;

  color: black;

}



.active3 {

  background-color:#fff;

  color:red;

}

/*----about-css----*/

.abtbg {
    margin-bottom: 0px !important;
    padding-top: 35px !important;
    padding-bottom: 70px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}


.abtinner h2 {
    visibility: visible;
    transform: scale(1);
    opacity: 1;
    transition: all 0.3s ease 0s;
       color: #222;
    line-height: 38px;
    font-size: 28px;
        font-family: 'Poppins', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}

.imp-txt {
   color: #028037;
}
.abtinner p {
      color: #000;
    font-weight: 500;
    font-size: 15px;
    line-height: 34px;
    margin-bottom: 47px;
    text-align: justify;
}

.abtinner.text-center {
    background: #ebebeb;
    padding: 17px 17px 62px;
    border-radius: 33px;
}
.abt-btn {
    font-family: 'Pridi', serif;
    font-weight: 500;
    font-size: 16px;
    padding: 12px 34px;
    margin-bottom: 25px;
    min-width: 170px;
    color: #fff;
    background-color: #5cad2f;
    border-radius: 37px;
        font-family: 'Poppins', sans-serif;
}

/*----about-css----*/

.topnav1 img {
    width: 200px;
}



/*----btn-css----*/

.btn-change7 {
    height: 50px;
    background: #ee1c24;
    border: 0px;
    color: #fff;
    box-shadow: 0 0 1px #ccc;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: linear;
    box-shadow: 0px 0 0 #5cad2f inset;
}

.btn-change7:hover{

    box-shadow:175px 0 0 #000 inset;

    color: #fff;

    

}

a:hover{

    text-decoration: none;

}

/*----btn-css----*/



/*----stip-css----*/

.stip {
    background: #5cac2f;
    padding: 50px 50px 25px 50px;
    background-size: cover;
    background-position: center;
    margin-bottom: 70px;
}


.stipinner h3 {
       color: #fff;
    line-height: 38px;
    font-size: 29px;
    margin-bottom: 30px;
        font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
}

.icnsec

{

    text-align: center;

}

.icnsec i

{

    font-size: 60px;

    color: #fff;

    margin-bottom: 11px;

}

.icnsec p {
    font-size: 15px;
       color: #ffffff;
    font-weight: 600;
        font-family: 'Poppins', sans-serif;
}

.bdr

{

    border-left: 1px solid #fff;

}

/*----stip-css----*/



/*----map-css----*/

.map {
    padding: 0px 0px 63px;
    background: #ececed;
}

/*----map-css----*/



/*----dark-css----*/

.darkbg {
    background: #242430;
    background-image: url(../img/banner-home-bg.jpg);
    background-size: cover;
    background-position: bottom;
    padding: 20px 0px 42px;
  }

.heading h2

{

    font-family: 'Pridi', serif;

    color: #fff;

    font-size: 45px;

    text-align: center;

    margin-bottom: 0px !important;

}



.subhead

{

    font-family: 'Titillium Web', sans-serif;

    color: #ed3337;

    line-height: 16px;

    font-size: 23px;

    text-align: center;

}

.subhead2

{

    font-family: 'Titillium Web', sans-serif;

    color: #ed3337;

    line-height: 16px;

    font-size:19px;

    text-align: center;

}

.heading p

{

    font-family: 'Titillium Web', sans-serif;

    color:#fff;

    font-weight: 500;

    font-size: 17px;

    line-height: 32px;

    margin-bottom: 70px;

    text-align: center;

    margin-top:30px;

}

.darkinner {
    /* background: #151614e0; */
    padding: 19px 0px;
    text-align: center;
    margin: 13px;
    border-radius: 25px;
    border: 1px solid #b9b9b9;
    box-shadow: inset 2px 2px 10px #ccc;
}
.darkinner i

{

    font-size:55px;

    color: #1d1e1d;

}



.darkinner p {
    /* font-family: 'Pridi', serif; */
    color: #000000;
    font-size: 18px;
    margin-top: 20px;
    /* font-family: 'Titillium Web', sans-serif; */
    /*     font-family: 'Poppins', sans-serif; */
    font-weight: 500;
}
/*----dark-css----*/



/*----footer-css----*/

.item1 {
    padding: 20px 30px 20px 30px;
    background: linear-gradient(to right, #171616, #4a4243) !important;
    height: 93px;
    display: flex;
    align-items: center;
}

.icon

{

    background: #fff;

    padding: 10px;

    border-radius: 50%;

    width: 40px;

    height: 40px;

    text-align: center;

    font-size: 22px;

    color: #000;

}

.icon-2 {
       background: #fff;
    padding: 15px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 22px;
    color: #000;
    line-height: 10px;
    }

.header {
       color: #fff;
    font-size: 14px;
    margin-left: 12px;
    display: block;
 }

.item1:hover

{

    background: linear-gradient(to right, #262525, #0000009e)!important;

}



.foot-above

{

    margin-bottom: -60px;

}



.foot-inner

{

    text-align: center;

}

.foot-inner p {
    font-size: 25px;
    margin: 20px;
    color: #2e2c2c;
           font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

.footsocialicn ul li

{

    display: inline-block;

    margin-right: 30px;

    font-size: 14px;

   font-family: 'Titillium Web', sans-serif;

}

.footsocialicn ul li i {
       width: 45px;
    height: 45px;
    color: #fff;
    margin: auto;
    padding: 13px 0px;
    border-radius: 50%;
    font-size: 20px;
    text-align: center;
}



.darkclr

{

    color: #000 !important;

}



.bgwht

{

    background: #fff !important;

}





/*----footer-css----*/



/*----product-slider-css----*/



.col-item .photo img {
    margin: 0 auto;
    width: 100%;
    border: 2px solid #028037;
}



.col-item .info

{

    padding: 10px;

    border-radius: 0 0 5px 5px;

    margin-top: 1px;

}



.col-item:hover .info {

    background-color: #F5F5DC;

}

.col-item .price

{

    /*width: 50%;*/

    float: left;

    margin-top: 5px;

}



.col-item .price h5

{

    line-height: 20px;

    margin: 0;

}



.price-text-color

{

    color: #219FD1;

}



.col-item .info .rating

{

    color: #777;

}



.col-item .rating

{

    /*width: 50%;*/

    float: left;

    font-size: 17px;

    text-align: right;

    line-height: 52px;

    margin-bottom: 10px;

    height: 52px;

}



.col-item .separator

{

    border-top: 1px solid #E1E1E1;

}



.clear-left

{

    clear: left;

}



.col-item .separator p

{

    line-height: 20px;

    margin-bottom: 0;

    margin-top: 10px;

    text-align: center;

}



.col-item .separator p i

{

    margin-right: 5px;

}

.col-item .btn-add

{

    width: 50%;

    float: left;

}



.col-item .btn-add

{

    border-right: 1px solid #E1E1E1;

}



.col-item .btn-details

{

    width: 50%;

    float: left;

    padding-left: 10px;

}

.controls

{

    margin-top: 20px;

}

[data-slide="prev"]

{

    margin-right: 10px;

}



.btn-primary {
    background-color: #141414 !important;
    border-color: #171816 !important;
}

.btn

{

    border-radius:0px !important;

}



/*----product-slider-css----*/





.quote

{

    text-align: center;

}

.quote h2

{

    font-family: 'Pridi', serif;

    color: #fff;

    margin-bottom: 40px;

    text-shadow: 2px 2px 2px #000;

}



.blcbg

{

    background: #000 !important;

}



.stipbg

{

    background-image: url(../img/bg/2.jpg);

}



.ip-txt

{

    border: none !important;

    border-bottom: 1px solid #5cac2f !important;

    padding: 10px;

    margin-bottom: 20px;

    width: 100% !important;

    font-family: 'Titillium Web', sans-serif;

}

.ip-txt:focus{

    border:none !important;

}

.text-area

{

    border: none !important;

    border-bottom: 1px solid #5cac2f !important;

    padding: 10px;

    margin-bottom: 45px;

    width: 100% !important;

    font-family: 'Titillium Web', sans-serif;

}



.carousel-indicators li 

{

    border: 1px solid #ed3337 !important;

}

.carousel-indicators .active 

{

    background-color: #5cac2f !important;

    border: 1px solid #5cac2f !important;

}



/* ==========
start my css code
========= */

.contact-us-section {
    padding: 40px 0;
}

.heading1 {
    position: relative;
    font-size: 31px;
    line-height: 72px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #2d2d2d;
    display: inline-block;
    text-transform: capitalize;
    font-family: 'Lexend Deca', sans-serif;
}

.heading1:before {
    position: absolute;
    content: '';
    background: #caa100;
    height: 3px;
    width: 80px;
    bottom: 4px;
    left: 30%;
}

.inner-contact {
    margin-top: 40px;
}

.serviceBox {
    padding: 30px 30px;
    text-align: center;
    background: #292b33;
    border-top: 3px solid #ed3237;
    border-bottom: 3px solid #ed3237;
    position: relative;
    height: 300px;
}

.serviceBox:before {
    content: "";
    border-top: 0 solid #ed3237;
    border-right: 0 solid transparent;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition: all 0.3s ease 0s;
}

.serviceBox .service-icon {
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 20px;
    border: 2px solid #62c42b;
    background: #292b33;
    font-size: 40px;
    color: #eed956;
    margin-bottom: 20px;
    position: relative;
}


.serviceBox .title {
    font-size: 22px;
    font-weight: 700;
    color: #61c32a;
    letter-spacing: 1px;
    margin: 0 0 12px 0;
    text-transform: capitalize;
    position: relative;
    font-family: 'Lexend Deca', sans-serif;
    transition: all 0.3s ease 0s;
}

.serviceBox .description {
    font-size: 17px;
    color: #fff;
    letter-spacing: 1px;
    line-height: 32px;
    margin: 0;
    font-family: 'Source Sans Pro', sans-serif;
}

.serviceBox:after {
    content: "";
    border-bottom: 0 solid #ed3237;
    border-left: 0 solid transparent;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    transition: all 0.3s ease 0s;
}

.serviceBox:hover:before {
    border-top-width: 78px;
    border-right-width: 78px;
}

.serviceBox:hover:after {
    border-bottom-width: 78px;
    border-left-width: 78px;
}

.serviceBox:hover .title {
    letter-spacing: 3px;
}

.contact {
    padding: 43px 0 0px 0;
}

.contact .input-group {
    border: 1px solid #f5f5f5;
    background-color: #292b33;
    padding: 7px 2px;
    height: 40px;
    margin-bottom: 16px;
    border-radius: 30px;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.contact .input-group .input-group-addon {
    background-color: transparent;
    color: #57bcca!important;
    border: none;
    font-size: 15px;
    border-right: 1px solid #ffffff;
}

.contact .input-group .input-group-addon i {
    color: #ffffff!important;
}

.contact .input-group .form-control {
    background: #292b33;
    border: none;
    box-shadow: none;
    border-radius: 30px;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
}

.proheader>h1 {
    color: #ffffff;
    text-shadow: 2px 1px 4px #696969;
    /* margin-top: auto; */
    padding: 180px;
}

.proheader>ul>li>a, .proheader>ul>li {
    color: #fff;
    text-shadow: 1px 0px 0px #696969;
}

  






.text-1 p{font-family: 'Titillium Web', sans-serif;
    color: #000;
    font-weight: 500;
    font-size: 17px;
    line-height: 32px;
    margin-bottom: 70px;}

    
.heading h2 {
    text-align: center;
    margin-top: 50px;
    font-size: 28px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #333 ! important;
}

section.advantage h2 span.theme-color {
    color: #028037;
}

.heading {
    margin-bottom: 40px;
}

.heading-1 {
    padding: 0px 17px;
}

.heading-1 p {
    /* font-family: 'Titillium Web', sans-serif; */
    color: #000000;
    font-weight: 500;
    font-size: 15px;
    line-height: 32px;
    margin-bottom: 15px;
    text-align: left;
    margin-top: 11px;
}

.heading-1 h2 {
    text-align: left;
    font-size: 28px;
        font-family: 'Poppins', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #222;
}

.aboutVan {
    padding: 65px;
}

.aboutVanLeft {
    width: 100%;
    float: left;
    /* border: 1px solid #333; */
    box-shadow: 0px 0px 10px #c3bfbf;
    border-radius: 18px;
}

.aboutVanRight p {
    padding: 35px 50px 0;
    font-family: 'Titillium Web', sans-serif;
    color: #000;
    font-weight: 500;
    font-size: 17px;
    line-height: 32px;
    margin-bottom: 70px;
    margin-top: 100px;
}



.fa-angle-double-right{color: #000;
    font-weight: 700;
    font-size: 18px;}

.wpb_wrapper li{line-height: 33px;
letter-spacing: 1px;
font-size: 14px;}   




#cargoVan h2 {
    margin-bottom: 30px;
    font-family: 'flexoheavy';
    font-size: 32px;
    border-left: solid 3px #dd0000;
    padding: 0 0 0 15px;
}

sup {
    font-size: 70%;
}

.cargoLeft {
    width: 35%;
    float: left;
    padding-bottom: 40px;
}

.cargoLeft p {
    font-family: 'Titillium Web', sans-serif;
    color: #fff;
    font-weight: 500;
    font-size: 17px;
    line-height: 32px;
    letter-spacing: 1px;
    margin-bottom: 38px;
}

.cargoLeft strong {
    color: #fff;
    font-weight: bold;
    /* border-bottom: solid 2px #017a95; */
    margin: 0 0 10px -11px;
    padding: 0 0 10px 11px;
    font-size: 16px;
    display: inline-block;
}

.cargoRight {
    width: 65%;
    float: left;
    position: relative;
}

.cargoRight img {
    position: absolute;
    left: 36%;
    top: 137px;
}

@media only screen and (max-width: 767px){
    .cargoRight img {
    position: absolute;
    left: 0%;
    width: 100%;
    height: auto;
    top: 137px;}  
    
    body{overflow-x: hidden;
        overflow-y: auto;}
    
    .abtinner h2 {
    font-size: 20px;
}
    
    .stip {
   padding: 4px 26px;
}
    
    .stipinner h3 {
    color: #e90404;
    line-height: 30px;
    font-size: 20px;
}
    
    .heading h2 {
    font-size: 22px;
}
   
    
    .heading-1 h2 {
    font-size: 22px;
}
    
    .news-section .sec-title h2 {
    font-size: 22px! important;
   }
    
    .page-enquiry-data-5 {
   padding: 0px 13px 0px! important;
   }

    .contact-us-data-2 h3 {
    font-size: 21px! important;
   }
    .item1 {
    padding: 11px 0px 0px 9px;
    height: 119px;
    margin-bottom: 21px;
}
    
    .foot-inner img.img-responsive {
    width: 75%! important;
    }
    
    .foot-inner p {
    font-size: 18px;
    }
    .about-banner {
    height: 153px! important;
}
    
    .team {
    padding: 2px 0px 0px! important;
   margin: 12px! important;
}
    
    .featureimg ul {
    display: block! important;
}
    
    .product-text {
    font-size: 21px;
}
    
    div#carousel-example-generic {
    display: block ! important;
}
    
    .about-top-heading {
    padding: 5px ! important;
}
    .about-top-heading h2 {
    font-size: 21px;
}
    
    .col-item .photo img {
    margin: 0 auto;
    width: 88%;
    border: 2px solid #028037;
}
    
    section.advantage h2 {
    font-size: 17px! important;
}
    
    section.advantage {
    display: none;
}
    
    .aboutpagepd {
    margin: 17px! important;
}
    
    .comnbnr{height: 89px ! important;}
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .cargoRight img {
    position: absolute;
    left: 0%;
    width: 100%;
    height: auto;
    top: 137px;}  
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .cargoRight img {
    position: absolute;
    left: 0%;
    width: 100%;
    height: auto;
    top: 137px;}  
}

.product-text {
    color: #000;
    /* font-family: 'Pridi', serif; */
    margin-bottom: 0px;
    font-weight: 600;
    /* letter-spacing: 1px; */
        font-family: 'Poppins', sans-serif;
}
.main-1{margin-top: 20%;}    

.foot-inner img.img-responsive {
    width: 20%;
    margin: 0px auto;
    border-radius: 14px;
}

.ftr{padding: 20px;}



/*** 

====================================================================
		News Section
====================================================================

***/

.news-section {
    position: relative;
    padding: 23px 0 63px;
    background-color: #f6f6f6;
    border-top: 3px solid #ececec;
    border-radius: 33px;
}
.sec-title {
    position: relative;
    z-index: 1;
    margin-bottom: 10px;
}
.news-section .sec-title h2 {
    position: relative;
    display: block;
    font-size: 30px;
    line-height: 1.2em;
    color: #028037;
    font-weight: 600;
        font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
    text-align: center;
    padding-bottom: 25px;
        font-family: 'Poppins', sans-serif;
}
.sec-title h2 span {
    color: #000;
}
.cntsp {
    box-shadow: inset 3em 3em 11em rgb(0 0 0 / 10%), 0 0 0 2px rgb(255 255 255), 0.3em 0.3em 1em rgb(0 0 0 / 30%);
    border-radius: 33px 23px 23px 33px;
    margin: 0px;
}
.news-section .pd-0 {
    padding: 0px;
}
.page-enquiry-data-5 {
    background-color: #e9e9e91a;
    padding: 59px 59px 0px;
    border-radius: 33px 0px 0px 33px;
    border-top: 3px solid #298037;
}
.news-section .contactimg img {
    border-radius: 0px 23px 23px 0px;
    width: 100%;
}
.contact-us-data-2 {
    text-align: left;
}
.contact-us-data-2 h6 {
    color: #222;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .2px;
    margin-bottom: 8px;
    padding-left: 65px;
    display: inline-block;
}
.contact-us-data-2 h6:before {
    content: '';
    width: 89px;
    height: 3px;
    position: absolute;
    top: 15%;
    left: 49px;
    background-color: #ed3237;
    -webkit-transform: translate(0, -50%);
}
.contact-us-data-2 h3 {
    font-size: 27px;
    font-weight: 600;
    line-height: 48px;
    text-transform: capitalize;
    color: #298037;
    margin-top: 5px;
    margin-bottom: 0px;
        font-family: 'Poppins', sans-serif;
}
.contact-us-data-2 h3 span {
    color: #000;
}
.contact-us-data-2 p {
    color: #000;
    font-size: 17px;
    line-height: 28px;
    margin-bottom: 20px;
}
.page-enquiry-data-5 .form-group {
    margin-bottom: 12px;
}
.contact-us-data-3 .form-group input {
    width: 100%;
    height: 46px;
    padding-top: 3px;
    padding-left: 20px;
    border: 1px solid #028037;
    border-radius: 29px;
    background-color: #ffffff;
    border-bottom: 3px solid #028037;
}
.contact-us-data-3 .form-group textarea {
    width: 100%;
    padding-top: 20px;
    padding-left: 20px;
    border: 1px solid #028037;
    border-radius: 47px;
    background-color: #ffffff;
    border-bottom: 3px solid #028037;
}
.btn-submit {
    font-weight: 500;
    text-align: center;
    border: 1px solid transparent;
    padding: 11px 37px;
    font-size: 18px;
    line-height: 1.5;
    border-radius: 4.25rem;
    color: #fff;
    background-color: #038038;
    border-color: #ffffff;
}
.pull-right {
    float: right;
}
.btn-primary:hover {
    color: #fff;
    background-color: #000;
    border-color: #ee1c24;
}

/*----------contact section-end----*/

.contact-info-right{float: right;
    padding: 8px;}

.contact-info-left ul{margin-bottom: 8px;}

.logo-top img {
    width: 203px;
    padding-top: 3px;
}


.pdinner.text-center {
  padding: 0px 17px 0px;
}
.pdinner.text-center h2 {
    font-size: 17px;
    margin: 14px 0px 1px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}
.pdinner.text-center h2 a {
    color: #000;
}
ul.quick-link {
    padding: 25px 0px 0px;
}

ul.quick-link li {
    display: inline;
    padding: 0px 10px;
    font-size: 15px;
        font-family: 'Poppins', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    border-right: 1px solid #b1abab;
}

ul.quick-link li:last-child{border-right: 0px;}

ul.quick-link li a{color: #000;}

.fb {
    background-color: #3C5A98;
}

.instagram {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.youtube {
    background-color: #CB2128;
}

.item-fst{border-radius: 25px 0px 0px 25px;}
.item-lst{border-radius: 0px 25px 25px 0px;}


/*--------dropdown------*/


.dropbtn {
    color: #201d1d;
    font-size: 14px;
    top: 0px;
        font-family: 'Poppins', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    border: 0;
    padding: 5px 18px;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 230px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
    
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}



/*----------dropdown css end-----------*/


    .fig-img {background: #d7231c;}

    .bottom-border{border-bottom: 3px solid #d7231c;
        height: 300px;}

    .back-color p{padding: 17px;
    line-height: 31px;
    font-size: 16px;
    text-align: center;
    color: #000;}     
    
    .back-color h3{color: #6ec73c;
    font-weight: 700;
    top: 5px;}



.about-banner{background-image: url(../img/inner-bnr.jpg);
                  background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
    height: 350px;}

.team {
    padding: 0px 0px 0px;
    /* background: #ebebeb; */
    margin: 71px;
    border-radius: 46px;
}

.about-top-heading {
    padding: 23px;
    background: linear-gradient(to right, #ff0b0b, #970316);
        font-family: 'Poppins', sans-serif;
}

.about-top-heading h2 {
    margin: 0px;
    color: #fff;
}           

.featureimg ul {
    display: grid;
    gap: 16px;
    grid-template-columns: 50% 50%;
}
.featureimg ul img.img-responsive {
    border-radius: 123px;
}
.featureimg ul li {
    list-style-type: none;
    border: 1px solid #d50f0f;
    border-radius: 117px;
    padding: 12px;
    width: 233px;
}


.bg-pro-1 {
    padding-top: 30px;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 11px;
    line-height: 1.42857143;
    vertical-align: top;
    border: 1px solid #443a3a;
}

.featureimg {
    padding: 17px;
}





/*-----light box---*/
.lightboxpreview {
   transition: all .3s linear;
padding-top:60%;
  cursor:pointer;
  background-size:cover;
}
   
.lightbox-content {
max-height:75vh;
  height:75vh;
  width:100%;
  max-width: 1000px;}

.lightbox-close { 
  cursor:pointer;
    margin-left: auto;
  position:absolute;
  right:-30px;
  top:-30px;
  color:white;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;}
.modal_inner_image {
    min-height: 400px;
    z-index: 1000;}
.modal-content {
    width: 100%;}


.modalscale {transform:scale(0);
opacity:0;}



.lightbox-container, .lightbox-btn, .lightbox-image-wrapper, .lightbox-enabled{transition:all .4s ease-in-out;}
.lightbox_img_wrap {
    padding-top: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 28px;
}
section.gallery.mt-5 {
    padding: 62px;
}
.lightbox-enabled:hover {
  transform:scale(1.1)
}
.lightbox-enabled {width:100%;
height:100%;
  position:absolute;
  top:0;
object-fit:cover;
cursor:pointer;}

.lightbox-container {width:100vw;
height:100vh;
position:fixed;
top:0;
left:0;
  display:flex;
  align-items:center;
  justify-content:center;
background-color:rgba(0,0,0,.6);
z-index:9999;
opacity:0;
pointer-events:none;
}

.lightbox-container.active {
  opacity:1;
  pointer-events:all;
}
.lightbox-image-wrapper {
  display:flex;
  transform:scale(0);
  align-items:center;
  justify-content:center;
  max-width:90vw;
  max-height:90vh;
  position:relative;
}
.lightbox-container.active .lightbox-image-wrapper {transform:scale(1);}
.lightbox-btn, #close {
  color:white;
  z-index:9999999;
 cursor:pointer; 
  position:absolute;

  font-size:50px;
    display: none;
}

.lightbox-btn:focus {
  outline:none;
}

.left {left:50px;}
.right {right:50px;}
#close {top:50px;
right:50px;}

.lightbox-image {
  width:100%;
  -webkit-box-shadow: 5px 5px 20px 2px rgba(0,0,0,0.19); 
box-shadow: 5px 5px 20px 2px rgba(0,0,0,0.19);
  max-height:95vh;
  object-fit:cover;
 }

@keyframes slideleft {
  33% {transform:translateX(-300px);
  opacity:0;
  }
  66% {transform:translateX(300px);
  opacity:0;
  }
}


.slideleft {
   animation-name: slideleft;
 animation-duration: .5s; 
 animation-timing-function: ease; 
}
@keyframes slideright {
  33% {transform:translateX(300px);
  opacity:0;}
  66% {transform:translateX(-300px);
  opacity:0;}
}


.slideright{
   animation-name: slideright;
 animation-duration: .5s; 
 animation-timing-function: ease; 
}
/*---light box ---end---*/

.about-top-heading h1 {
    margin: 0px;
    color: #fff;
    font-size: 30px;
}

marquee a {
    color: #000;
    font-size: 12px;
}



/*---------why choose us------*/

.showcasesray {
        border-radius: 10px;
        width: 100%;
        height: 220px;
        position: relative;
        color: white;
        text-align: center;
        z-index: 1;
        background-image: url(../img/bg12.jpg);
        background-size: cover;
    }

.showcasesray .overlaysray {
        width: 100%;
        height: 220px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 999;
        border-bottom: solid 3px #1a8037;
        border-radius: 10px;
    }
.over3 {
        margin: 40px;
    }
.over3 img {
    width: 65px;
    height: 65px;
    position: relative;
}
.icontext {
    margin: 20px 0 20px;
    color: #000;
    font-size: 18px;
}

.whyus-rckshaw.text-center {
    /* background: #ebebeb; */
    padding: 0px 17px 34px;
    border-radius: 33px;
}
.whyus-rckshaw h2 {
    visibility: visible;
    transform: scale(1);
    opacity: 1;
    transition: all 0.3s ease 0s;
    color: #333;
    line-height: 38px;
    font-size: 30px;
    /*     font-family: 'Poppins', sans-serif; */
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}

/*-------why choose us end------*/
.company-goal {
    background-color: #ebecec;
    border-radius: 60px;
    max-width: 1140px;
}
.txt-bx {
    padding: 42px 62px 59px 42px;
}
.text-align-default {
    text-align: justify;
}
.txt-bx h2 {
    font-weight: 600;
    font-size: 30px;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
}
.txt-bx h2 span {
    color: #028037;
}
.txt-bx p.mt-20 {
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    line-height: 28px;
    color: #000;
}  
.abread {
    margin-top: 32px;
}
.abread a {
    background: #02803700;
    font-size: 15px;
    padding: 13px 29px;
    border-radius: 23px;
    font-weight: 500;
    border: 1px solid #000;
        color: #000;
}

.abread a:hover {
    background: #000;
    font-size: 15px;
    padding: 13px 29px;
    border-radius: 23px;
    font-weight: 500;
    border: 1px solid #000;
    color: #fff;
}

.absdf{margin-bottom: 70px;}

.company-goal img.img-responsive {
    border-radius: 50px;
}


/*-------*/
.h-section-05 {
    padding: 45px 15px 15px 15px;
}
.align-self-center {
    align-self: center!important;
}
.text-end {
    text-align: right !important;
}
.icon-box {
    background-color: #028037;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
}
.col-3 {
    flex: 0 0 auto;
    width: 25%;
}
.col-9 {
    flex: 0 0 auto;
    width: 75%;
}

section.advantage h2 {
    font-size: 30px;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    color: #333;
    margin-bottom: 44px;
}
section.advantage {
    padding: 40px;
}

section.advantage h5 {
    font-size: 18px;
    color: #000;
    font-family: 'Poppins', sans-serif;
}

.row.mb-5 {
    margin-bottom: 49px;
    display: flex;
}

.icon-box img.img-responsive {
    display: inline-block;
    padding: 7px;
}
/*-------*/

/* entire container, keeps perspective */
.flip-container {
	perspective: 1000;
}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
    width: 100%;
    margin-top: -23px;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    color: cornSilk;
    text-align: center;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
  background: cornflowerBlue;
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
  background: crimson;
}


.whatsapp-fixed {
    bottom: 70px;
    right: 10px;
    position: fixed;
    z-index: 9999;
}
.whatsapp-fixed span i {
    background-color: #28c70b;
    width: 48px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    font-size: 30px;
    border-radius: 50%;
}

.aboutpagepd {
    margin: 64px;
}


.txt-bx-2 {
    padding: 12px 62px 0px 42px;
}

.page-enquiry-data-6 {
    background-color: #e9e9e91a;
    padding: 58px 59px 49px;
    border-radius: 33px 0px 0px 33px;
    /* border-top: 3px solid #298037; */
}

.cntsp-2 {
    /* box-shadow: inset 3em 3em 11em rgb(0 0 0 / 10%), 0 0 0 2px rgb(255 255 255), 0.3em 0.3em 1em rgb(0 0 0 / 30%); */
    border-radius: 33px 23px 23px 33px;
    margin: 0px;
    border: 1px solid #333;
}