.elementor-kit-9{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-ec64837:#6EC1E4;--e-global-color-bbc3d15:#1E274A;--e-global-color-b22ec5c:#39407A;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#FCF4F4;overscroll-behavior:none;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 h2{color:#00499C;font-size:24px;font-weight:700;}.elementor-kit-9 h3{color:#00499C;font-size:22px;}.elementor-kit-9 h4{color:#00499C;font-size:20px;}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{color:#173E59;border-radius:4px 4px 4px 4px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-9 h1{font-size:24px;line-height:1.8em;}.elementor-kit-9 h2{font-size:20px;line-height:1.8em;}.elementor-kit-9 h3{font-size:20px;}.elementor-kit-9 h4{font-size:18px;}.elementor-kit-9 h5{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.blog-loop-inner.post-single > .post .post-inner {
    padding: 0.5rem;
    margin-bottom: 0.5rem;
}
@media (max-width: 767px) {
    .elementor-kit-9 h1 {
        font-size: 18px;
        line-height: 1.8em;
    }
}
.cta {
    background: #f0f4ff;
    color: #000;
    padding: 12px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    align-items: center;
    width: 100%;
    margin: 10px auto;
    border-right: 5px solid red;
    direction: rtl;
}

/* pillar & inline-related-post */

.inline-related-post {
  background: #ebbe0d;

  border-radius: 7px;

  display: block;

  font-size: 0;

  margin-bottom: 35px;

  margin-top: 35px;

  padding: 15px;

  clear: both;

  padding-right: 20px;

}

.inline-related-post img {

  border-radius: 100%;

  display: inline-block;

  margin: 0 0 0 20px !important;

  vertical-align: middle;

  width: 50px;

}

.inline-related-post p {

  color: #46484d;

  display: inline-block;

  vertical-align: middle;

  width: calc(100% - 70px);

  line-height: 25px !important;

  font-size: 19px !important;

}

.inline-related-post p strong {

  color: #2d2d2d;

}

/* pillar box */

.wrapper_pillar_post {

  display: flex;

  flex-wrap: wrap;

  gap: 12px;

  justify-content: space-between;

  margin: 15px 0;

}

.box_pillar {

    background: #ebbe0d;
    padding: 10px 15px 10px 35px;
    max-width: 29%;
    margin-bottom: 12px;
    border-radius: 14px;
    box-shadow: inset 0 0 8px 0 #9f9f9f;
    color: #000000;
    flex-basis: 28%;
    text-align: center;
    font-weight: bold;
    transition: all .2s;
    position: relative;

}

.box_pillar::after {

  content: '';

  width: 10px;

  height: 10px;

  border: 2px solid #2d2d2d;

  border-right: 0;

  border-bottom: 0;

  border-radius: 3px;

  transform: translateY(-50%) rotate(-45deg);

  position: absolute;

  left: 15px;

  top: 50%;

}

.box_pillar::before {

  content: '';

  width: 11px;

  height: 2px;

  background-color: #2d2d2d;

  position: absolute;

  top: 50%;

  left: 18px;

  border-radius: 5px;

  transform: translateY(-50%);

}

.box_pillar a {

  color: #2d2d2d !important;

  width: 100%;

  height: 100%;

  border-bottom: 0 !important;

  line-height: 30px;

  display: flex;

  align-items: center;

  justify-content: center;

}

@media screen and (max-width: 900px) {

    .box_pillar {

        max-width: 48%;

        flex-basis: 48%;

        padding: 10px;

        padding-left: 35px;

    }

    .box_pillar a {

        font-size: 14px;

        text-align: right;

    }

    .arrow-container {

      top: -7.5rem;

    }

}




.institutions {

  background: #fff;

  padding: 20px;

  border-radius: 15px;

  position: relative;

  box-shadow: 0 0 30px #33333312;

  margin-bottom: 20px;

}

.institutions .header {

  display: flex;

  gap: 12px;

  align-items: end;

  border-bottom: 1px solid #F2F2F2;

  padding-bottom: 20px;

  flex-wrap: wrap;

}

.institutions .header .right .img {

  width: 120px;

  height: 120px;

  border-radius: 15px;

  overflow: hidden;

}

.institutions .header .right .img img {

  width: 100%;

  border-radius: 15px;

  object-fit: cover;

  height: 100%;

}

.institutions .header .left .title {

  margin: 0 !important;

  color: #2C2F34;

  font-weight: 700;

  font-size: 20px;

  line-height: 37px;

}

.institutions .header .left span.category {

  color: #666666;

  line-height: 37px;

  font-weight: 500;

  font-size: 14px;

}

.institutions .header .left .info_box {

  display: flex;

  gap: 12px;

  height: 40px;

}

.institutions .header .left .info_box > div.location {

  flex-basis: 40%;

  flex-grow: 1;

}

