.elementor-26956 .elementor-element.elementor-element-b1bacbc{--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;--padding-top:15px;--padding-bottom:20px;--padding-left:120px;--padding-right:120px;}.elementor-26956 .elementor-element.elementor-element-b1bacbc:not(.elementor-motion-effects-element-type-background), .elementor-26956 .elementor-element.elementor-element-b1bacbc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a5f5932 );}.elementor-26956 .elementor-element.elementor-element-0a54636{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-26956 .elementor-element.elementor-element-0a54636.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-26956 .elementor-element.elementor-element-c0e808b{--display:flex;--margin-top:0px;--margin-bottom:350px;--margin-left:0px;--margin-right:0px;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );}.elementor-26956 .elementor-element.elementor-element-6aceec4{text-align:left;}.elementor-26956 .elementor-element.elementor-element-6aceec4 img{width:100%;}.elementor-26956 .elementor-element.elementor-element-638ffc7{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-26956 .elementor-element.elementor-element-c2d6a79 .elementor-heading-title{font-family:"DM Sans Custom", sans-serif;font-size:16px;font-weight:400;line-height:1.2em;color:#000000;}.elementor-26956 .elementor-element.elementor-element-e82d375{--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;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );}.elementor-26956 .elementor-element.elementor-element-23f4b5c img{width:100%;}.elementor-26956 .elementor-element.elementor-element-e0cc8f5 img{width:100%;}.elementor-26956 .elementor-element.elementor-element-769611b img{width:100%;}.elementor-26956 .elementor-element.elementor-element-4b2d8f4{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 0px;--row-gap:20px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:0px;--padding-left:25px;--padding-right:0px;}.elementor-26956 .elementor-element.elementor-element-b4640f5 .elementor-heading-title{font-family:"DM Sans Custom", sans-serif;font-size:36px;font-weight:500;line-height:1.2em;color:#2C2C2C;}.elementor-26956 .elementor-element.elementor-element-b4640f5{width:100%;max-width:100%;}.elementor-26956 .elementor-element.elementor-element-964bdf1 .elementor-heading-title{font-family:"DM Sans Custom", sans-serif;font-size:36px;font-weight:500;line-height:1.2em;color:#2C2C2C;}.elementor-26956 .elementor-element.elementor-element-964bdf1{width:100%;max-width:100%;}.elementor-26956 .elementor-element.elementor-element-d1acbb9 > .elementor-widget-container{margin:0px 0px 80px 0px;padding:0px 0px 0px 0px;}.elementor-26956 .elementor-element.elementor-element-65b1d4f > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-26956 .elementor-element.elementor-element-159a92b{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-26956 .elementor-element.elementor-element-4c82df1{text-align:right;}.elementor-26956 .elementor-element.elementor-element-4c82df1 > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-26956 .elementor-element.elementor-element-c9a3c31{--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;--padding-top:15px;--padding-bottom:20px;--padding-left:120px;--padding-right:120px;}.elementor-26956 .elementor-element.elementor-element-c9a3c31:not(.elementor-motion-effects-element-type-background), .elementor-26956 .elementor-element.elementor-element-c9a3c31 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a5f5932 );}.elementor-26956 .elementor-element.elementor-element-3246a10{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-26956 .elementor-element.elementor-element-3246a10.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-26956 .elementor-element.elementor-element-911dec0{text-align:left;}.elementor-26956 .elementor-element.elementor-element-911dec0 img{width:100%;}.elementor-26956 .elementor-element.elementor-element-ec87242 .elementor-heading-title{font-family:"DM Sans Custom", sans-serif;font-size:36px;font-weight:500;line-height:1.2em;color:#2C2C2C;}.elementor-26956 .elementor-element.elementor-element-9763b4f .elementor-heading-title{font-family:"DM Sans Custom", sans-serif;font-size:36px;font-weight:500;line-height:1.2em;color:#2C2C2C;}.elementor-26956 .elementor-element.elementor-element-783c318 > .elementor-widget-container{margin:0px 0px 80px 0px;padding:0px 0px 0px 0px;}.elementor-26956 .elementor-element.elementor-element-783c318{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;}.elementor-26956 .elementor-element.elementor-element-7488acd > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-26956 .elementor-element.elementor-element-c572d36 .elementor-heading-title{font-family:"DM Sans Custom", sans-serif;font-size:16px;font-weight:400;line-height:1.2em;color:#000000;}.elementor-26956 .elementor-element.elementor-element-4d32aad{--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;}.elementor-26956 .elementor-element.elementor-element-f31da6f img{width:100%;}.elementor-26956 .elementor-element.elementor-element-0d41c76 img{width:100%;}.elementor-26956 .elementor-element.elementor-element-ae8c2f5{text-align:right;top:0px;}.elementor-26956 .elementor-element.elementor-element-ae8c2f5 > .elementor-widget-container{padding:10px 0px 0px 0px;}body:not(.rtl) .elementor-26956 .elementor-element.elementor-element-ae8c2f5{left:0px;}body.rtl .elementor-26956 .elementor-element.elementor-element-ae8c2f5{right:0px;}#elementor-popup-modal-26956 .dialog-message{width:100vw;height:auto;}#elementor-popup-modal-26956{justify-content:center;align-items:flex-start;pointer-events:all;background-color:rgba(0,0,0,.8);}#elementor-popup-modal-26956 .dialog-widget-content{animation-duration:0.6s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:1024px){.elementor-26956 .elementor-element.elementor-element-b1bacbc{--padding-top:15px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-26956 .elementor-element.elementor-element-c9a3c31{--padding-top:15px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}}@media(max-width:767px){.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-26956 .elementor-element.elementor-element-c9a3c31{--padding-top:10px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-26956 .elementor-element.elementor-element-3246a10{--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-26956 .elementor-element.elementor-element-911dec0 img{width:46%;}.elementor-26956 .elementor-element.elementor-element-ec87242 .elementor-heading-title{font-size:22px;}.elementor-26956 .elementor-element.elementor-element-ec87242 > .elementor-widget-container{margin:70px 0px 0px 0px;}.elementor-26956 .elementor-element.elementor-element-9763b4f .elementor-heading-title{font-size:22px;}.elementor-26956 .elementor-element.elementor-element-7488acd > .elementor-widget-container{margin:80px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26956 .elementor-element.elementor-element-fb58c60 img{width:100%;}body:not(.rtl) .elementor-26956 .elementor-element.elementor-element-ae8c2f5{left:281px;}body.rtl .elementor-26956 .elementor-element.elementor-element-ae8c2f5{right:281px;}.elementor-26956 .elementor-element.elementor-element-ae8c2f5{top:-491px;}}@media(min-width:768px){.elementor-26956 .elementor-element.elementor-element-0a54636{--width:25.646%;}.elementor-26956 .elementor-element.elementor-element-3246a10{--width:25.646%;}}/* Start custom CSS for heading, class: .elementor-element-b4640f5 *//* Add this CSS to the Custom CSS section in Elementor */
.hd-1 {
  position: relative;
  display: inline-block;
}

.hd-1::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 3px;
  background-color: #2C2C2C;
  transition: width 0.3s ease;
}

.hd-1:hover::after {
  width: 100%;
  left: 0;
}

.hd-1:active::after {
  width: 0;
  left: 0;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-964bdf1 *//* Add this CSS to the Custom CSS section in Elementor */
.hd-2 {
  position: relative;
  display: inline-block;
}

.hd-2::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 3px;
  background-color: #2C2C2C;
  transition: width 0.3s ease;
}

.hd-2:hover::after {
  width: 100%;
  left: 0;
}

.hd-2:active::after {
  width: 0;
  left: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d1acbb9 *//* Container for the dropdown menu */
.dropdown-menu {
  position: relative; /* For absolute positioning of the submenu */
}

/* Styling for the main heading */
.hd-3 {
  color: #2C2C2C; /* Main heading color */
  font-family: 'DM Sans', sans-serif; /* Font: DM Sans */
  letter-spacing: -1.5px;
  font-size: 36px; /* Font size for the main heading */
  font-weight: 500; /* Font weight for the main heading */
  margin: 0; /* Adjust margin for spacing */
  padding: 1px 0; /* Padding for the main heading */
}

/* Initially hide the submenu */
.submenu {
  display: none;
  position: absolute;
  top: 100%; /* Position below the main heading */
  left: 0;
  opacity: 0;
  transform: translateY(-20px); /* Start above */
  transition: opacity 0.3s ease, transform 0.3s ease; /* Smooth transition */
  background-color: #FDFCFA; /* Background color for submenu */
  z-index: 10; /* Ensure it stays on top of other content */
  width: 100%; /* Submenu width matches the parent container */
}

/* Show the submenu when hovering over the main heading */
.dropdown-menu:hover .submenu {
  display: block;
  opacity: 1;
  transform: translateY(0); /* Slide down smoothly */
}

/* Styling for the sub-headings */
.hd-4, .hd-5 {
  color: #2C2C2C; /* Subheading color */
  font-family: 'DM Sans', sans-serif; /* Font: DM Sans */
  font-size: 21px; /* Font size for sub-headings */
  font-weight: 500; /* Font weight for sub-headings */
  text-decoration: none; /* Remove underline */
  padding: 2px 1px; /* Padding for each link */
  margin: 0; /* Remove margin to adjust spacing */
  background-color: #FDFCFA; /* Background color for links */
  border-bottom: 0px solid #ccc; /* Border between the links */
  position: relative; /* For positioning the underline */
}

/* Underline effect on hover (same as .hd-3) */
.hd-4::after, .hd-5::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 3px;
  background-color: #2C2C2C;
  transition: width 0.3s ease; /* Add smooth transition */
}

/* On hover, increase the width to 100% of the text width */
.hd-4:hover::after, .hd-5:hover::after {
  width: 100%; /* Ensure underline width matches the text */
}

/* Add this CSS to the Custom CSS section in Elementor */
.hd-3, .hd-4, .hd-5 {
  position: relative;
  display: inline-block; /* Ensure it is inline-block for proper underline behavior */
}

/* Underline effect for main heading */
.hd-3::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 3px;
  background-color: #2C2C2C;
  transition: width 0.3s ease;
}

