body {
    font-family: "Roboto",sans-serif;
    color: #2a303b;
    font-size: 15px
}

a {
    text-decoration: none;
    outline: none
}

p {
    line-height: 1.6
}

html {
    scroll-padding-top: 40px;
    scroll-behavior: smooth
}

.row > * {
    position: relative
}

.navbar {
    background-color:#2558ab;
    transition: all .5s ease;
    padding: 15px 0px
}

    .navbar .navbar-nav .nav-item .nav-link {
        color: #6c757d;
        font-size: 13px;
        letter-spacing: .05rem;
        font-weight: 500;
        text-transform: uppercase;
        background-color: rgba(0,0,0,0);
        margin: 0px 6px;
        transition: all .3s ease;
        font-family: "Roboto",sans-serif
    }

        .navbar .navbar-nav .nav-item .nav-link:hover, .navbar .navbar-nav .nav-item .nav-link:active, .navbar .navbar-nav .nav-item .nav-link.active {
            color: #fff !important
        }

    .navbar .phone-call .nav-link {
        color: #2558ab;
        padding: .5rem 1rem
    }

    .navbar .navbar-toggler {
        padding: 0px;
        border: none;
        font-size: 24px
    }

        .navbar .navbar-toggler:focus {
            box-shadow: none
        }

    .navbar .navbar-brand .logo-light {
        display: inline-block
    }

    .navbar .navbar-brand .logo-dark {
        display: none
    }

@media(max-width: 991.98px) {
    .navbar .navbar-brand .logo-light {
        display: none
    }

    .navbar .navbar-brand .logo-dark {
        display: block
    }
}

.nav-sticky.navbar {
    background: #fff;
    padding: 15px 0px;
    margin-top: 0px;
    box-shadow: 0px 3px 10px 0px rgba(42,48,59,.08)
}

.nav-sticky .navbar-brand .logo-dark {
    display: inline-block
}

.nav-sticky .navbar-brand .logo-light {
    display: none
}

@media(min-width: 992px) {
    .navbar-light .navbar-nav .nav-item .nav-link {
        color: rgba(255,255,255,.95);
        font-family: "Roboto",sans-serif;
        font-size:15px;
    }

        .navbar-light .navbar-nav .nav-item .nav-link:hover, .navbar-light .navbar-nav .nav-item .nav-link:active, .navbar-light .navbar-nav .nav-item .nav-link.active {
            color: #fff !important
        }

    .navbar-light .phone-call .nav-link {
        border:1px solid #fff;
        color: #fff;
        border-radius:6px;
    }

    .nav-sticky.navbar-light {
        background: #fff
    }

        .nav-sticky.navbar-light .nav-item .nav-link {
            color: #2a303b
        }

            .nav-sticky.navbar-light .nav-item .nav-link:hover, .nav-sticky.navbar-light .nav-item .nav-link.active, .nav-sticky.navbar-light .nav-item .nav-link:active {
                color: #ff7f51 !important
            }

        .nav-sticky.navbar-light .phone-call .nav-link {
            color: #2558ab;
            border:1px solid #2558ab
        }
}

@media(max-width: 991px) {
    .navbar {
        padding: 12px 0px;
        background-color: #fff
    }
}

.btn {
    padding: 12px 20px;
    font-size: 15px;
    font-weight: 500;
    transition: all .5s ease;
    position: relative
}

    .btn:focus {
        box-shadow: none
    }

.btn-primary{
    background-color:#2558ab;
    border:1px solid #2558ab
}

.sec-blk {
    padding-top: 60px;
    padding-bottom: 0px;
    position: relative
}
.sec-blk  h3{
    font-size:32px;
}
    .sec-blk p {
        font-size: 16px;
        line-height:32px;
    }

.box-shadow {
    box-shadow: rgba(0,0,0,.05) 0px 8px 24px
}

.bg-overlay {
    position: absolute;
    background-color: rgba(42,48,59,.7);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.form-control {
    padding: 10px 14px;
    font-size: 14px;
    border: 1px solid rgba(42,48,59,.2)
}

    .form-control:focus {
        box-shadow: none;
        border-color: rgba(77,82,94,.3)
    }

    input::-webkit-input-placeholder, .form-control::-webkit-input-placeholder {
        color: #bbbec7
    }

    input::-moz-placeholder, .form-control::-moz-placeholder {
        color: #bbbec7
    }

    input:-ms-input-placeholder, .form-control:-ms-input-placeholder {
        color: #bbbec7
    }

    input:-moz-placeholder, .form-control:-moz-placeholder {
        color: #bbbec7
    }

.wp-ds-box {
    background-color: #122b9d;
    padding: 20px;
    text-align: center;
    border-radius: 20px;
    margin: 25px 0 0 0;
    min-height: 175px;
}
.wp-ds-box h4 {
    font-size:18px;
    margin: 15px 0 15px 0;
    line-height: 28px;
    min-height: 56px;
    color:#fff;
}
    .wp-ds-box .icon {
        max-width:80px;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

#scrll-to-top {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 20px;
    right: 30px;
    border-radius:50%;
    background: #2a303b;
    border-color: rgba(0,0,0,0);   
    color: #fff;
    transition: all .5s ease;
    display: none
}

    #back-to-top:hover {
        background-color: #2558ab
    }

