@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap");

.port_list_main_wrap * {
  font-family: "Outfit", sans-serif !important;
}
.main-section.portfolio_main_wrap * {
  font-family: "Outfit", sans-serif !important;
}
:root {
  --text_primary: rgba(37, 131, 233, 1);
  --bg_color: rgba(246, 251, 255, 1);
  --text_color: rgba(59, 59, 59, 1);
  --text_color_h1: rgba(30, 30, 30, 1);
  --second_primary: #f1f8ff;
  --second_button: #ff7a2f;
  --text-align: center;
  --pt_100: 100px;
  --pb_100: 100px;
  --pt_40: 40px;
  --pt_30: 30px;
  --pt_80: 80px;
  --pb_80: 80px;
  --pt_70: 70px;
  --fs_60: 60px;
  --pt_pb_35: 35px;
  --fs_50: 50px;
  --fs_28: 28px;
  --fs_38: 38px;
  --fs_36: 36px;
  --fs_26: 26px;
  --fs_20: 20px;
  --fs_24: 24px;
  --fs_20: 20px;
  --fs_18: 18px;
  --fs_16: 16px;
  --fw_800: 800;
  --fw_600: 600;
  --fw_500: 500;
  --fw_400: 400;
  --margin: 0;
  --mt_100: 100px;
  --mt_50: 50px;
  --padding: 0;
}
.pt_50 {
  padding-top: 50px;
}
a {
  text-decoration: none;
}
a:hover,
a:focus {
  text-decoration: none;
}
.portfolio_main_wrap p {
  font-size: var(--fs_20) !important;
  font-weight: var(--fw_400) !important;
  line-height: 30px;
  color: rgba(30, 30, 30, 0.8);
  margin: var(--margin);
}
.portfolio_main_wrap a {
  font-size: 24px !important;
  /* font-weight: var(--fw_600); */
  line-height: 30.24px;
  text-decoration: none;
}
.portfolio_main_wrap h2 {
  font-size: var(--fs_38) !important;
  font-weight: var(--fw_500);
  line-height: 40px;
  color: rgba(30, 30, 30, 1);
  margin: var(--margin);
}
.portfolio_main_wrap a:focus {
  text-decoration: none;
}
.portfolio_main_wrap .container {
  max-width: 1440px;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
.d-flex {
  display: flex;
}
.justify-content {
  justify-content: space-between !important;
}
.align-items {
  align-items: center;
}
.justify-content-center {
  justify-content: center !important;
}
.mt-30 {
  margin-top: 30px;
}
.relative {
  position: relative;
}
img {
  max-width: 100%;
  height: auto;
}
/* Banner section */
.main-section.portfolio_main_wrap {
  padding-top: 80px;
}
.common_flex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.moon_dialer_wrap {
  background-image: url("../images/portfolio/moon_dailer_bg.webp");
  overflow: hidden;
  background-size: cover;
  padding-top: 80px;
}
.moon_dialer_banner h1 {
  color: var(--text_color_h1);
  font-size: var(--fs_50);
  font-weight: var(--fw_600);
  line-height: 63px;
  margin: var(--margin);
}
.moon_dialer_banner span {
  display: block;
  color: var(--text_color_h1);
  font-size: var(--fs_28);
  font-weight: var(--fw_500);
  line-height: 36px;
  padding-top: 12px;
}
.moon_dialer_banner p {
  padding-top: var(--pt_40);
}
.moon_dialer_wrap.buzzr_app .container > .row {
  margin-right: calc(-50vw + 50% + 0px);
}
.hrm_wrap .moon_dialer_wrap.buzzr_app .container > .row {
    margin-right: calc(-45vw + 50% + 0px);
}
.hrm_wrap .moon_dialer_wrap {
    padding-top: 160px;
}
/* banner_button */
.portfolio_main_wrap .banner_btn {
  padding-top: var(--pt_80);
  padding-bottom: 30px;
}
.pb_70_banner {
  padding-bottom: 70px;
}
.banner_btn a {
  background: var(--text_primary);
  padding: 20px 28px;
  color: var(--bg_color);
  border-radius: 60px;
  display: inline-flex;
  align-items: center;
  max-height: 70px;
  /* transition: all 1s 
cubic-bezier(0, -0.03, 0, 1.28); */
  white-space: nowrap;
}
.banner_btn img {
  width: 0;
    transition: all 1s 
cubic-bezier(0, -0.03, 0.36, 1.41);
}
.banner_btn a:hover img {
  transform: translateX(10px) !important;
  width: 45px !important;
    /* transition: all 1s 
cubic-bezier(0, -0.03, 0.36, 1.41); */
}


.moon_dialer_wrap .container > .row > [class*="col-"]:last-child {
  padding-right: 0px;
}
.security_img {
  display: flex;
  justify-content: end;
}
section.moon_dialer_wrap.buzzr_app.cannabis_banner.evv_banner {
  padding-top: 30px;
}

/* end Banner section */

/* Portfolio details */
.portfolio_detail {
  background: rgba(37, 38, 29, 1);
  padding: var(--pt_pb_35);
  text-align: center;
}
.detail_inner p {
  color: rgba(255, 255, 255, 0.8);
}
.detail_inner span {
  font-size: var(--fs_24);
  font-weight: var(--fw_500);
  line-height: 30.24px;
  padding-top: 8px;
  color: var(--second_primary);
}
.detail_inner:after {
  content: "";
  position: absolute;
  top: 0;
  border-right: 1px solid rgba(71, 71, 71, 1);
  height: 80px;
}
.detail_inner:last-child:after {
  display: none;
}
.timeline_inner > .detail_inner:first-of-type:after {
  right: -80px;
}
.timeline_inner > .detail_inner:nth-of-type(2):after {
  right: -86px;
}
.timeline_inner > .detail_inner:nth-of-type(3):after {
  right: -80px;
}
.timeline_inner > .detail_inner:nth-of-type(4):after {
  right: -84px;
}
/* End details  */

/* Security section */
.security_section {
  background: rgba(246, 251, 255, 1);
  padding-top: var(--pt_100);
  padding-bottom: var(--pb_100);
}
.security_section p {
  padding-top: var(--pt_30);
}
/* End security section */

/* About portfolio section*/
.about_portfolio {
  padding-top: var(--pt_100);
}
.aboout_text h2 {
  text-align: center;
}
.aboout_text p {
  text-align: center;
  padding-top: var(--pt_40);
  max-width: 1178px;
  margin: auto;
}
.about_img {
  padding-top: var(--pt_40);
}
/* End About portfolio section*/

/* feature Section */
.portfolio_feature {
  padding-top: var(--pt_80);
  margin-top: var(--mt_100);
  padding-bottom: var(--pb_80);
  background-image: url("../images/portfolio/feature_bg.webp");
}
.feature_title h2 {
  color: var(--second_primary);
  text-align: center;
}
.moon_dialer_tab {
  border: 2px solid rgba(255, 255, 255, 0.2);
  background: #368deb;
  max-width: 650px;
  border-radius: 40px;
  margin-top: var(--mt_50);
}
.dialer_tab_inner {
  justify-content: center;
  padding: 45px 0;
}

/* according  */
.accordion {
  width: 100%;
}
.card {
  border: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 20px;
  border-radius: 4px;
  overflow: hidden;
  border-radius: 18px;
  padding: 20px;
  background: #368deb;
  width: 100%;
}
.card.new_blog_active {
  background: rgba(255, 255, 255, 1);
}
.card-header span {
  font-size: var(--fs_26);
  font-weight: var(--fw_500);
  line-height: 32px;
  color: var(--second_primary);
}
.card-header.active span {
  color: rgba(30, 30, 30, 1);
}
.card-header {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card-header .icon {
  width: 25px;
  height: 25px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
}
.card-body {
  display: none;
  font-size: var(--fs_20);
  line-height: 32px;
  color: #fff;
  padding: 0px 0px !important;
  margin-top: 10px;
}
.new_blog_active .card-body {
  color: rgba(59, 59, 59, 0.8);
}
.card-body.show {
  display: block;
}
.card-header.active .icon {
  background-image: url("../images/minus.webp");
  box-shadow: none;
}
.card-header .icon {
  background-image: url("../images/plus_portfolio_icon.webp");
  box-shadow: none;
}
/* end feature section */

/* Tech stacks */
.tech_stacks {
  margin-top: var(--mt_100);
}
.tech_stack_flex {
  padding: 80px;
  background: rgba(241, 248, 255, 1);
  border: 1px solid rgba(204, 230, 255, 1);
  border-radius: 40px;
}
.tech_stacks_wrap h2 {
  text-align: center;
}
.tech_stacks_wrap p {
  text-align: center;
  padding-top: var(--pt_30);
  max-width: 950px;
  margin: auto;
}
.tech_wrap_inner {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 80px;
}
.tech_icon {
  display: flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 20px;
  justify-content: center;
}
.tech_icon_inner {
  background: rgba(255, 255, 255, 1);
  padding: 10px 20px;
  border-radius: 34px;
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.tech_icon_inner img {
  height: 30px !important;
  max-width: 38px;
}
.tech_icon_inner span {
  font-size: var(--fs_16);
  line-height: 24px;
  font-weight: var(--fw_400);
  color: rgba(30, 30, 30, 1);
}
.tech_wrap h3 {
  font-size: var(--fs_26);
  font-weight: var(--fw_500);
  color: rgba(30, 30, 30, 1);
  margin: 0;
  padding-top: var(--fs_50);
  padding-bottom: 20px;
}
/* end Tech stacks */
.typo_graphy_bg {
  background: rgba(241, 248, 255, 1);
  margin-top: var(--mt_100);
  padding-top: var(--pt_80);
  padding-bottom: var(--pb_80);
}
.typo_graphy {
  padding-top: var(--pt_100);
}
.typo_font {
  width: 100%;
  height: 400px;
  background: rgba(241, 248, 255, 1);
  border: 1px solid rgba(241, 248, 255, 1);
  border-radius: 40px;
  margin-top: var(--mt_50);
}
.blue_color {
  background: rgba(0, 115, 249, 1);
  height: 530px;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--second_primary);
  font-size: 34px;
  font-weight: 600;
}
.width_450 {
  width: 450px;
  height: 250px;
  border-radius: 40px;
  font-size: 34px;
  color: rgba(59, 59, 59, 1);
  font-weight: 600 !important;
}
.grey_color {
  background: rgba(229, 229, 229, 1);
}
.light_grey_color {
  background: rgba(243, 242, 248, 1);
}
.green-color {
  background: rgba(74, 184, 25, 1);
  color: #fff !important;
}
.red_color {
  background: rgba(252, 59, 48, 1);
  color: #fff !important;
}
.stocksyde01 {
  background: rgba(7, 183, 74, 1);
  color: #fff;
}
.stocksyde02 {
  background: rgba(158, 158, 158, 1);
  color: #fff;
}
.stocksyde03 {
  background: rgba(72, 74, 81, 1);
  color: #fff;
}
.stocksyde04 {
  background: rgba(31, 34, 42, 1);
  color: #fff;
}
.stocksyde05 {
  background: rgba(247, 85, 85, 1);
  color: #fff;
}
.stocksyde .banner_img.buzzr_img {
  justify-content: flex-start;
}
/* typography */
/* Result img */
.container_width {
  overflow: hidden;
  width: 1840px;
  margin: auto;
  max-width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
.img_wrap_main {
  padding-top: var(--pt_40);
}
/* end Result img */

/* CTA Section */
.cta_Section {
  margin-top: var(--mt_100);
}

.cta_bg {
  background-image: url("../images/cta_background.webp");
  background-size: cover;
  border-radius: 40px;
  padding: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--second_primary);
}
.cta_bg h3 {
  font-size: var(--fs_38);
  font-weight: var(--fw_500);
  list-style: 48px;
  margin: var(--margin);
}
.cta_bg p {
  color: var(--second_primary);
  padding-top: 20px;
  text-align: center;
  max-width: 1030px;
}
.cta_bg a {
  background-color: var(--text_primary);
  color: var(--second_primary);
  font-size: var(--fs_20);
  font-weight: var(--fw_600);
  padding: 20px 24px;
  margin-top: 30px;
  border-radius: 60px;
  cursor: pointer;
}
/* End CTA Section */
/* blog section */
.blog_ditail {
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(237, 237, 237, 1);
  padding: 10px;
  border-radius: 30px;
  height: 100%;
}
.blog_card_inner {
  position: relative;
}

.blog_card_inner h6 {
  font-size: 26px;
  font-weight: 500;
  line-height: 22px;
  color: rgba(30, 30, 30, 1);
  margin: var(--margin);
  padding: 20px 0px 10px 10px;
}
.blog_card_inner p {
  color: rgba(30, 30, 30, 0.8);
  font-size: var(--fs_16);
  line-height: 24px;
  padding-left: 10px;
  padding-bottom: 15px;
}
.blog__wrap .row {
  display: flex;
  flex-wrap: wrap;
}
.blog_card_inner h3 {
  padding-left: 10px;
  font-size: 20px;
}
.border_top {
  border-top: 2px dashed rgba(237, 237, 237, 1);
  display: block;
  padding-bottom: 15px;
}
.blog_tech {
  display: flex;
  column-gap: 10px;
  row-gap: 10px;
}
.blog_inner_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 10px;
}
.blog_tech span {
  background: rgba(245, 245, 245, 1);
  color: rgba(59, 59, 59, 1);
  font-size: 14px;
  font-weight: var(--fw_400);
  line-height: 15px;
  padding: 10px;
  border-radius: 20px;
}
.more_blog {
  display: flex;
  justify-content: center;
  padding-top: var(--pt_70);
}
.more_blog a {
  background: var(--text_primary);
  color: var(--second_primary);
  padding: 20px 30px;
  border-radius: 60px;
}
/* end blog section */

.typo_graphy_title.tech_stacks_wrap.medigo.pb_50 {
  margin-bottom: 50px;
}
.hover-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  width: 64%;
  padding: 16px 20px;
  border: none;
  border-radius: 30px;
  background: rgba(0, 115, 249, 1);
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transform: scale(0.8);
  justify-content: center;
  display: flex;
  align-items: center;
  column-gap: 6px;
}
.image-container:hover .hover-button {
  opacity: 1;
  transform: scale(1);
  display: flex;
  align-items: center;
  column-gap: 6px;
}
.image-container:hover img {
  filter: blur(1px);
}
.hover-button a {
  color: #fff;
}
section.moon_dialer_wrap.buzzr_app.match_pix_title {
  padding-top: 130px;
}
/* end button hover */
/* buzzer portfolio */
.banner_img.buzzr_img {
  display: flex;
  justify-content: end;
}
.buzzr_img01 {
  background: rgba(78, 28, 151, 1);
}
.buzzr_img02 {
  background: rgba(246, 241, 254, 1);
}
.buzzr_img03 {
  background: rgba(238, 238, 238, 1);
}
.buzzr_img04 {
  background: rgba(86, 99, 111, 1);
}
.buzzr_img05 {
  background: rgba(223, 37, 37, 1);
}
.mi_color_01 {
  background: rgba(253, 141, 10, 1);
}
.w-50 {
  width: 50%;
}
.w-33 {
  width: 33%;
}
.w-43 {
  width: 44%;
}
.mi_wrap .tech_icon {
  flex-wrap: wrap;
}
/* end buzzer portfolio */

