* {data-bs-toggle
  margin: 0;
  box-sizing: border-box;

}

:root {
  --defaultcolor: #fff;
  --maincolor: #FAC61D;
  --secondcolor: #dbad14;
  --lightcolor: #fac61d3b;
  --darkcolor: #000;
  --fourthcolor: #494949;
  --placeholder: #7e7e7e;
  --bordercolor: #efefef;
}

@font-face {
  font-family: Poppins-Light;
  src: url(../Poppins/Poppins-Light.ttf);
}

@font-face {
  font-family: Poppins-Regular;
  src: url(../Poppins/Poppins-Regular.ttf);
}

@font-face {
  font-family: Poppins-Medium;
  src: url(../Poppins/Poppins-Medium.ttf);
}

@font-face {
  font-family: Poppins-SemiBold;
  src: url(../Poppins/Poppins-SemiBold.ttf);
}

@font-face {
  font-family: Poppins-Bold;
  src: url(../Poppins/Poppins-Bold.ttf);
}

ul {
  padding-left: 0;
  margin-bottom: 0;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
}

p {
  font-size: 1.2rem;
}

html,
body {
  font-family: 'Poppins-Regular';
}

/* ================= Header Section Start Here ================ */

.header-section {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 9;
  padding: 1.2rem 0rem;
  background: var(--darkcolor);
  box-shadow: rgba(33, 35, 38, 0.1) 0rem 0.625rem 0.625rem -0.625rem;
}

.header-section ul.list {
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-size: 1.25rem;
}

a {
  color: var(--fourthcolor);
}

.header-section .register-btn {
  display: flex;
  justify-content: space-between;
}

.header-section .navbar-brand img {
  width: 100%;
  max-width: 15.813rem;
}

.header-section .navbar-toggler:focus {
  outline: none;
  box-shadow: none;
}

.register-btn button {
  padding: 0.438rem 1.875rem;
  border: 0.125rem solid var(--secondcolor);
  border-radius: 3.125rem;
  background: transparent;
  font-size: 1.125rem;
  color: var(--secondcolor);
}

.header-section .navbar .nav-link {
  color: var(--defaultcolor);
  font-family: Poppins-Regular;
}

.header-section .navbar-nav .nav-link.active,
.navbar-nav .show>.nav-link {
  color: var(--maincolor);
  padding-bottom: 0rem;
  margin-bottom: 0.7rem;
  width: fit-content;
}

.header-section .navbar-nav .nav-link .navbar-nav .show>.nav-link:after {
  content: '';
  position: absolute;
  left: 5px;
  bottom: 0;
  background-color: var(--defaultcolor);
  height: 2px;
  width: 0px;
  transition: 0.3s;
}

.nav-flex {
  display: flex;
  justify-content: end;
  align-items: center;
}

.header-login-btn a {
  font-size: 1.16rem;
  font-family: Poppins-Regular;
  color: #fff;
}

.header-login-btn a:hover {
  color: #fff;
}

.header-login-btn .active {
  color: var(--maincolor);
}

/* video section  */
.video-section {
  width: 100%;
  /* position: absolute; */
  background-size: cover;
}

.video-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.589);
}

.logo h1 {
  padding-top: 60px;
  font-size: 56px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 1.5;
  color: var(--defaultcolor);
}

.video-text-cont .logo h1 span {
  color: var(--maincolor);
  text-align: center;
  font-weight: 600;
  text-transform: uppercase;
}

.video-text-cont .logo h1 span:last-child {
  font-weight: 500;
}

.video-text-cont {
  text-align: center;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 40%;
}

.user-profile {
  width: 50px;
  box-shadow: rgba(0, 0, 0, 0.1) 0rem 0.25rem 0.75rem;
  border-radius: 50%;
}

.customize-slider {
  position: relative;
  /*change */
}

.navbar-collapse {
  flex-grow: unset;

}

.navbar-nav {
  padding-right: 0.75rem;
}

.navbar-nav .nav-item {
  font-size: 1.15rem;
  margin: 0 0.625rem;
  color: #494949;

}

