@import url('https://fonts.cdnfonts.com/css/almarai');
@import url('https://fonts.cdnfonts.com/css/inter');
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

body{
  font-family: 'Inter', sans-serif;
  [dir="rtl"] & {
    font-family: "Almarai", sans-serif;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Inter', sans-serif;
  [dir="rtl"] & {
    font-family: "Almarai", sans-serif;
  }
  font-size: 20px; /* Adjusted for mobile */
  text-align: right; /* Ensures right alignment for titles */
}

.zenhr__button--primary, .reuest_demo_button, .subscribe-button{
  height: 40px;
  border-radius: 15px;
  box-shadow: -15px -15px 50px 0px rgba(250,251,255,0.25);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 10px;
  margin: 0px;
  min-width: 127px;
  width: auto;
  color: #fff;
  background-color: #008483;
  text-align: center;
  border: 1px solid #008483;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
}   
.zenhr__button--primary:hover, .zenhr__button--primary:focus {
  color: #fff;
  background-color: #00CDCA;
  border-color: #00CDCA;

}
.header .header-inner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 87px;
  padding: 40px 0px;
}
.related-posts {
  background-color: #f9fafd;
  padding: 20px;
}

.related-posts h3 {
  font-size: 24px;
  margin-bottom: 20px;
  text-align: center;
}

.related-posts-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

.related-post-item {
  flex: 1 1 calc(50% - 20px); /* Two items per row */
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  border-radius: 8px;
  overflow: hidden;
  background-color: #fff;
  margin: 10px; /* Add some margin for spacing */
  padding: 20px; /* Add padding for better content spacing */
  max-width: 45%; /* Ensure items don't stretch too wide */
}

.related-post-item h5 {
  font-size: 18px;
  margin-bottom: 10px;
}

.related-post-item p {
  font-size: 14px;
  color: #333;
}

.related-post-item a {
  color: #008483; /* Replace with your greenish color */
  text-decoration: none;
  font-weight: bold;
}

.related-post-item a:hover {
  text-decoration: underline;
}

/*================================================================= */
/* Target top-level menu items */
ul[role="menu"] > li.hs-menu-item > a {
  font-size: 14px!important;    
}

/* Target sub-menu items */
ul[role="menu"] ul.hs-menu-children-wrapper li.hs-menu-item > a {
  font-size: 14px!important;     
}

ul[role="menu"] > li.hs-menu-item:nth-child(-n+3) > a {   
  font-weight: 350!important; 
}
ul[role="menu"] ul.hs-menu-children-wrapper li.hs-menu-item:nth-child(-n+3) > a {    
  font-weight: 350!important; 
}

.lang_switcher_link[lang="en"] {
  font-size: 14px!important;    
}

.lang_switcher_link[lang="ar"] {
  font-size: 14px!important;
}
/*================================================================= */


.footer{
  background-color: #F9FAFD;
  color: #000
}
.header-search{display: none}
.footer__container{
  background: radial-gradient(100% 111.89% at 100% 100%, #fff 0%, rgba(255, 255, 255, 0) 100%);
}
.footer__container__item .top-footer .content-wrapper{
  display: flex;
  justify-content: space-between;
  background: radial-gradient(100% 111.89% at 100% 100%, #fff 0%, rgba(255, 255, 255, 0) 100%);
  padding-top: 50px;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1190px;
}
.footer .footer__container__item .footer-menu .important-link-title{
  font-size: 16px;
  color: #000000;
  font-weight: 700;
  line-height: 19.36px;
  margin: 0px;
  margin-bottom: 25px;
  text-transform: unset
}
.footer__container__item .top-footer .content-wrapper ul {
  list-style: none;
  padding: 0;
}
[dir="rtl"] .footer__container__item .top-footer .content-wrapper ul li a span {
  display: block;
  direction: ltr;
  line-height: 30px;
}
[dir="rtl"] .footer__container__item .top-footer .content-wrapper ul li:nth-of-type(2) a span{
  display:inline-block;
}
.footer__container__item .top-footer .content-wrapper ul li a{
  color: #000;
  padding: 0;
  font-weight: 400;
  position: relative;
  display: block;
  font-size: 14px;
}
.footer__container__item .top-footer .content-wrapper ul li a:hover, .footer__container__item .top-footer .content-wrapper ul li a:focus,
.footer__container__item .top-footer .content-wrapper ul li a.active {
  color: #09BBB8;
}
.d-flex{
  display: flex;}

.header .header-right .header-cta a {
  [dir="rtl"] &{
    margin: 0px 20px 0px 0px;
    font-family: "Almarai", sans-serif;
  }
}

.footer__social-media_icons ul{
  display: flex;
  gap: 15px;
  margin: 0px;
  margin-bottom: 15px;
  padding: 0px;
}
.footer__social-media_icons ul li{
  list-style: none;
  margin: 0px;
  padding: 0px;
  margin-bottom: 5px;
}
.footer__email_to{ margin-top: 10px;    margin-bottom: 10px;font-size: 14px;}
.footer__email_to a{
  padding: 0;
  font-family: "Inter" !important;
  color: #000000;
  font-weight: 400;
  font-size: 12px;
}
.footer__download_from{
  display: flex;
  flex-direction: column;
}
.footer__download_from a img{
  width: 135.71px;
  margin-top: 8px;
  height: 40px;}

.bottom__footer-links ul{
  display: flex; gap: 10px;}
.bottom__footer-links ul li{
  list-style: none
}
.bottom__footer-links ul li:not(:first-child)  a{
  border-left: 1px solid #000;
  padding-left: 10px;
}
[dir="rtl"] .bottom__footer-links ul li:not(:first-child) a {
  border-right: 1px solid #000;
  padding-right: 10px;
  border-left: 0px solid #000;
}

[dir="rtl"] .footer__container__item .top-footer .content-wrapper ul li a {
  unicode-bidi: plaintext; }

.bottom__footer-links ul li a{
  font-size: 14px;
  font-weight: 400;
  color: #909fba;
}
.footer .bottom-footer{border-top: 0px}
.bottom-footer-inner .copyright-text{
  color: #909fba;
  font-size: 14px;
  font-weight: 400;
}
.bottom__footer-links ul li a:hover{
  text-decoration: underline;}
/*.header.scrolled {
border-bottom: 1px solid #d2dae7;
}
*/
.footer__top_section{
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 50px;
  padding-top:50px;
}
.footer-container-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1190px;
  margin: 0 auto;
  padding: 0 20px;
}

.reuest_demo_button{

  grid-column-gap: 1rem;
  align-items: center;
  background-color: #008483;
  border-color: #008483;
  border-radius: 10rem;
  color: #fff !important;
  display: flex;
  font-weight: 600;
  justify-content: space-between;
  max-width: 100%;
  padding: 10px 15px;
  position: relative;
  text-align: center;
  transition: opacity .2s;
  font-size: 16px;
  padding-left: 20px;
  padding-right: 50px;
  transition: border-color .2s, background-color .2s, color .2s;

  [dir="rtl"] &{
    padding-left: 50px;
    padding-right: 10px;
  }

}
.reuest_demo_button:hover{
  background-color: #00CDCA;
  border-color: #00CDCA;
  .subscribe-button {
    height: 40px;
    border-radius: 15px;
    box-shadow: -15px -15px 50px 0px rgba(250,251,255,0.25);
    border: 1px solid rgba(255, 255, 255, 0.15);
    padding: 10px;
    margin: 0 20px;
    min-width: 127px;
    width: auto;
    color: #fff;
    background-color: #008483;
    text-align: center;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
  }

  .subscribe-button:hover, .subscribe-button:focus {
    color: #fff;
    background-color: #00CDCA;
    border-color: #00CDCA;
  }


}
.footer__start_with{
  color: #000;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3125;}

.button-arrow {
  align-items: center;
  display: flex;
  justify-content: center;
  position: absolute;
  transition: transform .2s ease-in-out;
  width: 1rem;
  left: auto;
  right: 15px;
  transform: rotate(45deg);
  /*   transform: rotateX(0deg) rotateY(180deg) rotate(0deg); */
  [dir="rtl"] &{
    right: auto;
    left: 20px;
    transform: rotate(45deg);
  }
}
html[lang="en"] .button-arrow {
  transform: rotate(45deg);
  /*   transform: rotateX(0deg) rotateY(180deg) rotate(0deg); */

}
}

.banner__container{
  display: flex;
}
.banner_menu_items{
  list-style: none;

  &::before{
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;

  }
}
h1,h2,h3,h4,h5,h6{
  font-family: 'Inter', sans-serif;
  [dir="rtl"] &{
    font-family: "Almarai", sans-serif;
  }
}
.banner__title{
  margin-top: 18px;
  margin-bottom: 9px;
}

.banner__right_section, .banner__left_section{
  width: 50%}
.banner__right_section{
  margin-top: 90px;
  padding: 0px 15px;
}

.banner__right_section .hs-menu-wrapper.hs-menu-flow-horizontal ul{
  list-style: none;
  padding: 0px

}
.banner__right_section .hs-menu-wrapper ul li{

  font-size: 14px;
  font-weight: 400;
  padding: 0px;
  margin: 0px;
  [dir="rtl"] &{
    margin-bottom: 10px;
  }
}
.banner__right_section .hs-menu-wrapper ul li a{
  position: relative;
  color: #3E537C;
}
.banner__right_section .hs_cos_wrapper.hs_cos_wrapper_widget{
  color: #3E537C;
  font-size: 18px;
  line-height: 2;
  font-weight: 400
}
.banner_left_section{
  padding: 0px 15px;

}
.blog-listing-banner-style-one-inner .content-wrapper .form-detail img{
  max-width: auto !important;
  width: auto !important;
}


.content-wrapper{padding: 0px}
.blog-listing-banner-style-one .content-wrapper .detail h1{
  line-height: 60px !important;
  font-size:50px !important;
  font-weight: 700;
  color: #000000;
  font-size: 64px;
  padding: 0px 16px 0px 0px;
  margin-bottom: 15px;
}


[dir="rtl"] .banner__title{
  padding: 0px 0px 0px 16px
}
.blog-listing-banner-style-one .content-wrapper .detail h4{
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4 !important; 
  margin: 0px;
  padding-bottom: 15px;
}
.blog-listing-banner-style-one .content-wrapper .detail p{
  color: #3E537C;
  font-size: 18px;
}

.btn, #cta_button_26849107_171cef6d-68f9-4109-9c8f-49e0cdba819d{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  height: 40px;
  border-radius: 15px;
  padding: 8px 16px 8px 16px;
}
#cta_button_26849107_c8da1363-08cc-4207-ad12-c8408338feb0{
  margin-left: 20px;}
