:root {
		--color-primary: #0077c8;
		--color-accent: #fcb900;
		--color-black: #000000;
		--color-white: #f9fafb;
		--nuvi-text: #0059CF;
		--nuvi-button: #09489B;
		--nuvi-bg-button-1: #FDDC7A;
		--nuvi-bg-button-2: #FBF4C0;
		--nuvi-bg-button-3: #BE8A35;
		--nuvi-bg-button-4: #BE8A35;
		--nuvi-bg-button-5: #FDDA7A;
		}
		@font-face {
			font-family: "Quicksand";
			src: url("../fonts/static/Quicksand-Bold.ttf") format("truetype");
			font-weight: 900;
			font-style: normal;
			}
			@font-face {
			font-family: "Quicksand";
			src: url("../fonts/static/Quicksand-Light.ttf") format("truetype");
			font-weight: 100;
			font-style: normal;
			}
			@font-face {
			font-family: "Quicksand";
			src: url("../fonts/static/Quicksand-Medium.ttf") format("truetype");
			font-weight: 500;
			font-style: normal;
			}
                        
            
.product-combo-section {
  font-family: "Quicksand", sans-serif;
  margin: 0;
  padding: 3% 1%;
  max-width: 100%;
  width: 100%;
}
.product-combo-section > .title-combo {
  justify-content: center;
  justify-items: center;
}
.product-combo-section > .title-combo > .title-text {
  max-width: 700px;
  display: block;
}
.product-combo-section > .title-combo > .title-text > h3 {
  max-width: 450px;
  margin: auto;
  background: linear-gradient(90deg, var(--nuvi-bg-button-1) 0%, var(--nuvi-bg-button-2) 25%, var(--nuvi-bg-button-3) 70%, var(--nuvi-bg-button-4) 75%, var(--nuvi-bg-button-5) 100%);
  border-radius: 50px;
  padding: 10px;
  color: var(--nuvi-text);
  font-size: 40px;
  font-weight: bold;
  outline-color: var(--color-white);
  text-shadow: 1px 1px 2px var(--color-white), -1px -1px 2px var(--color-white), 1px -1px 2px var(--color-white), -1px 1px 2px var(--color-white);
}
.product-combo-section > .title-combo > .title-text > .text-description {
  font-size: 25px;
  color: var(--nuvi-text);
  margin-top: 5px;
  text-align: center;
  font-weight: 900;
}
.product-combo-section > .detail-combo {
  padding: 3% 5%;
  background: #f5f9fc;
}
.product-combo-section > .detail-combo > .row > .right-info {
  max-width: 600px;
  margin-left: -8%;
  width: 38%;
}
.product-combo-section > .detail-combo > .row > .right-info > .info-item {
  display: grid;
  grid-template-columns: 16% 84%;
  margin-bottom: 5%;
  gap: 15px;
}
.product-combo-section > .detail-combo > .row > .right-info > .info-item > .icon > img {
  width: auto;
  height: auto;
}
.product-combo-section > .detail-combo > .row > .right-info > .info-item > .text-content {
  padding-left: 5px;
}
.product-combo-section > .detail-combo > .row > .right-info > .info-item > .text-content > h5 {
  font-size: 20px;
  color: var(--nuvi-button);
  font-weight: 900;
}
.product-combo-section > .detail-combo > .row > .right-info > .info-item > .text-content > p {
  font-size: 14px;
  color: var(--color-black);
  font-weight: 500;
  margin-top: 5px;
}