body{margin: 0; padding: 0; font-family: "Manrope", sans-serif; font-size: 16px; color: var(--primary); background: unset;}
:root {
    --brand: #ff385c;
    --highlight: #00a699;
    --primary: #132130;
    --secondary:#677687;
    --grey:#dadee5;
  }

.navbar-nav {margin-left: auto;}
h1{font-size: 56px; line-height: 68px; font-weight: 700; color: var(--primary);}
h4{font-size: 24px; line-height: 28px; color: var(--secondary);}
h2{font-size: 48px; line-height: 54px; font-weight: 700; color: var(--primary);}

.logo{width:188px;}
.header_heading{    margin-top: 200px;margin-bottom: 90px;}
.header_heading h1{margin-bottom: 16px; font-size: 94px; line-height: 116px;  background: -webkit-linear-gradient(#2b3c4e, #000000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.heading_icon{width: 92px; margin-bottom: 12px;}
.heading_points{margin-top: 120px; margin-bottom: 80px;}
.heading_points h5{color: var(--primary); font-size: 42px;}
.heading_points p{color: var(--secondary); font-size: 24px; margin-top: 24px;}
.hero_image{border-radius: 16px; overflow: hidden; width: 100%;}
.page_title{margin-bottom: 24px;}
.whatwedo{margin-top: 120px; margin-bottom: 100px;}
.wwdo_section_heading{margin-bottom: 48px;}
.whatwedo .container{max-width: 96%;}
.wwdo_section{border-left: solid 1px var(--grey); padding: 24px 0px 24px 24px;}
.wwdo_section h5{font-size: 24px;}
.wwdo_section p{color: var(--secondary);}
.wwdo_text{min-height: 90px;}
.wwdo_section_img{overflow: hidden;border-radius: 16px;filter: grayscale(1) brightness(1.1);  }
.wwdo_section_img:hover{filter: grayscale(0) brightness(1) }
.anavbar{padding: 20px; background: #fff; border-bottom: solid 0px var(--grey);}
.anavbar .nav-item a{color: var(--primary); font-size: 2.4rem; margin-left: 1rem; margin-right: 1rem; text-decoration: underline;
  text-underline-position: under;}
.anavbar .nav-item a:hover{color: var(--brand); }
.header_contact{padding: 10px 30px;}
.header_contact:hover{background: var(--highlight) !important; border-color: var(--highlight) !important;}
.abtn-primary{background: var(--primary); color: #fff; border-radius: 8px; border-color: var(--primary);}
.abtn-primary:hover{background: var(--highlight) !important; border-color: var(--highlight) !important;}
.anavbar .btn-primary{background: var(--primary); color: #fff; border-radius: 8px; border-color: var(--primary);}
.ftr_social_link img{width: 32px;}
.afooter{}
:target {
  scroll-margin-top: 170px;
}
.reel_video{position: fixed; bottom: 20px; right: 20px; width: 172px; height: 302px; z-index: 999; border-radius: 16px; background: var(--primary); overflow: hidden; }
.reel_video source{width: 100%;}
.reel_video video{width: 100%;}
.reel_video a{color:#fff; font-size: 13px; display: block; text-align: center; padding: 10px 2px; text-decoration:underline; text-underline-position: under;}

.swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-left{border-radius: 16px;}


/* jobs */
.jobs_list{ background: #d4fffa; padding: 90px 40px; border-radius: 16px; margin-bottom: 80px;}
.available_dot{width: 10px; height: 10px; margin-left: 4px; position: relative;top:-2px; border-radius: 30px; background: var(--highlight); display: inline-block;animation: blink 1s infinite;}


/* about us */
.about_profile img{border-radius: 370px; max-width: 100%; margin-right: 20px;}
.aboutus{padding: 90px 0 120px; }
.aboutus_wrapper{border-radius: 16px;}
.about_profile_text{margin-left: 20px;}
.about_profile{position: relative; margin-top: -220px; }
.about_profile img{border: solid 3px #fff;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
.about_ceo{font-size: 24px;}
.about_ceo span{font-size: 18px; color: var(--secondary);}
.ceo_description{font-size: 18px;}
.about_title{position: absolute; top: 40%; font-size: 92px; left: auto; width: 100%;
  font-family: Arial, Helvetica, sans-serif;
   -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color:#fff;}

/* jobs */
.jobs{margin-top: 120px;}

/* marquee effect */
.swiper_marquee_section{padding: 120px 0 0px;}
.swiper--top .swiper-slide{width:auto; font-size: 163px;}
.swiper_marquee{
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.swiper_marquee .swiper-wrapper{
  -webkit-transition-timing-function:linear!important;    transition-timing-function:linear!important; 
  position: relative;
}
.swiper_marquee .swiper-slide {
  text-align: center;
  font-size: 162px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  position: relative;
  overflow: hidden;
  padding: 0 50px;
  color: #ffa9a9;
  -webkit-text-fill-color: white; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
  font-family: Arial, Helvetica, sans-serif;
}
.fill_text{-webkit-text-fill-color:var(--primary) !important; }

.office_video_wrapper{ border-radius: 33px;border-radius: 16px; overflow: hidden; padding: 0; margin: 0; display: flex ; position: relative; }
.office_video {
  width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: cover;

}
.yellow{-webkit-text-fill-color: #ffd153 !important;   -webkit-text-stroke-color: #ffd153 !important;}
.red{-webkit-text-fill-color: #ff385c !important;   -webkit-text-stroke-color: #ff385c !important;}
.av-primary{padding-left: 26px; padding-right: 26px; padding-top: 12px; padding-bottom: 12px; background-color: var(--primary); border-radius: 8px; border-color: var(--primary);}
.av-primary:hover{background-color: var(--highlight); border-color: var(--highlight);}

/* pricing  */
.pricing{margin-top: 120px;}
.pricing-header{margin-bottom: 40px;}
.pricing-header .nav{margin-bottom: 40px;}
.pricing .nav-pills .nav-link.active {
  background-color:var(--brand);
  color: #fff;
}
.pricing .nav-pills .nav-link {
  border: 1px solid #ddd;
  margin: 0 5px;
  border-radius: 16px;
  padding: 16px 40px;
  color: var(--primary);
  font-size: 24px;
}
.pricing .card-header {
  background-color: var(--primary);
  color: #fff;
  text-align: center;
  padding: 24px;
  font-size: 18px;
  font-weight: normal;
  border-radius: 16px 16px 0 0px !important;
}
.pricing_text{color: var(--secondary); font-size: 24px}
.pricing .price {
  font-size: 24px;
  color: var(--brand);
  font-weight: bold;
}
.pricing  .card {
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  border: none;
  border-radius: 16px;
}
.pricing .card-body{padding: 32px;}
.pricing  .check-icon::before {
  content: "✔️";
  margin-right: 8px;
  color: green;
}
.pricing .list-unstyled li{padding: 8px 0px;}






@keyframes blink {
  0% {
      opacity: 1;
  }

  50% {
      opacity: 0;
  }

  100% {
      opacity: 1;
  }
}


.word-wrapper {
  display: inline-block;
  position: relative;
  height: 1em;
  overflow: hidden;
  vertical-align: bottom;
}

.word {
  display: inline-block;
  position: absolute;
  bottom: 0;
  opacity: 0;
  transform: translateY(100%);
  transition: all 0.5s ease;
}

.word.show {
  opacity: 1;
  transform: translateY(0);
}

.highlight {
  color: #e91e63;
}

@media (max-width: 1440px) {
  .header_heading h1{font-size: 58px; line-height: 78px;}
}

@media (max-width: 768px) {
  .logo{width:138px;}
  .navbar-toggler-icon{ background-image:url('../images/menu.svg'); background-size: 100%;}
  .header_heading h1{font-size: 36px; line-height: 52px; background: -webkit-linear-gradient(#ff385c, #ffb195);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
  .header_heading h4{font-size: 18px;}
  .heading_points{ gap: 0px !important; margin-bottom: 30px;}
  .header_heading{margin: 140px 0 60px 0;}
  .heading_points h5{font-size: 16px; display: none;}
  .heading_points p{font-size: 15px;}
  .whatwedo{margin-top: 72px;}
  .page_title{font-size: 32px; line-height: 42px; margin-bottom: 16px;}
  h4{font-size: 20px;line-height: 28px;}
  .afooter{flex-direction: column;gap: 20px;}
  .wwdo_section{    padding: 0px 0px 0px 24px;margin: 0 0 80px 0;}
  .last_wwdo_section{margin-bottom: 0 !important;}
  .wwdo_text{min-height: unset;}
  .wwdo_section_img{filter: grayscale(0) brightness(1)}
  .jobs_list{padding: 50px 40px;}
  .aboutus{padding: 20px 10px;}
  .jobs{padding: 20px 10px;}
  .aboutus_wrapper{padding: 0px; text-align: center;}
  .about_profile img{max-width: 100px !important; margin-right: 0; margin-bottom: 20px;}
  .reel_video{width: 120px; height: 240px;}
  .about_profile{margin-top: -70px;}
  .about_title{top: 25%;}
  .about_title{font-size: 62px;}
  .swiper_marquee .swiper-slide{font-size: 92px;}
  .jobs{margin-top: 40px;}
 }