@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

body {
    /*font-size: 14px;*/
    /*font-family: 'Oswald', sans-serif;*/
    /*font-family: "Open Sans", sans-serif;*/
    font: 14px/24px "Lato", sans-serif;
}

h1 {
    font-size: 28px;
    font-weight: bold;
}

h6 {
    font-size: 18px;
    font-weight: bold;
}
/*header {
    background: #fff;
}

    header nav ul li a {
        color: #000;
    }*/
.box-shadow-3d {
    box-shadow: 1px 1px 0px #999, 2px 2px 0px #999, 3px 3px 0px #999, 4px 4px 0px #999, 5px 5px 0px #999, 6px 6px 0px #999;
}

#header {
    height: 70px;
    transition: all 0.5s;
    transition: all 0.5s;
    padding: 10px 0;
    background: #fff;
    z-index: 997;
}

.nav-menu, .nav-menu * {
    margin: 0;
    padding: 0 13px;
    list-style: none;
}

    .nav-menu > ul > li {
        position: relative;
        white-space: nowrap;
        float: left;
    }

    .nav-menu ul li a:hover, .nav-menu ul li a.active {
        color: #428bca;
        text-decoration: none;
    }
    /*.nav-menu ul li a:hover, .nav-menu ul li .active > a, .nav-menu ul li:hover > a {
    color: #428bca;
    text-decoration: none;
}*/

    .nav-menu a {
        display: block;
        position: relative;
        color: #000;
        padding: 12px 10px;
        transition: 0.3s;
        font-size: 15px;
        font-family: "Open Sans", sans-serif;
        text-transform: uppercase;
        font-weight: bold;
    }

    .nav-menu .drop-down ul {
        display: block;
        position: absolute;
        left: 0;
        top: 100%;
        z-index: 99;
        opacity: 0;
        visibility: hidden;
        padding: 10px 0;
        background: #fff;
        box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
        transition: ease all 0.3s;
    }

#slider .carousel-item img {
    width: 100%;
    height: 380px
}

.introduction {
    width: 100%;
    margin-top: 30px;
}

    .introduction .introText h2 {
        font-size: 24px;
    }

    .introduction .introText p {
        font-size: 18px;
    }

    .introduction .imgBox img {
        width: 100%;
    }


/*------Testimonial Slider -----*/
#testimonial .carousel {
    margin: 5px auto;
    padding: 0 50px;
}

    #testimonial .carousel .item {
        color: #999;
        overflow: hidden;
        min-height: 120px;
        font-size: 13px;
    }

    #testimonial .carousel .media img {
        width: 80px;
        height: 80px;
        display: block;
        border-radius: 50%;
    }

    #testimonial .carousel .testimonial {
        padding: 0 15px 0 60px;
        position: relative;
    }

    #testimonial .carousel .overview b {
        text-transform: uppercase;
        color: #1eb2a6;
    }

    #testimonial .carousel .carousel-indicators {
        bottom: -40px;
    }

#testimonial .carousel-indicators li, #testimonial .carousel-indicators li.active {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin: 1px 3px;
}

#testimonial .carousel-indicators li {
    background: #e2e2e2;
    border: 4px solid #fff;
}

    #testimonial .carousel-indicators li.active {
        color: #fff;
        background: #1c47e3;
        border: 5px double;
    }


#testimonial {
    color: #fff;
    /*background: #721b65;
    padding: 10px 0;*/
}

    #testimonial .carousel .testimonial {
        font-size: 14px;
        color: #fff;
    }

    #testimonial h2 {
        font-size: 22px;
        text-align: center;
    }

#topbar {
    background: #1c4671;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #fff;
}

    #topbar .contact-info i {
        color: #fff;
        padding: 4px;
    }

    #topbar .contact-info a {
        line-height: 1;
        color: #fff;
        transition: 0.3s;
    }

    #topbar .contact-info .icofont-phone {
        padding-left: 20px;
        margin-left: 10px;
        color: #fff;
    }


    #topbar .social-links a {
        color: #fff;
        padding: 4px 12px;
        display: inline-block;
        line-height: 1px;
        transition: 0.3s;
    }

.float-left {
    float: left !important;
}

