@import url(https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap);

body,
html {
    height: 100%
}

body {
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-family: "Poppins", sans-serif
}

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

.ptb-100 {
    padding-top: 100px;
    padding-bottom: 100px
}

.pb-70 {
    padding-bottom: 70px
}

.pb-100 {
    padding-bottom: 100px
}

.pt-100 {
    padding-top: 100px
}

a {
    transition: all .3s ease-in-out .1s;
    outline: 0 !important;
    color: var(---heading-color)
}

    a,
    a:hover {
        text-decoration: none
    }

        a:hover {
            color: var(--main-theme-color)
        }

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins", sans-serif
}

h1 {
    font-size: 80px;
    font-weight: 700
}

h2 {
    font-size: 30px;
    line-height: 48px
}

h2,
h3 {
    font-weight: 500
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 22px;
    font-weight: 600
}

h5 {
    font-size: 18px
}

h5,
h6 {
    font-weight: 400
}

h6 {
    font-size: 14px
}

p {
    font-size: 16px;
    line-height: 24px;
    color: var(--paragraph-color);
    font-weight: 400;
    font-family: "Poppins", sans-serif
}

    p:last-child {
        margin-bottom: 0
    }

ul {
    margin: 0
}

    ul,
    ul li {
        padding: 0
    }

        ul li {
            list-style: none
        }

.box-shadow {
    box-shadow: 3px 0 12px 0 rgba(154, 168, 255, .18823529411764706)
}

.border-radius {
    border-top-left-radius: 35px;
    border-bottom-right-radius: 35px
}

.bg-color {
    background-color: var(--dark-bg-color) !important
}

.left-side-title h3,
.section-title-center h3 {
    color: var(--main-theme-color)
}

input[type=password],
input[type=text],
select {
    min-height: 45px;
    background: #f7f7f7;
    border-color: #ddd
}

.form-control:focus {
    background-color: transparent;
    outline: none;
    box-shadow: none;
    border-color: transparent
}

input[type=password]:focus,
input[type=text]:focus,
select:focus {
    background-color: #fff;
    outline: none
}

.img-zoom-hover img {
    transform-origin: 65% 75%;
    transition: transform 1s, -webkit-filter .5s ease-out;
    transition: transform 1s, filter .5s ease-out;
    transition: transform 1s, filter .5s ease-out, -webkit-filter .5s ease-out
}

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

.my120 {
    margin: 120px 0
}

.my110 {
    margin: 110px 0
}

.my100 {
    margin: 100px 0
}

.my90 {
    margin: 90px 0
}

.my80 {
    margin: 80px 0
}

.my70 {
    margin: 70px 0
}

.my60 {
    margin: 60px 0
}

.my50 {
    margin: 50px 0
}

.my40 {
    margin: 40px 0
}

.my30 {
    margin: 30px 0
}

.my20 {
    margin: 20px 0
}

.my10 {
    margin: 10px 0
}

.mt120 {
    margin-top: 120px
}

.mt110 {
    margin-top: 110px
}

.mt100 {
    margin-top: 100px
}

.mt90 {
    margin-top: 90px
}

.mt80 {
    margin-top: 80px
}

.mt70 {
    margin-top: 70px
}

.mt60 {
    margin-top: 60px
}

.mt50 {
    margin-top: 50px
}

.mt40 {
    margin-top: 40px
}

.mt30 {
    margin-top: 30px
}

.mt20 {
    margin-top: 20px
}

.mt10 {
    margin-top: 10px
}

.mb120 {
    margin-bottom: 120px
}

.mb110 {
    margin-bottom: 110px
}

.mb100 {
    margin-bottom: 100px
}

.mb90 {
    margin-bottom: 90px
}

.mb80 {
    margin-bottom: 80px
}

.mb70 {
    margin-bottom: 70px
}

.mb60 {
    margin-bottom: 60px
}

.mb50 {
    margin-bottom: 50px
}

.mb40 {
    margin-bottom: 40px
}

.mb30 {
    margin-bottom: 30px
}

.mb20 {
    margin-bottom: 20px
}

.mb10 {
    margin-bottom: 10px
}

.py120 {
    padding: 120px 0
}

.py110 {
    padding: 110px 0
}

.py100 {
    padding: 100px 0
}

.py90 {
    padding: 90px 0
}

.py80 {
    padding: 80px 0
}

.py70 {
    padding: 70px 0
}

.py60 {
    padding: 60px 0
}

.py50 {
    padding: 50px 0
}

.py40 {
    padding: 40px 0
}

.py30 {
    padding: 30px 0
}

.py20 {
    padding: 20px 0
}

.py10 {
    padding: 10px 0
}

.pt120 {
    padding-top: 120px
}

.pt110 {
    padding-top: 110px
}

.pt100 {
    padding-top: 100px
}

.pt90 {
    padding-top: 90px
}

.pt80 {
    padding-top: 80px
}

.pt70 {
    padding-top: 70px
}

.pt60 {
    padding-top: 60px
}

.pt50 {
    padding-top: 50px
}

.pt40 {
    padding-top: 40px
}

.pt30 {
    padding-top: 30px
}

.pt20 {
    padding-top: 20px
}

.pt10 {
    padding-top: 10px
}

.pb120 {
    padding-bottom: 120px
}

.pb110 {
    padding-bottom: 110px
}

.pb100 {
    padding-bottom: 100px
}

.pb90 {
    padding-bottom: 90px
}

.pb80 {
    padding-bottom: 80px
}

.pb70 {
    padding-bottom: 70px
}

.pb60 {
    padding-bottom: 60px
}

.pb50 {
    padding-bottom: 50px
}

.pb40 {
    padding-bottom: 40px
}

.pb30 {
    padding-bottom: 30px
}

.pb20 {
    padding-bottom: 20px
}

.pb10 {
    padding-bottom: 10px
}

.pl20 {
    padding-left: 20px
}

.btn-theme {
    background: var(--main-theme-color)
}

    .btn-theme,
    .btn-theme:hover {
        transition: all .3s ease-in-out .1s
    }

        .btn-theme:hover {
            background: var(--heading-color)
        }

.btn {
    color: #fff;
    position: relative;
    display: inline-block;
    padding: 0 35px;
    font-size: 18px;
    line-height: 45px;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    transition: all .3s ease-in-out .1s;
    border-radius: 40px
}

.btn-cta {
    background: #242f51;
    border-radius: 10px;
    padding: 0 15px
}

    .btn-cta:hover {
        background: var(--main-theme-color);
        color: #fff;
        box-shadow: 0 0 7px -3px #000
    }

    .btn-cta:focus {
        box-shadow: 0 0 7px -3px #000 !important
    }

a.btn:hover {
    color: #fff;
    text-decoration: none
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: none
}

a,
a:active,
a:focus,
a:hover,
a:visited {
    text-decoration: none;
    outline: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    transition: all .3s ease-in-out .1s
}

section {
    position: relative
}

#banner-inner-area {
    padding: 200px 0;
    background-image: url(/static/media/banner-inner.54e412d4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    position: relative
}

    #banner-inner-area:after {
        content: "";
        position: absolute;
        background: rgba(0, 0, 0, .7490196078431373);
        height: 100%;
        width: 100%;
        top: 0
    }

.banner-details {
    position: relative;
    z-index: 99
}

    .banner-details ul li {
        display: inline-block;
        padding-right: 5px;
        color: #fff
    }

        .banner-details ul li a {
            color: #fff
        }

            .banner-details ul li a:hover {
                color: var(--main-theme-color)
            }

    .banner-details h2 {
        color: #fff
    }

    .banner-details ul li span {
        padding-right: 5px
    }

.animation-img-one {
    -webkit-animation: img-animation-one 5s linear 0s infinite;
    animation: img-animation-one 5s linear 0s infinite;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: .4s all ease-in-out;
    -ms-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out
}

@-webkit-keyframes img-animation-one {
    50% {
        transform: translateY(10px)
    }
}

@keyframes img-animation-one {
    50% {
        transform: translateY(10px)
    }
}

.animation-img-two {
    -webkit-animation: img-animation-two 5s linear 0s infinite;
    animation: img-animation-two 5s linear 0s infinite
}

@-webkit-keyframes img-animation-two {
    50% {
        transform: translate(10px)
    }
}

@keyframes img-animation-two {
    50% {
        transform: translate(10px)
    }
}

#bg-white {
    background-color: #fff;
    position: inherit
}

.plamb-nav {
    background-color: transparent;
    padding: 15px 0
}

    .plamb-nav .navbar {
        padding: 0
    }

        .plamb-nav .navbar ul {
            padding-left: 0;
            list-style-type: none;
            margin-bottom: 0
        }

        .plamb-nav .navbar .navbar-nav {
            margin: auto
        }

            .plamb-nav .navbar .navbar-nav .nav-item {
                position: relative;
                padding: 15px 0
            }

                .plamb-nav .navbar .navbar-nav .nav-item a {
                    font-size: 16px;
                    font-weight: 600;
                    color: var(--heading-color);
                    text-transform: capitalize;
                    padding: 0;
                    margin-left: 15px;
                    margin-right: 15px
                }

                    .plamb-nav .navbar .navbar-nav .nav-item a.active,
                    .plamb-nav .navbar .navbar-nav .nav-item a:focus,
                    .plamb-nav .navbar .navbar-nav .nav-item a:hover {
                        color: var(--main-theme-color)
                    }

                    .plamb-nav .navbar .navbar-nav .nav-item a i {
                        font-size: 15px;
                        position: relative;
                        top: 1px;
                        margin-left: 5px
                    }

                .plamb-nav .navbar .navbar-nav .nav-item:last-child a {
                    margin-right: 0
                }

                .plamb-nav .navbar .navbar-nav .nav-item.active a,
                .plamb-nav .navbar .navbar-nav .nav-item:focus a,
                .plamb-nav .navbar .navbar-nav .nav-item:hover a {
                    color: var(--main-theme-color)
                }

                .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu {
                    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
                    background: #fff;
                    position: absolute;
                    border: none;
                    top: 80px;
                    left: 0;
                    width: 230px;
                    z-index: 99;
                    display: block;
                    opacity: 0;
                    visibility: hidden;
                    border-radius: 0;
                    transition: all .3s ease-in-out;
                    padding: 20px 25px
                }

                    .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li {
                        padding: 0
                    }

                        .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
                            text-transform: capitalize;
                            padding: 8px 15px 8px 0;
                            margin: 0;
                            position: relative;
                            color: #393953;
                            font-size: 15.5px;
                            font-weight: 400
                        }

                            .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:before {
                                content: "";
                                position: absolute;
                                left: -5px;
                                top: 50%;
                                width: 0;
                                transition: .6s;
                                height: 1px;
                                background-color: var(--main-theme-color);
                                transform: translateY(-50%)
                            }

                            .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active,
                            .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
                            .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover {
                                color: var(--main-theme-color);
                                padding-left: 26px
                            }

                                .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active:before,
                                .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus:before,
                                .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover:before {
                                    width: 20px
                                }

                        .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
                            left: -245px;
                            top: 0;
                            opacity: 0;
                            visibility: hidden
                        }

                            .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
                                color: #696997
                            }

                                .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active,
                                .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,
                                .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover {
                                    color: var(--main-theme-color)
                                }

                            .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
                                left: -245px;
                                top: 0;
                                opacity: 0;
                                visibility: hidden
                            }

                                .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
                                    color: #696997;
                                    text-transform: capitalize
                                }

                                    .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active,
                                    .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
                                    .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover {
                                        color: #00b0ee
                                    }

                                .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
                                    left: -245px;
                                    top: 0;
                                    opacity: 0;
                                    visibility: hidden
                                }

                                    .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
                                        color: #696997;
                                        text-transform: capitalize
                                    }

                                        .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active,
                                        .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
                                        .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover {
                                            color: #00b0ee
                                        }

                                    .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
                                        left: 195px;
                                        top: 0;
                                        opacity: 0;
                                        visibility: hidden
                                    }

                                        .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
                                            color: #696997;
                                            text-transform: capitalize
                                        }

                                            .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active,
                                            .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
                                            .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover {
                                                color: #00b0ee
                                            }

                                        .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
                                            left: 195px;
                                            top: 0;
                                            opacity: 0;
                                            visibility: hidden
                                        }

                                            .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
                                                color: #696997;
                                                text-transform: capitalize
                                            }

                                                .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active,
                                                .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
                                                .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover {
                                                    color: #00b0ee
                                                }

                                            .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
                                                left: 195px;
                                                top: 0;
                                                opacity: 0;
                                                visibility: hidden
                                            }

                                                .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
                                                    color: #696997;
                                                    text-transform: capitalize
                                                }

                                                    .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a,
                                                    .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active,
                                                    .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
                                                    .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover {
                                                        color: #00b0ee
                                                    }

                                            .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
                                                opacity: 1;
                                                visibility: visible;
                                                top: -15px;
                                                transition: .6s
                                            }

                                        .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
                                            color: #00b0ee
                                        }

                                        .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
                                            opacity: 1;
                                            visibility: visible;
                                            top: -15px;
                                            transition: .6s
                                        }

                                    .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
                                        color: #00b0ee
                                    }

                                    .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
                                        opacity: 1;
                                        visibility: visible;
                                        top: -15px;
                                        transition: .6s
                                    }

                                .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
                                    color: #00b0ee
                                }

                                .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
                                    opacity: 1;
                                    visibility: visible;
                                    top: -15px;
                                    transition: .6s
                                }

                            .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
                                color: #00b0ee
                            }

                            .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
                                opacity: 1;
                                visibility: visible;
                                top: -15px;
                                transition: .6s
                            }

                        .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
                            color: #00b0ee
                        }

                        .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
                            opacity: 1;
                            visibility: visible;
                            top: -15px;
                            transition: .6s
                        }

                .plamb-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
                    opacity: 1;
                    visibility: visible;
                    top: 100%;
                    transition: .6s
                }

        .plamb-nav .navbar .other-option {
            margin-left: 0;
            margin-top: 5px
        }

            .plamb-nav .navbar .other-option .default-btn.seo-btn {
                padding: 10px 25px;
                font-size: 15px;
                background-color: transparent;
                border: 1px solid #00b0ee;
                color: #00b0ee
            }

                .plamb-nav .navbar .other-option .default-btn.seo-btn:hover {
                    background-color: #00b0ee;
                    color: #fff
                }

    .plamb-nav .black-logo {
        display: none
    }

