@font-face {
    font-family: 'Meiryo';
    src: url('../fonts/Meiryo/Meiryo.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Meiryo/Meiryo.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Meiryo/Meiryo.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Meiryo/Meiryo.woff') format('woff'), /* Older Browsers */
         url('../fonts/Meiryo/Meiryo.ttf') format('truetype'); /* Safari, Android, iOS */
    font-weight: normal;
    font-style: normal;
  }
  
  /* Bold */
  @font-face {
    font-family: 'Meiryo';
    src: url('../fonts/Meiryo/Meiryo-Bold.eot');
    src: url('../fonts/Meiryo/Meiryo-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Meiryo/Meiryo-Bold.woff2') format('woff2'),
         url('../fonts/Meiryo/Meiryo-Bold.woff') format('woff'),
         url('../fonts/Meiryo/Meiryo-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
  }
  
  /* Italic */
  @font-face {
    font-family: 'Meiryo';
    src: url('../fonts/Meiryo/Meiryo-Italic.eot');
    src: url('../fonts/Meiryo/Meiryo-Italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Meiryo/Meiryo-Italic.woff2') format('woff2'),
         url('../fonts/Meiryo/Meiryo-Italic.woff') format('woff'),
         url('../fonts/Meiryo/Meiryo-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
  }
  
  /* Bold Italic */

body {overflow-x: hidden;}
body {font-family: "Meiryo", sans-serif; font-size: 16px;}
p {line-height: 1.6; font-size: 18px;}
p:empty {display: none;}
a {text-decoration: none;}
a:hover {text-decoration: none;}

.section-padding {padding: 80px 0;}
.section-body {margin-top: 40px;}
.pt-0 {padding-top: 0;}
.p-0 {padding: 0;}
.dark-bg {background-color: #282C32;}
.red-color {color: #ff031a;}

.cta-button {background-color: #E32200; text-align: center; position: relative; overflow:hidden; transition: .3s; display: inline-block; padding: 10px 20px; border-radius: 4px; color: #fff; font-weight: 600; font-size: 20px; line-height: 1.4;}
.cta-button span {position: relative; z-index: 2;}
.cta-button:after {position: absolute; transition: .3s; content: ''; width: 0; right: 0; left: auto; top: 0; height: 100%; background: #c42e13;}
.cta-button:hover {cursor: pointer; color: #fff;}
.cta-button:hover:after {width: 100%; left: 0;}

.bg-ai {background-color: #FBEEDB;}



h1.customStyle,h2 {font-weight: 700; font-family: "Poppins", sans-serif; font-size: 36px;}
h3 {font-weight: 500; font-family: "Poppins", sans-serif; font-size: 32px;}
.dark-bg h2 {color: #fff;}
.lead-text {font-size: 20px!important; font-weight: 700!important;}
.lead-text-40 {font-weight: 400; font-family: "Poppins", sans-serif; font-size: 40px; line-height: 1.4;}
.title {font-weight: 700; font-family: "Poppins", sans-serif;}






.banner-area {position: relative; margin-top: 80px;}
.banner-img {display: block; width: 100%;}
.banner-content {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%;}

.banner-content .cta-button {padding: 10px 40px; margin-top: 40px;}

.banner-content h1 {color: #fff; font-size: 52px; font-weight: 700; font-family: "Poppins", sans-serif;}
.subheading {font-size: 28px; font-weight: 600; color: #fff;}

.clint-logo-strip {text-align: center; background-color: #F9F8F8;}
.clint-logo-strip img {display: inline-block; margin: 40px 15px 0;}

.form-wrapper {background-color: #F9F9F9; padding: 20px; border: 1px solid #C7C7C7; border-radius: 8px;}
.form-wrapper h3 {font-family: "Poppins", sans-serif; margin: 0 0 10px 0; padding: 0; font-weight: 700;}
.form-wrapper .form-control {height: 50px; margin: 15px 0;}
.form-wrapper .btn-danger {display: block; width: 100%; background-color: #EB332D; border-color: #EB332D; font-size: 20px; padding: 15px 0; font-weight: 600;}

.section-1, .section-8 {background: url('../../images/landing/ppc/gradient.jpg') no-repeat; background-size: cover;}
.section-1 p {font-size: 20px; line-height: 1.8;}
.section-1 p:last-child {margin-bottom: 0;}

.numberrow .numberCol {margin-top: 20px; font-size: 20px; font-weight: 500;}
.numberrow .numberCol b {font-family: "Poppins", sans-serif; font-weight: 500; display: block; font-size: 40px;}

.section-2 {background-color: #F9F8F8;}
.clint-logo {display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.clint-logo img {margin: 25px;}

.section-3 .card-wrapper .card {display: flex; justify-content: space-between; flex-wrap: wrap; border-top: 1px solid #C7C7C7; border-bottom: 1px solid #C7C7C7; padding: 40px 0;}
.section-3 .card-wrapper .card:last-child {border-bottom: none; padding-bottom: 0;}
.section-3 .card-wrapper .title {font-size: 24px; flex: 0 0 25%;}
.section-3 .card-wrapper .para {flex: 0 0 70%;}

.full-ctaStrip {background-color: #0644F5; padding: 40px 0;}
.full-ctaStrip .col-md-12 {display: flex; justify-content: space-between; align-items: center;}
.full-ctaStrip .ctaContent {flex: 0 0 60%; padding: 0 20px;}
.full-ctaStrip .ctaContent h3 {color: #fff; font-family: "Poppins", sans-serif;}
.full-ctaStrip .ctaContent .title {font-size: 30px; color: #fff; margin: 0;}
.full-ctaStrip .ctaBtnDIv {text-align: right; padding: 0 20px;}


.fixed-ctaStrip .container,
.fixed-ctaStrip .container-fluid {background-color: #0644F5; padding-top: 40px; padding-bottom: 40px;}
.fixed-ctaStrip .col-md-12 {display: flex; justify-content: space-between; align-items: center;}

.fixed-ctaStrip .ctaContent {flex: 0 0 60%; padding: 0 20px;}
.fixed-ctaStrip .ctaContent h3 {color: #fff; font-family: "Poppins", sans-serif;}
.fixed-ctaStrip .ctaContent .title {font-size: 30px; color: #fff; margin: 0;}
.fixed-ctaStrip .ctaBtnDIv {text-align: right; padding: 0 20px;}

.approach .card-wrapper {display: flex; justify-content: space-between; flex-wrap: wrap;}
.approach .card-wrapper .card {flex: 0 0 23%;}
.approach .card-img {position: relative; margin-bottom: 20px;} 
.approach .card-img img {display: block; width: 100%; border-radius: 6px;}
.approach .card-wrapper .title {font-size: 18px; color: #fff; position: absolute; bottom: 10px; left: 20px; margin: 0;}

.section-5 {padding-bottom: 120px;}
.section-5 .section-body {background-color: #fff; border-radius: 8px;}

.success-card {position: relative;}
.success-card li {margin-bottom: 10px;}
.success-img {display: block; width: 100%;}
.success-card .container {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.success-card .container .success-content {background:rgb(255 255 255 / 90%); border-radius: 6px; padding: 40px;}
.slick-prev, .slick-next {top: inherit; bottom: -80px;}
.slick-prev:before, .slick-next:before {color: #ff031a; font-size: 50px;}
.slick-prev {left: 45%; width: 50px; height: auto; text-align: left;}
.slick-next {right: 45%; width: 50px; height: auto; text-align: right;}

.slick-next:before {content: ''; background: url('../../images/landing/ppc/next-arrow.png') no-repeat;}
.slick-prev:before {content: ''; background: url('../../images/landing/ppc/back-arrow.png') no-repeat;}


.section-6 .section-body {display: flex;}
.section-6 .list-unstyled {height: 100%; display: flex; flex-wrap: wrap; align-items: stretch;}
.section-6 .list-unstyled li {padding: 15px; margin: 0;}
.section-6 .list-unstyled li:hover {background-color: #fff; box-shadow: rgb(3 3 3 / 27%) 0px 17px 49px 0px;}
.section-6 .list-unstyled b {display: block; font-family: "Poppins", sans-serif;}

.section-7 {background: url('../../images/landing/ppc/testimonial.jpg') no-repeat; background-size: cover;}


.section-7 .card {background-color: #fff; border-radius: 6px; padding: 20px;}
.section-7 .card-header {min-height: 260px; border-bottom: 1px solid #C7C7C7; background: none;}
.section-7 .card-header img {margin-bottom: 20px;}
.section-7 .client-detail {display: flex; justify-content: space-between; align-items: center; margin-top: 20px;}
.section-7 .client-detail-inner {flex: 0 0 75%;}
.section-7 .client-detail-inner .name {font-weight: bold; font-family: "Poppins", sans-serif; margin-bottom: 0;}
.section-7 .list-unstyled li {display: block;}


.section-8 .row {display: flex; align-items: center;}
.section-8 .col-md-6 {display: flex; align-items: center; flex-wrap: wrap;}
.section-8 .col-md-6 h2 {font-size: 44px; line-height: 1.4;}
.section-8 .col-md-6 h4 {font-size: 24px; margin-top: 40px;}
.section-8 .list-unstyled {margin: 0;}
.section-8 .list-unstyled li {margin-bottom: 30px;}
.section-8 .list-unstyled b {display: block; font-family: "Poppins", sans-serif;}



.section-10 {background-color: #F3F3F3; padding: 20px 0;}

.footer-menu,
.footer-links {display: flex; justify-content: space-between;}
.footer-menu a,
.footer-links a {color: #1F2329; font-weight: 700;}

.footer-links {align-items: center;}
.social-icons a {margin: 0 8px;}

.footer-clint-logo {display: flex; justify-content: space-around; margin-top: 50px;}

.footer-menu a:hover,
.footer-links a:hover,
.social-icons a:hover {color: #ff031a;}

.section-11 {padding: 15px 0;}
.copyright {display: flex; justify-content: space-between;}
.copyright p {margin: 0; color: #fff; font-size: 16px;}
.copyright .list-unstyled {display: flex; justify-content: space-between; margin: 0;}
.copyright .list-unstyled a {color: #fff; font-size: 16px; margin: 0 10px;}
.copyright .list-unstyled a:hover {opacity: 0.7;}

.getGclid{display:none;} 


.location-lists{ display:flex; max-width:75%; overflow:hidden; justify-content: center; margin: 0 auto;}
.location-lists .location {position:relative; overflow:hidden; height:550px; border-radius:12px; box-shadow:0px 0px 10px -1px #fff; width:13%; transition:.5s ease}
.location-lists .location::after {content:''; position:absolute; left:0; bottom:-50px; width:100%; height:70%; background:linear-gradient(180deg,rgba(10,19,40,0) 0%,#0F1325 61.88%)}
.location-lists .location:not(:last-child) {margin-right:20px}
.location-lists .location .location-inner {position:relative; height:100%; display:flex; align-items:flex-end; z-index:1; padding:0 10px 20px 10px}
.location-lists .location .location-inner .location-name {color:#fff; transform:rotate(-90deg); font-size:50px; transition:.5s ease; max-width:100%; margin-bottom:22px;}
.location-lists .location .locate-media {position:absolute; top:0; left:0; width:100%; height:100%; z-index:0}
.location-lists .location .locate-media img {width:100%; height:100%; object-fit:cover; object-position:center}
.location-lists .location .icon {display:flex; align-items:flex-start; opacity:0; padding-top:10px; opacity:0; display:none; transform:.5s ease; min-width:16px; margin-right:20px}
.location-lists .location .icon img {width:16px; height:24px; flex-shrink:0}
.location-lists .location .content-wrap .title {padding:0; margin:0; color:#FFF; font-family:"Poppins", sans-serif; font-size:36px; font-style:normal; font-weight:400; line-height:normal;}
.location-lists .location .content-wrap p {font-family:"Poppins", sans-serif; font-size:16px; line-height:1.5; opacity:0; display:none; transition:.5s ease}
.location-lists .location.active {min-width:400px; width:49%}
.location-lists .location.active .location-name {transform:rotate(0deg); margin-bottom:20px; margin-left:0; display:flex}
.location-lists .location.active .location-name .icon {opacity:1; display:block}
.location-lists .location.active .location-name .content-wrap p {opacity:1; display:block}

@media screen and (max-width:992px){ 
    .location-lists {max-width:100%; margin-top:40px}
}

@media screen and (max-width:767px) { 
    .section-padding {padding: 20px 0;} 
    h2 {font-size: 28px;} 
    h3 {font-size: 24px; line-height: 1.4;} 
    .lead-text-40 {font-size: 20px;} 
    .section-body {margin-top: 20px;}
    .top-strip {position: fixed; top: 0; left: 0; transform: translate(0, 0); width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 15px 10px; z-index: 9999;} 
    .top-strip .leftArea {flex: 0 0 30%;}
    .top-strip .rightArea {flex: 0 0 70%; justify-content: end;}
    .top-strip .rightArea a.phone {margin: 0 0 0 15px; font-size: 14px; padding-left: 14px;}
    .cta-button.ctaBlue {font-size: 10px; padding: 5px;}
    .damco-logo {width: 80px;} 
    .banner-content h1 {font-size: 32px;} 
    .banner-area .subheading {font-size: 22px;} 
    .banner-content {padding: 0 30px;} 
    .banner-content .cta-button {margin-top: 20px;} 
    .form-wrapper {margin-top: 20px;} 
    .section-3 .card-wrapper .card {display: block; padding: 20px 0;}
    .fixed-ctaStrip .col-md-12 {display: block; text-align: center;} 
    .fixed-ctaStrip .ctaContent .title {font-size: 22px;} 
    .fixed-ctaStrip .container {padding-top: 20px; padding-bottom: 20px; margin-bottom: 0;} 
    .fixed-ctaStrip .ctaBtnDIv {text-align: center; margin-top: 20px;}
    .success-card .container {width: 100%; position: inherit; top: inherit; left: inherit; transform: translate(0, 0);} 
    .success-card .container .success-content {padding: 15px;} 
    .slick-next {right: 30%;} 
    .slick-prev {left: 30%;}
    .mobile-none {display: none;}
    .section-7 .col-md-4 {margin-top: 15px; margin-bottom: 15px;} 
    .section-7 .card-header {min-height: auto;} 
    .section-8 .row {display: block;} 
    .section-8 .col-md-6 h2 {font-size: 28px;} 
    .section-8 .col-md-6 h4 {font-size: 20px; margin-top: 20px;}
    .footer-menu, 
    .footer-links, 
    .footer-clint-logo {display: block; text-align: center;} 
    .footer-links li, 
    .footer-clint-logo li {margin: 5px 0;}
    .location-lists{ max-width:100%; margin-top:20px; flex-direction:column } 
    .location-lists .location{ width:100%; height:60px } 
    .location-lists .location .location-inner{ min-width:100%; width:100%; max-width:100px; padding:10px 10px 10px 10px; align-items:center } 
    .location-lists .location .location-inner .location-name{ transform:rotate(0deg); max-width:100%; margin-bottom:0; font-size: 16px;; } 
    .location-lists .location.active{ width:100%; height:240px; min-width:100% } 
    .location-lists .location.active .location-inner{ min-width:100%; width:100%; max-width:100px; padding:10px 10px 10px 10px } 
    .location-lists .location.active .location-inner .location-name{ transform:rotate(0deg); max-width:100%; margin-bottom:0; } 
    .location-lists .location:not(:last-child){ margin-bottom:10px } 
    .location-lists .location::after{ bottom:-13px; width:100%; height:100% } 
    .location-lists .location .content-wrap .title{ font-size:26px }

    .approach .card-wrapper {display: block;}
    .approach .card-wrapper .card {margin: 15px 0;}
}


.slick-next:before {content: ''; background: url('../../images/landing/ppc/next-arrow.png') no-repeat; display: inline-block; width: 34px; height: 43px;}
.slick-prev:before {content: ''; background: url('../../images/landing/ppc/back-arrow.png') no-repeat; display: inline-block; width: 34px; height: 43px;}

.section-3 .card-wrapper .card {padding-left: 10px; padding-right: 10px;}
.section-3 .card-wrapper .card .card-left {flex: 0 0 25%;}
.section-3 .card-wrapper .card .card-right {flex: 0 0 70%;}
.section-3 .card-wrapper .card-left .title {flex: inherit;}
.section-3 .card-wrapper .card-right .para {flex: inherit;}
.section-3 .card-wrapper .card-right .list-unstyled {display: flex; justify-content: space-between; flex-wrap: wrap; margin: 15px 0 0 0;}
.section-3 .card-wrapper .card-right .list-unstyled li {flex: 0 0 45%; margin-bottom: 10px;}
.section-3 .card-wrapper .card-right .list-unstyled li:nth-child(1),
.section-3 .card-wrapper .card-right .list-unstyled li:nth-child(2) {border-bottom: 1px solid #ccc; padding-bottom: 10px;}
.section-3 .card-wrapper .card:hover {background-color: #E1DCEF;}

.dot-list li {position: relative; color: #475055; padding-left: 20px; margin-bottom: 15px; line-height: 24px;}
.dot-list li:before {content: "\f111"; font-weight: 900; font-family: "Font Awesome 6 Free"; left: 0px; position: absolute; top: 0; font-size: 8px; color: #c01722;}

.banner-new .banner-content {transform: translate(0, -50%); left: 0; text-align: left;}
.banner-new .banner-content h1 {color: #004384; font-weight: 600;}
.banner-new .banner-content .subheading {font-size: 32px; color: #2E2E2E; font-weight: 600;}
.banner-clint-logo {margin-top: 0;}
.banner-clint-logo h3 {font-size: 24px;}
.banner-clint-logo img {width: 80px; margin: 20px 15px 0 0; display: inline-block;}

.success-wrapper2 .title {margin-top: 10px;}
.success-wrapper2 {margin-top: 40px;}
.success-wrapper2 .list-unstyled {display: flex; justify-content: space-between; margin-top: 15px;}
.success-wrapper2 li {background-color: #fff; padding: 10px; text-align: center; flex: 0 0 30%; border-radius: 8px;}
.success-wrapper2 li b {font-size: 32px; color: #E62714; display: block;}
.success-img {box-shadow: rgba(100, 236, 255, 0.5) 0px 7px 29px 0px; border-radius: 8px;}
.success-content img {width: 180px;}

.tab-section {background: url('../../images/landing/ppc/gradient.jpg') 0 0/cover no-repeat;}
.tab-section .d-sm-block {display: block;}
.white-bgColor {background-color: #fff; display: inline-block; padding-right: 50px;}
.tab-section h2 {position: relative; background: url('../../images/landing/ppc/software-development/h2-underline.jpg') 0 64px no-repeat; background-repeat: repeat-x;}
#nav-tabs-wrapper li:not(:last-child) {margin-bottom: 40px;}
#nav-tabs-wrapper li a {font-size: 24px; color: #1F2329; font-weight: 600; padding: 5px 5px; display: block;}
#nav-tabs-wrapper li a span {color: #aaa; font-weight: 300; display: inline-block; margin-right: 10px;}
#nav-tabs-wrapper li a:hover,
#nav-tabs-wrapper li a:hover span {color: #0644F5; text-decoration: none;}
#nav-tabs-wrapper li a:focus {text-decoration: none;}

#nav-tabs-wrapper li.active {background-color: #BAC3E7; border-radius: 8px;}
#nav-tabs-wrapper li.active a {color: #0644F5;}
#nav-tabs-wrapper li.active a span {color: #0644F5;}

.tab-pane {position: relative; text-align: right;}
.tab-pane img {border-radius: 8px;}
.blue-box {position: absolute; top: 50%; left: 25px; width: 300px; height: 270px; background-color: #E2EAFF; border-radius: 8px; margin-top: -135px;}
.tab-text {position: absolute; top: 50%; left: 0px; width: 300px; height: 230px; background-color: #fff; border-radius: 8px; margin-top: -115px; text-align: left; padding: 15px; box-shadow: 0px 4px 54px 0px rgba(101, 0, 149, 0.1);}

.industries .card-wrapper {display: flex; justify-content: space-between; flex-wrap: wrap;}
.industries .card-wrapper .card {flex: 0 0 32%; margin-top: 20px; position: relative;}
.industries .card-wrapper .card-img {display: block; width: 100%; height: 315px;}
.industries .card .filp-card {position: absolute; top: 20px; left: 20px; width: 70%;}
.industries .card .filp-card h3 {color: #fff; margin-bottom: 15px;}
.industries .card .list-unstyled li {color: #fff; margin-bottom: 20px;}
.industries .card .list-unstyled li:last-child,
.industries .card .list-unstyled {margin-bottom: 0;}

.compare .table {border: 1px solid #ddd; margin-top: 30px;}
.compare thead tr {background-color: #E7F8FF;}
.compare thead th {color: #0644F5; font-size: 22px; font-weight: 600; font-family: "Poppins", sans-serif;}
.compare td {font-size: 20px; font-weight: 600;}
.compare td:nth-child(2),
.compare td:nth-child(3) {text-align: center;}
.table-striped>tbody>tr:nth-of-type(odd) {background-color: #fff;}
.table-striped>tbody>tr:nth-of-type(even) {background-color: #F3FBFF;}
.fa-circle-check {color: #0644F5;}
.fa-circle-xmark {color: #E62714;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding: 18px 10px;}
.table th {text-align: center;}
.table tr th:first-child {text-align: left;}


.number-approach {background: url('../../images/landing/ppc/gradient.jpg') 0 0/cover no-repeat; padding-bottom: 100px; padding-top: 0;}
.approach-number-wrap {display: flex; justify-content: space-between; background: url('../../images/landing/ppc/ai/h-line.jpg') no-repeat 95px 0; position: relative;}
.approach-number-card {flex: 0 0 15%; text-align: center; position: relative;}
.approach-number-card h4 {font-size: 100px; color: #fff; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; margin-top: 1px;}
.approach-number-card h4::before {content: ' '; display: block; width: 2px; height: 35px; background: url('../../images/landing/ppc/ai/v-line.jpg') no-repeat; margin: 0 auto;}
.approach-number-card .para {font-size: 24px; font-weight: 600; color: #0644F5; line-height: 1.3;}
.approach-number-wrap .circle {width: 20px; height: 20px; background-color: #0644F5; border-radius: 50%; position: absolute; top: -10px; left: 50%; margin-left: -10px;}
.approach-number-wrap .ellipse {position: absolute; bottom: -60px; right: -20px; width: 498px; height: 116px; background: url('../../images/landing/ppc/ai/ellipse.png') no-repeat; background-size: 370px;}

@supports (-ms-ime-align:auto) {
    .approach-number-wrap .ellipse {
        bottom: -84px;
    }
}

@media screen and (max-width:767px) {
    .banner-new .banner-content h1 {font-size: 24px; line-height: 1.4;}
    .banner-new .banner-content .subheading {font-size: 16px;}
    .banner-new .banner-content .cta-button {margin: 0;}
    .banner-new .banner-clint-logo {margin: 0;}
    .banner-new .banner-clint-logo h3 {font-size: 16px; margin-top: 0; margin-bottom: 0; text-shadow: 1px 1px #fff;}
    .banner-new .banner-clint-logo img {width: 45px; margin: 0px 5px 0 0;}
    .banner-new .banner-content {padding: 0;}
    .banner-new .banner-content .cta-button {padding: 10px 20px; font-size: 16px;}

    .industries .card-wrapper {display: block;}

    .approach-number-wrap {display: block; background: none;}
    .approach-number-wrap  .circle {display: none;}
    .approach-number-card h4::before {display: none;}
    .approach-number-wrap .ellipse {right: inherit; left: -214px; bottom: 110px; transform: rotate(90deg);}

    .success-wrapper2 li b {font-size: 20px;}
    .success-wrapper2 li {font-size: 14px;}

    .intro-section .section-body {display: flex; margin-top: 0; flex-wrap: wrap;}
    .intro-section .section-body .col-md-6 {flex: 0 0 100%;}
    .intro-section .section-body .col-md-5 {order: 1;}
    .intro-section .section-body .col-md-7 {order: 2; margin-top: 20px;}
    .clint-logo img {margin: 10px;}
}

/* design-3 */
.design-3 .banner-new .banner-content h1 {color: #fff;}
.design-3 .banner-new .banner-content .subheading {color: #fff;}
.design-3 .banner-new .banner-content .para {color: #fff;}
.design-3 .cta-button {background: #38C7FF;}
.design-3 .cta-button:after {background: #13789f;}

.design-3 .section-1 {background: none;}
.design-3 .section-1 p {font-size: 16px;}
.design-3 .numberrow {display: flex; justify-content: space-between; flex-wrap: wrap;}
.design-3 .numberrow .numberCol {flex: 0 0 48%; background-color: #E5F8FF; padding: 15px 40px; border-radius: 8px;}
.design-3 .numberrow .numberCol b {font-size: 36px;}
.design-3 .numberrow .numberCol:nth-child(2) {background-color: #E7E5FF;}
.design-3 .numberrow .numberCol:nth-child(3) {background-color: #FFEED2;}
.design-3 .numberrow .numberCol:nth-child(4) {background-color: #D9FFE6;}

.design-3 .form-wrapper {background: #F0F8FB; border-color: #F0F8FB;}
.banner-clint-logo-flex {display: flex; justify-content: space-between; align-items: center; padding-right: 15px;}
.design-3 .banner-clint-logo img {width: 85px; margin-right: 0;}
.design-3 .form-wrapper .form-control {margin: 36px 0;}
.design-3 .form-wrapper textarea.form-control {height: 150px;}
.design-3 .form-wrapper .btn-danger {background: #38C7FF; border-color: #38C7FF; color: #000;}
.design-3 .form-wrapper .btn-danger:hover {background: #13789f; border-color: #13789f;}

.design-3 .section-2 {background-color: #E5F8FF; padding: 40px 0;}
.design-3 .clint-logo img {margin: 10px;}
.design-3 .slick-track {display: flex; align-items: center;}


.design-3 .section-6 {background-color: #E5F8FF;}
.design-3 .section-6 .list-unstyled li:hover {background-color: #38C7FF; border-radius: 8px;}

.design-3 .section-7 {background: #fff;}
.design-3 .section-7 .card {border: 2px solid #38C7FF;}

.design-3 .section-8 {background: #E5F8FF;}
.design-3 .section-8 .form-wrapper .form-control {margin: 15px 0;}

.design-3 .scrollspy-main {background: #03020E;}
.design-3 .scrollspy-main h2,
.design-3 .scrollspy-main p,
.design-3 .scrollspy-main li {color: #fff;}
.design-3 .scrollspy-main h4 {color: #38C7FF; font-size: 28px; font-weight: 600; font-family: "Poppins", sans-serif;}
.design-3 .nav-pills a {color: #fff; font-size: 28px; font-weight: 700; padding: 0;}
.design-3 .nav-pills .nav-link.active, 
.design-3 .nav-pills 
.design-3 .show>.nav-link {color: #38C7FF; background: none; border-radius: 0; padding: 0; font-size: 60px;}

.design-3 #navbar-scrollspy, 
.design-3 #navbar-example3 {flex: 0 0 48%; position: sticky; left: 0; top: 240px; height: 18%; width: 50%;}
.design-3 #navbar-scrollspy a, 
.design-3 #navbar-example3 a {font-size: 24px; margin: 10px 0;}
.design-3 #navbar-scrollspy a.active, 
.design-3 #navbar-example3 a.active {font-size: 36px;}
.design-3 #navbar-scrollspy-content, 
.design-3 .scrollspy-example {flex: 0 0 50%; border-left: 1px solid #292741; padding-left: 100px;}
.design-3 .scrollspy-example section {padding-bottom: 35px; margin-bottom: 35px;}

.scrollspy-example .dot-list {display: flex; flex-wrap: wrap; justify-content: space-between;}
.scrollspy-example .dot-list li {flex: 0 0 45%; margin: 15px 0;}
.scrollspy-example .dot-list li:before {color: #fff;}

.design-3 .success-card {position: inherit;}
.design-3 .success-card .container {position: inherit; top: inherit; left: inherit; transform: translate(0,0);}
.design-3 .success-card .container .success-content {padding: 0;}
.design-3 .success-card .container .row {justify-content: space-between; align-items: center;}

.design-3 .success-wrapper2 li:nth-child(1) {background-color: #E7E5FF;}
.design-3 .success-wrapper2 li:nth-child(2) {background-color: #FFEED2;}
.design-3 .success-wrapper2 li:nth-child(3) {background-color: #D9FFE6;}

.design-3 .section-7 .card {display: flex; height: 100%;}
.design-3 .section-7 .card-header {height: 100%; border-bottom: 2px solid #38C7FF;}
.design-3 .intro-inner-padding {padding-right: 60px;}

.design-3 .slick-prev, 
.design-3 .slick-next {top: -70px;}
.slick-next {right: 20px;}
.slick-prev {right: 75px; left: inherit;}
.design-3 .slick-next:before {background: #38C7FF url(../../images/landing/ppc/software-dev/next-arrow2.png) no-repeat 50% 50%; width: 10px; height: 10px; padding: 20px; border-radius: 4px;}
.design-3 .slick-prev:before {background: #38C7FF url(../../images/landing/ppc/software-dev/back-arrow2.png) no-repeat 50% 50%; width: 10px; height: 10px; padding: 20px; border-radius: 4px;}

.advantage {background-color: #000;}
.advantage h2 {color: #fff; text-align: center;}
.advantage .section-body .col-md-12 {display: flex; justify-content: space-between; flex-wrap: wrap;}
.advantage .card {flex: 0 0 48%; background-color: #16151c; border: none; margin: 20px 0; padding: 20px 40px;}
.advantage .card .para {color: #fff; margin: 0;}
.advantage .textwrapper {display: flex; justify-content: space-around; border-bottom: 2px solid #1f1f21; padding-bottom: 20px; margin-bottom: 15px;}
.advantage .text {font-size: 72px; color: #38c7ff; font-weight: 300; font-family: "Poppins", sans-serif; line-height: 80px; flex: 0 0 65%;}
.advantage .text b {display: block; font-weight: 700;}
.advantage .card-icon {flex: 0 0 35%;}
.advantage .card-icon img {margin-bottom: 8px;}
.advantage .card-icon span {display: block;}

@media screen and (max-width:767px) {
    .design-3 #navbar-scrollspy {display: none;}
    .design-3 #navbar-scrollspy-content, 
    .design-3 .scrollspy-example {border: none; padding: 20px; flex: 0 0 100%;}
    .design-3 .scrollspy-example section {margin-bottom: 0; padding-top: 20px; padding-bottom: 20px;}
    .design-3 .success-wrapper2 {padding-bottom: 40px;}
    .design-3 .slick-prev, 
    .design-3 .slick-next {bottom: -20px;}
    .design-3 .form-wrapper .form-control {margin: 15px 0;}
    .design-3 .success-card .success-img {display: none;}
    .design-3 .slick-prev, .design-3 .slick-next {top: inherit;}
    .slick-next {right: 38%;}
    .slick-prev {left: 38%; right: unset;}
    .design-3 .banner-new .banner-content .para {font-size: 16px;}
    .design-3 .numberrow {display: block;}
    .design-3 .banner-clint-logo img {width: 48px;}
    .design-3 .intro-inner-padding {padding-right: 0;}
    .design-3 .numberrow .numberCol b {font-size: 30px;}
    .design-3 .numberrow .numberCol {font-size: 16px;}

    .advantage .section-body .col-md-12, .advantage .textwrapper {display: block;}
    .advantage .text {margin-bottom: 20px;}
}

/* design 4 start */

  @font-face {
    font-family: 'Meiryo';
    src: url('../fonts/Meiryo/Meiryo-BoldItalic.eot');
    src: url('../fonts/Meiryo/Meiryo-BoldItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Meiryo/Meiryo-BoldItalic.woff2') format('woff2'),
         url('../fonts/Meiryo/Meiryo-BoldItalic.woff') format('woff'),
         url('../fonts/Meiryo/Meiryo-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
  }
  /* latin */
@font-face {
    font-family: 'Calibri';
    font-style: italic;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/l/font?kit=J7adnpV-BGlaFfdAhLQo6btP&skey=36a3d5758e0e2f58&v=v15) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin */
  @font-face {
    font-family: 'Calibri';
    font-style: italic;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/l/font?kit=J7aYnpV-BGlaFfdAhLQgUp5aHRge&skey=8b00183e5f6700b6&v=v15) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin */
  @font-face {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/l/font?kit=J7afnpV-BGlaFfdAhLEY6w&skey=a1029226f80653a8&v=v15) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin */
  @font-face {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/l/font?kit=J7aanpV-BGlaFfdAjAo9_pxqHw&skey=cd2dd6afe6bf0eb2&v=v15) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

.design-4 .banner-new .banner-content h1{color: #100D08;font-size: 48px;font-family: 'Meiryo';font-weight: bold;}
.design-4 .banner-new .banner-content .subheading{color: #100D08;font-size: 24px;line-height: 32px; font-weight: 700;font-family: 'Calibri';}
.design-4 .banner-new .banner-content .para{font-size: 16px;color: #424143;line-height: 24px; font-weight: 700;font-family: 'Calibri'}
.design-4 .cta-button{background: #E32200;color: #fff;}
.design-4 .cta-button:hover,.design-4 .cta-button:after{background: #c42e13;}
.design-4 .form-wrapper {background: #fbeedb; border-color: #fbeedb;}
.design-4 h2{color: #03020E;font-family: 'Meiryo';}
.design-4 .numberrow .numberCol{background-color: #94122C;color: #fff;font-family: 'Calibri';padding: 15px 45px;line-height: normal;}
.design-4 .numberrow .numberCol:nth-child(2){background-color: #330033;}
.design-4 .numberrow .numberCol:nth-child(3) {background-color: #CA3F16;}
.design-4 .numberrow .numberCol:nth-child(4) {background-color: #721562;}
.design-4 .form-wrapper h3{color: #1C1C1C;font-size: 24px;font-weight: 700;font-family: 'Meiryo';}
.design-4 .form-wrapper .para{font-weight: 700;}
.design-4 .section-1 p{font-weight: 400;color: #1C1C1C;line-height: 24px; font-family: 'Calibri';}
.design-4 .form-wrapper .btn-danger{background: #E32200; border-color: #E32200;color: #fff;}
.design-4 .form-wrapper .btn-danger:hover{background: #E32200;border-color: #E32200;}
.design-4 .numberrow .numberCol b{font-size: 32px; color: #FBEEDB;font-family: 'Meiryo';font-weight: 700;}
.design-4 .section-2{background-color: #FBEEDB;}
.design-4 .intro-inner-padding h1{color: #100D08; font-size: 24px; font-weight: 700;font-family: 'Meiryo';}
.design-4 .scrollspy-main{background: url('../../images/landing/ppc/Expertise-image.jpg') no-repeat; background-size: cover;background-attachment: fixed;}
.design-4 .scrollspy-main h2{font-family: 'Meiryo'}
.design-4 #navbar-scrollspy a{font-family: 'Calibri';}
.design-4 #navbar-scrollspy a.active{color: #fff; font-size: 32px; font-weight: 700;border-bottom: 1px solid #E32200;font-family: 'Meiryo';}
.design-4 .scrollspy-example section.active{background: transparent;border: none;padding: 15px 15px 0px 15px}
.design-4 .scrollspy-main h4{color: #fff; font-size: 24px; font-family: 'Meiryo';font-weight: 700;}
.design-4 .scrollspy-main p, .design-4 .scrollspy-main li{font-size: 16px;font-family: 'Calibri';font-weight: 400;}
.design-4 .scrollspy-example .dot-list li{margin: 10px 0;}
.design-4 .scrollspy-main p.lead-text{font-size: 24px;font-weight: 400;font-family: 'Calibri'}
.design-4 .slick-next:before{background: #E32200 url(../../images/landing/ppc/software-dev/next-arrow-white.png) no-repeat 50% 50%;}
.design-4 .slick-prev:before{background: #FFCAB8 url(../../images/landing/ppc/software-dev/back-arrow2.png) no-repeat 50% 50%}
.design-4 .success-wrapper2 .title{font-size: 24px; font-weight: 700;font-family: 'Meiryo';}
.design-4 .success-wrapper2 .para{font-size: 16px;color: #1F2329; font-weight: 400;font-family: 'Calibri';}
.design-4 .success-wrapper2 li:nth-child(1){background-color: #94122C;color: #fff;}
.design-4 .success-wrapper2 li b{color: #FBEEDB;font-size: 32px;font-family: 'Meiryo';font-weight: 700;}
.design-4 .success-wrapper2 li:nth-child(2) {background-color: #CA3F16;color: #fff;}
.design-4 .success-wrapper2 li:nth-child(3) {background-color: #721562;color: #fff;}
.design-4 .success-wrapper2 li{font-family: 'Calibri';font-size: 20px;line-height: normal;}
.design-4 .success-img{box-shadow: rgba(238, 214, 217, 0.5) 0px 0px 15px 15px;}
.design-4 .section-6{background-color: #fff;}
.design-4 .section-6 .list-unstyled li:hover{background-color: transparent;box-shadow: none;}
.design-4 .section-6 .list-unstyled b{font-size: 20px;font-weight: 700;font-family: 'Meiryo';}
.design-4 .section-6 .list-unstyled li{font-size: 16px;font-weight: 400;font-family: 'Calibri';}
.design-4 .section-7 .card{border: 2px solid #ff7b54}
.design-4 .section-7 .card-header{border-bottom: 2px solid #BCBCBC;}
.design-4 p{font-size: 16px;font-weight: 400;font-family: 'Calibri';}
.design-4 .section-7 .client-detail-inner .name{font-size: 20px;font-weight: 700;color: #1F2329;font-family: 'Meiryo';}
.design-4 .section-7 .list-unstyled li{font-size: 16px;font-weight: 400;font-family: 'Calibri';color: #1F2329;}
.design-4 .section-8{background: url('../../images/landing/ppc/software-dev/uae-man.png') #FBEEDB no-repeat;}
.design-4.design-5 .section-8{background: #FBEEDB; background-color: none;}
.design-4 .section-8{background: url('../../images/landing/ppc/software-dev/uae-man.png') #FBEEDB no-repeat;}
.design-4 .section-8.uaeFooter{background: url('../../images/landing/ppc/software-dev/uae-man.png') #FBEEDB no-repeat!important;}
.design-4.design-5 .section-8 {background: #FBEEDB url('../../images/landing/ppc/ai-development-company2/ai-bottom.png') no-repeat;}
.design-4.design-5 .section-8 .col-md-7>div {width: 450px;}
.design-4 .section-8 .form-wrapper{background: #F8E2C2;border-color: #F8E2C2;}
.design-4 .location-lists .location .content-wrap .title{font-size: 36px;font-weight: 700;font-family: 'Meiryo';}
.design-4 .location-lists .location .content-wrap p{font-size: 16px;font-family: 'Calibri';font-weight: 700;}
.design-4 .section-8 .col-md-6#formColBottom{display: block;}
.design-4 .section-8 .col-md-6 h2{font-size: 48px;font-weight: 700;font-family: 'Meiryo';line-height: 52px;}
.design-4 .section-8 .col-md-6 h4{font-size: 18px; font-weight: 600;font-family: 'Calibri';}
.design-4 .section-10{background-color: #FBEEDB;}
.design-4 .footer-links a{font-size: 16px;font-weight: 700;font-family: 'Calibri';}
.design-4 .advantage .section-header h2 {color: #fff;}
.design-4 .advantage .text {font-family: 'Meiryo';color:#161C2D;font-weight: 500;font-size: 62px;}
.design-4 .advantage .text b{font-family: 'Meiryo';color: #161C2D;}
.design-4 .advantage .card{background-color: #FBEEDB;}
.design-4 .advantage .card:nth-child(1),.design-4 .advantage .card:nth-child(2){margin-top: 0;}
.design-4 .advantage .card:nth-child(3),.design-4 .advantage .card:nth-child(4){margin-bottom: 0;}
.design-4 .advantage .card .para{font-family: 'calibri';color: #161C2D;}
.design-4 .advantage .textwrapper{border-bottom: 2px solid #ff7b54;}
.design-4 .advantage .card .card-icon .para{font-weight: 700;}
.design-4 .section-padding{padding: 40px 0;}
.design-4 .form-wrapper .btn-danger:hover{background-color: #c42e13;}
.design-4 .success-content img {width: 120px;}
.design-4 .font-bold{font-weight: bold;}


@media screen and (max-width:767px){
    .design-4 .banner-new .banner-content h1{font-size: 24px;}
    .design-4 .success-wrapper2 li b{font-size: 20px;}
    .design-4 .success-wrapper2 li{font-size: 14px;}
    .design-4 .section-8 .col-md-6 h2{font-size: 28px;margin: 0;}
    .design-4 .section-8 .col-md-6 h4{margin: 0;}
    .design-4 .intro-inner-padding h1{font-size: 20px;}
    .design-4 .cta-button.ctaBlue,.top-strip .rightArea a.phone {font-size: 10px}
    .design-4 .form-wrapper .btn-danger{font-size: 16px;}
    .design-4 .scrollspy-main h4{font-size: 20px;}
    .design-4 .advantage .text{font-size: 36px;}
    .design-4 .advantage .textwrapper{display: flex;align-items: center;}
    .design-4 .form-wrapper h3{font-size: 20px;}
    .design-4 .section-6 .list-unstyled b{font-size: 18px;}
    .design-4 .banner-new .banner-content .subheading{font-size: 20px;}
    .design-4 .scrollspy-main p.lead-text{font-size: 20px;}
}

/* design 4 End */

/* design 5 start */
.design-5 .full-ctaStrip{background-color: #FBEEDB;}
.design-5 .full-ctaStrip .ctaContent h3{color: #03020E;font-family: 'Meiryo';font-weight: 700;}
.design-5 .full-ctaStrip .ctaContent .title{color: #03020E;font-family: 'calibri';font-size: 28px;}
.design-5 .industries .card .filp-card{position: absolute;top: 32px;left: 32px;width: 70%;}
.design-5 .industries .card .filp-card h3{font-family: 'Meiryo';font-weight: 700; font-size: 24px;}
.design-5 .industries .card .list-unstyled{list-style: disc; padding-left: 16px;}
.design-5 .industries .card .list-unstyled li{font-family: 'calibri';color: #fff; margin-bottom: 4px;}
.design-5 .approach-number-card .para{color: #03020E;font-size: 20px;}
.design-5 .compare p{font-weight: 700;}
.design-5 .section-8 .list-unstyled li{font-family: 'calibri';}
.design-5 .section-8 .list-unstyled b{font-family: 'Meiryo';}
.design-5 .compare thead th{font-family: 'Meiryo'; color: #03020E;}
.design-5 .approach-number-card h4{font-family: 'Meiryo';}
.design-5 .approach-number-wrap .circle{width: 20px;height: 20px;background-color: #CA3F16;border-radius: 50%;position: absolute;top: -10px;left: 50%;margin-left: -10px;}
.design-5 .fa-circle-check{color: #721562;font-size: 24px;}
.design-5 .fa-circle-xmark{font-size: 24px;}
.design-5 .compare td{font-size: 16px;}
.design-5 .table>tbody>tr>td, .design-5 .table>tbody>tr>th, .design-5 .table>tfoot>tr>td, .design-5 .table>tfoot>tr>th, .design-5 .table>thead>tr>td, .design-5 .table>thead>tr>th{padding: 18px 20px;}
.design-5 .banner-clint-logo{display: none;}
.design-5 .form-wrapper .form-control{margin: 20px 0px;}
.design-5 .numberrow .numberCol{padding: 28px 45px}


@media screen and (max-width:767px){
    .design-5 .full-ctaStrip .col-md-12{flex-direction: column;align-items: flex-start;padding: 0 20px;}
    .design-5 .full-ctaStrip .ctaContent .title{font-size: 24px;}
    .design-5 .full-ctaStrip .ctaContent{padding: 0;}
    .design-5 .table>tbody>tr>td, .design-5 .table>tbody>tr>th, .design-5 .table>tfoot>tr>td, .design-5 .table>tfoot>tr>th, .design-5 .table>thead>tr>td, .design-5 .table>thead>tr>th{padding: 18px 5px;}
}
/* design 5 start */

.modal-content {background-color: #fbeedb;}
.modal-body {padding: 0;}
.modal-content .form-wrapper {background-color: transparent; padding: 30px 10px; border: none; border-radius: 0;}
.modal-content h3 {font-size: 28px; font-family: 'Meiryo'; font-weight: 700; border-bottom: 1px solid #e32200; padding-bottom: 15px;}
.modal-content p {font-size: 20px; font-family: 'Meiryo'; font-weight: 700;}
.modal-content .form-wrapper .btn-danger {padding: 10px 0; font-size: 18px;}
.modal-content .col-md-6:nth-child(2) {background: url('/wp-content/themes/DamcoNew/dist/images/landing/ppc/software-development-gcc/modal-img.jpg') no-repeat; display: flex; align-items: center;}
.aiPopup .modal-content .col-md-6:nth-child(2) {background-image: url('/wp-content/themes/DamcoNew/dist/images/landing/ppc/ai-development-company2/ai-modal-img.jpg');}
.modal-content .col-md-6:nth-child(2)>div {margin: 0 20px;}
.modal-content h5 {color: #fff; font-family: 'Meiryo'; font-weight: 700;; border-bottom: 1px solid #e32200; padding-bottom: 15px; text-align: center;}
.imgGroup {display: flex; flex-wrap: wrap; justify-content: center;}
.imgGroup img {margin: 15px; border-radius: 6px;}
.modal-body .btn-close {position: absolute; top: -15px; right: -15px; background-color: #fff; width: 30px; height: 30px; border-radius: 50%;}

@media screen and (min-width:1199px) {
  .modal-lg, .modal-xl {
    --bs-modal-width: 910px
  }
}


.bgWhite {background-color: #fff!important;}
.section-expertise {background: url('../../images/landing/ppc/software-development-gcc/expertise.jpg') no-repeat 50% 0; background-size: cover;}
.section-expertise h2 {color: #fff;}
.section-expertise .col-sm-4,
.section-expertise .col-sm-3 {margin: 0 0 30px 0;}
.section-expertise .card {background-color: #fbeedb; border-bottom: 5px solid #ffa800; border-radius: 15px; height: 100%; margin: 0 5px; padding: 20px;}
.section-expertise .lead-text {color: #fff; font-size: 24px;}
.section-expertise .card-title {font-size: 20px; font-weight: 700;}
.section-expertise .card-text {font-family: 'Calibri'; font-size: 18px; margin-top: 20px;}
.section-expertise .dot-list li {font-size: 18px; font-family: 'Calibri'; color: rgb(33, 37, 41); margin-bottom: 5px;}

.techStack {background-color: #fbeedb;}
.techStackList {display: flex; justify-content: space-between; flex-wrap: wrap;}
.techStackList li {flex: 0 0 18%; background-color: #fff; padding: 15px 10px; border-radius: 8px; text-align: center; margin: 15px 0; box-shadow: rgb(3 3 3 / 10%) 0px 9px 20px 0px;}
.techStackList li p {margin: 8px 0 0 0;}
.techStackWidth li img {width: 70%;}


@media screen and (max-width:767px) {
  .modal-content h5 {margin-top: 15px;}
  .techStackList li {flex: 0 0 46%;}
}

.top-ai-dev.design-4 .banner-area {
  background-color: #380937;
}
.top-ai-dev.design-4 .banner-content .row {justify-content: space-between; align-items: center;}
.top-ai-dev.design-4 .banner-new .banner-content h1 {color: #fff;}
.top-ai-dev.design-4 .banner-new .banner-content .subheading {color: #fff;}
.top-ai-dev.design-4 .banner-new .banner-content .para {color: #fff;}
.top-ai-dev.design-4 .banner-new .banner-Form .para {color: #000;}


.top-ai-dev.design-4 .section-2.section-padding {padding-bottom: 0;}
.top-ai-dev.design-4 .section-2 h2 {font-size: 26px;}
.top-ai-dev.design-3 .clint-logo img {margin: 0 10px;}

.videoBoxOuter .row {display: flex;}
.videoBoxOuter .videoBox {border: 1px solid #721562; height: 100%;}
.videoText {background-color: #721562; border-radius: 8px; text-align: center; padding: 30px; color: #fff; height: 100%;}
.videoText a {display: inline-block; margin-top: 20px;}

.capabilities-section .tab-content {background: #330033; background-size: cover; height: 100%; display: flex; align-items: center; border-radius: 8px;}
.capabilities-section .tab-content .card {background-color: transparent; text-align: center; padding-left: 40px; padding-right: 40px; box-shadow: none;}
.capabilities-section .tab-content .card .title {color: #fff; font-size: 24px;}
.capabilities-section .tab-content p {font-size: 18px;}
.capabilities-section .tab-content .dot-list li {color: #fff; font-size: 16px;}
.capabilities-tabs {display: flex; justify-content: space-between; flex-wrap: wrap;}
.capabilities-tabs .nav-link {flex: 0 0 48%; background-color: #FBEEDB; margin: 15px 0; padding: 20px; border-radius: 4px; font-weight: 600; font-size: 20px;}
.capabilities-tabs .nav-link.active {background-color: #721562; color: #fff;}

.top-ai-dev .section-5 {background: #FBEEDB;}
.top-ai-dev .success-card .container .success-content {background: transparent;}

.common-accordion .accordion-item {margin: 20px 0;  border-radius: 10px;}
.common-accordion .accordion-button:not(.collapsed) {background-color: #721562; color: #fff;}
.common-accordion .accordion-button {font-size: 24px; font-weight: 700; background-color: #FBEEDB; border-radius: 10px; color: #100D08;}
.common-accordion .accordion-item:first-of-type,
.common-accordion .accordion-item:last-of-type {border-radius: 10px;}
.common-accordion .accordion-button:focus {border-color: transparent; box-shadow: none;}

.common-accordion .accordion-button:not(.collapsed) {border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: none;}
.common-accordion .accordion-collapse {background-color: #721562; color: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.common-accordion .accordion-body {padding-top: 0;}
.common-accordion .accordion-body b {font-size: 17px;}
.common-accordion .accordion-button:not(.collapsed)::after {filter: brightness(0) invert(1);}

.common-accordion .dot-list li {color: #fff; font-size: 16px;}

@media screen and (max-width:767px) {
  .top-ai-dev .banner-img {height: 1060px;}
  .common-accordion .accordion-item {margin: 10px 0;}
  .common-accordion .accordion-item .title {font-size: 20px; padding-top: 10px; color: #fff;}
  .common-accordion .accordion-button {font-size: 18px;}
}

.top-ai-dev .intro-section {background: url('../../images/landing/ppc/top-ai-dev/intro-bg.webp') no-repeat 50% 0; background-size: cover;}
.top-ai-dev .intro-section .row {align-items: center;}
.top-ai-dev .intro-section h2,
.top-ai-dev .intro-section .para {color: #fff;}
.top-ai-dev .intro-section .para {font-size: 20px;}

.logo-whiteBg img {width: 95px; background-color: #fff;}

.modal-content .hs-input {border: 1px solid #cbd6e2;}
.modal-content input.hs-input.error {border-color: #c87872;}
.modal-content label {height: 10px; display: block;}
.modal-content .hs-error-msg.hs-main-font-element {font-size: 12px;}


.our-edge-section {background: #4b004b; color: #fff;}
.our-edge-section h2 {color: #fff;}
.our-edge-section .card-title {font-weight: 700; font-family: 'Meiryo';}