.institutions .header .left .info_box .rating {

  border: 1px solid #0000001A;

  width: fit-content;

  padding: 2px;

  border-radius: 12px;

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.institutions .header .left .info_box .rating > span {

  font-weight: 500;

  font-size: 16px;

  line-height: 40px;

  padding: 0 7px;

  min-width: 34px;

}

.institutions .header .left .info_box .rating span.rate {

  background: #FDD404;

  border-radius: 12px;

  text-align: center;

  line-height: 33px;

}

.institutions .header .left .info_box .location {

  background: #E6E6E6;

  width: fit-content;

  text-align: center;

  font-size: 16px;

  font-weight: 500;

  line-height: 40px;

  border-radius: 12px;
  
  padding: 0 12px;

}

.institutions .header .phone {

  display: flex;

  align-items: center;

  background: #E6E6E6;

  border-radius: 12px;

  padding: 0 10px;

  width: fit-content;

  gap: 5px;

  height: 40px;

  line-height: 40px;

}

.institutions .header .phone a{

  display: flex;

  align-items: center;

  gap: 5px;

}

.institutions .header .phone img {

  width: 22px;

  height: 22px;

}

.institutions .header .phone span {

  font-weight: 700;

}

.institutions .header .history_brand {

  position: absolute;

  left: 48px;

  top: 0;

  /*width: 78px;*/

  background: #FDD404;

  padding: 20px 8px;

  border-radius: 0px 0px 15px 15px;

  font-size: 10px;

  font-weight: 400;

  line-height: 24px;

  text-align: center;

}



.institutions .header .history_brand .bold {
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
}

.institutions .content p {

  color: #666666;

  line-height: 30px;

  text-align: justify;

  font-weight: 400 !important;

  margin: 1rem 0;

  font-size: 14px !important;

}

.institutions .services {

  border-radius: 12px;

  background: #F8F8F8;

  padding: 25px 35px;

  overflow: hidden;

  margin-bottom: 20px;

}

.institutions .services div.title {

  margin: 0;

  position: relative;

  font-size: 16px;

  font-weight: 700;

  line-height: 20px;

}

.institutions .services div.title::before {

  content: '';

  background: #ffffff;

  width: 30px;

  height: 18px;

  position: absolute;

  right: -35px;

  border-radius: 39px 0 0 39px;

}

.institutions .services div.title::after {

  content: '';

  background: #FDD404;

  width: 14px;

  height: 14px;

  position: absolute;

  right: -21px;

  top: 2px;

  border-radius: 50%;

}

.institutions .services ul {

  padding-right: 15px !important;

  line-height: 30px;

  font-weight: 400;

}

.institutions .services ul li {

  list-style: none;

  position: relative;

  font-size: 12px !important;

  line-height: 30px;

}

.institutions .services ul li::before {

  content: '';

  width: 4px;

  height: 4px;

  background: #000;

  position: absolute;

  right: -14px;

  top: 11px;

  border-radius: 50%;

}



.institutions .address , .institutions .phone > a{

  border-radius: 12px;

  background: #F8F8F8;

  display: flex;

  align-items: center;

  padding: 8px 8px 8px 16px;

  gap: 12px;

}
.institutions .address .phone > a {
    
}


.institutions .img {

  background: #fff;

  display: flex;

  align-items: center;

  border-radius: 12px;

  padding: 10px;

  flex-shrink: 0;

}

.institutions .right .img svg {

  flex-shrink: 0;

}

.institutions .right .text {

  line-height: 22px;
  color: #000 !important;

}

.institutions .right .phone .text {
    display: flex;
    flex-direction: column;
    gap: 2px;
        font-size: 12px;
}

.institutions .right .text span {

  font-weight: 700;

}

.institutions .right .text p {

  font-size: 12px !important;

  margin: 0 0 1rem !important;

  font-weight: 400 !important;

}
.institutions .section_two {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  flex-wrap: wrap;
}
.institutions .section_two > div .frame {
    position: relative;
}

.institutions .section_two > div iframe {
    border: 0;
    height: 230px;
    overflow: hidden;
    border-radius: 10px;
}
.institutions .section_two > div {
font-size: 15px !important;
    font-weight: 300 !important;
    flex-grow: 1 !important;
    background: #F8F8F8 !important;
    padding: 12px !important;
    width: 49%;
    height: auto;
        border-radius: 10px;
    overflow: hidden;
}
.tie-fluid-width-video-wrapper {
    padding: 5px !important;
}

.institutions .more_info {

  margin-top: 30px;

  display: flex;

  justify-content: center;

}

.institutions .more_info .btn {

  background: #696B6F;

  border: 0;

  outline: 0;

  font-size: 14px;

  padding: 12px 30px;

  color: #fff !important;

  border-radius: 12px;

  font-weight: bold;

  cursor: pointer;

  min-width: 219.65px;

  text-align: center;

}

@media (max-width: 768px) {

  .institutions .header {

    align-items: start;

  }

  .institutions .header .right {

    flex-basis: 40%;

    flex-shrink: 0;

  }

  .institutions .header .left {

    flex-basis: 40%;

    flex-shrink: 0;

    flex-grow: 1;

  }

  .institutions .header .left .title {

    font-size: 17px;

  }

  .institutions .header .left .info_box {

    gap: 4px;

  }

  .institutions .header .left .info_box .location {

    font-size: 14px;

    padding: 0 4px;

  }

  .institutions .header .left .info_box .rating > span {

    font-size: 14px;

    padding: 0;

    padding-right: 2px;

  }

  .institutions .header .phone {

    justify-content: center;

    flex-basis: 100%;

  }

  .institutions .header .history_brand {

    position: unset;

    flex-basis: 100%;

    font-weight: bold;

    font-size: 16px;

    padding: 10px;

    border-radius: 12px;

  }

  .institutions .header .history_brand .bold {

    font-size: 16px;

  }


  .institutions .right .address p.text {

    line-height: 22px;

    font-size: 12px;

  }
  
  .institutions .right .phone_wrapper {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}

}/* End custom CSS */