.primary-link {
    color: #2a303b;
    transition: all .5s ease
}

    .primary-link:hover {
        color: #2558ab
    }



.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {

    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(25%);
    }

    .carousel-inner .carousel-item-start.active,
    .carousel-inner .carousel-item-prev {
        transform: translateX(-25%);
    }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start {
    transform: translateX(0);
}
.btn-tstm {
    display:block;
}

.btn-tstm .carousel-control-prev, .btn-tstm .carousel-control-next {
    background-color: rgba(255, 255, 255.1);
    color: #333;
    width: 48px;
    height: 48px;
    border-radius: 50px;
    top: 22%;
    opacity: 1;
}
.btn-tstm .carousel-control-next {
    right: -40px;   
}


.btn-tstm .carousel-control-prev {   
    left: -40px;
}

.fs-17{
    font-size:17px;
    color:rgb(255, 255, 255, 0.9) !important
}

.hm-bnr-c {
    display: table;
    width: 100%;
    height: 100%
}

.home-desc-center {
    display: table-cell;
    vertical-align: middle
}

.hm-bnr {
    padding: 180px 0 100px 0;
    background: linear-gradient(135deg, #2558ab, #11b9e8 100%)
}

    .hm-bnr .bg-overlay {
        background: url("");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat
    }

.home-content {
    position: relative;
    z-index: 1
}

.srvc-pnl {
    padding: 25px 28px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    transition: all .5s ease;
    background-color:#2558ab;
}
.srvc-pnl h5 {
  color:#fff
}

    .srvc-pnl .service-icon {
        font-size: 44px;
        color: #fff
    }

    .srvc-pnl .service-content p {
        color: #f7f7f7
    }

    .srvc-pnl .service-content a {
        color: #f7f7f7
    }

    .srvc-pnl:before {
        content: "";
        height: 80px;
        width: 80px;
        position: absolute;
        top: 0px;
        left: 0px;
        transition: all .3s ease;
        z-index: -1
    }

    .srvc-pnl:after {
        content: "";
        height: 0px;
        width: 0px;
        position: absolute;
        top: 0px;
        left: 0px;
        border-radius: 10%;
        transition: all .3s ease;
        z-index: -1
    }


.prod-pnl .ftr-icon {
    background: #2558ab;
    height: 50px;
    width: 50px;
    line-height: 52px;
    text-align: center;
    color: #fff;
    border-radius: 20px;  
    position: relative;
    margin:0 auto
}
    .prod-pnl .ftr-icon i {
        font-size:30px;
        color:#fff;
    }

    .prod-pnl .ftr-icon img {
       width:120px;
       height:auto;
    }

    .team-pnl {
        transition: all .4s ease;
        overflow: hidden;
        text-align:center;
    }

        .team-pnl .team-img {
            position: relative;
            width: 90px;
            height: 90px;
            border-radius: 80px;
            line-height: 80px;
            margin: 0 auto;
            border:1px solid rgba(42,48,59,.08);
            box-shadow: 0px 0px 8px 0px rgba(192,196,207,.5);
        }

        .team-pnl .team-img img {
            width: 100%;
            border-radius: 80px;
        }

    .team-pnl .team-overlay {
        background-color: rgba(0,0,0,.7);
        position: absolute;
        transition: all .5s ease-in-out 0s;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
        opacity: 0;
        overflow: hidden;
        border-radius: 8px
    }

        .team-pnl .team-overlay .team-content {
            position: absolute;
            bottom: -60px;
            left: 0px;
            right: 0px;
            padding-left: 30px;
            padding-right: 30px;
            transition: all .5s ease-in-out 0s;
            opacity: 0
        }

        .team-pnl .team-overlay .team-social-icon a {
            height: 35px;
            width: 35px;
            display: inline-block;
            line-height: 33px;
            font-size: 14px;
            color: #fff;
            border: 1px solid #fff;
            background-color: rgba(0,0,0,0);
            border-radius: 50%;
            transition: all .5s
        }

            .team-pnl .team-overlay .team-social-icon a:hover {
                color: #fff;
                background-color: #2558ab;
                border: 1px solid #2558ab
            }

    .team-pnl:hover .team-overlay {
        opacity: 1;
        visibility: visible
    }

    .team-pnl:hover .team-content {
        bottom: 50%;
        transform: translateY(50%);
        opacity: 1
    }

.subscribe-form input {
    padding: 14px 20px;
    width: 100%;
    font-size: 16px;
    color: #2a303b;
    border: none;
    outline: none;
    padding-right: 155px;
    padding-left: 30px;
    border-radius: 30px;
    box-shadow: 0 3px 8px rgba(42,48,59,.1)
}

.subscribe-form .btn {
    position: absolute;
    right: 0px;
    outline: none;
    border-radius: 30px;
    padding: 13px 38px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    font-size: 16px
}

@media(min-width: 992px) {
    .cta-img {
        position: relative
    }

        .cta-img::before {
            content: "";
            position: absolute;
            background-color: rgba(42,48,59,.07);
            right: -40px;
            width: 60px;
            height: 2px;
            top: 50%
        }
}

.counter-box .counter-icon {
    background: rgba(255,255,255,.03);
    height: 90px;
    width: 90px;
    border-radius: 50%;
    line-height: 100px;
    text-align: center;
    font-size: 46px;
    margin: 0 auto;
    box-shadow: 0 3px 0px rgba(255,255,255,.2)
}

p .counters {
    padding: 20px;
    border-radius: 10px
}

.counter {
    letter-spacing: .125rem;
    line-height: 1;
    position: relative;
    display: flex;
    overflow: hidden;
    justify-content: center;
    height: 2.4rem;
    font-size: 2.4rem;
    font-weight: 400
}

    .counter > span {
        z-index: 1;
        display: flex;
        flex-direction: column;
        height: 100%;
        transition: transform 2s ease;
        transform: translateY(0);
        line-height: 1
    }

        .counter > span span {
            flex: 0 0 100%;
            height: 100%
        }
.tstm-pnl{
    position:relative;
}

.tstm-pnl .tstm-cont {
    padding: 30px;
    box-shadow: 2px 2px 10px rgba(42,48,59,.08);
    border-radius: 6px;
    position: relative;
    background-color: #fff
}

    /*.tstm-pnl .tstm-cont:after {
        content: "";
        width: 20px;
        height: 20px;
        background-color: #fff;
        position: absolute;
        bottom: -10px;
        left: 20%;
        transform: rotate(45deg);
        box-shadow: 16px 14px 17px rgba(42,48,59,.08)
    }*/

.tstm-pnl .testi-user img {
    background-color:#eee;
    height: 48px;
    width: 48px
}


.blog-pnl {
    border: none;
    box-shadow: rgba(0,0,0,.05) 0px 8px 24px
}

    .blog-pnl .blog-img {
        position: relative;
        overflow: hidden;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

        .blog-pnl .blog-img img {
            transition: all .5s ease
        }

    .blog-pnl:hover .blog-img img {
        transform: scale(1.1)
    }

    .blog-pnl:hover .blog-img .blog-tag {
        left: 24px
    }

    .blog-pnl:hover .blog-img::after {
        background-color: rgba(255,255,255,.75)
    }

.cont-info .icon {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    border-radius: 3px;
    text-align: center;
    color: #2558ab;
    background-color: rgba(37,88,171,.08)
}

.footer {
    padding: 60px 0 45px;
    position: relative
}

    .footer .sub-mnu li {
        padding: 8px 0
    }

        .footer .sub-mnu li a {
            transition: all .5s;
            color: #78818e
        }

            .footer .sub-mnu li a:hover {
                color: #2558ab;
                margin-left: 5px
            }

.footer-social-list a {
    border: 1px solid #d9dee5;
    height: 40px;
    width: 40px;
    display: inline-block;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    color: #bbc3d0;
    font-size: 18px;
    transition: all .3s
}

   /* .footer-social-list a:hover {
        background: #2558ab;
        color: #fff;
        border-color: #2558ab;
        box-shadow: 0 0 2px 7px rgba(37,88,171,.15)
    }*/
.counter-bg{
    background-color:#3d55c8;
}
.footer-btm p {
    color:#bbbec7;
}

.remr_wrks{
    position:relative;
}
    .remr_wrks .cltn-logo {
       height:100px;
       width:100px;
       border-radius:10px;
    }
.remr_wrks .cltn-tit {
    font-size:22px;
    font-weight:500;
    color:#fff;
}
    .remr_wrks p {
        font-size: 16px;       
        color: #fff;
        line-height:26px;
    }

@media(min-width: 1200px) {
    .container {
        max-width: 1160px !important
    }
}


@media(max-width: 991.98px) {
    .bg-home {
        padding: 140px 0 95px
    }
}

/*Testmonial Slider*/

@media (max-width: 767px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }

        .carousel-inner .carousel-item > div:first-child {
            display: block;
        }

    .btn-tstm {
        display: none;
    }
}