/* ---- About Main Section Start -----*/
/* ---- Title / Image / Description-----*/
@media only screen and (min-width: 2561px) {
  /* ---- Container -----*/
  .about-main-section-container{
   padding-bottom: 5%;
 }
 .about-main-section-container .about-image-banner{
   width: 48%;
   height: auto;
   opacity: 0;
   transform: translateX(-100px);
   transition: opacity 0.5s ease-out, transform 0.5s ease-out;
 }
.about-image-banner.visible{
  opacity: 1;
  transform: translateX(0);
}
 .about-main-section-container .about-image-mobile-banner{
   display: none;
 }
 .about-right-box{
   display: block;
 }
 .about-main-section-container .about-left-box{
   padding-top: 36%;
   opacity: 0;
   transform: translateX(-100px);
   transition: opacity 0.5s ease-out, transform 0.5s ease-out;
 }
.about-left-box.visible{
  opacity: 1;
  transform: translateX(0);
}
 .about-main-section-container .about-left-title{
   color: white;
   font-size: 70px;
   font-weight: bold;
   text-align: start;
   padding-left: 15%;
 }
 .about-main-section-container .about-left-second-title{
   color: white;
   font-size: 80px;
   font-weight: bold;
   text-align: start;
   padding-left: 25%;
 }
 /* ---- Image -----*/
 .about-main-section-container .about-right-box{
  padding-top: 25%;
 }
 .about-right-box .card{
  width: 100%;
  height: 100%;
  text-align: center;
  place-items: center;
 }
 .about-main-section-container .about-image-box img{
  max-width: 80%;
  max-height: 100%;
  margin-left: -20px;
 }
 .about-main-section-container .slime-about-bg {
  width: 70%;
  height: 100%;
  aspect-ratio: 1;
  background: #fa6f10;
  border-radius: 100%;
  animation: l1 10s infinite linear;
 }
 @keyframes l1{
 12.5% {border-radius: 37% 63% 70% 30% / 30% 62% 38% 70%}
 25%   {border-radius: 50% 50% 70% 30% / 52% 62% 38% 48%}
 37.5% {border-radius: 33% 67% 18% 82% / 52% 75% 25% 48%}
 50%   {border-radius: 73% 27% 18% 82% / 52% 32% 68% 48%}
 62.5% {border-radius: 73% 27% 74% 26% / 64% 32% 68% 36%}
 75%   {border-radius: 84% 16% 15% 85% / 55% 79% 21% 45%}
 87.5% {border-radius: 12% 88% 69% 31% / 10% 66% 34% 90%}
 }
 /* ---- Description -----*/
 .about-center-box{
  padding-top: 8%;
 }
 .about-center-box .about-center-description{
  color: black;
  font-size: 21px;
  padding-left: 5%;
  padding-right: 5%;
 }
 .about-center-box .about-highlight-description{
  color: #fa6f10;
  font-size: 21px;
  font-weight: bold;
 }
}
@media only screen and (max-width: 2560px) {
 /* ---- Container -----*/
.about-main-section-container{
  padding-bottom: 5%;
}
.about-main-section-container .about-image-banner{
  width: 48%;
  height: auto; 
  opacity: 0;
  transform: translateX(-100px);
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
.about-image-banner.visible{
 opacity: 1;
 transform: translateX(0);
}
.about-main-section-container .about-image-mobile-banner{
  display: none;
}
.about-right-box{
  display: block;
}
.about-main-section-container .about-left-box{
  padding-top: 36%;
  opacity: 0;
  transform: translateX(-100px);
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
.about-left-box.visible{
 opacity: 1;
 transform: translateX(0);
}
 .about-main-section-container .about-left-title{
   color: white;
   font-size: 70px;
   font-weight: bold;
   text-align: start;
   padding-left: 15%;
 }
 .about-main-section-container .about-left-second-title{
   color: white;
   font-size: 80px;
   font-weight: bold;
   text-align: start;
   padding-left: 25%;
 }
/* ---- Image -----*/
.about-main-section-container .about-right-box{
 padding-top: 25%;
}
.about-right-box .card{
 width: 100%;
 height: 100%;
 text-align: center;
 place-items: center;
}
.about-main-section-container .about-image-box img{
 max-width: 80%;
 max-height: 100%;
 margin-left: -20px;
}
.about-main-section-container .slime-about-bg {
 width: 70%;
 height: 100%;
 aspect-ratio: 1;
 background: #fa6f10;
 border-radius: 100%;
 animation: l1 10s infinite linear;
}
@keyframes l1{
12.5% {border-radius: 37% 63% 70% 30% / 30% 62% 38% 70%}
25%   {border-radius: 50% 50% 70% 30% / 52% 62% 38% 48%}
37.5% {border-radius: 33% 67% 18% 82% / 52% 75% 25% 48%}
50%   {border-radius: 73% 27% 18% 82% / 52% 32% 68% 48%}
62.5% {border-radius: 73% 27% 74% 26% / 64% 32% 68% 36%}
75%   {border-radius: 84% 16% 15% 85% / 55% 79% 21% 45%}
87.5% {border-radius: 12% 88% 69% 31% / 10% 66% 34% 90%}
}
/* ---- Description -----*/
.about-center-box{
 padding-top: 8%;
}
.about-center-box .about-center-description{
 color: black;
 font-size: 21px;
 padding-left: 5%;
 padding-right: 5%;
}
.about-center-box .about-highlight-description{
 color: #fa6f10;
 font-size: 21px;
 font-weight: bold;
}
}
@media only screen and (max-width: 2376px) {
 /* ---- Container -----*/
.about-main-section-container{
  padding-bottom: 5%;
}
.about-main-section-container .about-image-banner{
  width: 48%;
  height: auto;
  opacity: 0;
  transform: translateX(-100px);
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
.about-image-banner.visible{
  opacity: 1;
  transform: translateX(0);
}
.about-main-section-container .about-image-mobile-banner{
  display: none;
}
.about-right-box{
  display: block;
}
.about-main-section-container .about-left-box{
  padding-top: 32%;
  opacity: 0;
  transform: translateX(-100px);
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
.about-left-box.visible{
 opacity: 1;
 transform: translateX(0);
}
 .about-main-section-container .about-left-title{
   color: white;
   font-size: 70px;
   font-weight: bold;
   text-align: start;
   padding-left: 15%;
 }
 .about-main-section-container .about-left-second-title{
   color: white;
   font-size: 80px;
   font-weight: bold;
   text-align: start;
   padding-left: 25%;
 }
/* ---- Image -----*/
.about-main-section-container .about-right-box{
 padding-top: 25%;
}
.about-right-box .card{
 width: 100%;
 height: 100%;
 text-align: center;
 place-items: center;
}
.about-main-section-container .about-image-box img{
 max-width: 80%;
 max-height: 100%;
 margin-left: -20px;
}
.about-main-section-container .slime-about-bg {
 width: 70%;
 height: 100%;
 aspect-ratio: 1;
 background: #fa6f10;
 border-radius: 100%;
 animation: l1 10s infinite linear;
}
@keyframes l1{
12.5% {border-radius: 37% 63% 70% 30% / 30% 62% 38% 70%}
25%   {border-radius: 50% 50% 70% 30% / 52% 62% 38% 48%}
37.5% {border-radius: 33% 67% 18% 82% / 52% 75% 25% 48%}
50%   {border-radius: 73% 27% 18% 82% / 52% 32% 68% 48%}
62.5% {border-radius: 73% 27% 74% 26% / 64% 32% 68% 36%}
75%   {border-radius: 84% 16% 15% 85% / 55% 79% 21% 45%}
87.5% {border-radius: 12% 88% 69% 31% / 10% 66% 34% 90%}
}
/* ---- Description -----*/
.about-center-box{
 padding-top: 8%;
}
.about-center-box .about-center-description{
 color: black;
 font-size: 21px;
 padding-left: 5%;
 padding-right: 5%;
}
.about-center-box .about-highlight-description{
 color: #fa6f10;
 font-size: 21px;
 font-weight: bold;
}
}
@media only screen and (max-width: 2176px) {
 /* ---- Container -----*/
.about-main-section-container{
  padding-bottom: 5%;
}
.about-main-section-container .about-image-banner{
  width: 48%;
  height: auto;
  opacity: 0;
  transform: translateX(-100px);
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
.about-image-banner.visible{
  opacity: 1;
  transform: translateX(0);
}
.about-main-section-container .about-image-mobile-banner{
  display: none;
}
.about-right-box{
  display: block;
}
.about-main-section-container .about-left-box{
  padding-top: 28%;
  opacity: 0;
  transform: translateX(-100px);
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
.about-left-box.visible{
 opacity: 1;
 transform: translateX(0);
}
 .about-main-section-container .about-left-title{
   color: white;
   font-size: 70px;
   font-weight: bold;
   text-align: start;
   padding-left: 15%;
 }
 .about-main-section-container .about-left-second-title{
   color: white;
   font-size: 80px;
   font-weight: bold;
   text-align: start;
   padding-left: 25%;
 }
/* ---- Image -----*/
.about-main-section-container .about-right-box{
 padding-top: 15%;
}
.about-right-box .card{
 width: 100%;
 height: 100%;
 text-align: center;
 place-items: center;
}
.about-main-section-container .about-image-box img{
 max-width: 80%;
 max-height: 100%;
 margin-left: -20px;
}
.about-main-section-container .slime-about-bg {
 width: 70%;
 height: 100%;
 aspect-ratio: 1;
 background: #fa6f10;
 border-radius: 100%;
 animation: l1 10s infinite linear;
}
@keyframes l1{
12.5% {border-radius: 37% 63% 70% 30% / 30% 62% 38% 70%}
25%   {border-radius: 50% 50% 70% 30% / 52% 62% 38% 48%}
37.5% {border-radius: 33% 67% 18% 82% / 52% 75% 25% 48%}
50%   {border-radius: 73% 27% 18% 82% / 52% 32% 68% 48%}
62.5% {border-radius: 73% 27% 74% 26% / 64% 32% 68% 36%}
75%   {border-radius: 84% 16% 15% 85% / 55% 79% 21% 45%}
87.5% {border-radius: 12% 88% 69% 31% / 10% 66% 34% 90%}
}
/* ---- Description -----*/
.about-center-box{
 padding-top: 5%;
}
.about-center-box .about-center-description{
 color: black;
 font-size: 21px;
 padding-left: 5%;
 padding-right: 5%;
}
.about-center-box .about-highlight-description{
 color: #fa6f10;
 font-size: 21px;
 font-weight: bold;
}
}
@media only screen and (max-width: 1920px) {
/* ---- Container -----*/
.about-main-section-container{
 padding-bottom: 5%;
}
.about-main-section-container .about-image-banner{
 width: 48%;
 height: auto;
 opacity: 0;
 transform: translateX(-100px);
 transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
.about-image-banner.visible{
 opacity: 1;
 transform: translateX(0);
}
.about-main-section-container .about-image-mobile-banner{
 display: none;
}
.about-right-box{
 display: block;
}
.about-main-section-container .about-left-box{
 padding-top: 26%;
 opacity: 0;
 transform: translateX(-100px);
 transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
.about-left-box.visible{
opacity: 1;
transform: translateX(0);
}
.about-main-section-container .about-left-title{
  color: white;
  font-size: 70px;
  font-weight: bold;
  text-align: start;
  padding-left: 15%;
}
.about-main-section-container .about-left-second-title{
  color: white;
  font-size: 80px;
  font-weight: bold;
  text-align: start;
  padding-left: 25%;
}
/* ---- Image -----*/
.about-main-section-container .about-right-box{
padding-top: 13%;
}
.about-right-box .card{
width: 100%;
height: 100%;
text-align: center;
place-items: center;
}
.about-main-section-container .about-image-box img{
max-width: 80%;
max-height: 100%;
margin-left: -20px;
}
.about-main-section-container .slime-about-bg {
width: 70%;
height: 100%;
aspect-ratio: 1;
background: #fa6f10;
border-radius: 100%;
animation: l1 10s infinite linear;
}
@keyframes l1{
12.5% {border-radius: 37% 63% 70% 30% / 30% 62% 38% 70%}
25%   {border-radius: 50% 50% 70% 30% / 52% 62% 38% 48%}
37.5% {border-radius: 33% 67% 18% 82% / 52% 75% 25% 48%}
50%   {border-radius: 73% 27% 18% 82% / 52% 32% 68% 48%}
62.5% {border-radius: 73% 27% 74% 26% / 64% 32% 68% 36%}
75%   {border-radius: 84% 16% 15% 85% / 55% 79% 21% 45%}
87.5% {border-radius: 12% 88% 69% 31% / 10% 66% 34% 90%}
}
/* ---- Description -----*/
.about-center-box{
padding-top: 6%;
}
.about-center-box .about-center-description{
color: black;
font-size: 21px;
padding-left: 5%;
padding-right: 5%;
}
.about-center-box .about-highlight-description{
color: #fa6f10;
font-size: 21px;
font-weight: bold;
}
}
@media only screen and (max-width: 1721px) {
  /* ---- Container -----*/
  .about-main-section-container{
   padding-bottom: 5%;
 }
 .about-main-section-container .about-image-banner{
   width: 48%;
   height: auto;
   opacity: 0;
   transform: translateX(-100px);
   transition: opacity 0.5s ease-out, transform 0.5s ease-out;
 }
 .about-image-banner.visible{
   opacity: 1;
   transform: translateX(0);
 }
 .about-main-section-container .about-image-mobile-banner{
   display: none;
 }
 .about-right-box{
   display: block;
 }
 .about-main-section-container .about-left-box{
   padding-top: 22%;
   opacity: 0;
   transform: translateX(-100px);
   transition: opacity 0.5s ease-out, transform 0.5s ease-out;
 }
.about-left-box.visible{
  opacity: 1;
  transform: translateX(0);
}
 .about-main-section-container .about-left-title{
   color: white;
   font-size: 70px;
   font-weight: bold;
   text-align: start;
   padding-left: 15%;
 }
 .about-main-section-container .about-left-second-title{
   color: white;
   font-size: 80px;
   font-weight: bold;
   text-align: start;
   padding-left: 25%;
 }
/* ---- Image -----*/
.about-main-section-container .about-right-box{
 padding-top: 13%;
}
.about-right-box .card{
 width: 100%;
 height: 100%;
 text-align: center;
 place-items: center;
}
.about-main-section-container .about-image-box img{
 max-width: 80%;
 max-height: 100%;
 margin-left: -20px;
}
.about-main-section-container .slime-about-bg {
 width: 70%;
 height: 100%;
 aspect-ratio: 1;
 background: #fa6f10;
 border-radius: 100%;
 animation: l1 10s infinite linear;
}
@keyframes l1{
12.5% {border-radius: 37% 63% 70% 30% / 30% 62% 38% 70%}
25%   {border-radius: 50% 50% 70% 30% / 52% 62% 38% 48%}
37.5% {border-radius: 33% 67% 18% 82% / 52% 75% 25% 48%}
50%   {border-radius: 73% 27% 18% 82% / 52% 32% 68% 48%}
62.5% {border-radius: 73% 27% 74% 26% / 64% 32% 68% 36%}
75%   {border-radius: 84% 16% 15% 85% / 55% 79% 21% 45%}
87.5% {border-radius: 12% 88% 69% 31% / 10% 66% 34% 90%}
}
/* ---- Description -----*/
.about-center-box{
 padding-top: 6%;
}
.about-center-box .about-center-description{
 color: black;
 font-size: 21px;
 padding-left: 5%;
 padding-right: 5%;
}
.about-center-box .about-highlight-description{
 color: #fa6f10;
 font-size: 21px;
 font-weight: bold;
}
}
@media only screen and (max-width: 1508px) {
 /* ---- Container -----*/
 .about-main-section-container{
   padding-bottom: 5%;
 }
 .about-main-section-container .about-image-banner{
   width: 48%;
   height: auto;
   opacity: 0;
   transform: translateX(-100px);
   transition: opacity 0.5s ease-out, transform 0.5s ease-out;
 }
 .about-image-banner.visible{
   opacity: 1;
   transform: translateX(0);
 }
 .about-main-section-container .about-image-mobile-banner{
   display: none;
 }
 .about-right-box{
   display: block;
 }
 .about-main-section-container .about-left-box{
   padding-top: 20%;
   opacity: 0;
   transform: translateX(-100px);
   transition: opacity 0.5s ease-out, transform 0.5s ease-out;
 }
.about-left-box.visible{
  opacity: 1;
  transform: translateX(0);
}
 .about-main-section-container .about-left-title{
   color: white;
   font-size: 60px;
   font-weight: bold;
   text-align: start;
   padding-left: 25%;
 }
 .about-main-section-container .about-left-second-title{
   color: white;
   font-size: 70px;
   font-weight: bold;
   text-align: start;
   padding-left: 35%;
 }
 /* ---- Image -----*/
 .about-main-section-container .about-right-box{
   padding-top: 13%;
 }
 .about-right-box .card{
   width: 100%;
   height: 100%;
   text-align: center;
   place-items: center;
 }
 .about-main-section-container .about-image-box img{
   max-width: 70%;
   max-height: 100%;
   margin-left: -20px;
 }
 .about-main-section-container .slime-about-bg {
   width: 60%;
   height: 100%;
   aspect-ratio: 1;
   background: #fa6f10;
   border-radius: 100%;
   animation: l1 10s infinite linear;
 }
 @keyframes l1{
 12.5% {border-radius: 37% 63% 70% 30% / 30% 62% 38% 70%}
 25%   {border-radius: 50% 50% 70% 30% / 52% 62% 38% 48%}
 37.5% {border-radius: 33% 67% 18% 82% / 52% 75% 25% 48%}
 50%   {border-radius: 73% 27% 18% 82% / 52% 32% 68% 48%}
 62.5% {border-radius: 73% 27% 74% 26% / 64% 32% 68% 36%}
 75%   {border-radius: 84% 16% 15% 85% / 55% 79% 21% 45%}
 87.5% {border-radius: 12% 88% 69% 31% / 10% 66% 34% 90%}
 }
 /* ---- Description -----*/
 .about-center-box{
   padding-top: 6%;
 }
 .about-center-box .about-center-description{
   color: black;
   font-size: 21px;
   padding-left: 5%;
   padding-right: 5%;
 }
 .about-center-box .about-highlight-description{
   color: #fa6f10;
   font-size: 21px;
   font-weight: bold;
 }
}
@media only screen and (max-width: 1199px) {
 /* ---- Container -----*/
 .about-main-section-container{
   padding-bottom: 5%;
 }
 .about-main-section-container .about-image-banner{
   width: 48%;
   height: auto;
   opacity: 0;
   transform: translateX(-100px);
   transition: opacity 0.5s ease-out, transform 0.5s ease-out;
 }
 .about-image-banner.visible{
   opacity: 1;
   transform: translateX(0);
 }
 .about-main-section-container .about-image-mobile-banner{
   display: none;
 }
 .about-right-box{
   display: block;
 }
 .about-main-section-container .about-left-box{
   padding-top: 20%;
   opacity: 0;
   transform: translateX(-100px);
   transition: opacity 0.5s ease-out, transform 0.5s ease-out;
 }
.about-left-box.visible{
  opacity: 1;
  transform: translateX(0);
}
 .about-main-section-container .about-left-title{
   color: white;
   font-size: 50px;
   font-weight: bold;
   text-align: start;
   padding-left: 25%;
 }
 .about-main-section-container .about-left-second-title{
   color: white;
   font-size: 60px;
   font-weight: bold;
   text-align: start;
   padding-left: 35%;
 }
 /* ---- Image -----*/
 .about-main-section-container .about-right-box{
   padding-top: 13%;
 }
 .about-right-box .card{
   width: 100%;
   height: 100%;
   text-align: center;
   place-items: center;
 }
 .about-main-section-container .about-image-box img{
   max-width: 70%;
   max-height: 100%;
   margin-left: -20px;
 }
 .about-main-section-container .slime-about-bg {
   width: 60%;
   height: 100%;
   aspect-ratio: 1;
   background: #fa6f10;
   border-radius: 100%;
   animation: l1 10s infinite linear;
 }
 @keyframes l1{
 12.5% {border-radius: 37% 63% 70% 30% / 30% 62% 38% 70%}
 25%   {border-radius: 50% 50% 70% 30% / 52% 62% 38% 48%}
 37.5% {border-radius: 33% 67% 18% 82% / 52% 75% 25% 48%}
 50%   {border-radius: 73% 27% 18% 82% / 52% 32% 68% 48%}
 62.5% {border-radius: 73% 27% 74% 26% / 64% 32% 68% 36%}
 75%   {border-radius: 84% 16% 15% 85% / 55% 79% 21% 45%}
 87.5% {border-radius: 12% 88% 69% 31% / 10% 66% 34% 90%}
 }
 /* ---- Description -----*/
 .about-center-box{
   padding-top: 6%;
 }
 .about-center-box .about-center-description{
   color: black;
   font-size: 18px;
   padding-left: 5%;
   padding-right: 5%;
 }
 .about-center-box .about-highlight-description{
   color: #fa6f10;
   font-size: 18x;
   font-weight: bold;
 }
}
@media only screen and (max-width: 1099px) {
 /* ---- Container -----*/
 .about-main-section-container{
   padding-bottom: 5%;
 }
 .about-main-section-container .about-image-banner{
   width: 48%;
   height: auto;
   opacity: 0;
   transform: translateX(-100px);
   transition: opacity 0.5s ease-out, transform 0.5s ease-out;
 }
 .about-image-banner.visible{
   opacity: 1;
   transform: translateX(0);
 }
 .about-main-section-container .about-image-mobile-banner{
   display: none;
 }
 .about-right-box{
   display: block;
 }
 .about-main-section-container .about-left-box{
   padding-top: 20%;
   opacity: 0;
   transform: translateX(-100px);
   transition: opacity 0.5s ease-out, transform 0.5s ease-out;
 }
.about-left-box.visible{
  opacity: 1;
  transform: translateX(0);
}
 .about-main-section-container .about-left-title{
   color: white;
   font-size: 40px;
   font-weight: bold;
   text-align: start;
   padding-left: 25%;
 }
 .about-main-section-container .about-left-second-title{
   color: white;
   font-size: 50px;
   font-weight: bold;
   text-align: start;
   padding-left: 35%;
 }
 /* ---- Image -----*/
 .about-main-section-container .about-right-box{
   padding-top: 13%;
 }
 .about-right-box .card{
   width: 100%;
   height: 100%;
   text-align: center;
   place-items: center;
 }
 .about-main-section-container .about-image-box img{
   max-width: 60%;
   max-height: 100%;
   margin-left: -20px;
 }
 .about-main-section-container .slime-about-bg {
   width: 50%;
   height: 100%;
   aspect-ratio: 1;
   background: #fa6f10;
   border-radius: 100%;
   animation: l1 10s infinite linear;
 }
 @keyframes l1{
 12.5% {border-radius: 37% 63% 70% 30% / 30% 62% 38% 70%}
 25%   {border-radius: 50% 50% 70% 30% / 52% 62% 38% 48%}
 37.5% {border-radius: 33% 67% 18% 82% / 52% 75% 25% 48%}
 50%   {border-radius: 73% 27% 18% 82% / 52% 32% 68% 48%}
 62.5% {border-radius: 73% 27% 74% 26% / 64% 32% 68% 36%}
 75%   {border-radius: 84% 16% 15% 85% / 55% 79% 21% 45%}
 87.5% {border-radius: 12% 88% 69% 31% / 10% 66% 34% 90%}
 }
 /* ---- Description -----*/
 .about-center-box{
   padding-top: 6%;
 }
 .about-center-box .about-center-description{
   color: black;
   font-size: 18px;
   padding-left: 5%;
   padding-right: 5%;
 }
 .about-center-box .about-highlight-description{
   color: #fa6f10;
   font-size: 18px;
   font-weight: bold;
 }
}
@media only screen and (max-width: 1000px) {
 /* ---- Container -----*/
 .about-main-section-container{
   padding-bottom: 5%;
 }
 .about-main-section-container .about-image-banner{
   width: 48%;
   height: auto;
   opacity: 0;
   transform: translateX(-100px);
   transition: opacity 0.5s ease-out, transform 0.5s ease-out;
 }
 .about-image-banner.visible{
   opacity: 1;
   transform: translateX(0);
 }
 .about-main-section-container .about-image-mobile-banner{
   display: none;
 }
 .about-right-box{
   display: block;
 }
 .about-main-section-container .about-left-box{
   padding-top: 18%;
   opacity: 0;
   transform: translateX(-100px);
   transition: opacity 0.5s ease-out, transform 0.5s ease-out;
 }
.about-left-box.visible{
  opacity: 1;
  transform: translateX(0);
}
 .about-main-section-container .about-left-title{
   color: white;
   font-size: 40px;
   font-weight: bold;
   text-align: start;
   padding-left: 25%;
 }
 .about-main-section-container .about-left-second-title{
   color: white;
   font-size: 50px;
   font-weight: bold;
   text-align: start;
   padding-left: 35%;
 }
 /* ---- Image -----*/
 .about-main-section-container .about-right-box{
   padding-top: 13%;
 }
 .about-right-box .card{
   width: 100%;
   height: 100%;
   text-align: center;
   place-items: center;
 }
 .about-main-section-container .about-image-box img{
   max-width: 60%;
   max-height: 100%;
   margin-left: -20px;
 }
 .about-main-section-container .slime-about-bg {
   width: 50%;
   height: 100%;
   aspect-ratio: 1;
   background: #fa6f10;
   border-radius: 100%;
   animation: l1 10s infinite linear;
 }
 @keyframes l1{
 12.5% {border-radius: 37% 63% 70% 30% / 30% 62% 38% 70%}
 25%   {border-radius: 50% 50% 70% 30% / 52% 62% 38% 48%}
 37.5% {border-radius: 33% 67% 18% 82% / 52% 75% 25% 48%}
 50%   {border-radius: 73% 27% 18% 82% / 52% 32% 68% 48%}
 62.5% {border-radius: 73% 27% 74% 26% / 64% 32% 68% 36%}
 75%   {border-radius: 84% 16% 15% 85% / 55% 79% 21% 45%}
 87.5% {border-radius: 12% 88% 69% 31% / 10% 66% 34% 90%}
 }
 /* ---- Description -----*/
 .about-center-box{
   padding-top: 6%;
 }
 .about-center-box .about-center-description{
   color: black;
   font-size: 17px;
   padding-left: 5%;
   padding-right: 5%;
 }
 .about-center-box .about-highlight-description{
   color: #fa6f10;
   font-size: 17px;
   font-weight: bold;
 }
}
@media only screen and (max-width: 991px) {
 /* ---- Container/Banner -----*/
 .about-main-section-container{
   padding-bottom: 15%;
 }
 .about-main-section-container .about-image-banner{
   display: none;
 } 
 .about-main-section-container .about-image-mobile-banner{
   width: 40%;
   height: auto;
   margin-left: 27%;
   display: block;
   opacity: 0;
   transform: translateY(-50px);
   transition: opacity 0.5s ease-out, transform 0.5s ease-out;
 }
 .about-image-mobile-banner.visible{
   opacity: 1;
   transform: translateX(0);
 }
 .about-right-box{
   display: none;
 }
 .about-main-section-container .about-left-box{
   padding-top: 12%;
   opacity: 0;
   transform: translateY(-50px);
   transition: opacity 0.5s ease-out, transform 0.5s ease-out;
 }
.about-left-box.visible{
  opacity: 1;
  transform: translateX(0);
}
 .about-main-section-container .about-left-title{
   color: white;
   font-size: 35px;
   font-weight: bold;
   text-align: center;
   padding-left: 0px;
 }
 .about-main-section-container .about-left-second-title{
   color: white;
   font-size: 40px;
   font-weight: bold;
   text-align: center;
   padding-left: 0px;
 }
  /* ---- Description -----*/
  .about-center-box{
   padding-top: 10%;
 }
 .about-center-box .about-center-description{
   color: black;
   font-size: 14px;
   padding-left: 20px;
   padding-right: 20px;
 }
 .about-center-box .about-highlight-description{
   color: #fa6f10;
   font-size: 14px;
   font-weight: bold;
 }
}
@media only screen and (max-width: 873px) {
  /* ---- Container/Banner -----*/
  .about-main-section-container{
   padding-bottom: 18%;
 }
 .about-main-section-container .about-image-banner{
   display: none;
 } 
 .about-main-section-container .about-image-mobile-banner{
   width: 42%;
   height: auto;
   margin-left: 25%;
   display: block;
   opacity: 0;
   transform: translateY(-50px);
   transition: opacity 0.5s ease-out, transform 0.5s ease-out;
 }
 .about-image-mobile-banner.visible{
   opacity: 1;
   transform: translateX(0);
 }
 .about-right-box{
   display: none;
 }
 .about-main-section-container .about-left-box{
   padding-top: 12%;
   opacity: 0;
   transform: translateY(-50px);
   transition: opacity 0.5s ease-out, transform 0.5s ease-out;
 }
.about-left-box.visible{
  opacity: 1;
  transform: translateX(0);
}
 .about-main-section-container .about-left-title{
   color: white;
   font-size: 30px;
   font-weight: bold;
   text-align: center;
   padding-left: 0px;
 }
 .about-main-section-container .about-left-second-title{
   color: white;
   font-size: 35px;
   font-weight: bold;
   text-align: center;
   padding-left: 0px;
 }
  /* ---- Description -----*/
  .about-center-box{
   padding-top: 9%;
 }
 .about-center-box .about-center-description{
   color: black;
   font-size: 14px;
   padding-left: 20px;
   padding-right: 20px;
 }
 .about-center-box .about-highlight-description{
   color: #fa6f10;
   font-size: 14px;
   font-weight: bold;
 }
}
@media only screen and (max-width: 767px) {
  /* ---- Container/Banner -----*/
  .about-main-section-container{
   padding-bottom: 15%;
 }
 .about-main-section-container .about-image-banner{
   display: none;
 } 
 .about-main-section-container .about-image-mobile-banner{
   width: 42%;
   height: auto;
   margin-left: 25%;
   display: block;
   opacity: 0;
   transform: translateY(-50px);
   transition: opacity 0.5s ease-out, transform 0.5s ease-out;
 }
 .about-image-mobile-banner.visible{
   opacity: 1;
   transform: translateX(0);
 }
 .about-right-box{
   display: none;
 }
 .about-main-section-container .about-left-box{
   padding-top: 15%;
   opacity: 0;
   transform: translateY(-50px);
   transition: opacity 0.5s ease-out, transform 0.5s ease-out;
 }
.about-left-box.visible{
  opacity: 1;
  transform: translateX(0);
}
 .about-main-section-container .about-left-title{
   color: white;
   font-size: 21px;
   font-weight: bold;
   text-align: center;
   padding-left: 0px;
 }
 .about-main-section-container .about-left-second-title{
   color: white;
   font-size: 28px;
   font-weight: bold;
   text-align: center;
   padding-left: 0px;
 }
  /* ---- Description -----*/
  .about-center-box{
   padding-top: 10%;
 }
 .about-center-box .about-center-description{
   color: black;
   font-size: 13px;
   padding-left: 20px;
   padding-right: 20px;
 }
 .about-center-box .about-highlight-description{
   color: #fa6f10;
   font-size: 13px;
   font-weight: bold;
 }
}
@media only screen and (max-width: 667px) {
 /* ---- Container/Banner -----*/
 .about-main-section-container{
   padding-bottom: 18%;
 }
 .about-main-section-container .about-image-banner{
   display: none;
 } 
 .about-main-section-container .about-image-mobile-banner{
   width: 47%;
   height: auto;
   margin-left: 21%;
   display: block;
   opacity: 0;
   transform: translateY(-50px);
   transition: opacity 0.5s ease-out, transform 0.5s ease-out;
 }
 .about-image-mobile-banner.visible{
   opacity: 1;
   transform: translateX(0);
 }
 .about-right-box{
   display: none;
 }
 .about-main-section-container .about-left-box{
   padding-top: 15%;
   opacity: 0;
   transform: translateY(-50px);
   transition: opacity 0.5s ease-out, transform 0.5s ease-out;
 }
.about-left-box.visible{
  opacity: 1;
  transform: translateX(0);
}
 .about-main-section-container .about-left-title{
   color: white;
   font-size: 21px;
   font-weight: bold;
   text-align: center;
   padding-left: 0px;
 }
 .about-main-section-container .about-left-second-title{
   color: white;
   font-size: 28px;
   font-weight: bold;
   text-align: center;
   padding-left: 0px;
 }
  /* ---- Description -----*/
  .about-center-box{
   padding-top: 9%;
 }
 .about-center-box .about-center-description{
   color: black;
   font-size: 12px;
   padding-left: 20px;
   padding-right: 20px;
 }
 .about-center-box .about-highlight-description{
   color: #fa6f10;
   font-size: 12px;
   font-weight: bold;
 }
}
@media only screen and (max-width: 583px) {
 /* ---- Container/Banner -----*/
 .about-main-section-container{
   padding-bottom: 17%;
 }
 .about-main-section-container .about-image-banner{
   display: none;
 } 
 .about-main-section-container .about-image-mobile-banner{
   width: 50%;
   height: auto;
   margin-left: 20%;
   display: block;
   opacity: 0;
   transform: translateY(-50px);
   transition: opacity 0.5s ease-out, transform 0.5s ease-out;
 }
 .about-image-mobile-banner.visible{
   opacity: 1;
   transform: translateX(0);
 }
 .about-right-box{
   display: none;
 }
 .about-main-section-container .about-left-box{
   padding-top: 15%;
   opacity: 0;
   transform: translateY(-50px);
   transition: opacity 0.5s ease-out, transform 0.5s ease-out;
 }
.about-left-box.visible{
  opacity: 1;
  transform: translateX(0);
}
 .about-main-section-container .about-left-title{
   color: white;
   font-size: 18px;
   font-weight: bold;
   text-align: center;
   padding-left: 0px;
 }
 .about-main-section-container .about-left-second-title{
   color: white;
   font-size: 25px;
   font-weight: bold;
   text-align: center;
   padding-left: 0px;
 }
  /* ---- Description -----*/
  .about-center-box{
   padding-top: 8%;
 }
 .about-center-box .about-center-description{
   color: black;
   font-size: 12px;
   padding-left: 20px;
   padding-right: 20px;
 }
 .about-center-box .about-highlight-description{
   color: #fa6f10;
   font-size: 12px;
   font-weight: bold;
 }
}
@media only screen and (max-width: 525px) {
  /* ---- Container/Banner -----*/
  .about-main-section-container{
   padding-bottom: 25%;
 }
 .about-main-section-container .about-image-banner{
   display: none;
 } 
 .about-main-section-container .about-image-mobile-banner{
   width: 55%;
   height: auto;
   margin-left: 20%;
   display: block;
   opacity: 0;
   transform: translateY(-50px);
   transition: opacity 0.5s ease-out, transform 0.5s ease-out;
 }
 .about-image-mobile-banner.visible{
   opacity: 1;
   transform: translateX(0);
 }
 .about-right-box{
   display: none;
 }
 .about-main-section-container .about-left-box{
   padding-top: 15%;
   opacity: 0;
   transform: translateY(-50px);
   transition: opacity 0.5s ease-out, transform 0.5s ease-out;
 }
.about-left-box.visible{
  opacity: 1;
  transform: translateX(0);
}
 .about-main-section-container .about-left-title{
   color: white;
   font-size: 18px;
   font-weight: bold;
   text-align: center;
   padding-left: 0px;
 }
 .about-main-section-container .about-left-second-title{
   color: white;
   font-size: 25px;
   font-weight: bold;
   text-align: center;
   padding-left: 0px;
 }
  /* ---- Description -----*/
  .about-center-box{
   padding-top: 8%;
 }
 .about-center-box .about-center-description{
   color: black;
   font-size: 12px;
   padding-left: 20px;
   padding-right: 20px;
 }
 .about-center-box .about-highlight-description{
   color: #fa6f10;
   font-size: 12px;
   font-weight: bold;
 }
}
@media only screen and (max-width: 392px) {
 /* ---- Container/Banner -----*/
 .about-main-section-container{
   padding-bottom: 30%;
 }
 .about-main-section-container .about-image-banner{
   display: none;
 } 
 .about-main-section-container .about-image-mobile-banner{
   width: 70%;
   height: auto;
   margin-left: 8%;
   display: block;
   opacity: 0;
   transform: translateY(-50px);
   transition: opacity 0.5s ease-out, transform 0.5s ease-out;
 }
 .about-image-mobile-banner.visible{
   opacity: 1;
   transform: translateX(0);
 }
 .about-right-box{
   display: none;
 }
 .about-main-section-container .about-left-box{
   padding-top: 22%;
   opacity: 0;
   transform: translateY(-50px);
   transition: opacity 0.5s ease-out, transform 0.5s ease-out;
 }
.about-left-box.visible{
  opacity: 1;
  transform: translateX(0);
}
 .about-main-section-container .about-left-title{
   color: white;
   font-size: 15px;
   font-weight: bold;
   text-align: center;
   padding-left: 0px;
 }
 .about-main-section-container .about-left-second-title{
   color: white;
   font-size: 20px;
   font-weight: bold;
   text-align: center;
   padding-left: 0px;
 }
  /* ---- Description -----*/
  .about-center-box{
   padding-top: 9%;
 }
 .about-center-box .about-center-description{
   color: black;
   font-size: 10px;
   padding-left: 20px;
   padding-right: 20px;
 }
 .about-center-box .about-highlight-description{
   color: #fa6f10;
   font-size: 10px;
   font-weight: bold;
 }
}
@media only screen and (max-width: 320px) {
 /* ---- Container/Banner -----*/
 .about-main-section-container{
   padding-bottom: 38%;
 }
 .about-main-section-container .about-image-banner{
   display: none;
 } 
 .about-main-section-container .about-image-mobile-banner{
   width: 72%;
   height: auto;
   display: block;
   opacity: 0;
   transform: translateY(-50px);
   transition: opacity 0.5s ease-out, transform 0.5s ease-out;
 }
 .about-image-mobile-banner.visible{
   opacity: 1;
   transform: translateX(0);
 }
 .about-right-box{
   display: none;
 }
 .about-main-section-container .about-left-box{
   padding-top: 22%;
   opacity: 0;
   transform: translateY(-50px);
   transition: opacity 0.5s ease-out, transform 0.5s ease-out;
 }
.about-left-box.visible{
  opacity: 1;
  transform: translateX(0);
}
 .about-main-section-container .about-left-title{
   color: white;
   font-size: 15px;
   font-weight: bold;
   text-align: center;
   padding-left: 0px;
 }
 .about-main-section-container .about-left-second-title{
   color: white;
   font-size: 20px;
   font-weight: bold;
   text-align: center;
   padding-left: 0px;
 }
  /* ---- Description -----*/
  .about-center-box{
   padding-top: 12%;
 }
 .about-center-box .about-center-description{
   color: black;
   font-size: 10px;
   padding-left: 20px;
   padding-right: 20px;
 }
 .about-center-box .about-highlight-description{
   color: #fa6f10;
   font-size: 10px;
   font-weight: bold;
 }
}
/* ---- About Main Section Ends -----*/

/* ---- About Second Section Start -----*/
/* Our Company */
@media only screen and (min-width: 992px) {
.about-second-section-container .about-second-title{
 color: black;
 font-size: 20px;
}
.about-second-section-container hr{
 background: #808080;
 height: 2px;
 width: 40%;
 margin-top: 15px;
}
}
@media only screen and (max-width: 991px) {
 .about-second-section-container .about-second-title{
   color: black;
   font-size: 13px;
 }
 .about-second-section-container hr{
   background: #808080;
   height: 2px;
   width: 34%;
   margin-top: 10px;
 }
}
@media only screen and (max-width: 525px) {
 .about-second-section-container .about-second-title{
   color: black;
   font-size: 10px;
 }
 .about-second-section-container hr{
   background: #808080;
   height: 2px;
   width: 35%;
   margin-top: 10px;
 }
}

/* Left Box */
@media only screen and (min-width: 1400px) {
 .about-second-left-box{
   color: #808080;
   font-size: 18px;
   text-align: justify;
 }
 .our-mission-box{
   padding-right: 10px !important;
   padding-left: 10px !important;
 }
 .our-vision-box{
   padding-left: 10px !important;
   padding-right: 10px !important;
 }
 .our-mission-box .card,
 .our-vision-box .card {
   width: 100%;
   height: 100%;
   padding: 20px;
   cursor: pointer;
   transition: transform 0.3s ease;
 }

 .our-vision-box .card:hover,
 .our-mission-box .card:hover {
   transform: translateY(-5px);
 }

 .our-mission-box .card:hover .mission-image {
   transform: rotateY(360deg);
 }

 .our-vision-box .card:hover .vision-image {
   transform: rotateY(360deg);
 }
 .our-mission-box .mission-image{
   width: 35%;
   height: auto;
   align-self: center;
   padding-top: 10px;
   padding-bottom: 10px;
   transition: transform 0.3s ease;
 }
 .our-mission-box .policy-image{
  width: 15%;
  height: auto;
  align-self: center;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: transform 0.3s ease;
}
 .our-vision-box .vision-image{
   width: 40%;
   height: auto;
   align-self: center;
   padding-top: 10px;
   padding-bottom: 10px;
   transition: transform 0.3s ease;
 } 
 .our-mission-box .mission-title{
   font-size: 18px;
   color: #fa6f10;
 }
 .our-vision-box .vision-title{
   font-size: 18px;
   color: #fa6f10;
 }
 .our-mission-box .mission-description{
   font-size: 16px;
   color: #808080;
   text-align: center;
 }
 .our-mission-box .policy-description{
  font-size: 16px;
  color: #808080;
  text-align: left;
}
 .our-vision-box .vision-description{
   font-size: 16px;
   color: #808080;
   text-align: justify;
   text-align-last: center;
 }
}
@media only screen and (max-width: 1399px) {
 .about-second-left-box{
   color: #808080;
   font-size: 18px;
   text-align: justify;
 }
 .our-mission-box{
   padding-right: 10px !important;
   padding-left: 10px !important;
 }
 .our-vision-box{
   padding-left: 10px !important;
   padding-right: 10px !important;
 }
 .our-mission-box .card,
 .our-vision-box .card {
   width: 100%;
   height: 100%;
   padding: 20px;
   cursor: pointer;
   transition: transform 0.3s ease;
 }

 .our-vision-box .card:hover,
 .our-mission-box .card:hover {
   transform: translateY(-5px);
 }

 .our-mission-box .card:hover .mission-image {
   transform: rotateY(360deg);
 }

 .our-vision-box .card:hover .vision-image {
   transform: rotateY(360deg);
 }
 .our-mission-box .mission-image{
   width: 35%;
   height: auto;
   align-self: center;
   padding-top: 10px;
   padding-bottom: 10px;
   transition: transform 0.3s ease;
 }
 .our-mission-box .policy-image{
  width: 15%;
  height: auto;
  align-self: center;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: transform 0.3s ease;
}
 .our-vision-box .vision-image{
   width: 40%;
   height: auto;
   align-self: center;
   padding-top: 10px;
   padding-bottom: 10px;
   transition: transform 0.3s ease;
 } 
 .our-mission-box .mission-title{
   font-size: 18px;
   color: #fa6f10;
 }
 .our-vision-box .vision-title{
   font-size: 18px;
   color: #fa6f10;
 }
 .our-mission-box .mission-description{
   font-size: 14px;
   color: #808080;
   text-align: center;
 }
 .our-mission-box .policy-description{
  font-size: 14px;
  color: #808080;
  text-align: left;
}
 .our-vision-box .vision-description{
   font-size: 14px;
   color: #808080;
   text-align: justify;
   text-align-last: center;
 }
}
@media only screen and (max-width: 1199px) {
 .about-second-left-box{
   color: #808080;
   font-size: 18px;
   text-align: justify;
 }
 .our-mission-box{
   padding-right: 10px !important;
   padding-left: 10px !important;
 }
 .our-vision-box{
   padding-left: 10px !important;
   padding-right: 10px !important;
 }
 .our-mission-box .card,
 .our-vision-box .card {
   width: 100%;
   height: 100%;
   padding: 20px;
   cursor: pointer;
   transition: transform 0.3s ease;
 }

 .our-vision-box .card:hover,
 .our-mission-box .card:hover {
   transform: translateY(-5px);
 }

 .our-mission-box .card:hover .mission-image {
   transform: rotateY(360deg);
 }

 .our-vision-box .card:hover .vision-image {
   transform: rotateY(360deg);
 }
 .our-mission-box .mission-image{
   width: 35%;
   height: auto;
   align-self: center;
   padding-top: 10px;
   padding-bottom: 10px;
   transition: transform 0.3s ease;
 }
 .our-mission-box .policy-image{
  width: 15%;
  height: auto;
  align-self: center;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: transform 0.3s ease;
}
 .our-vision-box .vision-image{
   width: 40%;
   height: auto;
   align-self: center;
   padding-top: 10px;
   padding-bottom: 10px;
   transition: transform 0.3s ease;
 } 
 .our-mission-box .mission-title{
   font-size: 18px;
   color: #fa6f10;
 }
 .our-vision-box .vision-title{
   font-size: 18px;
   color: #fa6f10;
 }
 .our-mission-box .mission-description{
   font-size: 12px;
   color: #808080;
   text-align: center;
 }
 .our-mission-box .policy-description{
  font-size: 12px;
  color: #808080;
  text-align: left;
}
 .our-vision-box .vision-description{
   font-size: 12px;
   color: #808080;
   text-align: justify;
   text-align-last: center;
 }
}
@media only screen and (max-width: 1000px) {
 .about-second-left-box{
   color: #808080;
   font-size: 17px;
   text-align: justify;
 }
 .our-mission-box{
   padding-right: 10px !important;
   padding-left: 10px !important;
 }
 .our-vision-box{
   padding-left: 10px !important;
   padding-right: 10px !important;
 }
 .our-mission-box .card,
 .our-vision-box .card {
   width: 100%;
   height: 100%;
   padding: 20px;
   cursor: pointer;
   transition: transform 0.3s ease;
 }

 .our-vision-box .card:hover,
 .our-mission-box .card:hover {
   transform: translateY(-5px);
 }

 .our-mission-box .card:hover .mission-image {
   transform: rotateY(360deg);
 }

 .our-vision-box .card:hover .vision-image {
   transform: rotateY(360deg);
 }
 .our-mission-box .mission-image{
   width: 35%;
   height: auto;
   align-self: center;
   padding-top: 10px;
   padding-bottom: 10px;
   transition: transform 0.3s ease;
 }
 .our-mission-box .policy-image{
  width: 15%;
  height: auto;
  align-self: center;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: transform 0.3s ease;
}
 .our-vision-box .vision-image{
   width: 40%;
   height: auto;
   align-self: center;
   padding-top: 10px;
   padding-bottom: 10px;
   transition: transform 0.3s ease;
 } 
 .our-mission-box .mission-title{
   font-size: 18px;
   color: #fa6f10;
 }
 .our-vision-box .vision-title{
   font-size: 18px;
   color: #fa6f10;
 }
 .our-mission-box .mission-description{
   font-size: 12px;
   color: #808080;
   text-align: center;
 }
 .our-mission-box .policy-description{
  font-size: 12px;
  color: #808080;
  text-align: left;
}
 .our-vision-box .vision-description{
   font-size: 12px;
   color: #808080;
   text-align: justify;
   text-align-last: center;
 }
}
@media only screen and (max-width: 991px) {
 .about-second-left-box{
   color: #808080;
   font-size: 14px;
   text-align: justify;
   text-align-last: center;
 }
 .our-mission-box{
   padding-right: 10px !important;
   padding-left: 10px !important;
 }
 .our-vision-box{
   padding-left: 10px !important;
   padding-right: 10px !important;
 }
 .our-mission-box .card,
 .our-vision-box .card {
   width: 100%;
   height: 100%;
   padding: 20px;
   cursor: pointer;
   transition: transform 0.3s ease;
 }

 .our-vision-box .card:hover,
 .our-mission-box .card:hover {
   transform: translateY(-5px);
 }

 .our-mission-box .card:hover .mission-image {
   transform: rotateY(360deg);
 }

 .our-vision-box .card:hover .vision-image {
   transform: rotateY(360deg);
 }
 .our-mission-box .mission-image{
   width: 35%;
   height: auto;
   align-self: center;
   padding-top: 10px;
   padding-bottom: 10px;
   transition: transform 0.3s ease;
 }
 .our-mission-box .policy-image{
  width: 15%;
  height: auto;
  align-self: center;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: transform 0.3s ease;
}
 .our-vision-box .vision-image{
   width: 40%;
   height: auto;
   align-self: center;
   padding-top: 10px;
   padding-bottom: 10px;
   transition: transform 0.3s ease;
 } 
 .our-mission-box .mission-title{
   font-size: 18px;
   color: #fa6f10;
 }
 .our-vision-box .vision-title{
   font-size: 18px;
   color: #fa6f10;
 }
 .our-mission-box .mission-description{
   font-size: 13px;
   color: #808080;
   text-align: center;
 }
 .our-mission-box .policy-description{
  font-size: 13px;
  color: #808080;
  text-align: left;
}
 .our-vision-box .vision-description{
   font-size: 13px;
   color: #808080;
   text-align: justify;
   text-align-last: center;
 }
}
@media only screen and (max-width: 873px) {
 .about-second-left-box{
   color: #808080;
   font-size: 14px;
   text-align: justify;
   text-align-last: center;
 }
 .our-mission-box{
   padding-right: 10px !important;
   padding-left: 10px !important;
 }
 .our-vision-box{
   padding-left: 10px !important;
   padding-right: 10px !important;
 }
 .our-mission-box .card,
 .our-vision-box .card {
   width: 100%;
   height: 100%;
   padding: 20px;
   cursor: pointer;
   transition: transform 0.3s ease;
 }

 .our-vision-box .card:hover,
 .our-mission-box .card:hover {
   transform: translateY(-5px);
 }

 .our-mission-box .card:hover .mission-image {
   transform: rotateY(360deg);
 }

 .our-vision-box .card:hover .vision-image {
   transform: rotateY(360deg);
 }
 .our-mission-box .mission-image{
   width: 35%;
   height: auto;
   align-self: center;
   padding-top: 10px;
   padding-bottom: 10px;
   transition: transform 0.3s ease;
 }
 .our-mission-box .policy-image{
  width: 15%;
  height: auto;
  align-self: center;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: transform 0.3s ease;
}
 .our-vision-box .vision-image{
   width: 40%;
   height: auto;
   align-self: center;
   padding-top: 10px;
   padding-bottom: 10px;
   transition: transform 0.3s ease;
 } 
 .our-mission-box .mission-title{
   font-size: 14px;
   color: #fa6f10;
 }
 .our-vision-box .vision-title{
   font-size: 14px;
   color: #fa6f10;
 }
 .our-mission-box .mission-description{
   font-size: 13px;
   color: #808080;
   text-align: center;
 }
 .our-mission-box .policy-description{
  font-size: 13px;
  color: #808080;
  text-align: left;
}
 .our-vision-box .vision-description{
   font-size: 13px;
   color: #808080;
   text-align: justify;
   text-align-last: center;
 }
}
@media only screen and (max-width: 767px) {
 .about-second-left-box{
   color: #808080;
   font-size: 13px;
   text-align: justify;
   text-align-last: center;
 }
 .our-mission-box{
   padding-right: 10px !important;
   padding-left: 10px !important;
 }
 .our-vision-box{
   padding-left: 10px !important;
   padding-right: 10px !important;
 }
 .our-mission-box .card,
 .our-vision-box .card {
   width: 100%;
   height: 100%;
   padding: 20px;
   cursor: pointer;
   transition: transform 0.3s ease;
 }

 .our-vision-box .card:hover,
 .our-mission-box .card:hover {
   transform: translateY(-5px);
 }

 .our-mission-box .card:hover .mission-image {
   transform: rotateY(360deg);
 }

 .our-vision-box .card:hover .vision-image {
   transform: rotateY(360deg);
 }
 .our-mission-box .mission-image{
   width: 35%;
   height: auto;
   align-self: center;
   padding-top: 10px;
   padding-bottom: 10px;
   transition: transform 0.3s ease;
 }
 .our-mission-box .policy-image{
  width: 15%;
  height: auto;
  align-self: center;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: transform 0.3s ease;
}
 .our-vision-box .vision-image{
   width: 40%;
   height: auto;
   align-self: center;
   padding-top: 10px;
   padding-bottom: 10px;
   transition: transform 0.3s ease;
 } 
 .our-mission-box .mission-title{
   font-size: 14px;
   color: #fa6f10;
 }
 .our-vision-box .vision-title{
   font-size: 14px;
   color: #fa6f10;
 }
 .our-mission-box .mission-description{
   font-size: 12px;
   color: #808080;
   text-align: center;
 }
 .our-mission-box .policy-description{
  font-size: 12px;
  color: #808080;
  text-align: left;
}
 .our-vision-box .vision-description{
   font-size: 12px;
   color: #808080;
   text-align: justify;
   text-align-last: center;
 }
}
@media only screen and (max-width: 667px) {
 .about-second-left-box{
   color: #808080;
   font-size: 12px;
   text-align: justify;
   text-align-last: center;
 }
 .our-mission-box{
   padding-right: 10px !important;
   padding-left: 10px !important;
 }
 .our-vision-box{
   padding-left: 10px !important;
   padding-right: 10px !important;
 }
 .our-mission-box .card,
 .our-vision-box .card {
   width: 100%;
   height: 100%;
   padding: 20px;
   cursor: pointer;
   transition: transform 0.3s ease;
 }

 .our-vision-box .card:hover,
 .our-mission-box .card:hover {
   transform: translateY(-5px);
 }

 .our-mission-box .card:hover .mission-image {
   transform: rotateY(360deg);
 }

 .our-vision-box .card:hover .vision-image {
   transform: rotateY(360deg);
 }
 .our-mission-box .mission-image{
   width: 35%;
   height: auto;
   align-self: center;
   padding-top: 10px;
   padding-bottom: 10px;
   transition: transform 0.3s ease;
 }
 .our-mission-box .policy-image{
  width: 15%;
  height: auto;
  align-self: center;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: transform 0.3s ease;
}
 .our-vision-box .vision-image{
   width: 40%;
   height: auto;
   align-self: center;
   padding-top: 10px;
   padding-bottom: 10px;
   transition: transform 0.3s ease;
 } 
 .our-mission-box .mission-title{
   font-size: 13px;
   color: #fa6f10;
 }
 .our-vision-box .vision-title{
   font-size: 13px;
   color: #fa6f10;
 }
 .our-mission-box .mission-description{
   font-size: 11px;
   color: #808080;
   text-align: center;
 }
 .our-mission-box .policy-description{
  font-size: 11px;
  color: #808080;
  text-align: left;
}
 .our-vision-box .vision-description{
   font-size: 11px;
   color: #808080;
   text-align: justify;
   text-align-last: center;
 }
}
@media only screen and (max-width: 583px) {
 .about-second-left-box{
   color: #808080;
   font-size: 12px;
   text-align: justify;
   text-align-last: center;
 }
 .our-mission-box{
   padding-right: 10px !important;
   padding-left: 10px !important;
 }
 .our-vision-box{
   padding-left: 10px !important;
   padding-right: 10px !important;
 }
 .our-mission-box .card,
 .our-vision-box .card {
   width: 100%;
   height: 100%;
   padding: 20px;
   cursor: pointer;
   transition: transform 0.3s ease;
 }

 .our-vision-box .card:hover,
 .our-mission-box .card:hover {
   transform: translateY(-5px);
 }

 .our-mission-box .card:hover .mission-image {
   transform: rotateY(360deg);
 }

 .our-vision-box .card:hover .vision-image {
   transform: rotateY(360deg);
 }
 .our-mission-box .mission-image{
   width: 35%;
   height: auto;
   align-self: center;
   padding-top: 10px;
   padding-bottom: 10px;
   transition: transform 0.3s ease;
 }
 .our-mission-box .policy-image{
  width: 15%;
  height: auto;
  align-self: center;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: transform 0.3s ease;
}
 .our-vision-box .vision-image{
   width: 40%;
   height: auto;
   align-self: center;
   padding-top: 10px;
   padding-bottom: 10px;
   transition: transform 0.3s ease;
 } 
 .our-mission-box .mission-title{
   font-size: 13px;
   color: #fa6f10;
 }
 .our-vision-box .vision-title{
   font-size: 13px;
   color: #fa6f10;
 }
 .our-mission-box .mission-description{
   font-size: 11px;
   color: #808080;
   text-align: center;
 }
 .our-mission-box .policy-description{
  font-size: 11px;
  color: #808080;
  text-align: left;
}
 .our-vision-box .vision-description{
   font-size: 11px;
   color: #808080;
   text-align: justify;
   text-align-last: center;
 }
}
@media only screen and (max-width: 525px) {
 .about-second-left-box{
   color: #808080;
   font-size: 12px;
   text-align: justify;
   text-align-last: center;
 }
 .our-mission-box{
   padding-right: 5px !important;
   padding-left: 5px !important;
 }
 .our-vision-box{
   padding-left: 5px !important;
   padding-right:5px !important;
 }
 .our-mission-box .card,
 .our-vision-box .card {
   width: 100%;
   height: 100%;
   padding: 10px;
   cursor: pointer;
   transition: transform 0.3s ease;
 }

 .our-vision-box .card:hover,
 .our-mission-box .card:hover {
   transform: translateY(-5px);
 }

 .our-mission-box .card:hover .mission-image {
   transform: rotateY(360deg);
 }

 .our-vision-box .card:hover .vision-image {
   transform: rotateY(360deg);
 }
 .our-mission-box .mission-image{
   width: 35%;
   height: auto;
   align-self: center;
   padding-top: 5px;
   padding-bottom: 5px;
   transition: transform 0.3s ease;
 }
 .our-mission-box .policy-image{
  width: 15%;
  height: auto;
  align-self: center;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: transform 0.3s ease;
}
 .our-vision-box .vision-image{
   width: 40%;
   height: auto;
   align-self: center;
   padding-top: 5px;
   padding-bottom: 5px;
   transition: transform 0.3s ease;
 } 
 .our-mission-box .mission-title{
   font-size: 13px;
   color: #fa6f10;
 }
 .our-vision-box .vision-title{
   font-size: 13px;
   color: #fa6f10;
 }
 .our-mission-box .mission-description{
   font-size: 11px;
   color: #808080;
   text-align: center;
 }
 .our-mission-box .policy-description{
  font-size: 11px;
  color: #808080;
  text-align: left;
}
 .our-vision-box .vision-description{
   font-size: 11px;
   color: #808080;
   text-align: justify;
   text-align-last: center;
 }
}
@media only screen and (max-width: 392px) {
 .about-second-left-box{
   color: #808080;
   font-size: 10px;
   text-align: justify;
   text-align-last: center;
 }
 .our-mission-box{
   padding-right: 5px !important;
   padding-left: 5px !important;
 }
 .our-vision-box{
   padding-left: 5px !important;
   padding-right: 5px !important;
 }
 .our-mission-box .card,
 .our-vision-box .card {
   width: 100%;
   height: 100%;
   padding: 10px;
   cursor: pointer;
   transition: transform 0.3s ease;
 }

 .our-vision-box .card:hover,
 .our-mission-box .card:hover {
   transform: translateY(-5px);
 }

 .our-mission-box .mission-image{
   display: none;
 }
 .our-vision-box .vision-image{
   display: none;
 } 
 .our-mission-box .mission-title{
   font-size: 11px;
   color: #fa6f10;
 }
 .our-vision-box .vision-title{
   font-size: 11px;
   color: #fa6f10;
 }
 .our-mission-box .mission-description{
   font-size: 10px;
   color: #808080;
   text-align: center;
 }
 .our-mission-box .policy-description{
  font-size: 10px;
  color: #808080;
  text-align: left;
}
 .our-vision-box .vision-description{
   font-size: 10px;
   color: #808080;
   text-align: center;
 }
}
@media only screen and (max-width: 320px) {
 .about-second-left-box{
   color: #808080;
   font-size: 10px;
   text-align: justify;
   text-align-last: center;
 }
 .our-mission-box{
   padding-right: 5px !important;
   padding-left: 5px !important;
 }
 .our-vision-box{
   padding-left: 5px !important;
   padding-right: 5px !important;
 }
 .our-mission-box .card,
 .our-vision-box .card {
   width: 100%;
   height: 100%;
   padding: 10px;
   cursor: pointer;
   transition: transform 0.3s ease;
 }

 .our-vision-box .card:hover,
 .our-mission-box .card:hover {
   transform: translateY(-5px);
 }

 .our-mission-box .mission-image{
   display: none;
 }
 .our-vision-box .vision-image{
   display: none;
 } 
 .our-mission-box .mission-title{
   font-size: 11px;
   color: #fa6f10;
 }
 .our-vision-box .vision-title{
   font-size: 11px;
   color: #fa6f10;
 }
 .our-mission-box .mission-description{
   font-size: 10px;
   color: #808080;
   text-align: center;
 }
 .our-mission-box .policy-description{
  font-size: 10px;
  color: #808080;
  text-align: left;
}
 .our-vision-box .vision-description{
   font-size: 10px;
   color: #808080;
   text-align: center;
   
 }
}

/* Right Box */
@media only screen and (min-width: 1400px) {
 /* Container */
 .about-second-right-box{
   display: block;
   padding: 20px;
 }
 .about-second-right-box .image-box{
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;
   padding-top: 30px;
 }
 .about-second-right-box .image-box img {
   width: 40%;
   height: auto;
   transition: transform 0.5s ease-out;
   cursor: grab;
   user-select: none;
 }
 .grabbing {
   cursor: grabbing;
 }  
 .about-second-right-box .about-shadow-box{
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;
   padding-top: 50px;
 }
 .about-second-right-box .about-shadow-box img{
   width: 40%;
   height: 20px;
   animation: shadow 0.8s ease-in-out infinite;
 }
 @keyframes shadow {
   0% {
       width: 35%;
   }

   50% {
       width: 30%;
   }

   100% {
       width: 35%;
   }
 }
 .about-second-right-box .name-box{
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;
   padding-top: 20px;
 }
 .about-second-right-box .name-box span{
   font-size: 24px;
   color: black;
   text-transform: uppercase;
   font-weight: bold;
 }
}
@media only screen and (max-width: 1399px) {
/* Container */
.about-second-right-box{
 display: block;
 padding: 60px;
}
.about-second-right-box .image-box{
 width: 100%;
 height: 100%;
 display: flex;
 justify-content: center;
 padding-top: 30px;
}
.about-second-right-box .image-box img {
 width: 40%;
 height: auto;
 transition: transform 0.5s ease-out;
 cursor: grab;
 user-select: none;
}
.grabbing {
 cursor: grabbing;
}  
.about-second-right-box .about-shadow-box{
 width: 100%;
 height: 100%;
 display: flex;
 justify-content: center;
 padding-top: 50px;
}
.about-second-right-box .about-shadow-box img{
 width: 40%;
 height: 20px;
 animation: shadow 0.8s ease-in-out infinite;
}
@keyframes shadow {
 0% {
     width: 35%;
 }

 50% {
     width: 30%;
 }

 100% {
     width: 35%;
 }
}
.about-second-right-box .name-box{
 width: 100%;
 height: 100%;
 display: flex;
 justify-content: center;
 padding-top: 20px;
}
.about-second-right-box .name-box span{
 font-size: 20px;
 color: black;
 text-transform: uppercase;
 font-weight: bold;
}
}
@media only screen and (max-width: 1199px) {
 /* Container */
 .about-second-right-box{
  display: block;
  padding: 80px;
}
.about-second-right-box .image-box{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  padding-top: 30px;
}
.about-second-right-box .image-box img {
  width: 40%;
  height: auto;
  transition: transform 0.5s ease-out;
  cursor: grab;
  user-select: none;
}
.grabbing {
  cursor: grabbing;
}  
.about-second-right-box .about-shadow-box{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  padding-top: 50px;
}
.about-second-right-box .about-shadow-box img{
  width: 40%;
  height: 20px;
  animation: shadow 0.8s ease-in-out infinite;
}
@keyframes shadow {
  0% {
      width: 35%;
  }

  50% {
      width: 30%;
  }

  100% {
      width: 35%;
  }
}
.about-second-right-box .name-box{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  padding-top: 20px;
}
.about-second-right-box .name-box span{
  font-size: 16px;
  color: black;
  text-transform: uppercase;
  font-weight: bold;
}
}
@media only screen and (max-width: 991px) {
 /* Container */
 .about-second-right-box{
   display: none;
 }
}

/* Banner / Team Carousel */
@media only screen and (min-width: 2561px) {
 .about-second-section-container{
   padding-bottom: 0px;
 }
 .about-second-section-container .about-second-image-banner{
   width: 50%;
   height: auto;
   align-self: self-end;
   margin-top: 5%;
 }
 .our-team-container{
   margin-top: 5%;
 }
 .our-team-container .our-team-circle{
   width: 10px;
   height: 10px;
   background: #1f2835;
   border-radius: 100%;
   margin-top: 8px;
 }
 .our-team-container .our-team-circle-two{
   width: 10px;
   height: 10px;
   background: #fa6f10;
   border-radius: 100%;
   margin-top: 8px;
 }
 .our-team-container .our-team-title{
   color: #fa6f10;
   font-size: 18px;
   text-transform: uppercase;
   padding-left: 25px;
   padding-right: 25px;
 }
 .our-team-container .our-expert-title{
   font-size: 35px;
   font-weight: bold;
   color: black;
 }
 .our-team-container .wrapper {
   width: 100%;
   position: relative;
 }
 .our-team-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 4) - 5px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 16px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .our-team-container .carousel::-webkit-scrollbar {
   display: none;
 }
 .our-team-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .our-team-container li{
   list-style: none;
 }
 .our-team-container .carousel .card {
   scroll-snap-align: start;
   height: 225px; 
   list-style: none;
   background: transparent;
   cursor: pointer;
   border-radius: 20px;
   padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
   box-sizing: border-box; 
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 .our-team-container .carousel .card img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain; 
 }
 .our-team-container .team-name{
   color: black;
   font-weight: bold;
   font-size: 23px;
   padding-left: 20px;
 }
 .our-team-container .team-position-box{
   margin-top: 0px;
 }
 .our-team-container .team-position{
   color: black;
   font-size: 18px;
   padding-left: 20px;
 }
 .our-team-container .team-social-media-box{
   margin-left: 15px;
   margin-top: 10px;
   gap: 5px;
   display: flex;
   flex-direction: row;
 }
 .our-team-container .team-social-media-box a{
   text-decoration: none;
 }
 .our-team-container .team-social-media-box i{
   background: #1f2835;
   border-radius: 100%;
   color: white;
   font-size: 18px;
   width: 40px;
   height: 40px;
   display: flex;
   justify-content: center; 
   align-items: center;
   transition: transform 0.3s ease-in-out;
 }
 .team-social-media-box i:hover{
  transform: translateY(-5px);
}
 .our-team-container .our-team-button{
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 100px;
 }
 .our-team-container .our-team-button i {
   height: 50px;
   width: 50px;
   cursor: pointer;
   font-size: 1.25rem;
   text-align: center;
   line-height: 50px;
   background: #1f2835;
   color: white;
   border-radius: 20px;
   box-shadow: 0 3px 6px rgba(0,0,0,0.23);
   transform: translateY(-50%);
   transition: transform 0.1s linear;
 }
 .our-team-container .our-team-button i:active{
   transform: translateY(-50%) scale(0.85);
 }
}
@media only screen and (max-width: 2560px) {
 .about-second-section-container{
   padding-bottom: 5%;
 }
 .about-second-section-container .about-second-image-banner{
   width: 50%;
   height: auto;
   align-self: self-end;
   margin-top: 5%;
 }
 .our-team-container{
   margin-top: 5%;
 }
 .our-team-container .our-team-circle{
   width: 10px;
   height: 10px;
   background: #1f2835;
   border-radius: 100%;
   margin-top: 8px;
 }
 .our-team-container .our-team-circle-two{
   width: 10px;
   height: 10px;
   background: #fa6f10;
   border-radius: 100%;
   margin-top: 8px;
 }
 .our-team-container .our-team-title{
   color: #fa6f10;
   font-size: 18px;
   text-transform: uppercase;
   padding-left: 25px;
   padding-right: 25px;
 }
 .our-team-container .our-expert-title{
   font-size: 35px;
   font-weight: bold;
   color: black;
 }
 .our-team-container .wrapper {
   width: 100%;
   position: relative;
 }
 .our-team-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 4) - 5px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 16px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .our-team-container .carousel::-webkit-scrollbar {
   display: none;
 }
 .our-team-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .our-team-container li{
   list-style: none;
 }
 .our-team-container .carousel .card {
   scroll-snap-align: start;
   height: 225px; 
   list-style: none;
   background: transparent;
   cursor: pointer;
   border-radius: 20px;
   padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
   box-sizing: border-box; 
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 .our-team-container .carousel .card img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain; 
 }
 .our-team-container .team-name{
   color: black;
   font-weight: bold;
   font-size: 23px;
   padding-left: 20px;
 }
 .our-team-container .team-position-box{
   margin-top: 0px;
 }
 .our-team-container .team-position{
   color: black;
   font-size: 18px;
   padding-left: 20px;
 }
 .our-team-container .team-social-media-box{
   margin-left: 15px;
   margin-top: 10px;
   gap: 5px;
   display: flex;
   flex-direction: row;
 }
 .our-team-container .team-social-media-box a{
   text-decoration: none;
 }
 .our-team-container .team-social-media-box i{
   background: #1f2835;
   border-radius: 100%;
   color: white;
   font-size: 18px;
   width: 40px;
   height: 40px;
   display: flex;
   justify-content: center; 
   align-items: center;
   transition: transform 0.3s ease-in-out;
 }
 .team-social-media-box i:hover{
  transform: translateY(-5px);
}
 .our-team-container .our-team-button{
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 100px;
 }
 .our-team-container .our-team-button i {
   height: 50px;
   width: 50px;
   cursor: pointer;
   font-size: 1.25rem;
   text-align: center;
   line-height: 50px;
   background: #1f2835;
   color: white;
   border-radius: 20px;
   box-shadow: 0 3px 6px rgba(0,0,0,0.23);
   transform: translateY(-50%);
   transition: transform 0.1s linear;
 }
 .our-team-container .our-team-button i:active{
   transform: translateY(-50%) scale(0.85);
 }
}
@media only screen and (max-width: 2339px) {
 .about-second-section-container{
   padding-bottom: 5%;
 }
 .about-second-section-container .about-second-image-banner{
   width: 50%;
   height: auto;
   align-self: self-end;
   margin-top: 10%;
 }
 .our-team-container{
   margin-top: 5%;
 }
 .our-team-container .our-team-circle{
   width: 10px;
   height: 10px;
   background: #1f2835;
   border-radius: 100%;
   margin-top: 8px;
 }
 .our-team-container .our-team-circle-two{
   width: 10px;
   height: 10px;
   background: #fa6f10;
   border-radius: 100%;
   margin-top: 8px;
 }
 .our-team-container .our-team-title{
   color: #fa6f10;
   font-size: 18px;
   text-transform: uppercase;
   padding-left: 25px;
   padding-right: 25px;
 }
 .our-team-container .our-expert-title{
   font-size: 35px;
   font-weight: bold;
   color: black;
 }
 .our-team-container .wrapper {
   width: 100%;
   position: relative;
 }
 .our-team-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 4) - 5px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 16px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .our-team-container .carousel::-webkit-scrollbar {
   display: none;
 }
 .our-team-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .our-team-container li{
   list-style: none;
 }
 .our-team-container .carousel .card {
   scroll-snap-align: start;
   height: 225px; 
   list-style: none;
   background: transparent;
   cursor: pointer;
   border-radius: 20px;
   padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
   box-sizing: border-box; 
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 .our-team-container .carousel .card img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain; 
 }
 .our-team-container .team-name{
   color: black;
   font-weight: bold;
   font-size: 23px;
   padding-left: 20px;
 }
 .our-team-container .team-position-box{
   margin-top: 0px;
 }
 .our-team-container .team-position{
   color: black;
   font-size: 18px;
   padding-left: 20px;
 }
 .our-team-container .team-social-media-box{
   margin-left: 15px;
   margin-top: 10px;
   gap: 5px;
   display: flex;
   flex-direction: row;
 }
 .our-team-container .team-social-media-box a{
   text-decoration: none;
 }
 .our-team-container .team-social-media-box i{
   background: #1f2835;
   border-radius: 100%;
   color: white;
   font-size: 18px;
   width: 40px;
   height: 40px;
   display: flex;
   justify-content: center; 
   align-items: center;
   transition: transform 0.3s ease-in-out;
 }
 .team-social-media-box i:hover{
  transform: translateY(-5px);
}
 .our-team-container .our-team-button{
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 100px;
 }
 .our-team-container .our-team-button i {
   height: 50px;
   width: 50px;
   cursor: pointer;
   font-size: 1.25rem;
   text-align: center;
   line-height: 50px;
   background: #1f2835;
   color: white;
   border-radius: 20px;
   box-shadow: 0 3px 6px rgba(0,0,0,0.23);
   transform: translateY(-50%);
   transition: transform 0.1s linear;
 }
 .our-team-container .our-team-button i:active{
   transform: translateY(-50%) scale(0.85);
 }
}
@media only screen and (max-width: 2060px) {
 .about-second-section-container{
   padding-bottom: 5%;
 }
 .about-second-section-container .about-second-image-banner{
   width: 50%;
   height: auto;
   align-self: self-end;
   margin-top: 14%;
 }
 .our-team-container{
   margin-top: 5%;
 }
 .our-team-container .our-team-circle{
   width: 10px;
   height: 10px;
   background: #1f2835;
   border-radius: 100%;
   margin-top: 8px;
 }
 .our-team-container .our-team-circle-two{
   width: 10px;
   height: 10px;
   background: #fa6f10;
   border-radius: 100%;
   margin-top: 8px;
 }
 .our-team-container .our-team-title{
   color: #fa6f10;
   font-size: 18px;
   text-transform: uppercase;
   padding-left: 25px;
   padding-right: 25px;
 }
 .our-team-container .our-expert-title{
   font-size: 35px;
   font-weight: bold;
   color: black;
 }
 .our-team-container .wrapper {
   width: 100%;
   position: relative;
 }
 .our-team-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 4) - 5px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 16px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .our-team-container .carousel::-webkit-scrollbar {
   display: none;
 }
 .our-team-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .our-team-container li{
   list-style: none;
 }
 .our-team-container .carousel .card {
   scroll-snap-align: start;
   height: 225px; 
   list-style: none;
   background: transparent;
   cursor: pointer;
   border-radius: 20px;
   padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
   box-sizing: border-box; 
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 .our-team-container .carousel .card img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain; 
 }
 .our-team-container .team-name{
   color: black;
   font-weight: bold;
   font-size: 23px;
   padding-left: 20px;
 }
 .our-team-container .team-position-box{
   margin-top: 0px;
 }
 .our-team-container .team-position{
   color: black;
   font-size: 18px;
   padding-left: 20px;
 }
 .our-team-container .team-social-media-box{
   margin-left: 15px;
   margin-top: 10px;
   gap: 5px;
   display: flex;
   flex-direction: row;
 }
 .our-team-container .team-social-media-box a{
   text-decoration: none;
 }
 .our-team-container .team-social-media-box i{
   background: #1f2835;
   border-radius: 100%;
   color: white;
   font-size: 18px;
   width: 40px;
   height: 40px;
   display: flex;
   justify-content: center; 
   align-items: center;
   transition: transform 0.3s ease-in-out;
 }
 .team-social-media-box i:hover{
  transform: translateY(-5px);
}
 .our-team-container .our-team-button{
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 100px;
 }
 .our-team-container .our-team-button i {
   height: 50px;
   width: 50px;
   cursor: pointer;
   font-size: 1.25rem;
   text-align: center;
   line-height: 50px;
   background: #1f2835;
   color: white;
   border-radius: 20px;
   box-shadow: 0 3px 6px rgba(0,0,0,0.23);
   transform: translateY(-50%);
   transition: transform 0.1s linear;
 }
 .our-team-container .our-team-button i:active{
   transform: translateY(-50%) scale(0.85);
 }
}
@media only screen and (max-width: 1920px) {
 .about-second-section-container{
   padding-bottom: 5%;
 }
 .about-second-section-container .about-second-image-banner{
   width: 50%;
   height: auto;
   align-self: self-end;
   margin-top: 15%;
 }
 .our-team-container{
   margin-top: 5%;
 }
 .our-team-container .our-team-circle{
   width: 10px;
   height: 10px;
   background: #1f2835;
   border-radius: 100%;
   margin-top: 8px;
 }
 .our-team-container .our-team-circle-two{
   width: 10px;
   height: 10px;
   background: #fa6f10;
   border-radius: 100%;
   margin-top: 8px;
 }
 .our-team-container .our-team-title{
   color: #fa6f10;
   font-size: 18px;
   text-transform: uppercase;
   padding-left: 25px;
   padding-right: 25px;
 }
 .our-team-container .our-expert-title{
   font-size: 35px;
   font-weight: bold;
   color: black;
 }
 .our-team-container .wrapper {
   width: 100%;
   position: relative;
 }
 .our-team-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 4) - 5px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 16px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .our-team-container .carousel::-webkit-scrollbar {
   display: none;
 }
 .our-team-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .our-team-container li{
   list-style: none;
 }
 .our-team-container .carousel .card {
   scroll-snap-align: start;
   height: 225px; 
   list-style: none;
   background: transparent;
   cursor: pointer;
   border-radius: 20px;
   padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
   box-sizing: border-box; 
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 .our-team-container .carousel .card img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain; 
 }
 .our-team-container .team-name{
   color: black;
   font-weight: bold;
   font-size: 23px;
   padding-left: 20px;
 }
 .our-team-container .team-position-box{
   margin-top: 0px;
 }
 .our-team-container .team-position{
   color: black;
   font-size: 18px;
   padding-left: 20px;
 }
 .our-team-container .team-social-media-box{
   margin-left: 15px;
   margin-top: 10px;
   gap: 5px;
   display: flex;
   flex-direction: row;
 }
 .our-team-container .team-social-media-box a{
   text-decoration: none;
 }
 .our-team-container .team-social-media-box i{
   background: #1f2835;
   border-radius: 100%;
   color: white;
   font-size: 18px;
   width: 40px;
   height: 40px;
   display: flex;
   justify-content: center; 
   align-items: center;
   transition: transform 0.3s ease-in-out;
 }
 .team-social-media-box i:hover{
  transform: translateY(-5px);
}
 .our-team-container .our-team-button{
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 100px;
 }
 .our-team-container .our-team-button i {
   height: 50px;
   width: 50px;
   cursor: pointer;
   font-size: 1.25rem;
   text-align: center;
   line-height: 50px;
   background: #1f2835;
   color: white;
   border-radius: 20px;
   box-shadow: 0 3px 6px rgba(0,0,0,0.23);
   transform: translateY(-50%);
   transition: transform 0.1s linear;
 }
 .our-team-container .our-team-button i:active{
   transform: translateY(-50%) scale(0.85);
 }
}
@media only screen and (max-width: 1800px) {
 .about-second-section-container{
   padding-bottom: 5%;
 }
 .about-second-section-container .about-second-image-banner{
   width: 50%;
   height: auto;
   align-self: self-end;
   margin-top: 18%;
 }
 .our-team-container{
   margin-top: 5%;
 }
 .our-team-container .our-team-circle{
   width: 10px;
   height: 10px;
   background: #1f2835;
   border-radius: 100%;
   margin-top: 8px;
 }
 .our-team-container .our-team-circle-two{
   width: 10px;
   height: 10px;
   background: #fa6f10;
   border-radius: 100%;
   margin-top: 8px;
 }
 .our-team-container .our-team-title{
   color: #fa6f10;
   font-size: 18px;
   text-transform: uppercase;
   padding-left: 25px;
   padding-right: 25px;
 }
 .our-team-container .our-expert-title{
   font-size: 35px;
   font-weight: bold;
   color: black;
 }
 .our-team-container .wrapper {
   width: 100%;
   position: relative;
 }
 .our-team-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 4) - 5px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 16px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .our-team-container .carousel::-webkit-scrollbar {
   display: none;
 }
 .our-team-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .our-team-container li{
   list-style: none;
 }
 .our-team-container .carousel .card {
   scroll-snap-align: start;
   height: 225px; 
   list-style: none;
   background: transparent;
   cursor: pointer;
   border-radius: 20px;
   padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
   box-sizing: border-box; 
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 .our-team-container .carousel .card img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain; 
 }
 .our-team-container .team-name{
   color: black;
   font-weight: bold;
   font-size: 23px;
   padding-left: 20px;
 }
 .our-team-container .team-position-box{
   margin-top: 0px;
 }
 .our-team-container .team-position{
   color: black;
   font-size: 18px;
   padding-left: 20px;
 }
 .our-team-container .team-social-media-box{
   margin-left: 15px;
   margin-top: 10px;
   gap: 5px;
   display: flex;
   flex-direction: row;
 }
 .our-team-container .team-social-media-box a{
   text-decoration: none;
 }
 .our-team-container .team-social-media-box i{
   background: #1f2835;
   border-radius: 100%;
   color: white;
   font-size: 18px;
   width: 40px;
   height: 40px;
   display: flex;
   justify-content: center; 
   align-items: center;
   transition: transform 0.3s ease-in-out;
 }
 .team-social-media-box i:hover{
  transform: translateY(-5px);
}
 .our-team-container .our-team-button{
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 100px;
 }
 .our-team-container .our-team-button i {
   height: 50px;
   width: 50px;
   cursor: pointer;
   font-size: 1.25rem;
   text-align: center;
   line-height: 50px;
   background: #1f2835;
   color: white;
   border-radius: 20px;
   box-shadow: 0 3px 6px rgba(0,0,0,0.23);
   transform: translateY(-50%);
   transition: transform 0.1s linear;
 }
 .our-team-container .our-team-button i:active{
   transform: translateY(-50%) scale(0.85);
 }
}
@media only screen and (max-width: 1650px) {
 .about-second-section-container{
   padding-bottom: 100%;
 }
 .about-second-section-container .about-second-image-banner{
   width: 50%;
   height: auto;
   align-self: self-end;
   margin-top: 22%;
 }
 .our-team-container{
   margin-top: 5%;
 }
 .our-team-container .our-team-circle{
   width: 10px;
   height: 10px;
   background: #1f2835;
   border-radius: 100%;
   margin-top: 8px;
 }
 .our-team-container .our-team-circle-two{
   width: 10px;
   height: 10px;
   background: #fa6f10;
   border-radius: 100%;
   margin-top: 8px;
 }
 .our-team-container .our-team-title{
   color: #fa6f10;
   font-size: 18px;
   text-transform: uppercase;
   padding-left: 25px;
   padding-right: 25px;
 }
 .our-team-container .our-expert-title{
   font-size: 35px;
   font-weight: bold;
   color: black;
 }
 .our-team-container .wrapper {
   width: 100%;
   position: relative;
 }
 .our-team-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 4) - 5px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 16px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .our-team-container .carousel::-webkit-scrollbar {
   display: none;
 }
 .our-team-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .our-team-container li{
   list-style: none;
 }
 .our-team-container .carousel .card {
   scroll-snap-align: start;
   height: 225px; 
   list-style: none;
   background: transparent;
   cursor: pointer;
   border-radius: 20px;
   padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
   box-sizing: border-box; 
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 .our-team-container .carousel .card img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain; 
 }
 .our-team-container .team-name{
   color: black;
   font-weight: bold;
   font-size: 23px;
   padding-left: 20px;
 }
 .our-team-container .team-position-box{
   margin-top: 0px;
 }
 .our-team-container .team-position{
   color: black;
   font-size: 18px;
   padding-left: 20px;
 }
 .our-team-container .team-social-media-box{
   margin-left: 15px;
   margin-top: 10px;
   gap: 5px;
   display: flex;
   flex-direction: row;
 }
 .our-team-container .team-social-media-box a{
   text-decoration: none;
 }
 .our-team-container .team-social-media-box i{
   background: #1f2835;
   border-radius: 100%;
   color: white;
   font-size: 18px;
   width: 40px;
   height: 40px;
   display: flex;
   justify-content: center; 
   align-items: center;
   transition: transform 0.3s ease-in-out;
 }
 .team-social-media-box i:hover{
  transform: translateY(-5px);
}
 .our-team-container .our-team-button{
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 100px;
 }
 .our-team-container .our-team-button i {
   height: 50px;
   width: 50px;
   cursor: pointer;
   font-size: 1.25rem;
   text-align: center;
   line-height: 50px;
   background: #1f2835;
   color: white;
   border-radius: 20px;
   box-shadow: 0 3px 6px rgba(0,0,0,0.23);
   transform: translateY(-50%);
   transition: transform 0.1s linear;
 }
 .our-team-container .our-team-button i:active{
   transform: translateY(-50%) scale(0.85);
 }
}
@media only screen and (max-width: 1550px) {
 .about-second-section-container{
   padding-bottom: 100%;
 }
 .about-second-section-container .about-second-image-banner{
   width: 50%;
   height: auto;
   align-self: self-end;
   margin-top: 25%;
 }
 .our-team-container{
   margin-top: 5%;
 }
 .our-team-container .our-team-circle{
   width: 10px;
   height: 10px;
   background: #1f2835;
   border-radius: 100%;
   margin-top: 8px;
 }
 .our-team-container .our-team-circle-two{
   width: 10px;
   height: 10px;
   background: #fa6f10;
   border-radius: 100%;
   margin-top: 8px;
 }
 .our-team-container .our-team-title{
   color: #fa6f10;
   font-size: 18px;
   text-transform: uppercase;
   padding-left: 25px;
   padding-right: 25px;
 }
 .our-team-container .our-expert-title{
   font-size: 35px;
   font-weight: bold;
   color: black;
 }
 .our-team-container .wrapper {
   width: 100%;
   position: relative;
 }
 .our-team-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 4) - 5px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 16px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .our-team-container .carousel::-webkit-scrollbar {
   display: none;
 }
 .our-team-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .our-team-container li{
   list-style: none;
 }
 .our-team-container .carousel .card {
   scroll-snap-align: start;
   height: 225px; 
   list-style: none;
   background: transparent;
   cursor: pointer;
   border-radius: 20px;
   padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
   box-sizing: border-box; 
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 .our-team-container .carousel .card img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain; 
 }
 .our-team-container .team-name{
   color: black;
   font-weight: bold;
   font-size: 23px;
   padding-left: 20px;
 }
 .our-team-container .team-position-box{
   margin-top: 0px;
 }
 .our-team-container .team-position{
   color: black;
   font-size: 18px;
   padding-left: 20px;
 }
 .our-team-container .team-social-media-box{
   margin-left: 15px;
   margin-top: 10px;
   gap: 5px;
   display: flex;
   flex-direction: row;
 }
 .our-team-container .team-social-media-box a{
   text-decoration: none;
 }
 .our-team-container .team-social-media-box i{
   background: #1f2835;
   border-radius: 100%;
   color: white;
   font-size: 18px;
   width: 40px;
   height: 40px;
   display: flex;
   justify-content: center; 
   align-items: center;
   transition: transform 0.3s ease-in-out;
 }
 .team-social-media-box i:hover{
  transform: translateY(-5px);
}
 .our-team-container .our-team-button{
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 70px;
 }
 .our-team-container .our-team-button i {
   height: 50px;
   width: 50px;
   cursor: pointer;
   font-size: 1.25rem;
   text-align: center;
   line-height: 50px;
   background: #1f2835;
   color: white;
   border-radius: 20px;
   box-shadow: 0 3px 6px rgba(0,0,0,0.23);
   transform: translateY(-50%);
   transition: transform 0.1s linear;
 }
 .our-team-container .our-team-button i:active{
   transform: translateY(-50%) scale(0.85);
 }
}
@media only screen and (max-width: 1450px) {
 .about-second-section-container{
   padding-bottom: 50%;
 }
 .about-second-section-container .about-second-image-banner{
   width: 50%;
   height: auto;
   align-self: self-end;
   margin-top: 30%;
 }
 .our-team-container{
   margin-top: 5%;
 }
 .our-team-container .our-team-circle{
   width: 10px;
   height: 10px;
   background: #1f2835;
   border-radius: 100%;
   margin-top: 8px;
 }
 .our-team-container .our-team-circle-two{
   width: 10px;
   height: 10px;
   background: #fa6f10;
   border-radius: 100%;
   margin-top: 8px;
 }
 .our-team-container .our-team-title{
   color: #fa6f10;
   font-size: 18px;
   text-transform: uppercase;
   padding-left: 25px;
   padding-right: 25px;
 }
 .our-team-container .our-expert-title{
   font-size: 35px;
   font-weight: bold;
   color: black;
 }
 .our-team-container .wrapper {
   width: 100%;
   position: relative;
 }
 .our-team-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 4) - 5px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 16px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .our-team-container .carousel::-webkit-scrollbar {
   display: none;
 }
 .our-team-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .our-team-container li{
   list-style: none;
 }
 .our-team-container .carousel .card {
   scroll-snap-align: start;
   height: 225px; 
   list-style: none;
   background: transparent;
   cursor: pointer;
   border-radius: 20px;
   padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
   box-sizing: border-box; 
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 .our-team-container .carousel .card img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain; 
 }
 .our-team-container .team-name{
   color: black;
   font-weight: bold;
   font-size: 23px;
   padding-left: 20px;
 }
 .our-team-container .team-position-box{
   margin-top: 0px;
 }
 .our-team-container .team-position{
   color: black;
   font-size: 18px;
   padding-left: 20px;
 }
 .our-team-container .team-social-media-box{
   margin-left: 15px;
   margin-top: 10px;
   gap: 5px;
   display: flex;
   flex-direction: row;
 }
 .our-team-container .team-social-media-box a{
   text-decoration: none;
 }
 .our-team-container .team-social-media-box i{
   background: #1f2835;
   border-radius: 100%;
   color: white;
   font-size: 18px;
   width: 40px;
   height: 40px;
   display: flex;
   justify-content: center; 
   align-items: center;
   transition: transform 0.3s ease-in-out;
 }
 .team-social-media-box i:hover{
  transform: translateY(-5px);
}
 .our-team-container .our-team-button{
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 70px;
 }
 .our-team-container .our-team-button i {
   height: 50px;
   width: 50px;
   cursor: pointer;
   font-size: 1.25rem;
   text-align: center;
   line-height: 50px;
   background: #1f2835;
   color: white;
   border-radius: 20px;
   box-shadow: 0 3px 6px rgba(0,0,0,0.23);
   transform: translateY(-50%);
   transition: transform 0.1s linear;
 }
 .our-team-container .our-team-button i:active{
   transform: translateY(-50%) scale(0.85);
 }
}
@media only screen and (max-width: 1399px) {
 .about-second-section-container{
   padding-bottom: 50%;
 }
 .about-second-section-container .about-second-image-banner{
   width: 50%;
   height: auto;
   align-self: self-end;
   margin-top: 30%;
 }
 .our-team-container{
   margin-top: 5%;
 }
 .our-team-container .our-team-circle{
   width: 10px;
   height: 10px;
   background: #1f2835;
   border-radius: 100%;
   margin-top: 8px;
 }
 .our-team-container .our-team-circle-two{
   width: 10px;
   height: 10px;
   background: #fa6f10;
   border-radius: 100%;
   margin-top: 8px;
 }
 .our-team-container .our-team-title{
   color: #fa6f10;
   font-size: 18px;
   text-transform: uppercase;
   padding-left: 25px;
   padding-right: 25px;
 }
 .our-team-container .our-expert-title{
   font-size: 35px;
   font-weight: bold;
   color: black;
 }
 .our-team-container .wrapper {
   width: 100%;
   position: relative;
 }
 .our-team-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 4) - 5px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 16px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .our-team-container .carousel::-webkit-scrollbar {
   display: none;
 }
 .our-team-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .our-team-container li{
   list-style: none;
 }
 .our-team-container .carousel .card {
   scroll-snap-align: start;
   height: 225px; 
   list-style: none;
   background: transparent;
   cursor: pointer;
   border-radius: 20px;
   padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
   box-sizing: border-box; 
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 .our-team-container .carousel .card img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain; 
 }
 .our-team-container .team-name{
   color: black;
   font-weight: bold;
   font-size: 23px;
   padding-left: 20px;
 }
 .our-team-container .team-position-box{
   margin-top: 0px;
 }
 .our-team-container .team-position{
   color: black;
   font-size: 18px;
   padding-left: 20px;
 }
 .our-team-container .team-social-media-box{
   margin-left: 15px;
   margin-top: 10px;
   gap: 5px;
   display: flex;
   flex-direction: row;
 }
 .our-team-container .team-social-media-box a{
   text-decoration: none;
 }
 .our-team-container .team-social-media-box i{
   background: #1f2835;
   border-radius: 100%;
   color: white;
   font-size: 18px;
   width: 40px;
   height: 40px;
   display: flex;
   justify-content: center; 
   align-items: center;
   transition: transform 0.3s ease-in-out;
 }
 .team-social-media-box i:hover{
  transform: translateY(-5px);
}
 .our-team-container .our-team-button{
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 70px;
 }
 .our-team-container .our-team-button i {
   height: 50px;
   width: 50px;
   cursor: pointer;
   font-size: 1.25rem;
   text-align: center;
   line-height: 50px;
   background: #1f2835;
   color: white;
   border-radius: 20px;
   box-shadow: 0 3px 6px rgba(0,0,0,0.23);
   transform: translateY(-50%);
   transition: transform 0.1s linear;
 }
 .our-team-container .our-team-button i:active{
   transform: translateY(-50%) scale(0.85);
 }
}
@media only screen and (max-width: 1310px) {
 .about-second-section-container{
   padding-bottom: 50%;
 }
 .about-second-section-container .about-second-image-banner{
   width: 50%;
   height: auto;
   align-self: self-end;
   margin-top: 35%;
 }
 .our-team-container{
   margin-top: 5%;
 }
 .our-team-container .our-team-circle{
   width: 10px;
   height: 10px;
   background: #1f2835;
   border-radius: 100%;
   margin-top: 8px;
 }
 .our-team-container .our-team-circle-two{
   width: 10px;
   height: 10px;
   background: #fa6f10;
   border-radius: 100%;
   margin-top: 8px;
 }
 .our-team-container .our-team-title{
   color: #fa6f10;
   font-size: 18px;
   text-transform: uppercase;
   padding-left: 25px;
   padding-right: 25px;
 }
 .our-team-container .our-expert-title{
   font-size: 35px;
   font-weight: bold;
   color: black;
 }
 .our-team-container .wrapper {
   width: 100%;
   position: relative;
 }
 .our-team-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 4) - 5px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 16px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .our-team-container .carousel::-webkit-scrollbar {
   display: none;
 }
 .our-team-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .our-team-container li{
   list-style: none;
 }
 .our-team-container .carousel .card {
   scroll-snap-align: start;
   height: 225px; 
   list-style: none;
   background: transparent;
   cursor: pointer;
   border-radius: 20px;
   padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
   box-sizing: border-box; 
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 .our-team-container .carousel .card img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain; 
 }
 .our-team-container .team-name{
   color: black;
   font-weight: bold;
   font-size: 23px;
   padding-left: 20px;
 }
 .our-team-container .team-position-box{
   margin-top: 0px;
 }
 .our-team-container .team-position{
   color: black;
   font-size: 18px;
   padding-left: 20px;
 }
 .our-team-container .team-social-media-box{
   margin-left: 15px;
   margin-top: 10px;
   gap: 5px;
   display: flex;
   flex-direction: row;
 }
 .our-team-container .team-social-media-box a{
   text-decoration: none;
 }
 .our-team-container .team-social-media-box i{
   background: #1f2835;
   border-radius: 100%;
   color: white;
   font-size: 18px;
   width: 40px;
   height: 40px;
   display: flex;
   justify-content: center; 
   align-items: center;
   transition: transform 0.3s ease-in-out;
 }
 .team-social-media-box i:hover{
  transform: translateY(-5px);
}
 .our-team-container .our-team-button{
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 70px;
 }
 .our-team-container .our-team-button i {
   height: 50px;
   width: 50px;
   cursor: pointer;
   font-size: 1.25rem;
   text-align: center;
   line-height: 50px;
   background: #1f2835;
   color: white;
   border-radius: 20px;
   box-shadow: 0 3px 6px rgba(0,0,0,0.23);
   transform: translateY(-50%);
   transition: transform 0.1s linear;
 }
 .our-team-container .our-team-button i:active{
   transform: translateY(-50%) scale(0.85);
 }
}
@media only screen and (max-width: 1245px) {
 .about-second-section-container{
   padding-bottom: 50%;
 }
 .about-second-section-container .about-second-image-banner{
   width: 50%;
   height: auto;
   align-self: self-end;
   margin-top: 35%;
 }
 .our-team-container{
   margin-top: 9%;
 }
 .our-team-container .our-team-circle{
   width: 10px;
   height: 10px;
   background: #1f2835;
   border-radius: 100%;
   margin-top: 8px;
 }
 .our-team-container .our-team-circle-two{
   width: 10px;
   height: 10px;
   background: #fa6f10;
   border-radius: 100%;
   margin-top: 8px;
 }
 .our-team-container .our-team-title{
   color: #fa6f10;
   font-size: 18px;
   text-transform: uppercase;
   padding-left: 25px;
   padding-right: 25px;
 }
 .our-team-container .our-expert-title{
   font-size: 35px;
   font-weight: bold;
   color: black;
 }
 .our-team-container .wrapper {
   width: 100%;
   position: relative;
 }
 .our-team-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 4) - 5px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 16px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .our-team-container .carousel::-webkit-scrollbar {
   display: none;
 }
 .our-team-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .our-team-container li{
   list-style: none;
 }
 .our-team-container .carousel .card {
   scroll-snap-align: start;
   height: 225px; 
   list-style: none;
   background: transparent;
   cursor: pointer;
   border-radius: 20px;
   padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
   box-sizing: border-box; 
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 .our-team-container .carousel .card img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain; 
 }
 .our-team-container .team-name{
   color: black;
   font-weight: bold;
   font-size: 23px;
   padding-left: 20px;
 }
 .our-team-container .team-position-box{
   margin-top: 0px;
 }
 .our-team-container .team-position{
   color: black;
   font-size: 18px;
   padding-left: 20px;
 }
 .our-team-container .team-social-media-box{
   margin-left: 15px;
   margin-top: 10px;
   gap: 5px;
   display: flex;
   flex-direction: row;
 }
 .our-team-container .team-social-media-box a{
   text-decoration: none;
 }
 .our-team-container .team-social-media-box i{
   background: #1f2835;
   border-radius: 100%;
   color: white;
   font-size: 18px;
   width: 40px;
   height: 40px;
   display: flex;
   justify-content: center; 
   align-items: center;
   transition: transform 0.3s ease-in-out;
 }
 .team-social-media-box i:hover{
  transform: translateY(-5px);
}
 .our-team-container .our-team-button{
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 70px;
 }
 .our-team-container .our-team-button i {
   height: 50px;
   width: 50px;
   cursor: pointer;
   font-size: 1.25rem;
   text-align: center;
   line-height: 50px;
   background: #1f2835;
   color: white;
   border-radius: 20px;
   box-shadow: 0 3px 6px rgba(0,0,0,0.23);
   transform: translateY(-50%);
   transition: transform 0.1s linear;
 }
 .our-team-container .our-team-button i:active{
   transform: translateY(-50%) scale(0.85);
 }
}
@media only screen and (max-width: 1199px) {
 .about-second-section-container{
   padding-bottom: 50%;
 }
 .about-second-section-container .about-second-image-banner{
   width: 50%;
   height: auto;
   align-self: self-end;
   margin-top: 40%;
 }
 .our-team-container{
   margin-top: 10%;
 }
 .our-team-container .our-team-circle{
   width: 10px;
   height: 10px;
   background: #1f2835;
   border-radius: 100%;
   margin-top: 8px;
 }
 .our-team-container .our-team-circle-two{
   width: 10px;
   height: 10px;
   background: #fa6f10;
   border-radius: 100%;
   margin-top: 8px;
 }
 .our-team-container .our-team-title{
   color: #fa6f10;
   font-size: 18px;
   text-transform: uppercase;
   padding-left: 25px;
   padding-right: 25px;
 }
 .our-team-container .our-expert-title{
   font-size: 35px;
   font-weight: bold;
   color: black;
 }
 .our-team-container .wrapper {
   width: 100%;
   position: relative;
 }
 .our-team-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 3) - 5px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 16px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .our-team-container .carousel::-webkit-scrollbar {
   display: none;
 }
 .our-team-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .our-team-container li{
   list-style: none;
 }
 .our-team-container .carousel .card {
   scroll-snap-align: start;
   height: 200px; 
   list-style: none;
   background: transparent;
   cursor: pointer;
   border-radius: 20px;
   padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
   box-sizing: border-box; 
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 .our-team-container .carousel .card img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain; 
 }
 .our-team-container .team-name{
   color: black;
   font-weight: bold;
   font-size: 23px;
   padding-left: 20px;
 }
 .our-team-container .team-position-box{
   margin-top: 0px;
 }
 .our-team-container .team-position{
   color: black;
   font-size: 18px;
   padding-left: 20px;
 }
 .our-team-container .team-social-media-box{
   margin-left: 15px;
   margin-top: 10px;
   gap: 5px;
   display: flex;
   flex-direction: row;
 }
 .our-team-container .team-social-media-box a{
   text-decoration: none;
 }
 .our-team-container .team-social-media-box i{
   background: #1f2835;
   border-radius: 100%;
   color: white;
   font-size: 18px;
   width: 40px;
   height: 40px;
   display: flex;
   justify-content: center; 
   align-items: center;
   transition: transform 0.3s ease-in-out;
 }
 .team-social-media-box i:hover{
  transform: translateY(-5px);
}
 .our-team-container .our-team-button{
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 50px;
 }
 .our-team-container .our-team-button i {
   height: 45px;
   width: 45px;
   cursor: pointer;
   font-size: 1.20rem;
   text-align: center;
   line-height: 45px;
   background: #1f2835;
   color: white;
   border-radius: 17px;
   box-shadow: 0 3px 6px rgba(0,0,0,0.23);
   transform: translateY(-50%);
   transition: transform 0.1s linear;
 }
 .our-team-container .our-team-button i:active{
   transform: translateY(-50%) scale(0.85);
 }
}
@media only screen and (max-width: 1120px) {
 .about-second-section-container{
   padding-bottom: 100%;
 }
 .about-second-section-container .about-second-image-banner{
   width: 50%;
   height: auto;
   align-self: self-end;
   margin-top: 45%;
 }
 .our-team-container{
   margin-top: 9%;
 }
 .our-team-container .our-team-circle{
   width: 10px;
   height: 10px;
   background: #1f2835;
   border-radius: 100%;
   margin-top: 8px;
 }
 .our-team-container .our-team-circle-two{
   width: 10px;
   height: 10px;
   background: #fa6f10;
   border-radius: 100%;
   margin-top: 8px;
 }
 .our-team-container .our-team-title{
   color: #fa6f10;
   font-size: 18px;
   text-transform: uppercase;
   padding-left: 25px;
   padding-right: 25px;
 }
 .our-team-container .our-expert-title{
   font-size: 35px;
   font-weight: bold;
   color: black;
 }
 .our-team-container .wrapper {
   width: 100%;
   position: relative;
 }
 .our-team-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 3) - 5px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 16px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .our-team-container .carousel::-webkit-scrollbar {
   display: none;
 }
 .our-team-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .our-team-container li{
   list-style: none;
 }
 .our-team-container .carousel .card {
   scroll-snap-align: start;
   height: 200px; 
   list-style: none;
   background: transparent;
   cursor: pointer;
   border-radius: 20px;
   padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
   box-sizing: border-box; 
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 .our-team-container .carousel .card img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain; 
 }
 .our-team-container .team-name{
   color: black;
   font-weight: bold;
   font-size: 23px;
   padding-left: 20px;
 }
 .our-team-container .team-position-box{
   margin-top: 0px;
 }
 .our-team-container .team-position{
   color: black;
   font-size: 18px;
   padding-left: 20px;
 }
 .our-team-container .team-social-media-box{
   margin-left: 15px;
   margin-top: 10px;
   gap: 5px;
   display: flex;
   flex-direction: row;
 }
 .our-team-container .team-social-media-box a{
   text-decoration: none;
 }
 .our-team-container .team-social-media-box i{
   background: #1f2835;
   border-radius: 100%;
   color: white;
   font-size: 18px;
   width: 40px;
   height: 40px;
   display: flex;
   justify-content: center; 
   align-items: center;
   transition: transform 0.3s ease-in-out;
 }
 .team-social-media-box i:hover{
  transform: translateY(-5px);
}
 .our-team-container .our-team-button{
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 50px;
 }
 .our-team-container .our-team-button i {
   height: 45px;
   width: 45px;
   cursor: pointer;
   font-size: 1.20rem;
   text-align: center;
   line-height: 45px;
   background: #1f2835;
   color: white;
   border-radius: 17px;
   box-shadow: 0 3px 6px rgba(0,0,0,0.23);
   transform: translateY(-50%);
   transition: transform 0.1s linear;
 }
 .our-team-container .our-team-button i:active{
   transform: translateY(-50%) scale(0.85);
 }
}
@media only screen and (max-width: 1060px) {
 .about-second-section-container{
   padding-bottom: 100%;
 }
 .about-second-section-container .about-second-image-banner{
   width: 50%;
   height: auto;
   align-self: self-end;
   margin-top: 50%;
 }
 .our-team-container{
   margin-top: 9%;
 }
 .our-team-container .our-team-circle{
   width: 10px;
   height: 10px;
   background: #1f2835;
   border-radius: 100%;
   margin-top: 8px;
 }
 .our-team-container .our-team-circle-two{
   width: 10px;
   height: 10px;
   background: #fa6f10;
   border-radius: 100%;
   margin-top: 8px;
 }
 .our-team-container .our-team-title{
   color: #fa6f10;
   font-size: 18px;
   text-transform: uppercase;
   padding-left: 25px;
   padding-right: 25px;
 }
 .our-team-container .our-expert-title{
   font-size: 35px;
   font-weight: bold;
   color: black;
 }
 .our-team-container .wrapper {
   width: 100%;
   position: relative;
 }
 .our-team-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 3) - 5px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 16px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .our-team-container .carousel::-webkit-scrollbar {
   display: none;
 }
 .our-team-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .our-team-container li{
   list-style: none;
 }
 .our-team-container .carousel .card {
   scroll-snap-align: start;
   height: 200px; 
   list-style: none;
   background: transparent;
   cursor: pointer;
   border-radius: 20px;
   padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
   box-sizing: border-box; 
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 .our-team-container .carousel .card img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain; 
 }
 .our-team-container .team-name{
   color: black;
   font-weight: bold;
   font-size: 23px;
   padding-left: 20px;
 }
 .our-team-container .team-position-box{
   margin-top: 0px;
 }
 .our-team-container .team-position{
   color: black;
   font-size: 18px;
   padding-left: 20px;
 }
 .our-team-container .team-social-media-box{
   margin-left: 15px;
   margin-top: 10px;
   gap: 5px;
   display: flex;
   flex-direction: row;
 }
 .our-team-container .team-social-media-box a{
   text-decoration: none;
 }
 .our-team-container .team-social-media-box i{
   background: #1f2835;
   border-radius: 100%;
   color: white;
   font-size: 18px;
   width: 40px;
   height: 40px;
   display: flex;
   justify-content: center; 
   align-items: center;
   transition: transform 0.3s ease-in-out;
 }
 .team-social-media-box i:hover{
  transform: translateY(-5px);
}
 .our-team-container .our-team-button{
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 50px;
 }
 .our-team-container .our-team-button i {
   height: 45px;
   width: 45px;
   cursor: pointer;
   font-size: 1.20rem;
   text-align: center;
   line-height: 45px;
   background: #1f2835;
   color: white;
   border-radius: 17px;
   box-shadow: 0 3px 6px rgba(0,0,0,0.23);
   transform: translateY(-50%);
   transition: transform 0.1s linear;
 }
 .our-team-container .our-team-button i:active{
   transform: translateY(-50%) scale(0.85);
 }
}
@media only screen and (max-width: 1020px) {
 .about-second-section-container{
   padding-bottom: 100%;
 }
 .about-second-section-container .about-second-image-banner{
   width: 50%;
   height: auto;
   align-self: self-end;
   margin-top: 54%;
 }
 .our-team-container{
   margin-top: 10%;
 }
 .our-team-container .our-team-circle{
   width: 10px;
   height: 10px;
   background: #1f2835;
   border-radius: 100%;
   margin-top: 8px;
 }
 .our-team-container .our-team-circle-two{
   width: 10px;
   height: 10px;
   background: #fa6f10;
   border-radius: 100%;
   margin-top: 8px;
 }
 .our-team-container .our-team-title{
   color: #fa6f10;
   font-size: 18px;
   text-transform: uppercase;
   padding-left: 25px;
   padding-right: 25px;
 }
 .our-team-container .our-expert-title{
   font-size: 35px;
   font-weight: bold;
   color: black;
 }
 .our-team-container .wrapper {
   width: 100%;
   position: relative;
 }
 .our-team-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 3) - 5px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 16px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .our-team-container .carousel::-webkit-scrollbar {
   display: none;
 }
 .our-team-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .our-team-container li{
   list-style: none;
 }
 .our-team-container .carousel .card {
   scroll-snap-align: start;
   height: 200px; 
   list-style: none;
   background: transparent;
   cursor: pointer;
   border-radius: 20px;
   padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
   box-sizing: border-box; 
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 .our-team-container .carousel .card img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain; 
 }
 .our-team-container .team-name{
   color: black;
   font-weight: bold;
   font-size: 23px;
   padding-left: 20px;
 }
 .our-team-container .team-position-box{
   margin-top: 0px;
 }
 .our-team-container .team-position{
   color: black;
   font-size: 18px;
   padding-left: 20px;
 }
 .our-team-container .team-social-media-box{
   margin-left: 15px;
   margin-top: 10px;
   gap: 5px;
   display: flex;
   flex-direction: row;
 }
 .our-team-container .team-social-media-box a{
   text-decoration: none;
 }
 .our-team-container .team-social-media-box i{
   background: #1f2835;
   border-radius: 100%;
   color: white;
   font-size: 18px;
   width: 40px;
   height: 40px;
   display: flex;
   justify-content: center; 
   align-items: center;
   transition: transform 0.3s ease-in-out;
 }
 .team-social-media-box i:hover{
  transform: translateY(-5px);
}
 .our-team-container .our-team-button{
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 50px;
 }
 .our-team-container .our-team-button i {
   height: 45px;
   width: 45px;
   cursor: pointer;
   font-size: 1.20rem;
   text-align: center;
   line-height: 45px;
   background: #1f2835;
   color: white;
   border-radius: 17px;
   box-shadow: 0 3px 6px rgba(0,0,0,0.23);
   transform: translateY(-50%);
   transition: transform 0.1s linear;
 }
 .our-team-container .our-team-button i:active{
   transform: translateY(-50%) scale(0.85);
 }
}
@media only screen and (max-width: 991px) {
 .about-second-section-container{
   padding-bottom: 100%;
 }
 .about-second-section-container .about-second-image-banner{
   width: 50%;
   height: auto;
   align-self: self-end;
   margin-top: 43%;
 }
 .our-team-container{
   margin-top: 20%;
 }
 .our-team-container .our-team-circle{
   width: 8px;
   height: 8px;
   background: #1f2835;
   border-radius: 100%;
   margin-top: 6px;
 }
 .our-team-container .our-team-circle-two{
   width: 8px;
   height: 8px;
   background: #fa6f10;
   border-radius: 100%;
   margin-top: 6px;
 }
 .our-team-container .our-team-title{
   color: #fa6f10;
   font-size: 15px;
   text-transform: uppercase;
   padding-left: 25px;
   padding-right: 25px;
 }
 .our-team-container .our-expert-title{
   font-size: 27px;
   font-weight: bold;
   color: black;
 }
 .our-team-container .wrapper {
   width: 100%;
   position: relative;
 }
 .our-team-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 3) - 1px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 16px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .our-team-container .carousel::-webkit-scrollbar {
   display: none;
 }
 .our-team-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .our-team-container li{
   list-style: none;
 }
 .our-team-container .carousel .card {
   scroll-snap-align: start;
   height: 175px; 
   list-style: none;
   background: transparent;
   cursor: pointer;
   border-radius: 20px;
   padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
   box-sizing: border-box; 
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 .our-team-container .carousel .card img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain; 
 }
 .our-team-container .team-name{
   color: black;
   font-weight: bold;
   font-size: 21px;
   padding-left: 15px;
 }
 .our-team-container .team-position-box{
   margin-top: 0px;
 }
 .our-team-container .team-position{
   color: black;
   font-size: 16px;
   padding-left: 15px;
 }
 .our-team-container .team-social-media-box{
   margin-left: 10px;
   margin-top: 10px;
   gap: 5px;
   display: flex;
   flex-direction: row;
 }
 .our-team-container .team-social-media-box a{
   text-decoration: none;
 }
 .our-team-container .team-social-media-box i{
   background: #1f2835;
   border-radius: 100%;
   color: white;
   font-size: 15px;
   width: 33px;
   height: 33px;
   display: flex;
   justify-content: center; 
   align-items: center;
   transition: transform 0.3s ease-in-out;
 }
 .team-social-media-box i:hover{
  transform: translateY(-5px);
}
 .our-team-container .our-team-button{
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 50px;
 }
 .our-team-container .our-team-button i {
   height: 40px;
   width: 40px;
   cursor: pointer;
   font-size: 1.15rem;
   text-align: center;
   line-height: 40px;
   background: #1f2835;
   color: white;
   border-radius: 17px;
   box-shadow: 0 3px 6px rgba(0,0,0,0.23);
   transform: translateY(-50%);
   transition: transform 0.1s linear;
 }
 .our-team-container .our-team-button i:active{
   transform: translateY(-50%) scale(0.85);
 }
}
@media only screen and (max-width: 891px) {
 .about-second-section-container{
   padding-bottom: 10%;
 }
 .about-second-section-container .about-second-image-banner{
   width: 50%;
   height: auto;
   align-self: self-end;
   margin-top: 50%;
 }
 .our-team-container{
   margin-top: 20%;
 }
 .our-team-container .our-team-circle{
   width: 8px;
   height: 8px;
   background: #1f2835;
   border-radius: 100%;
   margin-top: 6px;
 }
 .our-team-container .our-team-circle-two{
   width: 8px;
   height: 8px;
   background: #fa6f10;
   border-radius: 100%;
   margin-top: 6px;
 }
 .our-team-container .our-team-title{
   color: #fa6f10;
   font-size: 15px;
   text-transform: uppercase;
   padding-left: 25px;
   padding-right: 25px;
 }
 .our-team-container .our-expert-title{
   font-size: 27px;
   font-weight: bold;
   color: black;
 }
 .our-team-container .wrapper {
   width: 100%;
   position: relative;
 }
 .our-team-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 3) - 1px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 16px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .our-team-container .carousel::-webkit-scrollbar {
   display: none;
 }
 .our-team-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .our-team-container li{
   list-style: none;
 }
 .our-team-container .carousel .card {
   scroll-snap-align: start;
   height: 175px; 
   list-style: none;
   background: transparent;
   cursor: pointer;
   border-radius: 20px;
   padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
   box-sizing: border-box; 
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 .our-team-container .carousel .card img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain; 
 }
 .our-team-container .team-name{
   color: black;
   font-weight: bold;
   font-size: 21px;
   padding-left: 15px;
 }
 .our-team-container .team-position-box{
   margin-top: 0px;
 }
 .our-team-container .team-position{
   color: black;
   font-size: 16px;
   padding-left: 15px;
 }
 .our-team-container .team-social-media-box{
   margin-left: 10px;
   margin-top: 10px;
   gap: 5px;
   display: flex;
   flex-direction: row;
 }
 .our-team-container .team-social-media-box a{
   text-decoration: none;
 }
 .our-team-container .team-social-media-box i{
   background: #1f2835;
   border-radius: 100%;
   color: white;
   font-size: 15px;
   width: 33px;
   height: 33px;
   display: flex;
   justify-content: center; 
   align-items: center;
   transition: transform 0.3s ease-in-out;
 }
 .team-social-media-box i:hover{
  transform: translateY(-5px);
}
 .our-team-container .our-team-button{
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 50px;
 }
 .our-team-container .our-team-button i {
   height: 40px;
   width: 40px;
   cursor: pointer;
   font-size: 1.15rem;
   text-align: center;
   line-height: 40px;
   background: #1f2835;
   color: white;
   border-radius: 17px;
   box-shadow: 0 3px 6px rgba(0,0,0,0.23);
   transform: translateY(-50%);
   transition: transform 0.1s linear;
 }
 .our-team-container .our-team-button i:active{
   transform: translateY(-50%) scale(0.85);
 }
}
@media only screen and (max-width: 864px) {
 .about-second-section-container{
   padding-bottom: 10%;
 }
 .about-second-section-container .about-second-image-banner{
   width: 50%;
   height: auto;
   align-self: self-end;
   margin-top: 53%;
 }
 .our-team-container{
   margin-top: 20%;
 }
 .our-team-container .our-team-circle{
   width: 8px;
   height: 8px;
   background: #1f2835;
   border-radius: 100%;
   margin-top: 6px;
 }
 .our-team-container .our-team-circle-two{
   width: 8px;
   height: 8px;
   background: #fa6f10;
   border-radius: 100%;
   margin-top: 6px;
 }
 .our-team-container .our-team-title{
   color: #fa6f10;
   font-size: 15px;
   text-transform: uppercase;
   padding-left: 25px;
   padding-right: 25px;
 }
 .our-team-container .our-expert-title{
   font-size: 27px;
   font-weight: bold;
   color: black;
 }
 .our-team-container .wrapper {
   width: 100%;
   position: relative;
 }
 .our-team-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 3) - 1px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 16px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .our-team-container .carousel::-webkit-scrollbar {
   display: none;
 }
 .our-team-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .our-team-container li{
   list-style: none;
 }
 .our-team-container .carousel .card {
   scroll-snap-align: start;
   height: 175px; 
   list-style: none;
   background: transparent;
   cursor: pointer;
   border-radius: 20px;
   padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
   box-sizing: border-box; 
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 .our-team-container .carousel .card img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain; 
 }
 .our-team-container .team-name{
   color: black;
   font-weight: bold;
   font-size: 21px;
   padding-left: 15px;
 }
 .our-team-container .team-position-box{
   margin-top: 0px;
 }
 .our-team-container .team-position{
   color: black;
   font-size: 16px;
   padding-left: 15px;
 }
 .our-team-container .team-social-media-box{
   margin-left: 10px;
   margin-top: 10px;
   gap: 5px;
   display: flex;
   flex-direction: row;
 }
 .our-team-container .team-social-media-box a{
   text-decoration: none;
 }
 .our-team-container .team-social-media-box i{
   background: #1f2835;
   border-radius: 100%;
   color: white;
   font-size: 15px;
   width: 33px;
   height: 33px;
   display: flex;
   justify-content: center; 
   align-items: center;
   transition: transform 0.3s ease-in-out;
 }
 .team-social-media-box i:hover{
  transform: translateY(-5px);
}
 .our-team-container .our-team-button{
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 50px;
 }
 .our-team-container .our-team-button i {
   height: 40px;
   width: 40px;
   cursor: pointer;
   font-size: 1.15rem;
   text-align: center;
   line-height: 40px;
   background: #1f2835;
   color: white;
   border-radius: 17px;
   box-shadow: 0 3px 6px rgba(0,0,0,0.23);
   transform: translateY(-50%);
   transition: transform 0.1s linear;
 }
 .our-team-container .our-team-button i:active{
   transform: translateY(-50%) scale(0.85);
 }
}
@media only screen and (max-width: 805px) {
 .about-second-section-container{
   padding-bottom: 100%;
 }
 .about-second-section-container .about-second-image-banner{
   width: 50%;
   height: auto;
   align-self: self-end;
   margin-top: 58%;
 }
 .our-team-container{
   margin-top: 20%;
 }
 .our-team-container .our-team-circle{
   width: 8px;
   height: 8px;
   background: #1f2835;
   border-radius: 100%;
   margin-top: 6px;
 }
 .our-team-container .our-team-circle-two{
   width: 8px;
   height: 8px;
   background: #fa6f10;
   border-radius: 100%;
   margin-top: 6px;
 }
 .our-team-container .our-team-title{
   color: #fa6f10;
   font-size: 15px;
   text-transform: uppercase;
   padding-left: 25px;
   padding-right: 25px;
 }
 .our-team-container .our-expert-title{
   font-size: 27px;
   font-weight: bold;
   color: black;
 }
 .our-team-container .wrapper {
   width: 100%;
   position: relative;
 }
 .our-team-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 3) - 1px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 16px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .our-team-container .carousel::-webkit-scrollbar {
   display: none;
 }
 .our-team-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .our-team-container li{
   list-style: none;
 }
 .our-team-container .carousel .card {
   scroll-snap-align: start;
   height: 150px; 
   list-style: none;
   background: transparent;
   cursor: pointer;
   border-radius: 20px;
   padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
   box-sizing: border-box; 
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 .our-team-container .carousel .card img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain; 
 }
 .our-team-container .team-name{
   color: black;
   font-weight: bold;
   font-size: 21px;
   padding-left: 15px;
 }
 .our-team-container .team-position-box{
   margin-top: 0px;
 }
 .our-team-container .team-position{
   color: black;
   font-size: 16px;
   padding-left: 15px;
 }
 .our-team-container .team-social-media-box{
   margin-left: 10px;
   margin-top: 10px;
   gap: 5px;
   display: flex;
   flex-direction: row;
 }
 .our-team-container .team-social-media-box a{
   text-decoration: none;
 }
 .our-team-container .team-social-media-box i{
   background: #1f2835;
   border-radius: 100%;
   color: white;
   font-size: 15px;
   width: 30px;
   height: 30px;
   display: flex;
   justify-content: center; 
   align-items: center;
   transition: transform 0.3s ease-in-out;
 }
 .team-social-media-box i:hover{
  transform: translateY(-5px);
}
 .our-team-container .our-team-button{
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 50px;
 }
 .our-team-container .our-team-button i {
   height: 35px;
   width: 35px;
   cursor: pointer;
   font-size: 1rem;
   text-align: center;
   line-height: 35px;
   background: #1f2835;
   color: white;
   border-radius: 15px;
   box-shadow: 0 3px 6px rgba(0,0,0,0.23);
   transform: translateY(-50%);
   transition: transform 0.1s linear;
 }
 .our-team-container .our-team-button i:active{
   transform: translateY(-50%) scale(0.85);
 }
}
@media only screen and (max-width: 767px) {
 .about-second-section-container{
   padding-bottom: 10%;
 }
 .about-second-section-container .about-second-image-banner{
   width: 50%;
   height: auto;
   align-self: self-end;
   margin-top: 63%;
 }
 .our-team-container{
   margin-top: 25%;
 }
 .our-team-container .our-team-circle{
   width: 6px;
   height: 6px;
   background: #1f2835;
   border-radius: 100%;
   margin-top: 5px;
 }
 .our-team-container .our-team-circle-two{
   width: 6px;
   height: 6px;
   background: #fa6f10;
   border-radius: 100%;
   margin-top: 5px;
 }
 .our-team-container .our-team-title{
   color: #fa6f10;
   font-size: 12px;
   text-transform: uppercase;
   padding-left: 25px;
   padding-right: 25px;
 }
 .our-team-container .our-expert-title{
   font-size: 21px;
   font-weight: bold;
   color: black;
 }
 .our-team-container .wrapper {
   width: 100%;
   position: relative;
 }
 .our-team-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 3) - 1px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 16px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .our-team-container .carousel::-webkit-scrollbar {
   display: none;
 }
 .our-team-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .our-team-container li{
   list-style: none;
 }
 .our-team-container .carousel .card {
   scroll-snap-align: start;
   height: 125px; 
   list-style: none;
   background: transparent;
   cursor: pointer;
   border-radius: 20px;
   padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
   box-sizing: border-box; 
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 .our-team-container .carousel .card img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain; 
 }
 .our-team-container .team-name{
   color: black;
   font-weight: bold;
   font-size: 18px;
   padding-left: 15px;
 }
 .our-team-container .team-position-box{
   margin-top: 0px;
 }
 .our-team-container .team-position{
   color: black;
   font-size: 13px;
   padding-left: 15px;
 }
 .our-team-container .team-social-media-box{
   margin-left: 10px;
   margin-top: 5px;
   gap: 5px;
   display: flex;
   flex-direction: row;
 }
 .our-team-container .team-social-media-box a{
   text-decoration: none;
 }
 .our-team-container .team-social-media-box i{
   background: #1f2835;
   border-radius: 100%;
   color: white;
   font-size: 13px;
   width: 27px;
   height: 27px;
   display: flex;
   justify-content: center; 
   align-items: center;
   transition: transform 0.3s ease-in-out;
 }
 .team-social-media-box i:hover{
  transform: translateY(-5px);
}
 .our-team-container .our-team-button{
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 40px;
 }
 .our-team-container .our-team-button i {
   height: 32px;
   width: 32px;
   cursor: pointer;
   font-size: 0.9rem;
   text-align: center;
   line-height: 32px;
   background: #1f2835;
   color: white;
   border-radius: 13px;
   box-shadow: 0 3px 6px rgba(0,0,0,0.23);
   transform: translateY(-50%);
   transition: transform 0.1s linear;
 }
 .our-team-container .our-team-button i:active{
   transform: translateY(-50%) scale(0.85);
 }
}
@media only screen and (max-width: 737px) {
 .about-second-section-container{
   padding-bottom: 10%;
 }
 .about-second-section-container .about-second-image-banner{
   width: 50%;
   height: auto;
   align-self: self-end;
   margin-top: 67%;
 }
 .our-team-container{
   margin-top: 25%;
 }
 .our-team-container .our-team-circle{
   width: 6px;
   height: 6px;
   background: #1f2835;
   border-radius: 100%;
   margin-top: 5px;
 }
 .our-team-container .our-team-circle-two{
   width: 6px;
   height: 6px;
   background: #fa6f10;
   border-radius: 100%;
   margin-top: 5px;
 }
 .our-team-container .our-team-title{
   color: #fa6f10;
   font-size: 12px;
   text-transform: uppercase;
   padding-left: 25px;
   padding-right: 25px;
 }
 .our-team-container .our-expert-title{
   font-size: 21px;
   font-weight: bold;
   color: black;
 }
 .our-team-container .wrapper {
   width: 100%;
   position: relative;
 }
 .our-team-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 3) - 1px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 16px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .our-team-container .carousel::-webkit-scrollbar {
   display: none;
 }
 .our-team-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .our-team-container li{
   list-style: none;
 }
 .our-team-container .carousel .card {
   scroll-snap-align: start;
   height: 125px; 
   list-style: none;
   background: transparent;
   cursor: pointer;
   border-radius: 20px;
   padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
   box-sizing: border-box; 
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 .our-team-container .carousel .card img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain; 
 }
 .our-team-container .team-name{
   color: black;
   font-weight: bold;
   font-size: 18px;
   padding-left: 15px;
 }
 .our-team-container .team-position-box{
   margin-top: 0px;
 }
 .our-team-container .team-position{
   color: black;
   font-size: 13px;
   padding-left: 15px;
 }
 .our-team-container .team-social-media-box{
   margin-left: 10px;
   margin-top: 5px;
   gap: 5px;
   display: flex;
   flex-direction: row;
 }
 .our-team-container .team-social-media-box a{
   text-decoration: none;
 }
 .our-team-container .team-social-media-box i{
   background: #1f2835;
   border-radius: 100%;
   color: white;
   font-size: 13px;
   width: 27px;
   height: 27px;
   display: flex;
   justify-content: center; 
   align-items: center;
   transition: transform 0.3s ease-in-out;
 }
 .team-social-media-box i:hover{
  transform: translateY(-5px);
}
 .our-team-container .our-team-button{
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 40px;
 }
 .our-team-container .our-team-button i {
   height: 32px;
   width: 32px;
   cursor: pointer;
   font-size: 0.9rem;
   text-align: center;
   line-height: 32px;
   background: #1f2835;
   color: white;
   border-radius: 13px;
   box-shadow: 0 3px 6px rgba(0,0,0,0.23);
   transform: translateY(-50%);
   transition: transform 0.1s linear;
 }
 .our-team-container .our-team-button i:active{
   transform: translateY(-50%) scale(0.85);
 }
}
@media only screen and (max-width: 707px) {
 .about-second-section-container{
   padding-bottom: 10%;
 }
 .about-second-section-container .about-second-image-banner{
   width: 50%;
   height: auto;
   align-self: self-end;
   margin-top: 71%;
 }
 .our-team-container{
   margin-top: 25%;
 }
 .our-team-container .our-team-circle{
   width: 6px;
   height: 6px;
   background: #1f2835;
   border-radius: 100%;
   margin-top: 5px;
 }
 .our-team-container .our-team-circle-two{
   width: 6px;
   height: 6px;
   background: #fa6f10;
   border-radius: 100%;
   margin-top: 5px;
 }
 .our-team-container .our-team-title{
   color: #fa6f10;
   font-size: 12px;
   text-transform: uppercase;
   padding-left: 25px;
   padding-right: 25px;
 }
 .our-team-container .our-expert-title{
   font-size: 21px;
   font-weight: bold;
   color: black;
 }
 .our-team-container .wrapper {
   width: 100%;
   position: relative;
 }
 .our-team-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 3) - 1px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 16px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .our-team-container .carousel::-webkit-scrollbar {
   display: none;
 }
 .our-team-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .our-team-container li{
   list-style: none;
 }
 .our-team-container .carousel .card {
   scroll-snap-align: start;
   height: 125px; 
   list-style: none;
   background: transparent;
   cursor: pointer;
   border-radius: 20px;
   padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
   box-sizing: border-box; 
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 .our-team-container .carousel .card img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain; 
 }
 .our-team-container .team-name{
   color: black;
   font-weight: bold;
   font-size: 18px;
   padding-left: 15px;
 }
 .our-team-container .team-position-box{
   margin-top: 0px;
 }
 .our-team-container .team-position{
   color: black;
   font-size: 13px;
   padding-left: 15px;
 }
 .our-team-container .team-social-media-box{
   margin-left: 10px;
   margin-top: 5px;
   gap: 5px;
   display: flex;
   flex-direction: row;
 }
 .our-team-container .team-social-media-box a{
   text-decoration: none;
 }
 .our-team-container .team-social-media-box i{
   background: #1f2835;
   border-radius: 100%;
   color: white;
   font-size: 13px;
   width: 27px;
   height: 27px;
   display: flex;
   justify-content: center; 
   align-items: center;
   transition: transform 0.3s ease-in-out;
 }
 .team-social-media-box i:hover{
  transform: translateY(-5px);
}
 .our-team-container .our-team-button{
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 40px;
 }
 .our-team-container .our-team-button i {
   height: 32px;
   width: 32px;
   cursor: pointer;
   font-size: 0.9rem;
   text-align: center;
   line-height: 32px;
   background: #1f2835;
   color: white;
   border-radius: 13px;
   box-shadow: 0 3px 6px rgba(0,0,0,0.23);
   transform: translateY(-50%);
   transition: transform 0.1s linear;
 }
 .our-team-container .our-team-button i:active{
   transform: translateY(-50%) scale(0.85);
 }
}
@media only screen and (max-width: 667px) {
 .about-second-section-container{
   padding-bottom: 10%;
 }
 .about-second-section-container .about-second-image-banner{
   width: 50%;
   height: auto;
   align-self: self-end;
   margin-top: 67%;
 }
 .our-team-container{
   margin-top: 20%;
 }
 .our-team-container .our-team-circle{
   width: 6px;
   height: 6px;
   background: #1f2835;
   border-radius: 100%;
   margin-top: 5px;
 }
 .our-team-container .our-team-circle-two{
   width: 6px;
   height: 6px;
   background: #fa6f10;
   border-radius: 100%;
   margin-top: 5px;
 }
 .our-team-container .our-team-title{
   color: #fa6f10;
   font-size: 12px;
   text-transform: uppercase;
   padding-left: 25px;
   padding-right: 25px;
 }
 .our-team-container .our-expert-title{
   font-size: 21px;
   font-weight: bold;
   color: black;
 }
 .our-team-container .wrapper {
   width: 100%;
   position: relative;
 }
 .our-team-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 3) - 1px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 16px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .our-team-container .carousel::-webkit-scrollbar {
   display: none;
 }
 .our-team-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .our-team-container li{
   list-style: none;
 }
 .our-team-container .carousel .card {
   scroll-snap-align: start;
   height: 125px; 
   list-style: none;
   background: transparent;
   cursor: pointer;
   border-radius: 20px;
   padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
   box-sizing: border-box; 
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 .our-team-container .carousel .card img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain; 
 }
 .our-team-container .team-name{
   color: black;
   font-weight: bold;
   font-size: 18px;
   padding-left: 15px;
 }
 .our-team-container .team-position-box{
   margin-top: 0px;
 }
 .our-team-container .team-position{
   color: black;
   font-size: 13px;
   padding-left: 15px;
 }
 .our-team-container .team-social-media-box{
   margin-left: 10px;
   margin-top: 5px;
   gap: 5px;
   display: flex;
   flex-direction: row;
 }
 .our-team-container .team-social-media-box a{
   text-decoration: none;
 }
 .our-team-container .team-social-media-box i{
   background: #1f2835;
   border-radius: 100%;
   color: white;
   font-size: 13px;
   width: 27px;
   height: 27px;
   display: flex;
   justify-content: center; 
   align-items: center;
   transition: transform 0.3s ease-in-out;
 }
 .team-social-media-box i:hover{
  transform: translateY(-5px);
}
 .our-team-container .our-team-button{
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 40px;
 }
 .our-team-container .our-team-button i {
   height: 32px;
   width: 32px;
   cursor: pointer;
   font-size: 0.9rem;
   text-align: center;
   line-height: 32px;
   background: #1f2835;
   color: white;
   border-radius: 13px;
   box-shadow: 0 3px 6px rgba(0,0,0,0.23);
   transform: translateY(-50%);
   transition: transform 0.1s linear;
 }
 .our-team-container .our-team-button i:active{
   transform: translateY(-50%) scale(0.85);
 }
}
@media only screen and (max-width: 637px) {
 .about-second-section-container{
   padding-bottom: 10%;
 }
 .about-second-section-container .about-second-image-banner{
   width: 50%;
   height: auto;
   align-self: self-end;
   margin-top: 71%;
 }
 .our-team-container{
   margin-top: 20%;
 }
 .our-team-container .our-team-circle{
   width: 6px;
   height: 6px;
   background: #1f2835;
   border-radius: 100%;
   margin-top: 5px;
 }
 .our-team-container .our-team-circle-two{
   width: 6px;
   height: 6px;
   background: #fa6f10;
   border-radius: 100%;
   margin-top: 5px;
 }
 .our-team-container .our-team-title{
   color: #fa6f10;
   font-size: 12px;
   text-transform: uppercase;
   padding-left: 25px;
   padding-right: 25px;
 }
 .our-team-container .our-expert-title{
   font-size: 21px;
   font-weight: bold;
   color: black;
 }
 .our-team-container .wrapper {
   width: 100%;
   position: relative;
 }
 .our-team-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 3) - 1px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 16px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .our-team-container .carousel::-webkit-scrollbar {
   display: none;
 }
 .our-team-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .our-team-container li{
   list-style: none;
 }
 .our-team-container .carousel .card {
   scroll-snap-align: start;
   height: 125px; 
   list-style: none;
   background: transparent;
   cursor: pointer;
   border-radius: 20px;
   padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
   box-sizing: border-box; 
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 .our-team-container .carousel .card img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain; 
 }
 .our-team-container .team-name{
   color: black;
   font-weight: bold;
   font-size: 18px;
   padding-left: 15px;
 }
 .our-team-container .team-position-box{
   margin-top: 0px;
 }
 .our-team-container .team-position{
   color: black;
   font-size: 13px;
   padding-left: 15px;
 }
 .our-team-container .team-social-media-box{
   margin-left: 10px;
   margin-top: 5px;
   gap: 5px;
   display: flex;
   flex-direction: row;
 }
 .our-team-container .team-social-media-box a{
   text-decoration: none;
 }
 .our-team-container .team-social-media-box i{
   background: #1f2835;
   border-radius: 100%;
   color: white;
   font-size: 13px;
   width: 27px;
   height: 27px;
   display: flex;
   justify-content: center; 
   align-items: center;
   transition: transform 0.3s ease-in-out;
 }
 .team-social-media-box i:hover{
  transform: translateY(-5px);
}
 .our-team-container .our-team-button{
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 40px;
 }
 .our-team-container .our-team-button i {
   height: 32px;
   width: 32px;
   cursor: pointer;
   font-size: 0.9rem;
   text-align: center;
   line-height: 32px;
   background: #1f2835;
   color: white;
   border-radius: 13px;
   box-shadow: 0 3px 6px rgba(0,0,0,0.23);
   transform: translateY(-50%);
   transition: transform 0.1s linear;
 }
 .our-team-container .our-team-button i:active{
   transform: translateY(-50%) scale(0.85);
 }
}
@media only screen and (max-width: 607px) {
 .about-second-section-container{
   padding-bottom: 10%;
 }
 .about-second-section-container .about-second-image-banner{
   width: 50%;
   height: auto;
   align-self: self-end;
   margin-top: 75%;
 }
 .our-team-container{
   margin-top: 20%;
 }
 .our-team-container .our-team-circle{
   width: 6px;
   height: 6px;
   background: #1f2835;
   border-radius: 100%;
   margin-top: 5px;
 }
 .our-team-container .our-team-circle-two{
   width: 6px;
   height: 6px;
   background: #fa6f10;
   border-radius: 100%;
   margin-top: 5px;
 }
 .our-team-container .our-team-title{
   color: #fa6f10;
   font-size: 12px;
   text-transform: uppercase;
   padding-left: 25px;
   padding-right: 25px;
 }
 .our-team-container .our-expert-title{
   font-size: 18px;
   font-weight: bold;
   color: black;
 }
 .our-team-container .wrapper {
   width: 100%;
   position: relative;
 }
 .our-team-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 3) - 1px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 16px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .our-team-container .carousel::-webkit-scrollbar {
   display: none;
 }
 .our-team-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .our-team-container li{
   list-style: none;
 }
 .our-team-container .carousel .card {
   scroll-snap-align: start;
   height: 100px; 
   list-style: none;
   background: transparent;
   cursor: pointer;
   border-radius: 20px;
   padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
   box-sizing: border-box; 
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 .our-team-container .carousel .card img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain; 
 }
 .our-team-container .team-name{
   color: black;
   font-weight: bold;
   font-size: 16px;
   padding-left: 15px;
 }
 .our-team-container .team-position-box{
   margin-top: 0px;
 }
 .our-team-container .team-position{
   color: black;
   font-size: 13px;
   padding-left: 15px;
 }
 .our-team-container .team-social-media-box{
   margin-left: 10px;
   margin-top: 5px;
   gap: 5px;
   display: flex;
   flex-direction: row;
 }
 .our-team-container .team-social-media-box a{
   text-decoration: none;
 }
 .our-team-container .team-social-media-box i{
   background: #1f2835;
   border-radius: 100%;
   color: white;
   font-size: 13px;
   width: 27px;
   height: 27px;
   display: flex;
   justify-content: center; 
   align-items: center;
   transition: transform 0.3s ease-in-out;
 }
 .team-social-media-box i:hover{
  transform: translateY(-5px);
}
 .our-team-container .our-team-button{
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 30px;
 }
 .our-team-container .our-team-button i {
   height: 30px;
   width: 30px;
   cursor: pointer;
   font-size: 0.8rem;
   text-align: center;
   line-height: 30px;
   background: #1f2835;
   color: white;
   border-radius: 13px;
   box-shadow: 0 3px 6px rgba(0,0,0,0.23);
   transform: translateY(-50%);
   transition: transform 0.1s linear;
 }
 .our-team-container .our-team-button i:active{
   transform: translateY(-50%) scale(0.85);
 }
}
@media only screen and (max-width: 558px) {
 .about-second-section-container{
   padding-bottom: 10%;
 }
 .about-second-section-container .about-second-image-banner{
   width: 50%;
   height: auto;
   align-self: self-end;
   margin-top: 85%;
 }
 .our-team-container{
   margin-top: 22%;
 }
 .our-team-container .our-team-circle{
   width: 6px;
   height: 6px;
   background: #1f2835;
   border-radius: 100%;
   margin-top: 5px;
 }
 .our-team-container .our-team-circle-two{
   width: 6px;
   height: 6px;
   background: #fa6f10;
   border-radius: 100%;
   margin-top: 5px;
 }
 .our-team-container .our-team-title{
   color: #fa6f10;
   font-size: 12px;
   text-transform: uppercase;
   padding-left: 25px;
   padding-right: 25px;
 }
 .our-team-container .our-expert-title{
   font-size: 18px;
   font-weight: bold;
   color: black;
 }
 .our-team-container .wrapper {
   width: 100%;
   position: relative;
 }
 .our-team-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 3) - 1px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 16px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .our-team-container .carousel::-webkit-scrollbar {
   display: none;
 }
 .our-team-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .our-team-container li{
   list-style: none;
 }
 .our-team-container .carousel .card {
   scroll-snap-align: start;
   height: 100px; 
   list-style: none;
   background: transparent;
   cursor: pointer;
   border-radius: 20px;
   padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
   box-sizing: border-box; 
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 .our-team-container .carousel .card img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain; 
 }
 .our-team-container .team-name{
   color: black;
   font-weight: bold;
   font-size: 16px;
   padding-left: 15px;
 }
 .our-team-container .team-position-box{
   margin-top: 0px;
 }
 .our-team-container .team-position{
   color: black;
   font-size: 13px;
   padding-left: 15px;
 }
 .our-team-container .team-social-media-box{
   margin-left: 10px;
   margin-top: 5px;
   gap: 5px;
   display: flex;
   flex-direction: row;
 }
 .our-team-container .team-social-media-box a{
   text-decoration: none;
 }
 .our-team-container .team-social-media-box i{
   background: #1f2835;
   border-radius: 100%;
   color: white;
   font-size: 13px;
   width: 27px;
   height: 27px;
   display: flex;
   justify-content: center; 
   align-items: center;
   transition: transform 0.3s ease-in-out;
 }
 .team-social-media-box i:hover{
  transform: translateY(-5px);
}
 .our-team-container .our-team-button{
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 30px;
 }
 .our-team-container .our-team-button i {
   height: 30px;
   width: 30px;
   cursor: pointer;
   font-size: 0.8rem;
   text-align: center;
   line-height: 30px;
   background: #1f2835;
   color: white;
   border-radius: 13px;
   box-shadow: 0 3px 6px rgba(0,0,0,0.23);
   transform: translateY(-50%);
   transition: transform 0.1s linear;
 }
 .our-team-container .our-team-button i:active{
   transform: translateY(-50%) scale(0.85);
 }
}
@media only screen and (max-width: 502px) {
 .about-second-section-container{
   padding-bottom: 10%;
 }
 .about-second-section-container .about-second-image-banner{
   width: 50%;
   height: auto;
   align-self: self-end;
   margin-top: 470px;
 }
 .our-team-container{
   margin-top: 25%;
 }
 .our-team-container .our-team-circle{
   width: 6px;
   height: 6px;
   background: #1f2835;
   border-radius: 100%;
   margin-top: 5px;
 }
 .our-team-container .our-team-circle-two{
   width: 6px;
   height: 6px;
   background: #fa6f10;
   border-radius: 100%;
   margin-top: 5px;
 }
 .our-team-container .our-team-title{
   color: #fa6f10;
   font-size: 10px;
   text-transform: uppercase;
   padding-left: 25px;
   padding-right: 25px;
 }
 .our-team-container .our-expert-title{
   font-size: 15px;
   font-weight: bold;
   color: black;
 }
 .our-team-container .wrapper {
   width: 100%;
   position: relative;
 }
 .our-team-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 3) - 1px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 16px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .our-team-container .carousel::-webkit-scrollbar {
   display: none;
 }
 .our-team-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .our-team-container li{
   list-style: none;
 }
 .our-team-container .carousel .card {
   scroll-snap-align: start;
   height: 90px; 
   list-style: none;
   background: transparent;
   cursor: pointer;
   border-radius: 20px;
   padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
   box-sizing: border-box; 
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 .our-team-container .carousel .card img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain; 
 }
 .our-team-container .team-name{
   color: black;
   font-weight: bold;
   font-size: 13px;
   padding-left: 15px;
 }
 .our-team-container .team-position-box{
   margin-top: -5px;
 }
 .our-team-container .team-position{
   color: black;
   font-size: 11px;
   padding-left: 15px;
 }
 .our-team-container .team-social-media-box{
   margin-left: 10px;
   margin-top: 5px;
   gap: 5px;
   display: flex;
   flex-direction: row;
 }
 .our-team-container .team-social-media-box a{
   text-decoration: none;
 }
 .our-team-container .team-social-media-box i{
   background: #1f2835;
   border-radius: 100%;
   color: white;
   font-size: 10px;
   width: 23px;
   height: 23px;
   display: flex;
   justify-content: center; 
   align-items: center;
   transition: transform 0.3s ease-in-out;
 }
 .team-social-media-box i:hover{
  transform: translateY(-5px);
}
 .our-team-container .our-team-button{
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 30px;
 }
 .our-team-container .our-team-button i {
   height: 27px;
   width: 27px;
   cursor: pointer;
   font-size: 0.6rem;
   text-align: center;
   line-height: 27px;
   background: #1f2835;
   color: white;
   border-radius: 11px;
   box-shadow: 0 3px 6px rgba(0,0,0,0.23);
   transform: translateY(-50%);
   transition: transform 0.1s linear;
 }
 .our-team-container .our-team-button i:active{
   transform: translateY(-50%) scale(0.85);
 }
}
@media only screen and (max-width: 452px) {
 .about-second-section-container{
   padding-bottom: 10%;
 }
 .about-second-section-container .about-second-image-banner{
   width: 50%;
   height: auto;
   align-self: self-end;
   margin-top: 490px;
 }
 .our-team-container{
   margin-top: 25%;
 }
 .our-team-container .our-team-circle{
   width: 6px;
   height: 6px;
   background: #1f2835;
   border-radius: 100%;
   margin-top: 5px;
 }
 .our-team-container .our-team-circle-two{
   width: 6px;
   height: 6px;
   background: #fa6f10;
   border-radius: 100%;
   margin-top: 5px;
 }
 .our-team-container .our-team-title{
   color: #fa6f10;
   font-size: 10px;
   text-transform: uppercase;
   padding-left: 25px;
   padding-right: 25px;
 }
 .our-team-container .our-expert-title{
   font-size: 15px;
   font-weight: bold;
   color: black;
 }
 .our-team-container .wrapper {
   width: 100%;
   position: relative;
 }
 .our-team-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 3) - 1px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 16px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .our-team-container .carousel::-webkit-scrollbar {
   display: none;
 }
 .our-team-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .our-team-container li{
   list-style: none;
 }
 .our-team-container .carousel .card {
   scroll-snap-align: start;
   height: 90px; 
   list-style: none;
   background: transparent;
   cursor: pointer;
   border-radius: 20px;
   padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
   box-sizing: border-box; 
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 .our-team-container .carousel .card img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain; 
 }
 .our-team-container .team-name{
   color: black;
   font-weight: bold;
   font-size: 13px;
   padding-left: 15px;
 }
 .our-team-container .team-position-box{
   margin-top: -5px;
 }
 .our-team-container .team-position{
   color: black;
   font-size: 11px;
   padding-left: 15px;
 }
 .our-team-container .team-social-media-box{
   margin-left: 10px;
   margin-top: 5px;
   gap: 5px;
   display: flex;
   flex-direction: row;
 }
 .our-team-container .team-social-media-box a{
   text-decoration: none;
 }
 .our-team-container .team-social-media-box i{
   background: #1f2835;
   border-radius: 100%;
   color: white;
   font-size: 10px;
   width: 23px;
   height: 23px;
   display: flex;
   justify-content: center; 
   align-items: center;
   transition: transform 0.3s ease-in-out;
 }
 .team-social-media-box i:hover{
  transform: translateY(-5px);
}
 .our-team-container .our-team-button{
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 30px;
 }
 .our-team-container .our-team-button i {
   height: 27px;
   width: 27px;
   cursor: pointer;
   font-size: 0.6rem;
   text-align: center;
   line-height: 27px;
   background: #1f2835;
   color: white;
   border-radius: 11px;
   box-shadow: 0 3px 6px rgba(0,0,0,0.23);
   transform: translateY(-50%);
   transition: transform 0.1s linear;
 }
 .our-team-container .our-team-button i:active{
   transform: translateY(-50%) scale(0.85);
 }
}
@media only screen and (max-width: 443px) {
 .about-second-section-container{
   padding-bottom: 250%;
 }
 .about-second-section-container .about-second-image-banner{
   width: 50%;
   height: auto;
   align-self: self-end;
   margin-top: 500px;
 }
 .our-team-container{
   margin-top: 23%;
 }
 .our-team-container .our-team-circle{
   width: 6px;
   height: 6px;
   background: #1f2835;
   border-radius: 100%;
   margin-top: 5px;
 }
 .our-team-container .our-team-circle-two{
   width: 6px;
   height: 6px;
   background: #fa6f10;
   border-radius: 100%;
   margin-top: 5px;
 }
 .our-team-container .our-team-title{
   color: #fa6f10;
   font-size: 10px;
   text-transform: uppercase;
   padding-left: 25px;
   padding-right: 25px;
 }
 .our-team-container .our-expert-title{
   font-size: 15px;
   font-weight: bold;
   color: black;
 }
 .our-team-container .wrapper {
   width: 100%;
   position: relative;
 }
 .our-team-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 3) - 1px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 16px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .our-team-container .carousel::-webkit-scrollbar {
   display: none;
 }
 .our-team-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .our-team-container li{
   list-style: none;
 }
 .our-team-container .carousel .card {
   scroll-snap-align: start;
   height: 90px; 
   list-style: none;
   background: transparent;
   cursor: pointer;
   border-radius: 20px;
   padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
   box-sizing: border-box; 
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 .our-team-container .carousel .card img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain; 
 }
 .our-team-container .team-name{
   color: black;
   font-weight: bold;
   font-size: 13px;
   padding-left: 15px;
 }
 .our-team-container .team-position-box{
   margin-top: -5px;
 }
 .our-team-container .team-position{
   color: black;
   font-size: 11px;
   padding-left: 15px;
 }
 .our-team-container .team-social-media-box{
   margin-left: 10px;
   margin-top: 5px;
   gap: 5px;
   display: flex;
   flex-direction: row;
 }
 .our-team-container .team-social-media-box a{
   text-decoration: none;
 }
 .our-team-container .team-social-media-box i{
   background: #1f2835;
   border-radius: 100%;
   color: white;
   font-size: 10px;
   width: 23px;
   height: 23px;
   display: flex;
   justify-content: center; 
   align-items: center;
   transition: transform 0.3s ease-in-out;
 }
 .team-social-media-box i:hover{
  transform: translateY(-5px);
}
 .our-team-container .our-team-button{
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 30px;
 }
 .our-team-container .our-team-button i {
   height: 27px;
   width: 27px;
   cursor: pointer;
   font-size: 0.6rem;
   text-align: center;
   line-height: 27px;
   background: #1f2835;
   color: white;
   border-radius: 11px;
   box-shadow: 0 3px 6px rgba(0,0,0,0.23);
   transform: translateY(-50%);
   transition: transform 0.1s linear;
 }
 .our-team-container .our-team-button i:active{
   transform: translateY(-50%) scale(0.85);
 }
}
@media only screen and (max-width: 408px) {
 .about-second-section-container{
   padding-bottom: 250%;
 }
 .about-second-section-container .about-second-image-banner{
   width: 50%;
   height: auto;
   align-self: self-end;
   margin-top: 520px;
 }
 .our-team-container{
   margin-top: 19%;
 }
 .our-team-container .our-team-circle{
   width: 6px;
   height: 6px;
   background: #1f2835;
   border-radius: 100%;
   margin-top: 5px;
 }
 .our-team-container .our-team-circle-two{
   width: 6px;
   height: 6px;
   background: #fa6f10;
   border-radius: 100%;
   margin-top: 5px;
 }
 .our-team-container .our-team-title{
   color: #fa6f10;
   font-size: 10px;
   text-transform: uppercase;
   padding-left: 25px;
   padding-right: 25px;
 }
 .our-team-container .our-expert-title{
   font-size: 13px;
   font-weight: bold;
   color: black;
 }
 .our-team-container .wrapper {
   width: 100%;
   position: relative;
 }
 .our-team-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 3) - 1px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 16px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .our-team-container .carousel::-webkit-scrollbar {
   display: none;
 }
 .our-team-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .our-team-container li{
   list-style: none;
 }
 .our-team-container .carousel .card {
   scroll-snap-align: start;
   height: 75px; 
   list-style: none;
   background: transparent;
   cursor: pointer;
   border-radius: 20px;
   padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
   box-sizing: border-box; 
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 .our-team-container .carousel .card img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain; 
 }
 .our-team-container .team-name{
   color: black;
   font-weight: bold;
   font-size: 12px;
   padding-left: 15px;
 }
 .our-team-container .team-position-box{
   margin-top: -5px;
 }
 .our-team-container .team-position{
   color: black;
   font-size: 10px;
   padding-left: 15px;
 }
 .our-team-container .team-social-media-box{
   margin-left: 10px;
   margin-top: 5px;
   gap: 5px;
   display: flex;
   flex-direction: row;
 }
 .our-team-container .team-social-media-box a{
   text-decoration: none;
 }
 .our-team-container .team-social-media-box i{
   background: #1f2835;
   border-radius: 100%;
   color: white;
   font-size: 9px;
   width: 21px;
   height: 21px;
   display: flex;
   justify-content: center; 
   align-items: center;
   transition: transform 0.3s ease-in-out;
 }
 .team-social-media-box i:hover{
  transform: translateY(-5px);
}
 .our-team-container .our-team-button{
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 30px;
 }
 .our-team-container .our-team-button i {
   height: 27px;
   width: 27px;
   cursor: pointer;
   font-size: 0.6rem;
   text-align: center;
   line-height: 27px;
   background: #1f2835;
   color: white;
   border-radius: 11px;
   box-shadow: 0 3px 6px rgba(0,0,0,0.23);
   transform: translateY(-50%);
   transition: transform 0.1s linear;
 }
 .our-team-container .our-team-button i:active{
   transform: translateY(-50%) scale(0.85);
 }
}
@media only screen and (max-width: 392px) {
 .about-second-section-container{
   padding-bottom: 250%;
 }
 .about-second-section-container .about-second-image-banner{
   width: 50%;
   height: auto;
   align-self: self-end;
   margin-top: 370px;
 }
 .our-team-container{
   margin-top: 20%;
 }
 .our-team-container .our-team-circle{
   width: 6px;
   height: 6px;
   background: #1f2835;
   border-radius: 100%;
   margin-top: 5px;
 }
 .our-team-container .our-team-circle-two{
   width: 6px;
   height: 6px;
   background: #fa6f10;
   border-radius: 100%;
   margin-top: 5px;
 }
 .our-team-container .our-team-title{
   color: #fa6f10;
   font-size: 10px;
   text-transform: uppercase;
   padding-left: 25px;
   padding-right: 25px;
 }
 .our-team-container .our-expert-title{
   font-size: 13px;
   font-weight: bold;
   color: black;
 }
 .our-team-container .wrapper {
   width: 100%;
   position: relative;
 }
 .our-team-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 2) + 6px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 16px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .our-team-container .carousel::-webkit-scrollbar {
   display: none;
 }
 .our-team-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .our-team-container li{
   list-style: none;
 }
 .our-team-container .carousel .card {
   scroll-snap-align: start;
   height: 90px; 
   list-style: none;
   background: transparent;
   cursor: pointer;
   border-radius: 20px;
   padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
   box-sizing: border-box; 
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 .our-team-container .carousel .card img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain; 
 }
 .our-team-container .team-name{
   color: black;
   font-weight: bold;
   font-size: 12px;
   padding-left: 15px;
 }
 .our-team-container .team-position-box{
   margin-top: -5px;
 }
 .our-team-container .team-position{
   color: black;
   font-size: 10px;
   padding-left: 15px;
 }
 .our-team-container .team-social-media-box{
   margin-left: 10px;
   margin-top: 5px;
   gap: 5px;
   display: flex;
   flex-direction: row;
 }
 .our-team-container .team-social-media-box a{
   text-decoration: none;
 }
 .our-team-container .team-social-media-box i{
   background: #1f2835;
   border-radius: 100%;
   color: white;
   font-size: 9px;
   width: 21px;
   height: 21px;
   display: flex;
   justify-content: center; 
   align-items: center;
   transition: transform 0.3s ease-in-out;
 }
 .team-social-media-box i:hover{
  transform: translateY(-5px);
}
 .our-team-container .our-team-button{
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 30px;
 }
 .our-team-container .our-team-button i {
   height: 27px;
   width: 27px;
   cursor: pointer;
   font-size: 0.6rem;
   text-align: center;
   line-height: 27px;
   background: #1f2835;
   color: white;
   border-radius: 11px;
   box-shadow: 0 3px 6px rgba(0,0,0,0.23);
   transform: translateY(-50%);
   transition: transform 0.1s linear;
 }
 .our-team-container .our-team-button i:active{
   transform: translateY(-50%) scale(0.85);
 }
}
@media only screen and (max-width: 382px) {
 .about-second-section-container{
   padding-bottom: 250%;
 }
 .about-second-section-container .about-second-image-banner{
   width: 50%;
   height: auto;
   align-self: self-end;
   margin-top: 420px;
 }
 .our-team-container{
   margin-top: 25%;
 }
 .our-team-container .our-team-circle{
   width: 6px;
   height: 6px;
   background: #1f2835;
   border-radius: 100%;
   margin-top: 5px;
 }
 .our-team-container .our-team-circle-two{
   width: 6px;
   height: 6px;
   background: #fa6f10;
   border-radius: 100%;
   margin-top: 5px;
 }
 .our-team-container .our-team-title{
   color: #fa6f10;
   font-size: 10px;
   text-transform: uppercase;
   padding-left: 25px;
   padding-right: 25px;
 }
 .our-team-container .our-expert-title{
   font-size: 13px;
   font-weight: bold;
   color: black;
 }
 .our-team-container .wrapper {
   width: 100%;
   position: relative;
 }
 .our-team-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 2) + 6px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 16px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .our-team-container .carousel::-webkit-scrollbar {
   display: none;
 }
 .our-team-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .our-team-container li{
   list-style: none;
 }
 .our-team-container .carousel .card {
   scroll-snap-align: start;
   height: 90px; 
   list-style: none;
   background: transparent;
   cursor: pointer;
   border-radius: 20px;
   padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
   box-sizing: border-box; 
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 .our-team-container .carousel .card img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain; 
 }
 .our-team-container .team-name{
   color: black;
   font-weight: bold;
   font-size: 12px;
   padding-left: 15px;
 }
 .our-team-container .team-position-box{
   margin-top: -5px;
 }
 .our-team-container .team-position{
   color: black;
   font-size: 10px;
   padding-left: 15px;
 }
 .our-team-container .team-social-media-box{
   margin-left: 10px;
   margin-top: 5px;
   gap: 5px;
   display: flex;
   flex-direction: row;
 }
 .our-team-container .team-social-media-box a{
   text-decoration: none;
 }
 .our-team-container .team-social-media-box i{
   background: #1f2835;
   border-radius: 100%;
   color: white;
   font-size: 9px;
   width: 21px;
   height: 21px;
   display: flex;
   justify-content: center; 
   align-items: center;
   transition: transform 0.3s ease-in-out;
 }
  .team-social-media-box i:hover{
    transform: translateY(-5px);
  }
 .our-team-container .our-team-button{
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 30px;
 }
 .our-team-container .our-team-button i {
   height: 27px;
   width: 27px;
   cursor: pointer;
   font-size: 0.6rem;
   text-align: center;
   line-height: 27px;
   background: #1f2835;
   color: white;
   border-radius: 11px;
   box-shadow: 0 3px 6px rgba(0,0,0,0.23);
   transform: translateY(-50%);
   transition: transform 0.1s linear;
 }
 .our-team-container .our-team-button i:active{
   transform: translateY(-50%) scale(0.85);
 }
}
@media only screen and (max-width: 345px) {
 .about-second-section-container{
   padding-bottom: 250%;
 }
 .about-second-section-container .about-second-image-banner{
   width: 50%;
   height: auto;
   align-self: self-end;
   margin-top: 430px;
 }
 .our-team-container{
   margin-top: 25%;
 }
 .our-team-container .our-team-circle{
   width: 6px;
   height: 6px;
   background: #1f2835;
   border-radius: 100%;
   margin-top: 5px;
 }
 .our-team-container .our-team-circle-two{
   width: 6px;
   height: 6px;
   background: #fa6f10;
   border-radius: 100%;
   margin-top: 5px;
 }
 .our-team-container .our-team-title{
   color: #fa6f10;
   font-size: 10px;
   text-transform: uppercase;
   padding-left: 25px;
   padding-right: 25px;
 }
 .our-team-container .our-expert-title{
   font-size: 13px;
   font-weight: bold;
   color: black;
 }
 .our-team-container .wrapper {
   width: 100%;
   position: relative;
 }
 .our-team-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 2) + 6px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 16px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .our-team-container .carousel::-webkit-scrollbar {
   display: none;
 }
 .our-team-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .our-team-container li{
   list-style: none;
 }
 .our-team-container .carousel .card {
   scroll-snap-align: start;
   height: 90px; 
   list-style: none;
   background: transparent;
   cursor: pointer;
   border-radius: 20px;
   padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
   box-sizing: border-box; 
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 .our-team-container .carousel .card img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain; 
 }
 .our-team-container .team-name{
   color: black;
   font-weight: bold;
   font-size: 12px;
   padding-left: 15px;
 }
 .our-team-container .team-position-box{
   margin-top: -5px;
 }
 .our-team-container .team-position{
   color: black;
   font-size: 10px;
   padding-left: 15px;
 }
 .our-team-container .team-social-media-box{
   margin-left: 10px;
   margin-top: 5px;
   gap: 5px;
   display: flex;
   flex-direction: row;
 }
 .our-team-container .team-social-media-box a{
   text-decoration: none;
 }
 .our-team-container .team-social-media-box i{
   background: #1f2835;
   border-radius: 100%;
   color: white;
   font-size: 9px;
   width: 21px;
   height: 21px;
   display: flex;
   justify-content: center; 
   align-items: center;
   transition: transform 0.3s ease-in-out;
  }
  .team-social-media-box i:hover{
    transform: translateY(-5px);
  }
 .our-team-container .our-team-button{
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 30px;
 }
 .our-team-container .our-team-button i {
   height: 27px;
   width: 27px;
   cursor: pointer;
   font-size: 0.6rem;
   text-align: center;
   line-height: 27px;
   background: #1f2835;
   color: white;
   border-radius: 11px;
   box-shadow: 0 3px 6px rgba(0,0,0,0.23);
   transform: translateY(-50%);
   transition: transform 0.1s linear;
 }
 .our-team-container .our-team-button i:active{
   transform: translateY(-50%) scale(0.85);
 }
}
@media only screen and (max-width: 330px) {
 .about-second-section-container{
   padding-bottom: 250%;
 }
 .about-second-section-container .about-second-image-banner{
   width: 50%;
   height: auto;
   align-self: self-end;
   margin-top: 440px;
 }
 .our-team-container{
   margin-top: 23%;
 }
 .our-team-container .our-team-circle{
   width: 6px;
   height: 6px;
   background: #1f2835;
   border-radius: 100%;
   margin-top: 5px;
 }
 .our-team-container .our-team-circle-two{
   width: 6px;
   height: 6px;
   background: #fa6f10;
   border-radius: 100%;
   margin-top: 5px;
 }
 .our-team-container .our-team-title{
   color: #fa6f10;
   font-size: 10px;
   text-transform: uppercase;
   padding-left: 25px;
   padding-right: 25px;
 }
 .our-team-container .our-expert-title{
   font-size: 13px;
   font-weight: bold;
   color: black;
 }
 .our-team-container .wrapper {
   width: 100%;
   position: relative;
 }
 .our-team-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 2) + 6px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 16px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .our-team-container .carousel::-webkit-scrollbar {
   display: none;
 }
 .our-team-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .our-team-container li{
   list-style: none;
 }
 .our-team-container .carousel .card {
   scroll-snap-align: start;
   height: 90px; 
   list-style: none;
   background: transparent;
   cursor: pointer;
   border-radius: 20px;
   padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
   box-sizing: border-box; 
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 .our-team-container .carousel .card img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain; 
 }
 .our-team-container .team-name{
   color: black;
   font-weight: bold;
   font-size: 12px;
   padding-left: 8px;
 }
 .our-team-container .team-position-box{
   margin-top: -5px;
 }
 .our-team-container .team-position{
   color: black;
   font-size: 10px;
   padding-left: 8px;
 }
 .our-team-container .team-social-media-box{
   margin-left: 6px;
   margin-top: 5px;
   gap: 5px;
   display: flex;
   flex-direction: row;
 }
 .our-team-container .team-social-media-box a{
   text-decoration: none;
 }
 .our-team-container .team-social-media-box i{
   background: #1f2835;
   border-radius: 100%;
   color: white;
   font-size: 9px;
   width: 21px;
   height: 21px;
   display: flex;
   justify-content: center; 
   align-items: center;
   transition: transform 0.3s ease-in-out;
  }
  .team-social-media-box i:hover{
    transform: translateY(-5px);
  }
 .our-team-container .our-team-button{
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 30px;
 }
 .our-team-container .our-team-button i {
   height: 27px;
   width: 27px;
   cursor: pointer;
   font-size: 0.6rem;
   text-align: center;
   line-height: 27px;
   background: #1f2835;
   color: white;
   border-radius: 11px;
   box-shadow: 0 3px 6px rgba(0,0,0,0.23);
   transform: translateY(-50%);
   transition: transform 0.1s linear;
 }
 .our-team-container .our-team-button i:active{
   transform: translateY(-50%) scale(0.85);
 }
}
@media only screen and (max-width: 322px) {
 .about-second-section-container{
   padding-bottom: 350%;
 }
 .about-second-section-container .about-second-image-banner{
   width: 50%;
   height: auto;
   align-self: self-end;
   margin-top: 450px;
 }
 .our-team-container{
   margin-top: 20%;
 }
 .our-team-container .our-team-circle{
   width: 6px;
   height: 6px;
   background: #1f2835;
   border-radius: 100%;
   margin-top: 5px;
 }
 .our-team-container .our-team-circle-two{
   width: 6px;
   height: 6px;
   background: #fa6f10;
   border-radius: 100%;
   margin-top: 5px;
 }
 .our-team-container .our-team-title{
   color: #fa6f10;
   font-size: 10px;
   text-transform: uppercase;
   padding-left: 25px;
   padding-right: 25px;
 }
 .our-team-container .our-expert-title{
   font-size: 13px;
   font-weight: bold;
   color: black;
 }
 .our-team-container .wrapper {
   width: 100%;
   position: relative;
 }
 .our-team-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 2) + 6px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 16px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .our-team-container .carousel::-webkit-scrollbar {
   display: none;
 }
 .our-team-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .our-team-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .our-team-container li{
   list-style: none;
 }
 .our-team-container .carousel .card {
   scroll-snap-align: start;
   height: 90px; 
   list-style: none;
   background: transparent;
   cursor: pointer;
   border-radius: 20px;
   padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
   box-sizing: border-box; 
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 .our-team-container .carousel .card img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain; 
 }
 .our-team-container .team-name{
   color: black;
   font-weight: bold;
   font-size: 12px;
   padding-left: 8px;
 }
 .our-team-container .team-position-box{
   margin-top: -5px;
 }
 .our-team-container .team-position{
   color: black;
   font-size: 10px;
   padding-left: 8px;
 }
 .our-team-container .team-social-media-box{
   margin-left: 6px;
   margin-top: 5px;
   gap: 5px;
   display: flex;
   flex-direction: row;
 }
 .our-team-container .team-social-media-box a{
   text-decoration: none;
 }
 .our-team-container .team-social-media-box i{
   background: #1f2835;
   border-radius: 100%;
   color: white;
   font-size: 9px;
   width: 21px;
   height: 21px;
   display: flex;
   justify-content: center; 
   align-items: center;
   transition: transform 0.3s ease-in-out;
  }
  .team-social-media-box i:hover{
    transform: translateY(-5px);
  }
 .our-team-container .our-team-button{
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 30px;
 }
 .our-team-container .our-team-button i {
   height: 27px;
   width: 27px;
   cursor: pointer;
   font-size: 0.6rem;
   text-align: center;
   line-height: 27px;
   background: #1f2835;
   color: white;
   border-radius: 11px;
   box-shadow: 0 3px 6px rgba(0,0,0,0.23);
   transform: translateY(-50%);
   transition: transform 0.1s linear;
 }
 .our-team-container .our-team-button i:active{
   transform: translateY(-50%) scale(0.85);
 }
}
/* ---- About Second Section Ends -----*/

