/*
Theme Name: Barakzai RTL
Description: RTL stylesheet for Barakzai Theme
*/

html,
body {
    direction: rtl;
    unicode-bidi: embed;
    text-align: right;
    overflow-x: hidden;
}

/* Typography */
body,
button,
input,
select,
optgroup,
textarea {
    direction: rtl;
    text-align: right;
}

/* Elementor RTL Fix */
.elementor-section,
.elementor-container,
.elementor-column,
.elementor-widget-wrap,
.elementor-widget-container {
    direction: rtl !important;
    text-align: right;
}

/* Flex reverse */
.elementor-row,
.elementor-container {
    flex-direction: row-reverse;
}

/* Lists */
ul,
ol {
    padding-right: 20px;
    padding-left: 0;
}

/* Blockquote */
blockquote {
    border-right: 4px solid #ddd;
    border-left: none;
    padding-right: 15px;
    padding-left: 0;
}

/* Navigation */
.main-navigation ul {
    padding-right: 0;
    display: flex;
    flex-direction: row-reverse;
}

.main-navigation li {
    text-align: right;
}

.main-navigation ul ul {
    left: auto;
    right: 0;
}

.main-navigation ul ul li {
    text-align: right;
}

.main-navigation a {
    text-align: right;
}

/* Dropdown */
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
    display: block;
    right: 0;
    left: auto;
}

/* Buttons */
.themeht-btn,
.btn,
button {
    direction: rtl;
}

/* Button Icon */
.themeht-btn .btn-icon {
    margin-right: 10px !important;
    margin-left: 0 !important;
}

/* Forms */
input,
textarea,
select {
    text-align: right;
}

/* Alignment Fix */
.alignleft {
    float: right;
    margin-left: 1.5em;
    margin-right: 0;
}

.alignright {
    float: left;
    margin-right: 1.5em;
    margin-left: 0;
}

/* Tables */
table {
    direction: rtl;
}

th,
td {
    text-align: right;
}

