.elementor-7663 .elementor-element.elementor-element-41d7ab3:not(.elementor-motion-effects-element-type-background), .elementor-7663 .elementor-element.elementor-element-41d7ab3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #252261 64%, var( --e-global-color-astglobalcolor5 ) 100%);}.elementor-7663 .elementor-element.elementor-element-41d7ab3 > .elementor-container{max-width:1245px;}.elementor-7663 .elementor-element.elementor-element-41d7ab3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-20px;margin-bottom:0px;padding:10em 0em 10em 0em;}.elementor-7663 .elementor-element.elementor-element-41d7ab3 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7663 .elementor-element.elementor-element-41d7ab3 > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:100px;transform:translateX(-50%) rotateY(180deg);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7663 .elementor-element.elementor-element-c4f83cf{width:var( --container-widget-width, 51.786% );max-width:51.786%;--container-widget-width:51.786%;--container-widget-flex-grow:0;text-align:start;}.elementor-7663 .elementor-element.elementor-element-c4f83cf.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7663 .elementor-element.elementor-element-c4f83cf .elementor-heading-title{color:var( --e-global-color-astglobalcolor4 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7663 .elementor-element.elementor-element-8c900a2{width:var( --container-widget-width, 50.185% );max-width:50.185%;--container-widget-width:50.185%;--container-widget-flex-grow:0;font-family:"Roboto Condensed", Sans-serif;color:var( --e-global-color-astglobalcolor5 );}.elementor-7663 .elementor-element.elementor-element-8c900a2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7663 .elementor-element.elementor-element-5eaec9f9:not(.elementor-motion-effects-element-type-background), .elementor-7663 .elementor-element.elementor-element-5eaec9f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7663 .elementor-element.elementor-element-5eaec9f9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:2em 0em 0em 0em;}.elementor-7663 .elementor-element.elementor-element-5eaec9f9 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7663 .elementor-element.elementor-element-482691fa > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-7663 .elementor-element.elementor-element-68b58ca9{margin:3em 0em calc(var(--kit-widget-spacing, 0px) + 1em) 0em;text-align:start;}.elementor-7663 .elementor-element.elementor-element-395f22d{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7663 .elementor-element.elementor-element-7f00cbae:not(.elementor-motion-effects-element-type-background), .elementor-7663 .elementor-element.elementor-element-7f00cbae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7663 .elementor-element.elementor-element-7f00cbae{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:4em 0em 0em 0em;}.elementor-7663 .elementor-element.elementor-element-7f00cbae > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7663 .elementor-element.elementor-element-596a2e99 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-7663 .elementor-element.elementor-element-506c018e{margin:2em 2em calc(var(--kit-widget-spacing, 0px) + 2em) 2em;text-align:center;}.elementor-7663 .elementor-element.elementor-element-ejgc0dm > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-7663 .elementor-element.elementor-element-ejgc0dm:not(.elementor-motion-effects-element-type-background), .elementor-7663 .elementor-element.elementor-element-ejgc0dm > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7663 .elementor-element.elementor-element-ejgc0dm{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 50px 0px;}.elementor-7663 .elementor-element.elementor-element-ejgc0dm > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-7663 .elementor-element.elementor-element-00fe61f.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-7663 .elementor-element.elementor-element-00fe61f.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-7663 .elementor-element.elementor-element-00fe61f > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:10px;}.elementor-7663 .elementor-element.elementor-element-00fe61f > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#DDDDDD;margin:15px 15px 15px 15px;--e-column-margin-right:15px;--e-column-margin-left:15px;}.elementor-7663 .elementor-element.elementor-element-00fe61f > .elementor-element-populated, .elementor-7663 .elementor-element.elementor-element-00fe61f > .elementor-element-populated > .elementor-background-overlay, .elementor-7663 .elementor-element.elementor-element-00fe61f > .elementor-background-slideshow{border-radius:5px 5px 5px 5px;}.elementor-7663 .elementor-element.elementor-element-f0ae45e img{border-radius:4px 4px 0px 0px;}.elementor-7663 .elementor-element.elementor-element-1460afc{padding:10px 20px 0px 20px;text-align:start;}.elementor-7663 .elementor-element.elementor-element-4fe0555{padding:0px 20px 30px 20px;text-align:start;}.elementor-bc-flex-widget .elementor-7663 .elementor-element.elementor-element-77f9305.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-7663 .elementor-element.elementor-element-77f9305.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-7663 .elementor-element.elementor-element-77f9305 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:10px;}.elementor-7663 .elementor-element.elementor-element-77f9305 > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#DDDDDD;margin:15px 15px 15px 15px;--e-column-margin-right:15px;--e-column-margin-left:15px;}.elementor-7663 .elementor-element.elementor-element-77f9305 > .elementor-element-populated, .elementor-7663 .elementor-element.elementor-element-77f9305 > .elementor-element-populated > .elementor-background-overlay, .elementor-7663 .elementor-element.elementor-element-77f9305 > .elementor-background-slideshow{border-radius:5px 5px 5px 5px;}.elementor-7663 .elementor-element.elementor-element-4d5532e img{border-radius:4px 4px 0px 0px;}.elementor-7663 .elementor-element.elementor-element-79b4a88{padding:10px 20px 0px 20px;text-align:start;}.elementor-7663 .elementor-element.elementor-element-bf20e91{padding:0px 20px 30px 20px;text-align:start;}.elementor-bc-flex-widget .elementor-7663 .elementor-element.elementor-element-92c59ca.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-7663 .elementor-element.elementor-element-92c59ca.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-7663 .elementor-element.elementor-element-92c59ca > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:10px;}.elementor-7663 .elementor-element.elementor-element-92c59ca > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#DDDDDD;margin:15px 15px 15px 15px;--e-column-margin-right:15px;--e-column-margin-left:15px;}.elementor-7663 .elementor-element.elementor-element-92c59ca > .elementor-element-populated, .elementor-7663 .elementor-element.elementor-element-92c59ca > .elementor-element-populated > .elementor-background-overlay, .elementor-7663 .elementor-element.elementor-element-92c59ca > .elementor-background-slideshow{border-radius:5px 5px 5px 5px;}.elementor-7663 .elementor-element.elementor-element-d3779df.elementor-element{--align-self:flex-start;}.elementor-7663 .elementor-element.elementor-element-d3779df img{border-radius:4px 4px 0px 0px;}.elementor-7663 .elementor-element.elementor-element-2f547cd{padding:10px 20px 0px 20px;text-align:start;}.elementor-7663 .elementor-element.elementor-element-0a3ffde{padding:0px 20px 30px 20px;text-align:start;}.elementor-7663 .elementor-element.elementor-element-03a7cfa{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-7663 .elementor-element.elementor-element-03a7cfa:not(.elementor-motion-effects-element-type-background), .elementor-7663 .elementor-element.elementor-element-03a7cfa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-7663 .elementor-element.elementor-element-8b9071c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7663 .elementor-element.elementor-element-8b9071c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-7663 .elementor-element.elementor-element-d776cb6.elementor-element{--align-self:flex-start;}.elementor-7663 .elementor-element.elementor-element-d776cb6 .elementor-icon-wrapper{text-align:center;}.elementor-7663 .elementor-element.elementor-element-904d496{margin:0px -15px calc(var(--kit-widget-spacing, 0px) + 0px) -15px;}.elementor-7663 .elementor-element.elementor-element-751ed15{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7663 .elementor-element.elementor-element-751ed15.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7663 .elementor-element.elementor-element-1ec0c7b{width:var( --container-widget-width, 126.215% );max-width:126.215%;--container-widget-width:126.215%;--container-widget-flex-grow:0;}.elementor-7663 .elementor-element.elementor-element-1ec0c7b.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-7663 .elementor-element.elementor-element-8b9071c{--width:15%;}.elementor-7663 .elementor-element.elementor-element-751ed15{--width:81.07%;}}@media(max-width:1024px){.elementor-7663 .elementor-element.elementor-element-41d7ab3{margin-top:-35px;margin-bottom:0px;padding:7em 1em 6em 1em;}.elementor-7663 .elementor-element.elementor-element-5eaec9f9{padding:0em 0em 0em 1em;}.elementor-7663 .elementor-element.elementor-element-395f22d{--grid-auto-flow:row;}.elementor-7663 .elementor-element.elementor-element-ejgc0dm{padding:90px 25px 90px 25px;}.elementor-7663 .elementor-element.elementor-element-00fe61f > .elementor-element-populated{margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-7663 .elementor-element.elementor-element-1460afc{padding:10px 0px 0px 15px;}.elementor-7663 .elementor-element.elementor-element-4fe0555{padding:0px 15px 15px 15px;}.elementor-7663 .elementor-element.elementor-element-77f9305 > .elementor-element-populated{margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-7663 .elementor-element.elementor-element-79b4a88{padding:10px 0px 0px 15px;}.elementor-7663 .elementor-element.elementor-element-bf20e91{padding:0px 15px 15px 15px;}.elementor-7663 .elementor-element.elementor-element-92c59ca > .elementor-element-populated{margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-7663 .elementor-element.elementor-element-2f547cd{padding:10px 0px 0px 15px;}.elementor-7663 .elementor-element.elementor-element-0a3ffde{padding:0px 15px 15px 15px;}}@media(max-width:767px){.elementor-7663 .elementor-element.elementor-element-41d7ab3 > .elementor-shape-bottom svg{width:calc(235% + 1.3px);}.elementor-7663 .elementor-element.elementor-element-41d7ab3{padding:7em 1em 5em 1em;}.elementor-7663 .elementor-element.elementor-element-c4f83cf{width:var( --container-widget-width, 292.575px );max-width:292.575px;--container-widget-width:292.575px;--container-widget-flex-grow:0;}.elementor-7663 .elementor-element.elementor-element-8c900a2{width:var( --container-widget-width, 288.938px );max-width:288.938px;--container-widget-width:288.938px;--container-widget-flex-grow:0;}.elementor-7663 .elementor-element.elementor-element-395f22d{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-7663 .elementor-element.elementor-element-ejgc0dm{padding:75px 20px 50px 20px;}.elementor-7663 .elementor-element.elementor-element-00fe61f > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-7663 .elementor-element.elementor-element-77f9305 > .elementor-element-populated{margin:30px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-7663 .elementor-element.elementor-element-92c59ca > .elementor-element-populated{margin:30px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}}/* Start custom CSS for image, class: .elementor-element-72f4a91 */.elementor-7663 .elementor-element.elementor-element-72f4a91 {
  position: relative;
  overflow: hidden;
}