.navbar-area {
    background-color: transparent;
    transition: .6s;
    position: relative;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    box-shadow: 1px -13px 35px -18px #5b6fe6
}

    .navbar-area.is-sticky .plamb-nav {
        padding-top: 15px
    }

    .navbar-area.is-sticky .navbar-nav .nav-item a {
        color: #5b5b98
    }

        .navbar-area.is-sticky .navbar-nav .nav-item a.active,
        .navbar-area.is-sticky .navbar-nav .nav-item a:focus,
        .navbar-area.is-sticky .navbar-nav .nav-item a:hover {
            color: #00b0ee
        }

    .navbar-area.is-sticky .plamb-nav .navbar-brand .white-logo {
        display: none
    }

    .navbar-area.is-sticky .plamb-nav .navbar-brand .black-logo {
        display: block
    }

.mean-menu {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.plamb-responsive-nav {
    display: none
}

@media only screen and (max-width:991px) {
    .navbar-nav,
    .plamb-responsive-nav {
        display: block
    }

    .navbar-area {
        position: inherit
    }

    .plamb-nav .navbar .navbar-nav {
        padding: 45px
    }

        .plamb-nav .navbar .navbar-nav .nav-item a {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between
        }

    .mean-menu {
        display: none;
        position: absolute;
        top: 63px;
        z-index: 999;
        background: #fff
    }

    .navbar-area {
        padding: 0 40px
    }

    .responsive-button {
        position: absolute;
        right: 40px;
        top: 25px;
        font-size: 36px
    }
}

.my-masonry-grid {
    display: flex;
    margin-left: -30px;
    width: auto;
    margin-top: 30px
}

.my-masonry-grid_column {
    padding-left: 30px;
    background-clip: padding-box
}

    .my-masonry-grid_column > div {
        margin-bottom: 30px
    }

#banner-one {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABIIAAAMECAMAAAD0BX4VAAAApVBMVEUAAAD4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f/4+f8sNc4jAAAANnRSTlMA/PADCvUG+SMB6ON5chXKX0MO3LA4LMVJiRkRt5Bk189/a1Ad7KmbPrzTpJY0MN+EVCifWcA1AzwVAAAWbUlEQVR42uzda0qcURAE0EoyIRFEBPEFgvhEEUERe/9Lcxxn9FtB959zdnFvd1Vn6fZXATTK0n4BdMrSZQF0ysJzAbTKwnkBtMrCUQG08g4DBuXHSwH08g4DBuXbSQE0s5cIDMq30wJolp0D+TCgXXYOC6Bbdu4LoFu2/vwugG7ZOi6AdkbywKBsvRdAu3xZ/SuAdvlyVgD9pOSBQdIZwKBsrP4WQL9sPBTAAFtBwKBsXBTAgGzcFcCAfPpfABPy6bUAJjijCgySUQUGZW1PXRkww280MChrNwUwImtXBTDC8QxgUNYuC2BEkpU7qsCQJCcFMEM8AxikLAgYlOStAGaorgcG6SsDBiWrAhhiJg8McssZGJRcF8AQra3AoOSpAIYkjwUwRFUH8MHeHaNUFAUxAI2FIij4VUQEP4IWio0gOPtfmlu4rwpczllEqkmmKLFdD9S4TASKvM8AivI0AC2Oo4GinAagRT8DKPLHECjKeQBaLEcDRb45A0V5HYCW/A1AS+4GoCXfA9CSnwFoyc0ALBJBwE6MJgLrRBCwExEErBNBwE5EELBOBAE7EUHAEe6CgH2IIGCdCAJ2krcBOMJYB7AJEQQU5XkADjFfD+zBEx+gKJ8D0JKXAWjJ7QC05H0AWnIagJZ8DEBLvgagJb8D0JKHAWhJLgegJHkcgJKoygM90VMFepLzAJRESQzoiYYG0JPcD0BJcj0AJcnVxQD/7N1JbhRREATQEN0YiQWsmFYILE+yLXnM+x/Nqp5cvkDm5r1j/PwRwYzEniowJslrAcxIFNgDY+JjEDAn0ZsIjEnyswBmJDn7UgAjkuRvAYxI1HUAY+IkBsyJkxgwJxFUBcYkycaIBjAji+8FMCGL5wKYkMX/ApiQxY8CmJCIaABj4j0amJOduwIYkCS2xIAh2XkqgAHZ2XwqgH7ZuymAftl7KIB+WRiWB2Zkb2vVGRiQ+JwIjMnBnwJol4PfBdAuB1tJVaBfjn4VQLcc/SuAbjm6LoBuOdpcFECznNwWQLOcvBRAs5x8k9EAuiWR0QCmJM7ywJi8uy+AXnm3+VoArbJyVQCtkkRaHhiSlTM7GkCvrF0WQKesPRZAp6xtPxdAoyQRVQWG5IPzAmiUuIkBY/LRcwH0yY76Vt7Yu5edKIMgCsBH8caCRNQYhUQTowsh4bKp9380ApkhMBf+WdBdm+97ipPqrjrQIs8dXxfANNlwUwDTZMOnApgmKyoNgQbZ9KsAZsmmL5Y0gGlyz7o80CNbTgtgkmw5/l0Ac2TbSQHMkW3nBtLAJFnRpAE0yJpOQ2C+PNIuD0yXXT4XwAzZ5d2/ApggD5zsAFpkp7OPBTBeEu/yQJfs9v1NAQyXPb4VwHBZU6UBzJcVB1yBBtnntgBGyz5HXwtgsKy5Yw/MFzEI6JMHllWBFhGDgD4Rg4A+EYOAPhGDgD4Rg4A+EYOAPnnR0UUBjJOX/SiAcbLgfwEMkwVXzicC42TJZQGMkiV/3xfAIFn0swAGyaJz1arAKFn2pwDGyD3/E4EeeUKhDzBZkniYB5rkEGdvC2CAHOSkAAbIQT6YSAMj5DCnBfD6kphIA12SmEgDXfKcfuc79u5kJc4oisLoDhZlKpGY1vQkkoY0oqJy3v/RHDhWSmz2P1jrIT7Yg3su8Jiyrc37AWglKGe7A9BKUA4HoJag9fcBaCUox6YYcL8SUwyoyRXvNICGxBQDahJTDKjJ7az3B6CVoByYYkAvQdkbgFqCdkwxoJegnPnhGXiQBDkkDdxoCQnacbYD6CUoT00x4KES5Jd54DrLSNDm7wC0EpSfjtkD958gx+yBmywlQZsvA3BniSkGbGsxCcrLAaglKG8HoJagT78GoJWgXAxALUH5PQC1BL14NgCtBOXHANQSlP8DUEvQ5+cD0EpQPgxALUE5H4Bagl6bYkAvQXk1ALUE5WgAaglanQxAK0H5MwC1BOXrANQStHozAK0E5d2TAWglKB8HoJag1bcBuL3EFAO2tdQE5XQAagla/xuAVoJyvDsArQTlcABqCVrvD0ArQTkwxYBegrI3ALUEXbJfZzlRBVAURa+8QikVRUXREon0fRMCZ/5DYxjnZ61B7GQvBwFoJWietwPQStDsBqCWoOU1AK0EzY4VA3oJmpMA1BK0vg5AK0FzthWAVoLmKAC1BK0PA9BK0GysGNBL0OwFoJag2Q9ALUGb8wC0EjQvAaglaC4CUEvQl48BaCVoTgNQS9DcBqCWoL+fAtBK0PwOQC1BcxmAWoK+WzGgl6D5FoBaguYuALUErR4D0ErQXAWglqD5F4BaglY/AtBK0Px8F4BWguZPAGoJWt0EoJWgubdiQC9B8xSAWoLe/w9AK0Hz8CEArQTNcQBqCVq+BqCVoPllxYBeguZzAGoJWg4C0ErQPG8HoJWg2Q1ALUHLawBaCZodKwb0EjQnAaglaH0dgFaC5mwrAK0EzVEAagmawwDUErSxYkAvQbMXgFqCZj8Ab+zXW24IABBG4Z+6i6J1qRZBtUVL9MHsf2nW4Gkm5vsWcZLTlqDTiwLoSlBuC6AtQbksgLYEHT4pgK4E5bwA2hKU6wJoS9DZ0wLoSlBOCqAtQbkqgLYEHVkxoC9BeVkAVWlyUwCVJveOCyBdvt0pYL20+VDAevkHVgz4bxKU11YM1kujdwUsl0YPfhSwWzr9tGKwXFr9LmC1tHrwqYDN0uvXwwIWS7PPBSyWZgfPC9gr3d5YMVgs7Z4VsFbaHbwtYKv0e3S/gKUygBWDtTLAwZ8CdsoEVgy2yghfClgpIzz+XsBGmeHr3QIWyhAfC1goU7wvYJ9McWrFYKGM8aKAdTLHqwK2yRyHFwUsk0FuC1gmk1wWsEsmOXxSwCoZ5byAVTLLdQGbZJazpwUskmFOClgk01wVsEemObJisEjGeVnAGpnnpoAtMs+94wL+sndnWWkFUBBFi14QJTY8RUTAFo3ElRVT8x9aFpmBft1739mjqPNVLaGAdh0DaAdFtDKAdlBE/bUBtIJCmpNiQDsopoUBtIFiGr4ZQAsoqD0pBrSBotoaQH2KargxgPIUVjMygOoU19QAqlNcvZkBFKfAmoEB1KbITgygNkXWuzKA0hTaESkG1KbYSDGgNsU2/msAhSk4UgwoTdHdG0Bdim78agBlKbzHrgFUpfjuDKAqJXBrAEUpgRtSDKhKGXwaQEkDpXBpAAVdHSmF0ycDqGZw0lMSvw2gmFmjPJ4NoJLRNM0EOlhODKCOzS/l8mAAVXS2Q2XzxwBqWO+Vz/LYAAroLPrK6NoA8ruYK6kXA0ius8o5gQ7OPwwgtY+dEjszgMze806g/94NIK3jMyXXvzCApF7Old6uYwAZTa5VwcoAEvq5VAn9tQFkM3lQFXNSDMjm+VR1LAwgk6dPVTJ8M4A8Lm9Uy35kAEl0f6icrQHkcPuoeoYbA0igezdWRQ0pBiTwmuSi5+umBhDc4L7mBDrozQwgtCwvhd/TDAz8Y+/utpIIwzAMg5hCZlpShJKaSSWrMv/e8z+0lq7aaANsPmbmmxmu6yieZ+umuVpUKUyzH0BjHdz2Om4wCaCZWlYpTDN0xaCZztsUak53EUDztLFSmGT0EEDTLNpYKXTFoBv60w2ZQE9OA2iSs9ZWCpOMZgE0RpsrhWkutwJoiKNWVwrTHAbQDG2vFKZxxaARrltfKUxzPA8guy5UCtPcB5DZXjcqhWnGASRQKSzH65cBFKVSWJqbAApTKSzNlwAKUSks04krBnmMTaBHnwMoQqWwXHcB1G3WtVBzupO9AP6PSmEFPgRQp6suhprX8DWAZ6kUVuXtdQArqRRW6U0AK6kUVup7AMupFFZs+yiAJVQKq/etH8ASKoXV+xhAlXY3pVKYZvssgOosfvZY5Z0rBpXp/zKBnjMN4F8qhTXaWQRQgf50IxM9hf3YDeAvlcLafQrgD5XC+u2cB/BIpTCL964YPFEpzONVACqF2QwOAijJ3UZXCtPcvghApTCb/QBUCrMZTAJY1/ymR5qhKwYqhRldBKBSmM3oKgCVwmyGWwEkVwp7rOk0AJXCbEazAFQKs7l0xSDBg0phSQ4DUCnMZxxAIROVwhIdzwNQKczmPvjN3p3lRAEFQBRtZmgUZFCIzCqTSBAhtf+l+WmM0WBC95vOWUXV14UX21YpnExcMShj7cIEenVb0wAvca5SOAuPAVQKy7kLoFJYzJErBiqFBX0O8C97JtBMPQX4uxMTaLaONgOoFBZzGEClsJzrACqFxew+BPjDkwk0JzsBVArLOQnwmyuh5jla3gvwy1SlcL5uFgKoFP4HVwxm4/J5wrwtnwVQKSzmvSsGQs0FfQ+gUljM6tfA4BZVCgu6XwsMTaWwrIvAwFQKS1s9DwzrwAQq7oMrxqhWVApr8CYwJJXCOixtB8Yj1FyNHyuB0agUVuRtYCwqhVVZOgiM5Ox+Qk3WXTEGolJYn0+BUagUVmjjNjCEBZXCKq0vBgbwcDOhSqeB/n2T6KnVxnGgc5tCzRX74orROZXCur0LdGwq1Fy7/UC37lQKq/fxMtAnoeYmPAe6dKVS2IarQH9UCpuxNQ30Zl+lsB2Pgb6oFLblLtCTY5XCthy5YnRk8VSlsDWHgV7cSvQ06CnQhRWh5ibtbgY6oFLYqp1A84SaG3YdaJxKYct2HwItUylsnCtG01QKm/eTvXtbSyoMozAKSqBpUeEmSkUqK8lHyeq7/0urgzqoVMBnLfg3Y1zFnEfvaUCuulOVwuz1RgF5mqkUluCwG5Ch7tgEKsM4ID8TlcJS9CYBmVEpLIkrRm5GKoVFmQfk5MoEKkt/FpCNG5XC4lwPAjLxSaWwQNOALOypFBapfx6QAZXCUh25YqRPpbBg+wGJUyks2fYwIGUqhYW7fRKQrgMTqHTPAlKlUliB7eOANJ0INddgxxUjSSqFtXgXkJ5LoeZa7F4GJEalsCY7WwFJUSmsy1lAQlQKa7N7EpCM4W2HynxwxUiFSmGVXgQk4VyouU4HAZs3UCms1ZuLgE2bCTXX63vA46gU0oSPAY+hUkgjnj8NWJVKIY15H7AalUKa9CVgJSqFNOmtK8YqVApp2OuA5akU0rRvAUtRKaQNr/YClqFSSCteBiyiUkh7rgIWUimkLb2bgPW4+NqBf30OeIBKIS07DXiISiGt6o0C7qZSyBocdgNatXXWgXuNA+6iUsha9CYB/1Ep5F6uGNn4oVLIQvOAv6gUsk79WUALjlUKWcr1IOA3lULWbxrwh0oha9cfBjRpMDWBWMGRK8YvKoVsyn5AU7pzlcKf7N3hMhRgHMVha4klUZRo2xBKkkac+7+0vjRN05QZy+7/nX2f5yrO+fTjgYb7AZVCytysBp4k1CzRwzS2AiqFlBneBR5LqJmprbtiqBRS6CSgUkiZ0UVApZAyp8uBKf0wgXi0SUClkDKjcWAK50LNuGJU2VAp5KnsBFQKqbMXUCmkzOFZQKWQMrcBlULqnAdUCinzYiOgUkiZjwGVQupcBlQKKfNuM3CvfROIGXobuMeqSiGz9SnwX9sqhczYK1cMlUIKvQz805FKIfPwNaBSSJmV68DfPlwtwXx8DqgUUud94E+7Qs3M08pu4LeBSiFz9noQ+OVaqJm5OwioFFJm5UsgyaZQMyWuXDFUCin0PXRvQ6iZMs+OQucuVQop9G0t9EyomWLHoWMqhVQbbodend0uQbU3rlivVAppwvPQI6FmGjHcD/0ZqxTSipvV0JnliUoh7dgKfVEppCnDu9ARoWZas+6KdUSlkPachE4INdOi0UXogkohbTpdDotvTaiZVk3CwlMppF2jcVhsg2OVQhp26IotNpVCGrcTFtfgwASidXthUakU/mTvXnLaiIIAiuKYBBQrECBEcVACCJmv+RhB7X9pTBgwA6PGvKp3zipeqbrrksDfWVCSSiE5LIKKVArJ4jSoZ+4JRBZb34NiVArJ5CSoRaiZXK6CQlQKyeZgEpShUkg+f4IiVApJ6Swo4VSlkJR2jWIVqBSS1k6QnlAzic2D3FQKSW19L8hMqJnkzkdBWiqF5PcvyOpCqJn8jGJZqRRSw75RLCWVQqqYBumoFFLH+mWQzPb9GpRxbRTLRaWQYu6CRI6Eminm21GQhUohBd1sBDlcCjVT0XGQgUohRY23g/YdqhRS1W+jWPNUCqnsR9C2PZVCKhs/Bi1TKaS4zS9Bs25VCinvZ9AqlUJ68Cto0kSlkC4cyMw3SaWQXmgbNkilkI644toclUJ64n/VxswWa9ATm/mmqBTSnYegFSqF9OgsaINKIV1ySboNKoX06v5r8OlUCunXIngnlULwdVB+KoX0zd2Od1EphIFsTYIlqRTCcPadcV2OSiEM6n+wFJVCGNQ8WLkNlUJ4Nr4I3kilEIa3exis0ujOEwhe2JwFr1MphA+yYy22MqOpRA9Yiy1JpRA+1DRYBaHmJ/bubieNIAzAMBa7EaQYtMpBG/zBNk0s0Qh+939pHqiJGjAssDsT5nkuYjK7M9+8sFTvLlhFpRAaVzmaX0WlEFpw6gGz5VQKoRW3JlabNFcphK9duB70mUohtOhc16chf22BYA0jj0m/o1IIbZu6Jv1GpRASWBwEr1QKoX03QYRKIaTyI9iZb5MOYA2qS6UQ1mYNypRKIWxmEGzvSaUQrEF1qRRCBqxBWxqrFIL/QTWpFEI2Ju4obuxEpRC2tjCrsWml0BYIdmBqZnUTVyqFYG6+JpVCyNB5P6jlctYBduboLFAphGSGJ8G6zoSaYdcOfwcqhZBMNQ/WcC/UDI3oXQcqhZDOwuG8SiHU43C+RXNbIGjU7VWwSt8WCJp2+DNQKYRkug/BEn2VQmjHVO1ZpRASerwMPviz6ACtOfVDSKUQEuoNPKUo1AwJjdwQUimEhIbGVl9CzSqFkETXx5hKIaT07zjK9v3G+/SQ0K+yT8bGtkCQ2KTca4pCzZCBo3GUSaUQstAdlFg6FGqGbMzKm9dQKYSMVA9lHc+rFEJmZiW9ZKZSCNmprkv5I6RSCFm6KKN1qFIImeoWcEfoQKUQ8jW8i/2mUgh5G+31+fx/iR7IXDXY29rh8ajDc3t3lpUwEERhOInA0ZDOIAEBCURGgTCEofe/NHnwxQePqAypzv8tok9SdasKKLyuoX9jHGoGhGgaODbGoWZAjqeDaVtdqQIBolQ8kxr0AxphgDR+Ykpcmjg0INJ4b8Tw6gtD8YBQLfl7XSccyAAEW8l+hOzs1QIg2VrwI9RjNysg3zqWWRNaEAUCzLCbyeuO1UOWQwPG6HZk5YRcxWpWwCjPSs7pVVeRBAKMUzvI2KvIAwSYqrksfFGoPuQBAszlew1dYIuQGhBgtqdoWdStZr02UWigBF6HBTw7Vs12FoCSWCXFapAFfUpAQKk8RPuiZIWqM+6jAiVUyaf3LwvZ85APIKCsKqP7fgulqmsBKLNalNX1XSy2VKABnLTU0dY3Zb+oRwsAPj3ns4a+kWrc9y0A+Goc7jf6yuygExGBBvCNxzBLbX0ddpCMWMUK4AeVdy+u68ty5m8R3XcA5/IjtUwvMlnv9rY5tWcAv1dr5d4+cPQfufNsGJH8AfA/fjNXSZxO9JmcNE7UaMUleACXVOuu26HaZst4HgwaruM4ttbaOdk0gmM8nXW8sL0aU/PBhX0A7XaUVUKAfnkAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 100% 0;
    padding: 160px 0
}

