/***

====================================================================
	Fonts
====================================================================

***/



@import url('pe-icon-7-stroke.css');
@import url('simple-line-icons.css');
@import url('fontawesome-all.css');
@import url('animate.css');
@import url('flaticon.css');
@import url('owl.css');
@import url('swiper.min.css');
@import url('jquery-ui.css');
@import url('custom-animate.css');
@import url('magnific-popup.css');
@import url('jquery.fancybox.min.css');
@import url('jquery.timepicker.min.css');
@import url('baes.css');


/***

====================================================================
	Main Slider
====================================================================

***/

.main-slider {
    position: relative;
    width: 100%;
}
.full_screen,
.full_screen .swiper-slide {
    height: 90vh;
    min-height: 45rem;
}


.main-slider .banner-carousel {
    position: relative;
}

.main-slider .slide {
    position           : relative;
    background-size    : cover;
    background-repeat  : no-repeat;
    background-position: center center;
    top: 0;
    left: 0
}

.main-slider .content {
    position: relative;
    z-index : 10;
}

.main-slider .content .title {
    position          : relative;
    font-size         : 18px;
    color             : #222222;
    font-weight       : 700;
    line-height       : 1em;
    opacity           : 0;
    -webkit-transition: all 1000ms ease;
    -moz-transition   : all 100ms ease;
    -ms-transition    : all 1000ms ease;
    -o-transition     : all 1000ms ease;
    transition        : all 1000ms ease;
    -webkit-transform : translateX(80px);
    -moz-transform    : translateX(80px);
    -ms-transform     : translateX(80px);
    -o-transform      : translateX(80px);
    transform         : translateX(80px);
}

.main-slider .swiper-slide-active .content .title {
    opacity          : 1;
    -webkit-transform: translateY(0);
    -moz-transform   : translateY(0);
    -ms-transform    : translateY(0);
    -o-transform     : translateY(0);
    transform        : translateY(0);
    transition-delay : 600ms;
}

.main-slider .content h2 {
    position          : relative;
    font-size         : 48px;
    color             : #ef7c00;
    font-weight       : 700;
    opacity           : 0;
    margin-top        : 25%;
    -webkit-transition: all 1000ms ease;
    -moz-transition   : all 100ms ease;
    -ms-transition    : all 1000ms ease;
    -o-transition     : all 1000ms ease;
    transition        : all 1000ms ease;
    -webkit-transform : translateX(80px);
    -moz-transform    : translateX(80px);
    -ms-transform     : translateX(80px);
    -o-transform      : translateX(80px);
    transform         : translateX(80px);
}

.main-slider .swiper-slide-active .content h2 {
    opacity          : 1;
    -webkit-transform: translateY(0);
    -moz-transform   : translateY(0);
    -ms-transform    : translateY(0);
    -o-transform     : translateY(0);
    transform        : translateY(0);
    transition-delay : 1200ms;
}

.main-slider .content .text {
    position          : relative;
    font-size         : 22px;
    color             : #fff;
    font-weight       : 400;
    line-height       : 1.8em;
    max-width         : 600px;
    margin-top        : 25px;
    margin-bottom     : 10px;
    opacity           : 0;
    -webkit-transition: all 1000ms ease;
    -moz-transition   : all 100ms ease;
    -ms-transition    : all 1000ms ease;
    -o-transition     : all 1000ms ease;
    transition        : all 1000ms ease;
    -webkit-transform : translateX(-80px);
    -moz-transform    : translateX(-80px);
    -ms-transform     : translateX(-80px);
    -o-transform      : translateX(-80px);
    transform         : translateX(-80px);
}

.main-slider .swiper-slide-active .content .text {
    opacity          : 1;
    -webkit-transform: translateX(0);
    -moz-transform   : translateX(0);
    -ms-transform    : translateX(0);
    -o-transform     : translateX(0);
    transform        : translateX(0);
    transition-delay : 1000ms;
}

