.img-head h3,h2 {
    margin-bottom: 15px
}

.innerbg,.slide-progress {
    border-radius: 100px;
    position: relative
}

.our-copyright ul,.top-head ul,header nav {
    text-align: right
}

*,.contact-us h2,.our-packages .pack p,.our-solution figure h6,.our-solution figure p,.our-solution p,body,section.contact-us {
    font-family: Poppins,sans-serif
}

.our-gurantee .box h2,.our-process h2 {
    -webkit-text-fill-color: transparent;
    text-transform: uppercase
}

.our-capabilities .boxyrow .col-sm-4:nth-child(2),footer p+a.btn {
    margin-top: 50px
}

p.tagline {
    font-size: 11px
}

p.tagline input {
    margin-right: 4px
}

a.tw-link {
    background: #ef403d;
    color: #fff;
    padding: 10px;
    font-size: 12px
}

*,body {
    font-size: 14px
}

.our-about .img-head {
    margin-top: 70px
}

a:focus,a:hover {
    text-decoration: none;
    outline: 0
}

span.txt_360 {
    max-width: 170px;
    display: inline-block
}

.pkg-banner .container {
    padding: 0 15px
}

.subsidiary-col {
    text-align: center;
    padding: 7px 0;
    background: #1d2669;
    margin-top: 22px
}

section.our-banner.pkg-banner.inner-banner {
    background: url(../images/about-banner.jpg) left top/cover no-repeat;
    padding: 360px 0 90px
}

.img-head h6 {
    position: relative;
    font-size: 16px;
    color: #a4a3fe;
    font-weight: 600
}

.img-head h3 {
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    color: #727272
}

.services_page_content p,.top-head *,.top-head i,footer ul li a {
    font-size: 13px
}

h2 {
    font-size: 40px;
    color: #663ffe;
    font-weight: 700
}

.top-head {
    background: #663ffe;
    padding: 8px 0;
    position: relative;
    height: auto;
    z-index: 1
}

.top-head * {
    color: #fff;
    font-weight: 600
}

.popupform ul,.top-head p,section.portfolio-col .nav-tabs .nav-item {
    margin: 0
}

.top-head ul li {
    display: inline-block;
    margin-left: 25px
}

.top-head ul li a {
    padding-left: 5px;
    font-size: 12px
}

.top-head ul li span {
    text-transform: lowercase
}

header {
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
    z-index: 1
}

header nav {
    margin-top: 7px
}

header nav ul li {
    display: inline-block;
    margin-left: 6px
}

header nav ul li a {
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase
}

.our-banner {
    padding: 150px 0 90px;
    position: relative;
    display: flex;
    align-items: center;
    background: url(../images/home-banner2.jpg) center/cover no-repeat;
    margin: -21px 0 0;
    z-index: 0
}

footer {
    padding: 40px 0 10px;
    background: #00154b
}

.combo-pack {
    background: url("../images/combo-pack-bg.jpg") 0 0/cover no-repeat;
    height: 550px;
    width: 100%;
    padding: 60px 0;
    position: relative
}

.combo-pack .pack {
    margin: 20px 0 0
}

.combo-pack .pack h4 {
    color: #ffba00;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 10px;
    position: relative;
    display: inline-block
}

.combo-pack .pack p {
    color: #fff;
    font-weight: 500;
    margin: 5px 0;
    font-size: 12px
}

.combo-pack a.order-now,footer .footer-social a {
    font-size: 20px;
    display: inline-block;
    text-align: center
}

.combo-pack .combo-image {
    position: absolute;
    left: -170px;
    top: 9px;
    max-width: 140%
}

.combo-pack .left {
    top: 145px;
    position: relative;
    left: 30px
}

.combo-pack .left:before {
    content: '';
    position: absolute;
    top: -200px;
    background: url("../images/combo-pack-branding.png") no-repeat;
    height: 156px;
    width: 206px;
    left: -50px
}

.combo-pack .right {
    position: relative;
    top: 10px;
    left: 70px
}

.combo-pack a.order-now {
    background: #663ffe;
    color: #fff;
    font-weight: 700;
    padding: 10px 60px;
    border-radius: 50px;
    box-shadow: -2px 10px 10px #1b1656;
    margin: 22px 0
}

a.click-here {
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    left: 6px;
    position: relative
}

.our-capabilities .box:hover h4,a:hover,footer *,section.br-sol.custom-web-pkg p,section.our-packages.our-packages-details .actions.row a.action-no.clearfix.pur small {
    color: #fff
}

footer .footer-social {
    margin-top: 15px
}

.content-sec-lp ul.content-services,.our-copyright,footer .info,section.our-about.our-capabilities.innercap .col-sm-3:nth-child(2),section.our-about.our-capabilities.innercap .col-sm-3:nth-child(4) {
    margin-top: 30px
}

footer .footer-social li {
    display: inline-block;
    margin-right: 12px;
    margin-bottom: 0
}

footer .footer-social a {
    background: #fff;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    line-height: 40px
}

footer .info li {
    display: block;
    margin-bottom: 10px
}

footer .info li i {
    margin-right: 10px
}

footer .info li a {
    font-weight: 400;
    font-size: 14px
}

footer hr {
    border-color: #524e9b;
    margin: 30px 0 40px
}

footer ul li a {
    font-weight: 400;
    color: #fff
}

footer ul li {
    margin-bottom: 5px
}

.our-copyright ul li {
    display: inline-block;
    padding: 0 8px
}

.our-copyright p {
    font-size: 12px;
    margin: 0
}

.our-copyright {
    align-items: self-end
}

.who-we-are p {
    font-size: 12px;
    line-height: 24px;
    color: #848484
}

.who-we-are {
    padding: 60px 0 50px;
    background: #f7f7f9;
    position: relative
}

.who-we-are:before {
    content: '';
    background: url("../images/who-we-are-before.png") no-repeat;
    height: 162px;
    width: 204px;
    position: absolute;
    top: -100px;
    left: 110px;
    display: none
}

.pfimg figure img,.who-we-are img {
    max-width: 85%;
}

.testimonial .test img {
    position: absolute;
    top: -30px;
    left: 0
}

.testimonial .test p {
    font-size: 12px;
    color: #4e4e4e;
    font-weight: 500;
    margin-bottom: 10px
}

.testimonial .test h5 {
    color: #3d3c7f;
    font-weight: 600;
    font-size: 13px
}

.testimonial .test h5 span {
    display: block;
    color: #a3a3a3;
    font-size: 11px;
    font-weight: 500;
    margin-top: -14px;
    margin-left: 51px
}

.testimonial .test h5 i {
    margin-right: 5px;
    display: none
}

.testimonial .test {
    background: #fff;
    box-shadow: 0 1px 15px #dadee0;
    padding: 20px;
    position: relative;
    border-radius: 6px
}

.testimonial .owl-item.center .item {
    transform: translateY(15px)
}

.our-testimonial {
    padding: 60px 0;
    background: #fdfdfd;
    position: relative
}

.our-testimonial h2 {
    font-size: 37px
}

.testimonial .item {
    padding: 40px 0;
    transition: .5s
}

.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
    background: #6a69e7
}

.our-packages {
    padding: 40px 0;
    background: #f6f6f6
}

.our-packages .img-head {
    margin-bottom: 30px
}

.our-packages .pack {
    background: #fff;
    padding: 20px;
    border-left: 3px solid #6100ff;
    margin-bottom: 20px;
    text-align: center;
    transition: .3s linear
}

.our-packages [class*=col] {
    padding: 0 10px
}

.our-packages .row {
    margin: 0 -10px;
    display: flex;
    justify-content: center
}

.our-packages .pack h3 {
    color: #493fb9;
    margin: 0 0 5px;
    font-size: 17px;
    font-weight: 500;
    display: inline-block;
    text-align: left;
    vertical-align: middle
}

.our-packages .pack p {
    color: #3e3e3e;
    font-size: 11px;
    line-height: 16px;
    margin: 8px 0;
    font-weight: 500
}

.our-packages .pack .pricebox h2 {
    color: #663ffe;
    margin-bottom: 10px;
    display: inline-block
}

.our-packages .pack .pricebox,.pfimg figure,form.tmform ul,ul.list-ul li {
    margin-bottom: 10px
}

