section.our-banner.inner-banner.small-banner.about-banner {
    height: 400px;
}.our-process h4 br {
   display: none;
}


.refund-policy-content h4 {
   font-size: 16px;
   font-weight: 600;
   color: #be001c;
}

.refund-policy-content p {
   font-size: 14px;
}
.thankyou-banner {
   text-align: center;
   background: url(../images/images-banner.jpg);
   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;
   color: #fff;
   position: relative;
}
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;
}


.thankyou-banner h1 span {
   display: block;
   font-family: georgia;
   font-style: italic;
}
.thankyou-banner h1 {
   font-size: 46px;
   color: #fff;
   font-weight: 600;
   margin-bottom: 22px;
   line-height: 58px;
}

.thankyou-banner p {
   color: #fff;
   font-size: 20px;
}

section.thankyou-banner:before {
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   background: #00000094;
   content: "";
}

section.thankyou-banner .container {
   position: relative;
   z-index: 1;
}

body{
   font-family: 'Poppins', sans-serif;
   font-size: 14px;
   color: #122826;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
   padding: 0 10px;
}

.row {
   margin: 0 -10px;
}
a:hover, a:focus, button:hover, button:focus{
   outline: none;
}
section {
   padding: 60px 0;
   clear: both;
   position: relative;
   margin: 0 auto;
}
h1,h2,h3,h4,h5,h6{
   font-family: 'Poppins', sans-serif;
}
p {
   color: #515259;
   font-family: 'Poppins', sans-serif;
   font-size: 18px;
   line-height: 29px;
   font-weight: 300;
}

img{
   max-width: 100%;
}

header {
   padding: 13px 0;
   position: relative;
   z-index: 2;
   border-bottom: 1px solid #2c2c2c;
   background: url("../images/images-header-bg.jpg") no-repeat;
   height: 120px;
   width: 100%;
   background-size: cover;
}
img.logo {
   width: 145px;
}
header .row {
   align-items: center;
   text-transform: uppercase;
}

header ul li {
   display: inline-block;
   padding: 0;
   position: relative;
   z-index: 1;
   transition: .5s all;
   margin-right: 22px;
}

.nav-link {
   padding: 0;
}

header ul li a {
   color: #000000!important;
   font-weight: 500;
   transition: .5s all;
   font-size: 15px;
}

.btn {
   padding: 10px 30px;
   font-size: 15px;
   font-weight: 600;
   text-transform: uppercase;
   transition: .5s all;
   border-radius: 0;
   border: 2px solid #be001c;
   /* background: #0000004a; */
   position: relative;
   color: black;
}

.dropdown:hover>.dropdown-menu {
   display: block;
}

.dropdown-item {
   color: #000000 !important;
   padding: 6px 15px 4px 15px;
   font-weight: 500;
   border-bottom: 1px solid #ffc41230;
   margin-bottom: 0px;
   letter-spacing: 0.5px;
   font-size: 12px;
   font-weight: 600;
   transition: .5s all;
}

.dropdown-menu{
   background-color: #ffffff;
   padding: 0;
   margin:0;
}

.dropdown-item.active, .dropdown-item:active {
   background: #3b3843;
}

.dropdown-item:focus, .dropdown-item:hover {background: #4c56c0;color: #ffffff !important;}


a{
   text-decoration: none !important;
}

input.required.error, textarea.required.error, select.required.error {    border-bottom: red 2px solid !important;  }

label.error {     display: none !important;}



a#back-top.show {
   display: inline-block;
   background-color: #cedffb;
   width: 46px;
   height: 46px;
   line-height: 45px;
   font-size: 22px;
   text-align: center;
   color: #000;
   border-radius: 4px;
   position: fixed;
   bottom: 30px;
   right: 30px;
   transition: background-color .3s,
   opacity .5s, visibility .5s;
   opacity: 0;
   visibility: hidden;
   z-index: 1000;
   border-radius: 50%;
}

a#back-top.show {
   cursor: pointer;
   background-color: #f8c600;
}
a#back-top.show {
   background-color: #1d1d1d;
}
a#back-top.show {
   opacity: 1;
   visibility: visible;
}

a#back-top.show i {
   position: relative;
   top: 0;
   color: #fff;
}




header ul {
   /* text-align: right; */
   position: relative;
}

header ul.btn-ul {
   text-align: right;
}

header ul.btn-ul li.me-btn a.btn {
   background: #4c56c0;
   color: #fff !important;
}

.our-banner{
   background: url(../images/images-banner.jpg) no-repeat #020120;
   background-size: cover;
   width: 100%;
   background-position: top;
   /* height: 844px; */
   overflow: hidden;
   z-index: 1;
   padding: 100px 0;
   background-color: #020120;
}



.btn {
   font-size: 16px;
   padding: 14px 30px;
   border: none;
   font-weight: 600;
   /* color: white; */
   transition: .5s all;
   z-index: 1;
   border-radius: 8px;
}

header ul li:last-child {
   margin-right: 0;
}

.our-banner h1 {
   color: white;
   font-size: 76px;
   font-weight: 700;
   line-height: 88px;
   margin-bottom: 10px;
   overflow: hidden;
   text-shadow: 1px 2px #00000082;
}
@keyframes typing {
   from { width: 0 }
   to { width: 100% }
}

h3.blue-text {
   font-size: 18px;
   color: white;
   font-weight: 500;
   background: #3570ff;
   padding: 7px 25px;
   letter-spacing: 8px;
   text-transform: capitalize;
   display: inline-block;
   margin: 0 0 10px;
}


.btn-transparent {
   color: #4f435f;
   border-color: #4f435f;
}

.our-banner img.star {
   display: block;
   margin: 18px 0 26px;
}

.our-banner p {
   color: white;
   font-weight: 400;
   margin: 0 0 17px;
   font-size: 18px;
}