.hd-3:hover::after {
  width: 100%; /* Adjust the width for .hd-3 */
}

.hd-4:hover::after {
  width: 85%; /* Adjust the width for .hd-4 */
}

.hd-5:hover::after {
  width: 65%; /* Adjust the width for .hd-5 */
}

.hd-3:active::after, .hd-4:active::after, .hd-5:active::after {
  width: 0;
  left: 0;
}

/* Ensure the submenu stays vertically aligned */
.submenu {
  display: flex !important; /* Makes the container a flexbox */
  flex-direction: column !important; /* Stacks items vertically */
  width: 100% !important; /* Ensures it takes the full available width */
}

.submenu a {
  display: block !important; /* Ensures each link behaves as a block element */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-65b1d4f */.elegant-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 23px 117px;
  background: #FF7353;
  color: #2C2C2C;
  font-size: 24px;
  font-family: 'DM Sans Custom';
  font-weight: 400;
  cursor: pointer;
  overflow: hidden;
  transition: color 0.3s ease, border-color 0.3s ease;
}

/* background overlay for hover color */
.elegant-btn::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0%;
  background: #9A87F0; /* change this color later */
  z-index: 0;
  transition: height 0.4s ease;
}

/* text layers */
.elegant-btn span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.4s ease, opacity 0.4s ease;
  white-space: nowrap;
  z-index: 1;
}

