first change

public/raffles/assets/css/demo/start-hub-1/base.css

@@ -0,0 +1,257 @@
+/* Global */
+:root {
+  --lqd-container-width: 1170px;
+  --lqd-container-width-md: 100%;
+  --lqd-container-width-sm: 100%;
+  --lqd-row-gutter-y: 20px;
+  --lqd-row-gutter-x: 20px;
+
+  --lqd-color-primary: #225469;
+  --lqd-color-secondary: #54595f;
+  --lqd-body-text-color: #7a7a7a;
+  --lqd-color-accent: #61ce70;
+  --lqd-color-gradient-start: #aebae0;
+  --lqd-color-gradient-stop: #e6a042;
+  --lqd-color-darkgreen: #103a40;
+  --lqd-color-amber-100: #fcf5f3;
+  --lqd-color-amber-600: #cc7851;
+  --lqd-color-blue-100: #e9ecfb;
+  --lqd-color-blue-200: #f0f2fa;
+  --lqd-color-blue-300: #c4d4ff;
+  --lqd-color-blue-500: #4d68f9;
+  --lqd-color-blue-600: #2a63eb;
+  --lqd-color-blue-700: #2560ff;
+  --lqd-color-blue-800: #1c206f;
+  --lqd-color-blue-900: #0e1758bd;
+  --lqd-color-emerald-500: #49c193;
+  --lqd-color-gray-100: #f0f0f0;
+  --lqd-color-gray-300: #d1d5db;
+  --lqd-color-gray-400: #b4b6c6;
+  --lqd-color-gray-500: #6b7280;
+  --lqd-color-gray-700: #374151;
+  --lqd-color-green-100: #eafbf7;
+  --lqd-color-green-200: #d7edea;
+  --lqd-color-green-500: #49c193;
+  --lqd-color-green-700: #0da781;
+  --lqd-color-purple-100: #d4ccff;
+  --lqd-color-purple-300: #9a8dff;
+  --lqd-color-purple-400: #b469ff;
+  --lqd-color-purple-500: #7a25ff;
+  --lqd-color-purple-700: #5725ff;
+  --lqd-color-red-100: #fceeec;
+  --lqd-color-slate-100: #ebeff1;
+  --lqd-color-slate-400: #94a3b8;
+  --lqd-color-slate-500: #64748b;
+  --lqd-color-slate-600: #4d7184;
+  --lqd-color-slate-700: #45485f;
+  --lqd-color-slate-900: #292b57;
+  --lqd-color-cyan-100: #eaf7fa;
+  --lqd-color-sky-100: #c7ecfe;
+  --lqd-color-sky-800: #104662;
+  --lqd-color-sky-900: #083467;
+  --lqd-color-orange-100: #fde9cd;
+  --lqd-color-orange-500: #f69f29;
+  --lqd-color-orange-700: #cc7851;
+  --lqd-color-yellow-500: #ffc221;
+  --lqd-badge-color: #6f6fff;
+
+  --lqd-text-font-family: "Outfit", sans-serif;
+  --lqd-text-font-weight: 400;
+
+  --lqd-sticky-header-height: 56px;
+  --lqd-sticky-header-placeholder-height: 0;
+  --lqd-sticky-header-sentinel-top: var(--lqd-sticky-header-placeholder-height);
+
+  --lqd-body-font-family: "Outfit", sans-serif;
+
+  --lqd-body-font-size: 18px;
+  --lqd-body-font-weight: 400;
+  --lqd-body-text-color: #627c89;
+
+  --lqd-heading-color: #181b31;
+  --lqd-heading-font-family: var(--lqd-body-font-family);
+  --lqd-heading-font-weight: 600;
+  --lqd-heading-line-height: 1.2em;
+  --lqd-h1-color: #444762;
+  --lqd-h1-font-family: "Outfit", sans-serif;
+  --lqd-h1-font-size: 55px;
+  --lqd-h1-font-weight: 700;
+  --lqd-h2-color: #45485f;
+  --lqd-h2-font-family: var(--lqd-h1-font-family);
+  --lqd-h2-font-size: 40px;
+  --lqd-h2-font-weight: 700;
+  --lqd-h3-font-size: 32px;
+  --lqd-h4-font-size: 25px;
+  --lqd-h5-font-size: 21px;
+  --lqd-h6-font-size: 18px;
+
+  --lqd-cc-bc: var(--lqd-color-primary);
+  --lqd-cc-bg: var(--lqd-color-primary);
+  --lqd-cc-size-outer: 35px;
+  --lqd-cc-size-inner: 7px;
+  --lqd-cc-bw: 1px;
+  --lqd-cc-br: calc(var(--lqd-cc-size-outer) / 2);
+  --lqd-cc-active-bc: var(--lqd-color-primary);
+  --lqd-cc-active-bg: var(--lqd-color-primary);
+  --lqd-cc-active-bw: 1px;
+  --lqd-cc-active-circle-color: #fff;
+  --lqd-cc-active-circle-txt: #000;
+  --lqd-cc-active-arrow-color: #fff;
+}
+
+.lqd-gdpr-accept:hover {
+  color: #eff3f5;
+  background-color: #184341;
+}
+
+.font-title {
+  font-family: var(--lqd-h1-font-family);
+}
+
+@media screen and (min-width: 992px) {
+  body.has-sidebar #lqd-contents-wrap {
+    padding-top: 25px;
+  }
+}
+
+.module-icons {
+  --grid-template-columns: repeat(0, auto);
+  --icon-size: 20px;
+  --grid-column-gap: 15px;
+  --grid-row-gap: 0px;
+}
+
+.social-icons-wrapper a:hover {
+  color: #34353c;
+  fill: #34353c;
+}
+
+/* Button */
+.module-btn-xxs {
+  --btn-pt: 4px;
+  --btn-pe: 8px;
+  --btn-pb: 2px;
+  --btn-ps: 8px;
+}
+
+.module-btn-xs {
+  --btn-pt: 5px;
+  --btn-pe: 10px;
+  --btn-pb: 5px;
+  --btn-ps: 10px;
+}
+
+.module-btn-sm {
+  --btn-pt: 5px;
+  --btn-pe: 12px;
+  --btn-pb: 5px;
+  --btn-ps: 22px;
+}
+
+.module-btn-md {
+  --btn-pt: 15px;
+  --btn-pe: 35px;
+  --btn-pb: 15px;
+  --btn-ps: 35px;
+}
+
+.module-btn-circle {
+  --btn-pt: 15px;
+  --btn-pe: 15px;
+  --btn-pb: 15px;
+  --btn-ps: 15px;
+}
+
+/* Main Header */
+.main-header .module-btn-sm {
+  --icon-mt: 0;
+  --icon-me: 0;
+  --icon-mb: 0;
+  --icon-ms: 0;
+}
+
+.main-header .btn-hover-txt-marquee-y:hover {
+  color: var(--lqd-color-blue-200);
+  background-color: var(--lqd-color-blue-900);
+}
+
+.main-nav {
+  --lqd-menu-items-top-padding: 0;
+  --lqd-menu-items-right-padding: 25px;
+  --lqd-menu-items-bottom-padding: 0;
+  --lqd-menu-items-left-padding: 40px;
+}
+
+/* Lity Modal */
+.main-header .lqd-contact-form {
+  --inputs-margin: 0px 0px 15px 0px;
+  --input-margin-bottom: 15px;
+}
+@media (max-width: 1199px) {
+  .lity-modal .ld-fancy-heading h2 {
+    font-size: 84px;
+    line-height: 0.75em;
+  }
+}
+@media (max-width: 991px) {
+  .lity-modal .ld-fancy-heading h2 {
+    font-size: 48px;
+  }
+}
+
+/* Footer */
+.main-footer .badge-color {
+  --lqd-badge-color: #00cb99;
+}
+
+.main-footer .btn-solid {
+  --icon-mt: 0;
+  --icon-me: 12px;
+  --icon-mb: 0;
+  --icon-ms: 0;
+  --btn-pt: 8px;
+  --btn-pe: 0;
+  --btn-pb: 8px;
+  --btn-ps: 0;
+}
+
+.main-footer .btn-dark:hover {
+  background-color: var(--lqd-color-blue-900);
+  color: #fff;
+}
+
+.main-footer .btn-light:hover {
+  background-color: var(--lqd-color-blue-100);
+  color: #000;
+}
+
+.main-footer .icon-list-items {
+  --e-icon-list-icon-size: 12px;
+  --e-icon-list-icon-align: center;
+  --e-icon-list-icon-margin: 0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);
+}
+
+.main-footer .icon-list-items i {
+  width: 1.25em;
+  font-size: var(--e-icon-list-icon-size);
+}
+
+@media (max-width: 1199px) {
+  /* .main-footer .footer-content {
+		padding: 40px 14px 0 14px;
+	} */
+
+  .main-footer .module-bottom {
+    margin-top: 20px;
+  }
+}
+
+@media (max-width: 767px) {
+  /* .main-footer .footer-content {
+		padding: 40px 6px 0 6px;
+	} */
+
+  .main-footer .footer-content .module-title h3 {
+    margin: 1em 0 0 0;
+  }
+}