.home-one-banner-content h1 {
    color: var(--main-theme-color)
}

.home-one-banner-content h2 {
    font-size: 40px;
    font-weight: 400;
    padding-top: 25px
}

.home-one-banner-content p {
    padding-top: 20px;
    color: var(--banner-paragraph-color)
}

.banner-one-btn {
    display: flex;
    align-items: center
}

    .banner-one-btn a {
        margin-right: 45px
    }

        .banner-one-btn a svg {
            font-size: 45px;
            margin-right: 15px
        }

.banner-video {
    font-size: 18px;
    display: flex;
    align-items: center
}

.video-pop img {
    margin-top: 205px
}

.player {
    position: fixed;
    z-index: 1;
    top: 45px;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .3s ease-in-out
}

.player__video {
    position: relative;
    top: 50%;
    left: 50%;
    height: 70%;
    width: auto;
    max-width: 75%;
    background-color: #fff;
    box-shadow: 0 0 50px rgba(0, 0, 0, .95);
    transform: translate(-50%, -50%)
}

.js--show-video {
    opacity: 1
}

.video-filler {
    display: block;
    width: 100%
}

.video-close {
    position: absolute;
    z-index: 0;
    top: 0;
    right: -30px;
    padding: 5px 10px;
    border: none;
    outline: none;
    border-radius: 0 50% 50% 0;
    cursor: pointer;
    font-size: 24px;
    color: #000;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .75)
}

.video-iframe {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 10px solid #fff
}

.banner-img img {
    width: 100%
}

#partner {
    padding-bottom: 100px
}

.slider-logo img {
    width: 80% !important
}

.logo-area-heading h3 {
    color: var(--main-theme-color)
}

#service {
    padding: 100px 0 70px
}

.service-box {
    background: #fff;
    padding: 30px;
    margin-bottom: 30px;
    position: relative;
    z-index: 9999
}

.animation-translate {
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: .4s all ease-in-out;
    -ms-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out
}

    .animation-translate:hover {
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px)
    }

.service-box-inner img {
    transition: all .5s ease-in
}

.service-box:hover .service-box-inner img {
    transform: rotateY(1turn);
    color: #fff
}

.service-box-inner h3 a {
    color: var(--heading-color)
}

.service-box:hover .service-box-inner a,
.service-box:hover .service-box-inner h3 a {
    color: var(--main-theme-color)
}

.service-box-inner p {
    padding-top: 10px
}

.about-details ul li {
    padding-bottom: 20px;
    text-indent: -35px;
    padding-left: 36px;
}

    /*.about-details ul li:last-child {
        padding: 0
    }*/

    .about-details ul li img {
        padding-right: 10px
    }

#about-area-two {
    padding: 100px 0
}

.right-side-about {
    width: 80%
}

.right-area-about-list .media {
    padding-top: 30px
}

    .right-area-about-list .media img {
        transition: all .5s ease-in;
        width: 18%
    }

    .right-area-about-list .media:hover img {
        transform: rotateY(1turn);
        color: #fff
    }

.work-process-item {
    padding: 30px 20px;
    position: relative;
    margin-top: 30px;
    background: #fff;
    z-index: 999
}

.work-process-img {
    width: 160px;
    height: 160px;
    line-height: 160px;
    border-radius: 50%;
    margin: -70px auto 25px;
    background: #fff
}

    .work-process-img img {
        width: 60%
    }

.work-process-item:hover .work-process-details a,
.work-process-item:hover .work-process-details h3 a {
    color: var(--main-theme-color)
}

@-webkit-keyframes left2right {
    50% {
        transform: translateY(10px)
    }
}

@keyframes left2right {
    50% {
        transform: translateY(10px)
    }
}

.work-process-item .work-process-img {
    transition: all .4s ease-in-out;
    -webkit-animation: left2right 3s linear 0s infinite;
    animation: left2right 3s linear 0s infinite
}

.grid {
    margin-top: 30px
}

.grid,
.work-post img {
    width: 100%
}

.works-button {
    display: flex;
    align-items: center;
    height: 100%
}

    .works-button button {
        background: #fff;
        border: #ffdead;
        height: 60px;
        width: 100%;
        margin-right: 10px;
        color: var(--heading-color);
        border-bottom-right-radius: 20px;
        border-top-left-radius: 20px;
        font-size: 18px;
        font-weight: 600;
        transition: all .4s
    }

        .works-button .active,
        .works-button button:hover {
            background-color: var(--main-theme-color);
            color: #fff
        }

.work-item {
    margin-bottom: 30px;
    position: relative;
    z-index: 9999
}

.overlay-arae {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(91, 111, 230, .6705882352941176);
    opacity: 0;
    transition: all .4s
}

    .overlay-arae:hover {
        opacity: 1
    }

    .overlay-arae a {
        position: absolute;
        right: 30px;
        bottom: 14px
    }

        .overlay-arae a i {
            color: #fff
        }

            .overlay-arae a i svg {
                height: 50px;
                width: 55px
            }

.work-item img {
    width: 100%
}

.works-button {
    padding: 25px 0
}

.pricing-section {
    position: relative;
    padding: 100px 0;
    background: #fff
}

    .pricing-section .pattern-layer {
        position: absolute;
        bottom: -300px;
        right: 0;
        width: 635px;
        height: 735px;
        background-repeat: no-repeat
    }

.tabs-box .tab {
    position: relative;
    display: none;
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease
}

    .tabs-box .tab.active-tab {
        display: block
    }

.pricing-section .upper-box {
    position: relative;
    margin-bottom: 65px
}

    .pricing-section .upper-box .text {
        position: relative;
        max-width: 50%
    }

.pricing-section .tab-btn-box {
    position: relative;
    margin-top: 5px
}

    .pricing-section .tab-btn-box .tab-btns {
        position: relative;
        background: #f7faff;
        max-width: 345px;
        overflow: hidden;
        border-radius: 30px;
        text-align: center;
        margin: 0 auto;
        box-shadow: 0 10px 20px 0 rgba(99, 119, 238, .2)
    }

        .pricing-section .tab-btn-box .tab-btns .nav-item {
            position: relative;
            float: left;
            width: 50%;
            background: transparent;
            border-radius: 30px;
            font-size: 17px;
            line-height: 15px;
            font-family: "Poppins", sans-serif;
            font-weight: 500;
            color: #3b3b3b;
            cursor: pointer;
            transition: all .5s ease
        }

            .pricing-section .tab-btn-box .tab-btns .nav-item a {
                padding: 20px 10px
            }

        .pricing-section .tab-btn-box .tab-btns.active {
            color: #fff
        }

        .pricing-section .tab-btn-box .tab-btns .active {
            background: #6377ee;
            color: #fff;
            transition: all .4s
        }

.pricing-table {
    transition: all .4s;
    position: relative;
    z-index: 999
}

    .pricing-table:hover {
        transform: translateY(-10px)
    }

.pricing-table-header {
    background: var(--main-theme-color);
    background-image: linear-gradient(90deg, #9185fb, #7667f8);
    border-top-left-radius: 30px;
    display: flex;
    justify-content: space-between;
    padding: 10px 25px;
    align-items: center;
    box-shadow: 0 11px 27px -13px #353a58
}

    .pricing-table-header h3 {
        margin: 0;
        color: #fff;
        font-weight: 300;
        padding-right: 15px
    }

    .pricing-table-header h2 {
        margin: 0;
        background: #fff;
        font-size: 25px;
        height: 60px;
        line-height: 60px;
        width: 60px;
        text-align: center;
        border-radius: 50%;
        color: #000;
        font-weight: 700
    }

.pricing-table-content {
    padding: 30px 25px
}

    .pricing-table-content ul li {
        margin-bottom: 20px;
        font-size: 16px;
        color: var(--main-theme-color);
        display: flex;
        align-items: center
    }

        .pricing-table-content ul li:last-child {
            margin-bottom: 0
        }

        .pricing-table-content ul li i {
            font-size: 20px;
            color: var(--heading-color);
            padding-right: 10px
        }

.pricing-table-btn {
    padding-top: 35px
}

.disabled {
    color: #777c87 !important;
    pointer-events: none !important
}

.btn-pricing {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    text-align: center;
    border: none;
    background-size: 300% 100%;
    border-radius: 50px;
    transition: all .4s ease-in-out;
    box-shadow: 0 0 12px -3px #5b6fe6
}

    .btn-pricing:hover {
        background-position: 100% 0;
        transition: all .4s ease-in-out
    }

.row.clearfix.parent .pricing-block:first-child .pricing-table .pricing-table-header {
    background-image: linear-gradient(90deg, #7667f8, #9185fb)
}

.parent .pricing-block:first-child .pricing-table .pricing-table-content .pricing-table-btn .btn-pricing {
    background-image: linear-gradient(90deg, #7667f8 0, #5fc3e4 51%, #9185fb)
}

.row.clearfix.parent .pricing-block:nth-child(2) .pricing-table .pricing-table-header {
    background-image: linear-gradient(90deg, #fe545f, #ff717a)
}

.parent .pricing-block:nth-child(2) .pricing-table .pricing-table-content .pricing-table-btn .btn-pricing {
    background-image: linear-gradient(90deg, #fe545f 0, rgba(255, 112, 121, .34901960784313724) 51%, #ff717a)
}

.row.clearfix.parent .pricing-block:nth-child(3) .pricing-table .pricing-table-header {
    background-image: linear-gradient(90deg, #d260f6, #e38aff)
}

.parent .pricing-block:nth-child(3) .pricing-table .pricing-table-content .pricing-table-btn .btn-pricing {
    background-image: linear-gradient(90deg, #d260f6 0, rgba(227, 137, 255, .7490196078431373) 51%, #e38aff)
}

#one-testimonial .testimonial-box {
    background-color: #fff;
    padding: 50px 45px 40px;
    margin: 0 20px 30px 30px;
    position: relative;
    z-index: 999
}

.bg-colo-white {
    background-color: #fff !important
}

#one-testimonial .testimonial-comment p {
    color: #000;
    font-style: italic;
    position: relative
}

#one-testimonial .testimonial-author {
    display: flex;
    align-items: center;
    padding-top: 35px
}

#one-testimonial .testimonial-author-img {
    height: 55px;
    width: 55px;
    border-radius: 50%;
    border: 2px solid var(--main-theme-color)
}

    #one-testimonial .testimonial-author-img img {
        border-radius: 50%
    }

#one-testimonial .testimonial-name {
    padding-left: 20px
}

    #one-testimonial .testimonial-name h3 {
        margin: 0;
        font-weight: 500
    }

