        p,
         span {
             font-size: 15px;
         }
        
         body {
             font-family: 'Poppins';
             font-size: 15px;
             margin-top: 150px;
         }
        
         h3 {
             font-size: 20px;
         }
        
         h5 {
             font-size: small;
         }
        
         .stats-section {
             padding: 60px 0;
         }
        
         .stat-box {
             text-align: center;
         }
        
         .stat-number {
             font-size: 3rem;
             font-weight: 700;
         }
        
         .stat-text {
             font-size: 1rem;
             color: #6c757d;
         }
        
         .divider {
             border-left: 1px solid #dee2e6;
             height: 100px;
         }
        
         .color-blue {
             color: #5d8ab5;
         }
        
         .color-red {
             color: #d17575;
         }
        
         .color-yellow {
             color: #c9ab57;
         }
        
         h3 {
             font-size: 20px;
         }
        
         h5 {
             font-size: small;
         }
        
         .navbar-nav a {
             font-size: 12px;
         }
        
         .card {
             border-radius: 12px;
             box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
         }
        
         .carousel-inner {
             padding: 20px 0;
         }
        
         .main-sec {
             width: 800px;
             display: block;
             margin: 5% auto;
         }
        
         h3 {
             background: #fff;
             color: #3498db;
             font-size: 2.2rem;
             line-height: 100px;
             margin: 10px;
             padding: 2%;
             position: relative;
             text-align: center;
         }
        
         .slide-sec {
             display: block;
             width: 100%;
         }
        
         .singlecard {
             display: table;
             background: #39da08;
             width: auto;
             height: auto;
         }
        
         .singlecard-header {
             display: table-cell;
             width: 50%;
             vertical-align: middle;
         }
        
         .singlecard-header img {
             max-width: 100%;
             height: auto;
             margin: 0 auto;
             display: block;
         }
        
         .singlecard-body {
             display: table-cell;
             width: 50%;
             vertical-align: middle;
             padding: 10px 15px;
         }
        
         .singlecard-title {
             font-size: 1.875rem;
             line-height: 1.4;
         }
        
         .singlecard-text {
             font-size: 1.2rem;
             line-height: 1.2;
         }
        
         .singlecard-index,
         .singlecard-date,
         .singlecard-place {
             font-size: 0.875rem;
             line-height: 1.7;
             display: block;
         }
        
         .testimonial {
             padding: 80px 0;
         }
        
         .sec-heading {
             margin-bottom: 60px;
         }
        
         .sec-heading h6 {
             font-family: allura;
             font-weight: 900;
             font-size: 80px;
         }
        
         .single-box {
             border: 3px solid #e6f0fa;
             padding: 50px 30px 40px;
             border-radius: 20px;
             background: #fff;
         }
        
         .img-area {
             margin: 45px 0 20px;
         }
        
         .single-box img {
             max-width: 100px;
             border-radius: 50%;
             margin: 0 auto
         }
        
         .single-box h4 {
             font-weight: 600;
             margin: 0;
             font-family: 'Allura', cursive;
             font-size: 35px;
         }
        
         .single-box {
             overflow: hidden
         }
        
         .single-box .img-area {
             width: 30%;
             float: left;
             margin: 0
         }
        
         .single-box .content {
             width: 70%;
             float: left;
             padding-left: 10px
         }
        
         .single-box p {
             margin: 10px 0 25px;
             line-height: 2.3;
         }
        
         .testi-carousel-three .single-box {
             border: 0;
             padding: 0 50px;
         }
        
         .testi-carousel .owl-dots,
         .clients-carousel .owl-dots,
         .testi-carousel-three .owl-dots {
             position: absolute;
             left: 0;
             right: 0;
             bottom: -60px;
             text-align: center;
             width: 100%;
         }
        
         .testi-carousel .owl-dot,
         .clients-carousel .owl-dot,
         .testi-carousel-three .owl-dot {
             width: 16px;
             height: 16px;
             background-color: #ddd;
             display: inline-block;
             margin: 0 6px;
             text-align: center;
             border-radius: 50%;
         }
        
         .testi-carousel .owl-dot.active,
         .clients-carousel .owl-dot.active,
         .testi-carousel-three .owl-dot.active {
             background-color: blueviolet;
         }
        
         @media only screen and (min-width: 360px) and (max-width: 479px) {
             .testimonial {
                 padding: 70px 0 130px;
             }
         }
        
         @media only screen and (min-width: 320px) and (max-width: 359px) {
             .testimonial {
                 padding: 70px 0 130px;
             }
        
             .single-box {
                 padding: 50px 0 40px;
             }
        
             .single-box .img-area {
                 width: 100%;
                 float: none;
             }
        
             .single-box .content {
                 width: 100%;
                 float: none;
             }
         }