/**
* /* banner css
*
* @format
*/

.fact_item{
  position: relative;
}
.fact_item:before{
  content: "";
  width: 1px;
  height: 80%;
  position: absolute;
  border-left: 1px dashed #969FB7;
  position: absolute;
  left: -50px;
  top: 50%;
  transform: translateY(-50%);
}
.s_item{
  cursor: pointer;
  transition: all 0.2s linear;
}
.s_item:hover{
  transform: translateY(-10px);
}

/* banner_area_one  css */
.banner_area_one {
  height: 890px;
  display: flex;
  align-items: flex-end;
  position: relative;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.banner_area_one:before {
  content: "";
  background: url(../img/zigzag.png) no-repeat center center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.05;
}
.heart-rate {
  width: 100%;
  height: 560px;
  position: absolute;
  top: -10px;
  left: 0;
  margin: 20px auto;
  opacity: 0.1;
}

.fade-in {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #0463fa;
  top: 0;
  right: 0;
  animation: heartRateIn 3.5s linear infinite;
}

.fade-out {
  position: absolute;
  width: 120%;
  height: 100%;
  top: 0;
  left: -120%;
  animation: heartRateOut 3.5s linear infinite;
  background: rgba(4, 99, 250, 1);
  background: -moz-linear-gradient(
    left,
    rgba(4, 99, 250, 1) 0%,
    rgba(4, 99, 250, 1) 50%,
    rgba(4, 99, 250, 0) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(4, 99, 250, 1) 0%,
    rgba(4, 99, 250, 1) 50%,
    rgba(4, 99, 250, 0) 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(4, 99, 250, 1) 0%,
    rgba(4, 99, 250, 1) 50%,
    rgba(4, 99, 250, 0) 100%
  );
  background: -ms-linear-gradient(
    left,
    rgba(4, 99, 250, 1) 0%,
    rgba(4, 99, 250, 1) 50%,
    rgba(4, 99, 250, 0) 100%
  );
  background: linear-gradient(
    to right,
    rgba(4, 99, 250, 1) 0%,
    rgba(4, 99, 250, 1) 80%,
    rgba(4, 99, 250, 0) 100%
  );
}

@keyframes heartRateIn {
  0% {
    width: 100%;
  }
  50% {
    width: 0;
  }
  100% {
    width: 0;
  }
}

@keyframes heartRateOut {
  0% {
    left: -120%;
  }
  30% {
    left: -120%;
  }
  100% {
    left: 0;
  }
}



/* banner css  */



/* service slider  */
.slider_nav {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
}
.slider_nav::before,
.slider_nav:after {
  content: "";
  width: 70px;
  height: 1px;
  background: #84888c;
  display: inline-block;
}
.slider_nav .arrow {
  --active: #84888c;
  --border: #84888c;
  display: block;
  position: relative;
  width: 44px;
  height: 44px;
  cursor: pointer;
  margin: 0px 10px;
}
.slider_nav .arrow.left {
  transform: scaleX(-1);
}
.slider_nav .arrow i {
  display: block;
  position: absolute;
  margin: -10px 0 0 -10px;
  width: 20px;
  height: 20px;
  left: 50%;
  top: 50%;
}
.slider_nav .arrow i:before,
.slider_nav .arrow i:after {
  content: "";
  width: 10px;
  height: 2px;
  border-radius: 1px;
  position: absolute;
  left: 50%;
  top: 50%;
  background: var(--active);
  margin: -1px 0 0 -5px;
  display: block;
  transform-origin: 9px 50%;
}
.slider_nav .arrow i:before {
  transform: rotate(-40deg);
}
.slider_nav .arrow i:after {
  transform: rotate(40deg);
}
.slider_nav .arrow:before,
.slider_nav .arrow:after {
  content: "";
  display: block;
  position: absolute;
  left: 1px;
  right: 1px;
  top: 1px;
  bottom: 1px;
  border-radius: 50%;
  border: 2px solid var(--border);
}
.slider_nav .arrow svg {
  width: 44px;
  height: 44px;
  display: block;
  position: relative;
  z-index: 1;
  color: #ff3318;
  stroke-width: 2px;
  stroke-dashoffset: 126;
  stroke-dasharray: 126 126 0;
  transform: rotate(0deg);
}
.slider_nav .arrow.animate i:before,
.slider_nav .arrow.animate i:after {
  background: #ff3318;
}
.slider_nav .arrow.animate svg {
  -webkit-animation: stroke 1s ease forwards 0.3s;
  animation: stroke 1s ease forwards 0.3s;
}
.slider_nav .arrow.animate i {
  -webkit-animation: arrow 1.6s ease forwards;
  animation: arrow 1.6s ease forwards;
}
.slider_nav .arrow.animate i:before {
  -webkit-animation: arrowUp 1.6s ease forwards;
  animation: arrowUp 1.6s ease forwards;
}
.arrow.animate i:after {
  -webkit-animation: arrowDown 1.6s ease forwards;
  animation: arrowDown 1.6s ease forwards;
}

@-webkit-keyframes stroke {
  52% {
    transform: rotate(-180deg);
    stroke-dashoffset: 0;
  }
  52.1% {
    transform: rotate(-360deg);
    stroke-dashoffset: 0;
  }
  100% {
    transform: rotate(-180deg);
    stroke-dashoffset: 126;
  }
}

@keyframes stroke {
  52% {
    transform: rotate(-180deg);
    stroke-dashoffset: 0;
  }
  52.1% {
    transform: rotate(-360deg);
    stroke-dashoffset: 0;
  }
  100% {
    transform: rotate(-180deg);
    stroke-dashoffset: 126;
  }
}
@-webkit-keyframes arrow {
  0%,
  100% {
    transform: translateX(0);
    opacity: 1;
  }
  23% {
    transform: translateX(17px);
    opacity: 1;
  }
  24%,
  80% {
    transform: translateX(-22px);
    opacity: 0;
  }
  81% {
    opacity: 1;
    transform: translateX(-22px);
  }
}
@keyframes arrow {
  0%,
  100% {
    transform: translateX(0);
    opacity: 1;
  }
  23% {
    transform: translateX(17px);
    opacity: 1;
  }
  24%,
  80% {
    transform: translateX(-22px);
    opacity: 0;
  }
  81% {
    opacity: 1;
    transform: translateX(-22px);
  }
}
@-webkit-keyframes arrowUp {
  0%,
  100% {
    transform: rotate(-40deg) scaleX(1);
  }
  20%,
  80% {
    transform: rotate(0deg) scaleX(0.1);
  }
}
@keyframes arrowUp {
  0%,
  100% {
    transform: rotate(-40deg) scaleX(1);
  }
  20%,
  80% {
    transform: rotate(0deg) scaleX(0.1);
  }
}
@-webkit-keyframes arrowDown {
  0%,
  100% {
    transform: rotate(40deg) scaleX(1);
  }
  20%,
  80% {
    transform: rotate(0deg) scaleX(0.1);
  }
}
@keyframes arrowDown {
  0%,
  100% {
    transform: rotate(40deg) scaleX(1);
  }
  20%,
  80% {
    transform: rotate(0deg) scaleX(0.1);
  }
}



.dl-breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -10px;
}
.dl-breadcrumbs > li {
  margin-left: 0px;
}
.dl-breadcrumbs p {
  margin-bottom: 0;
}
.dl-breadcrumbs a,
.dl-breadcrumbs strong {
  display: inline-block;
}
.dl-breadcrumbs a span {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background-color: transparent !important;
  padding: 0px !important;
  border-width: 0px !important;
  border-style: initial !important;
  border-color: initial !important;
  -o-border-image: initial !important;
  border-image: initial !important;
  border-radius: 0px !important;
  margin: 0px !important;
}
.dl-separator-icon.dl-icon {
  margin-left: 0px !important;
  vertical-align: text-bottom;
}
.dl-breadcrumbs:not(.dl-breadcrumbs-droit) {
  margin-left: 0;
  margin-right: 0;
}
.dl-breadcrumbs:not(.dl-breadcrumbs-droit) a,
.dl-breadcrumbs:not(.dl-breadcrumbs-droit) span {
  display: inline-block;
}
.breadcrumb {
  overflow: hidden;
}



