/*-- faq-sec --*/

.faq-block .faq-bd-wrapper .faq-bd .acc-head h4::after,
.faq-block .faq-bd-wrapper .faq-bd .acc-head.active h4:after {
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right top;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translatey(-50%);
     font-family: "FontAwesome";
    display: flex;
}

.faq-block {    margin: 0;    padding:50px 0;    background: #fff; }

.faq-block .sec-title { margin:0; padding:0; }

.faq-block .sec-title h2 {	margin: 0;	padding: 0 0 15px 0; } 

.faq-block .faq-bd-wrapper {    margin: 0;    padding: 0;
    display: flex;    align-items: start; }

.faq-block .faq-bd-wrapper .left-block {    margin: 0;    padding: 0;
    width: 30%;    position: -webkit-sticky;    position: sticky;    top: 80px; }

.faq-block .faq-bd-wrapper .left-block img {    width: 100%;}
.faq-block .faq-bd-wrapper .faq-bd {    margin: 0 auto;    padding: 0;    width: 70%; }

.faq-block .faq-bd-wrapper .faq-bd h4.ui-accordion-header-active {    border-radius: 6px 6px 0 0; }
.faq-block .faq-bd-wrapper .faq-bd .acc-head h4::after {    content: "\2b";    display: flex;    align-items: center;
    justify-content: center; }
.faq-block .faq-bd-wrapper .faq-bd .acc-head.active h4:after {    content: "\f068";    width: 20px;    font-weight: 800;
    font-size: 17px;    align-items: center;    justify-content: center; }

.faq-block .faq-bd-wrapper .faq-bd .acc-head h4::after {    content: "\2b";    font-weight: 700;    font-size: 31px;
    align-items: center;    justify-content: center; }

.faq-block .faq-bd-wrapper .faq-bd .acc,
.faq-block .faq-bd-wrapper .faq-bd .acc-head {    margin: 0;    padding: 0; }
.faq-block .faq-bd-wrapper .faq-bd .acc-head h4 {	font-size: 24px;	color: #fff;	line-height: 30px;
	font-weight: 500;	display: block;	cursor: pointer;
	position: relative;	margin-top: 10px;	padding: 19px 52px 19px 22px;	border: 1px solid #b8b8b8;	border-radius: 6px;
	background: #38395f; }

.faq-block .faq-bd-wrapper .faq-bd .acc-content {    margin: 0;    padding: 0;
    display: none; }
.faq-block .faq-bd-wrapper .faq-bd .acc-content p {	margin: 0;	border-radius: 6px;	padding: 13px 2px;	height: auto !important;
	font-size: 16px;	line-height: 27px;	color: #38395f;	font-weight: 400; }
.faq-block .faq-bd-wrapper .faq-bd .acc-content ul {    margin: 0;    padding: 0 0 0 13px;    display: flex;
 flex-wrap: wrap; }
 
.faq-block .faq-bd-wrapper .faq-bd .acc-content ul li {    margin: 0 10px;    padding: 10px 2px;
 height: auto !important; font-size: 16px;    line-height: 25px;    color: #000;    font-weight: 400;
 list-style-type: disc;  width: 47%; }
/*----faq-block-end----*/

/*----*/


/*----westriveexcellence----*/
    
    .westriveexcellence { margin:0; padding:46px 0 60px 0; background: #ebeff3;}
    
    .westriveexcellence .sec-title {	margin: 0;	padding: 0 0 37px 0; }
    .westriveexcellence .sec-title h2 {  font-family: Inter;  font-weight: 600;  font-size: 40px;
    line-height: 100%;  letter-spacing: 3%;  text-align: center;
    text-transform: capitalize;  color: #030303; }
    
    .westriveexcellence .accordion-container { display: flex; height: 412px;  margin: auto; overflow: hidden; }
    
    .westriveexcellence .accordion-01item {	flex: 0.4;	background-color: #fff;	position: relative;
    overflow: hidden;	transition: flex 0.5s ease;	/*transition: flex 0.5s cubic-bezier(.68,-0.55,.27,1.55);*/	cursor: pointer;
    border-radius: 19px;	margin: 0 14px;	padding: 0;
    overflow: hidden; }
    
    .westriveexcellence .accordion-01item.active {  flex: 3;  }
    .westriveexcellence .accordion-01item.active .first-view {  visibility: hidden;  opacity: 0;  display: none; }
    
    .westriveexcellence .accordion-01item.active .second-view {  display: flex;
    visibility: visible;  opacity: 1;  width: 100%;
    position: absolute;  z-index: 1;  background: #fff;
    left: 0;  top: 0;  height: 100%; }
    
    
    .westriveexcellence .accordion-01item .first-view { margin:0 auto; padding:14px 20px;  position: relative;width: 100%;height: 100%;text-align: center;display: flex;align-items: center;justify-content: start;flex-direction: column;z-index: 5;visibility: visible;opacity: 1;}
    .westriveexcellence .accordion-01item .first-view .accordion-number { margin:0; padding:0;  width: 73px;height: 73px;background: #EBEFF3;font-family: Inter;font-weight: 600;font-size: 22px;line-height: 100%;letter-spacing: 0%;text-align: center;text-transform: capitalize;display: flex;align-items: center;justify-content: center;border-radius: 50%;color: #38395F;}
    
    .westriveexcellence .accordion-01item .first-view h3 {  position: absolute;  bottom: 326px;  left: 20%;  top: auto;
    margin: 0;  z-index: 1;  inline-size: 350px;  overflow: hidden;  display: -webkit-box;
    -webkit-line-clamp: 2;  line-clamp: 2;  -webkit-box-orient: vertical;
    -khtml-transform: translateX(-50%) translateY(0) rotate(180deg);
    -moz-transform: translateX(-50%) translateY(0) rotate(180deg);
    -ms-transform: translateX(-50%) translateY(0) rotate(180deg);
    -o-transform: translateX(-50%) translateY(0) rotate(180deg);
    transform: translateX(-90%) translateY(-198%) rotate(-90deg);
    transform-origin: bottom right;  font-weight: 500;  font-family: Inter;  font-weight: 600;
    font-size: 22px;  line-height: 100%;  letter-spacing: 0%;  text-align: left;
    text-transform: capitalize;  color: #00112E; }
    
    .westriveexcellence .accordion-01item .first-view h3 span { margin:0; padding:0; /*! transform: rotate(-90deg); */display: block;width: 100%;height: 100%;/*! transform: translateX(-90%) translateY(-50%) rotate(-90deg); */}
    
    .westriveexcellence .accordion-01item .second-view { margin:0; padding:0; display: flex; visibility:hidden; opacity:0; width: 100%;position: absolute;z-index: 1;background: #fff;left: 0;top: 0;height: 100%;}
    /*.westriveexcellence .accordion-01item.active .second-view { margin:0; padding:0;  display: flex; 
      visibility:visible; opacity:1; width: 100%;flex-wrap: wrap; }*/
    
    .westriveexcellence .accordion-01item .second-view .imgsec { margin:0; padding:0;  width: 437px;border-radius: 18px;overflow: hidden;}
    .westriveexcellence .accordion-01item .second-view .imgsec img {  width: 100%;height: 100%;
      object-fit: cover; transform: scale(0.8); transition: all 0.3s;  transition: width 2s; }
    
    .westriveexcellence .accordion-01item.active .second-view .imgsec img {  transform: scale(1);  transition: width 2s;}
    
    .westriveexcellence .accordion-01item .second-view .textsec {  margin: 14px 20px;  padding: 92px 0 0 31px;
    width: 46%;  position: relative; }
    .westriveexcellence .accordion-01item .second-view .textsec .accordion-number {    margin: 0;padding: 0;width: 73px;height: 73px;background: #EBEFF3;font-family: Inter;font-weight: 600;font-size: 22px;line-height: 100%;letter-spacing: 0%;text-align: center;text-transform: capitalize;display: flex;align-items: center;justify-content: center;border-radius: 50%;color: #38395F;position: absolute;right: 0;top: -1px;}
    
    .westriveexcellence .accordion-01item .second-view .textsec h3 {  margin: 0;  padding: 10px 0;  font-family: Inter;
    font-weight: 600;  font-size: 22px;  line-height: 100%;  letter-spacing: 0%;  text-align: left;
    text-transform: uppercase; color: #000; }
    
    .westriveexcellence .accordion-01item .second-view .textsec p { margin:0; padding:0;  font-family: Inter;font-weight: 500;font-size: 15px;line-height: 28px;letter-spacing: 0%;text-transform: capitalize;color: #3F4C62;}

/*westriveexcellence*/