#one-testimonial .owl-nav .owl-next,
#one-testimonial .owl-nav .owl-prev {
    color: var(--heading-color);
    font-size: 30px;
    background: transparent;
    line-height: 0
}

    #one-testimonial .owl-nav .owl-next:hover,
    #one-testimonial .owl-nav .owl-prev:hover {
        color: var(--main-theme-color)
    }

button:focus {
    outline: none
}

#one-testimonial .testimonial-comment {
    position: relative
}

    #one-testimonial .testimonial-comment i {
        font-size: 40px;
        color: var(--main-theme-color);
        opacity: .6;
        position: absolute;
        left: -15px;
        top: -15px
    }

.blog-item {
    position: relative;
    border-bottom-right-radius: 35px;
    border-top-left-radius: 35px;
    box-shadow: 0 0 8px -4px var(--main-theme-color);
    transition: all .4s;
    z-index: 9999
}

    .blog-item:hover {
        box-shadow: 0 10px 41px -22px #5969c3
    }

.date-time {
    width: 20%;
    text-align: center;
    padding: 7px 4px;
    box-shadow: 0 6px 4px -8px #000;
    position: absolute;
    top: -40px;
    background: #fff
}

    .date-time h3 {
        margin: 0
    }

.blog-img a img {
    border-top-left-radius: 35px;
    width: 100%
}

.blog-details {
    padding: 40px 15px 20px;
    position: relative
}

.author-img {
    display: flex;
    align-items: center;
    justify-content: space-between
}

    .author-img a img {
        padding-right: 20px
    }

#cta-area {
    background-color: var(--main-theme-color)
}

    #cta-area .form-control {
        height: 70px;
        padding: 20px;
        font-size: 16px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px
    }

.pl40 {
    padding-left: 40px
}

.pr80 {
    padding-right: 80px
}

.news-letter-text,
.white-color {
    color: #fff
}

#footer {
    position: relative
}

.footer-contact-area li {
    display: flex;
    margin-bottom: 20px
}

.footer-contact-area ul li:last-child {
    margin: 0
}

.footer-contact-area ul li i {
    font-size: 30px;
    display: block;
    padding-right: 15px;
    color: var(--main-theme-color)
}

.footer-heading h5 {
    text-transform: uppercase;
    font-weight: 500;
    position: relative
}

    .footer-heading h5:before {
        content: "";
        position: absolute;
        height: 2px;
        width: 40px;
        background: var(--main-theme-color);
        bottom: -10px
    }

.footer-list ul li {
    margin-bottom: 20px
}

    .footer-list ul li:last-child {
        margin: 0
    }

.footer-bottom-img {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: -1;
    opacity: .05
}

.copy-right {
    padding: 20px 0;
    background: #fff;
    box-shadow: 0 0 26px -20px #000
}

.copy-icon ul li {
    display: inline-flex
}

    .copy-icon ul li a:hover {
        border: 2px solid transparent
    }

    .copy-icon ul li a {
        height: 40px;
        width: 40px;
        text-align: center;
        line-height: 40px;
        border-radius: 50%;
        border: 2px solid var(--main-theme-color);
        font-size: 18px;
        margin-left: 10px;
        transition: all .3s ease-in-out .1s;
        color: var(--heading-color);
        display: block;
        position: relative;
        overflow: hidden;
        z-index: 1
    }

        .copy-icon ul li a:hover svg {
            fill: #fff;
            position: relative;
            z-index: 99
        }

        .copy-icon ul li a .icon {
            position: relative;
            color: #262626;
            transition: .5s;
            z-index: 3
        }

        .copy-icon ul li a:hover .icon {
            color: #fff;
            transform: rotateY(1turn)
        }

        .copy-icon ul li a:before {
            content: "";
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            height: 100%;
            background: red;
            transition: .5s;
            z-index: 2
        }

        .copy-icon ul li a:hover:before {
            top: 0
        }

    .copy-icon ul li:first-child a:before {
        background: #3b5999
    }

    .copy-icon ul li:nth-child(2) a:before {
        background: #55acee
    }

    .copy-icon ul li:nth-child(3) a:before {
        background: #0077b5
    }

#banner {
    background: url(/static/media/bg-banner.ab4cc80c.png);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 120px 0 0
}

.banner-two-text {
    text-align: center
}

    .banner-two-text h1 {
        font-size: 48px;
        color: #fff;
        font-weight: 400
    }

    .banner-two-text p {
        font-size: 18px;
        color: #fff;
        width: 52%;
        margin: 0 auto;
        font-weight: 300;
        padding-top: 15px
    }

.banner-input {
    width: 45%;
    margin: 0 auto;
    padding-top: 50px
}

#banner .input-group > .custom-select:not(:last-child),
#banner .input-group > .form-control:not(:last-child) {
    border-radius: 30px
}

.banner-input .form-control {
    border-radius: 30px;
    height: 47px;
    position: relative
}

.input-group-btn button {
    position: absolute;
    right: 0;
    z-index: 99999
}

.bann-img {
    margin-bottom: -58px;
    padding-top: 65px
}

#about .tab-content ul li img {
    padding-right: 20px
}

#data-science {
    background-image: url(/static/media/home-2.106a2361.png);
    background-size: cover;
    background-repeat: no-repeat
}

.feature-area-bg {
    padding: 100px 30px;
    background: #fff
}

#data-science .single-feature .media img {
    padding-right: 15px
}

.media-body h3 a:hover {
    color: var(--main-theme-color)
}

.feature-row {
    padding: 100px 0
}

.data-check-arae li {
    margin-bottom: 15px;
    font-weight: 500
}

    .data-check-arae li img {
        padding-right: 15px
    }

.data-check-arae {
    padding-bottom: 30px
}

#data-science .feature-row .row:nth-child(2n) {
    flex-direction: row-reverse;
    display: flex
}

.feature-row .row {
    padding-bottom: 50px
}

    .feature-row .row:last-child {
        padding: 0
    }

#accordion .card {
    border: 0;
    border-radius: 0
}

#accordion .card-header {
    padding: 25px 20px;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    background: #fff
}

.accordion-wrapper .card .card-header a {
    display: block;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    cursor: pointer;
    position: relative;
    color: var(--theme-color);
    padding-right: 40px
}

.faq-right-side {
    margin-left: 30px
}

#accordion .card {
    padding-bottom: 30px
}

#faqs-two #accordion .card:last-child {
    padding-bottom: 0
}

.home-two-pricing {
    padding-bottom: 250px
}

.testmonial-veido {
    position: relative;
    margin-top: -250px
}

    .testmonial-veido img {
        position: relative
    }

.veido-play {
    background: rgba(0, 0, 0, .18823529411764706);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    align-items: center;
    right: 0;
    display: flex;
    justify-content: center
}

    .veido-play a {
        background: #fff;
        padding: 10px;
        line-height: 20%;
        border-radius: 50%;
        cursor: pointer
    }

        .veido-play a i {
            font-size: 50px
        }

.clients-review {
    overflow: visible;
    overflow: initial;
    padding-bottom: 150px
}

.testimonial-thumbnail {
    margin-top: -250px;
    z-index: 999;
    position: relative;
    margin-bottom: 170px
}

.designation span {
    font-weight: 700;
    font-size: 18px
}

.designation {
    color: var(--main-theme-color);
    font-size: 16px;
    font-weight: 300
}

#testimonial-area .owl-nav button {
    position: absolute;
    right: 0;
    bottom: 0;
    color: var(--main-theme-color) !important;
    font-size: 25px !important
}

    #testimonial-area .owl-nav button:hover {
        color: #9696ff !important
    }

    #testimonial-area .owl-nav button.owl-prev {
        position: absolute;
        right: 40px;
        color: #9696ff !important
    }

.play-icon {
    align-items: center;
    display: flex;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

.clients-review-slides {
    margin-top: 50px
}

#testimonial-area .owl-dots button {
    display: inline-block;
    width: 80px;
    height: 110px
}

#testimonial-area .owl-dots {
    display: inline-block;
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
    z-index: 3 !important;
    right: 263px;
    left: auto;
    outline: none
}

    #testimonial-area .owl-dots button:after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-size: cover;
        background-position: 50%;
        background-color: #f0f8ff;
        background-repeat: no-repeat
    }

    #testimonial-area .owl-dots button:first-child:after {
        background-image: url(/static/media/clients_img_1.647aa232.jpg)
    }

    #testimonial-area .owl-dots button:nth-child(2):after {
        background-image: url(/static/media/clients_img_2.1a3a5236.jpg)
    }

    #testimonial-area .owl-dots button:nth-child(3):after {
        background-image: url(/static/media/clients_img_3.bb083d2e.jpg)
    }

    #testimonial-area .owl-dots button:nth-child(4):after {
        background-image: url(/static/media/clients_img_4.6eb79e91.jpg)
    }

    #testimonial-area .owl-dots button {
        width: 70px;
        height: 90px;
        background-color: grey !important;
        margin: 0 3px;
        position: relative;
        z-index: 9;
        border: 2px solid #5567ff !important
    }

    #testimonial-area .owl-dots .active {
        position: absolute;
        left: -220px;
        z-index: 1;
        width: 300px;
        height: 360px;
        bottom: 0;
        cursor: text
    }

.review-slide-item {
    padding-top: 30px
}

.testimonial_padding {
    margin-top: 150px
}

#faqs-two .faqs-items {
    margin-top: 50px
}

#home-thre-nav .plamb-nav .navbar .navbar-nav .nav-item a {
    color: #fff
}

    #home-thre-nav .plamb-nav .navbar .navbar-nav .nav-item a:hover {
        color: #70befa
    }

#home-thre-nav .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu {
    box-shadow: 0 0 5px 0 rgba(91, 111, 230, .11);
    background: rgba(0, 0, 0, .611764705882353)
}

    #home-thre-nav .plamb-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:before {
        background-color: #fff
    }

.navbar-area-three.is-sticky-three {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999999;
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .06);
    background: #000 !important;
    -webkit-animation: fadeInDown .5s ease-in-out 0s 1 normal none running;
    animation: fadeInDown .5s ease-in-out 0s 1 normal none running;
    transition: .6s
}

    .navbar-area-three.is-sticky-three #home-thre-nav .plamb-nav .navbar .navbar-nav .nav-item a:hover {
        color: #fff
    }

    .navbar-area-three.is-sticky-three .plamb-nav {
        padding-top: 15px
    }

.navbar-area-three {
    background-color: transparent;
    transition: .6s;
    position: absolute;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: auto
}

#banner-three {
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 175px 0 225px;
    height: 100%
}

.home-three-banner-content {
    padding-left: 380px
}

    .home-three-banner-content h1 {
        color: #fff
    }

    .home-three-banner-content h2 {
        color: #fff;
        font-size: 40px;
        font-weight: 300;
        padding-top: 15px
    }

    .home-three-banner-content p {
        color: #fff;
        padding-top: 15px
    }

.banner-three-btn {
    display: flex
}

    .banner-three-btn a {
        margin-right: 45px;
        color: #fff
    }

        .banner-three-btn a:hover {
            color: var(--main-theme-color)
        }

.banner-slider img {
    width: 50% !important
}

#recent-work-three {
    background-image: url(/static/media/recent-bg.17b4d066.png);
    background-repeat: no-repeat;
    background-position: 100%
}

.recent-img-three {
    position: relative;
    padding-left: 200px
}

    .recent-img-three h3 {
        height: 45px;
        width: 45px;
        background: var(--main-theme-color);
        text-align: center;
        line-height: 45px;
        border-radius: 50%;
        color: #fff
    }

        .recent-img-three h3:after,
        .recent-img-three h3:before {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 999;
            bottom: 0;
            left: 0;
            border-radius: 50%;
            border: 1px solid var(--main-theme-color)
        }

@-webkit-keyframes ripple {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(2)
    }

    50% {
        transform: scale(3)
    }

    75% {
        transform: scale(3.75);
        opacity: 1
    }

    to {
        transform: scale(4);
        opacity: 0
    }
}

@keyframes ripple {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1.75)
    }

    50% {
        transform: scale(3)
    }

    75% {
        transform: scale(3.75);
        opacity: 1
    }

    to {
        transform: scale(4);
        opacity: 0
    }
}

.recent-img-three img {
    position: relative;
    z-index: 9999
}

.recent-img-three h3:before {
    -webkit-animation: ripple 4s linear infinite;
    animation: ripple 4s linear infinite
}

.recent-img-three h3:after {
    -webkit-animation: ripple 4s linear 2s infinite;
    animation: ripple 4s linear 2s infinite
}

.pulse-arae {
    position: absolute;
    right: 35%;
    top: 25px
}