/* ---- About Third Section Start -----*/
/* Title */
@media only screen and (min-width: 992px) {
 .about-third-section-container .about-third-title{
   font-size: 35px;
   font-weight: bold;
 }
 .about-third-section-container .about-third-description{
   font-size: 16px;
   color: black;
   margin-top: 10px;
 }
}
@media only screen and (max-width: 991px) {
 .about-third-section-container .about-third-title{
   font-size: 25px;
   font-weight: bold;
 }
 .about-third-section-container .about-third-description{
   font-size: 14px;
   color: black;
   margin-top: 10px;
 }
}
@media only screen and (max-width: 767px) {
 .about-third-section-container .about-third-title{
   font-size: 21px;
   font-weight: bold;
 }
 .about-third-section-container .about-third-description{
   font-size: 13px;
   color: black;
   margin-top: 10px;
 }
}
@media only screen and (max-width: 667px) {
 .about-third-section-container .about-third-title{
   font-size: 18px;
   font-weight: bold;
 }
 .about-third-section-container .about-third-description{
   font-size: 12px;
   color: black;
   margin-top: 10px;
   padding-left: 20px !important;
   padding-right: 20px !important;
 }
}
@media only screen and (max-width: 392px) {
 .about-third-section-container .about-third-title{
   font-size: 16px;
   font-weight: bold;
 }
 .about-third-section-container .about-third-description{
   font-size: 10px;
   color: black;
   margin-top: 10px;
   padding-left: 10px !important;
   padding-right: 10px !important;
 }
}
/* Responsive Tab & Title*/
.about-third-section-container{
 padding-bottom: 5%;
}
.choose-us-box .nav-link.active{
 background: #fa6f10;
 color: white;
 font-weight: bold;
}
.choose-us-box .nav-link:hover{
 background: #fa6f10;
 color: white;
 font-weight: bold;
}
@media only screen and (min-width: 1534px) {
 .about-third-section-container .choose-us-box{
   display: flex;
   justify-content: center;
   width: 100%;
   height: auto;
   padding-top: 50px;
 }
 .choose-us-box ul{
   padding-top: 5px;
   padding-bottom: 5px;
   padding-right: 10px;
   padding-left: 10px;
   box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
   border-radius: 5px;
   width: 80%;
   justify-content: space-between;
 }
 .about-third-section-container .choose-us-box button{
     color: black;
     font-size: 20px;
 }
}
@media only screen and (max-width: 1533px) {
 .about-third-section-container .choose-us-box{
   display: flex;
   justify-content: center;
   width: 100%;
   height: auto;
   padding-top: 50px;
 }
 .choose-us-box ul{
   padding-top: 5px;
   padding-bottom: 5px;
   padding-right: 10px;
   padding-left: 10px;
   box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
   border-radius: 5px;
   width: 80%;
   justify-content: space-between;
 }
 .about-third-section-container .choose-us-box button{
     color: black;
     font-size: 17px;
 }
}
@media only screen and (max-width: 1059px) {
 .about-third-section-container .choose-us-box{
   display: flex;
   justify-content: center;
   width: 100%;
   height: auto;
   padding-top: 50px;
 }
 .choose-us-box ul{
   padding-top: 5px;
   padding-bottom: 5px;
   padding-right: 10px;
   padding-left: 10px;
   box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
   border-radius: 5px;
   width: 80%;
   justify-content: space-between;
 }
 .about-third-section-container .choose-us-box button{
     color: black;
     font-size: 16px;
 }
}
@media only screen and (max-width: 992px) {
 .about-third-section-container .choose-us-box{
   display: flex;
   justify-content: center;
   width: 100%;
   height: auto;
   padding-top: 50px;
 }
 .choose-us-box ul{
   padding-top: 5px;
   padding-bottom: 5px;
   padding-right: 10px;
   padding-left: 10px;
   box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
   border-radius: 5px;
   width: 95%;
   justify-content: space-between;
 }
 .about-third-section-container .choose-us-box button{
     color: black;
     font-size: 15px;
 }
}
@media only screen and (max-width: 775px) {
 .about-third-section-container .choose-us-box{
   display: flex;
   justify-content: center;
   width: 100%;
   height: auto;
   padding-top: 50px;
 }
 .choose-us-box ul{
   padding-top: 5px;
   padding-bottom: 5px;
   padding-right: 10px;
   padding-left: 10px;
   box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
   border-radius: 5px;
   width: 98%;
   justify-content: space-between;
 }
 .about-third-section-container .choose-us-box button{
     color: black;
     font-size: 12px;
 }
}
@media only screen and (max-width: 507px) {
 .about-third-section-container .choose-us-box{
   display: flex;
   justify-content: center;
   width: 100%;
   height: auto;
   padding-top: 50px;
 }
 .choose-us-box ul{
   padding-top: 5px;
   padding-bottom: 5px;
   padding-right: 10px;
   padding-left: 10px;
   box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
   border-radius: 5px;
   width: 98%;
   justify-content: center;
   gap: 5px 15px;
 }
 .about-third-section-container .choose-us-box button{
     color: black;
     font-size: 12px;
 }
}
/* Tab Content */
@media only screen and (min-width: 992px) {
 .about-third-section-container .tab-content-box{
   padding-top: 50px;
 }
 .tab-content-box .tab-content img{
   width: 90%;
   height: auto;
 }
 .tab-content-box .tab-content .pills-description-box{
   font-size: 17px;
   color: black;
   padding-top: 15px;
   text-align: justify;
 }
}
@media only screen and (max-width: 991px) {
 .about-third-section-container .tab-content-box{
   padding-top: 70px;
 }
 .tab-content-box .tab-content img{
   width: 90%;
   height: auto;
 }
 .tab-content-box .tab-content .pills-description-box{
   font-size: 15px;
   color: black;
   padding-top: 15px;
   text-align: justify;
 }
}
@media only screen and (max-width: 767px) {
 .about-third-section-container .tab-content-box{
   padding-top: 50px;
 }
 .tab-content-box .tab-content img{
   width: 35%;
   height: auto;
 }
 .tab-content-box .tab-content .pills-description-box{
   font-size: 13px;
   color: black;
   padding-top: 40px;
   text-align: justify;
   text-align-last: center;
 }
}
@media only screen and (max-width: 667px) {
 .about-third-section-container .tab-content-box{
   padding-top: 50px;
 }
 .tab-content-box .tab-content img{
   width: 35%;
   height: auto;
 }
 .tab-content-box .tab-content .pills-description-box{
   font-size: 12px;
   color: black;
   padding-top: 40px;
   text-align: justify;
   text-align-last: center;
   padding-left: 25px !important;
   padding-right: 25px !important;
 }
}
@media only screen and (max-width: 392px) {
 .about-third-section-container .tab-content-box{
   padding-top: 40px;
 }
 .tab-content-box .tab-content img{
   width: 35%;
   height: auto;
 }
 .tab-content-box .tab-content .pills-description-box{
   font-size: 10px;
   color: black;
   padding-top: 20px;
   text-align: justify;
   text-align-last: center;
   padding-left: 25px !important;
   padding-right: 25px !important;
 }
}
/* Slider */
.about-slider-container .wrapper {
 width: 100%;
 position: relative;
}
.about-slider-container .carousel .card {
 scroll-snap-align: start;
 height: 100%;
 width: 100%;
 list-style: none;
 cursor: pointer;
 flex-direction: column;
 display: flex;
 flex-direction: row;
 border: none;
}
/* Slider Hover*/
.about-slider-container .hover-image {
 display: none;
}
.about-slider-container .card:hover .default-image {
 display: none;
}
.about-slider-container .card:hover .hover-image {
 display: block;
}
.about-slider-container .card:hover .service-name {
 color: black;
 font-weight: 600;
} 
/* Slider Responsive */
@media only screen and (min-width: 993px) {
 .about-slider-container {
   margin-top: 250px;
   margin-bottom: 20px;
 }
 .about-slider-container .wrapper .carousel {
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 5) - 6px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 16px;
   scroll-behavior: smooth;
   scrollbar-width: none;
   margin-left: 20px;
   margin-right: 10px;
 }
 
 .about-slider-container .carousel::-webkit-scrollbar {
   display: none;
 }
 
 .about-slider-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 
 .about-slider-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 
 .about-slider-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 
 .about-slider-container .card img {
   width: 50px;
   height: 50px;
   margin-bottom: 10px;
   user-select: none;
 }
 
 .about-slider-container .card p {
   color: #808080;
   font-size: 16px;
   margin-top: 10px;
   margin-left: 15px;
   user-select: none;
 }
}
@media only screen and (max-width: 992px) {
 /* Slider */
.about-slider-container {
 margin-top: 70px;
 margin-bottom: 20px;
}

.about-slider-container .wrapper .carousel {
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 3) + 10px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 16px;
   scroll-behavior: smooth;
   scrollbar-width: none;
   margin-left: 40px;
   margin-right: 40px;
}