.sign_signup_btn,
.sign_signin_btn {
  border-radius: 0.125rem;
  padding: 0.375rem 1.563rem;

  font-size: 1.125rem;
  width: 7.5rem;
  height: 2.813rem;
}

.sign_signup_btn {
  margin-right: 0.938rem;
}

.sign_signin_btn {
  background: var(--maincolor);
  color: var(--darkcolor);

}

.sign_signin_btn:hover {
  background-color: var(--secondcolor) !important;
  transition: 0.2s;
}

/* ================== Header Section End Here =================== */

.banner-section {
  background-image: url(../images/banner-5.png);
  height: calc(100vh - 120px);
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  background-position: left;
  color: var(--defaultcolor);
}

.inneer-text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.inneer-text h1 {
  font-size: 10rem;
  margin-left: 1.5rem;
}

.inneer-text h1 span {
  display: block;
}

.inneer-text h1 span {
  font-size: 8.2rem;
  font-family: 'NanumGothic-ExtraBold';
}

.banner-section .inneer-text h3 {
  font-size: 6.25rem;
  font-family: NothingYouCouldDo-Regular;
}

.banner-img {
  position: absolute;
  right: 0;
  bottom: -5.625rem;
}

.banner-btn {
  border: 0.125rem solid var(--defaultcolor);
  color: var(--defaultcolor);
  border-radius: 2.188rem;
  font-size: 1.5rem;

  width: 17.625rem;
  height: 4.375rem;
  margin-left: 1.5rem;
  margin-top: 1rem;
}

/* =============================== Banner section end here ==================== */
/* =============================== About US Section Start Here ================= */
.comman-padding {
  padding: 6.375rem 0;
}

.card-section {
  padding: 3.125rem;
  padding-top: 26px;
  padding-bottom: 0px;
}
.hitl-sec{
  padding-top: 5px;
}
/* .text-caption {
  font-size: 2.125rem;
  font-family: Poppins-Medium;
  margin-bottom: 0.938rem;
} */

.text-caption span {
  color: var(--maincolor);
  font-size: 30px;
}

.img-section::after {
  position: absolute;
  content: '';
  width: 0.438rem;
  height: -webkit-fill-available;
  background-color: var(--maincolor);
  top: 2.875rem;
  right: -1.875rem;
}

.center-2 {
  display: flex;
  height: 100%;
  align-items: flex-start;
  flex-direction: column;
  /* justify-content: center; */
}
.activ-sotter-body-section{
  background-color: #000;
  color: #fff;
}
.card-section p {
  line-height: 28px;
  padding-bottom: 1.125rem;
  font-size: 1rem;
}

.card-section p span{
  color:#FAC61D;
  font-family: Poppins-Medium;
}

.card-section h3{
  font-family:Poppins-Medium ;
  margin-bottom: 8px;
}

.btn-section {
  background-color: var(--maincolor);
  border: 0.125rem solid var(--maincolor);
  color: var(--darkcolor);
  padding: 10px 40px;
  border-radius: 35px;
  font-size: 20px;
}

.btn:hover {
  background-color: var(--maincolor);
  border: 0.125rem solid var(--secondcolor);
  color: var(--darkcolor);
  transition: 0.5ms;
}

.vision-box img {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  background: var(--lightcolor);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  padding: 10px 10px;
  margin-bottom: 1rem;
}

/* =========================== About Us Section End here ====================== */