.main-slider .btn-box {
    position          : relative;
    opacity           : 0;
    -webkit-transition: all 1000ms ease;
    -moz-transition   : all 100ms ease;
    -ms-transition    : all 1000ms ease;
    -o-transition     : all 1000ms ease;
    transition        : all 1000ms ease;
    -webkit-transform : translateY(-80px);
    -moz-transform    : translateY(80px);
    -ms-transform     : translateY(80px);
    -o-transform      : translateY(80px);
    transform         : translateY(80px);
}

.main-slider .btn-box .theme-btn {
    float : left;
    margin: 0px 30px 15px 0px;
}

.main-slider .swiper-slide-active .btn-box {
    opacity          : 1;
    -webkit-transform: translateY(0);
    -moz-transform   : translateY(0);
    -ms-transform    : translateY(0);
    -o-transform     : translateY(0);
    transform        : translateY(0);
    transition-delay : 1500ms;
}

.main-slider .swiper-button-next {
    right             : 40px;
    width             : 50px;
    height            : 50px;
    font-size         : 16px;
    line-height       : 49px;
    border-radius     : 50%;
    text-align        : center;
    background-image  : none;
    -webkit-transition: all 0.5s ease;
    -moz-transition   : all 0.5s ease;
    -ms-transition    : all 0.5s ease;
    -o-transition     : all 0.5s ease;
    transition        : all 0.5s ease;
    border            : 1px solid #ef7c00;
}

.main-slider .swiper-button-next:before {
    position          : absolute;
    content           : "\f14e";
    left              : 0px;
    top               : 0px;
    width             : 50px;
    color             : #ef7c00;
    font-size         : 16px;
    font-weight       : 700;
    -webkit-transition: all 0.5s ease;
    -moz-transition   : all 0.5s ease;
    -ms-transition    : all 0.5s ease;
    -o-transition     : all 0.5s ease;
    transition        : all 0.5s ease;
    font-family       : "Flaticon";
}

.main-slider .swiper-button-prev {
    left              : 40px;
    width             : 50px;
    height            : 50px;
    font-size         : 16px;
    border-radius     : 50%;
    text-align        : center;
    line-height       : 49px;
    -webkit-transition: all 0.5s ease;
    -moz-transition   : all 0.5s ease;
    -ms-transition    : all 0.5s ease;
    -o-transition     : all 0.5s ease;
    transition        : all 0.5s ease;
    background-image  : none;
    border            : 1px solid #ef7c00;
}

.main-slider .swiper-button-prev:before {
    position          : absolute;
    content           : "\f14f";
    left              : 0px;
    top               : 0px;
    width             : 50px;
    height            : 50px;
    color             : #ef7c00;
    font-size         : 16px;
    font-weight       : 700;
    -webkit-transition: all 0.5s ease;
    -moz-transition   : all 0.5s ease;
    -ms-transition    : all 0.5s ease;
    -o-transition     : all 0.5s ease;
    transition        : all 0.5s ease;
    font-family       : "Flaticon";
}

.main-slider .swiper-button-next:hover,
.main-slider .swiper-button-prev:hover {
    background-color: #ef7c00;
}

.main-slider .swiper-button-next:hover::before,
.main-slider .swiper-button-prev:hover::before {
    color: #ffffff;
}

.main-slider .swiper-pagination {
    position  : absolute;
    left      : 50%;
    top       : 95%;
    transform : translate(-50%, -95%);
    text-align: center
}

.main-slider .swiper-pagination span {
    margin        : 0 5px;
    vertical-align: top;
    display       : inline-block;
    width         : 40px;
    height        : 3px;
    background    : #ef7c00;
}

.main-slider .swiper-pagination span:hover {
    background: #ef7c00
}


/*** 

====================================================================
	Project items
====================================================================

***/
.project-items {
    padding: 60px 0 60px;
}

.product-item .text {
    padding   : 20px 15px;
    background: #fff;
}

.product-item {
    box-shadow   : 0px 0px 20px 0 rgba(105, 105, 105, 0.3);
    background   : #fff;
    margin-bottom: 30px;
    border-radius: 16px;
    overflow     : hidden;
    position     : relative;
    z-index      : 1;
}

