.elementor-2767 .elementor-element.elementor-element-0ad08b1{--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;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2767 .elementor-element.elementor-element-402b811 .aux-modern-heading-divider{background-color:transparent;height:4px;width:137px;margin:-10px 0px 0px 0px;background-image:radial-gradient(at center center, var( --e-global-color-accent ) 42%, var( --e-global-color-secondary ) 65%);}.elementor-2767 .elementor-element.elementor-element-402b811 > .elementor-widget-container{margin:-10px 0px 0px 0px;padding:0px 0px 4px 0px;}.elementor-2767 .elementor-element.elementor-element-402b811.elementor-element{--align-self:center;}.elementor-2767 .elementor-element.elementor-element-402b811 .aux-modern-heading-primary{font-size:50px;font-weight:700;color:#000000;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-2767 .elementor-element.elementor-element-b4cb4bc{--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;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-2767 .elementor-element.elementor-element-9ad3dab > .elementor-widget-container{padding:10px 0px 10px 20px;}.elementor-2767 .elementor-element.elementor-element-9ad3dab .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:2.2em;color:#000000;}.elementor-2767 .elementor-element.elementor-element-ce5f75c{text-align:left;}.elementor-2767 .elementor-element.elementor-element-ce5f75c img{width:15rem;}.elementor-2767 .elementor-element.elementor-element-e6a23d5{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-2767 .elementor-element.elementor-element-aeed3ff{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2767 .elementor-element.elementor-element-aeed3ff:not(.elementor-motion-effects-element-type-background), .elementor-2767 .elementor-element.elementor-element-aeed3ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://staging.geshmak.com/wp-content/uploads/2025/01/feature-rectangle.png");background-position:bottom right;background-repeat:no-repeat;background-size:contain;}.elementor-2767 .elementor-element.elementor-element-d1d1793 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2767 .elementor-element.elementor-element-aacbb52{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-2767 .elementor-element.elementor-element-aacbb52:not(.elementor-motion-effects-element-type-background), .elementor-2767 .elementor-element.elementor-element-aacbb52 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://staging.geshmak.com/wp-content/uploads/2025/01/feature-rectangle.png");background-position:bottom right;background-repeat:no-repeat;background-size:contain;}.elementor-2767 .elementor-element.elementor-element-3ad3299{--display:flex;}.elementor-2767 .elementor-element.elementor-element-96ae69e{font-family:"Inter", Sans-serif;font-size:18px;color:#000000;}.elementor-2767 .elementor-element.elementor-element-16a3577{--display:flex;}.elementor-2767 .elementor-element.elementor-element-eff9fcd{font-family:"Inter", Sans-serif;font-size:18px;color:#000000;}.elementor-2767 .elementor-element.elementor-element-9b8ea4c{--display:flex;}.elementor-2767 .elementor-element.elementor-element-071486e{font-family:"Inter", Sans-serif;font-size:18px;color:#000000;}.elementor-2767 .elementor-element.elementor-element-bae1304{--display:flex;}.elementor-2767 .elementor-element.elementor-element-28fb692{font-family:"Inter", Sans-serif;font-size:18px;color:#000000;}.elementor-2767 .elementor-element.elementor-element-b07a384{--display:flex;}.elementor-2767 .elementor-element.elementor-element-6cfeb3e{font-family:"Inter", Sans-serif;font-size:18px;color:#000000;}.elementor-2767 .elementor-element.elementor-element-d12ec81{--display:flex;}.elementor-2767 .elementor-element.elementor-element-d79234d{font-family:"Inter", Sans-serif;font-size:18px;color:#000000;}.elementor-2767 .elementor-element.elementor-element-1a1dec3{--display:flex;}.elementor-2767 .elementor-element.elementor-element-b8a60ae{font-family:"Inter", Sans-serif;font-size:18px;color:#000000;}.elementor-2767 .elementor-element.elementor-element-6deeb99{--display:flex;}.elementor-2767 .elementor-element.elementor-element-a8d086f{font-family:"Inter", Sans-serif;font-size:18px;color:#000000;}.elementor-2767 .elementor-element.elementor-element-d58be82{--display:flex;}.elementor-2767 .elementor-element.elementor-element-ecbe572{font-family:"Inter", Sans-serif;font-size:18px;color:#000000;}.elementor-2767 .elementor-element.elementor-element-b91ab30{--display:flex;}.elementor-2767 .elementor-element.elementor-element-1deb789{font-family:"Inter", Sans-serif;font-size:18px;color:#000000;}.elementor-2767 .elementor-element.elementor-element-42baabc{--display:flex;}.elementor-2767 .elementor-element.elementor-element-2ceb94e{font-family:"Inter", Sans-serif;font-size:18px;color:#000000;}.elementor-2767 .elementor-element.elementor-element-3fe4e2a{--display:flex;}.elementor-2767 .elementor-element.elementor-element-0023122{font-family:"Inter", Sans-serif;font-size:18px;color:#000000;}.elementor-2767 .elementor-element.elementor-element-d7d013d{--display:flex;}.elementor-2767 .elementor-element.elementor-element-1f5cb79{font-family:"Inter", Sans-serif;font-size:18px;color:#000000;}.elementor-2767 .elementor-element.elementor-element-27d277d{--display:flex;}.elementor-2767 .elementor-element.elementor-element-5059f8d{font-family:"Inter", Sans-serif;font-size:18px;color:#000000;}.elementor-2767 .elementor-element.elementor-element-c94e2f7{--display:flex;}.elementor-2767 .elementor-element.elementor-element-eabc64e{font-family:"Inter", Sans-serif;font-size:18px;color:#000000;}.elementor-2767 .elementor-element.elementor-element-422ba4c{--display:flex;}.elementor-2767 .elementor-element.elementor-element-9be4be6{font-family:"Inter", Sans-serif;font-size:18px;color:#000000;}.elementor-2767 .elementor-element.elementor-element-ce8bac2{--display:flex;}.elementor-2767 .elementor-element.elementor-element-371ff67{font-family:"Inter", Sans-serif;font-size:18px;color:#000000;}.elementor-2767 .elementor-element.elementor-element-111b029{--display:flex;}.elementor-2767 .elementor-element.elementor-element-e7a28d8{font-family:"Inter", Sans-serif;font-size:18px;color:#000000;}.elementor-2767 .elementor-element.elementor-element-5ab1ff3{--n-accordion-title-font-size:22px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:20px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:0px 0px 0px 0px;--n-accordion-title-active-color:#FFFFFF;--n-accordion-icon-size:10px;}.elementor-2767 .elementor-element.elementor-element-5ab1ff3 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:var( --e-global-color-secondary );border-style:none;}.elementor-2767 .elementor-element.elementor-element-5ab1ff3 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}.elementor-2767 .elementor-element.elementor-element-5ab1ff3 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-accent );}.elementor-2767 .elementor-element.elementor-element-5ab1ff3 {--n-accordion-padding:10px 10px 10px 10px;}:where( .elementor-2767 .elementor-element.elementor-element-5ab1ff3 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Inter", Sans-serif;font-weight:700;}:where( .elementor-2767 .elementor-element.elementor-element-5ab1ff3 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{--border-radius:0px 0px 0px 0px;--padding-top:10px;--padding-right:10px;--padding-bottom:10px;--padding-left:10px;}@media(min-width:768px){.elementor-2767 .elementor-element.elementor-element-e6a23d5{--content-width:1366px;}}@media(max-width:1366px){body:not(.rtl) .elementor-2767 .elementor-element.elementor-element-402b811{left:10px;}body.rtl .elementor-2767 .elementor-element.elementor-element-402b811{right:10px;}.elementor-2767 .elementor-element.elementor-element-402b811{top:2px;}}@media(max-width:767px){.elementor-2767 .elementor-element.elementor-element-402b811{width:100%;max-width:100%;}.elementor-2767 .elementor-element.elementor-element-402b811 > .elementor-widget-container{margin:-9px 0px 0px 0px;}.elementor-2767 .elementor-element.elementor-element-402b811 .aux-widget-inner > *{text-align:center;margin-left:auto !important;margin-right:auto !important;}.elementor-2767 .elementor-element.elementor-element-402b811 .aux-modern-heading-primary{font-size:31px;margin:0px 0px 0px 0px;padding:18px 18px 18px 18px;}.elementor-2767 .elementor-element.elementor-element-402b811 .aux-modern-heading-divider{width:96px;margin:-18px 0px 0px 0px;}.elementor-2767 .elementor-element.elementor-element-b4cb4bc{--padding-top:20px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-2767 .elementor-element.elementor-element-9ad3dab .elementor-heading-title{font-size:1.9em;}.elementor-2767 .elementor-element.elementor-element-e6a23d5{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for aux_modern_heading, class: .elementor-element-402b811 */.stickyheading {
    position: sticky;
    top: 0; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d1d1793 */.tabs-container {
    display: flex; /* Use flexbox to align tabs and content */
    height: 450px; /* Set a fixed height for the tab container */
    padding: 0px 64px;
    gap: 70px;
}

.tabs {
    width: 50%; /* Set width for the tabs */
    display: flex;
    flex-direction: column; /* Stack tabs vertically */
    /*margin-right: 20px;*/
    margin-top: 0px;
    margin-bottom: 0px;
    list-style: none;
    padding: 0;
    height: 100%; /* Full height */
    overflow-y: auto; /* Enable vertical scrolling */
    overflow-x: hidden; /* Hide horizontal overflow */
    color:#000;
}
/* Custom scrollbar for WebKit browsers (Chrome, Safari) */
.tabs {
    overflow: auto; /* Ensure the content is scrollable */
}
 
/* Hide scrollbar of category */
.tabs::-webkit-scrollbar {
    width: 0; /* Hide scrollbar */
    background: transparent; /* Optional: make the background transparent */
}
 
/* Custom scrollbar track (not visible) */
.tabs::-webkit-scrollbar-track {
    background: transparent; /* Make the scrollbar track transparent */
    border-radius: 10px; /* Rounded corners for the track */
}
 
/* Custom scrollbar thumb (not visible) */
.tabs::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent color for the scrollbar thumb */
    border-radius: 10px; /* Rounded corners for the thumb */
}
 
/* Optional: Darker color on hover (not visible) */
.tabs::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.5); /* Darker semi-transparent color on hover */
}
 