.recent-work-slider-area {
    padding-right: 370px
}

.recent-text-area {
    padding-top: 20px
}

.recent-slider-text a {
    margin-top: 15px
}

#recent-work-three .owl-nav {
    position: absolute;
    right: 23%;
    bottom: 60px
}

#recent-work-three .owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
    color: var(--main-theme-color);
    text-decoration: none
}

.left-side-recent h3 {
    line-height: 40px
}

#recent-work-three .owl-item {
    padding: 45px 0
}

.team-img img {
    border-radius: 50%;
    box-shadow: 0 0 19px -9px var(--main-theme-color)
}

.team-img {
    padding-bottom: 15px
}

.team-text h3 {
    margin: 0
}

.team-img {
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    margin: auto
}

    .team-img,
    .team-img img {
        width: 204px;
        height: 204px
    }

        .team-img img {
            object-fit: cover;
            object-position: center center;
            transition: all .5s
        }

        .team-img:hover img {
            transform: scale(1.2)
        }

.social {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: rgba(91, 111, 230, .6509803921568628);
    opacity: 0;
    visibility: hidden;
    transition: all .4s
}

.full-width,
.social {
    width: 100%
}

.valign {
    display: flex;
    align-items: center
}

.social .icon {
    margin: 0 5px;
    color: #fff;
    font-size: 22px
}

.team-img:hover .social {
    opacity: 1;
    visibility: visible
}

.team-text {
    padding-top: 20px
}

.downloads-btn {
    display: flex;
    padding-top: 10px
}

    .downloads-btn a {
        width: 40%;
        padding-right: 25px
    }

        .downloads-btn a img {
            width: 100%
        }

.downloads-phone-img {
    position: relative;
    text-align: center
}

.phone-animation {
    position: absolute;
    left: 110px;
    width: 80%;
    transition: all .4s;
    -webkit-animation: left1right 2s linear 1s infinite;
    animation: left1right 2s linear 1s infinite
}

@keyframes left1right {
    50% {
        transform: translateY(10px)
    }
}

@-webkit-keyframes left1right {
    50% {
        transform: translateY(10px)
    }
}

.phone-bg {
    width: 78%;
    padding-top: 63px;
    padding-left: 78px
}

.tabs-about-button {
    padding-top: 15px
}

    .tabs-about-button .nav-tabs .nav-link {
        font-size: 24px;
        font-weight: 500
    }

        .tabs-about-button .nav-tabs .nav-item.show .nav-link,
        .tabs-about-button .nav-tabs .nav-link.active {
            background-color: transparent;
            border-color: transparent;
            border-bottom: 2px solid var(--main-theme-color)
        }

        .tabs-about-button .nav-tabs .nav-link:focus,
        .tabs-about-button .nav-tabs .nav-link:hover {
            border-color: transparent;
            border-bottom: 2px solid var(--main-theme-color);
            color: var(--main-theme-color)
        }

    .tabs-about-button .nav-tabs {
        border-bottom: 1px solid #dee2e6;
        display: flex;
        justify-content: space-between
    }

#about .tab-content {
    padding-top: 30px
}

.tab-content ul {
    padding-top: 20px
}

    .tab-content ul li {
        color: #07080a;
        margin-bottom: 15px;
        font-weight: 600;
    }

#chb1,
#chb2 {
    margin-right: 10px
}

.reset-Password {
    padding-bottom: 30px
}

.padding-areas {
    padding-top: 100px
}

#banner-four {
    display: flex;
    align-items: center;
    height: 100vh;
    position: relative;
    overflow: hidden
}

.hero-shape {
    position: absolute;
    left: auto;
    top: 7%;
    right: -42%;
    bottom: auto;
    width: 85%;
    height: 111%;
    border-radius: 100px;
    background-color: #162e66;
    transform: rotate(-62deg)
}

.bg-shape {
    position: absolute;
    height: 180%;
    width: 100%;
    display: block;
    border-radius: 145px;
    background: #4777f4 none repeat scroll 0 0;
    bottom: 0;
    right: 0;
    transform: translate(35%, -30%) rotate(-35deg);
    z-index: 0;
    opacity: .3
}

.banner_bootom_box {
    display: block;
    overflow: hidden;
    transition: all .3s ease;
    background: #fff;
    box-shadow: 3px 0 12px 0 rgba(91, 111, 230, .2);
    padding: 40px 10px;
    position: relative;
    z-index: 999;
    margin: 20px 12px
}

    .banner_bootom_box:after,
    .banner_bootom_box:before {
        content: "";
        height: 100%;
        right: 0;
        left: 0;
        position: absolute;
        pointer-events: none;
        border-radius: inherit;
        transition: all .4s ease;
        z-index: -1;
        -moz-transition: all .4s ease;
        -ms-transition: all .4s ease;
        -o-transition: all .4s ease
    }

    .banner_bootom_box:before {
        top: 80%;
        opacity: 0;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        -webkit-filter: brightness(40%);
        filter: brightness(40%);
        background-color: #5b6fe6
    }

    .banner_bootom_box:after {
        z-index: 1;
        top: 100%;
        background-image: linear-gradient(75deg, rgba(93, 78, 230, .85) 10%, rgba(19, 13, 65, .85))
    }

    .banner_bootom_box:hover:before {
        top: 0;
        opacity: 1;
        transition: all .17s ease-out .18s
    }

.banner_bootom_text {
    padding-top: 25px
}

    .banner_bootom_text p {
        padding-top: 10px;
        transition: all .17s ease-out .18s
    }

    .banner_bootom_text h3 {
        transition: all .17s ease-out .18s;
        color: var(--main-theme-color)
    }

.banner_bootom_box:hover .banner_bootom_text h3,
.banner_bootom_box:hover .banner_bootom_text p {
    color: #fff
}

.banner_bootom_icon {
    background: #fff;
    width: 85px;
    margin: 0 auto;
    box-shadow: 3px 0 12px 0 rgba(91, 111, 230, .2);
    height: 85px;
    line-height: 85px;
    border-radius: 50%;
    transition: all .17s ease-out .18s;
    display: flex;
    align-items: center;
    justify-content: center
}

.banner_bootom_box:hover .banner_bootom_icon {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px)
}

.promo-hover-bg-1:before {
    background-image: url(/static/media/about-page.5518d864.png)
}

.banner_bootom_icon img {
    width: auto !important;
    display: inherit !important
}

#banner_bottom .owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
    color: var(--main-theme-color)
}

.banner_bootom_text a {
    color: var(--main-theme-color);
    display: flex;
    align-items: center;
    justify-content: center
}

    .banner_bootom_text a svg {
        margin-left: 10px
    }

.banner_bootom_box:hover .banner_bootom_text a {
    color: #fff
}

.home4-about-list {
    padding-top: 10px
}

    .home4-about-list ul li {
        display: flex;
        align-items: center;
        padding-bottom: 10px;
        transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: .4s all ease-in-out;
        -ms-transition: .4s all ease-in-out;
        -o-transition: .4s all ease-in-out
    }

        .home4-about-list ul li:hover {
            transform: translateX(-10px);
            -webkit-transform: translateX(-10px);
            -moz-transform: translateX(-10px);
            -ms-transform: translateX(-10px);
            -o-transform: translateX(-10px)
        }

        .home4-about-list ul li img {
            width: 30px;
            height: 30px;
            padding-right: 10px
        }

.who-we-contant a {
    margin-top: 30px
}

.how-it-wors-title p {
    padding-top: 10px
}

.how-it-single-item {
    position: relative;
    margin-bottom: 40px;
    padding-left: 100px
}

    .how-it-single-item:before {
        position: absolute;
        content: "";
        width: 2px;
        height: 100%;
        left: 32px;
        top: 60px;
        background: var(--main-theme-color)
    }

    .how-it-single-item:last-child {
        margin: 0
    }

.how-it-inner-boxed {
    padding-top: 50px
}

.how-it-single-item:last-child:after,
.how-it-single-item:last-child:before {
    display: none
}

.how-it-count-box {
    position: absolute;
    left: 0;
    top: 12px;
    font-size: 30px;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
    background: #fff;
    width: 66px;
    height: 66px;
    line-height: 66px;
    text-align: center;
    border-radius: 50%;
    z-index: 1;
    box-shadow: 0 0 0 7px #edf1fe;
    transition: all .5s ease
}

.how-it-single-item:hover .how-it-count-box {
    color: #fff;
    background-color: var(--main-theme-color)
}

.how-it-single-item:hover .how-items-texed h3 a {
    color: var(--main-theme-color)
}

.how-it-count-box:before {
    position: absolute;
    content: "";
    width: 80px;
    height: 80px;
    left: -7px;
    top: -7px;
    border-radius: 50%;
    z-index: -1;
    box-shadow: 0 30px 50px 0 rgba(99, 119, 238, .2)
}

.how-items-texed h3 {
    margin-bottom: 15px
}

.section-center-two h2 {
    padding-bottom: 10px;
    margin: 0
}

.core-area-item {
    box-shadow: 0 0 29px 6px rgba(154, 161, 171, .18);
    -webkit-box-shadow: 0 0 29px 6px rgba(154, 161, 171, .18);
    padding: 30px 20px 20px;
    border-radius: 3px;
    display: flex;
    margin-bottom: 30px;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: .4s all;
    -ms-transition: .4s all;
    -o-transition: .4s all
}

    .core-area-item:hover {
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px)
    }

    .core-area-item:last-child {
        margin-bottom: 0
    }

.core-items-text {
    padding-left: 30px
}

    .core-items-text h3 {
        font-size: 20px
    }

.work-process-wrappers {
    margin: 20px -15px -60px;
    display: flex;
    -moz-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start
}

.single-items-process {
    position: relative;
    margin: 0 15px 60px;
    width: calc(25% - 30px)
}

.work-process-icons {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    background: #1351a8;
    text-align: center
}

    .work-process-icons i {
        color: #fff
    }

.process-step {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    right: -20px;
    top: -20px;
    font-size: 20px;
    font-weight: 700;
    background-color: #fff;
    color: #1351a8
}

.work-process-divider {
    position: absolute;
    left: auto;
    top: 40px;
    width: calc(100% - 130px);
    height: 1px;
    background-image: linear-gradient(90deg, #73778c, #73778c 40%, transparent 0, transparent);
    background-size: 12px 1px
}

.single-items-process:hover .work-process-divider {
    animation: arrow 1s linear 0s infinite;
    -webkit-animation: arrow 1s linear 0s infinite
}

@-webkit-keyframes arrow {
    50% {
        transform: translateX(10px);
        -webkit-transform: translateX(10px);
        -moz-transformtranslateX: (10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px)
    }
}

@keyframes arrow {
    50% {
        transform: translateX(10px);
        -webkit-transform: translateX(10px);
        -moz-transformtranslateX: (10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px)
    }
}

.work-process-text {
    padding-top: 30px
}

.service-single-items {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 5px 40px 0 rgba(0, 0, 0, .11);
    border: none;
    padding: 40px 20px;
    margin-bottom: 30px;
    text-align: center;
    z-index: 9999;
    position: relative;
    overflow: hidden;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease
}

    .service-single-items:hover {
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px)
    }

    .service-single-items:before {
        content: "";
        height: 100%;
        right: 0;
        left: 0;
        position: absolute;
        pointer-events: none;
        border-radius: inherit;
        transition: all .4s ease;
        -moz-transition: all .4s ease;
        -ms-transition: all .4s ease;
        -o-transition: all .4s ease;
        z-index: -1;
        top: 80%;
        opacity: 0;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        background-color: #5b6fe6
    }

    .service-single-items:hover:before {
        top: 0;
        opacity: 1;
        transition: all .17s ease-out .18s
    }

    .service-single-items img {
        fill: "#fff"
    }

    .service-single-items h4 a {
        padding-top: 30px;
        padding-bottom: 10px;
        font-size: 18px;
        display: block
    }

    .service-single-items h4 a,
    .service-single-items img,
    .service-single-items p {
        transition: all .4s ease;
        -moz-transition: all .4s ease;
        -ms-transition: all .4s ease;
        -o-transition: all .4s ease
    }

    .service-single-items:hover h4 a,
    .service-single-items:hover p {
        color: #fff
    }

    .service-single-items:hover img {
        -webkit-filter: invert(1);
        filter: invert(1)
    }

.blog-items-home4 {
    background: #fff;
    border-radius: 10px
}

.blog-imgs-home4 {
    position: relative;
    z-index: 1
}

    .blog-imgs-home4 a {
        display: block
    }

        .blog-imgs-home4 a img {
            border-radius: 10px 10px 0 0
        }

.dats-area-home4 {
    position: absolute;
    left: 30px;
    bottom: -30px;
    text-align: center;
    background: #fff;
    padding: 15px 30px;
    text-transform: capitalize;
    font-weight: 600;
    line-height: 27px;
    box-shadow: 0 0 10px #ccc;
    border-radius: 5px
}

.blog-home4-info {
    padding: 55px 30px 30px;
    position: relative;
    z-index: 999
}

.meta-area {
    margin-bottom: 10px
}

    .meta-area ul li:first-child {
        margin-right: 0
    }

    .meta-area ul li {
        display: inline-block;
        text-transform: uppercase;
        font-size: 13px;
        margin-right: 7px;
        position: relative;
        z-index: 1;
        margin-bottom: 5px
    }

        .meta-area ul li a {
            display: inline-block;
            font-weight: 500;
            color: #666;
            font-size: 14px
        }

.blog-home4-info h4 {
    line-height: 30px;
    margin-bottom: 20px;
    font-weight: 500
}

#banner-five {
    background-color: transparent;
    background-image: linear-gradient(60deg, #523fff, #750ed5);
    display: flex;
    align-items: center;
    height: 76vh;
    position: relative;
    overflow: hidden
}

.color-white {
    color: #fff !important
}

.how-it-works-items {
    padding-bottom: 95px
}

.works-items-wrappers .how-it-works-items:last-child {
    padding-bottom: 0
}

.works-items-wrappers .how-it-works-items:nth-child(2) .how-text-five {
    padding-left: 0;
    padding-right: 25px;
    text-align: right
}

.text-icons-how-work {
    display: flex;
    align-items: center;
    padding-right: 40px
}

.works-items-wrappers .how-it-works-items:first-child .how-icons-five svg {
    fill: #36bafe
}

.works-items-wrappers .how-it-works-items:nth-child(2) .how-icons-five svg {
    fill: #ff3838
}

