*{
    font-family: 'Nunito', sans-serif;
}
*::-webkit-scrollbar-thumb{
    background-color: #85929E;

}
*::-webkit-scrollbar{
    width: 5px;
    background-color: #D7DBDD;
}
body{
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1920' height='720' preserveAspectRatio='none' viewBox='0 0 1920 720'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1141%26quot%3b)' fill='none'%3e%3crect width='1920' height='720' x='0' y='0' fill='rgba(234%2c 236%2c 238%2c 1)'%3e%3c/rect%3e%3cpath d='M -571.2259381648742%2c216 C -443.23%2c294.4 -187.23%2c632 68.7740618351259%2c608 C 324.77%2c584 452.77%2c114.4 708.7740618351258%2c96 C 964.77%2c77.6 1092.77%2c492.6 1348.7740618351258%2c516 C 1604.77%2c539.4 1874.53%2c206.4 1988.7740618351258%2c213 C 2103.02%2c219.6 1933.75%2c481.8 1920%2c549' stroke='rgba(142%2c 23%2c 44%2c 0.34)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -677.4010340670947%2c267 C -549.4%2c327.6 -293.4%2c595.8 -37.401034067094656%2c570 C 218.6%2c544.2 346.6%2c132.6 602.5989659329053%2c138 C 858.6%2c143.4 986.6%2c563.4 1242.5989659329052%2c597 C 1498.6%2c630.6 1747.12%2c305.2 1882.5989659329052%2c306 C 2018.08%2c306.8 1912.52%2c542 1920%2c601' stroke='rgba(142%2c 23%2c 44%2c 0.34)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -157.23018688578293%2c140 C -29.23%2c184.8 226.77%2c363.8 482.7698131142171%2c364 C 738.77%2c364.2 866.77%2c107.8 1122.769813114217%2c141 C 1378.77%2c174.2 1506.77%2c507.2 1762.769813114217%2c530 C 2018.77%2c552.8 2371.32%2c281.6 2402.769813114217%2c255 C 2434.22%2c228.4 2016.55%2c368.6 1920%2c397' stroke='rgba(142%2c 23%2c 44%2c 0.34)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -938.1903198286018%2c420 C -810.19%2c377.8 -554.19%2c198.2 -298.1903198286018%2c209 C -42.19%2c219.8 85.81%2c487 341.8096801713982%2c474 C 597.81%2c461 725.81%2c147 981.8096801713982%2c144 C 1237.81%2c141 1434.17%2c420 1621.8096801713982%2c459 C 1809.45%2c498 1860.36%2c363 1920%2c339' stroke='rgba(142%2c 23%2c 44%2c 0.34)' stroke-width='2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1141'%3e%3crect width='1920' height='720' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
}
.card{
	-webkit-box-shadow: 10px 10px 0px 0px rgba(93,109,126,1);
	-moz-box-shadow: 10px 10px 0px 0px rgba(93,109,126,1);
	box-shadow: 10px 10px 0px 0px rgba(93,109,126,1);
	width: 90%;
	height: 400px;
}
.card-footer{
	overflow-y: auto;
	height: 138px;
}
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: white;
	opacity: 1; /* Firefox */
}
textarea {
    resize: none;
}
#tecnogestion:hover{
	transition: 270ms;
	font-size: 18px;
}
.sobreNosotros{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1154%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(142%2c 23%2c 44%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c528.063C100.548%2c552.444%2c211.775%2c520.78%2c296.797%2c461.825C380.641%2c403.687%2c421.216%2c304.402%2c459.148%2c209.686C495.567%2c118.748%2c514.841%2c24.394%2c511.184%2c-73.497C507.194%2c-180.305%2c504.022%2c-295.416%2c437.164%2c-378.805C369.556%2c-463.129%2c257.928%2c-495.281%2c152.822%2c-520.463C51.728%2c-544.684%2c-51.573%2c-544.112%2c-152.725%2c-520.135C-258.151%2c-495.145%2c-378.754%2c-470.409%2c-438.804%2c-380.226C-498.236%2c-290.971%2c-470.322%2c-171.682%2c-455.462%2c-65.485C-443.721%2c18.425%2c-405.636%2c92.632%2c-362.441%2c165.521C-323.375%2c231.443%2c-270.943%2c283.103%2c-216.766%2c337.295C-147.308%2c406.772%2c-95.475%2c504.912%2c0%2c528.063' fill='%23721223'%3e%3c/path%3e%3cpath d='M1440 992.931C1542.608 992.591 1644.19 1063.816 1739.731 1026.391 1839.299 987.389 1917.374 894.784 1950.2930000000001 793.043 1982.0639999999999 694.85 1931.666 593.48 1912.622 492.047 1894.497 395.51099999999997 1909.877 282.589 1841.26 212.30700000000002 1773.028 142.42000000000002 1661.541 147.65300000000002 1564.616 135.59699999999998 1481.537 125.26299999999998 1401.9279999999999 137.16699999999997 1318.827 147.32100000000003 1218.312 159.60199999999998 1094.401 126.59100000000001 1026.142 201.39 958.143 275.904 1003.4590000000001 395.916 999.9649999999999 496.73199999999997 996.8879999999999 585.534 984.379 671.845 1006.8589999999999 757.809 1032.777 856.921 1048.955 979.506 1138.99 1028.38 1229.617 1077.575 1336.882 993.2719999999999 1440 992.931' fill='%23aa1c35'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1154'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
}
.btn-circle {
	width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	font-size:30px;
  	z-index:100;
	border: none;
}

.my-float{
	margin-inline: -2px;
}
.nav-item:hover{
	background: darkgrey;
	transition: 1s
}
@media (max-width: 750px) {
	body{
		background-repeat: round;
	}
	.btnInfo{
		font-size: x-small;
		position: relative;
	}
	.card-footer{
		font-size: 6.5px;
		height: 73px;
		overflow: hidden;
	}
	.card-footer2{
		font-size: x-small;
		height: 73px;
		overflow: hidden;
	}
	.card{
		width:120%;
		height: 160px;
		margin-bottom: 20px !important;
		margin-inline: -20px;
	}
	.card2{
		width:100%;
		height: 140px;
	}
	.card-body{
		border: none !important;
		position:initial !important;
	}
	.carousel3{
		margin-left: -22px;
	}
	.carousel2{
		margin-left: -22px;
	}
	.carousel1{
		margin-left: -22px;
	}
	.glide__track{
		width: 103%;
	}
	.contactenos{
		width: 100%;
	}
	#navbarTogglerDemo02{
		background: #566573;
	}
	#mencion{
		font-size: x-small;
	}
	.mb-3 {
		margin-bottom: 1rem!important;
	}
	.col-3 {
		flex: 0 0 auto;
		width: 49%;
	}
	.imagen{
		width: 65%;
		margin-inline: 18%;
	}
	.colCategorias{
		margin-bottom: 10px !important;
	}
	#productos{
		margin-left: 20px;
	}
}