﻿ .Intro-wrapper {
     display: flex;
     align-items: stretch;
 }

 .Intro {
     display: flex;
     align-items: center;
     justify-content: center;
     background-color: #3f184d;
     padding: 0;
 }

 .intro-img {
     width: 100%;
     height: auto;
     display: block;
     padding-top: 50px;
 }

 .Intro-text {
     background-color: #3f184d;
     display: flex;
     align-items: center;
 }

 .Intro-text .content {
     padding: 20px;
 }

 .banner-txt {
     color: #fff;
     line-height: 1.5;
 }

 @media (max-width: 992px) {
     .Intro-wrapper {
         flex-direction: column;
     }

     .Intro {
         padding: 30px 20px;
     }

     .Intro-text .content {
         padding: 40px 25px;
     }

     .intro-img {
         max-height: 500px;
     }
 }

 @media (max-width: 768px) {

     .Intro-wrapper {
         flex-direction: column;
     }

     .Intro {
         padding: 0;
     }

     .intro-img {
         width: 100%;
         height: auto;
         display: block;
     }

     .Intro-text {
         padding: 0;
     }

     .Intro-text .content {
         padding: 30px 20px;
     }

     .banner-txt {
         font-size: 14px;
         line-height: 1.7;
     }
 }

 @media (max-width: 480px) {
     .intro-img {
         max-height: 300px;
         padding-top: 50px;
     }

     .Intro-text .content {
         padding: 25px 15px;
     }
 }

 .banner-title {
     font-size: 4.8rem;
     font-family: "Lily Script One", cursive;
 }

 .banner-txt {
     font-size: 1rem;
 }

 @media (max-width: 1024px) {
     .banner-title {
         font-size: 3.3rem;
     }

     .banner-txt {
         font-size: 1.1rem;
     }
 }

 .rbt-cat-box-1 {
     display: block;
 }

 .rbt-cat-box-1.variation-2 .inner {
     background-color: #ffffff;
     box-shadow: 0px 6px 34px rgba(215, 216, 222, 0.41);
     border-radius: 10px;
     padding-bottom: 15px;
     margin: 0 5px;
 }

 .rbt-cat-box-1.variation-2 .inner .thumbnail img {
     height: 274px;
     width: 100%;
     object-fit: cover;
     border-radius: 5px 0 0 5px;
 }

 .rbt-cat-box-1.variation-2 .inner .content {
     padding: 15px 25px 0px;
     text-align: left;
     min-height: 259px;
 }

 .rbt-cat-box-1.variation-2 .inner .content .read-more-btn {
     text-align: center;
 }

 .rbt-cat-box-1.variation-2 .inner .icons {
     margin-bottom: 10px;
     position: relative;
     margin-top: -60%;
     background: #fff;
     width: 70px;
     margin-right: -35px;
     margin-left: auto;
     height: 70px;
     line-height: 70px;
     padding: 15px;
     border-radius: 100%;
     display: flex;
     align-items: center;
     box-shadow: 0 13px 14px 0 rgba(129, 104, 145, 0.05);
 }

 @media (max-width: 1024px) {
     .rbt-cat-box-1.variation-2 .inner {
         margin: 0 5px;
     }

     .rbt-cat-box-1.variation-2 .inner .icons {
         margin-bottom: 10px;
         position: relative;
         margin-top: -25px;
         background: #fff;
         width: 70px;
         margin-right: auto;
         margin-left: auto;
         height: 70px;
         line-height: 70px;
         padding: 15px;
         border-radius: 100%;
         display: flex;
         align-items: center;
         box-shadow: 0 13px 14px 0 rgba(129, 104, 145, 0.05);
     }

     .rbt-cat-box-1.variation-2 .inner .thumbnail img {
         border-radius: 5px 5px 0 0;
     }

     .rbt-cat-box-1.variation-2 .inner .content {
         padding: 15px;
         text-align: center;
         min-height: 245px;
     }

     .rbt-cat-box-1.variation-2 .inner .content p {
         text-align: left;
     }
 }

 @media (max-width: 1024px) {
     .rbt-cat-box-1.variation-2 .inner .content {
         min-height: 100%;
     }
 }

 .SponsorItems {
     height: 80px;
     line-height: 70px;
     padding-bottom: 10px;
 }

 .section-bg {
     position: relative;
 }

 .section-bg::before {
     position: absolute;
     content: "";
     background: url(https://innovex.computex.biz/2023/DL/section-bg01.jpg);
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     background-size: cover;
 }