#2790ef * {
    outline: 0 !important
}

body {
    font-size: 14px;
    font-family: poppins, sans-serif;
    color: #112043;
}

.nopad {
    padding: 0
}

section.mission-col .row>.col-md-5:first-child img {
    margin-top: -46px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #3d3d3c;
    font-family: poppins, sans-serif
}

.relative-no {
    position: inherit
}

img {
    max-width: 100%
}

a {
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in;
    text-decoration: none !important
}

p b {
    vertical-align: initial
}

* {
    outline: 0 !important
}

.sec-heading {
    color: #3d3d3c;
    font-weight: 700;
    font-size: 38px;
    line-height: 40px;
    margin: 10px 0
}

a#loadMore {
    background: #ff5757;
    display: inline-block;
    padding: 13px 53px;
    text-transform: capitalize;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 50px;
    text-align: center;
    margin-right: 15px
}

.dis-flex-center {}

.dis-flex-end {
    display: flex;
    align-items: center;
    justify-content: end
}

.whatsappicon {
    position: fixed;
    bottom: 60px;
    left: 20px;
    width: 60px;
    z-index: 9999
}

.whatsappicon {
    animation-name: calljump;
    animation-iteration-count: infinite;
    animation-duration: 2s
}

@keyframes calljump {
    0% {
        bottom: 105px
    }

    50% {
        bottom: 80px
    }

    100% {
        bottom: 105px
    }
}

.callappicon {
    position: fixed;
    bottom: 20px;
    left: 22px;
    width: 55px;
    z-index: 9999
}

.callappicon {
    animation-name: jump;
    animation-iteration-count: infinite;
    animation-duration: 2s
}

@keyframes jump {
    0% {
        bottom: 30px
    }

    50% {
        bottom: 5px
    }

    100% {
        bottom: 30px
    }
}

section.about-sec2 .item ul {
    list-style: disc;
    margin-left: 25px
}

header {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    border-bottom: #d5d5d8 1px solid;
    background: #fff;
    padding: 0px 0;

    z-index: 9
}

section.banner {
    background: url(../images/banner-bg.webp) no-repeat left top;
    background-size: cover;
    padding: 140px 0 90px
}

header a.tp-hd-talk,
.btn-popups {
    text-transform: uppercase;
    font-family: poppins, sans-serif;
    color: #000000;
    font-size: 14px;
    display: inline-block;
    margin-right: 20px;
    margin-top: 24px;
    border: 1px solid #000000;
    padding: 10px;
    font-weight: 700
}

.btn-popups {
    padding: 12px 43px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 14px;
    margin-bottom: 10px;
    font-weight: inherit !important;
    color: #fff !important;
    border-radius: 6px;
    margin-right: 17px;
    background: #000000;
    box-shadow: #63616157 0 3px 4px
}

ul.tp-social li {
    display: inline-block;
    margin: 0 11px
}

ul.tp-social li a {
    color: #c4c5c9;
    font-size: 20px
}

ul.tp-social {
    text-align: right;
    margin: 9px 0 0
}

section.services ul li a {
    color: #fff
}

header a.tp-hd-talk i {
    display: none
}

header .col-md-4:nth-child(2) {
    text-align: center
}

section.banner h1 {
    font-weight: 700;
    background: linear-gradient(to right, #000000 0%, #2790ef 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 68px;
    margin-top: 50px;
    line-height: 64px;
    margin-bottom: 35px
}

section.banner p {
    font-size: 19px;
    padding-right: 12px;
    font-weight: bold;
}

section.product-design-logos {
    padding: 26px 0;
    border-top: #e6e6e6 1px solid;
    border-bottom: #e6e6e6 1px solid
}

section.product-design-logos span {
    display: block;
    color: #abacb2;
    font-size: 18px;
    line-height: 27px;
    font-weight: 700
}

section.product-design-logos img {
    margin-top: 7px
}

section.hm-sec1 {
    position: relative;
    overflow: hidden;
    padding: 140px 0 30px;
    font-size: 19px;
    color: #797979
}

section.hm-sec1:before {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    height: 52%;
    width: 100%;
    content: ""
}

section.hm-sec1 .container {
    z-index: 1;
    position: relative
}

section.hm-sec1 h6 {
    text-align: right;
    color: #000000;
    font-size: 17px;
    padding-right: 21px;
    margin-bottom: 24px;
    position: relative;
    width: 100%
}

section.hm-sec1 img {
    width: 100%
}

section.hm-sec1 h6:before {
    background: #ccc;
    height: 2px;
    width: 50px;
    content: "";
    display: inline-block;
    margin-right: 12px;
    position: relative;
    top: -3px
}

section.hm-sec1 h2 {
    color: #3d3d3c;
    font-weight: 700;
    font-size: 38px;
    line-height: 40px;
    margin-top: 60px;
    margin-bottom: 18px
}

section.hm-sec1 .col-md-6+.col-md-6 {
    padding-right: 8em;
    padding-left: 33px
}

section.portfolio-col .container {
    width: 1170px !important;
    max-width: 1170px !important;
    padding: 0
}

section.portfolio-col {
    position: relative;
    text-align: center;
    padding: 250px 0 60px
}


.feature-box img {
    margin-bottom: 15px;
    max-width: 100%;
    width: 75px
}

.feature-box {
    margin-bottom: 50px
}

.feature-box p {
    font-size: 16px
}



section.portfolio-col .card img {}

.h6-line>span {
    position: relative;
    display: inline-block;
    color: #2790ef
}

.h6-line>span:before {
    position: absolute;
    content: "";
    left: -66px;
    top: 9px;
    width: 40px;
    height: 1px;
    background: #abacb2
}

.h6-line {
    margin-bottom: 0;
    font-size: 19px
}

section.portfolio-col h2 {
    color: #3d3d3c;
    font-size: 36px;
    font-weight: 700
}

h2 {
    font-family: poppins, sans-serif;
    font-weight: 500
}

section.portfolio-col h2+p {
    font-family: poppins, sans-serif;
    color: #797979;
    font-size: 16px;
    padding: 0 200px;
    margin-bottom: 52px
}

section.portfolio-col .card img {
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in
}

section.portfolio-col .col-md-6 li:hover img {
    transform: scale(1.05);
    transition: all .4s ease-in
}

section.portfolio-col a.seemore-pf {
    color: #d5d5d9;
    font-family: poppins, sans-serif;
    font-size: 32px;
    top: -50px
}

section.portfolio-col:after {
    position: absolute;
    left: 0;
    bottom: 273px;
    /* background: url(../images/portfolio-after.webp) no-repeat left top; */
    content: "";
    width: 529px;
    height: 385px
}

section.portfolio-col .container {
    z-index: 1;
    position: relative
}

section.best-firms {
    text-align: center;
    position: relative;
    padding: 49px 0
}

section.best-firms h2 {
    font-size: 34px;
    font-weight: 700
}

section.best-firms h2+p {
    color: #797979;
    font-size: 16px;
    margin-bottom: 33px
}

section.best-firms h2+p span {
    color: #2790ef;
    vertical-align: initial
}

section.best-firms:after {
    background: url(../images/red-vctr-cr.webp) no-repeat left top;
    width: 251px;
    height: 497px;
    content: "";
    position: absolute;
    left: 0;
    top: -180px;
    z-index: -1;
}

section.best-firms a.chat {
    text-transform: uppercase;
    font-size: 19px !important;
    display: inline-block;
    color: #000000;
    position: relative;
    font-weight: 700;
    margin-top: 43px
}

i.line-cr-left {
    position: absolute;
    content: "";
    background: #ccc;
    width: 23px;
    height: 1px;
    left: -29px;
    top: 14px
}

i.line-cr-left:before {
    position: absolute;
    border: #ccc 2px solid;
    width: 4px;
    height: 4px;
    padding: 3px;
    border-radius: 50px;
    left: -10px;
    top: -4px;
    content: ""
}

section.mission-col {
    padding: 130px 0 0;
    color: #6d6d6d;
    font-size: 15px;
    position: relative;
    z-index: 2;
    overflow: hidden
}

.relative {
    position: relative
}

a.chat,
a.get-quote {
    color: #dc3d48;
    font-weight: 700;
    font-family: poppins, sans-serif;
    text-transform: uppercase;
    font-size: 19px
}

section.mission-col h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 41px;
    margin: 0 0 10px
}

