@import url('https://fonts.googleapis.com/css2?family=Calistoga&display=swap');
.video-container {
    position: absolute;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: -1;
    top: 0;
}
.calistoga{
    font-family: 'Calistoga', serif;
}

.overlay, .video {
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    background-color: #00000080;
}

 .video {
    left: 0;
    object-fit: cover
}

.navbar-light .navbar-nav .nav-link {
    color: var(--white);
   font-weight: 500;
}
header .container-fluid{
    border-radius: 5px;
    margin: 0 70px;
}
.primary-btn , .secondary-btn {
    font-size: 14px;
    color: var(--white);
    font-weight: 400;
    background-color: var(--black);
    padding: 12px 25px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.primary-btn:hover , .secondary-btn:hover {
    background-color: var(--white);
    color: var(--BLACK);
    FONT-WEIGHT: 500;
}
.idnex-banner-bg{
    height: 100vh;
    z-index: 0;
    display: flex;
    align-items: center;
}
.web-banner-bg{
    background: url(../images/web-services/web-design-banner.png) center top / cover no-repeat;
    height: auto;
    padding-top: 0;
    padding-top: 200px;
}
.seo-service{
    background: url(../images/web-services/seo-service-bg.png) center top / cover no-repeat;
    height: auto;
    padding-top: 0;
    padding-top: 200px;
}
.smm-bg{
    background: url(../images/smm/smm-banner-bg.png) center top / cover no-repeat;
    height: auto;
    padding-top: 0;
    padding-top: 200px;
}
.global-bg{
    background-color: #154F59;
    height: auto;
    padding-top: 0;
    padding-top: 150px;
}

header {
    position: absolute;
    right: 0;
    left: 0;
    top: 10px;
    z-index: 999999;
}
.big-title {
    position: absolute;
    bottom: 10%;
    left: 5%;
}
.big-title h1{
    font-size: 120px;
    font-weight: 900;
    color: black;
    -webkit-text-fill-color: #ffffff00;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--white);
    
}
.mobile.acive{
    background: url(../images/mobile-application-bg.png) center top / cover no-repeat;
}
.service-tabs {
    background-image: url('../images/webdevelopment-bg.png'); /* Example image URL */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 150px;
  }
  /* .service-tabs{
    background: url(../images/webdevelopment-bg.png) center top / cover no-repeat;
    padding-bottom: 150px;
  } */
.services  .left-content ul li a {
    font-size: 25px;
    color: var(--white);
    font-weight: 300;
}

.services  .left-content ul li a:hover {
    color: var(--red);
    padding-left: 20px;
}
.services  .left-content ul li {
    line-height: 50px;
}
.card-wrap {
    border: 1px solid var(--black);
    padding: 19px;
    margin-bottom: 20px;
    min-height: 280px;
    
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.card-wrap a {
    font-size: 14px;
    color: var(--red);
    font-weight: 500;
    padding-top: 10px;
    display: block;
}
.card-wrap:hover,
.card-wrap:hover span {
    background-color: var(--red);
    color: var(--white);
}
.card-wrap:hover a{
    color: var(--black);
}
.logo-img{
max-width: 35%;    
}
.client-logo img {
    max-width: 40%;
}
.client-logo .slick-track{
    display: flex;
    align-items: center;
}
.bg-service {
    background: url(../images/web-services.jpg) center top / cover no-repeat;
    height: 50vh;
}
.before-testimonial .primary-btn ,
.before-testimonial .secondary-btn,
.banner .secondary-btn,
.banner .primary-btn{
    background-color: #872640  ;
    color: var(--white);
}
.before-testimonial .primary-btn:hover ,
.before-testimonial .secondary-btn:hover,
.banner .secondary-btn:hover,
.banner .primary-btn:hover{
    background-color: var(--black);
    color: var(--white);
}

.after-testimonial {
    background-color: #8080801a;
}
.testi-slide {
    color: black;
    margin: 5px !important;
    padding: 30px;
    margin: 0 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    color: black;
}

.testi-slide svg {
    padding-bottom: 10px;
    color: #ffd42d;
}

.testi-slide img {
    max-width: 80%;
}
.testi-slide p {
    font-weight: 200;
    line-height: 23px;
    padding-bottom: 12px;
}
.reviews {
    display: flex;
    justify-content: center;
    gap: 20px;
}
.index-form input {
    display: block;
    height: 45px;
    margin-bottom: 10px;
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    font-size: 14px;
}
.index-form{
    max-width: 400;
    background-color: var(--red);
    padding: 30px;
    border-radius: 30px;
    margin-left: auto;
    margin-right: 20px;
}

.index-form textarea {
    height: 100px;
    display: block;
    width: 100%;
    border-radius: 5px;
    padding: 10px;
    padding: 10px;
}
.index-form button {
    font-size: 16px;
    font-weight: 500;
    display: block;
    margin: 20px auto 0 auto;
    background-color: var(--black);
    color: var(--white);
    padding: 10px 20px;
    border-radius: 5px;
}

.our-work h5,
.service-tabs h3{
    font-size: 50px;
    font-weight: 900;
    color: black;
    -webkit-text-fill-color: #ffffff00;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
}
.work img {
    max-width: 380px;
    margin: auto;
    display: block !important;
}
.conversation h5{
    font-size: 50px;
    font-weight: 900;
    color: black;
    -webkit-text-fill-color: var(--white);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(black);
}
.red-gradient-bg{
    background: linear-gradient(90deg, rgba(199,39,39,1) 50%, rgba(0,0,0,1) 50%);
}

.footer h3{
    font-size: 60px;
    font-weight: 900;
    color: black;
    -webkit-text-fill-color: #ffffff00;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
}
.social li a {
    font-size: 18px;
    color: var(--black);
    border: 1px solid var(--black);
    padding: 8px 12px;
    margin: 5px;
    display: inline-block;
}

.social li a:hover {
    background-color: var(--red);
    color: var(--white);
}
.footer .left-content {
    padding-right: 50px;
}
.footer .right-content {
    padding-left: 50px;
}
.footer p {
    font-size: 15px;
    font-weight: 200;
    padding: 20px 0;
}
.footer .left-content ul li a {
    color: var(--white);
}

.footer .left-content ul li a:hover {color: var(--black);}

.footer .left-content ul li {
    line-height: 25px;
}
.footer .right-content ul li a {
    font-size: 15px;
    color: var(--white);
    font-weight: 200;
    line-height: 35px;
}

.footer .right-content ul li a:hover {
    color: var(--red);
}
.service-tabs .nav-tabs {
    border-bottom: 1px solid #dee2e6;
    display: block;
}
.service-tabs .nav-link {
    font-size: 25px;
    color: var(--white);
    font-weight: 300;
    line-height: 55px;
    border-bottom: 1px solid #ffffff57;
    padding-left: 0;
    min-width: 80%;
    text-align: left;
    border-left: none;
    border-top: none;
    border-right: none;
    display: flex;
    align-items: center;
    gap: 10px;
}
.service-tabs .nav-tabs .nav-link.active {
    color: var(--white);
    background-color: transparent;
    border: none;
    margin-left: 50px;
    font-weight: 600;
    border-bottom: 1px solid #ffffff57;
    min-width: 73%;
}
.service-tabs .nav-tabs .nav-link:hover,
.service-tabs .nav-tabs .nav-link:focus{
    border-left: none;
    border-top: none;
    border-right: none;
}
.slick-dots li {
    width: 11px;
    height: 11px;
    background-color: #D9D9D9;
    border-radius: 40px;
  }
  .slick-dots li:active {
    background-color: #979696;
  }
  .slick-dots li.slick-active button:before {
      background-color: #979696;
    width: 15px;
    height: 15px;
    border-radius: 40px;
  }
  .slick-dots li button:before,
  .slick-dots li.slick-active button:before {
    color: transparent;
        top: -2px; !important
  }
  .navbar-toggler:focus {
    box-shadow: none;
}
.navbar-light .navbar-toggler {
    border-color: transparent;
}
.banner  ul li {
    line-height: 35px;
    font-size: 25px;
    font-weight: 300;
}
.web-design-btn {
    font-size: 22px;
    font-weight: 600;
    background-color: var(--dark-blue);
    padding: 15px 30px;
    border-radius: 10px;
    position: relative;
    z-index: 1;
    color: var(--blue);
}
.web-design-btn svg {
    padding-left: 25px;
    color: var(--white);
}
.web-design-btn::before {
    position: absolute;
    content: '';
    width: 80%;
    height: 100%;
    background-color: var(--white);
    left: 0;
    top: 0;
    border-radius: 10px;
    z-index: -1;
    clip-path: polygon(0 0, 100% 0, 88% 100%, 100% 100%, 100% 100%, 0% 100%);
}
.lead-form input {
    display: block;
    width: 100%;
    height: 70px;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid white;
    margin-top: 20px;
    background : transparent;
    color :white;
}
.lead-form input::placeholder,.lead-form textarea::placeholder {
  color: white;
}

.bg-green-t{
    background-color: #154f59a1;
    width : max-content;
    border-radius : 40px;
}
.lead-form {
    max-width: 500px;
    border-radius :60px;
    padding: 40px;
}
.cream-transparent{
    background-color: #ffd7de5c;
    border-radius: 40px;
    width : max-content;
}
.red-t, .cream-transparent, .bg-green-t , .sky-transparent{
    color: white;
}
.sky-transparent{
    background-color: #007ecf96;
    width :max-content;
    border-radius : 40px;
}

.red-t button ,.cream-transparent button, .bg-green-t button , .sky-transparent button {
    color: white;
}
.red-t{
    background-color: #872640;
    border-radius: 40px;
    width: max-content;
}
.lead-form textarea {
    width: 100%;
    height: 100px;
    border: 0;
    border-bottom: 1px solid white;
    margin-top: 20px;
    background : transparent;
    color :black;
}
.lead-form button {
    background-color: transparent;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
}

.lead-form button svg {
    background-color: var(--red);
    padding: 10px;
    clip-path: circle();
    color: var(--white);
    transform: rotate(307deg);
}
.platform-slider .slick-slide img {
    max-width: 70%;
}
.platform-slider .slick-track{
    display: flex;
    align-items: center;
}
.count , .counter .col-6 span:nth-child(2),
.count , .counter .col-4 span:nth-child(1), .counter .col-4 span:nth-child(2){
    font-size: 60px;
    font-weight: 800;
    line-height : 50px;
}
.card-ser {
    min-width: 280px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 30px 20px;
    min-height: 260px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
    box-sizing : content-box;
}
.service-card .row {
    row-gap: 20px;
}
.card-ser:hover {
    background-color: var(--light-blue);
    color: var(--white);
}
.our_portfolio_Sec .chat-btn  , .content__one  .chat-btn{
    background-color: var(--red);
    border: navajowhite;
    border: 2px solid transparent;
}

.our_portfolio_Sec .chat-btn:hover , .content__one  .chat-btn:hover {
    background: transparent;
    border: 2px solid var(--red);
}
.our_portfolio_Sec .call-btn , .content__one  .call-btn  {
    background-color: transparent;
    border: 2px solid var(--black);
}

.our_portfolio_Sec .call-btn:hover  ,.content__one  .call-btn:hover {
    background-color: var(--black);
    color: var(--white);
    border: 2px solid transparent;
}
/* portfolio */
.portfolio_box_img {
    display: inline-block;
    height: 750px;
    overflow: hidden;
    margin-bottom: -6px;
    margin: 10px;
}


.portfolio_box_img figure img {
    width: 100%;
}
.portfolio_box_img:hover a:after {
    opacity: 1;
    position: absolute;
    content: "\f067";
    font-family: FontAwesome;
    left: 50%;
    top: 48%;
    width: 48px;
    margin-left: -24px;
    margin-top: -24px;
    color: #fff;
    font-size: 48px;
    line-height: 48px;
    text-align: center;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    text-shadow: 0 0 10px rgb(0 0 0 / 25%);
    z-index: 999;
}

.portfolio_box_img:hover a:before{
  content: '';
  background: rgb(0 0 0 / 25%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 99;
}

.portfolio_box_img a:hover img {
    top: -100%;
}

.portfolio_box_img a figure img {
    width: 100%;
    position: relative;
    top: 0;
    transition: 2s all;
}

.portfolio_box_img a {
    width: 100%;
    height: 100%;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    position: relative;
    display: inline-block;
}
.portfolio_box_img a figure {
    margin-bottom: 0;
    height: 500px;
}
.logo_port .portfolio_box_img a:hover img {
    top: 0;
}

.logo_port .portfolio_box_img {
    height: auto;
    /* margin-bottom: -10px; */
    width: 100%;
}

.logo_port .portfolio_box_img a figure {
    height: auto;
}

.logo_port .portfolio_box_img {
    border: 3px solid #fff;
}

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

.logo_port .portfolio_box_img a figure img {
    width: 100%;
}
.portfolio_box_img {
    height: 580px;
}
.portfolio .nav-link {
    FONT-SIZE: 20PX;
    COLOR: var(--dark-blue);
    font-weight: 700;
    background-color: var(
    --white) !important;
    margin: 0 10px;
    padding: 8px  25px;
    border-radius: 30px !important;
}
.testimonial-card {
    min-width: 400px;
    padding: 30px 20px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin: 10px;
}
.testimonial-card svg {
    color: var(--white);
    background-color: #73CF11;
    padding: 10px 8px;
}
.web-cta{
   background-color: rgba(4,76,146,1);
}
.smm-cta{
    background: var(--dark-red) !important;
}
.global-cta{
    background: #19384B !important;
}
   
.web-cta ul li {
    line-height: 31px;
}
.web-cta a {
    font-size: 16px;
    font-weight: 600;
    background-color: var(--white);
    padding: 20px 25px;
    border-radius: 10px;
    margin: 0;
    color: var(--black);
}

.web-cta a:hover {
    background-color: var(--black);
    color: var(--white);
}
.price-card {
    min-width: 370px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 30px 20px;
    border-radius: 5px;
    background-color: var(--white);
    margin-bottom: 20px;
}

.price-card p {
    padding: 10px 10px 15px 0;
}

/* .price-card div span:nth-child(1) {
    font-size: 50px;
} */
.price-card a {
    margin: 20px 0;
    font-size: 26px;
    font-weight: 500;
    border: 2px solid var(--blue);
    color: var(--blue);
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 5px;
    border-radius: 4px;
}
.price-card a:hover{
    background-color: var(--light-blue);
    color: var(--white);
}
.price-card ul li {
    line-height: 38px;
}
.price-card ul li svg{
    margin-right: 5px;
    color: #E8EDFB;
    font-size: 20px;
}
.web-details{
 background-color: #C1C8CE;
}
.moretext {
    display: none;
}
.web-details .secondary-btn{
    width: max-content;
    background-color: var(--blue);
}
.web-details .secondary-btn:hover{
    color: var(--white);
}
.bg-dark-green{
    background-color: #14555D;
}
.before-lead-form{
    background: url(../images/web-services/after-form-img.jpg) center center / cover no-repeat;
}
.global-form{
   background : white;
}

.faqs-wrap{
    background-color: #D6F2FC;
}

.darkred-gradient-bg{
    background: linear-gradient(90deg, rgba(93,10,70,1) 50%, rgba(161,53,71,1) 50%);
}
.green-gradient-bg{
    background: linear-gradient(90deg, rgba(25,56,75,1) 50%, rgba(20,87,94,1) 50%);
}
.sky-gradient-bg{
    background-image: linear-gradient(90deg, rgba(0,73,144,1) 50%, rgba(0,126,207,1) 50%);
}

.global-faq .accordion-button{
    background-color: #D6F2FC !important;
}
.global-faq .accordion-body{
    background-color: #D6F2FC !important;
}
.smm-faq .accordion-button{
    background-color: var(--light-red) !important;
}
.smm-faq .accordion-body{
    background-color: var(--light-red) !important;
}
.global-faq .accordion-button {
    background-color: #d6f2fc !important;
}
.faqs-wrap .accordion-button {
    background-color: var(--sky);
    font-size: 18px;
    font-weight: 500;
    padding: 23px 0;
}
.faqs-wrap .accordion-body {
    background-color: var(--sky);
    padding: 15px 0;
}   
.faqs-wrap  .accordion-item {
    border-bottom: 1px solid #8080808f;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}
.faqs-wrap .accordion-button:not(.collapsed) {
    color: var(--BLACK);
}
.faqs-wrap .accordion-button:focus {
    box-shadow: none;
}
.counter .row .col-12 span:nth-child(2){
    font-size: 60px;
}
.social-platform-list li {
    display: flex;
    justify-content: center;
    gap: 25px;
}

.social-platform-list {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.process-card {
    text-align: center;
    background-color: #77cbe8 !important;
    padding: 50px;
    position: relative;
}
.process-card::before{
    position: absolute;
    content: '';
    width: 50px;
    height: 50px;
    background-color: var(--sky);
    clip-path: polygon(0 0, 46% 100%, 100% 0);
    bottom: -40px;
    left: 11%;
}
.smm-pricing .price-card:hover {
    background-color: var(--dark-red);
    color: var(--white);
}
.smm-pricing .price-card:hover a,
.smm-pricing .price-card:hover svg{
    color: var(--white);
    border-color: white;
}
.global-pricing .price-card:hover {
    background-color: #19384B;
    color: var(--white);
}
.global-pricing .price-card:hover a,
.global-pricing .price-card:hover svg{
    color: var(--white);
    border-color: white;
}
.card-wrap {
    display: grid;
    grid-template-columns: auto auto;
    border: 0;
}

.card-wrap li {
    display: flex;
    align-items: center;
    gap: 40px;
    background: linear-gradient(90deg, rgba(130,33,70,1) 19%, rgba(161,53,71,1) 15%);
    margin: 10px;
    padding: 30px;
    border-radius: 20px;
    color: var(--white);
}

.card-wrap div span {
    padding-bottom: 14px;
    display: block;
}
.global-card .card-ser:hover{
    background-color: #14555D;
}
.smm-card .card-wrap:hover,
.smm-card .card-wrap:hover span{
    background-color: transparent;
}
.smm-card .card-ser:hover{
    background-color: var(--dark-red);
    color: var(--white);
}
.global-process .process-card{
    background-color: #19384B;
    color: var(--white);
}
.global-process .process-card::before {
    background-color: #19384B;
}
.bg-red{
    background-color: #c72727  !important;
    
}

.bg-ahs{
    background-color: #837f7f;
}
.smm-process .process-card {
    color: var(--white);
    text-align: left !important;
    min-height: 225px;
    padding: 30px;
    position: relative;
}
.smm-process .process-card::before {
   display : none;
}
.smm-process .process-card span {
     position: absolute;
    font-size: 40px;
    font-weight: 900;
    right: 2%;
    top: -2%;
    color: black;
    -webkit-text-fill-color: #ffffff00;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;;
}
.bg-l-grey{
    background-color: #1A2C3F;
}
.global-bg img {
    display: block;
    margin: 30px auto 0 auto;
    max-width: 50%;
}
.branding .secondary-btn {
    width: max-content;
    margin-right: 20px;
    display: revert;
}
.branding-img {
    min-width: 60%;
}
.branding ul li{
    font-size: 18px;
    line-height: 30px;
}
.branding ul{
    margin: 10px 0;
}

.service-card .slick-dots li,
.portfolio .slick-dots li,
.testimonial .slick-dots li {
    width: 10px;
    height: 10px;
    background-color: var(--black);
  }
.service-card  .slick-dots li:active,
.portfolio .slick-dots li:active,
.testimonial .slick-dots li:active ,
.pricing .slick-dots li:active,
.seo-process .slick-dots li:active,
.seo-dots .slick-dots li:active{
    background-color: #14575E;
  }
.service-card  .slick-dots li.slick-active button:before,
.portfolio  .slick-dots li.slick-active button:before ,
.testimonial  .slick-dots li.slick-active button:before ,
.pricing  .slick-dots li.slick-active button:before,
.seo-process  .slick-dots li.slick-active button:before{
    background-color: #14575E;
    width: 10px;
    height: 10px;
  }
.service-card  .slick-dots li button:before,
.portfolio li.slick-active button:before,
.testimonial li.slick-active button:before ,
.seo-process li.slick-active button:before {
    color: transparent;
}
.text-bl{
    color: #81aed3;
}
.seo-process .row:nth-child(2) .col-12:nth-child(2) .process-card,
.seo-process .row:nth-child(2) .col-12:nth-child(2) .process-card::before {
    background-color: #1575A9;
    color: white;
}
.seo-process .row:nth-child(2) .col-12:nth-child(3) .process-card,
.seo-process .row:nth-child(2) .col-12:nth-child(3) .process-card::before {
    background-color: #0e2a55;
    color: white;
}

.seo-dots .slick-dots li {
    width: 10px;
    height: 10px;
    background-color: #caecff;
  }
.seo-dots  .slick-dots li:active{
    background-color: #1575a9;
  }
.seo-dots  .slick-dots li.slick-active button:before{
    background-color: #1575a9;
    width: 10px;
    height: 10px;
  }
.seo-dots  .slick-dots li button:before {
    color: transparent;
}
.light-red{
    background-color: #ffd7de;
}
.light-red-x{
    color: #d3819d;
}

.smm-dots .slick-dots li {
    width: 10px;
    height: 10px;
    background-color: #d3819d;
  }
.smm-dots  .slick-dots li:active{
    background-color: #842246;
  }
.smm-dots  .slick-dots li.slick-active button:before{
    background-color: #842246;
    width: 10px;
    height: 10px;
  }
.smm-dots  .slick-dots li button:before {
    color: transparent;
}
.light-bl{
    color: #95b2ce;
}



.web-dots .slick-dots li {
    width: 10px;
    height: 10px;
    background-color: #004990;
  }
.web-dots  .slick-dots li:active{
    background-color: #007ecf;
  }
.web-dots  .slick-dots li.slick-active button:before{
    background-color: #007ecf;
    width: 10px;
    height: 10px;
  }
.web-dots  .slick-dots li button:before {
    color: transparent;
}

.home-dots .slick-dots li {
    width: 10px;
    height: 10px;
    background-color: #c72727;
  }
.home-dots  .slick-dots li:active{
    background-color: #fc6767;
  }
.home-dots  .slick-dots li.slick-active button:before{
    background-color: #fc6767;
    width: 10px;
    height: 10px;
  }
.home-dots  .slick-dots li button:before {
    color: transparent;
}
.bg-sm-red{
    background-color: #fc6767;
}
.nav-link:active .service-tabs{
    background-color: red;
}
.pricing-tab-content .nav-link {
    font-size: 16px;
    font-weight: 500;
    background-color: var(--black);
    color: white;
    padding: 10px 40px;
    border-radius: 40px;
    border: 2px solid transparent;
}
.pricing-tab-content .nav-tabs .nav-link.active {
    font-size: 16px;
    font-weight: 500;
    background-color: var(--red);
    color: white;
    padding: 10px 40px;
    border-radius: 40px;
    border: 2px solid transparent;
}
.pricing-tab-content .nav-link:hover {
    background-color: transparent;
    border: 2px solid var(--black);
    color: var(--black);
}
#portfolio{
display:none;
}
.portfolio-btn {
    font-size: 16px;
    font-weight: 500;
    background-color: var(--white);
    padding: 10px 30px;
    border-radius: 40px;
    display: block;
    margin: 20px auto auto auto;
}

.portfolio-btn:hover {
    background-color: var(--black);
    color: var(--white);
}

 .nav-item svg {
    background-color: var(--white);
    color: var(--black);
    padding: 10px;
    clip-path: circle();
    font-size: 19px;
}
.banner .video {
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
}
.seo-portfolio img {
    border-radius: 10px;
    min-height: 323px;
    margin : auto;
}
.web-banner-bg form{
    background-color: #95b2ce87;
    padding: 40px;
    border-radius: 20px !important;
    border-radius: 5px;
}

.web-banner-bg form input{
    padding-left: 10px;
    border-bottom: 1px solid white;
    border-radius: 5px;
    margin: 10px 0;
}
.web-banner-bg form textarea{
    padding: 15px;
    border-radius: 5px;
}
.web-banner-bg form p ,
.web-banner-bg form  h4{
    color: var(--white);
}
.card-ser p {
    min-height: 90px;
    overflow: auto;
}
.price-card ul {
    height: 300px;
    overflow: auto;
}
.price-card ul::-webkit-scrollbar {
    width: 2px;
  }
   
  .price-card ul::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  }
   
  .price-card ul::-webkit-scrollbar-thumb {
    background-color: var(--dark-blue);
    outline: 1px solid  var(--dark-blue);
  }
 
.client-slider img {
  padding: 10px;
  max-width: 90%;
  min-height: 100%;
  margin: auto;
  display: block;
}
.client-slider figure {
    min-height: 120px;
    max-width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #422059;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.client-logo {
    background-image: url(../images/client-bg.jpg);
    background-size: auto;
}

.form-wrap .primary-btn:hover,
.form-wrap .secondary-btn:hover{
    background-color  :#c72727;
    color: white;
}
.h-social svg {
    font-size: 20px;
    width: 30px;
    height: 20px;
}

.h-social {
    background-color: white;
    padding: 10px;
    clip-path: circle(41%);
    display: flex;
    align-items: center;
    color: black;
}

.h-social .fa-phone {
    width: 15px;
    padding: 3px;
}

.h-social:hover {
    background-color: black;
    color: #c72727;
}
.testimonial-box {
    min-height: 285px;
    padding: 10px;
    display: flex;
    align-items: center;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}


.sky-color{
    color : #81aed3 ;
}

.branding a:hover {
    background-color: #154F59;
    color :white;
}

.light-red{
    color :#d3819d;
}

.smm-dots .card-ser:hover{
    background-color :#771A46;
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
    color :white;
}

.seo-dots .card-ser {
    max-height: 303px;
}

.seo-dots .card-ser p {  
    height: 135px;
}

.icon{
        max-width: 65px;
}

.seo-form-bg{
    background: url(../images/web-services/form-bg.jpg) center right/ contain no-repeat;
}

.smm-form-bg{
    background: url(../images/smm/global-after-pricing.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center right;
}

.thankyou-banner-bg{
     background-color : #000000db;
     padding: 220px 0;
}
.about-banner-bg{
     background: url(../images/web-services/About-Us-Landing-Page-01.png) center center/ cover no-repeat;
     padding: 220px 0;
}
.about-banner-bg p {
    font-size: 25px;
    font-weight: 300;
}
.about-banner-bg h4 {
    font-size: 25px;
    font-weight: 300;
}
.about-banner-bg h3, .thankyou-banner-bg h3 {/* Prefix required. Even Firefox only supports the -webkit- prefix */
  
    color: #ffffff00;
    -webkit-text-fill-color: #ffffff00; /* Will override color (regardless of order) */
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
    font-size: 60px;
    font-weight: 900;
    text-transform: uppercase;
    padding-top: 20px;
}
.platform-wrap-slider1 img,
.platform-wrap-slider2 img{
    max-width: 60px;
}

section.plateform .txt h2 {
    font-size: 40px;
      font-weight: 800;
    color: #591F5A;
}
.bg-l-grey{
        background: #DADADA;
}
section.before-slider .left-content h2 {
    font-size: 40px;
    font-weight: 800;
    line-height: 46px;
}

section.before-slider .left-content p {
    font-size: 17px;
    line-height: 24px;
    padding-top: 20px;
}

section.before-slider .right-content h3 {
    font-size: 30px;
    font-weight: 700;
    color: black;
    line-height: 36px;
}

section.before-slider .right-content .box-w {
        border-radius: 10px;
    background: #dadada;
    box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.25);
    transition: .3s all ease-in-out;
    height: 290px;
    width: 100%;
    max-width: 300px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px;
}

section.before-slider .right-content p {
    font-size: 18px;
    color: black;
}
.contact-banner-bg{
    background: url(../images/web-services/About-Us-Landing-Page-01.png) center center/ cover no-repeat;
        padding: 140px 0 80px 0;
}
.contact-banner-bg .title p {
    font-size: 20px;
}
.map-wrap iframe{
    margin-bottom: 0;
    padding: 0;
    display: block;
    width: 100%;
    border: none;
    height :500px;
}
.testi-slide p {
    height: 150px;
    overflow: auto;
    padding-right : 10px;
}
.testi-slide P::-webkit-scrollbar {
  width: 1px;
}
 
.testi-slide P::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
.testi-slide P::-webkit-scrollbar-thumb {
  background-color: #00b67b;
  outline: 1px solid #00b67b;
}
.navbar-expand-lg .navbar-nav .dropdown-menu img {
    max-width: 45px;
    border: 1px solid black;
    padding: 5px;
    border-radius: 10px;
}
.global-form .right-content .accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #F3F3F3;
    box-shadow: none;
    border: none;
    font-size: 18px;
    color: black;
    font-weight: 600;
}
.global-form .right-content .accordion-button {
     background-color: #F3F3F3;
   font-weight : 600;
    font-size: 18px;
    color: black;
    margin-bottom : 15px;
}
.global-form .right-content .accordion-item {
    border : 0;
}
.global-form .accordion-button:focus {
    z-index: 3;
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}
.accordion-button:not(.collapsed)::after {
    filter: brightness(0) saturate(100%) invert(0%) sepia(95%) saturate(0%) hue-rotate(101deg) brightness(95%) contrast(105%);
}
.ui-logo-slider img {
    max-width: 80%;
    height: 35px;
    object-fit: contain;
}
.ser-bg{
    background: url(../images/web-services/ser-bg.png) center center / cover no-repeat;
    height: auto;
    padding-top: 0;
    padding-top: 200px;
}
.ser-tabs .nav-tabs {
    display: grid;
    grid-template-columns: auto auto auto;
}
.ser-tabs .nav-tabs button span {
    display: block;
}

.ser-tabs .nav-tabs button {
    text-align: center;
}
.ser-tabs .tab-content .tab-pane {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.ser-tabs .tab-content img {
    max-width: 45%;
    display: block;
    margin: auto;
}
.ser-bg form{
        background-color: #ff000052;
        color :white;
}


.inner-tabs.nav-tabs .nav-link span {
    display: block;
    text-align: center;
}

.inner-tabs .nav-tabs {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 13px;
}

.inner-tabs .nav-tabs .nav-link {
    border: 5px solid #bdb7b7;
    border-radius: 20px;
    width: 200px;
    height: 190px;
}
.inner-tabs .nav-tabs .nav-link span {
    display: block;
    font-size: 16px;
    line-height: 17px;
    margin-top: 11px;
    color: black;
}
.inner-tabs .tab-content{
    padding : 0;
}
.inner-tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    border-color: red !important;
}
.inner-tabs tab-content span {
    display: block;
    font-size: 18px;
    font-weight: 700;
    padding: 10px 0;
}

.inner-tabs .tab-content {
    text-align: center;
    padding: 30px;
}

.inner-tabs .tab-content a {
    font-size: 16px;
    font-weight: 600;
    color: black;
    border: 2px solid black;
    padding: 7px 20px;
    display: block;
    width: max-content;
    margin: 10px auto;
    border-radius: 30px;
}

.inner-tabs .tab-content a:hover {
    background-color: red;
    color: white;
}
.inner-tabs .tab-content span {
    display: block;
    font-size: 19px;
    font-weight: 700;
    padding: 10px 0;
}
.green{
    color: #14575E;
}
.branding{
    background: url(../images/ui-ux-bg.png) center center / cover no-repeat;
}
.branding ul li {
    display: flex;
    align-items: center;
    gap: 8px;
}
.before-reviews{
    background: url(../images/before-reviews-bg.png) center center / cover no-repeat;
}
.before-reviews ul li {
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
}

.before-reviews ul {
    margin: 10px 0;
}

.before-reviews .btn-wrap a {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: black;
    border: 1px solid transparent;
}

.before-reviews .btn-wrap a:nth-child(1) {
    background-color: white;
    padding: 10px 25px;
    border-radius: 30px;
}

.before-reviews .btn-wrap a:nth-child(2) {
    background-color: #F03D42;
    padding: 10px 25px;
    border-radius: 30px;
    color: white;
}

.before-reviews .btn-wrap {
    display: flex;
    gap: 20px;
}
.before-reviews .btn-wrap a:hover {
    background-color: transparent;
    border: 1px solid black;
}
.review-wrap img:nth-child(1) {
    max-width: 50%;
    margin-bottom :10px;
}

.review-wrap img:nth-child(2) {
    max-width: 40%;
}

.review-wrap div {
    display: flex;
    gap: 10px;
}

.review-wrap {
    background-color: white;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 20px;
    margin: 5px;
    min-height: 282px;
}

.review-wrap span {
    font-size: 18px;
    font-weight: 500;
}

  .global-bg  .content {
    display: flex;
    flex-direction: column;
}
.ui-video {
    max-width: 80%;
    display: block;
    margin: auto;
    border-radius: 40px;
}
.ui-get {
    font-size: 20px;
    font-weight: 600;
    max-width: max-content;
    padding: 15px 30px;
    text-transform: uppercase;
    border-radius: 30px;
    border: 2px solid white;
    color: white;
    margin: 20px auto;
}

.ui-get:hover {
    background-color: white;
    color: black;
}
.global-bg p {
    font-size: 18px;
    color: white;
    text-align: center;
    max-width: 60%;
    display: block;
    margin: auto;
}
.after-testi-img{
    background: url(../images/after-testi-img.png) center center / cover no-repeat;
}
.after-testi-img .btn-wrap a:nth-child(2) {
    background-color: transparent;
    border: 1px solid white;
}









.process-wrap {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 20px;
    border: 1px solid #80808066;
    display: flex;
    align-items: center;
    gap: 15px;
    border-radius: 20px
}
.process-wrap .title {
    font-size: 50px;
    font-weight: 900;
    background-color: #14575E;
    color: white;
    padding: 40px;
    border-top-right-radius: 40px;
    border-bottom-left-radius: 40px;
}
.process-wrap div span {
    font-size: 24px;
    font-weight: 700;
}

.process-wrap:hover {
    background-color: #14575e;
    color: white;
}

.process-wrap:hover .title {
    background-color: white;
    color: #14575e;
}
.ui-process{
    background: url(../images/process-bg.png) center center / cover no-repeat;
}
.ui-form{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.ui-form form input,
.ui-form form textarea {
    border-bottom: 1px solid black;
    color: black !important;
}
.ui-form input::placeholder,
.ui-form textarea::placeholder {
    color:black
}


/* ppc */


.bg-light-purple{
    background-color: #4B0248;
}

.purple-gradient{
 background: linear-gradient(90deg, #2A1139 50%, #45225C 50%);
}
.ppc-form {
    background-color: white;
    max-width: 500px;
    margin-left: auto;
    display: block;
}

.ppc-form input::placeholder,
.ppc-form textarea::placeholder {
    color: black;
    border-bottom: 1px solid black;
}
.dark-pink{
    background-color: #F1D8FF;
}
.ppc-faq .accordion-button,
.ppc-faq .accordion-body,
.ppc-faq{
    background-color: #F1D8FF;
}
.ppc-list .col-12 p {
    font-size: 13px;
    padding-right: 10px;
}
.purple-grad{
    background: linear-gradient(90deg, #2A1139 50%, #45225C 50%);
}
.form-ppc {
    background-color: #FFF;
   max-width: 500px;
       margin-left: auto;
    display: block;
}

.form-ppc input,
.form-ppc textarea{
    color: black;
    border-color: black;
}

.form-ppc input::placeholder,
.form-ppc textarea::placeholder{
    color: black;
}
.ppc-after-banner .content h3 {
    font-size: 40px;
    font-weight: 700;
    text-align: center;
}
.ppc-list .col-12 {
    display: flex !important;
    align-items: center;
    gap: 20px;
}

.ppc-list .col-12 span {
        display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    width: 130px;
    height: 60px;
    border: 1px solid black;
    border-radius: 10px;
    font-size: 30px;
    font-weight: 600;
}
.t-d{
    background-color : #1A2C3F;
}
.ppc-analytics .left-content h4 {
    font-size: 33px;
    font-weight: 600;
    text-transform: uppercase;
}
.ppc-analytics ul li {
    list-style: disc;
    margin-left: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.ppc-analytics ul {
    margin-top: 20px;
}
.ppc-tabs button {
    max-width: 200px;
}
/**
 *  Progress Bar
 */
 .progress {
    display: block;
    width: 85%;
    height: 5px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #f5f5f5;
    background-image: linear-gradient(to right, black, black);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size .4s ease-in-out;
    margin: auto;
  }

  .slider {
    margin: 30px auto 50px;
  }
  
  .image {
    padding: 10px;
  }
  
  .ppc-tabs img {
    /* border: 5px solid #FFF; */
    display: block;
    width: 100%;
  }
  
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
  }
  .ppc-tabs .content span {
    font-size: 26px;
    font-weight: 700;
}

.ppc-tabs .content {
    max-width: 400px;
    text-align: center;
    border: 1px solid #f1d8ff;
    padding: 30px;
    border-radius: 80px;
    box-shadow: rgb(110 53 147) -4px -4px 0px;
    background-color: white;
    position: relative;
}

.ppc-tabs .content p {
    font-size: 14px;
    font-weight: 300;
    padding-top: 11px;
    text-transform: capitalize;
}

.ppc-tabs .content::before {
    position: absolute;
    content: '';
    width: 70%;
    height: 70%;
    background-color: #6e359375;
    left: -15px;
    top: -15px;
    border-radius: 90px;
    z-index: -1;
}

.ppc-tabs .content::after {
    position: absolute;
    content: '';
    width: 70%;
    height: 70%;
    background-color: #6e359375;
    border-radius: 90px;
    bottom: -15px;
    right: -15px;
    z-index: -1;
}
.ppc-tabs {
    background: url(../images/ppc-tabs-bg.png) center center / cover no-repeat;
}
.ppc-tabs  .tab-content {
    display: flex;
    justify-content: center;
    align-items: center;
}

.test-next  {
    max-width: 10px;
}
.test-next  {
    max-width: 10px;
    max-width: 10px;
    position: absolute;
    right: 4%;
    bottom: -30%;
}
.test-prev {
    max-width: 10px;
    position: absolute;
    bottom: -33%;
    left: 4%;
}
.ppc-platform-tabs .nav{
    display: block;
}
.ppc-platform-tabs .nav-tabs .nav-link.active{
    
    transform: translateX(20px);
    color: #45225c !important;
    transition: all .3s linear;
}
.ppc-platform-tabs .nav-tabs .nav-link.active,
.ppc-platform-tabs .nav-tabs .nav-link:hover {
    border-color: transparent !important;
}
.ppc-platform-tabs .nav-tabs .nav-link.active svg{
    background-color: #45225c;
}
.ppc-platform-tabs .nav-tabs .nav-link.active,
.ppc-platform-tabs .nav-tabs .nav-link {
    transition: all .3s linear;
    font-size: 22px;
    font-weight: 500;
    color: black;
    padding-left: 0;
    font-family: 'Calistoga', serif;
    display: flex;
    align-items: center;
    gap: 10px;
}
.ppc-platform-tabs .nav .nav-item {
    border-bottom: 1px solid black;
    padding: 5px;
}
.ppc-platform-tabs .nav .nav-item svg {
    background-color: black;
    color: white;
}
.ppc-platform-tabs .t-content span {
    display: block;
    font-size: 22px;
    font-weight: 500;
    font-family: 'Calistoga';
    padding: 10px 0 20px 10px;
    /* display: block; */
}

.ppc-platform-tabs .t-content {
    text-align: center;
    max-width: 300px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 40px 20px;
    border-radius: 10px;
        display: block;
    margin-left: auto;
}

.ppc-banner{
     background: url(../images/ppc-banner.png) center center / cover no-repeat;
         height: auto;
        padding-top: 0;
        padding-top: 200px;
}


.ppc-banner .web-design-btn {
     color: #4b0248;
    background-color: #4b0248;
}

.global-card .card-ser:hover img{
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(141deg) brightness(102%) contrast(101%);
}





/* video animation */
.video-bg{
    background: url(../images/video-banner.png) center top / cover no-repeat;
    height: auto;
    padding-top: 0;
    padding-top: 200px;
}
.purple{
    color: #4B0248;
}
.video-faq{
    background-color: #FFDDE3;
}
.video-faq .accordion-button {
    background-color: #FFDDE3;
}
.video-faq .accordion-body {
    background-color: #FFDDE3;
}
.cream-grad {
    background: linear-gradient(90deg, #583158 50%, #D94673 50%);
}
.video-info {
    max-width: 100%px;
    text-align: center;
    padding: 30px 20px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border-radius: 5px;
    background-color: white;
    min-height: 290px;
    transition: all .3s linear;
}

.video-info img {
    max-width: 20%;
}

.video-info div {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    padding: 15px 0;
}

.video-info div span {
    display: block;
    font-size: 18px;
    font-weight: 700;
}
p{
    text-transform: initial;
}
.video-info:hover {
    background-color: #ffdde3;
    transform: matrix(1.1, 0, 0, 1.1, 0, 0);
    transition: all .3s linear;
}
.col-12:nth-child(1) .video-info:hover {
    margin-right: 14px;
    margin-top: -13px;
}
.col-12:nth-child(2) .video-info:hover {
    margin-left: 14px;
    margin-top: -13px;
}
.col-12:nth-child(3) .video-info:hover {
    margin-right: 14px;
    margin-top: 13px;
}
.col-12:nth-child(4) .video-info:hover {
    margin-left: 14px;
    margin-top: 13px;
}

.video-animation-list {
    display: grid;
    grid-template-columns: auto auto;
    gap: 20px;
    justify-content: center;
    margin-top: 30px;
}

.video-animation-list span {
    font-size: 24px;
    font-weight: 500;
    color: #cf4572;
    font-family: 'Calistoga', serif;
}

.video-animation-list li {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    max-width: 460px;
    padding: 20px;
}

.video-animation-list li p {
    padding-top: 20px;
}
.video-animation-list li:hover {
    background-color: red;
}
.video-animation-list li:hover {
    color: white;
    background: linear-gradient(35deg, rgba(217,149,173,1) 0%, rgba(114,53,94,1) 94%);
}
.video-animation-list li:hover span {
    color: white;
}
.video-animation-list li:hover img{
    filter: brightness(0) saturate(100%) invert(95%) sepia(95%) saturate(0%) hue-rotate(158deg) brightness(105%) contrast(106%);
}
.animation-process span {
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 10px;
    display: block;
}
.animation-process .content {
    text-align: center;
    background-color: white;
    padding: 30px 10px;
    border-radius: 30px;
    color: black;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    min-height: 205px;
}
.animation-process .content p {
    font-size: 12px;
}
.animation-process .content:hover {
    background-color: #583158;
    color: white;
}
.app-tab .t-content{
    max-width: 100%;
}
.app-tab  .nav .nav-item {
    padding: 15px 0;
}
.app-banner{
    background: url(../images/app-bg.png) center top / cover no-repeat;
    height: auto;
    padding-top: 200px;
}
.before-app-card{
    background: url(../images/before-card-bg.png) center top / cover no-repeat; 
}
.app-cards .card-content {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 30px;
    text-align: center;
    min-height: 228px;
    margin: 10px;
}
.app-faq ,
.app-faq .accordion-button,
.app-faq .accordion-body{
    background-color: #D8E3FF;
}
.blue-gradient-bg{
    background: linear-gradient(90deg, #6D0E14 50%, #2768B7 50%);
}
.app-development-bg{
    background: url(../images/app-development-banner.png) center top / cover no-repeat; 
    height: auto;
    padding-top: 200px;
}
.bg-green{
    background-color: #14575E;
}
.green{
    color: #14575E;
}
.t-d {
    background-color: #1A2C3F;
}
.logo-service-card{
    background: url(../images/app-development-card-bg.png) center top / cover no-repeat; 
}
.logo-service-card .content {
    background-color: white;
    padding: 30px 45px;
    text-align: center;
    min-height: 252px;
    margin: 5px;
}

.logo-service-card .content span {
    padding-bottom: 10px;
}

.logo-service-card .content img {
    margin-top: 30px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.logo-after-card{
    background: url(../images/logo-bg-shape.png) center top / cover no-repeat; 
}
.after-video-banner{
    background: url(../images/client/video.png) center left / cover no-repeat; 
}
.logo-after-card .content {
    background-color: white;
    border: 1px solid grey;
}

.logo-process .content {
    background-color: white;
    padding: 30px 20px;
    text-align: center;
    min-height: 342px;
    margin: 10px;
}

.logo-process .content h6 {
    background-color: #14575E;
    width: max-content;
    display: block;
    margin: auto;
    color: white;
    padding: 11px;
    font-size: 30px;
    font-weight: 700;
    clip-path: circle();
}

.logo-process .content div,
.logo-process .content span {
    font-size: 24px;
    font-weight: 500;
    padding: 10px;
    font-family: calistoga;
}

.logo-process .content span {
    line-height: 0;
}
.after-video-banner h6 {
    font-size: 40px;
    font-weight: 500;
    font-family: calistoga;
}

.next-step {
    border: 1px solid #ffffff91;
    border-radius: 30px;
    padding: 40px;
}

.next-step h4 {
    font-size: 30px;
    padding-bottom: 20px;
}

.next-step ul li {
    font-size: 18px;
    line-height: 44px;
}
.next-step ul li span {
    font-size: 18px;
    font-weight: 400;
    background-color: #ffffff3b;
    display: inline-block;
    width: 31px;
    text-align: center;
    clip-path: circle();
    margin-right : 10px;
}
.social-share svg {
    font-size: 30px;
    margin: 3px;
    /* padding: 10px; */
}
.social-share a{
    color : white;
}
.social-share a:hover{
    color : red;
}

.social-share {
    padding: 20px 10px;
}







/* web design lp  */
section.lp-banner {
    padding: 160px 0 130px 0;
}

.text-animation {
    background-image: url(../images/search-bar.png);
}

.text-animation {
    background-image: url(../images/search-bar.png);
    background-repeat: no-repeat;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    width: 78%;
    padding: 13px 38px;
    background-size: cover;
    border-radius: 30px;
    position: absolute;
    top: 10%;
    right: -26%;
}
.mobile-lp {
    position: absolute;
    bottom: -15%;
    right: -10%;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 23px;
}
.gmb {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    position: absolute;
    bottom: 10%;
    left: -6%;
    animation: scroll 3s infinite alternate;
}
@keyframes scroll {
    0%{    transform: translateY(-15px);}
    100%{    transform: translateY(10px);}
}
.lp-banner div a ,
.form-btn-wrap a{
    font-size: 16px;
    font-weight: 400;
    background-color: #004990;
    color: white;
    min-width: 180px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}

.lp-banner div a:hover {
    background-color: transparent;
    border: 2px solid #05498e;
    color: #05498e;
}
.light__blue{
    background-color: #f0f1f4;
}
.technology{
    background: url(../images/technology.jpeg) center center / contain repeat;
        height: 43px;
}
.technology-slider{
    background: url(../images/tech-img.png) center center / contain repeat;
    height: 108px;
}
.technology-slider , .technology{
    background-position: 50%;
    animation: animatedBackground 90s linear infinite;
    -webkit-animation: animatedBackground 90s linear infinite;
    top: 16px;
    background-size: 100%;
}
@-webkit-keyframes animatedBackground {
0% {
    background-position: 0 0
}

to {
    background-position: -4750px 0
}
}
.lp-form .lead-form {
    width: 470px;
    border-radius: 0;
    padding: 40px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background-color: white;
    color: black;
}
.lp-form input ,
.lp-form select{
    display: block;
    width: 100%;
    height: 40px;
    border: 1px solid #00000047;
    color: black;
    font-size: 14px;
    font-weight: 400;
    padding-left: 10px;
    margin-top: 12px;
    text-transform: math-auto;
}
.lp-form input::placeholder ,
.lp-form textarea::placeholder{
    color: black;
    opacity: 1; 
}
.lp-form textarea{
    border: 1px solid #00000047;
    font-size: 14px;
    font-weight: 400;
    padding: 15px;
    text-transform: math-auto;
}
.lp-form button {
    background-color: #004990;
    width: 100%;
    text-align: center;
    margin: auto;
    display: block;
    margin-top: 15px;
    height: 40px;
    font-weight: 400;
    color: white;
}
.lp-pricing .price-card div span:nth-child(1) {
    align-self: end;
    font-weight: 600;
}
.lp-pricing .price-card div span:nth-child(3) {
    align-self: center;
    font-weight: 500;
    font-size: 18px;
}
.lp-pricing .price-card a {
    font-size: 16px;
    font-weight: 500;
    border-radius: 0px;
    border-width: 1px ;
}
.lp-pricing .price-card ul li svg {
    background-color: #E8EDFB;
    padding: 7px;
    clip-path: circle(46%);
    font-size: 12px;
    color: #004990;
    opacity: 0.8;
        max-width: 4%;
}
.lp-pricing .price-card ul li {
    line-height: 38px;
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 300;
    gap: 10px;
    line-height: 21px;
    padding-bottom: 15px;
}
.lp-pricing  .price-card ul {   
    overflow: inherit;
    height: auto;
}
.lp-pricing .price-card {
    min-width: 360px;
    padding: 40px 25px;
    background-color: var(--white);
    border-radius: 20px;
       max-height: 626px;
}
.lp-pricing  .price-card:hover {
    background-color: #05498e;
    color: white;
}

.lp-pricing  .price-card:hover a {
    color: white;
    border-color: white;
}
.marketing .right-content ul li {
    display: flex;
    align-items: center;
    gap: 15px;
    padding-bottom: 30px;
}
.lanuch{
    background-color: #007ECF;
}
.lp-platform .ppc-platforms{
    background: url(../images/ppc-platforms.png) center center / contain repeat;
    background-position: 50%;
    height: 70px;
    animation: animatedBackground 90s linear infinite;
    -webkit-animation: animatedBackground 90s linear infinite;
    top: 16px;
    background-size: 100%;
}
.lp-faqs {
    background-color: white;
}

.lp-faqs .fq-text {
    font-size: 70px;
    font-weight: 800;
    text-align: left;
}
.lp-faqs .accordion-button,
.lp-faqs .accordion-body{
    background-color : white !important;
}
.faqs-wrap .accordion-button {
    font-size: 16px;
    font-weight: 600;
    padding: 23px 0;
    text-align: left;
    color: black;
    display : flex;
    align-items : center;
}
.faqs-wrap .accordion-body {;
    padding: 10px 0;
}
.faqs-wrap  .accordion-header {
    display: flex;
    align-items: center;
}
.portfolio-lp img {
    display: block;
    margin: auto;
    margin-top: 30px;
    max-width : 650px;
}
.price-card svg {
    width: 9%;
}
.slick-dots {
    position: absolute;
    bottom: -45px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.lp-form section {
    padding-bottom: 0;
}
.lp-form {
    padding-bottom: 0;
}
.portfolio-lp .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333% !important;
}
.portfolio-lp .col-lg-9 {
    flex: 0 0 auto;
    width: 75% !important;
}
.accordion-button img {
    margin-left: auto;
    display: block;
}

.faqs-wrap .accordion-button::after {
    display: none;
}







.get__lead {
    padding: 150px 0 60px 0;
}

.get__lead h2 {
    font-size: 25px;
    font-family: 'Poppins';
    font-weight: 900;
    border-bottom: 2px solid #c72727;
    padding-bottom: 5px;
    width: max-content;
}

.get__lead ul li:nth-child(1),
.get__lead ul li:nth-child(2){
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px
}

.get__lead ul li input ,
.get__lead ul li select{
    font-size: 14px;
    color: black;
    border: 1px solid grey;
    width: 100%;
    height: 40px;
    border-radius: 5px;
    padding-left: 10px;
    margin-bottom: 15px;
    /* display: block; */
}

.get__lead ul li label {
    display: block;
    font-size: 13px;
    color: grey;
    font-weight: 400;
    padding-bottom: 5px;
}
.get__lead .check__fields input {
        width: 25px ! IMPORTANT;
    height: 25px;
    margin-top: 5px;
    margin-bottom: 15px;
}

.get__lead .check__fields label {
    display: inline !important;
    font-size : 18px;
}
.check__fields div label:first-child {
    font-size: 13px !important;
}
.get__lead ul li textarea {
    width: 100%;
    border: 1px solid grey;
    height: 100px;
    border-radius: 5px;
    padding: 10px;
    font-size: 14px;
}
.get__lead ul li button {
    font-size: 16px;
    font-weight: 400;
    background-color: #c72727;
    padding: 10px 15px;
    border-radius: 3px;
    color: white;
    text-rendering: geometricPrecision;
    margin-top: 20px;
}

.get__lead ul li button:hover {
    background-color: black;
    color: white;
}
.get__lead ul li:nth-child(1) div,
.get__lead ul li:nth-child(2) div{
    width: 100%;
}
.inner-tabs .nav-tabs img {
    width: 90px;
}
.inner-tabs .tab-content img {
    max-width: 200px;
    margin-bottom: 20px;
}
.policy-bg{
    background-color : #014b92;
        padding: 150px 0 90px 0;
}
.policy {
    max-width: 80%;
    display: block;
    margin: auto;
}
.footer ul li a , .footer ul li {
    font-size: 16px;
    color: #ffffffe8;
    font-weight: 300;
}
.dot li {
    list-style: disc;
    margin-left: 20px;
}

.no-list li {
    list-style: auto;
    margin-left: 14px;
}

.social-list .col-12 div:nth-child(1) {
    background-color: #014B92;
    padding: 20px;
    border-radius: 20px;
    margin: 20px 0;
}

.social-list .col-12 div:nth-child(1) p {
    color: white;
    font-size: 19px;
}

.social-list ul li a {
    font-size: 15px;
    color: black;
    font-weight: 500;
    line-height: 25px;
}

.social-list ul li a svg {
    font-size: 20px;
    color: #014b92;
    margin-right: 5px;
}
.lp-head .h-social:hover svg {
    color: white;
}
.point-list ul li:nth-child(1){
    height: 35px;
    min-width: 35px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    top: 0px;
    background: #0078c1;
    line-height: 35px;
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 600;
}
.point-list ul li p , .point-list ul li p span {
    color: black;
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 0px;
    padding-left: 5px;
    font-weight : 500;
    padding-right: 40px;
}
.point-list ul{
    display : flex;
    align-items: center;
        gap: 10px;
}


.add img {
    width: 40px;
}

.add p {text-transform: capitalize;padding: 10px 0;font-size: 14px;line-height: 17px;}

.add div p {
    font-size: 18px;
    line-height: 20px;
}

.add a {
    display: block;
    text-transform: lowercase;
}
.b-grey  {
    background-color: #f7f7f7;
}