/* Doc Talk */
.tech_wrap_inner.doc_talk {
  justify-content: center;
  column-gap: 78px;
}
.doc_color_1 {
  background: rgba(12, 119, 103, 1);
}
.doc_color_2 {
  background: rgba(162, 169, 164, 1);
  color: #fff;
}
.doc_color_3 {
  background: rgba(100, 112, 103, 1);
  color: #fff;
}
.doc_color_5 {
  background: rgba(244, 63, 94, 1);
}
/* end Doc Talk */
/* moon invoice  */
.timeline_inner > .detail_inner.moon-invoice-wrap:after {
  right: -46px;
}
/* ZeroEyes */
.zero_eyes_banner .banner_img.buzzr_img {
  justify-content: center;
}
.zero_eyes_banner {
  height: 800px;
}
.zero_eyes_01 {
  background: rgba(34, 40, 46, 1);
  color: #fff;
}
.zero_eyes_02 {
  background: rgba(197, 177, 115, 1);
  color: #fff;
}
.zero_eyes_03 {
  background: rgba(115, 120, 126, 1);
  color: #fff;
}
/* End ZeroEyes */
/* LCBO Portfolio Design */
.lcbo_color1 {
  background: rgba(3, 134, 80, 1);
  color: #fff;
}
.lcbo_color2 {
  background: rgba(20, 65, 52, 1);
  color: #fff;
}
.lcbo_color3 {
  background: rgba(194, 194, 194, 1);
  color: rgba(59, 59, 59, 1);
}
.lcbo_color4 {
  background: rgba(247, 247, 247, 1);
  color: rgba(59, 59, 59, 1);
}
.lcbo_color5 {
  background: rgba(236, 33, 37, 1);
  color: #fff;
}
.plent_color_01 {
  background: rgba(43, 216, 138, 1);
}
.plent_color_02 {
  background: rgba(130, 130, 130, 1);
  color: #fff;
}
/* End LCBO Portfolio Design */
/* inner_journey */
.banner_img.buzzr_img.inner_journey {
  justify-content: center;
}
.inner_journey_1 {
  background: rgba(0, 68, 54, 1);
}
.inner_journey_2 {
  background: rgba(205, 220, 203, 1);
}
.inner_journey_3 {
  background: rgba(165, 208, 155, 1);
  color: #fff;
}
.inner_journey_4 {
  background: rgba(252, 175, 35, 1);
  color: #fff;
}
.inner_journey_5 {
  background: rgba(81, 107, 97, 1);
  color: #fff;
}
/* End inner_journey */
/* bllr */
.bllr_01 {
  background: rgba(243, 165, 30, 1);
  color: #fff;
}
.bllr_02 {
  background: rgba(120, 128, 145, 1);
  color: #fff;
}
.bllr_03 {
  background: rgba(222, 239, 255, 1);
}
.bllr_04 {
  background: rgba(63, 202, 221, 1);
  color: #fff;
}
.bllr_05 {
  background: rgba(255, 92, 92, 1);
  color: #fff;
}
.car_clr {
  background: rgba(156, 156, 156, 1);
  color: #fff;
}
.car_clr1 {
  background: rgba(189, 11, 11, 1);
}
/* End Bllr */
/* puls */
.pulse__clr {
  flex-direction: column;
  justify-content: space-around !important;
  background: linear-gradient(180deg, #ff2094 0%, #ff63b4 100%);
}
.pulse_01 {
  background: rgba(50, 50, 50, 1);
  color: #fff;
}
.pulse_02 {
  background: rgba(19, 19, 19, 1);
  color: #fff;
}
.pulse_03 {
  background: rgba(64, 192, 87, 1);
  color: #fff;
}
.pulse_04 {
  background: rgba(255, 53, 53, 1);
}
/* end puls */
/* stop jeu */
.stop_jeu01 {
  background: rgba(12, 28, 140, 1);
}
.stop_jeu02 {
  background: rgba(210, 210, 217, 1);
}
.stop_jeu03 {
  background: rgba(40, 42, 48, 1);
  color: #fff;
}
.stop_jeu04 {
  background: rgba(255, 136, 90, 1);
}
.stop_jeu05 {
  background: rgba(196, 196, 196, 1);
  color: rgba(59, 59, 59, 1) !important;
}
/* End stop jeu */
/* cannabis */
.cannabis_clr01 {
  background: rgba(255, 192, 0, 1);
}
.cannabis_clr02 {
  background: rgba(35, 63, 34, 1);
  color: #fff;
}
.cannabis_clr03 {
  background: rgba(8, 31, 10, 1);
  color: #fff;
}
.cannabis_clr04 {
  background: rgba(167, 177, 166, 1);
  color: #fff;
}
.cannabis_clr05 {
  background: rgba(20, 201, 201, 1);
  color: #fff;
}
/* cannabis end */
/* clr_courier */
.clr_courier05 {
  background: rgba(26, 116, 140, 1);
  color: #fff;
}
.clr_courier01 {
  background: rgba(26, 38, 46, 1);
  color: #fff;
}
.clr_courier02 {
  background: rgba(7, 189, 116, 1);
  color: #fff;
}
.clr_courier03 {
  background: rgba(250, 204, 21, 1);
  color: #fff;
}
.clr_courier04 {
  background: rgba(247, 85, 85, 1);
  color: #fff;
}
/* end clr_courier */
/* sevv_clr01 */
.sevv_clr01 {
  background: rgba(52, 139, 252, 1);
  color: #fff;
}
.sevv_clr02 {
  background: rgba(105, 107, 124, 1);
  color: #fff;
}
.sevv_clr03 {
  background: rgba(247, 249, 251, 1);
}
.sevv_clr04 {
  background: rgba(255, 204, 0, 1);
  color: #fff;
}
.sevv_clr05 {
  background: rgba(255, 99, 53, 1);
  color: #fff;
}
/* end sevv_clr01 */
/* mvincove */
.mvoice_icon01 {
  background: rgba(47, 120, 238, 1);
}
.mvoice_icon02 {
  background: rgba(50, 55, 65, 1);
  color: #fff;
}
.mvoice_icon03 {
  background: rgba(241, 174, 64, 1);
  color: #fff;
}
.mvoice_icon04 {
  background: rgba(55, 183, 147, 1);
  color: #fff;
}
.mvoice_icon05 {
  background: rgba(234, 237, 242, 1);
  color: #000 !important;
}

/* mvincove */
.parkview01 {
  background: rgba(189, 221, 10, 1);
  color: rgba(78, 76, 77, 1) !important;
}
.parkview02 {
  background: rgba(78, 76, 77, 1);
  color: #fff;
}
.parkview03 {
  background: rgba(255, 152, 0, 1);
  color: #fff;
}
.parkview04 {
  background: rgba(76, 175, 80, 1);
  color: #fff;
}
.parkview05 {
  background: rgba(115, 115, 115, 1);
}
/* property */
.moon_dialer_tab.property_width {
  width: 700px;
  height: 700px;
  display: flex;
  align-items: center;
  padding: 15px;
  width: 100%;
}
.img_wrap_main.property_bg {
  background-image: url("../images/portfolio/scale_evv_img09.webp");
  background-size: cover;
  border-radius: 40px;
  padding-top: 0px;
  display: flex;
  justify-content: center;
  margin-top: 50px;
}
.property_clr01 {
  background: rgba(245, 145, 33, 1);
  color: #fff;
}
.property_clr02 {
  background: rgba(58, 77, 84, 1);
  color: #fff;
}
.property_clr03 {
  background: rgba(248, 132, 21, 1);
  color: #fff;
}
.property_clr04 {
  background: rgba(39, 170, 226, 1);
  color: #fff;
}
.property_clr05 {
  background: rgba(96, 66, 212, 1);
  color: #fff;
}
/* end property */
/* match-pix */
.match-pix_1 {
  background: rgba(141, 50, 4, 1);
  color: #fff;
}
.match-pix_2 {
  background: rgba(245, 185, 151, 1);
}
.match-pix_3 {
  background: rgba(255, 231, 211, 1);
}
.match-pix_4 {
  background: rgba(255, 221, 1, 1);
}
.match-pix_5 {
  background: rgba(199, 9, 2, 1);
}
.moon_dialer_tab.match-fix_tab {
  padding: 30px;
}
.match_pix_title .common_flex {
  align-items: end;
}
.banner_img.buzzr_img.inner_journey.journey_banner.match_pix_banner {
  justify-content: flex-start;
}
.match_pix_title .banner_btn {
  padding-bottom: 100px;
}
/* end */
/*scherbius */
.scherbius_1 {
  background: rgba(153, 32, 28, 1);
  color: #fff;
}
.scherbius_2 {
  background: rgba(175, 176, 184, 1);
  color: #fff;
}
.scherbius_3 {
  background: rgba(58, 134, 242, 1);
  color: #fff;
}
.scherbius_4 {
  background: rgba(255, 139, 0, 1);
  color: #fff;
}
.scherbius_5 {
  background: rgba(1, 167, 69, 1);
  color: #fff;
}
/* end */
/* actiView_color01 */
.actiView_color01 {
  background: rgba(0, 178, 255, 1);
  color: #fff;
}
.actiView_color02 {
  background: rgba(29, 41, 57, 1);
  color: #fff;
}
.qaqctiView_color02 {
  background: rgba(45, 45, 45, 1);
  color: #fff;
}
.actiView_color03 {
  background: rgba(217, 45, 32, 1);
  color: #fff;
}
.actiView_color04 {
  background: rgba(3, 152, 85, 1);
  color: #fff;
}
.qactiView_color04 {
  background: rgba(217, 45, 32, 1);
  color: #fff;
}
.qactiView_color05 {
  background: rgba(37, 37, 37, 1);
  color: #fff;
}
.actiView_color05 {
  background: rgba(0, 74, 105, 1);
  color: #fff;
}
.qactiView_color02 {
  background: rgba(141, 144, 152, 1);

  color: #fff;
}
.qactiView_color03 {
  background: rgba(17, 21, 32, 1);
  color: #fff;
}
/* matchwise */
.matchwise_color01 {
  background: rgba(150, 16, 255, 1);
  color: #fff;
}
.matchwise_color02 {
  background: rgba(215, 215, 215, 1);
  color: #fff;
}

.matchwise_color03 {
  background: rgba(59, 57, 57, 1);
  color: #fff;
}

.matchwise_color04 {
  background: rgba(247, 85, 85, 1);
  color: #fff;
}
.matchwise_color05 {
  background: rgba(255, 152, 31, 1);
  color: #fff;
}
.match_wise .banner_img.buzzr_img {
  justify-content: flex-start;
}
.match_wise .moon_dialer_wrap {
  padding-top: 130px;
}

/* healthy */
.healthy01 {
  background: rgba(162, 242, 238, 1) !important;
  color: rgba(35, 57, 85, 1) !important;
}
.healthy02 {
  background: rgba(135, 136, 138, 1) !important;
  color: rgba(255, 255, 255, 1) !important;
}
.healthy03 {
  background: rgba(35, 57, 85, 1) !important;
  color: rgba(255, 255, 255, 1) !important;
}
.healthy04 {
  background: rgba(253, 66, 69, 1) !important;
  color: rgba(255, 255, 255, 1) !important;
}
.healthy05 {
  background: rgba(237, 251, 252, 1) !important;
  color: rgba(35, 57, 85, 1) !important;
}
/* medigo page*/
.medigo p {
  max-width: 1125px;
  line-height: 40px;
  padding-top: 25px;
}
.wireframe_section {
  background: rgba(37, 131, 233, 1);
  padding: 120px 0;
  margin: 0 30px;
  border-radius: 40px;
}
.lottie_animation {
  max-width: 1400px;
  margin: auto;
  padding-top: 40px;
}
.moon_dialer_wrap.pos_m_banner .container > .row {
  margin-right: calc(-50vw + 50%) !important;
}
/* portfolio listing */
.port_main_wrap.zeroeyes_wrap img {
  width: 90%;
  padding-left: 50px;
}
.port_main_wrap.buzzr_clr img {
  padding-left: 30px;
}
.port_main_list {
  padding-top: 100px;
}
.port_flex {
  display: flex;
  flex-wrap: wrap;
}
.pt_100 {
  padding-top: 100px;
}
.port_li_banner {
  position: relative;
  background-image: url("../images/portfolio/listing_banner.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 500px;
}
.port_title {
  max-width: 1206px;
  margin: auto;
}
.port_title h1 {
  color: var(--second_primary);
  font-size: var(--fs_60);
  font-weight: var(--fw_600);
  line-height: 75px;
  margin: var(--margin);
  text-align: center;
}

.port_title p {
  text-align: center;
  font-size: var(--fs_28) !important;
  font-weight: var(--fw_400) !important;
  line-height: 38px;
  padding-top: 20px;
  color: rgba(255, 255, 255, 0.7);
  max-width: 1092px;
}

.port_li_banner:after {
  content: "Portfolio";
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 250px;
  top: 85%;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.1);
  line-height: 315px;
  font-weight: 700;
}

.port_tab_list {
  padding-top: var(--pt_70);
}

.prot_tab_wrap {
  padding-top: var(--pt_40);
}

.prot_tab_wrap .nav-tabs > li.active > button,
.prot_tab_wrap .nav-tabs > li.active > button:focus,
.prot_tab_wrap .nav-tabs > li.active > button:hover {
  border: none;
  background: rgba(37, 131, 233, 1);
  color: #fff;
  font-size: var(--fs_18) !important;
  border-bottom-color: initial !important;
  cursor: pointer;
}
.prot_tab_wrap .nav > li > button:focus {
  color: #fff;
  cursor: default;
  background: rgba(37, 131, 233, 1) !important;
  border: none;
  border-bottom-color: initial !important;
  cursor: pointer;
  border: none !important;
}
.port_flex .nav-tabs li button:hover {
  background: rgba(37, 131, 233, 1) !important;
  color: #fff !important;
}
.prot_tab_wrap .nav > li > button {
  background: rgba(241, 241, 241, 1);
  padding: 8px 30px;
  border-radius: 50px;
  color: rgba(30, 30, 30, 0.8);
  font-size: var(--fs_18) !important;
  cursor: pointer;
  border: none !important;
}
.prot_tab_wrap ul.nav.nav-tabs {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
  padding-left: 15px;
}
.prot_tab_wrap .nav.nav-tabs > li {
  margin-right: 20px;
}
.tab_title h2 {
  font-size: var(--fs_50) !important;
  font-weight: var(--fw_600);
  line-height: 63px;
  margin: var(--margin);
  padding-left: 15px;
}
.nav-tabs {
  border-bottom: none !important;
}
.box_doc_clr {
  border: 1px solid #c2e3cc;
  background: #e7f4eb;
}
.full_width_center .port_outer {
  left: 25%;
  right: 25%;
}
.port_main_wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 30px;
  height: 100%;
  overflow: hidden;
  max-height: 720px;
}
.port_main_wrap img {
  width: 100%;
  padding-top: 50px;
  max-width: 100%;
  margin-top: auto;
}
.port_main_wrap h3 {
  color: #325e3f;
  font-size: var(--fs_28);
  font-weight: var(--fw_600);
  margin: var(--margin);
  padding-bottom: 5px;
  line-height: 40px;
  padding: 30px 30px 0 30px;
}
.port_main_wrap p {
  font-size: var(--fs_18);
  font-weight: var(--fw_400);
  line-height: 30px;
}
.box_invoice_clr {
  background: #e7f3ff;
  border: 1px solid #cbe1f8;
}
.box_invoice_clr h3 {
  color: #1d4d81;
}
.port_hover {
  display: flex;
  justify-content: space-between;
  padding: 20px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.3) 100%
  );
  border: 2px solid rgba(255, 255, 255, 0.2);
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 10px;
  border-radius: 30px;
  backdrop-filter: blur(100px);
}
.platform_wrap h4,
.category_wrap h4 {
  color: rgba(31, 30, 31, 1);
  margin-bottom: 20px !important;
  font-size: var(--fs_16);
  line-height: 20px;
  font-weight: var(--fw_500);
  margin: var(--margin);
}
.platform_wrap {
  position: relative;
}
.platform_wrap span,
.category_wrap span {
  background: rgba(255, 255, 255, 0.5);
  color: rgba(59, 59, 59, 1);
  padding: 10px 14px;
  border-radius: 20px;
}
.port_main_wrap:hover .port_outer {
  opacity: 1;
}
.lcbo_wrap_clr {
  background: rgba(237, 225, 212, 1);
  border: 1px solid rgba(229, 196, 161, 1);
}
.lcbo_wrap_clr h3 {
  color: rgba(105, 85, 64, 1);
}
.port_main_wrap h3 {
  color: #325e3f;
  font-size: var(--fs_28);
  font-weight: var(--fw_600);
  margin: var(--margin);
  padding-bottom: 5px;
  line-height: 40px;
}
.property_inspection_clr {
  border: 1px solid rgba(154, 212, 207, 1);
  background: rgba(233, 255, 253, 1);
}
.property_inspection_clr h3 {
  color: rgba(36, 153, 142, 1) !important;
}
.moon_dialer_clr {
  background: rgba(226, 231, 243, 1);
  border: 1px solid rgba(196, 209, 241, 1);
}
.moon_dialer_clr h3 {
  color: rgba(29, 77, 129, 1) !important;
}
.chargehub_clr {
  background: rgba(220, 240, 240, 1);
  border: 1px solid rgba(191, 226, 226, 1);
}
.chargehub_clr h3 {
  color: rgba(37, 121, 98, 1) !important;
}
.courier_recruit_clr {
  background: rgba(231, 243, 255, 1);
  border: 1px solid rgba(200, 223, 246, 1);
}
.courier_recruit_clr h3 {
  color: rgba(12, 75, 92, 1) I !important;
}
.scale_evv_clr {
  background: rgba(233, 242, 255, 1);
  border: 1px solid rgba(170, 191, 222, 1);
}
.scale_evv_clr h3 {
  color: rgba(39, 94, 165, 1) !important;
}
.buzzr_clr {
  background: rgba(245, 238, 252, 1);
  border: 1px solid rgba(207, 190, 225, 1);
}
.buzzr_clr h3 {
  color: rgba(79, 41, 122, 1) I !important;
}
.Plentit_app_clr {
  background: rgba(224, 246, 236, 1);
  border: 1px solid rgba(157, 219, 191, 1);
}
.Plentit_app_clr h3 {
  color: rgba(29, 135, 87, 1) I !important;
}
.matchpix_clr {
  background: rgba(255, 244, 238, 1);
  border: 1px solid rgba(250, 217, 199, 1);
}
.matchpix_clr h3 {
  color: rgba(98, 42, 14, 1) !important;
}
.bllr_futbol_clr {
  background: rgba(226, 231, 243, 1);
  border: 1px solid rgba(196, 209, 241, 1);
}
.bllr_futbol_clr h3 {
  color: rgba(29, 77, 129, 1) !important;
}
.pulse_clr {
  background: rgba(220, 240, 240, 1);
  border: 1px solid rgba(191, 226, 226, 1);
}
.pulse_clr h3 {
  color: rgba(37, 121, 98, 1) !important;
}
.inner_journey_clr {
  background: rgba(226, 244, 223, 1);
  border: 1px solid rgba(172, 210, 166, 1);
}
.inner_journey_clr h3 {
  color: rgba(104, 142, 97, 1) !important;
}
.hypnos_clr {
  background: rgba(255, 235, 235, 1);
  border: 1px solid rgba(251, 201, 201, 1);
}
.hypnos_clr h3 {
  color: rgba(116, 20, 17, 1) !important;
}
.stop_jeu_clr {
  background: rgba(226, 231, 243, 1);
  border: 1px solid rgba(196, 209, 241, 1);
}
.stop_jeu_clr h3 {
  color: rgba(29, 77, 129, 1) !important;
}
.cannabis_plus_clr {
  background: rgba(220, 240, 240, 1);
  border: 1px solid rgba(191, 226, 226, 1);
}
.scherbius_clr {
  background: rgba(255, 235, 235, 1);
  border: 1px solid rgba(251, 201, 201, 1);
}
.scherbius_clr {
  color: rgba(116, 20, 17, 1) !important;
}
.mt_list_30 {
  margin-top: 30px;
}
.medi_go_1 {
  background: rgba(0, 192, 172, 1);
}
.medi_go_2 {
  background: rgba(240, 243, 245, 1);
}
.medi_go_3 {
  background: rgba(169, 169, 169, 1);
  color: #fff;
}
.medi_go_4 {
  background: rgba(252, 243, 198, 1);
}
.medi_go_5 {
  background: rgba(245, 85, 123, 1);
}
.gro_1 {
  background: rgba(38, 171, 112, 1);
  color: #fff;
}
.gro_2 {
  background: rgba(188, 188, 188, 1);
  color: #fff;
}
.gro_3 {
  background: rgba(225, 255, 242, 1);
  color: #000;
}
.gro_4 {
  background: rgba(216, 14, 14, 1) !important;
  color: #fff;
}
.gro_5 {
  background: rgba(250, 192, 43, 1);
  color: #fff;
}