.works-items-wrappers .how-it-works-items:nth-child(3) .how-icons-five svg {
    fill: #ff930e
}

.works-items-wrappers .how-it-works-items:first-child .text-icons-how-work:hover .how-icons-five {
    background-color: #36bafe
}

.works-items-wrappers .how-it-works-items:nth-child(2) .text-icons-how-work:hover .how-icons-five {
    background-color: #ff3838
}

.works-items-wrappers .how-it-works-items:nth-child(3) .text-icons-how-work:hover .how-icons-five {
    background-color: #ff930e
}

    .works-items-wrappers .how-it-works-items:first-child .text-icons-how-work:hover .how-icons-five svg,
    .works-items-wrappers .how-it-works-items:nth-child(2) .text-icons-how-work:hover .how-icons-five svg,
    .works-items-wrappers .how-it-works-items:nth-child(3) .text-icons-how-work:hover .how-icons-five svg {
        fill: #fff
    }

.how-icons-five {
    width: 130px;
    height: 130px;
    line-height: 130px;
    text-align: center;
    border-radius: 50%;
    display: inline-table;
    z-index: 9999;
    background: #fff;
    position: relative
}

    .how-icons-five,
    .how-icons-five svg {
        transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: .4s all ease-in-out;
        -ms-transition: .4s all ease-in-out;
        -o-transition: .4s all ease-in-out
    }

        .how-icons-five svg {
            height: 70px;
            width: 70px;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%)
        }

.bottom-area-svgs svg {
    width: 320px;
    height: 120px
}

.how-text-five {
    padding-left: 25px
}

.bottom-area-svgs {
    position: relative
}

    .bottom-area-svgs svg {
        position: absolute;
        left: 90px;
        top: -25px
    }

    .bottom-area-svgs .dashed1 {
        -webkit-animation-delay: 1s;
        animation-delay: .4s;
        -webkit-animation: dash_fill_1500 .9s linear;
        animation: dash_fill_1500 .9s linear;
        -webkit-animation: dash_fill_1500 2s linear;
        animation: dash_fill_1500 2s linear;
        stroke-dashoffset: 3000
    }

@-webkit-keyframes dash_fill_1500 {
    0% {
        stroke-dashoffset: 3000
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes dash_fill_1500 {
    0% {
        stroke-dashoffset: 3000
    }

    to {
        stroke-dashoffset: 0
    }
}

.works-items-wrappers {
    padding-top: 45px
}

#data-those {
    background-image: url(/static/media/data-original.83952657.png);
    background-size: cover;
    background-repeat: no-repeat
}

.data-those-title {
    padding-bottom: 40px
}

.data-those-inner-text {
    position: relative
}

.data-those-inner-box {
    position: relative;
    padding-left: 70px;
    margin-bottom: 30px
}

.data-those-inner-text .data-those-inner-box:last-child {
    margin-bottom: 0
}

.data-those-inner-box h3 a:hover {
    color: var(--main-theme-color) !important
}

.icon-font-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #2da4ee
}

    .icon-font-box i {
        color: #fff
    }

.test5-wrappers {
    padding-top: 40px
}

.home5-test-items {
    text-align: center
}

.test-item-tops {
    padding: 70px 50px 180px;
    position: relative;
    z-index: 1;
    background-image: url(/static/media/svg3.d6beb638.svg);
    background-repeat: no-repeat;
    display: block;
    background-size: 100%;
    margin: 0 8px;
    background-position: 50%
}

.tops-box-icon i {
    font-size: 70px;
    color: #fff;
    opacity: .3
}

.test-item-tops p {
    padding-top: 30px;
    color: #fff
}

.test-item-bottoms {
    display: flex;
    justify-content: center;
    align-items: center
}

.test5-img {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    overflow: hidden
}

    .test5-img img {
        width: 100%
    }

.test5-author-info {
    text-align: left;
    padding-left: 25px
}

#home5-testimonials .owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
    color: var(--main-theme-color)
}

.faqs-title-page {
    padding: 30px;
    margin-bottom: 50px
}

#faqs .list-group .list-group-item {
    border: none;
    font-weight: 600;
    background-color: var(--dark-bg-color);
    padding: 19px
}

    #faqs .list-group .list-group-item-action:focus,
    #faqs .list-group .list-group-item.active,
    .list-group-item-action:hover {
        color: var(--main-theme-color)
    }

#accordion0 .card-header,
#accordion1 .card-header,
#accordion2 .card-header,
#accordion3 .card-header,
#accordion4 .card-header,
#accordion5 .card-header {
    padding: 25px 20px;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    background: #fff;
    border: none
}

#accordion0 .card,
#accordion1 .card,
#accordion2 .card,
#accordion3 .card,
#accordion4 .card,
#accordion5 .card {
    border: 0;
    border-radius: 0
}

.navbar-area.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999999;
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .09);
    background-color: #fff !important;
    -webkit-animation: fadeInDown .5s ease-in-out 0s 1 normal none running;
    animation: fadeInDown .5s ease-in-out 0s 1 normal none running;
    padding-top: 5px;
    padding-bottom: 5px
}

.navbar-area.navbar-color-white.is-sticky {
    background-color: #301d44 !important
}

.banner-three a svg {
    font-size: 45px;
    margin-right: 15px
}

.shop-img {
    background: #e0e0e0;
    padding: 20px
}

    .shop-img img {
        width: 100%
    }

.shop-info {
    padding: 20px
}

    .shop-info h3 {
        font-size: 20px;
        margin: 0
    }

    .shop-info p {
        padding-top: 10px;
        margin: 0;
        font-size: 18px
    }

    .shop-info a {
        margin-top: 10px
    }

.btn-shop {
    font-size: 14px;
    padding: 17px 14px;
    line-height: 0
}

    .btn-shop:hover {
        background-position: 100% 0;
        transition: all .4s ease-in-out;
        color: #fff
    }

#shop-area .row {
    margin-bottom: 40px
}

    #shop-area .row:last-child {
        margin: 0
    }

.shop-item {
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: .4s all ease-in-out;
    -ms-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out;
    margin-bottom: 30px
}

    .shop-item:hover {
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px)
    }

#about .left-side-title,
.left-side-title {
    padding-bottom: 0
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
    color: none;
    cursor: not-allowed;
    background-color: none;
    border-color: none
}

.pagination > li > a,
.pagination > li > span {
    font-size: 16px;
    font-weight: 700;
    padding: 5px 15px;
    margin-left: 15px;
    background: none;
    color: #4f535b
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background: var(--main-theme-color);
    border-radius: 50%
}

.blog-pagination {
    margin: 70px auto 0
}

.dropdown-item.active,
.dropdown-item:active {
    background: #4abbe5;
    color: #fff !important;
    margin: 5px 0
}

.shop-details-img {
    background: #e0e0e0
}

#shop-details .owl-theme .owl-dots .owl-dot span {
    height: 20px;
    width: 20px;
    background: rgba(91, 111, 230, .5019607843137255)
}

#shop-details .owl-theme .owl-dots .owl-dot.active span,
#shop-details .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--main-theme-color)
}

.shop-details-img img {
    width: 100%
}

.customer-star {
    display: flex;
    padding-top: 10px
}

    .customer-star ul {
        display: flex
    }

        .customer-star ul li {
            padding-right: 10px;
            color: var(--main-theme-color)
        }

    .customer-star h6 {
        color: var(--main-theme-color);
        font-weight: 600;
        margin: 0;
        font-size: 16px
    }

.shop-details-info h5 {
    font-size: 22px;
    font-weight: 700;
    color: var(--main-theme-color);
    padding-top: 15px
}

.shop-details-info p {
    padding-top: 10px
}

.quenty-btn-area {
    display: flex
}

#number-box .form-control {
    width: 115px;
    height: 40px;
    border-radius: 30px
}

    #number-box .form-control:focus {
        border: 1px solid var(--main-theme-color)
    }

.add-btn {
    padding-left: 20px
}

.quenty-btn-area {
    padding-top: 20px
}

.btn-add {
    font-size: 16px;
    font-weight: 600
}

.shop-category {
    padding-top: 30px
}

    .shop-category ul li {
        display: inline-block;
        color: var(--paragraph-color)
    }

.items-product {
    font-weight: 700
}

.product-tabs-header .nav-tabs {
    border-bottom: none
}

    .product-tabs-header .nav-tabs li {
        font-size: 20px;
        font-weight: 600;
        padding-right: 30px
    }

        .product-tabs-header .nav-tabs li .active {
            padding-bottom: 10px;
            border-bottom: 2px solid var(--main-theme-color);
            color: var(--main-theme-color)
        }

.product-details-tabs-review {
    margin-top: 40px
}

#description h3,
#review h3 {
    padding-bottom: 10px
}

.product-details-tabs-review .tab-content {
    padding: 20px
}

.table-desc {
    border: 1px solid var(--main-theme-color);
    margin-bottom: 60px;
    margin-top: 2px
}

    .table-desc .cart-page table {
        width: 100%
    }

.table-responsive table thead {
    background: var(--main-theme-color)
}

.table-desc .cart-page table thead tr th {
    border-bottom: 3px solid var(--main-theme-color);
    border-right: 1px solid var(--main-theme-color);
    font-weight: 600;
    text-transform: capitalize;
    padding: 10px;
    text-align: center;
    color: #fff
}

.tabl-desc .cart-page table tbody tr td.product-remove {
    min-width: 100px
}

.table-desc .cart-page table tbody tr td {
    border-bottom: 1px solid var(--main-theme-color);
    border-right: 1px solid var(--main-theme-color);
    text-align: center;
    padding: 10px
}

.table-responsive table tbody tr td {
    border-right: 1px solid #f0f0f0;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 14px;
    text-align: center;
    min-width: 150px
}

.table-desc .cart-page table tbody tr td.product-remove a {
    font-size: 20px;
    color: #333
}

.table-desc .cart-page table tbody tr td.product-thumb {
    max-width: 180px
}

.table-desc .cart-page table tbody tr td.product-name {
    min-width: 180px
}

.table-desc .cart-page table tbody tr td.product-price {
    min-width: 130px;
    color: #333;
    font-size: 16px;
    font-weight: 500
}

.table-desc .cart-page table tbody tr td.product-quantity {
    min-width: 180px
}

    .table-desc .cart-page table tbody tr td.product-quantity label {
        font-weight: 600;
        margin-right: 5px
    }

    .table-desc .cart-page table tbody tr td.product-quantity input {
        width: 60px;
        height: 40px;
        padding: 0 5px 0 10px;
        background: none;
        border: 1px solid #f0f0f0
    }

.cart-page table thead tr:last-child th,
.table-desc table tbody tr td:last-child {
    border-right: 0
}

.cart-submit {
    text-align: right;
    padding: 12px
}

.table-desc .cart-page table tbody tr td.product-remove a:hover {
    color: var(--main-theme-color)
}

.coupon-code {
    border: 1px solid #f0f0f0
}

    .coupon-code h3 {
        color: #fff;
        line-height: 36px;
        padding: 5px 15px;
        background: var(--main-theme-color);
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 600
    }

.coupon-inner {
    padding: 10px 20px 25px
}

    .coupon-inner p {
        font-size: 14px;
        margin-bottom: 20px
    }

    .coupon-inner input {
        border: 1px solid var(--main-theme-color);
        height: 42px;
        background: none;
        padding: 0 20px;
        margin-right: 20px;
        font-size: 14px
    }

    .coupon-inner .btn-shop {
        border-radius: 0;
        padding: 22px 20px
    }

.cart-subtotal {
    display: flex;
    justify-content: space-between
}

    .cart-subtotal p {
        font-weight: 600;
        font-size: 14px
    }

        .cart-subtotal p.cart-amount {
            font-size: 18px;
            font-weight: 500
        }

.calculate {
    display: block;
    text-align: right;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 20px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 10px;
    border-radius: 3px
}

.bg-white {
    background-color: #fff
}

.checkout-area-bg {
    padding: 30px
}

.check-heading {
    border-bottom: 2px solid var(--main-theme-color)
}

    .check-heading h3 {
        font-weight: 700;
        padding-bottom: 10px
    }

.check-out-form {
    padding-top: 30px
}

#checkout-area .form-group {
    margin-bottom: 20px
}

    #checkout-area .form-group label {
        font-size: 16px;
        font-weight: 600
    }

#checkout-area .form-control {
    border: 1px solid var(--main-theme-color);
    background: #fff;
    font-size: 14px;
    border-radius: 0
}

.order_review {
    background-color: #f7f8fb;
    padding: 30px
}

.order_table thead th {
    border-bottom-width: 1px;
    font-weight: 600;
    color: #fff
}

.order_table tbody td {
    border: 0
}

.order_table tfoot th,
.product-subtotal {
    font-weight: 600
}

.payment_method {
    margin-bottom: 30px;
    display: inline-block;
    width: 100%
}

.payment_option .custom-radio {
    margin-bottom: 10px
}

.custom-radio .form-check-input,
.custome-checkbox .form-check-input {
    display: none
}

.custom-checkbox .form-check-label,
.custom-radio .form-check-label {
    position: relative;
    cursor: pointer
}

.custom-radio input[type=radio]:checked + .form-check-label:before {
    border-color: var(--main-theme-color)
}

.custom-radio .form-check-label:before {
    content: "";
    border: 1px solid #908f8f;
    height: 16px;
    width: 16px;
    display: inline-block;
    border-radius: 100%;
    vertical-align: middle;
    margin-right: 8px
}

.custom-radio input[type=radio]:checked + .form-check-label:after {
    opacity: 1
}

.custom-radio input[type=radio] + .form-check-label:after {
    content: "";
    background-color: var(--main-theme-color);
    height: 10px;
    width: 10px;
    border-radius: 100%;
    position: absolute;
    top: 8px;
    left: 3px;
    opacity: 0
}

.payment-text {
    display: none;
    margin-top: 5px;
    margin-bottom: 0
}

.payment_option .custom-radio:first-child .payment-text {
    display: block
}

.payment_option .custom-radio .form-check-label {
    color: #292b2c;
    font-weight: 600
}

.order_review {
    margin-bottom: 40px
}

.order_table,
.payment_method {
    padding-top: 30px
}

.blog-widget {
    padding: 20px;
    margin-top: 50px
}

.blog-wrapper-blog-item .blog-widget:first-child {
    margin: 0
}

.left-blog-page {
    padding: 20px;
    margin-bottom: 30px
}

