@media only screen and (min-width :981px){.sub-menu li a{font-size:13px!important;width:400px!important}.sub-menu{width:360px!important}.sub-menu li a{font-size:13px!important}.mb:hover{box-shadow:0px 2px 18px 0px rgba(0,0,0,0.3);transition:margin 300ms ease 0ms}.module-T{width:100%;height:450px;background-color:#f0f0f0;border-radius:10px;transition:background-color 0.5s ease;display:flex;align-items:center;justify-content:center;text-align:center;margin:0 auto}.module-T:hover{background-color:#fcb609}.module-T h2{color:#0000;font-size:24px;transition:color 0.5s ease}.module-T:hover h2{color:#0000}@media (max-width:768px){.module-T{width:150px;height:150px;align-items:center;justify-content:center;text-align:center}.module-T h2{font-size:20px}}@media (max-width:480px){.module-T{width:95%;height:450px;align-items:center;justify-content:center;text-align:center}.module-T h2{font-size:18px}}.animated-background{position:relative;padding:95px;color:#ffffff;text-align:center;overflow:hidden;background-size:cover;background-position:top-center;background-repeat:no-repeat;background-image:url('http://www.matewb.org.in/wp-content/uploads/2024/11/Mate-image-32.jpg');animation:fadeBackground 10s infinite;font-family:Arial,sans-serif;border-radius:0px;box-shadow:0 4px 10px rgba(0,0,0,0.3);z-index:1}.animated-background::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1;pointer-events:none}.title{font-size:3.5em;font-weight:bold;color:#ffff;z-index:2;position:relative}.description{font-size:1.5em;color:#ffffff;z-index:2;position:relative}@keyframes fadeBackground{0%{background-image:url('http://www.matewb.org.in/wp-content/uploads/2024/11/Mate-image-32.jpg')}50%{background-image:url('http://www.matewb.org.in/wp-content/uploads/2024/11/Mate-image-15.jpg')}100%{background-image:url('http://www.matewb.org.in/wp-content/uploads/2024/11/Mate-image-32.jpg')}}@media (max-width:768px){.animated-background{padding:60px}.title{font-size:2.5em}.description{font-size:1.2em}}@media (max-width:480px){.animated-background{padding:30px}.title{font-size:1.8em}.description{font-size:1em}}.image-area{display:flex;justify-content:center;align-items:center;min-height:30vh;background:#f1f2f6}.image-area .img-wrapper{width:250px;height:250px;position:relative;overflow:hidden}.image-area .img-wrapper:before{content:'';position:absolute;top:0;left:180%;height:100%;width:100%;background:rgba(255,255,255,0.3);z-index:1;transform:skew(45deg);transition:0.5s}.image-area .img-wrapper:hover:before{left:-180%}.image-area .img-wrapper img{height:100%;width:100%;filter:grayscale(10%);transition:2s}.image-area .img-wrapper:hover img{filter:grayscale(0%);transform:scale(1.1)}.image-area .img-wrapper h2{background:tomato;font-family:Poppins,sans-serif;font-size:20px;color:#fff;text-align:center;text-transform:uppercase;margin:0px;padding:10px;position:absolute;bottom:20px;width:100%;transform:perspective(400px) rotateY(90deg);transform-origin:right;transition:1s}.image-area .img-wrapper:hover h2{transform:perspective(400px) rotateY(0deg)}.image-area .img-wrapper h3{background:tomato;font-family:Poppins,sans-serif;font-size:16px;color:#fff;text-align:center;text-transform:uppercase;margin-top:0;padding:5px 0;position:absolute;bottom:0;width:100%;transform:perspective(400px) rotateY(90deg);transform-origin:right;transition:1s}.image-area .img-wrapper:hover h3{transform:perspective(400px) rotateY(0deg)}.image-area .img-wrapper ul{position:absolute;top:0;left:0;margin:0;padding:0;list-style:none}.image-area .img-wrapper ul li{background:#333;height:40px;width:40px;text-align:center;line-height:40px;transform:perspective(800px) rotateY(90deg);transition:0.5s;transform-origin:left}.image-area .img-wrapper:hover ul li{transform:perspective(800px) rotateY(0deg)}.image-area .img-wrapper:hover ul li:nth-child(1){transition-delay:0.2s}.image-area .img-wrapper:hover ul li:nth-child(2){transition-delay:0.6s}.image-area .img-wrapper:hover ul li:nth-child(3){transition-delay:0.8s}.image-area .img-wrapper:hover ul li:nth-child(4){transition-delay:1s}.image-area .img-wrapper ul li a{color:tomato}.image-area .img-wrapper ul li i{color:tomato}.image-area .img-wrapper ul li i:hover{color:#fff}