.mediversal_nav_manu {
   transition: .5s;
   z-index: 2;
   position: relative;
   padding: 20px 10px 20px
 }

 .sticky {
   left: 0;
   margin: auto;
   position: fixed !important;
   top: 0;
   width: 100%;
   border-bottom: 1px solid rgba(255, 255, 255, .14901960784313725);
   background: #e6f1ff !important;
   transition: .5s !important;
   z-index: 922;
   -webkit-animation: 300ms running fadeInDown;
   animation: 500ms running fadeInUp;
   animation-name: slideInDown
 }

 .sticky .mediversal_menu>ul>li>a {
   color: var(--primary-color)
 }

 .sticky .header-button a {
   background: var(--primary-color)
 }

 .sticky .header-button a i {
   color: #fff
 }

 .style-2.sticky .mediversal_menu>ul>li>a {
   color: #fff
 }

 .style-2.sticky .search-box-btn i {
   border: 1px solid var(--secondary-color)
 }

 .style-2.sticky .search-box-btn i {
   color: var(--secondary-color)
 }

 nav.mediversal_menu {
   text-align: center;
   position: relative;
   z-index: 1
 }

 ul.nav_scroll {
   padding: 0 24px 0 30px;
   background: var(--menu-bg);
   border-radius: 30px
 }

 .mediversal_menu ul {
   list-style: none;
   display: inline-block
 }

 .mediversal_menu>ul>li {
   display: inline-block;
   position: relative;
   z-index: 1
 }

 .mediversal_menu>ul>li>a {
   font-size: 15px;
   text-transform: uppercase;
   display: block;
   padding: 0 15px;
   margin: 17px 2px;
   transition: .5s;
   color: var(--primary-color);
   font-weight: 400;
   font-family: "Albert Sans"
 }

 .mediversal_menu>ul>li>a:hover {
   color: #129248
 }

 a.mdy-hover {
   position: relative
 }

 a.mdy-hover:before {
   position: absolute;
   content: "";
   top: 10px;
   left: 0;
   width: 6px;
   height: 6px;
   border-radius: 3px;
   background-color: #129248;
   opacity: 0;
   transition: .5s
 }

 a.mdy-hover:hover:before {
   opacity: 1
 }

 .mediversal-right-side {
   display: flex;
   /* display: none; */
   float: right;
   align-items: center;
   margin-right: 50px;
 }

 .header-button a {
   font-size: 15px;
   padding: 14px 30px;
   font-weight: 500;
   color: #fff;
   background: #002570;
   text-transform: uppercase;
   border-radius: 30px;
   display: inline-block;
   position: relative;
   z-index: 1;
   transition: .5s;
   margin: 0 9px 0 14px
 }

 .header-button a img {
   padding-left: 5px;
   position: relative;
   top: -1px
 }

 .header-button a:hover i {
   color: #fff
 }

 .style-2 .nav_scroll {
   padding: 0;
   background: transparent;
   border-radius: 30px
 }

 .mediversal_menu ul .sub-menu {
   position: absolute;
   left: 0;
   top: 130%;
   width: 600px;
   text-align: left;
   background: #fff;
   margin: 0;
   z-index: 1;
   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
   box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
   transition: .5s;
   visibility: hidden;
   border-top: 2px solid #129248;
   opacity: 0;
 }

 .mediversal_menu ul li:hover>.sub-menu {
   visibility: visible;
   top: 100%;
   opacity: 1
 }

 .mediversal_menu ul .sub-menu li {
   position: relative
 }

 .mediversal_menu ul .sub-menu li a {
   display: block;
   padding: 12px 20px;
   margin: 0;
   line-height: 1.3;
   letter-spacing: normal;
   font-size: 14px;
   font-weight: 500;
   text-transform: uppercase;
   transition: .5s;
   visibility: inherit !important;
   color: var(--primary-color) !important;
   position: relative;
   z-index: 1
 }

 .mediversal_menu ul .sub-menu li a:before {
   position: absolute;
   content: "";
   width: 100%;
   height: 0;
   left: 0;
   bottom: 0;
   background: var(--secondary-color);
   z-index: -1;
   transition: .5s
 }

 .mediversal_menu ul .sub-menu li a:hover:before {
   height: 100%;
   top: 0
 }

 .mediversal_menu ul .sub-menu li:hover>a,
 .mediversal_menu ul .sub-menu .sub-menu li:hover>a,
 .mediversal_menu ul .sub-menu .sub-menu .sub-menu li:hover>a,
 .mediversal_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a {
   background: #129248;
   color: #fff !important
 }

 .mediversal_menu ul .sub-menu .sub-menu {
   left: 100%;
   top: 130%;
   opacity: 0;
   visibility: hidden
 }

 .mediversal_menu ul .sub-menu li:hover>.sub-menu {
   opacity: 1;
   visibility: visible;
   top: 0
 }

 .mediversal_menu ul .sub-menu .sub-menu li {
   position: relative
 }

 .mediversal_menu ul .sub-menu .sub-menu .sub-menu {
   right: 100%;
   left: auto;
   top: 130%;
   opacity: 0;
   visibility: hidden
 }

 .mediversal_menu ul .sub-menu .sub-menu li:hover>.sub-menu {
   opacity: 1;
   visibility: visible;
   top: 0
 }

 ul.sub-menu li a span {
   background: #ffde5d;
   padding: 5px 10px;
   color: #fff;
   opacity: 1;
   font-family: "Fira Sans";
   border-radius: 2px;
   margin-left: 5px;
   transition: .5s
 }

 ul.sub-menu li:hover a span {
   background: rgba(255, 255, 255, .2)
 }

 .mediversal_menu ul .sub-menu .sub-menu .sub-menu li {
   position: relative
 }

 .mediversal_menu ul .sub-menu .sub-menu .sub-menu li:hover>.sub-menu {
   opacity: 1;
   visibility: visible;
   top: 0
 }

 .mediversal_nav_manu.sticky .logo_img {
   display: none
 }

 .main_sticky {
   display: none
 }

 .mediversal_nav_manu.sticky .main_sticky {
   display: inherit
 }

 .mobile-menu.mean-container {
   overflow: hidden
 }

 .hero-section {
   background: url(../images/slider/hero-bg.png);
   background-position: center;
   background-repeat: no-repeat;
   height: 790px;
   position: relative;
   margin-top: 100px
 }

 .row.hero-bg {
   position: relative;
   z-index: 1
 }

 .hero-content {
   padding: 45px 0 0
 }

 .hero-content h1 {
   font-size: 80px;
   text-transform: uppercase;
   color: #fff;
   margin: 0;
   font-weight: 800;
   position: relative;
   z-index: -1
 }

 h1.mediversal-style {
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative;
   z-index: 1
 }

 span.team-mbr {
   padding: 15px 30px;
   border-radius: 40px;
   background: #fff;
   background-color: rgba(255, 255, 255, .2);
   display: inline-block;
   font-size: 18px;
   font-weight: 600;
   backdrop-filter: blur(17.5px);
   margin-right: 22px
 }

 span.team-mbr img {
   padding: 0 15px 0 0
 }

 .hero-btm-boxs {
   display: flex;
   justify-content: space-between;
   margin-top: 140px;
   width: 50%;
   align-items: anchor-center;
   margin-left: auto;
 }

 .mediversal-hero-icon {
   float: left;
   margin-right: 20px
 }

 .mediversal-hero-content {
   overflow: hidden
 }

 .mediversal-hero-content h4 {
   font-size: 24px;
   font-weight: 600;
   text-align: left;
   color: #fff;
   margin: 0
 }

 .mediversal-hero-content p {
   text-align: left;
   width: 62%;
   padding: 7px 0 0;
   font-family: "DM Sans"
 }

 a.mediversal-btn {
   position: relative;
   padding: 17px 42px;
   overflow: hidden;
   display: inline-block;
   background-color: #fff;
   color: var(--primary-color);
   font-weight: 500;
   transition: 500ms;
   z-index: 1;
   border-radius: 30px
 }

 .mediversal-btn__hover {
   background-color: var(--primary-color);
   width: 18.66%;
   height: 0;
   display: block;
   position: absolute;
   transition: all 500ms ease;
   z-index: -1
 }

 .mediversal-btn__hover:nth-child(2),
 .mediversal-btn__hover:nth-child(4),
 .mediversal-btn__hover:nth-child(6) {
   top: 0
 }

 .mediversal-btn__hover:nth-child(2) {
   left: 16.66%
 }

 .mediversal-btn__hover:nth-child(4) {
   left: 49.98%
 }

 .mediversal-btn__hover:nth-child(6) {
   left: 83.3%
 }

 .mediversal-btn__hover:nth-child(1),
 .mediversal-btn__hover:nth-child(3),
 .mediversal-btn__hover:nth-child(5) {
   bottom: 0
 }

 .mediversal-btn__hover:nth-child(1) {
   left: 0
 }

 .mediversal-btn__hover:nth-child(3) {
   left: 33.32%
 }

 .mediversal-btn__hover:nth-child(5) {
   left: 66.64%
 }

 a.mediversal-btn:hover .mediversal-btn__hover {
   height: 100%
 }

 a.mediversal-btn i {
   padding-left: 7px;
   position: relative;
   top: 3px;
   transform: rotate(-45deg);
   display: inline-block
 }

 a.mediversal-btn:hover {
   color: #fff
 }

 .hero-socail-icon {
   position: absolute;
   right: -230px;
   bottom: 206px;
   animation: 1s 1.5s fadeInDown both
 }

 .hero-socail-icon a {
   display: block;
   color: #fff;
   text-align: center;
   font-size: 18px;
   margin: 20px 0 0;
   transition: .3s
 }

 .hero-socail-icon a:hover {
   color: var(--secondary-color)
 }

 .hero-cnct-nmbr {
   position: absolute;
   left: -256px;
   bottom: 160px
 }

 .hero-cnct-nmbr h4 {
   position: relative;
   color: #fff;
   writing-mode: tb;
   font-size: 18px;
   font-weight: 500
 }

 .hero-cnct-nmbr h4:before {
   position: absolute;
   content: "";
   left: 12px;
   top: -118px;
   width: 2px;
   height: 100px;
   background-image: linear-gradient(0deg, rgba(255, 255, 255, .9999999999999999) 0%, rgba(27, 31, 73, 0) 100%)
 }

 .hero-shape {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   z-index: -1
 }

 .hero-shape2 {
   position: absolute;
   left: -66px;
   top: 66px
 }

 .hero-shape3 {
   position: absolute;
   right: -72px;
   bottom: -15px
 }

 .hero-shape4 {
   position: absolute;
   right: 26px;
   bottom: 133px;
   animation: moveLeftBounce 3s linear infinite
 }

 .hero2.hero-section {
   background: url(../images/slider/hero-bg2.png);
   background-position: center;
   background-repeat: no-repeat;
   height: 850px
 }

 .content-inner {
   padding: 85px 100px 0;
   width: 833px;
   height: 447px;
   border-radius: 40px;
   background-color: #002570;
   position: absolute;
   top: 0;
   left: 22px
 }

 .hero-content2 h2 {
   font-size: 70px;
   font-weight: 600;
   color: #fff;
   margin: 0
 }

 .hero2.hero-section .mediversal-btn a {
   margin-top: 34px
 }

 .hero2.hero-section .mediversal-service-bx {
   padding: 37px 37px 0;
   width: 383px;
   height: 160px;
   border-radius: 30px;
   background-color: rgba(255, 255, 255, .30196078431372547);
   border: 2px solid #ffffff;
   position: absolute;
   right: 119px;
   top: 589px;
   backdrop-filter: blur(12px);
   overflow: hidden
 }

 .hero2.hero-section .mediversal-hero-content h4 {
   color: var(--primary-color);
   font-weight: 600
 }

 .hero2.hero-section .mediversal-hero-content p {
   width: 100%;
   color: #65677a
 }

 span.wood-animation img {
   animation: wooo 3.5s infinite
 }

 @keyframes wooo {
   0% {
     transform: rotate3d(0, 0, 0)
   }

   50% {
     transform: rotate3d(0, 1, 0, 180deg)
   }

   100% {
     transform: rotate3d(0, 1, 0, 359deg)
   }
 }

 @keyframes moveLeftBounce {
   0% {
     -webkit-transform: translateX(0);
     transform: translateX(0)
   }

   50% {
     -webkit-transform: translateX(30px);
     transform: translateX(30px)
   }

   100% {
     -webkit-transform: translateX(0);
     transform: translateX(0)
   }
 }

 .counter-serction {
   /* background: url(../images/slider/counter-bg.png); */
   background-repeat: no-repeat;
   background-position: center;
   padding: 70px 0 50px;
   margin-top: -23px;
   position: relative;
   background-color: #129248;
   z-index: 1;
 }

 .counter-items {
   display: flex;
   justify-content: space-between
 }

 .counter-left-side {
   display: flex
 }

 .counter-title h2 {
   font-size: 34px;
   color: #fff;
   margin: 0;
   line-height: 42px;
   font-weight: 700;
   padding: 0 0 0 25px
 }

 .counter-right-side {
   display: flex
 }

 .counter-single-box.bx-1 {
   padding-right: 80px
 }

 .odometer-wrapper.counter-box-title {
   display: flex;
   align-items: center;
   border-bottom: 2px solid rgba(255, 255, 255, .40196078431372547);
   padding: 0 0 6px
 }

 .odometer-wrapper.counter-box-title h1 {
   font-size: 50px;
   font-weight: 700;
   color: #fff;
   display: inline-block;
   margin: 0
 }

 .counter-desc p {
   font-size: 20px;
   color: #fff;
   font-weight: 500;
   font-family: "DM Sans";
   display: inline-block;
   padding: 14px 0 0
 }

 .mediversal-hover-btn {
   background-color: #129248;
   height: 100%;
   top: 0;
   opacity: 0;
   position: absolute;
   -webkit-transform: scaleX(0);
   transform: scaleX(0);
   -webkit-transition: all .5s ease 0s;
   transition: all .5s ease 0s;
   width: 25%;
   z-index: -1
 }

 .hover-btn {
   left: 0;
   -webkit-transition-delay: .105s;
   transition-delay: .105s;
   border-radius: 30px 0 0 30px
 }

 .hover-btn2 {
   left: 25%;
   -webkit-transition-delay: .105s;
   transition-delay: .105s
 }

 .hover-btn3 {
   left: 50%;
   -webkit-transition-delay: .105s;
   transition-delay: .105s
 }

 .hover-btn4 {
   left: 75%;
   -webkit-transition-delay: 0s;
   transition-delay: 0s;
   border-radius: 0 30px 30px 0
 }

 .header-button a:hover .mediversal-hover-btn {
   opacity: 1;
   -webkit-transform: scale(1);
   transform: scale(1)
 }

 .feature-serction {
   padding: 95px 0 60px;
   position: relative
 }

 .feature-single-box {
   padding: 40px 40px 27px;
   background-color: rgba(255, 255, 255, .30196078431372547);
   border: 2px solid #ffffff;
   border-radius: 24px;
   margin-bottom: 30px;
   position: relative;
   z-index: 1;
   transition: .5s
 }

 .feature-head {
   display: flex;
   justify-content: space-between;
   border-bottom: 2px solid #ffffff;
   padding: 0 0 35px
 }

 .head-title h2 {
   font-size: 25px;
   font-weight: 600;
   margin: 0;
   transition: .5s
 }

 .mediversal-link i {
   font-size: 20px;
   color: #129248;
   display: inline-block;
   transform: rotate(-45deg);
   transition: .5s
 }

 .mediversal-icon img {
   padding: 40px 0 32px;
   transition: .5s
 }

 .feature-content span {
   color: #129248;
   font-size: 18px;
   font-weight: 500;
   display: inline-flex;
   align-items: center;
   transition: .5s
 }

 .feature-content h3 {
   font-size: 30px;
   display: inline-flex;
   align-items: center;
   font-weight: 600;
   margin: 0;
   transition: .5s
 }

 span.mddle-pd {
   padding: 0 5px 0 2px;
   font-size: 30px;
   color: var(--primary-color)
 }

 .feature-content p {
   color: #65677a;
   font-family: "DM Sans";
   display: inline-block;
   padding: 10px 0 0;
   transition: .5s
 }

 .feature-single-box:hover .head-title h2,
 .feature-single-box:hover .feature-content h3,
 .feature-single-box:hover .feature-content span,
 .feature-single-box:hover .feature-content p,
 .feature-single-box:hover .mediversal-link i,
 .feature-single-box:hover .feature-content h4 {
   color: #fff
 }

 .feature-single-box:hover .feature-btn a {
   background: #fff;
   color: #129248
 }

 .bx-2.feature-single-box {
   padding: 40px 40px 26px
 }

 .feature-btn a {
   padding: 11px 29px;
   font-size: 14px;
   font-weight: 500;
   background: #129248;
   color: #fff;
   border-radius: 20px
 }

 .feature-content h4 {
   font-size: 22px;
   font-weight: 600;
   transition: .5s
 }

 .bx-2 .feature-content p {
   padding: 12px 0 0
 }

 .bx-3 .feature-content p {
   padding: 15px 0 13px
 }

 .bx-3.feature-single-box {
   padding: 40px 40px 45px
 }

 .bx-3 .mediversal-icon img {
   padding: 40px 0 8px
 }

 .bx-3.feature-single-box:hover .mediversal-icon img {
   filter: brightness(5)
 }

 .mediversal-hover-box {
   background-color: #129248;
   height: 100%;
   top: 0;
   opacity: 0;
   position: absolute;
   -webkit-transform: scaleX(0);
   transform: scaleX(0);
   -webkit-transition: all .5s ease 0s;
   transition: all .5s ease 0s;
   width: 25%;
   z-index: -1
 }

 .hover-bx {
   left: 0;
   -webkit-transition-delay: .105s;
   transition-delay: .105s;
   border-radius: 20px 0 0 20px
 }

 .hover-bx2 {
   left: 25%;
   -webkit-transition-delay: .105s;
   transition-delay: .105s
 }

 .hover-bx3 {
   left: 50%;
   -webkit-transition-delay: .105s;
   transition-delay: .105s
 }

 .hover-bx4 {
   left: 75%;
   -webkit-transition-delay: 0s;
   transition-delay: 0s;
   border-radius: 0 20px 20px 0
 }

 .feature-single-box:hover .mediversal-hover-box {
   opacity: 1;
   -webkit-transform: scale(1);
   transform: scale(1)
 }

 .feature-single-box:hover {
   border: 2px solid #129248
 }

 .style-2.feature-serction {
   padding: 0 0 60px;
   position: relative
 }

 .feature-single-box-2 {
   padding: 30px 30px 30px;
   border-radius: 30px;
   background-color: rgba(255, 255, 255, .30196078431372547);
   border: 2px solid #ffffff;
   display: flex;
   align-items: center;
   margin-bottom: 30px;
   position: relative;
   z-index: 1
 }

 .feature-single-box-2::before {
   content: "";
   position: absolute;
   top: -1px;
   left: -1px;
   width: 0;
   height: 0;
   z-index: 2;
   opacity: 0;
   border-top: 2px solid var(--secondary-color);
   border-left: 2px solid var(--secondary-color);
   transition: all linear .5s
 }

 .feature-single-box-2::after {
   content: "";
   position: absolute;
   bottom: -1px;
   right: -1px;
   width: 0;
   height: 0;
   z-index: 2;
   opacity: 0;
   border-bottom: 2px solid var(--secondary-color);
   border-right: 2px solid var(--secondary-color);
   transition: all linear .5s
 }

 .feature-single-box-2:hover:before {
   width: 100%;
   height: 100%;
   opacity: 1;
   border-radius: 20px
 }

 .feature-single-box-2:hover:after {
   width: 100%;
   height: 100%;
   opacity: 1;
   border-radius: 20px
 }

 .feature-single-box-2 .feature-thumb img {
   border-radius: 30px
 }

 .feature-single-box-2 .feature-content {
   padding-left: 40px
 }

 .feature-title h3 {
   font-size: 24px;
   font-weight: 600;
   padding: 0 0 25px;
   margin-bottom: 25px;
   border-bottom: 1px solid rgba(0, 37, 112, .2);
   position: relative;
   z-index: 1
 }

 .feature-title h3:before {
   position: absolute;
   content: "";
   bottom: -1px;
   left: 0;
   right: 0;
   width: 0;
   height: 2px;
   background: var(--secondary-color);
   transition: .5s
 }

 .feature-single-box-2 .mediversal-icon img {
   padding: 0 0 15px
 }

 .mediversal-btn2 {
   overflow: hidden
 }

 .mediversal-btn2 a {
   transition: .5s;
   position: relative;
   z-index: 11
 }

 .mediversal-btn2 a span {
   margin-left: -95px;
   opacity: 0;
   transition: .5s;
   display: inline-block;
   color: var(--secondary-color);
   font-size: 16px
 }

 .mediversal-btn2 a i {
   display: inline-block;
   font-size: 20px;
   transform: rotate(-45deg);
   position: relative
 }

 .feature-single-box-2:hover .mediversal-btn2 a span {
   margin-left: 0;
   opacity: 1
 }

 .feature-single-box-2:hover .mediversal-btn2 a i {
   padding-left: 0;
   transition: .5s;
   color: var(--secondary-color);
   left: 5px
 }

 .feature-single-box-2:hover .feature-title h3:before {
   width: 100%
 }

 .mediversal-section-title2 h4 {
   font-size: 16px;
   font-weight: 500;
   color: var(--secondary-color);
   padding: 0 0 9px
 }

 .mediversal-section-title2 h3 {
   font-size: 32px;
   font-weight: 700
 }

 .mediversal-section-title h4 {
   font-size: 16px;
   font-weight: 500;
   color: var(--secondary-color);
   padding: 0 0 22px;
   text-transform: uppercase
 }

 .mediversal-section-title h1 {
   font-size: 60px;
   margin: 0;
   font-weight: 700;
   line-height: 66px
 }

 .mediversal-section-title h1 span img {
   animation: rotateme 8s linear infinite
 }

 .mediversal-section-title p {
   padding: 21px 0 18px;
   color: #65677a;
   font-family: "DM Sans"
 }

 .about-serction {
   padding: 0 0 120px;
   position: relative;
   z-index: 1
 }

 .top-mediversal-section {
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-bottom: 1px solid rgba(28, 32, 73, .10196078431372549);
   padding: 0 0 28px;
   margin-bottom: 60px
 }

 .bx-2 .odometer-wrapper.counter-box-title {
   border-bottom: 0
 }

 .bx-2 .odometer-wrapper.counter-box-title {
   justify-content: right
 }

 .bx-2 .odometer-wrapper.counter-box-title h1 {
   color: var(--primary-color);
   font-size: 60px
 }

 p.counter-desc {
   font-size: 18px;
   font-weight: 500;
   color: var(--primary-color);
   font-family: "DM Sans";
   display: inline-block;
   margin: 0 0 0 22px;
   width: 50%
 }

 .about-thumb {
   position: relative;
   z-index: 1
 }

 .thumbs-bxs {
   position: absolute;
   top: 0;
   right: 114px;
   width: 200px;
   height: 200px;
   line-height: 200px;
   text-align: center;
   border-radius: 30px;
   background-color: #129248
 }

 .about-service-list h4 {
   font-size: 22px;
   font-weight: 600;
   padding: 30px 0 25px
 }

 .about-service-list ul li {
   display: block;
   list-style: none;
   font-family: "DM Sans";
   color: var(--primary-color);
   border-top: 1px dashed #00306c;
   padding: 16px 0 17px
 }

 .about-service-list ul li i {
   font-size: 17px;
   color: var(--secondary-color);
   display: inline-block;
   padding-right: 6px
 }

 li.border-style {
   border-bottom: 1px dashed #00306c
 }

 span.list-pd {
   padding: 0 0 0 55px
 }

 .text-circle {
   position: absolute;
   left: 0;
   right: 0;
   margin: auto;
   top: 0;
   -webkit-animation: rotateme 9s linear infinite;
   animation: rotateme 9s linear infinite
 }

 .text-circle svg {
   width: 131px;
   height: auto;
   overflow: visible;
   word-spacing: 10px;
   transform: rotate(0) scaleX(1) scaleY(1)
 }

 .text-circle path {
   fill: transparent;
   stroke: transparent;
   stroke-width: 1px;
   transition: .3s stroke, .3s fill
 }

 .text-circle text {
   fill: #ffffff;
   direction: ltr;
   transition: .3s stroke, .3s stroke-width, .3s fill;
   font-size: 30px
 }

 @keyframes rotateme {
   0% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg)
   }

   100% {
     -webkit-transform: rotate(-360deg);
     transform: rotate(-360deg)
   }
 }

 .mediversal-shape {
   position: absolute;
   right: 53px;
   text-align: right;
   z-index: -1
 }

 .about-serction .mediversal-btn a {
   margin-top: 50px
 }

 .mediversal-btn a {
   padding: 16px 35px;
   font-size: 18px;
   color: #fff;
   display: inline-block;
   font-weight: 500;
   font-family: "Albert Sans";
   border-radius: 32px;
   position: relative;
   z-index: 1;
   transition: .5s;
   overflow: hidden;
   border: 1px solid #129248;
   background-color: #fff
 }

 .mediversal-btn a:after {
   display: flex;
   align-items: flex-end;
   justify-content: flex-end;
   color: #fff;
   position: absolute;
   content: attr(data-text);
   cursor: pointer;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   background-color: #129248;
   background-image: url(../images/resource/mask-btn2.png);
   -webkit-mask: url(../images/resource/mask-btn2.png);
   mask: url(../images/resource/mask-btn2.png);
   -webkit-mask-size: 2300% 100%;
   mask-size: 2300% 100%;
   animation: mask_animation_2 .7s steps(22) forwards;
   z-index: -1
 }

 .mediversal-btn a i {
   padding-left: 7px;
   position: relative;
   top: 3px;
   transform: rotate(-45deg);
   display: inline-block
 }

 .mediversal-btn a:hover:after {
   animation: mask_animation .7s steps(22) forwards
 }

 .mediversal-btn a:hover {
   color: var(--secondary-color)
 }

 @keyframes mask_animation {
   from {
     -webkit-mask-position: 0 0;
     mask-position: 0 0
   }

   to {
     -webkit-mask-position: 100% 0;
     mask-position: 100% 0
   }
 }

 @keyframes mask_animation_2 {
   from {
     -webkit-mask-position: 100% 0;
     mask-position: 100% 0
   }

   to {
     -webkit-mask-position: 0 0;
     mask-position: 0 0
   }
 }

 .thumbs-bxs2 {
   position: absolute;
   bottom: 0
 }

 .icon img {
   border-radius: 30px
 }

 .mediversal-service-box {
   padding: 35px 40px 28px;
   background: var(--secondary-color);
   position: relative;
   z-index: 1;
   border-radius: 20px
 }

 .mediversal-number h3 {
   font-size: 60px;
   color: #ffffff;
   opacity: .15;
   position: absolute;
   right: 20px;
   top: 0;
   font-weight: 700
 }

 .mediversal-title h4 {
   font-size: 22px;
   font-weight: 600;
   color: #fff;
   padding: 11px 0 0
 }

 .mediversal-service-box .mediversal-hover-box {
   background-color: var(--primary-color)
 }

 .bx-1.mediversal-service-box .mediversal-hover-box {
   background-color: var(--secondary-color)
 }

 .mediversal-service-box:hover .mediversal-hover-box {
   opacity: 1;
   -webkit-transform: scale(1);
   transform: scale(1)
 }

 .mediversal-service-box.bx-1 {
   background: var(--primary-color)
 }

 .upp.mediversal-btn a {
   background-color: var(--primary-color)
 }

 .upp.mediversal-btn a:hover {
   color: #fff
 }

 .box-2.mediversal-service-box {
   padding: 35px 30px 30px;
   background: var(--secondary-color);
   position: relative;
   z-index: 1;
   border-radius: 20px;
   background-color: rgba(255, 255, 255, .30196078431372547);
   border: 2px solid #ffffff;
   transition: .5s;
   margin-bottom: 30px
 }

 .box-2 .mediversal-icon2 {
   float: left
 }

 .mediversal-icon2 img {
   transition: .5s
 }

 .box-2 .mediversal-title h4 {
   color: var(--primary-color);
   padding: 0 0 0 24px;
   margin: 0;
   display: -webkit-box;
   transition: .5s
 }

 .box-2.mediversal-service-box:hover .mediversal-icon2 img {
   filter: brightness(0) invert(1)
 }

 .box-2.mediversal-service-box:hover .mediversal-title h4 {
   color: #fff
 }

 .box-2.mediversal-service-box:hover {
   border: 2px solid var(--secondary-color)
 }

 .box-2.mediversal-service-box .mediversal-hover-box {
   background-color: var(--secondary-color)
 }

 .box-2 .hover-bx {
   border-radius: 15px 0 0 15px
 }

 .box-2 .hover-bx4 {
   border-radius: 0 15px 15px 0
 }

 .mdy-about-contact {
   display: flex;
   align-items: center;
   margin: 5px 0 0
 }

 .mediversal-contact {
   padding: 40px 0 0 30px
 }

 .ctn-icon {
   display: inline-block;
   border-radius: 30px;
   width: 60px;
   height: 60px;
   line-height: 60px;
   text-align: center;
   position: relative;
   z-index: 1
 }

 .ctn-icon:before {
   position: absolute;
   content: "";
   display: inline-block;
   top: 32px;
   left: 30px;
   right: 0;
   width: 70px;
   height: 70px;
   text-align: center;
   border-radius: 50px;
   border: 2px solid #129248;
   animation: zoomBig 3.25s linear infinite;
   -webkit-animation-delay: 0s;
   animation-delay: 0s
 }

 .ctn-title {
   display: inline-block
 }

 .ctn-title h3 {
   font-size: 24px;
   font-weight: 600;
   padding-left: 5px
 }

 @keyframes zoomBig {
   0% {
     transform: translate(-50%, -50%) scale(.5);
     opacity: 1;
     border-width: 4px
   }

   40% {
     opacity: .5;
     border-width: 3px
   }

   65% {
     border-width: 2px
   }

   100% {
     transform: translate(-50%, -50%) scale(1);
     opacity: 0;
     border-width: 1px
   }
 }

 .mdy-dots {
   position: absolute;
   right: 48px;
   bottom: -39px;
   z-index: -1
 }

 .style-2 .mediversal-shape {
   position: absolute;
   right: 0;
   bottom: 18px;
   text-align: right;
   z-index: -1
 }

 .marquee-section {
   background: #cadff9;
   padding: 65px 65px
 }

 .marquee {
   display: -webkit-box;
   display: flex;
   overflow: hidden;
   -webkit-user-select: none;
   user-select: none
 }

 .marquee-single-box {
   flex-shrink: 0;
   display: -webkit-box;
   display: flex;
   -webkit-box-align: center;
   align-items: center;
   justify-content: space-around;
   -webkit-animation: scroll 100s linear infinite;
   animation: scroll 100s linear infinite
 }

 .marquee-content h2 {
   font-size: 64px;
   font-weight: 700;
   display: inline-block
 }

 .marquee-content h2 span img {
   margin: -11px 30px 0 20px;
   display: inline-block;
   -webkit-animation: rotateme 8s linear infinite;
   animation: rotateme 8s linear infinite
 }

 .scroll {
   animation: scroll 10s linear infinite
 }

 @keyframes scroll {
   from {
     transform: translateX(0)
   }

   to {
     transform: translateX(calc(-100% - 1rem))
   }
 }

 .style-2.mediversal-top-section {
   padding: 110px 60px 0 50px
 }

 .style-2.marquee-section {
   background: var(--primary-color);
   padding: 26px 65px 35px
 }

 .style-2 .marquee-content h2 {
   font-size: 40px;
   color: #fff
 }

 .style-2 .marquee-content h2 span img {
   width: 8%;
   margin: -11px 16px 0 20px
 }

 .mediversal-top-section {
   padding: 110px 50px 0 205px;
   background: #e6f1ff;
   position: relative;
   color: #000;
 }

 .mediversal-top-section .top-mediversal-section {
   align-items: center;
   margin-bottom: 10px;
   border-bottom: 1px solid rgba(255, 255, 255, .14901960784313725)
 }

 .mediversal-desc {
   width: 34%
 }

 .mediversal-desc p {
   font-size: 18px;
   font-family: "DM Sans"
 }

 .mediversal-top-section.style-2 .mediversal-shape {
   position: absolute;
   top: 0;
   right: -12px;
   text-align: right;
   z-index: 1
 }

 .service-section {
   padding: 30px 50px 120px 210px;
   background: #e6f1ff
 }

 .single-service-box {
   position: relative;
   z-index: 1;
   margin-bottom: 30px;
   transition: .5s;
   overflow: hidden
 }

 .service-thumb {
   position: relative;
   background-image: linear-gradient(0deg, rgba(0, 37, 111, .9999999999999999) 0%, rgba(0, 37, 111, .7999999999999999) 20%, rgba(0, 37, 111, 0) 50%, rgba(0, 37, 111, 0) 100%);
   transition: .5s;
   border-radius: 18px
 }

 .service-thumb:before {
   position: absolute;
   content: "";
   right: -294px;
   top: -40px;
   text-align: right;
   background: url(../images/resource/srvce-shp.png);
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   opacity: 0;
   transition: .5s
 }

 .service-thumb:after {
   position: absolute;
   content: "";
   left: 0;
   bottom: 0;
   background-image: linear-gradient(0deg, rgba(18, 146, 72, .9999999999999999) 0%, rgba(18, 146, 72, .9999999999999999) 20%, rgba(18, 146, 72, 0) 50%, rgba(18, 146, 72, 0) 100%);
   width: 100%;
   height: 0;
   transition: .5s;
   border-radius: 18px
 }

 .service-thumb img {
   position: relative;
   z-index: -1;
   width: 100%;
   border-radius: 20px
 }

 .service-content {
   position: absolute;
   z-index: 1;
   bottom: 40px;
   left: 40px
 }

 .service-content h6 {
   font-size: 16px;
   font-weight: 500;
   text-transform: uppercase;
   color: #fff
 }

 .service-content h2 a {
   font-size: 28px;
   font-weight: 600;
   color: #ffff;
   display: inline-block;
   transition: .5s
 }

 .service-content h2 a:hover {
   color: var(--primary-color)
 }

 .service-icon a i {
   width: 60px;
   height: 60px;
   line-height: 60px;
   border-radius: 30px;
   text-align: center;
   background-color: #129248;
   display: inline-block;
   font-size: 20px;
   position: absolute;
   z-index: 1;
   top: 0;
   right: 40px;
   color: #fff;
   transition: .5s;
   opacity: 0;
   transform: rotate(-45deg)
 }

 .single-service-box:hover .service-icon a i {
   opacity: 1;
   right: 0
 }

 .single-service-box:hover .service-thumb:before {
   opacity: 1;
   top: -0px
 }

 .single-service-box:hover .service-thumb:after {
   height: 100%
 }

 .service-section .swiper {
   width: 100%;
   height: 540px
 }

 .swiper-slide {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   position: relative
 }

 .swiper-scrollbar {
   background: rgba(255, 255, 255, .14901960784313725) !important
 }

 .swiper-scrollbar-drag {
   background: rgba(0, 125, 255, .5999999999999999) !important
 }

 @media only screen and (min-width:769px) {
   .swiper-slide:first-child {
     transition: transform 100ms
   }

   .swiper-slide:first-child img {
     transition: box-shadow 500ms
   }

   .swiper-slide:nth-child(2) {
     transition: transform 100ms
   }

   .swiper[dir="rtl"] .swiper-slide.swiper-slide-active:first-child {
     transform: translateX(-50%)
   }

   .swiper[dir="rtl"] .swiper-slide.swiper-slide-next:nth-child(2) {
     transform: translateX(-55%)
   }

   .swiper-scrollbar-drag {
     background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 125, 255, .3999999999999999))
   }
 }

 .style-2.service-section {
   padding: 30px 60px 120px 200px
 }

 .style-2 .service-thumb:before {
   right: -288px
 }

 .owl-nav {
   position: absolute;
   left: -120px;
   top: 200px
 }

 .owl-prev {
   position: relative;
   z-index: 1;
   margin-bottom: 10px
 }

 .owl-prev:before {
   position: absolute;
   content: "";
   left: 25px;
   top: -200px;
   width: 2px;
   height: 180px;
   background-image: linear-gradient(0deg, rgba(0, 125, 255, .9999999999999999) 0%, rgba(0, 125, 255, .9999999999999999) 10%, rgba(0, 125, 255, 0) 80%, rgba(0, 125, 255, 0) 100%)
 }

 .owl-prev i,
 .owl-next i {
   width: 50px;
   height: 50px;
   line-height: 50px;
   text-align: center;
   border-radius: 25px;
   color: #fff;
   background-color: rgba(0, 103, 255, 0);
   border: 1px solid rgba(255, 255, 255, .3)
 }

 .Appointment-section {
   padding: 100px 0 48px;
   position: relative
 }

 .style-2.Appointment-section {
   padding: 0 0 48px
 }

 .mediversal-shape-cntr {
   position: absolute;
   top: -260px;
   z-index: -1
 }

 .main-div {
   padding: 0 0 120px
 }

 .mediversal-Appointment {
   background-color: #cadff9;
   padding: 100px 0 100px;
   border: solid 1px #002570;
   border-radius: 30px;
   background-size: contain
 }

 .row.Appointment {
   position: relative;
   z-index: 1
 }

 .contact-form-box {
   padding: 35px 0 0
 }

 .form-box input::placeholder {
   font-size: 17px;
   color: #002570
 }

 .form-box input {
   width: 100%;
   height: 60px;
   margin-bottom: 20px;
   padding: 0 20px;
   outline: 0;
   display: inline-block;
   border-radius: 15px;
   background-color: rgba(255, 255, 255, 0);
   border: 1px solid rgba(0, 37, 112, .5);
   font-weight: 500;
   font-family: "DM Sans"
 }

 .form-box textarea {
   width: 100%;
   padding: 15px 22px;
   outline: 0;
   margin-bottom: 25px;
   outline: 0;
   display: inline-block;
   height: 150px;
   border-radius: 25px;
   background-color: rgba(255, 255, 255, 0);
   border: 1px solid rgba(0, 37, 112, .5);
   font-weight: 500;
   font-family: "DM Sans"
 }

 .form-box textarea::placeholder {
   color: #002570;
   font-size: 17px
 }

 .mediversal-shape-2 {
   position: absolute;
   top: 0;
   left: 450px;
   animation: wooo 3.5s infinite
 }

 button.submit-btn {
   padding: 16px 40px;
   font-size: 18px;
   color: #fff;
   display: inline-block;
   font-weight: 500;
   font-family: "Albert Sans";
   border-radius: 32px;
   position: relative;
   z-index: 1;
   transition: .5s;
   overflow: hidden;
   border: 1px solid #129248;
   background-color: var(--primary-color)
 }

 button.submit-btn:after {
   display: flex;
   align-items: flex-end;
   justify-content: flex-end;
   color: #fff;
   position: absolute;
   content: attr(data-text);
   cursor: pointer;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   background-color: #129248;
   background: url(../images/resource/mask-btn2.png);
   mask: url(../images/resource/mask-btn2.png);
   -webkit-mask-size: 2300% 100%;
   mask-size: 2300% 100%;
   animation: mask_animation_2 .7s steps(22) forwards;
   z-index: -1
 }

 button.submit-btn i {
   padding-left: 5px;
   position: relative;
   top: 2px;
   transform: rotate(-45deg);
   display: inline-block
 }

 button.submit-btn:hover:after {
   animation: mask_animation .7s steps(22) forwards
 }

 .button.submit-btn:hover {
   color: var(--secondary-color)
 }

 .style-1.mediversal-Appointment {
   background-image: url(../images/resource/appointment2-bg.png);
   margin-bottom: 120px
 }

 .style-1 .testi-single-box {
   padding: 60px 45px 60px;
   border: 0;
   background-color: transparent;
   background-image: url(../images/resource/test2.png)
 }

 .style-1.mediversal-Appointment .mediversal-shape-2 {
   top: -30px;
   right: 0;
   left: inherit
 }

 .mediversal-Appointment.style-2 {
   margin: 120px 0 120px
 }

 .team-section {
   padding: 100px 0 120px;
   position: relative
 }

 .team-section .top-mediversal-section {
   margin-bottom: 0
 }

 .team-section .mediversal-shape {
   position: absolute;
   right: 350px;
   text-align: right;
   z-index: -1
 }

 .team-single-box {
   padding: 30px 30px 32px;
   border-radius: 20px;
   background-color: rgba(255, 255, 255, .30196078431372547);
   border: 2px solid #ffffff;
   text-align: center;
   position: relative;
   z-index: 1
 }

 .team-single-box::before {
   content: "";
   position: absolute;
   top: -2px;
   left: -2px;
   width: 0;
   height: 0;
   z-index: 2;
   opacity: 0;
   border-top: 2px solid var(--secondary-color);
   border-left: 2px solid var(--secondary-color);
   transition: all linear .5s
 }

 .team-single-box::after {
   content: "";
   position: absolute;
   bottom: -2px;
   right: -2px;
   width: 0;
   height: 0;
   z-index: 2;
   opacity: 0;
   border-bottom: 2px solid var(--secondary-color);
   border-right: 2px solid var(--secondary-color);
   transition: all linear .5s
 }

 .team-single-box:hover:before {
   width: 100%;
   height: 100%;
   opacity: 1;
   border-radius: 20px
 }

 .team-single-box:hover:after {
   width: 100%;
   height: 100%;
   opacity: 1;
   border-radius: 20px
 }

 .team-thumb {
   position: relative;
   z-index: 21
 }

 .team-thumb img {
   border-radius: 25px;
   width: 100%
 }

 .team-thumb:after {
   position: absolute;
   content: "";
   left: 0;
   bottom: 0;
   width: 100%;
   height: 0;
   transition: .5s;
   border-radius: 20px;
   background-image: linear-gradient(0deg, rgba(0, 125, 255, .8999999999999999) 0%, rgba(0, 125, 255, .9999999999999999) 20%, rgba(0, 125, 255, 0) 50%, rgba(0, 125, 255, 0) 100%)
 }

 .social-icon {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   opacity: 0;
   transition: .5s;
   z-index: 1
 }

 .social-icon ul li {
   display: inline-block;
   padding-right: 9px;
   list-style: none
 }

 .social-icon ul li i {
   width: 42px;
   line-height: 42px;
   height: 42px;
   border-radius: 21px;
   background-color: #ffffff;
   color: var(--primary-color);
   transition: .5s
 }

 .team-thumb img {
   border-radius: 25px
 }

 .team-content h5 {
   font-size: 16px;
   font-weight: 500;
   text-transform: uppercase;
   padding: 26px 0 0
 }

 .team-content h2 {
   font-size: 28px;
   font-weight: 600
 }

 .team-single-box:hover .social-icon {
   bottom: 35px;
   opacity: 1
 }

 .team-single-box:hover .team-thumb:after {
   height: 100%
 }

 .team-section .swiper {
   padding-top: 50px;
   padding-bottom: 80px
 }

 .style-2 .swiper-slide {
   background-position: center;
   background-size: cover
 }

 .style-2 .swiper-pagination-bullet {
   width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 11px)) !important;
   height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 11px)) !important
 }

 .swiper-slide.swiper-slide-active .team-single-box .team-thumb:after {
   height: 100%
 }

 .swiper-slide.swiper-slide-active .team-single-box::before {
   width: 100%;
   height: 100%;
   opacity: 1;
   border-radius: 20px
 }

 .swiper-slide.swiper-slide-active .team-single-box::after {
   width: 100%;
   height: 100%;
   opacity: 1;
   border-radius: 20px
 }

 .swiper-slide.swiper-slide-active .team-single-box .social-icon {
   bottom: 35px;
   opacity: 1
 }

 .upp.style-2 .team-single-box2 {
   margin-bottom: 30px
 }

 .upp.style-2 .team-thumb:before {
   position: absolute;
   content: "";
   left: 0;
   top: 0;
   background-image: linear-gradient(127deg, rgba(0, 125, 255, .9999999999999999) 0%, rgba(0, 125, 255, .9999999999999999) 20%, rgba(0, 125, 255, 0) 50%, rgba(0, 125, 255, 0) 100%);
   width: 100%;
   height: 0;
   border-radius: 20px;
   transition: .5s
 }

 .upp.style-2 .team-content {
   padding: 16px 0 65px;
   background-color: rgba(255, 255, 255, .30196078431372547);
   border: 2px solid #ffffff;
   border-radius: 20px;
   margin-bottom: -34px
 }

 .upp.style-2 .team-content h2 {
   font-size: 26px;
   font-weight: 700
 }

 .upp.style-2 .team-content h5 {
   font-size: 15px;
   font-weight: 400;
   padding: 0;
   margin-top: 6px
 }

 .social-icon2 {
   position: absolute;
   top: 50px;
   left: 25px;
   right: 0;
   opacity: 0
 }

 .social-icon2 ul li {
   display: block;
   margin-right: 3px;
   list-style: none
 }

 .social-icon2 ul li:nth-child(1) a {
   transition-delay: .1s
 }

 .social-icon2 ul li:nth-child(2) a {
   transition-delay: .3s
 }

 .social-icon2 ul li:nth-child(3) a {
   transition-delay: .4s
 }

 .social-icon2 ul li:nth-child(4) a {
   transition-delay: .6s
 }

 .social-icon2 ul li a {
   width: 37px;
   height: 37px;
   line-height: 37px;
   border-radius: 19px;
   background-color: rgba(255, 255, 255, .30196078431372547);
   border: 2px solid #ffffff;
   text-align: center;
   display: inline-block;
   transition-delay: .5s;
   overflow: hidden;
   transform: translateY(-100px);
   opacity: 0;
   position: relative;
   z-index: 1;
   color: var(--primary-color)
 }

 .social-icon2 ul li a:before {
   position: absolute;
   content: "";
   z-index: -1;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   background: var(--primary-color);
   transform: scale(0);
   transition: .5s
 }

 .social-icon2 ul li a i {
   transition: .5s;
   color: #000
 }

 .upp.style-2 .team-single-box2:hover .social-icon2 {
   top: 25px;
   opacity: 1
 }

 .upp.style-2 .team-single-box2:hover .social-icon2 ul li a {
   opacity: 1;
   transform: translateY(0);
   overflow: hidden;
   visibility: visible
 }

 .social-icon2 ul li a:hover i {
   color: #fff
 }

 .social-icon2 ul li a:hover:before {
   transform: scale(1)
 }

 .upp.style-2 .team-single-box2:hover .team-thumb:before {
   height: 100%
 }

 .upp.style-2.team-section .mediversal-shape {
   position: absolute;
   right: 0;
   text-align: right;
   z-index: -1
 }

 .why-choose-us-serction {
   padding: 120px 0 120px;
   background: url(../images/resource/why-choose.jpg);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center
 }

 .why-choose-us-serction .mediversal-section-title p {
   padding: 21px 0 22px
 }

 .why-choose-thumb {
   position: relative;
   z-index: 1;
   left: -224px
 }

 .mdy-shapae {
   position: absolute;
   bottom: 0;
   right: -128px
 }

 .mdy-shapae img {
   border-radius: 30px
 }

 .thumbs-bxs3 {
   position: absolute;
   top: 30px;
   left: 30px;
   animation: wooo 3.5s infinite
 }

 .contact-with-mediversal p {
   padding: 18px 0 0;
   margin-top: 18px;
   font-size: 18px;
   font-weight: 500;
   color: var(--primary-color);
   border-top: 2px solid rgba(0, 37, 112, .10196078431372549)
 }

 .contact-with-mediversal p a {
   display: inline-block;
   color: var(--secondary-color);
   text-decoration-line: underline
 }

 .testimonial-section {
   padding: 60px 65px 120px;
   background: var(--primary-color)
 }

 .testi-thumb {
   position: relative;
   z-index: 1
 }

 .testi-thumb img {
   border-radius: 30px;
   width: 100%
 }

 .testi-content {
   padding: 25px 30px 35px;
   width: 314px;
   height: 183px;
   border-radius: 20px;
   background-color: rgba(255, 255, 255, .10196078431372549);
   border: 2px solid #ffffff;
   backdrop-filter: blur(17.5px);
   position: absolute;
   top: 30px;
   left: 30px
 }

 .testi-content h4 {
   font-size: 24px;
   font-weight: 600;
   padding: 0 0 25px
 }

 .testi-content .mediversal-btn a {
   padding: 13px 35px;
   background-color: var(--primary-color)
 }

 .testi-content .mediversal-btn a:hover {
   color: #fff;
   border: 1px solid var(--primary-color)
 }

 .testi-single-box {
   padding: 60px 50px 60px;
   border-radius: 34px;
   border: 2px solid rgba(255, 255, 255, .3);
   background-color: #17387b;
   background-image: url(../images/resource/test.png);
   background-size: cover;
   background-position: center;
   overflow: hidden
 }

 .testi-quote img {
   width: auto
 }

 ul.testi-rating li {
   display: inline-block;
   list-style: none;
   font-size: 20px;
   color: #ffba00;
   padding: 36px 0 18px
 }

 .testi-desc p {
   font-size: 20px;
   color: #fff;
   line-height: 32px
 }

 .user-info {
   display: flex;
   align-items: center;
   padding: 123px 0 0
 }

 .people-pic img {
   width: auto;
   margin-right: 20px
 }

 .user-name h4 {
   font-size: 24px;
   font-weight: 600;
   color: #fff
 }

 .user-name h6 {
   font-size: 17px;
   color: #97a9bf;
   font-weight: 400;
   font-family: "DM Sans"
 }

 .testimonial-section.style-2 {
   padding: 0 0 120px;
   background: transparent
 }

 .testimonial-section.style-2 .mediversal-section-title p {
   padding: 28px 0 25px;
   color: #65677a;
   font-family: "DM Sans"
 }

 .style-2 .testi-single-box {
   padding: 40px 40px 20px;
   background-color: rgba(255, 255, 255, .30196078431372547);
   border: 2px solid #ffffff;
   background-image: inherit
 }

 .style-2 .testi-quote2 {
   position: absolute;
   right: 40px
 }

 .style-2 .user-info {
   padding: 0 0 0
 }

 .style-2 .user-name h4 {
   font-size: 22px;
   font-weight: 700;
   color: var(--primary-color)
 }

 .style-2 .user-name h6 {
   font-size: 15px;
   color: #65677a;
   text-transform: uppercase
 }

 .style-2 .testi-desc p {
   font-size: 16px;
   color: #65677a;
   line-height: 24px;
   font-family: "DM Sans";
   font-style: italic;
   padding: 40px 0 0
 }

 .owl-dots {
   text-align: center;
   padding: 30px 0 0
 }

 .owl-dot {
   width: 20px;
   height: 20px;
   border-radius: 10px;
   background-color: rgba(255, 255, 255, .30196078431372547);
   border: 2px solid #ffffff;
   display: inline-block;
   margin-right: 7px
 }

 .owl-dot.active {
   position: relative;
   z-index: 1
 }

 .active.owl-dot:before {
   position: absolute;
   content: "";
   top: 4px;
   left: 0;
   right: 0;
   margin: auto;
   width: 8px;
   height: 8px;
   text-align: center;
   background: var(--secondary-color);
   border-radius: 10px
 }

 .tab {
   padding-top: 50px;
   position: relative;
   overflow: hidden;
   -webkit-font-smoothing: antialiased
 }

 .tabs {
   display: table;
   position: relative;
   overflow: hidden;
   width: 100%;
   text-align: center
 }

 .tabs li {
   line-height: 38px;
   margin-bottom: 30px;
   position: relative;
   display: inline-block
 }

 .tabs_item {
   display: none;
   padding: 30px 0
 }

 .tabs_item:first-child {
   display: block
 }

 .upp.style-2 .testi-single-box {
   padding: 58px 50px 38px
 }

 .upp.style-2 .user-info {
   padding: 35px 50px 35px 35px;
   background-color: rgba(255, 255, 255, .30196078431372547);
   border: 2px solid #ffffff;
   background-image: inherit;
   margin: 30px 25px 0 0;
   border-radius: 15px
 }

 .upp.style-2 .user-name h4 {
   font-size: 24px;
   font-weight: 600
 }

 .upp.style-2 .user-name h6 {
   text-align: left;
   font-size: 17px;
   text-transform: capitalize
 }

 .upp.style-2 .testi-desc p {
   font-size: 20px;
   color: #65677a;
   line-height: 32px;
   font-family: "Albert Sans";
   font-style: inherit;
   padding: 5px 0 0
 }

 .upp.style-2 ul.testi-rating li {
   font-size: 19px;
   letter-spacing: 5px
 }

 .row.testi-bg {
   padding-top: 100px
 }

 .upp.style-2 .testi-bg .user-info {
   padding: 12px 0 0;
   background-color: inherit;
   border: 0;
   background-image: inherit;
   margin: 30px 25px 0 0;
   border-radius: 15px
 }

 .upp.style-2 .testi-bg .testi-single-box {
   padding: 5px 45px 40px
 }

 .skill-serction {
   padding: 80px 0 60px;
   position: relative;
   z-index: 1
 }

 .skill-serction .mediversal-shape-cntr {
   top: 0
 }

 .prossess-ber-plugin {
   padding: 40px 0 0
 }

 .prossess-ber-plugin span {
   color: var(--primary-color);
   font-weight: 500;
   font-size: 18px
 }

 .barfiller {
   width: 100%;
   height: 3px;
   background: rgba(0, 37, 112, .2);
   position: relative;
   margin-bottom: 25px;
   margin-top: 12px;
   border-radius: 5px
 }

 span.fill {
   background: var(--primary-color) !important;
   border-radius: 5px
 }

 .barfiller .fill {
   display: block;
   position: relative;
   width: 0;
   height: 100%;
   background: #333;
   z-index: 1
 }

 .barfiller .tipWrap {
   display: none
 }

 .barfiller .tip {
   margin-top: -37px;
   font-size: 18px;
   color: var(--primary-color);
   font-weight: 500;
   left: 0;
   border-radius: 2px;
   position: absolute;
   z-index: 2
 }

 .barfiller.tip777:after {
   border: solid;
   border-color: rgba(255, 183, 77, .9) transparent;
   border-width: 6px 6px 0 6px;
   content: "";
   display: block;
   position: absolute;
   left: 12px;
   top: 100%;
   z-index: 9
 }

 .stat-bar:nth-of-type(1) .stat-bar-rating {
   animation-delay: .25s;
   -webkit-animation-delay: .25s
 }

 .brand-section {
   padding: 120px 0 120px;
   text-align: center
 }

 .brand-section.newupper {
   padding-top: 0
 }

 .brand-thumb img {
   width: auto
 }

 .upp.brand-section {
   padding: 60px 0 120px
 }

 .blog-section {
   padding: 110px 0 90px;
   background: #fff
 }

 .style-0.blog-section {
   padding: 0 0 90px;
   background: transparent
 }

 .blog-single-box {
   margin-bottom: 30px
 }

 .blog-thumb {
   position: relative;
   z-index: 1
 }

 .blog-thumb .mediversal-hover-box {
   background-color: rgba(0, 17, 112, .3);
   z-index: 1
 }

 .blog-thumb img {
   border-radius: 30px;
   width: 100%
 }

 .blog-content {
   padding: 23px 42px 0 0
 }

 .blogs-category ul li {
   font-size: 16px;
   font-family: "DM Sans";
   color: var(--primary-color);
   display: inline-block;
   margin: 0 20px 0 24px;
   position: relative;
   z-index: 1
 }

 .blogs-category ul li:before {
   position: absolute;
   content: "";
   top: 7px;
   left: -23px;
   width: 10px;
   height: 10px;
   border-radius: 5px;
   background-color: rgba(0, 126, 255, .2)
 }

 .blog-title h2 a {
   font-size: 23px;
   font-weight: 600;
   line-height: 30px;
   display: inline-block;
   padding: 4px 0 0;
   transition: .5s
 }

 .blog-title h2 a:hover {
   color: var(--secondary-color)
 }

 .blog-single-box:hover .mediversal-hover-box {
   opacity: 1;
   -webkit-transform: scale(1);
   transform: scale(1)
 }

 .blog-thumb .hover-bx {
   border-radius: 30px 0 0 30px
 }

 .blog-thumb .hover-bx4 {
   border-radius: 0 30px 30px 0
 }

 .blog-section.style-2 {
   padding: 110px 0 90px;
   background: transparent
 }

 .style-2 .blog-single-box {
   padding: 25px 25px 35px;
   background-color: rgba(243, 248, 253, .30196078431372547);
   border: 2px solid #ffffff;
   margin-bottom: 30px;
   border-radius: 15px
 }

 .style-2 .blog-thumb img {
   border-radius: 15px
 }

 .style-2 .mediversal-button a {
   padding: 10px 25px;
   font-size: 17px;
   background-color: rgba(255, 255, 255, .30196078431372547);
   border: 2px solid #ffffff;
   margin-top: 30px;
   transition: .5s
 }

 .style-2 .blog-thumb .hover-bx {
   border-radius: 15px 0 0 15px
 }

 .style-2 .blog-thumb .hover-bx4 {
   border-radius: 0 15px 15px 0
 }

 .style-2 .blog-single-box:hover .mediversal-btn .mediversal-btn__hover {
   height: 100%
 }

 .style-2 .blog-single-box:hover .mediversal-button a {
   border: 2px solid var(--primary-color);
   color: #fff
 }

 .upper.blog-section.style-2 {
   padding: 0 0 90px;
   background: transparent
 }

 .search-bx {
   position: relative;
   z-index: 1;
   padding: 0 0 10px
 }

 .search-bx input {
   padding: 10px 30px;
   width: 100%;
   height: 60px;
   border-radius: 30px;
   background-color: rgba(255, 255, 255, .30196078431372547);
   border: 2px solid #ffffff
 }

 .search-bx button.subscribe-btn {
   height: 50px;
   width: 50px;
   border: 0;
   border-radius: 50%;
   background: var(--secondary-color);
   color: #fff;
   position: absolute;
   right: 8px;
   top: 5px
 }

 .mediversal-category-items {
   margin-bottom: 40px
 }

 .category-content {
   padding-left: 20px
 }

 .category-content h4 {
   margin: 0
 }

 .category-content h4 a {
   font-size: 18px;
   font-weight: 600;
   line-height: 24px;
   display: inline-block;
   transition: .5s
 }

 .category-content h6 {
   font-size: 15px;
   font-weight: 400;
   font-family: "DM Sans";
   margin: 9px 0 0
 }

 .category-content h4 a:hover {
   color: var(--secondary-color)
 }

 .mediversal-category-items.upp {
   margin: 0 0 15px
 }

 .post-content.upp {
   border: 0
 }

 .blog-post-comment {
   padding: 90px 0 0
 }

 .post-comment {
   display: flex;
   padding: 30px 0 0
 }

 .post-content {
   margin: 0 0 0 30px;
   padding-bottom: 20px;
   border-bottom: 2px solid #fff
 }

 h4.post-title {
   font-size: 20px;
   font-weight: 600
 }

 .post-content h6 {
   font-size: 14px;
   font-weight: 400;
   font-family: "DM Sans";
   margin: 6px 0 14px
 }

 p.posts-reply {
   font-size: 16px;
   font-family: "DM Sans";
   color: #65677a
 }

 .post-comment2 {
   display: flex;
   padding: 40px 0 0;
   margin-left: 80px
 }

 .mediversal-subscribe {
   /* background: url(../images/resource/sbcribe-bg.jpg); */
   /* background-repeat: no-repeat;
   background-size: cover;
   background-position: center; */
   background-color: #cadff9;
   color: #000;
   padding: 60px 0 60px
 }

 .subscribe-content {
   display: flex;
   align-items: center
 }

 .subscribe-icon {
   font-size: 51px;
   width: 120px;
   height: 120px;
   line-height: 110px;
   border-radius: 60px;
   text-align: center;
   background-color: #ffffff;
   display: inline-block;
   padding: 0 33px
 }

 .subscribe-title h1 {
   font-size: 32px;
   font-weight: 700;
   line-height: 38px;
   padding-left: 30px;
   color: #fff;
   margin: 0
 }

 .footer-section {
   padding: 120px 0 100px;
   background: var(--primary-color);
   position: relative;
   z-index: 1
 }

 .company-info-desc p {
   padding: 20px 0 10px;
   font-size: 20px;
   color: #fff;
   font-weight: 500;
   line-height: 30px
 }

 .subscribe_form {
   position: relative
 }

 .subscribe_form input {
   width: 100%;
   height: 60px;
   padding: 0 0;
   outline: 0;
   display: inline-block;
   border-radius: 0;
   border: 1px solid rgba(255, 255, 255, 0);
   background-color: rgba(255, 255, 255, 0);
   border-bottom: 2px solid rgba(255, 255, 255, .2);
   font-weight: 500;
   font-family: "DM Sans";
   color: #fff;
   transition: .5s
 }

 .subscribe_form input:hover {
   padding: 0 15px 0 15px;
   border-radius: 3px
 }

 .subscribe_form input::placeholder {
   font-size: 18px;
   color: #97a9bf
 }

 .subscribe_form button {
   font-size: 24px;
   color: #fff;
   text-align: center;
   position: absolute;
   right: 0;
   top: 14px;
   display: inline-block;
   border: 0;
   background: transparent;
   transition: .5s
 }

 .subscribe_form:hover button {
   right: 14px
 }

 .subscribe_form input:focus,
 button:focus {
   outline-color: var(--secondary-color);
   border: 2px solid rgba(255, 255, 255, .2) !important
 }

 h4.widget-title {
   font-size: 24px;
   color: #fff;
   font-weight: 600;
   padding: 0 0 22px
 }

 .menu-quick-link-content {
   padding: 10px 0 0
 }

 ul.footer-menu li {
   display: block;
   list-style: none;
   margin-bottom: 16px
 }

 ul.footer-menu li a {
   font-weight: 500;
   color: #fff;
   display: inline-block;
   transition: .5s
 }

 ul.footer-menu li a:hover {
   color: var(--secondary-color)
 }

 .place-location p {
   font-size: 16px;
   font-weight: 500;
   padding: 10px 0 0
 }

 .mediversal-info h5 {
   font-size: 20px;
   font-weight: 500;
   color: #fff;
   padding: 11px 0 6px
 }

 .mediversal-info p {
   font-size: 16px;
   font-weight: 500
 }

 .footer-thumb {
   position: absolute;
   top: 0;
   left: -46px;
   z-index: -1
 }

 .footer-thumb1 {
   position: absolute;
   bottom: 99px;
   right: -46px;
   text-align: right;
   z-index: -1
 }

 .row.footer-btm {
   border-top: 1px solid rgba(255, 255, 255, .14901960784313725);
   padding: 28px 0 9px;
   margin-top: 92px
 }

 .mediversal-social-icon a {
   color: #fff;
   font-size: 18px;
   padding-right: 35px;
   display: inline-block;
   transition: .5s
 }

 .mediversal-company-desc p {
   font-size: 16px;
   font-family: "DM Sans"
 }

 .mediversal-social-icon a:hover {
   color: var(--secondary-color)
 }

 label.widget-check {
   font-size: 16px;
   color: #97a9bf;
   font-family: "DM Sans";
   padding: 14px 0 0 25px;
   display: inline-block;
   position: relative
 }

 .widget-check input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
   height: 0;
   width: 0
 }

 .checkmark {
   position: absolute;
   top: 20px;
   left: 0;
   height: 16px;
   width: 16px;
   border-radius: 2px;
   border: 1px solid rgba(255, 255, 255, .3)
 }

 .widget-check:hover input~.checkmark {
   background-color: #ccc
 }

 .widget-check input:checked~.checkmark {
   background-color: var(--secondary-color)
 }

 .checkmark:after {
   content: "";
   position: absolute;
   display: none
 }

 .widget-check input:checked~.checkmark:after {
   display: block
 }

 .widget-check .checkmark:after {
   left: 4px;
   top: 1px;
   width: 6px;
   height: 10px;
   border: solid white;
   border-width: 0 2px 2px 0;
   -webkit-transform: rotate(45deg)
 }

 .style-0.footer-section {
   padding: 120px 0 0
 }

 .style-0.footer-section .footer-thumb1 {
   bottom: 0
 }

 .breatcome-section {
   background: url(../images/resource/breatcome.png);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   height: 140px;
   margin-top: 100px;
   opacity: 0.8;
 }

 .breatcome-content h1 {
   font-size: 55px;
   color: #fff;
   text-transform: uppercase
 }

 ul.breatcome-item li {
   list-style: none;
   display: inline-block;
   text-transform: uppercase;
   color: #fff;
   font-family: "DM Sans";
   font-size: 16px;
   padding: 10px 0 0
 }

 ul.breatcome-item li a {
   color: #fff;
   transition: .5s;
   padding: 0 26px 0 0;
   position: relative;
   z-index: 1
 }

 ul.breatcome-item li a:before {
   position: absolute;
   content: "/";
   right: 7px;
   top: -3px
 }

 ul.breatcome-item li a:hover {
   color: var(--secondary-color)
 }

 .style-3.about-section {
   padding: 120px 0 120px;
   position: relative;
   z-index: 1
 }

 .style-3 .about-thumb img {
   border-radius: 30px 30px 0 0
 }

 .style-3 .counter-right-side {
   display: flex;
   background: var(--secondary-color);
   justify-content: center;
   width: 549px;
   padding: 30px 0 20px;
   border-radius: 0 0 30px 30px
 }

 .style-3 .odometer-wrapper.counter-box-title {
   border-bottom: 0;
   padding: 0
 }

 .style-3 .odometer-wrapper.counter-box-title h1 {
   font-size: 45px
 }

 .style-3 .counter-desc p {
   font-size: 16px;
   text-transform: uppercase;
   font-weight: 400;
   padding: 0 0 0
 }

 ul.about-mediversal-services li {
   display: block;
   list-style: none;
   position: relative;
   font-family: "DM Sans";
   color: var(--primary-color);
   padding: 0 0 20px 25px;
   position: relative
 }

 ul.about-mediversal-services li:before {
   position: absolute;
   content: "";
   left: 0;
   top: 8px;
   width: 10px;
   height: 10px;
   border-radius: 5px;
   background-color: var(--secondary-color)
 }

 .style-3.about-section .mediversal-btn {
   padding: 28px 0 0
 }

 .style-3.about-section .mediversal-shape {
   position: absolute;
   right: 10px;
   bottom: 154px;
   text-align: right;
   z-index: -1
 }

 .mission-vission-section {
   padding: 0 0 90px
 }

 .mission-vission-single-box {
   padding: 38px 35px 20px;
   border-radius: 20px;
   background-color: rgba(255, 255, 255, .30196078431372547);
   border: 2px solid #ffffff;
   margin-bottom: 30px;
   position: relative;
   z-index: 1;
   transition: .5s
 }

 .m_v-ssion {
   align-items: center
 }

 .m_v-ssion-icon {
   margin-right: 15px;
   width: 65px;
   height: 65px;
   line-height: 60px;
   text-align: center;
   border-radius: 32px;
   background-color: rgba(255, 255, 255, .30196078431372547);
   border: 2px solid #ffffff;
   transition: .5s
 }

 .m_v-ssion-title h3 {
   font-size: 24px;
   color: var(--primary-color);
   font-weight: 700;
   margin: 0;
   transition: .5s
 }

 .m_v-ssion-desc p {
   font-size: 17px;
   color: #65677a;
   font-family: "DM Sans";
   display: inline-block;
   padding: 25px 0 0;
   transition: .5s
 }

 .mission-vission-single-box:hover {
   border: 2px solid var(--secondary-color)
 }

 .mission-vission-single-box:hover .m_v-ssion-title h3 {
   color: var(--secondary-color)
 }

 .mission-vission-single-box:hover .m_v-ssion-icon {
   background: var(--bs-primary-bg-subtle)
 }

 .mission-vission-single-box:hover .m_v-ssion-desc p {
   color: #97a9bf
 }

 .mission-vission-single-box .mediversal-hover-box {
   background-color: var(--secondary-color)
 }

 .mission-vission-single-box .hover-bx {
   border-radius: 16px 0 0 16px
 }

 .mission-vission-single-box .hover-bx4 {
   border-radius: 0 16px 16px 0
 }

 .mission-vission-single-box:hover .mediversal-hover-box {
   opacity: 1;
   -webkit-transform: scale(1);
   transform: scale(1)
 }

 .services-section {
   padding: 120px 0 90px
 }

 .single-services-box {
   padding: 38px 35px 32px;
   border-radius: 20px;
   background-color: rgba(255, 255, 255, .30196078431372547);
   border: 2px solid #ffffff;
   margin-bottom: 30px
 }

 .services-icon {
   width: 70px;
   height: 70px;
   line-height: 57px;
   text-align: center;
   border-radius: 35px;
   background-color: rgba(255, 255, 255, .30196078431372547);
   border: 2px solid #ffffff;
   margin-right: 15px;
   overflow: hidden;
   position: relative
 }

 .services-icon img {
   transition: all .5s ease-in-out
 }

 .services-icon span img {
   position: absolute;
   transition: all .5s ease-in-out;
   opacity: 0;
   bottom: -40px;
   left: 0;
   right: 0;
   margin: auto
 }

 .services-title h3 {
   font-size: 24px;
   font-weight: 700;
   margin: 0;
   transition: .5s
 }

 .services-desc p {
   font-family: "DM Sans";
   color: #65677a;
   padding: 25px 0 32px;
   display: inline-block;
   border-bottom: 1px solid #fff
 }

 .srvce-btn a {
   padding: 0 0 0;
   font-size: 15px;
   color: #65677a;
   font-family: "DM Sans";
   position: relative;
   z-index: 1;
   display: inline-block;
   margin: 10px 0 0
 }

 .srvce-btn a:before {
   position: absolute;
   content: "";
   left: 0;
   bottom: 3px;
   width: 0;
   height: 1px;
   background: var(--secondary-color);
   transition: .5s
 }

 .srvce-btn a i {
   position: absolute;
   left: 0;
   transition: .5s;
   opacity: 0
 }

 .single-services-box:hover .services-icon img {
   opacity: 0;
   transform: translateY(-200%)
 }

 .single-services-box:hover .services-icon span img {
   position: absolute;
   bottom: 0;
   transition: all .5s ease-in-out;
   opacity: 1;
   transform: translateY(-13px)
 }

 .upp.single-services-box:hover .services-icon span img {
   transform: translateY(-20px)
 }

 .single-services-box:hover .srvce-btn a:before {
   width: 100%
 }

 .single-services-box:hover .srvce-btn a {
   color: var(--secondary-color)
 }

 .single-services-box:hover .srvce-btn a i {
   left: 84px;
   opacity: 1
 }

 .single-services-box:hover .services-title h3 {
   color: var(--secondary-color)
 }

 .mediversal-section {
   padding: 120px 0 120px
 }

 .mediversal-thumb img {
   border-radius: 32px
 }

 .mediversal-title h2 {
   font-size: 28px;
   font-weight: 700;
   padding: 25px 0 21px
 }

 p.mdy-pd {
   padding: 8px 0 30px
 }

 .mediversal-single-box {
   padding: 35px 30px 20px;
   background-color: rgba(243, 248, 253, .30196078431372547);
   border: 2px solid #ffffff;
   border-radius: 15px;
   margin-bottom: 30px
 }

 .mediversal-icons {
   float: left;
   width: 80px;
   height: 80px;
   line-height: 77px;
   text-align: center;
   border-radius: 40px;
   background-color: rgba(255, 255, 255, .30196078431372547);
   border: 2px solid #ffffff;
   margin-right: 30px
 }

 .mediversal-content {
   overflow: hidden
 }

 .mediversal-content h3 {
   font-size: 22px;
   font-weight: 700;
   margin: 0 0 12px
 }

 .mediversal-content p {
   color: #65677a
 }

 .mediversal-blog {
   background: var(--secondary-color);
   padding: 30px 40px 14px;
   border-radius: 15px;
   display: flex;
   align-items: center;
   position: relative;
   z-index: 1;
   margin-top: 30px
 }

 .blog-icon {
   border-right: 2px solid rgba(255, 255, 255, .2);
   padding-right: 30px;
   margin-right: 30px;
   margin-top: -15px
 }

 .blog-desc p {
   font-size: 23px;
   font-weight: 500;
   font-family: "DM Sans";
   line-height: 30px;
   font-style: italic;
   color: #fff;
   padding: 0 0 0 24px
 }

 .mediversal-blog .mediversal-hover-box {
   background-color: var(--primary-color)
 }

 .mediversal-blog .hover-bx {
   border-radius: 15px 0 0 15px
 }

 .mediversal-blog .hover-bx4 {
   border-radius: 0 15px 15px 0
 }

 .mediversal-blog:hover .mediversal-hover-box {
   opacity: 1;
   -webkit-transform: scale(1);
   transform: scale(1)
 }

 .style-0.breatcome-section {
   margin-top: 0
 }

 .tab_container {
   overflow: hidden;
   padding: 105px 0 0
 }

 .accordion-content h2 {
   font-size: 28px;
   font-weight: 700
 }

 .accordion-content p {
   color: #002570;
   padding: 20px 0 32px
 }

 .accordion li {
   list-style: none;
   padding: 0 0 25px
 }

 .accordion li a:not(.simple-link) {
   position: relative;
   width: 100%;
   display: block;
   cursor: pointer;
   font-weight: 600;
   font-size: 20px;
   color: var(--primary-color) !important;
   background-color: rgba(255, 255, 255, .30196078431372547);
   border: 2px solid #ffffff;
   padding: 16px 20px 16px 25px;
   border-radius: 15px;
   z-index: 1
 }

 .accordion li a:not(.simple-link) span {
   font-size: 20px;
   color: var(--secondary-color);
   padding: 0 15px 0 0;
   position: relative;
   z-index: 1
 }

 .accordion li a:not(.simple-link) span:before {
   position: absolute;
   content: "";
   top: -8px;
   right: -765px;
   width: 40px;
   height: 40px;
   border-radius: 20px;
   background-color: rgba(255, 255, 255, .30196078431372547);
   border: 2px solid #ffffff
 }

 .accordion li p {
   display: none;
   padding: 24px 15px 10px 25px;
   margin: 0;
   background: transparent;
   overflow: hidden;
   font-family: "DM Sans"
 }

 .accordion a:not(.simple-link):before {
   width: 3px;
   height: 15px;
   background: var(--secondary-color);
   position: absolute;
   right: 41px;
   content: " ";
   top: 22px;
   transform: rotate(0deg);
   transition: all .5s ease-in-out
 }

 .accordion a:not(.simple-link):after {
   width: 15px;
   height: 3px;
   background: var(--secondary-color);
   position: absolute;
   right: 35px;
   content: " ";
   top: 28px;
   transition: all .5s ease-in-out;
   z-index: 1
 }

 .accordion a:not(.simple-link).active:after {
   transform: rotate(0deg);
   -webkit-transition: all .5s ease-in-out;
   background: #fff
 }

 .accordion a:not(.simple-link).active:before {
   display: none
 }

 .accordion a:not(.simple-link).active {
   background: var(--primary-color);
   color: #fff !important;
   border: 2px solid var(--primary-color)
 }

 .accordion li a:not(.simple-link).active span {
   color: #fff
 }

 .accordion li a:not(.simple-link).active span:before {
   background-color: var(--secondary-color);
   border: 2px solid var(--secondary-color)
 }

 .faq-section .tab_container {
   padding: 120px 0 120px
 }

 .style-2.accordion li p {
   display: none;
   padding: 24px 15px 30px 25px;
   margin: 0;
   background: #eef5ff;
   overflow: hidden;
   font-size: 16px;
   font-family: "DM Sans";
   border-top: 0;
   border-right: 2px solid #fff;
   border-left: 2px solid #fff;
   border-bottom: 2px solid #fff
 }

 .style-2.accordion li a span {
   padding: 0 0 0 0
 }

 .style-2.accordion li a span:before {
   right: -584px
 }

 .style-2.accordion li a.active span:before {
   background: var(--primary-color);
   border: 2px solid var(--primary-color)
 }

 .style-2.accordion a.active {
   background: #eef5ff;
   color: var(--primary-color) !important;
   border: 2px solid #fff;
   border-radius: 15px 15px 0 0;
   border-bottom: 2px solid #fff;
   padding: 18px 20px 22px 25px
 }

 .accordion2 li {
   list-style: none;
   padding: 0 0 25px
 }

 .accordion2 li a:not(.simple-link) {
   position: relative;
   width: 100%;
   display: block;
   cursor: pointer;
   font-weight: 600;
   font-size: 20px;
   color: var(--primary-color) !important;
   background-color: rgba(255, 255, 255, .30196078431372547);
   border: 2px solid #ffffff;
   padding: 16px 20px 16px 25px;
   border-radius: 15px;
   z-index: 1
 }

 .accordion2 li a:not(.simple-link) span {
   font-size: 20px;
   color: var(--secondary-color);
   padding: 0 15px 0 0;
   position: relative;
   z-index: 1
 }

 .accordion2 li a:not(.simple-link) span:before {
   position: absolute;
   content: "";
   top: -8px;
   right: -584px;
   width: 40px;
   height: 40px;
   border-radius: 20px;
   background-color: rgba(255, 255, 255, .30196078431372547);
   border: 2px solid #ffffff
 }

 .style-2.accordion2 li a:not(.simple-link)span {
   padding: 0 0 0 0
 }

 .accordion2 li p {
   display: none;
   padding: 24px 15px 30px 25px;
   margin: 0;
   background: #eef5ff;
   overflow: hidden;
   font-size: 16px;
   font-family: "DM Sans";
   border-top: 0;
   border-right: 2px solid #fff;
   border-left: 2px solid #fff;
   border-bottom: 2px solid #fff
 }

 .accordion2 a:not(.simple-link):before {
   width: 3px;
   height: 15px;
   background: var(--secondary-color);
   position: absolute;
   right: 41px;
   content: " ";
   top: 22px;
   transform: rotate(0deg);
   transition: all .5s ease-in-out
 }

 .accordion2 a:not(.simple-link):after {
   width: 15px;
   height: 3px;
   background: var(--secondary-color);
   position: absolute;
   right: 35px;
   content: " ";
   top: 28px;
   transition: all .5s ease-in-out;
   z-index: 1
 }

 .accordion2 a:not(.simple-link).active:after {
   transform: rotate(0deg);
   -webkit-transition: all .5s ease-in-out;
   background: #fff
 }

 .accordion2 a:not(.simple-link).active:before {
   display: none
 }

 .accordion2 a:not(.simple-link).active {
   background: #eef5ff;
   color: var(--primary-color) !important;
   border: 2px solid #fff;
   border-radius: 15px 15px 0 0;
   border-bottom: 2px solid #fff;
   padding: 18px 20px 22px 25px
 }

 .accordion2 li a:not(.simple-link).active span:before {
   background-color: var(--secondary-color);
   border: 2px solid var(--secondary-color)
 }

 .upp.faq-section .tab_container {
   padding: 0 0 120px
 }

 .upp.style-2.accordion li a {
   font-size: 18px
 }

 .upp.style-2.accordion li a span:before {
   right: -1245px
 }

 h3.category-title {
   font-size: 28px;
   font-weight: 700;
   padding: 0 0 14px;
   margin-bottom: 30px;
   position: relative;
   z-index: 1;
   display: inline-block
 }

 h3.category-title:before {
   position: absolute;
   content: "";
   left: 0;
   bottom: 0;
   width: 30px;
   height: 2px;
   background: #0c5adb;
   transition: .5s
 }

 h3.category-title:hover:before {
   width: 100%
 }

 .mediversal-category-box {
   padding: 20px 35px 24px;
   border-radius: 20px;
   background-color: rgba(243, 248, 253, .30196078431372547);
   border: 2px solid #ffffff;
   margin-bottom: 30px
 }

 ul.mediversal-service li {
   padding: 13px 24px 13px;
   height: 56px;
   display: block;
   list-style: none;
   border-radius: 5px;
   background-color: rgba(255, 255, 255, .30196078431372547);
   border: 2px solid #ffffff;
   margin: 0 0 15px;
   position: relative;
   z-index: 1;
   transition: .5s
 }

 ul.mediversal-service li:before {
   position: absolute;
   content: "";
   z-index: -1;
   right: 0;
   top: 0;
   width: 0;
   height: 100%;
   background: var(--primary-color);
   transition: .5s;
   border-radius: 5px
 }

 ul.mediversal-service li a {
   font-size: 15px;
   font-family: "DM Sans";
   color: #65677a;
   transition: .5s
 }

 ul.mediversal-service li a i {
   padding: 0 12px 0 0;
   font-size: 17px;
   display: inline-block;
   color: var(--secondary-color);
   transition: .5s
 }

 ul.mediversal-service li:hover:before {
   width: 100%;
   left: 0
 }

 ul.mediversal-service li:hover a {
   color: #fff
 }

 ul.mediversal-service li:hover a i {
   color: #fff
 }

 .download-btn a {
   font-size: 15px;
   font-family: "DM Sans";
   text-transform: uppercase;
   display: inline-block;
   background: var(--primary-color);
   width: 100%;
   color: #fff;
   padding: 15px 23px;
   border-radius: 5px;
   margin-bottom: 18px;
   position: relative;
   z-index: 1;
   overflow: hidden
 }

 .download-btn a i {
   font-size: 22px;
   position: relative;
   top: 2px;
   padding-right: 7px
 }

 .download-btn a span i {
   float: right;
   display: inline-block;
   font-size: 17px;
   padding: 0;
   transition: .5s
 }

 a.active-btn {
   background: var(--secondary-color)
 }

 span.dwnlod-hvr i {
   position: absolute;
   right: 22px;
   bottom: 0;
   opacity: 0;
   transition: .5s;
   transform: translateY(50px)
 }

 .download-btn a:hover span i {
   opacity: 0;
   transform: translateY(-200%)
 }

 .download-btn a:hover span.dwnlod-hvr i {
   opacity: 1;
   transform: translateY(15px)
 }

 .mediversal-company-contact {
   background: url(../images/resource/company-bg.png);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   padding: 55px 40px 50px;
   border-radius: 20px
 }

 .call-icon {
   position: relative;
   z-index: 1;
   display: inline-block
 }

 .call-icon:before {
   position: absolute;
   content: "";
   top: 35px;
   left: 35px;
   right: 0;
   margin: auto;
   width: 105px;
   height: 105px;
   border-radius: 50%;
   background-color: rgba(255, 255, 255, 0);
   border: 3px solid #129248;
   animation: zoomBig2 2.25s linear infinite;
   -webkit-animation-delay: 0s;
   animation-delay: 0s
 }

 .mediversal-category-content h6 {
   font-size: 18px;
   font-weight: 500;
   font-family: "DM Sans";
   padding: 28px 0 0;
   color: #fff
 }

 .mediversal-category-content h4 {
   font-size: 24px;
   font-weight: 400;
   font-family: "DM Sans";
   padding: 4px 0 20px;
   color: #fff
 }

 .mediversal-category-content p {
   font-size: 16px;
   color: #fff;
   font-family: "DM Sans"
 }

 .mediversal-category-content p i {
   color: var(--secondary-color);
   padding: 0 8px 0 0;
   display: inline-block
 }

 @keyframes zoomBig2 {
   0% {
     transform: translate(-50%, -50%) scale(.5);
     opacity: 1;
     border-width: 7px
   }

   40% {
     opacity: .5;
     border-width: 5px
   }

   65% {
     border-width: 4px
   }

   100% {
     transform: translate(-50%, -50%) scale(1);
     opacity: 0;
     border-width: 2px
   }
 }

 .mediversal-contact-btn a {
   padding: 15px 30px;
   font-family: "DM Sans";
   background: var(--secondary-color);
   color: #fff;
   display: block;
   text-align: center;
   border-radius: 5px;
   position: relative;
   z-index: 1;
   margin-top: 52px
 }

 .mediversal-contact-btn a i {
   padding-left: 5px;
   font-size: 18px;
   position: relative;
   top: 3px
 }

 .mediversal-contact-btn a .mediversal-hover-btn {
   background-color: var(--primary-color)
 }

 .mediversal-contact-btn a .hover-btn {
   border-radius: 5px 0 0 5px
 }

 .mediversal-contact-btn a .hover-btn4 {
   border-radius: 0 5px 5px 0
 }

 .mediversal-contact-btn a:hover .mediversal-hover-btn {
   opacity: 1;
   -webkit-transform: scale(1);
   transform: scale(1)
 }

 .custom-scroll {
   width: auto;
   width: 100%;
   height: 1240px;
   padding: 0 20px 0 0;
   text-align: left;
   background: transparent;
   overflow-y: auto;
   overflow-x: hidden;
   display: inline-block
 }

 .custom-scroll .accordion li a span:before {
   right: -728px
 }

 .custom-scroll .mediversal-content p {
   font-size: 16px
 }

 .mediversal-section.blg-list .custom-scroll {
   height: 1665px
 }

 .project-section {
   padding: 120px 0 0
 }

 .project-thumb {
   position: relative;
   z-index: 1
 }

 .project-thumb img {
   width: 100%;
   border-radius: 18px
 }

 .project-content {
   padding: 25px 30px 10px;
   position: relative;
   border-radius: 20px;
   background-image: linear-gradient(180deg, #007dff 0%, #e5f1ff 74%, #e5f1ff 100%);
   border: 2px solid #ffffff;
   bottom: 92px;
   width: 84%;
   left: 0;
   right: 0;
   margin: auto;
   transition: .5s
 }

 .project-content h5 {
   font-size: 15px;
   font-weight: 500;
   text-transform: uppercase;
   color: #fff
 }

 .project-content h2 {
   font-size: 22px;
   padding: 0 0 12px;
   font-weight: 700;
   text-transform: uppercase;
   display: inline-block
 }

 .project-content p {
   font-size: 16px;
   color: #65677a;
   font-family: "DM Sans"
 }

 .project-icon a {
   font-size: 18px;
   width: 40px;
   height: 40px;
   line-height: 37px;
   text-align: center;
   border-radius: 20px;
   background-color: #002570;
   border: 2px solid #ffffff;
   color: #fff;
   position: absolute;
   top: 43px;
   right: 79px;
   opacity: 0;
   transition: .5s
 }

 .single-project-box:hover .project-icon a {
   right: 20px;
   opacity: 1
 }

 .single-project-box:hover .project-content {
   bottom: 130px
 }

 .project-list .owl-prev i,
 .project-list .owl-next i {
   color: var(--primary-color);
   background-color: rgba(255, 255, 255, .30196078431372547);
   border: 2px solid #ffffff
 }

 .project-section .mediversal-shape {
   right: 0
 }

 .project-section .project-list .owl-dots {
   text-align: center;
   padding: 0 0 40px;
   margin-top: -92px
 }

 .active.center .single-project-box .project-icon a {
   right: 20px;
   opacity: 1
 }

 .active.center .single-project-box .project-content {
   bottom: 130px
 }

 .doctors-service {
   padding: 22px 25px 20px;
   border-radius: 10px;
   background-color: rgba(255, 255, 255, .30196078431372547);
   border: 2px solid #ffffff;
   display: flex;
   margin-bottom: 25px
 }

 .doctor-content {
   padding: 0 0 0 12px
 }

 .doctor-content h5 {
   font-size: 15px;
   font-weight: 500;
   font-family: "DM Sans";
   margin: 0
 }

 .doctor-content h3 {
   font-size: 18px;
   margin-top: 8px
 }

 .doctor-content h3 a {
   font-weight: 700;
   transition: .5s
 }

 .doctor-content h3 a:hover {
   color: var(--secondary-color)
 }

 .contact-service-box {
   padding: 40px 35px 35px;
   border-radius: 20px;
   background-color: rgba(255, 255, 255, .30196078431372547);
   border: 2px solid #ffffff;
   margin-bottom: 30px
 }

 .contact-head {
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-bottom: 1px solid #ffff;
   padding-bottom: 50px;
   margin-bottom: 45px
 }

 .contact-title h5 {
   font-size: 16px;
   font-weight: 500;
   font-family: "DM Sans";
   color: #65677a
 }

 .contact-icon {
   width: 70px;
   height: 70px;
   line-height: 63px;
   text-align: center;
   border-radius: 35px;
   background-color: rgba(255, 255, 255, .30196078431372547);
   border: 2px solid #ffffff
 }

 .contact-address h2 {
   font-size: 24px;
   font-weight: 700
 }

 .contact-address span {
   font-size: 15px;
   font-family: "DM Sans";
   color: #65677a;
   padding: 6px 0 0;
   display: inline-block
 }

 .google-map {
   padding: 90px 0 120px
 }

 .error-section {
   padding: 90px 170px 90px;
   position: relative;
   z-index: 1
 }

 .error-service-content {
   border-radius: 50px;
   background-color: rgba(255, 255, 255, .30196078431372547);
   border: 2px solid #ffffff;
   height: 780px;
   display: flex;
   align-items: center;
   justify-content: center
 }

 .error-content {
   text-align: center
 }

 .error-content h1 {
   font-size: 200px;
   color: #002570;
   font-weight: 700;
   font-family: "DM Sans";
   text-align: center;
   width: 596px;
   height: 280px;
   line-height: 280px;
   border-radius: 40px;
   background-color: rgba(255, 255, 255, .30196078431372547);
   border: 2px solid #ffffff;
   display: inline-block
 }

 .error-content h1 span {
   color: var(--secondary-color)
 }

 .error-content h5 {
   font-size: 20px;
   font-weight: 700;
   text-transform: uppercase;
   padding: 35px 0 18px
 }

 .error-content p {
   color: #65677a;
   font-family: "DM Sans"
 }

 .error-content .mediversal-button.text-right {
   text-align: center !important;
   padding: 25px 0 0
 }

 .error-content a.mediversal-btn {
   background-color: var(--secondary-color);
   color: #fff
 }

 .error-shape {
   position: absolute;
   bottom: 0;
   left: -10px;
   z-index: -1
 }

 .team-details-area {
   padding: 100px 0 100px
 }

 .team-details {
   box-shadow: 6px 5px 30px rgba(0, 0, 0, .12);
   padding: 50px;
   margin-bottom: 50px;
   border-radius: 20px
 }

 .team-details-thumb img {
   width: 100%;
   margin-bottom: 30px;
   border-radius: 30px
 }

 .team-details-content {
   padding: 0 0 0 35px
 }

 .team-details-title h2 {
   color: #0e0e0e;
   font-size: 30px;
   font-weight: 700
 }

 .team-details-title p {
   font-size: 16px;
   margin: 10px 0 0;
   color: var(--secondary-color);
   font-weight: 600
 }

 .team-details-content-text ul li {
   margin-bottom: 17px;
   display: block;
   color: #65677a
 }

 .team-details-content-text ul li span {
   font-weight: 500;
   margin-right: 15px;
   font-size: 17px;
   color: var(--primary-color)
 }

 .team-details-content-icon a {
   margin: 3px;
   background: var(--secondary-color);
   line-height: 1;
   display: inline-block;
   border-radius: 3px;
   color: #fff;
   height: 35px;
   width: 35px;
   line-height: 35px;
   text-align: center;
   transition: .5s;
   border: 1px solid var(--secondary-color)
 }

 .team-details-content-icon a:hover {
   background: transparent;
   border: 1px solid var(--secondary-color);
   color: var(--secondary-color)
 }

 .skill-wrapper h6 {
   margin-bottom: 8px;
   margin-top: 20px
 }

 .team-detail-title h2 {
   font-size: 35px;
   font-weight: 600
 }

 .team-detail-title p {
   font-size: 16px;
   font-weight: 400;
   color: #63636b;
   margin-top: 40px
 }

 .head-title h3 {
   font-size: 38px;
   margin-bottom: 10px;
   margin-top: 5px;
   font-weight: 800;
   padding: 0 0 15px
 }

 .form-box select {
   width: 100%;
   height: 60px;
   margin-bottom: 20px;
   padding: 0 20px;
   outline: 0;
   display: inline-block;
   border-radius: 15px;
   background-color: rgba(255, 255, 255, 0);
   border: 1px solid rgba(0, 37, 112, .5);
   font-weight: 500;
   font-family: "DM Sans";
   color: #002570;
   font-size: 17px
 }

 .nav-btn.navSidebar-button {
   display: inline-block
 }

 .xs-sidebar-group .xs-overlay {
   left: 100%;
   top: 0;
   position: fixed;
   z-index: 101;
   height: 100%;
   opacity: 0;
   width: 100%;
   visibility: hidden;
   -webkit-transition: all .4s ease-in .8s;
   -o-transition: all .4s ease-in .8s;
   transition: all .4s ease-in .8s
 }

 .xs-sidebar-group .widget-heading {
   position: absolute;
   top: 0;
   right: 0;
   padding: 25px
 }

 .xs-sidebar-widget {
   position: fixed;
   right: -100%;
   top: 0;
   bottom: 0;
   width: 100%;
   max-width: 360px;
   z-index: 999999;
   overflow: hidden;
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
   background-color: #272727;
   -webkit-transition: all .5s cubic-bezier(.9, .03, 0, .96) .6s;
   -o-transition: all .5s cubic-bezier(.9, .03, 0, .96) .6s;
   transition: all .5s cubic-bezier(.9, .03, 0, .96) .6s;
   visibility: hidden;
   opacity: 0
 }

 .xs-sidebar-group.isActive .xs-overlay {
   opacity: .4;
   visibility: visible;
   -webkit-transition: all .8s ease-out 0s;
   -o-transition: all .8s ease-out 0s;
   transition: all .8s ease-out 0s;
   left: 0
 }

 .xs-sidebar-group.isActive .xs-sidebar-widget {
   opacity: 1;
   visibility: visible;
   right: 0;
   transition: all .7s cubic-bezier(.9, .03, 0, .96) .4s
 }

 .sidebar-textwidget {
   padding: 30px
 }

 .close-side-widget i {
   color: var(--secondary-color);
   font-size: 28px;
   display: block
 }

 .sidebar-widget-container {
   position: relative;
   top: 150px;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all .3s ease-in .3s;
   -o-transition: all .3s ease-in .3s;
   transition: all .3s ease-in .3s;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden
 }

 .xs-sidebar-group.isActive .sidebar-widget-container {
   top: 0;
   opacity: 1;
   visibility: visible;
   -webkit-transition: all 1s ease-out 1.2s;
   -o-transition: all 1s ease-out 1.2s;
   transition: all 1s ease-out 1.2s;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden
 }

 .xs-overlay {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   opacity: .5;
   z-index: 0
 }

 .xs-bg-black {
   background-color: #cda274
 }

 .row.padding-two {
   padding: 35px 0 11px 15px
 }

 .contact-info h2 {
   font-size: 26px;
   font-weight: 400;
   color: #fff;
   padding-bottom: 5px
 }

 ul.list-style-one li {
   display: inline-flex;
   list-style: none;
   color: #fff;
   padding: 16px 0 0;
   font-size: 15px
 }

 ul.list-style-one li span {
   font-size: 22px;
   font-weight: 500;
   color: var(--secondary-color);
   margin: 0 10px 0 0
 }

 ul.social-box {
   margin: 30px 0 0
 }

 ul.social-box li {
   display: inline-block;
   list-style: none;
   margin: 0 6px 0 0
 }

 ul.social-box li a {
   display: inline-block;
   width: 35px;
   height: 35px;
   line-height: 36px;
   text-align: center;
   background: #fff;
   color: var(--primary-color);
   transition: .5s;
   font-size: 16px;
   font-weight: 400;
   border-radius: 3px;
   position: relative;
   z-index: 1
 }

 ul.social-box li a:hover {
   color: #fff;
   background: var(--secondary-color)
 }

 .content-thumb-box {
   padding-bottom: 12px
 }

 .content-thumb-box img {
   width: 92%;
   border-radius: 10px
 }

 .nav-btn.navSidebar-button span i {
   font-size: 20px;
   display: inline-block;
   cursor: pointer;
   color: #fff;
   width: 54px;
   height: 54px;
   line-height: 54px;
   text-align: center;
   background-color: #129248;
   border-radius: 30px
 }

 .search-box-btn i {
   display: inline-block;
   color: var(--primary-color);
   width: 45px;
   height: 45px;
   line-height: 45px;
   text-align: center;
   border-radius: 30px;
   font-size: 16px;
   cursor: pointer;
   transition: .5s;
   background: #d7e8fc
 }

 .style-2 .search-box-btn i {
   width: 50px;
   height: 50px;
   line-height: 50px;
   background-color: rgba(215, 231, 251, 0);
   border: 1px solid #002570
 }

 .search-popup {
   position: fixed;
   left: 0;
   top: 0;
   height: 100vh;
   width: 100%;
   z-index: 99999;
   margin-top: -540px;
   transform: translateY(-100%);
   background-color: rgba(0, 0, 0, .75);
   -webkit-transition: all 500ms cubic-bezier(.86, 0, .07, 1);
   transition: all 1500ms cubic-bezier(.86, 0, .07, 1);
   transition-timing-function: cubic-bezier(.86, 0, .07, 1)
 }

 .search-popup {
   width: 100%
 }

 .search-active .search-popup {
   transform: translateY(0%);
   margin-top: 0
 }

 .search-popup .close-search {
   position: absolute;
   left: 0;
   right: 0;
   margin: 0 auto;
   margin-top: -200px;
   border-radius: 50%;
   text-align: center;
   background-color: var(--primary-color);
   width: 70px;
   cursor: pointer;
   box-shadow: 0 0 10px rgba(0, 0, 0, .05);
   -webkit-transition: all 500ms ease;
   height: 70px;
   line-height: 70px;
   text-align: center
 }

 .search-popup .close-search:before {
   position: absolute;
   content: "";
   left: -6px;
   top: -5px;
   border-bottom: 5px solid #ffffff;
   border-top: 5px solid var(--secondary-color);
   border-right: 5px solid #fff;
   border-left: 5px solid var(--secondary-color);
   height: 74px;
   width: 76px;
   border-radius: 50%;
   animation: spin 10s infinite alternate linear, glow 5s infinite alternate linear
 }

 .search-active .search-popup .close-search {
   visibility: visible;
   opacity: 1;
   top: 50%;
   -webkit-transition-delay: 1500ms;
   transition-delay: 1500ms
 }

 .search-popup form {
   position: absolute;
   max-width: 700px;
   top: 50%;
   left: 15px;
   right: 15px;
   margin: -35px auto 0;
   transform: scaleX(0);
   transform-origin: center;
   background-color: #111111;
   -webkit-transition: all 300ms ease;
   transition: all 300ms ease
 }

 .search-active .search-popup form {
   transform: scaleX(1);
   -webkit-transition-delay: 1200ms;
   transition-delay: 1200ms
 }

 .search-popup .form-group {
   position: relative;
   margin: 0;
   overflow: hidden
 }

 .search-popup .form-group input[type="text"],
 .search-popup .form-group input[type="search"] {
   position: relative;
   display: block;
   font-size: 18px;
   line-height: 50px;
   color: #000000;
   height: 70px;
   width: 100%;
   padding: 10px 30px;
   background-color: #ffffff;
   transition: all 500ms ease;
   font-weight: 500;
   text-transform: capitalize
 }

 .search-popup .form-group input[type="submit"],
 .search-popup .form-group button {
   position: absolute;
   right: 30px;
   top: 0;
   height: 70px;
   line-height: 70px;
   background: transparent;
   text-align: center;
   font-size: 22px;
   color: var(--primary-color);
   padding: 0;
   cursor: pointer;
   -webkit-transition: all 500ms ease;
   border: none
 }

 .search-popup .form-group input[type="submit"]:hover,
 .search-popup .form-group button:hover {
   color: #000000
 }

 .search-popup input::placeholder,
 .search-popup textarea::placeholder {
   color: #000000
 }

 .search-popup .close-search.style-two {
   position: absolute;
   right: 25px;
   left: auto;
   color: #ffffff;
   width: auto;
   height: auto;
   top: 25px;
   margin: 0;
   border: none;
   background: none !important;
   box-shadow: none !important;
   -webkit-transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   transition: all 500ms ease
 }

 .search-popup .style-two.close-search:before {
   position: inherit;
   border: 0
 }

 .flaticon-multiply:before {
   content: inherit
 }

 button.close-search i {
   font-size: 25px;
   color: #fff;
   display: inline-block
 }

 span.flaticon-multiply i {
   display: inline-block;
   color: var(--secondary-color)
 }

 @keyframes "spin" {
   0% {
     -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
     -o-transform: rotate(360deg);
     -ms-transform: rotate(360deg);
     transform: rotate(360deg)
   }

   100% {
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     transform: rotate(0deg)
   }
 }

 @-moz-keyframes spin {
   0% {
     -moz-transform: rotate(360deg);
     transform: rotate(360deg)
   }

   100% {
     -moz-transform: rotate(0deg);
     transform: rotate(0deg)
   }
 }

 @-webkit-keyframes "spin" {
   0% {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg)
   }

   100% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg)
   }
 }

 @-ms-keyframes "spin" {
   0% {
     -ms-transform: rotate(360deg);
     transform: rotate(360deg)
   }

   100% {
     -ms-transform: rotate(0deg);
     transform: rotate(0deg)
   }
 }

 @-o-keyframes "spin" {
   0% {
     -o-transform: rotate(360deg);
     transform: rotate(360deg)
   }

   100% {
     -o-transform: rotate(0deg);
     transform: rotate(0deg)
   }
 }

 #progress {
   height: 70px;
   width: 70px;
   border-radius: 50%;
   position: fixed;
   bottom: 25px;
   right: 25px;
   box-shadow: 0 0 10px rgba(0, 0, 0, .2);
   display: grid;
   place-items: center;
   z-index: 99999;
   cursor: pointer
 }

 .progress.hide {
   display: none !important;
   transition: .5s !important
 }

 #progress-value {
   display: block;
   height: calc(100% - 15px);
   width: calc(100% - 15px);
   background-color: #ffffff;
   border-radius: 50%;
   display: grid;
   place-items: center;
   font-weight: 600;
   font-size: 20px;
   color: var(--primary-color)
 }

 #container {
   overflow-y: scroll;
   scroll-behavior: smooth
 }

 .cursor {
   position: fixed;
   width: 40px;
   height: 40px;
   margin-left: -20px;
   margin-top: -20px;
   border-radius: 50%;
   border: 2px solid #00ffff;
   transition: .3s;
   transform: translate(-50%, -50%);
   pointer-events: none;
   z-index: 1000
 }

 .cursor2 {
   position: fixed;
   width: 4px;
   height: 4px;
   margin-left: -20px;
   margin-top: -20px;
   border-radius: 50%;
   background-color: #fff;
   transform: translate(-50%, -50%);
   transition: .1s;
   pointer-events: none;
   z-index: 1000
 }

 .grow,
 .grow-small {
   transform: scale(3);
   background: white;
   mix-blend-mode: difference;
   border: none
 }

 .grow-small {
   transform: scale(1.7)
 }

 /* === FULL SCREEN OVERLAY WRAPPER === */
 .loader-wrapper {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.9);
   /* dark overlay */
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 9999;
   transition: opacity 0.8s ease, visibility 0.8s ease;
 }

 /* === THE LOADER (your logo) === */
 .loader {
   width: 120px;
   /* adjust as needed */
   height: 120px;
   background-image: url(../images/logo3.png);
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
   animation: pulse 1.8s ease-in-out infinite;
 }

 @keyframes pulse {

   0%,
   100% {
     transform: scale(1);
     opacity: 1;
   }

   50% {
     transform: scale(1.15);
     opacity: 0.7;
   }
 }

 /* === HIDE LOADER WHEN PAGE IS READY === */
 .loaded .loader-wrapper {
   opacity: 0;
   visibility: hidden;
 }


 @media (min-width:1300px) and (max-width:1370px) {
   .service-section .swiper {
     height: 530px !important
   }
 }

 @media (min-width:1601px) and (max-width:1770px) {
   .service-section .swiper {
     height: 480px !important
   }
 }

 @-webkit-keyframes slideInDown {
   from {
     -webkit-transform: translate3d(0, -100%, 0);
     transform: translate3d(0, -100%, 0);
     visibility: visible
   }

   to {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0)
   }
 }

 @keyframes slideInDown {
   from {
     -webkit-transform: translate3d(0, -100%, 0);
     transform: translate3d(0, -100%, 0);
     visibility: visible
   }

   to {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0)
   }
 }

 .slideInDown {
   -webkit-animation-name: slideInDown;
   animation-name: slideInDown
 }

 .whatsapp-float {
   position: fixed;
   top: 20px;
   right: 20px;
   z-index: 1000;
   background-color: #fff;
   border-radius: 50%;
   padding: 10px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
   transition: transform 0.2s ease, box-shadow 0.2s ease;
 }

 .whatsapp-float:hover {
   transform: scale(1.1);
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
 }

 .whatsapp-icon {
   width: 30px;
   height: 30px;
   display: block;
   background-color: #fff;
 }

 .nav_scroll a.active,
 .menuactive {
   color: #ffd704 !important;
   font-weight: bold;
 }

 .our-services .services-icon {
   border: none !important;
   background-color: transparent !important;
 }

 .our-services .services-icon i {
   font-size: 25px !important;
 }

 .our-services p.cursor-scale {
   border: none !important;
 }

 .section-padding {
   padding: 90px 0 60px;
 }



 .mission-vission-single-box:hover * {
   color: #ffffff !important
 }

 .footer-thumb img {
   opacity: 0.5;
 }

 .hero-btm-boxs {
   z-index: 2;
 }

 .text-green {
   color: #129248 !important;
 }

 /* Transparent background for table */
 .table.transparent {
   background-color: transparent !important;
   border-collapse: collapse;
   /* Ensures clean borders */
   width: 100%;
 }

 /* Border for every cell */
 .table.transparent th,
 .table.transparent td {
   border: 1px solid #129248;
   /* semi-transparent white border */
   background-color: transparent !important;
   /* keep cells see-through */

   text-align: left;
   padding: 8px;
 }

 .table.transparent th {
   text-align: center;
 }

 .table.transparent tr:hover {
   background-color: #129248 !important;
 }

 .grow-small {
   transform: scale(1.7)
 }

 /* === FULL SCREEN OVERLAY WRAPPER === */
 .loader-wrapper {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.9);
   /* dark overlay */
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 9999;
   transition: opacity 0.8s ease, visibility 0.8s ease;
 }

 /* === THE LOADER (your logo) === */
 .loader {
   width: 120px;
   /* adjust as needed */
   height: 120px;
   background-image: url(../images/logo3.png);
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
   animation: pulse 1.8s ease-in-out infinite;
 }

 @keyframes pulse {

   0%,
   100% {
     transform: scale(1);
     opacity: 1;
   }

   50% {
     transform: scale(1.15);
     opacity: 0.7;
   }
 }

 /* === HIDE LOADER WHEN PAGE IS READY === */
 .loaded .loader-wrapper {
   opacity: 0;
   visibility: hidden;
 }


 @media (min-width:1300px) and (max-width:1370px) {
   .service-section .swiper {
     height: 530px !important
   }
 }

 @media (min-width:1601px) and (max-width:1770px) {
   .service-section .swiper {
     height: 480px !important
   }
 }

 @-webkit-keyframes slideInDown {
   from {
     -webkit-transform: translate3d(0, -100%, 0);
     transform: translate3d(0, -100%, 0);
     visibility: visible
   }

   to {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0)
   }
 }

 @keyframes slideInDown {
   from {
     -webkit-transform: translate3d(0, -100%, 0);
     transform: translate3d(0, -100%, 0);
     visibility: visible
   }

   to {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0)
   }
 }

 .slideInDown {
   -webkit-animation-name: slideInDown;
   animation-name: slideInDown
 }

 .whatsapp-float {
   position: fixed;
   top: 20px;
   right: 20px;
   z-index: 1000;
   background-color: #fff;
   border-radius: 50%;
   padding: 10px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
   transition: transform 0.2s ease, box-shadow 0.2s ease;
 }

 .whatsapp-float:hover {
   transform: scale(1.1);
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
 }

 .whatsapp-icon {
   width: 30px;
   height: 30px;
   display: block;
   background-color: #fff;
 }

 .nav_scroll a.active,
 .menuactive {
   color: var(--primary-color) !important;
   font-weight: bold;
 }

 .our-services .services-icon {
   border: none !important;
   background-color: transparent !important;
 }

 .our-services .services-icon i {
   font-size: 25px !important;
 }

 .our-services p.cursor-scale {
   border: none !important;
 }

 .section-padding {
   padding: 90px 0 60px;
 }



 .mission-vission-single-box:hover * {
   color: #ffffff !important
 }

 .footer-thumb img {
   opacity: 0.5;
 }

 .hero-btm-boxs {
   z-index: 2;
 }

 .text-green {
   color: #129248 !important;
 }

 /* Transparent background for table */
 .table.transparent {
   background-color: transparent !important;
   border-collapse: collapse;
   /* Ensures clean borders */
   width: 100%;
 }

 /* Border for every cell */
 .table.transparent th,
 .table.transparent td {
   border: 1px solid #129248;
   /* semi-transparent white border */
   background-color: transparent !important;
   /* keep cells see-through */

   text-align: left;
   padding: 8px;
 }

 .table.transparent th {
   text-align: center;
 }

 .table.transparent tr:hover {
   background-color: #129248 !important;
 }

 /* Optional: transparent header too */
 .table.transparent thead th {
   background-color: transparent !important;
 }

 .mediversal-subscribe h1 {
   color: #002570 !important;
 }

 /* Hero Slider Styles */
 .hero-slider-container {
   position: relative;
   overflow: hidden;
   padding: 0;
 }

 .hero-slider {
   width: 100%;
   height: 100%;
 }

 .hero-slide {
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .hero-content {
   position: relative;
   z-index: 2;
   padding-top: 100px;
   /* Adjust based on header height */
   padding-bottom: 100px;
 }

 /* Navigation Buttons */
 .hero-slider .swiper-button-next,
 .hero-slider .swiper-button-prev {
   color: #048a3f;
   /* Primary color */
   background: rgba(255, 255, 255, 0.8);
   width: 50px;
   height: 50px;
   border-radius: 50%;
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
   transition: all 0.3s ease;
 }

 .hero-slider .swiper-button-next:after,
 .hero-slider .swiper-button-prev:after {
   font-size: 20px;
   font-weight: bold;
 }

 .hero-slider .swiper-button-next:hover,
 .hero-slider .swiper-button-prev:hover {
   background: #048a3f;
   color: #fff;
   transform: scale(1.1);
 }

 /* Pagination */
 .hero-slider .swiper-pagination-bullet {
   width: 12px;
   height: 12px;
   background: #ccc;
   opacity: 1;
   transition: all 0.3s ease;
 }

 .hero-slider .swiper-pagination-bullet-active {
   background: #048a3f;
   width: 30px;
   border-radius: 6px;
 }

 /* Animation for slide content */
 .swiper-slide-active .hero-content h1 {
   animation: fadeInUp 1s ease forwards;
 }

 .swiper-slide-active .hero-btm-boxs {
   animation: fadeInUp 1.2s ease forwards;
 }

 .swiper-slide-active .hero-all-shape {
   animation: fadeInRight 1.5s ease forwards;
 }

 @keyframes fadeInUp {
   from {
     opacity: 0;
     transform: translateY(30px);
   }

   to {
     opacity: 1;
     transform: translateY(0);
   }
 }

 @keyframes fadeInRight {
   from {
     opacity: 0;
     transform: translateX(30px);
   }

   to {
     opacity: 1;
     transform: translateX(0);
   }
 }

 .swiper-pagination {
   margin-bottom: 15px !important;
 }


 .circle-button {
   position: relative;
   width: 50px;
   height: 50px;
   border-radius: 50%;
   background: linear-gradient(145deg, #002570, #002570a2);
   display: flex;
   justify-content: center;
   align-items: center;
   box-shadow:
     0px 10px 20px rgba(0, 0, 0, 0.205),
     inset 0px 4px 10px rgba(255, 255, 255, 0.1);
   cursor: pointer;
   transition:
     transform 0.4s ease,
     box-shadow 0.3s ease,
     background 0.5s ease;
   overflow: hidden;
 }

 .circle-button:hover {
   transform: scale(1.3);
   box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.7);
   background: linear-gradient(145deg, #2e3b4a, #1c2430);
 }

 .icon {
   /* width: 50px;
   height: 50px; */
   stroke: #ffffff;
   transition:
     transform 0.5s ease-in-out,
     stroke-dasharray 0.6s ease-in-out;
   stroke-dasharray: 200;
   stroke-dashoffset: 200;
   animation: strokeAnimate 2s linear infinite;
 }

 .circle-button:hover .icon {
   transform: rotate(360deg);
   stroke-dashoffset: 0;
   animation: none;
 }

 .button-text {
   position: absolute;
   bottom: -40px;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
   letter-spacing: 1px;
   color: #129248;
   opacity: 0;
   transition:
     bottom 0.4s ease,
     opacity 0.4s ease;
 }

 .circle-button:hover .button-text {
   bottom: 10px;
   opacity: 1;
 }

 .circle-button:after {
   content: "";
   position: absolute;
   width: 150%;
   height: 150%;
   background: radial-gradient(circle, rgba(0, 212, 255, 0.4), transparent);
   border-radius: 50%;
   opacity: 0;
   transition: opacity 0.5s ease-in-out;
 }

 .circle-button:hover:after {
   opacity: 1;
 }

 @keyframes strokeAnimate {
   0% {
     stroke-dashoffset: 200;
   }

   50% {
     stroke-dashoffset: 100;
   }

   100% {
     stroke-dashoffset: 0;
   }
 }

 .hours-list {
   list-style: none;
   padding: 0;
   margin-top: 40px;
 }

 .hours-list li {
   padding: 10px 0;
   font-size: 16px;
   display: flex;
   align-items: center;
   gap: 10px;
   color: #000;
 }

 .hours-list li::before {
   content: "🕒";
 }

 .hours-list li:last-child::before {
   content: "❌";
   color: #d33;
   font-weight: bold;
 }

 .text-small {
   font-size: 16px;
 }

 .text-gray {
   color: #474747;
 }

 .photsection img {
   border-radius: 20px;
 }

 /* Clinic Gallery Section */
 .clinic-gallery-section {
   padding: 80px 0;
   background-color: transparent;
   overflow: hidden;
   /* Hide overflow for marquee */
 }

 /* Wrapper to constrain width if needed, or simply container */
 .clinic-gallery-wrapper {
   width: 100%;
   overflow: hidden;
 }

 /* The moving track */
 .clinic-gallery-track {
   display: flex;
   width: max-content;
   /* Ensure width accommodates all items */
   animation: scroll-left 40s linear infinite;
   /* Adjust speed as needed */
   gap: 20px;
 }

 .clinic-item {
   border-radius: 20px;
   overflow: hidden;
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
   transition: all 0.4s ease;
   position: relative;
   height: 250px;
   width: 350px;
   /* Fixed width for consistent row items */
   flex-shrink: 0;
   /* Prevent shrinking */
 }

 .clinic-item img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: transform 0.5s ease;
 }

 .clinic-item:hover {
   transform: translateY(-5px);
   box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
 }

 .clinic-item:hover img {
   transform: scale(1.1);
 }

 /* Keyframes for scrolling from right to left */
 @keyframes scroll-left {
   0% {
     transform: translateX(0);
   }

   100% {
     transform: translateX(-50%);
     /* Move half the length (original set) */
   }
 }

 /* Responsive adjustments */
 @media (max-width: 767px) {
   .clinic-item {
     width: 280px;
     height: 200px;
   }
 }

 .logo img {
   width: 100%;
 }