.home-menu header ul li a {
   color: #3b3e45 !important;
   font-size: 17px;
   font-weight: 400;
}
.main-menu {
   display: inline-block;
}

header .tel {
   display: inline-block;
   position: relative;
   margin-left: 50px;
   float: right;
   margin-top: -5px;
   z-index: 1;
}

header .tel a {
   font-size: 20px;
   color: white;
   font-weight: 700;
   position: relative;
}

header .tel a:before {content: '';background: #be001c;height: 30px;width: 30px;position: absolute;left: -24px;top: 2px;border-radius: 50%;z-index: -1;}

header .tel img {
   margin-right: 8px;
}
.btn:after {content: '';background: #be001c;height: 12px;width: 12px;position: absolute;right: -1px;top: 0;transition: .1s all;z-index: -1;display: none;}

h2.heading {
   position: relative;
   font-weight: 700;
   font-size: 75px;
   line-height: 75px;
   letter-spacing: -2px;
}

h2.heading:after {content: '';background: #3570ff;position: absolute;left: -60px;top: 0;height: 6px;width: 40px;bottom: 0;margin: auto;}



.our-business h2 {
   color: #191b1d;
   font-weight: 700;
   font-size: 73px;
   position: relative;
   margin-top: 12px;
   margin-bottom: 30px;
}


.our-business .row {
   align-items: center;
}

.our-business .info-text {
   margin-bottom: 0;
}

.our-business h2 span {
   color: white;
   display: inline-block;
   line-height: 20px;
   /* margin-bottom: 37px; */
}

.our-business img {
   /* margin-top: 160px; */
   position: relative;
   z-index: 1;
}
.btn-black {
   background: #23262f;
   color: white !important;
}

a {
   color: #be001c;
}
.our-business p {
   font-size: 19px;
   color: #515259;
   font-weight: 300;
}


.our-business h2:after {
   top: -10px;
   bottom: inherit;
   left: 0;
}
.our-process{
   background: url(../images/images-our-process-bg.jpg) no-repeat #131521;
   width: 100%;
   background-size: cover;
   color: white;
   padding-bottom: 80px;
   background-position: 50%;
   overflow: hidden;
   z-index: 1;
}
.our-process * {
   color: white;
}



h3.sub-heading {
   font-size: 18px;
   color: #989ca1;
   /* margin: 0; */
}

.our-process h2.heading {
   margin-bottom: 0;
   font-size: 65px;
}

.our-process .owl-process {
   margin-top: 30px;
}

.our-process .row:first-child {
   margin-bottom: 100px;
}

.our-process .row {
   align-items: end;
}

.our-process h4 {
   position: relative;
   font-size: 18px;
   font-weight: 500;
   margin-bottom: 37px;
   text-align: center;
   margin-top: 38px;
}

.our-process h4:after {content: '';background: #be001c;height: 4px;width: 80px;position: absolute;bottom: -13px;left: 50%;margin-left: -40px;}

.our-process .item {
   padding: 70px 10px 20px;
   text-align: center;
   background: #12152bab;
   min-height: 385px;
   border: #94a1ff30 1px solid;
}

.our-process .owl-nav {
   position: absolute;
   top: -115px;
   right: 0px;
}

.our-process .owl-nav button {
   font-size: 40px !important;
   margin: 0 !important;
}


.our-process .owl-nav button i {
   color: #fff;
   font-size: 16px;
   margin-left: 7px;
   margin-top: 6px;
}
.our-process .item p {
   margin: 0;
   font-size: 14px;
   line-height: 23px;
   color: #ffffffbf;
   font-weight: 300;
}

.our-work .work a {
   font-size: 70px;
   color: #191b1d;
   font-weight: 700;
   line-height: 67px;
   position: absolute;
   right: 0;
   bottom: 60px;
   text-align: right;
   left: 680px;
   margin: auto;
   width: 260px;
}

.our-work .work a img {
   position: absolute;
   top: 39%;
   right: -110px;
}


h3.sub-heading:before {content: '';background: #be001c;height: 5px;width: 50%;position: absolute;top: -30px;left: 10px;}

.our-work h2 {
   font-size: 68px;
   margin-bottom: 0;
}

.our-work .row:first-child {
   align-items: end;
}

.our-work h3.sub-heading {
   color: #7e8186;
   font-weight: 400;
}

.our-work h3.sub-heading:before {
   background: #23262f;
}

.our-work .row {
   align-items: center;
   margin-bottom: 40px;
}
section.our-process .btn {
   display: table;
   margin: auto;
   margin-top: 30px;
}
.btn:hover {
   color: white;
}

.btn:hover:after {
   height: 100%;
   width: 100%;
   right: 0;
}




/*new style*/


footer .row {
   align-items: top;
}

footer ul li {
   list-style-type: disc;
   margin-bottom: 5px;
}

footer ul li a {
   color: #ffffff !important;
   font-weight: 600;
}

footer ul.foot-social li {
   list-style-type: none;
   display: inline-block;
   padding: 0 16px;
}

footer ul.foot-social li i {
   color: #c6c8d1;
   font-size: 16px;
}
footer h6 {
   color: #e10000;
   margin-bottom: 20px;
   font-size: 19px;
   text-transform: uppercase;
   font-weight: 600;
   letter-spacing: 1px;
}

ul.footer-links {
   color: #fff;
   padding: 0;
}

ul.footer-links li {
   list-style: none;
}

ul.footer-links li b {
   display: block;
   color: #e10000;
   text-transform: uppercase;
   font-weight: 600;
}

footer ul {
   padding-left: 18px;
}
footer ul li::marker {
   color: #c6c8d1;
}

footer {
   padding: 60px 0;
   position: relative;
   background: #1f2837;
}
.nav-btn.prev-slide {
   text-transform: capitalize;
}
.copy p {
   margin-bottom: 0;
   color: #808285;
   font-size: 14px;
}

.copy {
   background: #191b1d;
   padding: 10px 0;
}



.copy ul {
   text-align: right;
}
.copy .row {
   align-items: center;
}

.copy ul li {
   display: inline-block;
   position: relative;
   padding: 0px 8px;
   font-size: 12px;
}

.copy ul li::before {content: "";height: 90%;width: 1px;position: absolute;right: -3px;top: 5%;background: #6f6f6f;}

.copy ul li:last-child::before {
   display: none;
}

.copy ul li a {
   color: #808285 !important;
}


.our-team{
   background: url("../images/images-bg-team.jpg") no-repeat;
   max-width: 100%;
   width: 100%;
   background-size: cover;
   height: 100%;
   background-position: 50%;
   padding: 40px 0;
}

.our-team .row {
   align-items: center;
}

.our-team h3 {
   font-size: 72px;
   color: #fff;
   letter-spacing: -3px;
   font-weight: 700;
   margin-left: -20px;
   position: relative;
   z-index: 1;
   margin-bottom: 0;
   line-height: 75px;
}

.our-team h3::before {background: #ffd158;width: 30px;height: 7px;position: absolute;content: "";bottom: 10px;left: -30px;}

.info-team h4 {
   color: #fff;
   font-size: 16px;
   font-weight: 600;
   padding-left: 15px;
   position: relative;
   z-index: 1;
   margin-bottom: 5px;
}

.info-team h4::before {
   width: 10px;
   height: 10px;
   position: absolute;
   content: "";
   left: 0;
   top: 4px;
   background: #ffd158;
   border-radius: 50%;
}

.info-team h4 + p {
   color: #e5e9ed;
   font-size: 13px;
   font-weight: 500;
   line-height: 22px;
   margin-bottom: 0;
   min-height: 110px;
}

.info-team .btn {
   background: #ffd158;
   border-radius: 50px;
   padding: 4px 10px;
   font-size: 13px;
   color: #000 !important;
   font-weight: 700;
   position: absolute;
   right: 10px;
   top: 70px;
   border: none;
}

.info-team {
   position: relative;
}

.info-text {
   margin-bottom: 40px;
}


.info-test p {
   font-size: 19px;
   color: #65696e;
   line-height: 28px;
   margin-bottom: 20px;
   min-height: 120px;
}

.info-test {padding: 0 0 0 80px;}

.info-test span.qoute {
   position: absolute;
   top: 0;
   left: 0px;
}

.info-test h4 {
   color: #191b1d;
   font-size: 21px;
   font-weight: 700;
   position: relative;
   z-index: 1;
}

.info-test h4 > span {
   display: block;
   color: #65696e;
   font-weight: 300;
}



.site-logos .row {
   align-items: center;
}

.site-logos h3 {
   color: #30303d;
   font-size: 24px;
   font-weight: 700;
   margin-bottom: 0;
   text-transform: uppercase;
   text-shadow: 0 2px 20px #fff;
}

.our-establish .row:first-child {
   margin-bottom: 30px;
}

.info-establish p {
   font-size: 22px;
   margin-bottom: 50px;
   font-weight: 300;
   color: #fff;
   padding: 0 40px;
}

.info-establish ul li {
   color: #fff;
   font-size: 28px;
   font-weight: 600;
   position: relative;
   z-index: 1;
   margin-bottom: 20px;
   display: inline-block;
   width: 49%;
   text-align: left;
}

.info-establish ul li img {
   margin-right: 25px;
   filter: brightness(1) invert(1);
}

.info-establish ul li::before {content: "";position: absolute;width: 110px;height: 15px;background: #e10000;background: linear-gradient(270deg, #e10000 50%, rgba(255,89,43,0) 100%);z-index: -1;bottom: 10px;left: -10px;}


.our-establish::before{
   position: absolute;
   content: "";
   background: url(../images/images-estab-img.jpg) no-repeat #183270;
   max-width: 100%;
   width: 100%;
   height: 55%;
   background-size: cover;
   background-position: 100%;
   left: 0;
   bottom: 0;
}

.our-establish h2 {
   line-height: 83px;
   font-size: 77px;
   margin-bottom: 150px;
}

.info-establish {
   text-align: center;
   margin-top: 30px;
}

.cta {
   padding: 50px 0;
   position: relative;
   background: url("../images/images-cta-bg.jpg") no-repeat;
   width: 100%;
   background-size: cover;
   background-position: 100%;
}

.info-cta h4 {
   color: #191b1d;
   font-weight: 700;
   position: relative;
   z-index: 1;
   display: inline-block;
}

.info-cta h4::before,.info-cta h4::after {
   position: absolute;
   content: "";
   background: #ecc50b;
   width: 40px;
   height: 6px;
   left: -50px;
   bottom: 7px;
}

.info-cta h4::after {
   right: -50px;
   left: inherit;
}

.info-cta h2 {
   font-size: 65px;
   font-weight: 300;
   line-height: 72px;
   position: relative;
   color: white;
   margin: 0 0 30px;
}

.info-cta h2::before {position: absolute;font-size: 145px;-webkit-text-stroke: 1px #ecc50a;left: 0;right: 0;bottom: -2px;margin: auto;color: transparent;z-index: -1;}

.cta .container::before,.cta .container::after {
   position: absolute;
   content: "";
   width: 80px;
   height: 130px;
   left: 0;
   right: 0;
   margin: auto;
   top: -110px;
   z-index: -1;
   box-shadow: 0 5px 15px #a83346;
}




.cta .container::before{
   position: absolute;
   content: "";
   background: url("../images/images-cta-before.jpg") no-repeat;
   width: 264px;
   height: 150px;
   background-size: cover;
   left: -930px;
   top: 120px;
}
.cta .container::after{
   position: absolute;
   content: "";
   background: url("../images/images-cta-after.jpg") no-repeat;
   max-width: 210px;
   width: 100%;
   height: 216px;
   background-size: 100%;
   right: -921px;
   top: 30px;
}

.about-banner{
   background: url("../images/images-about-banner.jpg") no-repeat;
   width: 100%;
   background-size: cover;
   text-align: center;
   background-position: 70%;
}
.contact-banner{
   background: url("../images/images-contact-banner.jpg") no-repeat;
   width: 100%;
   background-size: cover;
}

.our-about p {
   font-size: 18px;
   line-height: 26px;
   margin-bottom: 25px;
}

.our-about p span {
   color: #be001c;
}
.creatively{
   background: #181a1c;
   z-index: 1;
}


.creatively h2.heading {
   color: white;
}

.creatively  h3.sub-heading {
   color: #8f98a0;
   line-height: 26px;
   font-weight: 300;
}

.creatively .row {
   align-items: center;
}
.creatively h5 {
   font-size: 88px;
   font-weight: 200;
   margin: 0;
   z-index: 1;
   color: #fff;
   position: relative;
}
.creatively h5:before{
   content: '';
   background: url("../images/images-cr-circle.png") no-repeat;
   height: 87px;
   width: 98px;
   position: absolute;
   top: -18px;
   left: -20px;
   z-index: -1;
}
.creatively img {
   position: relative;
   z-index: 2;
   left: 0;
   top: 0px;
   display: block;
}

.creatively h6 {
   margin: 2px 0 0;
   color: #fff;
   font-size: 22px;
   font-weight: 600;
}

.creatively .col-md-3 {
   text-align: center;
}
.creatively .row:nth-child(2) {
   margin-top: 40px;
}

/new-style/

.info-create h4 {
   color: #464648;
   font-size: 26px;
   font-weight: 700;
}

.info-create h4 + p {
   padding-left: 18px;
   color: #464648;
   font-weight: 300;
   position: relative;
   z-index: 1;
}

.info-create h4 + p::before {content: "";width: 10px;height: 10px;position: absolute;background: #ae061d;border-radius: 50%;top: 4px;left: 0;}

.info-create {
   margin-bottom: 20px;
}



.our-creation .btn-port {margin-top: 30px;}


.our-creation::after{
   position: absolute;
   content: "";
   background: url("../images/images-bg6.png") no-repeat;
   max-width: 600px;
   width: 100%;
   height: 450px;
   background-size: 100%;
   right: 0;
   bottom: 0;
   z-index: -1;
}

.info-team .btn::after {
   display: none;
}



.info-service h2 {
   font-size: 48px;
   line-height: 55px;
   margin-bottom: 22px;
}

.info-service h2 + p {font-weight: 300;font-size: 16px;margin-bottom: 25px;min-height: 170px;display: flex;align-items: center;}

.info-service ul li {
   color: #191b1d;
   font-size: 16px;
   font-weight: 600;
   display: inline-block;
   width: 49%;
   padding-left: 18px;
   position: relative;
   margin-bottom: 4px;
}

.info-service ul {margin-bottom: 25px;width: 90%;}

.info-service ul li::before {
   background: #ffd462;
   width: 6px;
   height: 6px;
   content: "";
   position: absolute;
   border-radius: 50%;
   left: 2px;
   top: 8px;
}


.info-service span {
   -webkit-text-stroke: 1px #c5c7ca;
   font-size: 235px;
   font-weight: 300;
   letter-spacing: -10px;
   color: transparent;
   line-height: 170px;
   position: absolute;
   left: -280px;
   bottom: 0;
}

.info-service.ser2 {
   text-align: right;
}

.info-service.ser2 h2 {
   display: inline-block;
}

.info-service.ser2 ul {
   margin-left: auto;

}

.info-service.ser2 ul li{
   text-align: left;
}



.info-service.ser2 span {
   right: -280px;
   left: inherit;
}

.our-services .row {
   margin-bottom: 100px;
   position: relative;
}

.info-service.ser2 h2.heading:after {
  display:none;
}

.our-services .row:last-child {
   margin-bottom: 0;
}

.our-services {overflow: hidden;background: #f8f8f8;z-index: 1;}

.our-services .row:first-child span {
   left: -240px;
}


.modern h2 {
   margin-bottom: 25px;
   font-size: 62px;
}

.img-modern {
   position: relative;
   left: -10px;
}

.img-modern img {
   max-width: 115%;
}

.modern h2 + p {
   font-size: 18px;
   color: #515259;
   font-weight: 300;
   margin-bottom: 0;
}

.our-pricing .row:first-child {
   margin-bottom: 0;
}

.our-pricing {
   padding: 80px 0;
}

.info-pricing h2 {margin-bottom: 30px;font-size: 65px;}

.info-pricing h2 + p {
   font-size: 16px;
   font-weight: 300;
   margin-bottom: 30px;
}

.info-price {
   background: #fff;
   margin: 15px;
   padding: 30px 20px;
   position: relative;
   z-index: 1;
   box-shadow: 0 5px 15px #00000029;
   transition: .5s all;
}

.info-price h4 {
   font-weight: 700;
   font-size: 30px;
   margin-bottom: 7px;
}

.info-price h4 + p {
   font-weight: 300;
   font-size: 12px;
   line-height: 20px;
   max-width: 95%;
   margin: auto;
   margin-bottom: 20px;
}
.info-price:hover {
   transform: scale(1.05);
}

.info-price h3 {
   font-size: 53px;
   color: #ae001a;
   font-weight: 600;
   letter-spacing: -4px;
}

.info-price h3 > span {
   font-size: 44px;
}

.text {
   position: relative;
}

.info-price h5 {
   position: absolute;
   top: 20px;
   right: 30px;
   font-size: 16px;
   margin-bottom: 0;
   letter-spacing: -1px;
   text-decoration: line-through;
}

.info-price::after {
   position: absolute;
   content: "";
   left: 0;
   right: 0;
   top: 169px;
   background: #ffd158;
   width: 100%;
   height: 20px;
   z-index: -1;
}

.info-price::before {
   position: absolute;
   content: "";
   width: calc(100% + 30px);
   height: calc(100% + 30px);
   left: -15px;
   top: -15px;
   border: 1px solid #ffd158;
   z-index: -1;
}

.info-price ul {
   margin: 30px 20px;
   text-align: left;
   height: 200px;
}

.info-price ul li {color: #727272;font-size: 15px;margin-bottom: 4px;position: relative;padding-left: 15px;z-index: 1;}

.info-price ul li::before {
   position: absolute;
   content: "";
   width: 0;
   height: 0;
   border-top: 5px solid transparent;
   border-left: 6px solid #ae001a;
   border-bottom: 5px solid transparent;
   left: 0;
   top: 5px;
}
.info-price .btn-blue {
   background: #193d97;
   border: none;
   color: #fff;
   font-size: 16px;
   font-weight: 700;
   width: 85%;
}

.info-price .btn-blue::after {
   width: 0;
   height: 0;
   background: #ae0a1b;
}

.actions a.chat {color: #f05a28 !important;font-weight: 600;}

.actions {
   margin-top: 20px;
}

.actions a span small {display: block;color: #868686;font-weight: 400;}

.actions a {
   font-size: 16px;
   font-weight: 500;
   color: #000000 !important;
}

.actions [class*='col'] {
   padding: 0;
}

.info-price ul .mCSB_inside>.mCSB_container {
   margin-right: 24px;
}


.our-pricing2::after{
   position: absolute;
   content: "";
   background: url("../images/images-bg10.jpg") no-repeat;
   max-width: 100%;
   width: 100%;
   height: 100%;
   background-size: cover;
   top: 0;
   left: 0;
   background-position: 40%;
   z-index: -1;
}


.info-price .btn-blue:hover::after {
   width: 100%;
   height: 100%;
}

div#popupform {
   max-width: 1100px;
   overflow: hidden;
   padding: 0;
   background: transparent;
}

.modal-body {
   padding: 0;
   margin: 10px 10px 0 0;
}

.popup-bann {
   max-width: 460px;
   display: inline-block;
   position: relative;
   z-index: 2;
   left: -60px;
}

.popup-content {
   display: inline-block;
   max-width: 910px;
   margin-left: -290px;
   padding: 40px 30px 40px 250px;
   background: #fff;
   position: relative;
   z-index: 1;
   overflow: hidden;
}

.popup-content h2 {
   font-size: 29px;
   font-weight: 700;
   color: #313131;
   text-transform: uppercase;
   letter-spacing: -1px;
   line-height: 36px;
   display: inline-block;
   margin-bottom: 5px;
}

.popup-content h2 > span {
   color: #ff8b5c;
}

.popup-content p {
   display: inline-block;
   width: 90%;
   margin-bottom: 20px;
   font-size: 16px;
   color: #313131;
   vertical-align: bottom;
   line-height: 20px;
}

=

.popup-content form {
   padding: 20px 10px 0;
}

.popup-content .form-control {
   height: 40px;
   font-size: 13px;
   margin-bottom: 12px;
}

.popup-content [class*='col'] {
   padding: 0 7px;
}

.popup-content .form-control:last-child {
}

.popup-content textarea.form-control {
   height: 93%;
   resize: none;
}

.popup-content p.form_tagline {
   margin: 3px 0 14px;
   width: 100%;
   position: relative;
   padding-left: 18px;
   font-size: 13px;
}

.popup-content p.form_tagline input[type="checkbox"] {position: absolute;left: 0;top: 2px;}
.btn-red {
   background: #e10000;
   color: #fff !important;
   border: none;
   letter-spacing: 1px;
}

.popup-content .btn {display: table;margin: auto;width: 30%;}

.fancybox-slide--html .fancybox-close-small {
   border-radius: 50%;
   background: #be0c1c;
   box-shadow: 2px 3px 0 #d4a311;
   right: 2px;
   top: 25px;
   opacity: 1;
   padding: 9px;
}

.fancybox-button svg {
   color: #fff;
   position: relative;
   top: -1px;
   left: 1px;
}
.fancybox-button svg path {stroke-width: 2px;stroke: #fff;}

.our-user h2.heading {
   font-size: 65px;
   line-height: 65px;
   margin-bottom: 60px;
}

.our-user h2.heading:after {
   display: none;
}

.our-user .box {
   position: relative;
   border-top: 3px solid #93979c;
   text-align: center;
   padding: 10px 0;
   margin-bottom: 30px;
}

.our-user .box:before {content: '';background: #f2f5f8;width: 100%;height: 62%;position: absolute;top: 0;left: 0;z-index: -1;}

.our-user .box ul {
   margin-bottom: 10px;
   width: 70%;
   margin: auto;
}

.our-user .box ul li {
   width: 49%;
   display: inline-block;
   margin-bottom: 9px;
   font-size: 17px;
   font-weight: 300;
   position: relative;
   text-align: left;
}

.our-user .box h5 {
   font-size: 40px;
   color: #93979c;
   font-weight: 700;
   letter-spacing: 6px;
   margin: 0 0 20px;
}

.our-user .box ul li:before {content: '';background: #be001c;height: 6px;width: 6px;position: absolute;left: -10px;top: 7px;border-radius: 100%;}

.our-user .box .img {
   position: relative;
}
.our-user .box .img:before {content: '';width: 90%;height: 100%;border: 2px solid #191b1d;position: absolute;left: 0;top: 10px;z-index: -1;}
.our-high .row {
   align-items: center;
}

.our-high img {
   float: right;
   margin-right: -60px;
}


.our-contact h2.heading {
   font-size: 60px;
   line-height: 57px;
   margin: 0 0 40px;
}

.our-contact .form-control {
   border-radius: 0;
   border: 1px solid #6e7174;
   margin-bottom: 14px;
   font-size: 14px;
   height: 48px;
}

.our-contact ul {
   padding-left: 30px;
}

.our-contact ul li {
   margin-bottom: 30px;
}

.our-contact ul li img {
   display: block;
   margin-bottom: 12px;
}

.our-contact ul li a {
   font-size: 40px;
   font-weight: 700;
   color: #191b1d;
   line-height: 31px;
}

.our-contact ul li a.email {
   font-size: 24px;
   font-weight: 600;
}

.our-contact ul li p {
   margin: 0;
   font-size: 15px;
   color: #132146;
   font-weight: 600;
}

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

.our-contact textarea.form-control {
   resize: none;
   height: 100px;
}


.btn-red:after {
   background: #edcb0b;
}


.pricing-banner{
   background: url("../images/images-pricing-banner.jpg") no-repeat;
   width: 100%;
   background-size: cover;
}
.portfolio-banner{
   background: url("../images/images-portfolio-banner.jpg") no-repeat;
   width: 100%;
   background-size: cover;
}
.sevice-banner{
   background: url("../images/images-sevice-banner.jpg") no-repeat;
   width: 100%;
   height: 691px;
   background-size: cover;
}

.our-pricing .container-fluid .row:first-child {
   margin-bottom: 0;
}

.nav-tabs .nav-link{
   border-radius: 0;
   font-size: 14px;
   margin: 0 18px;
   font-weight: 500;
   position: relative;
   padding: 0 0 5px;
   cursor: pointer;
   background: none;
   color: #fff;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
   color: white;
   background: transparent;
   border: none;
}
.our-pricing .nav-tabs {
   position: relative;
   z-index: 9999;
   border: none;
   text-align: center;
   align-items: center;
   justify-content: center;
   margin-bottom: 30px;
}


.pack {
   background: #fff;
   margin: 10px;
   padding: 30px 12px;
   position: relative;
   z-index: 1;
   box-shadow: 0 5px 15px #00000029;
   transition: .5s all;
   text-align: center;
}

.pack::before {
   position: absolute;
   content: "";
   width: calc(100% + 26px);
   height: calc(100% + 26px);
   left: -13px;
   top: -13px;
   border: 1px solid #ffd158;
   z-index: -1;
}

.pack::after {
   position: absolute;
   content: "";
   left: 0;
   right: 0;
   top: 109px;
   background: #ffd158;
   width: 100%;
   height: 20px;
   z-index: -1;
}

.pack .head h5 {
   font-weight: 700;
   font-size: 30px;
   margin-bottom: 7px;
}

.pack .head h5 + p {
   font-weight: 300;
   font-size: 12px;
   line-height: 20px;
   max-width: 95%;
   margin: auto;
   margin-bottom: 20px;
}


.pack .head h3 {
   font-size: 53px;
   color: #ae001a;
   font-weight: 600;
   letter-spacing: -4px;
   position: relative;
   left: -10px;
}

.pack .head h3 > strike {
   position: absolute;
   top: 20px;
   right: 0;
   font-size: 16px;
   margin-bottom: 0;
   letter-spacing: -1px;
   text-decoration: line-through;
   color: #000;
}

.content {
   margin: 30px 10px;
   text-align: left;
   height: 200px;
}

.content ul li {
   color: #727272;
   font-size: 15px;
   margin-bottom: 4px;
   position: relative;
   padding-left: 15px;
   z-index: 1;
}

.content ul li::before {
   position: absolute;
   content: "";
   width: 0;
   height: 0;
   border-top: 5px solid transparent;
   border-left: 6px solid #ae001a;
   border-bottom: 5px solid transparent;
   left: 0;
   top: 5px;
}

.pack .btn {
   background: #193d97;
   border: none;
   color: #fff;
   font-size: 16px;
   font-weight: 700;
   width: 90%;
   border-radius: 0;
   padding: 9px 15px;
}

.pack .btn::after {
   display: none;
}

.our-pricing2 {
   padding: 60px 0 80px;
}

.our-pricing2 .nav-tabs {
   justify-content: center;
   border: none;
   margin: 0 0 40px 0;
}

.our-pricing2 .nav-tabs .nav-link.active,.our-pricing2 .nav-tabs .nav-link:hover {
   color: #ffd158;
   border: honeydew;
}

.our-pricing2 .nav-tabs .nav-link {
   border: none;
   color: #fff;
   transition: .5s all;
   font-weight: 600;
   font-size: 16px;
}

.pack:hover {
   transform: scale(1.03);
}

.our-process h3.sub-heading br {
   display: none;
}
.container-fluid {
   width: 90%;
   margin: auto;
}
header .col-md-9.text-right {
   margin-top: 17px;
}
.our-process h4 br {
   display: n;
}

section.our-establish {
   padding-top: 73px;
}
header:after {content: '';background: #141416;position: absolute;right: 0;top: 0;height: 101%;width: 20%;}
.btn-blue {
   background: #3570ff;
   color: white;
}

.btn-block {
   margin: 0;
   padding: 0;
}

.btn-block .btn {
   margin-right: 10px;
}


.our-business:before{
   content: '';
   background: url("../images/images-bus-bef.png") no-repeat;
   max-width: 190px;
   height: 260px;
   width: 100%;
   background-size: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: -1;
}


.our-business:after{
   content: '';
   background: url("../images/images-bus-img.jpg") no-repeat;
   max-width: 43%;
   height: 640px;
   width: 100%;
   background-size: cover;
   position: absolute;
   top: 60px;
   right: 0;
   z-index: -1;
}


.btn-empty {
   padding: 5px 0px;
   font-size: 26px;
   font-weight: 700;
   position: relative;
   z-index: 1;
   color: #000 !important;
}

.btn-empty i {
   font-size: 16px;
   color: #fff;
}

.btn-empty::before {
   width: 35px;
   height: 35px;
   position: absolute;
   content: "";
   background: #e10000;
   border-radius: 50%;
   right: -7px;
   top: 8px;
   z-index: -1;
}

.bus-text h4 {
   color: #fff;
   font-size: 62px;
   font-weight: 700;
   letter-spacing: -2px;
   margin-bottom: 5px;
   line-height: 55px;
}

.bus-text h4 + p {
   color: #fff;
   font-size: 22px;
   font-weight: 300;
   margin-bottom: 0;
}

.bus-text {
   text-align: center;
   position: absolute;
   top: 160px;
   left: 0;
}

.bus-text {
   background: url("../images/images-bus-stat.png") no-repeat;
   max-width: 200px;
   height: 166px;
   width: 100%;
   background-size: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}

.our-process .item span {
   position: absolute;
   top: 22px;
   right: 38%;
}

.btn i {
   font-size: 12px;
}

.our-process .owl-nav button {
   margin: 10px !important;
   width: 20px;
   z-index: 1;
   position: relative;
}

.our-process .owl-nav button::before {
   position: absolute;
   content: "";
   width: 35px;
   height: 35px;
   top: 19px;
   left: -2px;
   border: 3px solid #fff;
   border-radius: 50%;
}

.our-process .owl-nav button.owl-next::before {
   left: -3px;
}

.our-process h3.sub-heading {
   margin-bottom: 20px;
   color: #fff;
}
.our-work .container-fluid {
   width: 100%;
}

.our-work .container-fluid [class*='col'] {
   margin-bottom: 20px;
}
.our-work .container-fluid .row{
   margin-bottom: 0;
}

.our-work .container-fluid [class*='col']:last-child {
   margin: 20px 0 0;
}

footer a.logo img {
   margin-bottom: 20px;
   max-width: 150px;
}

footer a.logo + p {
   color: #c6c8d1;
   font-size: 11px;
   line-height: 19px;
   font-weight: 300;
   margin-bottom: 0;
   width: 85%;
}


.cta2 {
   padding: 50px 0;
   background: url("../images/images-bg-cta2.jpg") no-repeat;
   max-width: 100%;
   width: 100%;
   background-size: cover;
   /* height: 100%; */
   z-index: 1;
}

.cta2  h3 {
   color: #fff;
   font-size: 60px;
   font-weight: 700;
}

.cta2 h3 + p {
   color: #fff;
   margin-bottom: 0;
   font-size: 19px;
}

.cta2 .row {
   align-items: center;
}

.cta2:after{
   content: '';
   background: url("../images/images-cta2-bef.png") no-repeat;
   max-width: 285px;
   height: 100%;
   width: 100%;
   background-size: 100%;
   position: absolute;
   top: 0;
   right: 0;
   z-index: -1;
}


.our-testimonial .owl-nav {
   position: absolute;
   bottom: -20px;
   right: 0px;
}

.our-testimonial .owl-nav button {
   font-size: 40px !important;
   margin: 0 !important;
}


.our-testimonial .owl-nav button i {
   color: #191b1d;
   font-size: 20px;
}

.our-testimonial .owl-nav button {
   margin: 10px !important;
   width: 20px;
   z-index: 1;
   position: relative;
}

.our-testimonial .owl-nav button::before {
   position: absolute;
   content: "";
   width: 30px;
   height: 30px;
   top: 18px;
   left: -4px;
   border: 3px solid #191b1d;
   border-radius: 50%;
}

.our-testimonial .owl-nav button.owl-next::before {
   left: -5px;
}


.owl-theme .owl-nav [class*=owl-]:hover {
   background: transparent;
}

.our-testimonial::before{
   position: absolute;
   content: "";
   background: url("../images/images-bg-test.jpg") no-repeat;
   max-width: 95%;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-position: 100%;
   left: 0;
   top: 0;
}

.our-testimonial::after{
   position: absolute;
   content: "";
   background: #e10000;
   max-width: 200px;
   width: 100%;
   height: 90%;
   background-size: 100%;
   background-position: 100%;
   right: 3.7%;
   bottom: -18px;
   z-index: -2;
}

.our-testimonial {
   margin-bottom: 60px;
}

.site-logos:before{
   content: '';
   background: url("../images/images-site-bef.png") no-repeat;
   max-width: 282px;
   height: 100%;
   width: 100%;
   background-size: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: -1;
}

.our-establish h2::after {
   display: none;
}

.info-establish ul {
   width: 80%;
   margin: auto;
}

.our-testimonial .info-text {
   padding-left: 60px;
}

.our-about h2.heading {
   font-size: 69px;
   margin-bottom: 20px;
   line-height: 72px;
}

.our-about h2.heading::After {
   display: none;
}

.img-about {
   position: relative;
   left: -60px;
}

.img-about img {
   max-width: 115%;
}

.creatively .row:first-child {
   align-items: end;
   margin-bottom: 60px;
}

.creatively::after{
   position: absolute;
   content: "";
   background: url("../images/images-bg1.png") no-repeat;
   max-width: 24%;
   height: 100%;
   width: 100%;
   background-size: 100%;
   right: 20px;
   top: 0;
   background-position: 0 60%;
   z-index: -1;
}

.creatively::before{
   position: absolute;
   content: "";
   background: url("../images/images-creat-bef.png") no-repeat;
   max-width: 190px;
   height: 205px;
   width: 100%;
   background-size: 100%;
   left: 0;
   bottom: 0;
   z-index: -1;
}


.our-high h2 {
   font-size: 70px;
   letter-spacing: -3px;
   margin-bottom: 30px;
}

.our-high::after{
   position: absolute;
   content: "";
   background: url("../images/images-high-img.png") no-repeat;
   max-width: 50%;
   height: 550px;
   width: 100%;
   background-size: cover;
   right: 0;
   top: 130px;
   z-index: -1;
}


.our-high {
   padding-top: 90px;
   background: #f8f8fb;
   z-index: 1;
}

.our-high::before{
   position: absolute;
   content: "";
   background: url("../images/images-high-bef.png") no-repeat;
   max-width: 359px;
   height: 209px;
   width: 100%;
   background-size: 100%;
   right: 0;
   top: 0;
   z-index: -1;
}


.our-about::before{
   position: absolute;
   content: "";
   background: #f8f8fb;
   max-width: 100%;
   height: 82%;
   width: 100%;
   background-size: 100%;
   left: 0;
   top: 0;
   z-index: -1;
}

.our-about::after{
   position: absolute;
   content: "";
   background: url("../images/images-about-bef.png") no-repeat;
   max-width: 250px;
   height: 360px;
   width: 100%;
   background-size: 100%;
   right: 0;
   top: 0;
   z-index: -1;
}

.inner-banner {

   text-align: center;
}

.inner-banner h1 + p {
   max-width: 80%;
   margin: auto;
}

.service-banner{
   background: url("../images/images-service-banner.jpg") no-repeat #020120;
   width: 100%;
   background-size: cover;
   text-align: center;
   background-position: 70%;
}
.modern::before {
   position: absolute;
   content: "";
   left: 0;
   bottom: 0;
   background: #f8f8f8;
   width: 100%;
   height: 23%;
   z-index: -1;
}


.modern::after {
   position: absolute;
   content: "";
   background: url("../images/images-modern-bef.png") no-repeat;
   max-width: 190px;
   height: 270px;
   width: 100%;
   background-size: 100%;
   left: 0;
   top: 0;
   z-index: -1;
}

.info-service h2:after {
   left: -40px;
   background: #ff592b;
   width: 35px;
}

.img-ser {
   position: relative;
   left: -55px;
}

.img-ser img {
   max-width: 105%;
}

.our-services .row:nth-child(even) .img-ser {
   left: 0;
   right: -30px;
}

.combo-pricing .info-pricing h2::after {
   display: none;
}


.combo-pricing .info-pricing {
   max-width: 85%;
   margin: auto;
}

.combo-pricing::after {
   position: absolute;
   content: "";
   background: url("../images/images-modern-bef.png") no-repeat;
   max-width: 190px;
   height: 270px;
   width: 100%;
   background-size: 100%;
   left: 0;
   top: 0;
   z-index: -1;
}

.info-service {
   position: relative;
}

.info-service::before {
   position: absolute;
   content: "";
   background: url("../images/images-bgline.png") no-repeat;
   max-width: 160px;
   height: 35px;
   width: 100%;
   background-size: 100%;
   right: -40px;
   top: 0;
   z-index: -1;
}

.our-contact h2::after {
   display: none;
}

.our-contact::after{
   position: absolute;
   content: "";
   background: url("../images/images-modern-bef.png") no-repeat;
   max-width: 190px;
   height: 270px;
   width: 100%;
   background-size: 100%;
   left: 0;
   top: 0;
   z-index: -1;
}

.our-creation h2::after {
   display: none;
}

.our-creation::after{
   position: absolute;
   content: "";
   background: url("../images/images-modern-bef.png") no-repeat;
   max-width: 190px;
   height: 270px;
   width: 100%;
   background-size: 100%;
   left: 0;
   top: 0;
   z-index: -1;
}

.our-creation {
   background: #f8f8f8;
   z-index: 1;
}

.our-testimonial h2 {
   font-size: 70px;
}

.popup-content::before{
   position: absolute;
   content: "";
   background: url("../images/images-popup-bef.png") no-repeat;
   max-width: 271px;
   height: 139px;
   width: 100%;
   background-size: 100%;
   right: -10px;
   bottom: 0;
   z-index: -1;
}

.popup-content .form-group {
   position: relative;
   margin-bottom: 0;
}

.popup-content .form-group i {
   position: absolute;
   left: 145px;
   right: 0;
   top: 20px;
   margin: auto;
   width: 20px;
   height: 20px;
   z-index: 1;
   color: #fff;
   font-size: 12px;
}

.actions {
   display: none;
}

.pack .head h5 + p {
   display: none;
}

   @font-face {
  font-family: "Consolas";
  src: url(Consolas.ttf);
}
    .number {
    background: #fff;
    position: relative;
    font: 900 30vmin "Consolas";
    letter-spacing: 5vmin;
    text-shadow: 2px -1px 0 #000, 4px -2px 0 #0a0a0a, 6px -3px 0 #0f0f0f, 8px -4px 0 #141414, 10px -5px 0 #1a1a1a, 12px -6px 0 #1f1f1f, 14px -7px 0 #242424, 16px -8px 0 #292929;
}
    .number::before {
    background-color: #673ab7;
    background-image: radial-gradient(closest-side at 50% 50%, #ffc107 100%, rgba(0, 0, 0, 0)), radial-gradient(closest-side at 50% 50%, #e91e63 100%, rgba(0, 0, 0, 0));
    background-repeat: repeat-x;
    background-size: 40vmin 40vmin;
    background-position: -100vmin 20vmin, 100vmin -25vmin;
    width: 100%;
    height: 100%;
    mix-blend-mode: screen;
    -webkit-animation: moving 10s linear infinite both;
    animation: moving 10s linear infinite both;
    display: block;
    position: absolute;
    content: "";
}
.text {
    font: 400 5vmin "Courgette";
}
.text span {
    font-size: 10vmin;
}
@keyframes moving {
  to {
    background-position: 100vmin 20vmin, -100vmin -25vmin;
  }
}