.banner .swiper-container .swiper-button-next,
            .banner .swiper-container .swiper-button-prev {
                width: 30px;
                height: 30px;
                border-radius: 50%;
                background: #fff;
                color: #90278e;
            }

            .swiper-button-next:after,
            .swiper-rtl .swiper-button-prev:after {
                content: "next";
                display: none;
            }

            .swiper-button-prev:after,
            .swiper-rtl .swiper-button-next:after {
                content: "prev";
                display: none;
            }

            .right,
            .left {
                width: 30px;
                height: 30px;
                border-radius: 50%;
                background: #fff;
                color: #90278e;
            }

            .banner .swiper-container .swiper-button-next,
            .banner .swiper-container .swiper-button-prev {
                width: 30px;
                height: 30px;
                border-radius: 50%;
                background: #fff;
                color: #90278e;
            }

            p {
                margin-bottom: 0px;
                font-size: 14px;
            }
			
			p-15

            h4 {
                color: #78226a;
            }

            .swiper-button-next:after,
            .swiper-rtl .swiper-button-prev:after {
                content: "next";
                display: none;
            }

            .swiper-button-prev:after,
            .swiper-rtl .swiper-button-next:after {
                content: "prev";
                display: none;
            }

            

            
            .image-grid {
                padding: 12px;
            }

            .image-row {
                display: flex;
            }

            .image-row .image {
                margin: 12px;
                height: 240px;
            }

            @media screen and (max-width: 400px) {
                .image-row {
                    flex-direction: column;
                }

                .image-row .image {
                    flex-basis: auto;
                }
				
				.p10 {
					padding:10px;
				}
				.swiper-button-next, .swiper-button-prev{
				top: 15%;
			}
            }

            /*For table*/
            table {
                border-collapse: collapse;
                width: 100%;
            }

            th,
            td {
                text-align: left;
                padding: 8px;
                /*border: 1px solid #dddddd;*/
                text-align: center;
            }

            

            h2 {
                color: #8a2169;
            }

            .box {
                padding: 12px;
                margin: 10px;
                font-size: 17px;
                font-weight: bold;
                background-image: linear-gradient(to left top, #81226a, #75226a, #69236a, #5d2369, #502367);
                color: white;
            }
			.p10 {
				padding: 0;
			}
			.p10-21 {
				padding: 10px;
			}
			
            @media (max-width: 480px) {
                .content {
                    order: 1;
                }

                .sidebar {
                    order: 2;
                }

                .videoContainer {
                    height: 197px;
                    flex-shrink: 0;
                }
				.nav-link{
				padding: 0.5rem 0.3rem;
			}
			
			.p10 {
			padding: 10px;	
			}
			
			.p10-21 {
				padding: 21px;
			}
			.swiper-button-next, .swiper-button-prev{
				top: 15%;
			}
            }
			
			@media (min-width: 767px) and (max-width: 1024px) {
            .p10-21 {
				padding: 0px !important;
			}
			.swiper-button-next, .swiper-button-prev{
				top: 40%;
			}
			
        }

            .sgLi {
                min-width: 24%;
                /*margin: 2% 0.35%;*/
                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
            }
            .sgLi:hover {
                box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
            }
            .boxs {
                padding: 1% 2%;
                background: #ffffffde;
                box-sizing: border-box;
            }

            .bgfixed {
                background-image: url("img/314015915.jpg");
                background-repeat: repeat-x;
                background-attachment: fixed;
                background-size: cover;
            }

            .form-group {
                text-align: left;
                margin-bottom: 25px;
            }

            .btn {
                font-weight: 700;
                font-size: 14px;
				/*border-color: #73226a;*/
				color: #ffffff;
            }

            .centerimg {
                display: block;
                margin-left: auto;
                margin-right: auto;
                width: 90%;
            }

            @media (max-width: 767px) {
				.testimoni-wrapper {
                width: 100%;
            }
		}
			
			.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
				
			color: #fff;
			background-color: #77226a;
			
			}
			
			.nav-link{
				
				color:#7b226a;
				font-weight: 500;
				
			}
			
			.nav-link:focus, .nav-link:hover {
				color: #7b226a;
			}
			
				.btn-green-gradient {
				background: #8BC53F;
				transition: all 0.5s ease-in-out;
				color: #fff;
				}
				
				.btn-green-gradient:hover {
				background: #97FB14;
				background-image: linear-gradient(to right, #97FB14 0%, #88B720 100%);
				color: #fff;
				}
				
				
				.border-price {
					padding: 22px;
				}
				
				.mini-link-green {
					color: #7a226a;
					text-decoration: none;
					margin-top: 5px;
					border-color: #73226a;

				}
				
				.mini-link-green:hover {
				background: #8BC53F;
				background-image: linear-gradient(to right top, #8bc53f, #92cf38, #99d830, #a0e225, #a8eb12);
				background-position: right center; /* change the direction of the change here */
				color: #fff;
				text-decoration: none;
				border-color: #a8eb12;
				}
				
				.mini-link-red {
					color: #7a226a;
					text-decoration: none;
					

				}
				
				
				
			/* Button used to open the chat form - fixed at the bottom of the page */
			.open-button {
				width: 52px;
				height: 52px;
			  background-color: #25D366;
			  color: white;
			  padding: 12px 12px;
			  border: none;
			  cursor: pointer;
			  opacity: 0.8;
			  position: fixed;
			  bottom: 23px;
			  right: 35px;
			  border-radius: 50%;
			  margin-bottom: 50px;
			  z-index: 1;
			}
			

			/* The popup chat - hidden by default */
			.chat-popup {
			  display: none;
			  position: fixed;
			  bottom: 52px;
			  right: 5px;
			  border: 0px solid #f1f1f1;
			  z-index: 9;
			}

			/* Add styles to the form container */
			.form-container {
			  max-width: 130px;
				border-radius: 10px 10px 10px 10px;
			  /*background-color: white;*/
			}

			/* Full-width textarea */
			.form-container textarea {
			  width: 100%;
			  padding: 15px;
			  margin: 5px 0 22px 0;
			  border: none;
			  background: #f1f1f1;
			  resize: none;
			  min-height: 200px;
			}

			/* When the textarea gets focus, do something */
			.form-container textarea:focus {
			  background-color: #ddd;
			  outline: none;
			}

			/* Set a style for the submit/send button */
			.form-container .btn {
				
				color: rgb(255, 255, 255);
				width: 42px;
				cursor: pointer;
				height: 42px;
				margin: 0px auto 10px;
				display: block;
				position: relative;
				box-shadow: rgb(0 0 0 / 20%) 0px 2px 6px 1px;
				text-align: center;
				transition: all 250ms ease-in-out 0s;
				visibility: visible;
				/*user-select: none;*/
				border-radius: 50%;
				background-size: cover;
				text-decoration: none;
				background-color: rgb(46, 219, 12);
				background-image: none;
				background-repeat: no-repeat;
				background-position: center center;
				outline: none !important;
				max-width: none !important;
			  /*background-color: #25d366;
			  color: white;
			  padding: 7px 20px;
			  border: none;
			  cursor: pointer;
			  width: 100%;
			  margin-bottom:10px;
			  opacity: 0.8;*/
			}
			
			.btn-label {
				top: 50%;
				color: rgb(255, 255, 255);
				right: 51px;
				margin: 0px;
				padding: 5px 15px;
				z-index: 1;
				position: absolute;
				font-size: 12px;
				transform: translateY(-50%);
				background: rgb(78, 76, 76);
				box-shadow: none;
				text-align: end;
				transition: all 0.2s ease-out 0s;
				font-family: unset;
				line-height: initial;
				white-space: nowrap;
				border-radius: 3px;
			}

			/* Add a red background color to the cancel button */
			.form-container .cancel {
			  background-color: red;
			  height: 53px;
			  width: 53px;
			}

			/* Add some hover effects to buttons */
			.form-container .btn:hover, .open-button:hover {
			  opacity: 1;
			 
			}
			
			a {
				color: #fff;
				text-decoration: none;
			}
			a:hover {
				color: #fff;
				
			}
			
			
			.first_button:hover {
			  animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
			  transform: translate3d(0, 0, 0);
			  /*backface-visibility: hidden;*/
			  perspective: 1000px;
			}

			@keyframes shake {
			  10%,
			  90% {
				transform: translate3d(-1px, 0, 0);
			  }
			  20%,
			  80% {
				transform: translate3d(2px, 0, 0);
			  }
			  30%,
			  50%,
			  70% {
				transform: translate3d(-4px, 0, 0);
			  }
			  40%,
			  60% {
				transform: translate3d(4px, 0, 0);
			  }
			}
			

			.radius {
				border-radius: 10px;
				
			}