:root {
--blue: #034B5B;
--gold: #AE8507;
--lightGold: #EFECE6;
}  .description_inside_image.animation_until_hover:hover .description__wrapper,
.description_inside_image.animation_until_hover:hover .description_content,
.description_inside_image.animation_until_hover:hover .overlay {
opacity: 1 !important;
visibility: visible !important;
} .wgl-portfolio_container.masonry-3 .portfolio__item {
width: 100%;
}
@media (min-width: 993px) {
.wgl-portfolio_container.masonry-3 .portfolio__item {
width: 50%;
}
.wgl-portfolio_container.masonry-3 .portfolio__item:nth-of-type(1) {
width: 25%;
}
.wgl-portfolio_container.masonry-3 .portfolio__item:nth-of-type(8n+1), .wgl-portfolio_container.masonry-3 .portfolio__item:nth-of-type(8n+2), .wgl-portfolio_container.masonry-3 .portfolio__item:nth-of-type(8n+5), .wgl-portfolio_container.masonry-3 .portfolio__item:nth-of-type(8n+6) {
width: 50%;
}
}
@media (min-width: 769px) and (max-width: 992px) {
.wgl-portfolio_container.masonry-3 .portfolio__item {
width: 50%;
}
}
@media (min-width: 601px) and (max-width: 768px) {
.wgl-portfolio_container.masonry-3 .portfolio__item {
width: 50%;
}
.wgl-portfolio_container.masonry-3 .portfolio__item:nth-of-type(8n+1), .wgl-portfolio_container.masonry-3 .portfolio__item:nth-of-type(8n+2), .wgl-portfolio_container.masonry-3 .portfolio__item:nth-of-type(8n+5), .wgl-portfolio_container.masonry-3 .portfolio__item:nth-of-type(8n+6) {
width: 100%;
}
}
.isotope-filter {
border-bottom: 0;
}
.isotope-filter .swiper-wrapper a:first-child {
padding-left: 0 !important;
}
.isotope-filter .swiper-wrapper a:last-child {
border-right: 0 !important;
}
.isotope-filter {
border-bottom: 0;
width: fit-content;
margin: 0 0 0 auto;
display: block;
}
.isotope-filter a:after {
display: none;
}
.dynamic-bg {
width: 100%;
height: auto;
min-height: 245px;
background-size: 100%;
background-repeat: no-repeat;
position: absolute;
bottom: -1px;
background-position-x: left;
background-position-y: bottom;
}
.post_categories a {
border-radius: 20px;
color: #FFFFFF !important;
}
.page-header_title {
color: inherit;
font-weight: 700;
font-size: 48px; font-weight: bold;
color: white;
display: inline-block;
}
.single-portfolio .page-header_title,
.slider-title,
.page-header_title span {
position: relative;
}
.slider-title span::before,
.single-portfolio .page-header_title::before,
.page-header_title span::before {
content: "";
position: absolute;
bottom: 5%;
left: 0;
width: 100%;
height: 0.3em; background-color: #AE8507; z-index: -1; }
.slider-title span::before {
width: 320px;
}
@media (max-width: 992px) {
.slider-title span::before {
width: 150px;
}
}
.custom-footer {
position: relative;
background: #034B5B; color: white;
padding: 50px 20px;
text-align: center;
clip-path: polygon(0 0, 80% 0%, 100% 50%, 0 2000000000000000000000000%);
}
.button-read-more span:before, .button-read-more span:after,
.button-read-more:before, .button-read-more:after {
display: none;
} .wgl-menu_outer .wgl-menu-outer_header {
right: -5%;
}
.button-read-more {
background: inherit;
}
.button-read-more span {
padding: 0;
display: inline-block;
background: none;
}
.button-read-more:hover,
.button-read-more:hover span {
color: #FFFFFF;
}
.invisible {
visibility: hidden;
}
.custom-clip-path-slider {
clip-path: polygon(0 0, 100% 0, 100% 100%, 25% 160%, 0% 60%);
}
.custom-clip-path-btn { clip-path: polygon(0 0, 100% 0, 100% 100%, 20px 100%, 0% 45px);
}
@media (max-width: 992px) {
.custom-clip-path-btn {
clip-path: polygon(0 0, 100% 0, 100% 100%, 20px 100%, 0% 85%);
}
}
.investor-tabs-section-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 40px;
}
@media (max-width: 992px) {
.investor-tabs-section-header {
display: block;
}
}
@media (max-width: 992px) {
.swiper-wrapper {
display: block;
}
}
@media (max-width: 992px) {
.wgl-tabs.icon_position-top .wgl-tabs_header {
width: 100%;
display: inline;
}
}
.wgl-double-heading {
flex: 0 1 auto; }
@media (max-width: 992px) {
.wgl-double-heading {
margin-bottom: 20px;
text-align: center;
}
}
.wgl-tabs_headings {
flex: 1; text-align: right;  padding-left: 30px;
padding-bottom: 0px;
}
@media (max-width: 992px) {
.wgl-tabs_headings {
padding: 0;
text-align: center;
}
}
.bg-light-gold {
background: #EFECE6;
}
.pdf-padding {
padding: 15px;
}
h4.wgl-tabs_header {
padding: 0px 15px 0px 15px;
margin: 0px 0px 0px 0px;
text-transform: uppercase;
color: #034B5B;
border-right: 1px solid #AE8507;
}
@media (max-width: 992px) {
h4.wgl-tabs_header {
border: 0;
padding: 10px;
margin: 0;
}
}
h4.wgl-tabs_header:last-child {
border-right-color: transparent;
}
.wgl-tabs_header.active,
.wgl-tabs_header:hover {
color: #AE8507;
}
.wgl-tabs_header.active:after {
width: 100%;
height: 100%;
background-color: transparent;
}
.wgl-tabs_header:hover:after {
height: 100%;
background-color: transparent;
}
.zad-tabs .elementor-widget-wgl-double-heading .wgl-double-heading .dblh__title-wrapper {
font-size: 32px;
} .ui-tabs .ui-tabs-panel,
.pdf-list {
display: flex;
flex-wrap: wrap;
gap: 5px;
padding: 1em 1.4em;
align-content: flex-start;
justify-content: flex-start; background: none;
background: #EFECE6;
border: 1px solid #EFECE6;
clip-path: polygon(0 0, 100% 0, 100% 100%, 30px 100%, 0% 255px);
}
@media (max-width: 992px) {
.ui-tabs .ui-tabs-panel,
.pdf-list {
gap: 15px;
justify-content: space-evenly;
padding: 0.5em 0.5em;
clip-path: unset;
}
}
.pdf-block {
flex: 1 1 calc(50% - 20px); display: flex;
flex-direction: row;
align-items: center;
text-align: center;
margin-top: 3px;
padding: 5px;
transition: transform 0.3s, box-shadow 0.3s;
box-sizing: border-box; max-width: calc(50% - 20px); }
@media (max-width: 992px) {
.pdf-block {
flex: 0 0 calc(50% - 20px);
flex-direction: column;
}
}
.pdf-block > div {
display: flex;
align-items: center;
}
.pdf-block > div:first-child {
text-align: left; }
.pdf-block > div:last-child {
flex: 3; text-align: left; }
.pdf-block:hover {
transform: translateY(-5px);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.pdf-block:only-child {
width: auto; }
.pdf-block .pdf-content a {
width: 100%;
}
.pdf-icon img {
width: 80px;
height: auto;
padding: 8px;
}
@media (max-width: 992px) {
.pdf-icon img {
width: 100px;
}
}
.pdf-holder-clip-path {
clip-path: polygon(0 0, 100% 0, 100% 100%, 20px 100%, 0 calc(100% - 20px));
}
.pdf-title {
font-size: 16px;
font-weight: bold;
background: #034B5B;
color: #FFF;
padding: 20px;
line-height: normal;
clip-path: polygon(0 0, 100% 0, 100% 100%, 20px 100%, 0% 45px);
min-height: 70px;
display: flex;
align-items: center; justify-content: center; text-align: center; position: relative;
clip-path: polygon(0 0, 100% 0, 100% 100%, 20px 100%, 0 calc(100% - 20px));
}
@media (max-width: 992px) {
.pdf-title {
clip-path: polygon(0 0, 100% 0, 100% 100%, 20px 100%, 0% 85%);
}
}
@media (max-width: 992px) {
.pdf-title {
font-size: 10px;
padding: 5px; }
}
.pdf-title i {
padding: 0 5px 0 15px;
height: 21px;
display: flex;
align-items: center; justify-content: center; text-align: center; }
.pdf-title:hover {
background: #AE8507;
} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active,
a.ui-button:active, .ui-button:active,
.ui-button.ui-state-active:hover {
font-weight: bold;
color: #ffffff;
border-radius: 0;
border: 1px solid #ae8508;
background: #ae8508;
}
.ui-tabs .ui-tabs-nav li {
border-color: transparent;
background: none;
color: rgb(32, 32, 32);
}
ui-tabs .ui-tabs-nav {
margin: 0;
padding: 0.2em 0.2em 0;
border: 0;
background: none;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
padding: 0px 32px 0px 32px;
margin: 0px 5px 0px 5px;
}
.ui-widget.ui-widget-content {
border: 0;
background: transparent;
}
.ui-widget-header {
background: none;
border: 0;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
color: #034B5B;
font-family: "DM Sans", serif;
font-weight: bold;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color: #AE8507;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active,
.ui-tabs .ui-tabs-nav li {
margin: 0;
padding: 0 20px;
border-right: 1px solid #AE8507;
}
.ui-tabs .ui-tabs-nav li:last-child {
border-right-color: transparent;
} .wgl-input {
position: relative;
}
.wgl-input i.far,
.wgl-input i,
.wgl-input .icon-contact {
position: absolute;
width: 25px;
height: 25px;
left: 15px;
top: 18px;
font-size: 1.2rem;
z-index: 2;
background-size: 100%;
background-position: center center;
}
.wgl-input .icon-contact.user {
background-image: url(//zad.qa/wp-content/themes/transmax-child/img/user.svg);
}
.wgl-input .icon-contact.email {
background-image: url(//zad.qa/wp-content/themes/transmax-child/img/mail.svg);
}
.wgl-input .icon-contact.phone {
background-image: url(//zad.qa/wp-content/themes/transmax-child/img/phone.svg);
}
.wgl-input input {
padding-left: 50px;
}
.wgl-input textarea {
height: 270px;
}
.description_inside_image .description__wrapper .description__icon a:hover,
.description_inside_image .description__wrapper .description__icon a {
background: none;
color: #FFF;
}
.description_inside_image .description__wrapper .description__icon > a, .description_inside_image .description__wrapper .description__icon > i {
width: 1.273em;
height: 0.273em;
}
.preloader-container .zad-logo {
background-image: url(//zad.qa/wp-content/themes/transmax-child/img/logo-icon.svg);
position: absolute;
background-size: 60%;
background-position: center;
background-repeat: no-repeat;
opacity: 0;
animation: fadeIn 1.5s ease-in forwards;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.preloader-container {
width: 200px;
height: 200px;
margin: auto;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.footer {
mix-blend-mode: darken;
}
ul#menu-main-ar > li:last-child a > span,
ul#menu-main > li:last-child a > span {
background: #034b5b;
padding: 0 15px;
}
ul#menu-main li:last-child a .item_text {
font-family: "Noto Kufi Arabic", sans-serif !important;
} .toggle-section.elementor-widget:not(:last-child) {
margin-block-end: 0;
margin-bottom: 0;
}
.toggle-section {
height: 0;
overflow: hidden;
transition: 0.3s all;
}
.toggle-section.expanded {
height: auto; }
.toggle-section.expanded::after {
content: ""; }
#our-subsidiary-column p {
margin-bottom: 0;
}
#our-subsidiary-column .elementor-widget.elementor-widget-text-editor:not(:last-child) {
margin-block-end: 0;
}
#our-subsidiary-column .elementor-widget.elementor-widget-text-editor:not(:last-child) {
margin-bottom: 0px;
}
.transmax-post-navigation {
display: none;
}
.ays_template_window footer.ays_template_footer .ays_template_content p {
font-family: "Nunito Sans", serif;
}
.ays_content_box.ays_template_main h1 span {
color: #AE8507;
}
@media (max-width: 768px) {
.ays_template_window .ays_template_content {
width: 100% !important;
}
.ays_template_window.ays-pb-modal_1.ays-pb-border-mobile_1.fadeIn footer.ays_template_footer.ays-pb-bg-styles_1 div.ays_bg_image_box {
background-size: 35% !important;
background-position: bottom center !important;
}
}
@media (min-width: 768px) {
.close-template-btn-container.ays-pb-modal-close_2.ays-pb-close-button-delay {
top: -15px !important;
right: -15px !important;
}
.close-template-btn-container.ays-pb-modal-close_1.ays-pb-close-button-delay {
top: -15px !important;
right: 10px !important;
}
.ays-pb-modals.av_pop_modals_1.ays-pb-close-popup-with-esc div[class*=ays-pb-modal_].ays_template_window,
.ays-pb-modals.av_pop_modals_2.ays-pb-close-popup-with-esc div[class*=ays-pb-modal_].ays_template_window {
overflow: unset;
}
}
.ays_content_box.ays_template_main {
text-align: left !important;
}:root {
--blue: #034B5B;
--gold: #AE8507;
--lightGold: #EFECE6;
} ul#menu-main-ar,
ul#menu-main-ar-1,
.mobile_nav_wrapper,
.rtl {
direction: rtl !important;
}
.rtl,
.mobile_nav_wrapper .item_text,
ul#menu-main-ar > li,
.zad-board-members .member__info .member__name span,
.zad-board-members .member__info .info__highlighted,
.page-header_title, .rtl-font div *,
.investor-tabs-section-header h3 span,
.wgl-tabs_headings h4 .wgl-tabs_title,
.ays_content_box.ays_template_main > *,
.blog-post_title {
font-family: "Noto Kufi Arabic", sans-serif !important;
}
.blog-post_title {
text-align: right;
}
.footer .rtl .extended-parallax {
transform: scaleY(-1);
}
.rtl .slider-title span::before {
width: 130px;
left: initial;
}
.primary-nav .lavalamp-object {
left: 2px;
}
p, h1, h2, h3, h4, h5, h6 {
direction: rtl;
}
.as-layer.as-closed.as-white.as-vertical.panel-counter {
font-size: 25px;
}
.panel-desc-inside,
.panel-title-inside {
width: 65%;
}
.investor-tabs-section-header {
flex-direction: row-reverse;
}
.wgl-tabs.tabs_align-center .wgl-tabs_headings {
justify-content: flex-start;
}
.main-footer-4-columns .extended-parallax {
transform: scaleY(-1);
top: -1% !important;
}
@media (min-width: 768px) {
.wgl_module_team .team__members:not(.carousel) .team__member {
margin-right: 0;
}
}
.zad-board-members .wgl_module_team .member__wrapper {
flex-direction: row-reverse;
}
.zad-board-members .member__info .member__name, .zad-board-members .member__info .info__highlighted {
text-align: right;
}
@media (max-width: 420px) {
.wgl-menu_outer {
width: 100%;
}
body.mobile_switch_on .wgl-menu_outer {
width: calc(100% - 48px);
}
}
.wgl-menu_outer {
left: initial;
right: 0;
}
.wgl-menu_outer .wgl-menu-outer_header {
left: -5%;
right: initial;
}
.wgl-mobile-header {
overflow: hidden;
}
@media (max-width: 992px) {
.slider-title span:before {
width: 70px !important;
right: 0;
}
}
.sub-menu li .item_text { } .wgl-social-icons .elementor-icon i, .wgl-social-icons .elementor-icon svg {
transition: 0.3s;
}
.wgl-social-icons .elementor-icon.elementor-social-icon {
font-size: var(--icon-size, 25px);
line-height: var(--icon-size, 25px);
width: calc(var(--icon-size, 25px) + 2 * var(--icon-padding, 0.5em));
height: calc(var(--icon-size, 25px) + 2 * var(--icon-padding, 0.5em));
}
.wgl-social-icons .elementor-social-icon {
--e-social-icon-icon-color: #fff;
display: inline-flex;
background-color: #69727d;
align-items: center;
justify-content: center;
text-align: center;
cursor: pointer;
}
#hotdog-accordion-slider {
direction: ltr;
}
footer p {
direction: ltr;
}
.ltr {
direction: ltr;
}
footer.ays_template_footer.ays-pb-bg-styles_2 .ays_content_box.ays_template_main,
footer.ays_template_footer.ays-pb-bg-styles_2 .ays_content_box.ays_template_main p {
direction: rtl !important;
text-align: right !important;
}