.breadcrumbs {
    padding: 15px 0;
    background-color: #f3f8fa;
    min-height: 40px;
}

    .breadcrumbs h2 {
        font-size: 28px;
        font-weight: bold;
    }

    .breadcrumbs ol {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .breadcrumbs ol li + li {
            padding-left: 10px;
        }

.sections {
    padding: 40px 0;
}

.float-right {
    float: right !important;
}

.contact .info-box {
    color: #444;
    text-align: center;
    box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
    padding: 20px 0 30px 0;
    margin-bottom: 30px;
    margin-top: 7px;
}

    .contact .info-box i {
        font-size: 32px;
        color: #68A4C4;
        border-radius: 50%;
        padding: 8px;
        border: 2px dotted #a2cce3;
    }

    .contact .info-box h3 {
        font-size: 20px;
        color: #666;
        font-weight: 700;
        margin: 10px 0;
    }

    .contact .info-box p {
        padding: 0;
        line-height: 24px;
        font-size: 14px;
        margin-bottom: 0;
    }

.contact .php-email-form {
    box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
    padding: 30px;
    margin-bottom: 30px;
}

    .contact .php-email-form input {
        padding: 20px 15px;
    }

    .contact .php-email-form .validate {
        display: none;
        color: red;
        margin: 0 0 15px 0;
        font-weight: 400;
        font-size: 13px;
    }

    .contact .php-email-form .loading {
        display: none;
        background: #fff;
        text-align: center;
        padding: 15px;
    }

    .contact .php-email-form .error-message {
        display: none;
        color: #fff;
        background: #ed3c0d;
        text-align: center;
        padding: 15px;
        font-weight: 600;
    }

    .contact .php-email-form .sent-message {
        display: none;
        color: #fff;
        background: #18d26e;
        text-align: center;
        padding: 15px;
        font-weight: 600;
    }

    .contact .php-email-form button[type="submit"] {
        background: #1c4671;
        border: 0;
        padding: 10px 24px;
        color: #fff;
        transition: 0.4s;
        text-transform: uppercase;
    }

.map {
    padding: 0;
    margin-bottom: -6px;
}

    .map iframe {
        width: 100%;
        height: 380px;
    }

#footer .footer-top .footer-newsletter form {
    margin-top: 30px;
    background: #fff;
    padding: 6px 10px;
    position: relative;
}

    #footer .footer-top .footer-newsletter form input[type="email"] {
        border: 0;
        padding: 4px;
        width: calc(100% - 110px);
    }

    #footer .footer-top .footer-newsletter form input[type="submit"] {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        border: 0;
        background: none;
        font-size: 16px;
        padding: 0 20px;
        background: #428bca;
        color: #fff;
        transition: 0.3s;
    }

#footer {
    /*background: #587187;*/
    background: #212025;
    padding: 0 0 30px 0;
    color: #fff;
    font-size: 14px;
}

    #footer .footer-top {
        background: #1c4671;
        border-top: 1px solid #768fa6;
        border-bottom: 1px solid #67839c;
        padding: 60px 0 30px 0;
    }

        #footer .footer-top .footer-info {
            margin-bottom: 30px;
        }

        #footer .footer-top .footer-links {
            margin-bottom: 30px;
        }

    #footer .copyright {
        text-align: center;
        padding-top: 30px;
    }

    #footer .credits {
        padding-top: 10px;
        text-align: center;
        font-size: 13px;
        color: #fff;
    }

    #footer .footer-top .footer-links ul a {
        color: #fff;
        transition: 0.3s;
        display: inline-block;
        line-height: 1;
    }

.why-us .container {
    box-shadow: 0 5px 25px 0 rgba(214, 215, 216, 0.6);
    background: #fff;
}

.why-us .video-box {
    position: relative;
}

    .why-us .video-box img {
        padding-top: 15px;
        padding-bottom: 15px;
    }

.why-us .icon-box .icon {
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    background: #f3f8fa;
    border-radius: 6px;
    transition: 0.5s;
}

.why-us .icon-box .title {
    margin-left: 95px;
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 18px;
    text-transform: uppercase;
}

    .why-us .icon-box .title a {
        color: #343a40;
        transition: 0.3s;
    }

.why-us .icon-box .description {
    margin-left: 95px;
    line-height: 24px;
    font-size: 14px;
}

.why-us .icon-box + .icon-box {
    margin-top: 50px;
}

.why-us .icon-box .icon {
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    background: #f3f8fa;
    border-radius: 6px;
    transition: 0.5s;
}

.abouts {
    padding: 15px 0px;
}