section.mission-col h6.h6-line {
    margin-top: 121px
}

section.mission-col h2+p {
    padding-right: 43px;
    line-height: 26px
}

section.happy-clients {
    position: relative;
    color: #585858;
    font-size: 15px;
    padding: 50px 0 140px
}

section.happy-clients:after {
    background: url(../images/purple-vctr-cr.webp) no-repeat left top;
    width: 340px;
    height: 644px;
    content: "";
    position: absolute;
    right: 0;
    top: -450px;
    z-index: 0
}

section.happy-clients h2 {
    font-size: 50px;
    font-weight: 600
}

section.mission-col img {
    width: 100%
}

section.happy-clients p {
    margin-bottom: 42px
}

section.services {
    background: url(../images/services-bg.webp) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
    padding: 90px 0;
    position: relative
}

section.services h2 {
    color: #888891;
    font-size: 33px;
    padding-left: 180px;
    margin-bottom: 82px
}

section.services h6.h6-line {
    position: relative;
    top: 50px
}

section.services h6.h6-line span {
    color: #888790;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px
}

section.services h4 {
    font-size: 21px;
    color: #fff;
    margin: 12px 0 30px
}

section.services ul li {
    font-size: 15px;
    padding: 0 0 13px;
    position: relative;
    padding-left: 24px
}

section.services ul li:last-child {
    padding-bottom: 0
}

section.services ul li:before {
    content: "";
    width: 10px;
    height: 1px;
    background: #2790ef;
    position: absolute;
    left: 0;
    top: 11px
}

i.red-cube-vctr {
    background: url(../images/red-cube.webp) no-repeat left top;
    width: 81px;
    height: 81px;
    position: absolute;
    bottom: -50px;
    left: 17%
}

section.cutomer-feedback {
    padding: 250px 0 30px;
    font-size: 16px;
    position: relative
}

section.cutomer-feedback:before {
    background: url(../images/purple-vctr-cr2.webp) no-repeat left top;
    width: 271px;
    height: 538px;
    content: "";
    position: absolute;
    left: 0;
    top: 160px;
    z-index: 0
}

section.cutomer-feedback h2 {
    font-size: 40px
}

section.cutomer-feedback p {
    line-height: 29px;
    color: #5f5f5f
}

section.about-sec2 h3 {
    font-size: 55px;
    font-weight: 600;
    color: #3d3d3c
}

section.cutomer-feedback .col-md-5 {
    margin-top: -137px
}

section.cutomer-feedback .item {
    padding-top: 145px;
    padding-bottom: 40px
}

section.cutomer-feedback .author-name {
    font-size: 19px;
    color: #000000;
    margin-top: 1px;
    padding-left: 20px;
    font-weight: 700;
    font-family: poppins, sans-serif
}

section.cutomer-feedback .author-name span {
    color: #2790ef;
    display: inline-block;
    font-size: 15px;
    margin-left: 22px;
    vertical-align: initial
}

section.cutomer-feedback .testimonials-slider {
    margin-top: -17px
}

section.cutomer-feedback .col-md-12:after {
    bottom: -14px;
    left: 25.4%;
    background-size: 100% 100% !important
}

h1 *,
h2 *,
h3 *,
h4 *,
h5 *,
h6 * {
    vertical-align: middle
}

section.cutomer-feedback .container {
    border-bottom: #e0e0e0 1px solid;
    padding-bottom: 0;
    position: relative
}

section.footer-form:before {
    content: "";
    position: absolute;
    left: 0;
    top: 60px;
    width: 43.4%;
    z-index: 0;
    height: 556px;
    background: url(../images/bottom-form-img.webp) no-repeat right bottom #2a27bb;
    background-size: cover;
    top: 0
}

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

section.footer-form h2 {
    background: #fff;
    padding: 18px 53px;
    box-shadow: #5d5d5d6e 0 0 21px;
    display: inline-block;
    margin-top: 0;
    font-weight: 700;
    width: 80%;
    font-size: 38px;
    line-height: 42px
}

section.footer-form h2 span {
    display: block;
    color: #dd424d;
    text-decoration: underline;
    font-size: 32px;
    letter-spacing: 2px
}

section.footer-form .col-md-5 {
    color: #fff;
    font-size: 17px
}

section.footer-form .col-md-5 p {
    padding-right: 82px;
    font-size: 22px;
    line-height: 23px;
    margin-top: 39px
}

section.footer-form .col-md-5 ul li {
    display: inline-block;
    margin: 0 16px;
    font-size: 20px
}

section.footer-form .col-md-5 ul {
    margin-bottom: 23px
}