/* button css  */
.ub-btn {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.ub-btn .elementor-align-icon-right {
  order: 15;
}

.ub-btn .elementor-button-content-wrapper {
  display: flex;
  align-items: center;
}

/** === Keyframe animations === **/
@keyframes ub-pulse {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(2);
  }
}

@keyframes pop-char-out {
  0%,
  40% {
    transform: translate(0);
    opacity: 0;
  }
  20% {
    transform: translate(0.05em, -0.1em);
    /* opacity: 0.1; */
  }
  to {
    transform: translate(0);
    opacity: 1;
  }
}

/** === Pulse Animation === **/
.ub-animation-pulse:hover::before {
  animation: ub-pulse 2s infinite;
  opacity: 1;
}

.ub-animation-pulse::before {
  width: 70%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  background: rgba(55, 64, 255, 0.1);
  content: "";
  z-index: -1;
  opacity: 0;
}

/** === Line Button === **/
.ub-btn.ub-btn-line {
  display: inline-block;
}

.ub-btn.ub-btn-line::before {
  transform-origin: 100% 50%;
  transition: transform 0.4s ease;
  content: "";
  width: 100%;
  height: 1px;
  background: #666666;
  position: absolute;
  bottom: 0;
  left: 0;
  animation: fadeInLeft 2s cubic-bezier(0.5, 0, 0.5, 1) both;
}

