/* google fonts */
@font-face {
  font-family: "Bell MT";
  src: url("/assets/font/BellMTBold.eot");
  src: url("BellMTBold.eot?#iefix") format("embedded-opentype"),
    url("/assets/font/BellMTBold.woff2") format("woff2"),
    url("/assets/font/BellMTBold.woff") format("woff"),
    url("/assets/font/BellMTBold.ttf") format("truetype"),
    url("/assets/font/BellMTBold.svg#BellMTBold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap");
/* google fonts */

/* default style */
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
strong,
i,
ol,
ul,
li,
form,
label,
footer,
header,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
}

a {
  text-decoration: none;
}

button:focus,
a:focus,
input:focus,
textarea:focus,
select:focus {
  outline: none;
}

body {
  font-family: "Lora", serif;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

main {
  overflow: hidden;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px #D3B583 inset !important;
  box-shadow: 0 0 0 1000px #D3B583 inset !important;
  -webkit-text-fill-color: #4A4A4A !important;
 
}

:root {
  --primary-color: #0B3C49;
  --secondary-color: #BE8A37;
  --title-color: #1C1C1C;
  --description-color: #2E2E2E;
  --white: #fff;
  --text-xlg: 64px;
  --text-lg: 48px;
  --text-md: 32px;
  --text-smd: 24px;
  --text-reg: 18px;
  --text-sm: 16px;
}

/* default style */

/* -----------sm form customization starts------------ */

.sm-form-container {
  padding: 76px 63px;
  background: var(--secondary-color, #BE8A37);
  box-shadow: 0px 4px 8px 0px rgba(190, 138, 55, 0.24);
  margin-top: -76px;
  z-index: 100;
  width: 100%;
  max-width: 782px;
}

.sm-form-container h1 {
  color: var(--white, #FFF);
  text-align: left;
  font-family: "Bell MT";
  font-size: var(--text-md);
  font-style: normal;
  font-weight: 700;
  line-height: 132%;
  /* 42.24px */
  letter-spacing: -0.32px;
  margin-bottom: 15px;
}

.sm-form-container p {
  color: var(--30-light-neutrals-04, #EBEBEB);
  font-family: Lora;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
}

.sm-form-container .line {
  border: 1px dashed var(--white);
  margin: 32px 0;
}

.sm-form-container form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.sm-form-container{
  position: absolute;
  top: 14%;
  left: 14%;
  width: 698px;
}

.sm-form-container .bi-form-terms{
  width: 100%;
  text-align: start;
  color: var(--white, #F5F5F5);
  font-family: Lora;
  font-size: var(--text-sm);
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 28.8px */
}

.sm-form-button-wrapper{
  width: 100%;
  display: flex;
  justify-content: start;
  align-items: center;
}

/* -----------sm form customization ends------------ */


/* sm common banner section customization */

/*  common banner section starts */
.sm-common-banner-section {
  width: 100%;
  height: 450px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: url('../images/bi-banner.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.sm-common-banner-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.60);
  /* Adjust the alpha value for transparency */
  z-index: 1;
}
/* sm common banner section customization ends */



/* --------------------- navbar top part starts ----------------------------- */
.sm--navbar-top-part {
  display: flex;
  width: 100%;
  height: 40px;
}

.sm--navbar-top-part .left-part {
  width: 25%;
  background-color: white;
  height: 100%;
}
.sm--navbar-top-part .right-part {
  width: 75%;
  height: 100%;
  background-color: var(--primary-color);
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 20px;
  padding-right: 100px;
  position: relative;
}
.sm--navbar-top-part .right-part .white-skew {
  width: 40px;
  height: 40px;
  background-color: var(--primary-color);
  position: absolute;
  left: -12px;
  transform: skew(30deg);
}
.sm--navbar-top-part .right-part .location-container {
  display: flex;
  gap: 8px;
  align-items: center;
}
.sm--navbar-top-part .right-part .location-container h4 {
  color: var(--Style-Guide-Nutral-B10, #fafafa);
  font-family: Lora;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 164%;
  text-transform: capitalize;
}
.sm--navbar-top-part .right-part .email-container {
  display: flex;
  gap: 8px;
  align-items: center;
}
.sm--navbar-top-part .right-part .email-container h4 {
  color: var(--Style-Guide-Nutral-B10, #fafafa);
  font-family: Lora;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 164%;
  text-transform: capitalize;
}

/* --------------------- navbar top part ends ----------------------------- */

/* --------------------- navbar section starts ----------------------------- */

.sm-nav-mobile-container{
  display: none;
}

.sm-nav-menu-icon{
  display: none;
}

.sm-navbar {
  width: 100%;
  padding: 12px 0px;
  position: relative;
  transition: ease-in-out 0.4s;
}

.sm-nav-menu-icon{
  cursor: pointer;
}

.sm-navbar-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sm-navbar-wrapper .logo-and-social-wrapper {
  width: 100%;
  display: flex;
  gap: 233px;
  align-items: center;
  align-items: center;
}
.sm-navbar-wrapper .logo-container {
  width: 120px;
  height: 77px;
}
.sm-navbar-wrapper .logo-container img {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.sm-sign-up-btn-container {
  display: flex;
  gap: 10px;
  border: 1px solid var(--10-primary-primary-1, #0b3c49);
  padding: 12px 24px;
  height: fit-content;
  align-items: center;
  transition: ease-in-out 0.4s;
}
.sm-sign-up-btn-container:hover {
  background-color: var(--primary-color);
  color: white;
  transition: ease-in-out 0.4s;
}
.sm-sign-up-btn-container:hover a {
  color: white;
  transition: ease-in-out 0.4s;
}

.sm-sign-up-btn-container:hover svg {
  filter: brightness(0) invert(1);
  transition: ease-in-out 0.4s;
}

.sm-sign-up-btn-container a {
  color: var(--10-primary-primary-1, #0b3c49);
  font-family: Lora;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 164%;
  text-transform: capitalize;
  text-wrap: nowrap;
}



.sm-sign-up-btn-container2 {
  display: flex;
  gap: 10px;
  border: 1px solid var(--10-primary-primary-1, #0b3c49);
  padding: 12px 24px;
  height: fit-content;
  align-items: center;
  transition: ease-in-out 0.4s;
  background-color: #be8a37;
}
.sm-sign-up-btn-container2:hover {
  background-color: var(--primary-color);
  color: white;
  transition: ease-in-out 0.4s;
}
.sm-sign-up-btn-container2:hover a {
  color: white;
  transition: ease-in-out 0.4s;
}

.sm-sign-up-btn-container2:hover svg {
  filter: brightness(0) invert(1);
  transition: ease-in-out 0.4s;
}

.sm-sign-up-btn-container2 a {
  color: var(--10-primary-primary-1, #0b3c49);
  font-family: Lora;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 164%;
  text-transform: capitalize;
  text-wrap: nowrap;
}




.sm-menu-and-button-container {
  display: flex;
  gap: 120px;
  cursor: pointer;
}

.sm-menu-and-button-container .menu-container {
  display: flex;
  gap: 40px;
  align-items: center;
}
.sm-menu-and-button-container .menu-container li a {
  color: var(--Text-Heading, #0d0d0d);
  font-family: Lora;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  text-wrap: nowrap;
  cursor: pointer;
}

.nav-active{
  color: var(--secondary-color) !important;
}

.sm-social-icon-container {
  display: flex;
  align-items: center;
  gap: 14px;
}
.sm-social-icon-container a {
  border-radius: 20px;
  border: 1.5px solid var(--30-dark-neutrals-03, #2e2e2e);
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7px;
  transition: ease-in-out 0.4s;
}
.sm-social-icon-container a:hover {
  background-color: var(--primary-color);
  transition: ease-in-out 0.4s;
}

.sm-social-icon-container a img {
  width: 100%;
  height: 100%;
}
.sm-social-icon-container a:hover img {
  filter: brightness(0) invert(1);
  transition: ease-in-out 0.4s;
}
.sm-social-icon-container a:hover svg {
  filter: brightness(0) invert(1);
  transition: ease-in-out 0.4s;
}

/* --------------------- navbar section ends ----------------------------- */

/* --------------------- hero section starts ------------------------------ */

.sm-home-hero-container {
  display: flex;
  width: 100%;
  padding-top: 8px;
  align-items: center;
}
.sm-home-hero-container .hero-left {
  width: 36%;
  background-color: white;
  margin-left: 5%;
  position: relative;
  height: 971px;
}
.sm-home-hero-container .hero-left .text-container {
  background-color: white;
  padding: 32px 100px 32px 32px;
  position: absolute;
  top: 15%;
  width: 120%;
  z-index: 2;
}
.sm-home-hero-container .hero-left .text-container h1 {
  color: var(--title-color);
  font-family: "Bell MT";
  font-size: 80px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
  letter-spacing: -1.6px;
  padding-bottom: 20px;
}
.sm-home-hero-container .hero-left .text-container .style-text1 {
  color: white;
  background: linear-gradient(
    to right,
    var(--primary-color) 60%,
    var(--secondary-color)
  );
  height: fit-content;
}
.sm-home-hero-container .hero-left .text-container .style-text2 {
  color: white;
  background: linear-gradient(
    to right,
    var(--primary-color) 60%,
    var(--secondary-color)
  );
}
.sm-home-hero-container .hero-left .text-container p {
  color: var(--Text-Body, #2e2e2e);
  font-family: Lora;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  padding-bottom: 40px;
  width: 95%;
}
.sm-home-hero-container .hero-right {
  height: 971px;
  width: 64%;
}
.sm-home-hero-container .hero-right img {
  width: 100%;
  height: 100%;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  object-fit: cover;
}

.sm-hero-btn-container a {
  display: flex;
  gap: 10px;
  background-color: var(--primary-color);
  padding: 12px 24px;
  width: fit-content;
  color: white;
  font-family: Lora;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 164%;
  text-transform: capitalize;
  transition: ease-in-out 0.4s;
}
.sm-hero-btn-container a:hover {
  background-color: var(--secondary-color);
  transition: ease-in-out 0.4s;
}

/* --------------------- hero section ends ------------------------------ */

/* --------------------- why choose us section starts --------------------- */

.sm-why-choose-us-section-wrapper {
  display: flex;
  position: relative;
}

.sm-why-choose-us-section-wrapper .why-choose-us-left {
  width: 39.3%;
  height: 790px;
}

.sm-why-choose-us-section-wrapper .why-choose-us-left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sm-why-choose-us-section-wrapper .why-choose-us-right {
  width: 60.7%;
  background-color: white;
  height: 790px;
  display: flex;
  align-items: center;
}

.why-choose-us-text-wrapper {
  padding-left: 178px;
  padding-top: 100px;
}
.why-choose-us-text-wrapper .choose-us-subtitle {
  display: flex;
  gap: 8px;
  align-items: center;
  padding-bottom: 16px;
}

.why-choose-us-text-wrapper .choose-us-subtitle h4 {
  color: var(--10-primary-primary-2, #be8a37);
  text-align: center;
  font-family: "Bell MT";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 132%;
  letter-spacing: -0.18px;
}

.why-choose-us-text-wrapper .choose-us-title {
  color: var(--30-dark-neutrals-04, #1c1c1c);
  font-family: "Bell MT";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 132%;
  letter-spacing: -0.48px;
  padding-bottom: 20px;
}

.why-choose-us-text-wrapper .choose-us-description {
  color: var(--Text-Body, #2e2e2e);
  font-family: Lora;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  padding-bottom: 40px;
  width: 75%;
}

.choose-us-satisfaction-rate {
  padding-bottom: 25px;
}
.choose-us-satisfaction-rate .rate {
  display: flex;
  gap: 12px;
  align-items: center;
  padding-bottom: 15px;
}

.choose-us-read-more-btn-container a {
  padding: 12px 24px;
  display: flex;
  align-items: center;
  background-color: var(--primary-color);
  color: white;
  font-family: Lora;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 164%;
  text-transform: capitalize;
  width: fit-content;
  gap: 10px;
  transition: ease-in-out 0.4s;
}
.choose-us-read-more-btn-container a:hover {
  background-color: var(--secondary-color);
  transition: ease-in-out 0.4s;
}

/* ---------counter wrapper starts--------------- */

.why-choose-us-counter-wrapper {
  padding: 50px 60px;
  background-color: var(--primary-color);
  position: absolute;
  top: -120px;
  right: 0;
  display: flex;
  width: 72%;
  justify-content: space-between;
  z-index: 10;
}
.why-choose-us-counter-wrapper .count-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.why-choose-us-counter-wrapper .count-box .box {
  display: flex;
}
.why-choose-us-counter-wrapper .count-box h3 {
  color: var(--30-light-neutrals-01, #fff);
  text-align: center;
  font-family: "Bell MT";
  font-size: 80px;
  font-style: normal;
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -1.6px;
}
.why-choose-us-counter-wrapper .count-box p {
  color: var(--30-light-neutrals-03, #f5f5f5);
  text-align: center;
  font-family: Lora;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
}

/* --------- counter wrapper ends --------------- */

/* --------------------- why choose us section ends ----------------------- */

/* --------------------- our practice area section starts ------------------- */

.sm-our-practice-area-section {
  padding-top: 120px;
  padding-bottom: 120px;
  background: var(
    --Lenear-3,
    linear-gradient(
      270deg,
      rgba(11, 60, 73, 0.05) 40.21%,
      rgba(190, 138, 55, 0.05) 100%
    )
  );
}

.practice-area-title-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 60px;
}
.practice-area-title-container .practice-area-title-wrapper {
  display: flex;
  gap: 10px;
  align-items: center;
  padding-bottom: 16px;
}
.practice-area-title-container .practice-area-title-wrapper h4 {
  color: var(--10-primary-primary-2, #be8a37);
  text-align: center;
  font-family: "Bell MT";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 132%;
  letter-spacing: -0.18px;
  transition: ease-in-out 0.4s;
}
.practice-area-title-container h3 {
  color: var(--30-dark-neutrals-04, #1c1c1c);
  text-align: center;
  font-family: "Bell MT";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 132%;
  letter-spacing: -0.48px;
  transition: ease-in-out 0.4s;
}

/* ---------- practice area case card ---------------- */

.sm-practice-area-case-card-wrapper {
  align-content: space-evenly;
  row-gap: 32px;
}

.practice-area-case-card .practice-area-image-container {
  width: 100%;
  height: 340px;
  position: relative;
  overflow: hidden;
  transition: ease-in-out 0.4s
}
.practice-area-case-card:hover .practice-area-image-container img {
 scale: 110%;
 transition: ease-in-out 0.4s
}

.practice-area-case-card .practice-area-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: ease-in-out 0.4s
}

.practice-area-card-text-container {
  padding: 60px 20px 32px 20px;
  border: 1.5px solid rgba(74, 74, 74, 0.2);
  background: var(--30-light-neutrals-01, #fff);
  border-top: 0px;
  transition: ease-in-out 0.6s;
  position: relative;
}

.practice-area-card-text-container h3 {
  color: var(--30-dark-neutrals-04, #1c1c1c);
  font-family: "Bell MT";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 132%;
  letter-spacing: -0.24px;
  padding-bottom: 16px;
  transition: ease-in-out 0.6s;
}

.practice-area-card-text-container p {
  color: var(--Text-Body, #2e2e2e);
  font-family: Lora;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  transition: ease-in-out 0.6s;
}

.practice-area-btn-container a {
  padding: 16px 32px;
  width: 100%;
  background: rgba(11, 60, 73, 0.1);
  display: flex;
  gap: 10px;
  align-items: center;
  color: var(--10-primary-primary-1, #0b3c49);
  font-family: Lora;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 164%;
  text-transform: capitalize;
  border: 1.5px solid rgba(74, 74, 74, 0.2);
  border-top: 0px;
  transition: ease-in-out 0.6s;
}

.practice-area-floating-icon-container {
  padding: 5px;
  border: 1.5px solid var(--10-primary-primary-1, #0b3c49);
  position: absolute;
  top: -80px;
  left: 20px;
  transition: ease-in-out 0.6s;
  z-index: 10;
}

.practice-area-btn-container a svg {
  transition: ease-in-out 0.6s;
}

.practice-area-floating-icon-container .floating-icon-box {
  padding: 26px;
  background: var(--10-primary-primary-1, #0b3c49);
  transition: ease-in-out 0.6s;
}

.practice-area-case-card:hover .floating-icon-box {
  background-color: var(--secondary-color);
  transition: ease-in-out 0.6s;
}
.practice-area-case-card:hover .practice-area-floating-icon-container {
  border: 1.5px solid var(--secondary-color);
  transition: ease-in-out 0.6s;
}
.practice-area-case-card:hover .practice-area-card-text-container h3 {
  color: var(--secondary-color);
  transition: ease-in-out 0.6s;
}

.practice-area-case-card:hover .practice-area-btn-container a {
  border: 1.5px solid var(--secondary-color);
  border-top: 0px;
  background: var(--secondary-color);
  color: white;
  transition: ease-in-out 0.6s;
}
.practice-area-case-card:hover .practice-area-btn-container a svg {
  filter: brightness(0) invert(1);
}
.practice-area-case-card:hover .practice-area-card-text-container {
  border: 1.5px solid var(--secondary-color);
  border-top: 0px;
  transition: ease-in-out 0.6s;
}

/* ----------------------- our practice area section ends ------------------- */

/* ----------------------- meet our legal experts section starts --------------  */
.meet-our-legal-experts-section {
  padding: 120px 0px;
}

.meet-our-legal-experts-text-container {
  padding-bottom: 60px;
  display: flex;
  align-items: start;
  flex-direction: column;
}
.meet-our-legal-experts-text-container .meet-our-legal-experts-title-wrapper {
  display: flex;
  gap: 8px;
  align-items: center;
  padding-bottom: 16px;
}
.meet-our-legal-experts-text-container h3 {
  color: var(--30-dark-neutrals-04, #1c1c1c);
  font-family: "Bell MT";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 132%;
  letter-spacing: -0.48px;
  padding-bottom: 24px;
}
.meet-our-legal-experts-text-container p {
  color: var(--Text-Body, #2e2e2e);
  font-family: Lora;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  width: 30%;
}

/* ------slider card------  */

/* owl button customization */
.meet-our-legal-experts-section .owl-nav {
  position: absolute;
  top: -110px;
  right: 5px;
  margin-bottom: 10px !important;
  display: flex;
  gap: 12px;
}
.meet-our-legal-experts-section .owl-nav .owl-prev {
  border: 1.5px solid var(--secondary-color) !important;
  width: 60px !important;
  height: 60px !important;
}
.meet-our-legal-experts-section .owl-nav .owl-prev:hover {
  border: 1.5px solid var(--secondary-color) !important;
  width: 60px !important;
  height: 60px !important;
  background-color: var(--primary-color) !important;
  transition: ease-in-out 0.5s;
}
.meet-our-legal-experts-section .owl-nav .owl-next {
  border: 1.5px solid var(--secondary-color) !important;
  width: 60px !important;
  height: 60px !important;
}
.meet-our-legal-experts-section .owl-nav .owl-next:hover {
  border: 1.5px solid var(--secondary-color) !important;
  width: 60px !important;
  height: 60px !important;
  background-color: var(--primary-color) !important;
  transition: ease-in-out 0.5s;
}

/* / team member end hare / */
/* ------------------------- meet our legal experts section ends --------------  */

/* -------------------------- client testimonial sections starts ---------------- */
.client-testimonial-section {
  width: 100%;
  display: flex;
  position: relative;
}
.client-testimonial-section .client-testimonial-left {
  width: 36%;
  background-color: white;
}
.client-testimonial-section .client-testimonial-right {
  width: 64%;
  background-color: red;
  height: 971px;
}
.client-testimonial-section .client-testimonial-right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.testimonial-slider {
  position: absolute;
  padding: 60px 80px 120px 80px;
  background-color: var(--secondary-color);
  top: 20%;
  left: 5%;
  width: 1000px;
}

.testimonial-text-container {
  display: flex;
  flex-direction: column;
}
.testimonial-text-container h3 {
  color: var(--60-background-white, #fff);
  font-family: "Bell MT";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 132%;
  letter-spacing: -0.48px;
  padding-bottom: 16px;
  width: fit-content;
}
.testimonial-text-container p {
  color: var(--60-background-white, #fff);
  font-family: Lora;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  padding-bottom: 32px;
  width: 80%;
}

.testimonial-items {
  padding: 64px;
  background-color: var(--primary-color);
}
.testimonial-items .profile-container {
  display: flex;
  justify-content: space-between;
}
.testimonial-items p {
  color: white;
  width: 90%;
  padding-bottom: 24px;
}

.testimonial-items .star-container {
  display: flex;
  gap: 4px;
  padding-bottom: 18px;
}
.testimonial-items .name-and-image-wrapper {
  display: flex;
  gap: 18px;
}

.testimonial-items .name-and-image-wrapper span {
  color: var(--30-light-neutrals-03, #f5f5f5);
  font-family: "Bell MT";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 132%;
  letter-spacing: -0.18px;
}

.testimonial-items .name-and-image-wrapper h3 {
  color: var(--30-light-neutrals-03, #f5f5f5);
  font-family: "Bell MT";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 132%;
  letter-spacing: -0.2px;
}

.name-and-image-wrapper .profile-image-container {
  width: 60px;
  height: 60px;
  border-radius: 100%;
}

.name-and-image-wrapper .profile-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100%;
}

/* owl button customization */
.testimonial-slider-wrapper .owl-nav {
  position: absolute;
  bottom: -80px;
  left: 5px;
  margin-bottom: 10px !important;
  display: flex;
  gap: 12px;
}

.testimonial-slider-wrapper .owl-nav .owl-prev {
  border: 1.5px solid white !important;
  width: 60px !important;
  height: 60px !important;
}

.testimonial-slider-wrapper .owl-nav .owl-prev:hover {
  border: 1.5px solid var(--secondary-color) !important;
  width: 60px !important;
  height: 60px !important;
  background-color: var(--primary-color) !important;
  transition: ease-in-out 0.5s;
}

.testimonial-slider-wrapper .owl-nav .owl-next {
  border: 1.5px solid white !important;
  width: 60px !important;
  height: 60px !important;
}

.testimonial-slider-wrapper .owl-nav .owl-next:hover {
  border: 1.5px solid var(--secondary-color) !important;
  width: 60px !important;
  height: 60px !important;
  background-color: var(--primary-color) !important;
  transition: ease-in-out 0.5s;
}

/* ---------------------------- client testimonial sections ends ---------------- */

/* ---------------------------- faq section starts ------------------------------- */

.faq-section-wrapper {
  display: flex;
  width: 100%;
}
.faq-section-wrapper .faq-left {
  width: 28%;
  height: 1561px;
  position: relative;
}
.faq-section-wrapper .faq-left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.faq-section-wrapper .faq-right {
  width: 72%;
  display: flex;
  justify-content: center;
  padding-left: 500px;
  padding-right: 100px;
  flex-direction: column;
  position: relative;
  padding-bottom: 280px;
}

.faq-text-container {
  display: flex;
  flex-direction: column;
  align-self: center;
  gap: 8px;
  padding-bottom: 16px;
}
.faq-text-container h3 {
  color: var(--30-dark-neutrals-04, #1c1c1c);
  font-family: "Bell MT";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 132%;
  letter-spacing: -0.48px;
  padding-bottom: 10px;
}
.faq-text-container p {
  color: var(--Text-Body, #2e2e2e);
  font-family: Lora;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  padding-bottom: 40px;
  width: 80%;
}

.faq-title-container span {
  color: var(--10-primary-primary-2, #be8a37);
  text-align: center;
  font-family: "Bell MT";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 132%;
  letter-spacing: -0.18px;
}

/* accordion customize */

.accordion-button {
  color: var(--30-dark-neutrals-05, #0d0d0d);
  font-family: "Bell MT";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 132%;
  letter-spacing: -0.24px;
  padding: 32px;
}

.accordion-body {
  color: var(--30-light-neutrals-03, #f5f5f5);
  font-family: Lora;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  background-color: var(--primary-color);
  padding: 32px;
  border: 0;
}

.accordion-button:not(.collapsed) {
  color: white;
  background-color: var(--primary-color) !important;
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0
    var(--bs-accordion-border-color);
  border: 0;
}

.accordion {
  border-radius: var(--Radius-radius-none, 0px);
  border: 1px solid var(--30-shades-01, #ededec);
  background: var(--30-light-neutrals-01, #fff);
}

.accordion-button::after {
  flex-shrink: 0;
  margin-left: auto;
  content: "";
  display: flex;
  height: 40px;
  width: 40px;
  justify-content: center;
  align-items: center;
  background-position: center;
  background-image: url('/assets/images/minus.png');
  background: var(--10-primary-primary-2, #be8a37);
  box-shadow: 0px 12px 24px 0px rgba(190, 138, 55, 0.12);
  background-repeat: no-repeat;
  transition: var(--bs-accordion-btn-icon-transition);
}

.accordion-button:not(.collapsed)::after {
  background-image: url('/assets/images/minus.png');
  transform: var(--bs-accordion-btn-icon-transform);
  height: 40px;
  width: 40px;
  justify-content: center;
  align-items: center;
  background-position: center;
  display: flex;
}

.accordion-button:focus {
  z-index: 3;
  border: 0;
  outline: 0;
  box-shadow: none
}

.accordion-button.collapsed::after {
  background: var(--10-primary-primary-2, white);
  box-shadow: 0px 12px 24px 0px rgba(190, 138, 55, 0.12);
  background-repeat: no-repeat;
  background-image: url('/assets/images/plus.png');
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: center;
}


/* ------------------------------ faq section ends ------------------------------- */

/* --------------------------------take the first step --------------------------- */

.take-first-look-container{
  
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: -220px;
  right: 0;
  gap: 70px;
  
  width: 1600px;
  align-items: center;
  background-position: center;
  background-size: cover;
  margin-bottom: -200px;
  z-index: 50;
}

.take-first-look-container .text-container{
  padding: 100px;
}

.take-first-look-container .text-container h3{
  color: var(--60-background-white, #FFF);
font-family: "Bell MT";
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 132%; 
letter-spacing: -0.48px;
padding-bottom: 24px;
}

.take-first-look-container .text-container p{
  color: var(--30-light-neutrals-01, #FFF);
font-family: Lora;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 180%; 
padding-bottom: 40px;
}
.take-first-look-container .button-container a{
 padding: 16px 32px;
 display: flex;
 justify-content:  center;
 align-items: center;
 background-color: var(--primary-color);
 gap: 16px;
 color: white;
 font-size: 18px;
 width: fit-content;
 transition: ease-in-out 0.4s;
}
.take-first-look-container .button-container a:hover{
  transition: ease-in-out 0.4s;
  background-color: #0b3c49dc;

}
.take-first-look-container .image-container {
width: 546px;
height: 100%;
}
.take-first-look-container .image-container img{
width: 100%;
object-fit: cover;
height: 100%;
}




/* --------------------------------take the first step --------------------------- */



/* ============================================================== Bishal  Starts  Here ============================================================= */

/*  common banner section starts */
.bi-common-banner-section {
  width: 100%;
  height: 374px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: url('../images/bi-banner.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.bi-common-banner-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.60);
  /* Adjust the alpha value for transparency */
  z-index: 1;
}

.bi-banner-heading {
  color: var(--white);
  text-align: center;
  font-family: "Bell MT";
  font-size: var(--text-xlg);
  font-style: normal;
  font-weight: 700;
  line-height: 84.48px;
  letter-spacing: -0.64px;
  z-index: 2;
}

.bi-hamburger-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}

.bi-hamburger-container ul {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bi-hamburger-container ul li {
  display: flex;
  justify-content: center;
  align-items: center;
}

.bi-hamburger-container ul li a {
  font-size: var(--text-sm);
  font-style: normal;
  font-weight: 600;
  line-height: 164%;
  /* 26.24px */
  text-transform: capitalize;

}

.bi-hamburger-container ul li:first-child a {
  color: var(--white);
}

.bi-hamburger-container ul li:first-child::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url('../images/arrow-right.png');
  margin: 0 8px;
  background-repeat: no-repeat;
  background-size: cover;
}

.bi-hamburger-container ul li:last-child a {
  color: var(--secondary-color);
}

/* banner section ends */


/* team details section starts */

.bi-team-details-section {
  padding: 120px 100px;
}

.bi-team-details-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 178px;
}


.bi-team-details-image {
  width: 45%;
  height: 100%;
  max-width: 693px;
  max-height: 1372px;
  padding-top: 30px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: var(--secondary-color);
}

.bi-team-details-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bi-team-details-info {
  width: 55%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  row-gap: 32px;
}

.bi-details-info-name {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
}

.bi-details-info-name h1 {
  color: var(--title-color);
  font-family: "Bell MT";
  font-size: var(--text-lg);
  font-style: normal;
  font-weight: 700;
  line-height: 132%;
  /* 63.36px */
  letter-spacing: -0.48px;
}

.bi-details-info-name p {
  color: var(--secondary-color, #BE8A37);
  font-family: "Bell MT";
  font-size: var(--text-smd);
  font-style: normal;
  font-weight: 700;
  line-height: 132%;
  /* 31.68px */
  letter-spacing: -0.24px;
}

.bi-details-info-about {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
}

.bi-details-info-about h2 {
  color: var(--title-color, #0D0D0D);
  font-family: Lora;
  font-size: var(--text-md);
  font-style: normal;
  font-weight: 600;
  line-height: 132%;
  /* 42.24px */
  letter-spacing: -0.64px;
}

.bi-details-info-about p {
  color: var(--title-color, #0D0D0D);
  font-family: Lora;
  font-size: var(--text-reg);
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  /* 32.4px */
}


.bi-details-info-socials {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}

.bi-details-info-socials span {
  color: var(--title-color, #0D0D0D);
  font-family: Lora;
  font-size: var(--text-smd);
  font-style: normal;
  font-weight: 600;
  line-height: 132%;
  /* 31.68px */
  letter-spacing: -0.48px;
}

.bi-socials-links {
  display: flex;
  gap: 8px;
}

.bi-socials-links a {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.3s ease-in-out;
}

.bi-socials-links a img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.bi-socials-links a:hover {
  animation: bounce 0.5s ease-in-out;
}

@keyframes bounce {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }
}

.bi-details-info-education {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
}

.bi-details-info-education h1 {
  color: var(--title-color, #0D0D0D);
  font-family: Lora;
  font-size: var(--text-md);
  font-style: normal;
  font-weight: 600;
  line-height: 132%;
  /* 42.24px */
  letter-spacing: -0.64px;
}

.bi-details-info-education>p {
  color: var(--title-color, #0D0D0D);
  font-family: Lora;
  font-size: var(--text-reg);
  font-style: normal;
  font-weight: 400;
  line-height: 32.4px;

  margin-bottom: 8px;
}

.bi-education-list-container {
  width: 100%;
}

.bi-education-list-container ul {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.bi-education-list {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border: none;
  border-left: 1px solid rgba(190, 138, 55, 0.2);
  padding-left: 47px;
  position: relative;
  padding-bottom: 65px;
}

.bi-education-list:last-child {
  border: none;
  padding-bottom: 0;
}

.bi-education-list::before {
  background-image: url('../images/Ellipse\ 407.png');
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  /* Adjust the path to where your SVG file is located */
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  left: -15px;

}

.institution-name {
  width: 50%;
}

.education-heading {
  color: var(--title-color, #0D0D0D);
  font-family: Lora;
  font-size: var(--text-smd);
  font-style: normal;
  font-weight: 600;
  line-height: 132%;
  /* 31.68px */
  letter-spacing: -0.48px;
}

.education-subheading {
  color: var(--title-color, #0D0D0D);
  font-family: Lora;
  font-size: var(--text-reg);
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  /* 32.4px */
}

.area-of-education {
  width: 50%;
}

.bi-details-info-skills {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
}

.bi-details-info-skills>h1 {
  color: var(--title-color, #0D0D0D);
  font-family: Lora;
  font-size: var(--text-md);
  font-style: normal;
  font-weight: 600;
  line-height: 132%;
  /* 42.24px */
  letter-spacing: -0.64px;
}

.bi-details-info-skills>p {
  color: var(--title-color, #0D0D0D);
  font-family: Lora;
  font-size: var(--text-reg);
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  margin-bottom: 8px;
  /* 32.4px */
}

.bi-details-info-skills-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.bi-skill-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.bi-skill-item p {
  width: 100%;
  display: flex;
  justify-content: space-between;

}

.bi-skill-item p span {
  color: var(--title-color, #0D0D0D);
  font-family: Lora;
  font-size: var(--text-sm);
  font-style: normal;
  font-weight: 600;
  line-height: 164%;
  /* 26.24px */
  text-transform: capitalize;
}

.bi-progress-bar {
  width: 100%;
  height: 8px;
  background-color: #E7ECED;
}

.bi-skill-bar {
  height: 100%;
  background-color: var(--secondary-color);
}

.bi-skill-bar.bar-1 {
  width: 80%;
  animation: progress-bar-1 3s ease-in-out;

}

.bi-skill-bar.bar-2 {
  width: 70%;
  animation: progress-bar-2 3s ease-in-out;
}

.bi-skill-bar.bar-3 {
  width: 75%;
  animation: progress-bar-3 3s ease-in-out;

}

@keyframes progress-bar-1 {
  from {
    width: 0
  }

  to {
    width: 80%
  }
}

@keyframes progress-bar-2 {
  from {
    width: 0
  }

  to {
    width: 70%
  }
}

@keyframes progress-bar-3 {
  from {
    width: 0
  }

  to {
    width: 75%
  }
}

/* team details section ends */


/* Contact us form page starts */

.bi-contact-us-card-section {
  padding: 120px 246px;
  background-color: #fbf9f5;
}

.bi-card-header {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 60px;
  justify-content: center;
  align-items: center;
}

.bi-card-header h2 {
  text-align: center;
  color: var(--title-color, #0D0D0D);
  font-family: "Bell MT";
  font-size: var(--text-xlg);
  font-style: normal;
  font-weight: 700;
  line-height: 132%;
  /* 84.48px */
  letter-spacing: -0.64px;
}

.bi-card-header p {
  color: var(--title-color, #2E2E2E);
  text-align: center;
  font-family: Lora;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  /* 32.4px */
}


.bi-contact-card {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 40px 32px;
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  transition: all 0.5s ease-in-out;
}
.bi-contact-card:hover{
  background-color: var(--primary-color);
  transform: scale(1);
}
.bi-contact-card:hover h4 {
  color: var(--white);
}
.bi-contact-card:hover p{
  color: var(--white);
}
.bi-card-image {
  width: 92px;
  height: 92px;
  margin-bottom: 32px;
}

.bi-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bi-contact-card h4 {
  margin-bottom: 12px;
  color: #0B3C49;
  text-align: center;
  font-family: Lora;
  font-size: var(--text-smd);
  font-style: normal;
  font-weight: 600;
  line-height: 164%;
  /* 39.36px */
  text-transform: uppercase;
}

.bi-contact-card p {
  color: var(--title-color, #2E2E2E);
  text-align: center;
  font-family: Lora;
  font-size: var(--text-sm);
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  /* 28.8px */
}

.bi-contact-us-form-section {
  padding-bottom: 120px;
}

.bi-form-container {
  padding: 76px 63px;
  background: var(--secondary-color, #BE8A37);
  box-shadow: 0px 4px 8px 0px rgba(190, 138, 55, 0.24);
  margin-top: -76px;
  z-index: 100;
  width: 100%;
  max-width: 782px;
}

.bi-form-container h1 {
  color: var(--white, #FFF);
  text-align: center;
  font-family: "Bell MT";
  font-size: var(--text-md);
  font-style: normal;
  font-weight: 700;
  line-height: 132%;
  /* 42.24px */
  letter-spacing: -0.32px;
  margin-bottom: 15px;
}

.bi-form-container p {
  color: var(--30-light-neutrals-01, #FFF);
  text-align: center;
  font-family: Lora;
  font-size: var(--text-reg);
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  /* 32.4px */
}

.bi-form-container .line {
  border: 1px dashed var(--white);
  margin: 32px 0;
}

.bi-form-container form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.bi-form-input-wrapper {
  width: 100%;
  display: flex;
  row-gap: 16px;
  column-gap: 32px;
}

.bi-form-input-wrapper.bi-form-textarea-wrapper {
  flex-direction: column;
}

.bi-form-input-wrapper label {
  color: var(--white, #F5F5F5);
  font-family: Lora;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 164%;
  /* 32.8px */
  text-transform: capitalize;
}

.bi-form-input-wrapper input,
textarea {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.40);
  background: #D3B583;
  padding: 16px 24px;
  color: #4A4A4A;
  font-family: Lora;
  font-size: var(--text-reg);
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  /* 32.4px */
}
.bi-form-input-wrapper .nice-select{
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.40);
  background: #D3B583;
  border-radius: 0;
  padding: 16px 24px;
  color: #4A4A4A;
  font-family: Lora;
  font-size: var(--text-reg);
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  height: 64px;
}

.bi-form-input-wrapper .nice-select .list{
  background-color: #D3B583 ;
}
.bi-form-input-wrapper .nice-select::after{
  width: 10px;
  height: 10px;
  right: 22px;
  border-bottom: 2px solid var(--white);
  border-right: 2px solid var(--white);
  margin-top: -6px;
}

.bi-form-input-wrapper textarea {
  height: 142px;
  max-height: 142px;
}

.bi-inner-input-wrapper {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.bi-form-button-wrapper{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bi-submit-btn{
  border: none;
  outline: none;
  display: flex;
  gap: 8px;
  padding: 16px 32px;
  color: var(--white, #FFF);
  font-family: Lora;
  font-size: var(--text-reg);
  font-style: normal;
  font-weight: 600;
  line-height: 164%; /* 29.52px */
  text-transform: capitalize;
  border-radius:  4px;
  background:  #0B3C49;
  transition: all 0.5s ease-in-out;
}
.bi-submit-btn:hover{
  box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
  transform: scaleX(1);
  background-color: #0b3c49e1;
}
.bi-form-container .bi-form-terms{
  width: 100%;
  text-align: start;
  color: var(--white, #F5F5F5);
  font-family: Lora;
  font-size: var(--text-sm);
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 28.8px */
}
.bi-form-terms a{
  color: var(--white, #F5F5F5);
  font-family: Lora;
  font-size: var(--text-sm);
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
}
.bi-auth-container{
  width: 100%;
  display: flex;
  gap: 32px;
  margin: 32px 0;
  justify-content: center;
  align-items: center;
}


.bi-auth-btn{
  padding: 16px 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--white, #FFF);
  gap: 12px;
  color: var(--white, #FFF);
  text-align: center;
  font-family: "Schibsted Grotesk";
  font-size: var(--text-reg);
  font-style: normal;
  font-weight: 600;
  line-height: 150%; 
  width: 100%;/* 27px */
  max-width: 340px;
}
.bi-line-container{
  width: 100%;
  display: flex;
  gap: 32px;
  justify-content: center;
  align-items: center;
  margin-bottom: 32px;
}
.bi-line-container span{
  color: var(--white, #FFF);
  font-family: "Bell MT";
  font-size: var(--text-smd);
  font-style: normal;
  font-weight: 700;
  line-height: 132%; /* 31.68px */
  letter-spacing: -0.24px;
}

.bi-line-container hr{
  width: 185px;
  border: 1px dashed var(--white);
}
/* Contact us form page ends */



/* ============================================================== Bishal  Ends  Here ============================================================= */



/* ======================================= nahian start hare ================================== */





/* / expert :: html strat / */
.nr--team--member--wrapper {
  padding: 120px 0;
}

.nr--team--member--heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.nr--team--member--team--name--svg {
  width: 22px;
  height: 14px;
}
.nr--team--member--team--name--svg svg {
  height: 100%;
  width: 100%;
}

.nr--team--member--team--name--logo {
  display: flex;
  column-gap: 8px;
}
.nr--team--member--team--name--logo h4 {
  color: #be8a37;
  font-family: "Bell MT";
  font-size: 18px;
  font-weight: 700;
  line-height: 132%;
  letter-spacing: -0.18px;
  margin-bottom: 16px;
}
.nr--team--member--team--name h3 {
  color: #1c1c1c;
  font-family: "Bell MT";
  font-size: 48px;
  font-weight: 700;
  line-height: 132%;
  letter-spacing: -0.48px;
  width: 844px;
}

.nr--team--member--team--btn a {
  width: 190px;
  display: flex;
  padding: 12px 24px;
  background: #0b3c49;
  column-gap: 10px;
  color: #fff;
  font-family: Lora;
  font-size: 18px;
  font-weight: 600;
  line-height: 164%;
  text-transform: capitalize;
}
.nr--allmember--arrow {
  width: 24px;
  height: 24px;
}
.nr--allmember--arrow svg {
  height: 100%;
  width: 100%;
}

.nr--team--memberinner--wrapper {
  margin-top: 60px;
}
.nr--team--memberinner--wrapper--inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}
.nr--team--memberinner--wrapper--inner--item {
  padding: 24px;
  border: 1px solid rgba(74, 74, 74, 0.4);
  width: 552px;
  overflow: hidden;
  cursor: pointer;
}
.nr--team--memberinner--wrapper--inner--item:hover .nr--team--memberinner--item--img img{
  scale: 105%;
  transition: all linear 0.3s;
}
.nr--team--memberinner--item--img {
  width: 504px;
  height: 487px;
  background: #be8a37;
  position: relative;
  overflow: hidden;
  transition: all linear 0.3s;
}
.nr--team--memberinner--item--img img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  transition: ease-in-out 0.4s
}
.nr--team--memberinner--item--img-logo {
  position: absolute;
  right: 0;
  bottom: 0;
}
.nr--team--memberinner--item--img-logo--plus {
  width: 82px;
  height: 80px;
  padding: 20px;
  background-color: #be8a37;
  cursor: pointer;
  z-index: 444;
  position: relative;
  transition: all linear 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.nr--plus--icon{
  height: 60px;
  width: 60px;
}
.nr--team--memberinner--item--img-logo--plus:hover {
  background-color: #0b3c49;
}
.nr--plus--icon svg {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.nr--team--memberinner--item--img-logos {
  background-color: #be8a37;
  width: 50%;
  position: absolute;
  right: 79px;
  bottom: 0;
  display: flex;
  transition: all linear 0.3s;
}
.nr--team--memberinner--item--img-logos.hidden {
  width: 0;
  visibility: hidden;
}

.hide-transition {
  transition: all linear 0.3s;
}

.nr--team--memberinner--item--img-logo--fb {
  width: 80px;
  height: 80px;
  padding: 20px;
  transition: all linear 0.3s;
}
.nr--team--member--inner--fb--svg{
  height: 40px;
  width: 40px;
}
.nr--team--memberinner--item--img-logo--fb:hover {
  background-color: #0b3c49;
}
.nr--team--member--inner--fb--svg svg {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.nr--team--memberinner--item--img-logo--fb img {
  height: 100%;
  width: 100%;
  /* / / color: #FFF; / / */
  filter: brightness(0%) invert(1);
}

.nr--team--memberinner--item--text {
  margin-top: 32px;
  position: relative;
}
.nr--team--memberinner--item--text h6 {
  color: #2e2e2e;
  font-family: Lora;
  font-size: 18px;
  font-weight: 400;
  line-height: 180%;
}
.nr--team--memberinner--item--text h5 {
  color: #1c1c1c;
  font-family: "Bell MT";
  font-size: 32px;
  font-weight: 700;
  line-height: 132%;
  letter-spacing: -0.32px;
}

.nr--team--memberinner--item--number--inner {
  position: absolute;
  right: -2px;
  top: -22px;
}
.nr--team--memberinner--item--number--inner span {
  padding: 13px 23px;
  border: 1px solid #be8a37;
  color: var(--Text-Heading, #0d0d0d);
  font-family: "Bell MT";
  font-size: 32px;
  font-weight: 700;
  line-height: 132%;
  letter-spacing: -0.32px;
}
/* ====================== / expert :: html end ================== / */


/* footer start hare */
.nr--footer--wrapper{
  width: 100%;
  display: flex;
  position: relative;

}
.nr--footer--left{
  padding-top: 120px;
  width: 30%;
  padding-left: 100px;
  padding-bottom: 21px;

}
.nr--footer--left--centent--wrapper h4{
  color: var(--Text-Body, #2E2E2E);
  font-family: Lora;
  font-size: 16px;
  font-weight: 400;
  line-height: 180%; 
}
.nr--footer--left--centent--wrapper h2{
  color: var(--Text-Body, #2E2E2E);
  font-family: Lora;
  font-size: 24px;
  font-weight: 400;
  line-height: 180%; 
}
.nr--footer--left--centent--phone {
  display: flex;
  column-gap: 20px;
  margin-top: 33px;
  align-items: center;
}
.nr--footer--logo--icon{
  display: flex;
  flex-direction: column;
  row-gap: 408px;
}
.nr--footer--logo{
  width: 120px;
  height: 77.315px;
}
.nr--footer--logo img{
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.nr--svg--wrapper {
  width: 65px;
  height: 65px;
  background-color: #0B3C49;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}


.nr--phone--svg{
  height: 24px;
  width: 24px;
}

.nr--phone--svg svg{
  height: 100%;
  width: 100%;
}
.nr--footer--right{
  padding-top: 120px;
  padding-right: 100px;
  padding-left: 146px;
  width: 70%;
  background: #0B3C49;
  padding-bottom: 21px;
}
.nr--footer--right--centent--wrapper h3{
  color:  #FFF;
  font-family: "Bell MT";
  font-size: 64px;
  font-weight: 700;
  line-height: 132%;
  letter-spacing: -0.64px;
  width: 927px;
}


.nr--navigate--and--signup--wrapper {
  display: flex;
  border-bottom: 1px solid #EDEDEC;
  padding-bottom: 176px;
}
.nr--navigate{
  margin-top: 140px;
  width: 575px;
}
.nr--navigate h3{
  color: #FFF;
  font-family: Lora;
  font-size: 24px;
  font-weight: 600;
  line-height: 164%;
  text-transform: uppercase;
}
.nr--navigate--inner{
  display: flex;
  column-gap: 60px;
  margin-top: 24px;
}
.nr--navigate--inner ul{
  display: flex;
  flex-direction: column;
  row-gap: 23px;
}
.nr--navigate--inner ul li{
  list-style-type: disc;
  color: #FFF;
  transition: all linear 0.3s;
}
.nr--navigate--inner ul li a{
  color:  #FFF;
  font-family: Lora;
  font-size: 18px;
  font-weight: 400;
  line-height: 180%; 
  transition: all linear 0.3s;
}
.nr--navigate--inner ul li:hover{
  color: #FFAA01;
}
.nr--navigate--inner ul li:hover a{
  color: #FFAA01;
}

.nr--newsletter {
  width: 350px;
  margin-top: 140px;
  border-left: 1px dotted #EDEDEC;
  padding-left: 32px;
}
.nr--newsletter h3 {
  color: #FFF;
  font-family: Lora;
  font-size: 24px;
  font-weight: 600;
  line-height: 164%;
  text-transform: uppercase;
  margin-bottom: 24px;
  margin-top: 9px;
}


.nr--input---container {
  position: relative;
  width: 300px;
  margin-bottom: 20px;
}

.nr--input--field {
  width: 100%;
  height: 44px;
  padding: 8px;
  transition: border-color 0.3s ease;
  border-top: none;
  border-left: none;
  border-right: none;
  outline: none;
  border-bottom: 1px solid #EBEBEB;
  background: transparent;
  color:  #DEDEDE;
  font-family: Lora;
  font-size: 20px;
  font-weight: 400;
  line-height: 180%; 
}

.nr--input--field:focus {
  border-color: #EBEBEB;
  outline: none;
}

.nr--floating--label {
  position: absolute;
  left: 10px;
  top: 14px;
  font-size: 14px;
  color: #999;
  padding: 0 4px;
  transition: top 0.3s ease, font-size 0.3s ease, color 0.3s ease;
}

.nr--input--field:focus + .nr--floating--label,
.nr--input--field:not(:placeholder-shown) + .nr--floating--label {
  top: -10px;
  font-size: 12px;
  background-color: transparent;
  padding: 0;
  outline: none;
}




.nr--checkbox--lebvel label{
  margin-top: 24px;
  color: #F5F5F5;
  font-family: Lora;
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  transition: all 0.5s ease-in-out;
}

.nr--right--footer--lower{
  margin-top: 40px;
  display: flex;
  align-items: center;
  column-gap: 452px;
}
.nr--right--weekends--links{
  display: flex;
  column-gap: 128px;
  align-items: center;
}
.nr--right--copyright h6{
  color: #FFF;
  font-family: Lora;
  font-size: 14px;
  font-weight: 400;
  line-height: 180%;
}
.nr--right--copyright h5{
  color:  #FFF;
  font-family: Lora;
  font-size: 20px;
  font-weight: 400;
  line-height: 180%;
  margin-top: 16px;
}
.nr--right--weekend h4{
  color: #FFF;
  font-family: Lora;
  font-size: 14px;
  font-weight: 400;
  line-height: 180%; 
  margin-top: 16px;
}
.nr--right--weekend h5{
  color:  #FFF;
  font-family: Lora;
  font-size: 20px;
  font-weight: 400;
  line-height: 180%;
}
.nr--right--links h4{
  color:  #FFF;
  font-family: Lora;
  font-size: 14px;
  font-weight: 400;
  line-height: 180%; 
  margin-bottom: 16px;
}

.nr--right--logoss{
  display: flex;
  column-gap: 16px;
}

.nr--right--logos-fb{
  height: 40px;
  width: 40px;
  border: 1.5px solid  #FFF;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all linear 0.4s;
  cursor: pointer;
}
.nr--right--logos-fb img{
  height: 100%;
  width: 100%;
}
.nr--right--logos-fb:hover{
  background-color: #be8a37;
  border: 1.5px solid  #be8a37;
}
.nr--right--logos-twit{
  height: 40px;
  width: 40px;
  border-radius: 50%;
  border: 1.5px solid  #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all linear 0.4s;
  cursor: pointer;
}
.nr--right--logos-twit:hover{
  background-color: #be8a37;
  border: 1.5px solid  #be8a37;
}
.nr--right--logos-insta{
  height: 40px;
  width: 40px;
  border-radius: 50%;
  border: 1.5px solid  #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all linear 0.4s;
  cursor: pointer;
}
.nr--right--adjust {
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.nr--right--adjust img{
  height: 100%;
  width: 100%;
  object-fit: contain;
  filter: brightness(0) invert(1);
}
.nr--right--logos-insta:hover{
  background-color: #be8a37;
  border: 1.5px solid  #be8a37;
}
/* ==:: footer section ends ::=== */

/* ==================================================== nahian end hare =================================== */


.nr--footer--wrapper.index-page-footer {
  padding-top: 200px;
}