/* second text (hover state) */
.elegant-btn .hovered-text {
  color: #2C2C2C; /* text color on hover */
  opacity: 0;
  transform: translate(-50%, 100%);
}

/* hover animations */
.elegant-btn:hover::before {
  height: 100%;
}

.elegant-btn:hover .base-text {
  transform: translate(-50%, -150%);
  opacity: 0;
}

.elegant-btn:hover .hovered-text {
  transform: translate(-50%, -50%);
  opacity: 1;
}

/* revert smoothly */
.elegant-btn:not(:hover) .hovered-text {
  transform: translate(-50%, 100%);
  opacity: 0;
}

@media (max-width: 1024px) {
  .elegant-btn {
    padding: 20px 115px; 
    font-size: 20px; 
  }
}

/* MOBILE */
@media (max-width: 767px) {
  .elegant-btn {
    padding: 17px 80px;
    font-size: 16px; 
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec87242 *//* Add this CSS to the Custom CSS section in Elementor */
.hd-1 {
  position: relative;
  display: inline-block;
}

.hd-1::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 3px;
  background-color: #2C2C2C;
  transition: width 0.3s ease;
}

.hd-1:hover::after {
  width: 23%;
  left: 0;
}

.hd-1:active::after {
  width: 0;
  left: 0;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9763b4f *//* Add this CSS to the Custom CSS section in Elementor */
.hd-2 {
  position: relative;
  display: inline-block;
}

.hd-2::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 3px;
  background-color: #2C2C2C;
  transition: width 0.3s ease;
}

.hd-2:hover::after {
  width: 50%;
  left: 0;
}

.hd-2:active::after {
  width: 0;
  left: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-783c318 *//* Hide the checkbox */
.toggle-checkbox {
  display: none;
}

/* Styling for the main heading */
.hd-3-mobile {
  color: #2C2C2C;
  font-family: 'DM Sans', sans-serif;
  letter-spacing: -1.5px;
  font-size: 22px;
  font-weight: 500;
  margin: 0;
  padding: 1px 0;
  cursor: pointer; /* Make it clickable */
}

/* Initially hide the submenu */
.submenu-mobile {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-20px); /* Start above */
  transition: opacity 0.3s ease, transform 0.3s ease; /* Smooth transition */
  background-color: #FDFCFA;
  z-index: 10;
  width: 100%;
  position: absolute;
  top: 40%;
  left: 0;
}

/* Show submenu when checkbox is checked (clicking main heading) */
.toggle-checkbox:checked + .hd-3-mobile + .submenu-mobile {
  opacity: 1;
  visibility: visible;
  transform: translateY(0); /* Slide down smoothly */
}

/* Show underline when checkbox is checked */
.toggle-checkbox:checked + .hd-3-mobile::after {
  width: 100%;
}

/* Styling for the sub-headings */
.hd-4-mobile, .hd-5-mobile {
  color: #2C2C2C;
  font-family: 'DM Sans', sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
  display: block;
  padding: 2px 1px;
  margin: 0;
  background-color: #FDFCFA;
  border-bottom: 0px solid #ccc;
}

/* Optional: Add a smooth transition for the sub-menu visibility */
.hd-3-mobile, .hd-4-mobile, .hd-5-mobile {
  position: relative;
  display: inline-block;
}

.hd-3-mobile::after, .hd-4-mobile::after, .hd-5-mobile::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 3px;
  background-color: #2C2C2C;
  transition: width 0.3s ease;
}