.ub-btn.ub-btn-line:hover::before {
  transform: scaleX(0);
}

.ub-btn.ub-btn-line::after {
  transform: scaleX(0);
  transform-origin: 0 50%;
  background-color: #000;
  transition: transform 0.4s ease 0.2s;
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.ub-btn.ub-btn-line:hover::after {
  transform: scaleX(1);
}

span.elementor-button-text.words.chars.splitting {
  position: relative;
  display: inline-block;
}

.ub-btn.ub-btn-line:hover i {
  margin-left: 12px;
  transition: margin 0.4s linear, color 0.5s;
}

/*** === 3D button === ***/
.ub-btn.three_d_btn {
  transition: box-shadow 0.2s ease-in-out;
  padding: 0;
  background-color: transparent;
  border-radius: 12px;
}
.ub-btn.three_d_btn span.elementor-button-text {
  transition: transform 0.2s ease-in-out;
  display: inline-block;
  border-radius: 12px;
}
.ub-btn.three_d_btn:hover span.elementor-button-text {
  transform: translateY(4px);
}

/*** === 3D button 2 === ***/
.three_d_btn2::before {
  content: "";
  left: 6px;
  right: 6px;
  top: -6px;
  bottom: 0;
  position: absolute;
  background: #b68e05;
  z-index: -1;
  transition: all 0.2s linear;
}
.three_d_btn2:hover:before {
  top: 0;
}

/** === Left to Right Transition == **/
.ub-animation-left2right.ub-btn-link:hover::before {
  width: 100%;
}
.ub-animation-left2right.ub-btn-link::before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  overflow: hidden;
  z-index: 0;
  transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  white-space: nowrap;
}

.elementor-button.ub-animation-left2right {
  z-index: 1;
}

.elementor-button.ub-animation-left2right:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}

.elementor-button.ub-animation-left2right::after {
  background: #222222;
}

.elementor-button.ub-animation-left2right::after {
  transform: scaleX(0);
  transform-origin: right;
  transition: all 0.7s linear;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  transition-property: transform;
  z-index: -1;
}

.elementor-button.ub-animation-left2right::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.ub-btn i {
  margin-left: 10px;
  transition: margin 0.2s linear, color 0.5s;
}
.ub-btn:hover i {
  margin-left: 15px;
  transition: margin 0.4s linear, color 0.5s;
}

/** === Divider Button === **/
.ub-btn {
  text-align: left;
  padding-left: 0;
}
/** === Video Button === **/
.ub-btn.popup-youtube i {
  text-align: center;
}

.ub-btn.elementor-button svg {
  background-color: transparent;
}

.post_btn {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  text-align: center;
  line-height: 63px;
  font-size: 16px;
  color: #b8bbc0;
  position: relative;
  transition: all 0.2s linear;
  display: inline-block;
}

/* new css  */