#cta_button_26849107_c8da1363-08cc-4207-ad12-c8408338feb0 span{
  font-size: 14px;
  font-weight: 500
}  
.blog-listing-banner-style-one .content-wrapper .detail #cta_button_26849107_171cef6d-68f9-4109-9c8f-49e0cdba819d,
.blog-listing-banner-style-one .content-wrapper .detail #cta_button_26849107_60160850-e7da-4817-b292-ec89c0c3f0d8
{

  border-radius: 15px !important;
  box-shadow: 15px -15px 50px 0px rgba(250,251,255,0.25);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #fff;
  background-color: #008483;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 9px 20px !important;

  font-family: 'Inter', sans-serif !important;
  [dir="rtl"] &{
    font-family: "Almarai", sans-serif !important;
  }
}


a#cta_button_26849107_171cef6d-68f9-4109-9c8f-49e0cdba819d:hover,[dir="rtl"] a#cta_button_26849107_60160850-e7da-4817-b292-ec89c0c3f0d8:hover{
  background-color: #00CDCA !important;
  border-color: #00CDCA !important;
}
.price-quote-link{
  font-weight: 600;
  font-size: 14px;
  margin-right: 10px;
  color: #3E537C;
}
.banner__true_icon{margin-right: 8px;
}
.header .header-right .menu ul{
  margin-right: 20px
    display: flex; /* Add flex display */
  align-items: center; /* Align items to center */
}
[dir="rtl"] .banner__true_icon{margin-left: 8px;margin-right: 0px}
.footer__top_section a{
  color: #000;}


.header .header-right{
  padding: 0px
    display: flex; /* Add flex display */
  align-items: center; /* Align items to center */
  gap: 20px;
}
.header .header-right .menu ul li a,  .blog-post-content .blog-post-body .lang_list_class li a{
  padding: 16px 12px;
  font-weight: 400}

.header .header-right .menu ul li:nth-child(5) a{
  font-family: 'Inter', sans-serif;

  [dir="rtl"] &{

    font-family: "Almarai", sans-serif;
  }
}

.blog-listing-banner-style-one .content .form .form-detail svg{
  display: none}


.blog-listing-banner-style-one .content .form{
  background-color: none;
  box-shadow: none;
  width: 50%;
  padding: 0px;
}
.blog-listing-banner-style-one .content .detail {
  padding-right: 15px;
  width: 50%;
}
.blog-listing-banner-style-one-inner .form{
  padding: 0px;margin: 0px}
.blog-listing-banner-style-one .content{
  align-items: center;
}
.blog-listing-banner-style-one .detail{
  margin-top: 0;
}
#hs_cos_wrapper_middle-module-1 .blog-listing-banner-style-one .content-wrapper {
  border-radius: 20px;
  margin-bottom: 60px;
  background: #edf1fd;
}
.blog-listing-banner-style-one .content-wrapper {
  max-width: 1190px;
  padding: 0 20px;
}
.blog-listing-banner-style-one .blog-listing-banner-style-one-inner{padding: 0px}

.blog-listing-banner-style-one .content-wrapper .detail p:nth-child(n-3){
  margin:0px;
  margin-top: 5px;
  font-size: 14px;
}

