.shadow-effect {
		    background: #fff;
		    padding: 20px;
		    border-radius: 4px;
		    text-align: center;
	border:1px solid #ECECEC;
		    box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
		}
		#testimonials-list .shadow-effect p {
		    font-family: inherit;
		    font-size: 17px;
		    line-height: 1.5;
		    margin: 0 0 17px 0;
		    font-weight: 300;
		}
		.testimonial-name {
		    margin: -17px auto 0;
		    display: table;
		    width: auto;
		    background: #bf2a3f;
		    padding: 9px 35px;
		    border-radius: 12px;
		    text-align: center;
		    color: #fff;
		    box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);
		}
		#testimonials-list .item {
		    text-align: center;
		    padding: 20px;
			
		    opacity: .2;
		    -webkit-transform: scale3d(0.8, 0.8, 1);
		    transform: scale3d(0.8, 0.8, 1);
		    transition: all 0.3s ease-in-out;
		}
		#testimonials-list .owl-item.active.center .item {
		    opacity: 1;
		    -webkit-transform: scale3d(1.0, 1.0, 1);
		    transform: scale3d(1.0, 1.0, 1);
		}
		.owl-carousel .owl-item img {
		    -webkit-transform-style: preserve-3d;
		            transform-style: preserve-3d;
		/*	max-width: 90px;
			border-radius: 50%;*/
    		margin: 0 auto 17px;
		}
		#testimonials-list.owl-carousel .owl-dots .owl-dot.active span,
#testimonials-list.owl-carousel .owl-dots .owl-dot:hover span {
		    background: #222;
		    -webkit-transform: translate3d(0px, -50%, 0px) scale(0.7);
		            transform: translate3d(0px, -50%, 0px) scale(0.7);
		}