.menu_black .menu > .nav-item:hover .nav-link,
.menu_black .menu > .nav-item.active .nav-link,
.site-header
  .navbar.menu_black
  .collapse
  .navbar-nav
  .menu-item.submenu:hover
  .nav-link:after,
.site-header
  .navbar.menu_black
  .collapse
  .navbar-nav
  .menu-item.submenu.active
  .nav-link:after {
  color: #ffdc4c;
}
.menu_black
  .menu
  > .nav-item.submenu
  .dropdown-menu
  .nav-item:hover
  > .nav-link,
.menu_black
  .menu
  > .nav-item.submenu
  .dropdown-menu
  .nav-item:focus
  > .nav-link,
.menu_black
  .menu
  > .nav-item.submenu
  .dropdown-menu
  .nav-item.active
  > .nav-link,
.navbar_fixed .menu_black.navbar .menu > .nav-item:hover > .nav-link,
.navbar_fixed .menu_black.navbar .menu > .nav-item.active > .nav-link {
  color: #ffdc4c;
}

.menu_black .menu > .nav-item > .nav-link:before,
.menu_black .btn-meta.btn_hover {
  background: #ffdc4c;
}
.menu_black .btn-meta.btn_hover {
  border-radius: 45px;
  color: #202935;
}
/* theme css  */
.arrow_btn .elementor-button-link .elementor-button-icon {
  transition: all 0.3s;
  display: inline-block;
}
.arrow_btn .elementor-button-link:hover .elementor-button-icon {
  transform: translateX(8px);
}
.hdoctor_tab .e-n-tabs-heading {
  border-bottom: 1px solid #edf1f9;
  width: max-content;
  margin: 0 auto;
}
.hdoctor_tab .e-n-tabs-heading .e-n-tab-title:before {
  content: "";
  width: 0px;
  height: 3px;
  background: #0463fa;
  border-radius: 5px;
  position: absolute;
  left: auto;
  right: 0;
  bottom: -2px;
  opacity: 0;
  transition: all 0.3s linear;
}
.hdoctor_tab .e-n-tabs-heading .e-n-tab-title[aria-selected="true"]:before,
.hdoctor_tab .e-n-tabs-heading .e-n-tab-title:hover:before {
  width: 100%;
  opacity: 1;
  left: 0;
  right: auto;
  transition: all 0.2s linear;
}
.laboratory_item .elementor-icon-box-title {
  margin-top: 0px;
}

.theme_btn_one svg{
  width: auto;
}
.theme_btn_one .elementor-button-icon{
  transition: all 0.2s linear;
}
.theme_btn_one:hover .elementor-button-icon{
  transform: translateX(6px);
}
.elementor-widget-text-editor p{
  margin-bottom: 0;
}

.result_box .elementor-icon-box-title{
  margin-top: 0;
}
.item h3{
  margin-top: 0;
}

.theme_btn_two a svg path{
  stroke: #222121;
}
.theme_btn_two a:hover svg path,.theme_btn_two a:focus svg path{
  stroke: #fff;
  fill: none;
}

.pagination{
  justify-content: center;
}
.pagination .page-numbers.current, .pagination .page-numbers:hover{
  background: #AA9879 !important;
  border-color: #aa9879 !important;
}

.contact_from_inner p{
  margin-bottom: 0;
}
.contact_from_inner label{
  font-size: 16px;
  font-weight: 600;
  color: #222121;
  font-family: "Inter", Sans-serif;
  margin-bottom: 12px;
  line-height: 1;
}
.contact_from_inner .form-control,.contact_from_inner .select_option{
  border: 1px solid rgba(53, 81, 86, 0.3);
  font-size: 14px;
  border-radius: 6px;
  color: #545A64;
  padding: 8px 20px;
  height: 45px;
  margin-bottom: 20px;
}
.contact_from_inner .form-control:focus{
  box-shadow: none;
}
.contact_from_inner .select_option{
  width: 100%;
}
.contact_from_inner textarea.form-control{
  margin-top: 10px;
  padding-top: 15px;
  height: 142px;
}
.contact_from_inner .contact_btn{
  display: flex;
  width: 100%;
  background: #AA9879;
  border: 1px solid #AA9879;
  text-align: center;
  font-size: 18px;
  color: #fff;
  justify-content: center;
  align-items: center;
  border-radius: 45px;
  padding: 22px 20px;
  transition: all 0.2s linear;
}
.contact_from_inner .contact_btn svg{
  margin-right: 6px;
}
.contact_from_inner .contact_btn br{
  display: none;
}
.contact_from_inner .contact_btn:hover{
  border-color: #AA9879;
  color: #AA9879;
  background: transparent;
}
.contact_from_inner .contact_btn:hover svg path{
  stroke: #AA9879;
}
.contact_from_inner .form-control:hover,.contact_from_inner .select_option:hover,.contact_from_inner .form-control:focus,.contact_from_inner .select_option:focus{
  border-color: #AA9879;
}
.p_item{
  height: 100%;
}