section.footer-form .col-md-5 a.chat {
    color: #fff
}

section.footer-form h3 {
    margin-top: 40px;
    color: #2790ef;
    font-size: 44px;
    font-weight: 600
}

;

section.footer-form h3+p {
    font-size: 16px;
    color: #656363;
    margin: 0
}

section.footer-form form input,
section.footer-form form textarea {
    width: 100%;
    border: 0;
    border-bottom: #dbdbdb 1px solid;
    background: 0 0;
    color: #545353;
    padding: 20px 0
}

section.footer-form form textarea {
    height: 77px
}

section.footer-form form input[type=submit] {
    float: right;
    width: auto;
    padding: 4px 33px;
    border: #000000 2px solid;
    border-radius: 50px;
    color: #fff;
    margin: 14px 0 0;
    font-size: 19px;
    background: #000000
}

section.footer-form form li {
    width: 100%
}

section.footer-form .col-md-7 {
    background: url(../images/form-bg.webp) repeat left top;
    padding: 0 20px 13px
}

footer {
    padding: 60px 0 0;
    border-top: #ccc 1px solid
}

footer ul li {
    font-size: 14px;
    margin-bottom: 6px;
    color: #696969
}

footer h6 {
    margin: 0 0 27px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 19px;
    color: #000
}

footer ul li a {
    color: #696969
}

.works-next-stop {
    background: url(../images/work-next.webp) no-repeat left top;
    background-size: cover;
    margin-top: 53px;
    text-align: center
}

.works-next-stop .h6-line span {
    color: #fff;
    letter-spacing: 2px
}

.works-next-stop h2 {
    font-size: 62px;
    margin-top: 13px;
    color: #1f1f23;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
    text-shadow: #fff 0 0 3px
}

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

footer ul li:hover a {
    color: #000000;
    padding-left: 4px
}

ul.ftr-social li {
    padding-bottom: 9px
}

section.portfolio-col [class^=col-] {
    position: initial;
    padding: 0 10px
}

section.portfolio-col .card.cp2:after {}

