@media (max-width: 1920px) {
  .video-bg,
  .video-overlay {
    height: 920px;
  }
}
@media (min-width: 1600px) and (max-width: 1800px) {
  .video-bg,
  .video-overlay {
    height: 900px;
  }
  .serv-category-card p {
    height: 180px;
  }
  .serv-category-bg {
    height: 600px;
  }
  .study-card-content .study-card-content-back img {
    width: 195px;
    top: -60px;
  }
  .about-banner-side img {
    width: 900px;
  }
  .about-banner-content::before {
    right: 22%;
    top: -0.7%;
    z-index: -1;
  }
  .about-banner-side {
    top: 25%;
  }
  .services-slide-1 {
    height: 98.6%;
  }
  .services-slide-1::before {
    left: 9.5rem;
  }
  .services-content-text {
    height: 320px;
  }
  
}

@media (max-width:1440px){
    .shadow-box{
        margin-bottom: 17%;
    }
    
}
@media (max-width:1270px){
    .interest-sec p{
                font-size: 18px;

    }
    .leads-cls-form h3{
        font-size: 24px;
        
    }
     .leads-cls-form p{
        font-size: 12px;
     }
         .shadow-box {
        margin-bottom: 32%;
         }
}
@media (max-width:1200px) and (max-width: 1600px){
    .main-logo {
    width: 200px;
}
.main-header .main-navigation ul li a {
    padding: 0 14px;
    font-size: 13px;
}
.main-header .overlay-btn-1 {
    margin: 0 !important;
}
}
@media (max-width:1219px) and (max-width: 1600px) {
.main-header .main-navigation ul li a {
    padding: 0 14px;
    font-size: 14px;
}
}