.dropdown-item,.our-gurantee .box:last-of-type,.portfolio-col div#portfolio ul {
    margin-bottom: 0
}

.cs-wb-pkg-show .pricebox strike,.our-packages .pack .pricebox em,.our-packages .pack .pricebox strike,section.packages [class^=col-md-4]>div .pricebox strike {
    font-size: 16px;
    color: #6c6c6c;
    position: relative;
    top: -10px;
    font-weight: 700;
    left: 7px
}

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

.our-packages .pack ul {
    margin: 0;
    padding-left: 15px
}

.our-packages .pack ul li {
    font-size: 12px;
    color: #424242;
    position: relative;
    margin-bottom: 4px;
    margin-right: 20px;
    font-weight: 600
}

.our-packages .pack .content+a {
    padding: 9px 30px;
    border-radius: 40px;
    font-size: 14px;
    margin: 30px auto auto;
    font-weight: 600;
    text-align: center;
    position: relative
}

.num_wrp span,.our-about {
    background: #fff
}

#text,.our-about:before,.our-packages .pack p,section.our-package.pricing .our-packages .img-head,section.our-packages.our-packages-details [class*=col] .pack .head br {
    display: none
}

.our-about a {
    background: #fde1d9;
    color: #f7683f;
    font-size: 13px;
    font-weight: 600;
    padding: 12px 40px;
    border-radius: 40px
}

a.btn1,a.btn3 {
    background: linear-gradient(45deg,#663ffe,#d75ad2)
}

.our-about p {
    margin-bottom: 25px
}

.our-packages [class*=col]:nth-child(2) .pack {
    border-color: #05c5bd
}

.our-packages [class*=col]:nth-child(3) .pack {
    border-color: #fe7e01
}

.our-packages [class*=col]:nth-child(4) .pack {
    border-color: red
}

.our-packages [class*=col]:nth-child(2) .pack h3 {
    color: #05c5bd
}

.our-packages [class*=col]:nth-child(3) .pack h3 {
    color: #fe7e01
}

.our-packages [class*=col]:nth-child(5) .pack {
    border-color: #091798
}

.our-packages [class*=col]:nth-child(6) .pack {
    border-color: #007b3d
}

.our-packages [class*=col]:nth-child(7) .pack {
    border-color: #feba01
}

.our-packages [class*=col]:nth-child(8) .pack {
    border-color: #ff7200
}

.our-packages [class*=col]:nth-child(9) .pack {
    border-color: #0b50a2
}

.our-testimonial:after {
    content: 'Our Clients';
    color: #a4a3fea6;
    font-size: 135px;
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-weight: 700;
    opacity: .1
}

.our-capabilities {
    background: #fff7f5;
    padding: 50px 0 70px
}

.our-capabilities .box {
    background: #fff;
    width: 100%;
    transition: .5s;
    text-align: center;
    border-radius: 10px;
    float: left;
    margin-bottom: 14px;
    box-shadow: 0 0 23px #ede9e8;
    padding: 10px;
    border-top: 3px solid #fff;
    position: relative
}

.our-capabilities .box h4 {
    font-size: 14px;
    color: #051f5b;
    font-weight: 600
}

.our-capabilities h2 {
    line-height: 36px;
    font-size: 32px
}

.our-capabilities h2 span {
    font-size: 22px
}

.our-capabilities p {
    color: #848484;
    line-height: 24px;
    font-size: 12px
}

a.btn1,a.btn2,a.btn3 {
    padding: 10px 50px;
    letter-spacing: .5px;
    font-size: 16px;
    display: inline-block
}

.our-capabilities .box:nth-child(5) {
    transform: translateY(50px)
}

.our-capabilities .img-head {
    margin-top: 100px
}

.pro-bg {
    padding: 20px 0 20px 20px;
    z-index: 4;
    position: absolute;
    bottom: -10px;
    width: 98%
}

.slide-progress {
    background: #57b6fc;
    padding: 2px;
    bottom: 0;
    z-index: -1
}

.slider-portfolio.owl-carousel .owl-item img {
    height: 500px;
    width: 100%;
    object-fit: cover
}

.innerbg {
    background: 0 0;
    width: 100%;
    z-index: 0
}

.our-banner .owl-theme .owl-nav {
    position: absolute;
    top: 44%;
    width: 100%;
    text-align: left
}

.our-banner .owl-theme .owl-nav button {
    background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 18px;
    line-height: 50px;
    color: #647de9;
    position: relative;
    left: -21px
}

.our-banner .owl-theme .owl-nav button.owl-next {
    float: right;
    left: 22px
}

.our-banner .caption h1 {
    color: #fff;
    font-weight: 600;
    font-size: 46px;
    text-transform: uppercase
}

.our-banner .caption h2 {
    color: #ffb400;
    font-size: 54px;
    font-weight: 700
}

a.btn1 {
    color: #fff;
    font-weight: 600;
    border-radius: 50px;
    margin: 0 20px 0 0
}

a.btn1:hover {
    border: 1px solid #fff;
    background: 0 0
}

a.btn3 {
    color: #fff;
    font-weight: 600;
    border-radius: 50px
}

a.btn3:hover {
    border: 1px solid #000;
    background: 0 0;
    color: #000
}

.btn2:hover,.contact-form input[type=submit],a.btn2:hover {
    background: linear-gradient(45deg,#663ffe,#d75ad2)
}

a.btn2 {
    border: 1px solid #fff;
    background: 0 0;
    color: #fff;
    font-weight: 600;
    border-radius: 50px;
    transition: .4s
}

.our-banner h4 {
    color: #fff;
    font-size: 100px;
    font-weight: 700;
    opacity: .06;
    position: absolute;
    bottom: -30px;
    left: 0
}

.our-solution figure {
    background: #fff;
    padding: 20px;
    border-radius: 4px;
    position: relative;
    margin-bottom: 30px
}

.our-solution figure img {
    display: inline-block;
    border-radius: 50%;
    margin-right: 10px
}

.our-solution figure p {
    text-align: left;
    font-size: 13px;
    color: #8e929c;
    line-height: 24px;
    margin: 0
}

footer h4,section.contact-us ul {
    margin-top: 10px
}

.our-solution figure h4 {
    display: inline-block;
    font-size: 20px;
    font-weight: 700
}

section.portfolio-col .col-md-4+.col-md-4 {
    text-align: left
}

.portfolio-col div#portfoliolist img {
    max-width: 100%;
    width: 100%
}

.portfolio-col div#portfoliolist .col-md-4 {
    padding: 0;
    text-align: right;
    display: none
}

section.portfolio-col .col-md-4 h2 span {
    color: #00a2c0
}

.portfolio-col div#portfolio {
    margin-top: 42px
}

a.viewmore_porfolio {
    background: #1a1c1d;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 19px;
    color: #fff;
    padding: 20px 0
}

.portfolio-col div#portfolio #filters li {
    display: inline-block;
    color: #696969;
    text-transform: uppercase;
    margin: 0 15px
}

.portfolio-col div#portfolio #filters li span {
    display: block;
    padding: 6px 14px;
    font-size: 14px;
    border-radius: 3px;
    color: #a4a3fe;
    font-weight: 600;
    cursor: pointer;
    transition: .5s
}

.portfolio-col #portfolio span.filter.active,.portfolio-col div#portfolio #filters li span:hover {
    background: #3d3c7f;
    color: #fff!important
}

.portfolio-col #portfolio ul#filters {
    text-align: center;
    margin: 40px 0 30px;
    display: block
}

.portfolio-col div#portfoliolist .col-md-4 ul li {
    position: relative;
    overflow: hidden
}

.portfolio-col div#portfoliolist .col-md-4 ul li a {
    display: block;
    position: relative
}

.portfolio-col div#portfoliolist .col-md-4 ul li a .overlay_portfolio {
    position: absolute;
    background: rgba(0,0,0,.73);
    width: 0;
    text-align: center;
    right: 0;
    border: 11px solid rgba(0,0,0,.51);
    padding: 0;
    overflow: hidden;
    -webkit-transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    visibility: hidden;
    -ms-transition: .2s ease-in;
    height: 100%;
    transition: .2s ease-in
}

.contact-form input,.contact-form select,.new-pf div#filters button {
    -webkit-transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    -ms-transition: .2s ease-in
}