.portfolio-overlay {
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    color: #fff;
    -ms-transition: all .3s ease-in;
    transition: all .3s ease-in;
    background: #001021db;
    width: 100%;
    left: 0;
    border: 0;
    height: 100%;
    font-size: 19px;
    position: absolute;
    z-index: 1;
    opacity: 0;
    bottom: 0;
    padding: 19px;
    display: -webkit-flex;
    display: inline-flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.portfolio-overlay h6 {
    color: #fff;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 2px
}

section.portfolio-col .col-md-6 li:hover .portfolio-overlay {
    opacity: 1
}

section.portfolio-col .col-md-6 li:hover a:before {}

section.inner-banner {
    padding: 89px 0 0 47px;
    border-left: #2790ef 30px solid;
    overflow: hidden;
    border-bottom: #e8e8e8 1px solid;
    background: #fff;
    position: relative;
    z-index: 3
}

section.inner-banner .col-md-5 {
    padding-left: 3%;
    padding-top: 72px;
    background: #fff;
    padding-right: 11%
}

section.inner-banner .col-md-5 h1 {
    font-size: 50px;
    color: #000000;
    line-height: 55px;
    font-weight: 700;
    margin-bottom: 26px;
    margin-top: 14px
}

section.inner-banner .container-fluid {
    padding-right: 0
}

section.inner-banner .col-md-5 h1+p {
    font-size: 20px;
    color: #112043
}

section.inner-banner .col-md-5 i.line-blank-dot {
    background: #3d3d3c;
    height: 46px;
    width: 2px;
    display: block;
    margin-top: 22px;
    position: relative
}

section.inner-banner .col-md-5 i.line-blank-dot:after {
    background: #fff;
    content: "";
    width: 2px;
    height: 6px;
    bottom: 10px;
    left: 0;
    position: absolute
}

section.about-sec-1 {
    padding: 100px 0
}

section.about-sec-1 h2 {
    color: #3d3d3c;
    font-size: 44px;
    margin-bottom: 33px
}

i.dotted-lines-vctr {
    height: 100%;
    background: url(../images/dotted-lines.webp) repeat-y right top;
    width: 100%;
    display: block
}

section.about-sec2 {
    padding: 50px 0 190px;
    position: relative;
    color: #3d3d3c;
    overflow: hidden
}

section.about-sec2:before {
    background: #fbfbfb;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 72%;
    z-index: -1;
    height: 100%
}

section.about-sec2 h2 {
    font-size: 72px;
    color: #3d3d3c;
    font-weight: 600;
    margin-bottom: 53px
}

section.about-sec2 .few-count {
    display: block;
    background: #2790ef;
    width: 87px;
    text-align: center;
    font-size: 55px;
    color: #fff;
    margin-bottom: 36px
}

section.about-sec2 .item h4 {
    color: #000000;
    font-size: 47px;
    line-height: 48px;
    margin-bottom: 33px
}

section.about-sec2 .item p {
    padding-right: 92px
}

section.about-sec2 .item {
    padding-left: 83px;
    padding-top: 53px;
    font-size: 16px
}

.few-things-slider .owl-dots {
    counter-reset: dots;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

.few-things-slider .owl-dot:before {
    counter-increment: dots;
    content: counter(dots)
}

.few-things-slider .owl-dots button.owl-dot {
    display: block;
    color: #abacb2;
    padding: 5px 0 !important;
    border-radius: 50px;
    border: #abacb2 1px solid;
    width: 30px;
    font-family: poppins, sans-serif;
    height: 30px;
    background: #fff;
    font-weight: 700;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in;
    font-size: 12px;
    margin: 39px 0;
    cursor: pointer;
    position: relative;
    z-index: 9
}

.few-things-slider .owl-dots button.owl-dot:hover {
    background: #000000;
    color: #fff;
    border-color: #000000
}

.few-things-slider .owl-dots button.owl-dot span {
    display: block
}

.few-things-slider .owl-dots:before {
    width: 1px;
    height: 100%;
    background: #b1b2b7;
    content: "";
    position: absolute;
    left: 15px;
    top: 0;
    z-index: 0
}

.few-things-slider .owl-dots button.owl-dot:first-child {
    margin-top: 0
}

.few-things-slider .owl-dots:after {
    width: 10px;
    height: 10px;
    background: #000000;
    content: "";
    position: absolute;
    left: 10px;
    bottom: 0;
    z-index: 0;
    border-radius: 50px
}

section.creative-path {
    text-align: center;
    padding: 60px 0;
    position: relative
}

section.creative-path h2 {
    font-size: 50px;
    color: #3d3d3c;
    font-weight: 600
}

section.creative-path h2+p {
    padding: 0 171px;
    color: #777575;
    margin-bottom: 73px
}

section.creative-path [class^=col-] {
    text-align: left
}

section.creative-path [class^=col-] i {
    display: block;
    margin-bottom: 23px
}

section.creative-path [class^=col-] h6 {
    color: #000000;
    padding-bottom: 17px;
    border-bottom: #cacaca 1px solid;
    margin-bottom: 25px;
    font-size: 20px
}

section.creative-path [class^=col-] ul li {
    margin-bottom: 9px;
    color: #676767
}

section.creative-path:after {
    background: url(../images/purple-vctr-cr.webp) no-repeat left top;
    width: 340px;
    height: 644px;
    content: "";
    position: absolute;
    right: 0;
    top: -310px;
    z-index: 0
}

section.meet-technologies {
    background: #fbfbfb;
    padding: 90px 0;
    color: #000000;
    position: relative;
    border-right: #fff 120px solid
}

section.meet-technologies h4 {
    font-size: 30px;
    margin: 70px 0 20px
}

section.meet-technologies img {
    margin-left: -230px;
    max-width: initial;
    margin-top: -17px
}

i.gray-circle-dots-vctr {
    background: url(../images/gray-dotted-vctr.webp) no-repeat left top;
    background-size: cover;
    width: 394px;
    height: 172px;
    position: absolute;
    top: -73px;
    right: 40px
}

section.meet-technologies h4+p {
    font-size: 21px
}

body.hp-firm-none-vctr section.happy-clients:after,
body.hp-firm-none-vctr section.best-firms:after {
    display: none
}

section.services-sec {
    overflow: hidden;
    padding: 80px 0;
    color: #797979
}

section.services-sec .col-md-5 {
    padding: 0
}

section.services-sec .col-md-7 {}

section.services-sec .col-md-7 h2 {
    font-size: 46px;
    line-height: 49px;
    margin-bottom: 24px;
    margin-top: 10px;
    font-weight: 700
}

section.services-sec .col-md-7 {
    padding: 0 7%;
    font-size: 15px
}

section.services-sec .col-md-7 .h6-line {
    margin-top: 73px;
    font-family: poppins, sans-serif;
}

section.services-sec .col-md-7 p {
    font-size: 17px;
    margin-bottom: 38px;
    line-height: 26px
}

section.services-sec .col-md-7 ul li {
    display: inline-block;
    width: 49%;
    margin-bottom: 11px;
    color: #383737;
    font-size: 17px
}

section.services-sec .col-md-7 ul li a {
    color: inherit;
    vertical-align: initial
}

section.services-sec .row {
    padding: 4em 0
}

i.services_vctr-1 {
    position: absolute;
    background: url(../images/services_vctr-1.webp) no-repeat left top;
    width: 150px;
    height: 159px;
    z-index: -2;
    bottom: 0;
    right: 0
}

.principle-style-bx {
    text-align: left;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left top;
    display: inline-block;
    margin: 0 5px 6px 0;
    -webkit-transition: all .4s ease-in;
    -moz-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    -ms-transition: all .4s ease-in;
    transition: all .4s ease-in;
    width: 265px
}

.principle-style-bx a {
    border: 0 !important;
    border-radius: 0 !important;
    display: block;
    height: 173px;
    width: 100%;
    padding-top: 80px;
    color: #fff
}

.p1 {
    background-image: url(../images/principles-bg-1.webp)
}

.p2 {
    background-image: url(../images/principles-bg-2.webp)
}

.p3 {
    background-image: url(../images/principles-bg-3.webp)
}

.p4 {
    background-image: url(../images/principles-bg-4.webp)
}

.p5 {
    background-image: url(../images/principles-bg-1.webp)
}

.p6 {
    background-image: url(../images/principles-bg-6.webp)
}

.nav-item.principle-style-bx .nav-link.active,
.nav-item.principle-style-bx .nav-link.active * {
    background-color: transparent !important;
    color: #fff !important
}

.principle-style-bx a h6 {
    color: #ffffff59
}

.principle-style-bx a span {
    color: #ffffff63;
    font-size: 42px
}

.principle-style-bx:hover a * {
    color: #fff !important;
    -webkit-transition: all .4s ease-in;
    -moz-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    -ms-transition: all .4s ease-in;
    transition: all .4s ease-in
}

section.services-principles {
    padding: 110px 0;
    background: #fbfbfb
}

section.services-sec .row:last-child {
    padding-bottom: 0
}

section.services-principles h2 {
    font-size: 32px;
    margin-top: 1px;
    font-weight: 700
}

section.portfolio-col a.seemore-pf span {
    padding-left: 34px
}

section.services-principles .tab-pane span {
    font-size: 147px;
    color: #cccccc30;
    font-family: poppins, sans-serif;
    margin-top: -42px;
    display: block
}

section.services-principles .tab-pane h6 {
    margin-top: -121px;
    font-size: 30px;
    color: #000000;
    margin-bottom: 90px
}

section.services-principles .col-md-6+.col-md-6 {
    padding-left: 25px;
    padding-right: 0
}

section.services-principles .tab-pane {
    color: #696969;
    font-size: 15px
}

.p2 span,
.p6 span,
.p3 span {}

section.services-principles .h6-line {
    float: right;
    margin: -50px 0 0
}

.nav-item.principle-style-bx:hover,
li.nav-item.principle-style-bx a.active {
    transform: scale(1.06)
}

#body-nav .col-md-5 ul.pf-menu-links li {
    text-align: left;
    font-size: 37px;
    position: relative;
    color: #fff
}

#body-nav .col-md-5 ul.pf-menu-links li a:before {
    background: #fff;
    content: "";
    position: absolute;
    left: 0;
    top: 26px;
    width: 20px;
    height: 2px
}

#body-nav .col-md-5 ul.pf-menu-links li:hover a:before {
    background: #fff
}

#body-nav .col-md-7 ul.pf-menu li {
    display: inline-block;
    position: relative;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in;
    border: #000 1px solid;
    width: 33%;
    margin: 0 -2px
}

#body-nav .col-md-7 ul.pf-menu li img {
    width: 100%;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in
}