@media (max-width:1219px) and (max-width: 1201px) {
   .main-logo {
    width: 200px;
}
.main-header .overlay-btn-1 {
    margin: 0 !important;
}
}
@media (max-width:1366px), (max-height: 768px){
    .main-logo {
    width: 200px;
    }
    .main-header .overlay-btn-1 {
    margin: 0 !important;
    }
    .video-bg, .video-overlay {
        height: 580px !important;
    }
}
@media (min-width: 1400px) and (max-width: 1600px) {
  .header-carousel-bg {
    height: auto;
    padding-top: 10%;
  }
  .header-main-images-slide2 img,
  .main-navigation.navigation-wrapper {
    margin: 0;
  }
  .abt-content .abt-para {
    padding: 3% 10% 0 0;
  }
  .service-card {
    width: 40%;
    margin: 5% auto 0;
  }
  .case-study-bg {
    background-color: var(--bs-dard-purple);
    padding: 50px 4%;
  }
  .abt-img2 {
    /*position: absolute;*/
    
    position: relative;
    right: 0;
    width: 100%;
    /*top: 21%;*/
  }
  .abt-serv-box p {
    height: 260px;
  }
  .header-content h1 {
    padding: 0;
  }
  .serv-category-card p {
    height: 180px;
  }
  .serv-category-bg {
    height: 600px;
  }
  .study-card-content .study-card-content-back img {
    width: 210px;
  }
  .study-card-content ul li {
    font-size: 13px;
  }
  .process-card-1 h3,
  .process-card-2 h3,
  .process-card-3 h3,
  .process-card-4 h3,
  .process-card-5 h3,
  .process-card-6 h3 {
    font-size: 30px;
  }
  .blog-bg {
    height: auto;
  }
  .main-header .dropdown .dropdown-menu {
    left: -25rem;
  }
  .about-banner-side img {
    width: 750px;
  }
  .about-banner-content::before {
    right: 22%;
    top: -0.7%;
    z-index: -1;
  }
  .about-banner-side {
    top: 25%;
  }
  .abt2-bg {
    padding: 30px 0;
  }
  .footer-form-bg {
    padding: 30px 0 0;
  }
  .header-carousel-bg-css {
    background-size: cover;
    padding: 0 0 20rem;
    object-fit: cover;
    background-repeat: no-repeat;
  }
  .services-slide-1::before {
    left: 6.5rem;
  }
  .services-content-text {
    height: 245px;
  }
  .banner-text-rotate-2 .rotate-text svg {
    width: 125px;
  }
  .banner-text-rotate-2 {
    right: 6rem;
    top: 24%;
  }
  .header-carousel-bg .owl-theme .owl-nav {
    top: 30%;
  }
  .services-slide-1 {
    align-items: end;
    padding: 0 0 4rem;
    background-position: center -5rem;
  }
  .abt-bg {
    background-position: bottom;
  }
  .interest-sec h3{
    font-size: 45px;
    line-height: 60px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
  article.accordion section.active h2 {
    bottom: 5%;
  }
  .blog-bg,
  .flip-box .inner {
    height: auto;
  }
  .web-form-ani {
    width: fit-content;
    height: 550px;
  }
  .new-footer-gif {
    width: 35%;
  }
  .new-footer-content p,
  input.subscribe-form-email {
    font-size: 18px;
  }
  .new-footer-content h3 {
    font-size: 30px !important;
    -webkit-text-stroke-width: 2px !important;
  }
  .flip-box h4,
  .footer-social-icon li a,
  .footer-title-sec,
  .footer-title-sec-2 {
    font-size: 20px;
  }
  .new-footer-icons p,
  .subscribe {
    font-size: 22px;
  }
  .new-submit {
    font-size: 25px;
  }
  .copyright-link ul li {
    color: #fff;
    font-size: 14px;
  }
  .banner-content-1 .pera,
  .copyright p,
  .footer-address ul li {
    font-size: 16px;
  }
  .appFrame .content ul {
    padding-left: 5%;
    line-height: 2;
  }
  .appFrame .content p {
    line-height: 2;
  }
  article.accordion section h2 a,
  article.accordion section.active h2 .new-process-step {
    font-size: 25px !important;
  }
  article.accordion section.active h2 a {
    font-size: 35px !important;
    font-weight: 900;
  }
  p.new-process-step {
    font-size: 18px !important;
  }
  article.accordion section h2 {
    left: 20%;
    bottom: -4%;
    height: auto;
  }
  .video-bg,
  .video-overlay {
    height: 650px;
  }
  .card2 {
    width: 100% !important;
  }
  .flip-box-back,
  .flip-box-front {
    min-height: 370px;
  }
  .clients-bg .owl-item {
    width: 258.11px !important;
  }
  .header-carousel-bg {
    padding-top: 10%;
  }
  .header-carousel-bg .owl-theme .owl-nav {
    top: 30%;
  }
  .blog-img img {
    width: auto !important;
    height: auto;
    object-fit: cover;
  }
  .header-main-images-slide2 img,
  .main-navigation.navigation-wrapper {
    margin: 0;
  }
  .header-content h1 {
    padding: 0;
  }
  .abt-content .abt-para {
    padding: 3% 0 0;
  }
  .clients-carousel {
    height: 655px !important;
    overflow: hidden;
  }
  .service-card {
    width: 40%;
    margin: 5% auto 0;
  }
  .case-study-bg {
    background-color: var(--bs-dard-purple);
    padding: 50px 4%;
  }
  .study-head h3 {
    font-size: 23px;
  }
  .blog-carousel-card {
    width: 93%;
    bottom: 10%;
    right: 0;
  }
  .webdesign-bg .overlay-btn-2 {
    margin: 2% 0 0;
  }
  .webdesign-header-form {
    margin: 0 2%;
  }
  .abt-img2 {
    position: absolute;
    right: 0;
    width: 35%;
    top: 25%;
  }
  .card1 {
    padding: 32px 15px;
    height: 365px;
  }
  .stats-card-border1::before {
    left: -40px;
  }
  .main-header .dropdown .dropdown-menu {
    left: -29rem;
  }
  .about-banner-side img {
    width: 650px;
  }
  .about-banner-side {
    top: 33%;
  }
  .abt-serv-bg .hd-txt {
    padding: 0 0 25px;
  }
  .abt-serv-box {
    padding: 20px 0;
  }
  .abt-serv-img {
    margin-top: -90px;
  }
  .cta-2-bg {
    padding: 50px 0;
  }
  .features-card {
    width: 210px;
  }
  .study-card-content .study-card-content-back img {
    width: 200px;
    top: -60px;
  }
  .serv-category-card {
    padding: 3rem 1rem;
  }
  .serv-category-bg {
    height: 600px;
  }
  .overlay-btn p {
    display: none;
  }
  .process-card-2 h3,
  .process-card-3 h3,
  .process-card-4 h3,
  .process-card-5 h3,
  .process-card-6 h3 {
    font-size: 30px;
  }
  .process-card p {
    text-align: center;
  }
  .faqs-card .small {
    overflow: auto;
    height: 190px;
  }
  .serv-category-card p {
    height: 160px;
  }
  .study-card {
    margin: 3% 0 0;
    display: grid;
    align-items: center;
  }
  .abt2-bg {
    padding: 30px 0;
  }
  .background-design-bg,
  .footer-form-bg {
    padding: 30px 0 0;
  }
  .portfolio-publish-head h2 {
    font-size: 50px;
  }
  .portfolio-publish-head p {
    padding: 0 0 1rem;
  }
  .header-carousel-bg-css {
    padding: 0 0 16rem;
  }
  .services-slide-1::before {
    left: 5.5rem;
  }
  .services-content-text {
    height: 214px;
  }
  .banner-text-rotate-2 .rotate-text svg {
    width: 125px;
  }
  .banner-text-rotate-2 {
    right: 6rem;
    top: 24%;
  }
  .services-bg .owl-theme .owl-nav {
    top: 47%;
    right: 8%;
  }
  .services-bg .owl-theme .owl-nav button:hover {
    color: var(--bs-black);
    border: 1px solid transparent;
    background: 0 0;
  }
  .services-slide-1 {
    align-items: end;
    padding: 0 0 4rem;
    background-position: center -5rem;
  }
  .abt-bg {
    background-position: bottom;
  }
  .heading1 {
    font-size: 45px;
}
.main-content {
    width: 100%;
}
.content {
    padding-top: 15px;
}

.web-color {
    font-size: 45px;
}
.heading2 {
    font-size: 45px;
}
.conver-cls .conver-heading {
    font-size: 25px;
}
.social-wrapper-top-icon h3 {
    font-size: 10px;
    font-weight: 700;
}
.list-content {
    padding-top: 20px;
}

.list-content .para3 {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0;
}
.list1 ul li {
    font-size: 12px;
}
.conversion h5 {
    font-size: 17px;
}
.heading3 {
    font-size: 30px;
}
.box1 h2 {
    font-size: 30px;
}
.box1 h3 {
    font-size: 15px;
}
.box2 h2 {
    font-size: 30px;
}
.box2 h3 {
    font-size: 15px;
}
.box3 h2 {
    font-size: 30px;
}
.box3 h3 {
    font-size: 15px;
}
.parent-sec .heading4 {
    font-size: 45px;
}
.para2 {
    font-size: 15px;
}

.text-sec {
    width: 70%;
}
.images .image {
    position: relative;
    height: 680px;
}
.images img {
    object-fit: cover;
}

.wrap-ppc .heading2 {
    font-size: 45px;
}
.icon-image h4 {
    font-size: 12px;
}
.mock-box h2 {
    font-size: 25px;
}
.mock-box h3 {
    font-size: 12px;
}
.wrap-ppc {
    padding: 30px 0;
}
  .interest-sec h3{
    font-size: 35px;
    line-height: 50px;
}

}
@media (min-width: 992px) and (max-width: 1199px) {
  .clients-bg .owl-item {
    width: 308.865px !important;
  }
  .abt-serv-box span,
  .header-social-icons,
  .mobile-menu,
  .serv_tech-bg .nav-pills .nav-link.active > img,
  .stats-card-border1::before,
  .stats-card-border2::before,
  .stats-card-border3::before {
    display: none;
  }
  .header-carousel-bg {
    padding-top: 12%;
  }
  .main-navigation.navigation-wrapper {
    margin: 0;
  }
  .background-design-bg,
  .footer-form-bg,
  .header-content h1 {
    padding: 0;
  }
  .abt-content .abt-para {
    padding: 3% 10% 0 0;
  }
  .case-study-bg {
    background-color: var(--bs-dard-purple);
    padding: 50px 4%;
  }
  .abt-bg,
  .abt2-bg,
  .bages-bg,
  .blog-bg {
    padding: 30px 0;
  }
  .blog-carousel-card {
    width: 93%;
    bottom: 10%;
    right: 0;
  }
  .main-logo {
    width: 190px;
  }
  .overlay-btn-1 {
    width: 155px;
    padding: 10px 20px;
  }
  .main-header .main-navigation ul li a {
    padding: 0 7px;
    font-size: 13px;
  }
  .header-carousel-bg .owl-theme .owl-nav button {
    width: 60px;
    height: 60px;
  }
  .header-main-images-slide2 img {
    margin: 9.5% 0 0;
  }
  .header-carousel-bg .owl-theme .owl-nav {
    width: 98%;
    top: 45%;
  }
  .service-card {
    width: 52%;
    margin: 6% auto 0;
  }
  .study-head h2 {
    padding: 10px 0;
  }
  .blog-bg .owl-theme .owl-nav button {
    font-size: 20px;
    width: 50px;
    height: 50px;
  }
  .blog-bg,
  .category-head img,
  .header-top {
    height: auto;
  }
  .study-card {
    margin: 3% 0 0;
    display: unset;
  }
  .study-card .item {
    height: 350px;
    margin: 2% 0 4%;
  }
  .process-card-2 h3,
  .process-card-3 h3,
  .process-card-4 h3,
  .process-card-5 h3,
  .process-card-6 h3 {
    font-size: 27px;
  }
  .header-top {
    padding-top: 14%;
  }
  .webdesign-header-form {
    margin: 2.5rem 0 0;
  }
  .webdesign-bg {
    background-size: cover;
  }
  .portfolio-publish-head p {
    padding: 0 0 1rem;
  }
  .footer-form-bg .form-content-btn a {
    color: var(--bs-white);
  }
  .main-btn .overlay-btn-3 {
    margin: 3% 0 0;
  }
  .stats-card-border-center {
    border: none;
  }
  .category-content span {
    margin: 0 0 -8%;
  }
  .footer-social-icon li a {
    margin: 14px 15px 0 0;
    font-size: 24px;
  }
  .category-head h2 {
    font-size: 30px;
  }
  .main-dropdown-arrow-w {
    width: 38rem;
  }
  .main-header .dropdown .dropdown-menu {
    left: -24rem;
  }
  .about-banner-side img,
  .abt-img img {
    width: 500px;
  }
  .about-banner-content::before {
    right: 22%;
    top: -0.7%;
  }
  .about-banner-side {
    top: 35%;
  }
  .cta-2-bg {
    padding: 50px 0;
  }
  .features-card {
    padding: 20px;
    width: 200px;
  }
  .portfolio-publish-tablist-item a img {
    min-height: 170px;
  }
  .stats-card {
    padding: 50px 0 10px;
  }
  .blog-img img {
    width: auto !important;
    height: auto !important;
    object-fit: cover;
  }
  .overlay .accordion-button,
  .overlay-content a {
    font-size: 40px !important;
  }
  .overlay-dropdown a {
    font-size: 30px !important;
  }
  .faqs-card .small {
    height: 180px;
    overflow: auto;
  }
  .abt-serv-box h4 {
    font-size: 17px;
  }
  .abt-serv-box {
    margin: 70px 0 0;
    position: relative;
    padding: 20px 0;
  }
  .abt-serv-box p {
    font-size: 16px;
    width: 90%;
    height: 360px;
    overflow: hidden;
  }
  .abt-serv-bg .hd-txt {
    padding: 40px 0 0;
  }
  .header-carousel-bg-css {
    padding: 0 0 20rem;
  }
  .services-slide-1::before {
    left: 2.5rem;
  }
  .services-content-text {
    height: 160px;
  }
  .banner-text-rotate-2 .rotate-text svg {
    width: 95px;
  }
  .banner-text-rotate-2 {
    position: absolute;
    right: 3.1rem;
    top: 29%;
  }
  .services-content-img-2 {
    padding: 3rem 0 0 5px;
  }
  .services-bg .owl-theme .owl-nav {
    top: 53%;
    right: 7%;
  }
  .services-bg {
    width: 100%;
  }
  .services-slide-1 {
    align-items: end;
    padding: 0 0 4rem;
    background-position: center -5rem;
  }
  .abt-bg {
    background-position: bottom;
  }
  .services-slide-1 ul {
    column-count: unset;
  }
  .heading1 {
    font-size: 45px;
}
.main-content {
    width: 100%;
}
.content {
    padding-top: 15px;
}

.web-color {
    font-size: 45px;
}
.heading2 {
    font-size: 45px;
}
.conver-cls .conver-heading {
    font-size: 20px;
}
.social-wrapper-top-icon h3 {
    font-size: 10px;
    font-weight: 700;
}
.list-content {
    padding-top: 20px;
}

.list-content .para3 {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0;
}
.list1 ul li {
    font-size: 12px;
}
.conversion h5 {
    font-size: 17px;
}
.heading3 {
    font-size: 30px;
}
.box1 h2 {
    font-size: 30px;
}
.box1 h3 {
    font-size: 15px;
}
.box2 h2 {
    font-size: 30px;
}
.box2 h3 {
    font-size: 15px;
}
.box3 h2 {
    font-size: 30px;
}
.box3 h3 {
    font-size: 15px;
}
.parent-sec .heading4 {
    font-size: 45px;
}
.para2 {
    font-size: 15px;
}

.text-sec {
    width: 70%;
}
.images .image {
    position: relative;
    height: 680px;
}
.images img {
    object-fit: cover;
}

.wrap-ppc .heading2 {
    font-size: 45px;
}
.icon-image h4 {
    font-size: 12px;
}
.mock-box h2 {
    font-size: 25px;
}
.mock-box h3 {
    font-size: 12px;
}
.wrap-ppc {
    padding: 30px 0;
}
  .interest-sec h3{
    font-size: 32px;
    line-height: 40px;
}

}
@media (max-width: 1024px) {
  .video-bg,
  .video-overlay {
    height: 500px;
  }
  .banner-content-1 .pera {
    font-size: 15px;
  }
  a.overlay-btn.overlay-btn-3 {
    font-size: 12px;
    padding: 10px 25px;
  }
  article.accordion section h2 {
    left: -9% !important;
  }
  article.accordion section h2 a,
  article.accordion section.active h2 .new-process-step {
    font-size: 22px;
  }
  article.accordion section.active h2 a {
    font-size: 35px;
  }
  .appFrame .content p,
  .appFrame .content ul {
    line-height: 1.5;
  }
  .appFrame .content ul li {
    font-weight: 600;
    font-size: 13px;
  }
  .counter h2 {
    font-size: 35px;
}
.counter p {
    width: 80%;
    font-size: 18px;
}
section.new-counter {
    padding: 15px 0;
}
.counter {
    text-align: center;
    margin-bottom: 20px;
    border: none !important;
}
p.services-dess {
    width: 90%;
}

.abt-bg-title p {
    width: 90%;
}
}
@media (min-width: 992px) {
  .about-banner-side img {
    margin: 0;
  }
}
@media (min-width: 567px) and (max-width: 992px){
    .box1, .box2, .box3{
        margin-bottom:20px;
    }


}

@media (max-width:992px){
    .wrp-sec2 .fd-col{
      flex-direction: column;
  }
  .wrp-sec2 {
    background: linear-gradient(to top, #e1a841 50%, #6c3e1e 50%);
}
      .interest-sec h3{
    font-size: 30px;
    line-height: 40px;
}
}

@media (min-width: 600px) and (max-width: 991.98px) {
  .clients-bg .owl-item {
    width: 308.865px !important;
  }
  .header {
    top: 10px;
  }
  .header-carousel-bg {
    height: auto;
    padding-top: 20%;
  }
  .about-banner-side,
  .header-social-icons,
  .main-navigation.navigation-wrapper {
    display: none;
  }
  .abt2-content h2 {
    font-size: 40px !important;
  }
  .serv-category-head {
    width: 91%;
    top: 33rem;
  }
  .serv-category-bg {
    position: relative;
    padding: 50px 0;
    height: 1050px;
  }
  .study-card-content .study-card-content-back img {
    width: 220px;
    top: -75px;
  }
  .study-card-content .study-card-content-inner .overlay-btn {
    bottom: -44px;
    width: 200px !important;
  }
  .service-card {
    width: 65%;
    margin: 13% auto 0;
  }
  .main-header-bg .main-header {
    display: flex;
    justify-content: space-between !important;
    padding: 0 4%;
  }
  .footer-head {
    margin: 4% 0 5%;
  }
  .footer-social-icon {
    padding: 20px 0 10px;
  }
  .case-study-bg .overlay-btn {
    width: 175px !important;
  }
  .abt-content .abt-para {
    padding: 3% 10% 0 0;
  }
  .case-study-bg {
    background-color: var(--bs-dard-purple);
    padding: 50px 4%;
  }
  .study-head h3 {
    font-size: 23px;
  }
  .abt-bg,
  .bages-bg,
  .blog-bg {
    padding: 30px 0;
  }
  .blog-bg {
    height: auto;
  }
  .blog-carousel-card {
    width: 93%;
    bottom: 10%;
    right: 0;
  }
  .main-logo {
    width: 190px;
  }
  .overlay-btn-1 {
    width: 155px;
    padding: 10px 20px;
  }
  .main-header .main-navigation ul li a {
    padding: 0 15px;
    font-size: 14px;
  }
  .header-carousel-bg .owl-theme .owl-nav button {
    width: 60px;
    height: 60px;
  }
  .header-main-images-slide2 img {
    margin: 5% 0 0;
  }
  .header-carousel-bg .owl-theme .owl-nav {
    width: 98%;
    top: 45%;
  }
  .study-head h2 {
    padding: 10px 0;
  }
  .blog-bg .owl-theme .owl-nav button {
    font-size: 20px;
    width: 50px;
    height: 50px;
  }
  .study-card {
    margin: 3% 0 0;
    display: unset;
  }
  .study-card .item {
    height: 350px;
    margin: 2% 0 4%;
  }
  .process-card-2 h3,
  .process-card-3 h3,
  .process-card-4 h3,
  .process-card-5 h3,
  .process-card-6 h3 {
    font-size: 27px;
  }
  .header-content h1 {
    padding: 0;
  }
  .blog-bg .owl-theme .owl-nav {
    top: -20%;
  }
  .about-banner-content {
    margin: 25% 0 2%;
    position: relative;
  }
  .abt-serv-box {
    margin: 70px 0 0;
  }
  .abt-serv-box p {
    font-size: 16px;
    width: 100%;
    margin-bottom: 10px;
    height: 240px;
    overflow: auto;
  }
  .features-card {
    width: auto;
  }
  .privacy-bg {
    padding-top: 17%;
  }
  .header-carousel-bg-css {
    padding: 0 0 16rem;
  }
  .services-slide-1 {
    height: 300px;
    background-position: right -5rem;
    padding: 0 0 2rem;
  }
  .services-slide-1::before {
    left: 15.5rem;
  }
  .services-content-img-2 {
    padding: 2rem;
    background-size: cover;
  }
  .services-content-text {
    height: 0;
  }
  .banner-text-rotate-2 {
    position: absolute;
    right: 9rem;
    top: 85%;
  }
  .banner-text-rotate-2 .rotate-text svg text,
  .card-boxing svg {
    color: var(--bs-white);
  }
  .services-bg .owl-theme .owl-nav {
    color: var(--bs-white);
    width: 7%;
    top: 22%;
    right: 7%;
  }
  .banner-text-rotate-2 .rotate-text svg {
    width: 120px;
  }
  .about-banner-side img {
    margin: 0 !important;
  }
}

@media only screen and (max-width: 576px) {
    
    .abt-bg{
        display: none;
    }
    .awards{
        display:none;
    }
    .mobile-awards{
        display:block;
        width: 100%;
        height: 100%;
    }
    .mobile-abt-bg{
    display: block;
        width: 100%;
        height: 100%;
    }
    .logo-shows{
        width: 100%;
    }
    .mobile-new-counter {
    display: block;
}
    .text-align-center{
        text-align:left;
    }
    section.new-counter {
    display: none;
    }
    .flip-box-back,
  .flip-box-front {
    min-height: 370px;
  }
    .mobile-new-counter {
    padding: 10px 0;
    background: #E6E6E6;
    margin-top: 20px;
}
    
    .mobile-new-counter .mobile-new-counter {
        padding: 10px 0;
    }
    .mobile-new-counter   .counter p.counter-seo {
        font-size: 25px;
        margin-bottom: 5px;
    }
    .mobile-new-counter .counter p {
        width: 100%;
        font-size: 12px;
    }
    
    .mobile-new-counter .counter {
        margin-bottom: 0;
    }
  .services-link ul li {
    margin-right: 15px;
  }
  .services-link ul {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .copyright {
    margin-top: 30px;
  }
  .copyright p,
  .webdesign-bg .overlay-btn-2,
  p.abt-para.text-center {
    font-size: 12px;
  }
  .copyright-link ul li {
    color: #fff;
    font-size: 12px;
  }
  .copyright-link {
    display: flex;
    justify-content: center;
  }
  .services-link {
    margin-top: 20px;
  }
  section.before-after,
  section.new-top-footer {
    padding-top: 0;
  }
  .new-footer-gif {
    display: flex;
    width: 26%;
    height: 140px;
    justify-content: left !important;
    margin-right: auto;
  }
  .new-footer-content p {
    font-size: 18px;
  }
  .new-footer-content h3 {
    font-size: 30px;
    -webkit-text-stroke-width: 1px;
  }
  .abt-content h4,
  .bages-bg,
  .bages-bg .overlay-btn-3,
  .banner-content-1,
  .blog-bg,
  .blog-card-content h6,
  .cards__testimonial,
  .header-carousel-bg .owl-theme .owl-nav button,
  .header-content p,
  .header-social-icons,
  .main-header .overlay-btn-1,
  .main-navigation.navigation-wrapper,
  .modal-head-img img,
  .serv-category-bg,
  .serv_tech-bg .nav-pills .nav-link.active > img,
  .services-bg,
  .services-content-2 p,
  .stats-card-border1::before,
  .stats-card-border2::before,
  .stats-card-border3::before,
  .stats-head,
  .study-card .item:hover .study-card-content-back img,
  .study-card-content ul,
  section.new-process,
  section.process-bg {
    display: none;
  }
  .web-form-ani {
    width: 60% !important;
    height: 200px;
  }
  .tab_block_main .tab_options > li {
    width: 25%;
    font-size: 12px;
    margin-bottom: -7px;
    margin-left: 10px;
    margin-right: 10px;
  }
  .ba-title h6 {
    font-size: 16px;
  }
  .ba-title h3 {
    font-size: 20px;
    text-align: left;
  }
  .mobile-class {
    flex-direction: column-reverse;
  }
  section.awards {
    padding-bottom: 10px;
  }
  .awards-logo {
    height: auto;
  }
  .banner-content-1 .pera,
  .footer-btm p {
    font-size: 15px;
  }
  .video-bg,
  .video-overlay {
    height: auto !important;
  }
  .main-header-bg .main-header {
    display: flex;
    justify-content: space-between !important;
    padding: 0 4%;
  }
  .cta-footer-btm-bg,
  .mobile-services,
  .mobile-testimonial,
  section.mobile-blog {
    display: block;
  }
  .abt-background {
    background-position: center;
  }
  .clients-carousel h4 {
    padding: 0 0 0 20% !important;
    color: #000;
    font-size: 25px !important;
    text-align: left;
  }
  .card2 {
    height: 450px;
    width: 100%;
    overflow: hidden;
  }
  .clients-carousel {
    padding: 5rem 0 0;
  }
  .clients-bg .owl-item {
    width: 392.688px !important;
  }
  .header {
    top: 10px;
    height: auto;
  }
  .header-carousel-bg {
    padding-top: 35%;
  }
  .header-content h1 {
    padding: 10px 0;
  }
  .main-btn .overlay-btn-3 {
    margin: 1rem 0 1.5rem;
    padding: 14px 10px;
    font-size: 10px;
  }
  .header-carousel-bg .owl-theme .owl-nav {
    width: 92%;
    top: 90% !important;
    justify-content: space-evenly;
  }
  .webdesign-header-form .overlay-btn-1 {
    width: 100%;
    padding: 10px 20px;
  }
  .awards-img img {
    padding: 10px;
    height: 120px !important;
    margin: auto;
  }
  .footer-head {
    margin: 4% 0 5%;
  }
  .footer-social-icon {
    padding: 20px 0 10px;
  }
  .abt-bg,
  .bages-bg,
  .blog-bg,
  .case-study-bg,
  .faqs-bg,
  .process-bg,
  .serv_tech-bg,
  .tech-bg {
    padding: 30px 0;
  }
  .case-study-bg .overlay-btn {
    width: 175px !important;
  }
  .case-study-bg {
    background-color: var(--bs-dard-purple);
  }
  .study-card-content .study-card-content-back img {
    width: 280px;
  }
  .study-head h3 {
    font-size: 23px;
  }
  .service-card {
    width: 100%;
    margin: 8% auto 0;
    padding: 20px;
  }
  .blog-carousel-card {
    width: 93%;
    bottom: 10%;
    right: 0;
  }
  .main-logo {
    width: 110px !important;
  }
  .mobile-icon {
    width: 30px !important;
    margin-top: -40px !important;
    margin-left: 70px !important;
  }
  .overlay-btn-1 {
    width: 155px;
    padding: 10px 20px;
  }
  .main-header .main-navigation ul li a {
    padding: 0 15px;
    font-size: 14px;
  }
  .study-content h2 {
    padding: 10px 0 5px;
  }
  .blog-bg .owl-theme .owl-nav button {
    font-size: 20px;
    width: 50px;
    height: 50px;
  }
  .study-card {
    margin: 3% 0 0;
    display: unset;
  }
  .study-card .item {
    height: auto;
    margin: 14% 0 8%;
    padding: 12px 0;
  }
  .process-card-2 h3,
  .process-card-3 h3,
  .process-card-4 h3,
  .process-card-5 h3,
  .process-card-6 h3 {
    font-size: 27px;
  }
  .bages-content {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
  .case-study-bg .main-btn,
  .f {
    text-align: center;
  }
  .overlay-logo {
    width: 150px;
  }
  .overlay-btn-2 {
    margin: 4% 1.5% 0;
    padding: 10px 30px;
  }
  .overlay-btn p {
    display: inline-block;
    margin: 0 0 0 13px;
  }
  .serv-category-content h3 {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 0;
  }
  .serv-category-card img {
    width: 70px !important;
    height: 70px;
    margin: 0 0 4%;
  }
  .serv-category-head {
    width: 85%;
    top: 28rem;
  }
  .study-card-content-img {
    width: 190px;
    height: 90px;
    padding: 0 0 1rem;
  }
  .study-card-content .study-card-content-inner .overlay-btn {
    right: 0;
    bottom: -20%;
    display: none !important;
  }
  .study-card-content-inner h4 {
    padding: 2% 0;
  }
  .blog-card-margin,
  .process-card-2,
  .process-card-3,
  .process-card-5 {
    margin: 0;
  }
  .blog-img img {
    width: auto;
    height: auto;
    object-fit: cover;
  }
  .faqs-card .small {
    height: 150px;
    overflow: auto;
  }
  .header-clouds-images1,
  .header-clouds-images2 {
    display: none !important;
  }
  .footer-social-icon li a {
    margin: 14px 15px 0 0;
    font-size: 20px;
  }
  .footer-btm {
    display: inline;
  }
  .footer-btm ul li a {
    padding: 0 8px;
    font-size: 13px;
    margin: 0 auto;
  }
  .modal-head-form h3 {
    font-size: 35px;
  }
  .main-modal-bg .overlay-btn-3 {
    padding: 15px 40px;
  }
  .flotaing-icons {
    left: 1rem;
    bottom: 1rem;
    display: block;
  }
  .webdesign-bg {
    background-size: cover;
  }
  .webdesign-header-form {
    padding: 20px 16px;
    margin: 8% 0;
  }
  .category-content h3,
  .category-head h2,
  .cta-content h3,
  .serv_tech-bg h2,
  .stats-content h2,
  .tech-content h3 {
    font-size: 28px;
  }
  .header-top {
    height: auto;
    padding-top: 12rem;
    padding-bottom: 3rem;
  }
  .category-head img {
    height: auto;
    margin: 0 auto 4%;
  }
  .about-banner-side img {
    width: 1060px;
    display: none;
  }
  .about-banner-content::before {
    top: -3.5%;
  }
  .abt-serv-bg .hd-txt {
    padding: 0 0 14px;
  }
  .abt-serv-box {
    padding: 20px 0;
    margin: 65px 0 0;
  }
  .abt2-bg {
    padding: 50px 0;
  }
  .background-design-bg,
  .footer-form-bg,
  .serv_tech-card {
    padding: 0;
  }
  .webdesign-header-form label {
    padding: 0.5rem 0 0;
  }
  .webdesign-header-form h3 {
    font-size: 24px;
  }
  .category-content span {
    margin: 0 0 -15%;
  }
  .category-content {
    padding: 20px;
  }
  .category-content h3,
  .overlay-content a {
    font-size: 22px;
  }
  .serv_tech-inner {
    display: flex;
    flex-direction: column;
  }
  .serv_tech-card h6 {
    font-size: 28px;
    padding: 0 0 15px;
  }
  .privacy-bg p {
    padding: 0 0 25px;
  }
  .serv_tech-card img {
    width: auto;
    height: 110px;
    padding: 0 0 1rem;
    margin: 0 auto;
  }
  .contact-bg .overlay-btn-2 {
    margin: 4% 1.5% 5%;
  }
  .mobile-text{
      font-size: 25px !important;
    padding-bottom: 3%;
    font-family: Display-Bold !important;
  }
  .overlay-content {
    position: relative;
    top: 5%;
    width: 82%;
    margin-top: 30px;
    left: 0%;
    right: 5%;
  }
  .overlay-dropdown a {
    font-size: 20px !important;
    line-height: 25px !important;
  }
  .overlay .accordion-button {
    background-color: transparent;
    font-size: 22px;
    padding: 0;
  }
  .container {
    max-width: 95%;
  }
  .abt-content h3 {
    font-size: 20px;
    padding: 0px;
  }
  .serv-category-card p {
    height: 255px;
    overflow: auto;
    padding: 0 5px 0 0;
  }
  .serv-category-card h3 {
    padding: 1rem 0 0.5rem;
  }
  .service-card p {
    font-size: 15px;
    height: 430px;
    overflow: auto;
  }
  .stats-card {
    padding: 25px 0 0;
  }
  .serv_tech-bg h2 {
    padding: 0 0 1rem;
  }
  .process-card img {
    height: auto;
    width: 150px !important;
  }
  .blog-card-content h4 {
    padding: 10px 0 0;
  }
  .blog-bg {
    height: auto !important;
  }
  .counter-inner {
    text-align: center !important;
    margin: 5% 0;
  }
  .header-carousel-bg-css {
    background-image: none !important;
    padding: 0;
  }
  .footer-content h3 {
    padding: 0 10px 0 0;
  }
  .header-content,
  .main-btn {
    padding: 1rem 0 0;
  }
  .banner-text-rotate-2 {
    position: absolute;
    right: 7rem;
    top: 85%;
  }
  .banner-text-rotate-2 .rotate-text svg text,
  .card-boxing svg,
  .services-bg .owl-theme .owl-nav button {
    color: var(--bs-white);
  }
  .services-bg .owl-theme .owl-nav {
    color: var(--bs-white);
    width: 7%;
    top: 0;
    right: 7%;
  }
  .banner-text-rotate-2 .rotate-text svg {
    width: 120px;
  }
  .services-slide-1 {
    height: 310px;
  }
  .services-slide-1::before {
    left: 2rem;
  }
  .services-bg .owl-theme .owl-nav button:hover {
    color: var(--bs-black);
    border: 1px solid transparent;
    background: 0 0;
  }
  .services-content-img-2 {
    padding: 2rem 2rem 10rem;
    background-size: cover;
  }
  .services-content-text {
    height: 0;
  }
  .about-banner-side img {
    margin: 0 !important;
  }
  .services-slide-1 ul {
    column-count: unset;
  }
  .services-slide-1 {
    padding: 0 0 2rem;
  }
  .home-abt-bg {
    padding: 2rem 0;
  }
  .scroll img {
    width: 18px;
    height: 20%;
  }
  .animated-icon:before {
    width: 170px;
    left: -1% !important;
    right: auto;
  }
  .animated-icon:after {
    width: 170px;
    right: -2%;
    left: auto;
  }
  p.services-dess {
    width: 100% !important;
    text-align: left !important;
}
.new-logo p.new-logo-seo {
    font-size: 20px;
    text-align:left;
}
.abt-bg-title h3 {
    font-size: 20px;
     text-align:left;
}
.abt-bg-title p {
    width: 100%;
    margin: 0 auto;
    text-align: left;
}
.ba-title p {
    text-align: left !important;
}
.main__card__blue, .main__card__dark__pink {
        margin: 0;
    }
    .web-form h3 {
    font-size: 20px;
    text-align: left;
    }
    .process-des {
    width: 100%;
    margin: 0 auto;
    text-align: justify !important;
    }
    /*chicsss*/
    .heading1{
        font-size: 34px;
        line-height: 65.88px;
    }
.wrp-sec2 {
  background: linear-gradient(to bottom, #e1a841 45%, #6c3e1e 45%);
  padding: 25px 0;
}
.web-color{
    font-size:40px;
}
.para1 {
    padding: 12px 0px;
}
.wrap-rate .heading2 {
        font-size: 25px;
        line-height: 33px;
    }
    
section.wrap-rate {
    padding: 50px 0;
}
.wrap-rate {
        padding: 50px 0;
    }
.wrap-rate .conversion h5{
   font-size: 13px;
        text-align: center;
}
.usps h2 {
    font-size: 11px;
}

.text-sec {
    position: relative;
    z-index: 11111;
    color: black;
    padding: 20px;
    height: auto;
    transform: none;
    left: 0;
}
.wrap-rate .usps-perent {
    margin-bottom: 12px;
}
.conver-cls {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-bottom: 12px;
}
.list-content{
    padding-bottom:20px;
}
.list-content .para3{
    font-size: 14px;
    line-height: 21px;
    padding:10px 0px;
}
/*.wrap-rate .heading2{*/
/*    font-size:30px;*/
/*}*/
.heading2{
    font-size: 28px;
    line-height: 43.4px;
}
section.wrp-sec3 {
    padding: 31px 0;
}
.chic-cls .heading3 {
    font-size: 17px;
    line-height: 25px;
    padding: 16px 0px 8px 0px;
}
.box1, .box2, box3{
    margin-bottom:20px;
}
.parent-sec .heading4 {
font-size: 16px;
}
.wrap-social .para2{
    font-size: 13px;
    padding:0px 0px;
    line-height:14px;
    color: black;
}
.parent-sec:hover h3 {
  display:block;
}
.parent-sec:hover p {
  display: block;
}
.wrap-ppc {
    background-color: #f2f2f2;
    padding: 31px 0;
}

.wrap-ppc .heading2{
    font-size: 25px;
    padding-bottom:0px;
}
.wrap-ppc .heading3{
 font-size: 22px;
 line-height: 32.8px;
 text-align: center;
}
.mock-box h2{
    justify-content:center;
}
.mock-box h3 {
    text-align: center;
}
.mock-box {
    margin-bottom: 12px;
}

.home-form{
    padding-top: 10px;
}
.bg-color2 {
    margin-top: 30px;
}

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

.main-content {
    width: 100%;
}
ul.menu {
    margin-bottom: 15px;
}

.parent-sec .heading4 {
    font-size: 16px;
    color: black;
}

.interest-sec h3 {
    font-size: 25px;
    line-height: 1;
    text-align: center;
}

.interest-sec p {
    text-align: center;
    font-size: 12px;
    margin: 10px 0;
}

.form1 {
    padding: 15px;
}

.shadow-box {
    display: none;
}
.flip-box {
    margin:0 5%;
     
 }

}
@media only screen and (max-width: 375px) {
    .services-content-2 h2 {
    font-size: 22px;
}
  .mobile-text{
      font-size:22px !important;
  }
  .clients-carousel {
    top: 20px;
  }
  .clients-bg .owl-item {
    width: 346.5px !important;
  }
  .animated-icon:after {
    width: 140px;
    right: -2%;
    left: auto;
  }
  .animated-icon:before {
    width: 140px;
    left: -1% !important;
    right: auto;
  }

}
@media only screen and (max-width: 370px) {
  .clients-bg .owl-item {
    width: 346.5px !important;
  }
  .overlay a {
    font-size: 22px;
  }
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
  .blog-bg {
    height: auto !important;
  }
  .blog-bg .owl-theme .owl-nav {
    top: -30%;
  }
  .bages-bg img {
    width: 65% !important;
    aspect-ratio: 3/2;
  }
  .serv-category-card {
    margin: 3rem 0 0;
  }
  .serv-category-bg {
    padding: 30px 0;
    height: 1060px;
  }
  .about-banner-side img {
    margin: 0 !important;
  }
  .animated-icon:after {
    width: 140px;
    right: -2%;
    left: auto;
  }
  .animated-icon:before {
    width: 140px;
    left: -1% !important;
    right: auto;
  }
}
@media only screen and (max-width: 320px) {
  .animated-icon:before {
    width: 120px;
    left: -1% !important;
    right: auto;
  }
  .animated-icon:after {
    width: 120px;
    right: -2%;
    left: auto;
  }
  .clients-bg .owl-item {
    width: 295.672px !important;
  }
}

/*@media only screen and (max-width: 576px) {*/
/*    .overlay-content {*/
/*        position: fixed !important;*/
        /*top: 5%;*/
        /*width: 82%;*/
        /*margin-top: 30px;*/
        /*left: 5%;*/
        /* optional: add z-index and background if needed */
        /*z-index: 9999;*/
        /*background: #fff; /* change color as needed */
/*    }*/
/*}*/