.who-we-are {
 /* background-image: url(..//images/BGimage3.png);*/
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.vision-card {
  background-color: var(--defaultcolor);
  color: #000;
  text-align: center;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 4px;
  padding: 70px 50px;
}

.our-value .title-cont h2{
  color: #fff;
}

.vision-box h2 {
  font-family: 'Poppins-Medium';
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 1rem;
}


/* ================================ Footer section start here ============================= */
.footer-section {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.9)), url(../images/footer-bg.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.about-footer p {
  color: var(--defaultcolor);
  font-size: 18px;
  width: 80%;
  font-family: 'Poppins-Light';
}

.footer-list {
  padding: 10px 0;
}

.footer-section .footer-list>div a {
  color: var(--defaultcolor);
  font-size: 18px;
  line-height: 2rem;
  font-family: poppins-light;
}

.footer-section .footer-list>a {
  color: var(--defaultcolor);
  font-size: 18px;
  font-family: Poppins-Light;
  line-height: 2rem;
}

.footer-section .footer-list>a:hover {
  color: var(--maincolor);
  font-size: 18px;
  line-height: 2rem;
  transition: 0.5s;
}

.footer-section .footer-list h5 {
  color: var(--defaultcolor);
  font-size: 18px;
  line-height: 2rem;
}

.footer-section .footer-heading {
  font-size: 26px;
}

.footer-heading span {
  color: var(--secondcolor);
  font-size: 26px;
}

.footer-list p {
  color: var(--defaultcolor);
  font-size: 16px;
  font-family: Poppins-Light;
  width: 263px;
}

.footer-input {
  outline: none;
  background: none;
  color: var(--defaultcolor);
  border: 1px solid var(--defaultcolor);
  padding: 0.7rem 3rem 0.7rem 1rem;
}

.footer-input::placeholder {
  padding-left: 10px;
  color: #ffffff86;

}

.footer-icon img {
  margin-right: 1rem;
  width: 28px;
}

.footer-icon .location {
  height: 35px;
}

.footer-icon .email {
  height: 26px;
}

.footer-icon .phone {
  height: 35px;
}

.social-icon {
  display: flex;
  align-items: center;
}

.social-icon img {
  margin-right: 0.9rem;

}

.social-icon a:hover {
  opacity: 0.5;
  transition: 0.5s;
}

.banner-section .inneer-text h3 {
  margin-top: 6rem;
  margin-left: 2rem;
}

.footer-email-icon {
  position: absolute;
  right: 1rem;
  top: 2.5rem;
}

.footer-location ul li {
  color: #fff;
  font-size: 18px;
  font-family: Poppins-Light;
  line-height: 37px;
}

.footer-list .footer-email-div a:hover{
  text-decoration: underline;
  color:var(--secondcolor);
}

::-webkit-scrollbar {
  width: 0.3em;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(60, 88, 57, 0.3);
}

::-webkit-scrollbar-thumb {
  background-color: var(--maincolor);
}


/*our value*/
.title-cont h2 {
  color: var(--darkcolor);

  font-size: 42px;
  padding: 0 30px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  position: relative;
  width: fit-content;
  margin-bottom: 30px;
}

.title-cont h2:before {
  content: '';
  width: 21px;
  height: 3px;
  position: absolute;
  left: 0px;
  bottom: 28px;
  background-color: var(--maincolor);
  
}

.title-cont h2::after {
  content: '';
  width: 21px;
  height: 3px;
  position: absolute;
  right: 0px;
  bottom: 28px;
  background-color: var(--maincolor);
}

.our-value-box {
  background-color: var(--darkcolor);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
}

.our-value .vision-card {
  padding: 50px 0px;
  height: 100%;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
}

.our-value .vision-card:hover {
  transition: 0.3s all;
  background: #FAC61D;
}

.card-section a{
  color: var(--maincolor);
  cursor: pointer;
  font-size: 18px;
  font-family: Poppins-Medium;
}

.our-value .vision-card img {
  margin-bottom: 15px;
}

.our-value .vision-card h2 {
  color: var(--darkcolor);
  text-align: center;
  font-family: 'Poppins-Medium';
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 15px;
}

.our-value .vision-card p {
  color: var(--darkcolor);

  font-size: 1.1rem;
  padding: 0px 50px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  border-radius: 8px;
}

.who-we-are .title-cont h2 {
  color: var(--defaultcolor);
}

.the-founder {
  background-color: #fff;
}

.the-founder .founder-img-section img {
  width: 100%;
  max-width: 654px;
  max-height: 500px;
  object-fit: cover;
}

.the-founder .center-2 {
  display: flex;
  height: 40%;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}

.the-founder .card-section h2 {
  color: var(--darkcolor);

  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 15px;
}

.the-founder p {
  color: var(--darkcolor);

  font-size: 1.1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  border-radius: 8px;
}

.founder-title-box {
  padding: 0px 40px;
}

.founder-title-box .title-cont h2 {
  color: var(--darkcolor);
}

.founder-image-section>.row {
  align-items: center;
}

/*Product Portal screen*/

.product-section .banner_img {
  background-image: url(../images/teuas.png);
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  min-height: 300px;
}

.banner_img h2,
.customer-banner_img h2 {
  color: var(--defaultcolor);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #000000bf;
  padding: 1rem 5rem;
  height: 82px;
  font-family: Poppins-Medium;
}

.banner_img h2::after,
.customer-banner_img h2::after {
  content: '';
  width: 3.75rem;
  height: 0.188rem;
  background: var(--maincolor);
  position: absolute;
  bottom: 1.062rem;
  left: 50%;
  transform: translateX(-50%);
}

.ban_overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background-color: #071e009c;
}