.client_info img{
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

.cre_testimonial_section_wrapper .cre_navigation{
  gap: 20px;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
}
.cre_testimonial_slider {
  margin-left: -30px;
  margin-right: -30px;
}
.cre_testimonial_slider .item{
  margin-left: 15px;
  margin-right: 15px;
  height: 100%;
  padding: 35px 20px;
}
.client_info{
  margin-top: 20px;
}
.client_info_inner .name{
  font-size: 18px;
  color: #151C23;
  font-weight: 600;
  line-height: 24px;
  font-family: "Plus Jakarta Sans";
  margin-top: 0px;
  margin-bottom: 5px;
}
.client_info_inner span{
  font-size: 16px;
  font-weight: 400;
  font-family: "Plus Jakarta Sans";
  color: #464950;
  letter-spacing: -0.02px;
}
.cre_testimonial_slider .slick-list,.cre_testimonial_slider .slick-track{
  display: flex;
}

.testimonial_section_inner{
  background: #fff;
  box-shadow: 20px 12px 60px 0 rgba(0, 0, 0, 0.08);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 30px;
  position: relative;
  z-index: 1;
}
.testimonial_section_inner:before{
  content: "";
  width: 76px;
  height: 58px;
  background: url("../img/quote.png") no-repeat;
  position: absolute;
  z-index: -1;
  right: 30px;
  bottom: 30px;
}
.testimonial_section_inner .top{
  margin-bottom: 12px;
}
.testimonial_section_inner .cre_rating_star i{
  font-size: 16px;
  color: #FF9436;
  margin-right: 4px;
  
}
.testimonial_section_inner .cre_rating_star i:before{
  font-style: normal;
}
.testimonial_section_inner .description p{
  font-size: 20px;
  line-height: 160%;
  font-style: italic;
  color: #151C23;
  font-family: "Plus Jakarta Sans";
}
.testimonial_section_inner .description p a{
  color: #087ED8;
  text-decoration: underline;
}
.cre_navigation .slick-arrow{
  width: 58px;
  height: 58px;
  border: 1px solid #087ED8;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  cursor: pointer;
  transition: all 0.3s linear;
}

.cre_navigation .slick-arrow:hover{
  background: #087ED8;
  border-color: #087ED8;
  color: #fff;
}
.cre_navigation .slick-arrow:hover svg path{
  fill: #fff;
}
.elementor-widget-icon-box.elementor-position-left.item .elementor-icon-box-icon{
  display: flex;
}
.elementor-widget-icon-box.elementor-position-left.item .elementor-icon-box-content{
  display: flex;
  align-items: center;
}
.slick-dots li{
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #151C23;
  opacity: 0.2;
  transition: all 0.2s;
}
.slick-dots li.slick-active{
  background: #087ED8;
  opacity: 1;
}
.slick-dots li button{
  display: none;
}

.contact_form_box .grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 25px;
}
.form-group{
  position: relative;
}
.form-group .form-control{
  border: 1px solid #D7E3EA;
  border-radius: 12px;
  height: 62px;
  padding-left: 25px;
  font-size: 16px;
  color: #464950;
  font-family: "Plus Jakarta Sans";
}
.form-group p{
  margin-bottom: 5px;
}
.form-group label{
  font-size: 14px;
  line-height: 24px;
  color: #151C23;
  background: #fff;
  padding: 0px 12px;
  position: relative;
  left: 20px;
  margin-bottom: -20px;
  font-family: "Plus Jakarta Sans";
  z-index: 1;

}
.form-group .form-control:focus{
  border-color: #087ED8 !important;
  outline: none;
  box-shadow: none;
}
.form-group .form-control::placeholder{
  color: #46495080;
}
.form-group textarea.form-control{
  height: 210px;
  padding-top: 20px;
}
.contact_form_box .text-right{
  text-align: right;
}
.contact_form_box .theme_btn{
  background: #087ED8;
  font-family: "Inter";
  color: #fff;
  display: inline-flex;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  padding: 15px 40px;
  border-color: #087ED8;
  border-radius: 45px;
  justify-content: center;
  margin-top: 30px;
  position: relative;
  z-index: 2;
}
.contact_form_box .theme_btn br{
  display: none;
}
.contact_form_box .theme_btn svg{
  transition: all 0.2s;
}
.contact_form_box .theme_btn svg{
  margin-left: 9px;
}
.contact_form_box .theme_btn:hover{
  border-color: #087ED8;
  background: #087ED8;
  box-shadow: 0px 4px 50px 1px rgba(8, 126, 216, 0.36);
}
.contact_form_box .theme_btn:hover svg{
  transform: rotate(22deg);
}