.service-details {
    /*padding-bottom: 15px;*/
    padding: 40px 0;
}

    .service-details .card {
        border: 0;
        padding: 0 30px;
        margin-bottom: 60px;
        position: relative;
    }

    .service-details .card-img {
        width: calc(100% + 60px);
        margin-left: -30px;
        overflow: hidden;
        z-index: 9;
        border-radius: 0;
        margin-top: 10px;
    }

        .service-details .card-img img {
            max-width: 100%;
            transition: all 0.3s ease-in-out;
        }

    .service-details .card-body {
        z-index: 10;
        background: #fff;
        border-top: 4px solid #fff;
        padding: 30px;
        box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
        margin-top: 0px;
        transition: 0.3s;
        margin-left: -32px;
        margin-bottom: 10px;
        width: 35.7rem;
    }

    .service-details .card-title {
        font-weight: 700;
        text-align: center;
        margin-bottom: 20px;
    }

        .service-details .card-title a {
            color: #1e4356;
            transition: 0.3s;
        }

    .service-details .card-text {
        color: #5e5e5e;
        font-size: 17px;
        text-align: justify;
    }

    .service-details .card-body1 {
        z-index: 10;
        background: #fff;
        border-top: 0px solid #fff;
        padding: 30px;
        box-shadow: 0px 2px 15px rgb(129, 119, 119);
        margin-top: 0px;
        transition: 0.3s;
        margin-left: 0px;
        margin-bottom: 10px;
        width: 20rem;
        height: 515px;
    }

    .service-details .read-more a {
        color: #777777;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 17px;
        transition: 0.3s;
        text-align: justify;
    }

.flat-tab-about {
    padding: 0 0 86px;
    margin-top: -40px;
    position: relative;
    z-index: 10;
}

.container {
    width: 1200px;
    max-width: 100%;
}

.tab-list-about ul.tab-menu {
    margin: 0 -15px 30px;
}

ul, ol {
    padding: 0;
}

ol, ul {
    list-style: none;
}

.tab-list-about ul.tab-menu li.active, .tab-list-about ul.tab-menu li:hover {
    background-color: #fff;
    box-shadow: none;
}