/* Custom scrollbar for Firefox */
.tabs {
    scrollbar-width: none; /* Hide scrollbar in Firefox */
}

/* Optional: Add padding to the content to ensure it is still scrollable */
.tabs {
    padding-right: 8px; /* Adjust as needed to prevent content from being cut off */
}

.tab {
    padding: 10px 15px;
    cursor: pointer;
    border: 1px solid transparent; 
    margin-bottom: 8px; 
    transition: background-color 0.3s, transform 0.7s; /* Add transition for transform */
    font-size: 24px;
    font-weight: 600;
    font-family: 'inter var', sans-serif;
    line-height: 35px;
}

.tab:hover  {
    transform: scale(1.03);
    transform-origin: left;
    color: #000;
    border-left: 4px solid #ff20c7; 
    border-bottom: none !important;
    font-size: 24px;
}

.tab.active {
    background-color: #25d366; /* Active tab color */
    color: white;
    border-color: var(--e-global-color-secondary); 
    /*border-bottom: 4px;*/
}

.tab.active:hover {
    transform: none;
    font-size: 24px;
}


.tab-content-container {
    width: 50%;
    display: flex; 
    align-items: flex-start; 
    justify-content: center; 
    flex-grow: 1; 
    /*border-radius: 30px;*/
    max-height: 450px; /* Adjust this value as needed */
    overflow: auto; /* Hide overflow from the container */
}

