a.pkg-view-detail {
    display: none !important;
}

body, *{
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
}
.our-about .img-head{
    margin-top: 70px;
}
a:hover, a:focus{
    text-decoration: none;
    outline: none;
}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) no-repeat left top;
    background-size: cover;
    padding: 360px 0 90px;
}
.img-head h6{
    position: relative;
    font-size: 16px;
    color: #a4a3fe;
    font-weight: 600;
}
.img-head h6:before{
    content: '';
    background: url("../images/heading-before.png") no-repeat;
    height: 18px;
    width: 18px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: bottom;
}
.img-head h3{
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    color: #727272;
}
h2{
    font-size: 40px;
    color: #3d3c7f;
    font-weight: 700;
    margin-bottom: 15px;
}

.top-head {
    background: #212a79;
    padding: 8px 0;
}

.top-head * {
    color: white;
    font-size: 13px;
    font-weight: 600;
}

.top-head p {
    margin: 0;
}

.top-head ul {
    text-align: right;
}

.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: uppercase;}

header {
    padding: 12px 0;
}

header nav {
    text-align: right;
    margin-top: 21px;
}
.top-head i {font-size: 13px;}
header nav ul li {
    display: inline-block;
    margin-left: 15px;
}

header nav ul li a {
}

header nav ul li a {
    color: #24344b;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
}
.our-banner{
    overflow: hidden;
    position: relative;
    /* display: flex; */
}

footer {
   /*  background: rgb(56,47,157);
    background: linear-gradient(180deg, rgba(56,47,157,1) 0%, rgba(23,18,102,1) 100%); */
    padding: 40px 0 10px;
     background: #212a79;
}

.combo-pack{
    background: url("/assets/images/combo-pack-bg.jpg") no-repeat;
    height: 550px;
    width: 100%;
    background-size: cover;
    padding: 60px 0;
    position: relative;
}
.combo-pack .pack{
    margin: 20px 0 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: white;
    font-weight: 500;
    margin: 5px 0;
    font-size: 12px;
}



.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: #ff2e53;
    color: white;
    font-size: 20px;
    font-weight: 700;
    padding: 10px 60px;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    box-shadow: -2px 10px 10px #1b1656;
    margin: 22px 0px;
}

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





































footer * {
    color: white;
}

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

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

footer .footer-social a {
    font-size: 20px;
    background: white;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 40px;
}

footer .info {
    /* text-align: right; */
    margin-top: 30px;
}

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

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

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

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

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

footer ul li a {font-size: 16px;font-weight: 400;font-size: 13px;}

footer ul li {
    margin-bottom: 5px;
}

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

.our-copyright ul {
    text-align: right;
}

.our-copyright p {
    margin: 0;
}


.our-copyright {
    margin-top: 30px;
}


.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;
}

.who-we-are img {
    max-width: 100%;
}

.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 {}

.testimonial .test {
    background: white;
    box-shadow: 0px 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 0px;
    transition: .5s all;
}

.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: white;
    padding: 20px 20px;
    border-left: 3px solid #6100ff;
    margin-bottom: 20px;
    text-align: center;
    transition: linear .3s;
}

.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;
    font-family: 'Poppins', sans-serif;
    line-height: 16px;
    margin: 8px 0;
    font-weight: 500;
}

.our-packages .pack .pricebox h2 {
    color: #ff2e53;
    margin-bottom: 10px;
    display: inline-block;
}
.our-packages .pack .pricebox {
    margin-bottom: 10px;
}
.our-packages .pack .pricebox sup{
    color: #ff2e53;
    font-size: 20px;
    font-weight: 600;
    top: 12px;
}
.our-packages .pack .pricebox strike{
    font-size: 16px;
    color: #6c6c6c;
    position: relative;
    top: -10px;
    font-weight: 700;
    left: 7px;
}
.our-packages .pack .pricebox strike span{
    position: absolute;
    top: 16px;
    left: 0;
    font-size: 14px;
    color: #6c6c6c;
    font-weight: 700;
}

.our-packages .pack ul {
    margin: 0 0 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 {
    background: #ff2e53;
    color: white;
    padding: 9px 30px;
    border-radius: 40px;
    font-size: 14px;
    /* display: table; */
    margin: auto;
    margin-top: 30px;
    font-weight: 600;
    text-align: center;
    position: relative;
}

.our-about {
    background: white;
}

.our-about:before {
    display: none;
}

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

.our-about .col-sm-7 {
}

.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: #ff0000;
}

