@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;500;700;900&display=swap');
@import url("https://site-assets.fontawesome.com/releases/v5.15.4/css/all.css");
@import url("https://use.typekit.net/wwx3qeq.css");
@import url("https://unpkg.com/boxicons@2.0.9/css/boxicons.min.css");
@import url("../css/icostyle.css");



:root {
  --light_white: #f8f8f8;
  --black: #000;  
  --white: #fff;
  --primary_color: #181818;
  --secondary_color: #1a1a1a;
  --font-family: Inter, sans-serif;
}



img {
  pointer-events: none;
}


/*Website Font USE/
font-family: 'Poppins', sans-serif;
/*Website Font USE*/


/*BEGIN: GENERAL CSS*/

/*html{
      scroll-behavior: smooth;
}*/

body {
  font-family: var(--font-family);
  overflow-x: hidden;
  font-size: 14px;
  line-height: 22px;
  color: #000;
  background: var(--primary_color);
}

body::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

body::-webkit-scrollbar-button:start:decrement,
body::-webkit-scrollbar-button:end:increment {
  display: none;
}

body::-webkit-scrollbar-track-piece {
  background-color: #f4f4ec;
  -webkit-border-radius: 0px;
  border-left: 1px solid #ccc;
}

body::-webkit-scrollbar-thumb:vertical {
  -webkit-border-radius: 0px;
  background: var(--secondary_color);
}

/*::selection {*/
/*  color: var(--white);*/
/*  background: var(--secondary_color);*/
/*}*/

a {
  text-decoration: none;
  color: #000;
  font-family: var(--paragraph-font);
}

a:hover,
a:focus {
  text-decoration: none;
  color: #000;
}

a:hover {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
}

ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

p{
    color: #B1B5D3;
}

input[type="text"]:focus,
textarea:focus,
input[type="password"]:focus,
select:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  outline: none;
}

ul {
  padding: 0;
  margin: 0;
}



/*Header Section Begin*/

.logo__Sec__main img {
    width: 190px;
    margin-top: 0;
}

.logo__Sec__main a {
    display: inline-block;
}

header {
    background: rgba(33, 33, 33, .9);
    padding: 5px 0;
}

/* NAV */
.primary-menu {
    justify-content: space-between;
    color: var(--white);
    align-items: center;
    padding: 0 0 0 10px;
}

.primary-menu a {
    color: #ccc;
    font-weight: 600;
}

.main-nav {
    display: flex;
    align-items: center;
}

.menu-buttons {
    display: flex;
    align-items: center;
}

.menu-buttons .call-num ul {
    padding: 10px;
    margin: 0;
    display: flex;
    align-items: center;
}

.menu-buttons .call-num img {
    max-width: 30px;
}

.menu-buttons a {
    padding: 10px 10px;
    display: inline-block;
    border: none;
    width: auto;
    height: auto;
}

.main-nav .top-layer > a {
    padding: 10px 12px;
    line-height: 17px;
}

.btn-style {
    border-radius: 5px;
    display: inline-block;
    padding: 10px;
}

.grad-btn {
    background: linear-gradient(to right, var(--orange_color) 0, var(--pink_color) 100%);
    color: var(--white) !important;
}
.menu-side .mega-menu-nav {
    position: unset;
}

.header {
    position: relative;
}

.header > div,.header > div, .header > div > div, .header > div > div  > div {
    position: unset;
}

.mega-menu-nav .dropdown-menu {
    top: 94px !important;
    width: 100%;
    border-radius: 0;
    left: 0 !important;
    transform: none !important;
    min-height: calc(100vh - 97px);
    padding: 0 15px 15px;
    background: rgba(0, 0, 0, .8);
}

.mnav-opened {
    overflow: hidden;
}

.mnav-container {
    display: flex;
    color: #fff;
    background-color: #181818;
    max-width: 80%;
    margin: 0 auto;
}

.mnav-container .nav-pills {flex-direction: column;text-align: right;padding: 0;margin: 0;background-color: #222;}

.mnav-container .nav-pills a {
    background: none !important;
    border-radius: 0;
    font-size: 14px;
    font-weight: 400;
    padding: 24px 20px;
    border-bottom: 1px solid #363636;
    position: relative;
}

.mnav-container .nav-pills a.active {
    color: var(--orange_color);
}

.mnav-container .nav-pills a.active:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 2px;
    background: linear-gradient(to right, var(--orange_color) 0, var(--pink_color) 100%);;
}


.mnav-link li a {
    min-height: 60px;
    display: inline-block;
    width: 100%;
}

.mnav-link {
    position: relative;
    padding: 0px 0 0 65px;
    background-color: #222;
    margin: 0 0 15px;
}



.mnav-link .mnav-image {
    position: absolute;
    left: 0;
    top: 0;
}

.mnav-link .mnav-txt a {
    font-size: 14px;
    font-weight: 400;
    padding: 23px 0;
}

.mnav-ob > li {
    padding: 0 8px;
}

.mnav-ob {
    padding: 25px 25px 5px;
}

.mnav-link:hover {
    background: #363636;
}

.simple-drop .dropdown-menu {
    background: #1a1a1af7;
    font-size: 14px;
    font-weight: 400;
}

  /* NAV */


  .mobile-nav {
    position: fixed;
    width: 70%;
    height: 100%;
    overflow-y: scroll;
    top: 0;
    right: -80%;
    z-index: 12;
    background: var(--primary-color);
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
}

.mobile-nav .logo-main {
    font-size: 16px;
    color: #8795a0;
    padding: 15px 0 15px 24px;
    display: inline-block;
}

.mobile-nav img {
    width: 130px;
}

.mobile-nav nav {
    height: 100%;
}

.mobile-nav nav li a {
    color: #fff;
    font-weight: 400;
    display: block;
    padding: 15px 24px;
    border-top: 1px solid #d6d8db;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
font-size: 16px;}

.mobile-nav nav li a .fa {
    font-size: 20px;
    float: right;
}

.mobile-nav nav li ul {
    display: none;
    background: #fff;
}

