/* Universal wrapper */

.introsection {
  width: 100%;
  padding: 60px 20px;
  background: #fff;
  box-sizing: border-box;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

.intro-wrapper {
  max-width: 1200px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

.intro-image {
  flex: 1 1 400px;
  max-width: 480px;
}

.intro-image img {
  width: 100%;
  height: auto;
}

.intro-text {
  flex: 1 1 500px;
  max-width: 1200px;
  text-align:center;
}

.intro-text h1 {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #000;
}

.intro-text p {
  font-size: 16px;
  color: #333;
  line-height: 1.7;
  margin-bottom: 15px;
  text-align:center;
}

.intro-btn {
  display: inline-block;
  background: #d60000;
  color: #fff;
  padding: 12px 28px;
  border-radius: 24px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  margin-top: 10px;
  cursor:pointer;
  border: none; /* ✅ Removes black border */
  outline: none; /* ✅ Removes focus ring in some browsers */
}

.intro-btn:hover {
  background: #b00000;
}

/* Responsive */
@media (max-width: 768px) {
  .intro-wrapper {
    flex-direction: column;
    text-align: center;
  }

  .intro-text {
    max-width: 100%;
  }

  .intro-text h1 {
    font-size: 28px;
  }
}


.servicearea {
  width: 100%;
  padding:50px 10px;
  background: #fff;
  font-family: 'Plus Jakarta Sans', sans-serif;
  box-sizing: border-box;
}

.bg-highlight {
  background-color:#f5f5f5;
}

.servicearea h1 {
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  color: #000;
  margin-bottom: 20px;
}

.servicearea > p {
  text-align: center;
  max-width: 1200px;
  margin: 0 auto 40px;
  font-size: 16px;
  line-height: 1.6;
  color: #333;
}

/* ---- Card Grid Section ---- */
.servicearea ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0 auto;
  max-width: 1200px;
  gap: 20px;
}

.servicearea ul li {
  flex: 0 1 calc(25% - 20px);
  background: #fff;
  border: 1px solid #eee;
  border-radius: 16px;
  padding: 30px 20px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  text-align: center;
  box-sizing: border-box;
  transition: box-shadow 0.3s ease;
}

.servicearea ul li:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.servicearea ul li img {
  width: 80px;
  height: auto;
  margin-bottom: 20px;
}

.servicearea ul li h2 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #000;
}

.servicearea ul li p {
  font-size: 15px;
  line-height: 1.5;
  color: #444;
  margin-bottom: 20px;
}

.circle-arrow-btn {
  display: inline-flex;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  color: #000;
  text-decoration:none!important;
  gap: 10px;
  transition: all 0.3s ease;
}

.circle-arrow-btn::after {
  content: '›';
  display: inline-flex;
  align-items: middle;
  justify-content: center;
  width: 22px;
  height: 22px;
  background-color: #f00000;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  border-radius: 50%;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.circle-arrow-btn:hover::after {
  transform: translateX(3px);
  text-decoration:none!important;
}


.serviceaccordion {
  width: 100%;
  padding: 50px 20px;
  background: #fff;
  font-family: 'Plus Jakarta Sans', sans-serif;
  box-sizing: border-box;
}

.serviceaccordion h1 {
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  color: #000;
  margin-bottom: 20px;
}

.serviceaccordion > p {
  text-align: center;
  max-width: 960px;
  margin: 0 auto 40px;
  font-size: 16px;
  line-height: 1.6;
  color: #333;
}

.serviceaccordion .accordion-list {
  list-style: none;
  max-width: 960px;
  margin: 0 auto;
  padding: 0;
}

.serviceaccordion .accordion-list li {
  border: 1px solid #ddd;
  border-radius: 8px;
  margin-bottom: 14px;
  background: #f8f8f8;
  overflow: hidden;
  max-height: 60px;
  padding: 0;
  transition: all 0.4s ease;
}

.serviceaccordion .accordion-list li strong {
  display: flex;
  align-items: center;
  padding: 18px 20px;
  font-size: 16px;
  font-weight: 600;
  color: #000;
  cursor: pointer;
}

.serviceaccordion .accordion-list li strong + * {
  display: none;
}

.serviceaccordion .accordion-list li:hover,
.serviceaccordion .accordion-list li:focus-within {
  background: #fff;
  max-height: 300px;
  padding-bottom: 16px;
}

.serviceaccordion .accordion-list li:hover strong + *,
.serviceaccordion .accordion-list li:focus-within strong + * {
  display: block;
  padding: 0 20px;
  font-size: 15px;
  color: #333;
  line-height: 1.6;
}