.tab-content {
    width: 100%;
    display: none; 
    text-align: left; 
    /*font-size: 18px;*/
    font-weight: 500;
    /*line-height: 28px;*/
    font-family: 'inter var', sans-serif;
    color: #000;
    padding: 0px 10px 0px 10px;
    max-height: 100%; 
    overflow-y: auto; 
    opacity: 0; 
    transition: opacity 0.9s ease; /* Transition for opacity */
    transition: height 0.5s ease, opacity 0.5s ease; 
}

.tab-content.active {
    display: block;
    opacity: 1; 
    font-size: 18px;
    line-height: 28px
    
}

/* WebKit browsers (Chrome, Safari) */
.tab-content::-webkit-scrollbar {
    width: 8px; /* Width of the scrollbar */

}

.tab-content::-webkit-scrollbar-track {
    background: transparent; /* Background of the scrollbar track */
}

.tab-content::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.5); /* Color of the scrollbar thumb */
    border-radius: 4px; /* Rounded corners for the scrollbar thumb */
}

.tab-content::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.7); /* Darker color on hover */
}

/* Firefox */
.tab-content {
    scrollbar-width: thin; /* Use 'thin' for a thinner scrollbar */
    scrollbar-color: rgba(0, 0, 0, 0.5) transparent; /* Thumb color and track color */
}


/*hide scroll of content column right side*/
/* Hide scrollbar for WebKit browsers (Chrome, Safari) */
.tab-content::-webkit-scrollbar {
    width: 0; /* Hide scrollbar */
    background: transparent; /* Optional: make the background transparent */
}

/* Custom scrollbar track (not visible) */
.tab-content::-webkit-scrollbar-track {
    background: transparent; /* Make the scrollbar track transparent */
}

/* Custom scrollbar thumb (not visible) */
.tab-content::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent color for the scrollbar thumb */
    border-radius: 10px; /* Rounded corners for the thumb */
}

/* Optional: Darker color on hover (not visible) */
.tab-content::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.5); /* Darker semi-transparent color on hover */
}