.portfolio-col div#portfoliolist .col-md-4 ul li a .overlay_portfolio i {
    font-size: 50px;
    color: #fff;
    position: absolute;
    top: 39%;
    left: 45%
}

.portfolio-col div#portfoliolist .col-md-4 ul li:hover a .overlay_portfolio {
    width: 100%;
    visibility: visible
}

.portfolio-col div#portfoliolist .logos.col-md-4+.col-md-4 ul li .overlay_portfolio {
    padding: 23% 0
}

.portfolio-col #portfoliolist .stationery+.stationery ul li+li .overlay_portfolio,.portfolio-col div#portfoliolist .logos+.logos ul li+li .overlay_portfolio,.portfolio-col div#portfoliolist .logos.logos+.logos ul li .overlay_portfolio {
    padding: 25% 0
}

.portfolio-col div#portfoliolist .logos.col-md-4+.col-md-4+.col-md-4 ul li+li+li .overlay_portfolio {
    padding: 24% 0
}

section.faq-sec,section.portfolio-col {
    padding: 50px 0
}

.portfolio-col #portfoliolist .logos ul li img {
    height: 269px
}

.portfolio-col #portfoliolist .logos+.logos+.logos ul li.last img {
    height: 211px
}

.portfolio-col #portfoliolist .brochure ul li img,.portfolio-col #portfoliolist .brochure+.brochure ul li+li img,.portfolio-col #portfoliolist .brochure+.brochure+.brochure ul li img,.portfolio-col #portfoliolist .stationery ul li img,.portfolio-col #portfoliolist .stationery+.stationery ul li+li img,.portfolio-col #portfoliolist .websites ul li img {
    height: 262px
}

.portfolio-col #portfoliolist .websites+.websites ul li+li img {
    height: 392px
}

.portfolio-col #portfoliolist .websites+.websites+.websites ul li+li+li img {
    height: 320px
}

.portfolio-col #portfoliolist .websites+.websites ul li img {
    height: 393px
}

.portfolio-col #portfoliolist .websites+.websites+.websites ul li img {
    height: 363px
}

.portfolio-col #portfoliolist .stationery+.stationery ul li .overlay_portfolio,.portfolio-col #portfoliolist .stationery+.stationery+.stationery ul li .overlay_portfolio,.portfolio-col #portfoliolist .websites+.websites ul li+li .overlay_portfolio {
    padding: 45% 0
}

.portfolio-col #portfoliolist .stationery+.stationery+.stationery ul li+li img {
    height: 291px
}

.portfolio-col #portfoliolist .brochure+.brochure ul li img,.portfolio-col #portfoliolist .stationery+.stationery ul li img {
    height: 524px
}

.portfolio-col #portfoliolist .stationery+.stationery+.stationery ul li img {
    height: 436px
}

.portfolio-col #portfoliolist .stationery+.stationery+.stationery ul li+li .overlay_portfolio {
    padding: 31% 0
}

.portfolio-col #portfoliolist .video ul li img {
    height: 200px
}

.portfolio-col #portfoliolist .video+.video+.video ul li.last img {
    height: 204px
}

.portfolio-col #portfoliolist .brochure+.brochure+.brochure ul li.last img {
    height: 465px
}

section.contact-us {
    padding: 50px 0;
    color: #000;
    font-size: 12px;
    line-height: 22px
}

section.contact-us p {
    font-size: 14px;
    margin-bottom: 23px
}

section.contact-us h5 {
    font-size: 22px;
    color: #848894
}

section.contact-us h4 {
    font-size: 34px;
    color: #e74028;
    font-weight: 700
}

section.contact-us ul li,ul.shotli li {
    display: inline-block
}

section.contact-us ul li i {
    font-size: 19px;
    color: #ccc
}

section.contact-us ul li a {
    padding: 10px 20px 0 0
}

.contact-form input,.contact-form select {
    width: 100%;
    border: 1px solid #ededed;
    padding: 10px;
    height: 50px;
    margin-bottom: 10px;
    border-radius: 2px;
    transition: .2s ease-in;
    font-size: 14px;
    font-weight: 400;
    color: #626262
}

.contact-form textarea {
    width: 100%;
    border: 1px solid #ededed;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 2px;
    font-size: 14px;
    resize: none;
    height: 150px
}

.contact-form input[type=submit] {
    padding: 6px 70px;
    color: #fff;
    font-size: 17px;
    border: none;
    width: auto;
    font-weight: 600;
    margin: 0 auto;
    display: table;
    border-radius: 5px
}

.contact-form input:focus,.contact-form textarea:focus {
    border: 2px solid #e74028
}

section.portfolio.portfolio-col img {
    max-width: 100%;
    width: 100%;
    margin-bottom: 10px;
    object-fit: cover;
    border-radius: 10px
}

section.portfolio.portfolio-col .col-sm-4 {
    padding: 0 6px
}

section.portfolio.portfolio-col .view-more {
    font-size: 14px;
    font-weight: 600;
    padding: 12px 40px;
    border-radius: 40px;
    margin: 20px auto 0;
    display: table;
    letter-spacing: 1px
}

.dropdown:hover>.dropdown-menu,.mz_ourclient h2 span {
    display: block
}

.dropdown-item {
    color: #1f004e;
    padding: 6px 15px 4px;
    border-bottom: 1px solid #1f004e2b;
    font-size: 12px;
    font-weight: 600
}

.dropdown-menu {
    background-color: #fff;
    padding: 0;
    margin: 0;
    z-index: 9999999
}

section.portfolio.portfolio-col .websites img {
    height: 320px;
    width: 100%
}

.our-solution {
    background: #fff7f5;
    padding: 40px 0
}

.our-packages .pack .head,.our-solution .btn-block,.our-solution h2,.popupform ul li.last,section.our-package.pricing .img-head {
    text-align: center
}

.our-solution p {
    text-align: center;
    font-size: 18px;
    margin-bottom: 40px;
    color: #848894
}

span.plan,span.plan1 {
    font-size: 11px
}

.our-solution figure h6 {
    position: absolute;
    top: 20px;
    color: #8e929c;
    right: 20px;
    font-size: 40px;
    opacity: .2
}

.our-solution .btn-block a {
    color: #fff;
    background: #f6683f;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 30px;
    font-weight: 700;
    margin-left: 10px
}

.our-solution .btn-block a.btn-discuss {
    color: #f7683f;
    background: #fbd9d0
}

.content {
    overflow: auto;
    position: relative;
    height: 150px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px
}

.mCSB_scrollTools .mCSB_draggerRail {
    background: #1f004e
}

.mCSB_inside>.mCSB_container,section.work-samples ul.sampleslist li:nth-child(4),section.work-samples ul.sampleslist li:nth-child(8) {
    margin-right: 0
}

.our-packages .pack ul li:before {
    content: '';
    background: #75838d;
    height: 4px;
    width: 4px;
    border-radius: 50%;
    position: absolute;
    left: -15px;
    top: 8px;
    display: none
}

span.plan {
    position: relative;
    top: 0;
    background: #663ffe;
    padding: 3px 12px;
    color: #fff;
    display: block
}

span.plan1,span.plan2 {
    background: #7b7b7b;
    color: #fff;
    padding: 3px 6px;
    margin-top: 5px;
    display: block
}

span.plan2 {
    font-size: 10px
}

.seo-paln p {
    font-size: 11px;
    color: #727272;
    text-align: left;
    width: 89%;
    margin: 10px 0;
    line-height: 17px
}

header img {
    max-width: 100%;
}

.tmform .col-md-12,.tmform .col-md-6,header .nav-link {
    padding: 0
}

section.our-package.pricing {
    background: #f6f6f6;
    padding: 40px 0
}

section.our-package.pricing .nav-tabs {
    border: none;
    text-align: center;
    float: none;
    justify-content: center
}

section.our-package.pricing .nav-tabs .nav-link {
    color: #3d3c7f;
    font-weight: 500;
    border: none;
    border-radius: 0
}

.nav-tabs .nav-item {
    margin: 0 4px
}

