.sec-about-1{ background: url(../images/bg-about.webp)no-repeat top center/100%;}
.sec-about-1a{ background: url(../images/blog-overview-bg1.webp)no-repeat top center/cover;}

.glightbox-video{ position: relative; display: block;}
.wdt12{width:580px;}
.wdt13{ width: 350px;}
.nav-pills-awards  .nav-link{font-size: 18px;line-height: 28px; font-weight: 400; color:var(--grey2);text-align: left;background: none;padding:15px 0px;position: relative; transition: all 0.5s ease;}
.nav-pills-awards  .nav-link.active{ color:var(--blue);background: none;padding:15px 0px 15px 30px; }
.nav-pills-awards .brdr-btm1{ margin: 0px;}
.nav-link .line-mask {overflow: hidden;display: inline-block;}
.nav-pills-awards .nav-link span{ transition: none;}
.awards-content img{width: 125px; margin-bottom:15px;}

.nav-pills-awards .nav-link {position: relative;overflow: hidden;}
.nav-pills-awards .nav-link::after {content: '';position: absolute;left: 0;top: 21px;width: 20px;height: 15px;background: url("../images/icon-arrow-blue.svg") center center / 15px no-repeat;
  opacity: 0; transform: translateX(-20px); transition: all 0.5s ease;}
.nav-pills-awards  .nav-link:hover{padding:15px 0px 15px 30px;}
.nav-pills-awards .nav-link:hover::after,
.nav-pills-awards .nav-link.active::after {opacity: 1;transform: translateX(0); }
.nav-pills-awards .nav-link:hover{ color:var(--blue);}


.awards-accordion .accordion-item {background: transparent;border: none;}

.awards-accordion .accordion-body {padding: 0;}
.awards-accordion .accordion-button {font-size: 18px;line-height: 28px;font-weight: 400;  color: var(--grey2);text-align: left; background: none; padding: 15px 0px;  position: relative; overflow: hidden; transition: all 0.5s ease;  box-shadow: none;}
.awards-accordion .accordion-button::after {content: '';flex-shrink: 0;width: auto;height: auto;background: none;margin: 0;}
.awards-accordion .accordion-button:not(.collapsed) {color: var(--blue);background: none;padding: 15px 0px 15px 30px;box-shadow: none;}
.awards-accordion .accordion-button::before {content: '';position: absolute;left: 0;top: 21px;width: 20px;height: 15px;background: url("../images/icon-arrow-blue.svg") center center / 15px no-repeat;opacity: 0;transform: translateX(-20px);transition: all 0.5s ease;}

.awards-accordion .accordion-button:hover::before,
.awards-accordion .accordion-button:not(.collapsed)::before {opacity: 1;transform: translateX(0);}
.awards-accordion .accordion-button:hover {padding: 15px 0px 15px 30px;color: var(--blue);}
.awards-accordion .accordion-item .brdr-btm1,
.awards-accordion .accordion-header {margin: 0;}
/* .awards-accordion .accordion-item {border-bottom: 1px solid var(--grey2);} */
.awards-accordion .accordion-body img {width: 125px;margin: 0 auto 15px auto;display: block;}
.awards-accordion .accordion-item:last-of-type{ border-radius: 0px;}
.awards-accordion .brdr-btm1 {margin: 0; height: 1px; background: var(--grey6); width: 100%;}
.awards-accordion .accordion-body .fadeup { opacity: 0; visibility: hidden;  transform: translateY(40px);}
.sec-abt-2 .aside{ width: 90%;}