.crypto_1 {
  background: rgba(163, 201, 40, 1);
  color: #fff;
}
.crypto_2 {
  background: rgba(231, 255, 153, 1);
}
.crypto_3 {
  background: rgba(37, 37, 37, 1);
  color: #fff;
}
.crypto_4 {
  background: rgba(138, 159, 19, 1);
  color: #fff;
}
.crypto_5 {
  background: rgba(201, 40, 43, 1);
  color: #fff;
}

.insur_1 {
  background-color: #003d2a;
  color: #fff;
}
.insur_2 {
  background: #def071;
  color: #1e1e1e;
}
.insur_3 {
  background: #f4f4f4;
  color: #1e1e1e;
}
.insur_4 {
  background: #809e95;
  color: #fff;
}
.insur_5 {
  background: #e6377a;
  color: #fff;
}
.parkview_ai {
  background: rgba(252, 255, 235, 1);
  border: 1px solid rgba(230, 237, 190, 1);
}
.parkview_ai h3 {
  color: rgba(93, 109, 0, 1) !important;
}
.acti_view {
  background: rgba(228, 247, 255, 1);
  border: 1px solid rgba(169, 207, 223, 1);
}
.acti_view h3 {
  color: rgba(0, 86, 124, 1) !important;
}
.qa_view {
  background: rgba(255, 243, 229, 1);
  border: 1px solid rgba(216, 195, 171, 1);
}
.qa_view h3 {
  color: rgba(146, 77, 0, 1) !important;
}
.healthy_tap_list {
  background: rgba(230, 255, 254, 1);
  border: 1px solid rgba(194, 222, 221, 1);
}
.healthy_tap_list h3 {
  color: rgba(1, 92, 87, 1) !important;
}
.mvoice_agent {
  background: rgba(233, 242, 255, 1);
  border: 1px solid rgba(170, 191, 222, 1);
}
.mvoice_agent h3 {
  color: rgba(39, 94, 165, 1) !important;
}
.claim_ai {
  background: rgba(235, 255, 253, 1);
  border: 1px solid rgba(177, 222, 217, 1);
}
.claim_ai h3 {
  color: rgba(0, 94, 83, 1) !important;
}
.claimAIr01 {
  background: linear-gradient(180deg, #5b0dff 0%, #d60aff 100%) !important;
  color: #fff !important;
}
.claimAIr02 {
  background: rgba(107, 107, 107, 1) !important;
  color: #fff !important;
}
.claimAIr03 {
  background: rgba(32, 26, 46, 1) !important;
  color: #fff !important;
}
.claimAIr04 {
  background: rgba(51, 214, 121, 1) !important ;
  color: #fff !important;
}
.claimAIr05 {
  background: rgba(35, 35, 36, 1) !important;
  color: #fff !important;
}
.claimai .banner_img.buzzr_img {
  justify-content: flex-start;
}
.texi_clr_01 {
  background: rgba(252, 186, 11, 1);
  color: rgba(35, 57, 85, 1);
}
.texi_clr_02 {
  background: rgba(26, 26, 26, 1);
  color: #fff;
}
.texi_clr_03 {
  background: rgba(106, 106, 106, 1);
  color: #fff;
}
.texi_clr_04 {
  background: rgba(246, 246, 246, 1);
  color: rgba(25, 25, 25, 1);
}
.texi_clr_05 {
  background: rgba(255, 59, 48, 1);
  color: rgba(255, 255, 255, 1);
}
.payozo_img01 {
  background: rgba(0, 66, 255, 1);
  color: #fff;
}

.payozo_img02 {
  background: rgba(243, 246, 255, 1);
  color: rgba(74, 74, 74, 1);
}

.payozo_img03 {
  background: rgba(128, 122, 124, 1);
  color: rgba(255, 255, 255, 1);
}

.payozo_img04 {
  background: rgba(105, 117, 134, 1);
  color: rgba(255, 255, 255, 1);
}

.payozo_img05 {
  background: rgba(0, 207, 102, 1);
  color: rgba(255, 255, 255, 1);
}
.payozo .moon_dialer_wrap {
  padding-bottom: 80px;
}
.payozo .banner_img.buzzr_img.milkmate_wrap {
  justify-content: left;
}
.hrm_01 {
  background: rgba(0, 122, 255, 1);
  color: #fff !important;
}

.hrm_02 {
  background: rgba(39, 138, 38, 1);
  color: #fff !important;
}

.hrm_03 {
  background: rgba(253, 141, 10, 1);
  color: #fff !important;
}

.hrm_04 {
  background: rgba(255, 0, 0, 1);
  color: #fff !important;
}

.hrm_05 {
  background: rgba(33, 42, 50, 1);
  color: #fff !important;
}

/* slider */
.trusted_client h2 {
  margin: 0px !important;
  font-size: var(--fs_38);
  font-weight: var(--fw_500);
  text-align: var(--text-align);
  line-height: 49px;
  position: relative;
}
.trusted_client h2:after {
  content: "";
  width: 80px;
  height: 4px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: -12px;
  background: rgba(37, 131, 233, 1);
  border-radius: 20px;
}
.ios_inner_text {
  font-size: var(--fs_18);
  font-weight: var(--fw_400);
  text-align: var(--text-align);
  padding-top: var(--pt_50);
  line-height: 34px;
  margin: 0;
  max-width: 1206px;
  margin: auto;
}
.trusted_client .ios_inner_text {
  padding-top: 30px;
}
.ios_inner_text span {
  display: block;
  font-size: 18px;
  color: rgba(59, 59, 59, 1);
}
.relative {
  position: relative;
}
.client_slider_info {
  display: flex;
  align-items: center;
  column-gap: 70px;
}
.video-wrapper {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  display: block;
}
.client_img {
  max-width: 635px;
  width: 100%;
  position: relative;
}
.owl-carousel .owl-item img {
  width: unset !important;
}
.client_img img {
  max-width: 635px;
  min-height: 400px;
}
svg:not(:root) {
  overflow: hidden;
}
.play_icon_btn {
  position: absolute;
  cursor: pointer;
  right: 20px;
  bottom: 20px;
}
.client_review h5 {
  font-size: var(--fs_20);
  font-weight: var(--fw_500);
  line-height: 22px;
  margin: 0px;
}
.client_review h6 {
  font: var(--fs_16);
  font-weight: var(--fw_400);
  line-height: 17px;
  margin: 0;
  margin-top: 10px;
}
.clinet_location {
  display: flex;
  align-items: center;
  column-gap: 10px;
  padding-top: 10px;
  max-width: 150px;
}
.client_slider_info .clinet_location img {
  width: 32px !important;
  height: 30px;
}
.clinet_location span {
  font-size: var(--fs_16);
  font-weight: 500;
  line-height: 17px;
}
.client_slider_info p {
  font-size: var(--fs_18);
  font-weight: var(--fw_400);
  line-height: 34px;
  margin: 0;
  padding-top: 20px;
}
.slider_info .owl-nav .owl-prev .nav-btn.prev-slide,
.slider_info .owl-nav .owl-next .nav-btn.next-slide {
  border: 1px solid rgba(37, 131, 233, 1);
  color: rgba(37, 131, 233, 1);
  background: var(--bg_color);
  padding: 10px 20px 10px 20px;
  border-radius: 60px;
  margin-left: 10px;
}
.slider_info .owl-nav .owl-prev .nav-btn.prev-slide,
.slider_info .owl-nav .owl-next .nav-btn.next-slide {
  border: 1px solid rgba(37, 131, 233, 1);
  color: rgba(37, 131, 233, 1);
  background: var(--bg_color);
  padding: 10px 20px 10px 20px;
  border-radius: 60px;
  margin-left: 10px;
}

.active-button {
  background-color: rgba(37, 131, 233, 1) !important;
  color: #fff !important;
}
.container_wrap {
  max-width: 1440px;
  margin: auto;
  padding: 0 20px !important;
}
.slider_info .owl-nav {
  position: absolute;
  right: 0;
  bottom: 0px;
  z-index: 99;
}
.port_main_wrap p {
  font-size: var(--fs_18);
  font-weight: var(--fw_400);
  line-height: 30px;
  color: rgba(59, 59, 59, 1);
  padding: 0 30px;
}
.box_invoice_clr {
  background: #e7f3ff;
  border: 1px solid #cbe1f8;
}
.box_invoice_clr h3 {
  color: #1d4d81;
}
.port_outer {
  backdrop-filter: blur(100px);
  position: absolute;
  bottom: 0;
  left: 0px;
  right: 0;
  border-radius: 30px;
  height: 130px;
  opacity: 0;
  transition: 0.9s;
  background: rgba(0, 0, 0, 0.1);
}
.port_outer.full_w_100 {
  left: 25%;
  right: 25%;
}
.platform_wrap h4,
.category_wrap h4 {
  color: rgba(31, 30, 31, 1);
  margin-bottom: 20px !important;
  font-size: var(--fs_16);
  line-height: 20px;
  font-weight: var(--fw_500);
  margin: var(--margin);
}
.platform_wrap {
  position: relative;
}
.platform_wrap span,
.category_wrap span {
  background: rgba(255, 255, 255, 0.5);
  color: rgba(59, 59, 59, 1);
  padding: 10px 14px;
  border-radius: 20px;
  margin-right: 10px;
}
.port_main_wrap a {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.port_main_wrap:hover .port_outer {
  opacity: 1;
}
.lcbo_wrap_clr {
  background: rgba(237, 225, 212, 1);
  border: 1px solid rgba(229, 196, 161, 1);
}
.lcbo_wrap_clr h3 {
  color: rgba(105, 85, 64, 1);
}

.port_service {
  padding-top: var(--mt_100);
}
.service_bg {
  background: rgba(37, 131, 233, 1);
  border-radius: 40px;
  padding: 50px;
}
.clutch_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.pb_50 {
  padding-bottom: 0px !important;
}
.text_white {
  color: #fff;
}
.cta_bg_wrap {
  background-image: url("../images/list_port_banner.webp");
  background-size: cover;
  background-position: center;
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  border-radius: 40px;
}
.banner_btn.port_list_button {
  padding-top: 30px;
}
.banner_btn.port_list_button a {
  max-height: 58px;
  font-size: 20px;
}
.banner_btn.port_list_button a:hover {
  padding: 20px 16px 20px 50px;
}
.cta_inner {
  padding: 30px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0.1) 100%
  );
  backdrop-filter: blur(15px);
  color: #fff;
  border-radius: 20px;
  height: 100%;
}
.cta_inner h3 {
  margin: 0;
  font-size: 50px;
  font-weight: 500;
  line-height: 63px;
}
.cta_inner h3 span {
  display: block;
}
.cta_inner p {
  color: #fff;
  font-size: 18px;
  line-height: 34px;
}
.cta_button.pt-30 button {
  background: rgba(37, 131, 233, 1);
  border: none;
  padding: 20px 50px;
  border-radius: 50px;
  font-size: 20px;
  margin-top: 30px;
  font-weight: 600;
}
.cta_button.pt-30 button:hover {
  outline: 2px solid #2583e9;
  background: #fff;
  color: #2583e9;
}
.point_one span {
  background: #2583e9;
  width: 40px;
  height: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 40px;
  color: #fff;
  font-size: 22px;
}
.point_one h5 {
  color: rgba(255, 255, 255, 1);
  font-size: 22px;
}
.pt_20 {
  margin-top: 20px;
}
.point_one {
  padding: 25px 30px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0.1) 100%
  );
  backdrop-filter: blur(15px);
  border-radius: 20px;
}
section.pt-70.ios_ecosystem {
  padding-top: 50px;
}
.pt-40.relative {
  padding-top: 40px;
}
.service_bg .text_white {
  padding-bottom: 50px;
  margin: 0;
  font-size: 38px;
  font-weight: 500;
}
.col-lg-3.col-md-6.col-sm-12.col-12.mt_mobile_20 {
  padding: 0 17px 0px 0 I !important;
}
.full_width_center h3 {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 9;
}
.full_width_center p {
  position: absolute;
  top: 73px;
  left: 0px;
  z-index: 9;
}
.full_width_center .port_main_wrap {
  padding: 0px;
}
.full_width_center img {
  padding: 0 !important;
}
.portfolio_main_wrap .cta_Section .banner_btn {
  padding-top: 70px;
  padding-bottom: 70px;
}
/* end portfolio listing */
/* animation */
.port_main_wrap:hover img {
  transform: scale(1.05);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.port_main_wrap a img {
  transition: transform 0.2s ease;
}
.banner_btn.port_list_button {
  padding: 0;
  text-align: left;
}
.banner_btn a.video_icon {
  background: #fff;
  color: #000;
  padding: 12px 25px;
  outline: 1px solid #003d74;
}
.video_div svg {
  margin-right: 10px;
}
/* end animation */
.banner_img.buzzr_img.banner_responsive {
  justify-content: flex-start !important;
}
.banner_btn.footer_50 {
  padding-bottom: 0;
}
/* QA portfolio */
.qa_portfolio .banner_img.buzzr_img {
  justify-content: center;
}
.healthy_tap .buzzr_img {
  justify-content: center;
}
.mental-health-wellness-banner .development-partner-img {
  position: absolute;
    bottom: 20px;
    left: 30px;
  z-index: 1;
}
/* responsive */
@media (max-width: 1700px) {
  .portfolio_main_wrap .container {
    width: 82%;
  }
  .mental-health-wellness-banner .development-partner-img {
      width: 130px;
    height: auto;
}
}
@media (max-width: 1500px) {
  .mental-health-wellness-banner .development-partner-img {
      width: 100px;
}
}
@media (min-width: 1399.98px) and (max-width: 1680px) {
  :root {
    --pt_80: 40px;
    --pt_40: 30px;
    --pt_100: 70px;
    --pb_100: 70px;
    --mt_100: 70px;
    --fs_24: 20px;
  }
  .banner_img img {
    max-width: 750px;
  }
  .banner_img.buzzr_img img {
    max-width: 570px;
  }
  .banner_img.buzzr_img.bllr_banner img {
    max-width: 700px;
  }
  .pb_70_banner .banner_img.buzzr_img img {
    max-width: 770px;
  }
  .cannabis_banner .banner_img.buzzr_img img {
    max-width: 800px;
  }
  .pb_70_banner .banner_img.buzzr_img {
    justify-content: flex-start;
  }
  .banner_img.buzzr_img.inner_journey.journey_banner img {
    width: 480px;
  }
  .banner_img.buzzr_img.smart_iot_banner img {
    max-width: 640px;
  }
  .banner_img.buzzr_img.inner_journey.journey_banner.match_pix_banner img {
    width: 710px;
    max-width: 100%;
  }
  .moon_dialer_wrap .container > .row {
    margin-right: calc(-50vw + 25% + 0px);
  }
  .cannabis_banner.moon_dialer_wrap.buzzr_app .container > .row {
    margin-right: calc(-52vw + 48% + 0px);
  }
  .width_450 {
    width: auto;
  }
  .moon_dialer_wrap.buzzr_app .container > .row {
    margin-right: calc(-52vw + 39% + 0px);
  }
  .moon_dialer_banner .common_flex {
    align-items: end;
  }
  .container_wrap {
    width: 82% !important;
  }
  .banner_btn {
    padding-bottom: 30px;
  }
  .prot_tab_wrap .nav > li > button {
    background: rgba(241, 241, 241, 1);
    padding: 8px 24px;
  }
  .banner_img.buzzr_img.banner_responsive {
    justify-content: center !important;
  }
}
@media (max-width: 1440px) {
  .portfolio_main_wrap .container {
    width: 90%;
  }
  .match_pix_title .common_flex {
    align-items: end;
  }
  .banner_btn {
    padding-bottom: 30px;
  }
}
@media screen and (min-width: 1199px) and (max-width: 1399px) {
  :root {
    --fs_28: 22px;
    --pt_80: 40px;
    --pt_40: 20px;
    --pt_100: 70px;
    --pb_100: 70px;
    --mt_100: 70px;
    --fs_24: 20px;
  }
  .width_450 {
    width: auto;
  }
  .common_flex {
    align-items: center;
  }
  .w-50 {
    width: 60%;
  }
  .w-33 {
    width: 40%;
  }
  .w-43 {
    width: 50%;
  }
  .tech_icon {
    column-gap: 12px;
  }
  .timeline_inner > .detail_inner.moon-invoice-wrap:after {
    right: -22px !important;
  }
  .moon_dialer_tab.property_width {
    height: 530px;
    width: 100%;
  }
  .container_wrap {
    width: 90%;
  }
  .slider-button svg {
    width: 30px;
    height: 30px;
  }
  .banner_btn {
    padding-bottom: 30px;
  }
  .timeline_inner > .detail_inner:first-of-type:after {
    right: -44px;
  }
  .timeline_inner > .detail_inner:nth-of-type(2):after {
    right: -44px;
  }
  .timeline_inner > .detail_inner:nth-of-type(3):after {
    right: -44px;
  }
  .timeline_inner > .detail_inner:nth-of-type(4):after {
    right: -46px;
  }
  .portfolio_main_wrap a {
    font-size: 18px !important;
  }
}
@media screen and (max-width: 1199px) {
  .moon_dialer_wrap .container > .row {
    margin-right: calc(-50vw + 50% + 0px);
  }
  .banner_img img {
    max-width: 620px;
  }
  .width_450 {
    width: auto;
  }
  .common_flex {
    align-items: end;
  }
  .banner_btn img {
    display: none;
  }
  .blue_color {
    height: 350px;
  }
  .width_450 {
    height: 160px;
  }
  .blog_card_inner h6 {
    font-size: 24px;
    text-align: center;
  }
  .blog_card_inner p {
    font-size: 16px !important;
  }
  .banner_btn a {
    font-size: 20px !important;
    padding: 15px 30px;
  }
  .cta_bg p {
    text-align: center;
  }
  .detail_inner:after {
    width: 40px;
  }
  .timeline_inner > .detail_inner.moon-invoice-wrap:after {
    right: -15px !important;
  }
  .moon_dialer_tab.property_width {
    height: 530px;
    width: 100%;
  }
  .port_main_list {
    padding-top: 80px;
  }
  .port_li_banner:after {
    font-size: 180px;
    top: 87%;
  }
  .port_sticky {
    top: 0px;
  }
  .port_sticky {
    position: relative;
  }
  .container_wrap {
    width: 90%;
  }
  .client_img img {
    max-width: 400px;
    min-height: auto;
  }
  .client_slider_info {
    column-gap: 30px;
  }
  .slider_info .owl-nav {
    bottom: -15px;
  }
  :root {
    --fs_28: 22px;
    --pt_80: 40px;
    --pt_40: 20px;
    --pt_100: 70px;
    --pb_100: 70px;
    --mt_100: 70px;
    --fs_24: 20px;
  }
  .col-lg-3.col-md-6.col-sm-12.col-12.mt_mobile_20 {
    padding: 15px 17px 0 0 !important;
  }
  .full_width_center h3 {
    position: unset;
    top: 30px;
    left: 30px;
    z-index: 9;
    padding-top: 20px;
    padding-left: 20px;
  }
  .full_width_center p {
    position: unset;
    top: 70px;
    left: 30px;
    z-index: 9;
    padding-left: 20px;
    padding-bottom: 15px;
  }
  .slider-button svg {
    width: 30px;
    height: 30px;
  }
  .timeline_inner > .detail_inner:first-of-type:after {
    right: -44px;
  }
  .timeline_inner > .detail_inner:nth-of-type(2):after {
    right: -44px;
  }
  .timeline_inner > .detail_inner:nth-of-type(3):after {
    right: -44px;
  }
  .timeline_inner > .detail_inner:nth-of-type(4):after {
    right: -46px;
  }
    .mental-health-wellness-banner .development-partner-img {
      width: 100px;
      left: 30%;
}
}

@media screen and (max-width: 1024px) {
  .common_flex {
    align-items: center !important;
  }
  .portfolio_main_wrap .container {
    width: 100% !important;
    padding: 0 20px !important;
  }
  .detail_inner.relative.moon-invoice-wrap span {
    font-size: 18px;
  }
  .detail_inner.relative.moon-invoice-wrap p {
    font-size: 18px !important;
  }
      .mental-health-wellness-banner .development-partner-img {
              bottom: 60px;
}
}
@media screen and (max-width: 991px) {
  :root {
    --fs_50: 40px;
    --pt_40: 15px;
    --pt_80: 24px;
    --fs_20: 16px;
    --fs_24: 20px;
    --pt_100: 50px;
    --pb_100: 50px;
    --mt_100: 50px;
    --pb_80: 20px;
    --pt_70: 30px;
    --fs_26: 22px;
    --fs_38: 30px;
    --pt_30: 20px;
    --fs_60: 48px;
  }
  .moon_dialer_wrap {
    padding-top: 30px;
  }
  .banner_img img {
    padding-top: 30px;
  }
  .detail_inner:after {
    width: 15px !important;
  }
  .common_flex {
    justify-content: center;
  }
  .moon_dialer_tab {
    border: none;
    background: #2583e9;
    max-width: 100%;
  }
  .dialer_tab_inner {
    padding: 0 0 30px 0;
  }
  .typo_font_img {
    display: flex;
    justify-content: center;
  }
  .pt_50 {
    padding-top: 20px;
  }
  .cta_bg h3 {
    text-align: center;
  }
  .cta_bg p {
    text-align: center;
  }
  .cta_bg {
    padding: 30px;
  }
  .blog_card_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .blue_color {
    height: 250px;
  }
  .moon_dialer_banner p {
    text-align: left;
  }
  .portfolio_main_wrap h2 {
    text-align: center;
  }
  .blue_color {
    height: 120px;
    font-size: 20px;
  }
  .width_450 {
    font-size: 20px;
    height: 120px;
  }
  .w-50 {
    width: 100%;
  }
  .w-33 {
    width: 100%;
  }
  .w-43 {
    width: 100%;
  }
  .d-flex.justify-content.timeline_inner.moon-invoice-main {
    column-gap: 51px;
    row-gap: 41px;
    justify-content: center !important;
  }
  .zero_eyes_banner {
    height: auto;
    padding-bottom: 30px;
  }
  .moon_dialer_tab.property_width {
    height: auto;
  }
  .match_pix_title .banner_btn {
    padding-bottom: 30px;
  }
  .match_pix_banner img {
    max-width: 500px !important;
  }
  section.moon_dialer_wrap.buzzr_app.match_pix_title {
    padding-top: 30px;
  }
  .port_title h1 {
    line-height: 55px;
  }
  .port_li_banner {
    height: 350px;
  }
  .port_li_banner:after {
    font-size: 137px;
    top: 86%;
  }
  .port_sticky {
    top: 0px;
  }
  .prot_tab_wrap .nav > li > button {
    padding: 6px 15px;
  }
  .prot_tab_wrap .nav-tabs > li.active > a,
  .nav-tabs > li.active > a:focus,
  .nav-tabs > li.active > a:hover {
    padding: 6px 15px;
  }
  .prot_tab_wrap ul.nav.nav-tabs {
    column-gap: 7px;
    row-gap: 12px;
  }
  .nav.nav-tabs > li {
    margin-right: 10px;
  }
  .mt_list_30 {
    margin-top: 30px;
  }
  .cta_inner h3 {
    font-size: 38px;
    line-height: 50px;
  }
  .connect_submit_btn {
    top: 12px !important;
  }
  .mt_mobile_20 {
    margin-top: 20px;
  }
  .client_slider_info {
    padding: 15px;
    flex-wrap: wrap;
  }
  .clinet_inner {
    padding-top: 10px;
  }
  .pt-sm-2 {
    margin-top: 20px;
  }
  .wireframe_section {
    padding: 30px 0;
    border-radius: 0;
  }
  .slider_info .owl-nav {
    bottom: 28px !important;
    right: 20px !important;
  }
  .timeline_inner > .detail_inner:first-of-type:after {
    right: -14px;
  }
  .timeline_inner > .detail_inner:nth-of-type(2):after {
    right: -14px;
  }
  .timeline_inner > .detail_inner:nth-of-type(3):after {
    right: -14px;
  }
  .timeline_inner > .detail_inner:nth-of-type(4):after {
    right: -14px;
  }
  .match_wise .moon_dialer_wrap {
    padding-top: 30px;
  }
  .hrm_wrap .moon_dialer_wrap{
    padding-top: 40px;
  }
  .hrm_wrap .justify-content {
    justify-content: center !important;
    column-gap: 75px;
    row-gap: 48px;
  }
  .timeline_inner::after {
    display: none;
  }
  .mental-health-wellness-banner .development-partner-img {
        bottom: 20px;
        left: 20px;
}
}
.security_img {
  justify-content: center;
  padding-top: 20px;
}
.tech_wrap h3 {
  text-align: center;
}
.slider_info .owl-nav {
  bottom: -32px;
  right: 20px;
}

@media screen and (max-width: 767px) {
  :root {
    --fs_50: 30px;
    --fs_28: 24px;
    --pt_40: 10px;
    --pt_80: 20px;
    --fs_38: 26px;
    --pt_100: 25px;
    --pt_30: 15px;
    --mt_50: 30px;
    --pt_pb_35: 20px;
    --fs_60: 38px;
  }
  .moon_dialer_banner h1 {
    line-height: 40px;
  }
  .moon_dialer_banner span {
    line-height: 30px;
  }
  .banner_btn {
    display: flex;
    justify-content: center;
  }
  .banner_btn a {
    padding: 15px 26px;
  }
  .banner_img img {
    max-width: 400px;
    padding-top: 30px;
  }
  .tech_stack_flex {
    padding: 20px;
  }
  .blue_color {
    height: 120px;
  }
  .timeline_inner {
    flex-wrap: wrap;
    justify-content: center !important;
    row-gap: 40px !important;
    column-gap: 50px;
    padding-bottom: 20px;
    position: relative;
  }
  .blog_card_inner h6 {
    font-size: 22px;
  }
  .blog_card_inner {
    align-items: flex-start;
  }
  .portfolio_main_wrap h2 {
    text-align: center;
  }
  .security_content p {
    text-align: center;
  }
  .portfolio_main_wrap .container {
    width: 100%;
  }
  .image-container:hover .hover-button {
    width: 75%;
  }
  .match_pix_banner img {
    width: 100%;
  }
  .banner_img.buzzr_img.inner_journey.journey_banner.match_pix_banner {
    padding-right: 20px;
  }
  .port_li_banner:after {
    font-size: 90px;
    top: 92%;
  }
  .port_title h1 {
    line-height: 48px;
  }
  .port_li_banner {
    height: auto;
  }
  .port_title.d-flex.flex-direction.align-items {
    padding: 15px 0;
  }
  .moon_dialer_wrap.buzzr_app .container > .row {
    margin-right: calc(-50vw + 50% + 0px) !important;
  }
  .slider_info .owl-nav {
    display: block;
  }
  .blog__wrap .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .blog_card_inner p {
    width: 400px;
  }
  .blog_card_inner h6 {
    font-size: 20px !important;
  }
}
@media screen and (max-width: 991px) {
  :root {
    --fs_50: 40px;
    --pt_40: 15px;
    --pt_80: 24px;
    --fs_20: 16px;
    --fs_24: 20px;
    --pt_100: 50px;
    --pb_100: 50px;
    --mt_100: 50px;
    --pb_80: 20px;
    --pt_70: 30px;
    --fs_26: 22px;
    --fs_38: 30px;
    --pt_30: 20px;
  }
  .moon_dialer_wrap {
    padding-top: 30px;
  }
  .banner_img img {
    padding-top: 30px;
  }
  .detail_inner:after {
    width: 20px;
  }
  .common_flex {
    justify-content: center;
    display: block;
  }
  .moon_dialer_tab {
    border: none;
    background: #2583e9;
  }
  .dialer_tab_inner {
    padding: 0 0 30px 0;
  }
  .typo_font_img {
    display: flex;
    justify-content: center;
  }
  .pt_50 {
    padding-top: 20px;
  }
  .cta_bg h3 {
    text-align: center;
  }
  .cta_bg p {
    text-align: center;
  }
  .cta_bg {
    padding: 30px;
  }
  .blog_card_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .blue_color {
    height: 250px;
  }
  .moon_dialer_banner p {
    text-align: left;
  }
  .portfolio_main_wrap h2 {
    text-align: center;
  }
  .blue_color {
    height: 120px;
    font-size: 20px;
  }
  .width_450 {
    font-size: 20px;
    height: 120px;
  }
  .w-50 {
    width: 100%;
  }
  .w-33 {
    width: 100%;
  }
  .w-43 {
    width: 100%;
  }
  .d-flex.justify-content.timeline_inner.moon-invoice-main {
    column-gap: 51px;
    row-gap: 41px;
    justify-content: center;
  }
  .zero_eyes_banner {
    height: auto;
    padding-bottom: 30px;
  }
  .moon_dialer_tab.property_width {
    height: auto;
    display: block !important;
  }
  .match_pix_title .banner_btn {
    padding-bottom: 30px;
  }

  .match_pix_banner img {
    max-width: 500px !important;
  }
  section.moon_dialer_wrap.buzzr_app.match_pix_title {
    padding-top: 30px;
  }
  .portfolio_main_wrap .container {
    width: 100%;
  }
  .portfolio_detail .col-md-12 {
    padding: 0;
  }
  .portfolio_detail {
    padding: 35px 8px;
  }
  .image-container:hover .hover-button {
    max-width: 225px;
    width: 100%;
  }
  .medigo p {
    line-height: 26px;
    padding-top: 15px;
  }
  .typo_graphy_title.tech_stacks_wrap.medigo.pb_50 {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 567px) {
  :root {
    --fs_38: 25px;
  }
  section.pt-70.ios_ecosystem {
    padding-top: 30px;
  }
  .detail_inner:after {
    display: none;
  }
  .detail_inner.relative {
    width: 41.33%;
  }
  .timeline_inner::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    border: 1px solid rgba(71, 71, 71, 1);
    width: 1px;
    height: 170px;
  }
  .banner_btn a {
    padding: 10px 15px;
    font-size: 16px !important;
    text-align: center;
  }
  .card-header span {
    font-size: 16px;
  }
  .card-body {
    padding: 10px 0;
  }
  .tech_stack_flex {
    padding: 12px;
  }
  .tech_wrap_inner.doc_talk h3 {
    text-align: center;
  }
  .tech_wrap_inner.doc_talk {
    column-gap: 20px;
  }
  .timeline_inner {
    row-gap: 24px;
  }
  .tech_wrap_inner {
    column-gap: 20px;
  }
  .tech_wrap h3 {
    font-size: 20px;
    display: flex;
    justify-content: center;
  }
  .tech_icon,
  .tech_icon_inner {
    justify-content: center;
  }
  .common_flex {
    display: block;
  }
  .tech_wrap_inner .tech_wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .tech_icon_inner {
    padding: 10px 10px;
    border-radius: 15px;
    column-gap: 6px;
  }
  .footer_contact .newsletter_wrap .connect_submit_btn {
    padding-top: 0px !important;
  }
  .cta_bg_wrap {
    display: block !important;
  }
  .port_outer {
    display: none;
  }
  .port_main_wrap img {
    padding-top: 20px;
  }
  .service_bg {
    padding: 15px;
  }
  .slider-button svg {
    width: 15px;
    height: 15px;
  }
  .wireframe_section {
    padding: 30px 0;
    border-radius: 0px;
  }
  .container_wrap {
    width: 100%;
  }
  .medigo p {
    line-height: 30px;
    padding-top: 8px;
  }
  .slider-button {
    padding: 0 !important;
  }
  .typo_graphy_title.tech_stacks_wrap.medigo.pb_50 {
    margin-bottom: 20px;
  }
  .wireframe_section {
    margin: 0 10px;
  }
  .service_bg .text_white {
    padding-bottom: 0px;
    font-size: 26px;
    line-height: 32px;
  }
  .port_sticky .port_flex {
    padding-left: 10px;
  }
  .col-lg-3.col-md-6.col-sm-12.col-12.mt_mobile_20 {
    padding: 0px 0px 0 0 !important;
  }
  .prot_tab_wrap .nav.nav-tabs > li {
    margin-right: 0px;
  }
  .nav-tabs > li.active > a:focus,
  .nav-tabs > li.active > a:hover,
  .prot_tab_wrap .nav-tabs > li.active > a,
  .prot_tab_wrap .nav > li > button {
    padding: 4px 15px;
  }
  .prot_tab_wrap ul.nav.nav-tabs {
    padding-bottom: 0px;
  }
  li.nav-tab-li.tabone.active a {
    font-size: 14px !important;
  }
  .row.cta_bg_wrap {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .banner_btn.port_list_button a:hover {
    padding: 10px 20px;
  }
  .banner_btn a.video_icon {
    padding: 9px 20px;
  }
  .video_div svg {
    width: 18px !important;
    height: 18px;
  }
  .blog_card_inner p {
    width: 100%;
  }
}

@media screen and (max-width: 360px) {
  .timeline_inner {
    column-gap: 30px !important;
    row-gap: 20px !important;
  }
}

.match-pix_1 {
  background: rgba(141, 50, 4, 1);
  color: #fff;
}
.match-pix_2 {
  background: rgba(245, 185, 151, 1);
}
.match-pix_3 {
  background: rgba(255, 231, 211, 1);
}
.match-pix_4 {
  background: rgba(255, 221, 1, 1);
}
.match-pix_5 {
  background: rgba(199, 9, 2, 1);
}
.moon_dialer_tab.match-fix_tab {
  padding: 30px;
}
.match_pix_title .common_flex {
  align-items: end;
}
.banner_img.buzzr_img.inner_journey.journey_banner.match_pix_banner {
  justify-content: flex-start;
}
.match_pix_title .banner_btn {
  padding-bottom: 100px;
}
.banner_img.buzzr_img.milkmate_wrap {
  justify-content: center;
}
.milk_wrap_1 {
  background: #11c0ff !important;
  color: #fff !important;
}
.milk_wrap_2 {
  background: #e3f8ff !important;
}
.milk_wrap_3 {
  background: #fc3135 !important;
  color: #fff !important;
}
.milk_wrap_4 {
  background: #22c55e !important;
  color: #fff !important;
}
.milk_wrap_5 {
  background: #ffc31e !important;
  color: #fff !important;
}

/* end */
/*scherbius */
.scherbius_1 {
  background: rgba(153, 32, 28, 1);
  color: #fff;
}
.scherbius_2 {
  background: rgba(175, 176, 184, 1);
  color: #fff;
}
.scherbius_3 {
  background: rgba(58, 134, 242, 1);
  color: #fff;
}
.scherbius_4 {
  background: rgba(255, 139, 0, 1);
  color: #fff;
}
.scherbius_5 {
  background: rgba(1, 167, 69, 1);
  color: #fff;
}
.pos_clr01 {
  background: #007aff !important;
  color: #fff !important;
}
.pos_clr02 {
  background: #a1a1aa !important;
  color: #fff !important;
}
.pos_clr03 {
  background: #16314c !important;
  color: #fff !important;
}
.pos_clr04 {
  background: #ff0025 !important;
  color: #fff !important;
}
.pos_clr05 {
  background: #00ba34 !important;
  color: #fff !important;
}
/* end */

/* slider  */
.container_main_port {
  display: grid;
  place-content: center;
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  --position: 50%;
}
.container_main_port {
  max-width: 1440px;
  margin: auto;
  padding: 0 20px;
}
.image-container {
  max-width: 1400px;
  position: relative;
}

.slider-image {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  object-position: left;
}
.payozo .slider-image {
  object-fit: none !important;
}

.image-before {
  position: absolute;
  inset: 0;
  width: var(--position);
  filter: grayscale(100%);
}

.slider {
  position: absolute;
  inset: 0;
  cursor: pointer;
  opacity: 0;
  width: 100%;
  height: 100%;
}

.slider-line {
  position: absolute;
  inset: 0;
  width: 4px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  left: var(--position);
  transform: translateX(-50%);
  pointer-events: none;
}

.slider-button {
  position: absolute;
  background-color: #fff;
  color: black;
  padding: 0.5rem;
  border-radius: 100vw;
  display: grid;
  place-items: center;
  top: 50%;
  left: var(--position);
  transform: translate(-50%, -50%);
  pointer-events: none;
  box-shadow: 1px 1px 1px hsl(0, 50%, 2%, 0.5);
}

/* animation  */
.fade-in {
  transition: opacity 0.5s ease-in-out;
  opacity: 1;
}
.fade-in.animating {
  opacity: 0.2;
}
.fade-in-content {
  animation: fadeSlide 0.5s ease-in-out forwards;
}
@keyframes fadeSlide {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.card-body {
  transition: opacity 0.5s ease-in-out, transform 0.3s ease-in-out;
  opacity: 0; /* Hide inactive tabs properly */
  transform: translateY(10px);
}
.new_blog_active .card-body {
  opacity: 1;
  transform: translateY(0);
}
.card {
  cursor: pointer;
  overflow: hidden;
}
.banner_btn.w_f_100.p_t_30 {
  padding-bottom: 0px !important;
}

/* 29-01-2025  portfolio animation */

.linear::before {
  content: "";
  position: absolute;
  width: 0%;
  height: 5px;
  top: -0.5px;
  left: 10px;
  right: 10px;
  background: linear-gradient(90deg, #ff7a2f, #ff3b2f);
  animation: slide 6s ease-in-out infinite;
  border-radius: 50px;
  z-index: 9;
  box-shadow: 0px 0px 8px rgba(255, 122, 47, 0.6);
}

@keyframes slide {
  0% {
    width: 0%;
  }
  100% {
    width: calc(100% - 20px);
  }
}
.header-submenu,
.tabbing-menu {
  top: 108px;
}

.iframe-wrapper iframe {
  width: 100%;
  height: 500px;
  border: none;
}

.video_div {
  display: flex;
  column-gap: 20px;
  row-gap: 20px;
  flex-wrap: wrap;
}

.video_modal {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  padding: 60px 20px;
  box-sizing: border-box;
}

.video_modal.open {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Modal inner layout */
.video_modal_dialog {
  width: 100%;
  max-width: 1200px;
  overflow: hidden;
  border-radius: 12px;
}

.video_modal_body {
  position: relative;
  padding: 20px;
}

.video_modal_close {
  cursor: pointer !important;
  z-index: 10;
  width: 30px !important;
  height: 30px !important;
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 0.2) !important;
  border: 1px solid rgb(255 255 255) !important;
  background: rgb(255 255 255) !important;
  border-radius: 20px !important;
  position: absolute !important;
  right: 6px !important;
  top: 7px !important;
  color: #000 !important;
  z-index: 999 !important;
  opacity: inherit !important;
  font-size: 16px !important;
}
.iframe-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 Aspect Ratio (9/16 = 0.5625) */
  height: 0;
  overflow: hidden;
  border-radius: 12px;
}

.iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.qaview_updatedcolor_01 {
  background-color: #f59121 !important;
}
.actiview_updatedcolor_05 {
  background-color: #13c877 !important;
}