#x3d1{display: flex;align-items: center;}
.x3d2 {width: 33.5%;margin: 10px 1%;position: relative;box-shadow: 1px 0 50px rgba(0,0,0,.1);padding-bottom: 40px;border: 2px solid transparent;transition: 0.3s all;background: var(--white-color);}
.x3h21{color: var(--white-color);font-size: 33px;}
.x3d3{background:var(--footer-gradient);background-size: cover;width: 100%;    padding: 20px;text-align: center;border-radius: 8.5px;position: relative;}
.x3i1{width: 70%;margin: 0 auto;display: block;z-index: 1;position: relative;}
.x3d4{padding: 35px;text-align: center;background: var(--white-color);}
.x3sp1{color: var(--primary-color);font-family: var(--font-2);font-size: 40px;font-weight: bold;}
.x3sp2{color: #a7a7a7;font-size: 17px;text-transform: capitalize;font-weight: 500;}
.x3l1{color: #5c6390;font-family: var(--font-1);text-transform: capitalize;font-size: 18px;padding: 10px 0;display: flex;align-items: center;justify-content: flex-start;margin: 0 auto;width: 65%;}
.x3i2{width:23px; filter: invert(31%) sepia(60%) saturate(7497%) hue-rotate(322deg) brightness(96%) contrast(96%);margin: 0 10px 0 0;}
.x3a1{color: var(--primary-color);font-family: var(--font-1);text-transform: uppercase;padding: 17px;border: 1px solid var(--primary-color);width: 43%;display: block;text-align: center;margin: 0 auto;border-radius: 5px;font-size: 15px;}
.x3d3::after{content: "";background: url(../img/pattern4.png)no-repeat;width: 100%;display: block;position: absolute;background-size: cover;height: 90px;left: 0;bottom: 0;}
.x3d2:hover{border: 2px solid var(--primary-color);transition: 0.3s all;border-radius: 8.5px;}
.x3d2:hover .x3a1{background:var(--gradient-color);transition: 0.3s all;color: var(--white-color);}