#body-nav .col-md-7 ul.pf-menu li .pf-menu-overlay {
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    color: #fff;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in;
    position: absolute;
    z-index: 1;
    background: #020215db;
    width: 100%;
    height: 100%;
    bottom: -100%;
    left: 0;
    font-size: 19px;
    display: -webkit-flex;
    display: inline-flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

#body-nav .col-md-7 ul.pf-menu li a {
    display: block;
    overflow: hidden;
    position: relative
}

#body-nav .col-md-7 ul.pf-menu li .pf-menu-overlay span {
    font-size: 10px;
    color: #d65a00;
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px
}

#body-nav .col-md-7 ul.pf-menu li .pf-menu-overlay i {
    color: #fff
}

#body-nav .col-md-7 ul.pf-menu li .pf-menu-overlay:before {
    width: 90%;
    height: 90%;
    content: "";
    border: #ffffff94 1px solid;
    position: absolute;
    z-index: 0
}

#body-nav .col-md-7 ul.pf-menu li:hover .pf-menu-overlay {
    bottom: 0
}

.show-nav #body-nav .col-md-7 {
    height: 100vh;
    overflow: scroll
}

.site-wrap {
    overflow: hidden;
    width: 100%;
    height: 100%
}

#body-nav {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    z-index: 999999;
    -webkit-transition: all 300ms ease 0ms;
    -moz-transition: all 300ms ease 0ms;
    -o-transition: all 300ms ease 0ms;
    transition: all 300ms ease 0ms;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 101%
}

.show-nav #body-nav {
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 100%
}

.push-wrap {
    -webkit-transition: all 300ms ease 0ms;
    -moz-transition: all 300ms ease 0ms;
    -o-transition: all 300ms ease 0ms;
    transition: all 300ms ease 0ms;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.show-nav .push-wrap {
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    -o-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

header .toggle-nav {
    right: 30px;
    position: fixed;
    z-index: 99999999999999;
    left: inherit;
    background: #fff;
    padding: 0 13px;
    font-size: 21px;
    top: 38px
}

header .toggle-nav .option {
    right: auto;
    left: 125%
}

header .toggle-nav i {
    color: #c4c5c9;
    font-size: 36px
}

body.show-nav header .svg-inline--fa.fa-bars {
    display: none
}

body.show-nav header .toggle-nav {
    padding: 15px 20px;
    background: 0 0
}

body.show-nav header .svg-inline--fa.fa-times {
    display: block
}

#body-nav .col-md-5 h6 {
    color: #2790ef;
    font-size: 43px;
    line-height: 46px;
    margin-bottom: -20px;
    position: relative
}

#body-nav .col-md-5 h6 span {
    display: block;
    color: #fff;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 17px
}

h6 {}

#body-nav .col-md-5 {
    padding-left: 103px
}

#body-nav .col-md-5 ul.tp-social {
    text-align: right;
    position: absolute;
    bottom: 10px;
    margin: 0;
    right: 10px
}

#body-nav .col-md-5 ul.tp-social li a {
    color: #bbb6b6;
    background: #0006;
    padding: 10px 0 0;
    display: block;
    width: 53px;
    height: 48px;
    font-size: 18px;
    text-align: center
}

#body-nav .col-md-5 ul.tp-social li {
    margin: 0 9px
}

section.portfolio-col .card.cp1:after {
    position: absolute;
    content: "";
    background: #dc3d48;
    width: 107px;
    height: 100px;
    right: 49px;
    z-index: -1;
    bottom: -10px
}

span.hd-border {
    font-size: 390px;
    color: #fff;
    text-shadow: #00000085 0 0 1px;
    position: absolute;
    z-index: -1;
    top: -240px;
    right: 30px;
    opacity: .5
}

section.portfolio-col .col-md-6 li:hover .portfolio-overlay i {
    font-size: 24px;
    color: #fff;
    margin-bottom: 8px
}

section.portfolio-col a.seemore-pf i.line-cr-left {
    top: 23px;
    width: 50px
}

section.happy-clients span.hd-border {
    font-size: 250px;
    top: -100px
}

i.dbl-vctr-cr {
    background: url(../images/dbl-vctr-cr.webp) no-repeat left top;
    width: 206px;
    height: 183px;
    position: absolute;
    top: -80px;
    right: 0
}

section.cutomer-feedback span.hd-border {
    top: -180px;
    font-size: 252px;
    right: inherit;
    left: 30px
}

i.sep {
    background: url(../images/sep.webp) left top no-repeat;
    width: 13px;
    height: 186px;
    position: absolute;
    left: 50%;
    top: -10px;
    margin-left: -7px;
    z-index: 1
}

section.portfolio-col span.hd-border {
    top: 0
}

section.portfolio-col .card.cp11,
section.portfolio-col .card.cp10 {
    text-align: right
}

ul.tp-social li a:hover i {
    color: #dd414c
}

.works-next-stop a {
    padding: 170px 0 150px;
    display: block
}

section.portfolio-col .col-md-6 ul li {
    margin-bottom: 23px;
    position: relative;
    overflow: hidden
}

section.portfolio-col .col-md-6 ul li:hover .portfolio-overlay {}

section.portfolio-col .col-md-6 ul li img {
    width: 100%
}

.portfolio-overlay .svg-inline--fa.fa-plus.fa-w-12 {
    font-size: 63px;
    color: #2790ef
}

section.inner-banner .h6-line {
    font-size: 27px
}

section.inner-banner .h6-line>span:before {
    top: 11px;
    width: 58px
}

p.ftr-about {
    line-height: 26px;
    padding-right: 100px;
    color: #797979;
    font-family: poppins, sans-serif;
}

footer ul.ftr-social li span {
    display: inline-block;
    margin-left: 5px
}

footer ul.ftr-social li i {
    margin-right: 5px;
    font-size: 13px;
    color: #000000
}

section.cities ul li {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 0
}

section.cities ul li a {
    color: #fff
}

section.cities ul {
    margin: 10px 0
}

section.cities {
    text-align: center;
    background: #000000;
    color: #fff;
    padding: 10px 0
}

.works-next-stop .h6-line span:before {
    top: 12px;
    width: 58px;
    background: #fff
}

.thankyou-banner h1 {
    font-size: 46px;
    font-weight: 600;
    margin-bottom: 22px;
    line-height: 58px;
    color: #fff
}

.thankyou-banner h1 span {
    display: block;
    font-family: georgia;
    font-style: italic
}

a.logo-thankyou {
    display: inline-block;
    margin-bottom: 62px
}

