body .u-userLauncherColor:not([disabled]) {
     background-color: #f80223 !important;
     color: #ffffff !important;
     fill: #ffffff !important;
 }


    .cccx {
    margin: 0px auto;
    width: 120px;
    border: 2px solid;
    border-radius: 75px;
}









 .industries_sec_main {
    /* background-image: radial-gradient(#D35433 5.5px, transparent 2.5px), radial-gradient(#D35433 5.5px, transparent 0px);
    background-size: 12px 12px;
    background-position: 0 0, 6px 6px;
    background-color: #ED9B98; */

    background: linear-gradient(to right, #c31432, #300c49);
}


 .industries_sec_main {

    padding: 70px 0;
   
    position: relative;
    /* background: url(../images/industries-bg.jpg); */
   
}

.industries_sec_main:before {
    content: '';
    background: url(../images/industries_bg.png);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-size: contain;
}

.center_head_content h3 {
    color: white;
    font-size: 42px;
    font-weight: 700;
    line-height: 41px;
    margin-bottom: 20px;
    text-align: center;
}


.industries_sec_main .pt-5, .industries_sec_main .py-5 {
    padding-top: 3rem !important;
}
.center_head_content {
    text-align: center;
}

.industries_sec_main .center_head_content h3 {
    color: #fff;
}

.logo_tab_platform {
    box-shadow: 0px 6px 14.25px 0.75px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    position: relative;
    padding: 21px 20px 24px 14px;
    background: #fff;
    line-height: 60px;
    margin-left: 16px;
    margin-bottom: 20px;
    transition: 0.2s ease-in-out;
}
.industries_sec_main .logo_tab_platform {
    transition: 0.2s ease-in-out;
}

.industries_sec_main .logo_tab_platform span {
    align-items: center;
    display: flex;
}

.logo_tab_platform span img {
    width: 45px;
    height: 45px;
    display: inline-block;
}

.industries_sec_main .logo_tab_platform h5 {
    text-transform: capitalize;
    font-size: 13px;
    padding-left: 10px;
    text-align: left;
    font-weight: 400;
    display: inline-block;
    position: relative;
    top: 3px;
}









 .center {
    margin: 0 auto; /* This centers the element horizontally */
    /* You may need to adjust other properties depending on your layout */
}


 .banner-form textarea#Description {
    height: 80px;
}



.mobilex { display: none !important;}