.elementor-7663 .elementor-element.elementor-element-72f4a91 img {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 1 / 1;
  transition: transform 0.6s ease, opacity 0.6s ease;
  display: block;
}

/* Hide image on hover */
.elementor-7663 .elementor-element.elementor-element-72f4a91:hover img {
  transform: translateX(-100%);
  opacity: 0.3;
}

/* Sliding text block */
.elementor-7663 .elementor-element.elementor-element-72f4a91::after {
  content: "Establish a link between global enterprise-level e-commerce and global MCN organizations."; /* 🔁 Replace with your message */
  position: absolute;
  top: 0;
  left: 100%; /* Start off-screen to the right */
  width: 100%;
  height: 100%;
  background-color: #DADADA; /* 🔁 Your background color */
  color: black;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
  transition: left 0.6s ease;
  z-index: 2;
}

/* Slide text into view */
.elementor-7663 .elementor-element.elementor-element-72f4a91:hover::after {
  left: 0;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-11542b8 */.elementor-7663 .elementor-element.elementor-element-11542b8 {
  position: relative;
  overflow: hidden;
}

.elementor-7663 .elementor-element.elementor-element-11542b8 img {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 1 / 1;
  transition: transform 0.6s ease, opacity 0.6s ease;
  display: block;
}

/* Hide image on hover */
.elementor-7663 .elementor-element.elementor-element-11542b8:hover img {
  transform: translateX(-100%);
  opacity: 0.3;
}

/* Sliding text block */
.elementor-7663 .elementor-element.elementor-element-11542b8::after {
  content: "Promote research on the economic and social development of science and technology media, and provide guidance for the macro-decision-making of governments, businesses, and social organizations."; /* 🔁 Replace with your message */
  position: absolute;
  top: 0;
  left: 100%; /* Start off-screen to the right */
  width: 100%;
  height: 100%;
  background-color: #262449; /* 🔁 Your background color */
  color: white;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
  transition: left 0.6s ease;
  z-index: 2;
}

/* Slide text into view */
.elementor-7663 .elementor-element.elementor-element-11542b8:hover::after {
  left: 0;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-90a5f1d */.elementor-7663 .elementor-element.elementor-element-90a5f1d {
  position: relative;
  overflow: hidden;
}

.elementor-7663 .elementor-element.elementor-element-90a5f1d img {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 1 / 1;
  transition: transform 0.6s ease, opacity 0.6s ease;
  display: block;
}

/* Hide image on hover */
.elementor-7663 .elementor-element.elementor-element-90a5f1d:hover img {
  transform: translateX(-100%);
  opacity: 0.3;
}

/* Sliding text block */
.elementor-7663 .elementor-element.elementor-element-90a5f1d::after {
  content: "Provide strategic consultancy and professional services to empower businesses and non-profit organizations."; /* 🔁 Replace with your message */
  position: absolute;
  top: 0;
  left: 100%; /* Start off-screen to the right */
  width: 100%;
  height: 100%;
  background-color: #DADADA; /* 🔁 Your background color */
  color: black;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
  transition: left 0.6s ease;
  z-index: 2;
}

/* Slide text into view */
.elementor-7663 .elementor-element.elementor-element-90a5f1d:hover::after {
  left: 0;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-32caffe */.elementor-7663 .elementor-element.elementor-element-32caffe {
  position: relative;
  overflow: hidden;
}

.elementor-7663 .elementor-element.elementor-element-32caffe img {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 1 / 1;
  transition: transform 0.6s ease, opacity 0.6s ease;
  display: block;
}

/* Hide image on hover */
.elementor-7663 .elementor-element.elementor-element-32caffe:hover img {
  transform: translateX(-100%);
  opacity: 0.3;
}

/* Sliding text block */
.elementor-7663 .elementor-element.elementor-element-32caffe::after {
  content: "Provide short-term and long-term strategic learning courses to help businesses enhance their strategic vision and thinking."; /* 🔁 Replace with your message */
  position: absolute;
  top: 0;
  left: 100%; /* Start off-screen to the right */
  width: 100%;
  height: 100%;
  background-color: #9D1C24; /* 🔁 Your background color */
  color: white;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
  transition: left 0.6s ease;
  z-index: 2;
}

/* Slide text into view */
.elementor-7663 .elementor-element.elementor-element-32caffe:hover::after {
  left: 0;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f72f131 */.elementor-7663 .elementor-element.elementor-element-f72f131 {
  position: relative;
  overflow: hidden;
}

.elementor-7663 .elementor-element.elementor-element-f72f131 img {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 1 / 1;
  transition: transform 0.6s ease, opacity 0.6s ease;
  display: block;
}

/* Hide image on hover */
.elementor-7663 .elementor-element.elementor-element-f72f131:hover img {
  transform: translateX(-100%);
  opacity: 0.3;
}

/* Sliding text block */
.elementor-7663 .elementor-element.elementor-element-f72f131::after {
  content: "Provide college/youth strategy courses to drive a new economy through media platforms."; /* 🔁 Replace with your message */
  position: absolute;
  top: 0;
  left: 100%; /* Start off-screen to the right */
  width: 100%;
  height: 100%;
  background-color: #DADADA; /* 🔁 Your background color */
  color: black;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
  transition: left 0.6s ease;
  z-index: 2;
}

/* Slide text into view */
.elementor-7663 .elementor-element.elementor-element-f72f131:hover::after {
  left: 0;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cbe30c5 */.elementor-7663 .elementor-element.elementor-element-cbe30c5 {
  position: relative;
  overflow: hidden;
}

.elementor-7663 .elementor-element.elementor-element-cbe30c5 img {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 1 / 1;
  transition: transform 0.6s ease, opacity 0.6s ease;
  display: block;
}

/* Hide image on hover */
.elementor-7663 .elementor-element.elementor-element-cbe30c5:hover img {
  transform: translateX(-100%);
  opacity: 0.3;
}

/* Sliding text block */
.elementor-7663 .elementor-element.elementor-element-cbe30c5::after {
  content: "Develop business mentors and strategic advisors, provide them with professional certification, and assist SME and community groups in growing and developing together."; /* 🔁 Replace with your message */
  position: absolute;
  top: 0;
  left: 100%; /* Start off-screen to the right */
  width: 100%;
  height: 100%;
  background-color: #262449; /* 🔁 Your background color */
  color: white;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
  transition: left 0.6s ease;
  z-index: 2;
}

/* Slide text into view */
.elementor-7663 .elementor-element.elementor-element-cbe30c5:hover::after {
  left: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-904d496 */:root{
  --arrow:#bdbdbd;
  --arrow-hover:#2a2a2a;
  --track:#c9c9c9;
  --thumb:#2a2a2a;
  --track-h:2px;
  --thumb-h:4px;
  --gap:14px;
}

.scrollbar-container{
  width:100%;
  max-width:720px;       /* set your container width */
  margin:40px auto;
  padding:0 12px;
  box-sizing:border-box;
}

.scrollbar{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  column-gap:var(--gap);
  width:100%;
  max-width:100%;
  overflow:hidden;
}

/* arrows: transparent background always */
.nav{
  appearance:none;
  background:transparent !important;
  border:0;
  width:32px; height:32px;
  padding:0;
  display:grid; place-items:center;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.nav svg{ width:20px; height:20px; fill:var(--arrow); transition:fill .15s ease; }
.nav:hover svg, .nav:focus-visible svg{ fill:var(--arrow-hover); }
.nav:active{ transform:none; }

/* track + thumb */
.track{
  position:relative;
  min-width:0;
  width:100%;
  height:var(--track-h);
  background:var(--track);
  border-radius:9999px;
  cursor:pointer;
  outline:none;
}
.thumb{
  position:absolute;
  top:50%;
  left:0;
  height:var(--thumb-h);
  width:20%;                     /* JS updates from data-thumb */
  background:var(--thumb);
  border-radius:9999px;
  transform:translateY(-50%);
  cursor:grab;
  pointer-events:auto;
  transition:left .08s linear;
}
.thumb:active{ cursor:grabbing; }

/* optional focus ring */
.track:focus-visible{ box-shadow:0 0 0 3px rgba(0,0,0,.06); }
/* Keep arrows clickable but keep their bg transparent */
.scrollbar .nav { cursor: pointer; }

/* Scrollbar area: no hand/grab cursor */
.scrollbar .track { cursor: default !important; }
.scrollbar .thumb { cursor: default !important; }
.scrollbar .thumb:active { cursor: default !important; }
/* Smooth slide when moving via arrows/click */
.scrollbar .thumb{
  transition: left .28s cubic-bezier(.2,.8,.2,1);
  will-change: left;
}

/* While dragging, follow the pointer instantly (no easing) */
.scrollbar .thumb.dragging{
  transition: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ec0c7b */.section-title {
      text-align: center;
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 24px;
    }

    .carousel-container {
  max-width: 1100px;
  margin: auto;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  display: flex;
  gap: 20px;
  padding-bottom: 40px;
  scroll-behavior: smooth; /* 👈 this line enables smooth scroll */
}


    .testimonial {
      flex: 0 0 300px;
      background: #ffffff;
      border-radius: 16px;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
      padding: 24px;
      position: relative;
      scroll-snap-align: start;
    }

    .testimonial p {
      font-size: 0.95rem;
      line-height: 1.5;
      color: #1e293b;
    }

    .stars {
      color: #22c55e;
      font-size: 18px;
      margin-top: 12px;
    }

    .profile {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-top: 36px;
    }

    .avatar {
  width: 40px;
  height: 40px;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 16px;
  color: #fff;
  flex-shrink: 0;
}


    .info {
      display: flex;
      flex-direction: column;
    }

    .name {
      font-weight: bold;
      font-size: 0.95rem;
    }

    .date {
      font-size: 0.85rem;
      color: #64748b;
    }/* End custom CSS */