.tab-list-about ul.tab-menu li {
    margin: 0 8px;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 18px;
    color: #1c4671;
    display: inline-block;
    text-transform: uppercase;
    width: calc(33.333333333333% - 18px);
    background-color: #f4f5fa;
    padding: 28px 0;
    text-align: center;
    cursor: pointer;
    box-shadow: 4px -4px 15px 0px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.tab-list-about .content-tab .content-inner .one-half {
    padding: 0 15px;
}

.one-half {
    width: 60%;
    float: left;
}
.one-half1 {
    width: 40%;
    float: right
}
.text-tabs.style1 {
    margin-top: -3px;
}

    .text-tabs.style1 .text-content {
        margin-bottom: 21px;
    }

        .text-tabs.style1 .text-content p {
            padding-right: 15px;
        }

.content-inner .text-tabs .text-content p {
    line-height: 26px;
    color: #000;
}

.square .text {
    color: #fff;
    font-size: 13px;
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-weight: 500;
}

.square.style2 {
    position: relative;
    float: left;
    margin: 0 2px;
    margin-bottom: 0px;
    margin-bottom: 4px;
}

    .square.style2 .counter-text {
        position: absolute;
        top: 55%;
        left: 50%;
        width: 100%;
        transform: translate(-50%, -50%);
        z-index: 99;
    }

    .square.style2 .numb-count {
        color: #fff;
        font-size: 40px;
        font-family: 'Lato';
    }

.square .numb-count {
    margin-bottom: 12px;
    display: inline-block;
    position: relative;
}

.square.style2 .bg-image img {
    width: 100%;
}

img {
    max-width: 100%;
    height: auto;
}

.parallax5 {
    background-image: url(../images/5.jpg);
}

.clearfix {
    clear: both;
}

.parallax {
    width: 100%;
    background-attachment: fixed;
    background-position: 50% 0;
    position: relative;
    z-index: 9;
}

.flat-submit {
    padding: 113px 0 100px;
}

.form-submit {
    text-align: center;
    padding: 0 150px;
    margin-top: -20px;
    margin-bottom: -20px;
}

    .form-submit h1 {
        font-size: 35px;
        color: #fff;
        font-weight: bold;
        margin-top: -100px;
    }

    .form-submit p {
        color: #fff;
        font-size: 17px;
        text-align: justify;
    }


.bannerText {
    position: absolute;
    left: 13%;
    top: 10%;
    text-align: center;
    padding: 10px;
    background: rgba(237, 112, 112,0.5);
    display: inline-block;
}

    .bannerText h1 {
        font-size: 20px;
        color: #fff;
    }

    .bannerText p {
        font-size: 14px;
        color: #fff;
    }

.tab-list-about .tab-menu {
    display: flex;
}

/* Flat Tab About
-------------------------------------------------------------- */
.flat-tab-about {
    padding: 0 0 86px;
    margin-top: -40px;
    position: relative;
    z-index: 10;
    background: #f7f0f0;
}

/* Accordion */
.accordion .accordion-toggle {
    margin-top: -1px;
}

    .accordion .accordion-toggle .toggle-title {
        padding: 16px 16px 18px;
        font-size: 16px;
        font-weight: 500;
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
        background-color: #f7f7f7;
        cursor: pointer;
    }

        .accordion .accordion-toggle .toggle-title span {
            height: 35px;
            width: 35px;
            line-height: 35px;
            border-radius: 50%;
            text-align: center;
            margin-right: 17px;
            background-color: #fff;
            color: #252525;
            font-weight: 500;
            display: inline-block;
        }

    .accordion .accordion-toggle .toggle-content {
        padding-left: 70px;
    }

    .accordion .accordion-toggle .toggle-content {
        font-weight: 300;
        line-height: 27px;
        padding-bottom: 23px;
    }

    .accordion .accordion-toggle .toggle-title.active {
        background-color: transparent;
        border-top: none;
        border-bottom: none;
        color: #29c2e1;
        padding-bottom: 7px;
    }

        .accordion .accordion-toggle .toggle-title.active span {
            color: #fff;
            background-color: #29c2e1;
        }


.tab-list-about .content-tab .content-inner .one-half {
    padding: 0 15px;
}
.tab-list-about .content-tab .content-inner .one-half1 {
    padding: 0 15px;
}
/*.tab-list-about ul.tab-menu {
    margin: 0 -8px 83px;
}*/

    .tab-list-about ul.tab-menu li {
        margin: 0 8px;
        font-family: 'Montserrat';
        font-weight: 500;
        font-size: 18px;
        color: #fff;
        display: inline-block;
        text-transform: uppercase;
        width: calc(33.333333333333% - 18px);
        background-color: #777a8a;
        padding: 28px 0;
        text-align: center;
        cursor: pointer;
        box-shadow: 4px -4px 15px 0px rgba(0, 0, 0, 0.3);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .tab-list-about ul.tab-menu li.active,
        .tab-list-about ul.tab-menu li:hover {
            background-color: #143465;
            box-shadow: none;
        }

/* Square Style2 */
.wrap-counter.style1 {
    margin: 0 -32px;
}

.square.style2 {
    position: relative;
    float: left;
    margin: 0 2px;
    margin-bottom: 4px;
}

    .square.style2:before {
        content: '';
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background-color: rgba(37, 87, 138, 0.7);
        z-index: 5;
    }

    .square.style2 .numb-count {
        color: #fff;
        font-size: 40px;
        font-family: 'Lato';
    }

    .square.style2 .counter-text {
        position: absolute;
        top: 55%;
        left: 50%;
        width: 100%;
        transform: translate(-50%, -50%);
        z-index: 99;
    }

    .square.style2.plus .numb-count:before {
        color: #fff;
    }

    .square.style2 .bg-image img {
        width: 100%;
    }

/* Text Tabs Style1 */
.text-tabs.style1 {
    margin-top: -3px;
}

    .text-tabs.style1 .text-content {
        margin-bottom: 21px;
    }

        .text-tabs.style1 .text-content h2 {
            font-weight: bold;
            margin-bottom: 14px;
        }

        .text-tabs.style1 .text-content p {
            padding-right: 15px;
        }

        .text-tabs.style1 .text-content .text-list .image {
            margin-right: 23px;
        }

        .text-tabs.style1 .text-content .text-list ul {
            margin-top: 3px;
        }

            .text-tabs.style1 .text-content .text-list ul li {
                line-height: 30px;
                /*padding-left: 29px;*/
                letter-spacing: 0.1px;
            }

                .text-tabs.style1 .text-content .text-list ul li:before {
                    content: "\f30f";
                    color: #29c2e1;
                    font-weight: 600;
box-sizing: none;
                }

.accordion.style3.v1 .accordion-toggle .toggle-title {
    padding: 18px 40px;
}

/* Iconbox Style6 */
.iconbox.style6 {
    padding: 0;
    margin-bottom: 0px;
    border: none;
}

    .iconbox.style6:hover {
        box-shadow: none;
    }

    .iconbox.style6 .iconbox-icon {
        position: relative;
        bottom: 0;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .iconbox.style6:hover .iconbox-icon {
        bottom: 5px;
    }

    .iconbox.style6 .iconbox-content h3 {
        margin: 20px 0 9px;
        font-size: 18px;
    }

    .iconbox.style6 .iconbox-content {
        line-height: 24px;
    }

/* About Company Style1 */
.about-company.style1 {
    padding: 119px 0 144px;
}

    .about-company.style1 h1 {
        color: #1c4671;
    }

        .about-company.style1 h1 span {
            color: #29c2e1;
        }

    .about-company.style1 p,
    .about-company.style1 a {
        color: #1c4671;
    }

    .about-company.style1 a {
        margin-top: 48px;
    }

    .about-company.style1.v1 {
        padding: 110px 0 224px;
    }

.text-tabs.style1 .text-content .text-list {
    display: flex;
    align-items: center
}



/* Mobile Navigation */
.mobile-nav {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 9999;
    overflow-y: auto;
    left: -260px;
    width: 260px;
    padding-top: 18px;
    background: #1f3548;
    transition: 0.4s;
}

    .mobile-nav * {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .mobile-nav a {
        display: block;
        position: relative;
        color: #e3f0fc;
        padding: 10px 20px;
        font-weight: 500;
    }

        .mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
            color: #9eccf4;
            text-decoration: none;
        }

    .mobile-nav .drop-down > a:after {
        content: "\ea99";
        font-family: IcoFont;
        padding-left: 10px;
        position: absolute;
        right: 15px;
    }

    .mobile-nav .active.drop-down > a:after {
        content: "\eaa0";
    }

    .mobile-nav .drop-down > a {
        padding-right: 35px;
    }

    .mobile-nav .drop-down ul {
        display: none;
        overflow: hidden;
    }

    .mobile-nav .drop-down li {
        padding-left: 20px;
    }

.mobile-nav-toggle {
    position: fixed;
    right: 15px;
    top: 20px;
    z-index: 9998;
    border: 0;
    background: none;
    font-size: 24px;
    transition: all 0.4s;
    outline: none !important;
    line-height: 1;
    cursor: pointer;
    text-align: right;
}

    .mobile-nav-toggle i {
        color: #5c768d;
    }

.mobile-nav-overly {
    width: 100%;
    height: 100%;
    z-index: 9997;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(31, 53, 72, 0.7);
    overflow: hidden;
    display: none;
}

.mobile-nav-active {
    overflow: hidden;
}

    .mobile-nav-active .mobile-nav {
        left: 0;
    }

    .mobile-nav-active .mobile-nav-toggle i {
        color: #fff;
    }


@media only screen and ( max-width: 767px) {
    #header {
        position: relative;
    }

    .toglebtn {
        display: block !important
    }

    .nav-menu {
        display: none
    }

        .nav-menu ul li {
            width: 100%
        }

            .nav-menu ul li a {
                display: block;
                border-bottom: 1px solid #ddd;
            }

        .nav-menu, .nav-menu * {
            padding: 0;
        }

    .toglebtn {
        float: right;
        position: absolute;
        right: 0;
        width: 36px;
        height: 50px;
        margin: 15px 10px 0 0px;
    }

        .toglebtn span {
            display: inline-block;
            height: 3px;
            background: #1c4671;
            margin-bottom: 2px;
            width: 100%;
            line-height: 5px;
            margin: 0;
        }

    .form-submit {
        padding: 0
    }

    .tab-list-about ul {
        flex-direction: row;
        flex-wrap: wrap
    }

        .tab-list-about ul li {
            width: 100% !important
        }

    .one-half {
        width: 100%;
        text-align: left
    }
.one-half1 {
        width: 100%;
        text-align: left
    }
.text-tabs.style1 .text-content .text-list {
   display: contents;
    align-items: none;
}
.text-tabs.style1 .text-content .text-list .image
{
	text-align: center;
}
    .wrap-counter.style1 {
        margin: 0
    }

    #testimonial .carousel {
        padding: 0
    }

    .content-tab .content-inner {
        text-align: center
    }

        .content-tab .content-inner .flat-title {
            width: 100%;
            text-align: center
        }

    .content-inner .toggle-content {
        padding: 0 !important;
        text-align: center
    }

    .breadcrumbs .d-flex {
        display: block !important;
    }

    .nav-menu ul li a {
        background: #fff;
    }

    .service-details .card-body {
        width: 20rem !important;
        margin-left: -45px !important;
    }

    #slider .carousel-item img {
        width: 100%;
        height: 410px;
    }

    .service-details .card-body1 {
        margin-left: -45px;
    }

    .box-shadow-3d {
        margin-top: 10px;
    }

    .sliderBoxWrap {
        flex-direction: column
    }

    .trunkey h3 {
        text-align: center
    }

    .trunkey {
        width: auto !important
    }
}