.about-slider-container .carousel::-webkit-scrollbar {
   display: none;
}

.about-slider-container .carousel.no-transition {
   scroll-behavior: auto;
}

.about-slider-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
}

.about-slider-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
}

.about-slider-container .card img {
   width: 30px;
   height: 30px;
   margin-bottom: 10px;
   user-select: none;
}

.about-slider-container .card p {
   color: #808080;
   font-size: 13px;
   margin-top: 0px;
   margin-left: 15px;
   user-select: none;
}

}
@media only screen and (max-width: 767px) {

 /* Slider */
 .about-slider-container {
   margin-top: 150px;
   margin-bottom: 20px;
 }

 .about-slider-container .wrapper .carousel {
     display: grid;
     grid-auto-flow: column;
     grid-auto-columns: calc((100% / 2) + 5px);
     overflow-x: auto;
     scroll-snap-type: x mandatory;
     gap: 16px;
     scroll-behavior: smooth;
     scrollbar-width: none;
     margin-left: 30px;
     margin-right: 30px;
 }

 .about-slider-container .carousel::-webkit-scrollbar {
     display: none;
 }

 .about-slider-container .carousel.no-transition {
     scroll-behavior: auto;
 }

 .about-slider-container .carousel.dragging {
     scroll-snap-type: none;
     scroll-behavior: auto;
 }

 .about-slider-container .carousel.dragging .card {
     cursor: grab;
     user-select: none;
 }

 .about-slider-container .card img {
     width: 30px;
     height: 30px;
     margin-bottom: 10px;
     user-select: none;
 }

 .about-slider-container .card p {
     color: #808080;
     font-size: 13px;
     margin-top: 0px;
     margin-left: 15px;
     user-select: none;
 }
}
@media only screen and (max-width: 574px) {

 /* Slider */
 .about-slider-container {
     margin-bottom: 0px;
 }

 .about-slider-container .wrapper .carousel {
     display: grid;
     grid-auto-flow: column;
     grid-auto-columns: calc((100% / 2) + 5px);
     overflow-x: auto;
     scroll-snap-type: x mandatory;
     gap: 16px;
     scroll-behavior: smooth;
     scrollbar-width: none;
     margin-left: 20px;
     margin-right: 20px;
 }

 .about-slider-container .carousel::-webkit-scrollbar {
     display: none;
 }

 .about-slider-container .carousel.no-transition {
     scroll-behavior: auto;
 }

 .about-slider-container .carousel.dragging {
     scroll-snap-type: none;
     scroll-behavior: auto;
 }

 .about-slider-container .carousel.dragging .card {
     cursor: grab;
     user-select: none;
 }

 .about-slider-container .card img {
     width: 30px;
     height: 30px;
     margin-bottom: 10px;
     user-select: none;
 }

 .about-slider-container .card p {
     color: #808080;
     font-size: 13px;
     margin-top: 0px;
     margin-left: 15px;
     user-select: none;
 }
}
/* ---- About Third Section Ends -----*/