.blog-listing-banner-style-one .content-wrapper .detail .hs-embed-wrapper {
  margin-bottom: 20px;
}

.blog-listing-banner-style-one .content-wrapper .detail p:first-child{
  margin-bottom:20px;font-size: 18px}
@media (min-width: 1200px){
  .header__zenhr-container, .footer__container, .fixed-container {
    width: 1170px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px;
  }
}
[dir="rtl"] #cta_button_26849107_275ff847-8485-4594-9d6d-c6ffdc69cff7{
  margin-right: 15px}
[dir="rtl"] #hs_cos_wrapper_middle-module-1 .blog-listing-banner-style-one 
.blog-listing-banner-style-one-inner .content .detail h1,
[dir="rtl"] #hs_cos_wrapper_middle-module-1 .blog-listing-banner-style-one .blog-listing-banner-style-one-inner .content .detail h4{
  color: #000;
  padding: 0px;
}


[dir="rtl"] .topic-subscribe-bar .topic-subscribe-bar-inner .search-input-box form button{
  position: absolute;
  right: unset;
  left: 20px;
  top: 50%;
}
[dir="rtl"] .topic-subscribe-bar .topic-subscribe-bar-inner h4 {
  margin: 0 0 0 20px;
}
[dir="rtl"] .topic-subscribe-bar .hs-search-field .hs-search-field__bar button svg{

}
[dir="rtl"] #hs_cos_wrapper_middle-module-1 .blog-listing-banner-style-one .blog-listing-banner-style-one-inner .content .detail h4{
  margin-bottom: 20px;
}

.topic-subscribe-bar .topic-subscribe-bar-inner .search-input-box form button svg{
  width: 20px;
  height: 20px;
}
.topic-subscribe-bar .topic-subscribe-bar-inner .search-input-box form button svg path{
  stroke: #000000
}


}
.topic-subscribe-bar-inner .topic h4{
  display: flex
    justify-content: space-between;
  align-items: center;
}
.topic-dropdown .hs-menu-wrapper .hs-item-has-children>a, .topic-dropdown span.topic-button{
  background: #fdfdfd;
  box-shadow: none;
  border-radius: 35px;
  border: 1px solid #000;
  height: 50px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  outline: none;
}
.topic-subscribe-bar-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 36px 0 !important;
}
.search-input-box, .topic-dropdown {
  width: 20%;
  position: relative;
  border-radius: 35px;
}

.space-between {
  flex-grow: 1;
  width: 60%;
}



/* General input placeholder styling */
.hs-search-field__input::placeholder {
  color: #909FBA; /* Placeholder color */
  font-size: 16px; /* Placeholder font size */
  text-align: left; /* Placeholder text alignment */
}
[dir="rtl"] .hs-search-field__input::placeholder {
  text-align: right; /* Align placeholder text to the right for RTL */
}
/* Ensure input field itself is visible and styled */
.hs-search-field__input {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 15px;
  background: #FDFDFD;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #000;
}

.topic-dropdown.active .topic-button{
  border: 1px solid #dddde2;
  border-radius: 35px 35px 35px 35px
}
.topic-dropdown .topic-button span{
  font-weight: 600;
  font-size: 20px}
.topic-button {
  border-radius: px; /* Use the value defined by the designer */
  background-color: #fff; /* Default background color */
  border: 1px solid #dddde2;
  padding: 19px 20px;
  display: flex;
  flex-direction: row-reverse;
  transition: background-color 0.3s ease; /* Smooth transition for background color */
}

.topic-button:hover {
  background-color: #999999; /* Grey background color on hover */
}
.topic-list {
  border-radius: 35px;
  overflow: hidden; /* Ensures the contents fit within the rounded borders */
  background-color: #f3f3f3; /* Grey background color */
  box-shadow: 0 2px 24px rgba(8, 8, 52, 0.5); /* Adds a shadow for better visual separation */
  padding: 15px; /* Adds padding inside the rounded container */
  transition: background-color 0.3s ease, box-shadow 0.3s ease; /* Smooth transition for background color and shadow */
}

.topic-list:hover {
  background-color: #ffffff; /* Change background color on hover */
  box-shadow: 0 4px 32px rgba(8, 8, 52, 0.7); /* Stronger shadow on hover */
}

.topic-dropdown .topic-button{
  padding: 19px 20px;
  display: flex;
  flex-direction: row-reverse;
}
topic-dropdown .hs-menu-wrapper .hs-item-has-children>a, .topic-dropdown span.topic-button {
  background: #ffffff;
}
.row-fluid-wrapper .topic-dropdown.active .topic-list {
  box-shadow: none;
  border: 15px;
  position: absolute;
  top: 57px;
  background-color: #fdfdfd;
  border-radius: 15px 15px 15px 15px
}

/* Placeholder styling for RTL (Arabic) */
[dir="rtl"] input::placeholder {
  text-align: right; /* Placeholder text alignment for RTL */
}

.row-fluid-wrapper .topic-dropdown.active .topic-list {
  box-shadow: none;
  border: 15px;
  position: absolute;
  top: 57px;
  background-color: #fdfdfd;
  border-radius: 15px 15px 15px 15px;
}

/* Placeholder styling for RTL (Arabic) */
[dir="rtl"] input::placeholder {
  text-align: right; /* Placeholder text alignment for RTL */
}
.widget-type-custom_widget .topic-dropdown .fa.fa-angle-down {
  font-size: 25px}
.topic-dropdown .hs-menu-children-wrapper li a, .topic-dropdown .topic-list ul li a{
  color: #000;
  font-weight: 600;
}
input[type="text"]::placeholder {
  transition: all 0.3s ease;
}

input[type="text"]:hover::placeholder {
  color: #808080; /* Grey color for the placeholder on hover */
}


.post-item-inner .button, .post-item-inner .hs-button {
  background: #008483;
  border: 1px solid #008483;
  border-radius: 15px;
  color: #ffffff;
  cursor: pointer;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  outline: none;
  padding: 12px 24px;
  /*  transition: all .2s ease-in-out;*/
}
.button:focus, .button:hover, .hs-button:focus, .hs-button:hover {
  background: #00cdca;
  border-color: #00cdca;
  color: #fff;
}
.topic-dropdown .hs-menu-children-wrapper li a:hover, .topic-dropdown .topic-list ul li a:hover{
  background: #EAECF0;
  color: #000;
}
----------------------------------------search-topics styling---------------------------------
/* Common Styling for Search Input and Topic Dropdown */
.search-input-box, .topic-dropdown {
  flex: 1;
  margin-right: 10px;
  position: relative;
}

.topic-subscribe-bar {
  background-color: transparent;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%; 
}
.topic-subscribe-bar .topic-subscribe-bar-inner {
  flex-direction: row-reverse;
}
/* RTL Adjustments */
[dir="rtl"] .topic-subscribe-bar .topic-subscribe-bar-inner .search-input-box form button {
  position: absolute;
  right: unset;
  left: 20px;
  top: 50%;
}