body .banner-form { padding: 15px 30px 15px 30px;}




 .linkWrap {
    display: inline-block;
}

 
.section__content .listHoverLink .linkWrap {
    position: relative;
    height: 150px;
    border-radius: 2px;
    width: 25%;
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.style-11 {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    position: relative;
    cursor: pointer;
}

.style-11:before {
    content: "";
    background-color: white;
    width: 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0px;
    border-radius: 3px;
    transition: all 0.4s 0.3s ease-in-out;
}

.style-11 .link {

    background-color: transparent;
    font-size: 28px;
    letter-spacing: 2px;
    color: #4c6082;
    position: relative;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    border: 0;
    padding-left: 20px;
    left: 0;
    line-height: auto;
    overflow: hidden;
}

.style-11 .link:before {
    content: "";
    background-color: #f38181;
    width: 2px;
    height: 100%;
    position: absolute;
    z-index: 2;
    left: 0px;
    top: 0px;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
}

.style-11 .link:after {
    content: "";
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    background-color: transparent;
    position: absolute;
    border: solid 3px #f38181;
    border-left: 0;
    border-bottom: 0;

    top:calc(51% - 8px);
    border-radius: 2px;
    transform: translateX(-42px) rotate(45deg);
    transition: all 0.3s 0.2s ease-in-out;
}

.style-11:hover:before {
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0px;
}

.style-11:before {
    content: "";
    background-color: white;
    width: 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0px;
    border-radius: 3px;
    transition: all 0.4s 0.3s ease-in-out;
}

.style-11:hover .link:before {
    left: 17px;
    transform: rotate(90deg);
}

.style-11 .link:before {
    content: "";
    background-color: #f38181;
    width: 2px;
    height: 100%;
    position: absolute;
    z-index: 2;
    left: 0px;
    top: 0px;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
}

.style-11:hover .link { padding-left: 50px;}

.style-11:hover .link:after {
    transform: translate(-32px) rotate(45deg);
}
.style-11 a.link {
    font-size: 20px !important;
    font-weight: 600;
    text-transform: capitalize;
    color: #000 !important;
}















 



 .imgz { margin-top: 80px !important;}
 .copyContent h6:active {
    transform: scale(0.98);
    box-shadow: 3px 2px 22px 1px rgb(255 0 0 / 22%);
}

.packages h2 {
    color: #c02027;
    font-family: "Jost", Sans-serif;
    font-size: 50px;
    font-weight: 600;
    text-align: center;
}

.inner-con {
    border: 1px solid #c02027;
    height: 90%;
    position: relative;
    top: 20px;
    box-shadow: -20px -19px #4c4c4c;
    border-radius: 20px;
    width: 79%;
    padding: 120px 0px 0px 0px;
}

.inner-con .h4, h4 {
    font-size: 1.5rem;
}

.packages h2 {
    color: #c02027;
    font-family: "Jost", Sans-serif;
    font-size: 50px;
    font-weight: 600;
    text-align: center;
}




.packages h2 span {
    font-size: 14px !important;
    color: #000 !important;
    position: absolute !important;
    top: 30px !important;
    right: 13%;
    display: none;
    margin: 0px 0 0px -35px;
}

.centerx {
    text-align: center;
    display: block;
}

.packages .btn-pkg {
    border-radius: 8px;
    background: linear-gradient(90deg, #c02027 0%, #c02027 100%);
    color: #fff;
    padding: 15px 50px 15px 50px;
    text-transform: uppercase;
    font-weight: 500;
    border: none;
    display: inline-block;
    width: auto;
    margin: 10px auto;
    left: 40px;
}

.packages .col:hover {
    box-shadow: 0 0 10px 6px rgba(102.75,102.75,102.75,.5);
}

.packages .col {
    padding: 20px;
    margin: 15px 0px;
    border-radius: 15px;
    box-shadow: 0 0 10px 0 rgba(113.25,113.25,113.25,.5);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.packages h3 {
    font-size: 26px !important;
    padding: 5px 20px 2px 20px;
    color: #c02027;
    font-weight: 600;
    margin: 0 0 0px 0 !important;
}


.packages p {
    text-align: center;
    line-height: 16px;
    font-size: 14px;
    border: 1px solid #e1e1e1;
    border-radius: 50px;
    padding: 9px 10px 7px 10px;
}



.packages .col ul {
    height: 390px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin: 0px;
    padding: 0px 0px 0px 20px;
}



.packages .col ul li {
    font-size: 16px !important;
    border-top: 1px solid #d9d9d9;
    margin: 10px 0px 10px 0px;
    padding: 6px 0px 0px 30px;
    background-position: 3px 13px;
}



.packages .col ul li {

    font-size: 14px;
    font-weight: 400;
}


.packages .col ul li:before {
    content: "\f05d";
    font: normal normal normal 18px / 1 FontAwesome;
    top: 14px;
    color: #c31432;
    font-size: 18px;
    margin: 0px 10px 0px -25px;
    position: relative;
    top: 2px;
}


.container.packages {
    padding: 50px 0px;
}







a.detail {
    display: block;
    width: 35%;
    margin: 13px auto 0px auto;
    color: #000;
    border: 1px solid #ff00003d;
    border-radius: 40px;
    padding: 5px 0px 4px 0px;
    font-size: 12px;
}


a.detail:hover{ background: linear-gradient(to right, #370f53, #c31432); color: #fff;}



.compare-logo [src="assets/images/logo.png"] , .compare-logo [src="/assets/images/logo.png"]{
     max-width: 150px !important;
}

body .u-userLauncherColor:not([disabled]) svg {
    color: #fff;
    fill: #fff;
}

.compare-logo [src="/assets/images/logo.png"]{
    max-width:155px !important;
}


header .logo {
    padding: 7px 0 0 0;
    display: block;
}



body {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    overflow-x: hidden;
}
.zz {
    position: absolute;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    left: -282px;
    z-index: 999;
}

.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;
}
ul {
    list-style: none
}
.testimonialcon {
    padding: 0 160px;
}
.list-inline li {
    padding-left: 0;
    padding-right: 0
}

ul {
    margin: 0;
    padding: 0
}

span.cursor {
    color: #e74632 !important;
    font-size: 34px !important;
    margin-bottom: -7px;
    margin-left: 13px;
    right: 0;
    display: inline-block;
}
#load-more{
    float:right;
    margin:5px;
}
.hidden, .pfimg.video.hidden{visibility:hidden;
    width:0px!important;
    height:0px!important;
    margin:0px!important;
    padding:0px!important;
}


.typer {
    color: #fff !important;
    position: relative;
    display: inline-block;
    height: 88px;
}

.pl40 {
    padding-left: 40px
}

.custom-btn {
    text-align: center;
    line-height: 50px;
    display: inline-block;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    padding: 9px 40px;
    width: auto !important;
    display: inline-block !important;
}

.custom-btn span {
    font-size: 20px;
    font-weight: 600;
    display: block;
    line-height: normal;
}

.small-btn {
    width: 214px
}

.xs-btn {
    width: 180px
}

.arrow-btn {
    position: relative;
    font-size: 18px;
    color: #000000;
    font-weight: 600
}

.arrow-btn:before {
    /* content: "\f067"; */
    /* margin-right: 5px; */
}

.arrow-btn img {
    display: block;
    position: absolute;
    right: -20px;
    bottom: -15px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.arrow-btn:hover img {
    right: -30px
}

.btn-white {
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc
}

.btn-white span {
    color: #282828
}

header {
    padding: 25px 0
}

header .top-head {
    float: right;
    margin-bottom: 6px;
}

header .top-head li {
    float: left;
    margin-right: 15px;
}

header .top-head li:last-of-type {
    margin: 0
}

header .top-head li img {
    position: relative;
}

header .top-head li i {
    color: #f80223;
    margin-right: 6px;
}

header .top-head li a {
    font-size: 12px;
    color: #272727;
    text-transform: uppercase;
    font-weight: 600;
    vertical-align: bottom;
}

header .top-menu,  header .main-menu {
    float: left;
    width: 100%;
    text-align: right;
}

header .top-menu li,  header .main-menu li {
    margin-right: 15px;
    display: inline-block;
}

header .top-menu li:last-of-type {
    margin: 0
}

header .top-menu li a, header .main-menu li a {
    font-size: 13px;
    color: #8a8989;
    text-transform: uppercase;
    font-weight: 500
}

header nav {
    /*background: #f80223;*/
    
    
    background: -webkit-linear-gradient(to right, #240b36, #c31432);
    background:linear-gradient(to right,  #c31432,#300c49);
    

    
    text-align: center;
    margin-top: 14px;
    position: relative;
    z-index: 99;
}

header nav:before {
    content: '';
    background: url("../images/nav-before.png") no-repeat;
    width: 7px;
    height: 51px;
    position: absolute;
    left: -6px;
    top: 0;
    display:none;
}

header nav:after {
    content: '';
    background: url("../images/nav-after.png") no-repeat;
    width: 8px;
    height: 51px;
    position: absolute;
    right: -8px;
    top: 0;
    display:none;
}

header nav li {
    margin: 0;
}

header nav li:last-of-type {
    margin: 0
}

header nav li a {
    color: white;
    text-transform: uppercase;
    font-weight: 500;
    display: block;
    padding: 15px 21px;
}

footer {
    background: #101010;
    padding: 40px 0 22px;
    position: relative;
    overflow: hidden;
}

footer .container {
    position: relative;
    z-index: 99
}

footer:after {
    content: '';
    background: url("../images/footer-vectox.png") no-repeat;
    width: 459px;
    height: 579px;
    position: absolute;
    right: -86px;
    bottom: 10px;
    z-index: 9
}

footer * {
    color: white
}

footer hr {
    margin-top: 23px;
    margin-bottom: 26px;
    border: 0;
    border-top: 1px solid #3a3c3b;
}

footer a:hover {
    color: #f80223;
}

footer .footer-social {
    text-align: center;
    margin-top: 25px;
}

footer .footer-social li {
    margin-right: 20px
}

footer .footer-social li:last-of-type {
    margin: 0
}

footer .footer-social li a {
    font-size: 25px
}

footer .footer-contact li {
    margin-bottom: 5px;
}

footer .footer-contact li i {
    margin-right: 10px
}

footer .footer-contact li a {
    font-size: 15px;
    font-weight: 300;
}

footer .footer-contact li:first-child a {
    font-weight: 500;
    font-size: 15px;
}

.row.page-linking {
    margin-top: 30px;
}

footer .page-linking h4 {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 12px;

    padding-bottom: 10px;
}



footer .page-linking ul li {
    margin-bottom: 3px;
    font-size: 14px;
    padding: 1px 0px 1px 0px;
}


footer .page-linking ul li a:before {
    content: "\2B9E";
    color: #f80222;
    font-size: 18px;
    margin-right: 10px;
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: -1px;
}

footer .page-linking ul li a {
    position: relative;
    padding-bottom: 5px;
    display: inline-block;
    padding-left: 25px;
}

footer .page-linking ul li a:after {
    content: '';
    background: #f80222;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 1px;
    width: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

footer .page-linking ul li a:hover:after {
    width: 100%
}

footer .our-copywrite {
    position: relative
}

footer .our-copywrite p {
    color: #d2d2d2
}

footer .our-copywrite ul li a {
    color: #d2d2d2;
    padding: 0 20px;
    position: relative;
    padding-bottom: 5px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s
}

footer .our-copywrite ul li a:after {
    content: '';
    background: #f80223;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 1px;
    width: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s
}

footer .our-copywrite ul li a:hover {
    color: #f80223
}

footer .our-copywrite ul li a:hover:after {
    width: 100%
}

footer .our-copywrite ul li a:hover:before {
    background: #f80223
}

footer .our-copywrite ul li a:before {
    content: '';
    background: #d2d2d2;
    height: 4px;
    width: 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: inline-block;
    margin: auto
}

footer .our-copywrite .back-to-top {
    position: absolute;
    top: -66px;
    right: -50px;
    background: #010710;
    height: 76px;
    width: 76px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    padding: 11px 0;
    cursor: pointer
}

footer .our-copywrite .back-to-top .circle {
    background: url("../images/back-top-vector.png") no-repeat;
    height: 55px;
    width: 57px;
    position: relative;
    margin: auto;
    padding-top: 5px
}

footer .our-copywrite .back-to-top .circle i {
    display: block;
    position: relative
}

footer .our-copywrite .back-to-top .circle i img {
    align-self: flex-end;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    transform-origin: bottom;
    animation-name: bounce-1;
    animation-timing-function: linear
}

.bounce-1 {
    animation-name: bounce-1;
    animation-timing-function: linear
}



.toll-free {
    padding: 70px 0;
    text-align: center;
}

.toll-free h2 {
    margin: 0 0 40px;
    font-size: 36px;
    font-weight: 400;
}

.toll-free img {
    vertical-align: top
}

.toll-free .tel {
    margin-right: 15px
}

.toll-free .chat img {
    margin-top: 5px
}

.toll-free .chat{
    margin-left: 15px
}

.toll-free {
    display: block;
}

.toll-free a {
    font-size: 22px;
    color: #272727;
    font-weight: 500;
    display: inline-block;
    line-height: 21px;
}

.toll-free  a span {
    display: block;
    font-size: 16px;
}

.toll-free .custom-col {
    display: inline-block;
    margin-right: 40px;
}

.toll-free .custom-col:last-of-type {
    margin: 0;
    text-align: left;
}

.toll-free .custom-btn {
    margin-top: -5px;
    color: #fff;
    display: inline-block !important;
    width: auto;
    padding: 14px 92px;
    letter-spacing: 0.5px;
}

.our-banner {
    background: url("../images/our_banner.jpg") no-repeat;
    width: 100%;
    background-size: cover;
    padding: 180px 0 55px;
    margin-top: -50px;
    background-attachment: fixed;
    background-position: 100% 100%;
    background-origin: border-box;
    position: relative;
    overflow: hidden;
}

.our-banner * {
    color: white
}

.our-banner h1 {
    font-size: 68px;
    font-weight: 700;
    margin: 0 0 30px;
    /* line-height: 72px; */
    position: relative;
    z-index: 5;
}

.our-banner p {
    font-size: 20px
}

.our-banner .scroll-down {
    display: block;
    margin-top: 106px;
}

.logo-bar {
    padding: 30px 0;
    border-bottom: 2px solid #eeeeee;
    min-height: 101px;
}

.logo-bar ul li {text-align: center;}

.logo-bar ul li img {
    margin: auto;
    display: block
}

.logo-bar .owl-dots {
    display: none !important
}

.creative-determination {
    padding: 120px 0 0px;
    position: relative;
    overflow: hidden;
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 72%, rgba(246, 246, 246, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(72%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(246, 246, 246, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 72%, rgba(246, 246, 246, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 72%, rgba(246, 246, 246, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 72%, rgba(246, 246, 246, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 72%, rgba(246, 246, 246, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0);
    min-height: 613px;
}

.creative-determination h2 {
    font-size: 38px;
    color: #000000;
    margin: 0 0 20px;
}

.creative-determination h2 strong {
    font-weight: 700
}

.creative-determination em {
    margin-bottom: 15px;
    display: block;
    line-height: 24px
}

.creative-determination p {
    font-size: 13px;
    color: #8e929c;
    line-height: 24px;
    margin-bottom: 30px;
}

.creative-determination .move-vectors {
    position: absolute;
    right: 0;
    bottom: 0;
}

.custom-design-solution {
    padding: 70px 0;
    background: url("../images/our-custom-design.webp") no-repeat;
    width: 100%;
    background-size: cover
}

.custom-design-solution h2 {
    margin: 0 0 0;
    font-size: 29px;
    text-align: center;
}

.custom-design-solution ul {
    text-align: center;
    margin: 0px auto;
    display: table;
    padding: 0px !important;
}

.custom-design-solution ul li {
    height: 200px;
    width: 200px;
    line-height: 184px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background: #f3d0cc;
    border: 1px dashed #e7442d;
    text-align: center;
    display: inline-block;
    position: relative;
    left: 0;
    right: 0;
    -webkit-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
    margin: auto;
    margin-right: 0px;
    opacity: 0.8
}

.custom-design-solution ul li:last-of-type {
    margin-right: 0
}

.custom-design-solution ul li { border: none !important; background: transparent !important;}

.custom-design-solution ul li img {
    display: block;
    margin: 0 auto 14px;
    width: 85%;
  
}

.custom-design-solution ul li span {
    display: block;
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
}

.custom-design-solution ul li p {
    position: absolute;
    top: 0;
    height: max-content;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.custom-design-solution ul li.supreme {
    background: #d7f7ef;
    border-color: #29bf99
}

.custom-design-solution ul li.ownership {
    background: #eafcea;
    border-color: #1ebb29
}

.custom-design-solution ul li.secure {
    background: #eaedfb;
    border-color: #2d40a8
}

.custom-design-solution ul li.industry {
    background: #f6e8fa;
    border-color: #9f33c3
}

/*.custom-design-solution ul li.highlighted {
    transform: scale(1.3);
    z-index: 9;
    opacity: 1
}*/
.custom-design-solution ul li:hover{
    transform: scale(1.3);
    z-index: 9;
    opacity: 1
}



.our-work {
    padding: 70px 0;
    background: #fbfafa
}

.our-work h2 {
    font-size: 42px;
    margin: 0 0 25px
}

.our-work p {
    color: #8e929c;
    font-size: 16px;
    margin-bottom: 0;
    padding: 0 100px;
}

.our-work .ul-col-sl-1,
.our-work .ul-col-sl-2 {
    width: 19%;
    display: inline-block;
    height: 571px;
    overflow: hidden;
}

.our-work .ul-col-sl-2>div {
    height: 100%;
    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;
}

.our-work .slider-portfolio {
    margin-top: 40px
}

.our-work .ul-col-sl-1 a,
.our-work .ul-col-sl-2 a {
    display: block;
    margin: 10px;
    box-shadow: #0000003b 0 4px 10px;
}

.our-work .ul-col-sl-1 img,
.our-work .ul-col-sl-2 img {
    max-width: 100%;
    margin-bottom: 10px;
    border: 1px solid #757575;
}

.our-work .owl-dots {
    float: right;
    padding-right: 35px
}

.our-work .owl-theme .owl-dots .owl-dot.active span,
.our-work .owl-theme .owl-dots .owl-dot:hover span {
    background: #f80223;
    border: none
}

.our-work .owl-theme .owl-dots .owl-dot span {
    width: 15px;
    height: 15px
}

.our-work .owl-theme .owl-controls {
    margin-top: 0
}

.digital-ideas {
    padding: 80px 0;
}

.digital-ideas h2 {
    text-align: center;
    font-size: 42px;
    margin: 0 0 50px;
    color: #282828;
    font-weight: 300;
}

.digital-ideas [class^="col-"] {
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px
}

.digital-ideas .row {
    margin-left: -10px;
    margin-right: -10px
}

.digital-ideas figure {
    position: relative;
    margin: 0;
    overflow: hidden;
}

.digital-ideas figure img {
    max-width: 100%
}

.digital-ideas figure figcaption {
    position: absolute;
    bottom: 0;
    left: 20px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    transition-delay: 0.5s;
}

.digital-ideas figure figcaption img {
    max-width: 100%
}

.digital-ideas figure figcaption i {
    margin-bottom: 15px;
    display: block;
}

.digital-ideas figure figcaption h6 {
    font-size: 20px;
    font-weight: 700;
    color: white;
    line-height: 26px;
    margin-bottom: 23px;
    /* text-shadow: #00000094 0 1px 1px; */
}

.digital-ideas figure:hover figcaption {
    bottom: 20px
}

.digital-ideas figure .full {
    position: absolute;
    z-index: 9;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%
}

.digital-ideas .btn-block {
    text-align: center;
    margin-top: 35px
}



.our-place-order {
    background: url("../images/our-placeorder.jpg") repeat center center;
    width: 100%;
    padding: 50px 0 50px;
    position: relative;
    overflow: hidden;
}

.our-place-order h2 {
    font-size: 37px;
    font-weight: 700;
    margin: 0 0 16px;
}

.our-place-order h2 span {
    display: block;
    font-size: 17px;
    font-weight: 400;
    margin-top: 10px;
}

.our-place-order .custom-btn {
    margin-right: 15px;
    height: 44px;
    line-height: 44px;
    background: #fff;
}

.our-place-order .custom-btn span {
    font-size: 14px
}

.our-place-order p {
    margin-top: 0;
}

.our-place-order p img {
    margin-right: 7px;
    vertical-align: text-bottom;
    display: inline-block;
    position: relative;
    top: 9px;
}

.our-place-order p a {
    font-size: 34px;
    color: #f80223;
    font-weight: 300;
}

.our-place-order:after {
    content: '';
    background: url("../images/place-oder-after.png") no-repeat;
    height: 275px;
    width: 217px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.our-place-order .container:before {
    /*content: '';*/
    background: url("../images/place-oder-before.png") no-repeat;
    height: 312px;
    width: 355px;
    position: absolute;
    left: 10%;
    bottom: -30px;
    background-size: 80%;
}

.our-place-order .container:after {
    content: '';
    background: url("../images/place-telephone.png") no-repeat;
    height: 216px;
    width: 212px;
    position: absolute;
    right: 20%;
    top: 60px;
}

.our-pricing-plans {
    background: #f5f3f3;
    padding: 60px 0;
    position: relative;
    overflow: hidden;
    min-height: 877px;
}

.our-pricing-plans .container {
    position: relative;
    z-index: 9
}

.our-pricing-plans:after {
    content: '';
    background: url("../images/our-pricing-bg.png") no-repeat;
    width: 100%;
    height: 918px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-size: cover;
}

.our-pricing-plans h3 {
    margin: 0 0 5px;
    font-weight: 700;
    font-size: 32px;
}

.our-pricing-plans p {
    font-size: 18px;
    color: #6b6b6b;
    line-height: 23px;
    margin-bottom: 30px;
    padding: 0 250px;
}

.our-pricing-plans .package {
    background: white;
    padding: 0 0 25px;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    border-radius: 10px;
}

.our-pricing-plans .package .head {
    background: #00ad9f;
    padding: 10px 21px;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    border-bottom: 2px solid #0f7f73;
}

.our-pricing-plans .package .head .left {
    display: inline-block;
    width: 32%;
}

.our-pricing-plans .package .head .left i {
    height: 80px;
    width: 80px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    background: #009b8f;
    display: inline-block;
    line-height: 80px;
    position: relative;
}



.our-pricing-plans .package .head .left i img {
    max-width: 70%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.our-pricing-plans .package .head .right {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    text-align: left;
    width: 60%;
}

.our-pricing-plans .package .head .right h5 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 3px;
    text-shadow: 2px 2px 2px #13795f;
}

.our-pricing-plans .package .head .right h6 {
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    margin: 0 0 0;
    text-shadow: 2px 2px 2px #13795f;
}

.our-pricing-plans .package .price {
    width: 100%;
    margin: auto;
    padding: 10px 0;
    background: #e1f1ed;
    text-align: center;
}

.our-pricing-plans .package .price .left {
    display: inline-block
}

.our-pricing-plans .package .price .left h2 {
    font-size: 50px;
    color: #000000;
    font-weight: 700;
    margin: 0;
    letter-spacing: -2.5px;
}

.our-pricing-plans .package .price .left h2 sup {
    font-size: 20px;
    color: #000;
    top: -1em;
    left: -4px;
    font-weight: 700;
}

.our-pricing-plans .package .price .right {
    display: inline-block;
    text-align: left
}

.our-pricing-plans .package .price .right strike {
    color: #d10a00;
    font-weight: 600;
    margin-bottom: 8px;
    display: block
}

.our-pricing-plans .package .price .right span {
    font-weight: 700;
    display: block;
    margin-left: 5px;
    position: relative;
    top: -10px;
    font-size: 10px;
    color: #808080
}

.our-pricing-plans .package .listing ul {
    padding-left: 30px;
}

.our-pricing-plans .package .listing ul li {
    font-size: 12px;
    color: #252525;
    margin-bottom: 5px;
    font-weight: 400;
}

.our-pricing-plans .package .listing ul li:before {
    content: '';
    background: #00ad9f;
    height: 6px;
    width: 6px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}

.our-pricing-plans .package .content {
    overflow: auto;
    position: relative;
    max-width: 97%;
    padding: 20px 0;
    height: 240px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.our-pricing-plans .package .mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: #d2f1e9;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.our-pricing-plans .package .mCSB_scrollTools .mCSB_dragger {
    height: 30px !important
}

.our-pricing-plans .package .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #2b9479;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.our-pricing-plans .package .custom-btn {
    background: #00ad9f;
    margin: auto;
    display: block;
    border-bottom: 4px solid #0f7f73;
    text-shadow: #000000bf 0 1px 1px;
}

.our-pricing-plans .package .custom-btn span {
    color: white;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.our-pricing-plans .owl-item:nth-child(2) .package .head {
    background: #ec9c10;
    border-color: #ec9c10;
}
.our-pricing-plans .owl-item:nth-child(2) .package .head .left i {
    background: #d48c0e;
}
.our-pricing-plans .owl-item:nth-child(2) .package .head .right h5 {
    text-shadow: 2px 2px 2px #2d3784
}
.our-pricing-plans .owl-item:nth-child(2) .package .head .right h6 {
    text-shadow: 2px 2px 2px #2d3784
}
.our-pricing-plans .owl-item:nth-child(2) .package .price {
    background: #ec9c101c;
}
.our-pricing-plans .owl-item:nth-child(2) .package .listing ul li:before {
    background: #ec9c10;
}
.our-pricing-plans .owl-item:nth-child(2) .package .mCSB_scrollTools .mCSB_draggerRail {
    background: #d5d9ee
}
.our-pricing-plans .owl-item:nth-child(2) .package .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #ec9c10;
}
.our-pricing-plans .owl-item:nth-child(2) .package .custom-btn {
    background: #ec9c10;
    border-color: #ec9c10;
}



.our-pricing-plans .owl-item:nth-child(8) .package .head {
    background: #1f308e;
    border-color: #1e2b79;
}
.our-pricing-plans .owl-item:nth-child(8) .package .head .left i {
    background: #1c2b80;
}
.our-pricing-plans .owl-item:nth-child(8) .package .head .right h5 {
    text-shadow: 2px 2px 2px #2d3784
}
.our-pricing-plans .owl-item:nth-child(8) .package .head .right h6 {
    text-shadow: 2px 2px 2px #2d3784
}
.our-pricing-plans .owl-item:nth-child(8) .package .price {
    background: #eaecf6
}
.our-pricing-plans .owl-item:nth-child(8) .package .listing ul li:before {
    background: #1f308e;
}
.our-pricing-plans .owl-item:nth-child(8) .package .mCSB_scrollTools .mCSB_draggerRail {
    background: #d5d9ee
}
.our-pricing-plans .owl-item:nth-child(8) .package .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #495ab4
}
.our-pricing-plans .owl-item:nth-child(8) .package .custom-btn {
    background: #1f308e;
    border-color: #142064;
}









.our-pricing-plans .owl-item:nth-child(3) .package .head {
    background: #dc321a;
    border-color: #b02f1d;
}
.our-pricing-plans .owl-item:nth-child(3) .package .head .left i {
    background: #c62d17;
    overflow: hidden;
}
.our-pricing-plans .owl-item:nth-child(3) .package .head .right h5 {
    text-shadow: 2px 2px 2px #e6371f
}
.our-pricing-plans .owl-item:nth-child(3) .package .head .right h6 {
    text-shadow: 2px 2px 2px #e6371f
}
.our-pricing-plans .owl-item:nth-child(3) .package .price {
    background: #faebe9
}
.our-pricing-plans .owl-item:nth-child(3) .package .listing ul li:before {
    background: #c62d17;
}
.our-pricing-plans .owl-item:nth-child(3) .package .mCSB_scrollTools .mCSB_draggerRail {
    background: #fad9d4
}
.our-pricing-plans .owl-item:nth-child(3) .package .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #dc321a;
}
.our-pricing-plans .owl-item:nth-child(3) .package .custom-btn {
    background: #dc321a;
    border-color: #7a1d10;
}





.our-pricing-plans .owl-item:nth-child(9) .package .head {
    background: #dc321a;
    border-color: #b02f1d;
}
.our-pricing-plans .owl-item:nth-child(9) .package .head .left i {
    background: #c62d17;
    overflow: hidden;
}
.our-pricing-plans .owl-item:nth-child(9) .package .head .right h5 {
    text-shadow: 2px 2px 2px #e6371f
}
.our-pricing-plans .owl-item:nth-child(9) .package .head .right h6 {
    text-shadow: 2px 2px 2px #e6371f
}
.our-pricing-plans .owl-item:nth-child(9) .package .price {
    background: #faebe9
}
.our-pricing-plans .owl-item:nth-child(9) .package .listing ul li:before {
    background: #c62d17;
}
.our-pricing-plans .owl-item:nth-child(9) .package .mCSB_scrollTools .mCSB_draggerRail {
    background: #fad9d4
}
.our-pricing-plans .owl-item:nth-child(9) .package .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #dc321a;
}
.our-pricing-plans .owl-item:nth-child(9) .package .custom-btn {
    background: #dc321a;
    border-color: #7a1d10;
}













.our-pricing-plans .owl-item:nth-child(4) .package .head {
    background: #e75700;
    border-color: #a24107;
}
.our-pricing-plans .owl-item:nth-child(4) .package .head .left i {
    background: #cf4e00;
}
.our-pricing-plans .owl-item:nth-child(4) .package .head .right h5 {
    text-shadow: 2px 2px 2px #e64b00
}
.our-pricing-plans .owl-item:nth-child(4) .package .head .right h6 {
    text-shadow: 2px 2px 2px #e64b00
}
.our-pricing-plans .owl-item:nth-child(4) .package .price {
    background: #f4e6de
}
.our-pricing-plans .owl-item:nth-child(4) .package .listing ul li:before {
    background: #e75700;
}
.our-pricing-plans .owl-item:nth-child(4) .package .mCSB_scrollTools .mCSB_draggerRail {
    background: #f9e3d5;
}
.our-pricing-plans .owl-item:nth-child(4) .package .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #e3722e;
}
.our-pricing-plans .owl-item:nth-child(4) .package .custom-btn {
    background: #de5b0c;
    border-color: #9b3e06;
}


.our-pricing-plans .owl-item:nth-child(5) .package .head {
    background: #4531c3;
    border-color: #202a7c;
}
.our-pricing-plans .owl-item:nth-child(5) .package .head .left i {
    background: #3e2caf;
}
.our-pricing-plans .owl-item:nth-child(5) .package .head .right h5 {
    text-shadow: 2px 2px 2px #452a99;
}
.our-pricing-plans .owl-item:nth-child(5) .package .head .right h6 {
    text-shadow: 2px 2px 2px #452a99;
}
.our-pricing-plans .owl-item:nth-child(5) .package .price {
    background: #e4e2f1;
}
.our-pricing-plans .owl-item:nth-child(5) .package .listing ul li:before {
    background: #2d40a8;
}
.our-pricing-plans .owl-item:nth-child(5) .package .mCSB_scrollTools .mCSB_draggerRail {
    background: #d5d9ee;
}
.our-pricing-plans .owl-item:nth-child(5) .package .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #5d4dca;
}
.our-pricing-plans .owl-item:nth-child(5) .package .custom-btn {
    background: #4531c3;
    border-color: #142064;
}


.our-pricing-plans .owl-item:nth-child(6) .package .head {
    background: #ec0000;
    border-color: #b32919;
}
.our-pricing-plans .owl-item:nth-child(6) .package .head .left i {
    background: #d40000;
}
.our-pricing-plans .owl-item:nth-child(6) .package .head .right h5 {
    text-shadow: 2px 2px 2px #ed2626
}
.our-pricing-plans .owl-item:nth-child(6) .package .head .right h6 {
    text-shadow: 2px 2px 2px #ed2626
}
.our-pricing-plans .owl-item:nth-child(6) .package .price {
    background: #fde5e5
}
.our-pricing-plans .owl-item:nth-child(6) .package .listing ul li:before {
    background: #ec0000;
}
.our-pricing-plans .owl-item:nth-child(6) .package .mCSB_scrollTools .mCSB_draggerRail {
    background: #fad9d4;
}
.our-pricing-plans .owl-item:nth-child(6) .package .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #ee2524;
}
.our-pricing-plans .owl-item:nth-child(6) .package .custom-btn {
    background: #ec0000;
    border-color: #7a1d10;
}

.our-pricing-plans .btn-block {
    text-align: center;
    clear: both;
    margin-top: 0;
}

body .btn-primary { background: linear-gradient(to right, #370f53, #c31432);}

.our-pricing-plans .btn-block .btn-primary-border {
    /* background: white;
    border: 2px solid #f80223; */

    background: linear-gradient(to right, #370f53, #c31432);

    display: inline-block;
    padding: 13px 48px;
    box-shadow: #8884841f 0 0 15px;
    height: inherit;
    color: #fff !important;
}

.our-pricing-plans .btn-block .btn-primary-border span {
    color: #fff;
    font-size: 16px;
    display: block;
    line-height: normal;
}

.our-combopack {
    background: url("../images/our-combo.jpg") no-repeat;
    background-size: cover;
    width: 100%;
    padding: 100px 0;
    overflow: hidden;
    min-height: 690px;
}

.our-combopack * {
    color: white
}

.our-combopack h5 {
    font-size: 23px;
    font-weight: 600;
    margin: 0 0 0px;
}

.our-combopack h2 {
    font-size: 63px;
    font-weight: 700;
    margin: 0 0 10px;
}

.our-combopack p {
    font-size: 17px;
    margin: 0 0 25px;
    line-height: 26px;
}

.our-combopack ul li {
    margin: 0 0 0px;
    position: relative;
    display: inline-block;
    font-size: 12px;
    /* width: 46%; */
    font-weight: 300;
    display: block;
    line-height: 20px;
}

.our-combopack ul li:before {
    content: '';
    background: #fff;
    height: 4px;
    width: 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}

.our-combopack .btn-pack {
    margin-top: 30px;
    float: left;
    width: 100%;
}

.our-combopack .btn-pack .custom-btn {
    line-height: 47px;
    margin-right: 75px;
}

.our-combopack .btn-pack .custom-btn:last-of-type {
    margin-right: 0
}

.our-combopack .btn-pack .custom-btn span {
    font-size: 20px;
    color: #000000
}

.our-combopack .btn-pack .custom-btn.get-now {
    background: #ffc426;
    position: relative
}

.our-combopack .btn-pack .custom-btn.get-now:after {
    content: '';
    background: url("../images/moneyback.webp") no-repeat;
    height: 93px;
    width: 98px;
    position: absolute;
    right: -60px;
    top: 0;
    bottom: 0;
    margin: auto
}

.our-combopack .btn-pack .custom-btn.view-detail {
    background: #ffffff
}

.our-combopack .btn-pack .custom-btn.view-detail span {
    /*font-weight: 400*/
}

.our-combopack .bundle-img {
    position: relative;
    right: 10px;
    top: 120px;
}

.our-combopack .bundle-img h6 {
    font-size: 87px;
    position: absolute;
    top: 0;
    right: -100px;
    transform: rotate(1deg);
    display: none
}

.our-combopack .bundle-img h6 sub {
    font-size: 29px;
    color: #ffcc00
}

.our-testimonial {
    background: url("../images/our_testimonial.webp") no-repeat;
    width: 100%;
    background-size: cover;
    padding: 100px 0 60px;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.our-testimonial * {
    color: white
}

.our-testimonial i {
    display: block;
    text-align: center;
    margin-bottom: 35px
}

.our-testimonial h4 {
    margin: 0 0 15px;
    font-size: 32px;
    font-weight: 700
}

.our-testimonial p {
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    line-height: 32px;
    margin: 0 0 30px;
}

.our-testimonial .slider-nav {
    background: #f7f7f7
}

.our-testimonial button.slick-prev.slick-arrow {
    position: absolute;
    font-size: 0;
    margin-left: 0 !important;
    border: none;
    top: 40px;
    left: 0;
    height: 45px;
    width: 23px;
    background: url(../images/arrow-prev.png) no-repeat;
    cursor: pointer;
    z-index: 5;
}

.our-testimonial button.slick-next.slick-arrow {
    position: absolute;
    font-size: 0;
    margin-left: 0 !important;
    background-color: transparent;
    border: none;
    height: 45px;
    width: 23px;
    background: url(../images/arrow-next.png) no-repeat;
    cursor: pointer;
    right: 0;
    top: 40px;
}





.slick-navthumb {
    margin-top: -62px;
    background: #f7f7f7;
    height: 160px;
}

.slick-navthumb .slick-slide img {
    max-width: 100%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.7;
    width: 59%;
    display: inline-block;
}

.slick-navthumb .container {
    padding: 70px 0 2px;
}

.slick-navthumb .slick-slide.slick-current.slick-active.slick-center img {
    transition: all .3s ease-in-out;
    transform: scale(1.3);
    box-shadow: #5656562e 0 0 15px;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
    width: 164px;
    margin-top: -35px;
    background: white;
}

.slick-navthumb .slider-nav.slick-initialized.slick-slider {
    overflow: visible !important
}

.slick-navthumb .slick-list.draggable {
    overflow: visible
}

.slick-navthumb .overflow-hidden {
    overflow: hidden
}

.slick-navthumb .slick-initialized .slick-slide {
    text-align: center;
    outline: none !important;
    cursor: pointer;
}




a {
    text-decoration: none !important;
    -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;
    outline: none !important;
}
header nav ul li:hover {
    background: #c3051f;
    color: #fff;
}

header nav>ul>li {
    -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;
    display: inline-block;
    font-size: 14px;
}


header nav ul li:hover a {
    color: #fff;
}

header .top-menu li:hover a {
    color: #f80223;
}

header .top-head li:hover a {
    color: #f80223;
}



.creative-determination [class^="col-"]:first-child {margin-bottom: 43px;}



section.our-banner a.chat {
    font-weight: 400;
    /* background: #f80223; */
    padding: 14px 39px;
    display: inline-block;
    font-size: 14px;
    border-radius: 3px;
    margin-top: 13px;
    background: linear-gradient(to right, #370f53, #c31432);
    letter-spacing: 1px;
}


.copyContent h6 {
    font-size: 19px !important;
    cursor: pointer;
    position: absolute;
    right: 45px;
    bottom: 61px;
}
.copyContent h6:hover { color: red;
   
}

section.our-banner a.chat:hover {
    background: #fff;
    color:#000 !important;
}

section.our-banner a.chat:hover span {
   
    color:#000 !important;
}
.inner-banner .chat span:hover {

    color:#000 !important;
}

.creative-determination span {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 13px;
    display: block;
    color: #010101;
}

.digital-ideas h2 strong {
    font-weight: 600;
}

.arrow-btn i {
    margin-right: 7px;
}
.item {
    margin: 0;
}

section.our-place-order .btn-block a {
    padding: 12px 48px;
    display: inline-block;
    font-size: 15px;
    border-radius: 5px;
    margin: 0 7px;
    font-weight: 500;
}



section.our-place-order .btn-block a.various {
    /* background: #f80223; */

    background: linear-gradient(to right, #370f53, #c31432);
    color: #fff;
    transition: all .2s ease-in;
}

.our-pricing-plans .btn-block a:hover{    transition: all .2s ease-in; background: linear-gradient(to right, #c31432, #370f53) !important;}

section.our-place-order .btn-block a.chat {
    background: #ffffff;
    color: #000;
    box-shadow: #0000005e 0 0px 10px;
}

.our-pricing-plans .btn-block a:hover {
    background: #f80223;
    color: #fff !important;
}

.our-pricing-plans .btn-block a:hover span {
    color: #fff;
}

.toll-free i {
    display: inline-block;
    margin: 0 11px;
}

.toll-free h2 strong {
    font-weight: 600;
    display: inline-block;
}

.toll-free .custom-btn:hover {
    box-shadow: #0000005e 0 0 7px;
    color: white;
}
* {
    outline: none !important;
}

footer .footer-social li {
    display: inline-block;
}
.cour-copyright ul.list-inline {
    text-align: left;
}

.cour-copyright ul.list-inline li {
    display: inline-block;
    margin: 0 12px;
    font-size: 13px;
}


.back-to-top {
    position: absolute;
    right: 0;
    bottom: 9px;
    -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;
}

.cour-copyright p {
    margin: 0;
    font-size: 12px;
}

.back-to-top:hover {
    transform: scale(1.05);
    transition: all .3s ease-in-out;
}



.our-pricing-plans [class^="col-"] {
    -webkit-transition: all .4s ease-in;-moz-transition: all .4s ease-in;-o-transition: all .4s ease-in;-ms-transition: all .4s ease-in;transition: all .4s ease-in;
}

.our-pricing-plans .item:hover, .digital-ideas .item:hover{
    transform: scale(1.05) !important;
    transition: all .5s ease-in-out !important;
}
.digital-ideas figure:hover{
    transform: scale(1.09) !important;
    transition: all .5s ease-in-out !important;
}
.digital-ideas figure:hover{box-shadow: #0000003b 0 0 15px;}

.toll-free a:hover {
    color: #0a60b5;
}


.our-combopack .btn-pack .custom-btn:hover {
    margin-top: -12px !important;
}

.our-combopack .btn-pack .custom-btn:hover {
    margin-top: -12px !important;
}


.scroll-down{
    animation: bounce 1s infinite alternate;
    -webkit-animation: bounce 1s infinite alternate;
}


@keyframes bounce {
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(-15px);
    }
}
@-webkit-keyframes bounce {
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(-15px);
    }
}

.bundle-img .layer:nth-child(1){}
.bundle-img .layer:nth-child(2){left:-30px !important; top: -20px !important; z-index: -1}
.bundle-img .layer:nth-child(3){left:-20px !important; top: 235px !important;}
.bundle-img .layer:nth-child(4){left:350px !important; top: 300px !important;}
.bundle-img .layer:nth-child(5){left: 470px !important; top: 330px !important;}
.bundle-img .layer:nth-child(6){left: 300px !important; top: 10px !important;}


.package .listing {
    text-align: left;
}

.owl-pricing .item{
    padding: 40px 10px 30px;
    background: transparent;
}




.owl-pricing .owl-nav {
    /* position: absolute; */
    top: 50%;
    bottom: 0;
    width: 100%;
}

.owl-pricing .owl-nav .owl-prev {
    position: absolute;
    left: -70px;
    top: 50%;
}

.owl-pricing .owl-nav .owl-next {
    position: absolute;
    right: -70px;
    top: 50%;
}

.owl-pricing .owl-nav i {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: #f80223c2;
    color: #ffffff;
    line-height: 50px;
    font-size: 18px;
    position: relative;
    z-index: 9;
}
.owl-pricing .owl-nav button:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #f80223;
    height: 0;
    width: 0;
    transition: 0.5s all;
    border-radius: 50%;
    z-index: -1;
}
.owl-pricing .owl-nav button i{
    transition: 0.5s;
    transition-delay: 0.3s;
}

.owl-pricing .owl-nav button:hover:before{
    width: 100%;
    height: 100%;
}

.owl-pricing .owl-nav [class*=owl-]:hover{
    background: #e841294d;
    color: #ffffff;
    border-radius: 50%;
}

.creative-determination #scene {
    position: absolute;
    bottom: -34px;
}
.creative-determination .layer:nth-child(1){}
.creative-determination .layer:nth-child(2){left: 206px !important;top: 90px !important;z-index: 1;}
.creative-determination .layer:nth-child(3){left: 410px !important;top: 55px !important;}
.creative-determination .layer:nth-child(4){left: 100px !important;top: 100px !important;z-index: -1;}
.creative-determination .layer:nth-child(5){left: 180px !important;top: 360px !important;}
.creative-determination .layer:nth-child(6){left: 70px !important;top: 430px !important;}

.our-service-creative{
}
.our-service-creative .move-vectors{
    bottom: inherit;
    top: 30px;
}
.service-creative .layer:nth-child(1){}
.service-creative .layer:nth-child(2){left: -140px !important;top: 120px !important;z-index: 1;}
.service-creative .layer:nth-child(3){left: -174px !important;top: 380px !important;z-index: -11;}


.inner-banner img{width: 100%;object-fit: cover;height: 100%;object-position: top;}
.inner-banner .caption {
    position: absolute;
    top: 26%;
}
.scroll-down img {
    max-width: 100%;
    width: auto;
    height: auto;
}

.inner-banner h1 {
    line-height: 45px;
    font-size: 40px;
    margin: 0 0 20px;
}

.main-menu li.active:after {
    width: 0;
    height: 0;
    border-top: 5px solid #f80223;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: "";
    position: absolute;
    left: 46%;
}

.main-menu li.active {
    position: relative;
}

.inner-banner p {
    font-size: 16px;
    line-height: 29px;
}

.inner-banner .chat {
    font-weight: 400;
    background: #f80223;
    padding: 6px 50px;
    display: inline-block;
    font-size: 20px;
    border-radius: 3px;
    margin-top: 13px;
}
.inner-banner .chat span{
    color: white;
}
.our-banner.inner-banner {padding: 0;background: none;object-position: center;height: 500px;}
.our-banner.inner-banner .scroll-down {margin-top: 40px;}
.creative-determination .inner-data {
    width: 90%;
}

.our-service-creative:after{
    content: '';
    background: #e3e3e3;
    height: 185px;
    width: 185px;
    border-radius: 50%;
    position: absolute;
    right: -130px;
    top: 100px;
}



.every-package {
    background: #f5f5f5;
    padding: 70px 0 40px;
    position: relative;
    overflow: hidden;
}

.every-package h4 {
    font-size: 17px;
    font-weight: 700;
    line-height: 22px;
    color: #1f1f1f;
}

.every-package * {
    text-align: center;
}

.every-package p {
    font-size: 13px;
    color: #919191;
    line-height: 17px;
    margin-bottom: 0;
    font-weight: 400;
    padding: 0 21px;
    line-height: 18px;
}

.every-package img {
    margin-bottom: 15px;
    max-width: 50%;
}

.every-package .row {
    display: flex;
    align-self: center;
    align-items: center;
    justify-content: center;
}
.every-package h2 {
    clear: both;
    font-size: 42px;
    font-weight: 700;
    position: relative;
    z-index: 9;
}

.every-package h2 span {
    color: #282828;
    font-size: 30px;
    display: block;
    font-weight: 400;
    margin-bottom: 50px;
}
.every-package [class^="col-"]{
    margin-bottom: 60px;
}

.creative-determination .inner-data{
    position: relative;
    top: -50px;
}
.our-service-creative h2{
}
.every-package:before{
    content: '';
    background: url("../images/every-pack-before.png") no-repeat;
    height: 376px;
    width: 325px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.4;
    z-index: 1;
}
.every-package:after{
    content: '';
    background: url("../images/every-pack-after.png") no-repeat;
    height: 348px;
    width: 323px;
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0.4;
}
.type-of-websites{
    text-align: center;
    background: url("../images/serviceweb-types-bg.jpg") no-repeat;
    padding: 60px 0;
    width: 100%;
    background-size: cover !important;
    position: relative;
}
.type-of-websites:after{
    content: '';
    position: absolute;
    top: -20px;
    left: 0;
    background: url("../images/service-web-vector.png") no-repeat;
    height: 245px;
    width: 172px;
}
.type-of-websites h2 {
    color: white;
    font-size: 42px;
    font-weight: 700;
    line-height: 41px;
    margin-bottom: 20px;
}
.type-of-websites span {
    font-weight: 400;
    display: block;
    font-size: 26px;
}
.type-of-websites  figure {
    background: white;
    padding: 30px 15px;
}
.type-of-websites .col {
    padding: 0 5px;
}
.type-of-websites .row {
    margin: 0 -15px !important;
}
.type-of-websites figure img {
    margin-bottom: 25px;
}
.type-of-websites figure h5 {
    font-size: 18px;
    font-weight: 600;
}
.type-of-websites figure p {
    font-size: 12px;
    color: #919191;
}


.our-recentwork {
    padding: 60px 0;
    background: #fbfafa;
}
.our-recentwork figure {
    background: #00194a;
    height: auto;
    margin-bottom: 15px;
    transition: 0.5s;
}
.our-recentwork .col-md-3 {
    padding: 0 8px;
}
.our-recentwork .row {
    margin: 0 -8px;
}
.our-recentwork h2 {
}
.our-recentwork .arrow-btn {
    margin-top: 30px;
    display: inline-block;
}
.our-recentwork p {
}

.branding-banner h1 em{
    font-style: italic;
    font-weight: 300;
    font-family: 'Libre Baskerville', serif;
}
.branding-creative .move-vectors{
    bottom: inherit;
    right: 120px;
}
.inner-creative .inner-data h2{
    margin-top: 20px;
}

.socail-media-web{
    background: url("../images/digital-marketing-typebg.jpg")no-repeat;
}
.socail-media-web h2{
    font-weight: 400;
}
.type-of-websites .col{
    display: flex;
}
.type-of-websites .row{
    display: flex;
}
.white-bg{
    background: white !important;
}
.lblue-bg [class^="col-"]:first-child, .white-bg [class^="col-"]:first-child{
    margin-bottom: 0 !important;
}
.lblue-bg{
    background: #eef0f9 !important;
    padding: 80px 0;
}
.lblue-bg .inner-data p{margin-bottom: 0;}
.lblue-bg img{margin-top: -40px;}
.lblue-bg .inner-data{
    position: static;
}
.lblue-bg .move-vectors{
    position: absolute;
    right: 0;
}
.branding-creative [class^="col-"]:first-child{
    margin-bottom: 0;
}
.branding-creative .move-vectors{
    position: static;
}

.branding-creative .move-vectors img {
    display: block;
    max-width: 100%;
    margin: auto;
}
.branding-creative.app-creative{
    padding: 100px 0;
}
.app-creative p{
    margin-bottom: 30px;
}
.app-creative ul{
    margin-top: 50px;
}
.app-creative ul li{
    display: inline-block;
    margin-right: 8px;
}
.app-creative ul li a:hover img{
    transform: scale(1.1);
}
.app-creative ul li a img{
    max-width: 100%;
    transition: 0.5s all;
}

.our-immaculate{
    background: #16a299;
}
.our-immaculate h2{margin-bottom: 15px;}
.our-immaculate p{
    color: white;
    margin-bottom: 50px;
    font-weight: 500;
    font-size: 18px;
}
.our-immaculate .box{
    text-align: left;
    position: relative;
    background: #12449f;
    padding: 20px 15px;
    border-radius: 4px;
}
.our-immaculate .box *{
    color: white;
}

.our-immaculate .box h3 {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 20px;
}

.our-immaculate .box h3 span {
    font-size: 22px;
    font-weight: 400;
}

.our-immaculate .box p {
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
}
.our-immaculate .box .line{
    position: relative;
    height: 2px;
    width: 80%;
    border-bottom: 1px dashed #ffffff;
    top: -63px;
    left: 39px;
}
.our-immaculate .box .line::before{
    background: #0c7e77;
    height: 5px;
    width: 5px;
    border-radius: 50%;
    position: absolute;
    left: -5px;
    top: -0.5px;
}
.our-immaculate .box .line::after{
    content: '';
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 7px solid #ffffff;
    border-bottom: 5px solid transparent;
    position: absolute;
    right: -9px;
    top: -3px;
}

.element-item img {
    border-radius: 7px;
    width: 100%;
    max-width: 100%;
}
.element-item.col-md-4{
    margin-bottom: 30px;
}

.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;
}
.grid {
    /* height: auto !important; */
    overflow-y: hidden;
}
.new-pf h2{
    font-size: 42px;
}
.new-pf p{
    font-size: 13px;
    color: #8e929c;
}

.new-pf {
    padding: 80px 0;
}

.new-pf .button-group {
    margin: 40px 0;
}

.new-pf .button-group button {
    background: transparent;
    border: none;
    outline: none;
    font-size: 26px;
    position: relative;
    color: #9a9a9a;
    padding: 0 23px;
}

.new-pf .button-group button.is-checked {
    color: black;
    font-weight: 700;
}

.new-pf .button-group button:before {
    content: '';
    background: black;
    width: 0;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    transition: 0.5s;
}

.new-pf .button-group button.is-checked:before {
    width: 13px;
}

.new-pf button#showMore {
    position: relative;
    font-size: 18px;
    color: #000000;
    font-weight: 600;
    background: transparent;
    border: none;
    padding: 0;
    margin-top: 0;
    cursor: pointer;
}

.new-pf button#showMore:before {
    font-family: "Font Awesome 5 Free";
    content: "\f067";
}

.new-pf button#showMore:after {
    display: block;
    position: absolute;
    right: -20px;
    bottom: -15px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    content: '';
    background: url('../images/arrow-btn.png') no-repeat;
    width: 50px;
    height: 20px;
}

.services-slider.owl-carousel {
    display: block!important;
}

section.services-back .item, section.services .owl-item {
    padding: 0;
    display: inline-block;
    float: left;
}

section.services-back .item>div {
    padding: 25px;
    text-align: center;
    width: 100%;
    font-size: 16px;
    min-height: 330px;
    border-top: #e6e6e680 1px solid;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    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;
}

section.services-back .item:nth-child(odd)>div {
    border-right: #e6e6e680 1px solid;
    border-left: 0;
}

section.services-back .item>div i {
    font-size: 43px;
    color: #000!important;
    margin-bottom: 14px;
    display: block;
}

section.services-back .item>div h5 {
    color: #000;
    font-size: 27px;
    font-weight: 700;
    margin-bottom: 22px;
}

section.services-back .item>div p {
    padding: 0 8px;
    font-size: 15px;
    font-weight: 400;
    color: #8e929c;
    line-height: 24px;
    margin: 0;
}
section.services-back .item:nth-child(even)>div {
    border-right: #e6e6e6 1px solid;
    border-radius: 0;
}

section.services-back .item>div:hover {
    transform: scale(1.05);
    background: #c52026;
    border: none!important;
    color: #fff;
    z-index: 1;
    position: relative;
}
section.services-back .item>div:hover * {
    color: #fff!important;
}
.services-back h2{
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 50px;
}
.services-back h2 span{
    display: block;
    font-size: 20px;
    color: #8e929c;
    font-weight: 400;
}


.padding-tes{
    margin-top: 200px;
}
.branding-creative {
    padding: 80px 0;
}
.branding-creative .move-vectors img{display: block; margin: auto}
.animation-creative .move-vectors{
    position: absolute;
    right: -100px;
}
.type-of-animation{
    background: url("../images/type-of-animation.jpg") no-repeat;
}
.our-work .arrow-btn{
    margin-top: 50px;
    display: inline-block;
}

.our-recentwork [class^="col-"]{
    padding: 0 8px;
}
.our-recentwork .row{
    margin: 0 -8px;
}
.best-video{
    background: url("../images/best-video-bg.jpg") no-repeat;
    width: 100%;
    background-size: cover;
    padding: 70px 0;
}

.best-video * {
    color: white;
}

.best-video h3 {
    font-size: 38px;
    font-weight: 700;
    margin: 0 0 30px;
}
.best-video .btn-block{
    margin-bottom: 15px;
}
.best-video .btn-block a {
    padding: 12px 48px;
    display: inline-block;
    font-size: 15px;
    border-radius: 5px;
    margin: 0 7px;
    font-weight: 500;
}

.best-video .btn-block a.various {
    background: #0a60b5;
    color: #fff;
}
.best-video img{
    margin-top: 20px;
}
.best-video .tel span{
    display: inline-block;
    margin-right: 10px;
}
.best-video .tel span img{
    margin: 0;
}
.best-video .tel{
    font-size: 38px;
}
.best-video .btn-block a.chat {
    background: #ffffff;
    color: #000;
}

.best-video .btn-block a.chat span {
    color: black;
}

.sub-title{
    margin-bottom: 30px;
}
.sub-title h2{
}
.sub-title p{
    color: #8e929c;
    font-size: 13px;
    margin-bottom: 0;
}
.clr-white *{
    color: white;
}

.branding-creative .bundle-img {
    position: absolute;
    right: 0;
    top: 0;
}
.branding-creative p{
    margin-bottom: 50px;
}
.branding-types{
    background: url("../images/types-of-branding.jpg") no-repeat;
}
.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;
}
.mic-img{
    position: absolute;
    max-width: 35% !important;
    left: -110px;
    bottom: -53px;
}


.our-gurantee .box {
    background: #f6f7ff;
    padding: 90px 90px;
    border-radius: 25px;
    position: relative;
    margin-bottom: 20px;
}

.our-gurantee {
    padding: 40px 0;
}

.our-gurantee .box h4 {
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 20px;
}

.our-gurantee .box p {
    font-size: 13px;
    line-height: 24px;
    color: #8e929c;
}

.our-gurantee .box h2 {
    font-size: 145px;
    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: 0;
    right: 0;
    margin: auto;
    text-align: center;
}
.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;
}

.our-reviews h2 {
    font-size: 42px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 50px;
}

.our-reviews .review-detail {
    background: #ec0063;
    width: 70%;
    float: left;
    height: calc(100vh - 176px);
}

.our-reviews .review-listing {
    width: 30%;
    float: right;
    background: #f4f4f4;
    padding: 25px 0 20px;
    overflow: hidden;
    height: calc(100vh - 126px);
}

.our-reviews .review-listing ul {}

.our-reviews .review-listing ul li a {
    color: #595959;
    font-weight: 400;
    position: relative;
    z-index: 9;
    padding-left: 10px;
}

.our-reviews .review-listing ul li {
    font-size: 16px;
    color: #595959;
    transition: 0.5s;
    position: relative;
    cursor: pointer;
}

.our-reviews .review-listing ul li span {display: inline-block;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);padding: 0;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;opacity: .5;}

.our-reviews .review-blog {
    padding: 140px 40px 80px 160px;
    display: none;
    height: 84vh;
    width: 100%;
    background-size: cover !important;
    background-position: center !important;
    height: calc(100vh - 126px);
}

.our-reviews .review-blog h5 {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 70px;
}

.our-reviews .review-blog * {
    color: white;
}

.our-reviews .review-blog p {
    margin: 30px 0 20px;
    position: relative;
}

.our-reviews .review-blog li {
    display: inline-block;
}

.our-reviews .review-blog li i {
    color: #f9c816;
}

.our-reviews .review-blog h6 {
    font-size: 14px;
    font-weight: 600;
    margin: 10px 0 0;
}

.our-reviews .review-blog span {display: block;font-weight: 300;}
.our-reviews .review-blog.active {
    display: block;
    overflow: hidden;
}
.our-reviews{
    display: flex;
    flex-wrap: wrap;
    padding: 0 0;
    margin-top: -50px;
}

.our-reviews .review-blog img {
    margin: auto;
    display: block;
}

.our-reviews .review-blog h5 img {
    display: inline-block;
}

.list-number {
    background: #e8e5e5;
    width: 75px;
    text-align: center;
    display: inline-block;
    line-height: 50px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    margin-right: 0px;
}



.our-reviews .review-listing ul li:hover .list-number span, .our-reviews .review-listing ul li.active .list-number span {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
}

.our-reviews .review-listing ul li:hover, .our-reviews .review-listing ul li.active {
    background: #d2d2d2;
}

.our-reviews .review-listing ul li:hover .list-number, .our-reviews .review-listing ul li.active .list-number {
    background: #d2d2d2;
}




.our-reviews .review-listing ul li a:before {
    content: '';
    background: #c5c0c0;
    height: 2px;
    width: 30px;
    position: STATIC;
    top: 10px;
    left: -40px;
    vertical-align: super;
    display: inline-block;
    margin-right: 10px;
    transition: 0.5s;
}

.our-reviews .review-listing ul li:hover a:before, .our-reviews .review-listing ul li.active a:before {
    background: #3c3c3c;
    width: 51px;
}

.our-reviews .review-listing ul li:hover *, .our-reviews .review-listing ul li.active * {
    color: #3c3c3c;
}

.our-immaculate{
    background: url("../images/our-immaculate-bg.jpg")no-repeat;
}

.line-top {
    position: absolute;
    top: -29px;
    right: -80px;
}

.app-creative .bundle-img {
    position: static;
}



/* ---- .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: 355px !important;padding: 8px;/* transform: translate3d(0, 10px, 0) !important; */height: 355px;}
.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; */
    background: #fff;
    margin-bottom: 8px;
    text-transform: uppercase;
    font-weight: 600;
    color: #9a9a9a;
    -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 {
    color: #000;
}

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;
}



.new-pf div#filters button:active {
    background: -moz-linear-gradient(left, rgba(210,42,67,1) 0%, rgba(240,118,10,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(210,42,67,1)), color-stop(100%, rgba(240,118,10,1)));
    background: -o-linear-gradient(left, rgba(210,42,67,1) 0%, rgba(240,118,10,1) 100%);
    background: -ms-linear-gradient(left, rgba(210,42,67,1) 0%, rgba(240,118,10,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d22a43', endColorstr='#f0760a', GradientType=1 );
}



.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;
}



/*Omar Choudary*/

section.our-banner.inner-banner.aboutbanner.text-left {
    background: url(../images/about-banner.jpg) no-repeat;
}
.aboutbanner h1 span {
    font-weight: 800;
    font-size: 84px;
}
section.aboutsec2 {
    padding: 50px 0;
    color: #8e929c;
    font-size: 13px;
    line-height: 23px;
}

section.aboutsec2 h2 {
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 30px;
    padding-left: 10px;
    color: #000000;
}

section.aboutsec2 .col-md-5 p {
    color: #010101;
    font-size: 16px;
    font-weight: 500;
}

section.promises {
    padding: 110px 0 40px;
    background: url(../images/promisebg.jpg);
    position: relative;
    color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
}
section.promises h3 {
    font-size: 42px;
    font-weight: 600;
}

section.promises p {
    font-size: 17px;
    font-weight: 400;
    line-height: 26px;
}

section.promises span.transparenttext {
    font-size: 134px;
    opacity: .2;
    position: absolute;
    top: 80px;
    font-weight: 700;
    background: -webkit-linear-gradient(#de351e, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.countsec {
    margin: 50px 0 0;
}

.countsec ul li {
    display: inline-block;
    padding: 0 20px;
}

section.promises img {
    position: absolute;
    top: 0;
    max-width: 560px;
    left: 0;
}

.countsec ul li span {
    font-size: 66px;
    font-weight: 800;
    line-height: 60px;
}

.countsec ul li p {
    font-size: 14px;
    font-style: inherit;
    font-weight: 500;
}

section.absec-3 {
    padding: 100px 0;
    text-align: center;
}

section.absec-3 ul li {
    display: inline-block;
    max-width: 265px;
    padding: 0 10px;
}

section.absec-3 ul li h2 {
    font-size: 26px;
    margin: 0 0 20px;
}

section.absec-3 ul li p {
    font-size: 13px;
    line-height: 23px;
}

section.delivering {
    padding: 50px 0;
    background: #f1f1f1;
    color: #6e6e6f;
    font-size: 12px;
    line-height: 25px;
    position: relative;
}

section.delivering h2 {
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 10px;
    color: #000;
    line-height: 37px;
}

section.delivering h3 {
    font-size: 16px;
    line-height: 26px;
    color: #0a60b5;
    font-weight: 600;
}

section.delivering p {
    font-size: 13px;
}

section.delivering img {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 640px !important;
}


section.faq-sec {
    padding: 50px 0;
}

.card-header {}

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;
}
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;
}
section.whychoose {
    text-align: center;
    padding: 50px 0;
    font-size: 13px;
    color: #8e929c;
}

section.whychoose b {
    position: relative;
    top: -5px;
}

section.whychoose h2 {}

section.whychoose p span.bold {
    font-weight: 700;
    font-style: italic;
    font-size: 16px;
    color: #000;
}

section.whychoose h2 {
    font-size: 42px;
    font-weight: 500;
    color: #000;
}

section.whychoose h2+p, section.whychoose h2+p+p, section.whychoose h2+p+p+p {
    padding: 0 130px;
    line-height: 28px;
}

section.whychoose [class^="col-md-4"] {
    background: #fff1f2;
    padding: 40px  20px;
    margin-bottom: 20px;
    border-radius: 30px;
    max-width: 31%;
    margin: 0px 10px 20px;
    color: #8e929c;
}

section.whychoose [class^="col-md-4"] i {
    display: block;
    margin: 0 auto;
    min-height: 190px;
}

section.whychoose [class^="col-md-4"] h3 {
    font-size: 28px;
    color: #000000;
    line-height: 35px;
}

section.whychoose [class^="col-md-4"] h3 b {}

section.whychoose [class^="col-md-4"] p {
    color: #8e929c;
    font-size: 13px;
    line-height: 21px;
}

section.whychoose [class^="col-md-4"] i img {
    display: block;
    margin: 0 auto 0px;
    width: 100%;
}

section.whychoose [class^="col-md-4"] h3 b {
    display: block;
}
section.whychoose [class^="col-md-4"].bglpink {
    background: #fff7e8;
}
section.whychoose [class^="col-md-4"].bglblue {
    background: #f3f8ff;
}


section.whychoose [class^="col-md-4"].bgdpink {
    background: #fff7ec;
}

section.whychoose [class^="col-md-4"].bgmblue {
    background: #f3f9ff;
}

section.whychoose [class^="col-md-4"].bgdblue {
    background: #f3f1ff;
}

table.comapare-box tr td {
    padding: 10px 10px;
    width: 20%;
    border: 1px solid #e3e3e3;
    transition: all 0.4s ease;
    color: #676767;
    font-size: 11px;
    text-align: center;
}

table.comapare-box tr:nth-child(even) td{
    background: #FFF;
}


table.comapare-box tr td:first-child {
    text-align: left;
    font-weight: 600;
}
table.comapare-box thead th {
    border: 1px solid #e3e3e3;
    text-align: center;
}

table.comapare-box thead th:first-child {
    border: 0px;
}
table.comapare-box tr td i.fas.fa-check-circle {
    color: #24ad87;
    font-size: 23px;
}

i.fas.fa-check-circle {}

table.comapare-box tr td i.fas.fa-times-circle {
    color: #d65a49;
    font-size: 23px;
}

table.comapare-box thead th:first-child h4 {
    position: absolute;
    bottom: 0;
    color: #e02338;
    font-size: 19px;
    font-weight: 700;
}

table.comapare-box thead th:first-child {
    position: relative;
}
section.comaparing.sec-pad {
    padding: 50px 0;
    color: #929292;
    font-size: 18px;
}

section.comaparing.sec-pad h2 {
    font-size: 39px;
    font-weight: 700;
    color: #000;
}

section.comaparing.sec-pad p {
    letter-spacing: 1px;
    font-weight: 500;
}

.ovr-scroll {
    margin: 70px 0  0;
}

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;
}

section.contact-us h5 {
    font-size: 22px;
    color: #848894;
    font-style: italic;
}

section.contact-us h4 {
    font-size: 34px;
    color: #f80223;
    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;
}

header .main-menu li.active>a {
    color: #f80223 !important;
}

.pfimg.video, .pfimg.brading {
    min-height: 160px !important;
}
.pfimg.mobile {
    height: 320px !important;
}
button:disabled {
    opacity: 0.3
}
.pfimg.video {
    margin: 15px 10px;
}
button:disabled:hover{    color: #9598a1 !important;}
.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:linear-gradient(to right, #370f53, #c31432);
    border: none;
    width: auto;
    font-weight: 600;
}

.contact-form input:focus, .contact-form textarea:focus {border: 2px solid #f80223;}

section.combo-pack {
    padding: 50px 0;
    background: url(../images/combo-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    position: relative;
}



section.combo-pack h2 {
    font-size: 32px;
    color: #f6f4f4;
    text-transform: uppercase;
    text-shadow: #000 0 0 2px;
}

section.combo-pack h2 span {
    display: block;
    font-size: 52px;
}

section.combo-pack h2+p {
    font-size: 15px;
}

section.combo-pack .col-md-4 {
    border: 1px solid #2765d8;
    height: auto !important;
    padding: 0;
    z-index: 1;
    position: relative;
}

section.combo-pack .col-md-4 h3 {
    font-size: 22px;
    margin-bottom: 10px;
    line-height: 33px;
    padding: 20px 20px 0;
}

section.combo-pack .col-md-4 h3 span {
    display: block;
    font-size: 17px;
}

section.combo-pack .col-md-4 ul.bdr-btmblue {
    border-bottom: 1px solid #2765d8;
    padding: 0 20px;
}
section.combo-pack .col-md-4 ul li i {
    position: absolute;
    top: 6px;
    left: 0;
    font-size: 6px;
}
section.combo-pack .col-md-4 ul li {
    position: relative;
    padding-left: 15px;
    font-size: 12px;
    margin-bottom: 8px;
}



section.combo-pack .col-md-4 .pricebox {
    background: #fff;
    display: block;
    color: #000;
    padding: 20px;
    position: relative;
    width: 98%;
    margin: 5px auto;
}


.actions{
    border-top: 1px solid #eeeeee;
    padding-top: 10px;
    position: relative;
    clear: both;
    width: 100%;
    text-align: center;
    margin: 4px auto 10px;
}


.actions a{
    vertical-align: top;
    min-width: inherit;
    margin: 0px;
    position: relative;
    cursor: pointer;
    color: #7b7b7b;
    font-size: 9px;
    text-align: center;
}

.actions a span{font-size: 12px;float: left;font-weight: bold;color: #7f7b7b;text-align: center;}
.actions a span small{
    display: block;
    font-size: 13px;
    line-height: normal;
    color: #1b51b4;
    font-weight: 700;
}

.actions::before{
    position: absolute;
    content: "";
    height: 43px;
    background-color: #eee;
    width: 1px;
    left: 50%;
    top: 10px;
}


section.combo-pack .col-md-4 .pricebox sup {
    color: #000;
    font-size: 26px;
    top: 0;
}

section.combo-pack .col-md-4 .pricebox span {
    color: #1b51b4;
    font-size: 69px;
    font-weight: 700;
    line-height: 90px;
}

section.combo-pack .col-md-4 .pricebox b {
    font-weight: 700;
    font-size: 20px;
    display: block;
    position: absolute;
    top: 50px;
    right: 35px;
    line-height: 18px;
}

section.combo-pack .col-md-4 .pricebox p {
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #000b28;
}

section.combo-pack .col-md-4 .pricebox b em {
    color: #828282;
}

section.combo-pack .col-md-4 .action-no span, section.combo-pack .col-md-4 .chat span {
    font-size: 13px;
    line-height: normal;
    text-align: center;
    float: none;
    color: #000b28;
}

.actions .col-md-6 {
}

section.combo-pack .col-md-4 .pricebox a.various {
    display: block;
    margin: 20px auto 0;
    text-align: center;
    background: linear-gradient(to right, #370f53, #c31432);
    padding: 12px;
    font-size: 18px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    border-radius: 5px;
}
section.combo-pack .col-md-4 ul {
    padding: 0 20px;
}

section.combo-pack .col-md-4 .pricebox:after {
    content: "";
    position: absolute;
    border: 0;
    left: 0;
    top: 0;
    width: 102%;
    height: 440px;
    background: #194fb3cc;
    z-index: -1;
}









section.combo-pack:before {
    content: "";
    background: url(../images/combo-before.png);
    display: block;
    z-index: 5;
    position: absolute;
    top: 0;
    left: -30px;
    width: 172px;
    height: 245px;
}

section.combo-pack:after {
    content: "";
    background: url(../images/combo-after.png);
    display: block;
    width: 173px;
    height: 277px;
    position: absolute;
    right: 0px;
    bottom: -32px;
    z-index: 5;
}

section.brandidentitiy {
    padding: 70px 0;
    text-align: center;
    color: #929292;
    font-size: 17px;
}

section.brandidentitiy h2 {
    font-size: 39px;
    font-weight: 700;
    color: #000000;
}

section.brandidentitiy h2+p {
    padding: 0 80px;
}
section.brandidentitiy .col-md-4 {
    margin-top: 30px;
    padding: 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;
    cursor: pointer;
    margin-bottom: 40px;
}

section.brandidentitiy .col-md-4 i {
    display: block;
    margin-bottom: 20px;
}

section.brandidentitiy .col-md-4 h3 {
    color: #000000;
    font-weight: 700;
}

section.brandidentitiy .col-md-4 h3 span {
    color: #d6d6d6;
    display: inline-block;
    padding-right: 5px;
}

section.brandidentitiy .col-md-4 h3+p {
    color: #8e929c;
    font-size: 14px;
    line-height: 24px;
}

section.brandidentitiy .col-md-4:hover {
    background: #0ff1b478;
}

section.brandidentitiy .col-md-4+.col-md-4:hover {
    background: #fff8e7;
}

section.brandidentitiy .col-md-4+.col-md-4+.col-md-4:hover {
    background: #f9e2e2bd;
}
section.brandidentitiy .col-md-4+.col-md-4+.col-md-4+.col-md-4:hover{
    background: #aed3fd9e;
}
section.brandidentitiy .col-md-4+.col-md-4+.col-md-4+.col-md-4+.col-md-4:hover{
    background: #a3e4f7;
}
section.brandidentitiy .col-md-4+.col-md-4+.col-md-4+.col-md-4+.col-md-4+.col-md-4:hover{
    background: #b5efacbf;
}
a.redbtn {color: #ffffff;font-size: 18px;font-weight: 700;text-transform: uppercase;background:linear-gradient(to right, #370f53, #c31432);padding: 10px 50px;border-radius: 5px;letter-spacing: 1px;margin-right: 10px;}

a.pinkbtn {   background: #f8022326;color: #f80223;font-size: 18px;font-weight: 700;text-transform: uppercase;padding: 10px 50px;border-radius: 5px;letter-spacing: 1px;}







img{max-width: 100% !important}


.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;
}

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 {
    color: #fff;
    border: none;
    /* padding: 3px 20px; */
    /* border-radius: 5px; */
    background-color: #f20727;
    background: linear-gradient(to right, #ef0827 0%, #a33c4f 100%);
}

.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;
}




form.footer-form input[type=text],
form.footer-form input[type=tel],
form.footer-form input[type=email],
form.footer-form select,
form.footer-form textarea {
    width: 100%;
    padding: 14px 12px;
    color: #7b7b7b;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 10px;
    border-radius: 5px;
    outline: 0!important;
    border: 2px solid #dedede;
    -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;
}

form.footer-form select {
    height: 50px
}

form.footer-form textarea {
    height: 168px
}

form.footer-form [class^=col-] {
    padding: 0 5px
}

form.footer-form button[type=submit] {
    background: #f80223;
    color: #fff;
    outline: 0!important;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 8px 80px;
    border: none;
    cursor: pointer;
    margin-top: 0;
    letter-spacing: 1px;
    border-radius: 5px;
}

form.footer-form:after {
    clear: both;
    display: block
}

section.footer-form h2 {
    color: #fff;
    margin-bottom: 11px;
    font-size: 56px;
    font-weight: 300;
}

section.footer-form h2+p {
    font-size: 21px;
    line-height: 23px;
    font-weight: 400;
    color: #fff;
}

section.footer-form .container {
    background: #fff;
    padding: 40px 10px;
    margin-bottom: -267px;
    box-shadow: #93898961 0 0 10px;
    width: 840px;
    z-index: 4;
    position: relative;
    border-radius: 5px;
    margin-top: 40px;
}
section.footer-form {
    padding: 50px 0;
    color: #000;
    background: url(../images/contact-bg.jpg) left top;
    text-align: center;
    position: relative;
    margin-bottom: 280px;
}
section.footer-form:before {
    content: "";
    background: url(../images/combo-before.png);
    display: block;
    z-index: 5;
    position: absolute;
    top: 0;
    left: -30px;
    width: 172px;
    height: 245px;
}
img.leftdot {
    position: absolute;
    bottom: -60px;
    left: 0;
}

img.rightdot {
    position: absolute;
    top: -60px;
    right: 0;
}
.countsec ul li b {
    display: none;
}

section.creative-determination.inner-creative.branding-creative.white-bg.digital-creative .bundle-img {
    position: static;
}

.line-bottom {
    position: absolute;
    bottom: -29px;
    right: -80px;
}

.line-top.linetop2 {
    right: 0px;
    top: -4px;
}

section.creative-determination.inner-creative.branding-creative.white-bg.digital-creative.socail-platform {
    padding-bottom: 0;
}
section.creative-determination.inner-creative.branding-creative.white-bg.digital-creative.socail-platform p {
    margin-bottom: 0;
}
section.creative-determination.inner-creative.branding-creative.white-bg.digital-creative.socail-platform .bundle-img {
    margin-top: -80px;
}
section.creative-determination.inner-creative.branding-creative.white-bg.digital-creative.socail-platform .bundle-img img {
    position: relative;
    bottom: -50px;
}

section.creative-determination.inner-creative.branding-creative.lblue-bg {
    padding: 40px 0;
}

section.creative-determination.inner-creative.branding-creative.lblue-bg img {
    margin-top: -50px;
}
section.creative-determination.inner-creative.branding-creative {
    background: #fffdff;
}

.contact-detail span {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #6a6e79;
}

.contact-detail p, .contact-detail a {
    font-size: 15px;
    color: #848894 !important;
}

section.contact-us h2 {
    color: #282828;
    font-weight: 700;
}

.popupform ul li i.fa.fa-phone {
    transform: rotate(90deg);
}


.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 input[type="tel"], .popupform ul li textarea{background:#ffffff;border:#dedede 2px 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: #f80223;}
.popupform ul li textarea{height:161px;}
.popupform ul li.last{text-align:center;}
.popupform ul li [type="submit"]{background: #f80223;color:#fff;font-size:18px;border: #f80223 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: #f80223;}
.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: 436px;border-radius: 23px;padding: 31px 20px;overflow:visible;border-bottom: #f80223 5px solid;}
.popupform h2{font-size:28px;color: #f80223;font-weight: 700;padding-left:15px;border-left: #f80223 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: #f80223 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: #f80223;font-size:25px;right:4px;}
.popupform ul {
    margin: 0;
}
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 {
    font-weight: 600;
    font-size: 19px;
    color: #0a60b5;
    margin: 22px 0 7px;
}
.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;
}
.our-recentwork figure img {
    max-width: 100%;
}
.our-recentwork figure:hover {
    transform: scale(1.05);
}












.home-video video{position:absolute;top: 132px;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-100;transform:translateX(-50%) translateY(-50%);background:url('../images/our_banner.jpg') no-repeat;background-size:cover;transition:1s opacity;z-index: 0;}


.home-video:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000008a;
    z-index: 1;
}

.home-video .container {
    z-index: 5;
    position: relative;
}



.top-head ul {
    display: inline-block;
}

.top-head .topylink li a {
    font-weight: 400;
}

.top-head .topylink {
    margin-right: 10px;
    border-right: 1px solid #ccc;
    padding-right: 13px;
}

header .top-head li:last-of-type {
    margin-right: 0;
}

.type-of-websites p {
    color: white;
    font-size: 16px;
}
.our-work .ul-col-sl-2 {margin: 0 5px;}



.our-pricing-plans .element-item {
    width: inherit !important;
    height: auto !important;
    padding: 0;
}

.our-pricing-plans .our-pricing-plans {
    background: none;
    border: none;
    overflow: visible;
    padding: 0;
}

.our-pricing-plans .our-pricing-plans h3 {
    display: none;
}

.our-pricing-plans .our-pricing-plans p {
    display: none;
}
.our-pricing-plans .grid.row {
    overflow: visible;
    padding: 0 !important;
}

section.our-pricing-plans .our-pricing-plans:after {
    display: none;
}
.our-pricing-plans .element-item:hover img {
    transform: inherit;
    background: none;
    box-shadow: inherit;
}
.our-pricing-plans ul.nav-tabs li a {
    border-color: inherit !important;
    border: 0;
    padding: 10px  50px;
    border-radius: 0;
    color: #fff;
    padding: 3px 20px;
    border-radius: 5px;
    color: #9598a1;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
}

.our-pricing-plans ul.nav-tabs li {
    background: none;
    border: none;
    display: inline-block !important;
    float: none;
}

.our-pricing-plans .nav-tabs {
    border: none;
    text-align: center;
    width: 100%;
    display: inherit;
}

.our-pricing-plans ul.nav-tabs li a.active {
    color: #fff;
    background-color: #f80223;
    background: linear-gradient(to right, #f80223 0%, #919396 100%);
}
.privacy-banner img {
    height: 300px;
}
.privacy-banner .caption{
    top: 40%;
}
.privacy-banner .caption h1{
    margin: 0;
}

.static-content p {
    font-size: 15px;
    color: #5f5f5f;
}

.static-content {
    padding: 60px 0;
}


.static-content ul {
    padding-left: 30px;
    margin-bottom: 15px;
}

.static-content ul li {
    font-size: 15px;
    color: #5f5f5f;
    margin-bottom: 10px;
    list-style-type: disc;
    padding-left: 5px;
}

.static-content a {
    color: #f80223;
    font-weight: 600;
}

.pricing-packk .carousel-item {
    width: 33% !important;
    float: left;
}

.pricing-packk .owl-item.cloned{
    display: none !important;
}
.pricing-packk .owl-stage{
    transform:none !important;
    transition: none !important;
    width: auto !important;

    display: flex;
    align-self: center;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

}

.pricing-packk .owl-item{
    width: 32% !important;
    /* float: left; */
}
.pricing-packk .owl-nav{
    display: none !important;
}
.slick-slide{
    height: auto !important;
}


.our-reviews .review-listing .content {
    overflow: auto;
    position: relative;
    max-width: 100%;
    padding: 20px 0;
    height: calc(100vh - 126px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



.our-reviews .review-listing .mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: #f802232e;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}

.our-reviews .review-listing .mCSB_scrollTools .mCSB_dragger {
    height: 80px !important;
}

.our-reviews .review-listing .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #f80223;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}

button.owl-next.disabled i {
    cursor: not-allowed;
}
button.owl-next.disabled:before {
    display: none;
}


button.owl-prev.disabled i {
    cursor: not-allowed;
}
button.owl-prev.disabled:before {
    display: none;
}
button.owl-prev.disabled i {

}

section.our-banner.inner-banner.text-left.privacy-banner {
    height: 300px;
}


.pricing-packk .btn-block {
    display: none;
}

section.whychoose span {
    font-size: 14px;
    font-weight: 500;
    display: block;
    color: #010101;
    width: 60%;
    margin: 0 auto 30px;
}

section.whychoose p {
    font-size: 13px;
    color: #8e929c;
    line-height: 24px;
    width: 90%;
    margin: 0 auto 20px;
}

.strip {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    padding: 3px 11px !important;
    display: inline-block;
    position: absolute;
    right: 18px;
    top: 18px;
    border-radius: 3px 3px 0px 0px;
    z-index: 5;
}
.strip.best-seller{
    background: #ff0000;
    color: white;
    border-radius: 3px 3px 0px 0px;
    left: inherit;
    top: 16px;
    right: 18px;
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 500;
    padding: 3px 11px;
}

.our-reviews .review-blog h5 i {
    padding: 5px;
    background: white;
    border-radius: 8px;
}
.our-reviews .review-blog p:before{
    content: "\f10d";
    color: white;
    position: absolute;
    left: -40px;
    top: -60px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 40px;
}




.pfimg.video figure{
    height: 138px;
    overflow: hidden;
}
.pfimg.video figure img{
    margin-top: -25px;
}

.leftcat button.is-checked {
    color: black;
    font-weight: 700;
}

.our-pricing-plans .package .listing ul li.heading {
    font-weight: 700;
}


.our-pricing-plans .package .listing ul li.heading:before {
    display: none;
}

section.aboutsec2 .col-md-7 p {
    font-size: 16px;
}

.countsec ul li span#number2:after {
    content: '+';
    font-size: 50px;
    margin-left: 2px;
}

.countsec ul li span#number3:after {
    content: '%';
    font-size: 50px;
    margin-left: 2px;
}

section.absec-3 ul li img {
    max-width: 40%;
}

.strip.budget-seller {
    background: #992abe;
    color: white;
}
.submenu-hd, .submenu-toggle {
    display: none;
}

.our-combopack h6 {
    margin: 10px 0 10px;
    font-size: 13px;
    font-weight: 700;
    position: relative;
    display: inline-block;
}
.our-recentwork p {
    color: #8e929c;
    font-size: 16px;
    margin-bottom: 30px;
    padding: 0 100px;
}

footer img {
    max-width: 160px;
}
ul.footer-quicklinks {
    text-align: right;
}


a#loadMore {
    clear: both;
}








a#loadMore, #showMore {
    display: table;
    margin: 0px auto 0;
    text-align: center;
    width: auto;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    outline: 0px !important;
    padding: 10px 30px;
    border-radius: 9px;
    text-transform: uppercase;
    border: none;
    font-weight: 700;
    background: #ef0727;
    background: -moz-linear-gradient(left, rgba(210,42,67,1) 0%, rgba(240,118,10,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(210,42,67,1)), color-stop(100%, rgba(240,118,10,1)));
    background: -webkit-linear-gradient(left, #f60324 0%, #a53a4e 100%);
    background: -o-linear-gradient(left, rgba(210,42,67,1) 0%, rgba(240,118,10,1) 100%);
    background: -ms-linear-gradient(left, rgba(210,42,67,1) 0%, rgba(240,118,10,1) 100%);
    background: linear-gradient(to right, rgb(248, 2, 35) 0%, #a23d50 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d22a43', endColorstr='#f0760a', GradientType=1 );
}



#showMore {
    margin-top: 32px;
    clear: both;
    display: block;
}

.grid:after {
    display: block;
    clear: both;
    content: "";
}




.hidden{visibility:hidden;
    width:0px!important;
    height:0px!important;
    margin:0px!important;
    padding:0px!important;
}

.filters {
    min-height: 890px;
}
ul.footer-quicklinks li {
    display: inline-block;
    margin: 0 4px;
    font-size: 12px;
}

.social .price p {
    color: #000;
    font-size: 12px;
    display: block;
    padding: 5px 25px;
    text-align: left;
    margin: 0;
}

.our-pricing-plans .package .content p {
    color: #000;
    font-size: 12px;
    display: block;
    padding: 5px 25px;
    text-align: left;
    margin: 0;
    line-height:20px;
}

.item.social .package.adver .left {
    width: 100%;
    text-align: left;
}

.item.social .package.adver .left h5 {
    color: white;
    margin: 0;
    padding: 10px 0;
}

section.our-pricing-plans.social-packages h3 {
    display: block;
    margin: 30px 0 0;
}

.digisocial .advertise{
    display:none;
}

.zz button.button.is-checked {
    background: transparent !important;
    color: #de542e;
}


.review-blog#review1{background: url("../images/new-review-1.jpg")no-repeat;}
.review-blog#review2{background: url("../images/new-review-2.jpg")no-repeat;}
.review-blog#review3{background: url("../images/new-review-3.jpg")no-repeat;}
.review-blog#review4{background: url("../images/new-review-4.jpg")no-repeat;}
.review-blog#review5{background: url("../images/new-review-5.jpg")no-repeat;}
.review-blog#review6{background: url("../images/new-review-6.jpg")no-repeat;}
.review-blog#review7{background: url("../images/new-review-7.jpg")no-repeat;}
.review-blog#review8{background: url("../images/new-review-8.jpg")no-repeat;}
.review-blog#review9{background: url("../images/new-review-9.jpg")no-repeat;}
.review-blog#review10{background: url("../images/new-review-10.jpg")no-repeat;}
.review-blog#review11{background: url("../images/new-review-11.jpg")no-repeat;}



.lp-banner {
    background-image: url(../../lp/assets/images/newlpban.html) !important;
    position: relative;
    height: 620px !important;
}

.lp-banner ul.yel-list li {
    display: inline-block;
    margin-right: 13px;
    width: 33%;
    margin-bottom: 8px;
}

.lp-banner  ul.yel-list li img {
    width: 12px;
    margin-right: 6px;
}

.lp-banner:before {
    background: #0000008f;
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
}
.inner-banner h1 b {
    color: #ff000e;
    font-weight: 700;
    font-size: 44px;
}
.lp-banner  img {
    width: auto;
}

.lp-banner a.custom-btn.small-btn.various {
    margin: 10px 0 20px;
    font-weight: 700;
    border-radius: 73px;
    padding: 13px 36px;
    font-size: 16px;
    text-transform: capitalize;
    color: #FFF;
    margin-top: 16px;
    background: rgba(210,42,67,1);
    background: -moz-linear-gradient(left, rgba(210,42,67,1) 0%, rgba(240,118,10,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(210,42,67,1)), color-stop(100%, rgba(240,118,10,1)));
    background: -webkit-linear-gradient(left, rgba(210,42,67,1) 0%, rgba(240,118,10,1) 100%);
    background: -o-linear-gradient(left, rgba(210,42,67,1) 0%, rgba(240,118,10,1) 100%);
    background: -ms-linear-gradient(left, rgba(210,42,67,1) 0%, rgba(240,118,10,1) 100%);
    background: linear-gradient(to right, rgba(210,42,67,1) 0%, rgba(240,118,10,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d22a43', endColorstr='#f0760a', GradientType=1 );
}

.lp-banner a.custom-btn.small-btn.various span {
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}


.banner-form {
    width: 100%;
    background: #ffffff;
    color: #000;
    position: relative;
    box-shadow: #0000003b 0 11px 92px;
    float:  right;
    border-radius: 20px;
    z-index: 3;
    overflow: hidden;
    margin-top: 110px;
}

.banner-form h2 {
    padding: 0;
    margin: 0;
    color: #fff;
    font-size: 77px;
    position: relative;
    background: #1d38c6;
    width: 128%;
    margin-left: -40px;
    margin-top: -30px;
    text-align: center;
    margin-bottom: 20px;
}

.banner-form h2 sup {
    display: inline-block;
    top: -6px;
    left: 4px;
}

.banner-form h2 sub {
    display: inline-block;
    font-size: 17px;
    position: absolute;
    left: 193px;
    top: inherit;
    bottom: 44px;
}

.banner-form h2 span {
    display: inline-block;
    color: #f6cf0b;
    font-size: 17px;
    font-style: italic;
    width: 100px;
    padding-left: 54px;
    text-align: left;
    margin-top: -6px;
}

.banner-form select, .banner-form input {
    width: 97%;
    padding: 7px 17px;
    margin-bottom: 10px;
    border-radius: 50px;
    border: 2px solid #e4e4e4;
    background: #e4e4e4;
    font-size: 12px;
    color: #000000;
    font-weight:500;
    outline: 0px none !important;
    font-family: 'Poppins', sans-serif;
    height: 43px;
}
.banner-form textarea {
    min-height: 80px;
    width: 96%;
    padding: 10px 17px;
    margin-bottom: 10px;
    border-radius: 12px;
    border: 2px solid #e4e4e4;
    outline: none;
    font-size: 13px;
    line-height: normal;
    color: #000000;
    font-weight:500;
    font-family: 'Poppins', sans-serif;
    background: #e4e4e4;
}
.banner-form input[type="submit"] {
    border: none;
    box-shadow: none;
    border-radius: 50px;
    padding: 10px 40px;
    margin-top: 0px;
    text-transform: capitalize;
    margin-bottom: 0;
    cursor: pointer;
    letter-spacing:  1px;
    font-size: 14px;
    width: 100%;
    margin: 0 auto !important;
    display: block !important;
    color: #fff;
    font-weight: 500;
    background: rgba(210,42,67,1);
    background: -moz-linear-gradient(left, rgba(210,42,67,1) 0%, rgba(240,118,10,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(210,42,67,1)), color-stop(100%, rgba(240,118,10,1)));
    background: -webkit-linear-gradient(left, rgba(210,42,67,1) 0%, rgba(240,118,10,1) 100%);
    background: -o-linear-gradient(left, rgba(210,42,67,1) 0%, rgba(240,118,10,1) 100%);
    background: -ms-linear-gradient(left, rgba(210,42,67,1) 0%, rgba(240,118,10,1) 100%);
    background: linear-gradient(to right, rgba(210,42,67,1) 0%, rgba(240,118,10,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d22a43', endColorstr='#f0760a', GradientType=1 );
}
section.content-sec-lp2 {
    background: #fff;
    box-shadow: #00000040 0 0 5px;
    padding: 60px 0 60px;
    color: #727272;
}
.banner-form select:focus, .banner-form input:focus, .banner-form textarea:focus {
    border: 2px solid #3d59e8;
    outline: none;
}



.newlay {
    border: #e4e4e4 solid 1px;
    padding: 20px 20px;
    border-radius: 0;
    z-index: 1;
    margin-top: 8px;
    background: #ffffff;
    position: relative;
}

.newlay:before, .newlay:after {
    content: "";
    position: absolute;
    top: -50px;
    left: -7px;
    background: #ed3833;
    width: 8px;
    height: 100%;
    border-radius: 100px;
    z-index: -1;
}
.newlay:after {
    left: inherit;
    right: -7px;
}

.banner-form h3 {
    text-align: center;
    font-size: 22px;
    color: #000000;
    padding: 18px 0 0;
    font-weight: 600;
    margin-bottom: 0;
}

.banner-form h3 span {
    color: #db3f3b;
}

section.review-mobile {
    display: none;
}

section.review-mobile {
    padding: 10px 0 0;
}

section.review-mobile h2 {
    margin: 0 0 20px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
}

section.review-mobile figure {
    margin: 0;
    position: relative;
    overflow: hidden;
}

section.review-mobile figure img {
    max-width: 100%;
}

section.review-mobile figcaption {
    position: absolute;
    top: 0;
    left: -100%;
    background: #000000b0;
    height: 100%;
    width: 100%;
    padding: 0 25px 0;
    transition: 0.5s;
    display: flex;
    flex-direction: column;
    /* height: 100vh; */
    justify-content: center;
}

section.review-mobile figcaption * {
    color: white;
}

section.review-mobile figcaption ul li {
    display: inline-block;
    font-size: 11px;
}

section.review-mobile figcaption p {
    margin: 0;
    font-size: 11px;
}

section.review-mobile figcaption ul {
    margin: 3px 0 10px;
}

section.review-mobile figcaption span {
    display: block;
}

section.review-mobile figcaption h6 {
    font-size: 12px;
    margin: 0;
}

section.review-mobile figcaption ul li i {
    color: gold;
}

section.review-mobile figure:hover figcaption {
    left: 0;
}

section.review-mobile figcaption p:before {
    content: "\f10d";
    color: white;
    position: relative;
    left: -11px;
    top: 1px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 25px;
}

section.review-mobile figcaption p:first-letter {
    padding-left: 10px;
}

.pfimg.website {
    height: 235px;
}

.fnpricing-page header nav, .fncombo-page header nav {
}
.fnpricing-page .main-menu li.active:after {
    display: none;
}
.fncombo-page .main-menu li.active:after {
    display: none;
}
.fncombo-page .our-banner{
    margin-top: 0;
}
.pfimg figure {
    margin-bottom: 10px;
}

section.promises img {    max-width: 560px !important;}
.our-combopack .bundle-img img {
    max-width: inherit !important;
}

.pfimg.video {
    width: 30% !important;
    overflow: hidden;
    height: 137px !important;
    min-height: inherit !important;
    margin: 5px 5px;
}

.pfimg.video figure {
    margin-bottom: 0 !important;
}
.videofolio figure img {
 }


.videofolio figure video {
	width: 100%;
	height: 100%;
}


.videofolio figure {
    overflow: hidden;
    height: 200px;
}

span.plan {
    font-size: 11px;
    position: relative;
    top: 0;
    background: #cf2e48;
    padding: 3px 12px;
    color: #fff;
    display: block;
    width: 90%;
    display: none;
    margin: 5px auto;
}
.mg-left-176-pkg {
    margin-left: 176px;
}
span.plan1{
    display: block;
    font-size: 11px;
    margin-top: 5px;
    background: #7b7b7b;
    color: #fff;
    padding: 3px 6px;
    width: 90%;
    margin: 5px auto;
    display: none;
}

span.plan2{
    display: block;
    font-size: 10px;
    margin-top: 5px;
    background: #7b7b7b;
    color: #fff;
    padding: 3px 6px;
    width: 90%;
    margin: 5px auto;
    display: none;
}
.package.seo-d p {
    display: block;
    padding: 0 20px;
    font-size: 11px;
    line-height: 18px;
    text-align: left;
    margin-bottom: 0;
    margin-top: 10px;
}


section.main-slider {
    background: transparent;
    padding: 0;
}

section.main-slider .bx-wrapper {
    margin-bottom: 30px;
    box-shadow: none;
    border: none;
}

section.main-slider img {
}

section.main-slider .caption {
    position: absolute;
    top: 30%;
    width: inherit;
}

section.main-slider .caption * {
    color: white;
}

section.main-slider .caption .scroll-down {
    margin-top: 40px;
}

section.main-slider .caption h2 {
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 20px;
}

section.main-slider .caption p {
    font-size: 16px;
}

section.main-slider .caption h2 {
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 20px;
}

section.main-slider .caption p {
    font-size: 16px;
}

.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #0f6ce2;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: transparent;
    border: 1px solid #0f6ce2;
}

.bx-wrapper .bx-controls-direction a{
    display:none !important;
}

@media only screen and (max-width: 980px) and (min-width: 320px){


    .mobilex { display: block;}


    .our-place-order p img { width: 7%;}
    .our-place-order p a {
        font-size: 18px;
    }

.inner-data h1 { font-size: 28px;}
.creative-determination { min-height: auto;}
.owl-carousel .owl-stage-outer { margin: 20px 0 0 0;}

.our-pricing-plans h3 { margin-bottom: 40px !important;}
.our-pricing-plans {

    min-height: auto;
}


.our-testimonial button.slick-next.slick-arrow {
  
    background-size: 15px 27px;
}

.our-testimonial button.slick-prev.slick-arrow {
  
    background-size: 15px 27px;
}

ul.footer-quicklinks {
    text-align: center;
}

.cour-copyright .col-md-4 {
    display: block !important;
}

.slick-navthumb {
    margin-top: -63px;
    background: #f7f7f7;
    height: 115px;
}

}