/* ---- About Fourth Section Start -----*/
/* Title / Slider Partner Responsive */
@media only screen and (min-width: 1200px) {
 /* Slider Partner */
 .about-fourth-section-container{
   padding-bottom: 250px;
 }
 .client-box .client-title{
   text-align: start;
   font-size: 35px;
   font-weight: bold;
 }
 .client-box .client-description{
   text-align: start;
   font-size: 17px;
   color: black;
   margin-right: 30px;
   padding-bottom: 0px;
 }
 /* Slider Partner */
 .partner-slider-container {
   width: 100%;
   height: auto;
   margin: auto;
   position: relative;
   overflow-x: hidden;
 }
 .slide-track {
   display: flex;
   height: auto;
   width: calc(240px * 10);
 }
 .slide {
   height: auto;
   width: 240px;
   display: flex;
   align-items: center;
   padding: 15px;
   perspective: 200px;
 }
 .partner-slider-container img {
   max-width: 45%;
   max-height: auto;
 }
 .partner-slider-container img:hover {
   transform: translateZ(20px);
   cursor: pointer;
 }
 .partner-slider-container::before,
 .partner-slider-container::after {
   background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
   content: "";
   height: 100%;
   position: absolute;
   width: 10%;
   z-index: 2;
 }
 .partner-slider-container::after {
   right: 0;
   top: 0;
   transform: rotateZ(180deg);
 }
 .partner-slider-container::before {
   left: 0;
   top: 0;
 }
}
@media only screen and (max-width: 1199px) {
 .about-fourth-section-container{
   padding-bottom: 100px;
 }
 .client-box .client-title{
   text-align: start;
   font-size: 25px;
   font-weight: bold;
 }
 .client-box .client-description{
   text-align: start;
   font-size: 15px;
   color: black;
   margin-right: 30px;
   padding-bottom: 0px;
 }
 /* Slider Partner */
 .partner-slider-container {
   width: 100%;
   height: auto;
   margin: auto;
   position: relative;
   overflow-x: hidden;
 }
 .slide-track {
   display: flex;
   height: auto;
 }
 .slide {
   height: auto;
   width: 240px;
   display: flex;
   align-items: center;
   padding: 15px;
   perspective: 200px;
 }
 .partner-slider-container img {
   max-width: 45%;
   max-height: auto;
 }
 .partner-slider-container img:hover {
   transform: translateZ(20px);
   cursor: pointer;
 }
 .partner-slider-container::before,
 .partner-slider-container::after {
   background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
   content: "";
   height: 100%;
   position: absolute;
   width: 10%;
   z-index: 2;
 }
 .partner-slider-container::after {
   right: 0;
   top: 0;
   transform: rotateZ(180deg);
 }
 .partner-slider-container::before {
   left: 0;
   top: 0;
 }
}
@media only screen and (max-width: 991px) {
 .about-fourth-section-container{
   padding-bottom: 100px;
 }
 .client-box .client-title{
   text-align: start;
   font-size: 21px;
   font-weight: bold;
 }
 .client-box .client-description{
   text-align: start;
   font-size: 13px;
   color: black;
   margin-right: 30px;
   padding-bottom: 0px;
 }
 /* Slider Partner */
 .partner-slider-container {
   width: 100%;
   height: auto;
   margin: auto;
   position: relative;
   overflow-x: hidden;
 }
 .slide-track {
   display: flex;
   height: auto;
 }
 .slide {
   height: auto;
   width: 150px;
   display: flex;
   align-items: center;
   padding: 10px;
   perspective: 200px;
 }
 .partner-slider-container img {
   max-width: 50%;
   max-height: auto;
 }
 .partner-slider-container img:hover {
   transform: translateZ(20px);
   cursor: pointer;
 }
 .partner-slider-container::before,
 .partner-slider-container::after {
   background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
   content: "";
   height: 100%;
   position: absolute;
   width: 10%;
   z-index: 2;
 }
 .partner-slider-container::after {
   right: 0;
   top: 0;
   transform: rotateZ(180deg);
 }
 .partner-slider-container::before {
   left: 0;
   top: 0;
 }
}
@media only screen and (max-width: 767px) {
 .about-fourth-section-container{
   padding-bottom: 80px;
 }
 .client-box .client-title{
   text-align: center;
   font-size: 21px;
   font-weight: bold;
 }
 .client-box .client-description{
   text-align: center;
   font-size: 13px;
   color: black;
   margin-right: 0px;
   padding-bottom: 20px;
 }
 /* Slider Partner */
 .partner-slider-container {
   width: 100%;
   height: auto;
   margin: auto;
   position: relative;
   overflow-x: hidden;
   padding-left: 30px;
   padding-right: 30px;
 }
 .slide-track {
   display: flex;
   height: auto;
 }
 .slide {
   height: auto;
   width: 150px;
   display: flex;
   align-items: center;
   padding: 10px;
   perspective: 200px;
 }
 .partner-slider-container img {
   max-width: 50%;
   max-height: auto;
 }
 .partner-slider-container img:hover {
   transform: translateZ(20px);
   cursor: pointer;
 }
 .partner-slider-container::before,
 .partner-slider-container::after {
   background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
   content: "";
   height: 100%;
   position: absolute;
   width: 10%;
   z-index: 2;
 }
 .partner-slider-container::after {
   right: 0;
   top: 0;
   transform: rotateZ(180deg);
 }
 .partner-slider-container::before {
   left: 0;
   top: 0;
 }
}
@media only screen and (max-width: 667px) {
 .about-fourth-section-container{
   padding-bottom: 80px;
 }
 .client-box .client-title{
   text-align: center;
   font-size: 18px;
   font-weight: bold;
 }
 .client-box .client-description{
   text-align: center;
   font-size: 12px;
   color: black;
   margin-right: 15px;
   margin-left: 15px;
   padding-bottom: 20px;
 }
 /* Slider Partner */
 .partner-slider-container {
   width: 100%;
   height: auto;
   margin: auto;
   position: relative;
   overflow-x: hidden;
   padding-left: 30px;
   padding-right: 30px;
 }
 .slide-track {
   display: flex;
   height: auto;
 }
 .slide {
   height: auto;
   width: 150px;
   display: flex;
   align-items: center;
   padding: 10px;
   perspective: 200px;
 }
 .partner-slider-container img {
   max-width: 50%;
   max-height: auto;
 }
 .partner-slider-container img:hover {
   transform: translateZ(20px);
   cursor: pointer;
 }
 .partner-slider-container::before,
 .partner-slider-container::after {
   background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
   content: "";
   height: 100%;
   position: absolute;
   width: 10%;
   z-index: 2;
 }
 .partner-slider-container::after {
   right: 0;
   top: 0;
   transform: rotateZ(180deg);
 }
 .partner-slider-container::before {
   left: 0;
   top: 0;
 }
}
@media only screen and (max-width: 392px) {
 .about-fourth-section-container{
   padding-bottom: 70px;
 }
 .client-box .client-title{
   text-align: center;
   font-size: 16px;
   font-weight: bold;
 }
 .client-box .client-description{
   text-align: center;
   font-size: 10px;
   color: black;
   margin-right: 15px;
   margin-left: 15px;
   padding-bottom: 20px;
 }
 /* Slider Partner */
 .partner-slider-container {
   width: 100%;
   height: auto;
   margin: auto;
   position: relative;
   overflow-x: hidden;
 }
 .slide-track {
   display: flex;
   height: auto;
 }
 .slide {
   height: auto;
   width: 100px;
   display: flex;
   align-items: center;
   padding: 10px;
   perspective: 200px;
 }
 .partner-slider-container img {
   max-width: 50%;
   max-height: auto;
 }
 .partner-slider-container img:hover {
   transform: translateZ(20px);
   cursor: pointer;
 }
 .partner-slider-container::before,
 .partner-slider-container::after {
   background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
   content: "";
   height: 100%;
   position: absolute;
   width: 10%;
   z-index: 2;
 }
 .partner-slider-container::after {
   right: 0;
   top: 0;
   transform: rotateZ(180deg);
 }
 .partner-slider-container::before {
   left: 0;
   top: 0;
 }
}
/* ---- About Fourth Section Ends -----*/