.thankyou-banner {
    text-align: center;
    background: url(../images/home-banner.webp);
    display: -webkit-flex;
    display: inline-flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100vh;
    width: 100%;
    font-size: 22px;
    color: #fff;
    line-height: 26px;
    background-size: cover
}

a.live-chat-thank.chat {
    background: #ee2c5e;
    display: inline-block;
    border-radius: 50px;
    padding: 14px 70px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 40px 0
}

header .head-menu .dropdown:hover>.dropdown-menu {
    display: block
}

header .head-menu .dropdown>.dropdown-toggle:active {
    pointer-events: none
}

header .head-menu ul {
    margin: 0;
    padding: 0
}

header .head-menu ul li {
    margin: 0 15px
}

header .head-menu ul li a {
    font-size: 18px;
    font-weight: 600;
    color: #000
}

header .head-menu ul li.dropdown {}

header .head-menu ul li.dropdown a {
    background-color: transparent !important;
    border: 0;
    color: #000
}

header .head-menu ul li.dropdown ul {
    background-color: #fff;
    padding: 10px;
    border-radius: 4px;
    left: -70px !important;
    border-color: #fef2f2
}

header .head-menu ul li.dropdown ul li {
    margin: 0
}

header .head-menu ul li.dropdown ul li a {
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    position: relative;
    left: 0
}

header .head-menu ul li.dropdown ul li a:hover {
    left: 8px
}

.dis-flex {
    display: flex;
    align-items: center;
    justify-content: center
}

.dis-flex-end {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

section.packages {
    padding: 50px 0 100px;
    font-size: 14px;
    line-height: 23px
}

section.packages h2 {
    color: #3d3d3c;
    font-size: 42px;
    text-align: center;
    font-weight: 700
}

section.packages h2 a.grad-btn {
    color: #fff
}

section.packages a.grad-btn {
    color: #fff;
    padding: 10px 30px;
    border-radius: 5px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
    margin: 0 auto;
    display: table;
    top: 20px;
    background: #dd414d;
    border-color: #dd414d
}

section.packages p {
    color: #797979;
    font-size: 16px;
    margin-bottom: 45px;
    display: block;
    text-align: center;
    margin: 20px
}

section.packages a.border-btn {
    font-weight: 600;
    padding: 6px 30px;
    background: linear-gradient(to right, #ef4e28 0%, #ec6d28 21%, #f7a358 74%, #f7c158 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    border: 3px solid transparent;
    border-image: linear-gradient(to right, #ef4e28 0%, #ec6d28 21%, #f7a358 74%, #f7c158 100%);
    border-image-slice: 5;
    text-transform: uppercase
}

section.packages .col-md-4 {
    margin: 30px 0
}

section.packages [class^=col-md-4]>div {
    border-radius: 5px;
    padding: 20px 20px 0;
    background: #fff;
    position: relative;
    border: 2px solid #d8dfe6;
    border-radius: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in
}

section.packages [class^=col-md-4]>div h2 {
    font-size: 24px;
    font-weight: 600;
    text-align: left;
    margin-bottom: 14px
}

section.packages [class^=col-md-4]>div i {
    position: absolute;
    right: -2px;
    top: 0
}

section.packages [class^=col-md-4]>div .pricebox {
    position: relative;
    text-align: left
}

section.packages [class^=col-md-4]>div .pricebox sup {
    font-size: 25px;
    font-weight: 600;
    position: relative;
    color: #dc0000
}

section.packages [class^=col-md-4]>div .pricebox h3 {
    display: inline-block;
    font-size: 63px;
    margin: 0;
    font-weight: 700;
    color: #dd342f;
    padding-right: 10px
}

section.packages [class^=col-md-4]>div .pricebox strike {
    font-size: 16px;
    color: #6c6c6c;
    position: relative;
    top: -10px;
    font-weight: 700
}

section.packages [class^=col-md-4]>div .pricebox span {
    position: absolute;
    top: 16px;
    left: 0;
    font-size: 14px;
    color: #6c6c6c;
    font-weight: 700
}

section.packages [class^=col-md-4]>div ul li {
    font-size: 14px;
    color: #3d3d3c;
    font-weight: 500;
    padding-left: 15px;
    position: relative;
    margin-bottom: 3px;
    padding-right: 12px
}

section.packages [class^=col-md-4]>div ul li:before {
    content: "";
    display: inline-block;
    top: 9px;
    position: absolute;
    left: 0;
    background: #000;
    width: 5px;
    height: 5px;
    border-radius: 50px
}

section.packages [class^=col-md-4]>div ul {
    margin-bottom: 0;
    margin-top: 5px;
    text-align: left
}

p.addontag {
    font-size: 12px;
    color: #000;
    display: inline-block;
    margin-bottom: 0;
    width: 100%;
    font-weight: 700;
    text-align: v;
    margin: 7px 0
}

p.addontag strong {
    color: #db0000
}

section.packages [class^=col-md-4]>div a.mr-det {
    display: block;
    text-transform: uppercase;
    color: #000;
    margin: 10px 0 0;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 2px;
    margin-left: 5px
}

section.packages [class^=col-md-4]>div h2+p {
    font-size: 11px;
    color: #727272;
    text-align: left;
    width: 89%;
    margin: 0 0 16px;
    line-height: 14px
}

section.packages [class^=col-md-4]>div:hover {
    border: 2px solid #d22a43 !important;
    border-radius: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-position: 0 0, 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 2px
}

.scrollbar {
    margin-left: 0;
    float: left;
    height: 306px;
    width: 100%;
    overflow-y: scroll;
    margin-bottom: 15px;
    overflow-x: hidden
}

.style-14::-webkit-scrollbar-track {
    background-color: #e8e8e8
}

.style-14::-webkit-scrollbar {
    width: 5px;
    background-color: #2790ef
}

.style-14::-webkit-scrollbar-thumb {
    background-color: #2790ef
}

.actions {
    border-top: 1px solid #eee;
    padding-top: 15px;
    margin-top: 15px;
    display: block;
    float: left;
    position: relative;
    width: 100%;
    text-align: center;
    margin: 0 auto 0
}

.actions::before {
    position: absolute;
    content: "";
    height: 43px;
    background-color: #eee;
    width: 1px;
    left: 46%;
    top: 10px
}

.actions .col-md-6 {
    padding: 0 0;
    float: left
}

.actions a {
    vertical-align: top;
    min-width: inherit;
    margin: 0;
    position: relative;
    color: #000;
    font-size: 9px;
    font-family: poppins, sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

.actions a span {
    font-size: 13px;
    float: left;
    font-weight: 700;
    color: #7f7b7b
}

section.packages * {
    vertical-align: top
}

.actions a span small {
    display: block;
    font-size: 12px;
    line-height: normal;
    color: #db321a;
    font-weight: 700
}

section.packages .pricebox *,
section.packages ul {
    vertical-align: middle
}

section.packages nav {
    margin: 50px 0 0
}

section.packages nav .nav-tabs {
    border: 0
}

section.packages nav .nav-tabs a {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    border: 0;
    border-bottom: 0 !important;
    padding: 15px 10px;
    background-color: #f9f9f9;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75);
    box-shadow: -10px 10px 10px 0 rgba(220, 22, 22, .1)
}

section.packages nav .nav-tabs a.active {
    background-color: #dc1616;
    color: #fff;
    z-index: 9999
}

section.free_project {
    padding: 200px 0 20px;
    position: relative
}

section.free_project h2 {
    color: #3d3d3c;
    font-weight: 700;
    font-size: 36px;
    line-height: 55px;
    margin-bottom: 18px
}

section.free_project p {}

section.free_project .img-box {}

section.free_project .img-box img {}

section.free_project ul {}

section.free_project ul li {
    margin: 0 0 30px
}

section.free_project ul li strong {
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #3d3d3c
}

section.free_project ul li a {
    font-size: 28px;
    font-weight: 700;
    color: #000000
}

section.free_project i.dbl-vctr-cr {
    left: 0;
    transform: rotate(180deg)
}

section.free_project .free_pro_in {
    padding: 40px;
    border: 10px solid #fcd71c
}

section.free_project .let_talk {
    padding: 0 0 0 12%
}

section.free_project .let_talk:before {
    position: absolute;
    content: "Let's Talk";
    font-size: 81px;
    font-family: cera_compact_promedium !important;
    color: #f1f1f1;
    left: -15%;
    transform: rotate(270deg);
    width: 50%;
    line-height: 70px;
    margin: auto;
    top: 0;
    font-weight: 700;
    z-index: -1
}

section.faqs {
    padding: 100px 0
}

section.faqs h2 {
    text-align: center;
    color: #3d3d3c;
    font-size: 42px;
    font-weight: 700
}

section.faqs p {
    text-align: center;
    width: 80%;
    margin: 0 auto 30px
}

section.faqs .accordion {}

section.faqs .accordion .card {
    margin: 0 0 15px;
    border-radius: 10px;
    border: 2px solid #f1f1f1
}

section.faqs .accordion .card .card-header {}

section.faqs .accordion .card .card-header h2 {
    text-align: left;
    line-height: 0
}

section.faqs .accordion .card .card-header button {
    color: #3d3d3c;
    font-size: 18px;
    text-decoration: none;
    width: 100%;
    text-align: left
}

section.faqs .accordion .card .card-body {}

.dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20%);
    transition: all .5s
}

.dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0%)
}