/* .product-section .content_section {
  margin-top: 3rem;
} */

.product-section .content_section h2 {
  font-size: 30px;
  font-weight: 600;
  text-align: center;
  color: #3A3A3A;
}

.product-section .content_section p {
  line-height: 2rem;
}

.product-section .direct_efficient_img img,
.transparent_price_img img {
  width: 100%;
  border-radius: 10px;
  object-fit: fill;
}

.direct_efficient_card,
.transparent_price_card {
  display: flex;
  align-items: center;
  height: 100%;
}

.product-section .direct_efficient_text {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 2rem;
  border-radius: 0.625rem;
  background: var(--defaultcolor);
  /* max-width: 800px; */
  width: 100%;
  top: 115px;
  /* text-align: center; */
}
.direct_efficient_card .critical-list ul{
  padding: 0px 22px;
}
.direct_efficient_card .critical-list ul li{
  list-style-type: circle;
  line-height: 35px;
}

.product-section .mt5 {
  margin-top: 5rem;
}

.product-section .transparent_price_text {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 2rem;
  border-radius: 0.625rem;
  background: var(--defaultcolor);
  /* max-width: 800px; */
  width: 100%;
  top: 150px;
  text-align: center;
  z-index: 1;
}

.product-section .direct_efficient_text h2,
.transparent_price_text h2,
.interact_assets_text h2,
.before_buy_text h2 {
  font-size: 30px;
  font-family: Poppins-Medium;
}

.product-section .direct_efficient_text p,
.transparent_price_text p,
.interact_assets_text p,
.before_buy_text p {
  font-size: 15px;
  line-height: 30px;
}

.product-section .interact_assets_text {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 2rem;
  border-radius: 0.625rem;
  position: absolute;
  left: -70px;
  background: var(--defaultcolor);
  max-width: 800px;
  width: 100%;
  top: 86px;
  text-align: center;
}

.product-section .before_buy_text {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 2rem;
  border-radius: 0.625rem;
  position: absolute;
  left: 60px;
  background: var(--defaultcolor);
  max-width: 800px;
  width: 100%;
  top: 90px;
  text-align: center;
  z-index: 1;
}

.product-section .trusted_assets_section {
  border-top: 1px solid var(--defaultcolor);
  padding: 3rem 0 0;
}

/* customer portal css start */
.customer-section {
  background-color: var(--defaultcolor);
}

.customer-card-row .vision-card {
  background-color: var(--defaultcolor);
  width: 100%;
  border-radius: 4px;
  min-height: 600px;
  max-height: 267px;
  padding: 15px 10px;
}

.customer-card-row .vision-card img {
  margin-bottom: 30px;
}

.customer-card-row .vision-card h2 {
  color: #020202de;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 15px;
  text-align: start;
  LETTER-SPACING: .2PX;
}

