:root {--goble-color: #e2333e; --black-color: #000000; --white-color: #ffffff; --Poppins-font: "Poppins"; --Abril-font: "Abril Fatface"; }
.page-template-seo-page .outer-footer section,.page-template-social-media-marketing .outer-footer section,.page-template-services .outer-footer section{
    display: none;
}
/*--------------digital marketing page--------------*/
.digital-mark-page {
    text-align: center;
}
.digital-mark-page .container {
    padding: 3em 0 2em 0;
}
.digital-mark-page h3 {
    font-size: 42px;
    line-height: 6px;
    color: #008dd2;
    font-weight: 700;
    font-family: 'Open Sans Condensed', sans-serif;
    text-align: center;
    margin-bottom: 25px;
}
.digital-mark-page p {
    font-size: 16px;
    line-height: 28px;
    color: #5d666b;
    font-weight: 400;
    font-family: "Roboto";
    text-align: center;
    padding: 2em 4em 0em 4em;
}
.digital-mark-page span {
    font-size: 20px;
    line-height: 24px;
    color: #1c2124;
    font-weight: 400;
    font-family: "Roboto";
}
.digital-blog .container {
    padding: 1em 0 0 0;
}
.digital-blog .container .row {
    box-shadow: 0 0 5px #ccc;
    margin: 10px 0;
    padding: 0px;
}
.digital-blog .container .row .blog-img{
  padding: 0 !important;
  text-align: left;
}
.blog-content {
    text-align: left;
    display: flex;
    align-items: center;
}
.blog-content h5 {
    font-size: 35px;
    line-height: 6px;
    color: #09213e;
    font-weight: 700;
    font-family: "Roboto";
}
.blog-content p {
    font-size: 16px;
    line-height: 23px;
    color: #5d666b;
    font-weight: 400;
    font-family: "Roboto";
    text-align: left;
    padding: 20px 0;
    margin: 0;
}
.blog-content a {
    font-size: 20px;
    line-height: 52px;
    color: #008dd2;
    font-weight: 700;
    font-family: 'Open Sans Condensed', sans-serif;
}
.blog-content a i {
    margin-left: 12px;
    font-size: 12px;
    background-color: #008dd2;
    color: #fff;
    padding: 5px 7px;
    border-radius: 50px;
    width: 20px;
    height: 20px;
}
/*----------------SEO Page-----------------------*/
.seo-page .page-banner img,.social-media-page .page-banner img,.search-engine-page .page-banner img,.our-services-page .services-banner img,.case-study-page .left-case img,.branding .left-case img,.blog-page .left-case img{
  display: block;
}
.seo-page .page-banner h3,.social-media-page .page-banner h3,.search-engine-page .page-banner h3,.our-services-page .services-banner h3,.case-study-page .left-case h3,.branding .left-case h3,.blog-page .left-case h3{
  font-size: 30px;
  letter-spacing: 6px;
  line-height: 45px;
  color: #1c2124;
  font-weight: 700;
  font-family: 'Open Sans Condensed', sans-serif;
  border-bottom: 1px solid #1c2124;
  margin: 0;
  display: inline-block;
}
.seo-page .page-banner h4,.social-media-page .page-banner h4,.search-engine-page .page-banner h4,.our-services-page .services-banner h4,.case-study-page .left-case h4,.branding .left-case h4,.blog-page .left-case h4 {
  font-size: 55px;
  line-height: 60px;
  color: #09213e;
  font-weight: 700;
  font-family: "Roboto";
  margin: 0.7em 0 0em 0;
}
.seo-page .page-banner,.social-media-page .page-banner,.search-engine-page .page-banner,.our-services-page .services-banner {
  height: 400px;
}
.seo-page .page-banner p,.social-media-page .page-banner p,.search-engine-page .page-banner p,.our-services-page .services-banner p ,.case-study-page .left-case p,.branding .left-case,.blog-page .left-case p{
  font-size: 20px;
  line-height: 50px;
  color: #09213e;
  font-weight: 400;
  font-family: "Roboto";
}
.seo-text p,.engine-text p,.branding .para-text p{
  font-size: 16px;
  line-height: 30px;
  color: #5d666b;
  font-weight: 400;
  font-family: "Roboto";
  padding: 3em 0em;
  text-align: justify;
}
.what-we-do,.media-box,.our-goals{
  text-align: center;
}
.what-we-do h3,.media-box h2,.our-goals h2,.engine-group h2 {
  font-size: 35px;
  line-height: 35px;
  color: #09213e;
  font-weight: 700;
  font-family: "Roboto";
  border-bottom: 1px solid #09213e;
  display: inline-block;
  margin: 10px auto 1em 0;
}
.what-we-do .inner-box {
  background-color: #09213e;
  width: 230px;
  height: 90px;
  margin: 60px auto;
  text-align: center;
  padding: 12px 28px;
  border-radius: 10px;
  display: flex;
  align-items: center;
}
.what-we-do a.what-we-link {
    font-size: 24px;
    line-height: 24px;
    color: #ffffff;
    font-weight: 700;
    font-family: "Roboto";
    text-align: center;
}
.row-box:after {
  content: "";
  position: absolute;
  top: 50%;
  background-color: #09213e;
  width: 100%;
  height: 4px;
  left: 0;
  right: 0;
}
.row-box .inner-box:nth-child(1):before,.row-box .inner-box:nth-child(2):before,.row-box .inner-box:nth-child(3):before,.row-box .inner-box:nth-child(4):before {
  content: "";
  position: absolute;
  top: 159%;
  border: 3px solid #09213e;
  border-radius: 50%;
  padding: 5px;
  left: 47.6%;
  background-color: #ffffff;
  z-index: 9999999;
  display: block;
}
.row-box .inner-box:nth-child(1):after,.row-box .inner-box:nth-child(2):after,.row-box .inner-box:nth-child(3):after,.row-box .inner-box:nth-child(4):after {
    content: "";
    position: absolute;
    bottom: -54px;
    width: 4px;
    height: 54px;
    background-color: #09213e;
    left: 50%;
}
.row-box .inner-box:nth-child(5):after,.row-box .inner-box:nth-child(6):after,.row-box .inner-box:nth-child(7):after,.row-box .inner-box:nth-child(8):after {
    content: "";
    position: absolute;
    top: -52px;
    width: 4px;
    height: 52px;
    background-color: #09213e;
    left: 50%;
}
.tab-sec {
    position: relative;
}
.row.row-box {
    padding: 5px 6em;
}
/*----------------About Us Page , Contact page -----------------------*/
.about-us .about-banner img,.contact-box .about-banner img{
  display: block;
}
.about-us .about-banner h3,.contact-box .about-banner h3 {
  font-size: 30px;
  letter-spacing: 6px;
  line-height: 45px;
  color: #1c2124;
  font-weight: 700;
  font-family: 'Open Sans Condensed', sans-serif;
  border-bottom: 1px solid #1c2124;
  margin: 0;
  display: inline-block;
}
.about-us .about-banner h4 ,.contact-box .about-banner h4 {
  font-size: 55px;
  line-height: 60px;
  color: #09213e;
  font-weight: 700;
  font-family: "Roboto";
  margin: 0.7em 0 0em 0;
}
.about-us .about-banner ,.contact-box .about-banner {
  height: 400px;
  background-size: 100% 100%;
}
.about-us .about-banner p {
  font-size: 20px;
  line-height: 50px;
  color: #09213e;
  font-weight: 400;
  font-family: "Roboto";
}
.abo-text p {
  font-size: 16px;
  line-height: 30px;
  color: #5d666b;
  font-weight: 400;
  font-family: "Roboto";
  padding: 3em 0em;
  text-align: justify;
}
.about-innbox{
  padding: 1.5em 0;
}
.about-innbox h3 {
    font-size: 35px;
    line-height: 30px;
    color: #09213e;
    font-weight: 700;
    font-family: "Roboto";
    border-bottom: 1px solid #09213e;
    display: inline-block;
    margin: 0 0 31px 0;
}
.about-innbox p {
    font-size: 16px;
    line-height: 30px;
    color: #5d666b;
    font-weight: 400;
    font-family: "Roboto";
    text-align: justify;
}
/*------------- Search engine marketing -----------------*/
.engine-group .model-box {
    display: flex;
    margin: 2% 5%;
}
.model-box .inner-box {
  display: inline-block;
  margin: 20px 46px;
  height: 210px;
  border: 1px solid #09213e;
  width: 237px;
  padding: 20px;
  border-radius: 10px;
}
.model-box .inner-box img {
  display: block;
  margin: 12px auto;
}
.model-box .inner-box a {
  font-size: 20px;
  line-height: 30px;
  color: #008dd2;
  font-weight: 700;
  font-family: "Roboto";
  text-align: center;
}
.model-box .inner-box:hover{
  box-shadow: 0 0 10px #09213e;
}
.model-box .inner-box:hover a{
  color: #09213e;
}
.engine-text p{
  padding: 10px 0;
}
.engine-text {
    max-width: 81%;
    margin: 15px auto;
}
/*--------------Social media page------------------*/
.media-box .model-box ul {
    list-style: none;
    display: block;
}
.media-box .model-box ul li {
    display: inline-block;
}
.media-box .model-box li a {
    font-size: 18px;
    line-height: 54px;
    color: #09213e;
    font-weight: 700;
    font-family: "Roboto";
    padding: 10px;
}
.media-box .model-box li img {
    display: block;
    margin: 0 auto;
    width: 65%;
    height: 65%;
    border-radius: 50%;
    padding: 0px;
}
.our-goals ul {
    display: block;
    list-style: none;
}
.our-goals li {
    display: inline-block;
    width: 25%;
    height: 150px;
    margin: 2em 20px;
}
.our-goals li img {
    display: block;
    margin: 20px auto;
    border: 6px solid #09213e;
    border-radius: 50%;
}
.our-goals li a {
    display: block;
    font-size: 25px;
    line-height: 30px;
    color: #09213e;
    font-weight: 500;
    font-family: "Roboto";
    text-align: center;
    max-width: 73%;
    margin: 0 auto;
}
.our-goals li:hover img{
  border-color: #008dd2;
}
.our-goals li:hover a{
  color: #008dd2;
}
.page-template-social-media-marketing #our-certification{
  display: none;
}
/*-------------branding page-----------------*/
.branding .right-case img{
    height: 25vw;
}
.branding .left-space {
    padding-left: 12em;
    padding-right: 5em;
}
.brand-pro h3{
    margin-top: 1em;
}
.brand-pro ul {
    margin-left: 5em;
    text-align: center;
}
.brand-pro ul li {
    list-style: none;
    display: inline-block;
    margin: 20px;
    text-align: center;
}
.brand-pro li .list-img {
    box-shadow: 0px 0px 9px #ccc;
    border-radius: 50%;
    padding: 20px;
    width: 116px;
    height: 116px;
    margin: 0 auto;
}
.brand-pro li h4 {
    font-size: 20px;
    line-height: 40px;
    color: #09213e;
    font-weight: 700;
    font-family: "Roboto";
}
.brand-services p {
    font-size: 16px;
    line-height: 30px;
    color: #5d666b;
    font-weight: 400;
    font-family: "Roboto";
    margin: 0 2em 10px 2em;
}
.brand-services h4 {
    font-size: 25px;
    line-height: 35px;
    color: #09213e;
    font-weight: 700;
    font-family: "Roboto";
    margin: 20px 2em;
}
.brand-pro .brand-services li h4{
    margin: 0px !important;
}
/*-------------Single case study page-----------------*/
.case-study-page .container-fluid ,.branding .container-fluid,.blog-page .container-fluid{
    padding: 0;
    background-color: #f1f2f6;
}
.case-study-page .left-case,.branding .left-case,.blog-page .left-case{
    padding-left: 10%;
}
.case-study-page .left-case h4,.branding .left-case h4,.blog-page .left-case h4{
    font-size: 44px;
    margin: 0;
}
.right-case img {
    height: 100%;
}
.result-nextbox ul {
    list-style: none;
}
.result-nextbox ul li {
    display: inline-block;
    width: 31%;
    margin: 3em 10px;
    text-align: center;
}
.result-nextbox ul li img{
    margin: 0 !important;
}
.left-case p.small-para{
    font-size: 18px;
    line-height: 15px;
}
.case-study-content .case-tab-sec h3,.brand-pro h3 {
    font-size: 35px;
    line-height: 24px;
    color: #09213e;
    font-weight: 700;
    font-family: "Roboto";
    margin: 2em 0 20px;
}
.case-study-content .case-tab-sec ul li {
    font-size: 18px;
    line-height: 35px;
    color: #5d666b;
    font-weight: 400;
    font-family: "Roboto";
}
.case-study-content .case-tab-sec ul li::marker {
    color: #008dd2;
    font-size: 22px;
    line-height: 30px;
}
.case-study-content .chanlanges-box,.case-study-content .result-box,.case-study-content .soultion-box,.case-study-content .Result-banner{
    margin-left: 8em;
}
/*---------------- Contact Us----------------------*/
.page-template-contact #digi-newsletter{
  display: none;
}
.contact-box .about-banner h4 {
    max-width: 40%;
}
.contact-page-details {
    padding:6em 2em;
    background-color: #008dd2;
    margin: 0 50px;
}
.contact-page-details h2 {
    font-size: 20px;
    line-height: 22px;
    color: #ffffff;
    font-weight: 700;
    font-family: "Roboto";
    text-align: center;
}
.contact-info-box {
    padding: 10px 0;
}
.contact-address i {
    padding: 5px;
    color: #fff;
    font-size: 22px;
}
.Diginotch-contact-box span {
    font-size: 16px;
    line-height: 20px;
    color: #ffffff;
    font-weight: 700;
    font-family: "Roboto";
}
.Diginotch-contact-box p {
    font-size: 15px;
    line-height: 20px;
    color: #ffffff;
    font-weight: 400;
    font-family: "Roboto";
}
.contact-box input::placeholder,.contact-box textarea {
    font-size: 14px;
    line-height: 20px;
    color: #636a6c;
    font-weight: 400;
    font-family: "Roboto";
}
input[type="text"], input[type="tel"], input[type="email"], input[type="phno"], input[type="password"], textarea {
    border: 1px solid #9a9a9a;
    font-size: 16px;
    padding: 10px 25px;
    margin: 12px 0;
    height: auto;
    width: 100%;
    background: transparent;
    border-radius: 50px;
}
textarea{
  border-radius: 5px;
  margin-top: 20px !important;
}
input:hover,textarea:hover {
    border-color: #008dd2;
    box-shadow: 0 0 9px #008dd2;
}
.contact-head {
  padding-top: 2em;
    padding-right: 7em;
}
.contact-head input.wpcf7-form-control.wpcf7-submit {
    font-size: 24px;
    line-height: 20px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Roboto";
    background-color: #008dd2;
    display: block;
    width: 100%;
    border-radius: 50px;
    padding: 15px 20px;
    margin-top: 2.5em;
}
.contact-page-details i.fas.fa-mobile-alt {
    padding: 0px 12px;
}
/* ----------- Our Services Pages -------------- */
.our-services-page .model-box .inner-box {
    display: inline-block;
    margin: 20px 10px;
    width: 200px;
    padding: 10px;
    border:0;
    border-radius: 0;
    height:auto;
}
.our-services-page .model-box .inner-box a {
    font-size: 20px;
    line-height: 30px;
    color: #09213e;
    font-weight: 700;
    font-family: "Roboto";
    text-align: center;
}
.our-services-page .model-box .inner-box:hover a{
  color: #008dd2;
}
.design-services h2,.we-work h2{
    font-size: 42px;
    line-height: 8px;
    color: #008dd2;
    font-weight: 700;
    font-family: "Roboto";
    text-align: left;
    margin-top: 1.2em;
}
.design-services ul.list-box {
    margin-left: 5em;
    margin-top:3em;
}
.design-services li::marker {
    color: #008dd2;
    font-size: 27px;
    line-height: 30px;
}
.design-services li h4 {
    padding: 0;
    font-size: 24px;
    line-height: 35px;
    color: #09213e;
    font-weight: 700;
    font-family: "Roboto";
    margin:0;
}
.design-services li p {
    font-size: 16px;
    line-height: 32px;
    color: #5d666b;
    font-weight: 400;
    font-family: "Roboto";
}
.we-work .model-box,.we-work .inner-box{
  text-align: center;
  position: relative;
}
.we-work .inner-box h4 {
    font-size: 24px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 700;
    font-family: "Roboto";
    text-align: center;
    background-color: #008dd2;
    display: block;
    width: 45px;
    height: 45px;
    padding: 6px;
    border-radius: 50%;
    margin: 10px auto 20px;
    position: relative;
}
.we-work .inner-box h4:after {
    content: "";
    position: absolute;
    top: 0.9em;
    height: 2px;
    width: 199px;
    background-color: #008dd2;
    left: 90%;
    right: 0;
}
.we-work .inner-box p {
    font-size: 17px;
    line-height: 30px;
    color: #09213e;
    font-weight: 700;
    font-family: "Roboto";
    text-align: center;
    margin: 0;
    position: relative;
}
.we-work .inner-box:first-child {
    padding-top: 3em;
}
.we-work .inner-box p:after {
    content: "";
    position: absolute;
    bottom: 1.5em;
    height: 25px;
    width: 3px;
    background-color: #008dd2;
    left: 50%;
    right: 0;
}
.we-work .inner-box:last-child h4:after,.we-work .inner-box:nth-child(4) h4:after {
  content: none;
}
/* ----------- Single Pages -------------- */
.single-page-content{
  font: 500 14px var(--Poppins-font);
  letter-spacing: 0px;
  line-height: 26px;
  color: #858585;
}
.woocommerce ul.products li.product .onsale {
  top: 0;
  margin: -.5em -.5em 0 0;
  border-radius: 0;
  padding: 0px 10px;
  font-size: 10px;
  left: 0 !important;
  right: auto !important;
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
}
.woocommerce span.onsale,.woocommerce button.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
  background-color: #0099cc !important;
}
.woocommerce button.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
  color: #fff !important;
}
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price {
    color: #0099cc !important;
}
.woocommerce span.onsale {
  border-radius: 50% !important;
  padding: 2px 8px !important;
  font-size: 12px !important;
  left: 0 !important;
  right: auto !important;
}
/* ------------------Single Post ----------------- */
#single_post .postbox .postbox-content {
    position: static;
    padding: 25px 20px;
    text-align: center;
}
#single_post .date-box-inner {
  padding: 8px;
  border: solid 2px #ffffff;
}
.posttitle a {
    font-size: 20px;
    line-height: 36px;
    color: #003333;
    font-weight: 700;
    font-family: "Merriweather";
    text-align: center;
}
.page-template-blog-page #our-certification,.page-template-blog-page #digi-newsletter{
    display: none;
} 
.page-header h1,.entry-title{
  font-family: "Barlow Condensed";
  font-weight: 600;
}
.single-post-content table td,#sidebar h3,#sidebar th,#sidebar form,.contac_form h3,#sidebar table,#sidebar th,#sidebar td,.contact-box .contact-icon,.contact-box .contact-head{
  text-align: center;
}
.single-post-content .wp-audio-shortcode{
  margin-bottom: 50px;
}
.author_links a{
  color: #111;
}
#sidebar .widget_recent_entries a{
  font-size: 13px;
}
/*------------------ Single Testimonials -----------------*/
#testimonial_single .social-profiles a i{
  font-size: 13px;
  color: #dfe6f0;
  background: #000;
  padding: 8px 7px;
  width: 25px;
  height: 25px;
  border-radius: 5px;
  margin-right: 10px;
}
/*---------------- Banner ----------------------*/
.inner_banner img, .title-box img {
  width: 100%;
}
.main_title {
  margin-top: 20px;
}
.main_title h1{
  font: 600 36px "Barlow Condensed";
  padding: 0;
  margin-bottom: 22px;
  font-weight: bold;
  letter-spacing: 2px;
}
/*--------------- Sidebar -----------------*/
#sidebar td#prev a,#sidebar caption,#sidebar td,#sidebar .tagcloud a,#sidebar th,#sidebar select,#sidebar input[type="search"] {
 color: #6c6c6c;
}
#sidebar caption {
 font-weight: bold;
 font-size: 20px;
}
#sidebar table,#sidebar th,#sidebar td,#sidebar select,#sidebar input[type="search"],#sidebar .tagcloud a {
 border: 1px solid #e1e1e1;
}
#sidebar th,#sidebar td{
 padding: 5px;
}
#sidebar select {
 padding: 10px 5px;
 background: transparent;
}
#sidebar h3 {
  font: 600 24px var(--Poppins-font);
  padding-bottom: 15px;
  margin-bottom: 11px;
  border-bottom: 1px solid #e7e7e7;
}
#sidebar input[type="search"] {
 padding:10px 10px;
 font-size:15px;
 margin-bottom: 10px;
 width: 100%;
}
#sidebar label{
 margin-bottom: 0;
 width: 100%;
}
#sidebar input[type="submit"]{
 background-color :#0099cc;
 color:#fff;
 padding:10px 0;
 font-size:12px;
 width: 100%;
 letter-spacing: 2px;
 font-weight: bold;
}
#sidebar .widget {
  padding: 0 20px;
  margin-bottom: 50px;
}
div#sidebar h2,#sidebar h3 {
    font-size: 28px;
    line-height: 34px;
    color: #008dd2;
    font-weight: 700;
    font-family: "Merriweather";
}
#sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 17px;
}
#sidebar ul li{
  font: 600 15px var(--Poppins-font);
  color: #343434;
  border-bottom: 1px solid #e1e1e1;
  padding: 10px 0;
}
#sidebar ul li:last-child{ 
  border:none;
}
#sidebar ul li a {
    font-size: 15px;
    line-height: 24px;
    color: #3a3d38;
    font-weight: 700;
    font-family: "Merriweather";
}
.wp-block-latest-posts__post-excerpt {
    font-size: 13px;
    line-height: 19px;
    color: #3a3d38;
    font-weight: 400;
    font-family: 'Roboto';
}
#sidebar .tagcloud a{
  font-size:15px !important;
  padding:5px 18px;
  margin:0 0 5px;
  display:inline-block;
}
#sidebar .tagcloud a:hover{
  background:#111;
  color: #fff;
}
/*------------------ Comments BOX ------------------*/
#comments .reply{
  float: none !important;
  margin-bottom: 30px;
}
#comments .reply a{
  font: 700px 16px "PT Sans";
  letter-spacing: 0px;
}
#comments .commentmetadata a{
  padding-top: 8px;
  display: inline-block;
}
#comments .commentmetadata a,.comment-author a,.comment-author span{
    font-size: 15px;
    line-height: 36px;
    color: #666666 !important;
    font-weight: 700;
    font-family: 'Roboto';
    text-align: left;
}
#comments .commentmetadata a:hover,.main_title h1,#sidebar h3,#comments .reply a,.page-header h1,.entry-title,.contact-box .contact-head h3{
  color: #222;
}
#comments p {
    font-size: 16px;
    line-height: 24px;
    color: #5d666b;
    font-weight: 400;
    font-family: 'Roboto';
}
#comments h2.comments-title {
    padding-bottom: 20px !important;
    font-size: 24px;
    line-height: 36px;
    color: #666666;
    font-weight: 700;
    font-family: 'Roboto';
    text-align: left;
}
#comments .comment-awaiting-moderation{
  padding-top: 8px;
  display: inline-block;
}
.post-navigation a:hover{
  color: #88d055 !important;
}