.product-item::before {
    box-sizing      : border-box;
    content         : '';
    position        : absolute;
    left            : 0;
    bottom          : 0;
    width           : 0;
    height          : 100%;
    border-radius   : 16px;
    opacity         : 0.3;
    background-image: linear-gradient(96deg, #0c847c 0%, #0c847c 50%, #0c847c);
    background-size : 200% auto;
    z-index         : 1;
    transition      : all 0.5s ease;
}

.product-item:hover::before {
    width: 100%;
}

.product-item .text {
    z-index: 111;
    height : 109px;
}

.product-item .text .heading {
    font-size: 18px;
    color    : #000;
}

.product-item .text p {
    font-size         : 14px;
    color             : #666;
    overflow          : hidden;
    text-overflow     : ellipsis;
    /*表示文本超出时候用 “...” 来代替*/
    display           : -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

}

.product-item:hover {
    box-shadow: 3px 3px 9px rgba(0, 0, 0, .09);
}

.product-item:hover .heading,
.product-item:hover p {
    color: #ef7c00;
}

/***

====================================================================
	Testimonial Section
====================================================================

***/
.center_top {
    height  : 752px;
    overflow: hidden;
}

.ain_box {
    position   : absolute;
    top        : 80px;
    left       : 22%;
    display    : block;
    margin     : 0 auto;
    text-align : left;
    padding-top: 80px;
}

.ain_box h3 {
    font-size  : 38px;
    font-weight: normal;
    color      : #fff;
}


.ain_box p {
    width        : 528px;
    font-size    : 22px;
    color        : #FFF;
    margin-top   : 40px;
    margin-bottom: 40px
}

.ain_box a {
    border-radius: 30px;
    background   : #fff;
    padding      : 10px 30px;
    color        : #ef7c00;
}

.mongar {}


.content_middle {
    width   : 100%;
    height  : 752px;
    margin  : 0px auto;
    position: relative;
}

.content_middle:hover .common {
    display: block;
}

/*左右切换图标*/
.content_middle .common {
    display   : block;
    width     : 50px;
    height    : 100px;
    position  : absolute;
    z-index   : 25;
    top       : 50%;
    margin-top: -50px;
    display   : none;
}


/*左右切换图标*/
.content_middle ul li {
    width   : 100%;
    height  : 752px;
    opacity : 0;
    filter  : alpha(opacity=0);
    position: absolute;
    margin  : 0px auto;

}

.content_middle ul li img {
    width: 100%;
}

/*切换小图标*/

.content_middle .table {
    width             : 50%;
    padding           : 30px;
    position          : absolute;
    bottom            : 60px;
    left              : 50%;
    z-index           : 9;
    transform         : translate(-50%);
    background        : #fff;
    border-radius     : 16px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
    -moz-box-shadow   : 0 0 15px rgba(0, 0, 0, 0.10);
    -ms-box-shadow    : 0 0 15px rgba(0, 0, 0, 0.10);
    -o-box-shadow     : 0 0 15px rgba(0, 0, 0, 0.10);
    box-shadow        : 0 0 15px rgba(0, 0, 0, 0.10);
    padding           : 30px 5%;
}

.content_middle .table {
    display       : flex;
    flex-direction: row;
    align-items   : center;
}

.content_middle .table .table-a {
    width: 33.333%;
    float: left;
}

.content_middle .table .table-a .ico {
    width          : 46px;
    height         : 43px;
    background-size: 46px 43px;
    float          : left;
    margin-right   : 20px;
}

.content_middle .table .table-a .ico1 {
    background: url(../images/icons/ic1-1.png)no-repeat;
}

.content_middle .table .table-a .ico2 {
    background: url(../images/icons/ic2.png)no-repeat;
}

.content_middle .table .table-a .ico3 {
    background: url(../images/icons/ic3.png)no-repeat;
}

.content_middle .table .table-a p {
    line-height: 33px;
    display    : block;
    font-size  : 22px;
}

.content_middle .table .small_active .ico1 {
    background: url(../images/icons/ic1.png)no-repeat;
}

.content_middle .table .table-a:hover .ico2,
.content_middle .table .small_active .ico2 {
    background: url(../images/icons/ic2-1.png)no-repeat;
}

.content_middle .table .table-a:hover .ico3,
.content_middle .table .small_active .ico3 {
    background: url(../images/icons/ic3-1.png)no-repeat;
}

.content_middle .table .small_active p,
.content_middle .table .table-a:hover p {
    color: #ef7c00;

}



/***

====================================================================
	Fluid Section One
====================================================================

***/

.technical-solution {
    position: relative;
    padding : 60px 0;
}

.team-block {
    position     : relative;
    margin-bottom: 30px;
}

.team-block .inner-box {
    position: relative;
    overflow: hidden;
}

.team-block .inner-box .image {
    position: relative;
    overflow: hidden;
}


.team-block .inner-box .image:before {
    position          : absolute;
    content           : '';
    left              : 0px;
    bottom            : 0px;
    width             : 100%;
    height            : 0px;
    display           : block;
    z-index           : 1;
    opacity           : 0.5;
    background-color  : #000;
    -webkit-transition: all 600ms ease;
    -ms-transition    : all 600ms ease;
    -o-transition     : all 600ms ease;
    -moz-transition   : all 600ms ease;
    transition        : all 600ms ease;
}

.team-block .inner-box:hover .image:before {
    height: 100%;
}

.team-block .inner-box .image img {
    position          : relative;
    width             : 100%;
    display           : block;
    -webkit-transition: all 300ms ease;
    -moz-transition   : all 300ms ease;
    -ms-transition    : all 300ms ease;
    -o-transition     : all 300ms ease;
    transition        : all 300ms ease;
}

.team-block .inner-box:hover .image img {
    opacity  : 0.8;
    transform: scale(1.05, 1.05);
}


.team-block .inner-box .image .overlay-box {
    width             : 300px;
    position          : absolute;
    content           : '';
    z-index           : 1;
    left              : 50%;
    top               : 50%;
    display           : none;
    -webkit-transition: all 900ms ease;
    -moz-transition   : all 900ms ease;
    -ms-transition    : all 900ms ease;
    -o-transition     : all 900ms ease;
    transition        : all 900ms ease;
}

.team-block .inner-box:hover .image .overlay-box {
    left      : 50%;
    top       : 50%;
    transform : translate(-50%, -50%);
    display   : block;
    text-align: center;
}

.team-block .inner-box .image .overlay-box .title {
    font-size: 22px;
    line-height: 30px;
    color    : #fff;
    margin   : 0 0 20px;
}

.team-block .inner-box:hover .image .overlay-box p {
    font-size  : 14px;
    color      : #fff;
    line-height: 20px;
}
.team-block .inner-box:hover .image .overlay-box .read-more{
    margin-top: 20px;
}
.team-block .inner-box:hover .lower-content {
    display: none;
}

.team-block .inner-box .lower-content {

    position  : absolute;
    top       : 50%;
    left      : 50%;
    transform : translate(-50%, -50%);
    text-align: center;
}

.team-block .inner-box .lower-content .ico {
    width : 76px;
    height: 53px;
    margin: 0 auto 30px;
}

.team-block .inner-box .lower-content h3 {
    position   : relative;
    color      : #0c817a;
    font-size  : 20px;
    line-height: 1.3em;
}

.team-block .inner-box .lower-content h3 a {
    position          : relative;
    color             : #0c817a;
    -webkit-transition: all 300ms ease;
    -moz-transition   : all 300ms ease;
    -ms-transition    : all 300ms ease;
    -o-transition     : all 300ms ease;
    transition        : all 300ms ease;
}

.team-block .inner-box:hover .lower-content h3 a {
    color: #0c817a;
}

.team-block .inner-box .lower-content .designation {
    position  : relative;
    color     : #fff;
    font-size : 16px;
    margin-top: 6px;
    line-height: 20px;
}

.technical-solution .btn-ren {
    width : 122px;
    margin: 10px auto 0;
}

/***

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

***/

.news-section {
    position: relative;
    padding : 60px 0px 60px;
}

.department-block {
    position  : relative;
    box-shadow: 8px 8px 20px 0 #cccccc;
    margin    : 2px 25px 30px;

}

.department-block .inner-box {
    position: relative;
    overflow: hidden;

}
.department-block .inner-box .upper-box{
    width: 100%;
    max-width: 382px;
    height: 260px;
    overflow: hidden;
}

.department-block .inner-box .child {
    position          : relative;
    padding           : 30px 20px;
    transition        : all 300ms ease;
    -moz-transition   : all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition    : all 300ms ease;
    -o-transition     : all 300ms ease;

}

.department-block .inner-box .child .title {
    font-size  : 18px;
    color      : #000;
    height: 30px;
    line-height: 30px;
       overflow          : hidden;
    text-overflow     : ellipsis;
    /*表示文本超出时候用 “...” 来代替*/
    display           : -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.department-block .inner-box .child .date,
.department-block .inner-box .child p {
    font-size         : 14px;
    line-height       : 1.7em;
    color             : #666;
    margin            : 10px 0 0;
    overflow          : hidden;
    text-overflow     : ellipsis;
    /*表示文本超出时候用 “...” 来代替*/
    display           : -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    

}
.department-block .inner-box .child p{
    height: 69px;
    overflow: hidden;
}

.department-block .inner-box:hover .child .title {
    color: #ef7c00;
}

.news-carousel .owl-nav .owl-prev,
.news-carousel .owl-nav .owl-next {
    position   : absolute;
    top        : 30%;
    width      : 50px;
    height     : 80px;
    background : #000;
    opacity    : 0.5;
    line-height: 80px;
    color      : #fff;
    text-align : center;
}

.news-carousel .owl-nav .owl-prev {
    right: 25px;
}

.news-carousel .owl-nav .owl-next {
    left: 25px;
}

.news-carousel .owl-nav .owl-prev:hover,
.news-carousel .owl-nav .owl-next:hover {
    background: #ef7c00;
}

/***

====================================================================
	Newsletter Section
====================================================================

***/

.newsletter-section {
    position  : relative;
    padding   : 30px 0px;
    background: #0c817a;
}

.newsletter-section .title-column .inner-column .text {
    position   : relative;
    color      : #777777;
    font-size  : 16px;
    line-height: 1.7em;
    margin-top : 10px;
}

.newsletter-section .form-column {
    position: relative;
    margin  : 0 auto;
}

.newsletter-section .form-column .inner-column {
    position: relative;
}

/*Subscribe Form*/

.subscribe-form {
    position: relative;
}

.subscribe-form .form-group {
    position: relative;
    display : block;
    margin  : 0px;
    width   : 100%;
}

.subscribe-form .form-group input[type="text"],
.subscribe-form .form-group input[type="tel"],
.subscribe-form .form-group input[type="email"],
.subscribe-form .form-group textarea {
    position          : relative;
    display           : block;
    width             : 100%;
    line-height       : 28px;
    height            : 60px;
    font-size         : 14px;
    color             : #222222;
    padding-right     : 170px;
    background        : #ffffff;
    border            : 1px solid #cccccc;
    padding           : 10px 15px 10px 30px;
    -webkit-transition: all 300ms ease;
    -ms-transition    : all 300ms ease;
    -o-transition     : all 300ms ease;
    -moz-transition   : all 300ms ease;
    transition        : all 300ms ease;
}

.subscribe-form .form-group input[type="submit"],
.subscribe-form button {
    position : absolute;
    right    : 0px;
    top      : 0px;
    cursor   : pointer;
    font-size: 18px;
}

.subscribe-form .form-group input[type="submit"]:hover,
.subscribe-form button:hover {}

.newsletter-section.style-two {
    padding-bottom: 200px;
}
@media anly screen and (max-width: 1920px){
/*.main-slider {
    height: 920px !important;
}

.main-slider .slide {
    height: 920px !important;

}*/

}
@media anly screen and (max-width: 1680px){

/*.main-slider {
    height: 836px !important;
}

.main-slider .slide {
    height: 836px !important;

}
*/
    .project-items{
        margin-top: 0 !important;

    }
.main-slider .slide {
    position           : relative;
    padding: 18% 0;
}
}
@media only screen and (max-width: 1400px) {
    .i_nav ul li .designation {
        font-size: 18px;
    }
   
}
@media only screen and (max-width: 1440px) {

/*    .main-slider .slide {
    padding            : 230px 0px 230px !important;

}*/
/* .main-slider .content {
        margin: 120px 0 0 80px;
    }*/
    .services-swiper-wrapper-item .text-wrapper{
    right: 26%;
}

}

@media only screen and (max-width: 1024px) {
 
/*
    .main-slider .content {
        margin: 170px 40px 0;
    }
*/
    .i_nav {
        width: 80%;
    }


.main-slider .swiper-button-next {
    right             : 1px;
}
.main-slider .swiper-button-prev{
    left: 1px;
}

.services-swiper-wrapper-item .text-wrapper{
    right: 14% !important
}


}

@media only screen and (max-width:768px) {
/*    .main-slider .slide {
    padding: 242px 0px 202px !important;
}*/
/*.main-slider {
    height: 640px !important;
}

.main-slider .slide {
    height: 640px !important;

}*/
    .main-slider .content h2 {
        font-size: 20px;
  }

    .main-slider .content .text {
 font-size: 14px;

    }

    .department-block {
        margin: 2px 5px 30px;
    }

    .news-carousel .owl-nav .owl-prev {
        right: 10px;

    }

    .news-carousel .owl-nav .owl-next {

        left: 10px;
    }

}

@media only screen and (max-width:599px) {
    .main-slider .slide {
    height: 600px !important;

}
.main-slider .content{
    padding: 50% 0
}
    .project-items img {
        width: 100%;
    }

    .main-slider .swiper-button-next,
    .main-slider .swiper-button-prev {
        display: none;
    }

    /* *********jiance****** */
    .jiance {
        width         : 100%;
        height        : 100%;
     display       : block;
        padding-bottom: 30px;    }

    .ain_box {
        width     : 100%;
        display   : block;
        margin    : 0 auto;
        text-align: center;
    }

    .ain_box h3 {
        text-align : left;
        font-size  : 24px;
        font-weight: normal;
        color      : #fff;
        margin-top : 30px;
        padding    : 0 20px;
    }

    .ain_box em {
        height     : 30px;
        line-height: 30px;
        text-align : left;
        color      : #fff;
        display    : block;
        margin     : 0px 0 0px;
        padding    : 0 20px;
    }

    .ain_box p {
        width        : 49%;
        font-size    : 12px;
        color        : #FFF;
        line-height  : 20px;
        margin-bottom: 14px;
        text-align   : left;
        padding      : 0 20px;
    }

    .ain_box a {
        border-radius: 30px;
        background   : #fff;
        padding      : 5px 15px;
        color        : #ef7c00;
        float        : left;
        font-size    : 12px;
        margin-left  : 17px;
    }


    .jcfw .swiper-container-horizontal>.swiper-pagination-bullets {
        border-radius  : 10px;
        width          : 339px;
        height         : 60px;
        display        : block;
        background     : #fff url("../images/icons/gss.png") no-repeat center;
        background-size: 90%;
        margin         : 0 auto;
        position       : relative;
        top            : -91px;
    }

    .jcfw .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        width : 33.3333%;
        height: 60px;
    }

    .jcfw .swiper-pagination-bullet {
        border-radius: 0%;
        background   : none
    }

    .jcfw .swiper-pagination-bullet:nth-child(1) {
        display: none;
    }

    .swiper-pagination-bullet-active {
        background: url("../images/icons/gssb.png") no-repeat center
    }

    .swiper-pagination-bullet-active:nth-child(2) {
        background     : url("../images/icons/gssb.png") no-repeat 16px;
        background-size: 274%;
    }

    .swiper-pagination-bullet-active:nth-child(3) {
        background     : url("../images/icons/gssb.png") no-repeat center;
        background-size: 274%;
    }

    .swiper-pagination-bullet-active:nth-child(4) {
        background     : url("../images/icons/gssb.png") no-repeat -213px;
        background-size: 274%;
    }

    .jcfw .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0
    }

    .jcfw {
        height       : 340px;
        margin-bottom: 30px;
    }
    .services-swiper-wrapper-item .left-wrapper{
        width: 100%;
    }

}






