/*************custom css file**********************************************/
 

@font-face {
    font-family: 'Back to Black Demo';
    src: url('fonts/BacktoBlackDemo.woff2') format('woff2'),
        url('fonts/BacktoBlackDemo.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}



 .page-template-marketing-referral-program .new-banner .content-wrapper h4{margin-top: 0px !important}

 .primary-heading.marketing-referal{color: var(--black);}

 .web-about-content.make-esay p,.about-us-inner .web-about-content p{margin: 30px 0px;}

.ouwter-service-section strong{color: var(--orange);font-weight: 500 !important;}
.ouwter-service-section:hover strong{
   
    color: #fff;
}


.why-tdd.referrals{padding: 100px 20px;}

.referrals .secondry-heading,.referrals .why-tdd-content p,.referrals.why-tdd .why-tdd-content li,.referrals .common-secondry-btn{color: #fff;}

.new-banner .content-wrapper.testimonials{padding-top: 50px;padding-bottom: 80px;max-width: 100%;}
.content-wrapper.testimonials h4{margin-top: 0px !important;}




.testimonial-row {
    position: relative;
   
}

.testimonial-row ul{list-style: none;margin: 0px;padding: 0px;}
.testimonial-row ul li{display: flex;gap: 0px;margin:60px 0px 100px;}

.testi-box{
    width: 50%;
    padding: 100px 50px;
    border-radius: 18px;
    z-index: 2;position:relative ;
    display: flex;
    flex-direction: column;color: #5E5E5E;
    justify-content: center;
   
}

.testi-box:after{content: ' ';
    width: 120%;
    height: 110%;
    background: #fff6ef;
    left: auto;right: 0;
    top: -5%;
    display: inline-block;
    position: absolute;
    z-index: -1;
    border-radius: 20px;}


.testi-image {
    position: relative;
    width: 50%;
    z-index: 3;
}





.testi-box p:before{
  font-family: "Font Awesome 7 Free";
  font-weight: 900;
  content: "\f10d";color:#F46D22;
}


.testi-box p:after{
  font-family: "Font Awesome 7 Free";
  font-weight: 900;
  content: "\f10e";color:#F46D22;
}


.testi-image img{
    width:auto;box-shadow: 0px 0px 6px 0px #00000014;
    border-radius: 15px;
   
}

.testimonial-row ul li:nth-child(even) .testi-image{order: 2;}


.testimonial-row ul li:nth-child(even) .testi-box:after{
    right:auto;left: 0;
    top: -5%;
    display: inline-block;
    position: absolute;
    z-index: -1;
    border-radius: 20px;
}


.testi-box label{
    color: #F46D22;font-weight: 500;font-size: 18px;margin: 0px;
}

.testi-box h3{
    color: #000000;font-weight: 500;font-size: 22px;margin: 0px;
}

.new-banner .content-wrapper.thanku {
    max-width: 100%;
    padding-top: 50px;
    padding-bottom: 70px;align-items: center;
}



.new-banner .content-wrapper.thanku h6{color: var(--white);}
.new-banner .thanku .main-heading{font-style: italic;}
.new-banner .thanku .main-heading strong{font-weight: 500;color: var(--orange);}


.new-banner .content-wrapper.thanku h2{font-family: 'Back to Black Demo';font-size: 110px;}

.youtube-gallery.thank-you-middle{background: var(--white);}

.youtube-gallery.thank-you-middle .flex-center.btn-wrapper{justify-content: flex-start !important;}

.thank-you-middle .secondry-heading{font-size: 40px;}

.thank-you-middle p{color: #000;line-height: 1.5;margin: 10px 0px;}

.thank-you-middle label{color: #000;line-height: 1.5;margin: 0px;font-size: 22px;font-weight: 700;}

.inner-review-section{border-bottom: 1px solid #000;margin-bottom: 14px;padding-bottom: 14px;}


.thank-you-middle .why-tdd-content {
    padding-left: 30px;
}

.thank-you-middle .why-tdd-image {
    padding-right: 30px;
}



.youtube-gallery.thank-you-middle .yt-frame iframe{height: 65vh;}


.contact-us-inner ul{list-style: none;margin: 0px;padding: 0px;}

.contact-us-inner ul li{display: flex;gap: 25px;align-items: flex-start;border: 1px solid #F48C1E;border-radius: 5px;padding: 40px 30px;margin-bottom: 35px;}
.contact-us-inner ul li img{min-width: 70px;}
.contact-us-inner ul li h3{font-size: 32px;color: #fff;font-weight: 700;margin: 0 0 10px;}
.contact-us-inner ul li p,.contact-us-inner ul li a{font-size: 22px;color: #e6e6e6;margin: 0px;text-decoration: none;line-height: 1.5;}


.contact-us-left{
    background: url(images/cntact-bg.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    padding: 45px 35px;
    border-radius: 10px 0 0px 0px;
    box-shadow: 0px 4px 6px 0px #0000000A;
}



.contact-us-left h2{font-size: 40px;color: #fff;margin-bottom: 35px;}

.contact-us-inner .contact-form-section .max-1280 {
    background: #fef1e9;
    padding: 45px 45px;
   border-radius: 0 10px 10px 0;height: 100%;max-width: 100%;
}


.conatct-map-section p{margin: 0px;}

section.conatct-map-section {
    margin: 0 0 -6px 0px;
    padding: 0;
}


.mobile-apps-banner .main-banner-img{text-align: center;}

.mobile-apps-banner .main-banner-img img{width: auto;height: auto;}

.apps-techonology .heading-small{color: var(--orange);font-style: italic;}

.mobile-app-logo ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.mobile-app-logo ul li {
    display: inline-block;
    text-align: center;
}

.mobile-app-logo{padding-bottom: 70px;}

.youtube-gallery.mobile-app-bottom{background: #fff;}

.youtube-gallery.mobile-app-bottom img{width: 100%;border-radius: 15px;}


.why-tdd.automations{padding-left: 30px;padding-right: 20px;}

.predictable-growth .col-lg-3 {
        flex: 0 0 auto;
        width: 20%;
    }

.grow-digital .heading-small{font-weight: 700;font-style: italic;}

.inner-our-clients-project {
    background: #171716;
    padding: 30px;
    border-radius: 20px;
    border: 1px solid #F25600;
}


.inner-our-clients-project ul {
    margin: 0;
    padding: 0;display: flex;flex-wrap: wrap;
}

.inner-our-clients-project ul li{
    font-size: 22px;
    color: var(--white);width: 33.33%;padding: 60px 20px 60px 40px;margin-bottom: 30px;border-right: 1px solid #414141; border-bottom: 1px solid #414141;
   display: block;
}

.inner-our-clients-project ul li:after{content: " ";}

.inner-our-clients-project ul li:nth-child(3n){border-right: 0px;}

.inner-our-clients-project ul li:nth-child(n + 4) {
    border-bottom: 0;
}

.inner-our-clients-project li::before{
    content: " ";
    background: url(/wp-content/uploads/2025/11/orange-banner-icon.png) no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;margin-bottom: 20px;
    display:block;
   
}


.left-content-client{
    width:100%;
    height: 100%;
    background: url(/wp-content/uploads/2025/12/project-bg.jpg) no-repeat;
    border-radius: 25px;padding: 30px;background-size: cover;display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 25px;
}


.left-content-client .secondry-heading{font-size: 40px;}

.left-content-client .common-primary-btn{width:max-content;}

.website-project-page .tab-panel{display: flex;flex-wrap: wrap;}
.website-project-page .tab-panel .item{width: 33.33%;padding: 0 10px 20px;}
.website-project-page .tab-panel .item img{width: 100%;}

.website-project-page .tab-panel .item .upper-img {
    margin-bottom: 20px;
}

.top-heading-group.revenue p{color: var(--orange);}






.onlygoogle-ads .blockquote-content{margin-top: 0px;}

.owter-card-section h3 {
    font-size: 22px;
    font-weight: 700;
    margin:25px 0 20px;
    color: #f5911c;
    background: linear-gradient(90deg, #f5911c 0%, #e95b24 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    display: inline-block;
}


.owter-card-section .blockquote-content{border: 0px;}
.optimised-web-design .owter-card-section .card-container .card .image-box h4 label{color: var(--orange);}


.bottom-details-ai {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 10px;
}

.bottom-details-ai p{color: var(--white);}
.bottom-details-ai .flex-center{justify-content: flex-start !important;}
.bottom-details-ai a.common-secondry-btn{color: var(--white);}

.about-us-middle.optimised-web-design .upper{flex-direction: column;}
.about-us-middle.optimised-web-design .card-container .card:not(.active) {
    max-height: initial;
}

.about-us-middle.optimised-web-design .card-container .card{flex: 0 0 calc((100% - 40px) / 2);}

.card-service-content ul {
    margin: 0;
    padding: 0;
}

.card-service-content li {
    font-size: 22px;
    color: var(--black);display: flex;
    padding-left: 35px;
    list-style: none;line-height: 1.2;
    margin-bottom: 10px;
}


.card-service-content li::before {
    content: " ";
    background: url(/wp-content/uploads/2025/11/orange-banner-icon.png) no-repeat;
    background-size: contain;
    width: 23px;min-width: 23px;
    height: 23px;
    display: inline-block;
    margin-right: 10px;
    margin-left: -35px;
    margin-top: 7px;
    vertical-align: top;
}


.ouwter-service-section:hover .card-service-content li{color: var(--white);}

.ouwter-service-section:hover .card-service-content li::before{background: url(images/white-checkmark.png) no-repeat;background-size: contain;}

.social-media-process .top-heading-col {
    max-width: 100%;
}


.ribbon-section + .trust-widgets-section{margin-top: -80px;}
.make-contact-content.search-your-website + .trust-widgets-section{margin-top: -80px;}

.form-section iframe,.contact-form iframe{height: 60vh !important;margin-top: -10px;}
.form-related-section iframe{height: 60vh !important;margin-top: -10px;}

.case-studies + .design-six .inner-our-clients-project li,.optimised-web-extragap + .design-six .inner-our-clients-project li {
    width: 20%;
    margin-bottom: 0px;border-bottom: 0px !important;
}


.case-studies + .design-six .inner-our-clients-project ul,.optimised-web-extragap + .design-six .inner-our-clients-project ul{border-right: 0px;}




/*********************************************************responsive css************************************************************************************/

@media (min-width: 200px) and (max-width: 767px) {

.why-tdd.referrals{padding: 40px 10px;}

.new-banner .content-wrapper.testimonials {
    padding-top: 0px;
    padding-bottom: 50px;
}

.testimonial-row ul li {
    display: flex;
    gap: 0px;
    margin: 30px 0px 40px;
    flex-direction: column;
}

.testi-image{width: 100%;}

.testi-box{width: 100%;padding: 30px 20px;}

.testi-box:after{width: 100%;}
.testimonial-row ul li:nth-child(even) .testi-image {
    order: 0;
}


.new-banner .content-wrapper.thanku h2{font-size: 50px;text-align: center;}
.new-banner .content-wrapper.thanku h4{text-align: center;}
.thank-you-middle .secondry-heading{font-size: 25px;}
.thank-you-middle label{font-size: 16px;}
.youtube-gallery.thank-you-middle .yt-frame iframe {
    height:100%;
}

.new-banner .content-wrapper.thanku {
    padding-top: 0px;
    padding-bottom: 50px;
    
}
.new-banner .thanku .main-heading,.new-banner .content-wrapper.thanku h6{text-align: center;}

.thank-you-middle .why-tdd-content {
    padding-left: 15px;
}

.thank-you-middle .why-tdd-image {
    padding-right: 15px;
}

.new-banner .content-wrapper.thanku .btn-wrapper{justify-content: center !important;}


.contact-us-left h2{font-size: 30px;}
.contact-us-inner ul li img {
    min-width: 35px;
    width: 35px;
}

.contact-us-inner ul li h3{font-size: 22px;}
.contact-us-inner ul li p, .contact-us-inner ul li a{font-size: 16px;}
section.conatct-map-section iframe{height: 300px;}
.contact-us-inner ul li{padding: 15px 10px;margin-bottom: 20px;gap: 10px;}
.contact-us-inner .pe-0 {
    padding-right: 15px !important;
}

.contact-us-inner .ps-0 {
    padding-left: 15px !important;
}

.contact-us-left{border-radius: 15px;}
.contact-us-inner .contact-form-section .max-1280{border-radius: 15px;}
.contact-us-inner > .row{gap: 30px;}

.contact-us-inner .contact-form-section .max-1280,.contact-us-left{padding: 30px 20px;}

.predictable-growth .col-lg-3 {
    flex: 0 0 auto;
    width: 100%;
}

.why-tdd.automations.referrals {
    padding-left: 20px;
    padding-right: 20px;
}

.left-content-client .secondry-heading{font-size: 28px;}
.content-right-project{margin-top: 15px;}
.inner-our-clients-project ul li{font-size: 18px;padding: 10px 10px;width: 100%;border-right: 0px solid #414141 !important;
    border-bottom: 1px solid #414141 !important;}

 .inner-our-clients-project ul li:nth-child(2n){border-right: 0px !important;}   
.inner-our-clients-project ul li:last-child,
.inner-our-clients-project ul li:nth-last-child(2) {
    border-bottom: 0 !important;
}

.left-content-client{border-radius: 33px;padding: 20px;}
.inner-our-clients-project{padding: 15px;}
.inner-our-clients-project li::before{margin-bottom: 10px;}

.website-project-page .tab-panel .item{width: 100%;padding: 0 5px 10px;}
.website-project-page .tab-panel .item .upper-img {
    margin-bottom: 10px;
}

.web-design-projects-section.website-project-page.top-margin{margin-top: 0px;}


.optimised-web-design .card-container{gap: 20px !important;}

.about-us-middle.optimised-web-design .card-container .card {
    flex: 0 0 calc((100% - 20px) / 1);
}
.card-service-content li{font-size: 17px;}

.about-us-inner .web-about-content p{margin: 20px 0px;}
.form-related-section iframe{height: 70vh !important;}
.form-section iframe,.contact-form iframe{height: 70vh !important;}	

.case-studies + .design-six .inner-our-clients-project li,.optimised-web-extragap + .design-six .inner-our-clients-project li{width: 100%;border-bottom: 1px solid #414141 !important;}
.case-studies + .design-six .inner-our-clients-project ul,.optimised-web-extragap + .design-six .inner-our-clients-project li{border-right: 1px solid #414141;}

.ribbon-section + .trust-widgets-section{margin-top: -40px;}
.make-contact-content.search-your-website + .trust-widgets-section{margin-top: -40px;}  

}



@media (min-width: 768px) and (max-width: 991px) {

.why-tdd.referrals{padding: 50px 20px;}

.testi-box{
    padding: 15px 20px;
}
.testi-box p{font-size: 18px;}
.testimonial-row ul li{margin: 50px 0px;}
.testi-box h3{font-size: 18px;}
.testi-box label{font-size: 16px;}

.new-banner .content-wrapper.thanku h2{font-size: 60px;}
.thank-you-middle .secondry-heading{font-size: 28px;}
.thank-you-middle label{font-size: 16px;}
.youtube-gallery.thank-you-middle .yt-frame iframe {
    height:100%;
}

.new-banner .content-wrapper.thanku {
    padding-top: 30px;
    padding-bottom: 50px;
    
}
.new-banner .thanku .main-heading{text-align: center;}

.thank-you-middle .why-tdd-content {
    padding-left: 15px;
}

.thank-you-middle .why-tdd-image {
    padding-right: 15px;
}

.contact-us-left h2{font-size: 26px;text-align: center;}
.contact-us-inner ul li img {
    min-width: 40px;
    width: 40px;
}

.contact-us-inner ul li h3{font-size: 22px;}
.contact-us-inner ul li p, .contact-us-inner ul li a{font-size: 18px;}
section.conatct-map-section iframe{height: 350px;}
.contact-us-inner ul li{padding: 20px 25px;margin-bottom: 20px;}
.contact-us-inner .pe-0 {
    padding-right: 15px !important;
}

.contact-us-inner .ps-0 {
    padding-left: 15px !important;
}

.contact-us-left{border-radius: 15px;}
.contact-us-inner .secondry-heading{text-align: center !important;}
.contact-us-inner .contact-form-section .max-1280{border-radius: 15px;}

.contact-us-inner > .row{gap: 30px;}
section.why-tdd.apps-techonology .row{flex-direction: column-reverse;}


.predictable-growth .col-lg-3 {
    flex: 0 0 auto;
    width: 33%;
}

.why-tdd.automations.referrals {
    padding-left: 20px;
    padding-right: 20px;
}

.left-content-client .secondry-heading{font-size: 30px;}
.inner-our-clients-project ul li{font-size: 17px;padding: 40px 15px;}
.left-content-client{border-radius: 33px;}

.about-us-inner .web-about-content p{margin: 20px 0px;}

.card-service-content li{font-size: 16px;}

.form-related-section iframe{height: 75vh !important;}
.form-section iframe,.contact-form iframe{height: 75vh !important;}	

.ribbon-section + .trust-widgets-section{margin-top: -40px;}
.make-contact-content.search-your-website + .trust-widgets-section{margin-top: -40px;}  
	
}






@media (min-width: 992px) and (max-width: 1199px) {

.why-tdd.referrals{padding: 60px 20px;}

.testi-box{
    padding: 15px 20px;
}

.testimonial-row ul li{margin: 60px 0px;}
.testi-box h3{font-size: 18px;}
.testi-box label{font-size: 16px;}
.testi-box p{font-size: 18px;}


.new-banner .content-wrapper.thanku h2{font-size: 60px;}
.thank-you-middle .secondry-heading{font-size: 28px;}
.thank-you-middle label{font-size: 16px;}
.youtube-gallery.thank-you-middle .yt-frame iframe {
    height: 55vh;
}

.new-banner .content-wrapper.thanku {
    padding-top: 30px;
    padding-bottom: 50px;
    
}

.thank-you-middle .why-tdd-content {
    padding-left: 15px;
}

.thank-you-middle .why-tdd-image {
    padding-right: 15px;
}


.contact-us-left h2{font-size: 30px;}
.contact-us-inner ul li img {
    min-width: 40px;
    width: 40px;
}

.contact-us-inner ul li h3{font-size: 22px;}
.contact-us-inner ul li p, .contact-us-inner ul li a{font-size: 17px;}
section.conatct-map-section iframe{height: 450px;}
.contact-us-inner ul li{padding: 20px 25px;margin-bottom: 20px;}

.left-content-client .secondry-heading{font-size: 30px;}
.inner-our-clients-project ul li{font-size: 16px;padding: 40px 15px;}

.about-us-inner .web-about-content p{margin: 25px 0px;}
.card-service-content li{font-size: 16px;}
.form-related-section iframe{height: 75vh !important;}
.form-section iframe,.contact-form iframe{height: 75vh !important;}	

.ribbon-section + .trust-widgets-section{margin-top: -40px;}
.make-contact-content.search-your-website + .trust-widgets-section{margin-top: -40px;}  

	
}


@media (min-width: 1200px) and (max-width: 1438px) {

	.why-tdd.referrals{padding: 70px 20px;}

.testi-box{
    padding: 15px 30px;
}

.testimonial-row ul li{margin: 60px 0px;}
.testi-box h3{font-size: 18px;}
.testi-box label{font-size: 16px;}
.testi-box p{font-size: 18px;}

.new-banner .content-wrapper.thanku h2{font-size: 70px;}
.thank-you-middle .secondry-heading{font-size: 30px;}
.thank-you-middle label{font-size: 16px;}
.youtube-gallery.thank-you-middle .yt-frame iframe {
    height: 52vh;
}

.contact-us-left h2{font-size: 30px;}
.contact-us-inner ul li img {
    min-width: 40px;
    width: 40px;
}

.contact-us-inner ul li h3{font-size: 22px;}
.contact-us-inner ul li p, .contact-us-inner ul li a{font-size: 17px;}
section.conatct-map-section iframe{height: 550px;}
.contact-us-inner ul li{padding: 25px 25px;margin-bottom: 20px;}

.left-content-client .secondry-heading{font-size: 30px;}
.inner-our-clients-project ul li{font-size: 16px;padding: 40px 15px;}

.card-service-content li{font-size: 16px;}
.about-us-inner .web-about-content p{margin: 25px 0px;}


.form-related-section iframe{height: 74vh !important;}
.form-section iframe,.contact-form iframe{height: 75vh !important;}	

.ribbon-section + .trust-widgets-section{margin-top: -50px;}
.make-contact-content.search-your-website + .trust-widgets-section{margin-top: -50px;}  


}


@media (min-width: 1439px) and (max-width: 1850px) {


.why-tdd.referrals{padding: 80px 20px;}

.testi-box{
    padding: 15px 30px;
}

.testimonial-row ul li{margin: 60px 0px;}
.testi-box h3{font-size: 18px;}
.testi-box label{font-size: 16px;}
.testi-box p{font-size: 18px;}

.new-banner .content-wrapper.thanku h2{font-size: 80px;}
.thank-you-middle .secondry-heading{font-size: 34px;}
.thank-you-middle label{font-size: 18px;}

.contact-us-left h2{font-size: 35px;}
.contact-us-inner ul li img {
    min-width: 50px;
    width: 50px;
}

.contact-us-inner ul li h3{font-size: 25px;}
.contact-us-inner ul li p, .contact-us-inner ul li a{font-size: 18px;}

section.conatct-map-section iframe{height: 600px;}

.left-content-client .secondry-heading{font-size: 33px;}
.inner-our-clients-project ul li{font-size: 18px;padding: 50px 18px;}

.advantages-wp-box p,.advantages-wp-box h3{
    font-size: 20px !important;
  }

.card-service-content li{font-size: 18px;}
section.our-clients-projects.design-six{padding: 80px 0px;}
.form-related-section iframe{height: 65vh !important;}
.form-section iframe,.contact-form iframe{height: 68vh !important;}
	
.ribbon-section + .trust-widgets-section{margin-top: -60px;}
.make-contact-content.search-your-website + .trust-widgets-section{margin-top: -60px;}	
	
	
	

}