.mobile-nav nav li ul li a {
    font-weight: 500;
    font-size: 14px;
color: #000;}

.app-container.active {
    left: -80%;
}

.app-container {
    position: relative;
    left: 0;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    display: block;
    }

.mobile-nav-btn {
    display: none;
    position: absolute;
    top: 4px;
    height: 30px;
    padding: 6px 7px;
    border-radius: 4px;
    right: 2%;
    z-index: 100;
    cursor: pointer;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    z-index: 14;
}

.mobile-nav-btn {
    display: none;
    z-index: 1;
    top: auto;
}

.mobile-nav-btn.active {
    right: -8%;
    z-index: 999999999;
    top: 1rem;
    }

.mobile-nav-btn span {
    display: none;
    height: 3px;
    width: 22px;
    background-color: var(--primary-color);
    display: block;
    margin-bottom: 6px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    position: relative;
    top: 8px;
}

.lines:before, .lines:after {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transition: top .3s .6s ease,-webkit-transform .3s ease;
    transition: top .3s .6s ease,transform .3s ease;
}


.mobile-nav-btn .lines:before {
    top: 0;
    content: "\f0c9";
    font-family: "Font Awesome 5 Pro";
    font-size: 38px;
    color: #fff;
    position: absolute;
    right: 0;
    background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
    padding: 16px 15px;
    border-radius: 5px;
    }

.mobile-nav-btn.active .lines:before {
        content: "\f00d";
background: #000;}

.mobile-nav.active {
    z-index: 9999999;
}

.mobile-nav.active {
    height: 100%;
    right: 0;
}

.mobile-nav ul {
    padding-top: 100px;
}

ul.firstlevel.unstyled {
    padding: 0;
}



/*Header Section End*/



/*Slider Section Begin*/

.banner__sec__main img.banner__img {
    width: 100%;
}

.banner__sec__main .carousel-caption {
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    left: 0;
    text-align: left;
    padding: 0;
    bottom: 0;
}

.banner__content__sec img {
    padding-bottom: 30px;
}

.banner__content__sec h1 {
    font-size: 20px;
    font-weight: 400;
    padding-bottom: 17px;
    width: 70%;
    line-height: 26px;
}

.point_ul li {
    font-size: 18px;
    line-height: 29px;
    position: relative;
    padding-left: 36px;
    padding-bottom: 5px;
    
}

.point_ul ul li:before {
    content: "\f00c";
    position: absolute;
    left: 0;
    top: 2px;
    color: #fbb84b;
    font-family: "Font Awesome 5 Pro";
    font-weight: bold;
    font-size: 21px;
}

.btn__web ul li a {
    color: #fff;
    background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
    font-size: 14px;
    padding: 20px 30px;
    transition: .5s;
    display: inline-block;
    border-radius: 5px;
    font-weight: 600;
}

.btn__web {
    padding-top: 30px;
}

.btn__web ul li a:hover {
    transform: translateY(-10px);
}

/*Slider Section End*/


.technology__sec__main {
    background: #520e21;
    background: linear-gradient(90deg, #520e21 0, #7c1c4a 42%, #31316d 100%);
    position: relative;
    padding: 50px 0;
}

section.technology__sec__main:after {
    content: '';
    position: absolute;
    background: #0000002b;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.logo__client_text h3 {
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: var(--white);
    letter-spacing: 5px;
}


/*Happy Cilent Section Begin*/

.cilent__happy {
    background: var(--white);
    text-align: center;
    /* padding: 50px 0; */
}

.happy_cilent__sec h4 {
    font-size: 15px;
    font-weight: 500;
    
}

.logos__happy ul li {
    display: inline-block;
    padding: 0 20px 0 0;
}

.logos__happy ul li img {
    width: 220px;
}

.happy_cilent__sec {
    padding-bottom: 20px;
}

/*Happy Cilent Section End*/


/*Services Section Begin*/

.padding_60{
  padding: 80px 0;
}

.conversion__text__sec h4 {
    color: var(--white);
    font-size: 26px;
}

.conversion__text__sec p {
    color: #eeeeee;
    font-size: 16px;
    line-height: 30px;
}

.conversion__text__sec a {
    color: #e80a89;
    font-size: 20px;
}

.services__custom {
    background-color: #222;
    box-shadow: 0 10px 30px -14px rgba(0, 0, 0, .3);
    padding: 15px;
    /* height: 220px; */
    transition: background-color ease-in .25s;
}

.container {
    max-width: 1400px;
}

.head__ser__cus h5 {
    font-weight: bold;
    color: var(--white);
    
    font-size: 18px;
    padding-bottom: 10px;
    line-height: 24px;
}

.head__ser__cus p {
    font-size: 14px;
    color: #cccccc;
    padding-left: 30px;
    line-height: 19px;
}

img.img-responsive.sers_icon {
    position: absolute;
    left: 0;
    width: auto;
}

.head__ser__cus {
    position: relative;
}

.icon__custom {
    background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
    padding: 1rem
}

.icon__custom i {
    font-size: 3rem;
    color: white;
}

.services__sec__conversions .slick-slide{
  margin: 0;
}


.services__sec__conversions .slick-next:before, 
.services__sec__conversions .slick-prev:before{
  font-family: "Font Awesome 5 Pro";
      font-size: 30px;
}

.services__sec__conversions .slick-prev {
    right: auto;
    left: 10px;
}

.services__sec__conversions .slick-next {
    right: -50px;
}

.services__sec__conversions .slick-next, 
.services__sec__conversions .slick-prev {
    top: 95px;
    background: transparent;
}

/*Services Section End*/

/*our Portfolio Section Begin*/

.our__porfolio__sec {
    background: var(--secondary_color);
}


 .tab__menu ul {
    justify-content: center;
    border: 0;
    border: 1px solid #555;
    border-radius: 30px;
    display: inline-flex;
    margin: 0 auto;
}

 .tab__menu ul li a {
    padding: 10px 26px;
    border: 0 !important;
    border-radius: 30px !important;
    font-size: 12px;
    color: var(--white);
    font-weight: 400;
    
}

.tab__menu {
    text-align: center;
}

.portfolio__img__sec a {
    display: inline-block;
}

.portfolio_imgThumbnail {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.portfolio_imgThumbnail img {
    width: 100%;
    transition: all 0.5s ease-in-out;
}

.portfolio_imgThumbnail:hover::before {
    content: "\f002";
    font-family: "Font Awesome 5 Pro";
    font-size: 60px;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 0 10px rgb(0 0 0 / 25%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 1;
}

.portfolio_imgThumbnail:hover::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(56 46 106 / 55%);
    pointer-events: none;
}

.portfolio_imgThumbnail:hover img {
    transform: scale(1.2);
}

.portfolio_imgThumbnail a {
    display: inline-block;
}

/*our Portfolio Section End*/


/*Website Year Section Begin*/

.website__year {
    background-color: #222;
    padding: 90px 0 60px;
}

.year__web__img img {
    width: 100%;
}

.head__img {
    padding-bottom: 30px;
}

.year__content__sec p {
    color: #cccccc;
    font-size: 17px;
    font-weight: 300;
    width: 80%;
    line-height: 28px;
    margin-bottom: 30px;
}

.year__content__sec li {
    position: relative;
    padding-bottom: 10px;
}

.year__content__sec li span {
    position: absolute;
    left: 0;
}

.year__content__sec li span img {
    width: 50px;
}

.year__content__sec li h3 {
    color: var(--white);
    font-size: 18px;
}

.year__content__sec li p {
    font-size: 16px;
    line-height: 27px;
}

/*Website Year Section End*/


/*CTA Section Begin*/

.cta__sec__main{
  background: var(--secondary_color);
  padding: 30px 0;
}

.cta__content h6 {
    color: var(--white);
    font-size: 27px;
    padding-bottom: 10px;
}

.cta__content p {
    font-size: 16px;
    line-height: 26px;
    color: var(--white);
    margin-bottom: 0;
}

.perchan__main {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.perchan_text {
    text-align: right;
}

.perchan_text h4 {
    color: var(--white);
    font-size: 37px;
}

.perchan_text h5 {
    font-size: 31px;
    color: var(--white);
    
}

.web__btn ul li {
    display: inline-block;
}

.web__btn ul li a {
    transform: translateY(0);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    color: #fff;
    background-color: #e80a89;
    padding: 13px 27px;
    display: inline-block;
    margin-top: 20px;
    font-weight: 500;
    font-size: 16px;
    text-transform: capitalize;
    border-radius: 5px;
    margin-right: 10px;
    background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
}

.web__btn ul li a.btn__one {
    background: #fff;
    color: #e80a89;
    border-color: #fff;
}

.web__btn ul li a:hover {
    transform: translateY(-10px);
}

.center__content_sec h2 {
    font-size: 44px;
    color: var(--white);
    line-height: 60px;
}

.center__content_sec h2 span {
    color: #f89521;
}

/*CTA Section End*/

.packages__price {
    background-color: #fff;
    padding-top: 50px;
    position: relative;
    padding-left: 4rem;
}

.packages__price h6 {
    
    font-size: 30px;
    color: var(--white);
    color: black;
}
.packages__price h4 sub {
    color: #ff0042 !important;
}

.packages__price h4 {
    display: inline-block;
    color: #ff0042;
    font-size: 57px;
    
    position: relative;
}

.packages__price h5 {
    display: block;
    padding: 13px 10px;
    font-size: 16px;
    color: #fff;
    text-decoration: line-through;
    text-align: right;
    background-color: #7f7f7f;
    float: right;
    position: relative;
}

.packages__price h5:before {
    position: absolute;
    width: 10px;
    height: 10px;
    z-index: 9;
    background-color: transparent;
    left: -18px;
    content: "";
    width: 0;
    height: 0;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 18px solid #7f7f7f;
    transform: rotate(180deg);
    top: 0;
}

.packages__price h4 sub {
    position: absolute;
    top: 20px;
    left: -18px;
    font-size: 25px;
    color: #ccc;
}

.price__btn ul li a {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.1;
    padding: 15px 30px;
    white-space: normal;
    border-radius: 5px;
    color: #fff !important;
    background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    transition: box-shadow .3s ease-in-out;
    margin: 0 0 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: .5s;
    
}



.price__btn ul li {
    display: inline;
}

.price__short p {
    font-size: 15px;
    margin: 0 auto;
    color: black;
    line-height: 27px;
    padding-left: 0;
}

.packages__list {
    padding: 30px 30px;
}

.packages__list span {
    font-size: 19px;
    color: black;
    font-weight: 300;
    
    border-bottom: 1px solid #ccc;
    width: 100%;
    display: block;
    padding-bottom: 20px;
    margin-bottom: 20px;
}


.packages__list ul::-webkit-scrollbar {
  width: 6px;
  background: #ccc;
  border-radius: 0;
  border-left: 1px solid #ccc;
}

.packages__list ul::-webkit-scrollbar-thumb {
  background: #000;
  border-radius: 0;
}

.packages__list ul li {
    font-size: 16px;
    color: black;
    padding-bottom: 10px;
    font-weight: 300;
    
    padding-left: 31px;
    position: relative;
}

.packages__list ul {
    height: 255px;
    overflow-y: auto;
}

.packages__list ul li:before {
    content: '';
    height: 20px;
    border-radius: 100px;
    display: inline-block;
    margin-right: 5px;
    position: absolute;
    top: 0;
    background-color: #4b4b4b;
    left: 0;
    content: "";
    width: 20px;
}

.packages__list ul li:after {
    content: "";
    display: block;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    position: absolute;
    top: 4px;
    left: 7px;
}

span.circle {
    width: 6px;
    height: 6px;
    background: #ea1788;
    border-radius: 50px;
    display: inline-block;
    margin-left: 10px;
    position: relative;
    vertical-align: middle;
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0;
}


span.circle:after {
  position: absolute;
    content: "";
    top: -3px;
    left: -3px;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #e80a89;
    width: 12px;
    height: 12px;
}

.packages__box {
    margin-bottom: 40px;
    position: relative;
    background-color: white;
    border-radius: 1rem !important;
    overflow: hidden;
    transition: 0.5s ease-in-out;
}
.packages__box:hover {
transform: scale(1.1);
transition: 0.5s ease-in-out;
}

.packages__box:hover .packages__title h5 {
    background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
}

.packages__box:hover .packages__title h5:before {
    border-left:19px solid #f05a28;
}

.pricing_plan--save.promo {
    font-size: 14px;
    padding: 7px;
    background: #ffba0e;
    color: #000;
    text-align: center;
    font-weight: 500;
    position: absolute;
    top: 0;
    z-index: 99;
    width: 100%;
}



/*Review Section Begin*/

.our__review__sec {
    background-color: #222;
}

.review__box {
    background: var(--white);
    padding: 30px 30px;
    position: relative;
    height: 360px;
    margin-top: 40px;
}

.profile__review__box span {
    width: 70px;
    height: 70px;
    background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
    border-radius: 100%;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    padding: 16px 0;
    margin: -60px 0 20px;
    box-shadow: 8px 9px 30px #00000029;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
}

.profile__content h3 {
    
    font-size: 25px;
    font-weight: 900;
    line-height: 31px;
}

.content-holder p {
    font-size: 18px;
    line-height: 30px;
    color: var(--white);
}

.profile__content h3 span {
    font-size: 18px;
    color: #868686;
    display: block;
    font-weight: 500;
}

.profile__content p {
    font-size: 16px;
    line-height: 27px;
    color: var(--black);
}

.review__box:after {
    content: '"';
    color: #e80a89;
    position: absolute;
    top: 30px;
    right: 30px;
    font-size: 60px;
    font-weight: 700;
    line-height: 1;
}

.creative__text p {
    text-align: center;
    font-size: 18px;
    color: var(--white);
    font-weight: 300;
    display: inline-block;
    padding-right: 20px;
}

ul.review___btn {
    display: inline-block;
}

ul.review___btn li {
    display: inline-block;
}

.creative__text {
    text-align: center;
}

ul.review___btn li a {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.1;
    padding: 15px 30px;
    white-space: normal;
    border-radius: 5px;
    color: #fff;
    background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    transition: box-shadow .3s ease-in-out;
    margin: 0 0 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: .5s;
}

a.second__btn {
    background: transparent !important;
    color: #e80a89 !important;
    font-size: 20px !important;
}

.skill__dev__img img {
    width: 100%;
}

.our__review__sec .web__btn ul li {
    padding-left: 0;
}

.design__based .year__content__sec h2 {
    color: var(--white);
    font-size: 47px;
    line-height: 58px;
}

.design__based .web__btn ul li {
    padding-left: 0;
}

.design__based {
    background: url(../images/react-snippet.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 45%;
}


/*Review Section End*/


/*Contact Us Section Begin*/

.contact__form__sec {
    background: var(--secondary_color);
}

.center__content_sec p {
    font-size: 17px;
    color: var(--white);
    font-weight: 200;
}
.contact__form__tab {
    margin-bottom: -15rem;
    z-index: 99;
    position: relative;
}
.contact__form__tab input {width: 100%;margin: 0;border: 1px solid #b2b9c1;background: #fff;padding: 18px 15px;color: #000;font-size: 18px;font-weight: 400;height: 65px;border-radius: 5px;margin-bottom: 30px;}
.contact-bg {
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    background-image: url(../images/contact-img.webp);
}
.contact__form__sec .row {
    margin: 0 auto;
    max-width: 1000px;
    width: 100%;
}

.contact__form__tab label {
    font-size: 16px;
    color: var(--white);
}

.contact__form__tab textarea {
    height: 170px;
    margin-bottom: 30px;
}

.contact-field {
    background-color: #ececec !important;
    border-radius: 3rem !important;
}

.form-group textarea {
    border-radius: 1rem !important;
}

.contact__form__tab label span {
    color: red;
}

.contact__btn input {
    width: auto;
    height: auto;
    padding: 17px 40px;
    font-size: 19px;
    border: 0;
    background: #000;
    color: var(--white);
    cursor: pointer;
    transition: 0.5s ease-in-out;
}

.contact__btn input:hover {
    background-color: #1f1f1f;
}


/*Contact Us Section End*/


/*Footer Section Begin*/

footer{
  background-color: #222;
  padding: 15rem 0 29px;
}

footer .row {
    margin: 0 auto;
    max-width: 1000px;
    width: 100%;
}

.footer__head span {
    color: var(--white);
    font-weight: 600;
    font-size: 14px;
    padding-bottom: 20px;
    display: inline-block;
    
}

.footer__link__sec ul li a {
    color: #7c7c7d;
    font-weight: 500;
    line-height: 30px;
    
}

.row.location__div {
    margin: 80px auto 40px;
    border-top: 1px solid rgb(204 204 204 / 23%);
    padding: 30px 0;
    border-bottom: 1px solid rgb(204 204 204 / 23%);
}

.address__sec span {
    font-size: 17px;
    padding-bottom: 10px;
    display: inline-block;
    
    color: var(--white);
    font-weight: 500;
}

.address__sec ul li {
    font-size: 15px;
    line-height: 26px;
}

.address__sec ul li svg {
    width: 1.5rem !important;
}

.address__sec ul li p,.address__sec ul li a {
    color: #7c7c7d;
    font-size: 14px;
    font-weight: 400;
}

.footer__payment__icon img {
    width: 100%;
}

.social-media li a {
    background: none !important;
    border: none !important;
    padding: 0 !important;
}

.btn__footer ul li a {
    display: inline-block;
    padding: 8px 25px;
    background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
    color: #fff!important;
    border-radius: 5px;
    font-size: 16px;
    margin: 0 0 12px 6px;
    
}

.btn__footer ul li {
    display: inline-block;
}

.btn__footer ul li:nth-last-child(1) a {
    border: solid 1px #f05430;
    background: #0000;
    transition: .5s;
}

.btn__footer ul li {
    display: inline-block;
}

.btn__footer ul li a:hover {
    transform: translateY(-10px);
}

.copy__text p {
    color: #7c7c7d;
}

.links__term__sec ul li {
    display: inline-block;
    padding: 0 20px 0 0;
}

.links__term__sec ul li a {
    color: var(--white);
}

.links__term__sec {
    text-align: right;
}

/*Footer Section End*/

/*Inner Page Section Begin*/

.inner__banner 
.banner__content__sec h1 {
    font-size: 60px;
    line-height: 70px;
}

.inner__banner .banner__content__sec p {
    font-size: 18px;
    line-height: 30px;
    color: var(--white);
    font-weight: 300;
    width: 86%;
}

.inner__banner .btn__web ul li {
    display: inline-block;
}

li.second__rating {
    padding-left: 30px;
}


.inner__banner .btn__web ul {
    display: flex;
    align-items: center;
}

.inner__banner .btn__web ul li img {
    padding-bottom: 0;
}

.inner__banner .btn__web {
    position: relative;
}

.gif__rating {margin: -70px 0 0 -40px;z-index: 9;position: relative;width: 60px;}

.gif__rating img {
    width: 60px;
}

/*Inner Page Section End*/


/*Cilent Timeline Section Begin*/

.cilent__tab__sec {
    background: #131313;
    padding: 50px 0;
}


.cilent__tab__list {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cilent__tab__list span {
    position: absolute;
    left: 70px;
}

.cilent__tab__list p {
    font-size: 18px;
    color: var(--white);
    
    font-weight: 300;
    margin-bottom: 0;
    padding-left: 70px;
}

/*Cilent Timeline Section End*/


/*Services Section Begin*/

.services__tab ul li a {
    display: inline-block;
    padding-left: 0;
    margin: 0 4px 8px;
    font-size: 14px;
    padding: 7px 10px;
    border-radius: 0;
    cursor: pointer;
    text-align: center;
    background-color: #222;
    color: #fff;
    display: inherit;
    border-radius: 0 !important;
    border: 0 !important;
}

.services__tab ul li {
    width: 25%;
}

.services__tab ul li img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    height: 40px;
}

.services__tab ul {
    border: 0;
}

.services__tab ul li a.active img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.content__services__sec h4 {
    color: var(--white);
    font-size: 45px;
}

.content__services__sec p {
    font-size: 16px;
    line-height: 28px;
    color: var(--white);
    font-weight: 300;
    width: 90%;
}

.services__list__tab ul li {
    position: relative;
}

.icon__ser {
    position: absolute;
}

.content__list__ser {
    padding-left: 60px;
}

.services__list__tab {
    padding-top: 20px;
}

.content__list__ser h6 {
    font-size: 20px;
    color: var(--white);
    font-weight: 300;
    
}

.content__list__ser p {
    font-size: 15px;
    line-height: 27px;
}

.services__list__tab ul li {
    padding-bottom: 30px;
}

.skilled__sec__main {
    background-color: #222;
}

ul.year__list li {
    padding-left: 70px;
}

/*Services Section End*/


/*Looking Section Begin*/

.looking__sec__main {
    background-color: #e80a89;
}

.looking__sec__img img {
    width: 100%;
}

.looking__sec__main .year__content__sec h2 {
    font-size: 42px;
    color: var(--white);
}

.looking__sec__main .year__content__sec p {
    color: #fff;
    width: 100%;
}

/*Looking Section End*/

.php__banner img.banner__img {
    height: 750px;
    object-fit: cover;
}

.point_ul {
    padding-bottom: 25px;
}


.detail__banner {
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.detail__bannner__text {
    text-align: center;
}

.detail__bannner__text h3 {
    font-size: 60px;
    color: var(--white);
    line-height: 50px;
}

.detail__bannner__text h3 img {
    width: 250px;
}

.target__audience__sec {
    background: var(--white);
    padding: 140px 0;
    text-align: center;
}

.audience__text h4 {
    
    font-size: 40px;
    font-weight: bold;
    line-height: 50px;
    margin-bottom: 20px;
}

.audience__text p {
    font-size: 17px;
    color: var(--black);
    line-height: 28px;
    font-weight: 500;
}


.term__banner__Sec {
    height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.term__banner__content h1 {
    font-size: 64px;
    color: var(--white);
}

.term__content h3 {
    
    font-size: 20px;
    font-weight: bold;
    color: var(--white);
}

.term__content p {
    font-size: 16px;
    color: var(--white);
    line-height: 28px;
}

.term__content {
    padding-bottom: 20px;
}

.term__content p a {
    color: #e80a89;
}

.term__content ul li {
    font-size: 16px;
    color: var(--white);
    line-height: 30px;
    list-style: disc;
}

.term__content ul {
    padding: 0 20px;
}

.term__content ul li a {
    color: #e80a89;
}

/*Review Section Begin*/

.review__sec__main{
    background: var(--white);
    padding: 150px 0;   
}

.review__box__main {
    box-shadow: 0px 0px 20px rgb(0 0 0 / 30%);
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 80px;
    height: 320px;
}

.review__content__Sec p {
    font-size: 15px;
    line-height: 26px;
    color: var(--black);
}

.review__profile__sec span {
    background-image: linear-gradient(to right, #f05a28 0, #e80a89 100%);
    color: #fff;
    width: 100px;
    height: 100px;
    line-height: 100px;
    margin: 0;
    text-align: center;
    display: inline-block;
    font-size: 33px;
}

.review__profile__sec {
    width: 100px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    margin-top: -70px;
    box-shadow: 0 0 10px 2px rgb(0 0 0 / 10%);
    margin-bottom: 20px;
}

.review__author span {
    font-weight: bold;
    font-size: 18px;
}

.review__author ul li {
    display: inline-block;
    padding: 0 5px 0 0;
    font-size: 16px;
    color: #f9dd07;
}


.review__content__Sec p {
    max-height: 130px;
    padding-right: 15px;
    overflow-y: scroll;
}

.review__content__Sec p::-webkit-scrollbar {
  width: 1px;
}
.review__content__Sec p::-webkit-scrollbar-track {
  background-color: rgba(3, 21, 33, .1);
}
.review__content__Sec p::-webkit-scrollbar-thumb {
  background-color: #031521;
  height: 60px;
}


.contact__form__tab select {
    height: 65px !important;
    margin-bottom: 30px;
}

/*Review Section End*/


/* W CSS NEW */
.web__copy__sec .carousel-caption {
    position: unset;
}

.web__copy__sec {
    height: calc(100vh - 97px);
    background: linear-gradient(90deg, rgba(82,14,33,1) 0%, rgba(124,28,74,1) 42%, rgba(49,49,109,1) 100%);
    display: flex;
    align-items: center;
}
.web__copy__sec .banner__content__sec h1 {
    width: 100%;
}
.img-holder img {
    width: 100%;
}
.copy-sol .center__content_sec p {
    max-width: 56%;
    margin: 20px auto 20px;
}
.white-bg{
    background-color: var(--white);
}

.white-bg .center__content_sec h2 {
    color: #000;
}

.copy-boxes {
    text-align: center;
}

.copy-boxes img {
    width: 100%;
    max-width: 97px;
    margin: 0 0 15px;
}

.copy-boxes p {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
}

.inner-cb {
    background: #fff;
    box-shadow: 0px 0px 20px #d9d9d9;
    -moz-box-shadow: 0px 0px 20px #d9d9d9;
    -webkit-box-shadow: 0px 0px 20px #d9d9d9;
    padding: 35px;
    min-height: 195px;
    margin: 0 0 30px;
}

.timg-holder.ryt-img {
    text-align: right;
}

.timeline-sec .row:nth-child(even) > div:first-child {
    text-align:right;
}

.timeline-sec > div {
    align-items: center;
    position: relative;
}

.timeline-sec p {
    color: #000 !important;
    font-size: 16px !important;
}

.timeline-sec h4 {
    margin: 0 0 20px;
}

.hire-sec {
    background-color: #f4f4f4;
}

.hire-sec .center__content_sec h2 {
    color: #000;
}

.timeline-sec .step-no {
    background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
    color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    font-size: 20px;
    line-height: 48px;
}

.timeline-sec > div > div {
    padding: 0 50px;
    margin: 0 0 50px;
    position: unset;
}


.timeline-sec .row:nth-child(even) .step-no,.timeline-sec .row:nth-child(odd) .step-no {
    position: absolute;
    right: 0;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

.timeline-sec {
    position: relative;
    margin: 90px 0 0;
}

.timeline-sec:after {
    position: absolute;
    content: '';
    left: 50%;
    height: 100%;
    width: 1px;
    background-color: #c2c2c2;
    top: 0;
    z-index: 1;
}

.company-banner h1 {
    font-size: 42px !important;
    width: 100%;
    line-height: 47px !important;
}

.company-banner img {
    min-height: 500px;
    object-fit: cover;
}

.who-we-sec h4 {
    color: #e80a89;
}

.who-we-sec .logo-list {
    border: 5px solid #f4f4f4;
    padding: 20px 15px;
    margin: 40px 0 0;
    border-right:0;
}

.who-we-sec .logo-list .img-holder {
    max-width: 145px;
    margin: 0 auto;
}

.who-we-slider {
    padding: 60px 60px;
    background: linear-gradient(110deg, #F15B2A , #E80A89);
}

.who-we-slider p {
    color: #fff;
    font-size: 16px;
}

.who-we-sec .row > div:first-child {
    padding-right: 0;
}

.who-we-sec .row > div:last-child {
    padding-left: 0;
}
.explore-sec {
    position: relative;
}

.explore-sec:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 50%;
    content: '';
    background-image: url(../images/image-res.img.e22a1a38-da79-45fd-b252-4386c5f6fd1b.jpg);
    background-size: cover;
}

.explore-sec .content__services__sec {
    padding-left: 50px;
    color: #fff;
    font-size: 16px;
}

.explore-sec ul {
    padding: 0 0 0 35px;
    width: 80%;
}

.explore-sec li {
    position: relative;
    margin: 0 0 25px;
}

.explore-sec li:before {
    content: '\f00c';
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    position: absolute;
    left: -30px;
}

.end-to-end {
    background-image: url(../images/image-res.img.493c7d1d-6025-4605-9757-69e3ae8c300e.jpg);
    background-size: cover;
    position: relative;
}

.black-bar {
    position: absolute;
    left: 0;
    top: 50%;
    height: calc(100% - 160px);
    width: 50%;
    background-color: #1a1a1a;
    z-index: 1;
    transform: translateY(-50%);
}
.end-to-end .container{
    position: relative;
    z-index: 2;
}
.explore-sec h4 {
    margin: 0 0 40px;
}

.end-to-end .content-holder {
    padding: 60px 0;
    color: #fff;
}

.end-to-end .content-holder h3 {
    margin: 0 0 16px;
}

.button-white-border {
    border: 1px solid #fff;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    padding: 12px 20px;
    border-radius: 5px;
    font-weight: 500;
}
.solution-banner .banner__content__sec {
    text-align: center;
    color: #fff;
}

.solution-banner .banner__content__sec h1 {
    font-size: 42px !important;
    width: 100%;
    line-height: 47px !important;
    color: #000;
}

.solution-banner {
    padding: 100px 0;
    background-color: #fff;
}

.solution-banner .mini-txt {
    display: block;
    font-size: 14px;
    color: #f0592a;
    font-weight: 700;
}

.solution-banner p {
    color: #000;
    font-size: 15px;
}

.black-section {
    text-align: center;
}

.black-section strong {
    color: #fff;
    font-size: 40px;
    font-weight: 500;
}

.seek-startups h4,.seek-startups p {
    color: #000;
}

.seek-startups .seek-list {
    font-size: 15px;
}

.seek-startups .seek-list li {
    margin: 0 0 20px;
    width: 50%;
    float: left;
    color: #7c89a1;
}

.seek-startups .seek-list {
    display: inline-block;
    width: 100%;
    margin: 30px 0 0;
    list-style: circle;
    padding: 0 0 0 20px;
}

.seek-startups .web__btn {
    text-align: center;
    margin: 20px 0 0;
}

.black-with-txt p {
    font-size: 16px;
    color: #fff;
    margin: 0 0 25px;
}

.black-with-txt strong {
    font-size: 24px;
    line-height: 26px;
    font-weight: 700;
}
.bespoke .content__services__sec h4,.bespoke .content__services__sec p {
    color: #000;
}

.bespoke .content__services__sec h4 {
    margin: 0 0 20px;
    font-size: 35px;
}

.center-elements {
    text-align: center;
}

.bespoke .center-elements {
    margin: 60px 0 0;
}


.cus-focused h2 {
    font-size: 40px;
    color: #fff;
    margin: 0 0 20px;
}

.cus-focused {
    font-size: 15px;
}

.cus-focused h4 {
    color: #fff;
}

.cus-focused .img-holder {
    min-width: 70px;
    margin: 0 15px 0 0;
}

.cus-focused .cf-list img {
    max-width: 50px;
}

.cus-focused p {
    color: #7c7c7d;
}

.digital-sol h4 {
    margin: 15px 0;
}

.digital-sol p {
    font-size: 15px;
    color: #000;
}

.digital-sol .dsol-box {
    padding: 0 50px;
}

.main-wtn-sec ul li {
    display: inline-block;
    width: 30%;
    vertical-align: middle;
}
.main-wtn-sec ul li.sec {
    width: 40%;
    padding: 0 30px;
}
.main-wtn-sec ul li:last-child {
    width: 30%;
}
.crte-prf h3 {
    font-size: 18px;
    color: #fff;
    margin: 0 0 10px;
    padding: 0;

}
.crte-prf p {
    font-size: 16px;
    color: #fff;
    margin: 0;
    padding: 0;
}
.per-box1 {
    display: inline-block;
    width: 35%;
    vertical-align: top;
    padding: 25px 0 0 0;
}
.per-box1 figure {
    margin: 0;
}
.per-box2 {
    display: inline-block;
    width: 65%;
    vertical-align: top;
    text-align: right;
}
.per-box2 h3 {
    font-size: 38px;
    padding: 0;
    color: #fff;
    text-transform: uppercase;
}

.per-box2 h3 span {
    font-size: 25px;
}

.per-box2 h3 p {
    font-size: 19px;
    margin: 0;
    color: #fff;
}

.btn-theme2 {
    color: #f23386;
    background-color: #fff;
    padding: 10px 15px;
    display: inline-block;
    margin-top: 20px;
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
    border-radius: 8px;
    margin-right: 10px;
}

.btn-theme-outline1 {
    transform: translateY(0);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    color: #fff;
    padding: 10px 15px;
    border: 1px solid #f23386;
    background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
    border-radius: 8px;
    display: inline-block;
    margin-top: 20px;
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
}

.main-wtn-sec ul {
    display: flex;
    align-items: center;
}

.main-percent {
    display: flex;
    text-align: center;
}

.main-wtn-sec {
    max-width: 1000px;
    margin: 0 auto;
}

.main-pfrn-sec {
    padding: 40px 0;
}
.main-pfrn-sec .web__btn ul li a {
    padding: 10px 15px;
    margin: 0 0;
    white-space: nowrap;
}

.main-pfrn-sec .web__btn ul li {
    width: 50%;
    text-align: center;
    padding: 0 0px;
}

.white-button {
    background: #fff !important;
    color: #f23386 !important;
}
/* EW CSS NEW */

.web-copy-writing.banner__sec__main .banner__content__sec h2 {
    font-size: 56px;
    padding-bottom: 10px;
}

.web-copy-writing.banner__sec__main .banner__content__sec p {
    font-size: 20px;
    color: var(--white);
    width: 60%;
    line-height: 31px;
}

/* FRI */
.main-nav > .nav-item {
    border-radius: 5px;
}

.primary-menu a:hover {
    color: var(--white);
}

.grad-btn {
    color: #fff;
    background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
    font-size: 14px;
    transition: .5s;
    display: inline-block;
    border-radius: 5px;
    font-weight: 600;
    transition: all 350ms ease-in-out;
}
.grad-btn:hover {
    transform: translateY(-10px);
}

.cp-heading {
    position: relative;
    background: linear-gradient(to left, #f05a28 0, #e80a89 100%);
    text-align: center;
    padding: 15px 0;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid #ef4b3b;
}

.cp-heading h4 {
    color: #fff;
    font-size: 26px;
    font-weight: 800;
    margin: 0;
}

.cp-heading img {
    position: absolute;
    right: 40px;
    top: -17px;
}

.combo-pack-area {
    color: #f8f6fa;
}

.cp-two-col {
    padding: 44px 25px 25px;
    background-color: #222222;
    border-radius: 0 0 10px 10px;
}

.cp-total .lft-side strong {
    font-size: 24px;
    font-weight: 700;
    margin-left: 15px;
}

.cp-total .lft-side {
    display: flex;
    align-items: center;
}

.cp-total .ryt-side {
    display: flex;
    align-items: center;
    justify-content: end;
}

.cp-total .ryt-side strong {
    font-size: 43px;
    font-weight: 800;
    margin-right: 15px;
}

.cp-total .ryt-side del {
    color: #a8a8a8;
    font-size: 21px;
    font-weight: 400;
}

.cp-total {
    margin: 0 0 30px;
}

.cp-area .cp-head {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 20px;
}

.cp-area .cp-holder {
    margin: 0 0 30px;
}

.cp-list li {
    position: relative;
    padding: 0 0 5px 25px;
    border-bottom: 1px solid;
    margin: 0 0 5px;
}

.cp-list {
    height: 250px;
    width: 100%;
    overflow-y: auto;
    margin-bottom: 15px!important;
    padding-right: 20px!important;
    overflow-x: hidden;
}

.cp-list li:before {
    content: "\f00c";
    position: absolute;
    left: 0;
    top: 2px;
    font-family: "Font Awesome 5 Pro";
    font-size: 14px;
    font-weight: bold;
}

.cp-list::-webkit-scrollbar-thumb {
    background-color: #e80f83;
}

.cp-list::-webkit-scrollbar {
    width: 3px;    
}
.cp-list::-webkit-scrollbar-track-piece {
    background-color: #000;
    -webkit-border-radius: 0;
    border-left: 1px solid #888;
}

.cp-buy-pack .order {
    background-image: linear-gradient(to right, #f05a28 0, #e80a89 100%);
    transition: all ease 1s;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    padding: 9px 35px;
    margin: 15px 0 10px;
    width: 100%;
    text-align: center;
    text-decoration: none;
}

.cp-buy-pack p {
    margin: 0 0 5px;
    color: #f8f6fa;
    font-size: 12px;
}

.cp-buy-pack a:last-child {
    color: #fff;
    font-weight: 500;
    display: inline-block;
    margin: 9px 0 0;
}

.cp-buy-pack a:last-child i {
    margin-left: 10px;
}
/* EDN FRI */

.copy__banner .banner__content__sec p {
    font-size: 16px;
    line-height: 29px;
    color: var(--white);
}


/*Responsive Begin*/

.call__popup__sec .modal-content {
    background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
    border: 0;
    padding: 20px;
}

.call__popup__sec .modal-dialog {
    max-width: 570px;
}

.call__popup__sec .contact__btn input {
    width: auto;
    border-radius: 10px;
    height: auto;
}

.call__popup__sec .modal-header button {
    position: absolute;
    top: 0;
    right: 0;
    background: var(--black);
    opacity: 1;
    border-radius: 40px;
    text-shadow: none;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 10px;
    font-size: 35px;
    font-weight: 300;
}

.call__popup__sec .modal-header button span {
    position: relative;
    left: -2px;
    top: -2px;
}

.call__popup__sec .modal-header {
    border: 0;
    padding: 0;
}


.call__popup__sec .modal-body input {
    width: 100%;
    height: 60px;
    margin-bottom: 15px;
    border: 0;
}

.call__popup__sec .modal-body label {
    font-size: 17px;
    color: var(--white);
}

.thankyou_sec {
    background: var(--white);
}

.main-thankyou {
    text-align: center;
}
.thank-you .banner_content_sec h3 {
    width: 100% !important;
    font-size:80px !important ;
    color: #fff;
}

.main-thankyou i {
    font-size: 100px;
    margin-bottom: 10px;
    color: #f05a28;
}

.main-thankyou p {
    font-size: 19px;
    line-height: 33px;
    color: var(--black);
}

.main-thankyou a {
    font-size: 18px;
    color: var(--white);
    font-weight: 400;
    background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
    padding: 15px 30px;
    display: inline-block;
    border-radius: 5px;
    margin: 20px 0;
}

.main-thankyou a:hover {
    transform: translateY(-10px);
}

.intl-tel-input {
    max-width: 100%;
    display: block;
}

input.quote-form {
    height: 15px !important;
    width: 24px;
    visibility: visible !important;
    opacity: inherit !important;
    display: inline-flex !important;
    vertical-align: middle !important;
    margin-bottom: 0;
}

.CrudForm a {
    text-decoration: underline;
    font-weight: bold;
}

.contact__form__sec .form-group.col-12 {
    padding: 0;
    color: #fff;
}

.contact__form__sec .form-group.col-12 a {
    color: #fff;
}

@media (max-width: 1600px) {

img.banner__img {
    height: 710px;
    object-fit: cover;
}

.center__content_sec h2 {
    font-size: 40px;
    line-height: 55px;
}

.conversion__text__sec h4{
    font-size: 24px;
}

.conversion__text__sec a {
    font-size: 18px;
}

.year__content__sec li h3 {
    font-size: 17px;
}

.perchan_text h4 {
    font-size: 34px;
}

.perchan_text h5 {
    font-size: 28px;
}

.packages__price h6 {
    font-size: 26px;
}

.packages__price h4{
    font-size: 50px;
}

.inner__banner img.banner__img {
    height: 630px;
}

.banner__sec__main .banner__content__sec p {
    width: 80%;
}

.content__services__sec h4 {
    font-size: 40px;
}

.looking__sec__main .year__content__sec h2 {
    font-size: 38px;
}

.digital-sol p {
    font-size: 15px;
    color: #000;
    line-height: 25px;
}

.cus-focused h2 {
    font-size: 37px;
}

.term__banner__content h1 {
    font-size: 55px;
}

.term__content ul li {
    font-size: 15px;
    color: var(--white);
    line-height: 28px;
}


}

@media (max-width: 1440px) {

.services__sec__conversions .slick-next {
    right: -20px;
}

.container {
    max-width: 1330px;
}

.cta__content h6 {
    font-size: 25px;
}

.perchan_text h4 {
    font-size: 30px;
}

.perchan_text h5 {
    font-size: 24px;
}

.center__content_sec h2 {
    font-size: 37px;
    line-height: 50px;
}

.center__content_sec h2 {
    font-size: 34px;
    line-height: 50px;
    width: 80%;
    margin: 0 auto 30px;
}

.year__content__sec p{
    font-size: 16px;
}

.design__based .year__content__sec h2 {
    color: var(--white);
    font-size: 39px;
    line-height: 50px;
}

.banner__sec__main .carousel-caption{
    padding: 0 70px 0 100px;
}

.cilent__tab__list p {
    font-size: 17px;
}

.inner__banner .banner__content__sec h1 {
    font-size: 50px;
    line-height: 65px;
    width: 80%;
}

.mnav-link .mnav-image {
    position: absolute;
    left: 10px;
    top: 10px;
}

.mnav-link li a img {
    width: 80%;
}

.detail__bannner__text h3 {
    font-size: 56px;
}

.audience__text h4 {
    font-size: 37px;
    font-weight: bold;
    line-height: 45px;
}

.cus-focused p {
    color: #7c7c7d;
    width: 90%;
}

.content-holder p {
    font-size: 16px;
    line-height: 27px;
    color: var(--white);
    margin-bottom: 30px;
}

.cus-focused h4 {
    color: #fff;
    font-size: 21px;
}

}

@media screen and (min-width: 1200px) {
    .price__btn ul {
        display: flex;
        justify-content: space-around;
    }
}



.price__btn ul {
    text-align: center;
}

@media (max-width: 1366px) {

.container {
    max-width: 1240px;
}

.mega-menu-nav .dropdown-menu {
    top: 81px !important;
}

.cilent__tab__list p {
    font-size: 16px;
    padding-left: 100px;
}

.packages__list ul li {
    font-size: 15px;
}

.banner__sec__main .carousel-caption {
    padding: 0 130px 0 100px;
}

.inner__banner .banner__content__sec h1 {
    font-size: 45px;
    line-height: 60px;
    width: 90%;
}

.content__list__ser h6 {
    font-size: 17px;
}

.center__content_sec h2 {
    font-size: 32px;
    line-height: 40px;
    width: 80%;
    margin: 0 auto 30px;
}

.profile__content p {
    font-size: 15px;
    line-height: 25px;
}

.detail__bannner__text h3 {
    font-size: 49px;
}

.timeline-sec h4 {
    margin: 0 0 20px;
    font-size: 20px;
}


.copy__banner img.banner__img {
    height: 600px;
}

.copy__banner .banner__content__sec p {
    font-size: 16px;
    line-height: 29px;
    color: var(--white);
}

.content__services__sec p {
    font-size: 15px;
    line-height: 26px;
}

.creative__text p {
    font-size: 16px;
}

.content__services__sec h4 {
    font-size: 32px;
}

.explore-sec ul {
    padding: 0 0 0 35px;
    width: 90%;
}

.who-we-slider {
    padding: 40px 50px;
}


.solution-banner .banner__content__sec h1 {
    font-size: 37px !important;
}

.black-section strong {
    color: #fff;
    font-size: 30px;
}

.bespoke .content__services__sec h4 {
    margin: 0 0 20px;
    font-size: 31px;
}

.cus-focused h2 {
    font-size: 29px;
}

.cus-focused h4 {
    font-size: 19px;
}

.perchan_text h5 {
    font-size: 23px;
}

.perchan_text h4 {
    font-size: 26px;
}

.term__banner__content h1 {
    font-size: 43px;
}

.content-holder p {
    font-size: 15px;
}

.inner__banner .banner__content__sec p {
    font-size: 17px;
}

footer .row {
    max-width: 1100px;
}

.term__content ul li {
    font-size: 14px;
    line-height: 25px;
}

.review__box__main{
    padding: 25px;
}

.logo__Sec__main img {
    width: 150px;
    margin-top: 0;
}

.conversion__text__sec h4 {
    font-size: 21px;
}

.cus-focused h2 {
    font-size: 26px;
}

.digital-sol p {
    font-size: 16px;
    color: #000;
    line-height: 26px;
}


}

@media (max-width: 1200px) {

.main-nav .top-layer > a{
    font-size: 11px;
}

.menu-buttons a{
    font-size: 13px;
}

/* .banner__sec__main .carousel-caption {
    padding: 0 260px 0 50px;
} */

.banner__right__img img {
    width: 610px;
    position: relative;
    left: 60px;
}

.banner__content__sec img {
    width: 100%;
}

.banner__content__sec h1{
    width: 100%;
    font-size: 19px;
}

.point_ul li {
    font-size: 16px;
    line-height: 24px;
}

.btn__web ul li a {
    font-size: 11px;
    padding: 20px 9px;
}

.container {
    max-width: 1100px;
}

.tab__menu ul li a {
    padding: 10px 19px;
    font-size: 11px;
}

.packages__price h6 {
    font-size: 21px;
}

.packages__price {
    padding-top: 50px;
}

.packages__price h4 {
    font-size: 44px;
}

.packages__price h4 sub {
    top: 12px;
    left: -14px;
    font-size: 21px;
}

.packages__list ul li {
    font-size: 14px;
}

.packages__list ul {
    height: 255px;
    overflow-y: auto;
    overflow-x: hidden;
}

.design__based .year__content__sec h2 {
    color: var(--white);
    font-size: 34px;
    line-height: 45px;
}

.mega-menu-nav .dropdown-menu {
    top: 82px !important;
}

.gif__rating {
    margin: -70px 0 0 -35px;
    z-index: 9;
    position: relative;
    width: 50px !important;
}

li.second__rating {
    padding-left: 10px;
}

.banner__sec__main .banner__content__sec p {
    width: 100%;
}

.looking__sec__main .year__content__sec h2 {
    font-size: 30px;
}

.profile__content h3{
    font-size: 20px;
}

.profile__content h3 span {
    font-size: 16px;
}

.content__services__sec p {
    font-size: 14px;
    line-height: 22px;
}

.services__left__img img {
    width: 100%;
}

.inner__banner .banner__content__sec h1 {
    font-size: 41px;
    line-height: 50px;
    width: 100%;
}

.cilent__tab__list p {
    font-size: 15px;
}

.cilent__tab__list span img {
    width: 70%;
}

.audience__text h4 {
    font-size: 30px;
}

.detail__bannner__text h3 img {
    width: 230px;
    margin-top: -20px;
}

.detail__bannner__text h3 {
    font-size: 40px;
}

.packages__list span {
    font-size: 16px;
}

.company-banner h1 {
    font-size: 36px !important;
}

.explore-sec .content__services__sec {
    padding-left: 25px;
}

.content__services__sec h4 {
    font-size: 28px;
}

.explore-sec li {
    font-size: 14px;
}




}

@media (max-width: 1100px) {

.logo__Sec__main img {
    width: 170px;
}

.main-nav .top-layer > a {
    font-size: 11px;
    padding: 10px 9px;
}

.menu-buttons a {
    font-size: 12px;
}

/* .banner__sec__main .carousel-caption {
    padding: 0 240px 0 30px;
} */

.conversion__text__sec a {
    font-size: 15px;
}

.services__sec__conversions .slick-next {
    right: 0px;
}

.conversion__text__sec h4 {
    font-size: 18px;
}

.container {
    max-width: 990px;
}

.conversion__text__sec p {
    font-size: 15px;
    line-height: 26px;
}

.head__ser__cus h5{
    font-size: 15px;
    line-height: 21px;
}

.services__sec__conversions .slick-next {
    right: -30px;
}

.head__img img {
    width: 80%;
}

.year__content__sec.pl-5 {
    padding-left: 10px !important;
}

.price__btn ul li a{
    padding: 15px 17px;
    font-size: 12px;
}

.packages__list {
    padding: 20px 20px;
}

.price__short p {
    font-size: 14px;
    margin: 0 auto;
    color: black;
    line-height: 20px;
}

.packages__list ul li {
    font-size: 13px;
}

.packages__price h4 {
    font-size: 34px;
}

.packages__price h5{
    padding-left: 0px;
    width: 100%;
}

.packages__list ul li:before{
    top: 5px;
}

.packages__list ul li:after{
    top: 8px;
}

.packages__price h6 {
    font-size: 19px;
}

}

@media (max-width: 1024px) {

.menu-buttons {
    display: none;
}

.main-nav .top-layer > a {
    font-size: 13px;
    padding: 10px 15px;
}

.banner__sec__main .carousel-caption {
    padding: 0 40px 0 30px;
}


.banner__right__img img {
    width: 540px;
    position: relative;
    left: -30px;
}

.conversion__text__sec a {
    font-size: 13px;
}

.year__content__sec li h3 {
    font-size: 15px;
}

.year__content__sec li p {
    font-size: 15px;
    line-height: 23px;
}

.cta__content h6 {
    font-size: 20px;
}

.cta__content p {
    font-size: 15px;
    line-height: 23px;
}

.web__btn ul li a{
        padding: 13px 17px;
}

.perchan_text h5 {
    font-size: 20px;
}

.perchan_text h4 {
    font-size: 23px;
}

.center__content_sec h2 {
    font-size: 27px;
}

.review__box{
        height: 390px;
}

.year__content__sec p {
    font-size: 15px;
    width: 95%;
}

.design__based .year__content__sec h2 {
    color: var(--white);
    font-size: 29px;
    line-height: 38px;
}

.container {
    max-width: 940px;
}

.audience__text h4 {
    font-size: 26px;
    line-height: 35px;
}

.review__box__main {
    padding: 20px;
}

.review__author span {
    font-weight: bold;
    font-size: 15px;
}

}

@media (max-width: 992px) {

.point_ul li {
    font-size: 15px;
}

.point_ul ul li:before{
    font-size: 16px;
}

.services__sec__conversions .slick-next {
    right: -20px;
}

.services__tab ul li {
    width: 33.33%;
}

.content__services__sec h4 {
    font-size: 25px;
}

.web__btn ul li a {
    padding: 13px 17px;
    font-size: 14px;
}

.cilent__tab__list span {
    position: absolute;
    left: 40px;
}

.cilent__tab__list p {
    font-size: 15px;
    padding-left: 80px;
}

.cilent__tab__list span img {
    width: 52%;
}

.inner__banner img.banner__img {
    height: 500px;
}

.btn__footer ul li a {
    display: inline-block;
    padding: 8px 19px;
}

.profile__content p {
    font-size: 15px;
    line-height: 23px;
}

.mnav-container{
    max-width: 100%;
}

.mega-menu-nav .dropdown-menu {
    top: 72px !important;
}

.inner__banner .banner__content__sec h1 {
    font-size: 33px;
    line-height: 40px;
    width: 100%;
    padding-bottom: 0;
}

.inner__banner .banner__content__sec p {
    font-size: 16px;
}

}

@media (max-width: 767px) {

.tecnoglywrp {
    padding-top: 0px !important;
}
.row.location__div {
    margin-top: 0 !important;
}

.tecnoglywrp .txtdiv {
    margin-top: 0px !important;
}

.banner__right__img {
    display: none;
}

.banner__sec__main .col-sm-6 {
    max-width: 100%;
    flex: 100%;
}

.banner__content__sec img {
    width: 50%;
}

img.banner__img {
    height: 550px;
}

.logos__happy ul li img {
    width: 107px;
}

.logos__happy ul li {
    display: inline-block;
    padding: 0 16px 0 0;
    width: 20%;
}

.conversion__text__sec {
    margin-bottom: 50px;
    text-align: center;
}


.services__sec__conversions .col-sm-3 {
    max-width: 100%;
    flex: 100%;
}

.services__sec__conversions .col-sm-9 {
    max-width: 100%;
    flex: 100%;
}

.container {
    max-width: 720px;
}

.services__sec__conversions .pl-5 {
    padding-left: 0 !important;
}


.services__sec__conversions .slick-prev {
    right: auto;
    left: -20px;
}

.tab__menu ul li a {
    padding: 10px 25px;
    font-size: 12px;
    border: 1px solid #fff !important;
    margin: 0 5px 10px;
}

.tab__menu ul{
    border: 0;
}

.year__web__img {
    display: none;
}

.website__year .col-sm-6 {
    max-width: 100%;
    flex: 100%;
}

.head__img img {
    width: 40%;
}

.year__web__img {
    display: none;
}

.website__year .col-sm-6 {
    max-width: 100%;
    flex: 100%;
}

.cta__sec__main .col-sm-4 {
    max-width: 50%;
    flex: 50%;
}

.cta__sec__main .col-sm-4:nth-child(3) {
    max-width: 100%;
    flex: 100%;
}

.packages__sec__main .col-sm-4 {
    max-width: 50%;
    flex: 50%;
}

.review__box {
    height: 480px;
}

.our__review__sec .slick-slide {
    margin: 0;
}

.skilled__sec__main .col-sm-6 {
    max-width: 100%;
    flex: 100%;
}

.skill__dev__img {
    display: none;
}

.design__based .col-sm-6 {
    max-width: 100%;
    flex: 100%;
}

.design__based{
    background: transparent;
}

footer .col-sm-8 {
    max-width: 100%;
    flex: 100%;
    margin-bottom: 30px;
}


.location__div .col-sm-3, .location__div .col-sm-2 {
    max-width: 33%;
    flex: 33%;
}

.location__div .col-sm-4 {
    max-width: 100%;
    flex: 100%;
    margin-top: 30px;
    text-align: center;
}

footer .col-sm-6 {
    max-width: 100%;
    flex: 100%;
    text-align: center;
}

.links__term__sec {
    text-align: center;
}

footer .col-sm-2 {
    max-width: 33%;
    flex: 33%;
}

.primary-menu{
    padding: 0 0 0 40px;
}

.logo__Sec__main img {
    width: 135px;
}

.main-nav .top-layer > a {
    font-size: 11px;
    padding: 7px 14px;
}

.mnav-link .mnav-txt a {
    font-size: 11px;
}

.mnav-link{
    padding: 0px 0 0 60px;
}

.mnav-link .mnav-image {
    left: 5px;
}

.inner__banner .col-sm-8 {
    max-width: 100%;
    flex: 100%;
}

li.second__rating img {
    width: 100%;
}

.banner__sec__main .carousel-caption {
    padding: 0 10px 0 10px;
}

.services__tab ul li {
    width: 50%;
}

.services__sec__main .tab-content .col-sm-6 {
    max-width: 100%;
    flex: 100%;
}

.services__left__img {
    display: none;
}

.looking__sec__main .col-sm-6 {
    max-width: 100%;
    flex: 100%;
}

.looking__sec__img {
    display: none;
}

.review__sec__main .col-sm-4 {
    max-width: 50%;
    flex: 50%;
}

.review__sec__main {
    background: var(--white);
    padding: 100px 0 0;
}

.padding_60 {
    padding: 50px 0;
}

.center__content_sec h2 {
    font-size: 22px;
    line-height: 35px;
}

.badge__packages__Sec ul li img {
    width: 60%;
}

.banner__sec__main .col-sm-7 {
    max-width: 100%;
    flex: 100%;
}

}

@media (max-width: 1200px) {

.menu-side {
    display: none;
}

.mobile-nav-btn {
    display: block;
}

.logo__Sec__main img {
    width: 130px;
}

.services__sec__conversions .slick-next {
    right: 0px;
}

.services__sec__conversions .slick-prev {
    right: auto;
    left: 0px;
}

.our__porfolio__sec .slick-slide {
    margin: 0;
}

.cta__sec__main .col-sm-4 {
    max-width: 100%;
    flex: 100%;
}

.review__box {
    height: auto;
}

.cilent__tab__list span {
    position: relative;
    left: 0;
}

.cilent__tab__list {
    position: relative;
    display: unset;
}

.cilent__tab__list p {
    font-size: 15px;
    padding-left: 0;
}

.cilent__tab__list span img {
    width: auto;
    margin-bottom: 12px;
}

.packages__sec__main  .tab-content>.tab-pane{
      display: block;
    height: 0px;
    overflow: hidden;
}
.packages__sec__main  .tab-content>.active{height: auto;}

.our__porfolio__sec  .tab-content>.tab-pane{
      display: block;
    height: 0px;
    overflow: hidden;
}
.our__porfolio__sec  .tab-content>.active{height: auto;}

.looking__sec__main .year__content__sec h2 {
    font-size: 23px;
}

.center__content_sec p {
    font-size: 16px;
}

.center__content_sec h2 {
    font-size: 21px;
    line-height: 32px;
    width: 100%;
    margin: 0 auto 10px;
}

.combo-pack-area {
    display: none;
}

.packages__sec__main .tab-content>.active.show .combo-pack-area {
    display: block;
}

.tab__menu ul li a {
    padding: 10px 29px;
}

.inner__banner img.banner__img {
    height: 590px;
}

}

@media (max-width: 450px) {

.logos__happy ul li {
    display: inline-block;
    padding: 0 16px 0 0;
    width: 49%;
}

.tab__menu ul li a {
    padding: 7px 13px;
}

footer .col-sm-2 {
    max-width: 100%;
    flex: 100%;
    margin-bottom: 20px;
}

footer .row .col-sm-4 {
    padding: 0;
}

.location__div .col-sm-3, .location__div .col-sm-2 {
    max-width: 100%;
    flex: 100%;
}

.footer__payment__icon {
    padding-top: 20px;
}

.footer__payment__icon {
    padding-top: 20px;
    text-align: center;
    padding-bottom: 30px;
}

.footer__payment__icon img {
    width: auto;
}

.address__sec {
    text-align: center;
}

.design__based .year__content__sec h2 {
    color: var(--white);
    font-size: 22px;
    line-height: 29px;
}

.head__img img {
    width: 80%;
}

.audience__text h4 {
    font-size: 18px;
    line-height: 25px;
}

.audience__text h4 br {
    display: none;
}

.target__audience__sec {
    padding: 60px 0;
}

.audience__text p {
    font-size: 15px;
    line-height: 25px;
}

.detail__bannner__text h3 {
    font-size: 29px;
}

.detail__bannner__text h3 img {
    width: 190px;
    margin-top: -10px;
}

.copy__banner img.banner__img {
    height: 400px;
}

.copy-sol .center__content_sec p {
    max-width: 100%;
    margin: 20px auto 20px;
    color: #000;
    font-size: 15px;
    line-height: 27px;
    font-weight: 500;
}

.content__services__sec p {
    font-size: 16px;
    line-height: 26px;
    width: 100%;
}


.timeline-sec:after{
    display: none;
}

.timeline-sec .row:nth-child(even) .step-no, .timeline-sec .row:nth-child(odd) .step-no{
    display: none;
}

.content-holder {
    text-align: center;
}

.timeline-sec .row:nth-child(even) {
    flex-direction: column-reverse;
}

.timg-holder.lft-img {
    text-align: center;
}

.term__banner__content h1 {
    font-size: 26px;
}

.term__banner__Sec {
    height: 150px;
}


section.term__sec__main.padding_60 {
    padding-top: 0;
}

.term__content h3 {
    font-size: 17px;
}

.term__content p {
    font-size: 15px;
    line-height: 25px;
}

.solution-banner .banner__content__sec h1 {
    font-size: 23px !important;
    line-height: 31px !important;
}

.black-section strong {
    color: #fff;
    font-size: 18px;
}

.content__services__sec h4 {
    font-size: 18px;
    line-height: 28px;
}

.seek-startups .seek-list li {
    margin: 0 0 20px;
    width: 100%;
}

.black-section strong {
    color: #fff;
    font-size: 16px;
}

.bespoke .img-holder {
    display: none;
}

.bespoke .content__services__sec h4 {
    margin: 0 0 20px;
    font-size: 21px;
    line-height: 30px;
    width: 100%;
}

.boost-sec .img-holder {
    display: none;
}

.inner__banner .banner__content__sec h1 {
    font-size: 26px;
}

.inner__banner .btn__web ul {
    flex-direction: column;
}

.inner__banner .btn__web ul li {
    display: inline-block;
    margin-bottom: 20px;
}

li.second__rating {
    padding-left: 0;
}

img.img-responsive.gif__rating {
    display: none;
}

section.cilent__tab__sec {
    display: none;
}

.content__services__sec h4 br {
    display: none;
}

.content__services__sec p {
    font-size: 15px;
    line-height: 23px;
}

.content__list__ser h6 {
    font-size: 15px;
}

.content__services__sec p {
    font-size: 14px;
    line-height: 22px;
    width: 100%;
}

.packages__sec__main .col-sm-4 {
    max-width: 50%;
    flex: 50%;
    margin: 0 auto;
}

.services__tab ul li img{
    display: none;
}

.services__tab ul li a{
    padding: 18px 10px;
}

.btn__web ul li a {
    font-size: 11px;
    padding: 20px 29px;
    width: 100%;
    display: block;
}

.our__porfolio__sec .tab__menu ul li a {
    padding: 9px 20px;
}

.container {
    max-width: 450px;
}

.portfolio_imgThumbnail{
        margin-bottom: 0;
}

.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.contact__form__tab textarea {
    height: 160px;
}

.company-banner h1 {
    font-size: 32px !important;
    line-height: 38px !important;
}

.cus-focused h2 {
    font-size: 20px;
    line-height: 30px;
}

.cus-focused p {
    color: #7c7c7d;
    width: 100%;
    font-size: 16px;
    line-height: 26px;
}

.content-holder {
    text-align: left;
}

.cus-focused .img-holder {
    display: none;
}

.cf-list .img-holder {
    display: block;
}

.cus-focused .img-holder {
    min-width: 50px;
}

.company-banner img.banner__img {
    height: 380px !important;
    min-height: 460px;
}

.review__sec__main .col-sm-4 {
    max-width: 100%;
    flex: 100%;
}

}

@media (max-width: 390px) {

.btn__web ul li a {
    font-size: 11px;
    padding: 20px 9px;
}

.banner__content__sec img {
    width: 70%;
    padding-bottom: 10px;
}

.point_ul li br {
    display: none;
}

.logo__client_text {
    position: relative;
    z-index: 99;
}

section.technology__sec__main {
    display: none;
}

.tab__menu ul li a {
    padding: 14px 21px;
}

.center__content_sec h2 {
    font-size: 19px;
    line-height: 26px;
}

.center__content_sec h2 {
    font-size: 18px;
}

.inner__banner .banner__content__sec h1 {
    font-size: 22px;
}

.inner__banner .banner__content__sec p {
    font-size: 15px;
    line-height: 26px;
}

.inner__banner .btn__web ul {
    display: flex;
    align-items: baseline;
}

.services__tab ul li a {
    padding: 18px 6px;
    font-size: 12px;
}

.looking__sec__main .year__content__sec h2 {
    font-size: 19px;
}

.mobile-nav nav li a{
    padding: 15px 15px;
        font-size: 13px;
}

.banner__content__sec h1 {
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

.services__custom{
        height: auto;
}

.services__sec__conversions .slick-next, .services__sec__conversions .slick-prev {
    top: 195px;
}

.services__sec__conversions .slick-prev {
    right: auto;
    left: 30%;
}

.services__sec__conversions .slick-next {
    right: 38%;
}

section.services__sec__conversions.padding_60 {
    padding-bottom: 90px;
}

}

/*Responsive End*/


.banner-sub-title {
    font-size: 1.5rem;
    line-height: 1.3;
}

body {
    font-family: 'Inter', sans-serif;
}

.banner-form-btn {
    background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
    transition: 0.5s;
    font-size: 14px;
    font-weight: 600;
}

.banner-form-btn:hover {
    transform: translateY(-10px);
}


@media screen and (max-width: 767px) {
    .contact-bg {
        background-image: none !important;
    }
}

@media screen and (max-width: 767px) {
.banner__img {
    display: none;
}

.carousel-caption {
    position: relative;
    /* margin-top: 3rem; */
    padding: 3rem 0 !important;
}
}

.banner-pad {
    padding: auto 3rem;
    }

@media screen and (max-width: 1366px) {
.banner-pad {
padding: 0;
}
}


@keyframes scroll {
	0% { transform: translateX(0); }
	100% { transform: translateX(calc(-250px * 7))}
}


.logo-slider {
    height: 100px;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: auto;
}

.logo-slider .logo-slide-track {
    animation: scroll 40s linear infinite;
    display: flex;
    width: calc(250px * 14);
}

.logo-slider {
    height: 100px;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: auto;
}

.logo-slide-track {
    animation: scroll 40s linear infinite;
    display: flex;
    width: calc(250px * 14);
}

.logo-slide {
    height: 100px;
    width: 250px;
}

.banner-form {
    background: #00000059;
}




/* service section */

/*New Service Section Start*/
.main-service-wrap{
	padding: 84px 0px;
	position: relative;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}
.main-service-wrap:before{
	content: "";
	position: absolute;
	background-image: url(../images/new-service-before.webp);
	width: 856px;
	height: 1115px;
	background-repeat: no-repeat;
	left: 0px;
	top: -160px;
	z-index: -1;
	filter: grayscale(1);
}
.service-heading h2{
	color: #333333;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 6px;
	margin-top: 0;
	font-family: Poppins, sans-serif;
}
.service-heading h3{
	color: white;
	font-size: 42px;
	font-weight: bold;
	padding-bottom: 13px;
	margin-bottom: 0;
	margin-top: 0;
	font-family: Poppins, sans-serif;
}
.service-heading p{
	font-size: 17px;
	color: #666666;
	font-weight: 400;
}
.service-wrap {
    margin-top: 55px;
}
.service-text-wrap {
    display: flex;
    align-items: center;
        width: 100%;
    height: 100%;
}
.service-text-wrap svg {
    width: 43px;
    height: 45px;
}
.service-text span{
	color: #333333;
	font-size: 18px;
	font-weight: normal;
}
.service-text h3{
	margin: 0px;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	padding-top: 5px;
}
.service-text{
	padding-left: 17px;
}
.service-tab-wrap .nav-link .active{
	border: 1px solid #ff004a;
}
.service-tab-wrap .nav-tabs {
    border-bottom: none;
}
.service-tab-wrap .nav-tabs>li {
    float: none;
    margin-bottom: 0;
}
.service-tab-wrap .nav-tabs>li.active>a, .service-tab-wrap .nav-tabs>li.active>a:focus {
    color: #555;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #ff004a;
    border-bottom: 1px solid #ff004a;
    border-right: 7px solid #ff004a;
}

.service-tab-wrap .nav-tabs>li a:hover, .service-tab-wrap .nav-tabs>li a.active{
	 border-right: 7px solid #ff004a;
}
.service-tab-wrap .nav-tabs>li>a {
    margin-right: auto;
    line-height: normal;
    height: 111px;
    display: flex;
    align-items: center;
    padding: 0px 0px 0px 30px;
    border-radius: 5px;
    background-image: -moz-linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(255,255,255) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(255,255,255) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(255,255,255) 100%);
    border: 1px solid rgb(237, 237, 237);
}
.service-tab-content-wrap h3{
	font-weight: bold;
	font-size: 24px;
	color: #333333;
	margin: 0px;
}
.service-tab-content-wrap h3 span{
	color: #ff004a;
}
.service-tab-content-wrap p{
	color: #666666;
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 0px;
	padding-top: 25px;
}
.service-tab-content-wrap .service-list {
    display: flex;
    flex-wrap: wrap;
    padding: 40px 0px;
    border-bottom: 1px solid #ccc;
}
.service-tab-content-wrap .service-list li {
    width: 49%;
    color: white;
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 10px;
    padding-left: 24px;
    position: relative;
}
.service-tab-content-wrap .service-list li:before{
    content: '';
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
	position: absolute;
	left: 0;
	top: 4px;
}
.service-cta{
	margin-top: 30px;
}
.service-cta ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.service-btn {
    border: 1px solid rgb(255, 0, 74);
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 12px 29px 0px rgba(0, 0, 0, 0.1);
    color: #333333;
    font-weight: bold;
    font-size: 18px;
    padding: 14px 50px;
    border-radius: 50px;
}
.service-btn:hover{
	color: #fff;
	background-image: linear-gradient(to right, #fd0043, #721e72);
}
.service-chat span{
	color: #333333;
	font-weight: normal;
	font-size: 11px;
	position: relative;
}
.service-chat span:before{
	position: absolute;
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: -25px;
    top: -4px;
    color: #ff0042;
    font-size: 16px;
}


.service-chat h3{
	font-size: 21px;
	font-weight: 600;
	color: #333333;
	margin: 3px 0px;
}
.service-chat h3:hover{
	color: #ff0042;
}
.service-chat {
    display: inline-block;
    transition: all .5s ease-in-out;
}
.service-chat:hover{
	transform: rotateX(360deg);
}
.service-tab-content-wrap {
    margin: 38px 0px;
}
.service-tab-img {
    position: absolute;
    right: -320px;
    top: 60px;
    width: 547px;
}
.service-box-wrap {
    position: relative;
}
.tab-content-wrap {
    position: relative;
}
.main-service-wrap:after {
    content: "";
    position: absolute;
    right: -31px;
    background-size: contain;
    background-repeat: no-repeat;
    width: 697px;
    height: 637px;
    background-image: url(../images/tab-content-banner.webp);
    top: 25%;
    z-index: -1;
}

.service-stationery-img {
    top: 10px;
}
.service-seo-img {
    top: 65px;
    right: -300px;
}
.service-animation-img {
    top: 10px;
    right: -283px;
}
.tab-content #nav-custom{
	position: relative;
}
.tab-content #nav-custom:before{
	content: "";
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../images/service-logo-before.webp);
	width: 625px;
	height: 541px;
	right: -27%;
	top: -14px;
	border-radius: 20px;
}
.tab-content #nav-stationery{
	position: relative;
}
.tab-content #nav-stationery:before{
	content: "";
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../images/service-logo-before.webp);
	width: 625px;
	height: 541px;
	right: -42%;
	top: -14px;
	border-radius: 20px;
}

.tab-content #nav-seo{
	position: relative;
}
.tab-content #nav-seo:before{
	content: "";
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../images/service-seo-before.webp);
	width: 625px;
	height: 541px;
	right: -44%;
	top: -14px;
	border-radius: 20px;
}

.service-logo-3 {
    right: 90px;
    position: absolute;
    bottom: -98px;
}
.service-logo-2 {
    right: 15px;
    position: absolute;
    top: 70px;
}
.active .service-tab-img .service-logo-1{
	animation-name: ServiceZoom; 
	animation-duration: 2s; 
	-webkit-animation: ServiceZoom 4s infinite;
}
.active .service-tab-img .service-logo-2{
	animation-name: ServiceZoom; 
	animation-duration: 2s; 
	-webkit-animation: ServiceZoom 4s infinite;
}
.active .service-tab-img .service-logo-3{
	animation-name: ServiceZoom; 
	animation-duration: 2s; 
	-webkit-animation: ServiceZoom 4s infinite;
}
@keyframes ServiceZoom {
    0%   {transform: scale(0.9);}
    50%  {transform: scale(1);}
    100%  {transform: scale(0.9);}
}

.service-web-1 {
    position: absolute;
    width: 40%;
    left: 16px;
    top: 95px;
}
.service-web-2 {
    right: 0px;
    position: absolute;
    top: -20px;
    width: 68%;
}
.service-web-3 {
    position: absolute;
    top: 180px;
    left: 93px;
    width: 49%;
}
.service-web-4 {
    right: 10px;
    position: absolute;
    top: 130px;
    width: 45%;
}
.service-web-5 {
    right: 10px;
    position: absolute;
    width: 50%;
    top: 226px;
}
.service-web-img {
    right: -315px;
    top: 70px;
}

.active .service-tab-img .service-web-1 {
    -webkit-animation-name: fadeInDownWeb;
    animation-name: fadeInDownWeb;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    animation-delay: .2s;
    -webkit-animation-delay: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.active .service-tab-img .service-web-2 {
    -webkit-animation-name: fadeInDownWeb;
    animation-name: fadeInDownWeb;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    animation-delay: .4s;
    -webkit-animation-delay: .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.active .service-tab-img .service-web-3 {
    -webkit-animation-name: fadeInDownWeb;
    animation-name: fadeInDownWeb;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    animation-delay: .5s;
    -webkit-animation-delay: .5S;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.active .service-tab-img .service-web-4 {
    -webkit-animation-name: fadeInDownWeb;
    animation-name: fadeInDownWeb;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    animation-delay: .6s;
    -webkit-animation-delay: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.active .service-tab-img .service-web-5 {
    -webkit-animation-name: fadeInDownWeb;
    animation-name: fadeInDownWeb;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    animation-delay: .7s;
    -webkit-animation-delay: .7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeInDownWeb {
    0% {
        opacity: 0;
        -webkit-transform: translate(40px, 50px);
        transform: translate(40px, 50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}
@keyframes fadeInDownWeb {
    0% {
        opacity: 0;
        -webkit-transform: translate(40px, 50px);
        -ms-transform: translate(40px, 50px);
        transform: translate(40px, 50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
    }
}
.service-stationery-img-1 {
    position: absolute;
    width: 25%;
    left: 16px;
    top: 225px;
}
.service-stationery-img-2 {
    left: 115px;
    position: absolute;
    top: 255px;
    width: 17%;
}
.service-stationery-img-3 {
    position: absolute;
    top: -23px;
    left: 77px;
    width: 77%;
}
.service-stationery-img-4 {
    right: 5px;
    position: absolute;
    top: -8px;
    width: 47%;
}
.service-stationery-img-5 {
    right: 135px;
    position: absolute;
    width: 28%;
    top: -68px;
}
.service-stationery-img {
    right: -315px;
    top: 70px;
}
.active .service-tab-img .service-stationery-img-1 {
    -webkit-animation-name: fadeInDownWeb;
    animation-name: fadeInDownWeb;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    animation-delay: .2s;
    -webkit-animation-delay: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.active .service-tab-img .service-stationery-img-2 {
    -webkit-animation-name: fadeInDownWeb;
    animation-name: fadeInDownWeb;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    animation-delay: .4s;
    -webkit-animation-delay: .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.active .service-tab-img .service-stationery-img-3 {
    -webkit-animation-name: fadeInDownWeb;
    animation-name: fadeInDownWeb;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    animation-delay: .5s;
    -webkit-animation-delay: .5S;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.active .service-tab-img .service-stationery-img-4 {
    -webkit-animation-name: fadeInDownWeb;
    animation-name: fadeInDownWeb;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    animation-delay: .6s;
    -webkit-animation-delay: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.active .service-tab-img .service-stationery-img-5 {
    -webkit-animation-name: fadeInDownWeb;
    animation-name: fadeInDownWeb;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    animation-delay: .7s;
    -webkit-animation-delay: .7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


/*New Service Section End*/


@-webkit-keyframes fadeInDownCustom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-25px);
        transform: translateY(-25px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeInDownCustom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-25px);
        -ms-transform: translateY(-25px);
        transform: translateY(-25px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.active .service-tab-content-wrap h3 {
    -webkit-animation-name: fadeInDownCustom;
    animation-name: fadeInDownCustom;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    animation-delay: .2s;
    -webkit-animation-delay: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.active .service-tab-content-wrap p {
    -webkit-animation-name: fadeInDownCustom;
    animation-name: fadeInDownCustom;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    animation-delay: .3s;
    -webkit-animation-delay: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.active .service-tab-content-wrap .service-list{
	 -webkit-animation-name: fadeInDownCustom;
    animation-name: fadeInDownCustom;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    animation-delay: .4s;
    -webkit-animation-delay: .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.active .service-tab-content-wrap .inner-service-image-box{
	 -webkit-animation-name: fadeInDownCustom;
    animation-name: fadeInDownCustom;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    animation-delay: .4s;
    -webkit-animation-delay: .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.active .service-tab-content-wrap .inner-service-logo-box{
	 -webkit-animation-name: fadeInDownCustom;
    animation-name: fadeInDownCustom;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    animation-delay: .4s;
    -webkit-animation-delay: .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.active .service-tab-content-wrap .service-cta{
	 -webkit-animation-name: fadeInDownCustom;
    animation-name: fadeInDownCustom;
    -webkit-animation-duration: .9s;
    animation-duration: .9s;
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInDownCustom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-25px);
        transform: translateY(-25px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeInDownCustom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-25px);
        -ms-transform: translateY(-25px);
        transform: translateY(-25px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}


.active .service-animation-img{
	 -webkit-animation-name: fadeleftCustom;
    animation-name: fadeleftCustom;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    animation-delay: .2s;
    -webkit-animation-delay: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.active .service-seo-img{
	 -webkit-animation-name: fadeleftCustom;
    animation-name: fadeleftCustom;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    animation-delay: .2s;
    -webkit-animation-delay: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeleftCustom {
    0% {
        opacity: 0;
        -webkit-transform: translateX(99px);
        transform: translateX(99px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes fadeleftCustom {
    0% {
        opacity: 0;
        -webkit-transform: translateX(99px);
        -ms-transform: translateX(99px);
        transform: translateX(99px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.service-tab-wrap .nav-tabs>li>a:hover .service-text-wrap svg{
	-webkit-animation-name: hvr-buzz-out;
    animation-name: hvr-buzz-out;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
@-webkit-keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }
    to {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

@keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }
    to {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

/* Pulse Grow */
@-webkit-keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.hvr-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
  -webkit-animation-name: hvr-pulse-grow;
  animation-name: hvr-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

.inner-tab-content [id*=nav-]:before{
	display: none;
}
.inner-service-wrap:after{
	display: none;
}
.service-order {
	background-color: #ff004a;
	box-shadow: 0px 12px 29px 0px rgba(0, 0, 0, 0.1);
	border-radius: 23px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	display: -webkit-inline-box;
	padding: 4px 2px 4px 20px;
	margin-left: 55px;
}
.service-order img {
    margin-left: 15px;
}
.service-order:hover {
    color: #fff;
    background-image: linear-gradient(to right, #fd0043, #721e72);
}
.inner-tab-content .service-tab-content-wrap{
	margin: 0px;
}
.inner-service-image-box {
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
    padding: 25px 0px 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.inner-service-wrap {
    height: 1010px;
}
.inner-service-wrap:before {
    top: -100px;
}
.inner-service-image-box img {
    width: 48%;
}
.inner-tab-content .tab-pane:nth-child(1) .inner-service-logo-box{ 
	background-image: url(../images/logo-bg-1.webp);
}
.inner-tab-content .tab-pane:nth-child(2) .inner-service-logo-box{ 
	background-image: url(../images/logo-bg-2.webp);
}
.inner-tab-content .tab-pane:nth-child(3) .inner-service-logo-box{ 
	background-image: url(../images/logo-bg-3.webp);
}
.inner-tab-content .tab-pane:nth-child(4) .inner-service-logo-box{ 
	background-image: url(../images/logo-bg-3.webp);
}
.inner-tab-content .tab-pane:nth-child(5) .inner-service-logo-box{ 
	background-image: url(../images/logo-bg-3.webp);
}
.inner-tab-content .tab-pane:nth-child(6) .inner-service-logo-box{ 
	background-image: url(../images/logo-bg-4.webp);
}
.inner-service-logo-box {
    background-size: cover;
    height: 288px;
    margin: 38px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.inner-service-logo-box .logo-box-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.logo-box-img {
	padding: 0px 4px;
}
.inner-service-logo-box h3{
	font-size: 52px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	padding: 15px 0px;
}
.icon-remove .service-text {
    padding-left: 0;
}

.service-tab-wrap .nav>li {
    position: relative;
    display: block;
    width: 100%;
}

@media (max-width: 1199px) {
    .other-service-left h3 {
        font-size: 14px;
        margin-top: 23px;
        margin-bottom: 6px;
    }
    .other-service-left p {
        margin-top: 0;
        font-size: 13px;
        margin-bottom: 6px;
    }
    .selector-page ul li + li {
        margin-left: 9px;
    }
    .selector-page ul li {
        max-width: 24%;
    }
    .custom-col-md-3 {
        padding-right: 8px;
        padding-left: 6px;
    }
    .other-service-left-padding {
        padding-left: 7px;
    }
    .banner-form-box {
        margin: 0;
        top: 70px;
    }
    .banner-form input {
        height: 46px;
    }
    .banner-form .intl-tel-input.separate-dial-code .flag-container {
        height: 45px;
    }
    .banner-form button {
        height: 45px;
    }
    .pacakge-details .boxpackages {
        top: -55px;
    }
    .creative-section ul.nav.nav-tabs li {
        margin-bottom: 20px;
    }
    .lower-combo h4 {
        font-size: 22px;
    }
    .slick-next,
    .slick-prev {
        display: none !important;
    }
    .topnavs a {
        font-size: 15px;
        padding-right: 12px;
    }
    .topnavs a + a {
        padding-left: 13px;
    }
    header .main-nav ul > li > a {
        font-size: 13px;
        padding: 18px 4px 22px;
    }
    .topnavs .btn-radius-top a {
        padding: 6px 14px;
        font-size: 13px;
    }
    .other-service-left {
        padding-left: 0;
    }
    .inner-pages .bannermm h1 strong,
    .inner-pg .bannermm h1 strong {
        font-size: 43px;
    }
    .inner-pages .bannermm h1,
    .inner-pages .bannermm h1 span,
    .inner-pg .bannermm h1,
    .inner-pg .bannermm h1 span,
    .web-design .bannermm .leftcont-ban h1 {
        font-size: 30px;
    }
    .web-design .bannermm .leftcont-ban p {
        font-size: 16px;
    }
    .leftcont-ban a {
        margin-top: 25px;
    }
    bannermm {
        min-width: 540px;
    }
    .incred-expe,
    .testimonials {
        padding: 50px 0 30px;
    }
    .web-design .incred-expe .content-incred h4 {
        font-size: 21px;
        margin-bottom: 8px;
    }
    .incred-expe .content-incred h3 {
        font-size: 27px;
        margin-bottom: 22px;
    }
    .det-packages .sechead h3 {
        font-size: 30px;
    }
    .sechead p {
        font-size: 16px;
    }
    .maincta .btn-radius-top a {
        padding: 6px 11px;
        font-size: 15px;
    }
    .maincta .callsdivs {
        font-size: 18px;
    }
    .bannermm .leftcont-ban h1 strong,
    .prvcy-securty .bannermm .leftcont-ban h1 strong,
    .sitemap-main .bannermm .leftcont-ban h1 strong,
    .trms-condtons .bannermm .leftcont-ban h1 strong {
        font-size: 44px;
    }
    .sitemap-main .bannermm {
        min-height: 330px;
    }
    .sitemap-main .termcndtn {
        padding: 20px 0;
    }
    .charAnimation .bannermm h1 strong {
        font-size: 44px !important;
    }
    .bannermm .leftcont-ban h1,
    .bannermm .leftcont-ban h1 span,
    .inner-pg .bannermm .leftcont-ban h1 {
        font-size: 30px;
    }
    body.mainhome .bannermm .leftcont-ban p {
        font-size: 20px;
    }
    body.inner-pg .bannermm .leftcont-ban p {
        font-size: 20px;
    }
    .leftcont-ban a {
        margin: 5px 0 60px;
    }
    .scrolldown-fl {
        margin: 0 0 20px;
    }
    footer .social-icons.padd-btd {
        padding: 12px 20px;
    }
    footer .brdr-top .social-icons i {
        margin: 0 1px;
        width: 43px;
        height: 43px;
        font-size: 20px;
    }
    .what-offer ul li div {
        padding: 17px 3px 10px 60px;
    }
    .what-offer ul li div:before {
        transform: scale(0.9);
    }
    .what-offer ul li div + i,
    .what-offer ul li i.icon2,
    .what-offer ul li i.icon3,
    .what-offer ul li i.icon4 {
        margin-left: 48px;
    }
    .det-packages .boxpackages {
        padding: 17px 13px 20px;
        margin: 30px 0;
    }
    .packdetails .botarea-pack a.btn-orders {
        padding: 3px 8px;
        font-size: 14px;
    }
    .packdetails .botarea-pack .liovechats-bx a h5 {
        font-size: 14px;
    }
    .packdetails .botarea-pack .liovechats-bx {
        padding-left: 10px;
        padding-right: 16px;
    }
    .boxpackages .packdetails .packtitles .fleft h3 {
        font-size: 45px;
    }
    .packdetails .packtitles .fright h4 {
        font-size: 16px;
    }
    .packdetails .listpacks li {
        font-size: 13px;
        padding: 5px 16px;
    }
    .packdetails .listpacks li:before {
        font-size: 13px;
    }
    .boxpackages .packdetails .listpacks h3 {
        font-size: 18px;
    }
    .mCSB_outside + .mCSB_scrollTools {
        right: -19px;
    }
    .testimonials .testi .testi-img h4 {
        font-size: 17px;
    }
    .testimonials .testi .testi-img img {
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .testimonials .testi .testi-desc i,
    .testimonials .testi .testi-desc ul li {
        font-size: 12px;
    }
    .enterprices-bundles {
        padding: 10px 0 20px;
    }
    .sechead h3 {
        font-size: 30px;
    }
    .pacbundles-det .headbx-bundle ul.listbundles-packbx > li {
        padding: 5px 18px;
        font-size: 12px;
    }
    .pacbundles-det .headbx-bundle ul.listbundles-packbx > li:before {
        font-size: 12px;
    }
    .pacbundles-det .headbx-bundle .packbundleprice span {
        font-size: 22px;
    }
    .pacbundles-det .headbx-bundle .packbundleprice {
        padding-left: 10px;
        margin: -10px 0 0 0;
    }
    .pacbundles-det .headbx-bundle li.haschildren .child-tooltip {
        right: 17px;
    }
    .pacbundles-det .headbx-bundle .fleft h4 {
        margin: 0 !important;
        font-size: 18px;
    }
    .enterprices-bundles .totalpackagespricess h4 {
        font-size: 28px;
    }
    .enterprices-bundles .totalpackagespricess .btn-orders-bundles a {
        padding: 7px 23px;
        font-size: 18px;
    }

    body.mainhome .bannermm .leftcont-ban p:before {
        width: 100% !important;
    }
    .dropdown .listimgs {
        display: none;
    }
    .portfoliomaindivs .topbartabs {
        padding: 0 15px;
    }
    .hovereffects-det h3 {
        font-size: 20px;
    }
    .btnstyles-nn a {
        padding: 3px 20px;
        font-size: 16px;
    }
    .what-offer > div > ul > li div {
        padding: 12px 15px 10px 73px;
    }
    .maincta h3 strong {
        font-size: 38px;
    }
    .maincta p {
        font-size: 16px;
    }
    .maincta .callsdivs {
        padding: 25px 0 0 0;
    }
    .mainhome .bannermm {
        height: auto;
    }
    .bannermm {
        min-height: 600px;
    }
    .slick-dots {
        text-align: center !important;
    }
    .what-offer ul li i.icon5,
    .what-offer ul li i.icon6,
    .what-offer ul li i.icon7,
    .what-offer ul li i.icon8 {
        margin-left: 50px;
    }
    .maincta .callsdivs a + a {
        display: block;
        border: none;
    }
    .types-box {
        overflow: hidden;
    }
    .types-box h5 {
        padding-top: 20px;
    }
    .types-box {
        min-height: 317px;
    }
    .incred-expe,
    .testimonials,
    .what-offer {
        padding: 30px 0;
    }
    .homeport-mm,
    .how-works {
        padding: 20px 0;
    }
    .pricerange-main .pricingbox .iconsbx {
        transform: scale(0.8);
    }
    .pricerange-main .pricingbox li h3 {
        margin-top: -6px;
    }
    .animation-service .srvc-box .srvc-lft img,
    .animation-service .srvc-box .srvc-lft video {
        margin-bottom: 25px;
    }
    .c-tabs .col-md-3 h3 {
        font-size: 29px;
        line-height: 34px;
    }
    .branding .branding-portfolio .tab-content .bg1-description {
        padding: 10px 0;
    }
    .incred-expe .padtop150 {
        padding-top: 50px;
    }
    .gettouchfaqs {
        padding: 20px 0;
    }
    .gettouchfaqs h3 {
        font-size: 32px;
        margin: 0;
    }
    .gettouchfaqs .packagesbxs .toptabs1 a {
        padding: 6px 25px;
        font-size: 17px;
    }
    .contact-form-main .red-bg .social-icons i {
        width: 36px;
        height: 36px;
        font-size: 17px;
        margin: 0;
    }
    .contact-form-main .gray-bg {
        padding: 23.5px 22px;
    }
    .incred-expe .content-incred p {
        font-size: 16px;
    }
    .sitemap-main .sp-section ul li a {
        font-size: 15px;
    }
    .sitemap-main.stp .termcndtn ul li:before {
        top: 17px;
    }
    .sitemap-main .termcndtn ul li:before {
        top: 8px;
    }
    .banner-right-img {
    display: none;
}
.main-service-wrap {
    height: auto;
}
.service-tab-img {
    display: none;
}
.main-service-wrap:before{
    display: none;
}
.leftcont-ban a {
    font-size: 15px;
}
.main-service-wrap:after{
    display: none;
}
.tab-content #nav-custom:before ,.tab-content #nav-stationery:before ,.tab-content #nav-seo:before{
    display: none;
}
}

@media (max-width: 1600px) {
    .main-service-wrap:after {
        right: -110px;
    }
    .service-tab-img{
        right: -250px;
    }}
    @media (max-width: 1440px) {
    .banner-right-web {
        left: -90px;
        top: -30px;
    }
    .main-service-wrap:after {
        width: 600px;
        height: 515px;
        top: 25%;
    }
    .service-tab-img {
        position: absolute;
        right: -240px;
        width: 525px;
        top: 40px;
    }
    .service-stationery-img {
        right: -150px;
        top: 45px;
        width: 435px;
    }
    .tab-content #nav-stationery:before {
        width: 531px;
        height: 439px;
        right: -29%;
        top: -25px;
    }
    .tab-content #nav-seo:before {
        width: 505px;
        height: 413px;
        right: -19%;
        top: -21px;
    }
    .service-animation-img {
        right: -228px;
        top: 0px;
    }
    .service-animation-img img {
        width: 100%;
    }
    .logo-box-img img {
        width: 100%;
    }
    .logo-box-img {
        padding: 0px 8px;
        width: 20%;
    }
    .inner-service-wrap {
        height: 990px;
    }
    
    .service-logo-1 {
        width: 50%;
    }
    .service-logo-2 {
        right: 95px;
        position: absolute;
        top: -1px;
        width: 30%;
    }
    .service-logo-3 {
        right: 180px;
        position: absolute;
        bottom: -118px;
    }
    .service-stationery-img-2 {
        left: 80px;
        top: 210px;
        width: 17%;
    }
    .service-stationery-img-3 {
        top: -1px;
        left: 70px;
    }
    .service-stationery-img-4 {
        right: 6px;
        top: 12px;
    }
    .service-stationery-img-5 {
        right: 100px;
        top: -50px;
    }
    .service-web-img {
        top: 15px;
    }
    .service-seo-img {
        top: 50px;
    }
    .service-seo-img img {
        width: 83%;
    }
    }
    @media (max-width: 1366px) {
    .bannermm.animbanner {
        background-position: 50% 52%;
    }
    .banner-right-logo {
        left: -65px;
        top: -125px;
    }
    .banner-right-web {
        left: -90px;
        top: -30px;
    }
    .banner-right-video {
        right: -85px;
        top: -140px;
    }
    .video-banner-before:before {
        width: 397px;
        height: 327px;
        right: -10px;
    }
    .service-tab-content-wrap p {
        font-size: 12px;
    }
    .service-tab-content-wrap .service-list li {
        font-size: 12px;
        padding-left: 19px;
    }
    
    .service-tab-content-wrap .service-list li:before {
        top: 0px;
    }
    .service-btn {
        font-size: 14px;
        padding: 10px 30px;
    }
    .service-chat h3 {
        font-size: 19px;
    }
    .service-tab-wrap .nav-tabs>li>a {
        height: 90px;
        padding: 0px 0px 0px 20px;
    }
    .service-text h3 {
        font-size: 17px;
        padding-top: 0px;
    }
    .service-text span {
        font-size: 14px;
    }
    header .main-nav>ul>li:hover>.dropdown {
        left: 0;
        width: 100%;
    }

    /*.service-tab-img {
        right: -200px;
        top: 10px;
    }*/
    .service-web-img{
        right: -90px;
        top: 30px;
        width: 410px;
    }
    .service-web-1 {
        left: 13px;
        top: 66px;
    }
    .service-web-3 {
           top: 127px;
        left: 73px
    }
    .service-web-4 {
        right: 0px;
        top: 88px;
    }
    .service-web-5 {
        top: 164px;
    }
    .tab-content #nav-stationery:before {
        right: -24%;
        top: -52px;
    }
    /*.service-tab-img {
        right: -100px;
        top: 13px;
    }*/
    .service-stationery-img-4 {
        right: 5px;
        top: 11px;
    }
    .service-stationery-img-3 {
        top: 1px;
        left: 61px;
    }
    .service-stationery-img-5 {
        right: 105px;
        top: -46px;
    }
    .service-logo-img{
            top: 10px;
            right: -193px;
    }
    .service-seo-img {
        right: -198px;
        top: 43px;
    }
    .tab-content #nav-seo:before {
        right: -20%;
        top: -50px;
    }
    .service-animation-img {
        right: -181px;
        top: -20px;
    }
    .service-stationery-img {
        right: -100px;
        top: 13px;
    }
    }
    @media (max-width: 1280px) {
    .service-logo-img {
        right: -158px !important;
    }
    .tab-content #nav-custom:before {
        top: -5rem !important;
    }
    .service-web-img {
        right: -55px !important;
    }
    .service-stationery-img {
        right: -68px !important;
    }
    .tab-content #nav-stationery:before {
        right: -20% !important;
    }
    .service-seo-img {
        right: -162px !important;
    }
    .tab-content #nav-seo:before {
        right: -16% !important;
    }
    .service-animation-img {
        right: -147px !important;
    }
    }

    @media (max-width: 991px) {
        .testmonials .nav-tabs > li > a {
            font-size: 13px;
            height: auto;
            line-height: 20px;
        }
        .testimonial-slider iframe {
            width: 100%;
            margin: 20px 0;
        }
        .review_box_btn .btn {
            margin: 0 0 5px;
        }
        .banner-form-box button {
            font-size: 14px;
            height: auto;
            padding: 8px 0;
            margin-top: 0;
        }
        .banner-form-box {
            top: 85px;
        }
        .banner-form-box {
            padding-top: 14px;
            padding-bottom: 12px;
        }
        .banner-form {
            margin-top: 10px;
        }
        .banner-form input {
            height: 40px;
        }
        .banner-form .intl-tel-input.separate-dial-code .flag-container {
            height: 39px;
        }
        .banner-form p {
            margin-top: 0;
        }
        .banner-form-box h1 {
            font-size: 22px;
        }
        .no-point-text-on-sm:after {
            content: none;
        }
        .pricing-details-left .sechead h3 {
            margin-top: 20px;
        }
        .pricing-details-left .sechead p {
            font-size: 15px;
            margin-top: 0;
        }
        .pricing-details-left ul li:first-child a {
            padding: 8px 24px;
        }
        .pricing-details-left ul li .liovechats-bx {
            padding: 0 36px 8px;
        }
        .pricing-details-left ul {
            margin-top: 0;
        }
        .pacakge-details.det-packages {
            padding-bottom: 30px;
        }
        .pacakge-details .boxpackages {
            top: -46px;
        }
        .pricing-details-left ul li .liovechats-bx h5 {
            font-size: 15px;
            line-height: 8px;
        }
        .creative-digital .sechead {
            text-align: center;
        }
        .creative-left-container {
            margin-top: 60px;
        }
        .toptabs1 {
            margin-bottom: 20px !important;
        }
        footer .footer-logo img {
            margin: 0 auto;
        }
        .creative-section {
            margin-top: 14px !important;
        }
        .client-area {
            padding-top: 20px;
            padding-bottom: 0;
        }
        .client-wrapper p {
            padding-right: 0;
            font-size: 16px;
        }
        .client-identity-img {
            top: -26px;
        }
        .main-dropdown-container {
            display: none;
        }
        .nav-submenu {
            background: 0 0;
        }
        .nav-submenu-ul {
            display: block !important;
        }
        .header-icon-box {
            display: inline-block !important;
            position: absolute;
            right: 36px;
            top: 21px;
        }
        .header-icon-box ul li {
            display: inline-block;
        }
        .header-icon-box ul li i {
            font-size: 16px;
            margin-right: 2px;
        }
        .header-icon-box ul li.first a {
            color: #fff;
            font-size: 14px;
            margin-right: 17px;
            border-right: 1px solid #fff;
            padding-right: 16px;
        }
        .header-icon-box ul li.last a {
            border: 1px solid #fff;
            border-radius: 20px;
            padding: 8px 20px;
            font-size: 14px;
            font-weight: 500;
            margin: 0;
            text-transform: uppercase;
            font-weight: 600;
            display: block;
            color: #fff;
        }
        .creative-section ul.nav.nav-tabs li {
            margin-bottom: 20px;
        }
        .gettouchfaqs .packagesbxs .toptabs1 a {
            padding: 4px 17px;
            font-size: 15px;
        }
        .custom-popup > div {
            padding: 80px 20px 20px;
        }
        .cbp-spmenu {
            background: #9a092f;
            background: -moz-linear-gradient(top, #9a092f 10%, #9a092f 24%, #ff0042 100%);
            background: -webkit-linear-gradient(top, #9a092f 10%, #9a092f 24%, #ff0042 100%);
            background: linear-gradient(to bottom, #9a092f 10%, #9a092f 24%, #ff0042 100%);
        }
        a.toggle-menu.menu-left.push-body.jPushMenuBtn {
            position: relative;
            z-index: 99999;
        }
        a.toggle-menu:before {
            content: "\f0c9";
            font-family: "Font Awesome 5 Free";
            color: #fff;
            position: absolute;
            left: 45px;
            top: 20px;
            display: block;
            height: 13px;
            width: 22px;
            font-weight: 600;
            -webkit-transform-origin: 0.28571rem center;
            transform-origin: 0.28571rem center;
            font-size: 30px;
        }
        .leftcont-ban {
            max-width: 380px;
        }
        .creataccounts,
        .lg-hidden {
            display: none !important;
        }
        .cbp-spmenu li.parenturl.home a {
            position: relative;
        }
        .cbp-spmenu li.parenturl.home a > img {
            display: none;
        }
        .cbp-spmenu li.parenturl.home:nth-child(1) a::before {
            content: "HOME";
        }
        .dropdown .lstnavig .liststylss > li {
            border: none;
        }
        .dropdown .lstnavig .liststylss li .innerdropdowns,
        .dropdown .lstnavig > .liststylss > li > a i {
            display: none;
        }
        .dropdown .lstnavig .liststylss > li > a {
            padding: 7px 0 7px 35px;
            color: #fff;
            border: none;
        }
        .dropdown .lstnavig .liststylss li.active > a,
        .dropdown .lstnavig .liststylss > li:hover > a {
            font-weight: 700;
            color: #fff;
        }
        .dropdown .lstnavig .liststylss > li > a:after {
            color: #fff;
        }
        .cbp-spmenu-vertical a {
            border-bottom: none;
            border-top: 1px solid rgba(255, 255, 255, 0.8);
        }
        .dropdown .listdiscret,
        .dropdown .listimgs,
        .dropdown .lstnavig {
            float: none;
        }
        .dropdown .lstnavig .liststylss {
            margin-bottom: 10px;
            margin-top: -10px;
        }
        .stickyheader {
            position: static;
        }
        footer h3 {
            font-size: 14px;
        }
        footer ul li {
            padding: 4px 0 4px 10px;
        }
        footer ul li a {
            font-size: 11px;
        }
        footer ul li::before {
            top: 7px;
        }
        footer .listpge {
            padding-bottom: 0;
        }
        footer .padd-btd {
            padding: 0 0 18px;
        }
        footer .social-icons.padd-btd {
            border: none;
        }
        footer .brdr-top {
            padding: 20px 0 10px 0;
        }
        .ulsme-ctct ul li::before {
            font-size: 11px;
        }
        .bannermm .leftcont-ban h1 strong,
        .prvcy-securty .bannermm .leftcont-ban h1 strong,
        .sitemap-main .bannermm .leftcont-ban h1 strong,
        .trms-condtons .bannermm .leftcont-ban h1 strong {
            font-size: 35px;
        }
        .sitemap-main .bannermm {
            min-height: 200px;
        }
        .sitemap-main .bannermm .leftcont-ban {
            margin-top: 62px;
        }
        .sitemap-main .termcndtn {
            padding: 10px 0;
        }
        .sitemap-main .termcndtn ul li:before {
            top: 7px;
        }
        .sec-pad.termcndtn p br {
            display: none;
        }
        .sitemap-main .termcndtn p strong {
            font-size: 20px;
            margin-bottom: 5px;
        }
        .bannermm .leftcont-ban h1,
        .bannermm .leftcont-ban h1 span {
            font-size: 22px;
        }
        .charAnimation .bannermm h1 strong {
            font-size: 35px !important;
        }
        .bannermm .leftcont-ban h1 {
            padding-bottom: 10px;
            margin-bottom: 5px;
        }
        .bannermm {
            min-height: 440px;
        }
        body.mainhome .bannermm .leftcont-ban p {
            font-size: 16px;
        }
        .leftcont-ban a {
            font-size: 14px;
            height: 35px;
            width: 270px;
        }
        .bannermm a.logobtnsstart {
            width: 270px;
        }
        .bannermm a.logobtnsstart:hover {
            width: 340px;
        }
        .incred-expe,
        .testimonials {
            padding: 20px 0 10px;
        }
        .det-packages .slick-dots,
        .incred-expe .slick-dots,
        .mainhome .incred-expe .slick-dots,
        .testimonials .slick-dots {
            bottom: -20px;
        }
        .slick-dots {
            text-align: center !important;
        }
        .leftcont-ban h1.montfont {
            margin-top: 116px;
        }
        .maincta .callsdivs a {
            padding-right: 0;
            font-size: 13px;
        }
        header .logo {
            padding-top: 22px;
            padding-bottom: 16px;
        }
        .incred-expe .content-incred h5 {
            font-size: 18px;
        }
        .incred-expe .content-incred h3 {
            font-size: 24px !important;
            margin-bottom: 10px;
        }
        p {
            font-size: 14px;
        }
        .incred-expe .content-incred p.f20 {
            font-size: 18px;
            margin-bottom: 5px;
        }
        .md-hidden,
        .scrolldown-fl,
        .what-offer ul li div:before {
            display: none !important;
        }
        .incred-expe .content-incred .fnt-18 {
            margin-bottom: 10px;
            font-size: 16px;
            font-weight: 600;
        }
        .what-offer {
            padding: 0 0 10px;
        }
        .what-offer h3 {
            font-size: 28px;
        }
        .what-offer p {
            font-size: 14px;
        }
        .logodesign-p .what-offer > div > ul > li div,
        .what-offer ul li div {
            padding: 10px 10px 10px;
            background: #fff;
            min-height: 170px;
            position: relative;
            border-radius: 8px;
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
        }
        .what-offer ul li div a {
            position: absolute;
            bottom: 10px;
            left: 0;
            right: 0;
            margin: auto;
            color: #ea333f;
            font-weight: 600;
        }
        .what-offer ul li div h3 {
            margin: 0 0 5px;
        }
        .what-offer ul li div + i,
        .what-offer ul li i.icon2,
        .what-offer ul li i.icon3,
        .what-offer ul li i.icon4,
        .what-offer ul li i.icon5,
        .what-offer ul li i.icon6,
        .what-offer ul li i.icon7,
        .what-offer ul li i.icon8 {
            display: none;
        }
        .what-offer ul {
            margin: 10px -5px 0;
        }
        .what-offer ul li {
            padding: 0 5px;
        }
        .what-offer ul li div h3,
        .what-offer > div > ul > li div h3 {
            font-size: 18px;
        }
        .what-offer ul li div p,
        .what-offer > div > ul > li div p {
            font-size: 12px;
            margin: 0;
        }
        .maincta h3 strong {
            font-size: 28px;
        }
        .what-offer > div > ul {
            margin: 10px 0 0;
        }
        .maincta h3 {
            font-size: 26px;
            line-height: normal;
            margin-bottom: 0;
        }
        .maincta .btn-radius-top {
            margin-top: 14px !important;
        }
        .sneak {
            margin: 18px 0 00px 0;
        }
        .maincta p {
            font-size: 14px;
        }
        .maincta .btn-radius-top a {
            padding: 4px 7px;
            font-size: 12px;
        }
        .slick-dots li.slick-active button {
            background-color: #f30144;
        }
        .slick-dots li button {
            width: 16px;
            height: 16px;
            text-indent: -9999px;
            border-radius: 50px;
            border: 2px solid #761c6c;
            margin-left: 2px;
            margin-right: 2px;
        }
        ul.slick-dots li {
            display: inline-block;
        }
        .maincta .callsdivs {
            font-size: 15px;
            text-align: center;
            padding-top: 16px;
        }
        .maincta .callsdivs a + a {
            border: none;
        }
        .maincta .callsdivs .iconphone {
            transform: scale(0.8);
        }
        .maincta {
            padding: 13px 0;
        }
        .homeport-mm {
            padding: 0;
        }
        .sechead h3 {
            font-size: 28px;
            margin-bottom: 5px;
        }
        .sechead p {
            font-size: 16px;
        }
        .toptabs1 li a,
        .toptabs1 li span {
            padding: 7px 0;
            font-size: 14px;
        }
        .toptabs1 li {
            margin: 0 3px;
            width: 130px;
        }
        .hovereffects-det h3 {
            font-size: 16px;
            margin: 5px 0;
        }
        .btnstyles-nn a {
            padding: 3px 18px;
            font-size: 14px;
        }
        .portfolio-mmbx .leftcont-ban a {
            width: 168px;
            margin: 0 auto 10px;
            font-size: 14px;
            padding: 3px 38px !important;
        }
        .portfolio-mmbx .box-ports {
            margin: 0 -5px 15px;
        }
        .det-packages {
            padding: 0 0 10px;
        }
        .portfoliomaindivs .topbartabs {
            padding: 0 30px;
        }
        .det-packages .sechead h3 {
            font-size: 22px;
        }
        .toptabs1 {
            margin: 10px 0;
        }
        .det-packages .boxpackages {
            margin: 20px auto 10px;
            max-width: 280px;
        }
        .packagesall .portfolio-mmbx .leftcont-ban a {
            width: 163px;
        }
        .packagesall .portfolio-mmbx .leftcont-ban a:hover {
            width: 215px;
            margin-bottom: 0;
        }
        .enterprices-bundles {
            padding: 0 0 10px;
        }
        .pacbundles-det .headbx-bundle ul.listbundles-packbx > li > br {
            display: none;
        }
        .pacbundles-det .headbx-bundle ul.listbundles-packbx li:after,
        .packdetails .listpacks li:after {
            left: 20px;
        }
        .enterprices-bundles .totalpackagespricess h4 {
            font-size: 22px;
        }
        .enterprices-bundles .totalpackagespricess .yellcol {
            font-size: 28px;
        }
        .enterprices-bundles .totalpackagespricess .btn-orders-bundles a {
            padding: 5px 20px;
            font-size: 16px;
        }
        .testimonials h3 {
            font-size: 28px;
        }
        .testimonials .row.testi-main {
            padding-top: 0;
        }
        .testimonials .testi .testi-img img {
            margin-right: 10px;
            margin-bottom: 10px;
        }
        .testimonials .testi .testi-img h4 {
            font-size: 16px;
            margin-bottom: 5px;
        }
        .testimonials .testi .testi-img p {
            font-size: 12px;
        }
        .testimonials .testi .testi-img::before {
            transform: scale(0.8) translateX(5px);
        }
        .mainhome .bannermm {
            height: auto;
        }
        body.mainhome .bannermm .leftcont-ban p:before {
            top: 0;
        }
        .mainhome .bannermm .leftcont-ban a,
        .mainhome .bannermm.animbanner .leftcont-ban a,
        .mainhome .bannermm.webbanner .leftcont-ban a {
            width: 285px;
        }
        .mainhome .bannermm .leftcont-ban a:hover,
        .mainhome .bannermm.animbanner .leftcont-ban a:hover,
        .mainhome .bannermm.webbanner .leftcont-ban a:hover {
            width: 335px;
        }
        .portfolio-mmbx .leftcont-ban a:hover {
            width: 210px;
        }
        footer .brdr-top .subcribe input {
            padding: 13px 35px;
            font-size: 12px;
        }
        footer .brdr-top .subcribe i {
            top: 59px;
            left: 28px;
        }
        footer .brdr-top .subcribe button {
            padding: 8px 27px;
        }
        .inner-pg .bannermm .leftcont-ban h1 {
            font-size: 28px;
        }
        .leftcont-ban a i {
            opacity: 0;
        }
        .leftcont-ban a:hover i {
            opacity: 1;
        }
        .portfoliomaindivs .tabschildrens ul li {
            padding: 5px 8px;
        }
        .portfoliomaindivs .tabschildrens ul li span {
            font-size: 13px;
        }
        .portfolio-mmbx .box-ports {
            max-width: 220px;
            margin: 0 auto 35px;
        }
        .portfolio-mmbx .fixportfoliobtns.leftcont-ban a {
            width: 206px;
        }
        .slick-next,
        .slick-prev {
            display: none !important;
        }
        .det-packages .packagesbxs .col-md-3:nth-child(n + 5),
        .inner-pg .portfoliomaindivs .innertabcontents .row .col-md-3:nth-child(n + 9),
        .mainhome .portfoliomaindivs .innertabcontents .row .col-md-3:nth-child(n + 9),
        .mainhome .portfoliomaindivs .innertabcontents .row .col-md-4:nth-child(n + 7) {
            display: block !important;
        }
        footer .social-icons.padd-btd {
            padding: 10px 0;
        }
        .det-packages .boxpackages,
        .logopackages-p .det-packages .tabscontent .col-md-4:nth-child(n + 4) .boxpackages {
            margin: 20px auto 20px;
            padding: 10px 10px;
            max-width: 100%;
            clear: both;
            overflow: hidden;
            float: none;
        }
        .det-packages .boxpackages .packheads h3 {
            font-size: 22px;
        }
        .responsive-slider {
            clear: both;
        }
        .pacbundles-det .headbx-bundle .packbundleprice {
            margin: -10px 0 0;
        }
        .pacbundles-det .headbx-bundle .fleft h4 {
            padding-top: 10px;
        }
        .enterprices-bundles .sechead {
            margin-bottom: 20px;
        }
        .cbp-spmenu-vertical {
            z-index: 99999;
        }
        .det-packages .boxpackages:hover {
            transform: scale(1.04);
        }
        .packagesall .portfolio-mmbx .leftcont-ban {
            margin: 0 auto;
        }
        .packagesall .portfolio-mmbx .leftcont-ban a {
            padding: 7px 20px;
            margin-top: 30px;
        }
        .portfolio-mmbx .leftcont-ban a {
            padding: 6px 20px;
        }
        .tabs-portfolio .slick-dotted.slick-slider {
            margin-bottom: 10px;
        }
        .slick-dots {
            bottom: -20px;
        }
        .portfoliomaindivs.tabsmainport .slick-dots {
            bottom: 0;
        }
        .home-p .det-packages .tabscontent .col-md-4:nth-child(n + 4) .boxpackages {
            display: block;
        }
        .custom-popup h3 {
            font-size: 28px;
        }
        .custom-popup p {
            font-size: 18px;
        }
        .inner-pages .bannermm .leftcont-ban,
        .inner-pg .bannermm .leftcont-ban {
            margin-top: 60px;
        }
        .howworks-mm .col-md-3 + .col-md-3 .designbrief:after,
        .howworks-mm .col-md-3 + .col-md-3 + .col-md-3 .designbrief:before,
        .howworks-mm .col-md-3 + .col-md-3 + .col-md-3 + .col-md-3 .designbrief:before,
        .howworks-mm .designbrief:before {
            display: none;
        }
        .what-offer ul li div {
            min-height: 206px;
        }
        .howworks-mm .designbrief h3 {
            font-size: 18px;
        }
        .howworks-mm .designbrief p {
            font-size: 14px;
        }
        .how-works {
            padding: 0;
        }
        .testimonials .slick-dots {
            display: none !important;
        }
        #section08 .portfoliomaindivs.tabsmainport .slick-dots {
            bottom: 12px;
        }
        body.logodesignport-p.inner-pg #section08 .portfoliomaindivs.tabsmainport .slick-dots {
            bottom: 0;
        }
        body.logodesignport-p.inner-pg #section08 .portfolio-mmbx .box-ports {
            margin: 10px auto 24px;
        }
        #section08 .portfolio-mmbx .box-ports {
            margin: 0 auto 24px;
        }
        body.portfolio #section08 .portfolio-mmbx .box-ports {
            margin: 0 auto 60px;
        }
        .web-design .slick-dotted.slick-slider {
            padding-bottom: 20px;
        }
        .leftcont-ban a,
        .testi-a a {
            font-size: 14px;
            height: auto;
            width: auto !important;
            display: inline-block;
        }
        .leftcont-ban a i.btnarow {
            display: none;
        }
        .leftcont-ban a:hover,
        .testi-a a:hover {
            width: initial !important;
            display: inline-block;
        }
        #alltest .testi-a a {
            display: inline-block;
            width: auto;
        }
        #alltest .testi-a a:hover {
            display: inline-block;
        }
        .testimonials .col-md-6:nth-child(2n):before {
            display: none;
        }
        .testimonials-sec .sechead {
            margin-bottom: 20px;
        }
        .testimo .testimonials-sec .row .col-md-6 + .col-md-6 {
            margin-bottom: 0;
        }
        .web-design .incred-expe .content-incred h4 {
            font-size: 20px;
            line-height: 26px;
        }
        .what-offer.types-main {
            margin-top: 20px;
        }
        .types-box h5 {
            padding: 14px 0 5px;
            font-size: 18px;
        }
        .what-offer p {
            font-size: 14px;
            padding: 0 10px;
        }
        .types-box {
            min-height: 261px;
            margin: 10px auto;
            max-width: 260px;
        }
        .web-design .portfoliomaindivs .portfolio-mmbx .col-md-4:nth-child(n + 7) {
            display: block;
        }
        .web-design .responsive-slider .slick-dots {
            bottom: 5px;
        }
        .animation-service .srvc-box .srvc-lft img,
        .animation-service .srvc-box .srvc-lft video {
            width: 80px;
            margin-bottom: 0;
            margin-right: 12px;
            height: auto;
        }
        .animation-service .srvc-box .srvc-rht h4 {
            font-size: 18px;
            margin: 0;
        }
        .animation-service .srvc-box .srvc-rht p {
            font-size: 12px;
        }
        .animation-service .srvc-box {
            padding: 10px 10px;
            min-height: 150px;
            margin: 0 0 10px;
            position: relative;
        }
        .animation-service .srvc-box .srvc-rht a {
            position: absolute;
            bottom: 8px;
            left: 50%;
            margin: auto;
            transform: translateX(-50%);
        }
        .animation .animation-service {
            padding-bottom: 10px;
        }
        .pricerange-main {
            padding: 0 0 10px;
        }
        .mainpriceng-count {
            margin-top: 20px;
        }
        .mainvideo-dur {
            clear: both;
            padding: 5px 10px;
        }
        .animation-pricing {
            padding: 10px 10px;
            margin-top: 13px;
        }
        .pricerange-main .video-qty {
            padding: 5px 10px;
            margin-top: 8px;
        }
        .pricerange-main .video-duration {
            margin: 0;
        }
        input[type="range"] {
            max-width: 320px;
            margin: 0 auto 5px;
        }
        .pricerange-main .video-qty h6,
        .pricerange-main .video-qty label {
            margin-bottom: 13px;
        }
        .pricerange-main .video-qty #videoqty {
            margin: 0 10px 0 0;
            padding: 3px 5px;
        }
        .pricerange-main .leftcont-ban {
            margin: 0 auto;
            text-align: center;
        }
        .mainpriceng-count .leftcont-ban a {
            margin-top: 28px;
        }
        .video-development {
            padding: 20px 0;
        }
        .video-development .vd-devp-fr h2 {
            font-size: 28px;
            margin: 5px 0;
        }
        .video-development .vd-bef:before,
        .video-development .vd-devp span {
            display: none;
        }
        .video-development .vd-devp > div {
            padding: 10px 10px;
            min-height: auto;
            max-width: 276px;
            margin: 0 auto 10px;
            text-align: center;
        }
        .video-development img {
            margin: 0 auto;
        }
        .video-development .padd-tp {
            padding-top: 10px;
        }
        .video-development {
            min-height: auto;
        }
        .branding .branding-portfolio .bg1-description {
            flex-wrap: wrap-reverse;
        }
        .branding .branding-portfolio .c-tabs-description {
            padding: 0;
        }
        .c-tabs .col-md-3 h3 {
            font-size: 22px;
            line-height: normal;
        }
        .c-tabs .col-md-3 p {
            font-size: 13px;
        }
        .c-tabs .tabs-list li a {
            font-size: 14px;
            padding: 8px 14px;
        }
        .branding-portfolio {
            padding: 20px 0;
        }
        .branding .branding-portfolio .tab-content .bg1-description {
            padding: 10px 0 0;
        }
        .branding-portfolio .c-tabs-description h3 {
            font-size: 20px;
            margin: 10px 0 5px;
        }
        .branding .branding-portfolio .c-tabs-description p {
            font-size: 13px;
            line-height: 21px;
            min-height: auto;
        }
        .branding .branding-portfolio .c-tabs-description a {
            padding: 5px 30px;
            font-size: 16px;
        }
        .branding .branding-portfolio .bg1-description img {
            max-width: 225px;
            margin: -48px 0 0 auto;
            display: block;
        }
        .tabscontent {
            clear: both;
        }
        .incred-expe .padtop150 {
            padding-top: 20px;
        }
        .about-phylosophy-bg .phylosophy-box {
            padding: 0;
            margin: 20px 0;
        }
        .about-phylosophy-bg .phylosophy-box i {
            left: -10px;
        }
        .about-phylosophy-bg {
            min-height: auto;
        }
        .accordion-faq a.accord-tab {
            padding: 20px 10px;
            font-size: 14px;
            min-height: auto;
        }
        .accordion-faq > li:after {
            font-size: 24px;
        }
        .sitemap-main .termcndtn ul li {
            font-size: 14px;
            padding-left: 14px;
        }
        .sitemap-main .termcndtn ul li:before {
            top: 3px;
            margin: 5px 0;
        }
        .sitemap-main.stp .termcndtn ul li:before {
            top: 11px;
            margin: 5px 0;
        }
        .sitemap-main .termcndtn ul li:before {
            width: 4px;
            height: 4px;
        }
        .sitemap-main .col-sm-5ths {
            padding: 0;
        }
        .sitemap-main .sp-section {
            min-height: auto;
        }
        body.sitemap-main .sec-pad.termcndtn.sp-section .row {
            display: flex;
            flex-direction: column;
            padding: 0 10px;
            flex-wrap: wrap;
            height: 560px;
        }
        .contact-form-main .red-bg h3 {
            font-size: 22px;
            margin: 0 0 10px;
        }
        .contact-form-main .red-bg {
            padding: 10px 15px;
            width: 100%;
            text-align: center;
        }
        .contact-form-main .red-bg h4 {
            font-size: 18px;
            margin: 0 0 8px 0;
            border-bottom: 1px solid #fff;
            padding: 0;
            display: inline-block;
        }
        .contact-form-main .gray-bg h4 {
            font-size: 20px;
            margin: 0 0 15px 0;
            border-bottom: 1px solid #fff;
            padding: 0;
            display: block;
            text-align: center;
        }
        .contact-form-main .red-bg p {
            margin: 0 0 16px 0;
            font-size: 16px;
        }
        .contact-form-main .red-bg h4:before {
            display: none;
        }
        .contact-form-main .red-bg .social-icons > div {
            margin: 10px 0 0;
        }
        .contact-form-main .gray-bg {
            padding: 15px 16px;
            width: 100%;
        }
        .contact-form-main .gray-bg .field {
            margin: 0 10px 15px 0;
            width: calc(50% - 10px);
        }
        .contact-form-main .mm-field.phone fieldset {
            top: 6px;
        }
        .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,
        .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type="tel"],
        .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type="text"] {
            padding-left: 93px;
        }
        .contact-form-main .gray-bg .field input[type="text"],
        .contact-form-main .gray-bg .field select,
        .contact-form-main .gray-bg .field textarea {
            padding: 8px 16.5px 8px 30px;
            height: auto;
            font-size: 13px;
        }
        .fixedform-1 .input-btn > input {
            padding: 7px 10px;
            font-size: 16px;
        }
        .fixedform-1 .input-btn::after {
            display: none;
        }
        .mm-field.email fieldset,
        .mm-field.name fieldset {
            top: 8px;
            left: 37px;
        }
        .contact-form-main .gray-bg .field i.email {
            top: 12px;
        }
        .contact-form-main .gray-bg .field i.user {
            top: 9px;
        }
        .contact-form-main .gray-bg .field i {
            top: 8px;
        }
        .contact-form-main .red-bg {
            min-height: auto;
            padding: 10px 15px 20px;
        }
        .contact-main {
            margin: 10px 0 20px 0;
        }
        .contact .sechead {
            margin-bottom: 30px;
        }
        .fixedform-1 .jform .mm-field.namefield::before {
            transform: scale(0.8) translateX(-3px);
            height: 41px;
            background-position: -712px -1px;
        }
        .fixedform-1 .jform .mm-field.emailfield::before {
            transform: scale(0.8) translateX(-3px);
            height: 41px;
            background-position: -713px -41px;
        }
        .fixedform-1 .jform .mm-field.selectsertvice::before {
            transform: scale(0.8) translateX(-3px);
            height: 41px;
            background-position: -756px -1px;
        }
        .fixedform-1 .mm-field fieldset.active {
            left: 37px;
            font-size: 9px;
        }
        .fixedform-1 fieldset {
            top: 12px;
            font-size: 14px;
            left: 40px;
        }
        .fixedform-1 .mm-field input,
        .fixedform-1 .mm-field input[type="text"],
        .fixedform-1 .mm-field select,
        .fixedform-1 .mm-field textarea,
        [type="email"] {
            padding: 10px 8px 10px 8px;
        }
        .fixedform-1 .mm-field {
            margin-bottom: 10px;
        }
        .custom-popup {
            overflow-y: scroll;
            display: block;
        }
        .howworks-mm .designbrief:hover .processicons {
            transform: scale(1);
        }
        header .logo {
            margin-left: 100px;
        }
        .header-icon-box ul li.last a {
        border: 1px solid #e2013f;
        color: #1b1919;
    }
    .header-icon-box ul li i {
        color: #e2013f;
    }
    .header-icon-box ul li.first a {
        color: #e2013f;
        border-right: 1px solid #CCC;
    }
    a.toggle-menu:before {
           color: #e2013f;
    }

    .cbp-spmenu-vertical a {    
        font-size: 12px;
    }
    .leftcont-ban {
        max-width: 80%;
    }
    .bannermm .leftcont-ban p {
        line-height: 24px;
    }
    .video-banner-before:before{
        display: none;
    }
    .bannermm.animbanner {
        background-position: left;
    }
    .main-service-wrap {
        padding: 35px 0px;
    }
    .tab-content {
        padding-bottom: 0px !important;
    }
    .service-order {
        font-size: 14px;
        padding: 3px 2px 3px 18px;
        margin-left: 5px;
    }
    .inner-service-cta ul li.first {
        display: none;
    }
    .inner-tab-content .service-tab-content-wrap {
        margin-top: 30px;
    }
    .service-cta ul {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
    }
    .service-cta ul li{
        padding-bottom: 20px;
    }
    }


        .tecnoglywrp {
            background-image: url(../images/account-orbs.svg);
            padding: 80px 0 40px;
            font-size: 0;
            background-position: -24px 110px;
            background-repeat: no-repeat;
            background-size: 47%;
            margin: 60px 0 0
        }
    
        .tecnoglywrp .txtwrp {
            display: block;
            text-align: center
        }
    
        .tecnoglywrp .imgwrp img {
            margin-top: -27px;
            float: right;
            width: 110%;
            margin-right: 40px
        }
    
        .tecnoglywrp .txtdiv {
            margin: 80px 0 0
        }
    
        .tecnoglywrp .txtdiv ul li {
            font-size: 16px;
            position: relative;
            display: inline-block;
            width: 50%;
            padding: 0 0 0 20px;
            color: white;
        }
    
        .tecnoglywrp .txtdiv ul li:before {
            content: '';
            width: 5px;
            height: 10px;
            border: solid #fff;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
            position: absolute;
            left: 0;
            top: 4px;
        }
    
        .tecnoglywrp .btnwrp {
            padding: 30px 0 0;
            display: block;
        }

        .tecnoglywrp .main-pera {
            font-size: 1rem;
        }

.banner-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
}