/* ---- About Fifth Section Start -----*/
/* Floating Image */
@media only screen and (min-width: 1735px) {
 .client-image-1{
   width: 75px;
   height: 75px;
   background: white;
   border-radius: 100%;
   overflow: hidden;
   position: absolute;
   top: 20px;
   left: 130px;
   animation: float 3s ease-in-out infinite;
 }
 .client-image-1 img{
  max-width: 100%;
  max-height: 100%;
 }
 .client-image-2{
   width: 75px;
   height: 75px;
   background: white;
   border-radius: 100%;
   overflow: hidden;
   position: absolute;
   bottom: 0;
   left: 50px;
   animation: float 2s ease-in-out infinite;
 }
 .client-image-2 img{
  max-width: 100%;
  max-height: 100%;
 }
 .client-image-3{
   width: 75px;
   height: 75px;
   background: white;
   border-radius: 100%;
   overflow: hidden;
   position: absolute;
   top: 0;
   right: 100px;
   animation: float 2s ease-in-out infinite;
 }
 .client-image-3 img{
  max-width: 100%;
  max-height: 100%;
 }
 .client-image-4{
   width: 75px;
   height: 75px;
   background: white;
   border-radius: 100%;
   overflow: hidden;
   position: absolute;
   bottom: 80px;
   right: 500px;
   animation: float 3s ease-in-out infinite;
 }
 .client-image-4 img{
  max-width: 100%;
  max-height: 100%;
 }
 .client-image-5{
   width: 75px;
   height: 75px;
   background: white;
   border-radius: 100%;
   overflow: hidden;
   position: absolute;
   bottom: 0;
   right: 250px;
   animation: float 4s ease-in-out infinite;
 }
 .client-image-5 img{
  max-width: 100%;
  max-height: 100%;
 }
 @keyframes float {
   0% {
       transform: translateY(0);
   }
 
   50% {
       transform: translateY(-10px);
   }
 
   100% {
       transform: translateY(0);
   }
 }
}
@media only screen and (max-width: 1734px) {
 .client-image-1{
   width: 60px;
   height: 60px;
   background: white;
   border-radius: 100%;
   overflow: hidden;
   position: absolute;
   top: 20px;
   left: 70px;
   animation: float 3s ease-in-out infinite;
 }
 .client-image-1 img{
  max-width: 100%;
  max-height: 100%;
 }
 .client-image-2{
   width: 60px;
   height: 60px;
   background: white;
   border-radius: 100%;
   overflow: hidden;
   position: absolute;
   bottom: 0;
   left: 50px;
   animation: float 2s ease-in-out infinite;
 }
 .client-image-2 img{
  max-width: 100%;
  max-height: 100%;
 }
 .client-image-3{
   width: 60px;
   height: 60px;
   background: white;
   border-radius: 100%;
   overflow: hidden;
   position: absolute;
   top: 0;
   right: 70px;
   animation: float 2s ease-in-out infinite;
 }
 .client-image-3 img{
  max-width: 100%;
  max-height: 100%;
 }
 .client-image-4{
   width: 60px;
   height: 60px;
   background: white;
   border-radius: 100%;
   overflow: hidden;
   position: absolute;
   bottom: 80px;
   right: 400px;
   animation: float 3s ease-in-out infinite;
 }
 .client-image-4 img{
  max-width: 100%;
  max-height: 100%;
 }
 .client-image-5{
   width: 60px;
   height: 60px;
   background: white;
   border-radius: 100%;
   overflow: hidden;
   position: absolute;
   bottom: 0;
   right: 150px;
   animation: float 4s ease-in-out infinite;
 }
 .client-image-5 img{
  max-width: 100%;
  max-height: 100%;
 }
 @keyframes float {
   0% {
       transform: translateY(0);
   }
 
   50% {
       transform: translateY(-10px);
   }
 
   100% {
       transform: translateY(0);
   }
 }
}
@media only screen and (max-width: 1580px) {
 .client-image-1{
   width: 60px;
   height: 60px;
   background: white;
   border-radius: 100%;
   overflow: hidden;
   position: absolute;
   top: -50px;
   left: 70px;
   animation: float 3s ease-in-out infinite;
 }
 .client-image-1 img{
  max-width: 100%;
  max-height: 100%;
 }
 .client-image-2{
   width: 60px;
   height: 60px;
   background: white;
   border-radius: 100%;
   overflow: hidden;
   position: absolute;
   bottom: -60px;
   left: 50px;
   animation: float 2s ease-in-out infinite;
 }
 .client-image-2 img{
  max-width: 100%;
  max-height: 100%;
 }
 .client-image-3{
   width: 60px;
   height: 60px;
   background: white;
   border-radius: 100%;
   overflow: hidden;
   position: absolute;
   top: 0;
   right: 70px;
   animation: float 2s ease-in-out infinite;
 }
 .client-image-3 img{
  max-width: 100%;
  max-height: 100%;
 }
 .client-image-4{
   width: 60px;
   height: 60px;
   background: white;
   border-radius: 100%;
   overflow: hidden;
   position: absolute;
   bottom: 80px;
   right: 400px;
   animation: float 3s ease-in-out infinite;
 }
 .client-image-4 img{
  max-width: 100%;
  max-height: 100%;
 }
 .client-image-5{
   width: 60px;
   height: 60px;
   background: white;
   border-radius: 100%;
   overflow: hidden;
   position: absolute;
   bottom: 0;
   right: 150px;
   animation: float 4s ease-in-out infinite;
 }
 .client-image-5 img{
  max-width: 100%;
  max-height: 100%;
 }
 @keyframes float {
   0% {
       transform: translateY(0);
   }
 
   50% {
       transform: translateY(-10px);
   }
 
   100% {
       transform: translateY(0);
   }
 }
}
@media only screen and (max-width: 1316px) {
 .client-image-1{
   width: 60px;
   height: 60px;
   background: white;
   border-radius: 100%;
   overflow: hidden;
   position: absolute;
   top: -50px;
   left: 70px;
   animation: float 3s ease-in-out infinite;
 }
 .client-image-1 img{
  max-width: 100%;
  max-height: 100%;
 }
 .client-image-2{
   width: 60px;
   height: 60px;
   background: white;
   border-radius: 100%;
   overflow: hidden;
   position: absolute;
   bottom: -60px;
   left: 50px;
   animation: float 2s ease-in-out infinite;
 }
 .client-image-2 img{
  max-width: 100%;
  max-height: 100%;
 }
 .client-image-3{
   width: 60px;
   height: 60px;
   background: white;
   border-radius: 100%;
   overflow: hidden;
   position: absolute;
   top: -70px;
   right: 70px;
   animation: float 2s ease-in-out infinite;
 }
 .client-image-3 img{
  max-width: 100%;
  max-height: 100%;
 }
 .client-image-4{
   width: 60px;
   height: 60px;
   background: white;
   border-radius: 100%;
   overflow: hidden;
   position: absolute;
   bottom: 80px;
   right: 250px;
   animation: float 3s ease-in-out infinite;
 }
 .client-image-4 img{
  max-width: 100%;
  max-height: 100%;
 }
 .client-image-5{
   width: 60px;
   height: 60px;
   background: white;
   border-radius: 100%;
   overflow: hidden;
   position: absolute;
   bottom: -70px;
   right: 100px;
   animation: float 4s ease-in-out infinite;
 }
 .client-image-5 img{
  max-width: 100%;
  max-height: 100%;
 }
 @keyframes float {
   0% {
       transform: translateY(0);
   }
 
   50% {
       transform: translateY(-10px);
   }
 
   100% {
       transform: translateY(0);
   }
 }
}
@media only screen and (max-width: 991px) {
 .client-image-1{
   display: none;
 }
 .client-image-1 img{
   display: none;
 }
 .client-image-2{
   display: none;
 }
 .client-image-2 img{
   display: none;
 }
 .client-image-3{
   display: none;
 }
 .client-image-3 img{
   display: none;
 }
 .client-image-4{
   display: none;
 }
 .client-image-4 img{
  display: none;
 }
 .client-image-5{
   display: none;
 }
 .client-image-5 img{
   display: none;
 }
}