.servicearea.cta-section {
  background: #5e5e5e;
  padding: 50px 20px;
  margin-bottom:45px;
}

.cta-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  max-width: 1200px;
  margin: auto;
  gap: 30px;
}

.cta-text {
  flex: 1 1 400px;
  padding: 20px;
  text-align: left;
}

.cta-text h1 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #fff !important;
  text-align: left;
}

.cta-text p {
  font-size: 16px;
  color: #fff;
  line-height: 1.7;
  margin-bottom: 15px;
  text-align:justify;
}

.cta-btn {
  display: inline-block;
  background: #f00000;
  color: #fff;
  padding: 12px 24px;
  border-radius: 13px;
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
}

.cta-btn:hover {
  background: #b00000;
}

.cta-image {
  flex: 1 1 400px;
  max-width: 500px;
  padding: 20px;
}

.cta-image img {
  width: 100%;
  border-radius: 12px;
}


/* ---- Responsive Fixes ---- */
@media (max-width: 1024px) {
  .servicearea ul li {
    flex: 0 1 calc(50% - 20px);
  }
}

@media (max-width: 768px) {
  .servicearea ul li {
    flex: 0 1 100%;
  }

  .servicearea h1 {
    font-size: 28px;
  }

  .servicearea .cta-content {
    flex-direction: column;
  }

  .servicearea .cta-text,
  .servicearea .cta-image {
    max-width: 100%;
    padding: 10px;
	flex:1 1 345px;
  }
}

	.template-style1-section1 {
      text-align: center;
      padding: 40px 20px 20px;
    }
	.template-style1-section1 h1{
	   font-size:50px!important;
	}
	.template-style1-section1 p{
	   text-align:center;
	   font-size:16px;
	}
    .template-style1-section2 {
      padding: 5px  20px 30px 20px;
      max-width: 1200px;
      margin: auto;
	  text-align:center;
    }
	.template-style1-section2 h2{
      font-size:36px;
	  font-weight:bold;
	  color:#000;
    }
	.template-style1-section2 p{
      text-align:justify;
	  margin-bottom:20px;
	  line-height:1.8;
    }
    .template-style1-section2.flex {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
    }
    .template-style1-section2 .col {
      flex: 1 1 100%;
    }
    .section-heading {
      font-size: 24px;
      text-align: center;
    }
	.template-style1-3block {
	  display: flex;
	  flex-wrap: wrap;
	  width: 100%;
	  margin:30px 0;
	}
	
	.template-style1-3block > div {
	  flex: 1 1 33.33%;
	  box-sizing: border-box;
	  padding: 40px 30px 50px 30px;
	}
	
	.block-left {
	  background: #f3f3f3;
	}
	
	.block-center {
	  background: url('https://admin.72interactive.co.in/upload/com/creative-intelligence-bg.jpg') center center no-repeat;
	  background-size: cover;
	  color: #fff;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}
	
	.center-content {
	  text-align: center;
	  max-width: 350px;
	}
	
	.block-right {
	  background: #f3f3f3;
	}
	
	.template-style1-3block h3 {
	  font-size: 32px;
	  line-height: 1.1;
	  font-weight: 600;
	  margin-bottom: 20px;
	  color: #111;
	}
	
	.block-center h3 {
	  font-size: 50px;
	  line-height: 1.1;
	  color: #fff;
	  font-weight:normal;
	  text-align:left;
	}
	
	.block-center p {
	  font-size: 16px;
	  line-height: 1.2;
	  margin: 20px 0;
	  color: #fff!important;
	}
	
	.template-style1-3block p {
	  font-size: 15px;
	  line-height: 1.7;
	  color: #333;
	}
	
	.btn-white {
	  background: #fff;
	  color: #d60000;
	  padding: 10px 20px 12px 20px;
	  border-radius:25px;
	  font-weight: 600;
	  text-decoration: none;
	  display: inline-block;
	  font-size: 14px;
	}
	
	.btn-red {
	  background: #d60000;
	  color: #fff;
	  padding:10px 20px 12px 20px;
	  border-radius: 25px;
	  font-weight: 600;
	  text-decoration: none;
	  display: inline-block;
	  font-size: 14px;
	  margin-top: 20px;
	}
    .template-style1-6block {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 20px;
      list-style: none;
      padding: 0;
	  margin:40px 0;
    }
    .template-style1-6block li {
      padding: 20px;
      border: 1px solid #ddd;
      border-radius: 10px;
      background: #fff;
    }
    .template-style1-6block-image {
      justify-content: center;
	  width:125px;
	  margin:15px auto;
	  
    }
    .template-style1-6block-image img {
      max-width: 100%;
      height: auto;
      border-radius: 8px;
    }
	.template-style1-6block li h3{
	  font-size:24px;
	  margin:0 0 10px 0;
	  text-align:center;
	  font-weight:bold;	
    }
  .template-style1-section3 {
      background: #f8f8f8;
      text-align: center;
      padding: 30px 20px 40px;
    }
    .template-style1-section3 .wrapper {
      max-width: 1200px;
      margin: 0 auto;
    }
    .template-style1-section3 h2 {
      font-size: 36px;
      font-weight: 700;
      margin-bottom: 10px;
      color: #111;
    }
    .template-style1-section3 .subheading {
      font-size: 18px;
      color: #555;
      margin-bottom:45px;
      width:80%;
	  text-align:center;
      margin-left: auto;
      margin-right: auto;
    }
    .template-style1-section3-list {
      list-style: none;
      padding: 0;
      margin: 0;
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap:0px;
    }
    .template-style1-section3-list li {
      text-align: center;
      padding: 0 10px;
    }
    .circle-box {
      background: #fff;
      border-radius: 50%;
      width: 200px;
      height: 200px;
      margin: 0 auto 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    }
    .circle-box img {
      width: 200px;
      height:200px;
      object-fit: contain;
	  border-radius:200px;
    }
    .template-style1-section3-list h3 {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 10px;
      color: #111;
    }
    .template-style1-section3-list p {
      font-size: 15px;
      line-height: 1.6;
      color: #333;
	  width:70%;
	  text-align:center;
	  margin:0 auto;
    }
	.highlight{
		color:#d60000;	
	 	font-weight:bold;
		}
    .form-section {
      background: black url('../images/bottom-form-background.jpg') no-repeat center center;
      background-size: cover;
      color: #fff;
      padding: 40px 20px;
      text-align: center;
    }
	.form-section h5{
      color: #fff;
      padding:20px 20px 5px 20px;
      text-align: center;
	  font-size:36px;
	  font-weight:bold;
    }
	.form-section p{
      color: #fff;
	  text-align:center;
	  margin-bottom:25px;
    }
    .form-section input,
    .form-section textarea {
      width: 100%;
      max-width: 400px;
      padding: 10px;
      margin: 10px auto;
      display: block;
      border-radius: 4px;
      border: none;
    }
	.form-section button {
	  display: inline-block;
	  background: #d60000;
	  color: #fff;
	  padding: 12px 28px;
	  border-radius: 24px;
	  font-size: 16px;
	  font-weight: 600;
	  text-decoration: none;
	  margin-top: 10px;
	  cursor:pointer;
	  border: none; /* ✅ Removes black border */
	  outline: none; /* ✅ Removes focus ring in some browsers */
	}
	
	.form-section button:hover {
	  background: #b00000;
	}
    .form-section-note {
      font-size: 11px;
      margin: 20px 0 10px 0;
      color: #ccc;
    }

.jcarousel-skin-tango5 .jcarousel-direction-rtl{direction:rtl;}
.jcarousel-skin-tango5 .jcarousel-container-horizontal{width:244px;height:auto;}
.jcarousel-skin-tango5 .jcarousel-clip{overflow:hidden;height:auto;}
.jcarousel-skin-tango5 .jcarousel-clip-horizontal{width:600px;height:auto;}
.jcarousel-skin-tango5 .jcarousel-item{width:600px;height:auto;}
.jcarousel-skin-tango5 .jcarousel-item-vertical{height:auto;}
.jcarousel-skin-tango5 .jcarousel-next-horizontal{position:absolute;top:50%;right:-354px;width:62px;height:51px;cursor:pointer;background:transparent url(../images/arrow-png.jpg) no-repeat 0px -79px;}
.jcarousel-skin-tango5 .jcarousel-prev-horizontal{position:absolute;top:50%;left:0px;width:62px;height:51px;cursor:pointer;background:transparent url(../images/arrow-png.jpg) no-repeat 0px -14px;}
.about-left{float:left;width:390px;padding-bottom:10px;}
.about-left h4{clear:both;padding-bottom:10px;}
.about-right{float:right;width:310px;}
.about-right h4{clear:both;padding-bottom:10px;}
.about-right img{border:#d2d2d2 1px solid;}
.about-right a{float:left;background:url(../images/arrow-btn.jpg) right 3px no-repeat;margin:10px 0 63px 0;padding:0 12px 0 0;color:#808080;font-size:14px;}
.about-right a:hover{text-decoration:underline;}
.content-raw h1{font-size:34px;font-weight:bold;}
#container-tab1{float:left;width:969px;border:#ebebeb 1px solid;padding:20px 15px 10px 15px;background:#FFF;margin:15px 0 10px 0;}

.template-highlight {
  color: #d60000;
}

.template-hero {
  text-align: left;
  max-width: 700px;
  margin:0 0 2% 0;
  float:left;
}

.template-hero h1 {
  font-size: 60px;
  line-height: 1.0;
  font-weight: 700;
  color: #000;
}

.template-hero p{
  font-size: 25px;
  line-height: 1.6;
  color: #111;
  margin-bottom: 20px;
  padding-bottom:0;
}

.template-hero .intro-btn{float:left;}

.template-highlight {
  color: #d60000;
  font-size: 60px;
  font-weight: 700;
}



.template-two-column {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 30px;
  clear: both; /* in case any float leaks in */
}

.template-col-left,
.template-col-right {
  flex: 1;
  min-width: 0;
}

.template-two-column p {
  float: none !important;
  display: block;
  font-size: 18px;
  line-height: 1.9;
  color: #000;
  margin: 0 0 15px 0;
  word-break: break-word;
  padding:40px 0 0 0;
}

.template-col-right img {
  width: 100%;
  height: auto;
  display: block;
  float: none !important;
}

.template-feature-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  margin-top: 30px;
}

.template-feature-box h3 {
  margin-bottom: 10px;
  font-size: 25px;
}

.template-feature-box p {
  font-size: 18px;
  line-height: 1.5;
}

.template-form-section {
  width:95%;
  margin: 50px auto;
  padding:2.5%;
  text-align: center;
  background-color:#f7f7f7;
  float:left;
  border-radius:15px;
}

.template-form-heading {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 30px;
  color: #000;
}

.template-form-highlight {
  color: #d60000;
  font-size: 34px;
  font-weight: 700;
}

.template-form {
  display: block;
  width: 100%;
}

.template-form-row {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 100%;
}

.template-form-row li {
  width:30%!important;
  box-sizing: border-box;
  margin:0 1%;
  padding:0;
  list-style:none!important;
  
}

.template-form-row li input {
  width: 100%;
  padding: 12px 18px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 8px;
  outline: none;
  box-sizing: border-box;
}

/* Button container: 4th li */
.template-form-row li:nth-child(4) {
  text-align: center;
  padding-top: 10px;
}

/* HERO SECTION */
.industry-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0px;
}

.industry-hero {
  text-align:left;
  padding:30px 0;
  width:100%;
  float:left;
}

.industry-hero h1 {
  font-size: 60px;
  font-weight:bold;
  width:80%;
  line-height:1.0;
}

.industry-hero p {
  width:80%;
  font-size:25px;
  line-height:1.6;
}

.industry-highlight {
  color: #d60000;
  font-weight:bold;
}

.industry-subtext {
  font-size: 18px;
  margin: 20px 0;
}

.industry-cta {
  display: inline-block;
  background: #d60000;
  color: #fff;
  padding: 12px 24px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 6px;
  float:left;
}

.industry-split {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 40px;
  padding: 30px 5px;
}

.industry-split.industry-reverse {
  flex-direction: row-reverse;
}

.industry-text {
  flex: 1 1 50%;
}

.industry-text h2{
  color:#000;
  font-size:36px;
  font-weight:bold;
}

.industry-text p{
  font-size:18px;
}

.industry-image {
  flex: 1 1 45%;
}

.industry-image img {
  width: 100%;
  max-width: 420px;
}

.industry-text ul {
  padding-left:0px;
  margin-top: 16px;
  margin:0 0 2% 0;
}

.industry-text ul li {
  line-height: 1.6;
  margin:0 0 14px 20px;
  width:99%;
  font-size:18px;
}

/* Accordion Styling */
.accordion-list {
  list-style: none;
  padding: 0;
  margin-top: 30px;
}

.accordion-list li {
  border: 1px solid #ddd;
  border-radius: 8px;
  margin:0 0 14px 0!important;
  background: #f8f8f8;
  overflow: hidden;
  max-height: 60px;
  padding: 0;
  transition: all 0.4s ease;
}

.accordion-list li strong {
  display: block;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 600;
  color: #000;
  cursor: pointer;
}

.accordion-list li strong + p {
  display: none;
}

.accordion-list li:hover {
  background: #fff;
  max-height: 300px;
  padding-bottom: 16px;
}

.accordion-list li:hover p {
  display: block;
  padding: 0 20px;
  font-size: 15px;
  color: #333;
  line-height: 1.6;
  width:90%;
}

/* Experience Section */
.industry-experience {
  padding: 60px 0;
  text-align: center;
  background: #fff;
  width:100%;
}

.industry-experience h2 {
  margin:0 0 1% 0;
  padding:1% 0;
  color:#000;
  font-weight:bold;
}

.experience-subtext {
  font-size: 17px;
  width:100% !important;
  margin: 0 auto 10px;
}

.experience-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap:15px;
  width:100%;
}