.services-swiper-wrapper-item{
    height: 750px;
    background-position: center;
    background-size: cover;
}
.services-swiper-wrapper-item .left-wrapper{
    width: 50%;
    height: 100%;
    position: relative;
}
.services-swiper-wrapper-item .text-wrapper{
    width: 400px;
    height: auto;
    color: #fff;
    position: absolute;
    right: 30%;
    top: 35%;
    transform: translateY(-50%);
}
.services-swiper-wrapper-item .text-wrapper h3{
    margin-bottom: 20px;
    font-size: 38px;
}
.services-swiper-wrapper-item .text-wrapper p{
    color: #fff;
    font-size: 18px;
    padding-bottom: 50px;
    text-align: justify;
}
.services-swiper-wrapper-item .text-wrapper a{
    border-radius: 30px;
    background   : #fff;
    padding      : 10px 30px;
    color        : #ef7c00;
}
.services-bottom-wrapper{
    width: 100%;
    position: absolute;
    bottom: 50px;
    z-index: 1;
    text-align: center;
}
.services-pager{
    padding: 20px 50px;
    background-color: #fff;
    border-radius: 15px;
    box-sizing: content-box;
    line-height: 40px;
    font-size: 22px;
    display: inline-block;
}
.services-pager a{
    height: 40px;
    margin: 0 20px;
    padding-left: 55px;
    background-position: left center;
    background-size: 40px;
    background-repeat: no-repeat;
    display: inline-block;
}
.services-pager a.active{
    color: #ef7e00;
}
@media only screen and (max-width: 950px) {
    .services-swiper-wrapper-item{
        height: 550px;
    }
    .services-swiper-wrapper-item .text-wrapper{
        width: 75%;
        height: auto;
        color: #fff;
        position: absolute;
        right: 10%;
        top: 30%;
        transform: translateY(-50%);
    }
    .services-swiper-wrapper-item .text-wrapper h3{
        margin-bottom: 20px;
        font-size: 20px !important;
        padding: 0;
    }
    .services-swiper-wrapper-item .text-wrapper p{
        color: #fff;
        font-size: 14px;
        padding-bottom: 20px;
    }
    .services-swiper-wrapper-item .text-wrapper a{
        padding      : 10px 30px;
    }
    .services-bottom-wrapper{
        bottom: 50px;
    }
    .services-pager{
        padding: 15px 15px;
        border-radius: 15px;
        line-height: 30px;
        font-size: 16px;
    }
    .services-pager a{
        height: 30px;
        margin: 0 10px;
        padding-left: 35px;
        background-size: 30px;
    }
}
@media only screen and (max-width: 599px) {
    .services-swiper-wrapper-item{
        height: 350px;
    }
    .services-swiper-wrapper-item .text-wrapper{
        width: 75%;
        height: auto;
        color: #fff;
        position: absolute;
        right: 5%;
        top: 10%;
        transform: translateY(0);
    }
    .services-swiper-wrapper-item .text-wrapper h3{
        margin-bottom: 10px;
        font-size: 18px !important;
        padding: 0;
    }
    .services-swiper-wrapper-item .text-wrapper p{
        color: #fff;
        font-size: 14px;
        overflow: hidden;
    text-overflow: ellipsis; 
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    height: 110px;

    }
  
    .services-swiper-wrapper-item .text-wrapper a{
        display: inline-block;
        margin-top: 20px !important;
        z-index: 22;
        padding      : 10px 15px;
    }
    .services-bottom-wrapper{
        bottom: 5%;
    }
    .services-pager{
        padding: 10px 5px;
        border-radius: 10px;
        line-height: 24px;
        font-size: 12px;
    }
    .services-pager a{
        height: 24px;
        margin: 0 5px;
        padding-left: 30px;
        background-size: 24px;
    }
}