/* Title Responsive */
@media only screen and (min-width: 1200px) {
 .about-fifth-section-container{
   padding-bottom: 100px;
 }
 .about-fifth-section-container .feedback-box{
   padding-top: 50px;
   padding-left: 20px;
 }
 .feedback-box .feedback-title{
   text-align: start;
   font-size: 35px;
   font-weight: bold;
 }
 .feedback-box .feedback-description{
   text-align: start;
     font-size: 17px;
     color: black;
 }
}
@media only screen and (max-width: 1199px) {
 .about-fifth-section-container{
   padding-bottom: 100px;
 }
 .about-fifth-section-container .feedback-box{
   padding-top: 50px;
   padding-left: 20px;
 }
 .feedback-box .feedback-title{
   text-align: start;
   font-size: 25px;
   font-weight: bold;
 }
 .feedback-box .feedback-description{
   text-align: start;
   font-size: 15px;
   color: black;
 }
}
@media only screen and (max-width: 991px) {
 .about-fifth-section-container{
   padding-bottom: 100px;
 }
 .about-fifth-section-container .feedback-box{
   padding-top: 20px;
   padding-left: 20px;
 }
 .feedback-box .feedback-title{
   text-align: center;
   font-size: 21px;
   font-weight: bold;
 }
 .feedback-box .feedback-description{
   text-align: center;
   font-size: 13px;
   color: black;
 }
}
@media only screen and (max-width: 767px) {
 .about-fifth-section-container{
   padding-bottom: 50px;
 }
 .about-fifth-section-container .feedback-box{
   padding-top: 20px;
   padding-left: 20px;
 }
 .feedback-box .feedback-title{
   text-align: center;
   font-size: 21px;
   font-weight: bold;
 }
 .feedback-box .feedback-description{
   text-align: center;
     font-size: 13px;
     color: black;
 }
}
@media only screen and (max-width: 667px) {
 .about-fifth-section-container{
   padding-bottom: 50px;
 }
 .about-fifth-section-container .feedback-box{
   padding-top: 20px;
   padding-left: 20px;
 }
 .feedback-box .feedback-title{
   text-align: center;
   font-size: 18px;
   font-weight: bold;
 }
 .feedback-box .feedback-description{
   text-align: center;
     font-size: 12px;
     color: black;
     margin-right: 15px;
     margin-left: 15px;
 }
}
@media only screen and (max-width: 392px) {
 .about-fifth-section-container{
   padding-bottom: 50px;
 }
 .about-fifth-section-container .feedback-box{
   padding-top: 20px;
   padding-left: 20px;
 }
 .feedback-box .feedback-title{
   text-align: center;
   font-size: 16px;
   font-weight: bold;
 }
 .feedback-box .feedback-description{
   text-align: center;
     font-size: 10px;
     color: black;
     margin-right: 15px;
     margin-left: 15px;
 }
}
/* Slider Responsive */
@media only screen and (min-width: 1200px) {
 .about-feedback-container .wrapper {
   max-width: 100%;
   width: 100%;
   position: relative;
 }
 .about-feedback-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 1) - 12px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 100px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .about-feedback-container .carousel::-webkit-scrollbar {
    display: none;
 }
 .about-feedback-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .about-feedback-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .about-feedback-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .about-feedback-container .carousel .card {
   scroll-snap-align: start;
   width: 100%;
   height: 100%;
   list-style: none;
   background: #fff;
   cursor: pointer;
   flex-direction: column;
   border-radius: 8px;
   border: none;
   padding: 15px;
   background: rgba(255, 255, 255, 0);
 }
 
 .feedback-image-box{
   width: 350px;
   height: 240px;
   aspect-ratio: 1;
   background: white;
   border-radius: 100%;
   animation: l1 20s infinite linear;
   overflow: hidden;
   z-index: 10;
   align-self: center;
 }
 @keyframes l1{
   12.5% { border-radius: 50% 63% 70% 40% / 40% 62% 38% 70%; }
   25% { border-radius: 50% 50% 70% 30% / 52% 62% 40% 48%; }
   37.5% { border-radius: 40% 67% 43% 82% / 52% 73% 40% 48%; }
   50% { border-radius: 73% 42% 38% 82% / 52% 42% 68% 48%; }
   62.5% { border-radius: 73% 37% 74% 26% / 64% 42% 68% 46%; }
   75% { border-radius: 74% 36% 35% 85% / 55% 79% 41% 45%; }
   87.5% { border-radius: 32% 78% 69% 31% / 30% 66% 34% 70%; }
 }
 .feedback-image-box img{
  max-width: 100%;
  max-height: 100%;
 }
 
 .feedback-quote-box{
   padding-left: 100px;
   padding-top: 20px;
   padding-bottom: 20px;
   padding-right: 20px;
   z-index: 1;
   width: 100%;
   margin-left: -70px;
   max-height: 100%;
   background: white;
   border-radius: 20px;
   box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
 }
 .feedback-quote-box .quote-image img{
   width: 40px;
   height: auto;
 }
 .feedback-quote-box .quote-message {
   color: black;
   font-size: 17px;
   text-align: justify;
   padding-top: 20px;
 }
 .feedback-quote-box .quote-name {
   color: #fa6f10;
   font-size: 17px;
   padding-top: 20px;
   font-weight: bold;
 }
 .feedback-quote-box .quote-position {
   color: #808080;
   font-size: 17px;
   padding-top: 10px;
 }
}
@media only screen and (max-width: 1199px) {
 .about-feedback-container .wrapper {
   max-width: 100%;
   width: 100%;
   position: relative;
 }
 .about-feedback-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 1) - 12px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 100px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .about-feedback-container .carousel::-webkit-scrollbar {
    display: none;
 }
 .about-feedback-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .about-feedback-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .about-feedback-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .about-feedback-container .carousel .card {
   scroll-snap-align: start;
   width: 100%;
   height: 100%;
   list-style: none;
   background: #fff;
   cursor: pointer;
   flex-direction: column;
   border-radius: 8px;
   border: none;
   padding: 15px;
   background: rgba(255, 255, 255, 0);
 }
 .feedback-image-box{
   width: 330px;
   height: 200px;
   aspect-ratio: 1;
   background: white;
   border-radius: 100%;
   animation: l1 20s infinite linear;
   overflow: hidden;
   z-index: 10;
   align-self: center;
 }
 @keyframes l1{
   12.5% { border-radius: 50% 63% 70% 40% / 40% 62% 38% 70%; }
   25% { border-radius: 50% 50% 70% 30% / 52% 62% 40% 48%; }
   37.5% { border-radius: 40% 67% 43% 82% / 52% 73% 40% 48%; }
   50% { border-radius: 73% 42% 38% 82% / 52% 42% 68% 48%; }
   62.5% { border-radius: 73% 37% 74% 26% / 64% 42% 68% 46%; }
   75% { border-radius: 74% 36% 35% 85% / 55% 79% 41% 45%; }
   87.5% { border-radius: 32% 78% 69% 31% / 30% 66% 34% 70%; }
 }
 .feedback-image-box img{
  max-width: 100%;
  max-height: 100%;
 }
 
 .feedback-quote-box{
   padding-left: 100px;
   padding-top: 20px;
   padding-bottom: 20px;
   padding-right: 20px;
   z-index: 1;
   width: 100%;
   margin-left: -70px;
   max-height: 100%;
   background: white;
   border-radius: 20px;
   box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
 }
 .feedback-quote-box .quote-image img{
   width: 25px;
   height: auto;
 }
 .feedback-quote-box .quote-message {
   color: black;
   font-size: 15px;
   text-align: justify;
   padding-top: 10px;
 }
 .feedback-quote-box .quote-name {
   color: #fa6f10;
   font-size: 15px;
   padding-top: 10px;
   font-weight: bold;
 }
 .feedback-quote-box .quote-position {
   color: #808080;
   font-size: 15px;
   padding-top: 10px;
 }
}
@media only screen and (max-width: 991px) {
 .about-feedback-container .wrapper {
   max-width: 100%;
   width: 100%;
   position: relative;
 }
 .about-feedback-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 1) - 12px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 100px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .about-feedback-container .carousel::-webkit-scrollbar {
    display: none;
 }
 .about-feedback-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .about-feedback-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .about-feedback-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .about-feedback-container .carousel .card {
   scroll-snap-align: start;
   width: 100%;
   height: 100%;
   list-style: none;
   background: #fff;
   cursor: pointer;
   flex-direction: column;
   border-radius: 8px;
   border: none;
   padding: 10px;
   padding-top: 50px;
   background: rgba(255, 255, 255, 0);
 }
 
 .feedback-image-box{
   width: 250px;
   height: 180px;
   aspect-ratio: 1;
   background: white;
   border-radius: 100%;
   animation: l1 20s infinite linear;
   overflow: hidden;
   z-index: 10;
   align-self: center;
 }
 @keyframes l1{
   12.5% { border-radius: 50% 63% 70% 40% / 40% 62% 38% 70%; }
   25% { border-radius: 50% 50% 70% 30% / 52% 62% 40% 48%; }
   37.5% { border-radius: 40% 67% 43% 82% / 52% 73% 40% 48%; }
   50% { border-radius: 73% 42% 38% 82% / 52% 42% 68% 48%; }
   62.5% { border-radius: 73% 37% 74% 26% / 64% 42% 68% 46%; }
   75% { border-radius: 74% 36% 35% 85% / 55% 79% 41% 45%; }
   87.5% { border-radius: 32% 78% 69% 31% / 30% 66% 34% 70%; }
 }
 .feedback-image-box img{
  max-width: 100%;
  max-height: 100%;
 }
 
 .feedback-quote-box{
   padding-left: 100px;
   padding-top: 20px;
   padding-bottom: 20px;
   padding-right: 20px;
   z-index: 1;
   width: 100%;
   margin-left: -70px;
   max-height: 100%;
   background: white;
   border-radius: 20px;
   box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
 }
 .feedback-quote-box .quote-image img{
   width: 21px;
   height: auto;
 }
 .feedback-quote-box .quote-message {
   color: black;
   font-size: 13px;
   text-align: justify;
   padding-top: 10px;
 }
 .feedback-quote-box .quote-name {
   color: #fa6f10;
   font-size: 13px;
   padding-top: 10px;
   font-weight: bold;
 }
 .feedback-quote-box .quote-position {
   color: #808080;
   font-size: 13px;
   padding-top: 10px;
 }
}
@media only screen and (max-width: 767px) {
 .about-feedback-container .wrapper {
   max-width: 100%;
   width: 100%;
   position: relative;
 }
 .about-feedback-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 1) - 12px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 100px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .about-feedback-container .carousel::-webkit-scrollbar {
    display: none;
 }
 .about-feedback-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .about-feedback-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .about-feedback-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .about-feedback-container .carousel .card {
   scroll-snap-align: start;
   width: 100%;
   height: 100%;
   list-style: none;
   background: #fff;
   cursor: pointer;
   flex-direction: column;
   border-radius: 8px;
   border: none;
   padding: 10px;
   padding-top: 50px;
   background: rgba(255, 255, 255, 0);
 }
 
 .feedback-image-box{
   width: 100px;
   height: 10px;
   aspect-ratio: 1;
   background: white;
   border-radius: 100%;
   animation: l1 20s infinite linear;
   overflow: hidden;
   z-index: 10;
   align-self: center;
 }
 @keyframes l1{
   12.5% { border-radius: 50% 63% 70% 40% / 40% 62% 38% 70%; }
   25% { border-radius: 50% 50% 70% 30% / 52% 62% 40% 48%; }
   37.5% { border-radius: 40% 67% 43% 82% / 52% 73% 40% 48%; }
   50% { border-radius: 73% 42% 38% 82% / 52% 42% 68% 48%; }
   62.5% { border-radius: 73% 37% 74% 26% / 64% 42% 68% 46%; }
   75% { border-radius: 74% 36% 35% 85% / 55% 79% 41% 45%; }
   87.5% { border-radius: 32% 78% 69% 31% / 30% 66% 34% 70%; }
 }
 .feedback-image-box img{
  display: none;
 }
 
 .feedback-quote-box{
   padding-left: 20px;
   padding-top: 20px;
   padding-bottom: 20px;
   padding-right: 20px;
   z-index: 1;
   width: 100%;
   margin-left: -70px;
   max-height: 100%;
   background: white;
   border-radius: 20px;
   box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
 }
 .feedback-quote-box .quote-image {
   display: flex;
   justify-content: center;
 }
 .feedback-quote-box .quote-image img{
   width: 21px;
   height: auto;
 }
 .feedback-quote-box .quote-message {
   color: black;
   font-size: 13px;
   text-align: justify;
   text-align-last: center;
   padding-top: 10px;
 }
 .feedback-quote-box .quote-name {
   color: #fa6f10;
   font-size: 13px;
   padding-top: 10px;
   font-weight: bold;
   text-align: center;
 }
 .feedback-quote-box .quote-position {
   color: #808080;
   font-size: 13px;
   padding-top: 10px;
   text-align: center;
 }
}
@media only screen and (max-width: 667px) {
 .about-feedback-container .wrapper {
   max-width: 100%;
   width: 100%;
   position: relative;
 }
 .about-feedback-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 1) + 5px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 100px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .about-feedback-container .carousel::-webkit-scrollbar {
    display: none;
 }
 .about-feedback-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .about-feedback-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .about-feedback-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .about-feedback-container .carousel .card {
   scroll-snap-align: start;
   width: 100%;
   height: 100%;
   list-style: none;
   background: #fff;
   cursor: pointer;
   flex-direction: column;
   border-radius: 8px;
   border: none;
   padding: 10px;
   padding-top: 50px;
   background: rgba(255, 255, 255, 0);
 }
 .feedback-image-box{
   width: 100px;
   height: 10px;
   aspect-ratio: 1;
   background: white;
   border-radius: 100%;
   animation: l1 20s infinite linear;
   overflow: hidden;
   z-index: 10;
   align-self: center;
 }
 @keyframes l1{
   12.5% { border-radius: 50% 63% 70% 40% / 40% 62% 38% 70%; }
   25% { border-radius: 50% 50% 70% 30% / 52% 62% 40% 48%; }
   37.5% { border-radius: 40% 67% 43% 82% / 52% 73% 40% 48%; }
   50% { border-radius: 73% 42% 38% 82% / 52% 42% 68% 48%; }
   62.5% { border-radius: 73% 37% 74% 26% / 64% 42% 68% 46%; }
   75% { border-radius: 74% 36% 35% 85% / 55% 79% 41% 45%; }
   87.5% { border-radius: 32% 78% 69% 31% / 30% 66% 34% 70%; }
 }
 .feedback-image-box img{
  display: none;
 }
 
 .feedback-quote-box{
   padding-left: 20px;
   padding-top: 20px;
   padding-bottom: 20px;
   padding-right: 20px;
   z-index: 1;
   width: 100%;
   margin-left: -70px;
   max-height: 100%;
   background: white;
   border-radius: 20px;
   box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
 }
 .feedback-quote-box .quote-image {
   display: flex;
   justify-content: center;
 }
 .feedback-quote-box .quote-image img{
   width: 21px;
   height: auto;
 }
 .feedback-quote-box .quote-message {
   color: black;
   font-size: 12px;
   text-align: justify;
   text-align-last: center;
   padding-top: 10px;
 }
 .feedback-quote-box .quote-name {
   color: #fa6f10;
   font-size: 12px;
   padding-top: 10px;
   font-weight: bold;
   text-align: center;
 }
 .feedback-quote-box .quote-position {
   color: #808080;
   font-size: 12px;
   padding-top: 10px;
   text-align: center;
 }
}
@media only screen and (max-width: 392px) {
 .about-feedback-container .wrapper {
   max-width: 100%;
   width: 100%;
   position: relative;
 }
 .about-feedback-container .wrapper .carousel{
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% / 1) + 5px);
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 100px;
   border-radius: 8px;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
 .about-feedback-container .carousel::-webkit-scrollbar {
    display: none;
 }
 .about-feedback-container .carousel.no-transition {
   scroll-behavior: auto;
 }
 .about-feedback-container .carousel.dragging {
   scroll-snap-type: none;
   scroll-behavior: auto;
 }
 .about-feedback-container .carousel.dragging .card {
   cursor: grab;
   user-select: none;
 }
 .about-feedback-container .carousel .card {
   scroll-snap-align: start;
   width: 100%;
   height: 100%;
   list-style: none;
   background: #fff;
   cursor: pointer;
   flex-direction: column;
   border-radius: 8px;
   border: none;
   padding: 10px;
   padding-top: 50px;
   background: rgba(255, 255, 255, 0);
 }
 .feedback-image-box{
   width: 100px;
   height: 10px;
   aspect-ratio: 1;
   background: white;
   border-radius: 100%;
   animation: l1 20s infinite linear;
   overflow: hidden;
   z-index: 10;
   align-self: center;
 }
 @keyframes l1{
   12.5% { border-radius: 50% 63% 70% 40% / 40% 62% 38% 70%; }
   25% { border-radius: 50% 50% 70% 30% / 52% 62% 40% 48%; }
   37.5% { border-radius: 40% 67% 43% 82% / 52% 73% 40% 48%; }
   50% { border-radius: 73% 42% 38% 82% / 52% 42% 68% 48%; }
   62.5% { border-radius: 73% 37% 74% 26% / 64% 42% 68% 46%; }
   75% { border-radius: 74% 36% 35% 85% / 55% 79% 41% 45%; }
   87.5% { border-radius: 32% 78% 69% 31% / 30% 66% 34% 70%; }
 }
 .feedback-image-box img{
  display: none;
 }
 
 .feedback-quote-box{
   padding-left: 20px;
   padding-top: 20px;
   padding-bottom: 20px;
   padding-right: 20px;
   z-index: 1;
   width: 100%;
   margin-left: -70px;
   max-height: 100%;
   background: white;
   border-radius: 20px;
   box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
 }
 .feedback-quote-box .quote-image {
   display: flex;
   justify-content: center;
 }
 .feedback-quote-box .quote-image img{
   width: 16px;
   height: auto;
 }
 .feedback-quote-box .quote-message {
   color: black;
   font-size: 10px;
   text-align: justify;
   text-align-last: center;
   padding-top: 10px;
 }
 .feedback-quote-box .quote-name {
   color: #fa6f10;
   font-size: 10px;
   padding-top: 10px;
   font-weight: bold;
   text-align: center;
 }
 .feedback-quote-box .quote-position {
   color: #808080;
   font-size: 10px;
   padding-top: 10px;
   text-align: center;
 }
}
/* ---- About Fifth Section Ends -----*/