.experience-item {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 20px 10px;
  width: 150px;
  text-align: center;
  box-shadow: 0 0 10px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
}

.experience-item img {
  width: 80px;
  height: 80px;
  margin-bottom: 12px;
}

.experience-item h4 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #000;
}

.experience-item p {
  font-size: 14px;
  color: #333;
  line-height: 1.5;
  text-align:center;
}
.width-100r{text-align:right;width:100%;float:right;}
.width-100r p{text-align:right;}
.client-left{width:200px;float:left;}
ul#filter1{padding:0 0 0px 0px;float:left;border-bottom:0px solid #dedede;font-size:12px;list-style:none;width:auto;}
ul#filter1 li{width:200px;padding:0px 0 0px 0px;float:left;border-bottom:1px solid #dedede;}
ul#filter1 li.nohover{background:none!important;}
ul#filter1 li h1{font-size:14px;padding:10px 0 10px 8px;}
ul#filter1 li:last-child{border-right:none;margin-right:0;padding-right:0;}
ul#filter1 a{width:180px;margin-left:-1px;float:left;height:20px;color:#999;text-decoration:none;padding:6px 10px 2px 10px;}
ul#filter1 li:hover{background:#f4f4f4;color:#555555;}
ul#filter1 li:hover a{color:#555555;}
ul#filter1 li.current a, ul#filter1 a:hover{color:#fff;}
ul#filter1 li.current{background:#dedede;}
ul#filter1 li.current a{margin-left:-1px;color:#000;}
.client-right{float:left;width:745px;min-height:550px;padding:5px 10px 0px 10px;border:#ebebeb 1px solid;}
ul#portfolio1{float:left;list-style:none;width:auto;}
ul#portfolio1 li{float:left;margin:0 7px 5px 0;height:90px;width:140px;border:#ebebeb 1px solid;}
ul#portfolio1 li:last-child img{border:none;}
ul#portfolio1 li img{z-index:999999;float:left;width:120px;margin:5px;}
li.static-website{position:relative;}
ul#portfolio1 li div.case-study img{width:80px;}
.contact-text{float:left;margin:0 5% 2% 0; width:55%;}
.contact-text h1{margin:0 0 20px 0;}
.contact-form{float:left; width:40%;}
.contact-form h4{float:left; font-size:18px; font-weight:bold; color:#000; margin:0 0 20px 0;}
.contact-form p{float:left; font-size:14px; color:#000; margin:0 0 20px 0;}
.contact-form ul{float:left;width:100%;margin-bottom:15px;}
.contact-form h6{float:left;width:100%;color:#e71d27;}
.contact-form ul li{padding:5px 0 5px 0; width:100%;float:left; list-style:none; margin:0;}
.contact-form ul li.verify-field{padding:0px 0 5px 0px;}
.contact-form ul li label{width:100%;float:left; margin:0 0 10px 0;}
.contact-form ul li span{margin:10px 0 0 10px;}
.contact-form ul li span.mandatory{margin:0 0 0 10px;color:#f00;}
.contact-form ul li .istyle{float:left;width:80%; border-radius:5px; border:#d0d0d0 1px solid; font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#818181; padding:10px;}
.contact-form ul li .istyle3{float:left;width:80%; border-radius:5px; border:#d0d0d0 1px solid;font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#818181;padding:10px;}
.contact-form ul li .istyle2{float:left;width:80%; border-radius:5px; border:#d0d0d0 1px solid;font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#818181;padding:10px;}
.contact-form ul li .istyle1{float:left;width:80%; border-radius:5px; border:#d0d0d0 1px solid;font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#818181;padding:10px;}
.contact-form ul li.bt-row{float:left;padding-top:15px;}
.contact-form .submit{width:90px;height:30px;float:left;background:#e71d27;border:0px;color:#fff;padding:0px;margin:0 20px 0 0 ;cursor:pointer;border-radius:20px;}
.privacy{float:left;width:100%;margin:10px 0;}
.privacy h2{float:left;width:100%;margin:10px 0; font-size:18px;}
.privacy strong{color:#000;}
.privacy ul, .privacy ol{margin:0 0 1% 2%; float:left; width:98%;}
.privacy ul li{list-style:disc; margin:0 0 1% 4%; padding:0 0 0 1%; width:94%; float:left;}
.privacy ol li{list-style-type:decimal; margin:0 0 2% 2%; padding:0 0 0 2%; width:96%; float:left;}
ul.site-map {
    float: left;
    width: 680px;
    padding: 20px;
    list-style-type: disc;
    margin-left: 20px; /* ensures disc bullets are visible */
}

ul.site-map li {
    padding: 2px 0 2px 10px;
    list-style-type: disc;
}

ul.site-map li a {
    color: #000;
}

ul.site-map li a:hover {
    text-decoration: underline;
}

ul.site-map ul {
    padding: 5px 0 2px 25px; /* reduced from 50px to bring subcategories closer */
    margin: 0;
}

.faq-section-wrapper {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 40px 20px;
}

.faq-heading {
  font-size: 32px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 10px;
}

.faq-subheading {
  font-size: 16px;
  text-align: center;
  margin-bottom: 30px;
  color: #555;
}

.faqs-area {
  counter-reset: faq-counter;
  list-style: none;
  margin: 0 auto;
  padding: 0;
  max-width: auto;
  font-family: 'Segoe UI', sans-serif;
}

.faqs-area li {
  counter-increment: faq-counter;
  border: 1px solid #ddd;
  border-radius: 8px;
  margin-bottom: 12px;
  overflow: hidden;
  background: #f0f0f0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
  transition: max-height 0.4s ease, background 0.3s ease;
  max-height: 55px;
  padding: 0;
  position: relative;
}

.faqs-area li strong {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  background: transparent;
  font-size: 16px;
  color: #333;
  padding: 16px 20px 16px 35px;
  box-sizing: border-box;
  cursor: pointer;
}

.faqs-area li::before {
  content: counter(faq-counter) ".";
  position: absolute;
  top: 16px;
  left: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #666;
}

.faqs-area li br,
.faqs-area li strong + * {
  display: none;
}

.faqs-area li:hover,
.faqs-area li:focus-within {
  background: #ffffff;
  max-height: 500px;
  padding-bottom: 16px;
}

.faqs-area li:hover br,
.faqs-area li:hover strong + *,
.faqs-area li:focus-within br,
.faqs-area li:focus-within strong + * {
  display: block;
  padding: 0 20px;
  margin-top: 6px;
  color: #444;
  line-height: 1.6;
  font-size: 15px;
}

@media (max-width: 768px) {
  .faqs-area li strong {
    padding: 14px 16px 14px 44px;
    font-size: 15px;
  }

  .faqs-area li::before {
    top: 14px;
    left: 16px;
    font-size: 15px;
  }

  .faqs-area li:hover strong + *,
  .faqs-area li:focus-within strong + * {
    font-size: 14px;
  }
}

.design-branding{margin:50px 0 0 0;float:left;width:720px;height:263px;background:url(../images/tab-screen-bg.jpg) top left no-repeat;border-bottom:#e5e5e5 1px solid;}
.screen{float:left;width:263px;padding:16px 0 0 37px;}
.screen-text{float:left;width:400px;padding:40px 20px 0 0;}
.screen-text h1{color:#e71d27;font-weight:bold;padding-bottom:10px;}
.tab_containe{width:720px;float:left;border-top:none;height:196px;}
.tab_content{float:left;width:100%;padding:15px 0 14px 0;}
.detail-table{width:720px;float:left;}
ul.tabs{float:right;list-style-type:none;font-weight:bold;height:35px;}
ul.tabs li{display:inline;}
ul.tabs a{float:left;text-decoration:none;}
ul.tabs a span{display:block;float:left;background:url(../images/tabale-menu-bg.gif) no-repeat right top;padding:0 5px;line-height:36px;color:#666;}
ul.tabs a span{float:none;}
html ul.tabs li.active a span, html ul.tabs li.active a:hover span{background:url(../services/images/arrow-blue.png) top center no-repeat;color:#e71d27;}
html ul.tabs li.active a, html ul.tabs li.active a:hover{color:#e71d27;}
ul.tabs a:hover{color:#9f9f9f;}
ul.tabs a:hover span{color:#e71d27;}
.detail-layout{float:left;width:941px;border:#e5e5e5 1px solid;padding:30px 28px 10px 28px;background:#FFF;margin:0 0 10px 0;}
.portfolio-detail-layout-1{color:#666;float:left;width:auto;background:#FFF;padding:10px 5px;}
.detail-layout-case h4{clear:both;padding:0 0 10px 0;margin-bottom:10px;color:#e71d27;border-bottom:#e5e5e5 1px solid;}
.detail-layout-case p{float:left;padding:0 0 15px 0px;}
.portfolio-brand{float:left;width:100%;background:url(../services/images/shadow-2.png) no-repeat top center;padding:60px 0 40px 0;}
.portfolio-brand-three{float:left;background:url(../services/images/three-brand.png) no-repeat left top;width:320px;padding:0 0 60px 400px;}
.portfolio-panel-left-1{float:left;width:600px;}
.portfolio-panel-left-1 img{width:auto;height:auto;}
.portfolio-panel-right-1{float:left;width:200px;margin-left:25px;}
.portfolio-status{width:190px;font-size:15px;float:left;font-weight:bold;}
.portfolio-status span{color:#e71d27;font-weight:bold;}
.portfolio-status-btn{float:left;width:100%;padding:10px 0;}
.portfolio-status-btn a{float:left;width:109px;height:35px;margin-right:15px;text-decoration:none;}
.portfolio-status-btn a strong{color:#FFF;float:left;padding:11px 0 0 16px;cursor:pointer;font-weight:bold;}
.portfolio-status-btn a.visit-website{float:left;background:url(../images/gray-btn-bg.jpg) no-repeat 0 0;}
.portfolio-thum-logo{float:left;width:200px;text-align:center!important;border:#efefef 1px solid;margin-bottom:10px;}
.portfolio-thum-logo img{text-align:center!important;padding:0 0 0px 0;}
.portfolio-thum-logo span.logo-heading{width:190px;text-align:center;float:left;font-size:15px;color:#FFF;padding:8px 0 8px 10px!important;margin-bottom:0px;background:#ea0000;}
.portfolio-sub-navigation-2{float:left;width:190px;background:url(../images/sub-navigation-2-bg.jpg) repeat-x top left;border:#e5e5e5 1px solid;padding:8px 0 0 10px;margin-bottom:10px;}
.portfolio-sub-navigation-heading1{font-size:14px;color:#FFF;font-weight:bold;}
.portfolio-sub-navigation-2 ul{float:left;padding:10px 0 0 0;}
.portfolio-sub-navigation-2 ul li{color:#666;list-style-type:none;float:left;width:175px;background:url(../images/arrow-4.jpg) 0px 10px no-repeat;padding:5px 0 5px 15px;}
.portfolio-sub-navigation-2 ul li a{}
.portfolio-about-client{float:left;width:585px;padding:0 0 0 0px;}
.portfolio-heading1{font-size:18px;clear:both;padding:10px 0 5px 0;margin-bottom:0px;color:#e71d27;border-bottom:#e5e5e5 1px solid;}
.client-heading1{font-size:18px;clear:both;padding:10px 0 5px 0;margin-bottom:10px;color:#e71d27;border-bottom:#e5e5e5 1px solid;}
.portfolio-about-client p{float:left;padding:0 0 5px;}
.slider-wesbsite{float:left;height:auto;margin-bottom:20px;}
.sliding{float:left;width:997px;background-color:#fff;border:#d2d2d2 1px solid;}
ul.sliding-thum{float:left;list-style:none;width:972px;padding:10px 0 0 25px;}
ul.sliding-thum li{float:left;width:160px;padding:4px 0 8px 0;}
ul.sliding-thum li:last-child img{border:none;}
ul.sliding-thum li a{float:left;width:140px;border-bottom:#ebebeb 1px solid;padding:0 0 14px 0;margin:0 10px 0 0;}
ul.sliding-thum li img{float:left;width:150px;height:77px;border-right:#ebebeb 1px solid;padding:0 0 0 0;}
.download-box{width:600px;margin:0 10px 0px 12px;}
.download-box h2{font-size:18px;color:#717171;font-weight:normal;padding:3px 0 15px 0;}
.download-box img{margin:0 12.5px 12.5px 0px;border:#dcdcdc 5px solid;}
#client-container-tab{float:left;width:969px;border:#ebebeb 1px solid;padding:20px 15px 10px 15px;background:#FFF;margin:15px 0 10px 0;}
.width-100r{text-align:right;width:100%;float:right;}
.width-100r p{text-align:right;}
.client-left{width:200px;float:left;}
ul#client-filter{padding:0 0 0px 0px;float:left;border-bottom:0px solid #dedede;font-size:12px;list-style:none;width:auto;}
ul#client-filter li{width:200px;padding:0px 0 0px 0px;float:left;border-bottom:1px solid #dedede;}
ul#client-filter li.nohover{background:none!important;}
ul#client-filter li h1{font-size:14px;padding:10px 0 10px 8px;}
ul#client-filter li:last-child{border-right:none;margin-right:0;padding-right:0;}
ul#client-filter a{width:180px;margin-left:-1px;float:left;height:20px;color:#999;text-decoration:none;padding:6px 10px 2px 10px;}
ul#client-filter li:hover{background:#f4f4f4;color:#555555;}
ul#client-filter li:hover a{color:#555555;}
ul#client-filter li.current a, ul#filter1 a:hover{color:#fff;}
ul#client-filter li.current{background:#dedede;}
ul#client-filter li.current a{margin-left:-1px;color:#000;}
.client-right{float:left;width:745px;min-height:550px;padding:5px 10px 0px 10px;border:#ebebeb 1px solid;}
ul#client-portfolio{float:left;list-style:none;width:auto;}
ul#client-portfolio li{float:left;margin:0 7px 5px 0;height:90px;width:140px;border:#ebebeb 1px solid;position:relative;}
ul#client-portfolio li:last-child img{border:none;}
ul#client-portfolio li img{z-index:999999;float:left;}
li.static-website{position:relative;}
.case-study{position:absolute;bottom:0px;z-index:1;float:left;right:0px;}
ul#client-portfolio li div.case-study img{width:80px;}
.contact-left{width:360px;float:left;}
.contact-right{width:360px;float:left;}
.left{float:left;width:350px;}
.right{float:left;width:320px;padding:0px 0 0 20px;}
.newsletter-form{float:left;width:100%;}
.newsletter-form li{width:100%;float:left;background:none!important;padding:0 0 10px 0px;}
.margin-l{margin-right:10px!important;}
.newsletter-form li label{width:auto!important;float:left;}
.newsletter-form li label.width100{width:80px!important;}
.newsletter-form li strong{float:left!important;width:auto!important;padding:0 0 0 0px;}
.newsletter-form li .istyle{float:left;width:160px;border:#d0d0d0 1px solid;margin:0 0 0 15px;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#818181;padding:3px;}
.newsletter-form .submit{width:79px;height:28px;float:left;background:url(../images/reset-sybmit-btn-bg.jpg) no-repeat left top;border:0px;color:#fff;padding:0px 0 2px 0px;margin:0 0 0 0px;cursor:pointer;}
.brown-bg{float:left!important;width:98%!important;text-align:center!important;color:#fff;font-size:18px;padding:1% 1%!important;margin-bottom:10px;background:#f00;}
.tableview{font-family:'TeXGyreAdventorRegular', Arial, sans-serif;width:711px;border-collapse:collapse;margin:12px 0 12px 15px;text-align:center;float:left;background:#fafafa;}
.tableview b{font-family:'WebRupee';padding-right:3px;}
.tableview strong{padding:3px 0 0 0;}
.tableview span{padding:3px 0 0 0;font-weight:bold;}
.tableview tr td{border:1px solid #e8e8e8;padding:8px 5px 7px 5px;font-size:12px;height:10px;}
.tableview .center{width:50px;text-align:center;}
.tableview .background{background:#ea0001;color:#fff;height:40px;text-transform:uppercase;font-weight:bold!important;}
.tableview .background2{background:#9b9b9b;color:#fff;font-size:18px!important;text-transform:uppercase;font-weight:bold!important;}
.tableview .background3{background:#444;color:#fff;font-size:18px!important;text-transform:uppercase;font-weight:bold!important;}
.tableview p{float:left;margin:10px 0 0 60px;text-align:center;}

.enquiry-form{float:left;margin-top:2%;width:100%;}
.enquiry-form ul{float:left;width:100%;margin-bottom:2%;}
.enquiry-form h4{float:left;width:100%;color:#e71d27; font-size:16px;}
.enquiry-form ul li{padding:5px 0 5px 0;width:100%;float:left;}
.enquiry-form ul li.verify-field{padding:0px 0 5px 0px;}
.enquiry-form ul li label{width:100%;float:left;margin-bottom:2%;}
.enquiry-form ul li .istyle1{float:left;width:10%;border:#d0d0d0 1px solid;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#818181;padding:8px;margin:0 5px 0 0;}
.enquiry-form ul li .istyle3{float:left;width:99%;border:#d0d0d0 1px solid;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#818181;padding:8px;}
.enquiry-form .promo-submit-btn{width:60%;height:40px;float:left;background:#e71d27;border:0px;color:#fff;padding:0px;cursor:pointer;border-radius:20px;}