.blog-widget-img {
    overflow: hidden
}

.blog-widget-paragraph {
    padding: 20px 0
}

.blog-widget-img img {
    width: 100%;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: .4s all ease-in-out;
    -ms-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out
}

    .blog-widget-img img:hover {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2)
    }

.blog-widget-text {
    padding-top: 20px
}

.blog-widget-author {
    border-top: 1px solid hsla(0, 0%, 80%, .25882352941176473);
    border-bottom: 1px solid hsla(0, 0%, 80%, .25882352941176473);
    padding: 5px 0;
    display: flex;
    justify-content: space-between
}

.blog-author-view ul li {
    display: inline-block;
    padding-right: 30px;
    color: var(--paragraph-color);
    font-size: 14px
}

    .blog-author-view ul li a i {
        padding-right: 6px
    }

    .blog-author-view ul li:first-child a {
        color: var(--main-theme-color)
    }

.blog-author-date ul li {
    color: var(--paragraph-color);
    font-size: 14px
}

.blog-widget-paragraph {
    padding-top: 20px
}

.blog-widget-button {
    padding-top: 30px
}

.blog-widget-heading h2 {
    padding-bottom: 10px
}

.right-side {
    padding-left: 0
}

.blog-search-option {
    display: block;
    background: #fff;
    border: 1px solid var(--main-theme-color);
    border-radius: 3px;
    position: relative
}

    .blog-search-option input {
        padding: 5px 15px;
        width: 87%;
        height: 56px
    }

    .blog-search-option button,
    .blog-search-option input {
        border: none;
        background: transparent
    }

        .blog-search-option button i {
            line-height: 16px;
            font-size: 18px;
            position: absolute;
            right: 15px;
            top: 22px
        }

.left-blog h4 {
    position: relative;
    color: #444;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;
    padding: 15px 0;
    text-transform: capitalize
}

    .left-blog h4:after {
        position: absolute;
        content: "";
        left: 0;
        bottom: 0;
        width: 50px;
        height: 2px;
        background: var(--main-theme-color)
    }

.left-blog li {
    display: block
}

.left-blog ul li a {
    display: inline-block;
    padding: 7px 0;
    text-transform: capitalize;
    position: relative
}

    .left-blog ul li a:hover,
    .left-blog ul li span {
        color: var(--main-theme-color)
    }

.left-blog ul li span {
    float: right;
    border: 1px solid var(--main-theme-color);
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50px;
    line-height: 30px
}

.recent-single-post {
    display: block;
    overflow: hidden;
    padding: 15px 0
}

.post-img {
    display: inline-block;
    float: left;
    padding-right: 10px
}

.recent-single-post img {
    width: 100%;
    max-width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 2px
}

.pst-content {
    padding-left: 100px
}

.left-head-blog .pst-content p {
    margin-bottom: 5px
}

.pst-content .date-type {
    font-size: 14px
}

.pst-content p a {
    color: #444;
    font-size: 15px
}

    .pst-content p a:hover {
        color: var(--main-theme-color)
    }

.blog-tags {
    padding: 1px 0
}

.left-blog {
    overflow: hidden;
    padding-bottom: 20px
}

.left-side-tags h4 {
    margin-bottom: 15px
}

.popular-tag.left-side-tags.left-blog ul {
    padding: 0
}

.left-tags .left-side-tags ul li {
    border-bottom: 0;
    display: inline-block;
    margin: 5px 3px
}

    .left-tags .left-side-tags ul li a {
        padding: 5px 10px;
        width: auto;
        background: #e8e8e8;
        border-radius: 3px;
        font-weight: 400
    }

        .left-tags .left-side-tags ul li a:hover {
            color: #fff;
            background: var(--main-theme-color)
        }

.pagination-area ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px
}

    .pagination-area ul li {
        background: #242f51;
        margin-right: 10px;
        width: 31px;
        height: 31px;
        line-height: 34px;
        text-align: center;
        border-radius: 50%;
        color: #fff;
        cursor: pointer;
        transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: .4s all ease-in-out;
        -ms-transition: .4s all ease-in-out;
        -o-transition: .4s all ease-in-out;
        font-size: 15px
    }

        .pagination-area ul li.active,
        .pagination-area ul li:hover {
            background-color: var(--main-theme-color);
            color: #fff
        }

.main-amount {
    font-weight: 700 !important
}

.blog-widget-paragraph h3 {
    font-weight: 600;
    padding-top: 20px;
    padding-bottom: 10px
}

.blog-main-details {
    padding: 25px
}

    .blog-main-details hr {
        margin: 20px 0 0
    }

.blog-share-area {
    padding: 20px 0 0
}

    .blog-share-area ul li {
        display: inline-block;
        padding-right: 10px;
        font-weight: 500
    }

.social-icon {
    background: #ccc;
    height: 30px;
    width: 30px;
    display: inline-block;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
    font-size: 16px;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: .4s all ease;
    -ms-transition: .4s all ease;
    -o-transition: .4s all ease
}

    .social-icon:hover {
        background: var(--main-theme-color);
        color: #fff
    }

.media .media-img img {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}

.media-author {
    padding: 20px;
    margin-top: 30px
}

.media-img {
    padding-right: 20px
}

.media-header {
    display: flex;
    justify-content: space-between
}

.media-name h4 {
    margin: 0
}

.media-name p {
    padding-top: 5px;
    color: var(--main-theme-color)
}

.post-share a {
    margin-right: 10px
}

.media-paragraph {
    padding-top: 10px
}

.media-public ul li {
    padding-bottom: 20px;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 30px
}

    .media-public ul li:last-child {
        padding-bottom: 0;
        border-bottom: none
    }

.media-public .post-share a {
    font-size: 14px
}

.media-public .post-share .replay {
    color: var(--main-theme-color)
}

.comment-area-post {
    margin-top: 30px;
    padding: 20px
}

.comment-area-heading h3 {
    font-weight: 700;
    padding-bottom: 20px;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 30px
}

.leave-form .form-control {
    border: 1px solid var(--main-theme-color)
}

.btn:hover {
    color: #fff;
    text-decoration: none
}

#contact,
.map-content {
    padding-bottom: 100px
}

.contact-content p {
    padding-top: 10px
}

.contact-info {
    padding-top: 30px
}

    .contact-info li {
        margin-bottom: 20px
    }

        .contact-info li .icon-area {
            height: 40px;
            width: 40px;
            text-align: center;
            line-height: 50px;
            font-size: 24px;
            margin-right: 20px;
            box-shadow: 0 0 13px -3px #5969c3
        }

            .contact-info li .icon-area i {
                color: var(--main-theme-color)
            }

        .contact-info li .contact-info-here h5 {
            font-size: 16px;
            line-height: 30px;
            margin: 0
        }

            .contact-info li .contact-info-here h5 a {
                font-size: 16px
            }

.contact-form-area {
    padding: 35px
}

    .contact-form-area .form-control {
        border-radius: 0;
        border: 1px solid var(--main-theme-color);
        font-size: 14px;
        margin-bottom: 30px;
        background: #fff
    }

.map-content iframe {
    width: 100%;
    height: 500px;
    border: none
}

.privacy-left-arae h3 {
    font-size: 22px;
    font-weight: 600;
    margin: 0;
    padding-top: 30px
}

    .privacy-left-arae h3:first-child {
        padding-top: 0
    }

.privacy-left-arae p {
    margin: 0;
    padding-top: 16px
}

.privacy-left-arae img {
    padding-top: 30px
}

.privacy-left-arae ul {
    padding-top: 20px
}

    .privacy-left-arae ul li {
        margin-bottom: 20px
    }

        .privacy-left-arae ul li:last-child {
            margin-bottom: 0
        }

        .privacy-left-arae ul li i {
            color: var(--main-theme-color);
            font-size: 18px;
            padding-right: 10px
        }

.login-form-arae {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 40px rgba(82, 85, 90, .1);
    padding: 40px;
    max-width: 570px;
    margin: auto
}

.social-login-area {
    display: flex;
    justify-content: space-between;
    padding: 30px 0
}

    .social-login-area button {
        height: 40px;
        border-radius: 33px;
        border: none;
        font-size: 16px;
        font-weight: 600;
        padding: 0 22px;
        color: #fff;
        transition: all .4s ease;
        -webkit-transition: all .4s ease;
        -moz-transition: .4s all ease;
        -ms-transition: .4s all ease;
        -o-transition: .4s all ease;
        cursor: pointer
    }

        .social-login-area button i {
            padding-right: 5px
        }

        .social-login-area button:first-child {
            background-color: #ff5733
        }

        .social-login-area button:hover:first-child,
        .social-login-area button:hover:nth-child(2),
        .social-login-area button:hover:nth-child(3) {
            background-color: #000
        }

        .social-login-area button:nth-child(2) {
            background-color: #3955bc
        }

        .social-login-area button:nth-child(3) {
            background-color: #1dd3f8
        }

.login-form-arae form .form-control {
    border-radius: 0;
    background: #fff;
    border: 1px solid var(--main-theme-color);
    font-size: 14px;
    margin-bottom: 30px
}

.login-button {
    text-align: center;
    padding: 30px 0
}

.login-desc p {
    color: var(--heading-color)
}

    .login-desc p a,
    .pasword-remamber a {
        color: var(--main-theme-color)
    }

.project-desc h3 {
    padding-top: 30px
}

.project-desc p {
    padding-top: 10px;
    margin: 0
}

.project-desc blockquote {
    padding: 20px 35px;
    position: relative;
    margin: 25px 0
}

    .project-desc blockquote:after {
        content: "";
        position: absolute;
        height: 100%;
        width: 13px;
        background: var(--main-theme-color);
        left: 0;
        top: 0
    }

.pro-deta-list,
.project-details-bottom {
    padding-top: 30px
}

    .pro-deta-list ul li {
        margin-bottom: 15px;
        transition: all .4s ease;
        -webkit-transition: all .4s ease;
        -moz-transition: .4s all ease;
        -ms-transition: .4s all ease;
        -o-transition: .4s all ease;
        display: flex
    }

        .pro-deta-list ul li:hover {
            transform: translateX(10px);
            -webkit-transform: translateX(10px);
            -moz-transform: translateX(10px);
            -ms-transform: translateX(10px);
            -o-transform: translateX(10px)
        }

        .pro-deta-list ul li i {
            color: var(--main-theme-color);
            font-size: 18px;
            padding-right: 5px
        }

.ps-informations h3 {
    padding: 14px 20px;
    background: var(--main-theme-color);
    border-radius: 0;
    font-size: 22px;
    color: #fff
}

.ps-informations ul {
    margin: 0;
    list-style: none;
    text-align: left;
    background: #fff;
    box-shadow: 0 6px 25px rgba(0, 0, 0, .07);
    padding: 30px 25px 40px
}

    .ps-informations ul li {
        position: relative;
        padding-bottom: 20px
    }

        .ps-informations ul li:last-child {
            padding: 0
        }

        .ps-informations ul li span {
            width: 150px;
            display: inline-block;
            color: #333;
            position: relative
        }

            .ps-informations ul li span i {
                color: #f26723;
                transition: all .5s ease;
                opacity: .5;
                font-size: 20px;
                padding-right: 10px;
                -webkit-transition: all .5s ease;
                -moz-transition: all .5s ease;
                -ms-transition: all .5s ease;
                -o-transition: all .5s ease
            }

.company-info {
    margin-top: 50px;
    background: #fff;
    box-shadow: 0 6px 25px rgba(0, 0, 0, .07);
    padding: 30px 25px 40px
}

    .company-info p {
        padding-top: 10px
    }

    .company-info a {
        margin-top: 10px
    }

.contact-widget {
    margin-top: 30px
}

    .contact-widget h3 {
        padding: 14px 20px;
        background: var(--main-theme-color);
        border-radius: 0;
        font-size: 22px;
        color: #fff
    }

    .contact-widget ul {
        margin: 0;
        list-style: none;
        text-align: left;
        background: #fff;
        box-shadow: 0 6px 25px rgba(0, 0, 0, .07);
        padding: 30px 25px 40px
    }

        .contact-widget ul li {
            margin-bottom: 15px;
            display: flex
        }

            .contact-widget ul li:last-child {
                margin: 0
            }

            .contact-widget ul li i {
                font-size: 25px;
                color: var(--main-theme-color);
                padding-right: 10px
            }

.project-grid-item {
    position: relative;
    transition: all .4s ease
}

    .project-grid-item:hover {
        transform: translateY(-10px)
    }

.project-grid-img {
    position: relative;
    margin-bottom: 60px
}

    .project-grid-img img {
        border-radius: 10px;
        width: 100%
    }

.project-grid-content {
    position: absolute;
    left: 50%;
    bottom: -15px;
    transform: translateX(-50%);
    transition: all .6s ease;
    opacity: 1;
    z-index: 99;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    text-align: center
}

    .project-grid-content h5 a {
        background: var(--main-theme-color);
        padding: 10px 12px;
        border-radius: 35px;
        color: #fff;
        transition: all .4s ease;
        -webkit-transition: all .4s ease;
        -moz-transition: .4s all ease;
        -ms-transition: .4s all ease;
        -o-transition: .4s all ease
    }

        .project-grid-content h5 a:hover {
            color: #000
        }

.service-dec-img {
    text-align: center
}

.service-dec-left-text p {
    padding-top: 10px
}

.service-dec-left-text a {
    margin-top: 15px;
    margin-right: 20px
}

.counter-area {
    display: flex
}

.counter-icon i {
    font-size: 45px;
    color: var(--main-theme-color);
    padding-right: 10px
}

.counter-body h2 {
    margin: 0
}

.counter-body h4,
.counter-body p {
    padding-top: 5px
}

.service-img-text p {
    padding-top: 15px
}

.service-img-text ul li {
    padding-top: 10px;
    font-size: 16px;
    display: flex
}

    .service-img-text ul li i {
        font-size: 15px;
        padding-right: 10px;
        color: var(--main-theme-color)
    }

.service-details-img {
    text-align: center
}

.about-img ul li {
    margin-bottom: 13px;
    color: var(--heading-color)
}

    .about-img ul li i {
        font-size: 24px;
        color: var(--main-theme-color);
        padding-right: 10px
    }

#preloader {
    background-color: #000;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999999999
}

#status {
    width: 66px;
    height: 66px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -33px;
    margin-left: -33px
}