[dir="rtl"] .topic-subscribe-bar .topic-subscribe-bar-inner h4 {
  margin: 0 0 0 20px;
}

[dir="rtl"] .topic-subscribe-bar .hs-search-field .hs-search-field__bar button svg {}

[dir="rtl"] #hs_cos_wrapper_middle-module-1 .blog-listing-banner-style-one .blog-listing-banner-style-one-inner .content .detail h4 {
  margin-bottom: 20px;
}

/* Styling for search input box */
.topic-subscribe-bar .topic-subscribe-bar-inner .search-input-box form button svg {
  width: 20px;
  height: 20px;
}

.topic-subscribe-bar .topic-subscribe-bar-inner .search-input-box form button svg path {
  stroke: #000000;
}
/* Container for the search field */
.hs-search-field {
  position: relative;
}

.topic-subscribe-bar .topic-subscribe-bar-inner .search-input-box form input.hs-search-field__input {
  background: #FDFDFD;
  border: 1px solid #dddde2; /* Adjusted to remove the thicker border */
  border-radius: 35px;
  min-height: 50px;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  outline: none;
  box-shadow: none;
  padding: 15px 24px;
  color: #000; /* Ensure text color is consistent */
  outline: none;
  box-shadow: none;
  min-width: 200px;
  filter: none !important;
}
/* Suggestions dropdown list */
.hs-search-field__suggestions {
  position: absolute;
  top: 100%; /* Position below the search input */
  left: 0;
  right: 0;
  max-height: 300px; /* Maximum height for the dropdown */
  overflow-y: auto; /* Scroll if content exceeds max height */
  background: white;
  border: 1px solid #ddd;
  z-index: 1000; /* Ensure it appears above other content */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Individual suggestion item */
.hs-search-field__suggestions li {
  padding: 0 !important;
  cursor: pointer;
  border:0 !important;
}

.hs-search-field__suggestions li:hover {
  background: #f0f0f0; /* Background color on hover */
  border-radius:24px;
}

/* Link inside suggestion item */
.hs-search-field__suggestions li a {
  text-decoration: none;
  color: #000;
  display: block;
  width: 100%;
  font-size:14px;
  font-weight:600;
  padding: 5px 15px;
}

/* Styling for topic button */
.topic-dropdown .hs-menu-wrapper .hs-item-has-children>a, .topic-dropdown span.topic-button {
  background: #FDFDFD;
  box-shadow: none;
  border: 1px solid #dddde2;
  border-radius: 35px;
  min-height: 50px;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  outline: none;
  padding: 15px 24px;
  color: #000; /* Ensure text color is consistent */
  outline: none;
  box-shadow: none;
  min-width: 200px;
  filter: none !important;
}



[dir="rtl"] .topic-subscribe-bar .search-input-box {
  order: 2; /* Adjust order for RTL */
}
[dir="rtl"] .topic-subscribe-bar .topic-dropdown {
  order: 1; /* Adjust order for RTL */
  margin-right: auto;
}

.current-lang {
  text-transform: uppercase;
  font-weight: 600;
}

.topic-subscribe-bar .content-wrapper {
  max-width: 1190px;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.header .header__language-switcher--label {
  position: relative;
  top: -9px;
  padding: 8px 12px 8px 37px;
}

[dir="rtl"] .header .header__language-switcher--label {
  padding: 8px 37px 8px 12px;
}

.topic-subscribe-bar .topic-subscribe-bar-inner .search-input-box {
  order: 1; /* Adjust order for LTR */
}

.topic-subscribe-bar .topic-subscribe-bar-inner .topic-dropdown {
  order: 2; /* Adjust order for LTR */
  margin-left: auto;
}

[dir="rtl"] .topic-subscribe-bar .topic-subscribe-bar-inner .search-input-box {
  order: 2; /* Adjust order for RTL */
}

[dir="rtl"] .topic-subscribe-bar .topic-subscribe-bar-inner .topic-dropdown {
  order: 1; /* Adjust order for RTL */
}



/* Placeholder styling for RTL (Arabic) */
[dir="rtl"] input::placeholder {
  text-align: right; /* Placeholder text alignment for RTL */
}

.topic-dropdown.active .topic-button {
  border: 1px solid #dddde2;
  border-radius: 35px 35px 35px 35px;
}

.topic-dropdown .topic-button span {
  font-weight: 400;
  font-size: 16px;
}

.topic-button {
  border-radius: px; /* Use the value defined by the designer */
  background-color: #fff; /* Default background color */
  border: 1px solid #dddde2;
  padding: 19px 20px;
  display: flex;
  flex-direction: row-reverse;
  transition: background-color 0.3s ease; /* Smooth transition for background color */
}

.topic-button:hover {
  background-color: #999999; /* Grey background color on hover */
}

.widget-type-custom_widget .topic-dropdown .fa.fa-angle-down {
  font-size: 16px;
}

.topic-dropdown .hs-menu-children-wrapper li a, .topic-dropdown .topic-list ul li a {
  color: #000;
  font-weight: 600;
}

input[type="text"]::placeholder {
  transition: all 0.3s ease;
}

input[type="text"]:hover::placeholder {
  color: #808080; /* Grey color for the placeholder on hover */
}

.post-item-inner .button, .post-item-inner .hs-button {
  background: #008483;
  border: 1px solid #008483;
  border-radius: 15px;
  color: #ffffff;
  cursor: pointer;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  outline: none;
  padding: 12px 24px;
}

.button:focus, .button:hover, .hs-button:focus, .hs-button:hover {
  background: #00cdca;
  border-color: #00cdca;
  color: #fff;
}


-------------------------end--------------------------------------------------
.blog-listing-box {
  display: inline-block;
  padding: 43px 0;
  width: 100%;
  background-color: #f9fafd;
}
.post-listing .post-item .image img{ border-radius: 15px;}
.blog-listing-left .post-listing .content p {
  font-size: 16px;
  line-height: 30px
}
.blog-listing-left .post-listing .author-detail {
  padding: 0 0 22px;
  font-size: 14px;
  display: block;
  text-align: left;
  margin: 20px 0px;
  color: #000000;

}
.blog-listing-left .post-listing .author-detail a {
  color: #008483;
  font-weight: 700;
}
.post-listing .post-item .content h5 {
  margin: 5px 0 8px;
}
.post-listing .post-item .image img {
  transform: none !important;
  transition: none !important;
}

.post-listing .post-item .image img:hover {
  transform: none !important;
  transition: none !important;
}

/*.post-listing .post-item .content .topics{
position: relative;
margin: 0px;
}
.post-listing .post-item .content .topics a{
color: #fff;
background-color: #971625;
display: inline-block;
border-radius: 15px;
font-size: 11px;
}
}*/

.author-topic-page {
  background-color: #f7f7f7;
}

.row-fluid [class*=span]{
  min-height: initial !important}


}

.post-listing .post-item .post-item-inner .content a.button{
  font-family: 'Inter', sans-serif;

  [dir="rtl"] &{
    font-family: "Almarai", sans-serif;

  }

}

[dir="rtl"] .header .header__language-switcher--label{
  margin-left: 0px;
  margin-right: 5px;}
.header .header__language-switcher--label{
  margin-left: 5px;
}
.bottom-subscription-bar a.subscribe-button{
  background-color: #909fba;
  text-transform: initial;
  border-color: #909fba
}
[dir="rtl"] .bottom-subscription-bar a.subscribe-button svg
{
  margin-right: 0px;
  margin-left: 12px;

}
.envelope-icon {
  display: inline-block; /* Ensure the icon is displayed */
  vertical-align: middle; /* Align it vertically */
  margin-right: 8px; /* Add some space between the icon and the text */
}
[dir="rtl"] .blog-listing-box .loader .fa{
  margin-right: 0px;
  margin-left: 8px;
}

.bottom-subscription-bar{
  background: #008483;
  color: #fff;
}
.blog-pagination a.active{
  background: #008483;
  border-color: #008483;

}



.blog-pagination.numbered a {
  display: flex; /* Change to flex to center text */
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
  padding: 25px
    margin: 0 5px;
  background-color: #fff;
  color: #333;
  border: 1px solid #ddd;
  border-radius: 35px;!important;
  text-decoration: none;
  font-size: 12px;!important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow */
  transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; /* Smooth transitions */
  width: 70px; /* Adjust width for circle */
  height: 50px; /* Adjust height for circle */

}

.blog-pagination.numbered a.blog-pagination__link--active,
.blog-pagination.numbered a:hover {
  background-color: #008483;!important;
  color: #fff;!important;
  border-color: #008483;!important;
}

.blog-pagination.numbered {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

@media (max-width: 767px) {
  .blog-pagination.numbered a {
    padding: .5rem 1rem;!important;
    font-size: 14px!important;
  }
}
.blog-pagination a:hover{
  background-color: #ddd;
  color: #000
}
.blog-pagination.numbered a.blog-pagination__prev-link,
.blog-pagination.numbered a.blog-pagination__next-link {
  background-color: #fff;!important;
  color: #008483;!important;
  border-color: #ddd;!important;
  border-radius: 35%;!important;
  padding: 25px;!important;
  font-size: 12px;!important;
  width: 100px; /* Allow width to adjust for text */
  height: 50px; /* Allow height to adjust for text */
  display: flex; /* Change to flex to center text */
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
}

.blog-pagination.numbered a.blog-pagination__prev-link:hover,
.blog-pagination.numbered a.blog-pagination__next-link:hover {
  background-color: #ddd;
  color: #00CDCA;
}

.blog-listing-banner-style-one{
  /*       height: 400px; */
  overflow: hidden;
}

/* .globe_class:hover .lang_list_class{
display: flex;
flex-direction: column;
right: -2px;
position: relative;
bottom: 0px;
text-align: center;
margin: 0px;
} */
/* .globe_class:hover .lang_list_class li {
display: flex;
}
*/
.header .header__language-switcher--label .header__language-switcher--label-current{
  text-transform: uppercase;
  font-weight: 600
}
.header .header__language-switcher--label .header__language-switcher--label-current:after{
  display: none}
.lang-switcher-header:hover{
  display: flex; !important}

.header .header__language-switcher--label{border: 0px; margin-left: 20px}
.header .header__language-switcher--label .globe_class:hover li, .blog-post-content .blog-post-body .globe_class:hover li{
  display: flex;
  border: 0px;
  padding: 0px
}
.header .header__language-switcher--label .globe_class li, .blog-post-content .blog-post-body .globe_class li{
  padding: 10px;
  border-radius: 15px;
}
.blog-post-content .blog-post-body .globe_class{
  display: block;
  text-align: center
}

.blog-post-content .blog-post-body .globe_class a{
  display: block;
  color: #000;
  text-decoration: none;
}
.header .header-right .menu ul, .blog-post-content .blog-post-body .menu ul {
  margin-right: 8px;
  top: 30px;
}

.header .header__language-switcher--label .globe_class:hover {
  transform: rotate(0deg);
}

.header .header__language-switcher--label .globe_class {
  position: absolute;
  top: 6px;
  right: -17px;

  [dir="rtl"] &{
    left: -17px;
    right: auto;
  }
} 
.header .header__language-switcher--label .lang_list_class, .blog-post-content .blog-post-body .lang_list_class  {
  min-width: 70px;
  padding-top: 0px
}

.header .header__language-switcher--label .lang_list_class li a:hover, .blog-post-content .blog-post-body .lang_list_class li a:hover {
  background-color: #f1f1f1;
  background-color: #edf1fd;
  font-weight: 500;
  border-radius: 0.5rem;
}

.header .header__language-switcher--label .globe_class , .blog-post-content .blog-post-body .globe_class  {
  background-image:none;
}

.header .header__language-switcher--label .globe_class:before, .blog-post-content .blog-post-body .globe_class:before {
  content: "\f078";
  font-family: FontAwesome;
  font-size: 12px;
  transition: all 0.5s ease; /* Add transition for smooth animation */
}

.header .header__language-switcher--label .globe_class:hover::before, .blog-post-content .blog-post-body .globe_class:hover::before {
  content: "\f077";
  transition: all 0.5s ease; /* Add transition for smooth animation */
}

.lang_list_class{
  grid-row-gap: 0.5rem;
  background-color: #fff;
  border-radius: 1rem;
  box-shadow: 0 2px 24px rgba(8,8,52,.5);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.5rem;
  position: relative;
}
.header .header__language-switcher--label .globe_class li, .blog-post-content .blog-post-body .globe_class li{
  margin: 8px !important;
}
.header .header__language-switcher--label .globe_class li:hover  a, .blog-post-content .blog-post-body .globe_class li:hover{
  color: #000 !important;font-weight: 700 !important;
}
.header .header__language-switcher--label .lang_list_class li. .blog-post-content .blog-post-body .lang_list_class li{
  border: 0px;}

.header .header__language-switcher--label .globe_class:hover li, .blog-post-content .blog-post-body .globe_class:hover li{
  border-radius: 10px;}

.header .header-right .menu ul li a.lang_switcher_link, .blog-post-content .blog-post-body a.lang_switcher_link {
  text-align: center}
.blog-post-content .blog-post-body .globe_class:hover li{display: block;}
.body-wrapper .blog-post-body .wp-block-image.size-large{
  margin-left: 0px;
  [dir="rtl"] &{
    margin-right: 0px;

  }
}

.blog-post-content .blog-post-body .lang_list_class {
  min-width: 70px;
  top: 60px;
}
.header__language-switcher--label-current{
  text-transform: uppercase;
  margin: 0px 5px;
}

.blog-post-content .blog-post-body .hs-embed-content-wrapper{
  display: flex;}

.lang_switcher_class .globe_class .lang_list_class:after, .lang_switcher_class .globe_class .lang_list_class:before{
  display: none
}

.blog-post-content .blog-post-body .globe_class {
  padding: 20px;
  position: relative;
  top: -24px;
  left: -15px;
  [dir="rtl"] &{
    right: -15px;
    left: unset

  }
}

.blog-post-content .blog-post-body .hs_cos_wrapper_type_language_switcher{
  display: block;
}
.blog-post-content .blog-post-body .globe_class:hover .lang_list_class{
  padding-top: 0px}



.header__zenhr-container .menu li.hs-menu-item a
[dir=rtl] & {
  margin-left: 0;
  margin-right: 15px;
}

.header .header-right .menu ul li.hs-menu-depth-1:last-child a{
  margin-left: 15px;
  [dir=rtl] & {
    margin-left: 0;
    margin-right: 15px;
  }
}

.globe_class:hover .lang_list_class{text-align: center}
.header-current-lang{text-transform: uppercase;font-weight: 600}


.blog-post-body .lang-post-switcher{
  display: flex;
  gap: 8px;
  align-items: center;
}
.header .header__language-switcher--label{margin-left: 0px}
.header .header__language-switcher--label .lang_switcher_class{top: 20px;}
#hs_cos_wrapper_widget_1710918899871{display: none}
.post-listing .post-item .post-item-inner .content{padding: 10px 0px 0px}
.post-listing .post-item .post-item-inner .content a.button{display: none}
.blog-listing-left .post-listing .content p{margin-bottom: 0px}
.post-listing.three_column .post-item{padding-bottom: 0px}
.blog-post-content .blog-post-body .globe_class:before{
  position: absolute;
  left: 24px;
  top: 40px;
}

[dir="rtl"] .fa-duotone, [dir="rtl"] .fa-language {
  font-family: FontAwesome !important;
  font-style: normal;
}

[dir="rtl"] .blog-post-content .blog-post-body .globe_class:before{
  right: 24px;
  left: unset;
  position: absolute;
  top: 37px;
}
.header .header__language-switcher--label .lang_list_class{
  top: 30px}

.blog-post-content .share-back-blog, .page-sidebar-added .blog-post-content .author-box.horizontal,
.sidebar .about-company{
  background-color: #EDF1FD
}


.author-topic-page {
  background-color: #EDF1FD;
}



.post-page-sticky-bar .back-main-blog {
  color: #62769D;
}
.next-previous-posts a {
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  background: #008483;
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-sizing: border-box;
  box-shadow: 0px 0px 5px rgba(136,165,191,0.2);
  border-radius: 15px;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  margin: 0 20px;
  padding: 10px;
}

.next-previous-posts a:hover {
  color: #fff;
  background-color: #00CDCA;
  border-color: #00CDCA;
}


/* Title size and alignment */
.blog-post-content .blog-post-body h1, 
.blog-post-content .blog-post-body h2, 
.blog-post-content .blog-post-body h3, 
.blog-post-content .blog-post-body h4, 
.blog-post-content .blog-post-body h5, 
.blog-post-content .blog-post-body h6 {
  font-size: 20px;
  text-align: right; /* Aligns the titles to the right */
  font-family: 'Inter', sans-serif; /* Default font for English */
}

/* Arabic specific styles */
[dir="rtl"] .blog-post-content .blog-post-body h1, 
[dir="rtl"] .blog-post-content .blog-post-body h2, 
[dir="rtl"] .blog-post-content .blog-post-body h3, 
[dir="rtl"] .blog-post-content .blog-post-body h4, 
[dir="rtl"] .blog-post-content .blog-post-body h5, 
[dir="rtl"] .blog-post-content .blog-post-body h6 {
  font-family: 'Almarai', sans-serif; /* Arabic font */
  text-align: right; /* Ensures right alignment for Arabic titles */
}

/* Writer's name size and style */
.blog-post-content .author-box .author-detail .writer-name {
  font-size: 16px;
  font-weight: normal;
}

/* Date format style */
.blog-post-content .author-box .author-detail .date {
  color: grey;
}


.blog-post-header-outer {
  padding: 0;
  margin: 0;
}

.blog-post-header {
  background: white;
  text-align: center;
  padding: 20px 0;
}

.blog-post-header .content-wrapper {
  display: inline-block;
}

.blog-post-header h1 {
  margin: 0;
  padding: 0;
  font-size: 24px;
}

.author-date {
  margin-top: 10px;
  font-size: 14px;
  color: #888;
}

.categories a {
  margin-right: 10px;
  color: #000;
  font-size: 14px;
  text-decoration: none;
}

.categories a:hover {
  text-decoration: underline;
}

.footer__email_to{color: #000 !important;    display: inline-block;}
form input.hs-input, form input.hs-input:focus, form input.hs-input:hover, form select.hs-input, form select.hs-input:focus, form select.hs-input:hover, form textarea.hs-input, form textarea.hs-input:focus, form textarea.hs-input:hover, input, input:focus, input:hover{
  border: 1px solid #909FBA;
  border-radius: 15px;
  height: 40px;
  font-size: 16px;
  flex-basis: 100%;
  box-shadow: unset;
  filter: drop-shadow(0px 0px 5px rgba(136, 165, 191, 0.2));
}
.footer-logo {
  flex-basis: 20%;
}

[dir="rtl"]  .button, [dir="rtl"]  .hs-button{
  font-family: "Almarai", sans-serif;

}

.header .header-right .menu ul li.hs-item-has-children .child-trigger {
  right: -20px;
}


[dir="rtl"] .header .header-right .menu ul li.hs-item-has-children .child-trigger {
  right: unset;
  left: -20px;

}
[dir="rtl"] .hs-menu-item.hs-menu-depth-2 .child-trigger{
  right: unset !important;
  left: 15px !important;
}

.header .header-right .menu .hs-menu-children-wrapper li:hover {
  background-color: #fff6f8;
  color: #09BBB8;
  background-color: unset;
}
.header .header-right .menu ul li.hs-item-has-children .hs-menu-children-wrapper {
  margin: 5;
  padding: 5;
  top: 150%; /* Positions submenu directly below parent */
  left: 0;
  right: auto;
}
[dir="rtl"] .header .header-right .menu ul li.hs-item-has-children .hs-menu-children-wrapper {
  left: auto;
  right: 0;

}
[dir="rtl"] .header-right .menu> div> span> div> ul> li:nth-child(1) ul> li:nth-child(1) .child-trigger {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  top: 0;
}

[dir="rtl"] .header-right .menu> div> span> div> ul> li:nth-child(1) ul> li:nth-child(1)> ul {
  right: 221px !important;
}

.header .header-right .menu ul li.hs-item-has-children .hs-menu-children-wrapper li {
  /*    padding: 0 20px; */
  color: #000000; 
  margin-bottom: 20px;
}

.header .header-right .menu ul li.hs-item-has-children .hs-menu-children-wrapper li a:hover {
  color: #09BBB8;
}

.header .header-right .menu ul li.hs-item-has-children .hs-menu-children-wrapper li a {
  margin: 0;
  padding: 10px 15px; /* Adjust as needed */
  display: block;
}

.header__zenhr-container .hs-menu-children-wrapper .hs-menu-item.hs-menu-depth-2:nth-child(4) a,
.header .header-right .menu .hs-menu-children-wrapper .hs-menu-item.hs-menu-depth-3:nth-child(4) a{
  border: 0px !important;
  /*       padding-left: 15px !important; */
  font-weight: 400;
  margin: 0px !important;
  [dir="rtl"] &{
    padding-right: 15px !important;
    padding-left: 0px !important;

  }

}
.header__zenhr-container .hs-menu-children-wrapper .hs-menu-item.hs-menu-depth-2:last-child a,
.header__zenhr-container .hs-menu-children-wrapper .hs-menu-item.hs-menu-depth-3:last-child a{
  font-weight: 400;
}

/* .header__zenhr-container .hs-menu-children-wrapper .hs-menu-item a{
margin-left: 10px !important
[dir="rtl"] &{
margin-right: 10px !important;
margin-left: 0px;
}

} */

/* .hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2 a,
.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-3 a{
padding-left: 10px !important
[dir="rtl"] &{
padding-right: 10px !important;
padding-left: 0px;
}
}
*/
.header .header-right .menu ul li.hs-menu-item.hs-menu-depth-2 a,
.header .header-right .menu ul li.hs-menu-item.hs-menu-depth-3 a{
  margin: 0px;
  padding-left: 15px !important;
  [dir="rtl"] &{
    padding-right: 15px !important;
    padding-left: 0px;
  }

}
.footer .bottom-footer .bottom-footer-inner .copyright-text {
  font-size: 14px;
  unicode-bidi: plaintext;
}

/* .blog-listing-banner-style-one .content .hs-cta-embed {
border: 1px solid red;
width: 100% !important;
} */



.blog-listing-banner-style-one .content .hs-cta-embed .hs_cos_wrapper>div {
  width: 539px;
  display: flex;
  justify-content: start;
  background: red;
} 
.header .header__language-switcher--label span {
  margin-top: 18px
}

.bottom-footer .content-wrapper {
  max-width: 1190px;
  padding: 0 20px;
}
.bottom-footer-inner {
  display: flex;
  justify-content: space-between;
  align-items:center;
}

.footer__container__item .top-footer .content-wrapper .footer__item .footer-menu .important-link-title {
  font-weight: 700;
  margin-bottom: 8px;
}
.footer__container__item .top-footer .content-wrapper .footer__item .footer-menu ul li {
  padding: 0;
  margin-top: 26.75px;
}
.header .header-right .menu ul> li> a:hover {
  color: #09BBB8;
}

.search-input-box {
  width: auto !important;
}

.header .header-inner .mobile-humberger-icon {
  width: 24px;
  height: 24px;
}
.header .header-inner .mobile-humberger-icon span,
.header .header-inner .mobile-humberger-icon span:after,
.header .header-inner .mobile-humberger-icon span:before{
  background: #000000;
  width: 100%;
}


.bottom-footer {
  margin-top: 110px;
  padding-bottom: 47px;
}

.header .header__zenhr-container .header-right {
  background: #ffffff !important;
}
.header .header-inner .header-left {
  position: relative;
  z-index: 10;
}
.header .header-right .menu .hs-menu-children-wrapper {
  left: 27px !important;
}

.header .header-right .menu ul> li:nth-child(1).hs-item-has-children> ul {
  min-width: 244.43px;
  left: 27px;
}
.header .header-right .menu ul> li:nth-child(1).hs-item-has-children> ul> li> ul {
  top: -16px;
  /* right: -10px; */
  width: 322px;
  left: 229px !important;
  background-color: #F7F8FD;
}


.header .header-right .menu ul li.hs-item-has-children .hs-menu-children-wrapper li:hover> a {
  color: #09BBB8;
}
.header .header-right .menu ul li.hs-item-has-children:hover > a {
  color: #09BBB8;
}
.header .header-right .menu ul li.hs-item-has-children .hs-menu-children-wrapper li:hover> .child-trigger> svg> path {
  fill: #09BBB8;
  border: 1px solid red;
}

/* .header .header-right .menu div> span> div> ul> li a:hover {
border: 1px solid red;
} */
.header .header-right .menu div> span> div> ul> li> .child-trigger {
  display: none;
}
#hs_cos_wrapper_middle-module-1 .blog-listing-banner-style-one {
  padding: 0 20px;
}
#hs_cos_wrapper_middle-module-1 .blog-listing-banner-style-one .content .detail .hs-cta-embed {
  margin: 0 !important;
}

#hs_cos_wrapper_middle-module-1 .blog-listing-banner-style-one .content .detail ~ .form> span,
.topic-subscribe-bar .topic-subscribe-bar-inner h4 {
  display:none;
}

#hs_cos_wrapper_middle-module-1 .blog-listing-banner-style-one-inner .content-wrapper .form-detail {
  height: 300px !important;
}
#hs_cos_wrapper_middle-module-1 .blog-listing-banner-style-one-inner .content-wrapper .form-detail img {
  height: 300px !important;
  border-radius: 20px;
  object-fit: cover;
}
/* #hs_cos_wrapper_module_17210412406673 .blog-listing-banner-style-one-inner .content-wrapper .form-detail img {
width: 357px !important;
height: 295px !important;
} */
header {
  position: fixed !important;
  right: 0;
  left: 0;
  z-index: 1030 !important;
  background-color: #fff;
}
.body-container-wrapper {
  padding: 100px 0 0;
}
header.scrolled {
  border-bottom: 1px solid #d2dae7;
}
.footer__container__item .top-footer .content-wrapper .footer-menu-box {
  display: grid;
  grid-template-columns: 1fr 2fr 1.5fr 1fr;
  gap: 5px;

}