.customer-card-row .vision-card p {
  color: #555555;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: start;
  line-height: 28px;
  margin-bottom: 15px;
}

.customer-section .title-cont h2 {
  color: var(--darkcolor);
}

.customer-card-row .vision-card {
  background-color: var(--defaultcolor);
  padding: 15px 10px;
}

.vision-card.vison-card-drone {
  background-image: url(../images/UAS.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  min-height: 500px;
}

.vision-card.vison-card-custom-cl {
  background-image: url(../images/HTRS2.avif);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  min-height: 500px;
}

/*login section*/
.login-sec {
  background-image: url("../images/customer-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 600px;
}

.login-sec h2 {
  color: var(--darkcolor);

  font-size: 49px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: start;
  position: relative;
}

.login-sec p {
  color: var(--darkcolor);

  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-align: start;
  margin-bottom: 45px;
}

.login-box a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  max-width: 150px;
  font-size: 1.2rem;
  font-family: Poppins-Medium;
  border: none;
  outline: none;
  background-color: var(--maincolor);
  position: relative;
  color: var(--darkcolor);
}

.login-box a:hover {
  background: var(--darkcolor);
  color: var(--defaultcolor);
  transition: 0.5s all;
  fill: var(--defaultcolor);
}

.login-box svg,
.custom-card svg {
  width: 100%;
  max-width: 25px;
  margin-left: 1rem;
}

.custom-card a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  max-width: 230px;
  font-size: 1.2rem;
  font-family: Poppins-Medium;
  border: none;
  outline: none;
  background-color: var(--maincolor);
  position: relative;
  color: var(--darkcolor);
}

.custom-card a:hover {
  background: var(--darkcolor);
  color: var(--defaultcolor);
  transition: 0.5s all;
  fill: var(--defaultcolor);
}

.customer-section .title-cont h2 {
  margin-bottom: 50px;
}

.login-title-cont::after {
  content: "";
  display: block;
  width: 300px;
  left: 0;
  bottom: 0;
  background-color: var(--maincolor);
  height: 4px;
}

.login-title-cont {
  margin-bottom: 45px;
}

.customer-banner_img {
  background-image: url(../images/customer-portal-image.png);
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 340px;
}

.connect-drone-box {
  background-color: transparent;
  border: 10px solid #c0d6e1;
  transition: 0.5s all;
}

.connect-drone-box img {
  margin-bottom: 20px;
}

.connect-drone-box h2 {
  color: var(--darkcolor);

  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: start;
  margin-bottom: 15px;
}

.connect-drone-box p {
  color: #676767;

  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-align: start;
  line-height: 30px;
  margin-bottom: 20px;
}

.drone-box-padding {
  padding: 15px 15px;
}

.events-section {
  /* background-color: #fff4e254; */
  background: rgb(237, 236, 204);
  background: linear-gradient(90deg, rgba(237, 236, 204, 1) 0%, rgba(255, 255, 255, 1) 47%, rgba(215, 238, 246, 1) 100%);
}

.events-section .service-icon {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}

.events-section .service-icon img {
  width: 35px;
  margin-bottom: 15px;
}

.events-section-box h2 {
  color: var(--darkcolor);

  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  margin-bottom: 13px;
}

.events-section p {
  color: var(--darkcolor);

  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-align: center;
  margin-bottom: 20px;
}

.events-section-box-p {
  margin-bottom: 5rem;
}

.service-provider {
  height: 100% !important;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
}

.service-img {
  border: 10px solid #0000002e;
  width: 600px;
}

.login-sec .login-box {
  margin: 50px auto;
}

.connect-drone-box:hover {
  border: 10px solid var(--maincolor);
  transition: 0.5s all;
  transform: scale(1.05);
}

.parent-custom-c .vision-card button {
  width: fit-content;
  height: 40px;
  padding: 10px 20px;
  background-color: #ffedb2;
  color: var(--darkcolor);
  font-size: 16px;
  font-weight: 500;
  border-radius: 4px;
  border: none;
  float: left;
  margin-bottom: 30px;
}