.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: 20%;
    right: 0;
    margin: auto;
    text-align: center;
    font-weight: 700;
    opacity: .1;
}

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

.our-capabilities .box {
    background: white;
    width: 100%;
    transition: .5s all;
    text-align: center;
    float: left;
    margin-bottom: 14px;
    box-shadow: 0 0 23px #ede9e8;
    padding: 10px 10px 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;
}


.our-capabilities .box:nth-child(1) {
    /* border-color: #f7683f; */
}

.our-capabilities .box:nth-child(2) {/* transform: translateY(50px); */}

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

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



.pro-bg {
    /* background: #00000069; */
    padding: 20px;
    z-index: 4;
    position: absolute;
    bottom: -10px;
    width: 98%;
    padding-right: 0;
}

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

.slider-portfolio.owl-carousel .owl-item img {
    /* height: 100vh !important; */
    /* width: -webkit-fill-available; */
    height: 500px;
    width: 100%;
    object-fit: cover;
}


.innerbg {
    background: transparent;
    border-radius: 100px;
    width: 100%;
    z-index: 0;
    position: relative;
}

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

.our-banner .owl-theme .owl-nav * {
}

.our-banner .owl-theme .owl-nav button {
    background: white;
    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 {
    position: absolute;
    top: 0;
    z-index: 1;
    height: 100%;
    padding-top: 8%;
}

.our-banner .caption h1 {
    color: white;
    font-weight: 600;
    font-size: 46px;
}

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

.our-banner .caption a {
    background: #ff2e53;
    color: #fff;
    display: inline-block;
    padding: 10px 50px;
    letter-spacing: 0.5px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 50px;
}

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

.our-solution figure {
    background: white;
    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-family: 'Poppins', sans-serif;
    font-size: 13px;
    color: #8e929c;
    line-height: 24px;
    margin: 0;
}

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



/*
Portfolio Css*/



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;
}

.portfolio-col div#portfolio ul {
    margin-bottom: 0;
}

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 all;
}

.portfolio-col #portfolio span.filter.active {
    background: #3d3c7f;
    color: #fff !important;
}

.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 0;
    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, 0.73);
    width: 0;
    text-align: center;
    /* Safari */
    /* Safari 7.0+ */
    right: 0;
    border: rgba(0, 0, 0, 0.51) 11px solid;
    padding: 0;
    overflow: hidden;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    visibility: hidden;
    -ms-transition: all .2s ease-in;
    height: 100%;
    transition: all .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 div#portfoliolist .logos+.logos ul li+li .overlay_portfolio {
    padding: 25% 0;
}

.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.portfolio-col {
    padding: 50px 0;
}

.portfolio-col div#portfoliolist .col-md-4 {
    display: none;
}

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


.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 .websites+.websites ul li+li .overlay_portfolio {padding: 45% 0;}


.portfolio-col #portfoliolist .stationery ul li img{height: 262px;}
.portfolio-col #portfoliolist .stationery+.stationery ul li+li img{height: 262px;}
.portfolio-col #portfoliolist .stationery+.stationery+.stationery ul li+li img{height: 291px;}
.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 ul li .overlay_portfolio {padding: 45% 0;}
.portfolio-col #portfoliolist .stationery+.stationery ul li+li .overlay_portfolio {padding: 25% 0;}
.portfolio-col #portfoliolist .stationery+.stationery+.stationery ul li .overlay_portfolio {padding: 45% 0;}
.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 ul li img {height: 262px;}
.portfolio-col #portfoliolist .brochure+.brochure+.brochure ul li.last img{height: 465px;}
.portfolio-col #portfoliolist .brochure +.brochure +.brochure ul li img {
    height: 262px;
}
.portfolio-col #portfoliolist .brochure+.brochure ul li img {
    height: 524px;
}
.portfolio-col #portfoliolist .brochure+.brochure ul li+li img {
    height: 262px;
}