public/raffles/assets/css/demo/start-hub-1/start-hub-1-contact.css

@@ -0,0 +1,21 @@
+/* Form */
+.form .module-container {
+	max-width: 945px;
+}
+.form .module-form {
+	border-top: 10px solid #E66C6C;
+}
+@media (max-width: 1199px) {
+	.form {
+		padding: 0 10px;
+	}
+	.form .module-col {
+		padding-right: 10px;
+		padding-left: 10px;
+	}
+}
+@media (max-width: 767px) {
+	.form .module-form {
+		padding: 45px 30px;
+	}
+}

public/raffles/assets/css/demo/start-hub-1/start-hub-1.css

@@ -0,0 +1,812 @@
+/* ***** Banner ***** */
+.banner .btn-naked {
+	--icon-font-size: 1em;
+	--icon-mt: 04px;
+	--icon-me: 0px;
+	--icon-mb: 0px;
+	--icon-ms: 20px;
+}
+
+.banner .btn-hover-txt-switch:hover {
+	color: var(--lqd-color-green-100);
+	background-color: var(--lqd-color-green-700);
+}
+
+.banner .lqd-imggrp-single[data-float] {
+	--float-animate-to: 4%;
+	--float-animation-ease: ease-in-out;
+}
+	.banner .ld-fancy-heading h1 {
+		font-size: 60px;
+	}
+
+@media (max-width: 1199px) {
+	.banner {
+		padding: 120px 14px 0 14px;
+	}
+
+	.banner .module-content {
+		margin: 0 40px 0 0;
+	}
+
+	.banner .module-left {
+		padding: 10px 0 10px 36px;
+	}
+
+	.banner .ld-fancy-heading h1 {
+		font-size: 60px;
+	}
+	.banner .ld-fancy-heading h3 {
+		font-size: 30px;
+	}
+}
+
+@media (max-width: 767px) {
+	.banner {
+		padding: 120px 6px 0 6px;
+	}
+
+	.banner .module-content {
+		margin: 0;
+	}
+
+	.banner .ld-fancy-heading h1 {
+		font-size: 50px;
+	}
+.banner .ld-fancy-heading h3 {
+		font-size: 20px;
+	}
+	.banner .module-text p {
+		font-size: 16px;
+	}
+}
+
+/* ***** Clients ***** */
+@media (max-width: 1199px) {
+	.clients {
+		padding: 10px 14px 0 14px;
+	}
+
+	.clients .right-space {
+		padding: 0 20px 0 0;
+	}
+
+	.clients .left-space {
+		padding: 0 0 0 20px;
+	}
+}
+
+@media (max-width: 767px) {
+	.clients {
+		padding: 0 6px 0 6px;
+	}
+
+	.clients .module-client {
+		padding: 0 0 30px 0;
+	}
+}
+
+/* ***** BG Shape ***** */
+@media (max-width: 1199px) {
+	.bg-shape {
+		margin: 0;
+	}
+}
+
+/* ***** About ***** */
+.about .iconbox h3 {
+	font-family: var(--lqd-h1-font-family);
+	color: #45485F;
+}
+
+.about .lqd-iconbox-scale:hover .bg-green-100 {
+	background-color: #129B67;
+}
+
+.about .lqd-iconbox-scale:hover .bg-blue-100 {
+	background-color: #3750E0;
+}
+
+.about .lqd-iconbox-scale:hover .bg-gray-100 {
+	background-color: #767B7E;
+}
+
+.about .lqd-iconbox-scale:hover .bg-red-100 {
+	background-color: #E8664D;
+}
+
+.about .lqd-iconbox-scale:hover .bg-slate-100 {
+	background-color: #476D83;
+}
+
+.about .lqd-iconbox-scale:hover .bg-cyan-100 {
+	background-color: #40B8D5;
+}
+
+.about .lqd-iconbox-scale:hover svg path:not([stroke=none]) {
+	fill: #E6F4EE;
+}
+
+.about .lqd-iconbox-scale:hover .bg-red-100>svg *:not([stroke=none]) {
+	stroke: #FCEEEC;
+}
+
+.about .lqd-iconbox-scale:hover .bg-slate-100>svg *:not([stroke=none]) {
+	stroke: #EBEFF1;
+}
+
+@media (max-width: 1199px) and (min-width: 768px) {
+	.about .module-text {
+		width: 18%;
+	}
+}
+
+@media (max-width: 1199px) {
+	/* .about {
+		padding: 40px 14px 0 14px;
+	} */
+
+	.about .module-icon-box {
+		margin-top: 40px;
+	}
+
+	.about .ld-fancy-heading h2 {
+		margin-right: 3em;
+	}
+}
+
+@media (max-width: 767px) {
+	.about {
+		padding: 40px 6px 0 6px;
+	}
+
+	.about .lqd-iconbox-scale {
+		padding: 20px;
+	}
+
+	.about .module-spacer {
+		padding-right: 60%;
+	}
+}
+
+/* ***** Features ***** */
+.features .lqd-tabs-nav>li>a,
+.features .lqd-tabs-nav .h3,
+.features .lqd-tabs-nav>li>a .lqd-tabs-nav-txt {
+	font-family: var(--lqd-h1-font-family);
+	font-size: 35px;
+	line-height: 1.14em;
+}
+
+.features .lqd-tabs-nav>li .lqd-tabs-nav-txt::before {
+	background-color: transparent;
+	background-image: linear-gradient(90deg, #AEBAE0 30%, #E6A042 70%);
+}
+
+.features .lqd-tabs .lqd-tabs-nav>li .lqd-tabs-nav-txt span {
+	background-color: #A5B5C3;
+}
+
+.features .lqd-tabs-nav a.active .lqd-tabs-nav-txt:before {
+	opacity: 1;
+}
+
+.features .lqd-slsh-item .ld-slideelement-hidden-inner,
+.features .lqd-tabs-nav a.active .lqd-tabs-nav-txt span {
+	opacity: 0;
+}
+
+.features .lqd-tabs-nav a.active~.lqd-tabs-nav-ext {
+	opacity: 1;
+	transform: translateX(var(--lqd-tabs-nav-translate, 0));
+}
+
+.features .module-section {
+	min-height: 510px;
+}
+
+.features .lqd-tabs-content .container {
+	max-width: 980px;
+}
+
+.features .btn-solid {
+	--icon-mt: 0;
+	--icon-me: 0;
+	--icon-mb: 0;
+	--icon-ms: 40px;
+}
+
+.features .btn-icon-right:hover {
+	color: #FFFFFF;
+	background-color: #30546F;
+}
+
+.features .module-btn-xs:hover {
+	background-color: var(--lqd-color-blue-700);
+	color: #ffffff;
+}
+
+@media (max-width: 1199px) {
+	.features {
+		padding: 40px 14px 0 14px;
+	}
+
+	.features .module-section {
+		padding-right: 25px;
+		padding-left: 25px;
+	}
+
+	.features .ld-fancy-heading h2 {
+		font-size: 32px;
+	}
+}
+
+@media (max-width: 767px) {
+	.features {
+		padding: 40px 6px 0 6px;
+	}
+
+	.features .lqd-tabs {
+		padding-bottom: 40px;
+	}
+}
+
+/* ***** Text Box Image ***** */
+.text-box-image .lqd-imggrp-single[data-float] {
+	--float-animate-from: -2%;
+	--float-animate-to: 1%;
+	--float-delay: 0s;
+	--float-animation-ease: ease-in-out;
+}
+
+.text-box-image .lqd-iconbox-scale:hover .iconbox-icon-container {
+	color: #FFFFFF;
+	background-color: #2A63EB;
+}
+
+@media (max-width: 1199px) {
+	.text-box-image {
+		padding: 60px 14px;
+	}
+
+	.text-box-image .lqd-imggrp-single {
+		margin: -40px 0 -80px 0;
+	}
+}
+
+@media (max-width: 767px) {
+	.text-box-image {
+		padding: 60px 6px 80px 6px;
+	}
+
+	.text-box-image .module-section {
+		margin-top: 60px;
+	}
+
+	.text-box-image .ld-fancy-heading h2 {
+		font-size: 25px;
+	}
+
+	.text-box-image .lqd-imggrp-single {
+		margin: -40px 0 -40px 0;
+	}
+}
+
+/* ***** Tab Items ***** */
+.tab-items .lqd-tabs-nav {
+	--icon-size: 34px;
+}
+
+.tab-items .lqd-tabs-style-2 .lqd-tabs-nav a.active .lqd-tabs-nav-progress-inner {
+	transform-origin: left;
+	transform: scaleX(1);
+}
+
+.tab-items .lqd-imggrp-single[data-float] {
+	--float-animate-from: -3%;
+	--float-animate-to: 3%;
+	--float-animation-ease: ease-in-out;
+}
+
+@media (max-width: 1199px) {
+	.tab-items {
+		padding: 0 14px 0 14px;
+	}
+
+	.tab-items .lqd-tabs-content {
+		padding: 0 14px 80px 14px;
+	}
+
+	.tab-items .module-img {
+		margin-bottom: -160px;
+	}
+
+	.tab-items .module-img .lqd-imggrp-img-container {
+		width: 32%;
+	}
+
+	.tab-items .lqd-tabs-nav {
+		--icon-size: 25px;
+	}
+}
+
+@media (max-width: 991px) {
+	.tab-items .lqd-tabs {
+		flex-direction: column;
+		flex-wrap: nowrap;
+	}
+}
+
+@media (max-width: 767px) {
+	.tab-items {
+		padding: 80px 6px 0 6px;
+	}
+
+	.tab-items .lqd-tabs-content {
+		padding: 0 6px;
+	}
+
+	.tab-items .module-title h2 {
+		font-size: 32px;
+	}
+
+	.tab-items .module-avatar {
+		margin-right: -50px;
+	}
+
+	.tab-items .lqd-tabs-nav {
+		--icon-size: 32px;
+	}
+
+	.tab-items .module-content {
+		padding: 20px;
+	}
+
+	.tab-items .module-content .module-avatar {
+		width: 25%;
+	}
+
+	.tab-items .module-content .module-text {
+		width: 75%;
+	}
+}
+
+/* ***** Pricing ***** */
+.pricing .background-overlay {
+	background-size: 120% auto;
+}
+
+.pricing .module-section:hover {
+	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
+}
+
+.pricing .lqd-shape-top svg {
+	width: calc(110% + 1.3px);
+	height: 500px;
+}
+
+.pricing .module-shape {
+	left: -368px;
+}
+
+.pricing .lqd-tabs-nav {
+	--icon-size: 1em;
+}
+
+.pricing .lqd-tabs-style-9-alt2 .lqd-tabs-nav li {
+	background-color: #EFF3F5;
+}
+
+.pricing .lqd-tabs .lqd-tabs-nav a {
+	color: #033350;
+}
+
+.pricing .lqd-tabs .lqd-tabs-nav a.active {
+	color: #FF4D12;
+	background-color: #FFFFFF;
+}
+
+.pricing .btn:hover,
+.pricing .btn:focus {
+	color: #FFFFFF;
+}
+
+.pricing .bg-red-100 {
+	box-shadow: 0px 16px 33px 0px #FAF1EC;
+}
+
+.pricing .bg-green-100 {
+	box-shadow: 0px 17px 33px 0px #EAFBF7;
+}
+
+.pricing .module-btn-1:hover,
+.pricing .module-btn-1:focus {
+	background-color: var(--lqd-color-amber-600)
+}
+
+.pricing .module-btn-3:hover,
+.pricing .module-btn-3:focus {
+	background-color: var(--lqd-color-emerald-500);
+}
+
+.pricing .module-btn-2:hover,
+.pricing .module-btn-2:focus {
+	color: var(--lqd-color-blue-500);
+	background-color: #F0F4FE;
+}
+
+@media (max-width: 1199px) {
+	.pricing {
+		padding: 20px 14px 320px 14px;
+	}
+
+	.pricing .module-section {
+		margin: 0 10px 0 10px;
+	}
+
+	.pricing .module-section-bottom {
+		margin-top: 10px;
+		margin-bottom: 5px;
+		padding: 15px;
+	}
+
+	.pricing .lqd-imggrp-img-container {
+		width: 45%;
+	}
+
+	.pricing .lqd-shape-top svg {
+		width: calc(180% + 1.3px);
+		height: 650px;
+	}
+
+	.pricing .pos-abs {
+		left: -274px;
+	}
+}
+
+@media (max-width: 767px) {
+	.pricing {
+		padding: 0 6px;
+	}
+
+	.pricing .background-overlay {
+		background-position: center center;
+		background-size: contain;
+	}
+
+	.pricing .lqd-shape-top svg {
+		width: calc(220% + 1.3px);
+		height: 500px;
+	}
+
+	.pricing .module-pricing {
+		padding: 10px;
+	}
+
+	.pricing .module-sections {
+		padding: 0 6px 0 6px;
+	}
+
+	.pricing .module-section {
+		margin: 0 0 20px 0;
+	}
+
+	.pricing .ld-fancy-heading h2 {
+		font-size: 32px;
+	}
+}
+
+/* ***** Analysis ***** */
+@media (max-width: 1199px) {
+	.analysis {
+		padding: 80px 0 40px 0;
+	}
+
+	.analysis .module-img {
+		margin-bottom: -190px;
+		padding: 0px 14px 0px 14px;
+	}
+	.about .analysis .module-img {
+		margin-bottom: 0px;
+		padding: 0px 14px 0px 14px;
+	}
+
+	.analysis .module-content {
+		padding: 0px 14px 0px 14px;
+	}
+
+	.analysis .module-right {
+		width: 90%;
+	}
+}
+
+@media (max-width: 767px) {
+	.analysis {
+		padding: 60px 6px 0 6px;
+	}
+
+	.analysis .module-img {
+		margin-bottom: -60px;
+	}
+
+	.analysis .module-content {
+		padding: 0;
+	}
+
+	.analysis .ld-fancy-heading h2 {
+		font-size: 32px;
+		padding: 10px 0 0 0;
+	}
+}
+
+/* ***** Process ***** */
+.process .btn-solid:hover {
+	background-color: var(--lqd-color-green-100);
+	color: var(--lqd-color-green-500);
+}
+
+.process .module-icon-box {
+	background-size: 60% auto;
+}
+
+.process .iconbox:hover .iconbox-icon-container {
+	box-shadow: 0 0 20px 0px rgba(22, 91, 253, 0.603);
+}
+
+.process .shadow-green:hover .bg-green-500 {
+	box-shadow: 0 0 20px 0px rgba(0, 203, 153, 0.51);
+}
+
+@media (max-width: 1199px) {
+	.process {
+		padding: 0 14px 0px 14px;
+	}
+
+	.process .module-img .lqd-imggrp-single {
+		margin-bottom: -80px;
+	}
+
+	.process .module-img .lqd-imggrp-img-container {
+		width: 35%;
+	}
+}
+
+@media (max-width: 767px) {
+	.process {
+		padding: 0px 6px;
+	}
+
+	.process .ld-fancy-heading h2 {
+		font-size: 32px;
+	}
+}
+
+/* ***** Testimonials ***** */
+.testimonials .background-overlay {
+	background-size: 150% auto;
+}
+
+/* .testimonials .lqd-shape[data-negative=false].lqd-shape .lqd-custom-shape {
+	transform: translateX(-50%) rotate(180deg);
+} */
+.testimonials .lqd-shape svg {
+	width: calc(200% + 1.3px);
+}
+
+.testimonials .lqd-testi .lqd-star-rating-fill:before {
+	background: #6355FF;
+}
+
+.testimonials .lqd-testi .lqd-star-rating .active {
+	color: #6355FF;
+}
+
+.testimonials .testimonials-clients .container {
+	max-width: 1040px;
+}
+
+.testimonials-clients .icon-list-items {
+	--e-icon-list-icon-size: 14px;
+	--e-icon-list-icon-margin: 0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;
+}
+
+.testimonials-clients .icon-list-icon i {
+	width: 1.25em;
+	font-size: var(--e-icon-list-icon-size);
+}
+
+.testimonials-clients .icon-list-item>.elementor-icon-list-text,
+.testimonials-clients .icon-list-item>a {
+	font-family: var(--lqd-text-font-family), Sans-serif;
+	font-weight: var(--lqd-text-font-weight);
+}
+
+.testimonials-clients .icon-list-text {
+	padding-left: 3px;
+}
+
+.testimonials .carousel-dots-mobile .flickity-page-dots .dot {
+	background-color: #9B9B9B;
+}
+
+.testimonials .carousel-dots-mobile .flickity-page-dots .dot.is-selected {
+	background-color: #FFFFFF;
+}
+
+@media (max-width: 1199px) {
+	.testimonials {
+		padding: 60px 14px;
+	}
+
+	.testimonials .background-overlay {
+		background-size: 240vw auto;
+	}
+
+	.testimonials .lqd-shape svg {
+		width: calc(300% + 1.3px);
+		height: 12px;
+	}
+
+	.testimonials .carousel-item {
+		width: calc(100% / 2);
+		padding-inline-start: 15px;
+		padding-inline-end: 15px;
+	}
+}
+
+@media (max-width: 767px) {
+	.testimonials {
+		padding: 40px 6px 60px 6px;
+	}
+
+	.testimonials .background-overlay {
+		background-position: -130px 570px;
+		background-size: 1000px auto;
+	}
+
+	.testimonials .lqd-shape svg {
+		width: calc(300% + 1.3px);
+		height: 6px;
+	}
+
+	.testimonials .module-carousels {
+		padding: 0 10px 0 10px;
+	}
+
+	.testimonials .ld-fancy-heading h2 {
+		font-size: 32px;
+	}
+
+	.testimonials .carousel-item {
+		width: calc(100% / 1);
+		padding-inline-start: 30px;
+		padding-inline-end: 30px;
+	}
+
+	.testimonials .lqd-imggrp-img-container {
+		width: 80%;
+	}
+}
+
+/* ***** Blog ***** */
+.blog .btn-label:hover {
+	background-color: var(--lqd-color-blue-100);
+	color: var(--lqd-color-blue-500);
+}
+
+.blog .lqd-lp .lqd-lp-img .lqd-overlay {
+	background-color: #430080C7;
+}
+
+@media (max-width: 1199px) {
+	.blog {
+		padding: 60px 14px 0 14px;
+	}
+}
+
+@media (max-width: 767px) {
+	.blog {
+		padding: 60px 6px 0 6px;
+	}
+
+	.blog .module-blog {
+		margin-bottom: 30px;
+	}
+
+	.blog .ld-fancy-heading h2 {
+		font-size: 32px;
+	}
+}
+
+/* ***** How It Work ***** */
+.how-it-work .bg-size {
+	background-size: 64% auto;
+}
+
+.how-it-work .accordion-title a {
+	font-family: var(--lqd-h1-font-family);
+	color: white;
+}
+
+@media (max-width: 1199px) {
+	.how-it-work {
+		padding: 0px 14px 0 14px;
+	}
+}
+
+@media (max-width: 767px) {
+	.how-it-work {
+		padding: 0px 6px 0 6px;
+	}
+
+	.how-it-work .module-title {
+		background-position: top center;
+		padding: 0 6px 60px 6px;
+	}
+
+	.how-it-work .ld-fancy-heading h2 {
+		font-size: 32px;
+	}
+}
+
+/* ***** Social Media ***** */
+@media (max-width: 767px) {
+	.social-media {
+		padding: 30px 0 60px 0;
+	}
+
+	.social-media .iconbox-icon-container {
+		font-size: 60px;
+	}
+}
+
+/* ***** Contact ***** */
+.contact .btn-solid {
+	--icon-font-size: 1.2em;
+	background-color: #083467;
+}
+
+.contact .module-lines {
+	height: 4px;
+}
+
+@media (max-width: 1199px) {
+	.contact {
+		padding: 60px 14px 20px 14px;
+	}
+
+	.contact .ld-fancy-heading {
+		padding-left: 30px;
+	}
+
+	.contact .ld-fancy-heading h2 {
+		font-size: 22px;
+	}
+
+	.contact .btn-solid {
+		--icon-ms: 10px;
+		--btn-pt: 10px;
+		--btn-pe: 20px;
+		--btn-pb: 10px;
+		--btn-ps: 25px;
+	}
+}
+
+@media (max-width: 767px) {
+	.contact {
+		padding: 0 6px 40px 6px;
+	}
+
+	.contact .ld-fancy-heading h2 {
+		font-size: 20px;
+	}
+
+	.contact .module-section {
+		padding-top: 30px;
+		padding-bottom: 30px;
+	}
+
+	.contact .ld-fancy-heading {
+		padding-left: 0;
+	}
+}

public/raffles/assets/css/swiper.css

@@ -0,0 +1,613 @@
+
+ 
+.video-container {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  border-radius: 10px;
+  cursor: pointer;
+  border-radius: 30px;
+}
+.video-container .text{
+  position: absolute;
+  bottom: 40px;
+  left: 0;
+  background-color: white;
+  padding: 20px 20px;
+  border-radius: 30px;
+  margin:0 5px;
+}
+.video-container .text p{
+  color:#483286 ;
+}
+.video-container .name{
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  background-color: white;
+  display: flex;
+  justify-content: space-between;
+  padding: 20px 20px;
+  border-radius:0 0 30px 30px;
+  border-top: 1px solid #483286;
+  margin:0 5px 5px 5px;
+  width: 100%;
+}
+.video-container .name h4{
+  color:#483286 ;
+}
+.video-container video {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.play-button {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  font-size: 30px;
+  color: white;
+  background: rgba(0, 0, 0, 0.5);
+  border-radius: 50%;
+  width: 70px;
+  height: 70px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: opacity 0.3s ease-in-out;
+}
+
+.video-container:hover .play-button, .video-container:hover .text {
+  opacity: 0; /* Hide play button on hover */
+}
+.video-container:hover .name {
+  border: 0;
+  border-radius: 30px;
+
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* universities image slider  */
+
+        
+
+.swiper-universities {
+  width: 100%;
+  height: auto;
+ /* padding-bottom: 100px !important; */
+  /* overflow: hidden; */
+
+}
+
+.swiper-universities .swiper-wrapper{
+   display: flex;
+   /* justify-content: center; */
+   gap: 0px;
+  /* align-items: center; */
+  transition: transform 0.5s ease-in-out, filter 0.5s ease-in-out;
+  padding-top: 30px;
+  /* padding-bottom: 90px;
+  margin-bottom: 90px; */
+  width: 100%;
+
+
+
+}
+.swiper-universities .swiper-slide {
+  height: 150px;
+  
+  /* margin: 30px 0; */
+  /* padding-bottom: 90px; */
+  margin-bottom: 120px;
+  /* padding: 30px; */
+}
+.swiper-universities .swiper-slide .text h3{
+  font-size: 12px;
+  text-align: center;
+}
+.swiper-universities .swiper-slide .image img{
+ height: 100%;
+ width: 100%;
+ border-radius: 10px;
+
+}
+@media (min-width:768px) {
+  
+.swiper-universities .swiper-slide .image img{
+
+ border-radius: 30px;
+
+}
+.swiper-universities .swiper-slide .text h3{
+  font-size: 18px;
+}
+  
+}
+
+
+.swiper-universities .swiper-slide .image {
+  width: 100%;
+  height: 100%;
+  transition: transform 0.5s ease-in-out, filter 0.5s ease-in-out;
+  filter:  grayscale(10%); /* Default blur and grayscale effect */
+position: relative;  
+object-fit: cover;
+
+}
+.swiper-universities .swiper-slide .image .text{
+  position: absolute;
+  left: 10%;
+  bottom: 10%;
+}
+
+
+.swiper-universities .swiper-slide-active .image{
+  transform: scale(1.1); /* Increase size */
+  filter: blur(0) grayscale(0); /* Default blur and grayscale effect */
+  
+ 
+}
+
+/* .swiper-universities .swiper-slide-active .image .text h3{
+background-color: black;
+padding: 5px;
+color: white;
+ 
+} */
+
+
+/* about page teacher slider  */
+.swiper-teachers {
+  width: 90%;
+  height: auto;
+  margin: auto;
+ padding-bottom: 100px !important;
+  /* overflow: hidden; */
+
+}
+
+.swiper-teachers .swiper-wrapper{
+   display: flex;
+   /* justify-content: center; */
+   gap: 0px;
+  align-items: center;
+  transition: transform 0.5s ease-in-out, filter 0.5s ease-in-out;
+  padding-top: 30px;
+  height: auto;
+
+
+}
+
+.swiper-teachers .swiper-slide {
+  height: 300px;
+  width: 570px; 
+  margin: 30px 0;
+  /* padding: 30px; */
+}
+.swiper-teachers .swiper-slide .image {
+  width: 100%;
+  transition: transform 0.5s ease-in-out, filter 0.5s ease-in-out;
+  filter:  grayscale(10%); /* Default blur and grayscale effect */
+position: relative;  
+
+}
+.swiper-teachers .swiper-slide .image .text{
+  background-color: var();
+  width: 60%;
+  position: absolute;
+  left: 20%;
+  bottom: -10%;
+  padding:10px 20px;
+  /* transform: skewY(10deg); */
+}
+.swiper-teachers .swiper-slide .image img{
+ height: 100%;
+ width: 100%;
+ border-radius: 30px;
+ /* transform: skewY(10deg); */
+
+}
+
+.swiper-teachers .swiper-slide-active .image{
+  transform: scale(1.1); /* Increase size */
+  filter: blur(0) grayscale(0); /* Default blur and grayscale effect */
+  
+ 
+}
+
+/* .swiper-teachers .swiper-slide-active .image .text h3{
+background-color: black;
+padding: 5px;
+color: white;
+ 
+} */
+
+
+.swiper-events .swiper-slide {
+  height: 390px !important;
+  /* margin-right: 20px !important; */
+}
+.swiper-events .blog-post {
+  height: 550px !important;
+}
+.swiper-events .swiper-button-next{
+  right: -10px !important;
+  top: 30% !important;
+}
+.swiper-events .swiper-button-prev{
+  left: -9px !important;
+  top: 30% !important;
+}
+.swiper-events .swiper-button-next::after, .swiper-events .swiper-button-prev::after{
+  color:  #000000 !important;
+  font-size: 14px !important;
+  font-weight: bold;
+
+  
+ }
+
+
+
+ /* banner slider  */
+ .swiper-banner {
+  width: 100%;
+  margin-top: -30px;
+
+}
+@media (min-width:992px) {
+   .swiper-banner {
+  /* width: 80%; */
+  margin-top: -50px;
+
+}
+  
+}
+
+
+.swiper-banner .swiper-wrapper{
+   display: flex;
+   /* justify-content: center; */
+   /* gap: 30px; */
+
+  align-items: center;
+
+ 
+  /* padding-top: 30px; */
+  /* margin-bottom: 30px; */
+
+
+}
+
+.swiper-banner .swiper-slide {
+  /* min-height: 120px !important; */
+  width: 00px ; 
+    padding: 0 50px;
+
+  /* border: 1px solid black; */
+  /* box-shadow: 0 5px 10px gray; */
+
+  /* border-radius: 30px; */
+}
+@media (min-width:1199px) {
+  .swiper-banner .swiper-slide {
+  /* min-height: 120px !important; */
+  width: 100%; 
+   
+
+
+}
+  
+}
+
+
+
+  .swiper-banner video{
+    width: 100%;
+    height: 300px;
+    border-radius: 200px 50px 200px 200px;
+  object-fit: cover;
+  /* border-radius: 100%; */
+  }
+   .swiper-banner .swiper-button-next::after, .swiper-banner .swiper-button-prev::after{
+  color:  #1856A6 !important;
+  font-size: 20px !important;
+  font-weight: bold;
+  
+ }
+
+@media (min-width:768px) {
+  .swiper-banner video{
+    width: 100%;
+    height: 300px;
+  }
+  
+}
+@media (min-width:992px) {
+.swiper-banner video{
+  
+  height: 350px;
+  border-radius: 500px 50px 500px 500px;
+  
+}
+}
+@media (min-width:1200px) {
+.swiper-banner video{
+  
+  height: 400px;
+  border-radius: 500px 50px 500px 500px;
+  
+}
+}
+
+
+/* responsive */
+@media (max-width:576px) {
+ 
+  .swiper-universities .swiper-slide{
+  width: 119px; 
+
+  }
+  
+}
+@media (min-width:576px) {
+ 
+  .swiper-universities .swiper-slide{
+  width: 119px; 
+
+  }
+  
+}
+@media (min-width:768px) {
+  
+  .swiper-universities .swiper-slide{
+      height: 200px;
+  width: 240px; 
+
+  }
+  
+}
+@media (min-width:992px) {
+  
+  .swiper-universities .swiper-slide{
+    height: 200px;
+  width: 194px; 
+
+  }
+
+}
+@media (min-width:1200px) {
+  
+  .swiper-universities .swiper-slide{
+    height: 230px;
+  width: 262px; 
+
+  }
+
+}
+
+/* new css for swipers  */
+  .mySwiper-text {
+      width: 100%;
+      height: 100%;
+      padding-left: 10px !important;
+      padding-right: 10px  !important;
+    }
+
+   .mySwiper-text .swiper-slide {
+      text-align: center;
+      font-size: 18px;
+      /* background: #fff; */
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+    .mySwiper-text .swiper-slide .box {
+  padding: 10px 20px;
+  background-color: white;
+  box-shadow: 0 5px 10px rgb(194, 191, 191);
+  border-radius: 20px;
+  width: 100%;
+  margin: 20px 0;
+
+}
+
+
+.mySwiper-text .swiper-button-next::after, .mySwiper-text .swiper-button-prev::after{
+ color:  #1856A6 !important;
+  font-size: 20px !important;
+  font-weight: bold;
+  padding: 10px 15px ;
+  background-color: rgba(255, 255, 255, 0.37);
+  border-radius: 100%;
+  
+ }
+
+ /* for uni image  */
+   /* .swiper.mySwiper-unis {
+    overflow: visible;
+   } */
+  .mySwiper-unis {
+      /* width: 100%; */
+      /* height: 100%; */
+      margin-top: -22px;
+      padding-left: 3px !important;
+      padding-right: 3px  !important;
+      padding-top: 5px  !important;
+      padding-bottom: 5px  !important;
+    
+    
+
+    }
+
+   .mySwiper-unis .swiper-slide {
+      text-align: center;
+      height: 120px;
+      font-size: 18px;
+      background: #fff;
+      display: flex;
+      justify-content: center;
+         padding:80px 20px;
+       box-shadow:0 0px 10px rgba(0, 0, 0, 0.25);
+      border-radius: 20px;
+      margin-bottom: 40px;
+      align-items: center;
+    }
+    .mySwiper-unis .swiper-slide .box {
+  padding: 10px 20px;
+  background-color: white;
+ filter: drop-shadow(30px 10px 12px rgb(122, 122, 122)) ;
+  
+  border-radius: 20px;
+  width: 100%;
+  margin: 20px 0;
+
+}
+
+
+.mySwiper-unis .swiper-button-next::after, .mySwiper-unis .swiper-button-prev::after{
+ color:  #1856A6 !important;
+  font-size: 20px !important;
+  font-weight: bold;
+  padding: 10px 15px ;
+  background-color: rgba(255, 255, 255, 0.37);
+  border-radius: 100%;
+  
+ }
+
+
+
+    /* testimonial video  */
+  .mySwiper-video {
+      width: 80%;
+      height: 100%;
+    }
+
+   .mySwiper-video .swiper-slide {
+      text-align: center;
+      font-size: 18px;
+      /* background: #fff; */
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      /* margin-right: 10px !important; */
+    }
+.mySwiper-video .swiper-button-next::after, .mySwiper-video .swiper-button-prev::after{
+ color:  #1856A6 !important;
+  font-size: 20px !important;
+  font-weight: bold;
+  padding: 10px 15px ;
+  background-color: rgba(255, 255, 255, 0.37);
+  border-radius: 100%;
+  
+ }
+   
+    /* achievements  */
+
+.mySwiper-img {
+      width: 100%;
+      height: 100%;
+    }
+
+   .mySwiper-img .swiper-slide {
+    height: 200px;
+      text-align: center;
+      font-size: 18px;
+      background: #fff;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      /* margin-right: 10px !important; */
+    }
+       .mySwiper-img .swiper-slide img{
+        height: 100%;
+        width: 100%;
+        object-fit: cover;
+       }
+.mySwiper-img .swiper-button-next::after, .mySwiper-img .swiper-button-prev::after{
+  color:  #1856A6 !important;
+  font-size: 20px !important;
+  font-weight: bold;
+  padding: 10px 15px ;
+  background-color: rgba(255, 255, 255, 0.37);
+  border-radius: 100%;
+  
+ }
+    /* achievements  */
+
+.mySwiper-team {
+      width: 100%;
+     height: 320px;
+    }
+    @media (min-width:1200px) {
+      .mySwiper-team {
+      width: 100%;
+     height: 390px;
+    }
+      
+    }
+
+
+   .mySwiper-team .swiper-slide {
+    height: 90%;
+      text-align: center;
+      font-size: 18px;
+      background: #fff;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      margin-top: 10px !important;
+    }
+       .mySwiper-team .swiper-slide img{
+        height: 100%;
+        width: 100%;
+        object-fit: cover;
+       }
+       
+.mySwiper-team .swiper-button-next::after, .mySwiper-team .swiper-button-prev::after{
+  color:  #1856A6 !important;
+  font-size: 20px !important;
+  font-weight: bold;
+  padding: 10px 15px ;
+  background-color: rgba(255, 255, 255, 0.37);
+  border-radius: 100%;
+  
+ }
+ .mySwiper-team .swiper-slide .image {
+  width: 100%;
+  height: 100%;
+  transition: transform 0.5s ease-in-out, filter 0.5s ease-in-out;
+  filter:  grayscale(10%); /* Default blur and grayscale effect */
+position: relative;  
+
+}
+.mySwiper-team .swiper-slide .image .text{
+  background-color: var();
+  width: 60%;
+  position: absolute;
+  left: 20%;
+  bottom: -10%;
+  padding:10px 20px;
+  /* transform: skewY(10deg); */
+}
+.mySwiper-team .swiper-slide .image img{
+ height: 100%;
+ width: 100%;
+ border-radius: 20px;
+ /* transform: skewY(10deg); */
+
+}
+