/* ========================================================================== 
Agent Search 
========================================================================== */

.agent-search-container {position: relative;border: 1px solid #ddd;overflow: hidden;overflow-x: auto;background: transparent;height: var(--search-input-height);border-radius: 5px;}
  
.agent-search-container input { white-space: nowrap;display: -webkit-inline-flex;display: -moz-inline-flex;display: -ms-inline-flex;display: inline-flex;width: 100%;height: 100%;cursor: text;min-height: 1px;margin: 0;background-color: transparent;vertical-align: middle;position: relative;z-index: 900;text-align: left;border-radius: 5px;align-items: center;border: 0;font-size: 1.6rem;padding: 0px 15px;color: #000;font-family: var(--font-body);font-weight: 400;}

/* ========================================================================== 
Agent Details 
========================================================================== */


.branch-header {
  background-color: var(--color-primary-light);
  top: calc(0px - var(--topbar-height));
  transition: top .4s ease-in-out;
  padding: 40px 0;
}

.branch-header--container {
  display: flex;
  flex-direction: row;
  gap: var(--grid-gap);
  justify-content: space-between;
  align-items: center; 
}

.branch-header--info {
  display: flex;
  flex-direction: row;
  gap: var(--grid-gap);
  flex: 1;
}

.branch-header--info .branch-header--logo {
  width: 106px;
  height: 106px;
  overflow: hidden;
}

.branch-header--info .branch-header--logo img {
  width: 100%;
  height: 100%; 
  object-fit: contain;
  object-position: center;
}

.branch-header--info .branch-header--content {
  display: flex;
  flex-direction: column;
  margin-top: -3px;
  justify-content: center;
  gap: 2px;
}

.branch-header--info .branch-header--content h1 {

}

.branch-header--info .branch-header--content .text {font-size: 1.6rem;color: #666;}

.branch-header--info .branch-header--content .branch-header--link {
  margin-top:auto;
  display: none;
}

.branch-header--info .branch-header--content .branch-header--link a{
  font-size: 1.4rem;
    color: var(--color-primary);
    cursor: pointer;
    transition: color .3s ease-in-out;
    display: inline-flex;
    gap: 10px;
    padding: 0 10px;
    height: 34px;
    align-items: center;
    border: 1px solid;
    border-radius: 5px;
}


.branch-header--cta {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 200px;
} 

.branch-header--cta .m-btn {  
  width: 100%;
}

.branch-header--cta .m-btn i { font-size: 1.8rem;} 

.branch-header.scroll {position: fixed;top:var(--topbar-height);z-index: 9;padding: 15px 0;background: #fff; border-bottom: 1px solid #ddd;} 
.branch-header--block.scroll { height: var(--branchheader-height);}
.branch-header.scroll .branch-header--info .branch-header--logo{  width: 60px; height: 60px;}
.branch-header.scroll .branch-header--info .branch-header--content h1 {font-size: 2.4rem;}
.branch-header.scroll .branch-header--info .branch-header--content .text { font-size: 1.5rem;}
.branch-header.scroll .branch-header--cta { flex-direction: row;justify-content: center; width: auto;}

@media(max-width:980px){
  .branch-header:not(.scroll) .branch-header--container { flex-direction: column; align-items: center; justify-content: center; }
  .branch-header:not(.scroll) .branch-header--info { flex-direction: column; align-items: center; justify-content: center; flex: none;}
  .branch-header:not(.scroll) .branch-header--info .branch-header--logo{  width: 80px; height: 80px;}
  .branch-header:not(.scroll) .branch-header--info .branch-header--content { margin-top: 0px; align-items: center; text-align: center;}
  .branch-header:not(.scroll) .branch-header--info .branch-header--content h1 {font-size: 2.4rem;}
  .branch-header:not(.scroll) .branch-header--info .branch-header--content .text { font-size: 1.5rem;}
  .branch-header:not(.scroll) .branch-header--cta { flex-direction: row; width: 100%; justify-content: center;}
  .branch-header--cta a {max-height:40px!important;height: 40px;font-size: 1.5rem;width: auto;padding: 0 15px;}


  .branch-header.scroll{ top: 0; padding: 10px 0;}
  .branch-header.scroll .branch-header--info .branch-header--logo{  width: 50px; height: 50px;}
  .branch-header.scroll .branch-header--info .branch-header--content h1 {font-size: 1.6rem;text-wrap: balance;}
  .branch-header.scroll .branch-header--info .branch-header--content .text { display: none;}

}
 
@media(max-width:667px){
  .branch-header:not(.scroll) .branch-header--info .branch-header--logo{  width: 60px; height: 60px;}
  .branch-header:not(.scroll) .branch-header--info .branch-header--content h1 {font-size: 2rem;}
  .branch-header:not(.scroll) .branch-header--info .branch-header--content .text { font-size: 1.4rem;}
  
  .branch-header.scroll .branch-header--info{ gap: 0;}
  .branch-header.scroll .branch-header--info .branch-header--content h1 { display: none;}
} 

@media(max-width:400px){
  .branch-header.scroll .branch-header--info { display: none;}
  .branch-header.scroll .branch-header--cta {width: 100%; justify-content: space-between;}
  .branch-header.scroll .branch-header--cta div { flex: 1;}
  .branch-header.scroll .branch-header--cta a { width: 100%;}
}



.branch-main--content .branch-main--text {position: relative; display: flex;flex-direction: column;gap: var(--grid-gap);align-items: flex-start;}
.branch-main--content .branch-main--text.branch-main--small {max-height: 400px;overflow: hidden;padding-bottom: 80px;}
.branch-main--content .branch-main--text.branch-main--small::before {position: absolute;content: "";background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 88%, rgba(255,255,255,1) 89%);background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 88%,rgba(255,255,255,1) 89%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,#ffffff 65%,#ffffff 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f6f6f6', endColorstr='#f6f6f6',GradientType=0 );opacity: 1;width: 100%;height: 200px;bottom: 0px;left: 0;z-index: 1;border-radius: 5px;}
 
.block-readmore {display: inline-flex;text-align: center;position: absolute;cursor: pointer;align-items: center;padding: 10px 15px;background: var(--color-secondary);z-index: 9;font-size: 1.6rem;color: #fff;gap: 15px;line-height: 1.5;bottom: 20px;left: initial;font-family: var(--font-title);font-weight: 500;border-radius: 5px;align-items: center;}
.block-readmore.active{position: relative;bottom: 0;}
.block-readmore .block-readmore-text {pointer-events: none; cursor: default;}
.block-readmore .block-readmore-icon {font-size: 1.6rem;color: #fff;line-height: 1;pointer-events: none;cursor: default;display: flex;}

.branch-main--content .text,
.branch-main--content .text *{ text-align: left!important;}


.branch-main--contactinfo header { margin-bottom: 20px;}
.branch-main--contactinfo header:has(h5) { margin-bottom: 10px;}
.branch-main--contactinfo .contact-info--container {display: flex;flex-direction: column;align-items: flex-start;gap: 10px;}
.branch-main--contactinfo .contact-info:not(.contact-info--social) {display: flex;padding-left: 30px;font-size: 1.6rem;text-wrap: balance;align-items: flex-start;position: relative;}
.branch-main--contactinfo .contact-info:not(.contact-info--social) i {position: absolute;width: 20px;left: 0;color: var(--color-secondary);font-size: 2rem;top: 3px;}
.branch-main--contactinfo .contact-info:not(.contact-info--social) a {text-decoration: underline;}

.branch-main--contactinfo .contact-info--social {display: flex;flex-wrap: wrap;gap: 10px;}
.branch-main--contactinfo .contact-info--social a{font-size: 2.8rem;display: flex;}

.branch-main--contactinfo .contact-info--social .facebook { color: #4267B2; }
.branch-main--contactinfo .contact-info--social .instagram { color: #bc2a8d; }
.branch-main--contactinfo .contact-info--social .x-twitter { color: #000; }
.branch-main--contactinfo .contact-info--social .linkedin { color: #007bb6; }
.branch-main--contactinfo .contact-info--social .vimeo { color: #1ab7ea; }
.branch-main--contactinfo .contact-info--social .youtube { color: #ff0000; }

.branch-main--contactinfo .branch-opening {display: flex;width: 100%;flex-direction: column;gap: 6px;color: var(--color-primary);}
.branch-main--contactinfo .branch-opening li {display: flex;flex-direction: row;font-size: 1.5rem;}
.branch-main--contactinfo .branch-opening li span {text-transform: capitalize;font-weight: 600;width: 50%;}

.branch-main--contactinfo.divide-bottom { margin-bottom: -60px;}

#branch-map { max-height: 450px; }
#branch-map::before {content:""; display: block; padding-top: 56.25%;}


@media(max-width:980px){
  .branch-main .content-info .img.max { max-height: 100%;} 
  .branch-main .content-info { text-align: left; gap: 40px; }
}

/* branch listings */ 

.branch-list-info {display: flex;gap: 5px;font-size: 1.6rem;font-family: var(--font-title);color: #666;);}
.branch-list-info span {color: var(--color-secondary);font-weight: 600;}


.branch-list {display: flex;flex-wrap: wrap;justify-content: flex-start;gap: var(--grid-gap);margin-top:40px; width: 100%;}
.branch-list.branch-list--center { justify-content: center;}

.branch-list-agent--outer {display: flex;width: calc(33.333% - 13.667px);flex-direction: column;padding: 20px;background-color: #fff;border-radius: 5px;border: 1px solid #ddd;}
.branch-list-agent--card {display: flex;flex-direction: row;width: 100%;gap: var(--grid-gap);padding-bottom: 20px;}

.branch-list-agent--logos {display: flex;flex-direction: column;gap: var(--grid-gap);align-items: center;}
.branch-list-agent--logos .branch-list-agent--img{width: auto;height: auto;}
.branch-list-agent--logos .branch-list-agent--img img {width: 100%;height: 100%;max-height: 85px;max-width: 85px;object-fit: contain;object-position: center;}
.branch-list-agent--details{flex: 1;display: flex;flex-direction: column;align-items: flex-start;gap: 6px;justify-content: center;}
.branch-list-agent--details h3 {font-size: 1.8rem;text-wrap: balance;}
.branch-list-agent--details h3 a:hover { text-decoration: underline; }

.branch-list-agent--details p { font-size: 1.4rem;color: #666;line-height: 1.25;}


.branch-list-agent--cta:has(.right)  {display: flex;gap: 10px;justify-content: space-between;border-top: 1px solid #dddddd;padding-top: 20px;}
.branch-list-agent--cta .left {}
.branch-list-agent--cta .right {display: flex; gap: 10px; }


.branch-list-agent--link .m-btn {font-size: 1.4rem;color: var(--color-primary);cursor: pointer;transition: color .3s ease-in-out;display: flex;gap: 10px;padding: 10px 15px;height: 34px;align-items: center;border-radius: 5px;justify-content: center;background: #fff;border: 1px solid;}
.branch-list-agent--link .m-btn:hover { background-color: #fff;}

.branch-list-agent--link .m-btn.m-btn--blue { color: #fff; background: var(--color-secondary); border-color:  var(--color-secondary);}
.branch-list-agent--link .m-btn.m-btn--blue:hover { background: var(--color-secondary);}

.branch-list-agent--phone a {font-family: var(--font-title);font-size: 1.4rem;color: var(--color-primary);cursor: pointer;transition: color .3s ease-in-out;display: flex;gap: 10px;padding: 0 10px;height: 34px;align-items: center;border: 1px solid;border-radius: 5px;}

.branch-list-agent--enquiry a {font-family: var(--font-title);font-size: 1.4rem;color: var(--color-primary);cursor: pointer;transition: color .3s ease-in-out;display: flex;gap: 10px;padding: 0 10px;height: 34px;align-items: center;border: 1px solid;border-radius: 5px;}

@media(max-width:980px){
  .branch-list-info { justify-content: center;}
  .branch-list-agent--outer { width: calc(50% - 10px);}
}

@media(max-width:667px){
  .branch-list-agent--outer { width: 100%;}
}
 


.tabs-wrapper {display: flex;width: 100%;margin-top: 40px;flex-direction: column;align-items: center;gap: 40px;}
.tab-button-wrapper {display: flex;border: 1px solid #ddd;border-radius: 5px;}
.tab-button-wrapper button {all: unset;font-size: 1.6rem;color: var(--color-primary);height: 48px;display: flex;align-items: center;padding: 0 15px;text-align: center; transition: all .3s ease-in-out;}
.tab-button-wrapper button:not(:last-of-type){ border-right: 1px solid #ddd;}
.tab-button-wrapper button:first-of-type{border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.tab-button-wrapper button:last-of-type{border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.tab-button-wrapper button:hover { cursor: pointer; background-color: #eee;}
.tab-button-wrapper button.active { background-color: var(--color-secondary); color: #fff; border-color: var(--color-secondary);}

.tab-content-wrapper{ width: 100%;}
.tab-content-wrapper .tab-content {display: none;}
.tab-content-wrapper .tab-content.active {display: block;}

@media(max-width:980px){ 
  .tab-button-wrapper button { font-size: 1.5rem; height: 44px;}
}

@media(max-width:667px){
  .tab-button-wrapper { flex-direction: column; width: 100%;}
  .tab-button-wrapper button { justify-content: center;}
  .tab-button-wrapper button:not(:last-of-type){ border-right: none;  border-bottom: 1px solid #ddd;}
  .tab-button-wrapper button:first-of-type{border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 0px;}
  .tab-button-wrapper button:last-of-type{border-top-right-radius: 0px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}

}