.lds-facebook {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px
}

    .lds-facebook div {
        display: inline-block;
        position: absolute;
        left: 8px;
        width: 6px;
        background: var(--main-theme-color);
        -webkit-animation: lds-facebook 1.2s cubic-bezier(0, .5, .5, 1) infinite;
        animation: lds-facebook 1.2s cubic-bezier(0, .5, .5, 1) infinite
    }

        .lds-facebook div:first-child {
            left: 5px;
            -webkit-animation-delay: -.24s;
            animation-delay: -.24s
        }

        .lds-facebook div:nth-child(2) {
            left: 20px;
            -webkit-animation-delay: -.12s;
            animation-delay: -.12s
        }

        .lds-facebook div:nth-child(3) {
            left: 35px;
            -webkit-animation-delay: 0;
            animation-delay: 0
        }

        .lds-facebook div:nth-child(4) {
            left: 50px;
            -webkit-animation-delay: -.24s;
            animation-delay: -.24s
        }

        .lds-facebook div:nth-child(5) {
            left: 65px;
            -webkit-animation-delay: -.12s;
            animation-delay: -.12s
        }

@-webkit-keyframes lds-facebook {
    0% {
        top: 8px;
        height: 64px
    }

    50%, to {
        top: 24px;
        height: 32px
    }
}

@keyframes lds-facebook {
    0% {
        top: 8px;
        height: 64px
    }

    50%, to {
        top: 24px;
        height: 32px
    }
}

.go-top.active {
    top: 98%;
    transform: translateY(-98%);
    opacity: 1;
    visibility: visible
}

.go-top {
    position: fixed;
    cursor: pointer;
    right: 15px;
    color: #fff;
    background-color: var(--main-theme-color);
    z-index: 4;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    transition: .9s
}

    .go-top,
    .go-top:before {
        top: 0;
        opacity: 0;
        visibility: hidden;
        border-radius: 50%
    }

        .go-top:before {
            content: "";
            width: 100%;
            height: 100%;
            z-index: -1;
            background: #393953
        }

        .go-top:before,
        .go-top i {
            position: absolute;
            left: 0;
            transition: .6s
        }

        .go-top i {
            top: 50%;
            transform: translateY(-50%);
            right: 0;
            margin: 0 auto
        }

            .go-top i:last-child {
                opacity: 0;
                visibility: hidden;
                top: 60%
            }

        .go-top:focus,
        .go-top:hover {
            color: #fff
        }

            .go-top:focus:before,
            .go-top:hover:before {
                opacity: 1;
                visibility: visible
            }

            .go-top:focus i:first-child,
            .go-top:hover i:first-child {
                opacity: 0;
                top: 0;
                visibility: hidden
            }

            .go-top:focus i:last-child,
            .go-top:hover i:last-child {
                opacity: 1;
                visibility: visible;
                top: 50%
            }

#home5-testimonials .slick-next {
    right: -25px;
    bottom: -50px;
    left: 52%;
    top: auto
}

#home5-testimonials .slick-prev {
    left: -25px;
    bottom: -50px;
    left: 48%;
    top: auto
}

#recent-work-three .recent-wrapper .area-flexed {
    display: flex !important
}

#recent-work-three .slick-prev {
    left: -25px;
    bottom: -50px;
    left: 48%;
    top: auto
}

#recent-work-three .slick-next {
    right: -25px;
    bottom: -50px;
    left: 52%;
    top: auto
}

:root {
    --main-theme-color: #6100b6;
    --dark-bg-color: #f8f9ff;
    --heading-color: #2c3552;
    --paragraph-color: #777c87;
    --banner-paragraph-color: #344a6f
}

.seat li:first-child i,
.single-blog-post .post-content h3 a,
.single-box a:hover h4,
.title-right-icon li:first-child i,
.widget-link-items li a:hover,
a.text-link:hover {
    color: #5b6fe6;
    color: var(--main-theme-color)
}

a,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #2c3552;
    color: var(--heading-color)
}

@media (max-width:1440px) {
    .home-three-banner-content {
        padding-left: 130px
    }

    .recent-work-slider-area {
        padding-right: 250px
    }

    .recent-img-three {
        padding-left: 115px
    }
}

@media (max-width:1199px) {
    #testimonial-area .owl-dots .active {
        position: absolute;
        left: -123px
    }

    .recent-work-slider-area {
        padding-right: 115px
    }

    #recent-work-three .owl-nav {
        position: absolute;
        right: 13%;
        bottom: 37px
    }

    .home-three-banner-content {
        padding-left: 20px
    }

    .hero-shape {
        position: absolute;
        left: auto;
        top: 7%;
        right: -45%;
        bottom: auto;
        width: 85%;
        height: 111%;
        border-radius: 100px;
        background-color: #162e66;
        transform: rotate(-48deg)
    }

    .test-item-tops {
        padding: 8px 26px 82px 8px
    }
}

@media (max-width:992px) {
    #banner_bottom .slick-arrow {
        display: none !important
    }

    .single-item-mt-2 {
        margin-top: 30px
    }

    #about-us-area-home4 .row:nth-child(2) {
        flex-direction: column-reverse
    }

    .bottom-area-svgs {
        display: none
    }

    .how-it-works-items {
        padding-bottom: 25px
    }

    .data-those-texted {
        padding-top: 55px
    }

    .how-it-img {
        padding-top: 30px
    }

    #banner-five .banner-img {
        display: none
    }

    #banner-five {
        display: inherit;
        align-items: center;
        height: auto;
        padding-top: 140px;
        padding-bottom: 140px
    }

    .hero-shape {
        display: none
    }

    .banner-img {
        padding-top: 80px
    }

    #banner-four,
    #banner-one {
        display: inherit;
        align-items: center;
        height: auto;
        padding-top: 150px;
        padding-bottom: 50px
    }

    .other-option {
        display: none
    }

    .works-button button {
        font-size: 16px
    }

    .home-three-banner-content {
        padding-left: 19px
    }

    #banner-three {
        background-position: top
    }

    .tabs-heading {
        padding-top: 50px
    }

    .tabs-about-button .nav-tabs .nav-link {
        font-size: 18px
    }

    .about-tabs,
    .anitmation-img {
        display: flex;
        align-items: center;
        height: 100%
    }

    .recent-work-slider-area {
        padding-right: 130px
    }

    #recent-work-three .owl-nav {
        position: absolute;
        right: 0;
        bottom: -6px
    }

    .recent-img-three {
        display: flex;
        align-items: center;
        height: 100%
    }

    .pulse-arae {
        position: absolute;
        right: 35%;
        top: 135px
    }

    .recent-img-three {
        padding-left: 30px;
        display: none
    }

    .navbar-area-three.is-sticky-three {
        padding: 20px
    }

    .responsive-mt-30 {
        margin-top: 30px
    }

    .navbar-area-three {
        padding: 20px
    }

    .error-img,
    .faqs-items {
        padding-top: 50px
    }

    .responsive-mt {
        margin-bottom: 30px
    }

    .shop-details-info {
        padding-top: 50px
    }

    .left {
        margin-bottom: 50px
    }

    .blog-search-option {
        margin-top: 50px
    }

    .right-side {
        padding-left: 0
    }

    .ps-informations,
    .right-side {
        margin-top: 30px
    }

    .responsive-md,
    .service-dec-right-side {
        padding-top: 30px
    }

    .service-img-text {
        padding-top: 50px
    }

    #about-top .row {
        flex-flow: wrap-reverse
    }

    .banner-two-text p {
        width: 100%
    }

    .banner-input {
        width: 90%
    }

    #banner {
        padding: 170px 0 0
    }

    .data-science-text {
        padding-top: 30px
    }

    .testimonial-thumbnail {
        margin-bottom: 100px;
        margin-top: 100px
    }

    #testimonial-area .review-slide-item {
        z-index: 9999;
        position: relative
    }

    #testimonial-area .owl-dots .active {
        display: none
    }

    #testimonial-area .owl-dots {
        height: 82%;
        top: -20px;
        right: 0
    }

        #testimonial-area .owl-dots button {
            width: 95px;
            height: 120px;
            display: none;
            border: 0 solid !important
        }

            #testimonial-area .owl-dots button.active {
                opacity: 1 !important;
                top: 0;
                left: 0;
                bottom: 0;
                display: block;
                border: none;
                width: 180px;
                height: 200px;
                box-shadow: 0 0 8px -1px #5e5050
            }

    #testimonial-area .review-slide-item p {
        margin-bottom: 20px
    }

    .banner-img-three {
        display: none
    }

    .right-side-about {
        padding-top: 80px;
        width: 100%
    }

    #recent-work-three {
        background-size: cover
    }

    .responsive-mt-60 {
        margin-top: 60px
    }

    .single-items-process {
        width: calc(50% - 30px)
    }

        .single-items-process:nth-child(2) .work-process-divider {
            display: none
        }

    .copy-right {
        text-align: center
    }

    .core-area-wrapper,
    .how-it-works-imgs,
    .who-we-contant {
        padding-top: 50px
    }

    .checkout-area-bg {
        margin-bottom: 30px
    }
}

@media (max-width:768px) {
    .test-item-tops p {
        padding-top: 0
    }

    #banner-four {
        display: inherit;
        align-items: center;
        height: auto;
        padding-top: 100px;
        padding-bottom: 50px;
        background: rgba(91, 111, 230, .058823529411764705)
    }

        #banner-four .banner-img img {
            width: 66%
        }

        #banner-four .banner-video {
            margin-top: 10px
        }

        #banner-four .banner-img {
            padding-top: 0
        }

        #banner-four .pt30 {
            padding-top: 10px !important
        }

    #banner-one {
        display: inherit;
        align-items: center;
        height: auto;
        padding-top: 100px;
        padding-bottom: 50px
    }

    .responsive-sm {
        padding-top: 30px
    }

    .navbar-area {
        position: inherit
    }

    .banner-img {
        text-align: center;
        margin-top: 30px
    }

        .banner-img img {
            width: 50%
        }

    #partner {
        margin-top: 50px
    }

    .anitmation-img {
        text-align: center
    }

        .anitmation-img img {
            width: 60%;
            padding-top: 60px
        }

    #about-area-two {
        padding: 40px 0 100px
    }

    .pricing-table-header h3 {
        font-size: 22px
    }

    .responsive-mt-30 {
        margin-top: 30px
    }

    #one-testimonial .testimonial-box {
        padding: 50px 20px 40px
    }

    .copy-icon {
        padding-top: 20px
    }

    h1 {
        font-size: 55px
    }

    .home-one-banner-content h2 {
        font-size: 35px;
        padding-top: 10px
    }

    .home-one-banner-content p {
        padding-top: 10px
    }

    .navbar-area-three,
    .navbar-area-three.is-sticky-three {
        padding: 20px
    }

    .banner-img-three {
        display: none
    }

    .about-tabs {
        display: inherit;
        text-align: center
    }

    .tabs-heading {
        padding-top: 50px
    }

    .anitmation-img {
        display: inherit
    }

    #recent-work-three {
        background-size: cover
    }

    .pulse-arae {
        right: 41%;
        top: 38px
    }

    .recent-work-slider-area {
        padding-top: 30px
    }

    #recent-work-three .owl-nav {
        right: 140px;
        bottom: 35px
    }

    .downloads-phone-img {
        padding-bottom: 90px
    }

    .single-item-mt-2 {
        margin-top: 30px
    }

    .single-item-mt {
        margin-top: 60px
    }

    .single-items-process {
        width: calc(100% - 30px);
        text-align: center;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .07058823529411765);
        padding: 30px
    }

        .single-items-process .work-process-divider {
            display: none
        }
}

@media (max-width:576px) {
    .testimonial_padding .slick-arrow,
    .testimonial_padding .slick-prev {
        top: auto;
        bottom: -54px;
        width: 100%;
        right: 0
    }

    .player__video {
        height: 40%
    }

    .single-item-mt-3 {
        margin-top: 60px
    }

    .blog-img a img {
        width: 100%
    }

    .pr80 {
        padding-right: 30px
    }

    .pl40 {
        padding-left: 0
    }

    #banner-three {
        padding: 90px 0;
        height: 83%
    }

    .right-side-about {
        width: 100%
    }

    .recent-work-slider-area {
        padding-right: 0
    }

    .pulse-arae {
        right: 39%;
        top: 13px
    }

    .phone-animation {
        left: 8px
    }

    .responsive-mt-2 {
        margin-bottom: 30px
    }

    .social-login-area button {
        margin-bottom: 10px;
        width: 100%
    }

    .social-login-area {
        display: inherit
    }

    .core-area-item {
        display: inherit;
        text-align: center
    }

    .core-items-text {
        padding-top: 30px
    }
}

@media (max-width:480px) {
    .banner-one-btn {
        display: inherit;
        align-items: center
    }

    .banner-img img {
        width: 90%
    }

    .banner-video {
        margin-top: 30px
    }

    .anitmation-img img {
        width: 80%
    }

    .right-side-about {
        width: 100%
    }

    .works-button {
        display: inherit
    }

        .works-button button {
            margin-top: 15px
        }

    .banner-three-btn {
        display: inherit
    }

    .coupon-inner input {
        width: 100%;
        margin-bottom: 20px
    }
}

@media (max-width:361px) {
    #banner-three {
        padding: 60px 0 70px;
        height: 100%
    }

    #recent-work-three .owl-nav {
        right: 0;
        bottom: 41px
    }

    h1 {
        font-size: 45px
    }

    .home-three-banner-content h2 {
        font-size: 24px
    }

    #recent-work-three .owl-nav {
        right: 89px;
        bottom: -36px
    }

    #one-testimonial .testimonial-box {
        margin: 0 9px 32px
    }

    .customer-star {
        display: inherit
    }

        .customer-star h6 {
            padding-top: 10px
        }

    .media-header {
        display: inherit;
        justify-content: space-between
    }
}

.carousel-wrap {
  position: relative;
}

/* fix blank or flashing items on carousel */
.owl-carousel .item {
  position: relative;
  z-index: 100; 
  -webkit-backface-visibility: hidden; 
}

/* end fix */
.owl-nav > div {
  margin-top: -26px;
  position: absolute;
  top: 50%;
  color: #cdcbcd;
}

.owl-nav i {
  font-size: 52px;
}

.owl-nav .owl-prev {
  left: -30px;
}

.owl-nav .owl-next {
  right: -30px;
}

/*# sourceMappingURL=main.f306ab75.chunk.css.map */