section.our-package.pricing .nav-tabs .nav-link.active {
    background: linear-gradient(45deg,#663ffe,#d75ad2);
    color: #fff;
    padding: 8px 20px;
    border-radius: 50px
}

section.br-sol.custom-web-pkg {
    position: relative;
    overflow: hidden;
    padding: 0 0 17px;
    background: #0b50a2
}

section.br-sol.custom-web-pkg:before {
    background: #00154b;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1
}

section.br-sol.custom-web-pkg .container {
    position: relative;
    z-index: 3;
    text-align: center
}

section.br-sol.custom-web-pkg h2 {
    font-size: 39px;
    font-weight: 600;
    margin: 39px 0 2px;
    color: #fff;
    text-transform: capitalize
}

.cs-wb-ul {
    border-radius: 2px;
    margin: 20px 0 0;
    width: 24%!important;
    padding: 0!important
}

.cs-wb-ul li {
    font-size: 12px;
    padding: 8px 0 8px 10px;
    position: relative;
    border-bottom: 1px solid #ffffff36;
    text-align: left;
    color: #fff
}

.cs-wb-ul li:last-child {
    border-bottom: 0
}

.cs-wb-ul li:before {
    content: "";
    background: #fff;
    width: 5px;
    height: 3px;
    position: absolute;
    left: 0;
    top: 17px
}

.cs-wb-ul ul {
    padding: 0 17px
}

.cs-wb-pkg-show {
    background: #fff;
    border-radius: 5px;
    box-shadow: #5d3c83ad 0 0 10px;
    padding: 30px 25px;
    color: #424242;
    width: 91%!important;
    margin: 10px auto 20px
}

.cs-wb-pkg-show a.grad-btn {
    display: inline-block;
    color: #fff;
    padding: 10px 30px;
    margin-top: 5px;
    border-radius: 5px;
    width: 83%;
    background: #663ffe;
    font-size: 16px;
    font-weight: 500
}

.cs-wb-pkg-show .pricebox {
    margin-top: 0;
    position: relative;
    text-align: center;
    margin-bottom: 0
}

.cs-wb-pkg-show .actions a {
    color: #000!important
}

.cs-wb-pkg-show .actions a span {
    color: #000;
    font-size: 12px
}

.cs-wb-pkg-show .actions a small {
    color: #6f6e6e!important;
    display: block;
    font-size: 11px
}

.cs-wb-pkg-show h2 {
    color: #0b50a2!important;
    font-size: 22px!important;
    margin: 0!important
}

.cs-wb-pkg-show p {
    color: #663ffe!important;
    font-size: 12px;
    font-weight: 700
}

.cs-wb-pkg-show .pricebox h3,.cs-wb-pkg-show .pricebox sup {
    color: #0b50a2!important;
    display: inline-block;
    font-size: 38px;
    margin: 0;
    font-weight: 700
}

.cs-wb-pkg-show .pricebox sup,section.packages [class^=col-md-4]>div .pricebox sup {
    font-size: 22px;
    font-weight: 600;
    position: relative
}

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

.actions {
    border-top: 1px solid #eee;
    padding-top: 10px;
    display: block;
    float: none;
    position: relative;
    clear: both;
    width: 100%;
    text-align: center;
    margin: 4px auto 10px
}

.cs-wb-pkg-show .actions {
    margin-top: 13px;
    padding-top: 13px
}

.actions a {
    vertical-align: top;
    min-width: inherit;
    margin: 0;
    position: relative;
    cursor: pointer;
    color: #7b7b7b;
    font-size: 12px;
    font-weight: 500
}

.our-banner .caption p {
    margin-bottom: 25px;
    color: #fff;
    font-size: 18px
}

footer p {
    margin: 15px 0 0;
    font-size: 13px
}

.contact-us h2 {
    font-size: 30px;
    line-height: 44px;
    margin-bottom: 30px
}

.testimonial .test h5 strong {
    color: #fff;
    background: #ec438e;
    height: 44px;
    display: inline-block;
    margin-right: 6px;
    top: 5px;
    position: relative;
    border-radius: 50%;
    width: 44px;
    text-align: center;
    line-height: 44px;
    font-weight: 500;
    font-size: 18px
}

.our-packages .actions.row {
    margin-top: 25px
}

section.our-packages.our-packages-details [class*=col] .pack .head {
    text-align: left;
    text-transform: uppercase
}

section.our-packages.our-packages-details [class*=col] .pack .head h3 {
    font-size: 28px;
    font-weight: 800;
    letter-spacing: 3px
}

section.our-packages.our-packages-details [class*=col] .pack .pricebox {
    position: absolute;
    right: 0;
    top: 14px;
    margin: 0
}

section.our-packages.our-packages-details [class*=col] .pack ul {
    padding: 0;
    margin: 40px 0 0
}

section.our-packages.our-packages-details [class*=col] .pack ul li {
    display: inline-block;
    padding: 2px 10px;
    margin: 0 5px 5px;
    width: 32%;
    position: relative;
    vertical-align: top;
    font-size: 11px
}

section.our-packages.our-packages-details [class*=col] .pack ul li:before {
    top: 8px;
    padding: 3px;
    display: block
}

.our-gurantee,.services_page_content,section.new-pf {
    padding: 40px 0
}

.services_page_content ul {
    padding-left: 15px;
    list-style-type: disc
}

.services_page_content ul li {
    font-size: 13px;
    margin-bottom: 10px
}

.services_page_content ul li a {
    color: #1f004e;
    font-weight: 500
}

.our-capabilities .boxyrow {
    margin: 0 5px
}

.our-capabilities .boxyrow .col-sm-4 {
    padding: 0 7px
}

.our-capabilities .box img {
    margin-bottom: 6px
}

.our-capabilities .box a {
    color: transparent;
    background: 0 0;
    padding: 0;
    border-radius: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.our-gurantee .box p,.our-process p,section.faq-sec .card {
    color: #8e929c;
    line-height: 24px
}

.our-capabilities .box:hover {
    background: #663ffe
}

.our-banner.inner-banner .caption {
    padding-top: 0;
    display: flex;
    align-items: center
}

section.faq-sec .card-header {
    background: 0 0;
    border: none;
    outline: 0!important
}

section.faq-sec .card-header a {
    display: block;
    font-size: 20px;
    color: #000;
    font-weight: 600;
    padding: 6px 20px
}

section.faq-sec .card {
    margin-bottom: 20px;
    border: none;
    background: #f6f7ff;
    border-radius: 20px;
    font-size: 16px;
    padding: 0
}

section.faq-sec .card:nth-child(2n) {
    background: #f8eaef
}

section.faq-sec .card-body {
    padding: 0 25px 20px
}

section.faq-sec .card-header a.card-link.collapsed:after {
    content: "";
    background: url(../images/plus.png);
    height: 30px;
    width: 30px;
    display: inline-block;
    position: absolute;
    right: 20px
}

section.faq-sec .card-header a.card-link:after {
    content: "";
    content: "";
    background: url(../images/minus.png);
    height: 30px;
    width: 30px;
    display: inline-block;
    position: absolute;
    right: 20px
}

.our-gurantee .box {
    background: #f6f7ff;
    padding: 40px 50px 30px;
    border-radius: 25px;
    position: relative!important;
    z-index: 0;
    margin-bottom: 20px;
    overflow: hidden
}

.combo_img,.our-process .row,.row.justify-content-center {
    position: relative
}

.our-gurantee .box h4 {
    font-size: 28px;
    font-weight: 700;
    margin: 40px 0 20px
}

.our-gurantee .box p {
    font-size: 13px
}

.our-gurantee .box h2 {
    font-size: 75px;
    background: -webkit-linear-gradient(#fff,#00000029);
    -webkit-background-clip: text;
    font-weight: 700;
    opacity: .2;
    position: absolute;
    bottom: 0;
    z-index: 11;
    margin: auto;
    left: -60px;
    text-align: center;
    display: none
}

.our-gurantee .box .row {
    position: relative;
    z-index: 9999
}

.our-gurantee .box img {
    margin-top: -50px
}

.our-gurantee .box.unique {
    background: #eaf4fe
}

.our-gurantee .box.delivery {
    background: #fff1fe
}

.process-bg p {
    font-size: 20px
}

.our-process h5 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 28px;
    margin: 0 0 10px
}

.our-process p {
    font-size: 13px;
    margin: 0
}

.our-process .row {
    padding: 60px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center
}

.our-process h2 {
    font-size: 165px;
    background: -webkit-linear-gradient(#fff,#51cb00);
    -webkit-background-clip: text;
    font-weight: 700;
    opacity: .2;
    position: absolute;
    bottom: -30px;
    z-index: -1
}

.our-process img {
    float: right
}

.our-process .left img,ul.shotli {
    float: left
}

.our-process .row.justify-content-center:after {
    content: '';
    border-right: 1px dashed #9a9ba8;
    position: absolute;
    height: 94%;
    right: 50%;
    margin: auto;
    opacity: .6
}

.our-process span {
    background: #7cc206;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    padding: 0;
    z-index: 1;
    top: 0
}

.our-process span:before {
    content: '';
    border: 1px solid #7cc206;
    border-radius: 50%;
    height: calc(100% + 8px);
    width: calc(100% + 8px);
    display: block;
    position: absolute;
    top: -4px;
    left: -4px;
    z-index: 9;
    opacity: .4
}

.our-process .ideate span {
    background: #7784f1
}

.our-process .ideate span:before {
    border-color: #7784f1
}

.our-process .ideate h2 {
    background: -webkit-linear-gradient(#fff,#7784f1);
    -webkit-background-clip: text
}

.our-process .create span {
    background: #f17788
}

.our-process .create span:before {
    border-color: #f17788
}

.our-process .create h2 {
    background: -webkit-linear-gradient(#fff,#c277f1);
    -webkit-background-clip: text
}

.our-process .revision span {
    background: #52d2bb
}

.our-process .revision span:before {
    border-color: #52d2bb
}

.our-process .revision h2 {
    background: -webkit-linear-gradient(#fff,#52d2bb);
    -webkit-background-clip: text
}

.our-process .finalize span {
    background: #feb137
}

.our-process .finalize span:before {
    border-color: #feb137
}

.our-process .finalize h2 {
    background: -webkit-linear-gradient(#fff,#feb137);
    -webkit-background-clip: text
}

.our-process .launch span {
    background: #e7e7e7;
    top: inherit
}

.our-process .launch span:before {
    border-color: #e7e7e7
}

.our-process .launch h2 {
    background: -webkit-linear-gradient(#fff,#939393);
    -webkit-background-clip: text
}

.pfimg.logo {
    margin: 5px;
    margin-bottom: 10;
    max-width: 100%;
    min-height: 248px
}

.pfimg {
    width: 31%!important;
    height: auto;
    display: inline-block;
    margin-right: 15px
}

section.mainpf {
    padding: 50px 0;
    text-align: center;
    background: linear-gradient(to bottom,#eee 0,#fff 100%);
    color: #848894;
    font-size: 17px;
    overflow: hidden
}

.leftcat button,.rightfilter button {
    color: #9598a1;
    margin-bottom: 4px;
    font-weight: 500;
    background: 0 0;
    text-transform: uppercase;
    cursor: pointer
}

section.mainpf h2 {
    font-size: 44px;
    font-weight: 700;
    color: #282828
}

section.mainpf h2+p {
    padding: 0 160px;
    font-weight: 400
}

.leftcat button {
    font-size: 14px;
    display: block;
    border: none
}

.leftcat {
    margin-top: 80px
}

.rightfilter {
    margin: 20px 0;
    text-align: left
}

.rightfilter button.is-checked {
    background: #663ffe;
    color: #fff;
    border: none;
    border-radius: 20px
}

.rightfilter button {
    font-size: 14px;
    border: none;
    padding: 3px 20px;
    border-radius: 5px
}

.disable_element {
    color: #888!important;
    opacity: .4;
    pointer-events: none
}

.zz {
    position: absolute;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    left: -282px
}

.zz button {
    display: block;
    text-align: left;
    font-size: 13px!important;
    line-height: 16px;
    margin-bottom: 12px!important;
    margin-right: 0!important;
    padding: 0!important
}

.zz button:hover {
    color: #e96137
}

.our-banner img {
    width: 100%
}

button#showMore {
    background: #663ffe;
    color: #fff;
    border: none;
    outline: 0;
    padding: 8px 30px;
    border-radius: 24px;
    font-size: 14px;
    font-weight: 600;
    display: table;
    margin: 20px auto 0
}

button:focus {
    outline: 0
}

section.portfolio-col .nav-tabs {
    text-align: center;
    justify-content: center;
    border: 0;
    margin-bottom: 25px
}

section.portfolio-col .nav-tabs .nav-item a {
    border: none;
    padding: 5px 25px;
    background: 0 0;
    color: #495057;
    font-size: 16px;
    font-weight: 500;
    border-radius: 60px
}

section.portfolio-col .nav-tabs .nav-item a.active {
    background: linear-gradient(45deg,#663ffe,#d75ad2);
    color: #fffdfd
}

.fancybox-container [class*=col],section.portfolio-col [class*=col] {
    padding: 0 5px
}

section.portfolio-col .row {
    margin: 0 -6px
}

section.portfolio.portfolio-col #logo img {
    height: auto
}

.portfolio .btn-custom {
    justify-content: center;
    display: flex;
    margin: 30px 0 0
}

section.portfolio.portfolio-col #brochure img,section.portfolio.portfolio-col #stationary img {
    height: 300px
}

.popupform ul li {
    text-align: center;
    position: relative;
    width: 100%;
    margin: 8px 0;
    display: inline-block
}

.popupform ul li input[type=email],.popupform ul li input[type=text],.popupform ul li textarea {
    background: #fff;
    border: 1px solid #adadad;
    padding: 10px 10px 10px 34px;
    width: 100%;
    border-radius: 6px;
    font-size: 14px;
    color: #000;
    box-shadow: none!important;
    outline: 0!important
}

.popupform ul li i {
    position: absolute;
    top: 15px;
    left: 14px;
    color: #663ffe
}

.popupform ul li textarea {
    height: 120px;
    resize: none
}

.popupform ul li input[type=submit] {
    background: #663ffe;
    color: #fff;
    font-size: 18px;
    border: 1px solid #663ffe;
    text-transform: uppercase;
    font-weight: 600;
    padding: 9px 10px;
    letter-spacing: 1px;
    outline: 0;
    border-radius: 50px;
    width: 195px
}

.popupform ul li input[type=submit]:hover {
    background: #ce3c33
}

.popupform ul li input[type=email]:focus,.popupform ul li input[type=text]:focus,.popupform ul li textarea:focus {
    border: 2px solid #b9bbbd!important
}

.popupform {
    width: 450px;
    border-radius: 23px;
    padding: 30px;
    overflow: visible;
    border-bottom: 5px solid #0467ff;
    border: 0
}

.popupform h2 {
    font-size: 28px;
    color: #352c97;
    font-weight: 700;
    padding-left: 15px;
    border-left: 6px solid #352c97;
    margin-bottom: 12px;
    line-height: 35px;
    margin-top: 0
}

.popupform h2+p {
    line-height: 19px;
    font-size: 14px;
    margin-bottom: 12px
}

.popupform .fancybox-close-small {
    border: 3px solid #352c97;
    background: #fff;
    border-radius: 72px;
    text-align: center;
    box-shadow: #000 0 0 10px;
    right: -14px;
    top: -13px;
    overflow: visible;
    opacity: 1
}

.popupform .fancybox-close-small:after {
    color: #de443a;
    font-size: 25px;
    right: 4px
}

section.our-packages.our-packages-details [class*=col]:hover .pack {
    box-shadow: none!important
}

.fancybox-container .row {
    margin: 0 -5px
}

.dropdown-item.active,.dropdown-item:active {
    background: #412a85
}

.dropdown-item:focus,.dropdown-item:hover {
    background: #452d87;
    color: #fff
}

section.portfolio.portfolio-col #website img {
    height: 260px
}

footer .footer-social a i {
    color: #00154b;
    line-height: 40px
}

.zz button.button.is-checked {
    background: 0 0;
    color: #663ffe
}

a.pkg-view-detail {
    margin: 14px 0 0;
    display: inline-block;
    color: #3f2eb8;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    clear: both;
    border-bottom: 1px dotted #ccc
}

input.required.error {
    border: 1px solid red!important
}

.tmform input[type=submit],a.live-chat-thank.chat {
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 50px
}

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

label.error {
    display: none!important
}

.sub-heading {
    color: #000;
    font-weight: 600;
    margin-bottom: 12px;
    font-size: 18px;
    margin-top: 15px;
    position: relative;
    display: inline-block
}

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

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

.thankyou-banner {
    text-align: center;
    background: url(../images/home-banner.jpg) 0 0/cover;
    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
}

a.live-chat-thank.chat {
    background: #ee2c5e;
    display: inline-block;
    padding: 14px 70px;
    color: #fff;
    margin: 40px 0
}

i.bulb-icon {
    background: url(../images/logo-icon.png) no-repeat;
    width: 143px;
    height: 170px;
    position: absolute;
    top: -108px;
    left: -60px;
    z-index: -1
}

.our-packages .pack .pricebox sup {
    color: #663ffe;
    font-size: 20px;
    font-weight: 600;
    top: 0
}

.actions a span {
    display: block;
    color: #663ffe;
    font-weight: 600;
    text-align: center;
    font-size: 14px
}

.actions a span small {
    display: block;
    color: #000;
    font-weight: 600;
    font-size: 12px
}

footer h4 {
    text-transform: uppercase;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700
}

ul.footer-quicklinks li a {
    font-size: 13px!important;
    font-weight: 400
}

.contact-detail p {
    font-size: 14px!important
}

.contact-detail p span {
    display: inline-block;
    font-weight: 700;
    font-size: 16px
}

.contact-detail p span a {
    display: block;
    font-weight: 700;
    font-size: 16px;
    color: #000!important
}

.contact-detail p a,section.our-packages.our-packages-details .actions.row a.chat span {
    color: #000
}

section.contact-us h5 span {
    color: #e74028;
    font-weight: 700
}

.our-packages .pack:hover {
    box-shadow: #00000073 0 0 15px
}

.combo-pack .pack h4:after {
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 2px;
    width: 100%;
    background: #ffba00;
    content: ""
}

#showMore {
    margin-top: 32px;
    clear: both;
    display: block
}

.grid:after {
    display: block;
    clear: both;
    content: ""
}

.element-item {
    color: #262524;
    margin-bottom: 0;
    width: 265px!important;
    padding: 8px;
    height: 265px
}

.element-item>* {
    margin: 0;
    padding: 0
}

.auto-margi-null,.hidden {
    margin: 0!important
}

.hidden,.mz_ourclient .container-fluid {
    padding: 0!important
}

.element-item img {
    border-radius: 7px;
    width: 100%
}

.element-item:hover img {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    background: #fff;
    border: none!important;
    color: #fff;
    z-index: 1;
    padding: 8px;
    position: relative;
    border-radius: 10px;
    box-shadow: 0 0 18px #00000063;
    transition: .5s
}

.new-pf div#filters button {
    display: inline-block;
    border-radius: 50px!important;
    width: auto;
    margin: 0 8px 8px;
    outline: 0;
    padding: 8px 27px;
    border: 2px solid #663ffe70;
    background: #fff;
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
    transition: .2s ease-in
}

.new-pf div#filters {
    text-align: center;
    margin-bottom: 24px
}

.new-pf div#filters .button.is-checked {
    background: linear-gradient(45deg,#663ffe,#d75ad2);
    color: #fff!important
}

.element-item.col-md-4.video {
    height: 253px!important
}

.hidden {
    visibility: hidden;
    width: 0!important;
    height: 0!important
}

.element-item:hover {
    z-index: 1
}

.element-item.video {
    height: 200px!important
}

.new-pf div#filters button:active {
    color: #fff!important;
    background: linear-gradient(45deg,#663ffe,#d75ad2)
}

.width-auto {
    width: 100%!important
}

.grid {
    overflow-y: hidden;
    padding: 20px
}

section.trademark-form {
    padding: 50px 0;
    background: #fff
}

form.tmform {
    width: 80%;
    margin: 0 auto;
    font-size: 13px;
    line-height: 23px
}

form.tmform .infobox {
    padding: 10px 0 0;
    border-bottom: 1px solid;
    margin-bottom: 20px;
    width: 100%
}

form.tmform h3.title {
    font-size: 12px;
    font-weight: 600;
    color: red;
    margin-bottom: 7px;
    text-transform: uppercase
}

form.tmform input,form.tmform select,form.tmform textarea {
    width: 100%;
    padding: 10px;
    height: 36px;
    border: 1px solid #dedede;
    border-radius: 5px;
    font-size: 11px;
    background: #fbfbfb87
}

form.tmform label {
    font-size: 12px;
    font-weight: 700;
    margin-top: 0;
    display: block;
    padding-left: 3px
}

form.tmform .infobox h2 {
    font-size: 25px;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 700
}

form.tmform .infobox h2+p {
    line-height: 22px;
    font-size: 13px
}

form.tmform textarea {
    min-height: 150px
}

form.tmform input[type=radio] {
    width: inherit;
    height: auto;
    position: relative;
    top: 2px;
    left: -5px
}

.option label {
    display: inline-block!important;
    padding-left: 5px!important
}

.tmform .col-md-6 ul li {
    width: 98%
}

.tmform .col-md-6+.col-md-6 ul li {
    margin-top: 20px;
    float: right
}

.tmform input.field-element {
    width: 55px;
    padding: 10px;
    display: block;
    margin-bottom: 0;
    position: relative
}

.tmform input.field-element+label {
    display: block;
    position: relative;
    left: 0;
    bottom: 0;
    width: 10px;
    float: left
}

ul.shotli {
    width: 100%
}

ul.shotli label {
    padding: 0;
    text-align: center
}

.tmform input[type=submit] {
    background: #663ffe;
    width: auto;
    font-size: 17px;
    padding: 7px 39px;
    line-height: normal;
    color: #fff;
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    border: none
}

.notebox {
    padding: 0 140px;
    text-align: center;
    font-size: 13px;
    line-height: 27px;
    font-style: italic
}

.notebox h3 {
    font-size: 18px;
    margin-bottom: 20px;
    letter-spacing: 2px;
    font-weight: 600;
    font-style: initial
}

section.our-packages.vpackage .actions a span {
    font-size: 12px
}

section.our-packages.vpackage .actions a span small {
    display: inline-block;
    padding-right: 3px
}

h4.centertext {
    display: block;
    width: 100%;
    text-align: center;
    padding: 20px 0;
    text-transform: capitalize;
    font-size: 40px;
    color: #3d3c7f;
    font-weight: 700;
    margin-bottom: 10px
}

section.our-packages.vpackage .pack h3 {
    font-size: 17px;
    text-align: center;
    display: block
}

.our-packages.vpackage .pack .head img {
    max-width: 60px!important;
    display: none
}

.col-lg-12.cs-wb-pkg-show.compressed-v {
    width: 40%!important
}

.cs-wb-pkg-show.compressed-v {
    width: 60%!important
}

.cs-wb-pkg-show.compressed-v .actions a span {
    font-size: 16px
}

.cs-wb-pkg-show.compressed-v .actions a small {
    font-size: 14px
}

.sub-heading:after {
    content: "";
    background: #000;
    position: absolute;
    bottom: -3px;
    width: 100%;
    height: 2px;
    left: 0
}

section.inner-banner.cat-ban {
    background: url(../images/home-banner.jpg) 0 0/cover;
    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: 80vh;
    width: 100%;
    font-family: Lato,sans-serif;
    font-size: 18px;
    color: #fff;
    line-height: 26px
}

section.inner-banner.cat-ban h1 {
    font-size: 50px;
    font-weight: 700
}

section.inner-banner.cat-ban h2 {
    font-size: 60px;
    color: #ffb400;
    text-transform: capitalize;
    font-weight: 700
}

section.inner-banner.cat-ban a.npage-btn {
    background: #663ffe;
    color: #fff;
    display: inline-block;
    padding: 10px 50px;
    letter-spacing: .5px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 50px
}

section.inner-banner.cat-ban .caption {
    width: 590px;
    font-family: Montserrat,sans-serif
}

.detail-package-caption p {
    font-size: 18px!important;
    padding: 10px 140px
}

.caption.detail-package-caption {
    display: inline-flex!important;
    align-items: inherit!important;
    text-align: center;
    width: 1170px!important;
    flex-direction: column;
    -webkit-align-items: center!important;
    align-items: center!important;
    -webkit-justify-content: center!important;
    justify-content: center!important
}

.caption.detail-package-caption h5 {
    color: #6ebbff;
    font-size: 19px;
    font-style: italic;
    font-weight: 300;
    font-family: georgia
}

section.our-packages.our-packages-details>.container>.row {
    border: 1px solid #e6e6e6;
    box-shadow: #47454a26 0 0 30px;
    border-radius: 5px;
    overflow: hidden
}

section.our-packages.our-packages-details h6 {
    margin: 6px 0 0;
    font-size: 15px;
    font-weight: 700;
    color: #fe2e52
}

section.our-packages.our-packages-details h4 {
    font-size: 23px;
    margin: 3px 0 10px;
    font-weight: 700;
    color: #202a79
}

section.our-packages.our-packages-details p {
    margin-bottom: 6px;
    line-height: 26px;
    color: #848894;
    font-size: 13px
}

section.our-packages.our-packages-details [class*=col] {
    background: #fff;
    padding: 48px 48px 17px
}

section.our-packages.our-packages-details .col-md-8 {
    padding: 26px;
    border-left: 3px solid #9d60ff
}

section.our-packages.our-packages-details [class*=col] .pack {
    border: 0;
    text-align: left;
    padding: 30px 0 0;
    position: relative;
    border-top: 1px dashed #ccc;
    margin-top: 38px
}

section.our-packages.our-packages-details .actions.row [class*=col] {
    padding: 0 13px
}

section.our-packages.our-packages-details .actions.row [class*=col] a.various.grad-btn {
    background: #fe2f54;
    display: inline-block;
    font-size: 16px;
    color: #ffff;
    padding: 20px 52px;
    border-radius: 70px
}

section.our-packages.our-packages-details .actions.row {
    padding-top: 29px;
    border-top: 1px dashed #ccc
}

section.our-packages.our-packages-details .actions.row a.action-no.clearfix.pur {
    background: #493fb8;
    display: inline-block;
    font-size: 16px;
    color: #ffff;
    padding: 12px 52px;
    border-radius: 70px
}

section.our-packages.our-packages-details .pricebox h2 {
    font-size: 52px!important
}

section.our-packages.our-packages-details .actions.row a.action-no.clearfix.pur span {
    color: #fff!important
}

section.our-packages.our-packages-details .actions.row a.chat {
    background: #ffb401;
    display: inline-block;
    font-size: 16px;
    color: #ffff;
    padding: 12px 52px;
    border-radius: 70px
}

section.content-sec-lp2 {
    box-shadow: #00000040 0 0 5px;
    padding: 0 0 60px;
    background: #f7f7f9;
    font-size: 12px;
    line-height: 24px;
    color: #848484
}

.banner-form input:focus,.banner-form select:focus,.banner-form textarea:focus {
    border: 2px solid #3d59e8;
    outline: 0
}

section.content-sec-lp {
    padding: 51px 0 50px
}

section.content-sec-lp2 h2 {
    position: relative;
    font-size: 33px;
    color: #3d3c7f;
    font-weight: 700;
    margin-bottom: 15px;
    z-index: 1
}

section.content-sec-lp2 h3 {
    font-size: 15px;
    font-family: Poppins,sans-serif;
    font-weight: 600;
    line-height: 22px
}

section.content-sec-lp .col-md-7 p {
    padding-top: 20px;
    font-size: 15px;
    color: #727272;
    line-height: 30px
}

section.content-sec-lp .col-md-7 a {
    display: inline-block;
    padding: 9px 30px;
    background: #f7ce0f;
    color: #000;
    font-size: 14px;
    font-family: Poppins,sans-serif;
    font-weight: 700;
    border-radius: 50px;
    margin-top: 10px
}

img.logo-img {
    max-width: 252px!important
}

section.content-sec-lp * {
    vertical-align: top!important
}

.content-sec-lp ul.content-services li:nth-child(6) h1 {
    margin-top: 5px;
    margin-bottom: 33px
}

.content-slider {
    padding-top: 40px;
    font-family: Poppins,sans-serif
}

.content-sec-lp ul.content-services li {
    padding: 25px 20px;
    -webkit-transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    -ms-transition: .2s ease-in;
    transition: .2s ease-in;
    width: 30.5%;
    display: inline-block;
    margin: 9px;
    background: #fbfbfb70;
    box-shadow: #00000012 0 0 6px;
    position: relative;
    overflow: hidden
}

.content-sec-lp .content-services h1 {
    font-size: 17px;
    font-weight: 600;
    font-family: Poppins,sans-serif;
    color: #000;
    letter-spacing: .5px;
    display: inline-block;
    margin: 16px 0 23px 62px
}

.content-sec-lp .content-services p {
    font-size: 13px;
    line-height: 23px;
    color: #7e7e7e
}

.content-sec-lp ul.content-services li:hover,ul.content-services li.active {
    background: #ececec
}

span.s-border {
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.pink-brd {
    border: 2px solid #f60b74
}

.purple-brd {
    border: 2px solid #a800ff
}

.blue-brd {
    border: 2px solid #00b4ff
}

.green-brd {
    border: 2px solid #07d14e
}

.yellow-brd {
    border: 2px solid #dcba0f
}

section.work-samples {
    background: #f1f1f196;
    padding: 50px 0;
    color: #727272;
    font-size: 15px;
    line-height: 27px;
    font-weight: 400
}

section.work-samples h2 {
    font-family: Poppins,sans-serif;
    line-height: 30px;
    position: relative;
    z-index: 1;
    margin: 0 0 30px
}

section.work-samples ul.sampleslist {
    font-family: Poppins,sans-serif;
    margin-top: 40px
}

section.work-samples ul.sampleslist li {
    width: 24%;
    background: #fff;
    border: 2px solid #fff;
    padding: 10px 17px;
    display: inline-block;
    margin-bottom: 14px;
    margin-right: 8px;
    height: 301px
}

section.work-samples ul.sampleslist li h3 {
    margin: 15px 0;
    font-size: 12px;
    font-family: Poppins,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px
}

section.work-samples ul.sampleslist li h4 {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    line-height: 24px;
    height: 65px
}

section.work-samples ul.sampleslist li p {
    font-size: 13px;
    line-height: 20px;
    height: 80px;
    color: #8e8e8e
}

section.work-samples ul.sampleslist li h3.pink-hd {
    color: #f60b74
}

section.work-samples ul.sampleslist li h3.yellow-hd {
    color: #ff8a00
}

section.work-samples ul.sampleslist li h3.blue-hd {
    color: #00b4ff
}

section.work-samples ul.sampleslist li h3.green-hd {
    color: #07d14e
}

section.work-samples ul.sampleslist li a {
    background: #f60c74;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    padding: 2px 17px;
    font-weight: 500;
    letter-spacing: 1px;
    border-radius: 42px;
    display: inline-block;
    margin-top: 7px
}

section.work-samples ul.sampleslist li+li a,section.work-samples ul.sampleslist li+li+li+li+li+li a {
    background: #ff8901
}

section.work-samples ul.sampleslist li+li+li a,section.work-samples ul.sampleslist li+li+li+li+li+li+li a {
    background: #01b4ff
}

section.work-samples ul.sampleslist li+li+li+li a,section.work-samples ul.sampleslist li+li+li+li+li+li+li+li a {
    background: #03d3ad
}

section.work-samples ul.sampleslist li+li+li+li+li a {
    background: #f60c74
}

section.testimonial-content {
    padding: 80px 0;
    text-align: center;
    background: #f1f1f1;
    font-family: Poppins,sans-serif
}

section.testimonial-content h1 {
    margin: 30px 0 12px;
    font-size: 24px;
    font-weight: 700;
    color: #000
}

section.testimonial-content h2 {
    margin: 5px 0 10px;
    font-size: 14px;
    color: #a7a7a7;
    font-weight: 500;
    display: none
}

section.testimonial-content p {
    color: #a1a1a1;
    font-size: 12px;
    line-height: 22px
}

section.testimonial-content .item {
    padding: 0 20px
}

section.testimonial-content i {
    background: #f7ce0f;
    padding: 21px 0;
    display: block;
    margin: 0 auto;
    border-radius: 100px;
    height: 102px;
    width: 100px
}

section.testimonial-content i span {
    font-size: 44px;
    color: #000;
    font-style: italic;
    letter-spacing: -3px;
    font-family: poppins;
    font-weight: 600;
    text-transform: lowercase
}

a.help-link,footer p+a.btn {
    font-size: 13px;
    font-weight: 600
}

.content-sec-lp ul.content-services li i {
    display: inline-block;
    margin-bottom: 10px;
    min-height: 61px;
    width: 45px;
    position: absolute;
    left: 19px
}

img {
    vertical-align: middle;
    max-width: 100%
}

section.content-sec-lp h1 {
    text-align: center;
    font-size: 40px;
    color: #3d3c7f;
    font-weight: 700;
    margin-bottom: 0
}

section.work-samples h2 {
    text-align: center;
    display: block;
    width: 100%;
    font-size: 30px;
    color: #3d3c7f;
    font-weight: 700;
    margin-bottom: 15px
}

section.work-samples h2+p {
    text-align: center;
    padding: 0 80px
}

footer p+a.btn {
    margin-bottom: 10px;
    display: inline-block;
    background: #fde1d9;
    color: #f7683f;
    padding: 12px 40px;
    border-radius: 40px
}

.footer-categories h4 {
    margin-bottom: 10px;
    font-weight: 600
}

.footer-categories li {
    display: inline-flex;
    margin: 5px 3px;
    background: #55555538;
    color: #fff;
    padding: 6px 20px;
    border-radius: 5px
}

.footer-categories li a {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    text-transform: capitalize
}

.footer-categories ul li i {
    color: #abb0ab;
    font-size: 12px;
    margin-right: 8px
}

section.trademark-form.gcr [class^=col-] {
    padding: 0 15px!important;
    margin-bottom: 13px
}

section.trademark-form.gcr [class^=col-] h4 {
    color: #388dd7;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 600;
    margin-top: 13px
}

section.trademark-form.gcr form.tmform input,section.trademark-form.gcr form.tmform select,section.trademark-form.gcr form.tmform textarea {
    height: inherit!important
}

a.help-link {
    background: linear-gradient(45deg,#663ffe,#d75ad2);
    color: #fff;
    display: inline-block;
    padding: 10px 30px;
    letter-spacing: .5px;
    border-radius: 50px
}

section.our-packages.our-packages-details [class*=col] .pack ul li ol li {
    width: 100%;
    padding-left: 0
}

section.our-packages.our-packages-details [class*=col] .pack ul li ol {
    margin: 10px 0;
    padding-left: 8px
}

section.our-packages.our-packages-details [class*=col] .pack ul li ol li::before {
    background: 0 0;
    border: 1px solid #75838d;
    top: 6px;
    padding: 0;
    height: 6px;
    width: 6px
}

section.our-packages.our-packages-details [class*=col] span.plan,section.our-packages.our-packages-details [class*=col] span.plan1,section.our-packages.our-packages-details [class*=col] span.plan2 {
    width: 32%;
    display: inline-block;
    vertical-align: baseline;
    font-size: 15px;
    text-align: center;
    padding: 6px 0;
    margin-top: 20px
}

.banner-slider_ {
    width: 100%;
    height: 60%
}

.banner-slider img {
    border-radius: 10px;
    width: 100%
}

.btn2 {
    background: 0 0;
    border: 1px solid #fff
}

.mz_combo h2 span,footer ul li a:hover {
    color: #d75ad2
}

.mz_ourclient {
    padding: 70px 0;
    background-image: url(../img/ourclient-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    overflow-x: hidden
}

.mz_ourclient h2 {
    text-align: center;
    margin-bottom: 40px;
    line-height: 127.1%;
    color: #663ffe
}

.client-item img,.clint-slider .client-item img {
    max-width: 100%;
    height: auto;
    border-radius: 10px
}

.mt-30 {
    margin-top: 30px!important
}

.clint-slider .client-item,.clint-slider2 .client-item {
    height: auto;
    padding: 10px;
    transition: .5s
}

.clint-slider .client-item:nth-child(odd),.clint-slider2 .client-item:nth-child(odd) {
    animation: 5s linear infinite port1
}

.clint-slider .client-item:nth-child(2n),.clint-slider2 .client-item:nth-child(2n) {
    animation: 5s linear infinite port2
}

@keyframes port1 {
    0%,100% {
        transform: translatey(0)
    }

    50% {
        transform: translatey(-10px)
    }
}

@keyframes port2 {
    0%,100% {
        transform: translatey(0)
    }

    50% {
        transform: translatey(10px)
    }
}

.mz_combo {
    background: url(../images/combo-bg.png) 0 0/cover no-repeat;
    width: 100%;
    padding: 50px 0;
    position: relative;
    color: #fff
}

.mz_combo h2 {
    color: #fff;
    font-size: 70px;
    text-transform: uppercase;
    line-height: 67px;
    position: relative
}

.mz_combo h3 {
    color: #fff;
    display: block;
    font-size: 25px;
    line-height: 20px;
    font-weight: 600
}

.mz_combo p {
    color: #fff;
    margin: 0 0 50px;
    font-weight: 500
}

.mz_combo .mz_pkg {
    margin: 11px 0 0;
    padding: 0 0 30px 18px
}

.mz_combo ul li {
    position: relative;
    margin: 0 0 7px;
    font-size: 12px
}

.mz_combo ul li::before {
    background-color: #d75ad2;
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50px;
    left: -21px;
    top: 6px
}

.mz_combo h4 {
    color: #fff;
    font-size: 18px;
    margin: 0;
    padding: 0
}

.combo_img .p_img1 {
    position: absolute;
    right: 0;
    top: -290px;
    width: 350px
}

.p_img2 {
    position: absolute;
    width: 52%;
    right: 0;
    top: 216px
}

.num_wrp a {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    padding: 0 12px
}

.num_wrp {
    margin: 30px 0 0
}

.apps-banner {
    background-image: url(../images/App-Banner.jpg)
}

.logo-banner {
    background-image: url(../images/Logo-Banner.webp)
}

.digital-banner {
    background-image: url(../images/digital-banner.jpg)
}

.illustraion-banner {
    background-image: url(../images/illustraion-banner.jpg)
}

.copywriting-banner {
    background-image: url(../images/Copywriting-Banner.jpg)
}

.marketing-banner {
    background-image: url(../images/marketing-banner.jpg)
}

.website-banner {
    background-image: url(../images/Website-Banner.webp)
}

.seo-banner {
    background-image: url(../images/SEO-Banner.webp)
}

.animation-banner {
    background-image: url(../images/animation-banner.jpg)
}

.Portfolio-Banner {
    background-image: url(../images/Portfolio-Banner.jpg);
    background-size: cover
}

.contact_us {
    background-image: url(../images/Contact.jpg);
}

.pulse,.whatsapp-info {
    font-family: Lato,sans-serif;
    display: inline-block;
    color: #fff;
    background: #1ab744;
    position: fixed;
    bottom: 50px;
    right: 50px;
    font-size: 45px;
    text-align: center;
    z-index: 99;
    border-radius: 90%;
    height: 70px;
    width: 70px;
    line-height: 70px;
    cursor: pointer;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.btn-whatsapp-pulse,.btn-whatsapp-pulse-border::before {
    border-radius: 50%;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: 0
    }

    50% {
        opacity: .3
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

.btn-whatsapp-pulse {
    background: #25d366;
    color: #fff;
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0;
    height: 0;
    padding: 35px;
    text-decoration: none;
    animation-name: pulse
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: 0;
        box-shadow: 0 0 0 0 rgba(37,211,102,.5)
    }

    50% {
        opacity: .3
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }

    80% {
        box-shadow: 0 0 0 14px rgba(37,211,102,0)
    }
}

.btn-whatsapp-pulse-border {
    bottom: 20px;
    right: 20px;
    animation-play-state: paused
}

.btn-whatsapp-pulse-border::before {
    content: "";
    position: absolute;
    padding: 25px;
    border: 5px solid #25d366;
    opacity: .75;
    animation-name: pulse-border
}

@keyframes pulse-border {
    0% {
        padding: 25px;
        opacity: .75
    }

    75% {
        padding: 50px;
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

.banner-slider-item img {
    object-fit: cover;
    width: 100%;
    height: 330px; /* Increase the height to your desired size */
}

.banner-slider-item {
    width: 100%;
    max-width: 600px; /* Increase the max-width to allow larger images */
}
/* .mz_our-banner .col-lg-5, .col-md-6 {
    flex: 0 0 50%; 
    max-width: 50%;
} */