/* CustomFonts */

:root{
	--default-color: #1e293b;

	--accent-color:#030f27;
    --accent-color2:#ffd700;
	--color-black:#f1f5f9;
	--accent-color-black:#ffd700;
	--color-black:#f1f5f9;
	--background-black:#030f27;

	--link-color:#2e76c2;
	--link-visited-color:#475569;
	--link-hover-color:#2e76c2;
	--link-active-color:#030f27;

    --button-color1:#030f27;
	--button-hover-color1:#2e76c2;
    --button-color2:#ffd700;
	--button-hover-color2:#E6C200;
    --button-color3:#0ea5e9;
	--button-hover-color3:#0284c7;

	--h1-color: #030f27;
	--h2-color: #1e293b;
	--h3-color: #0f172a;
	--h4-color: #2563eb;
	--h5-color: #0ea5e9;
	--h6-color: #64748b;

	--container-width: auto;

}

@media (min-width:576px) {
	:root{
		--container-width: 540px;
	}
}
@media (min-width:768px) {
	:root{
		--container-width: 760px;
	}
}
@media (min-width:992px) {
	:root{
		--container-width: 960px;
	}
}
@media (min-width:1200px) {
	:root{
		--container-width: 1140px;
	}
}
@media (min-width:1600px) {
	:root{
		--container-width: 1200px;
	}
}



/*Font Persian Lang*/
@font-face { font-family: 'IRANSansX'; src: url("/Portals/_default/Skins/obvio/fonts/IRANSansXFaNum-Regular.woff") format('woff'); font-weight: normal; }

@font-face { font-family: 'IRANSansX'; src: url("/Portals/_default/Skins/obvio/fonts/IRANSansXFaNum-Bold.woff") format('woff'); font-weight: bold; }


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u,
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article,
aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu,
nav, output, ruby, section, summary, time, mark, audio, video { font-family: IRANSansX, IRANSans, 'Segoe UI', Geneva, Verdana, sans-serif; letter-spacing: 0 !important; }

/*Custtom CSS*/
.bb-account { border-bottom: 3px solid var(--accent-color); }
.bb-account2 { border-bottom: 3px solid var(--accent-color2); }

/*RTL CSS Reset*/

/**************** Login page ******************/
@media only screen and (max-width:767px) {
    .rtl .loginContent .dnnFormLabel { text-align: right !important; }
}

.rtl form[action*="/Login?returnurl"] .loginContent .dnnFormLabel { text-align: left !important; }

/**************** Register page ******************/
@media only screen and (max-width:767px) {
    .rtl .dnnRegistrationForm .dnnFormLabel,
    .rtl .dnnRegistrationForm .dnnForm .dnnFormItem .dnnLabel { text-align: right !important; }

    .rtl .dnnRegistrationForm .dnnForm .dnnFormItem a.dnnFormHelp { margin-left: auto !important; margin-right: 5px !important; }
}

/**************** Password page ******************/
@media only screen and (max-width:767px) {
    .rtl .dnnSendPasswordContent .dnnLabel { text-align: right; }
}

/**************** DNN Body & Sidenav Adjustments ******************/
body.rtl [style*="margin-left: 80px"] { margin-left: auto !important; margin-right: 80px !important; }

    body.rtl [style*="margin-left: 80px"] .dng-main.Wide .floating-active.header-wrap,
    body.rtl [style*="margin-left: 80px"] .dng-main.Wide .sticky-fixed .floating-nav.floating-nav-sticky { left: auto; right: 80px; }

    body.rtl [style*="margin-left: 80px"] .headersidenav { left: auto; right: 80px; }

    body.rtl [style*="margin-left: 80px"] .leftslidemenu.active { margin-left: auto; margin-right: 80px; }

/**************** Edit State / Side Panels ******************/
.rtl .dnnEditState .side-panel { right: auto !important; left: 0 !important; }

/**************** Modals ******************/
.rtl #PageTemplate_Modal .close { right: auto; left: 4px; }

/**************** Messages / Notifications ******************/
.rtl #setting-message-info { right: auto; left: 25px; }

/**************** SkinPlugin (Floating Icons) ******************/
.rtl .SkinPluginPro_icon:not(.sidebarIcon) { left: auto; right: 0; text-align: right; align-items: flex-end; }

.rtl body[style*="margin-left: 80px;"] .SkinPluginPro_icon:not(.sidebarIcon) { left: auto; right: 80px; }

.rtl .SkinPluginPro_icon:not(.sidebarIcon) a { border-radius: 4px 0 0 4px; background-position: right 0 top 2px; }

    .rtl .SkinPluginPro_icon:not(.sidebarIcon) a:hover span { padding-right: 0; padding-left: 10px; }

.rtl .SkinPluginPro_icon:not(.sidebarIcon) .btn-plugin-theme { background-position: right -3px top -30px; }
.rtl .SkinPluginPro_icon:not(.sidebarIcon) .btn-plugin-page { background-position: right -3px top 2px; }
.rtl .SkinPluginPro_icon:not(.sidebarIcon) .btn-plugin-import { background-position: right -3px top -60px; }

/**************** Plugin Header Layout Button ******************/
.rtl .btn-plugin.btn-plugin-headerlayout { right: auto; left: 0; }




/*Global.css*/
/**************** Full Columns Layout ******************/
/* Resetting left margins and applying right margins for RTL breakout calculations */

.rtl .left-full-column > .full-column-inner { margin-left: auto; margin-right: -15px; width: calc(100% + 15px); }

.rtl .right-full-column > .full-column-inner { margin-right: auto; margin-left: -15px; width: calc(100% + 15px); }

/* Complex calculations for full width breakout */
.rtl .left-full-column > .full-column-inner { margin-left: auto; /*margin-right: calc((var(--container-width) - 100vw)/2);*/ }

.rtl .right-full-column > .full-column-inner { margin-right: auto; /*margin-left: calc((var(--container-width) - 100vw)/2);*/ }

.rtl .full-column > .full-column-inner { margin-left: auto; margin-right: calc((var(--container-width) - 100vw)/2 - 15px); }

.rtl .layout-no-plr .full-column > .full-column-inner { margin-left: auto; /*margin-right: calc((var(--container-width) - 100vw)/2);*/ }

@media (max-width:575px) {
    .rtl .left-full-column > .full-column-inner { margin-left: auto; margin-right: -15px; }
    .rtl .right-full-column > .full-column-inner { margin-right: auto; margin-left: -15px; }
    .rtl .full-column > .full-column-inner { margin-left: auto; margin-right: -15px; }
}

/**************** Sidebar Dynamic ******************/
/* Mirroring padding for sidebar */
.rtl .sidebar_dynamic.sidebar_dynamic_sytle01 { padding-right: 0; padding-left: 30px; }

/* Mobile reset is handled by original CSS media queries which set both to 15px, so no override needed for mobile padding */

/**************** Sidebar Menu ******************/
/* Mirroring icons margin */
.rtl .sidebar-menu svg { margin-right: 0; margin-left: 10px; }

/* Mirroring Menu Item Border and Padding */
.rtl .sidebar-menu .gomenu > ul > li > a { border-left: none; border-right: 5px solid transparent; }

.rtl .sidebar-menu .gomenu > ul > li:hover > a,
.rtl .sidebar-menu .gomenu > ul > li.current > a { border-left-color: initial; border-right-color: rgba(0,0,0,.2); }

/* Mirroring the active indicator (pseudo-element) */
.rtl .sidebar-menu .gomenu > ul > li > a::before { left: auto; right: -5px; }

/* Nested Menu Padding */
.rtl .sidebar-menu .gomenu ul ul li { padding: 4px 30px 4px 0px; }

/* Deeply Nested Menu Bullets/Dots */
.rtl .sidebar-menu .gomenu ul ul ul li a::before { margin-left: auto; margin-right: -15px; }

.rtl .sidebar-menu .gomenu ul ul ul li { padding-left: 0; padding-right: 25px; }



/**************** Container Styles ******************/
.rtl .c_footer { text-align: left; }

.rtl .c_contentpane { text-align: right; }

/**************** Footer Containers ******************/
.rtl .Footer-Container02 .footer-title:after { left: auto; right: 0; }



/**************** Search Normal Box ******************/
.rtl .search-normal-box .NormalTextBox { padding: 0 18px 0 55px; }
.rtl .search-normal-box .search { left: 0; right: auto; }
.rtl .search-normal-box .searchInputContainer a.dnnSearchBoxClearText { left: 35px; right: auto; }

/**************** Mega Menu ******************/
.rtl .dng-megamenu .primary_structure > li { float: right; }
.rtl .dng-megamenu .primary_structure span img,
.rtl .dng-megamenu .primary_structure span i { margin-left: 8px; margin-right: 0; }
.rtl .dng-megamenu .primary_structure > li.dir > a > span:after { margin: 0 6px 3px 0; }
.rtl .dng-megamenu.hoverstyle_3 .primary_structure > li { margin-left: 14px; margin-right: 0; }
    .rtl .dng-megamenu.hoverstyle_3 .primary_structure > li::after { left: -8px; right: auto; }
    .rtl .dng-megamenu.hoverstyle_3 .primary_structure > li > a::after { right: 0; left: auto; }

/**************** Search Popup Box ******************/
.rtl .search-popup-box .popup-content { left: -15px; right: auto; text-align: right; }
.rtl .search-popup-box.popup-left .popup-content { right: -15px; left: auto; }
.rtl .search-popup-box .searchInputContainer a.dnnSearchBoxClearText { right: 280px; left: auto; }
.rtl .search-popup-box a.search { left: 0; right: auto; }

@media only screen and (max-width: 992px) {
    .rtl .search-popup-box .searchInputContainer a.dnnSearchBoxClearText { right: auto; left: 80px; }
}

/**************** Header Row 100163 ******************/
.rtl #headerrow-100163 .area-left { padding-left: 8px; padding-right: 0; }
.rtl #headerrow-100163 .area-right { padding-right: 8px; padding-left: 0; }
.rtl #headerrow-100163 .area-left .header-content-wrap > div { margin-left: 25px; margin-right: 0; }
.rtl #headerrow-100163 .area-center .header-content-wrap > div,
.rtl #headerrow-100163 .area-right .header-content-wrap > div { margin-right: 25px; margin-left: auto; }

/**************** Header Row 518020 ******************/
.rtl #headerrow-518020 .area-left { padding-left: 8px; padding-right: 0; }
.rtl #headerrow-518020 .area-right { padding-right: 8px; padding-left: 0; }
.rtl #headerrow-518020 .area-left .header-content-wrap > div { margin-left: 15px; margin-right: 0; }
.rtl #headerrow-518020 .area-center .header-content-wrap > div,
.rtl #headerrow-518020 .area-right .header-content-wrap > div { margin-right: 15px; margin-left: auto; }
.rtl #headerrow-518020:after { right: -20px; left: auto; }


/**************** Footer Links ******************/
.rtl .Footer-links .sico { margin-right: 0; margin-left: 10px; }