#testimonials-list.owl-carousel .owl-dots{
	display: inline-block;
	width: 100%;
	text-align: center;
}
#testimonials-list.owl-carousel .owl-dots .owl-dot{
	display: inline-block;
}
		#testimonials-list.owl-carousel .owl-dots .owl-dot span {
		    background: #fff;
		    display: inline-block;
		    height: 20px;
		    margin: 0 2px 5px;
		    -webkit-transform: translate3d(0px, -50%, 0px) scale(0.3);
		            transform: translate3d(0px, -50%, 0px) scale(0.3);
		    -webkit-transform-origin: 50% 50% 0;
		            transform-origin: 50% 50% 0;
		    transition: all 250ms ease-out 0s;
		    width: 20px;
		}
		.codes{
			bottom: 5%;
			left: 5%;
			position: fixed;
		  }
		  .codes div {
			border: 2px solid black;
			font-size: 20px;
			padding: 10px;
			background-color: red;
		  }
		  .codes div a{
			text-decoration: none;
			color: white;
			font-weight: 800;
		  }
		  .tabs {
			--links-height: 80px;
			--links-background: linear-gradient(135deg, #e5eaf1 0%, #b9c5d8 100%);
			--links-overlay: linear-gradient(135deg, #FF512F 0%,#EB3349 48%,#F45C43 100%);
			--Sllink-background: linear-gradient(90deg,transparent 70%,rgba(255, 255, 255, 0.2) 100%);
			width: 100%;
			max-width: 600px;
			min-width: 300px;
			font-family: Lato, sans-serif;
		  }
		  .tabs .tabLinks {
			margin: 0;
			padding: 0;
			display: flex;
			justify-content: space-between;
			align-items: center;
			height: var(--links-height);
			background: var(--links-background);
			list-style-type: none;
		  }
		  @media screen and (max-width: 750px) {
			.tabs .tabLinks {
			  height: calc(var(--links-height) / 2);
			}
		  }
		  .tabs .tabLinks li {
			flex: 1;
		  }
		  .tabs .tabLinks li .singleLink {
			all: unset;
			position: relative;
			height: var(--links-height);
			width: 100%;
			background: var(--Sllink-background);
			cursor: pointer;
			overflow: hidden;
			transition: 0.3s;
		  }
		  @media screen and (max-width: 750px) {
			.tabs .tabLinks li .singleLink {
			  height: calc(var(--links-height) / 2);
			  font-size: 12px;
			}
		  }
		  .tabs .tabLinks li .singleLink::before {
			position: absolute;
			content: "";
			top: 0;
			left: 0;
			z-index: 2;
			width: 100%;
			height: 100%;
			background: var(--links-overlay);
			-webkit-transform: scaleY(0);
					transform: scaleY(0);
			-webkit-transform-origin: top;
					transform-origin: top;
			transition: 0.3s ease-in-out;
		  }
		  .tabs .tabLinks li .singleLink .linkText {
			position: relative;
			z-index: 2;
			display: flex;
			justify-content: center;
			align-items: center;
			opacity: 0.6;
			transition: 0.5s;
		  }
		  .tabs .tabLinks li .singleLink .linkText::before {
			position: absolute;
			content: attr(data-text);
			top: 160%;
			z-index: -1;
			font-size: 40px;
			font-weight: 600;
			color: white;
			opacity: 0.1;
			transition: 1.2s ease-out;
		  }
		  @media screen and (max-width: 750px) {
			.tabs .tabLinks li .singleLink .linkText::before {
			  display: none;
			}
		  }
		  .tabs .tabLinks li .singleLink:hover::before {
			-webkit-transform: scaleY(1);
					transform: scaleY(1);
		  }
		  .tabs .tabLinks li .singleLink:hover .linkText {
			color: white;
			opacity: 1;
		  }
		  .tabs .tabLinks li .singleLink:hover .linkText::before {
			-webkit-transform: translateY(-300%);
					transform: translateY(-300%);
		  }
		  .tabs .tabLinks li .singleLink.active {
			-webkit-transform: scaleY(1.4);
					transform: scaleY(1.4);
			background: white;
		  }
		  .tabs .tabLinks li .singleLink.active::before {
			-webkit-transform: scaleY(0.05);
					transform: scaleY(0.05);
		  }
		  .tabs .tabLinks li .singleLink.active .linkText {
			-webkit-transform: scaleY(0.714);
					transform: scaleY(0.714);
		  }
		  .tabs .tabLinks li .singleLink.active .linkText, .tabs .tabLinks li .singleLink.active:hover .linkText {
			background: var(--links-overlay);
			-webkit-background-clip: text;
					background-clip: text;
			color: transparent;
			opacity: 1;
		  }
		  .tabs .TabContents {
			position: relative;
			margin-top: 0;
			padding: 40px 60px;
			background: white;
			list-style-type: none;
			transition: 1s;
		  }
		  .tabs .TabContents::after {
			position: absolute;
			content: "";
			left: 0;
			bottom: 0;
			width: 100%;
			height: 5px;
			background: var(--links-overlay);
		  }
		  .tabs .TabContents .insideContent {
			display: none;
			min-height: 200px;
			font-weight: 300;
			line-height: 1.8;
			opacity: 0;
			-webkit-transform: translateY(30%);
					transform: translateY(30%);
			-webkit-animation: fadeIn 0.6s forwards;
					animation: fadeIn 0.6s forwards;
		  }
		  .tabs .TabContents .insideContent.active {
			display: block;
		  }
		   
		  @-webkit-keyframes fadeIn {
			to {
			  opacity: 1;
			  -webkit-transform: translateY(0);
					  transform: translateY(0);
			}
		  }
		   
		  @keyframes fadeIn {
			to {
			  opacity: 1;
			  -webkit-transform: translateY(0);
					  transform: translateY(0);
			}
		  }
        		 /* Increase header height */
        header {
            background-color: #ffffff; /* Ensure the header has a white background */
            padding: 30px 0; /* Increase padding to make the header taller */
            height: auto; /* Ensure it adjusts dynamically to content if needed */
        }
        
        /* Optional: Adjust logo size within the header */
        header .navbar-brand img {
            max-height: 80px; /* Adjust logo height as needed */
            width: auto; /* Maintain aspect ratio */
        }