.header .header-right .menu ul li,
.header .header-right .menu ul li.hs-menu-item.hs-menu-depth-1:first-child{
  border: none;
}



/*=================================================================
updated css
==================================================================*/

html[lang="ar"] #hs_cos_wrapper_middle-module-1 .blog-listing-banner-style-one .content-wrapper {
  margin-bottom: 0;
}
html[lang="ar"] .header .header-inner .mobile-humberger-icon {
  left: 15px;
  right: auto;
}
html[lang="en"] .blog-listing-banner-style-one .content-wrapper{
  padding:20px;
}
html[lang="ar"] .blog-listing-banner-style-one .content .detail h1 {
  line-height: 46px !important;
}
html[lang="ar"] .blog-listing-banner-style-one .content .detail {
  padding-left: 20px;
}
html[lang="en"] .subscription-popup-box .subscription-popup-box-inner .popup-form h3{
  text-align: left;
}
.hs-form-0c335085-8c1c-455d-a0e6-1b979093f54f_8128ad66-8472-4109-baa9-0b55e3c1887b .hs-submit > .actions {
  text-align: left !important;
}
.subscribe_form {
  margin-top: 20px;
}
.subscribe_form input.hs-button.primary.large {
  align-items: center;
  background-color: #008483;
  border: 1px solid #008483;
  border-radius: 15px;
  box-shadow: -15px -15px 50px 0 rgba(250, 251, 255, .25);
  color: #fff;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  height: 40px;
  justify-content: center;
  margin: 20px 0 0;
  min-width: 127px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  width: auto;
}
.subscribe_form input.hs-button.primary.large:hover{
  background:#00cdca;
  border: 1px solid #00cdca;
}
.header .header-right .menu ul li.hs-menu-depth-1:nth-of-type(4) a {
  border-left: 0;
  border-right: 1px solid rgba(144, 159, 186, .4);
  width: auto !important;
  padding-right: 32px !important;
  padding-left: 0 !important;
  margin-right: 20px;
}