.pinkbox {
    background-color: #000000;
    padding: 90px 30px;
    position: relative;
    left: 50px
}

.footer-form .pinkbox h2 {
    background-color: transparent !important;
    box-shadow: unset !important;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 60px;
    line-height: 1;
    position: relative;
    padding-bottom: 20px
}

.footer-form .pinkbox h2 em {
    font-style: italic;
    color: #2790ef;
    vertical-align: middle
}

.footer-form .pinkbox h2:after {
    content: "";
    width: 100px;
    height: 5px;
    background-color: #2790ef;
    position: absolute;
    left: 0;
    bottom: -10px
}

section.footer-form .col-md-5 p,
section.footer-form .col-md-5 li {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4
}

section.footer-form .col-md-5 p {
    padding-right: 82px;
    font-size: 22px;
    line-height: 23px;
    margin-top: 39px
}

section.footer-form .col-md-5 ul {
    margin-bottom: 23px
}

section.footer-form .col-md-5 ul li {
    display: inline-block;
    margin: 0 0;
    font-size: 20px
}

section.footer-form .col-md-5 p,
section.footer-form .col-md-5 li {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    font-family: poppins !important
}

section.footer-form h3~p {
    margin-bottom: 20px;
    color: #797979;
    font-size: 18px
}

section.footer-form form input,
section.footer-form form textarea {
    background-color: #f5f5f5;
    padding: 17px 20px;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 200 !important
}

section.footer-form {
    padding: 0;
    background-image: url(../images/lets-get-bg.webp);
    background-position: left;
    background-position: 71%;
    background-color: #f0f0f0
}

section.footer-form form input,
section.footer-form form textarea::placeholder {}

section.footer-form form textarea {
    min-height: 100px;
    resize: none
}

section.footer-form form input[type=submit] {
    float: none;
    display: table;
    background-color: #000000;
    border: 0;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 14px;
    padding: 12px 46px
}

section.about-sec-1 {
    padding: 100px 0
}

span.hd-border {
    text-shadow: #000000ba 0 0 3px
}

span.hd-border {
    font-size: 320px;
    color: #f8f8f8;
    text-shadow: #00000085 0 0 1px;
    position: absolute;
    z-index: -1;
    top: -240px;
    right: 30px;
    opacity: .5
}

.h6-line {
    margin-bottom: 0;
    font-size: 19px
}

.h6-line>span {
    font-weight: 700;
    font-size: 24px;
    color: #000000;
    text-transform: uppercase
}

.h6-line>span {
    position: relative;
    display: inline-block;
    font-family: poppins, sans-serif
}

.new-review {
    margin-top: 30px
}

.stepssec {
    background-position: center;
    background-size: cover;
    padding: 1em 0 0;
    background-color: #393a99;
    position: relative
}

.stepssec:before {
    content: "";
    width: 350px;
    height: 380px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: url(../images/stepbefore.webp);
    background-repeat: no-repeat;
    opacity: .03
}

.stepshead {
    text-align: center
}

.stepshead h4 {
    width: 240px;
    color: #fff;
    text-align: right;
    font-weight: 700;
    font-size: 24px;
    margin-top: 20px
}

.stepshead * {
    display: inline-block
}

.stepshead h3 {
    color: #fff;
    font-size: 39px;
    font-weight: 700;
    margin-left: -150px;
    text-transform: uppercase;
    margin-top: 44px
}

.stepshead h3 small {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    text-align: right
}

.reviewbox {
    background: #f5f5f5;
    padding: 30px;
    position: relative;
    text-align: left;
    min-height: 270px;
    margin-bottom: 31px
}