/* ---- About Six Section Start -----*/
@media only screen and (min-width: 1400px) {
 .about-six-section-container{
   padding-bottom: 50px;
 }
 .about-six-section-container .six-section-title{
   font-size: 50px;
   color: black;
   font-weight: bold;
   text-align: start;
 }
 .about-six-section-container .six-section-description{
   font-size: 50px;
   color: black;
   font-weight: bold;
   text-align: center;
 }
 .about-six-section-container .free-estimate-button {
   width: 40%;
   height: 100%;
   padding-top: 50px;
 }
 .free-estimate-button button{
   width: 100%;
   height: auto;
   padding: 10px;
   font-size: 18px;
   border: none;
   background: white;
   border-radius: 30px;
   box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
       rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
 }
 .free-estimate-button button img{
   width: 15px;
   height: 15px;
   margin-left: 5%;
 }
 .free-estimate-button button:hover{
   animation: pulse 1s infinite;
 }
 @keyframes pulse {
   0% {
       transform: scale(1);
   }
   50% {
       transform: scale(1.1);
   }
   100% {
       transform: scale(1);
   }
 }
}
@media only screen and (max-width: 1399px) {
 .about-six-section-container{
   padding-bottom: 50px;
 }
 .about-six-section-container .six-section-title{
   font-size: 40px;
   color: black;
   font-weight: bold;
   text-align: start;
 }
 .about-six-section-container .six-section-description{
   font-size: 40px;
   color: black;
   font-weight: bold;
   text-align: center;
 }
 .about-six-section-container .free-estimate-button {
   width: 50%;
   height: 100%;
   padding-top: 20px;
 }
 .free-estimate-button button{
   width: 100%;
   height: auto;
   padding: 10px;
   font-size: 18px;
   border: none;
   background: white;
   border-radius: 30px;
   box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
       rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
 }
 .free-estimate-button button img{
   width: 15px;
   height: 15px;
   margin-left: 5%;
 }
 .free-estimate-button button:hover{
   animation: pulse 1s infinite;
 }
 @keyframes pulse {
   0% {
       transform: scale(1);
   }
   50% {
       transform: scale(1.1);
   }
   100% {
       transform: scale(1);
   }
 }
}
@media only screen and (max-width: 1199px) {
 .about-six-section-container{
   padding-bottom: 50px;
 }
 .about-six-section-container .six-section-title{
   font-size: 35px;
   color: black;
   font-weight: bold;
   text-align: start;
 }
 .about-six-section-container .six-section-description{
   font-size: 35px;
   color: black;
   font-weight: bold;
   text-align: center;
 }
 .about-six-section-container .free-estimate-button {
   width: 60%;
   height: 100%;
   padding-top: 15px;
 }
 .free-estimate-button button{
   width: 100%;
   height: auto;
   padding: 10px;
   font-size: 18px;
   border: none;
   background: white;
   border-radius: 30px;
   box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
       rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
 }
 .free-estimate-button button img{
   width: 15px;
   height: 15px;
   margin-left: 5%;
 }
 .free-estimate-button button:hover{
   animation: pulse 1s infinite;
 }
 @keyframes pulse {
   0% {
       transform: scale(1);
   }
   50% {
       transform: scale(1.1);
   }
   100% {
       transform: scale(1);
   }
 }
}
@media only screen and (max-width: 991px) {
 .about-six-section-container{
   padding-bottom: 50px;
 }
 .about-six-section-container .six-section-title{
   font-size: 25px;
   color: black;
   font-weight: bold;
   text-align: start;
 }
 .about-six-section-container .six-section-description{
   font-size: 25px;
   color: black;
   font-weight: bold;
   text-align: center;
 }
 .about-six-section-container .free-estimate-button {
   width: 60%;
   height: 100%;
   padding-top: 20px;
 }
 .free-estimate-button button{
   width: 100%;
   height: auto;
   padding: 10px;
   font-size: 13px;
   border: none;
   background: white;
   border-radius: 30px;
   box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
       rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
 }
 .free-estimate-button button img{
   width: 10px;
   height: 10px;
   margin-left: 5%;
   margin-bottom: 3px;
 }
 .free-estimate-button button:hover{
   animation: pulse 1s infinite;
 }
 @keyframes pulse {
   0% {
       transform: scale(1);
   }
   50% {
       transform: scale(1.1);
   }
   100% {
       transform: scale(1);
   }
 }
}
@media only screen and (max-width: 767px) {
 .about-six-section-container{
   padding-bottom: 50px;
 }
 .about-six-section-container .six-section-title{
   font-size: 25px;
   color: black;
   font-weight: bold;
   text-align: center;
 }
 .about-six-section-container .six-section-description{
   font-size: 25px;
   color: black;
   font-weight: bold;
   text-align: center;
 }
 .about-six-section-container .free-estimate-button {
   width: 40%;
   height: 100%;
   padding-top: 30px;
 }
 .free-estimate-button button{
   width: 100%;
   height: auto;
   padding: 10px;
   font-size: 13px;
   border: none;
   background: white;
   border-radius: 30px;
   box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
       rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
 }
 .free-estimate-button button img{
   width: 10px;
   height: 10px;
   margin-left: 5%;
   margin-bottom: 3px;
 }
 .free-estimate-button button:hover{
   animation: pulse 1s infinite;
 }
 @keyframes pulse {
   0% {
       transform: scale(1);
   }
   50% {
       transform: scale(1.1);
   }
   100% {
       transform: scale(1);
   }
 }
}
@media only screen and (max-width: 667px) {
 .about-six-section-container{
   padding-bottom: 50px;
 }
 .about-six-section-container .six-section-title{
   font-size: 21px;
   color: black;
   font-weight: bold;
   text-align: center;
 }
 .about-six-section-container .six-section-description{
   font-size: 21px;
   color: black;
   font-weight: bold;
   text-align: center;
 }
 .about-six-section-container .free-estimate-button {
   width: 40%;
   height: 100%;
   padding-top: 30px;
 }
 .free-estimate-button button{
   width: 100%;
   height: auto;
   padding: 10px;
   font-size: 10px;
   border: none;
   background: white;
   border-radius: 30px;
   box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
       rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
 }
 .free-estimate-button button img{
   width: 8px;
   height: 8px;
   margin-left: 5%;
   margin-bottom: 0;
 }
 .free-estimate-button button:hover{
   animation: pulse 1s infinite;
 }
 @keyframes pulse {
   0% {
       transform: scale(1);
   }
   50% {
       transform: scale(1.1);
   }
   100% {
       transform: scale(1);
   }
 }
}
@media only screen and (max-width: 392px) {
 .about-six-section-container{
   padding-bottom: 50px;
 }
 .about-six-section-container .six-section-title{
   font-size: 21px;
   color: black;
   font-weight: bold;
   text-align: center;
 }
 .about-six-section-container .six-section-description{
   font-size: 21px;
   color: black;
   font-weight: bold;
   text-align: center;
 }
 .about-six-section-container .free-estimate-button {
   width: 40%;
   height: 100%;
   padding-top: 30px;
 }
 .free-estimate-button button{
   width: 100%;
   height: auto;
   padding: 10px;
   font-size: 10px;
   border: none;
   background: white;
   border-radius: 30px;
   box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
       rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
 }
 .free-estimate-button button img{
   width: 8px;
   height: 8px;
   margin-left: 5%;
   margin-bottom: 0;
 }
 .free-estimate-button button:hover{
   animation: pulse 1s infinite;
 }
 @keyframes pulse {
   0% {
       transform: scale(1);
   }
   50% {
       transform: scale(1.1);
   }
   100% {
       transform: scale(1);
   }
 }
}
/* ---- About Six Section Ends -----*/