@media (max-width: 1120px) {
  .footer__container__item .top-footer .content-wrapper .footer-menu-box {
    display: grid;
    grid-template-columns: 1fr 1.5fr 1.2fr 1fr;
    gap: 20px;

  }
}
@media (max-width: 1022px) {
  header {
    position: fixed !important;
    right: 0;
    left: 0;
    z-index: 1030;
    background-color: #fff;
    box-shadow: 0 16px 40px 0 #88A5BF33;
  }
  .blog-listing-banner-style-one .content-wrapper .detail h1 {
    line-height: 50px !important;
    font-size: 40px !important;
  }
  .body-container-wrapper {
    padding-top: 50px;
  }
  .header .header-right .menu ul> li:nth-child(4) a {
    border: none !important;
    padding: 0 !important;
  }
  .header .header-right .menu ul li.hs-menu-depth-1:last-child a {
    margin-left: 32px;
  }
  .header .header__zenhr-container .header-right .menu ul li:nth-of-type(4) a {
    padding-right: 0 !important;
  }
  .header .header__zenhr-container .header-right .menu ul li:last-child a{
    margin-right:10px !important;
  }
  .header .header__zenhr-container .header-right .menu ul li:last-child {
    margin-top:40px !important;
  }
  .header .header-right{
    overflow-y: auto !important;
  }
  .header .header-right .menu ul li.hs-item-has-children{
    margin-bottom:40px;
  }
  .header .header-right .menu ul li a{
    margin-right:10px !important;
  }
  .header .header-right .menu ul> li.hs-item-has-children> ul li:last-child {
    margin-top: 0 !important;
  }
  .header .header-right .menu ul> li.hs-item-has-children> ul {
    margin: 30px 0 0;
  }
  .header .header-right .menu ul> li:nth-child(1).hs-item-has-children> ul> li> ul {
    top: 0;
    width: 100%;
    left: 0 !important;
    background-color: #F7F8FD;
    margin-top: 30px !important;
  }
  [dir="rtl"] .header-right .menu> div> span> div> ul> li:nth-child(1) ul> li:nth-child(1)> ul {
    right: 0 !important;
  }
  .header .header-right{
    padding-top:0 !important;
    top:87px !important;
    padding-bottom: 150px;
  }
  .header .header-right .header-cta{
    width:200px;
  }
  [dir="rtl"] .header .header__language-switcher--label .lang_list_class {
    top: 30px;
    right: 0;
    left: auto;
    min-width: 100px;
    width: auto;
  }
  .header .header__language-switcher--label .lang_list_class {
    top: 30px;
    min-width: 100px;
    width: auto;
    left: 0;
  }
}
@media (max-width: 991px) {
  .footer__container__item .top-footer .content-wrapper .footer-menu-box {
    grid-template-columns: 120px 1fr 1fr 1fr;
    gap: 10px;
    padding-left: 20px;
  }
}
@media (max-width: 770px) {
  .topic-subscribe-bar .topic-subscribe-bar-inner {
    justify-content: space-between !important;
  }
  .topic-dropdown, .topic-subscribe-bar .topic-subscribe-bar-inner .topic {
    margin: 0; 
  }
  .blog-listing-banner-style-one .content {
    justify-content: space-between;
    flex-direction: column-reverse;
  }
  .blog-listing-banner-style-one .content .detail {
    width: 100% !important;
    margin-top:30px;
  }
  .footer-logo {
    margin-bottom: 40px;
  }
  .blog-listing-banner-style-one .content .form {
    display: flex;
    justify-content: center;
    width: 100% !important;
  }
  .blog-pagination.numbered a {
    font-size: 12px!important;
  }

  .blog-listing-banner-style-one .content-wrapper .detail h1 {
    line-height: 45px !important;
    font-size: 40px;
  }
  .footer__container__item .top-footer .content-wrapper .footer-menu-box {
    grid-template-columns: 1fr;
    gap: 10px;  
    padding-left: 0;
  }
  .footer__container__item .top-footer .content-wrapper {
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .footer-container-box {
    display: block;
  }
  .footer__start_with {
    text-align: center;
    margin-bottom: 20px;
  }
  .reuest_demo_button{
    max-width: max-content;
    margin: 0 auto;
  }
  .blog-pagination.numbered a{
    width:40px;
    height:40px;
    padding:0;
  }
  html[lang="ar"] .blog-listing-banner-style-one .content .detail {
    padding-left: 0;
  }
  html[lang="ar"] .blog-listing-banner-style-one .content .detail~.form>.form-detail,html[lang="ar"] .blog-listing-banner-style-one .content .detail~.form>.form-detail img ,
  html[lang="ar"] #hs_cos_wrapper_middle-module-1 .blog-listing-banner-style-one-inner .content-wrapper .form-detail,html[lang="ar"] #hs_cos_wrapper_middle-module-1 .blog-listing-banner-style-one-inner .content-wrapper .form-detail img {
    height: 230px !important;
  }
  .topic-dropdown, .topic-subscribe-bar .topic-subscribe-bar-inner .topic,.topic-subscribe-bar .topic-subscribe-bar-inner .search-input-box {
    width: 100% !important;
    margin-bottom: 10px;
  }
  .blog-listing-banner-style-one .content .detail~.form>.form-detail img {
    border-radius: 5px;
    height: 230px !important;
  }
}

@media (max-width: 640px) {
  .related-post-item {
    max-width: 100%; 
  }
}

@media (max-width: 575px) {
  .blog-pagination.numbered{
    display:block;
  }
  .blog-pagination-center {
    margin: 20px 0;
  }
  .blog-pagination.numbered a.blog-pagination__prev-link, .blog-pagination.numbered a.blog-pagination__next-link{
    margin:0 auto;
  }
  .blog-pagination-center {
    justify-content: center;
  }
}
.hs-tools-menu {
  display: none;
}