.elementor-779 .elementor-element.elementor-element-304de773{--display:flex;--min-height:80px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-779 .elementor-element.elementor-element-304de773:not(.elementor-motion-effects-element-type-background), .elementor-779 .elementor-element.elementor-element-304de773 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D1E3B;}.elementor-779 .elementor-element.elementor-element-989eab3{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-779 .elementor-element.elementor-element-6937466 .elementor-icon-wrapper{text-align:center;}.elementor-779 .elementor-element.elementor-element-6937466.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-1ea84af );}.elementor-779 .elementor-element.elementor-element-6937466.elementor-view-framed .elementor-icon, .elementor-779 .elementor-element.elementor-element-6937466.elementor-view-default .elementor-icon{color:var( --e-global-color-1ea84af );border-color:var( --e-global-color-1ea84af );}.elementor-779 .elementor-element.elementor-element-6937466.elementor-view-framed .elementor-icon, .elementor-779 .elementor-element.elementor-element-6937466.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-1ea84af );}.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-779 .elementor-element.elementor-element-3e833835 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-779 .elementor-element.elementor-element-3e833835.elementor-element{--align-self:center;}.elementor-779 .elementor-element.elementor-element-3e833835{text-align:left;}.elementor-779 .elementor-element.elementor-element-3e833835 img{width:150px;}.elementor-779 .elementor-element.elementor-element-0907056 > .elementor-widget-container{margin:0px 0px 0px 70px;}.elementor-779 .elementor-element.elementor-element-cd5dd0c{--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;--justify-content:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-779 .elementor-element.elementor-element-f047eb8 .elementor-button{background-color:#2652D0;font-family:"gotham medium", Sans-serif;font-weight:0;letter-spacing:0.8px;border-radius:5px 5px 5px 5px;}.elementor-779 .elementor-element.elementor-element-f047eb8 > .elementor-widget-container{margin:0px 10px 0px 0px;}.elementor-779 .elementor-element.elementor-element-f047eb8.elementor-element{--align-self:center;}.elementor-779 .elementor-element.elementor-element-56ec481{--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:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:90000;}.elementor-779 .elementor-element.elementor-element-fca6a02{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-779 .elementor-element.elementor-element-7cefbb5{text-align:left;}.elementor-779 .elementor-element.elementor-element-7cefbb5 img{width:50px;height:50px;border-radius:50px 50px 50px 50px;}.elementor-779 .elementor-element.elementor-element-b939e9c{--display:flex;--position:absolute;--border-radius:20px 20px 20px 20px;--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}.elementor-779 .elementor-element.elementor-element-b939e9c:not(.elementor-motion-effects-element-type-background), .elementor-779 .elementor-element.elementor-element-b939e9c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1ea84af );}body:not(.rtl) .elementor-779 .elementor-element.elementor-element-b939e9c{right:0px;}body.rtl .elementor-779 .elementor-element.elementor-element-b939e9c{left:0px;}.elementor-779 .elementor-element.elementor-element-06fcd97{--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;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.16);}.elementor-779 .elementor-element.elementor-element-06fcd97:not(.elementor-motion-effects-element-type-background), .elementor-779 .elementor-element.elementor-element-06fcd97 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-779 .elementor-element.elementor-element-bdf78d6{--display:flex;}.elementor-779 .elementor-element.elementor-element-bd0e426 .elementor-icon-wrapper{text-align:center;}.elementor-779 .elementor-element.elementor-element-bd0e426.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-779 .elementor-element.elementor-element-bd0e426.elementor-view-framed .elementor-icon, .elementor-779 .elementor-element.elementor-element-bd0e426.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-779 .elementor-element.elementor-element-bd0e426.elementor-view-framed .elementor-icon, .elementor-779 .elementor-element.elementor-element-bd0e426.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-779 .elementor-element.elementor-element-14a022d{--display:flex;--position:fixed;--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;bottom:0px;}.elementor-779 .elementor-element.elementor-element-14a022d:not(.elementor-motion-effects-element-type-background), .elementor-779 .elementor-element.elementor-element-14a022d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1ea84af );}body:not(.rtl) .elementor-779 .elementor-element.elementor-element-14a022d{left:0px;}body.rtl .elementor-779 .elementor-element.elementor-element-14a022d{right:0px;}.elementor-779 .elementor-element.elementor-element-7d8a295{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-779 .elementor-element.elementor-element-304de773{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-779 .elementor-element.elementor-element-6937466 > .elementor-widget-container{margin:05px 0px 0px 0px;}.elementor-779 .elementor-element.elementor-element-6937466 .elementor-icon{font-size:31px;}.elementor-779 .elementor-element.elementor-element-6937466 .elementor-icon svg{height:31px;}.elementor-779 .elementor-element.elementor-element-0907056 > .elementor-widget-container{margin:0px 0px 0px 30px;}}@media(max-width:768px){.elementor-779 .elementor-element.elementor-element-06fcd97{--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;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;--z-index:9;}.elementor-779 .elementor-element.elementor-element-8b91b88.elementor-element{--align-self:center;}.elementor-779 .elementor-element.elementor-element-8b91b88 img{width:120px;}.elementor-779 .elementor-element.elementor-element-bdf78d6{--width:auto;--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-779 .elementor-element.elementor-element-bd0e426 > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-779 .elementor-element.elementor-element-bd0e426.elementor-element{--align-self:center;}.elementor-779 .elementor-element.elementor-element-bd0e426 .elementor-icon{font-size:21px;}.elementor-779 .elementor-element.elementor-element-bd0e426 .elementor-icon svg{height:21px;}.elementor-779 .elementor-element.elementor-element-14a022d{--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;--justify-content:space-between;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;--z-index:10;}.elementor-779 .elementor-element.elementor-element-7d8a295{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:99999;}}@media(min-width:769px){.elementor-779 .elementor-element.elementor-element-56ec481{--width:auto;}.elementor-779 .elementor-element.elementor-element-fca6a02{--width:auto;}.elementor-779 .elementor-element.elementor-element-b939e9c{--width:230px;}}/* Start custom CSS for html, class: .elementor-element-0907056 */.search-container {
  background-color: #4a5568;
  padding: 0px 16px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  width: 500px;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

/* Focus effect */
.search-container:focus-within {
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.3);
  transform: scale(1.01);
  border: 0.1px solid #e1e1e1;
  background-color: #2d3748; /* Slightly darker on focus */
}

.search-icon {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  transition: transform 0.3s ease;
}

/* Icon animation on focus */
.search-container:focus-within .search-icon {
  transform: rotate(10deg) scale(1.1);
}

.search-input {
  border: none!important;
  outline: none;
  background: transparent;
  color: #ffffff;
  font-size: 16px;
  width: 100%;
  box-shadow: none;
  transition: color 0.3s ease;
}

.search-input::placeholder {
  color: #cbd5e0;
  font-family: 'gotham rounded';
  font-weight: 900;
  font-size: 16px;
  transition: color 0.3s ease;
}

/* Dim placeholder on focus */
.search-input:focus::placeholder {
  color: #a0aec0;
}
  .suggestions-box li:hover {
    background-color: #f5f5f5;
  }


.suggestions-box {
  display: none;
  position: absolute;
  background: #fff;
  border: 1px solid #ccc;
  border-top: none;
  list-style: none;
  top: 45px;
  left: 0;
  width: 100%;
  padding: 0;
  margin: 0;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  max-height: 200px;
  overflow-y: auto;
  border-radius: 0 0 8px 8px;
  z-index: 99999;
}

.suggestions-box li {
  padding: 10px 15px;
  cursor: pointer;
  font-size: 14px;
  border-bottom: 1px solid #eee;
  transition: background 0.2s;
}

.suggestions-box li:last-child {
  border-bottom: none;
}

.suggestions-box li:hover {
  background: #f5f5f5;
}



@media (max-width:1024px){
    .search-container {
        width:400px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-acfeea2 */.downicon {
  transition: transform 0.3s ease;
  display: inline-block;
}

.profile-dropdown.active .downicon {
  transform: scaleY(-1);
}
.profile-dropdown i{
    color: white;
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fca6a02 */.elementor-779 .elementor-element.elementor-element-fca6a02{
    cursor: pointer;
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3c9ffe6 *//* Initially hide the dropdown */
.dropdown {
  display: none;
  box-shadow: 0px 2px 10px rgba(0,0,0,0.1);
  z-index: 1000;
}

/* When active (via JS), show it */
.dropdown.active {
  display: block;
}


.container_profile {
    background-color: transparent;
    padding: 10px;
    margin: 10px;
    cursor: pointer;
    text-align: left;
    transition: background-color 0.3s ease;
    border-radius: 5px;
}

/* Hover effect */
.container_profile :hover {
    background-color: white;
}

/* Active state styling (when container matches the current URL) */
.container_profile .active {
    background-color: white;
    color: #253add;
    -webkit-text-stroke: 0.2px #253add;
}


.org123-open-overlay-btn,
.org123-open-overlay-btn:hover,
.org123-open-overlay-btn:focus{
    all: unset;
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8fe2f39 */.bottom-dashboard {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-top: 1px solid #ccc;
        background: white;
        padding: 10px 0;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 9;
        box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.05);
    }

    .dashboard-item {
        flex: 1 1 20%;
        max-width: 20%;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        font-size: 12px;
        color: #000000E0;
    }

    .dashboard-item i {
        font-size: 20px;
        margin-bottom: 5px;
        color: #000000E0;
    }

    .dashboard-item.active {
        color: #0066FF;
    }

    .dashboard-item.active i {
        color: #0066FF;
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dc5f575 *//* Sidebar menu */
    .side-menu {
      position: fixed;
      top: 0;
      right: -260px;
      width: 260px;
      height: 100%;
      background-color: #fff;
      box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
      transition: right 0.3s ease;
      padding-top: 60px;
      z-index: 1000;
    }

    .side-menu.open {
      right: 0;
    }

    .side-menu a {
      display: block;
      padding: 15px 25px;
      text-decoration: none;
      color: #000;
      font-size: 16px;
      font-family: 'gotham medium';
      
      border-bottom: 1px solid #eee;
    }

    .side-menu a:hover {
      background-color: #f5f5f5;
    }

    .side-menu .post-btn {
      margin: 30px 20px;
      padding: 12px;
      background-color: #3b82f6;
      color: white;
      text-align: center;
      border-radius: 5px;
      font-weight: bold;
      text-decoration: none;
      display: block;
    }

    .overlay {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.3);
      display: none;
      z-index: 999;
    }

    .overlay.show {
      display: block;
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5a5765a */@media (max-width:768px){
  .modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    display: none;
    justify-content: center;
    align-items: flex-end;
    z-index: 9999;
  }

  .modal-overlay.show {
    display: flex !important;
  }

  .modal-box {
    background: #fff;
    width: 100%;
    max-width: 500px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding: 30px;
    animation: slideUp 0.3s ease-out;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.2);
  }
  


/* Modal Box */
.modal-box {
  background: #fff;
  border-radius: 10px;
  padding: 30px 25px;
  max-width: 450px;
  width: 100%;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
  position: relative;
  font-family: 'gotham medium';
}
.modal-box p{
    font-family: 'gotham rounded';
    font-weight: 900;
}
/* Close Button */
.close-btn {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 24px;
  color: #888;
  cursor: pointer;
}

/* Heading */
.modal-box h2 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 5px;
  text-transform: capitalize;
}

/* Subheading */
.modal-box h2 + p,
.modal-box > p {
  font-size: 14px;
  color: #777;
  margin-bottom: 20px;
}

/* Input Fields */
.preq input,
.preq select {
  width: 100%;
  padding: 12px 14px;
  font-size: 15px;
  border: 1px solid #ccc;
  border-radius: 6px;
  margin-bottom: 18px;
  box-sizing: border-box;
  outline: none;
  transition: border 0.2s ease;
}
.preq p{
    margin-bottom: 5px;
    font-size: 14px;
}
.preq input:focus,
.preq select:focus {
  border-color: #007bff;
}

/* Button */
.postbutton button,
.postbutton button:hover{
  width: 100%;
  padding: 12px;
  background-color: #0066ff;
  color: white;
  font-size: 16px;
  border: none;
  border-radius: 6px;
  scale: 1!important;
  cursor: pointer;
  transition: background 0.3s ease;
}


.state{
    font-family: 'gotham rounded';
    font-weight: 900;
}

 .close-btn {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 24px;
    cursor: pointer;
    color: #999;
  }

  /* Prevent scroll when modal is open */
  .no-scroll {
    overflow: hidden;
  }
  

}
  @keyframes slideUp {
    from {
      transform: translateY(100%);
    }
    to {
      transform: translateY(0);
    }
  }
  
  
  
  
 /*select field in mob*/
 /* General style for select inputs */
.products-details-form select {
  width: 100%;
  background-color: white !important;
  color: #000;
  padding: 10px 20px 10px 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-family: 'Gotham Rounded', sans-serif;
  font-weight: 900;
  appearance: none; /* Hide default arrow in most browsers */
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 9L13 1' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 20px center; /* 20px from right */
  background-size: 9px 15px;
}

/* Remove gray iOS style on mobile Safari */
select:focus {
  outline: none;
  background-color: white !important;
}

/* Ensure white background on mobile for iOS & Android */
@media (max-width: 768px) {
  .products-details-form select {
    background-color: white !important;
  }
}/* End custom CSS */