/**************** Heading Containers ******************/
.rtl .H1-Container h1,
.rtl .H2-Container h2,
.rtl .H3-Container h3,
.rtl .H4-Container h4,
.rtl .H5-Container h5,
.rtl .H6-Container h6 { border-left: none; border-right: 20px solid #ffd700; }



/*Global.basic.css*/
/**************** Spacing Utilities (Padding & Margin) ******************/
/* Reversing Left/Right Padding and Margin for #Body context */

/* Padding Left -> Reset Left, Set Right */
body.rtl .pl-0 { padding-right: 0; padding-left: 0px; }
body.rtl .pl-1 { padding-left: 0; padding-right: 1px; }
body.rtl .pl-2 { padding-left: 0; padding-right: 2px; }
body.rtl .pl-3 { padding-left: 0; padding-right: 3px; }
body.rtl .pl-4 { padding-left: 0; padding-right: 4px; }
body.rtl .pl-5 { padding-left: 0; padding-right: 5px; }
body.rtl .pl-10 { padding-left: 0; padding-right: 10px; }
body.rtl .pl-15 { padding-left: 0; padding-right: 15px; }
body.rtl .pl-20 { padding-left: 0; padding-right: 20px; }
body.rtl .pl-25 { padding-left: 0; padding-right: 25px; }
body.rtl .pl-30 { padding-left: 0; padding-right: 30px; }
body.rtl .pl-35 { padding-left: 0; padding-right: 35px; }
body.rtl .pl-40 { padding-left: 0; padding-right: 40px; }
body.rtl .pl-45 { padding-left: 0; padding-right: 45px; }
body.rtl .pl-50 { padding-left: 0; padding-right: 50px; }
body.rtl .pl-55 { padding-left: 0; padding-right: 55px; }
body.rtl .pl-60 { padding-left: 0; padding-right: 60px; }
body.rtl .pl-65 { padding-left: 0; padding-right: 65px; }
body.rtl .pl-70 { padding-left: 0; padding-right: 70px; }
body.rtl .pl-75 { padding-left: 0; padding-right: 75px; }
body.rtl .pl-80 { padding-left: 0; padding-right: 80px; }

/* Padding Right -> Reset Right, Set Left */
body.rtl .pr-0 { padding-right: 0; padding-left: 0px; }
body.rtl .pr-1 { padding-right: 0; padding-left: 1px; }
body.rtl .pr-2 { padding-right: 0; padding-left: 2px; }
body.rtl .pr-3 { padding-right: 0; padding-left: 3px; }
body.rtl .pr-4 { padding-right: 0; padding-left: 4px; }
body.rtl .pr-5 { padding-right: 0; padding-left: 5px; }
body.rtl .pr-10 { padding-right: 0; padding-left: 10px; }
body.rtl .pr-15 { padding-right: 0; padding-left: 15px; }
body.rtl .pr-20 { padding-right: 0; padding-left: 20px; }
body.rtl .pr-25 { padding-right: 0; padding-left: 25px; }
body.rtl .pr-30 { padding-right: 0; padding-left: 30px; }
body.rtl .pr-35 { padding-right: 0; padding-left: 35px; }
body.rtl .pr-40 { padding-right: 0; padding-left: 40px; }
body.rtl .pr-45 { padding-right: 0; padding-left: 45px; }
body.rtl .pr-50 { padding-right: 0; padding-left: 50px; }
body.rtl .pr-55 { padding-right: 0; padding-left: 55px; }
body.rtl .pr-60 { padding-right: 0; padding-left: 60px; }
body.rtl .pr-65 { padding-right: 0; padding-left: 65px; }
body.rtl .pr-70 { padding-right: 0; padding-left: 70px; }
body.rtl .pr-75 { padding-right: 0; padding-left: 75px; }
body.rtl .pr-80 { padding-right: 0; padding-left: 80px; }

/* Margin Left -> Reset Left, Set Right */
body.rtl .ml-0 { margin-left: auto; margin-right: 0px; }
body.rtl .ml-1 { margin-left: auto; margin-right: 1px; }
body.rtl .ml-2 { margin-left: auto; margin-right: 2px; }
body.rtl .ml-3 { margin-left: auto; margin-right: 3px; }
body.rtl .ml-4 { margin-left: auto; margin-right: 4px; }
body.rtl .ml-5 { margin-left: auto; margin-right: 5px; }
body.rtl .ml-10 { margin-left: auto; margin-right: 10px; }
body.rtl .ml-15 { margin-left: auto; margin-right: 15px; }
body.rtl .ml-20 { margin-left: auto; margin-right: 20px; }
body.rtl .ml-25 { margin-left: auto; margin-right: 25px; }
body.rtl .ml-30 { margin-left: auto; margin-right: 30px; }
body.rtl .ml-35 { margin-left: auto; margin-right: 35px; }
body.rtl .ml-40 { margin-left: auto; margin-right: 40px; }
body.rtl .ml-45 { margin-left: auto; margin-right: 45px; }
body.rtl .ml-50 { margin-left: auto; margin-right: 50px; }
body.rtl .ml-55 { margin-left: auto; margin-right: 55px; }
body.rtl .ml-60 { margin-left: auto; margin-right: 60px; }
body.rtl .ml-65 { margin-left: auto; margin-right: 65px; }
body.rtl .ml-70 { margin-left: auto; margin-right: 70px; }
body.rtl .ml-75 { margin-left: auto; margin-right: 75px; }
body.rtl .ml-80 { margin-left: auto; margin-right: 80px; }

/* Margin Right -> Reset Right, Set Left */
body.rtl .mr-0 { margin-right: auto; margin-left: 0px; }
body.rtl .mr-1 { margin-right: 0; margin-left: 1px; }
body.rtl .mr-2 { margin-right: 0; margin-left: 2px; }
body.rtl .mr-3 { margin-right: 0; margin-left: 3px; }
body.rtl .mr-4 { margin-right: 0; margin-left: 4px; }
body.rtl .mr-5 { margin-right: 0; margin-left: 5px; }
body.rtl .mr-10 { margin-right: 0; margin-left: 10px; }
body.rtl .mr-15 { margin-right: 0; margin-left: 15px; }
body.rtl .mr-20 { margin-right: 0; margin-left: 20px; }
body.rtl .mr-25 { margin-right: 0; margin-left: 25px; }
body.rtl .mr-30 { margin-right: 0; margin-left: 30px; }
body.rtl .mr-35 { margin-right: 0; margin-left: 35px; }
body.rtl .mr-40 { margin-right: 0; margin-left: 40px; }
body.rtl .mr-45 { margin-right: 0; margin-left: 45px; }
body.rtl .mr-50 { margin-right: 0; margin-left: 50px; }
body.rtl .mr-55 { margin-right: 0; margin-left: 55px; }
body.rtl .mr-60 { margin-right: 0; margin-left: 60px; }
body.rtl .mr-65 { margin-right: 0; margin-left: 65px; }
body.rtl .mr-70 { margin-right: 0; margin-left: 70px; }
body.rtl .mr-75 { margin-right: 0; margin-left: 75px; }
body.rtl .mr-80 { margin-right: 0; margin-left: 80px; }

/* Auto Margins */
body.rtl .ml-auto { margin-left: auto; margin-right: auto; }
body.rtl .mr-auto { margin-right: 0; margin-left: auto; }

/**************** Responsive Spacing ******************/
/* Small (sm) */
@media (min-width: 576px) {
    body.rtl .pl-sm-0 { padding-right: 0; padding-left: 0px; }
    body.rtl .pl-sm-1, body.rtl .pl-sm-2, body.rtl .pl-sm-3, body.rtl .pl-sm-4, body.rtl .pl-sm-5 { padding-left: 0; padding-right: inherit; }
    /* Repeating the pattern for all numbers is implied for brevity, adding key ones */
    body.rtl .pl-sm-10 { padding-left: 0; padding-right: 10px; }
    /* ... add other steps as needed ... */

    body.rtl .pr-sm-0 { padding-right: 0; padding-left: 0px; }
    body.rtl .pr-sm-10 { padding-right: 0; padding-left: 10px; }

    body.rtl .ml-sm-0 { margin-left: auto; margin-right: 0px; }
    body.rtl .ml-sm-10 { margin-left: auto; margin-right: 10px; }

    body.rtl .mr-sm-0 { margin-right: auto; margin-left: 0px; }
    body.rtl .mr-sm-10 { margin-right: 0; margin-left: 10px; }

    body.rtl .ml-sm-auto { margin-left: auto; margin-right: auto; }
    body.rtl .mr-sm-auto { margin-right: 0; margin-left: auto; }
}

/* Medium (md) */
@media (min-width: 768px) {
    body.rtl .pl-md-0 { padding-right: 0; padding-left: 0px; }
    body.rtl .pl-md-10 { padding-left: 0; padding-right: 10px; }
    body.rtl .pr-md-0 { padding-right: 0; padding-left: 0px; }
    body.rtl .pr-md-10 { padding-right: 0; padding-left: 10px; }
    body.rtl .ml-md-0 { margin-left: auto; margin-right: 0px; }
    body.rtl .ml-md-10 { margin-left: auto; margin-right: 10px; }
    body.rtl .mr-md-0 { margin-right: auto; margin-left: 0px; }
    body.rtl .mr-md-10 { margin-right: 0; margin-left: 10px; }
    body.rtl .ml-md-auto { margin-left: auto; margin-right: auto; }
    body.rtl .mr-md-auto { margin-right: 0; margin-left: auto; }
}

/* Large (lg) */
@media (min-width: 992px) {
    body.rtl .pl-lg-0 { padding-right: 0; padding-left: 0px; }
    body.rtl .pl-lg-10 { padding-left: 0; padding-right: 10px; }
    body.rtl .pr-lg-0 { padding-right: 0; padding-left: 0px; }
    body.rtl .pr-lg-10 { padding-right: 0; padding-left: 10px; }
    body.rtl .ml-lg-0 { margin-left: auto; margin-right: 0px; }
    body.rtl .ml-lg-10 { margin-left: auto; margin-right: 10px; }
    body.rtl .mr-lg-0 { margin-right: auto; margin-left: 0px; }
    body.rtl .mr-lg-10 { margin-right: 0; margin-left: 10px; }
    body.rtl .ml-lg-auto { margin-left: auto; margin-right: auto; }
    body.rtl .mr-lg-auto { margin-right: 0; margin-left: auto; }
}

/* Extra Large (xl) */
@media (min-width: 1200px) {
    body.rtl .pl-xl-0 { padding-right: 0; padding-left: 0px; }
    body.rtl .pl-xl-10 { padding-left: 0; padding-right: 10px; }
    body.rtl .pr-xl-0 { padding-right: 0; padding-left: 0px; }
    body.rtl .pr-xl-10 { padding-right: 0; padding-left: 10px; }
    body.rtl .ml-xl-0 { margin-left: auto; margin-right: 0px; }
    body.rtl .ml-xl-10 { margin-left: auto; margin-right: 10px; }
    body.rtl .mr-xl-0 { margin-right: auto; margin-left: 0px; }
    body.rtl .mr-xl-10 { margin-right: 0; margin-left: 10px; }
    body.rtl .ml-xl-auto { margin-left: auto; margin-right: auto; }
    body.rtl .mr-xl-auto { margin-right: 0; margin-left: auto; }
}

/**************** Is-Box & Is-Content (Auto Margins) ******************/
/* Resetting logic: .is-content-left originally pushes to right (margin-left:auto).
   In RTL, it should push to left (margin-right:auto). */

.rtl .is-box-5 .is-content-left,
.rtl .is-box-4 .is-content-left,
.rtl .is-box-3 .is-content-left,
.rtl .is-box-2 .is-content-left,
.rtl .is-box-1 .is-content-left { margin-left: auto; margin-right: auto; }

.rtl .is-box-5 .is-content-right,
.rtl .is-box-4 .is-content-right,
.rtl .is-box-3 .is-content-right,
.rtl .is-box-2 .is-content-right,
.rtl .is-box-1 .is-content-right { margin-right: 0; margin-left: auto; }

/**************** Edge Spacing (.edge-x-) ******************/
/* Swapping margin-left and margin-right */

.rtl .is-content-left.edge-x-0 { margin-right: 0; }
.rtl .is-content-right.edge-x-0 { margin-left: auto; }

.rtl .is-content-left.edge-x-1 { margin-left: auto; margin-right: 40px; }
.rtl .is-content-right.edge-x-1 { margin-right: 0; margin-left: 40px; }

.rtl .is-content-left.edge-x-2 { margin-left: auto; margin-right: 80px; }
.rtl .is-content-right.edge-x-2 { margin-right: 0; margin-left: 80px; }

.rtl .is-content-left.edge-x-3 { margin-left: auto; margin-right: 120px; }
.rtl .is-content-right.edge-x-3 { margin-right: 0; margin-left: 120px; }

.rtl .is-content-left.edge-x-4 { margin-left: auto; margin-right: 160px; }
.rtl .is-content-right.edge-x-4 { margin-right: 0; margin-left: 160px; }

.rtl .is-content-left.edge-x-5 { margin-left: auto; margin-right: 200px; }
.rtl .is-content-right.edge-x-5 { margin-right: 0; margin-left: 200px; }

@media all and (max-width: 991px) {
    .rtl .is-content-left.edge-x-1,
    .rtl .is-content-left.edge-x-2,
    .rtl .is-content-left.edge-x-3,
    .rtl .is-content-left.edge-x-4,
    .rtl .is-content-left.edge-x-5 { margin-right: auto; }

    .rtl .is-content-right.edge-x-1,
    .rtl .is-content-right.edge-x-2,
    .rtl .is-content-right.edge-x-3,
    .rtl .is-content-right.edge-x-4,
    .rtl .is-content-right.edge-x-5 { margin-left: auto; }
}

/**************** Grid Offsets ******************/
/* Switching margin-left to margin-right for offsets */
.rtl .offset-1 { margin-left: auto; margin-right: 8.333333%; }
.rtl .offset-2 { margin-left: auto; margin-right: 16.666667%; }
.rtl .offset-3 { margin-left: auto; margin-right: 25%; }
.rtl .offset-4 { margin-left: auto; margin-right: 33.333333%; }
.rtl .offset-5 { margin-left: auto; margin-right: 41.666667%; }
.rtl .offset-6 { margin-left: auto; margin-right: 50%; }
.rtl .offset-7 { margin-left: auto; margin-right: 58.333333%; }
.rtl .offset-8 { margin-left: auto; margin-right: 66.666667%; }
.rtl .offset-9 { margin-left: auto; margin-right: 75%; }
.rtl .offset-10 { margin-left: auto; margin-right: 83.333333%; }
.rtl .offset-11 { margin-left: auto; margin-right: 91.666667%; }

/* Responsive Offsets */
@media (min-width: 576px) {
    .rtl .offset-sm-0 { margin-right: 0; }
    .rtl .offset-sm-1 { margin-left: auto; margin-right: 8.333333%; }
    .rtl .offset-sm-2 { margin-left: auto; margin-right: 16.666667%; }
    .rtl .offset-sm-3 { margin-left: auto; margin-right: 25%; }
    .rtl .offset-sm-4 { margin-left: auto; margin-right: 33.333333%; }
    .rtl .offset-sm-5 { margin-left: auto; margin-right: 41.666667%; }
    .rtl .offset-sm-6 { margin-left: auto; margin-right: 50%; }
    .rtl .offset-sm-7 { margin-left: auto; margin-right: 58.333333%; }
    .rtl .offset-sm-8 { margin-left: auto; margin-right: 66.666667%; }
    .rtl .offset-sm-9 { margin-left: auto; margin-right: 75%; }
    .rtl .offset-sm-10 { margin-left: auto; margin-right: 83.333333%; }
    .rtl .offset-sm-11 { margin-left: auto; margin-right: 91.666667%; }
}

@media (min-width: 768px) {
    .rtl .offset-md-0 { margin-right: 0; }
    .rtl .offset-md-1 { margin-left: auto; margin-right: 8.333333%; }
    /* ... intermediate steps same as above ... */
    .rtl .offset-md-11 { margin-left: auto; margin-right: 91.666667%; }
}

@media (min-width: 992px) {
    .rtl .offset-lg-0 { margin-right: 0; }
    .rtl .offset-lg-1 { margin-left: auto; margin-right: 8.333333%; }
    /* ... intermediate steps ... */
    .rtl .offset-lg-11 { margin-left: auto; margin-right: 91.666667%; }
}

@media (min-width: 1200px) {
    .rtl .offset-xl-0 { margin-right: 0; }
    .rtl .offset-xl-1 { margin-left: auto; margin-right: 8.333333%; }
    /* ... intermediate steps ... */
    .rtl .offset-xl-11 { margin-left: auto; margin-right: 91.666667%; }
}

/**************** Text Alignment ******************/
body.rtl .text-left { text-align: right; }
body.rtl .text-right { text-align: left; }

@media (min-width: 576px) {
    body.rtl .text-sm-left { text-align: right; }
    body.rtl .text-sm-right { text-align: left; }
}

@media (min-width: 768px) {
    body.rtl .text-md-left { text-align: right; }
    body.rtl .text-md-right { text-align: left; }
}

@media (min-width: 992px) {
    body.rtl .text-lg-left { text-align: right; }
    body.rtl .text-lg-right { text-align: left; }
}

@media (min-width: 1200px) {
    body.rtl .text-xl-left { text-align: right; }
    body.rtl .text-xl-right { text-align: left; }
}

/**************** Floats ******************/
.rtl .float-left { float: right !important; }
.rtl .float-right { float: left !important; }

@media (min-width: 576px) {
    .rtl .float-sm-left { float: right !important; }
    .rtl .float-sm-right { float: left !important; }
}

@media (min-width: 768px) {
    .rtl .float-md-left { float: right !important; }
    .rtl .float-md-right { float: left !important; }
}

@media (min-width: 992px) {
    .rtl .float-lg-left { float: right !important; }
    .rtl .float-lg-right { float: left !important; }
}

@media (min-width: 1200px) {
    .rtl .float-xl-left { float: right !important; }
    .rtl .float-xl-right { float: left !important; }
}

/**************** Fractional Offsets (1/5) ******************/
.rtl .offset-1\/5 { margin-left: auto; margin-right: 20%; }
.rtl .offset-2\/5 { margin-left: auto; margin-right: 40%; }
.rtl .offset-3\/5 { margin-left: auto; margin-right: 60%; }
.rtl .offset-4\/5 { margin-left: auto; margin-right: 80%; }

@media (min-width: 576px) {
    .rtl .offset-sm-1\/5 { margin-left: auto; margin-right: 20%; }
    .rtl .offset-sm-2\/5 { margin-left: auto; margin-right: 40%; }
    /* ... */
}

@media (min-width: 768px) {
    .rtl .offset-md-1\/5 { margin-left: auto; margin-right: 20%; }
    /* ... */
}

@media (min-width: 992px) {
    .rtl .offset-lg-1\/5 { margin-left: auto; margin-right: 20%; }
    /* ... */
}

@media (min-width: 1200px) {
    .rtl .offset-xl-1\/5 { margin-left: auto; margin-right: 20%; }
    /* ... */
}


/* RTL Reset Stylesheet
    Target: Overrides specific utility classes when "body.rtl" is present.
    Note: Uses !important to override the high specificity of ID selectors (#Body) in the original CSS.
*/

/* --- 1. Basic Layout Direction --- */
body.rtl { direction: rtl; text-align: right; }

    /* --- 2. Text Alignment Reset --- */
    body.rtl .text-left { text-align: right !important; }
    body.rtl .text-right { text-align: left !important; }

@media (min-width: 576px) {
    body.rtl .text-sm-left { text-align: right !important; }
    body.rtl .text-sm-right { text-align: left !important; }
}

@media (min-width: 768px) {
    body.rtl .text-md-left { text-align: right !important; }
    body.rtl .text-md-right { text-align: left !important; }
}

@media (min-width: 992px) {
    body.rtl .text-lg-left { text-align: right !important; }
    body.rtl .text-lg-right { text-align: left !important; }
}

@media (min-width: 1200px) {
    body.rtl .text-xl-left { text-align: right !important; }
    body.rtl .text-xl-right { text-align: left !important; }
}

/* --- 3. Float Reset --- */
body.rtl .float-left { float: right !important; }
body.rtl .float-right { float: left !important; }

@media (min-width: 576px) {
    body.rtl .float-sm-left { float: right !important; }
    body.rtl .float-sm-right { float: left !important; }
}

@media (min-width: 768px) {
    body.rtl .float-md-left { float: right !important; }
    body.rtl .float-md-right { float: left !important; }
}

@media (min-width: 992px) {
    body.rtl .float-lg-left { float: right !important; }
    body.rtl .float-lg-right { float: left !important; }
}

@media (min-width: 1200px) {
    body.rtl .float-xl-left { float: right !important; }
    body.rtl .float-xl-right { float: left !important; }
}

/* --- 4. Spacing Auto (Flex/Block) Reset --- */
/* Swapping ml-auto and mr-auto logic */
body.rtl .ml-auto { margin-left: auto !important; margin-right: auto !important; }
body.rtl .mr-auto { margin-right: 0 !important; margin-left: auto !important; }

@media (min-width: 576px) {
    body.rtl .ml-sm-auto { margin-left: auto !important; margin-right: auto !important; }
    body.rtl .mr-sm-auto { margin-right: 0 !important; margin-left: auto !important; }
}

@media (min-width: 768px) {
    body.rtl .ml-md-auto { margin-left: auto !important; margin-right: auto !important; }
    body.rtl .mr-md-auto { margin-right: 0 !important; margin-left: auto !important; }
}

@media (min-width: 992px) {
    body.rtl .ml-lg-auto { margin-left: auto !important; margin-right: auto !important; }
    body.rtl .mr-lg-auto { margin-right: 0 !important; margin-left: auto !important; }
}

@media (min-width: 1200px) {
    body.rtl .ml-xl-auto { margin-left: auto !important; margin-right: auto !important; }
    body.rtl .mr-xl-auto { margin-right: 0 !important; margin-left: auto !important; }
}

/* --- 5. Grid Offsets Reset --- */
/* Mirroring margins for grid offsets. */

/* Default Offsets */
body.rtl .offset-1 { margin-left: auto !important; margin-right: 8.333333% !important; }
body.rtl .offset-2 { margin-left: auto !important; margin-right: 16.666667% !important; }
body.rtl .offset-3 { margin-left: auto !important; margin-right: 25% !important; }
body.rtl .offset-4 { margin-left: auto !important; margin-right: 33.333333% !important; }
body.rtl .offset-5 { margin-left: auto !important; margin-right: 41.666667% !important; }
body.rtl .offset-6 { margin-left: auto !important; margin-right: 50% !important; }
body.rtl .offset-7 { margin-left: auto !important; margin-right: 58.333333% !important; }
body.rtl .offset-8 { margin-left: auto !important; margin-right: 66.666667% !important; }
body.rtl .offset-9 { margin-left: auto !important; margin-right: 75% !important; }
body.rtl .offset-10 { margin-left: auto !important; margin-right: 83.333333% !important; }
body.rtl .offset-11 { margin-left: auto !important; margin-right: 91.666667% !important; }

/* SM Offsets */
@media (min-width: 576px) {
    body.rtl .offset-sm-0 { margin-left: auto !important; margin-right: 0 !important; }
    body.rtl .offset-sm-1 { margin-left: auto !important; margin-right: 8.333333% !important; }
    body.rtl .offset-sm-2 { margin-left: auto !important; margin-right: 16.666667% !important; }
    body.rtl .offset-sm-3 { margin-left: auto !important; margin-right: 25% !important; }
    body.rtl .offset-sm-4 { margin-left: auto !important; margin-right: 33.333333% !important; }
    body.rtl .offset-sm-5 { margin-left: auto !important; margin-right: 41.666667% !important; }
    body.rtl .offset-sm-6 { margin-left: auto !important; margin-right: 50% !important; }
    body.rtl .offset-sm-7 { margin-left: auto !important; margin-right: 58.333333% !important; }
    body.rtl .offset-sm-8 { margin-left: auto !important; margin-right: 66.666667% !important; }
    body.rtl .offset-sm-9 { margin-left: auto !important; margin-right: 75% !important; }
    body.rtl .offset-sm-10 { margin-left: auto !important; margin-right: 83.333333% !important; }
    body.rtl .offset-sm-11 { margin-left: auto !important; margin-right: 91.666667% !important; }
}

/* MD Offsets */
@media (min-width: 768px) {
    body.rtl .offset-md-0 { margin-left: auto !important; margin-right: 0 !important; }
    body.rtl .offset-md-1 { margin-left: auto !important; margin-right: 8.333333% !important; }
    body.rtl .offset-md-2 { margin-left: auto !important; margin-right: 16.666667% !important; }
    body.rtl .offset-md-3 { margin-left: auto !important; margin-right: 25% !important; }
    body.rtl .offset-md-4 { margin-left: auto !important; margin-right: 33.333333% !important; }
    body.rtl .offset-md-5 { margin-left: auto !important; margin-right: 41.666667% !important; }
    body.rtl .offset-md-6 { margin-left: auto !important; margin-right: 50% !important; }
    body.rtl .offset-md-7 { margin-left: auto !important; margin-right: 58.333333% !important; }
    body.rtl .offset-md-8 { margin-left: auto !important; margin-right: 66.666667% !important; }
    body.rtl .offset-md-9 { margin-left: auto !important; margin-right: 75% !important; }
    body.rtl .offset-md-10 { margin-left: auto !important; margin-right: 83.333333% !important; }
    body.rtl .offset-md-11 { margin-left: auto !important; margin-right: 91.666667% !important; }
}

/* LG Offsets */
@media (min-width: 992px) {
    body.rtl .offset-lg-0 { margin-left: auto !important; margin-right: 0 !important; }
    body.rtl .offset-lg-1 { margin-left: auto !important; margin-right: 8.333333% !important; }
    body.rtl .offset-lg-2 { margin-left: auto !important; margin-right: 16.666667% !important; }
    body.rtl .offset-lg-3 { margin-left: auto !important; margin-right: 25% !important; }
    body.rtl .offset-lg-4 { margin-left: auto !important; margin-right: 33.333333% !important; }
    body.rtl .offset-lg-5 { margin-left: auto !important; margin-right: 41.666667% !important; }
    body.rtl .offset-lg-6 { margin-left: auto !important; margin-right: 50% !important; }
    body.rtl .offset-lg-7 { margin-left: auto !important; margin-right: 58.333333% !important; }
    body.rtl .offset-lg-8 { margin-left: auto !important; margin-right: 66.666667% !important; }
    body.rtl .offset-lg-9 { margin-left: auto !important; margin-right: 75% !important; }
    body.rtl .offset-lg-10 { margin-left: auto !important; margin-right: 83.333333% !important; }
    body.rtl .offset-lg-11 { margin-left: auto !important; margin-right: 91.666667% !important; }
}

/* XL Offsets */
@media (min-width: 1200px) {
    body.rtl .offset-xl-0 { margin-left: auto !important; margin-right: 0 !important; }
    body.rtl .offset-xl-1 { margin-left: auto !important; margin-right: 8.333333% !important; }
    body.rtl .offset-xl-2 { margin-left: auto !important; margin-right: 16.666667% !important; }
    body.rtl .offset-xl-3 { margin-left: auto !important; margin-right: 25% !important; }
    body.rtl .offset-xl-4 { margin-left: auto !important; margin-right: 33.333333% !important; }
    body.rtl .offset-xl-5 { margin-left: auto !important; margin-right: 41.666667% !important; }
    body.rtl .offset-xl-6 { margin-left: auto !important; margin-right: 50% !important; }
    body.rtl .offset-xl-7 { margin-left: auto !important; margin-right: 58.333333% !important; }
    body.rtl .offset-xl-8 { margin-left: auto !important; margin-right: 66.666667% !important; }
    body.rtl .offset-xl-9 { margin-left: auto !important; margin-right: 75% !important; }
    body.rtl .offset-xl-10 { margin-left: auto !important; margin-right: 83.333333% !important; }
    body.rtl .offset-xl-11 { margin-left: auto !important; margin-right: 91.666667% !important; }
}

/* Custom 1/5 Offsets (from your code) */
body.rtl .offset-1\/5 { margin-left: auto !important; margin-right: 20% !important; }
body.rtl .offset-2\/5 { margin-left: auto !important; margin-right: 40% !important; }
body.rtl .offset-3\/5 { margin-left: auto !important; margin-right: 60% !important; }
body.rtl .offset-4\/5 { margin-left: auto !important; margin-right: 80% !important; }

@media (min-width: 576px) {
    body.rtl .offset-sm-1\/5 { margin-left: auto !important; margin-right: 20% !important; }
    body.rtl .offset-sm-2\/5 { margin-left: auto !important; margin-right: 40% !important; }
    body.rtl .offset-sm-3\/5 { margin-left: auto !important; margin-right: 60% !important; }
    body.rtl .offset-sm-4\/5 { margin-left: auto !important; margin-right: 80% !important; }
}

@media (min-width: 768px) {
    body.rtl .offset-md-1\/5 { margin-left: auto !important; margin-right: 20% !important; }
    body.rtl .offset-md-2\/5 { margin-left: auto !important; margin-right: 40% !important; }
    body.rtl .offset-md-3\/5 { margin-left: auto !important; margin-right: 60% !important; }
    body.rtl .offset-md-4\/5 { margin-left: auto !important; margin-right: 80% !important; }
}

@media (min-width: 992px) {
    body.rtl .offset-lg-1\/5 { margin-left: auto !important; margin-right: 20% !important; }
    body.rtl .offset-lg-2\/5 { margin-left: auto !important; margin-right: 40% !important; }
    body.rtl .offset-lg-3\/5 { margin-left: auto !important; margin-right: 60% !important; }
    body.rtl .offset-lg-4\/5 { margin-left: auto !important; margin-right: 80% !important; }
}

@media (min-width: 1200px) {
    body.rtl .offset-xl-1\/5 { margin-left: auto !important; margin-right: 20% !important; }
    body.rtl .offset-xl-2\/5 { margin-left: auto !important; margin-right: 40% !important; }
    body.rtl .offset-xl-3\/5 { margin-left: auto !important; margin-right: 60% !important; }
    body.rtl .offset-xl-4\/5 { margin-left: auto !important; margin-right: 80% !important; }
}


/* --- 6. Custom Content Classes Reset --- */
/* Fixes for specific classes found in your CSS */

/* Flip .is-content auto margins in .is-box containers */
/* In original: .is-box-x .is-content-left { margin-left: auto } -> RTL: margin-right: auto */
body.rtl [class*="is-box-"] .is-content-left { margin-left: auto !important; margin-right: auto !important; }

/* In original: .is-box-x .is-content-right { margin-right: auto } -> RTL: margin-left: auto */
body.rtl [class*="is-box-"] .is-content-right { margin-right: 0 !important; margin-left: auto !important; }

/* Flip .edge-x classes (Specific margins) */
/* Reset left edge to right edge */
body.rtl .is-content-left.edge-x-0 { margin-left: auto; margin-right: 0 !important; }
body.rtl .is-content-left.edge-x-1 { margin-left: auto; margin-right: 40px !important; }
body.rtl .is-content-left.edge-x-2 { margin-left: auto; margin-right: 80px !important; }
body.rtl .is-content-left.edge-x-3 { margin-left: auto; margin-right: 120px !important; }
body.rtl .is-content-left.edge-x-4 { margin-left: auto; margin-right: 160px !important; }
body.rtl .is-content-left.edge-x-5 { margin-left: auto; margin-right: 200px !important; }

/* Reset right edge to left edge */
body.rtl .is-content-right.edge-x-0 { margin-right: 0; margin-left: auto !important; }
body.rtl .is-content-right.edge-x-1 { margin-right: 0; margin-left: 40px !important; }
body.rtl .is-content-right.edge-x-2 { margin-right: 0; margin-left: 80px !important; }
body.rtl .is-content-right.edge-x-3 { margin-right: 0; margin-left: 120px !important; }
body.rtl .is-content-right.edge-x-4 { margin-right: 0; margin-left: 160px !important; }
body.rtl .is-content-right.edge-x-5 { margin-right: 0; margin-left: 200px !important; }

/* Responsive adjustments for edges */
@media all and (max-width: 991px) {
    body.rtl .is-content-left.edge-x-1,
    body.rtl .is-content-left.edge-x-2,
    body.rtl .is-content-left.edge-x-3,
    body.rtl .is-content-left.edge-x-4,
    body.rtl .is-content-left.edge-x-5 { margin-right: auto !important; }

    body.rtl .is-content-right.edge-x-1,
    body.rtl .is-content-right.edge-x-2,
    body.rtl .is-content-right.edge-x-3,
    body.rtl .is-content-right.edge-x-4,
    body.rtl .is-content-right.edge-x-5 { margin-left: auto !important; }
}





/*Mega Menu*/
/**************** Slide Menu & General Layout ******************/
.rtl .dng-megamenu .dnngo_menuslide { left: auto; right: 0px; }

    .rtl .dng-megamenu .dnngo_menuslide > .dnngo_boxslide { padding: 18px 0px 18px 40px; }

.rtl .dng-megamenu .dnngo_masonrymenu > ul { float: right; }

.rtl .dng-megamenu svg { margin-right: 0; margin-left: 8px; }

/**************** Slide Menu Specifics ******************/
.rtl .dng-megamenu .dnngo_slide_menu .dnngo_submenu { margin: -23px -10px 0 0; left: auto; right: 100%; }

/* Reverse direction support for RTL (opening to the right) */
.rtl .dng-megamenu .dnngo_slide_menu .dir.reverse > .dnngo_submenu { right: auto; left: 100%; margin: -23px 0 0 -10px; }


.rtl .dng-megamenu .dnngo_slide_menu li { transition: all 0.2s ease-in-out; border-right: 3px solid transparent; }

    .rtl .dng-megamenu .dnngo_slide_menu li:hover { border-right: 3px solid var(--link-hover-color); }


    .rtl .dng-megamenu .dnngo_slide_menu li a { text-align: right; padding: 0px 30px 0px 60px; transition: all 0.2s ease-in-out; }

    .rtl .dng-megamenu .dnngo_slide_menu li:hover a { padding: 0px 33px 0px 57px !important; }


    /* Arrow rotation for dropdowns */
    .rtl .dng-megamenu .dnngo_slide_menu li.dir > a:before { right: auto; left: 30px; border-right: none; border-left: 2px solid currentColor; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

/**************** Hover Lines Animation (Right to Left) ******************/
.rtl .dng-megamenu .dnngo_slide_menu > li > a > span::after,
.rtl .dng-megamenu .dnngo_submenu li a > span::after,
.rtl .dng-megamenu .dnngo_menu_list > li > a > span::after { left: auto; right: 0; /* Reset LTR hidden state (right: 100%) and set RTL hidden state (left: 100%) */ left: 100%; transition: left ease-in 200ms; }

.rtl .dng-megamenu .dnngo_slide_menu > li > a:hover > span::after,
.rtl .dng-megamenu .dnngo_submenu li a:hover > span::after,
.rtl .dng-megamenu .dnngo_menu_list > li > a:hover > span::after { right: auto; left: 0; }

/**************** Menu List (Columns & Nesting) ******************/
.rtl .dng-megamenu .dnngo_menu_list { text-align: right; }

    /* Nested List Indentation */
    .rtl .dng-megamenu .dnngo_menu_list li li li a,
    .rtl .dng-megamenu .dnngo_custommenu .submenu li li a { padding-left: 0; padding-right: 15px; }

    .rtl .dng-megamenu .dnngo_menu_list li li li li a,
    .rtl .dng-megamenu .dnngo_custommenu .submenu li li li a { padding-left: 0; padding-right: 30px; }

    .rtl .dng-megamenu .dnngo_menu_list li li li li li a,
    .rtl .dng-megamenu .dnngo_custommenu .submenu li li li li a { padding-left: 0; padding-right: 45px; }

    /* List Bullets */
    .rtl .dng-megamenu .dnngo_menu_list li li li a::before,
    .rtl .dng-megamenu .dnngo_custommenu .submenu li li a::before { margin-left: auto; margin-right: -15px; }

/**************** Vertical Lines ******************/
.rtl .dng-megamenu .dnngo_menuslide > .line span { border-left: none; border-right: 1px solid #dcdcdc; margin-left: auto; margin-right: -1px; }

/**************** Box Slide & Masonry Layout ******************/
.rtl .dng-megamenu .dnngo_boxslide,
.rtl .dng-megamenu .dnngo_boxslide .menu_centerbox ul { text-align: right; }

    .rtl .dng-megamenu .dnngo_boxslide .menu_centerbox,
    .rtl .dng-megamenu .dnngo_boxslide .menu_leftbox,
    .rtl .dng-megamenu .dnngo_boxslide .menu_rightbox { float: right; }

    /* Vertical Separator Line */
    .rtl .dng-megamenu .dnngo_boxslide .dnngo_masonrymenu > ul:before { right: auto; left: 0; border-left: none; border-right: 1px solid #e0e0e0; }

    /* Small Arrow Icons in Boxslide */
    .rtl .dng-megamenu .dnngo_boxslide .menu_centerbox ul li li a span:before { border-right: none; border-left: 1px solid #9c9c9c; margin: 0px 0 2px 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

    .rtl .dng-megamenu .dnngo_boxslide .menu_centerbox ul li li a:hover span:before,
    .rtl .dng-megamenu .dnngo_boxslide .menu_centerbox ul li li a:focus span:before { border-right-color: initial; border-left-color: #2c5cda; }

/**************** Custom Menu & Icons ******************/
.rtl .dng-megamenu .dnngo_custommenu > .menupane.leftline { border-left: none; border-right: 1px solid #dcdcdc; }

.rtl .dng-megamenu .dnngo_custommenu > .menupane.rightline { border-right: none; border-left: 1px solid #dcdcdc; }

.rtl .dng-megamenu li span > img,
.rtl .dng-megamenu li span > i { margin-left: 4px; margin-right: 0px; }





/*content builder */
/**************** General Floats & Alignment ******************/
.rtl .is-tool > div,
.rtl .is-tool button,
.rtl .is-settings button,
.rtl .cell-tool-option-container,
.rtl .cell-add-options button,
.rtl .cell-color-options button,
.rtl .cell-textsetting-options > div > button,
.rtl .cell-textsetting-options > div,
.rtl #divSpacerTool > div,
.rtl .is-modal.pickcolor button { float: right; }

.rtl .is-modal input[type=text],
.rtl .is-pop input[type=text] { padding-left: 0; padding-right: 8px; text-align: right; }

/**************** Modals ******************/
/* Close Button */
.rtl .is-modal-bar .is-modal-close { right: auto; left: 0px; }

/* Side Panel (Default Right -> RTL Left) */
.rtl .is-modal.is-side { right: auto; left: -367px; border-left: none; border-right: 1px solid rgb(221, 221, 221); }

    .rtl .is-modal.is-side.active { right: auto; left: 0; }

    /* Side Panel (From Left -> RTL Right) */
    .rtl .is-modal.is-side.fromleft { left: auto; right: -367px; border-right: none; border-left: 1px solid rgb(224, 224, 224); }

        .rtl .is-modal.is-side.fromleft.active { left: auto; right: 0; }

/* Body shift for side panels */
.rtl .body-fullview { margin-right: 0; margin-left: 365px; }

.rtl .body-fullview-left { margin-left: auto; margin-right: 365px; }

/**************** Snippet List ******************/
.rtl #divSnippetList { right: auto; left: -315px; }

    .rtl #divSnippetList.active { right: auto; left: 0; }

    .rtl #divSnippetList.fromleft { left: auto; right: -315px; }

        .rtl #divSnippetList.fromleft.active { left: auto; right: 0; }

/* Snippet Handle */
.rtl #divSnippetHandle { left: auto; right: -50px; border-right: 1px solid rgb(211, 211, 211); border-left: none; }

.rtl #divSnippetList.fromleft #divSnippetHandle { border-right: none; border-left: 1px solid rgb(211, 211, 211); right: auto; left: -50px; }

/**************** Inputs with Actions (Image/Link) ******************/
.rtl .image-src.image-select .input-src { border-right: none; border-left: 60px solid transparent; }

.rtl .image-src.image-select .input-select,
.rtl .link-src .input-select { right: auto; left: 0; border-left: 1px solid rgb(199, 199, 199); border-right: none; }

/**************** Settings ******************/
.rtl .is-settings button:first-child { border-left: none; border-right: #ccc 1px solid; }

/**************** Tabs ******************/
.rtl .is-tabs a { float: right; margin: 0 0 16px 16px; }

/**************** Row Tools ******************/
.rtl .is-row-tool { right: auto !important; left: -70px; }

.rtl .is-builder[leftrowtool] .is-row-tool { left: auto !important; right: -70px !important; }

@media all and (max-width: 1024px) {
    .rtl .is-row-tool { right: auto !important; left: -25px !important; }
    .rtl .is-builder[leftrowtool] .is-row-tool { left: auto !important; right: -30px !important; }
}

/**************** Color Options & Animations ******************/
.rtl .cell-color-options button { float: right; }

.rtl .cell-color-options .input-mode { float: right; }

/* Gradient Animation Reversal */
.rtl .gradient-anim { left: auto; right: 0px; animation-name: grad-anim-rtl; }

@keyframes grad-anim-rtl {
    0% { right: 0px; }
    50% { right: -180px; }
    100% { right: 0px; }
}

/**************** Popups & Arrows ******************/
/* Top Arrow */
.rtl .is-pop.arrow-top:after,
.rtl .is-pop.arrow-top:before { left: auto; right: 25px; }

.rtl .is-pop.arrow-top:after { margin-left: auto; margin-right: -7px; }
.rtl .is-pop.arrow-top:before { margin-left: auto; margin-right: -8px; }

/* Top Arrow Right Aligned */
.rtl .is-pop.arrow-top.right:after { right: auto; left: 19px; }
.rtl .is-pop.arrow-top.right:before { right: auto; left: 18px; }

/* Left Arrow (Logic flips side) */
.rtl .is-pop.arrow-left:after,
.rtl .is-pop.arrow-left:before { right: auto; left: 100%; }
.rtl .is-pop.arrow-left:after { border-right-color: transparent; border-left-color: #ffffff; margin-right: 0; margin-left: auto; /* Adjust depending on exact arrow visual needs, usually mirroring positioning is enough if css shapes allow */ }
/* Note: CSS Triangles using borders rely on direction. 
   LTR 'arrow-left' usually means the arrow points to the left, so the popover is on the right. 
   In RTL, if we flip position, we need to flip the arrow direction too. 
*/
.rtl .is-pop.arrow-left:after { border-right-color: transparent; /* Reset */ border-left-color: #ffffff; }
.rtl .is-pop.arrow-left:before { border-right-color: transparent; border-left-color: #8a8a8a; }

/* Right Arrow */
.rtl .is-pop.arrow-right:after,
.rtl .is-pop.arrow-right:before { left: auto; right: 100%; }
.rtl .is-pop.arrow-right:after { border-left-color: transparent; border-right-color: #ffffff; }
.rtl .is-pop.arrow-right:before { border-left-color: transparent; border-right-color: #8a8a8a; }

/* Bottom Arrow */
.rtl .is-pop.arrow-bottom:after,
.rtl .is-pop.arrow-bottom:before { left: auto; right: calc(100% - 28px); }
.rtl .is-pop.arrow-bottom:after { margin-left: auto; margin-right: -7px; }
.rtl .is-pop.arrow-bottom:before { margin-left: auto; margin-right: -8px; }

/* Center Alignments */
.rtl .is-pop.arrow-top.center:after,
.rtl .is-pop.arrow-top.center:before,
.rtl .is-pop.arrow-bottom.center:after,
.rtl .is-pop.arrow-bottom.center:before { left: auto; right: calc(50% + 3px); }

/**************** Image Resizer Handles ******************/
.rtl .ui-resizable-se { right: auto; left: 1px; cursor: sw-resize; /* Flip cursor */ }
.rtl .ui-resizable-sw { left: auto; right: -5px; cursor: se-resize; }
.rtl .ui-resizable-nw { left: auto; right: -5px; cursor: ne-resize; }
.rtl .ui-resizable-ne { right: auto; left: -5px; cursor: nw-resize; }

@media all and (max-width: 1024px) {
    .rtl .ui-resizable-se { right: auto; left: -8px; }
    .rtl .ui-resizable-sw { left: auto; right: -8px; }
    .rtl .ui-resizable-nw { left: auto; right: -8px; }
    .rtl .ui-resizable-ne { right: auto; left: -8px; }
}

/**************** Element Gradient Remove ******************/
.rtl .is-elmgrad-remove { right: auto; left: 0px; }

/**************** RTE Tool ******************/
.rtl #divRteTool.left { left: auto !important; right: 40px !important; }

.rtl #divRteTool.right { right: auto !important; left: 40px !important; }

/**************** Design List (Categories) ******************/
.rtl #selSnippetCat { padding-left: 0; padding-right: 25px; }

/**************** Grid Editor Modal ******************/
.rtl .is-modal.grideditor { left: 100px; right: auto; }

/**************** Image Edit Crop ******************/
.rtl .imageedit-crop button { margin: 0 0 0 20px; }




/*content box*/

/**************** Box Tools & Module Placeholders ******************/
.rtl #divboxtool { left: auto; right: 0px; }

.rtl .is-module,
.rtl .is-placeholder { left: auto; right: 0; }

/**************** Section Tools ******************/
.rtl .is-section-tool { left: auto !important; right: 0px; margin-left: auto; margin-right: 70px; }

    .rtl .is-section-tool > div { float: right; }

/**************** Sidebar Active State ******************/
.rtl .sidebar-active { padding-left: 0; padding-right: 50px; }

    .rtl .sidebar-active .is-section-tool { right: auto !important; left: 0px !important; margin-right: 0 !important; }

    .rtl .sidebar-active #rte-toolbar { margin: 0 50px 0 0; }

/**************** Sidebar Structure ******************/
.rtl .is-sidebar { left: auto; right: 0; border-right: none; border-left: rgba(0, 0, 0, 0.05) 1px solid; }

    .rtl .is-sidebar div.is-sidebar-button { float: right; }

/**************** Sidebar Content & Animation ******************/
.rtl .is-sidebar-content { left: auto; right: 0; /* Slide in from right instead of left */ -webkit-transform: translate3d(120%, 0, 0); transform: translate3d(120%, 0, 0); }

    .rtl .is-sidebar-content.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/**************** Sidebar Panels (Snippets, Typography, etc.) ******************/
.rtl #divSidebarSnippets > div:first-child { padding: 0 50px 0 0; }

.rtl #divSidebarSnippets .is-snippet-list { padding: 25px 75px 0 12px; }

    .rtl #divSidebarSnippets .is-snippet-list div { margin: 0 0 12px 12px; }

.rtl #divSidebarSections > div,
.rtl #divSidebarSource > div,
.rtl #divSidebarTypography > div { padding: 0 50px 0 0; }

/**************** Pace Progress Bar ******************/
.rtl .pace .pace-progress { right: auto; left: 100%; }

/**************** Custom Color Modal ******************/
.rtl .is-modal.customcolor button { float: right; }

/**************** Gradient Remove Button ******************/
.rtl .is-customgrad-remove { right: auto; left: 0px; }

/**************** Responsive Adjustments ******************/
@media all and (max-width: 1025px) {
    .rtl body.full-edit.sidebar-active { padding-right: 0 !important; }
}

@media all and (max-width: 680px) {
    .rtl body { padding-right: 0 !important; }
}





/*theme.css*/

/**************** Global RTL Settings ******************/
.rtl body { text-align: right; }

/* Button Spacing */
.rtl [class^='button-'],
.rtl [class*=' button-'] { margin-right: 0; margin-left: 3px; }

/**************** Container Alignment ******************/
.rtl .is-container.is-content-left { margin-left: auto; margin-right: 100px; }

.rtl .is-container.is-content-right { margin-right: auto; margin-left: 100px; }

@media all and (max-width: 1200px) {
    .rtl .is-container.is-content-left { margin-right: 60px; }
    .rtl .is-container.is-content-right { margin-left: 60px; }
}

@media all and (max-width: 991px) {
    .rtl .is-container.is-content-left { margin-right: auto; }
    .rtl .is-container.is-content-right { margin-left: auto; }
}

/**************** Text Alignment Helpers ******************/
.rtl .is-align-right { text-align: left; }

.rtl .is-align-left { text-align: right; }

/**************** Medical Banner Section ******************/
.rtl .medical-banner { background-position: right top; }

    .rtl .medical-banner .left-box { /* Padding: Top, Right, Bottom, Left */ /* LTR: 100px 5% 100px 8% -> RTL: 100px 8% 100px 5% */ padding: 100px 8% 100px 5%; }

        .rtl .medical-banner .left-box::before { left: auto; right: 0; /* LTR: left: 0, right: -70px -> RTL: right: 0, left: -70px */ left: -70px; border-radius: 6px 0 0 6px; }

    .rtl .medical-banner .right-box { padding-left: 15px; padding-right: 0; }

        .rtl .medical-banner .right-box img { border-radius: 0 0 10px 0; }

.rtl .is-section.section-slider.medical-banner .swiper-pagination { left: auto; right: 7%; }

@media only screen and (max-width: 991px) {
    .rtl .is-section.section-slider.medical-banner .swiper-pagination { right: auto; left: 20px; }
}

/**************** Medical Section 01 ******************/
.rtl .medical-section01 .is-box-img .is-overlay { border-radius: 6px 0 0 6px; left: -70px; right: 0; }

.rtl .medical-section01 .is-box-img + .is-box { border-radius: 0 6px 6px 0; }

@media only screen and (max-width: 991px) {
    .rtl .medical-section01 .is-box-img .is-overlay { left: 0; right: 0; }
}

/**************** Easy Carousel 07 ******************/
.rtl .easy-carousel07 { text-align: right; }

    .rtl .easy-carousel07 td:first-child { text-align: right; }

    .rtl .easy-carousel07 td:last-child { text-align: left; }

/**************** Medical Section 02 ******************/
.rtl .medical-section02 .is-box-img .is-overlay { border-radius: 0 6px 6px 0; left: 0; right: -70px; }

.rtl .medical-section02 .is-box:first-child:not(.is-box-img) { border-radius: 6px 0 0 6px; }

@media only screen and (max-width: 991px) {
    .rtl .medical-section02 .is-box-img .is-overlay { left: 0; right: 0; }
}

/**************** Img Box 09 ******************/
.rtl .img-box09 { /* Margin: Top, Right, Bottom, Left */ /* LTR: 0 0 100px 40px -> RTL: 0 40px 100px 0 */ margin: 0px 40px 100px 0px; }

    .rtl .img-box09 .pic { transform: translate(40px, 40px); }

    .rtl .img-box09 .cont { /* Padding: Top, Right, Bottom, Left */ /* LTR: 40px 30px 40px 0 -> RTL: 40px 0 40px 30px */ padding: 40px 0 40px 30px; }

    .rtl .img-box09 .link .sico { margin-left: auto; margin-right: 10px; }

    .rtl .img-box09::before { left: auto; right: 0; border-radius: 0 6px 6px 0; }

@media only screen and (max-width: 767px) {
    .rtl .img-box09 { margin: 0px 0px 30px; }
        .rtl .img-box09 .pic { transform: none; }
        .rtl .img-box09 .cont { padding: 30px 15px 15px; }
}

/**************** Footer Table ******************/
.rtl .Medical-footer-table td:first-child { text-align: right; }

.rtl .Medical-footer-table td:last-child { text-align: left; }

/**************** Accessibility & Misc ******************/
.rtl #skip-menu { left: auto; right: 0; }

    .rtl #skip-menu ul a { left: auto; right: -9999px; }

        .rtl #skip-menu ul a:focus { left: auto; right: 0; }




/*backtop.css*/

/**************** Fixed Widget List (RTL) ******************/
/*.rtl .fixed-widget-list { right: auto; left: 42px; }*/

/* Tooltip Position: Show to the right of the icon in RTL */
/*.rtl .fixed-widget-list li span { right: auto; left: 66px; }*/

/* Hover Animation for Tooltip */
/*.rtl .fixed-widget-list li:hover span { right: auto; left: 76px; }*/

/**************** Mobile Responsiveness ******************/
/*@media only screen and (max-width: 767px) {
    .rtl .fixed-widget-list { right: auto; left: 7px; }
}*/

.fixed-widget-list li.backtop { border: 2px solid #fff; }
.fixed-widget-list li span { border: 1px solid #fff; }



/*loader.css*/

/**************** Loading Circles Positioning ******************/

.rtl .page-loaders { font-family: 'IRANSansX' !important; background: var(--accent-color) !important; }

/* Default Circle (1st one usually) */
.rtl .loading-center .loading-circle { left: auto; right: 15%; }

    /* Second Circle */
    .rtl .loading-center .loading-circle:nth-child(2) { left: auto; right: 45%; }

    /* Third Circle */
    .rtl .loading-center .loading-circle:nth-child(3) { right: auto; left: 15%; }

/**************** Loading Shadows Positioning ******************/
/* Default Shadow */
.rtl .loading-center .loading-shadow { left: auto; right: 15%; }

    /* Fourth Child (Shadow for Middle Circle) */
    .rtl .loading-center .loading-shadow:nth-child(4) { left: auto; right: 45%; }

    /* Fifth Child (Shadow for Left Circle in RTL) */
    .rtl .loading-center .loading-shadow:nth-child(5) { right: auto; left: 15%; }

/**************** Loading Text Alignment ******************/
.rtl .loading-center span { padding: 50px 5px 0 !important; font-family: 'IRANSansX' !important; letter-spacing: normal !important; font-weight: bold; font-size: 22px; }


/*mobile menu*/

/**************** Slide Menu Direction ******************/
.rtl .mobilemenu-main .m-menu { margin-left: auto; margin-right: 15%; transform: translateX(-100%); }

/* Icons Spacing */
.rtl .mobilemenu-main li a svg { margin-right: 0; margin-left: 8px; }

/**************** Underline Animation (Right to Left) ******************/
.rtl .mobilemenu-main .gomenu > ul > li > a > span::after { left: auto; right: 0; left: 100%; /* Start hidden on the left side relative to right anchor */ transition: left ease-in-out 300ms; }

.rtl .mobilemenu-main .gomenu > ul > li.current > a > span::after,
.rtl .mobilemenu-main .gomenu > ul > li > a:hover > span::after,
.rtl .mobilemenu-main .gomenu > ul > li.active > a > span::after { right: 0; /* Anchor right */ left: 0; /* Expand to left */ }

/**************** Submenu Indentation & Borders ******************/
.rtl .mobilemenu-main .gomenu > ul > li > ul { padding-left: 0; padding-right: 8px; }

    .rtl .mobilemenu-main .gomenu > ul > li > ul::after { left: auto; right: 0; border-left: none; border-right: 2px solid #1c44a4; }

.rtl .mobilemenu-main .gomenu ul ul ul { padding-left: 0; padding-right: 8px; }

    .rtl .mobilemenu-main .gomenu ul ul ul li::before { margin-right: 0; margin-left: 8px; }

/**************** Close Button Positioning ******************/
.rtl .mobilemenu-main .mobileclose { left: auto; right: 100%; margin-left: auto; margin-right: 40px; }

.rtl .mobilemenu-main.active .mobileclose { left: auto; right: 15%; }

/**************** Arrows (Submenu Toggles) ******************/
.rtl .mobilemenu-main .gomenu li .arrows { right: auto; left: 0; }

    /* Change Arrow Direction to point Left (<) instead of Right (>) */
    .rtl .mobilemenu-main .gomenu li .arrows::after { border-right: none; border-left: 2px solid currentColor; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

    /* Active Arrow (Point Down) - Adjust rotation for RTL base */
    .rtl .mobilemenu-main .gomenu li .arrows.active::after { /* From -45deg (Left), rotate -90deg to get -135deg (Down) */ -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }





/*Cwag.css*/
/**************** Label Positioning ******************/
.rtl .wcag-settings .label { margin-right: 0; margin-left: 5px; }

/**************** Readable Mode Fix for Persian/Arabic ******************/
/* Letter-spacing breaks cursive scripts like Persian/Arabic (discounts letters).
   We must reset it to normal in RTL mode to keep text readable.
*/
.rtl.html-readable,
.rtl.html-readable body,
.rtl.html-readable #Body,
.rtl.html-readable p,
.rtl.html-readable h1,
.rtl.html-readable h3,
.rtl.html-readable h4,
.rtl.html-readable h5,
.rtl.html-readable h6 { letter-spacing: normal !important; }




/**************** Popup Icon & Text Alignment ******************/
/* General Text SVG Margin Flip */
.rtl .google-translation-popupbox .text svg { margin: 0 20px 2px 3px; }

/* Specific Overrides for Left-Positioned Popups (Mirroring specific LTR rules) */
.rtl .google-translation-popupbox.popupbox-lefttop .text svg,
.rtl .google-translation-popupbox.popupbox-leftbottom .text svg { margin: 0 0 2px 3px; }

/* Padding Flip on Hover for Left-Positioned Popups */
.rtl .google-translation-popupbox.popupbox-lefttop .current-lang:hover .text,
.rtl .google-translation-popupbox.popupbox-leftbottom .current-lang:hover .text { padding-right: 0; padding-left: 20px; }

/**************** Modal (Full Screen Popup) RTL ******************/
/* Language List Buttons Alignment */
.rtl #google-translation-popup button { text-align: right; }

/* Close Button Positioning */
.rtl #google-translation-popup .close-lang { right: auto; left: 0px; }

/* Original Language Button Positioning */
.rtl #google-translation-popup .lang-original { right: auto; left: 60px; }

/* Admin Message Positioning */
.rtl #google-translation-popup .admin-msg { left: auto; right: 30px; }



/*edit.css*/

/**************** Control Bar & General Layout ******************/
html[lang="fa-ir"] .dnn-9 #divCb > div,
html[lang="fa-ir"] .dnn-9 #divCb > svg { left: auto !important; right: 80px !important; }

html[lang="fa-ir"] .dnn-9 .ContentBuilderControl { margin: 0 15px 0 0 !important; }

html[lang="fa-ir"] .dnn-8 #divCb > div,
html[lang="fa-ir"] .dnn-8 #divCb > svg { left: auto !important; right: 0 !important; }

html[lang="fa-ir"].dnnpersonabarhide #divCb > div,
html[lang="fa-ir"].dnnpersonabarhide #divCb > svg { left: auto !important; right: 0 !important; }

/**************** Media Box (DnnMediaBox) ******************/
html[lang="fa-ir"] #DnnMediaBox { left: 30px !important; right: 120px !important; }

html[lang="fa-ir"] .dnn-8 #DnnMediaBox { left: auto !important; right: 30px !important; }

html[lang="fa-ir"] #DnnMediaBox .media-footer { text-align: left !important; }

html[lang="fa-ir"] #DnnMediaBox .imgaes-setting-option { float: right !important; }

    html[lang="fa-ir"] #DnnMediaBox .imgaes-setting-option label { margin: 0 0 0 7px !important; }

    html[lang="fa-ir"] #DnnMediaBox .imgaes-setting-option li { margin: 0 0 0 15px !important; }

/* Select Image List */
html[lang="fa-ir"] .SelectImageList .gallery-img { margin: 0 0 10px 10px !important; }

    html[lang="fa-ir"] .SelectImageList .gallery-img .wrap-image::after { right: auto !important; left: 5px !important; }

    html[lang="fa-ir"] .SelectImageList .gallery-img .wrap-image.selected::before { right: auto !important; left: 11px !important; border-right: none !important; border-left: 2px solid #000 !important; }

/* Tabs */
html[lang="fa-ir"] #SelectImageTabs.nav-tabs > li { float: right !important; }

    html[lang="fa-ir"] #SelectImageTabs.nav-tabs > li > a { margin-right: 0 !important; margin-left: -1px !important; }

/**************** Builder Controls & Tools ******************/
html[lang="fa-ir"] .layout-container .hasBuilder::before { left: auto !important; right: 79px !important; }

html[lang="fa-ir"] #divCustomModuleTool { margin-left: auto !important; margin-right: -70px !important; }

html[lang="fa-ir"] .is-sidebar2 { left: auto !important; right: 0 !important; }

html[lang="fa-ir"] .is-sidebar .SkinPluginPro_icon a { float: right !important; }

html[lang="fa-ir"] .close { float: left !important; }

/**************** Sidebar Source CSS ******************/
html[lang="fa-ir"] .elm-list { padding-right: 0 !important; padding-left: 45px !important; }

html[lang="fa-ir"] #divSidebarSourceCSS > div { padding: 0 50px 0 0 !important; }

/**************** Input Fields with Buttons ******************/
/* Image Text URL */
html[lang="fa-ir"] #imgaesTEXTURL { padding-left: 50px !important; padding-right: 8px !important; }

html[lang="fa-ir"] .imgaes-setting-option .imgurl .img { right: auto !important; left: 1px !important; border-left: none !important; border-right: 1px solid rgb(199, 199, 199) !important; }

/* Element Bg Images */
html[lang="fa-ir"] #inpElmBgImages { padding-right: 0 !important; padding-left: 55px !important; }

html[lang="fa-ir"] #inpElmBgImagesButton { right: auto !important; left: 0 !important; }

html[lang="fa-ir"] #divElementBox .input-elm-bgcolor { float: right !important; }

html[lang="fa-ir"] #divElementBox .input-elm-gradient { margin: 12px 10px 0 0 !important; }

/* Link Inputs */
html[lang="fa-ir"] .input-link-box input[type="text"] { padding-right: 0 !important; padding-left: 55px !important; }

html[lang="fa-ir"] .input-link-box.two input[type="text"] { padding-left: 110px !important; }

html[lang="fa-ir"] .link-button { right: auto !important; left: 1px !important; }

html[lang="fa-ir"] .link-list-select,
html[lang="fa-ir"] .modal-list-select { left: auto !important; right: 0 !important; }

/**************** Modals & Popups ******************/
/* View Icons Modal */
html[lang="fa-ir"] .is-modal.is-side.viewicons .is-side-close { right: auto !important; left: 15px !important; }

/* Edit Select inside Modals */
html[lang="fa-ir"] .is-modal .edit-select .select-text { padding: 0 5px 0 20px !important; }

html[lang="fa-ir"] .is-modal .edit-select .insel { left: auto !important; right: 0 !important; }

/* Section Save Icon */
html[lang="fa-ir"] .is-section-save .fa.fa-save { /* margin-left: auto !important; margin-right: 9px !important;*/ }

/* Iframe Formatters */
html[lang="fa-ir"] #ifrCSSFormatted,
html[lang="fa-ir"] #ifrHTMLFormattedMain { left: auto !important; right: 50px !important; }

/* Row Tool in Fluid Container */
html[lang="fa-ir"] .is-container.is-container-fluid .is-row-tool { right: auto !important; left: 0px !important; }

/**************** Persona Bar Hiding & Body Margins ******************/

html[lang="fa-ir"] body[style*="margin-left: 80px;"] { margin-left: auto !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 130px !important; }

html[lang="fa-ir"].dnnpersonabarhide #Body[style*="margin-left: 80px;"] { padding-left: 0 !important; padding-right: 50px !important; }

html[lang="fa-ir"].dnnpersonabarhide .body-fullview#Body[style*="margin-left: 80px;"] { padding-right: 0px !important; }

html[lang="fa-ir"].dnnpersonabarhide #divCb > div,
html[lang="fa-ir"].dnnpersonabarhide #divCb > svg { left: auto !important; right: 0 !important; }

html[lang="fa-ir"].dnnpersonabarhide #Body[style*="margin-left: 80px"] .dng-main.Wide .floating-active.header-wrap,
html[lang="fa-ir"].dnnpersonabarhide #Body[style*="margin-left: 80px"] .dng-main.Wide .sticky-fixed .floating-nav.floating-nav-sticky { left: auto !important; right: 50px !important; }


/**************** Section Builder Margins ******************/
html[lang="fa-ir"] .is-container .row > div > .is-builder { margin: 0 -15px 0 -14px !important; }

/* Cell Add Options Tabs */
html[lang="fa-ir"] .cell-add-options .tab-title { left: auto !important; right: 0 !important; }

/* Fixed Element Settings */
html[lang="fa-ir"] .fixed-element-settings.is-modal .w-box { right: auto !important; left: 10% !important; }

/* Data Collection Form */
html[lang="fa-ir"] .dng-collect-data2 .control-item,
html[lang="fa-ir"] .dng-collect-data .control-item { padding-right: 0 !important; padding-left: 10px !important; }

/* JS Animation Input */
html[lang="fa-ir"] #divJSAnimation input { padding-left: 0 !important; padding-right: 8px !important; }

/**************** Fullview & Preview Modes ******************/

html[lang="fa-ir"] .body-element-fullview.body-fullview #divCb .is-sidebar,
html[lang="fa-ir"] .contentpreview-fullview.body-fullview #divCb .is-sidebar { left: auto !important; right: -80px !important; }

html[lang="fa-ir"] .body-element-fullview.body-fullview #divCb,
html[lang="fa-ir"] .contentpreview-fullview.body-fullview #divCb { transform: translateX(20px) !important; }

html[lang="fa-ir"] .contentpreview-fullview #content-builder-preview { left: auto !important; right: 30px !important; }

html[lang="fa-ir"] .contentpreview-fullview#Body[style*="margin-left: 80px"] .dng-main.Wide .floating-active.header-wrap,
html[lang="fa-ir"] .contentpreview-fullview#Body[style*="margin-left: 80px"] .dng-main.Wide .sticky-fixed .floating-nav.floating-nav-sticky,
html[lang="fa-ir"] .body-element-fullview#Body[style*="margin-left: 80px"] .dng-main.Wide .floating-active.header-wrap,
html[lang="fa-ir"] .body-element-fullview#Body[style*="margin-left: 80px"] .dng-main.Wide .sticky-fixed .floating-nav.floating-nav-sticky { left: auto !important; right: 0 !important; }

html[lang="fa-ir"] #content-builder-preview { left: auto !important; right: 0 !important; }

/**************** Theme Plugin Options ******************/
html[lang="fa-ir"] #divEditThemePluginOptions { padding: 0 50px 0 0 !important; }

html[lang="fa-ir"] #ifrThemePluginOptions { left: auto !important; right: 50px !important; }

html[lang="fa-ir"] #OptionsBox .panel-heading::after { right: auto !important; left: 15px !important; }

html[lang="fa-ir"] #OptionsBox .input-group i { right: auto !important; left: 1px !important; border-left: none !important; border-right: 1px solid #e3e3e3 !important; border-radius: 3px 0 0 3px !important; }

html[lang="fa-ir"] .OptionsFooter { text-align: left !important; }

/**************** Mobile Cover & Video Inputs ******************/
html[lang="fa-ir"] #MobileCoverBgImages { padding-right: 0 !important; padding-left: 110px !important; }

html[lang="fa-ir"] #MobileCoverBgImagesButton { right: auto !important; left: 51px !important; }

html[lang="fa-ir"] #fileCoverMobile .MobileCoverClear { right: auto !important; left: 1px !important; border-left: none !important; border-right: 1px solid #c7c7c7 !important; }

html[lang="fa-ir"] #fileCoverMobile .MobileCoverClearColor { left: auto !important; right: 100% !important; margin-left: auto !important; margin-right: -1px !important; }

html[lang="fa-ir"] #VideoCoverModal .box .icon-video { right: auto !important; left: 1px !important; }

html[lang="fa-ir"] #VideoCoverModal .box > div > input { padding-right: 0 !important; padding-left: 60px !important; }

/* Save Section Name Box */
html[lang="fa-ir"] #save-section-name-box .button { text-align: left !important; }

/**************** Color Picker ******************/
html[lang="fa-ir"] .colorpicker2 { float: left !important; }
html[lang="fa-ir"] .colorpicker2-saturation { float: right !important; }
html[lang="fa-ir"] .colorpicker2-hue, html[lang="fa-ir"] .colorpicker2-alpha { float: right !important; margin-left: auto !important; margin-right: 4px !important; }



/*Action Form*/
/* * Bootstrap v3.4.1 RTL Override for namespace .rtl .bstrap30
 * Designed to be loaded AFTER the original Bootstrap CSS.
 * This file inverts direction, floats, margins, paddings, and text alignment.
 */

/* ========================================================================
   1. Global Direction & Reset
   ======================================================================== */

.rtl .bstrap30 { direction: rtl; text-align: right; }

    .rtl .bstrap30 body { direction: rtl; text-align: right; }

    /* ========================================================================
   2. Grid System & Layout Helpers
   ======================================================================== */

    /* Invert Floats for Columns */
    .rtl .bstrap30 [class*="col-"] { float: right; }

    /* Invert Float Helpers */
    .rtl .bstrap30 .pull-right { float: left !important; }

    .rtl .bstrap30 .pull-left { float: right !important; }

    /* Invert Text Alignment Helpers */
    .rtl .bstrap30 .text-left { text-align: right; }

    .rtl .bstrap30 .text-right { text-align: left; }

    /* ========================================================================
   3. Typography
   ======================================================================== */

    .rtl .bstrap30 h1, .rtl .bstrap30 h2, .rtl .bstrap30 h3, .rtl .bstrap30 h4, .rtl .bstrap30 h5, .rtl .bstrap30 h6,
    .rtl .bstrap30 .h1, .rtl .bstrap30 .h2, .rtl .bstrap30 .h3, .rtl .bstrap30 .h4, .rtl .bstrap30 .h5, .rtl .bstrap30 .h6 { text-align: right; }

    /* Blockquotes */
    .rtl .bstrap30 blockquote { border-left: none; border-right: 5px solid #eee; text-align: right; }

        .rtl .bstrap30 blockquote.pull-right { border-right: none; border-left: 5px solid #eee; text-align: left; }

    /* Lists */
    .rtl .bstrap30 .list-unstyled,
    .rtl .bstrap30 .list-inline { padding-left: 0; padding-right: 0; }

    .rtl .bstrap30 dl.dl-horizontal dt { float: right; text-align: left; /* Align labels towards content */ clear: right; }

    .rtl .bstrap30 dl.dl-horizontal dd { margin-left: auto; margin-right: 180px; }

    /* ========================================================================
   4. Tables
   ======================================================================== */

    .rtl .bstrap30 th { text-align: right; }

    /* ========================================================================
   5. Forms
   ======================================================================== */

    .rtl .bstrap30 .form-control { direction: rtl; /* Ensure input text is RTL */ }

    .rtl .bstrap30 .checkbox label,
    .rtl .bstrap30 .radio label { padding-left: 0; padding-right: 20px; }

    .rtl .bstrap30 .checkbox input[type=checkbox],
    .rtl .bstrap30 .checkbox-inline input[type=checkbox],
    .rtl .bstrap30 .radio input[type=radio],
    .rtl .bstrap30 .radio-inline input[type=radio] { margin-left: auto; margin-right: -20px; }

    .rtl .bstrap30 .checkbox-inline + .checkbox-inline,
    .rtl .bstrap30 .radio-inline + .radio-inline { margin-left: auto; margin-right: 10px; }

    .rtl .bstrap30 .form-horizontal .control-label { text-align: left; /* Align label towards input */ }

    /* Form Feedback Icons */
    .rtl .bstrap30 .has-feedback .form-control { padding-right: 12px; padding-left: 42.5px; }

    .rtl .bstrap30 .form-control-feedback { right: auto; left: 0; }

    /* ========================================================================
   6. Buttons & Button Groups
   ======================================================================== */

    .rtl .bstrap30 .btn-group > .btn,
    .rtl .bstrap30 .btn-group-vertical > .btn { float: right; }

        /* Reset Border Radius for Groups - Invert logic */
        .rtl .bstrap30 .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; }

        .rtl .bstrap30 .btn-group > .btn:last-child:not(:first-child),
        .rtl .bstrap30 .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; }

        .rtl .bstrap30 .btn-group > .btn + .btn,
        .rtl .bstrap30 .btn-group > .btn + .btn-group,
        .rtl .bstrap30 .btn-group > .btn-group + .btn,
        .rtl .bstrap30 .btn-group > .btn-group + .btn-group { margin-left: auto; margin-right: -1px; }

    /* ========================================================================
   7. Input Groups
   ======================================================================== */

    .rtl .bstrap30 .input-group .form-control,
    .rtl .bstrap30 .input-group-addon,
    .rtl .bstrap30 .input-group-btn { /* Float logic handled by table-cell display usually, but border radius needs fix */ }

        .rtl .bstrap30 .input-group-addon:first-child,
        .rtl .bstrap30 .input-group-btn:first-child > .btn,
        .rtl .bstrap30 .input-group-btn:first-child > .btn-group > .btn,
        .rtl .bstrap30 .input-group-btn:first-child > .dropdown-toggle,
        .rtl .bstrap30 .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
        .rtl .bstrap30 .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; border-right: 1px solid #ccc; /* Ensure border exists */ border-left: 0; }

            .rtl .bstrap30 .input-group-addon:last-child,
            .rtl .bstrap30 .input-group-btn:last-child > .btn,
            .rtl .bstrap30 .input-group-btn:last-child > .btn-group > .btn,
            .rtl .bstrap30 .input-group-btn:last-child > .dropdown-toggle,
            .rtl .bstrap30 .input-group-btn:first-child > .btn:not(:first-child),
            .rtl .bstrap30 .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-left: 1px solid #ccc; border-right: 0; }

    /* ========================================================================
   8. Navigation (Navs & Navbar)
   ======================================================================== */

    /* Nav Tabs */
    .rtl .bstrap30 .nav-tabs > li { float: right; }

        .rtl .bstrap30 .nav-tabs > li > a { margin-right: 0; margin-left: 2px; }

    /* Navbar */
    .rtl .bstrap30 .navbar-header { float: right; }

    .rtl .bstrap30 .navbar-collapse { text-align: right; }

    .rtl .bstrap30 .navbar-brand { float: right; padding: 15px 15px; /* keep padding */ }

    .rtl .bstrap30 .navbar-nav { float: right; margin: 0; }

        .rtl .bstrap30 .navbar-nav > li { float: right; }

    /* Navbar Right (now Left) */
    .rtl .bstrap30 .navbar-right { float: left !important; margin-right: 0; margin-left: -15px; }

    .rtl .bstrap30 .navbar-left { float: right !important; }

    /* Navbar Text */
    .rtl .bstrap30 .navbar-text { float: right; margin-right: 15px; margin-left: 15px; }

    /* ========================================================================
   9. Pagination & Pager
   ======================================================================== */

    .rtl .bstrap30 .pagination > li { display: inline; }

        .rtl .bstrap30 .pagination > li > a,
        .rtl .bstrap30 .pagination > li > span { float: right; /* Float elements right */ margin-left: auto; margin-right: -1px; }

        .rtl .bstrap30 .pagination > li:first-child > a,
        .rtl .bstrap30 .pagination > li:first-child > span { margin-right: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

        .rtl .bstrap30 .pagination > li:last-child > a,
        .rtl .bstrap30 .pagination > li:last-child > span { border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

    /* Pager */
    .rtl .bstrap30 .pager .next > a,
    .rtl .bstrap30 .pager .next > span { float: left; }

    .rtl .bstrap30 .pager .previous > a,
    .rtl .bstrap30 .pager .previous > span { float: right; }

    /* ========================================================================
   10. Modals & Alerts
   ======================================================================== */

    .rtl .bstrap30 .modal-header .close { margin-top: -2px; float: left; }

    .rtl .bstrap30 .modal-footer { text-align: left; /* Align buttons to the left in footer usually preferred in RTL too, or right based on design. Standard BS is right aligned LTR, so Left aligned RTL */ }

        .rtl .bstrap30 .modal-footer .btn + .btn { margin-left: auto; margin-right: 5px; }

    .rtl .bstrap30 .alert-dismissable .close,
    .rtl .bstrap30 .alert-dismissible .close { right: auto; left: -21px; }

    /* ========================================================================
   11. Dropdowns
   ======================================================================== */

    .rtl .bstrap30 .dropdown-menu { right: 0; left: auto; float: right; text-align: right; }

    .rtl .bstrap30 .dropdown-menu-right { left: 0; right: auto; }

    .rtl .bstrap30 .dropdown-menu-left { right: 0; left: auto; }

    /* ========================================================================
   12. Media Objects
   ======================================================================== */

    .rtl .bstrap30 .media-right,
    .rtl .bstrap30 .media > .pull-right { padding-left: 0; padding-right: 10px; }

    .rtl .bstrap30 .media-left,
    .rtl .bstrap30 .media > .pull-left { padding-right: 0; padding-left: 10px; }

    /* ========================================================================
   13. Offsets (Grid) Override
   ======================================================================== */

    /* Note: Full offset mirroring requires resetting 'margin-left' to 0 and setting 'margin-right'. */

/*    .rtl .bstrap30 .col-xs-offset-1, .rtl .bstrap30 .col-sm-offset-1, .rtl .bstrap30 .col-md-offset-1, .rtl .bstrap30 .col-lg-offset-1 { margin-left: auto; margin-right: 8.33333333%; }
    .rtl .bstrap30 .col-xs-offset-2, .rtl .bstrap30 .col-sm-offset-2, .rtl .bstrap30 .col-md-offset-2, .rtl .bstrap30 .col-lg-offset-2 { margin-left: auto; margin-right: 16.66666667%; }
    .rtl .bstrap30 .col-xs-offset-3, .rtl .bstrap30 .col-sm-offset-3, .rtl .bstrap30 .col-md-offset-3, .rtl .bstrap30 .col-lg-offset-3 { margin-left: auto; margin-right: 25%; }
    .rtl .bstrap30 .col-xs-offset-4, .rtl .bstrap30 .col-sm-offset-4, .rtl .bstrap30 .col-md-offset-4, .rtl .bstrap30 .col-lg-offset-4 { margin-left: auto; margin-right: 33.33333333%; }
    .rtl .bstrap30 .col-xs-offset-5, .rtl .bstrap30 .col-sm-offset-5, .rtl .bstrap30 .col-md-offset-5, .rtl .bstrap30 .col-lg-offset-5 { margin-left: auto; margin-right: 41.66666667%; }
    .rtl .bstrap30 .col-xs-offset-6, .rtl .bstrap30 .col-sm-offset-6, .rtl .bstrap30 .col-md-offset-6, .rtl .bstrap30 .col-lg-offset-6 { margin-left: auto; margin-right: 50%; }
    .rtl .bstrap30 .col-xs-offset-7, .rtl .bstrap30 .col-sm-offset-7, .rtl .bstrap30 .col-md-offset-7, .rtl .bstrap30 .col-lg-offset-7 { margin-left: auto; margin-right: 58.33333333%; }
    .rtl .bstrap30 .col-xs-offset-8, .rtl .bstrap30 .col-sm-offset-8, .rtl .bstrap30 .col-md-offset-8, .rtl .bstrap30 .col-lg-offset-8 { margin-left: auto; margin-right: 66.66666667%; }
    .rtl .bstrap30 .col-xs-offset-9, .rtl .bstrap30 .col-sm-offset-9, .rtl .bstrap30 .col-md-offset-9, .rtl .bstrap30 .col-lg-offset-9 { margin-left: auto; margin-right: 75%; }
    .rtl .bstrap30 .col-xs-offset-10, .rtl .bstrap30 .col-sm-offset-10, .rtl .bstrap30 .col-md-offset-10, .rtl .bstrap30 .col-lg-offset-10 { margin-left: auto; margin-right: 83.33333333%; }
    .rtl .bstrap30 .col-xs-offset-11, .rtl .bstrap30 .col-sm-offset-11, .rtl .bstrap30 .col-md-offset-11, .rtl .bstrap30 .col-lg-offset-11 { margin-left: auto; margin-right: 91.66666667%; }
    .rtl .bstrap30 .col-xs-offset-12, .rtl .bstrap30 .col-sm-offset-12, .rtl .bstrap30 .col-md-offset-12, .rtl .bstrap30 .col-lg-offset-12 { margin-left: auto; margin-right: 100%; }
    .rtl .bstrap30 .col-xs-offset-0, .rtl .bstrap30 .col-sm-offset-0, .rtl .bstrap30 .col-md-offset-0, .rtl .bstrap30 .col-lg-offset-0 { margin-left: auto; margin-right: 0; }*/






/* -----------------------------------------------------------
   SANA GROUP CUSTOM STYLES - LUXURY EDITION
   Target: Global CSS override for specific luxury elements
   ----------------------------------------------------------- */

.d-wrapper .is-box .is-container { margin-top: 70px !important; margin-bottom: 70px !important; width: 100%; }


/* --- TYPOGRAPHY UTILITIES --- */
.sana-text-gold { color: #ffd700 !important; text-shadow: 0 0 20px rgba(255, 215, 0, 0.3); display: inline-block; position: relative; }

.sana-hero-title { font-size: 3.5rem !important; font-weight: 800; line-height: 1.3; color: #ffffff; letter-spacing: -1px; margin-bottom: 20px; }

.sana-hero-subtitle { font-size: 1.3rem !important; font-weight: 300; color: #f1f1f1; letter-spacing: 0.5px; margin-bottom: 40px; line-height: 1.8; }

/* --- ANIMATIONS & BACKGROUNDS (CREATIVE UPDATE) --- */

/* 1. Deep Living Gradient Background */
@keyframes deepOceanMove {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.sana-animated-bg { background: linear-gradient(-45deg, #030f27, #051b4d, #030f27, #020a1a); background-size: 400% 400%; animation: deepOceanMove 15s ease infinite; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

/* 2. Geometric Pattern Overlay (Tech/Global feel) */
.sana-pattern-overlay { background-image: radial-gradient(#2e76c2 1px, transparent 1px); background-size: 40px 40px; /* Space between dots */ opacity: 0.1; /* Subtle effect */ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }

/* 3. Floating Glow Orb (Optional decorative element) */
@keyframes floatOrb {
    0% { transform: translateY(0px) translateX(0px); opacity: 0.4; }
    50% { transform: translateY(-20px) translateX(10px); opacity: 0.6; }
    100% { transform: translateY(0px) translateX(0px); opacity: 0.4; }
}

.sana-glow-orb { position: absolute; width: 600px; height: 600px; background: radial-gradient(circle, rgba(46, 118, 194, 0.15) 0%, rgba(3, 15, 39, 0) 70%); border-radius: 50%; top: 50%; left: 50%; margin-left: -300px; margin-top: -300px; animation: floatOrb 8s ease-in-out infinite; z-index: 1; pointer-events: none; }

/* Scroll Down Mouse Animation */
@keyframes scrollWheel {
    0% { opacity: 1; transform: translateY(0); }
    100% { opacity: 0; transform: translateY(15px); }
}

.sana-scroll-mouse { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); width: 26px; height: 42px; border: 2px solid rgba(255, 255, 255, 0.4); border-radius: 20px; z-index: 10; cursor: pointer; /* Clickable */ transition: all 0.3s; }

    .sana-scroll-mouse:hover { border-color: #ffd700; }

.sana-scroll-wheel { position: absolute; top: 8px; left: 50%; margin-left: -2px; width: 4px; height: 4px; background: #ffd700; border-radius: 50%; animation: scrollWheel 2s infinite; }

/* --- BUTTONS --- */
.sana-btn-outline-gold { display: inline-block; padding: 14px 45px; border: 1px solid var(--accent-color2); color: var(--accent-color2) !important; background-color: rgba(3, 15, 39, 0.4); font-weight: 600; text-transform: uppercase; text-decoration: none; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); font-size: 1rem; letter-spacing: 2px; border-radius: 0; position: relative; overflow: hidden; }

    .sana-btn-outline-gold:hover { background-color: var(--accent-color2) !important; color: #030f27 !important; box-shadow: 0 10px 30px rgba(255, 215, 0, 0.3); transform: translateY(-2px); }

/* --- LAYOUT UTILITIES --- */

/* Full Screen Hero Wrapper */
.sana-hero-wrapper { position: relative; width: 100%; min-height: 100vh; /* Takes full viewport height */ display: flex; align-items: center; /* Center Vertically */ justify-content: center; /* Center Horizontally */ padding-top: 100px; padding-bottom: 100px; }


/* Responsive Adjustments */
@media only screen and (max-width: 991px) {
    .sana-hero-title { font-size: 2.5rem !important; }
}

@media only screen and (max-width: 768px) {
    .sana-hero-title { font-size: 2rem !important; line-height: 1.4; }

    .sana-scroll-mouse { display: none; }

    .sana-hero-wrapper { min-height: 100vh; padding-top: 80px; padding-bottom: 80px; }
}

.sana-header-socials { display: flex; align-items: center; gap: 8px; }


/* Icon Base */
.sana-h-icon { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; /* Square Shape */ border-radius: 0; /* Default: Dark Icon on Transparent */ background: transparent; color: #030f27; /* Dark Navy Icon */ transition: all 0.2s ease-in-out; }

    /* SVG Size (Bigger) */
    .sana-h-icon svg { width: 18px; /* Increased Size */ height: 18px; display: block; }

    /* Hover State: Icon becomes White */
    .sana-h-icon:hover { color: #ffffff !important; transform: translateY(-1px); }

/* Specific Background Colors on Hover */
.is-linkedin:hover { background-color: #0077b5; }
.is-instagram:hover { background-color: #E1306C; }
/* Standard Flat Instagram Color */
.is-telegram:hover { background-color: #229ED9; }



.search-popup-box .icon { width: 30px; height: 30px; border-radius: 0 !important; }
.rtl ul.searchSkinObjectPreview { width: 98% !important; border-radius: 0 0 5px 6px; border: none !important; background: rgb(255 255 255 / 85%) !important; }
.rtl .search-popup-box .searchInputContainer a.dnnSearchBoxClearText { top: 16px !important; }

/*Inner Pages*/

.page-title-bg { border-top: 2px solid var(--button-hover-color1) !important; background: linear-gradient(-45deg, #030f27, #051b4d, #030f27, #020a1a) !important; }

.page-title.small .main-title { font-size: 1.45rem !important; color: var(--accent-color2) !important; text-shadow: 0 0 20px rgba(255, 215, 0, 0.3); }

.page-title .center { vertical-align: top !important; padding: 60px 0 0 0 !important; }

.page-breadcrumbs.inset { -webkit-transform: translateY(-230%) !important; transform: translateY(-230%) !important; position: relative !important; margin-bottom: -57px !important; }

.ISTAWEB_IR a:hover { color: var(--accent-color2) !important; }



@media (max-width: 768px) {
    html .footer-text-ista * { text-align: center !important; }
    html .page-breadcrumbs.inset { -webkit-transform: translateY(-300%) !important; transform: translateY(-300%) !important; }
    html .page-title.small .main-title { line-height: 1.5 !important; }
    html .page-title-container { padding: 25px 5px 25px !important; }
    html .sana-ambient-light { width: 100% !important; height: 100% !important; }
    html .sana-gold-glow { right: 0 !important; width: 100% !important; }
    html .sana-blue-glow { left: 0 !important; width: 100% !important; }
    html .sana-gold-glow-left { width: 100% !important; left: 0 !important; }

    html .sana-hero-title { text-align: center; font-size: 1.8rem !important; }

}


@media (max-width: 622px) {

}

@media (max-width: 520px) {

}

@media (max-width: 480px) {

}
/* Landscape phones and down */
@media (max-width: 450px) {
}

@media (max-width: 430px) {

}

@media (max-width: 400px) {

}

@media (max-width: 390px) {
}

@media (max-width: 376px) {
}

@media (max-width: 360px) {

}

@media (max-width: 342px) {

}

@media (max-width: 324px) {

}




:root{
	--headerHeight: calc( var(--header-top-height,0px) + var(--header-center-height,0px) + var(--header-bottom-height,0px) );
	--mobileHeaderHeight: calc( var(--header-mobile-top-height,0px) + var(--header-mobile-height,0px) + var(--header-mobile-bottom-height,0px) );
	--floatingHeaderHeight: calc( var(--floating-header-top-height,0px) + var(--floating-header-center-height,0px) + var(--floating-header-bottom-height,0px) );
}

.dng-main{
	 background-color:#FFFFFF;  	}
.container{
		padding-left:15px;
	padding-right:15px;
		width: var(--container-width);
	max-width: 100%;
}
.is-container{
	max-width: var(--container-width);
}
.container-fluid {
		padding-right:15px;
	padding-left:15px;
		margin-right: auto;
	margin-left: auto;
}   
#dnn_content{
	 padding-top:0px;		 padding-bottom:0px;	}		

@media (min-width:576px) {
		.container {
		width: var(--container-width);
	}	
	.is-container {
		max-width: var(--container-width);
	}
			}
@media (min-width:768px) {
		.container {
		width: var(--container-width);
	}	
	.is-container {
		max-width: var(--container-width);
	}	
			}
@media (min-width:992px) {
		.container {
		width: var(--container-width);
	}	
	.is-container {
		max-width: var(--container-width);
	}	
			}
@media (min-width:1200px) {
		.container {
		width: var(--container-width);
	}
	.is-container {
		max-width: var(--container-width);
	}	
			}

@media (min-width:1600px) {
		.container {
		width: var(--container-width);
	}	
	.is-container {
		max-width: var(--container-width);
	}	
	}

	.left-full-column > .full-column-inner{
		margin-left:-15px;
		width:calc(100% + 15px);
	}
	.right-full-column > .full-column-inner{
		margin-right:-15px;
		width:calc(100% + 15px);
	}



	.left-full-column > .full-column-inner{
		margin-left:calc((var(--container-width) - 100vw)/2);
		width:calc(100% + (100vw - var(--container-width))/2);
	}
	.right-full-column > .full-column-inner{
		margin-right:calc((var(--container-width) - 100vw)/2);
		width:calc(100% + (100vw - var(--container-width))/2);
	}
	.full-column > .full-column-inner{
		width:100vw;	
		margin-left:calc((var(--container-width) - 100vw)/2 - 15px);
	}
	.layout-no-plr .full-column > .full-column-inner{
		margin-left:calc((var(--container-width) - 100vw)/2);
	}

		@media (max-width:575px) {
		.left-full-column > .full-column-inner{
			margin-left:-15px;
			width:calc(100% + 15px);
		}
		.right-full-column > .full-column-inner{
			margin-right:-15px;
			width:calc(100% + 15px);
		}
		.full-column > .full-column-inner{
			width:calc(100% + 30px);
			margin-left:-15px;
		}
	}
	





h1, h2, h3, h4, h5, h6{
	font-family:inherit;
}

h1{
	color:var(--h1-color);
	font-weight:600;
	font-size:2.25rem;
	line-height:1.2;
	letter-spacing:0;
}		
h2{
	color:var(--h2-color);
		font-weight:600;
	font-size:1.75rem;
	line-height:1.3;
	letter-spacing:0;
}		
h3{
	color:var(--h3-color);
		font-weight:600;
	font-size:1.75rem;
	line-height:1.3;
	letter-spacing:0;
}		
h4{
	color:var(--h4-color);
		font-weight:600;
	font-size:1.625rem;
	line-height:1.4;
	letter-spacing:0;
}		
h5{
	color:var(--h5-color);
		font-weight:600;
	font-size:1.375rem;
	line-height:1.4;
	letter-spacing:0;
}		
h6{
	color:var(--h6-color);
		font-weight:600;
	font-size:1.25rem;
	line-height:1.5;
	letter-spacing:0;
}	

#Body .is-inherit-root-text,
#Body .is-inherit-root-text p,
#Body .is-inherit-root-text li,
#Body .is-inherit-root-text div,
#Body .is-inherit-root-text span{
	color: var(--default-color);
}
#Body .is-inherit-root-text h1{
	color:var(--h1-color);
}
#Body .is-inherit-root-text h2{
	color:var(--h2-color);
}
#Body .is-inherit-root-text h3{
	color:var(--h3-color);
}
#Body .is-inherit-root-text h4{
	color:var(--h4-color);
}
#Body .is-inherit-root-text h5{
	color:var(--h5-color);
}
#Body .is-inherit-root-text h6{
	color:var(--h6-color);
}
#Body .is-inherit-root-text a, 
#Body .is-inherit-root-text a:link{
	color:var(--link-color);
}
#Body .is-inherit-root-text a:visited{
	color:var(--link-visited-color);
}
#Body .is-inherit-root-text a:hover{
	color:var(--link-hover-color);
}
#Body .is-inherit-root-text a:active{
	color:var(--link-active-color);
}



@media only screen and (min-width: 576px)  {
						}
@media only screen and (min-width: 768px) {	
						}
@media only screen and (min-width: 992px) {	
		h1{
		font-size:3rem;		line-height:1.2;	}
			h2{
		font-size:2.5rem;		line-height:1.4;	}		
			h3{
		font-size:2rem;			}		
				}
@media only screen and (min-width: 1200px) {	
						}

a, 
a:link{
	color: var(--link-color);
}
a:visited{
	color: var(--link-visited-color);
}
a:hover{
	color: var(--link-hover-color);
}
a:active{
	color: var(--link-active-color);
}




.btn-accent,
a.btn-accent{
	color:var(--accent-color);
	border-color:var(--accent-color);
	background-color:var(--accent-color);
}
[class*="am-btn-"].btn-accent:before{
	background-color:var(--accent-color);
}

div [class*="am-btn-"].hover-accent:hover{
	color:var(--accent-color);
	border-color:var(--accent-color);
	background-color:var(--accent-color);
}
div [class*="am-btn-"].hover-accent:hover:before{
	background-color:var(--accent-color); 
}



#Body .bg-accent{
	background-color:var(--accent-color);
}
#Body .color-accent{
	color:var(--accent-color);
} 
#Body .border-accent{
	border-color:var(--accent-color);
}
#Body .bg-accent-hover:hover{
	background-color:var(--accent-color);
}
#Body .color-accent-hover:hover{
	color:var(--accent-color);
} 
#Body .border-accent-hover:hover{
	border-color:var(--accent-color);
}
#Body .bg-accent2{
	background-color:var(--accent-color2);
}
#Body .color-accent2{
	color:var(--accent-color2);
} 
#Body .border-accent2{
	border-color:var(--accent-color2);
}
#Body .bg-accent2-hover:hover{
	background-color:var(--accent-color2);
}
#Body .color-accent2-hover:hover{
	color:var(--accent-color2);
} 
#Body .border-accent2-hover:hover{
	border-color:var(--accent-color2);
}



b,
strong{
	font-weight:600;
}
.bold,
.font-weight-bold,
.strong-before:before,
.strong-after:after,
.strong-before :before,
.strong-after :after{
	font-weight:600!important;
}



#Body, body, .Head, .SubTitle, .SubSubTitle, .Normal{
	font-family: "IRANSansX";  
	font-size: 0.7rem; 
	line-height: 1.6;
	letter-spacing: 0;
	color: var(--default-color);
}
.default-size{font-size:0.7rem;}
.default-lineheight{line-height:1.6;}

@media (min-width:576px) {
		}
@media (min-width:768px) {
		}
@media (min-width:992px) {
		}
@media (min-width:1200px) {
		}



button, 
input, 
select, 
textarea,
.btn{
	font-family:"IRANSansX";  
}

.default-color{
	color: var(--default-color)!important;
}
.default-bg-color{
	background-color: var(--default-color)!important;
}
.default-bg-color-hover:hover{
	background-color:var(--default-color)!important;
}
.default-border-color{
	border-color: var(--default-color)!important;
}
.accent-color{
	color: $var(--accent-color);
}
.default-family{
	font-family:"IRANSansX"!important;
}


/*default color*/



/*page title*/
.page-title-bg{
			background-color:#010919; 
		}		
 

	

.page-title-bg.light-overlay::after{
	background-color: rgba(255, 255, 255, 0.50);
}
.page-title-bg.dark-overlay::after{
	background-color: rgba(0, 0, 0, 0.50);
}

.page-title-container{
	 height: 240px;
}
@media only screen and (max-width: 767px) {
	.page-title-container{
		height: auto;padding-top:35px;padding-bottom:35px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.page-title-container{
		height:144px;
		min-height:162px;
		padding-top: 45px;
		padding-bottom: 45px;
	}
}
.page-title.dark .main-title ,
.page-title.dark .pagetitle-breadcrumbs-box a:hover {
	color: var(--accent-color);
}


/*breadcrumbs*/
.page-breadcrumbs{
	background-color:rgba(1,9,25,0);  
	}

.page-breadcrumbs > .container{
		padding-top:20px;
				padding-bottom:20px;
		}

.page-breadcrumbs .breadcrumbs a:hover{
		color:#ffffff!important;
	}

.page-breadcrumbs .breadcrumbs{
    color: #ffd700;
    font-size: 0.75rem;
}
.page-breadcrumbs .breadcrumbs-box > a,
.page-breadcrumbs .breadcrumbs-box > span > span > span{
    line-height:20px;
}
.page-breadcrumbs .breadcrumbs a,
.page-breadcrumbs .breadcrumbs a:link,
.page-breadcrumbs .breadcrumbs a:active,
.page-breadcrumbs .breadcrumbs a:visited{
    color: #ffd700;
    font-size: 0.75rem;
}
.page-breadcrumbs .breadcrumbs a:hover{
			color:#ffffff!important;
	}

.breadcrumbs_sytle2 .breadcrumbs-box,
.breadcrumbs_sytle3 .breadcrumbs-box > a:before, 
.breadcrumbs_sytle3 .breadcrumbs-box > span > span > span:before{
	background-color:#010919;
}

html.html-night .page-breadcrumbs{ 
	background: var(--background-black);
}
html.html-night .page-breadcrumbs,
html.html-night .page-breadcrumbs .breadcrumbs,
html.html-night .page-breadcrumbs .breadcrumbs a, 
html.html-night .page-breadcrumbs .breadcrumbs a:link, 
html.html-night .page-breadcrumbs .breadcrumbs a:active, 
html.html-night .page-breadcrumbs .breadcrumbs a:visited{
	color: var(--color-black);
}
html.html-night .breadcrumbs_sytle2 .breadcrumbs-box,
html.html-night .breadcrumbs_sytle3 .breadcrumbs-box > a:before, 
html.html-night .breadcrumbs_sytle3 .breadcrumbs-box > span > span > span:before{
    background: #080808;
}



/*sidebar dynamic*/

.sidebar_dynamic.sidebar_dynamic_sytle01{
	padding-right:30px;	}
.sidebar_dynamic.sidebar_dynamic_sytle01 > .sidebar_sticky{
	 	 }


@media only screen and (max-width: 991px) {
	.sidebar_dynamic.sidebar_dynamic_sytle01{
		padding-right:15px!important;
		padding-left:15px!important;
		margin-top: 30px;
	}
	.sidebar_dynamic.sidebar_dynamic_sytle01 > .sidebar_sticky{
		padding-top:0!important;
		padding-bottom:0!important;
	 }

}
.sidebar_dynamic.sidebar_dynamic_sytle01,
.sidebar_dynamic.sidebar_dynamic_sytle01 .Normal{
}


.has-sidebar >.row{
	position: relative;
}


.sidebar_dynamic{
	min-height: 1px;
}

.sidebar-menu ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.sidebar-menu svg{
	width: 1em;
	height: 1em;
	margin-right: 10px;
    fill: currentColor;
}

.sidebar-menu .gomenu  > ul > li > a{
	padding: 18px 25px;
	display: block;
	position: relative;
	border-left: 5px solid transparent;
	transition: all ease 300ms;
	margin-bottom: -1px;
}

.sidebar-menu .gomenu  > ul > li > a, 
.sidebar-menu .gomenu  > ul > li > a:link, 
.sidebar-menu .gomenu  > ul > li > a:active, 
.sidebar-menu .gomenu  > ul > li > a:visited{
	color:#424242;		font-weight:inherit;	font-size:1.125rem;	line-height:1.4;}


.sidebar-menu .gomenu > ul > li:hover > a,
.sidebar-menu .gomenu > ul > li.current > a{
	color: #ffffff;
	text-decoration: none;
	border-left-color:rgba(0,0,0,.2);
}
.sidebar-menu .gomenu  > ul > li{
	border-bottom: 1px dashed #ebebeb;
	position: relative;
}

.sidebar-menu .gomenu  > ul > li > a::before{
	content: "";
	position: absolute;
	left: -5px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 5px;
	height: 19px;
	transition: all ease 300ms;
}
.sidebar-menu .gomenu > ul > li:hover > a,
.sidebar-menu .gomenu > ul > li.current > a,
.sidebar-menu .gomenu > ul > li a::before{
	background-color:#1c44a4;  
}

.sidebar-menu .gomenu > ul > li:hover > a::before,
.sidebar-menu .gomenu > ul > li.current  > a::before{
	height: 100%;
	opacity: 0;
}

.sidebar-menu .gomenu > ul > li > ul{
	padding: 15px 0;
}
.sidebar-menu .gomenu ul ul li{
	padding: 4px 0px 4px 30px;
}
.sidebar-menu .gomenu ul ul ul li a{
	position: relative;
}
.sidebar-menu .gomenu ul ul ul li a::before{
	content: "";
    width: 3px;
    height: 3px;
    background-color: currentColor;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-left: -15px;
    margin-top: -2px;
}

.sidebar-menu .gomenu ul ul ul li:last-child{
	padding-bottom: 0;
}
.sidebar-menu .gomenu ul ul ul li{
	padding-left: 25px;
}
.sidebar-menu .gomenu ul ul ul{
	padding: 10px 0;
}

.sidebar-menu .gomenu > ul > li > ul{
	display: none;
}
.sidebar-menu .gomenu > ul > li.current > ul{
	display: block;
}

.sidebar-menu .gomenu ul ul a, 
.sidebar-menu .gomenu ul ul a:link, 
.sidebar-menu .gomenu ul ul a:active, 
.sidebar-menu .gomenu ul ul a:visited{
	color:#666666;		font-weight:inherit;	font-size:1rem;	}

.sidebar-menu .gomenu > ul > li ul a:hover{
	color:#1c44a4;  
}

.sidebar-menu .gomenu ul li.subcurrent > a{
	color: var(--accent-color);
	font-weight:600;
}

html.html-night .sidebar-menu .gomenu li a, 
html.html-night .sidebar-menu .gomenu li a:link, 
html.html-night .sidebar-menu .gomenu li a:active, 
html.html-night .sidebar-menu .gomenu li a:visited{
	color: var(--color-black) !important;
}

	.sidebar-menu svg,
	.sidebar-menu svg img{
		display: none;
	}




/*page */
.swiper-container .swiper-pagination-bullet-active{
	background: var(--accent-color);	
}
.swiper-container .swiper-button-next:hover, 
.swiper-container .swiper-button-prev:hover{
	color: var(--accent-color);	
}
 
.isotope-grid .isotope-group a:before {
    border-top-color:var(--accent-color2);
}

.isotope-grid .isotope-group a:after {
    border-top-color:var(--accent-color2);
}

.easy-carousel .pagination-bullet{
	color: var(--accent-color);	
}