.sec-abt-3a { position: relative; overflow: hidden; display: block; }
.sec-abt-3a img { transition: transform 0.5s ease; }
.txt-abt-1 { position: absolute; bottom: 0; left: 0; padding: 15px; }
.link13 {position: relative;display: inline-flex;overflow: hidden;color: #fff;cursor: pointer;white-space: nowrap;font-size: 15px; line-height: 15px;font-weight: 600;text-transform: uppercase;}
.link13-inner {position: relative; display: block; transition: transform 0.35s cubic-bezier(0.76, 0, 0.24, 1);white-space: nowrap;}
.roll-text13 {display: flex;align-items: center;justify-content: center; font-size: 15px;line-height: 15px;  font-weight: 600; color: #fff; text-transform: uppercase;}
.roll-text13a {position: absolute;top: 100%; left: 0; width: 100%;}
.arrow-icon13 { width: 15px; margin-right: 15px; margin-top: 3px; display: block; }
.sec-abt-3a:hover .link13-inner { transform: translateY(-100%); }
.sec-abt-3a:hover img { transform: scale(1.03); }

.sec-abt-4a{ background: #f9f9f9; padding: 30px; border:1px solid var(--grey6); height: 100%;  }

 .sec-abt-5{ background: #f9f9f9;}
.sec-abt-5a{ background: #fff; padding: 30px; border:1px solid var(--grey6);    }
.sec-abt-5a img{ width:40px; margin-bottom: 50px;}

.sec-abt-6b{ background:#f9f9f9; border:1px solid #d3d3d7; border-radius: 10px; margin-bottom: 15px; transition: all 0.5s ease;}
.sec-abt-6b img{ width: 85%; margin: 0 auto;}
.gap4{--bs-gutter-y:50px;--bs-gutter-x:30px;}
.sec-abt-6b,.sec-abt-6a p{ transition: all 0.5s ease;}

.sec-abt-6a:hover .txt-uppr{  color:var(--blue);}
.sec-abt-6a span{ border-bottom:1px solid transparent; transition: all 0.5s ease;}
.sec-abt-6a:hover span{ border-bottom:1px solid var(--blue); }
.sec-abt-6a:hover .sec-abt-6b{ background: url(../images/bod-bg.webp)no-repeat center/ cover;}


.d-flx-cp{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;}
.d-flx-cp div{flex:  1 1 calc(50% - 10px); }
.input1{ width:100%; height: 50px; border-radius:10px; border:1px solid var(--grey6); background:#fff; border-radius: 10px; padding:10px; transition: all 0.5s ease; font-size: 16px; line-height: 24px; color:var(--grey3); }
.input1:hover,.input1:focus,.select1:hover,.select1:focus{box-shadow: 0px 10px 25px -5px rgba(0, 0, 0, 0.1); outline: none; border:1px solid var(--grey6);}
.select1{width:100%; height: 50px; border-radius:10px; border:1px solid var(--grey6);background:#fff url(../images/icon-chevron-down-grey2.svg) no-repeat 98% 50% / 10px; border-radius: 10px; padding:10px; appearance: none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none; transition: all 0.5s ease;font-size: 16px; line-height: 24px; color:var(--grey3);}
.btn3 {position: relative;display: inline-block;overflow: hidden;  border-radius: 30px;border: 1px solid var(--blue); background: var(--blue);
  cursor: pointer; padding: 0; transition: background-color .5s cubic-bezier(1,0,.01,1);}
.btn3-inner {position: relative; display: block; transition: transform .5s cubic-bezier(1,0,.01,1);}
.roll-btn-text3 {display: flex; align-items: center; justify-content: center;gap: 8px;padding: 15px 25px; font-size: 15px; line-height: 15px;  font-weight: 600; color: #fff;  background: var(--blue);
  white-space: nowrap;}
.roll-btn-text3.roll-btn-text3a {position: absolute;  top: 100%; left: 0;  right: 0;  background: #fff;  color: var(--blue);}
.roll-btn-text3 .arrow-icon {width: 16px;    height: auto;  flex-shrink: 0;}
.btn3:hover { background: #fff; }
.btn3:hover .btn3-inner { transform: translateY(-100%); }

.txtara1{ width:100%;height: 50px;  border-radius:10px; border:1px solid var(--grey6); background:#fff; border-radius: 10px; padding:10px; transition: all 0.5s ease; font-size: 16px; line-height: 24px; color:var(--grey3); }
.txtara1:hover,.txtara1:focus{box-shadow: 0px 10px 25px -5px rgba(0, 0, 0, 0.1); outline: none; border:1px solid var(--grey6);}

.btn4 {position: relative;display: inline-block;overflow: hidden;  border-radius: 30px;border: 1px solid var(--blue); background: var(--blue);
  cursor: pointer; padding: 0; transition: background-color .5s cubic-bezier(1,0,.01,1);}
.btn4-inner {position: relative; display: block; transition: transform .5s cubic-bezier(1,0,.01,1);}
.roll-btn-text4 {display: flex; align-items: center; justify-content: center;gap: 8px;padding: 15px 25px; font-size: 15px; line-height: 15px;  font-weight: 600; color: #fff;  background: var(--blue);
  white-space: nowrap;}
.roll-btn-text4.roll-btn-text4a {position: absolute;  top: 100%; left: 0;  right: 0;  background: #fff;  color: var(--blue);}
.roll-btn-text4 .arrow-icon {width: 16px;    height: auto;  flex-shrink: 0;}
.btn4:hover { background: #fff; }
.btn4:hover .btn4-inner { transform: translateY(-100%); }

.gap5{--bs-gutter-x: 20px;--bs-gutter-y: 20px;}

.sec-refer-1 { background: url(../images/bg-careers-1.webp)no-repeat bottom/cover;}
.sec-refer-1a{ background: var(--grey); 
box-sizing: border-box;   /* padding counts INSIDE the width */
  aspect-ratio: 1 / 1;
  width: 100%;              /* or a fixed width */
  max-width: 280px;         /* optional cap */
  border-radius: 50%;       /* 50% is safer than 100% */
  padding: 50px;
  display: flex;            /* not inline-flex */
  align-items: center;
  justify-content: center;
  text-align: center;


}
.text18{font-family: 'Aperto'; font-size: 60px; line-height:60px;}
.d-flx-refer{ display: flex; justify-content: center;}
.sec-refer-2a{ padding: 30px; border:1px solid var(--grey6); border-radius: 10px;}

#accrdterms .accordion-item{ border: 0px;}
#accrdterms .accordion-button:not(.collapsed){ background: none; box-shadow: none;}
#accrdterms .accordion-header{ padding: 0px 20px;font-size: 18px;font-weight: 500;color: var(--blue);}
#accrdterms .accordion-button::after {width: 13px;background: url(../images/icon-chevron-up-blue.svg)no-repeat 0px 0px;}
.sec-refer-2b{padding: 15px;border: 1px solid var(--grey6); border-radius: 10px;}






@media (max-width: 1367px) {}


@media (max-width: 992px) {
.wdt12,.wdt13{width: auto;}
.img-mob-wrap { aspect-ratio: 1 / 0.5;  object-fit: cover; }
.img-mob-wrap img { width: 100%;  height: 100%;  object-fit: cover; }
.sec-about-1 {background: url(../images/bg-about.webp)no-repeat top center/cover;} 
.sec-abt-2 .aside{ width: 100%;}
}



@media (max-width: 640px) {
.img-mob-wrap { aspect-ratio: 1 / 1;  } 
.d-flx-cp div{flex:  1 1 100%; } 
.sec-refer-1 {background: url(../images/bg-careers-1.webp)no-repeat bottom/100%;}
.sec-refer-2a {padding: 15px;}
#accrdterms .accordion-header {padding: 0px; font-size: 16px;}
}

@media (max-width: 450px) {
 
}