body {
            font-family: 'Inter', sans-serif;
            color: #1a202c;
            /* Deep Indigo equivalent */
            background-color: #f7fafc;
            /* Cream White equivalent */
			
			margin:0 !important;
        }

        .playfair {
            font-family: 'Playfair Display', serif;
        }

        .bg-gradient-indigo-cream {
            background-image: linear-gradient(to bottom, #1a202c, #f7fafc);
        }

        .custom-shadow {
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
        }

        .animate-fade-in {
            animation: fadeIn 1s ease-out;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(20px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .carousel-container {
            overflow: hidden;
            position: relative;
        }

        .carousel-wrapper {
            display: flex;
            transition: transform 0.5s ease-in-out;
        }

        .carousel-item {
            flex: 0 0 100%;
            padding: 2rem;
            text-align: center;
        }

        .scroll-container::-webkit-scrollbar {
            display: none;
        }

        /* Custom glass effect for the header */
        .glass-header {
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            background-color: rgba(26, 32, 44, 0.3);
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }

        .hero-img {
            border-radius: 8px;
            height: 400px;
            object-fit: cover;
            object-position: top;
        }

        .about-img {
            width: 350px;
            border-radius: 50%;
            height: 350px;
            object-fit: cover;
            object-position: top;
        }

        #about {
            background: #f2f2f2;
        }

        form {
            max-width: 500px;
            margin: auto;
        }

        input,
        textarea {
            width: 100%;
            padding: 12px;
            margin-bottom: 15px;
            border: 1px solid #ccc;
            border-radius: 5px;
            font-size: 14px;
        }

        input[type="submit"] {
            background-color: #333;
            color: #fff;
            border: none;
            cursor: pointer;
            padding: 12px;
            font-size: 16px;
        }

        #wpcf7-f1658-o1 input,
        #wpcf7-f1658-o1 optgroup,
        #wpcf7-f1658-o1 textarea {
            margin: 5px;
            padding: 15px;
        }

        #wpcf7-f1658-o1 input,
        #wpcf7-f1658-o1 textarea {
            border-radius: 8px;
        }

        .form-shadow {
            box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
        }

        #free-resource {
            background: #2d394c !important;

        }

        .text-\[\#E57373\] {
            font-size: 29px;
        }

        .carousel-container {
            overflow-x: auto;
            scroll-behavior: smooth;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: none;
            /* Firefox */
        }

        .carousel-container::-webkit-scrollbar {
            display: none;
            /* Webkit browsers */
        }

        .carousel-wrapper {
            display: flex;
            gap: 2rem;
            width: fit-content;
            padding-right: 5rem;
            /* Add padding to show part of the next box */
        }

        .carousel-item {
            flex: 0 0 90%;
            max-width: 90%;
            padding: 2rem;
            text-align: center;
        }

        @media (min-width: 768px) {
            .carousel-wrapper {
                flex-wrap: nowrap;
                justify-content: flex-start;
                padding-right: 0;
            }

            .carousel-item {
                flex: 0 0 30%;
                max-width: 30%;
            }
        }

        .carousel-item img {
            width: 65px;
            border-radius: 50%;
            height: 70px;
        }

.img-height{
  
    height: 450px;
	
}
.hero-cta a:visited{
	color:#fff !important;
}
.hero-cta a{
		font-size:12px !important;
}

/* Scroll To Top Button */
#scrollToTop {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 999;
  display: none;
  font-size: 22px;
  text-align: center;
  color: #fff;
  background: #333;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  line-height: 45px;
  transition: all 0.3s ease;
  cursor: pointer;
}

#scrollToTop:hover {
  background: #FAA68A;
}