/* Hide underline when submenu is hidden */
.toggle-checkbox:not(:checked) + .hd-3-mobile::after {
  width: 0; /* Reset the width when the checkbox is unchecked */
}

/* Hover effect on headings */
.hd-3-mobile:hover::after {
  width: 100%;
}

.hd-4-mobile:hover::after {
  width: 100%;
}

.hd-5-mobile:hover::after {
  width: 100%;
}

/* Reset underline when active */
.hd-3-mobile:active::after, .hd-4-mobile:active::after, .hd-5-mobile:active::after {
  width: 0;
  left: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7488acd */.stylish-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 23px 117px;
  background: #FF7353;
  color: #2C2C2C;
  font-size: 24px;
  font-family: 'DM Sans Custom';
  font-weight: 400;
  cursor: pointer;
  overflow: hidden;
  transition: color 0.3s ease, border-color 0.3s ease;
}

/* background overlay for hover color */
.stylish-btn::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0%;
  background: #9A87F0; /* change this color later */
  z-index: 0;
  transition: height 0.4s ease;
}

/* text layers */
.stylish-btn span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.4s ease, opacity 0.4s ease;
  white-space: nowrap;
  z-index: 1;
}

/* second text (hover state) */
.stylish-btn .active-text {
  color: #2C2C2C; /* text color on hover */
  opacity: 0;
  transform: translate(-50%, 100%);
}

/* hover animations */
.stylish-btn:hover::before {
  height: 100%;
}

.stylish-btn:hover .initial-text {
  transform: translate(-50%, -150%);
  opacity: 0;
}

.stylish-btn:hover .active-text {
  transform: translate(-50%, -50%);
  opacity: 1;
}

/* revert smoothly */
.stylish-btn:not(:hover) .active-text {
  transform: translate(-50%, 100%);
  opacity: 0;
}

@media (max-width: 1024px) {
  .stylish-btn {
    padding: 20px 115px; 
    font-size: 20px; 
  }
}

/* MOBILE */
@media (max-width: 767px) {
  .stylish-btn {
    padding: 17px 80px;
    font-size: 16px; 
  }
}/* End custom CSS */