.elementor-4945 .elementor-element.elementor-element-78241fb{--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:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4945 .elementor-element.elementor-element-78241fb.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4945 .elementor-element.elementor-element-15ad946{--display:flex;--margin-top:62px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4945 .elementor-element.elementor-element-c317095{--display:flex;--min-height:633px;--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:5px 5px 5px 5px;box-shadow:8px 8px 30px 0px rgba(41.999999999999986, 67.00000000000004, 113, 0.2);--margin-top:58px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-4945 .elementor-element.elementor-element-c317095:not(.elementor-motion-effects-element-type-background), .elementor-4945 .elementor-element.elementor-element-c317095 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0096AC;}.elementor-4945 .elementor-element.elementor-element-e9ff847{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:85px;--padding-right:0px;}.elementor-4945 .elementor-element.elementor-element-dbdbb5e{text-align:center;}.elementor-4945 .elementor-element.elementor-element-dbdbb5e .ot-heading .main-heading{font-size:71px;font-weight:700;line-height:48px;margin-bottom:10px;}.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-4945 .elementor-element.elementor-element-e263afa{width:auto;max-width:auto;bottom:0px;z-index:0;}body:not(.rtl) .elementor-4945 .elementor-element.elementor-element-e263afa{left:426px;}body.rtl .elementor-4945 .elementor-element.elementor-element-e263afa{right:426px;}.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-4945 .elementor-element.elementor-element-1565b05{text-align:center;font-family:"iran-sans", Sans-serif;font-size:25px;font-weight:400;color:#FFFFFF;}.elementor-4945 .elementor-element.elementor-element-1b76721{--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-4945 .elementor-element.elementor-element-53675da{--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;}body.elementor-page-4945{margin:0px 0px 0px 0px;}@media(max-width:767px){.elementor-4945 .elementor-element.elementor-element-c317095{--min-height:291px;--margin-top:-115px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:040px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-4945 .elementor-element.elementor-element-e9ff847{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4945 .elementor-element.elementor-element-dbdbb5e .ot-heading .main-heading{font-size:51px;}}@media(min-width:768px){.elementor-4945 .elementor-element.elementor-element-78241fb{--width:100%;}.elementor-4945 .elementor-element.elementor-element-e9ff847{--width:60%;}.elementor-4945 .elementor-element.elementor-element-53675da{--width:50%;}}/* Start custom CSS *//* Alternative: Use left positioning */
.elementor-element-78241fb {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    width: 100vw !important;
}

html {
    overflow-x: hidden;
}



/*=============*/
<style>
/* Product Card Button Styles - EQUAL WIDTH */
.products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 15px;
    padding: 20px;
    direction: rtl;
}

.product-card-wrapper {
    width: 100%;
}

.product-card-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    width: 100%;
    padding: 18px 25px;
    background: linear-gradient(135deg, #0096ac 0%, #00b4d8 100%);
    border-radius: 15px;
    text-decoration: none !important;
    cursor: pointer;
    transition: all 0.4s ease;
    box-shadow: 
        0 5px 15px rgba(0, 150, 172, 0.3),
        0 2px 6px rgba(0, 150, 172, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.product-name {
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    transition: color 0.15s ease;
    white-space: nowrap;
}

.product-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.product-arrow svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: #ffffff;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: stroke 0.15s ease;
}

/* Hover Effects */
.product-card-btn:hover {
    transform: translateY(-5px);
    background: #ffffff;
    box-shadow: 
        0 10px 25px rgba(0, 150, 172, 0.4),
        0 5px 12px rgba(0, 150, 172, 0.3),
        0 0 20px rgba(0, 150, 172, 0.2);
}

.product-card-btn:hover .product-name {
    color: #0096ac;
}

.product-card-btn:hover .product-arrow {
    background: #0096ac;
    transform: translateX(-5px);
}

.product-card-btn:hover .product-arrow svg {
    stroke: #ffffff;
}

.product-card-btn:active {
    transform: translateY(-2px);
}
</style>/* End custom CSS */