/* ---- Animation Start -----*/
/* First/Second Section */

.about-second-left-box{
    opacity: 0;
    transform: translateX(-100px);
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
.about-second-left-box.visible{
    opacity: 1;
    transform: translateX(0);
}
.about-right-box,
.about-second-right-box,
.about-second-image-banner{
    opacity: 0;
    transform: translateX(100px);
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
.about-right-box.visible,
.about-second-right-box.visible,
.about-second-image-banner.visible{
    opacity: 1;
    transform: translateX(0);
}
.about-center-box,
.about-second-title-box,
.our-team-container{
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
.about-center-box.visible,
.about-second-title-box.visible,
.our-team-container.visible{
  opacity: 1;
  transform: translateY(0);
}
/* Third/Fourth/Fifth/Six Section */
.about-third-title,
.about-third-description,
.choose-us-box,
.about-slider-container,
.about-six-section-container{
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
.about-third-title.visible,
.about-third-description.visible,
.choose-us-box.visible,
.about-slider-container.visible,
.about-six-section-container.visible{
  opacity: 1;
  transform: translateY(0);
}
.tab-content .tab-pane-1 img,
.tab-content .tab-pane-2 img,
.tab-content .tab-pane-3 img,
.tab-content .tab-pane-4 img,
.client-box,
.about-feedback-container{
    opacity: 0;
    transform: translateX(-100px);
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
.tab-content .tab-pane-1 img.visible,
.tab-content .tab-pane-2 img.visible,
.tab-content .tab-pane-3 img.visible,
.tab-content .tab-pane-4 img.visible,
.client-box.visible,
.about-feedback-container.visible{
    opacity: 1;
    transform: translateX(0);
}
.tab-content .tab-pane-1 .pills-description-box,
.tab-content .tab-pane-2 .pills-description-box,
.tab-content .tab-pane-3 .pills-description-box,
.tab-content .tab-pane-4 .pills-description-box,
.partner-slider-container,
.feedback-box{
    opacity: 0;
    transform: translateX(100px);
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
.tab-content .tab-pane-1 .pills-description-box.visible,
.tab-content .tab-pane-2 .pills-description-box.visible,
.tab-content .tab-pane-3 .pills-description-box.visible,
.tab-content .tab-pane-4 .pills-description-box.visible,
.partner-slider-container.visible,
.feedback-box.visible{
    opacity: 1;
    transform: translateX(0);
}
/* ---- Animation End -----*/