#service-carousel .carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: var(--darkcolor);
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity .6s ease;
}

#service-carousel .carousel-item img {
  height: 600px;
}

.custom-card {
  background: var(--defaultcolor);
  padding: 20px;
  width: 100%;
  max-width: 480px;
  position: absolute;
  transform: translate(-0%, -50%);
  top: 50%;
  right: 0;
}

.cus-width {
  width: 64px;
  height: 59px;
  background: var(--lightcolor);
  text-align: center;
  line-height: 69px;
  border-radius: 7px;
}

.parent-custom-c {
  display: flex;
  justify-content: center;
}


/* contact us screen css start  */
.contact-form-right .contact-us-right-icon-sec{
  margin-right: 14px;
}
.contact-form-right .contact-us-right-icon-sec img{
  margin-left: 13px;
}

.contact-form-sec {
  background: #fff;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}

.contact-form-left {
  padding: 30px 30px;
}

.contact-form-sec input {
  float: left;
  width: 100%;
  height: 45px;
  padding: 0 20px;
  border-radius: 4px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font: 400 16px 'Montserrat', sans-serif;
  color: #777;
  margin: 0 0 30px 0;
}

.contact-form-sec select {
  width: 100%;
  height: 45px;
  border: 1px solid #ccc;
}

.contact-form-sec textarea {
  border-radius: 4px;
  border: 1px solid #ccc;
}

.contact-form-sec .contact-form-left .form-group label {
  margin-bottom: 6px;
}

.contact-form-right {
  background-image: url(../images/bgEmail.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 20px 10px;
  height: 100%;
  position: relative;
}

.contact-form-right ul {
  margin: 75px auto;
}

.contact-form-right::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #000000c4;
  position: absolute;
  top: 0;
  left: 0;
}

.submit-btn {
  display: inline-block;
  text-align: center;
  background-color: var(--maincolor);
  width: 160px;
  height: 45px;
  border: none;
  outline: none;
  font-size: 16px;
  padding-top: 11px;
  font-family: Poppins-Medium;
  cursor: pointer;
}

.submit-btn:hover {
  background-color: #000;
  color: #fff;
}

.contact-form-right ul li h5 {
  font-size: 22px;
  font-family: Poppins-Medium;
  color: var(--maincolor);
  margin-bottom: 6px;
}

.contact-form-right ul li p {
  font-size: 1rem;
  font-weight: 400;
  color: #fff;
}

.contact-form-right ul li span img {
  margin-left: 6px;
}

.contact-form-right ul li .footer-icon img {
  margin-right: 0px;
}

.contact-form-right ul li .footer-icon {
  display: flex;
}

.contact-form-right ul li {
  position: relative;
  margin-bottom: 30px;
}

.contact-form-right ul li::after {
  content: "";
  position: absolute;
  width: 320px;
  height: 1px;
  left: 20px;
  bottom: -10px;
  background: #fff;
}

.contact_us_img {
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../images/contact-us.jpg);
  min-height: 300px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.contact-row-title h2 {
  color: #000;
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 13px;
}

.contact-form-left .form-group {
  position: relative;
}

.contact-form-left .form-group .text-danger {
  font-size: 14px;
}

.contact-form-left .form-group #nameError {
  position: absolute;
  bottom: 6px;
  left: 16px;
}

.contact-form-left .form-group #emailError {
  position: absolute;
  bottom: -71px;
  left: 4px;
}

.contact-form-left .form-group #numberError {
  position: absolute;
  bottom: -71px;
  left: 4px;
}

/*team screen*/
.team-banner-sec {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../images/cvteam1.png);
  min-height: 300px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/*public safety*/
.public-banner-sec {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../images/public-safety1.png);
    min-height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/*investor-portal screen*/

.Investor-banner-sec {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../images/partner.png);
    min-height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.invester-service-box {
  background: #fff;
  padding: 22px 22px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
  min-height: 100%;
}

.invester-service-box h2 {
  color: #020202;
  font-family: Poppins-Medium;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 15px;
}