.services .icon-box {
    margin-bottom: 20px;
    text-align: center;
}

.services .icon {
    display: flex;
    justify-content: center;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

    .services .icon i {
        width: 80px;
        height: 80px;
        margin-bottom: 20px;
        background: #fff;
        border-radius: 50%;
        transition: 0.5s;
        color: #428bca;
        font-size: 40px;
        overflow: hidden;
        padding-top: 20px;
        box-shadow: 0px 0 25px rgba(0, 0, 0, 0.15);
    }

.services .title {
    font-weight: 600;
    margin-top: 15px;
    font-size: 18px;
    position: relative;
    /*padding-bottom: 15px;*/
}

.services .description {
    line-height: 24px;
    font-size: 14px;
}

*, ::after, ::before {
    box-sizing: border-box;
}

.customer {
    margin-top: 15px !important
}

.cardcustomer {
    height: 100% !important
}

.iframe {
    width: 100% !important;
    height: 395px
}

.imgsize {
    width: 270px;
    height: 210px;
}

.section-header h3 {
    font-size: 36px;
    color: #283d50;
    text-align: center;
    font-weight: 500;
    position: relative
}

.section-header p {
    text-align: center;
    margin: auto;
    font-size: 15px;
    padding-bottom: 60px;
    color: #556877;
    width: 50%
}

#clients {
    padding: 60px 0
}

    #clients .clients-wrap {
        border-top: 1px solid #d6eaff;
        border-left: 1px solid #d6eaff;
        margin-bottom: 30px
    }

    #clients .client-logo {
        /*padding: 64px;*/
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border-top: 1px solid #d6eaff;
        border-left: 1px solid #d6eaff;
        border-right: 1px solid #d6eaff;
        border-bottom: 1px solid #d6eaff;
        overflow: hidden;
        background: #fff;
        height: 115px;
        margin-bottom: 5px;
    }

    #clients img {
        transition: all 0.4s ease-in-out
    }