section.contact-us {
    padding: 50px 0;
    font-family: 'Poppins', sans-serif;
    color: #000000;
    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 {
    display: inline-block;
}

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

section.contact-us ul {
    margin-top: 10px;
}

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

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

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

.contact-form input[type=submit] {
    display: inline-block;
    padding: 6px 70px;
    color: #fff;
    font-size: 17px;
    background: #e74028;
    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%;
    /* height: 260px; */
    width: 100%;
    margin-bottom: 10px;
    object-fit: cover;
}

section.portfolio.portfolio-col .col-sm-4 {
    padding: 0 6px;
}
section.portfolio.portfolio-col .view-more{
    background: #ff2e53;
    color: #ffffff;
    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 {
    display: block;
}

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

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

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

.our-solution{
    background: #fff7f5;
    padding: 40px 0;
}
.our-solution h2 {
    text-align: center;
}

.our-solution p {
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    margin-bottom: 40px;
    color: #848894;
}
.our-solution figure h6 {
    position: absolute;
    top: 20px;
    color: #8e929c;
    right: 20px;
    font-size: 40px;
    opacity: .2;
    font-family: 'Poppins', sans-serif;
}

.our-solution .btn-block {
    text-align: center;
}

.our-solution .btn-block a{
    color: white;
    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 {
    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 {
    font-size: 11px;
    position: relative;
    top: 0;
    background: #cf2e48;
    padding: 3px 12px;
    color: #fff;
    display: block;
}
span.plan1 {
    display: block;
    font-size: 11px;
    margin-top: 5px;
    background: #7b7b7b;
    color: #fff;
    padding: 3px 6px;
}
span.plan2 {
    display: block;
    font-size: 10px;
    margin-top: 5px;
    background: #7b7b7b;
    color: #fff;
    padding: 3px 6px;
}
.seo-paln p{
    font-size: 11px;
    color: #727272;
    text-align: left;
    width: 89%;
    margin: 10px 0;
    line-height: 17px;
}
.dropdown-menu{
    z-index: 9999999;
}

header img {
    max-width: 50%;
}

header .nav-link {
    padding: 0;
}

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

section.our-package.pricing .our-packages .img-head {
    display: none;
}

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: #3d3c7f;
    color: white;
    padding: 8px 20px;
}

section.our-package.pricing .img-head {
    text-align: center;
}

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

section.br-sol.custom-web-pkg:before {
    background: #5d3c83ad;
    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: white;
    text-transform: capitalize;
}

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

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

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

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


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

.cs-wb-pkg-show {
    background: #ffffff;
    border-radius: 0px;
    box-shadow: #5d3c83ad 0 0 10px;
    padding: 30px 25px;
    margin-top: 23px;
    color: #424242;
    width: 91% !important;
    margin-left: 0;
    /* height: 100%; */
    margin: 10px auto 20px;
    border-radius: 5px;
}

.cs-wb-ul+.cs-wb-ul+.cs-wb-ul ul {
    /* min-height: 359px !important; */
}

.cs-wb-pkg-show a.grad-btn {
    display: inline-block;
    color: #fff;
    padding: 10px 30px;
    margin-top: 5px;
    border-radius: 2px;
    font-size: 17px;
    width: 83%;
    border-radius: 5px;
    background: #ff2e53;
    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;
}

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

section.br-sol.custom-web-pkg p {
    color: white;
}

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

.cs-wb-pkg-show p {
    color: #ff2e53 !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;
}

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

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

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

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

.actions {
    border-top: 1px solid #eeeeee;
    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: 0px;
    position: relative;
    cursor: pointer;
    color: #7b7b7b;
    font-size: 12px;
    font-weight: 500;
}

.actions a span {
    display: block;
    color: #ff002d;
    font-weight: 600;
    text-align: center;
}

.cs-wb-pkg-show .actions a small {
    display: block;
    font-size: 11px;
}

.our-banner .caption p {
    margin-bottom: 25px;
    color: white;
    font-size: 18px;
}
footer p {
    margin: 15px 0 0;
    font-size: 13px;
}

.contact-us h2 {
    font-size: 30px;
    font-family: 'Poppins', sans-serif;
    line-height: 44px;
    margin-bottom: 30px;
}

.testimonial .test h5 strong {
    color: white;
    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;
    /* margin-left: -20px; */
    /* width: calc(100% + 40px); */
}

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

section.our-packages.our-packages-details [class*=col] .pack .head br {
    display: none;
}

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;
}

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

.sub-heading {
    color: #1f1667;
    font-weight: 600;
    margin-bottom: 8px;
    font-size: 18px;
    margin-top: 15px;
}

.services_page_content {
    padding: 40px 0;
}

.services_page_content p {
    font-size: 13px;
}

.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 .boxyrow .col-sm-4:nth-child(2) {
    margin-top: 50px;
}

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

.our-capabilities .box:hover {
    border-color: #f7683f;
}

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

section.faq-sec {
    padding: 50px 0;
}



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

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

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

section.faq-sec .card:nth-child(even) {
    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;
    position: relative;
    overflow: hidden;
}

.our-gurantee {
    padding: 40px 0;
}

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

.our-gurantee .box p {
    font-size: 13px;
    line-height: 24px;
    color: #8e929c;
}

.our-gurantee .box h2 {
    font-size: 75px;
    background: -webkit-linear-gradient(#ffffff, #00000029);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    font-weight: 700;
    opacity: 0.2;
    position: absolute;
    bottom: 0px;
    z-index: 11;
    margin: 0;
    left: -60px;
    margin: auto;
    text-align: center;
    display: none;
}
.our-gurantee .box .row {
    position: relative;
    z-index: 9999;
}
.our-gurantee .box img {
    margin-top: -50px;
}
.our-gurantee .box:last-of-type {
    margin-bottom: 0;
}
.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;
    color: #8e929c;
    line-height: 24px;
    margin: 0;
}

.our-process .row {
    padding: 60px 0;
    position: relative;


    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(#ffffff, #51cb00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    font-weight: 700;
    opacity: 0.2;
    position: absolute;
    bottom: -30px;
    z-index: -1;
}
.our-process img{
    float: right;
}
.our-process .left img {
    float: left;
}

.row.justify-content-center {
    position: relative;
}

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

.our-process span {
    background: #7cc206;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    padding: 0px;
    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: 0.4;
}
.our-process .ideate span{
    background: #7784f1;
}
.our-process .ideate span:before{
    border-color: #7784f1;
}
.our-process .ideate h2{
    background: -webkit-linear-gradient(#ffffff, #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(#ffffff, #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(#ffffff, #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(#ffffff, #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(#ffffff, #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;
    /* position: relative !important; */
    /* top: 0 !important; */
    /* left: 0 !important; */
}
section.mainpf {
    padding: 50px 0;
    text-align: center;
    background: linear-gradient(to bottom,  #eeeeee 0%,#ffffff 100%);
    color: #848894;
    font-size: 17px;
    overflow: hidden;
}

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

section.mainpf h2+p {
    padding: 0 160px;
    font-weight: 400;
}
.leftcat button {
    color: #9598a1;
    font-size: 14px;
    display: block;
    background: none;
    border: none;
    margin-bottom: 4px;
    font-weight: 500;
    text-transform: uppercase;
    cursor: pointer;
}

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

.rightfilter button.is-checked {
    background: #ff2e53;
    color: #fff;
    border: none;
    /* padding: 3px 20px; */
    border-radius: 20px;
    /* border-radius: 5px; */
}

.rightfilter button {
    color: #9598a1;
    font-size: 14px;
    background: none;
    border: none;
    margin-bottom: 4px;
    font-weight: 500;
    text-transform: uppercase;
    cursor: pointer;
    padding: 3px 20px;
    border-radius: 5px;
}
.disable_element {
    color: #888888 !important;
    opacity: 0.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%;
}

.pfimg figure {
    margin-bottom: 10px;
}

.pfimg figure img{
    max-width:100%;
}

button#showMore {
    background: #ff2e53;
    color: white;
    border: none;
    outline: none;
    display: inline-block;
    margin-top: 20px;
    padding: 8px 30px;
    border-radius: 24px;
    font-size: 14px;
    font-weight: 600;
    display:table;
    margin:20px auto 0;
}
button:focus{
    outline:none;
}


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

section.portfolio-col .nav-tabs .nav-item {
    margin: 0;
}

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

section.portfolio-col .nav-tabs .nav-item a.active {
    background: #fde1d9;
    color: #f7683f;
}

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

section.portfolio-col .row {
    margin: 0 -6px;
}
section.portfolio.portfolio-col #logo img {
    height: auto;
}

section.portfolio.portfolio-col a.btn-custom {
    background: #ff2e53;
    color: #fff;
    display: table;
    padding: 10px 50px;
    letter-spacing: 0.5px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 50px;
    margin: 15px auto 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 0px;display:inline-block;}
.popupform ul li input[type="text"], .popupform ul li input[type="email"], .popupform ul li textarea{background:#ffffff;border: #adadad 1px solid;padding:10px 10px 10px 34px;width:100%;border-radius:6px;font-size:14px;color:#000;box-shadow:none !important;outline:none 0px !important;}
.popupform ul li i{position:absolute;top:15px;left:14px;color: #ff2e53;}
.popupform ul li textarea{height: 120px;resize: none;}
.popupform ul li.last{text-align:center;}
.popupform ul li input[type="submit"]{background: #ff2e53;color:#fff;font-size:18px;border: #ff2e53 1px solid;text-transform:uppercase;font-weight:600;padding: 9px 10px;letter-spacing:1px;outline:0px none;border-radius: 50px;width: 195px;}
.popupform ul li input[type="submit"]:hover{background: #ce3c33;}
.popupform ul li input[type="text"]:focus, .popupform ul li input[type="email"]:focus, .popupform ul li textarea:focus{border:#b9bbbd 2px solid !important;}
.popupform{width: 450px;border-radius:23px;padding: 30px 30px;overflow:visible;border-bottom:#0467ff 5px solid;border: 0;}
.popupform h2{font-size:28px;color: #352c97;font-weight: 700;padding-left:15px;border-left: #352c97 6px solid;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: #352c97 3px solid;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;}
.popupform ul {
    margin: 0;
}
section.our-packages.our-packages-details [class*=col]:hover .pack {
    box-shadow: none !important;
}
.fancybox-container [class*=col] {
    padding: 0 5px;
}

.fancybox-container .row {
    margin: 0 -5px;
}
.dropdown-item.active, .dropdown-item:active {
    background: #412a85;
}

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

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

.our-packages .pack .head {
    text-align: center;
}

footer .footer-social a i {
    color: #2f278d;
    line-height: 40px;
}
.zz button.button.is-checked {
    background: transparent;
    color: #ff2e53;
}

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

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



input.required.error, textarea.required.error, select.required.error {
    border-bottom: red 2px solid !important;
    color: red !important;
}
label.error {
    display: none !important;
}
.sub-heading {
    color: #f7ce0f;
    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);
    display: -webkit-flex;
    display: inline-flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100vh;
    width: 100%;
    font-size: 22px;
    color: #fff;
    line-height: 26px;
    background-size: cover;
}
a.live-chat-thank.chat {
    background: #ee2c5e;
    display: inline-block;
    border-radius: 50px;
    padding: 14px 70px;
    color: #fff;
    text-transform:  uppercase;
    letter-spacing: 1px;
    margin: 40px 0;
}
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: #ff2e53;
    font-size: 20px;
    font-weight: 600;
    top: 0;
}
.our-packages .pack p{display: none;}
.actions a span {
    display: block;
    color: #ff002d;
    font-weight: 600;
    text-align: center;
    font-size: 14px;
}
.actions a span small {
    display: block;
    color: #000000;
    font-weight: 600;
    font-size: 12px;
}
footer h4 {
    color: #ffb400;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
}

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

.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 {
    color: #000;
}
section.contact-us h5 span {
    color: #e74028;
    font-weight: 700;
}
.our-packages .pack .pricebox em{
	    font-size: 16px;
	    color: #6c6c6c;
	    position: relative;
	    top: -10px;
	    font-weight: 700;
	    left: 7px;
}
.our-packages .pack .pricebox em span {position: absolute;top: 16px;left: 0;font-size: 14px;color: #6c6c6c;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 ---- */

.element-item {/* display: inline-block; */color: #262524;/* position: inherit !important; *//* float: left !important; *//* left: inherit !important; *//* top: inherit !important; */margin-bottom: 0;width: 265px !important;padding: 8px;/* transform: translate3d(0, 10px, 0) !important; */height: 265px;}
.grid {
    /* height: auto !important; */
}
.element-item > * {
  margin: 0;
  padding: 0;
}


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

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

.new-pf div#filters button {
    display: inline-block;
    border-radius: 5px !important;
    width: auto;
    margin: 0 8px;
    outline: none;
    padding: 8px 27px;
    border: 2px solid #ff2e53;
    background: #fff;
    margin-bottom: 8px;
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

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


.new-pf div#filters .button.is-checked {
    background: linear-gradient(to right, rgb(255, 46, 83) 0%, rgb(255, 46, 83) 100%);
    color: #fff !important;
}

section.new-pf {
    padding: 40px 0;
}


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

.hidden{visibility:hidden;
  width:0px!important;
  height:0px!important;
  margin:0px!important;
  padding:0px!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(to right, rgb(255, 46, 83) 0%, rgb(255, 46, 83) 100%);
}

.grid {
    /* width: 93%; */
    /* margin: 0 auto; */
}

.auto-margi-null{ margin: 0 !important }
.width-auto{ width: 100% !important}

.grid {
    /* height: auto !important; */
    overflow-y: hidden;
    padding: 20px;
}

ul.list-ul li {
    margin-bottom: 10px;
}






/*TRADEMARK FORM*/
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: #ff0000;
    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: 0px;
    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-12, .tmform .col-md-6 {
    padding: 0;
}

.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: 0px;
    position: relative;
}

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

ul.shotli {
    float: left;
    width: 100%;
}

ul.shotli label {
    padding: 0;
    text-align: center;
}
.tmform input[type="submit"] {
    background: #ff2e53;
    width: auto;
    font-size: 17px;
    padding: 7px 39px;
    line-height: normal;
    color: #fff;
    height: auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 50px;
    border: none;
}
 


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

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


form.tmform ul {
    margin-bottom: 10px;
}
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: inline-block;
    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: #f7ce0f;position: absolute;bottom: -3px;width: 100%;height: 2px;left: 0;}





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

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 h5 {}

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

section.inner-banner.cat-ban .caption {
    width: 590px;
    font-family: 'Montserrat', sans-serif;
}
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;
}




.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: #e6e6e6 1px solid;
    box-shadow: #47454a26 0 0 30px;
    border-radius: 5px;
    overflow: hidden;
}

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

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: 0px;
    text-align: left;
    padding: 30px 0 0;
    position: relative;
    border-top: #ccc dashed 1px;
    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 {}

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

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 .actions.row a.action-no.clearfix.pur small {
    color: #fff;
}
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.our-packages.our-packages-details .actions.row a.chat span {
    color: #000;
}



/*COPYPAGE CSS*/



section.content-sec-lp2 {
    box-shadow: #00000040 0 0 5px;
    padding: 0px 0 60px;
    background: #f7f7f9;
    font-size: 12px;
    line-height: 24px;
    color: #848484;
}
.banner-form select:focus, .banner-form input:focus, .banner-form textarea:focus {
    border: 2px solid #3d59e8;
    outline: none;
}
section.content-sec-lp {
    padding: 51px 0px 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: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in;
    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: #000000;
    letter-spacing: 0.5px;
    display:  inline-block;
    margin: 16px 0 23px 62px;
}

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

.content-sec-lp ul.content-services li:hover, ul.content-services li.active {
    background: #ececec;
}
.content-sec-lp ul.content-services {
    margin-top: 30px;
}


span.s-border {
    /* border: 2px solid; */
    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 {
    color: #282828;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    position: relative;
    z-index: 1;
    margin: 0;
    margin-bottom: 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 #ffffff;
    padding: 10px 17px;
    display: inline-block;
    margin-bottom: 14px;
    margin-right: 8px;
    height: 301px;
}

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

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

section.work-samples ul.sampleslist li h4 {
    font-size: 16px;
    color: #000000;
    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 {
    background: #ff8901;
}


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


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


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


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


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


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

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

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

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

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

section.testimonial-content .item {
    padding: 0px 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;
}

.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: 0px;
}

section.work-samples {}

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;
}
#text{
display:none;
}


.footer-categories {
}
.footer-categories h4 a {
    margin-bottom: 10px;
    display: inline-block;
    background: #fde1d9;
    color: #f7683f;
    font-size: 13px;
    font-weight: 600;
    padding: 12px 40px;
    border-radius: 40px;
}
.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-shadow: #00a2c0 0 0 10px; */
    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}

section.inner-banner.cat-ban {
    background: #143bbb;
}