.invester-service-box p {
  color: #020202;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  border-radius: 8px;
  margin-bottom: 15px;
}

.investor-service-icon {
  background-color: #fac61d8f;
  width: 60px;
  height: 60px;
  border-radius: 4px;
  text-align: center;
  padding: 5px 0px;
  margin-bottom: 15px;
}

.invester-about {
  background-color: #f3f5fa;
}

.partners-about-sec {
  width: 100%;
  height: 400px;
  background-image: url(../images/customer-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.invester-about h2 {
  color: #020202;

  font-size: 34px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 15px;
}

.invester-about p {
  color: #020202;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  border-radius: 8px;
}


.inester-profile-card {
  background: #fff;
  border-radius: 8px;
  padding: 35px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  width: 100%;
}

.inester-profile-card h2 {
  font-size: 20px;
  margin: 10px 0px;
}

.inester-profile-card p {
  font-size: 14px;
}

.inester-profile-card .invester-profile img {
  width: 100%;
}

.investor-service-icon img {
  width: 45px;
}

.investor-service-icon {
  padding: 6px 6px;
}

.invester-service-box a svg {
  width: 100%;
  max-width: 25px;
  margin-left: 0.5rem;
  fill: #ff6161;
}

.invester-service-box a {
  color: #ff6161;
  font-family: Poppins-Medium;
}

.invester-service-box:hover {
  background: #ffc10778;
  transform: scale(1.04);
  transition: 0.3s all;
}

.invester-about-text-box a svg {
  width: 100%;
  max-width: 25px;
  margin-left: 0.5rem;
  fill: #ff6161;
}

.invester-about-text-box p {
  margin-bottom: 25px;
}

.invester-about-text-box a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  max-width: 180px;
  font-size: 1.2rem;
  font-family: Poppins-Medium;
  border: none;
  outline: none;
  background-color: var(--maincolor);
  position: relative;
  color: var(--darkcolor);
}

.invester-about-text-box a svg {
  fill: var(--darkcolor);
}

.invester-about-text-box a:hover {
  background: var(--darkcolor);
  color: var(--defaultcolor);
  transition: 0.5s all;
  fill: var(--defaultcolor);
}

.invester-about-text-box a:hover svg {
  fill: #fff;
}

/*Investor Portal screen end code*/

section {
  padding: 60px 0;
  overflow: hidden;
}

.section-bg {
  background-color: #051b4a17;
}

.section-title {
  text-align: center;
  padding-bottom: 30px;
}

.team-container .section-title h2::after {
  content: "";
  position: absolute;
  display: block;
  width: 40px;
  height: 3px;
  background: #47b2e4;
  bottom: 0;
  left: calc(50% - 20px);
}

.section-title p {
  margin-bottom: 0;
}

.team .member {
  position: relative;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  padding: 30px;
  border-radius: 5px;
  background: #fff;
  transition: 0.5s;
}

    /* .member-info a {
  display: block;
  margin-top: 15px;
  margin-right: 8px;
  color: #0039ab;
  font-size: 15px;
  font-family: Poppins-Medium;
}

.member-info a svg {
  width: 20px;
  fill: #0039ab;
  margin-left: 6px;
}
      */

.team .member .pic {
  overflow: hidden;
width: 150px; /* Adjust the width as needed */
border-radius: 50%; /* To make the image round */
}
  
    .team .member .pic img {
        transition: ease-in-out 0.3s;
        width: 150px; /* Adjust the width as needed */
        border-radius: 50%; /* To make the image round */
        margin-right: 20px;
    } 

.team .member:hover {
  transform: translateY(-10px);
}

.team .member .member-info {
  padding-left: 30px;
}

.team .member h4 {
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 20px;
  color: #37517e;
}

.team .member span {
  display: block;
  font-size: 15px;
  padding-bottom: 10px;
  position: relative;
  font-weight: 500;
}

.team .member span::after {
  content: "";
  position: absolute;
  display: block;
  width: 105px;
  height: 1px;
  background: #9abfff;
  bottom: 0;
  left: 0;
}

.team .member p {
  margin: 10px 0 0 0;
  font-size: 15px;
  line-height: 31px;
}

.team .member .social {
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.team .member .social a {
  transition: ease-in-out 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  width: 32px;
  height: 32px;
  background: #0039ab;
}

.team .member .social a i {
  color: #37517e;
  font-size: 16px;
  margin: 0 2px;
}

.team .member .social a:hover {
  background: #47b2e4;
}

.team .member .social a:hover i {
  color: #fff;
}

.team .member .social a+a {
  margin-left: 8px;
}

.team-container .title-cont h2 {
  margin-bottom: 13px;
}

.team-bios-section {
  background-color: #fffbef;
}

.team-bios-box {
  min-height: 218px;
  background: #fff;
  padding: 22px 22px;
  border-radius: 6px;
  margin: 10px 10px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.team-bios-box h2 {
  font-size: 24px;
  font-family: Poppins-Medium;
  margin-bottom: 11px;
}

.team-bios-box h5 {
  font-size: 18px;
  font-family: Poppins-Medium;
  margin-bottom: 15px;
  position: relative;
}

.team-bios-box h5::after {
  content: "";
  position: absolute;
  display: block;
  width: 105px;
  height: 1px;
  background: #fac61da7;
  bottom: -5px;
  left: 0;
}


.team-bios-box p {
  color: #020202;
  font-size: 14px;
  font-family: Poppins-Regular;
  line-height: 27px;
}

/*team bio's card*/
.team-bios-row .team-bios-box a{
  display: block;
  margin-top: 15px;
  color: #ffc107;
  font-size: 15px;
  font-family: Poppins-Medium;
  cursor: pointer;
}


.team-bios-box a img{
  margin-top: 2px;
  margin-left: 6px;
  fill: #0039ab;
}


.go-corner {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 32px;
    height: 32px;
    overflow: hidden;
    top: 0;
    right: 0;
    background-color: #FAC61D;
    border-radius: 0 4px 0 32px;
}

.go-arrow a {
  display: inline-block;
  margin-top: -4px;
  margin-right: -4px;
  color: white;
  font-family: courier, sans;
  cursor: pointer;
}

.go-arrow {
  color: white;
}

.team-bios-row .card1 {
  position: relative;
  z-index: 0;
  overflow: hidden;

  &:before
{
  content: "";
  position: absolute;
  z-index: -1;
  top: -16px;
  right: -16px;
  background: #434343;
  height: 48px;
  width: 37px;
  border-radius: 32px;
  transform: scale(1);
  transform-origin: 50% 50%;
  transition: transform 0.5s ease-out;
  cursor: pointer;
}

  &:hover:before {
    transform: scale(21);
    width: 100%;
    height: 100%;
  }
}

.team-bios-row .card1:hover {
  p {
    transition: all 0.3s ease-out;
    color: rgba(255, 255, 255, 0.8);
  }

  h2 {
    transition: all 0.3s ease-out;
    color: #ffffff;
  }

  h5 {
    transition: all 0.3s ease-out;
    color: #ffffff;
  }
}

.bio-section img {
    display: flex;
    width: 140px; /* Adjust the width as needed */
    border-radius: 50%; /* To make the image round */
    margin-right: 20px;
    float: left; /* Float the image to the left */
}

.bio-info {
    text-align: left; /* Align text to the left */
}
/*team bio's card end code*/

/*investor-portal screen end code*/

/*team slider*/
/* .team-slide-text-cont .carousel-item h5{
  font-size: 24px;
  margin-bottom: 15px;
  font-family: Poppins-Medium;
}
.team-slide-text-cont .carousel-item p{
  font-size: 14px;
  line-height: 25px;
  color: #000;
}

.team-slider-sec .contaienr .carousel-indicators {
  position: absolute;
  right: 0;
  bottom: -50px;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
  list-style: none;
}

.team-slider-sec .contaienr .carousel-indicators button{
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ccc;
} */