.nav_bar .btn_get {
  font-size: 18px;
  font-weight: 400;
  border: 1px solid #fff;
  padding: 12px 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  text-decoration: none;
  color: #fff;
  width: 125px;
  transition: all 0.2s;
}
.nav_bar .btn_get:hover{
  background: #fff;
  color: #000;
}
.nav_bar .btn_get + .btn_get{
  background: #fff;
  color: #000;
}
.nav_bar .btn_get + .btn_get:hover{
  background: transparent;
  color: #fff;
}

/* feature_inner css  */
.banner_bg{
  position: relative;
}

.button_theme .elementor-button-icon svg{
  width: auto;
}
.button_theme .elementor-button-content-wrapper{
  align-items: center;
}
.video_bg .elementor-widget-container{
  display: flex;
  align-items: center;
  justify-content: center;
}
.circle {
  position: relative;
  width: 200px;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.video-popup-circle-bg {
  width: 120px;
  height: 120px;
  text-align: center;
  line-height: 120px;
  background: rgb(243, 243, 243);
  border-radius: 50%;
}
.popup-youtube {
  width: 45px;
  height: 45px;
  display: inline-flex;
  position: absolute;
  left: 0px;
  right: 0px;
  z-index: 9;
  line-height: 45px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: rgb(255, 255, 255) !important;
  margin: 0px auto;
  background: #CE0C07;
  border-radius: 50px;
}
.popup-youtube .icon{
  display: inline-flex;
}
.popup-youtube svg{
  width: 15px;
}
.popup-youtube svg path{
  fill: #fff;
}
#circle a + svg {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  animation-name: circle-rotate;
  animation-duration: 7s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
#circle text {
  color: #2B3244;
  font-weight: 700;
  font-size: 20px;
  font-family: "Inter";
  letter-spacing: 1px;
}
.video_bg{
  height: 600px;
}

@keyframes circle-rotate {
  100% {
    transform: rotate(0deg);
  }
  0% {
      transform: rotate(-360deg);
  }
}

.image_box{
  position: relative;
}
.image_box:before{
  content: "";
  height: 94%;
  width: 100%;
  border-radius: 22px;
  background: #7065F0;
  position: absolute;
  bottom: 0;
}

.about_bg:before{
  height: 1495px;
}
.round,.work_inner{
  position: relative;
  z-index: 1;
}
.work_inner:before{
  content: "";
  width: 67%;
  height: 1px;
  border-top: 1px dashed #fff;
  left: 50%;
  top: 50px;
  border-radius: 50%;
  transform: translate(-50%);
  position: absolute;
  z-index: -1;
}
.round:before{
  content: "";
  width: 100%;
  height: 100%;
  border: 1px dashed #fff;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(1.2);
  position: absolute;
  z-index: -1;
}
.round:after{
  content: "";
  width: 1px;
  height: 73%;
  border-left: 1px dashed #fff;
  left: 50%;
  top: 110%;
  border-radius: 0;
  transform: translateX(-50%);
  position: absolute;
  z-index: -1;
}