:root {
  --text-color: #44464d;
  --heading-color: #0b091b;
  --box-color: #f52717;
  --red-color: #f52717;
  --count-text: #c1282a;
  --danger-color: #c82333;
  --black-color: #000000;
  --par-color: #595b62;
  --bx-color: #ffe6e6;
  --bxx-color-blue2: #e6f3ff;
  --bxx-color-blue1: #eef2f4;
  --color-footer: #a4b4c3a6;
  --color-white: #ffffff;
  --border-color: #719ed6;
}
.hero-section-cop {
  position: relative;
  background: url("../img/TechnologyConsulting/TC-banner.jpg") no-repeat center center;
  background-size: cover;
  color: white;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
  height: 80vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.hero-overlay-cop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(75.76% 130.48% at 51.46% 37.79%, rgba(0, 0, 0, 0.4) 0%, rgba(8, 8, 41, 0.4) 100%);
}
.hero-text {
  font-size: 17px;
  text-align: center;
  margin: 0 auto;
  color: white;
  margin-bottom: 50px;
  margin-top: 30px;
  max-width: 800px;
}

.btn-hero {
  background: linear-gradient(#f52717, #c1282a);
  color: white;
  height: 41px;
  width: 172px;
  border: none;
  text-align: center;
  font-size: 1rem;
  border-radius: 20px;
  display: inline-block;
}
.hero-heading {
  font-size: 50px;
  font-weight: 500;
}
.btn-hero:hover {
  background-color: #d32f2f;
}
.cont {
  max-width: 900px;
}
.prof-top{
  margin-top: 45px;
}
@media (max-width:1025px) {
  .hero-text{
    font-size: 15px;
    margin-bottom: 20px;
    margin-top: 10px;
  }
  .hero-heading{
    font-size: 40px;
  }
  .btn-hero{
    height: 35px;
    width: 145px;
  }
}
.section-gap{
  padding-bottom: 30px;
}
.strategy-section {
  background: url("../img/Business-Application/BA-sap.jpg") no-repeat center center;
   background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 30px;
  color: white;
  text-align: left;
  padding: 70px 40px;
  /* margin: 0px 10px; */
}
.microsoft-section {
  background: url("../img/Hcc Web Images/web.png") no-repeat center center;
  background-size: cover;
  border-radius: 30px;
  color: white;
  text-align: left;
  padding: 70px 40px;
  margin-top: 50px;
  position: relative;
}
.sage-section {
  background: url("../img/Business-Application/BA-sage.jpg") no-repeat center center;
   background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 30px;
  color: white;
  text-align: left;
  padding: 70px 40px;
}
.odoo-section {
  background: url("../img/Business-Application/BA-odoo.jpg") no-repeat center center;
   background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 30px;
  color: white;
  text-align: left;
  padding: 70px 40px;

}
.salesforce-section {
  background: url("../img/Business-Application/BA-salesforce.jpg") no-repeat center center;
   background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 30px;
  color: white;
  text-align: left;
  padding: 70px 40px;

}
.Techstrategy-section {
  background: url("../img/TechnologyConsulting/TC-strattegy.jpg") no-repeat center center;
   background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 30px;
  color: white;
  text-align: left;
  padding: 70px 40px;
  /* margin: 0px 10px; */
}
.AIdriven-section {
  background: url("../img/TechnologyConsulting/TC-AI.jpg") no-repeat center center;
   background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 30px;
  color: white;
  text-align: left;
  padding: 70px 40px;
  /* margin: 0px 10px; */
}
@media (max-width: 576px) {
  .strategy-section,.microsoft-section,.sage-section,.odoo-section,.salesforce-section,.Techstrategy-section,.AIdriven-section {
    margin: 0px 25px;
  }
}

.corp-head {
  font-size: 40px;
  font-weight: 500;
}
.strategy-title {
  font-size: 25px;
  font-weight: bold;
  max-width: 446px;
  margin-bottom: 30px;
}

.strategy-text {
  font-size: 15px;
  line-height: 1.5;
  text-align: left;
  max-width: 432px;
}
.card {
  border: none;
  border-radius: 15px;
  padding: 20px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  height: 300px;
  background: linear-gradient(to bottom, #f527170d, #f5271726);
}
.ccards1{
  padding: 25px 40px;
}
.ccards2{
  padding: 25px 40px;
  background: linear-gradient(125.35deg, rgba(4, 78, 119, 0.05) 0%, rgba(4, 78, 119, 0.1) 100%);
}
.ccards1:hover {
  background: linear-gradient(
    to bottom,
    var(--bxx-color-blue1),
    var(--bxx-color-blue2)
  );
}
.ccards2:hover {
  background: linear-gradient(to bottom, #f527170d, #f5271726);
}

.corp-icon-container {
  display: flex;
  text-align: left;
  width: 65px;
  height: 65px;
}
.corp-icon-container img{
  height: 82%;
  width: 80%;
  padding: 10px;
  background: linear-gradient(180deg, #F52717 0%, #C1282A 100%);
  border-radius: 13px;
}

.footer-line {
  margin-top: 120px;
  border-top: 1px solid #ddd;
  width: 100%;
}

.cyber-section {
  background: url("../img/Hcc Web Images/corp-cyber.png") no-repeat center center;
  background-size: cover;
  border-radius: 30px;
  color: white;
  text-align: left;
  padding: 70px 40px;
  margin-top: 50px;
}

.cyber-title,
.grc-title,
.audit-title {
  font-size: 25px;
  font-weight: 500;
  width: 446px;
  margin-bottom: 30px;
}

.cyber-text {
  font-size: 15px;
  line-height: 1.5;
  text-align: left;
  width: 432px;
  font-weight: 200;
}

.grc-section {
  background: url("../img/Hcc Web Images/corp-grc.png") no-repeat center center;
  background-size: cover;
  border-radius: 30px;
  color: white;
  text-align: left;
  padding: 70px 40px;
  margin-top: 50px;
}

.grc-text,
.audit-text {
  font-size: 15px;
  line-height: 1.5;
  text-align: left;
  width: 432px;
  font-weight: 200;
}

.audit-section {
  background: url("../img/Hcc Web Images/corp-audit.png") no-repeat center center;
  background-size: cover;
  border-radius: 30px;
  color: white;
  text-align: left;
  padding: 70px 40px;
  margin-top: 50px;
}

.par2,
.par3 {
  font-size: 20px;
  font-weight: 500;
  width:70%;
}

.par1,
.par4 {
  font-size: 14px;
  font-weight: 300;
  max-width: 350px;
}
@media (max-width: 757px) {
  .hero-text {
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .hero-heading {
    font-size: 35px;
    /* font-weight: 700; */
  }
}
@media (max-width: 500px) {
  .hero-section {
    height: 50vh;
  }
  .corp-head{
    font-size: 25px;
  }
  .strategy-section,
  .microsoft-section,
  .sage-section,
  .odoo-section,
  .salesforce-section,
  .Techstrategy-section ,
  .AIdriven-section,
  .audit-section,
  .grc-section,
  .cyber-section {
    padding: 30px 20px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .strategy-title,
  .cyber-title,
  .grc-title,
  .audit-title {
    font-size: 1rem;
    max-width: 300px;
  }

  .strategy-text,
  .grc-text,
  .audit-text,
  .cyber-text {
    font-size: 0.5rem;
    max-width: 300px;
  }
  .par1,
  .par4 {
    font-size: 13px;
  }
  .par2,
  .par3 {
    font-size: 20px;
  }
  .hero-text {
    font-size: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .hero-heading {
    font-size: 30px;
  }
  .btn-hero {
    height: 30px;
    width: 130px;
    font-size: 0.9rem;
  }
  .corp-icon-container img {
    height: 70%;
    width: 70%;
  }
}