.slider-wrap {
    border-top: 1px solid #d6eaff;
    border-left: 1px solid #d6eaff;
    margin-bottom: 30px
}

.slider-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /*border-top: 1px solid #d6eaff;
    border-left: 1px solid #d6eaff;
    border-right: 1px solid #d6eaff;
    border-bottom: 1px solid #d6eaff;*/
    overflow: hidden;
    background: #fff;
    height: 115px
}

img {
    transition: all 0.4s ease-in-out
}

.img-slider {
    max-width: 100%;
    height: 70px;
}

.bx-wrapper {
    background: none !important;
    box-shadow: none !important;
    border: 0 !important;
    margin-bottom: 0px !important;
}

.bxslider div {
    height: 150px;
    background: #fff;
}



.show-more1 {
    /*   width: 690px;  */
    color: #5e5e5e;
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 1rem;
    word-wrap: break-word;
    text-align: justify;
    list-style: initial;
    margin-left: 15px;
}

/*.show-more1:hover {
        color: #1779dd;
    }*/

.show-more-height {
    height: 75px;
    overflow: hidden;
}

#pstlogo {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    cursor: pointer;
    margin-top: -10px;
}

.sliderBoxWrap {
    display: flex;
    width: 100%;
    align-items: center;
}

.trunkey {
    width: 23%
}

    .trunkey h3 {
        font-size: 35px;
        font-weight: bold;
        text-align: right;
        margin-right: 10px;
    }

/*#imgslider {
    animation: marquee 32s linear infinite
}
@keyframes marquee {
    from {transform: translateX(0);}
    to { transform: translateX(-50%)}
}*/
.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

    .slick-slide .inner {
        margin: 10px 10px 10px 10px;
    }

    .slick-slide img {
        display: block;
    }

.wrap-bxs {
    margin-top: -25px;
}

.show-more2 {
    color: #000;
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 1rem;
    word-wrap: break-word;
    text-align: justify;
    list-style: initial;
    margin-left: 15px;
}