/* Mobile */
@media screen and (max-width: 768px) {

    .main-navigation ul {
        flex-direction: column;
    }

    .elementor-row,
    .elementor-container {
        flex-direction: column;
    }

}
@media (max-width: 767px) {
    .elementor-11480 .elementor-element.elementor-element-5a74f20 .ht-site-logo img {
        max-width: 150px;
        width: 61px !important;
    }
}
@font-face {
    font-family: 'IranNastaliq';
    src: url('fonts/IranNastaliq.woff2') format('woff2'),
         url('fonts/IranNastaliq.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body,
.elementor-heading-title,
h1,h2,h3,h4,h5,h6 {
    font-family: 'IranNastaliq', serif !important;
    font-family: 'Vazirmatn', sans-serif !important;
    line-height: 1.9;
    letter-spacing: 0 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'IranNastaliq';
    src: url('https://v1.fontapi.ir/fonts/IranNastaliq/IranNastaliq.woff2') format('woff2');
}
body{
    font-family: 'IranNastaliq';
    font-size: 38px;
    line-height: 2.2;
    font-weight: normal;
    letter-spacing: 0 !important;
}
@font-face {
    font-family: 'BNazanin';
    src: url('https://YOURDOMAIN.com/fonts/BNazanin.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BNasim';
    src: url('https://YOURDOMAIN.com/fonts/BNasim.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
body {
    direction: rtl !important;
    text-align: right !important;
}
.primary-bg{
    background: linear-gradient(90deg, #3b7b5c 0%, #4fa37a 100%) !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.elementor-11480 .elementor-element.elementor-element-4b122dc {
    --padding-top: 5px;
    --padding-bottom: 5px;
}
.header-number svg path{
	color:#3b7b5c !important;
}
.themeht-btn.primary-btn .btn-icon{
	padding-right:50px !important;
}
/* IMPORTANT: hover effect */
.themeht-btn.primary-btn:hover .btn-icon {
    padding-left: 50px;
}
.themeht-btn .btn-icon:before{
	right:50px !important;
}
a.ht-nav-toggle {
  position: relative;
  display: flex;
  cursor: pointer;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.1);
  backdrop-filter: brightness(120%) contrast(100%) saturate(102%) blur(10px) hue-rotate(0deg);
  border-radius: 5px;
  font-size: 26px;
  line-height: 1;
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: var(--themeht-text-color);
  right: 30px !important;
}
.elementor-13106 .elementor-element.elementor-element-ffea6cd {
  --display: flex;
  --flex-direction: column;
  --container-widget-width: 100%;
  --container-widget-height: initial;
  --container-widget-flex-grow: 0;
  --container-widget-align-self: initial;
  --flex-wrap-mobile: wrap;
  --border-radius: 12px 12px 12px 12px;
  --padding-top: 40px;
  --padding-bottom: 40px;
  --padding-left: 40px;
  --padding-right: 40px;
  background-color: rgba(213,232,232,0.60) !important;
}
.elementor-13106 .elementor-element.elementor-element-15e70e5 {
  --display: flex;
  --flex-direction: column;
  --container-widget-width: 100%;
  --container-widget-height: initial;
  --container-widget-flex-grow: 0;
  --container-widget-align-self: initial;
  --flex-wrap-mobile: wrap;
  --border-radius: 12px 12px 12px 12px;
  --padding-top: 40px;
  --padding-bottom: 40px;
  --padding-left: 40px;
  --padding-right: 40px;
  background-color: #30434a !important;
}
.elementor-13106 .elementor-element.elementor-element-d12be9d{
	height:700px !important;
}

.elementor-13106 .elementor-element.elementor-element-27e4209::before, .elementor-13106 .elementor-element.elementor-element-27e4209 > .elementor-background-video-container::before, .elementor-13106 .elementor-element.elementor-element-27e4209 > .e-con-inner > .elementor-background-video-container::before, .elementor-13106 .elementor-element.elementor-element-27e4209 > .elementor-background-slideshow::before, .elementor-13106 .elementor-element.elementor-element-27e4209 > .e-con-inner > .elementor-background-slideshow::before, .elementor-13106 .elementor-element.elementor-element-27e4209 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before {
    background-image: url(https://barakzaieclinic.com/main/wp-content/uploads/2025/09/line-bg-scaled-1.png);
    --background-overlay: '';
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.e-con:before {
    transition: background var(--overlay-transition, .3s), border-radius var(--border-transition, .3s), opacity var(--overlay-transition, .3s);
}
.e-con:before, .e-con>.elementor-background-slideshow:before, .e-con>.elementor-motion-effects-container>.elementor-motion-effects-layer:before, :is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container:before {
    border-block-end-width: var(--border-block-end-width);
    border-block-start-width: var(--border-block-start-width);
    border-color: var(--border-color);
    border-inline-end-width: var(--border-inline-end-width);
    border-inline-start-width: var(--border-inline-start-width);
    border-radius: var(--border-radius);
    border-style: var(--border-style);
    content: var(--background-overlay);
    display: block;
    height: max(100% + var(--border-top-width) + var(--border-bottom-width), 100%);
    left: calc(0px - var(--border-left-width));
    mix-blend-mode: var(--overlay-mix-blend-mode);
    opacity: var(--overlay-opacity);
    position: absolute;
    top: calc(0px - var(--border-top-width));
    transition: var(--overlay-transition, .3s);
    width: max(100% + var(--border-left-width) + var(--border-right-width), 100%);
}
.elementor *, .elementor :after, .elementor :before {
    box-sizing: border-box;
}
.elementor-13106 .elementor-element.elementor-element-27e4209 {
    --display: flex;
    --flex-direction: column;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --flex-wrap-mobile: wrap;
    --overlay-opacity: 0.07;
    --border-radius: 20px 20px 20px 20px;
    --padding-top: 0px !important;
}
	themeht-btn.primary-btn {
    color: var(--themeht-white-color);
    background: linear-gradient(135deg, #30434a 0%, #3b7b5c 100%) !important;
}
.themeht-btn {
    overflow: hidden;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 12px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    border: none;
    border-radius: 8px;
    overflow: hidden;
    padding: 4px !important;
    padding-right: 12px !important;
    position: relative;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    background-color: var(--themeht-white-color);
    font-size: 16px;
    font-weight: 500;
    flex-direction: row-reverse;
    background: linear-gradient(135deg, rgba(48, 67, 74, 1) 0%, rgba(59, 123, 92, 1) 100%) !important;
	width:198px !important;
}
.elementor-11480 .elementor-element.elementor-element-7638d4e .main-nav ul.menu > li > a:hover, .elementor-11480 .elementor-element.elementor-element-7638d4e .main-nav ul.menu > li.current-menu-ancestor > a, .elementor-11480 .elementor-element.elementor-element-7638d4e .main-nav ul.menu > li.current-menu-parent > a, .elementor-11480 .elementor-element.elementor-element-7638d4e .main-nav ul.menu > li.current-menu-item > a, .elementor-11480 .elementor-element.elementor-element-7638d4e .woocommerce-page .main-nav ul.menu > li.current-menu-ancestor > a, .elementor-11480 .elementor-element.elementor-element-7638d4e .footer-menu > li > a:hover {
    color: #FFFFFF;
    background: #30434a !important;
}
.themeht-btn:hover .btn-text {
    color: inherit !important;
    letter-spacing: normal !important;
}
.themeht-btn .btn-text {
  position: relative;
  text-shadow: 0 0 var(--themeht-white-color), 0 22px var(--themeht-white-color);
  transition: text-shadow 0.5s ease-in-out;
  color: transparent;
  overflow: hidden;
  font-size: 20px !important;
  font-weight: 900 !important;
}
.themeht-btn:hover .btn-text {
    font-size: 16px !important;
}
.ht-subtitle h6{
    font-family: 'IranNastaliq' !important;
    font-weight: normal !important;
    letter-spacing: 0 !important;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-size: 69px;
    padding: 36px !important;
    background: #fff;
    border-radius: 40px;
    padding: 30px 50px;
    
    box-shadow:
    0 0 0 3px rgba(79,163,122,0.15),
    0 10px 30px rgba(59,123,92,0.18),
    0 0 40px rgba(79,163,122,0.25);

    position: relative;
}
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: 42px;
    padding: 2px;
    background: linear-gradient(90deg, #3b7b5c 0%, #4fa37a 100%);
    
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite: xor;
            mask-composite: exclude;
    pointer-events: none;
}
.ontact-details{
	font-family:'BNasim' !important;
}
    .elementor-11480 .elementor-element.elementor-element-5885868 {
        --width: 75.6666% !important;
    }
.elementor-11480 .elementor-element.elementor-element-4b122dc {
    --padding-top: 0px;
    --padding-bottom: 0px;
}
.banner-slider.style-four .banner-text {
    /* background: white; */
    padding: 80px 50px;
    border-radius: 20px;
    background-color: rgba(59,122,92,0.3);
}
.elementor-11480 .elementor-element.elementor-element-0c14fbc .header-number span {
    color: #3B7B5C;
    font-family: 'Vazirmatn', sans-serif !important;
    font-weight: 900 !important;
    font-size: 15px !important;
}
.elementor-11480 .elementor-element.elementor-element-cf7d874 {
    --display: flex;
    --flex-direction: row;
    --container-widget-width: initial;
    --container-widget-height: 100%;
    --container-widget-flex-grow: 1;
    --container-widget-align-self: stretch;
    --flex-wrap-mobile: wrap;
    display: none !important;
}
    box-sizing: border-box;
    font-family: system-ui !important;
    font-weight: 900 !important;
    font-size: 23px !important;
}
.elementor-widget-heading .elementor-heading-title span{
    font-size: 20px !important;
    font-weight: 900 !important;
	color:#3b7b5c !important;
}
.elementor-heading-title, h5{
    font-family: 'IranNastaliq', serif !important;
    font-family: 'Vazirmatn', sans-serif !important;
    line-height: 1.9;
    letter-spacing: 0 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color:#3b7b5c !important;
	font-size:38px !important;
}
p {
    margin: 0 0 25px;
    line-height: 1.6;
    font-family: system-ui !important;
    font-weight: 500 !important;
}
.themeht-btn .btn-icon i:first-child {
    position: absolute !important;
    -webkit-transform: translateX(12px);
    transform: translateX(12px);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    right: 25px !important;
    float: left !important;
}
.themeht-btn.outline-white-btn:hover .btn-icon {
    color: #000 !important;
    padding-left: 20px !important;
}
.list-icon li {
    position: relative;
    display: flex;
    margin-bottom: 15px;
    align-items: center;
    color: #000 !important;
    font-size: 22px !important;
    line-height: 0px !important;
    font-family: system-ui !important;
    font-weight: 600 !important;
}
.list-icon li i {
color:#3b7b5c !important;
    font-size: 16px;
    line-height: 1;
    margin-left: 10px !important;
    flex-shrink: 0;
}