/* Custom scrollbar for Firefox */
.tab-content {
    scrollbar-width: none; /* Hide scrollbar in Firefox */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6a23d5 */.tabs-container {
    display: flex; /* Use flexbox to align tabs and content */
    height: 450px; /* Set a fixed height for the tab container */
    padding: 0px 64px;
    gap: 70px;
}

.tabs {
    width: 50%; /* Set width for the tabs */
    display: flex;
    flex-direction: column; /* Stack tabs vertically */
    /*margin-right: 20px;*/
    margin-top: 0px;
    margin-bottom: 0px;
    list-style: none;
    padding: 0;
    height: 100%; /* Full height */
    overflow-y: auto; /* Enable vertical scrolling */
    overflow-x: hidden; /* Hide horizontal overflow */
    color:#000;
}
/* Custom scrollbar for WebKit browsers (Chrome, Safari) */
.tabs {
    overflow: auto; /* Ensure the content is scrollable */
}
 
/* Hide scrollbar of category */
.tabs::-webkit-scrollbar {
    width: 0; /* Hide scrollbar */
    background: transparent; /* Optional: make the background transparent */
}
 
/* Custom scrollbar track (not visible) */
.tabs::-webkit-scrollbar-track {
    background: transparent; /* Make the scrollbar track transparent */
    border-radius: 10px; /* Rounded corners for the track */
}
 
/* Custom scrollbar thumb (not visible) */
.tabs::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent color for the scrollbar thumb */
    border-radius: 10px; /* Rounded corners for the thumb */
}
 
/* Optional: Darker color on hover (not visible) */
.tabs::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.5); /* Darker semi-transparent color on hover */
}
 
/* Custom scrollbar for Firefox */
.tabs {
    scrollbar-width: none; /* Hide scrollbar in Firefox */
}

/* Optional: Add padding to the content to ensure it is still scrollable */
.tabs {
    padding-right: 8px; /* Adjust as needed to prevent content from being cut off */
}

.tab {
    padding: 10px 15px;
    cursor: pointer;
    border: 1px solid transparent; 
    margin-bottom: 8px; 
    transition: background-color 0.3s, transform 0.7s; /* Add transition for transform */
    font-size: 24px;
    font-weight: 600;
    font-family: 'inter var', sans-serif;
    line-height: 35px;
}

.tab:hover  {
    transform: scale(1.03);
    /* Shrink effect on hover */
    color: #000;
    border-bottom: 4px solid #ff20c7; 
     font-size: 24px;
}

.tab.active {
    background-color: #25d366; /* Active tab color */
    color: white;
    border-color: var(--e-global-color-secondary); 
    border-bottom: 4px;
}

.tab.active:hover {
    transform: none; 
    /*border: none;*/
       border-bottom: none;
       font-size: 24px;
}


.tab-content-container {
    width: 50%;
    display: flex; 
    align-items: flex-start; 
    justify-content: center; 
    flex-grow: 1; 
    /*border-radius: 30px;*/
    max-height: 450px; /* Adjust this value as needed */
    overflow: auto; /* Hide overflow from the container */
}

.tab-content {
    width: 100%;
    display: none; 
    text-align: left; 
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    font-family: 'inter var', sans-serif;
    color: #000;
    padding: 0px 10px 0px 10px;
    max-height: 100%; 
    overflow-y: auto; 
    opacity: 0; 
    transition: opacity 0.9s ease; /* Transition for opacity */
    transition: height 0.5s ease, opacity 0.5s ease; 
}

.tab-content.active {
    display: block;
    opacity: 1; 
    
}

/* WebKit browsers (Chrome, Safari) */
.tab-content::-webkit-scrollbar {
    width: 8px; /* Width of the scrollbar */

}

.tab-content::-webkit-scrollbar-track {
    background: transparent; /* Background of the scrollbar track */
}

.tab-content::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.5); /* Color of the scrollbar thumb */
    border-radius: 4px; /* Rounded corners for the scrollbar thumb */
}

.tab-content::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.7); /* Darker color on hover */
}

/* Firefox */
.tab-content {
    scrollbar-width: thin; /* Use 'thin' for a thinner scrollbar */
    scrollbar-color: rgba(0, 0, 0, 0.5) transparent; /* Thumb color and track color */
}


/*hide scroll of content column right side*/
/* Hide scrollbar for WebKit browsers (Chrome, Safari) */
.tab-content::-webkit-scrollbar {
    width: 0; /* Hide scrollbar */
    background: transparent; /* Optional: make the background transparent */
}

/* Custom scrollbar track (not visible) */
.tab-content::-webkit-scrollbar-track {
    background: transparent; /* Make the scrollbar track transparent */
}

/* Custom scrollbar thumb (not visible) */
.tab-content::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent color for the scrollbar thumb */
    border-radius: 10px; /* Rounded corners for the thumb */
}

/* Optional: Darker color on hover (not visible) */
.tab-content::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.5); /* Darker semi-transparent color on hover */
}

/* Custom scrollbar for Firefox */
.tab-content {
    scrollbar-width: none; /* Hide scrollbar in Firefox */
}/* End custom CSS */