.reviewbox h4 {
    color: #000;
    font-size: 16px;
    padding-top: 10px
}

.reviewbox span {
    color: #2790ef;
    display: block;
    font-weight:bold;
}

.reviewbox:before {
    background: url(../images/quote.png) no-repeat bottom right;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 20px;
    content: "";
    bottom: 15px;
    opacity: 25%;
    background-size: 24%
}

span.hd-border {
    font-size: 320px;
    color: #f8f8f8;
    text-shadow: #00000085 0 0 1px;
    position: absolute;
    z-index: -1;
    top: -240px;
    right: 30px;
    opacity: .5
}

section.about-sec-1 {
    padding: 100px 0
}

span.hd-border {
    text-shadow: #000000ba 0 0 3px
}

span.hd-border {
    font-size: 320px;
    color: #fff;
    text-shadow: #00000085 0 0 1px;
    position: absolute;
    z-index: -1;
    top: -240px;
    right: 30px;
    opacity: .5
}

.h6-line {
    margin-bottom: 0;
    font-size: 19px
}

.h6-line>span {
    font-weight: 600;
    font-size: 24px;
    color: #000000;
    text-transform: uppercase
}

.h6-line>span {
    position: relative;
    display: inline-block;
    font-family: poppins, sans-serif
}

.new-review {
    margin-top: 30px
}

.stepssec {
    background-position: center;
    background-size: cover;
    padding: 1em 0 0;
    background-color: #393a99;
    position: relative
}

.stepssec:before {
    content: "";
    width: 350px;
    height: 380px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: url(../images/stepbefore.webp);
    background-repeat: no-repeat;
    opacity: .03
}

.stepshead {
    text-align: center
}

.stepshead h4 {
    width: 240px;
    color: #fff;
    text-align: right;
    font-weight: 700;
    font-size: 24px;
    margin-top: 20px
}

.stepshead * {
    display: inline-block
}

.stepshead h3 {
    color: #fff;
    font-size: 39px;
    font-weight: 700;
    margin-left: -150px;
    text-transform: uppercase;
    margin-top: 44px
}

.stepshead h3 small {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    text-align: right
}

.reviewbox {
    background: #f5f5f5;
    padding: 30px;
    position: relative;
    text-align: left;
    min-height: 270px;
    margin-bottom: 31px
}

.reviewbox h4 {
    color: #000;
    font-size: 16px;
    padding-top: 10px
}

.reviewbox span {
    color: #2790ef;
    display: block;
    font-weight:bold;
}

.reviewbox:before {
    background: url(../images/quote.png) no-repeat bottom right;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 20px;
    content: "";
    bottom: 15px;
    opacity: 25%;
    background-size: 24%
}

span.hd-border {
    font-size: 320px;
    color: #f8f8f8;
    text-shadow: #00000085 0 0 1px;
    position: absolute;
    z-index: -1;
    top: -240px;
    right: 30px;
    opacity: .5
}

section.cutomer-feedback img.mr-3 {
    width: 145px;
    height: 55px;
    object-fit: contain;
    border: 1px solid;
    padding: 12px 10px !important;
    margin-top: 8px
}

img {}

section.cutomer-feedback {}

section.cutomer-feedback .owl-carousel .owl-item img {
    height: 53px;
    width: 52px !IMPORTANT;
    border: 1px solid #000000;
    padding: 15px 14px !important
}

section.cutomer-feedback .media {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

section.cutomer-feedback button.owl-prev {
    position: relative;
    top: -180px;
    left: -90px
}

section.cutomer-feedback .owl-nav span {
    color: #000000;
    font-size: 50px
}

section.cutomer-feedback button.owl-next {
    top: -180px;
    right: -80px !important;
    position: absolute
}

section.cutomer-feedback .owl-nav {
    position: relative
}

section.cutomer-feedback p {
    padding-right: 30px !IMPORTANT;
    padding-bottom: 5px;
    font-family: sans-serif !important;
}

section.cutomer-feedback .media:before {
    position: absolute;
    content: "";
    height: 100%;
    background: url(../images/star-removebg-preview.webp) no-repeat;
    width: 100%;
    background-size: 17% 50% !IMPORTANT;
    z-index: -1;
    left: 73px
}

section.cutomer-feedback .media-body {
    padding-top: 25px;
    padding-left: 4px
}

.reviewbox p {
    font-family: poppins;
    line-height: 22px
}

.woocommerce_services {
    padding: 60px 0;
    text-align: center
}

.woocommerce_services .col-lg-4 {}

.woocommerce_services .box {
    background-color: #fbfbfb;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 15px;
    position: relative;
    border-bottom: 1px solid #f5f5f5;
    margin: 0 0 15px
}

.woocommerce_services .box:hover {}

.woocommerce_services .box:before {
    position: absolute;
    content: "";
    background-color: #2790ef;
    width: 0;
    height: 10px;
    bottom: 0;
    left: 0;
    transition: all .5s ease
}

.woocommerce_services .box:hover:before {
    width: 100%
}

.woocommerce_services .box:hover h3 {}

.woocommerce_services .box:hover img {
    border-radius: 50%
}

.woocommerce_services .box img {
    width: 100px;
    height: 100px;
    background-color: #f5f5f5;
    margin: 0 0 10px;
    transition: all .5s ease
}

.woocommerce_services .box h3 {
    font-size: 22px;
    line-height: 28px;
    min-height: 60px;
    margin: 10px 0;
    font-weight: 600
}

.woocommerce_process {
    padding: 60px 0;
    text-align: center;
    background-color: #fbfbfb
}

.woocommerce_process .item {
    margin: 0 15px
}

.woocommerce_process .box {
    padding: 30px 20px;
    background-color: #f9f9f9;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    border: 2px solid #f0f0f0f0;
    margin: 20px 0 15px
}

.woocommerce_process .box:hover {
    cursor: grab
}

.woocommerce_process .box h3 {}

.woocommerce_process .box p {}

.woocommerce_process .box ul {
    justify-content: space-between;
    display: flex;
    width: 100%;
    margin: 0
}

.woocommerce_process .box ul li {
    display: -webkit-inline-box;
    justify-content: space-between
}

.woocommerce_process .box ul li img {}

section.inner-banner img {
    object-fit: cover;
    height: 100%
}

.sub-heading{
    font-weight: bold;
}

img.logo {
    width: 180px;
    padding-top: 10px;
}