.start-header,
.start-header.scroll-on {
    padding: 5px 0;
    -webkit-transition: .3s ease-out
}

.nav-link, 
body {
    font-family: "Open Sans", sans-serif;
}
.navbar-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  padding-right: 40px;
}       

body {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #212112;
    overflow-x: hidden
}

html {
    scroll-behavior: smooth;
    scroll-padding: 40px
}

.container {
    max-width: 1440px
}

@media screen and (max-width:1600px) {
    .container {
        max-width: 1350px
    }
}

@media screen and (max-width:1500px) {
    .container {
        max-width: 1240px
    }
}

@media screen and (max-width:1300px) {
    .container {
        max-width: 1140px
    }
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Philosopher", sans-seri
}

.start-header {
    opacity: 1;
    transform: translateY(0);
    
    transition: .3s ease-out
}

.start-header.scroll-on {
    box-shadow: 0 5px 10px 0 rgba(138, 155, 165, .15);
    position: fixed;
    transition: .3s ease-out
}

.start-header.scroll-on .navbar-brand img {
    height: 70px;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out
}

.start-header.scroll-on .navbar-light .navbar-brand {
    margin-top: 20px
}

.navbar-brand {
   display: flex;
   width: 195px;
   height: 120px;
   align-items: center;
   justify-content: center;
   background-color: #fff;
   padding:
   10px 30px;
   margin-bottom: -8px;
   margin-top: -11px;
   border-radius:
   0 0 0 4px;
   position: relative;
}

.navbar,
.pbl-0,
ul {
    padding: 0
}

.nav-item,
.nav-link,
.navigation-wrap,
.section {
    position: relative
}


.navigation-wrap {
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out
}

.carousel-control-next,
.carousel-control-prev {
    width: 60px;
    height: 60px;
    top: 40%;
    border-radius: 31px
}

.navbar-brand img {
    height: 125px !important;
    width: auto;
    display: block;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out
}

.carousel-control-next {
    right: 20px
}
.bg-light .col-12{
   padding: 0;
}

.carousel-control-prev {
    left: 20px
}

.navbar-toggler {
    float: right;
    border: none;
    padding-right: 0
}

.navbar-toggler:active,
.navbar-toggler:focus {
    outline: 0
}

.navbar-light .navbar-toggler-icon {
    width: 24px;
    height: 17px;
    background-image: none;
    position: relative;
    border-bottom: 1px solid #000;
    transition: .3s linear
}

.navbar-light .navbar-toggler-icon:after,
.navbar-light .navbar-toggler-icon:before {
    width: 24px;
    position: absolute;
    height: 1px;
    background-color: #000;
    top: 0;
    left: 0;
    content: '';
    z-index: 2;
    transition: .3s linear
}

.navbar-light .navbar-toggler-icon:after {
    top: 8px
}

.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:after {
    transform: rotate(45deg)
}

.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:before {
    transform: translateY(8px) rotate(-45deg)
}

.navbar-toggler[aria-expanded=true] .navbar-toggler-icon {
    border-color: transparent
}

.nav-link {
    color: #fff !important;
    font-weight: 500;
    transition: .2s linear;
    font-size: 19px;
    padding: 25px 0 !important;
    display: inline-block
}

.dropdown-item,
.dropdown-menu {
    color: #212121;
    transition: .2s linear
}

.about-tag,
.aboutus-shape,
.stroke-text,
.th-btn {
    font-weight: 700
}


.nav-item.active .nav-link {
    color: #777 !important
}

.hero-slider .swiper-button-next:before,
.hero-slider .swiper-button-prev::before,
.hero-slider .swiper-button-prev:before {
    font-family: "Font Awesome 5 Free";
    font-size: 15px;
    color: #d4d3d3;
    font-style: normal;
    display: inline-block vertical-align: middle;
    font-weight: 900
}

.nav-item:after {
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 2px;
    content: '';
    background-color: #e51a18;
    opacity: 0;
    transition: .2s linear
}

.dropdown-item {
    font-size: 16px
}

.nav-item:hover:after {
    bottom: 0;
    opacity: 1
}

.hero-slider .swiper-container-horizontal>.swiper-pagination-bullets,
.hero-slider .swiper-pagination-custom,
.hero-slider .swiper-pagination-fraction,
.logo {
    bottom: 30px
}

.nav-item.active:hover:after {
    opacity: 0
}

.nav-item {
    transition: .2s linear
}

.bg-light {
    background-color: transparent !important;
    position: relative;
    z-index: 99;
    
}
.navbar-brand::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  display: inline-block;
  z-index: 99;
  border-right:
  10px solid transparent;
  border-top:
  8px solid #028397;
  right: -10px;
  bottom: 0;
}
.main-header__inner {
  display: flex;
  background-color: #028397;
  border-radius:
  5px;
  width: 100%;
  padding:
  0;
  position: relative;
  margin-top: 6px
}
.section {
    width: 100%;
    display: block
}

.full-height {
    height: 100vh
}

.absolute-center {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: 40px;
    transform: translateY(-50%);
    z-index: 20
}
.main-header__right {
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: 0;
  position: relative;
}
.main-header__helpline {
  background-color: #f7f7f7;
  display: flex;
  align-items: center;
  border-radius:
  0 4px 4px 0;
  margin-left: 28px;
  padding-left: 25px;
  padding-right: 32px;
  height: 100%;
  position: relative;
  padding:
  23px;
  margin:
  0;
}
.main-header__helpline__icon {
  width: 51px;
  height: 54px;
  border-radius:
  8px 0 8px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  background-color: #028397;
  color: #fffbfb;
  transition:
  all 0.5s ease;
  position: relative;
  z-index: 2;
  }a:hover {
      color: #072446;

  }
  .main-header__helpline__phonewrap {
      padding-left: 19px;
      position: relative;
      z-index: 2;
      }.main-header__helpline__tel {
          display: block;
          color: #028397;
          font-weight: 700;
          font-size: 20px;
          line-height: 1;
          background:
          linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
          transition:
          all 500ms ease;
      }
      .nav-item .dropdown-menu {
        transform: translate3d(0, 10px, 0);
        visibility: hidden;
        opacity: 0;
        max-height: 0;
        display: block;
        padding: 0;
        margin: 0;
        transition: .2s linear
    }

    .nav-item.show .dropdown-menu {
        opacity: 1;
        visibility: visible;
        max-height: 999px;
        transform: translate3d(0, 0, 0)
    }

    .dropdown-menu {
        margin: 0;
        top: 100%;
        font-size: 13px;
        letter-spacing: 1px;
        background-color: #fcfaff;
        border: none;
        border-radius: 3px;
        box-shadow: 0 5px 10px 0 rgba(138, 155, 165, .15)
    }

    .copyright-text br,
    .dropdown-toggle::after,
    .nav-item::after {
        display: none
    }

    .dropdown-item {
        border-radius: 2px
    }

    .logo,
    .logo img {
        display: block;
        transition: 250ms linear
    }

    .logo {
        position: absolute;
        right: 30px;
        z-index: 100
    }

    .hero-slider,
    .th-btn,
    .topbar {
        position: relative
    }

    .logo img {
        height: 26px;
        width: auto;
        filter: brightness(10%)
    }

    .topbar ul li {
        display: inline-block;
        color: #fff;
        margin-right: 20px
    }

    .topbar ul li a {
        font-size: 15px;
        margin-left: 5px;
        color: #000
    }
    .topbar i{
        color: #028397 !important;
    }

    ul {
        margin: 0
    }

    .about-one__content__list li,
    p {
        margin: 0 0 10px;
        font-size: 16px;
        line-height: 30px;
        text-align: justify;

        margin-bottom: 0
    }

    .topbar ul {
        float: left
    }

    .social {
        padding-right: 0;
        float: right !important
    }

    a {
        text-decoration: none !important
    }
    .social a {
      width: 35px;
      height: 35px;
      font-size: 15px;
      color: #626f62;
      background-color: #d1e8ec;
      transition:
      all 500ms ease;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius:
      50%;
  }


  .topbar {
   background:#fff;
   padding:7px 30px 7px 0;
   color: #fff;
   z-index: 3;
   margin:0;
}

.dropdown-menu {
    padding: 0 !important
}

.dropdown-item {
    padding: 8px 30px;
    border-bottom: 1px solid #ccc
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #fff;
    background-color:#028397
}


@media screen and (max-width:1199px) {
    .container {
        max-width: 960px
    }
    .nav-link {
        font-size: 17px
    }
    .navbar-brand img {
        height: 70px
    }
    .navbar-light .navbar-brand {
        margin-top: 10px
    }
    .topbar::after {
        right: calc(50% + 122px)
    }
}

.th-btn {
    z-index: 2;
    vertical-align: middle;
    display: inline-block;
    border: none;
    text-align: center;
    background-color: #e51a18;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    padding: 14.5px 29px;
    border-radius: 0;
    margin-top: 20px
}

.th-btn:after,
.th-btn:before {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    width: 0%;
    background-color: #3a409a;
    z-index: -1;
    -webkit-transition: .4s ease-out;
    transition: .4s ease-out
}

.th-btn:before {
    left: 0;
    border-radius: 0 20px 20px 0
}

.th-btn:after {
    right: 0;
    border-radius: 20px 0 0 20px
}

.th-btn.active,
.th-btn:hover {
    color: #fff
}

.th-btn.active::before,
.th-btn.active:after,
.th-btn:hover::before,
.th-btn:hover:after {
    width: 50%;
    border-radius: 0
}
.lefttopbar{
    padding-top: 5px
}
.hero-slider {
    width: 100%;
    height:100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 0;
    margin-top: -120px;
    position: relative;
}

.hero-slider .swiper-slide {
    overflow: hidden;
    color: #fff
}

.hero-slider .swiper-container {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.hero-slider .slide-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-size: cover;
    background-position: top;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transform: scale(1.12) !important;
    transition: 8s linear !important
}

.hero-slider .slide-inner::before {
    content: ""
}

.hero-slider .swiper-button-prev::before,
.hero-slider .swiper-button-prev:before {
    content: "\f060"
}

.hero-slider .swiper-button-next {
    right: 25px;
    transform: translateX(-50px)
}

.hero-slider .swiper-button-next:before {
    content: "\f061"
}

.hero-slider .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    text-align: left;
    line-height: 12px;
    font-size: 12px;
    color: #000;
    opacity: .3;
    background: #fff;
    transition: .2s
}

.hero-slider .swiper-pagination-bullet-active {
    opacity: 1
}

.swiper-pagination {
    text-align: left
}

.hero-slider .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 50px;
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
    left: 50%;
    text-align: center;
    transform: translateX(-50%)
}

.hero-slider .slide-inner::before {
    content: '';
    background: rgba(0, 0, 0, 0)
}

@media screen and (min-width:992px) {
    .hero-style .container {
        padding-top: 0
    }
}

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

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

@-webkit-keyframes rotate {
    0%,
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(40deg);
        transform: rotate(40deg)
    }
}

.jump-reverse {
    -webkit-animation: 7s linear infinite jumpReverseAni;
    animation: 7s linear infinite jumpReverseAni;
    z-index: 9
}

@keyframes jumpReverseAni {
    0%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
}

.ripple-shape {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2
}

.ripple-1,
.ripple-2,
.ripple-3,
.ripple-4,
.ripple-5,
.ripple-6 {
    height: 40px;
    width: 40px;
    position: absolute;
    left: 30px;
    bottom: -10px;
    background-color: transparent;
    border: 3px solid #fff;
    border-radius: 50%;
    -webkit-transform: translate3d(-50%, 50%, 0);
    transform: translate3d(-50%, 50%, 0);
    -webkit-animation: 8s ease-out infinite heroripple;
    animation: 8s ease-out infinite heroripple
}

.shape3,
.shape4 {
    width: 619.52px;
    height: 619.52px
}

.ripple-1 {
    -webkit-animation-delay: 0;
    animation-delay: 0
}

.ripple-2,
.ripple-6 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.ripple-3 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.ripple-4 {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.ripple-5 {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

@-webkit-keyframes heroripple {
    0% {
        -webkit-transform: translate3d(-50%, 50%, 0);
        transform: translate3d(-50%, 50%, 0);
        opacity: .5
    }
    100% {
        -webkit-transform: translate3d(-50%, 50%, 0);
        transform: translate3d(-50%, 50%, 0);
        opacity: 0;
        width: 310px;
        height: 310px
    }
}

@keyframes heroripple {
    0% {
        -webkit-transform: translate3d(-50%, 50%, 0);
        transform: translate3d(-50%, 50%, 0);
        opacity: .5
    }
    100% {
        -webkit-transform: translate3d(-50%, 50%, 0);
        transform: translate3d(-50%, 50%, 0);
        opacity: 0;
        width: 310px;
        height: 310px
    }
}

.hero-1 .shape4,
.hero-1 .shape5 {
    z-index: 9
}

.shape3 {
    top: -420px;
    left: -330px;
    border: 2px solid rgba(255, 255, 255, .15);
    border-radius: 100px;
    -webkit-transform: rotate(25.36deg);
    -ms-transform: rotate(25.36deg);
    transform: rotate(25.36deg);
    z-index: 2;
    -webkit-animation: 40s linear infinite spin;
    animation: 40s linear infinite spin
}

.shape4 {
    top: 0;
    right: -330px;
    border: 2px solid rgba(255, 255, 255, .15);
    border-radius: 100px;
    -webkit-transform: rotate(25.36deg);
    -ms-transform: rotate(25.36deg);
    transform: rotate(25.36deg);
    z-index: 2;
    -webkit-animation: 40s linear infinite spin;
    animation: 40s linear infinite spin
}

.hero-shape {
    position: absolute
}

.hero-style .slide-title h2 {
    font-size: 50px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    margin: 0 0 20px;
    text-transform: capitalize;
    transition: .4s
}

@media (max-width:1199px) {
    .hero-style .slide-title h2 {
        font-size: 55px
    }
}

@media (max-width:991px) {
    .hero-slider,
    .hero-style {
        height: 600px
    }
    .hero-style .slide-title h2 {
        font-size: 50px;
        margin: 0 0 35px
    }
}

.hero-style .slide-text p {
    opacity: 1;
    font-size: 18px;
    line-height: 1.25;
    letter-spacing: normal;
    color: #fff;
    margin: 0 0 20px;
    transition: .4s;
    font-weight: 400
}

@media (max-width:767px) {
    .hero-slider .swiper-button-next,
    .hero-slider .swiper-button-prev,
    .nav-item:after {
        display: none
    }
    .dropdown-menu {
        padding: 0 !important;
        background-color: transparent;
        box-shadow: none;
        transition: .2s linear
    }
    .dropdown-toggle[aria-expanded=true]+.dropdown-menu {
        margin-top: 10px !important;
        margin-bottom: 20px !important
    }
    .hero-slider,
    .hero-style {
        height: 500px
    }
    .hero-style .slide-title h2 {
        font-size: 35px;
        margin: 0 0 30px
    }
    .hero-style .slide-text p {
        font-size: 1rem;
        font-weight: 400;
        margin: 0 0 30px
    }
    .service__item {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto
    }
    section {
        overflow-x: hidden
    }
}

.hero-style .slide-btns>a:first-child {
    margin-right: 10px
}

.hero-slider .swiper-button-prev {
    left: 25px;
    transform: translateX(50px)
}

.hero-slider .swiper-button-next,
.hero-slider .swiper-button-prev {
    background: 0 0;
    width: 55px;
    height: 55px;
    line-height: 53px;
    margin-top: -30px;
    text-align: center;
    border: 2px solid #d4d3d3;
    border-radius: 55px;
    opacity: 0;
    visibility: hidden;
    transition: .3s
}

.banner-line.line_wrap .line_item,
.line_wrap .line_item {
    border-right: 1px solid #fff
}

.hero-slider:hover .swiper-button-next,
.hero-slider:hover .swiper-button-prev {
    transform: translateX(0);
    opacity: 1;
    visibility: visible
}

.banner-line.line_wrap {
    z-index: 2;
    border-left: 1px solid #fff;
    overflow-Y: clip;
    margin-left: 6%;
    left: 0
}

.hero-slider .slide-inner::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(0, 0, 0, .7)
}
@media screen and (max-width:1400px) {
    .banner-container {
        width: 70%;
        margin-left: 15%
    }
    .hero-style .slide-title h2 {
        font-size: 40px
    }
}

.hero-slider .slide-inner::after {
    position: absolute;
    left: 0;
    bottom: -245px;
    width: 100%;
    height: 492px;
    z-index: 1;
    content: "";
    background-image: url(../images/hero-slider-1-1.png);
    background-position: bottom center;
    background-repeat: repeat-x;
    animation: 60s linear infinite cloudMove
}

@keyframes cloudMove {
    0% {
        background-position: -1920px 100%
    }
    100% {
        background-position: 0 100%
    }
}


@media screen and (max-width:767px) {
    .lefttopbar,
    .slidercontents__sub-title {
        display: none
    }
    .topbar ul li {
        margin-right: 5px
    }
    .navbar-brand {
        padding: 0;
        box-shadow: none;
        border-bottom: none
    }
    .navbar-light .navbar-toggler {
        padding-right: 15px
    }
    .navbar-nav {
        margin-top: 0;
        padding-bottom: 0 !important;
        padding-top: 20px !important;
        overflow: hidden; 
    }
    .navbar-light .navbar-brand {
        position: relative;
        margin-top: 0;
        width: 95px;
        padding-left: 18px
    }
    .dropdown-toggle::after,
    .nav-item::before {
        position: absolute;
        display: block;
        content: "";
        background-color: #000;
        vertical-align: 0
    }
    .navbar-brand img {
        height: 80px;
        padding-bottom: 5px;
        padding-top: 5px
    }
    .navigation-wrap {
        padding: 0
    }
    .topbar {
        padding: 2px 0
    }
    .nav-item {
        border-bottom: 1px solid #ccc
    }
    .nav-link {
        font-size: 16px !important;
        padding: 8px 0 !important
    }
    .nav-item::before {
        top: 20px;
        left: 0;
        width: 11px;
        height: 1px;
        border: none;
        opacity: 1
    }
    .dropdown-toggle::after {
        top: 15px;
        left: -23px;
        width: 1px;
        height: 11px;
        border: none;
        transition: .2s linear
    }
    .dropdown-toggle[aria-expanded=true]+.dropdown-menu {
        margin-top: 0 !important;
        margin-bottom: 10px !important
    }
    .dropdown-item {
        border: none;
        font-size: 14px;
        padding: 4px 19px
    }
    .hero-style .slide-title h2 {
        font-size: 24px;
        line-height: 1.5;
        margin-bottom: 10px
    }
    .banner-container {
        width: 70%;
        margin-left: 15%
    }
    .hero-style {
        height: 370px
    }
    .dropdown-item:focus,
    .dropdown-item:hover {
        color: #028397;
        background-color: #fff
    }
    .hero-slider .slide-inner::after {
        bottom: -280px
    }
}




.main-slider-five__shape-2 {
  position: absolute;
  top: 0;
  right: 10%;
  mix-blend-mode: overlay;
  opacity:1;
  animation: moveHorizontal 2s linear infinite;
  z-index: 9999 !important;
}

@keyframes moveHorizontal {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
50% {
    -webkit-transform: translate3d(15px, 0, 0);
    transform: translate3d(15px, 0, 0);
}
100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
}


.hero-slider p{
    width: 60%;
    margin: auto;
    text-align: center;
    font-size: 16px;
    margin-top: 30px
}

.hero-style .slide-title h2 span{
   font-style: italic;
   margin-right: 10px
}
.button-wrapper {
  position: relative;
  width: fit-content;
  margin:auto;
  margin-top: 30px;
}


.button {
  display: block;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  text-transform: capitalize;
  letter-spacing: 2px;
  padding: 12px 26px;
  background-color: #028397;
  color: #fff;
  border-radius: 50px;
  border: 0px;
  cursor: pointer;
}

.button-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  background: linear-gradient(90deg, #01274b 0%, #fff 30.43%, #042346 68.23%, #FFF 100%);
  background-size: 600% 600%;
  border-radius: 50px;
  animation: AnimateBorder 4s ease infinite;
  -webkit-animation: AnimateBorder 4s ease infinite;
  -moz-animation: AnimateBorder 4s ease infinite;
  z-index: -1;
  transform: translate(-2px, -2px);
  transition: filter 1s ease-in;
}

.button-wrapper:hover .button-bg {
  filter: blur(10px);
  transition: filter .4s ease-in;
}


@-webkit-keyframes AnimateBorder {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimateBorder {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimateBorder {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}



@media screen and (max-width: 1300px){
  .ml-md-4, .mx-md-4 {
    margin-left: 1rem !important;
}
}
@media screen and (max-width: 1199px){
  .ml-md-4, .mx-md-4 {
    margin-left: 0.5rem !important;
    }  .navbar-light .navbar-brand {
        margin-top: 0px;
    }
    .navbar-brand img {
      height: 100px !important;
  }
  .navbar-brand {
      display: flex;
      width: 130px;
      height: 124px;
      }  .hero-style .slide-title h2 {
        font-size: 30px;
        } .banner-container {
            width: 90%;
            margin-left: 5%;
            }.hero-slider p {
              width: 80%;
          }

      }


      @media screen and (max-width: 991px){
          .ml-md-4, .mx-md-4 {
            margin-left: 0.4rem !important;
        }
        .navbar-brand img {
            height: 75px !important;
        }
        .navbar-brand {
            display: flex;
            width: 100px;
            height: 87px;
            } .nav-link {
                font-size: 15px;padding: 15px 0 !important;
                }  .navbar-light .navbar-brand {
                    margin-top: -11px;
                    }.dropdown-item {
                      padding:
                      5px 16px;
                      border-bottom:
                      1px solid #ccc;
                      max-width: 500px;
                      font-size: 13px;
                  }
              }


              @media screen and (max-width: 767px){
                .social a {
                  width: 25px;
                  height: 25px;
              }
              .main-header__inner{
                margin-top: 0;
                }  .navbar-light .navbar-brand {
                    position: relative;
                    margin-top: 0;
                    width: 127px;
                    padding-left: 0px;
                }
                .main-header__inner{
                    background:#fff;
                }
                .navbar-brand::after{
                    display: none;
                }
                .navigation-wrap{
                    overflow: hidden;
                }
                .main-header__inner{
                    border-radius: 0
                    }  .navbar-brand img {
                        height: 100px !important;
                        margin-top: -10px;
                    }
                    .nav-link {
                      color: #171717 !important;
                  }
                  .nav-item::before {
                    top: 26px;left: 9px;
                }
                .dropdown-toggle::after {
                    top: 21px;
                }
                .dropdown-item {

                    font-size: 15px;
                    } .dropdown-toggle[aria-expanded="true"] + .dropdown-menu {
                        margin-top: -11px !important;
                        margin-bottom: 10px !important;
                    }
                    .nav-item{
                        padding-left: 33px !important;
                        }.navbar-nav .nav-link:hover {
                            color: #028397 !important;
                            background-color: #fff;
                        }
                        .lasts{
                            border: none !important
                        }
                        .hero-slider{
                            margin-top: 0
                            }.hero-style .slide-title h2 {
                                font-size: 26px;
                                line-height: 1.4
                                }  .hero-slider p {
                                    width: 100%;margin-top: 10px;
                                    font-size: 14px;
                                    line-height: 26px;
                                    }  .hero-style {
                                        height: 60vh;
                                    }
                                    .topbar {
                                        padding:
                                        2px 0;
                                        background:
                                        #028397 !important;
                                    }

                                    .main-slider-five__shape-2{
                                        display: none;
                                    }
                                    .button {
                                      display: block;padding: 8px 22px;
                                      font-size: 14px;
                                  }
                              }


                              /*Footer*/
                              .main-footer {
                                  position: relative;
                                  background-color: #10110c;
                                  padding-bottom: 40px;
                              }
                              .main-footer__top {
                                  padding-top: 238px;
                                  padding-bottom: 30px;
                              }
                              @media (max-width: 991px) {
                                  .main-footer__top {
                                    padding-top: 190px;
                                    padding-bottom: 20px;
                                }
                            }
                            .main-footer__bg {
                              position: relative;
                              position: absolute;
                              width: 100%;
                              height: 100%;
                              top: 0;
                              left: 0;
                              background-repeat: no-repeat;
                              background-size: cover;
                              background-position: top center;
                              mix-blend-mode: overlay;
                          }
                          .main-footer .container {
                              position: relative;
                              z-index: 1;
                          }
                          @media (max-width: 1199px) {
                              .main-footer .container {
                                max-width: initial;
                            }
                        }
                        .main-footer__bottom {
                          text-align: center;
                      }
                      .main-footer__bottom__inner {
                          padding: 17.25px 20px;
                          display: flex;
                          align-items: center;
                          justify-content: space-between;
                          background-color: #032344;
                          border-radius: 4px;
                      }

                      @media screen and (max-width: 1199px){
                        .main-footer__bottom__inner{
                            display: block;
                        }
                        .main-footer__social-row{
                            margin-top: 10px;
                        }
                        .main-footer--three .main-footer__bottom__inner::after{
                            display: none;
                        }
                        .main-footer__copyright{
                            text-align: center;
                        }
                        .main-footer__social-list {
                          width: 100%;
                          justify-content: center;
                      }
                  }

                  @media (max-width: 767px) {
                      .main-footer__bottom__inner {
                        flex-direction: column;
                        gap: 15px 0;
                    }
                }
                .main-footer__copyright {
                  margin: 0;
                  font-size: 18px;
                  font-weight: 400;
                  color: #fff;
              }
              .main-footer__social-row {
                  display: flex;
                  align-items: center;
              }
              .main-footer__social-row-text {
                  font-size: 16px;
                  line-height: 32px;
                  font-weight: 500;
                  color: #fff;
                  margin-bottom: 0;
              }
              .main-footer__social-list {
                  display: flex;
                  align-items: center;
                  padding-left: 14px;
                  margin-bottom: 0;
                  gap: 0 10px;
                  list-style: none;
              }
              .main-footer__social-list li {
                  list-style: none;
              }
              .main-footer__social-list li a {
                  width: 35px;
                  height: 35px;
                  background-color: #fff;
                  border-radius: 50%;
                  color: #028397;
                  display: flex;
                  font-size: 15px;
                  align-items: center;
                  justify-content: center;
                  transition: all 0.4s;
                  border:1px solid #fff;
              }
              .main-footer__copyright br{
                display: none;
            }
            .main-footer__copyright a{
                color: #fff !important;
            }
            .main-footer__social-list li a:hover {
              background-color: #028397;
              color: #fff;
          }
          .main-footer--two .main-footer__top, .main-footer--version2 .main-footer__top {
              padding-top: 102px;
          }
          @media (max-width: 767px) {
              .main-footer--two .main-footer__top, .main-footer--version2 .main-footer__top {
                padding-top: 62px;
            }
            .main-footer__copyright br{
                display: block;
            }
        }
        .main-footer--three {
          overflow: hidden;
          background-color: #0a0a0a;
      }
      .main-footer--three .main-footer__bg {
          background-position: bottom;
      }
      .main-footer--three .main-footer__shape-one {
          max-width: 100%;
          height: auto;
          position: absolute;
          left: 0;
          bottom: 77px;
          mix-blend-mode: soft-light;
          animation: zump 2s linear infinite;
      }
      .main-footer--three .main-footer__shape-two {
          max-width: 100%;
          height: auto;
          position: absolute;
          top: 0;
          right: 0;
          mix-blend-mode: soft-light;
          animation: zumpBottom 2s linear infinite;
      }
      .main-footer--three .main-footer__top {
          padding-top: 65px;
          padding-bottom: 25px;
      }
      @media (max-width: 767px) {
          .main-footer--three .main-footer__top {
            padding-top: 80px;
        }
    }
    .main-footer--three .footer-widget--blog {
      padding-left: 5px;
      padding-right: 18px;
  }
  @media (max-width: 1199px) {
      .main-footer--three .footer-widget--blog {
        padding-left: 0;
        padding-right: 0;
    }
}
.main-footer--three .footer-widget__experience-text,
.main-footer--three .footer-widget__info li,
.main-footer--three .footer-widget__links li {
  color: #fff;
}

.main-footer--three .footer-widget__post-date > span {
  padding-left: 0;
}
.main-footer--three .footer-widget__info {
  margin: 0;
}
.main-footer--three .footer-widget__info li {
  display: flex;
  align-items: center;
  gap: 22px;
}
.main-footer--three .footer-widget__info li + li {
  margin-top: 25px;
}
.main-footer--three .footer-widget__info__icon {
  position: relative;
  top: 7px;
  width: 51px;
  height: 51px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50%;
  font-size: 18px;
  color: #028397;
  z-index: 1;
  transition: all 500ms ease;
}
.main-footer--three .footer-widget__info__icon::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: -3px;
  right: -3px;
  background-color: #028397;
  border-radius: inherit;
  transition: all 400ms ease;
}
.main-footer--three .footer-widget__info__icon::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #032344;
  border-radius: inherit;
  transition: all 500ms ease;
}
.main-footer--three .footer-widget__info__icon > * {
  position: relative;
  z-index: 1;
  color: #fff
}
.main-footer--three .footer-widget__info li:hover .footer-widget__info__icon {
  color: #fff;
}
.main-footer--three .footer-widget__info li:hover .footer-widget__info__icon::before {
  top: 0;
  right: 0;
}
.main-footer--three .footer-widget__info li:hover .footer-widget__info__icon::after {
  left: 0;
  bottom: 0;
  background-color: #028397;
}
.main-footer--three .footer-widget__info__address {
  margin: 0;
  color: #fff;
  line-height: 1.75;
  font-size: 18px
}
.main-footer--three .footer-widget__info__title {
  margin-bottom: 5px;
  font-family: ;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  line-height: 1.625;
}
.main-footer--three .footer-widget__info__link {
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  line-height: 1.444;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.main-footer--three .footer-widget__info__link:hover {
  background-size: 100% 1px;
}
.main-footer--three .footer-widget__info__link:hover {
  color: #fff;
}
.main-footer--three .main-footer__bottom__inner {
  position: relative;
  z-index: 1;
}
.main-footer--three .main-footer__bottom__inner::after {
  content: "";
  width: 2000px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -1687px;
  background-color: #028397;
  border-radius: inherit;
  z-index: -1;
}
@media screen and (max-width: 1300px){
    .main-footer--three .main-footer__bottom__inner::after {
      width: 1896px;
  }
}

@media (max-width: 767px) {
  .main-footer--three .main-footer__bottom__inner::after {
    display: none;
}
}



.footer-widget {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .footer-widget {
    margin-bottom: 30px;
}
}
.footer-widget--about {
  max-width: 270px;
}
@media (max-width: 1199px) {
  .footer-widget--about {
    max-width: initial;
}
}
.footer-widget__logo {
  display: inline-flex;
  max-width: 198px;
  margin-bottom: 23px;
}
.footer-widget__logo > img {
  width: 100%;
}
.footer-widget__experience-text {
  font-size: 16px;
  color: #fff;
  line-height: 30px;
  margin-bottom: 34px;
  padding-right: 30px;
}
.footer-widget__newsletter {
  position: relative;
  width: 100%;
}
@media (max-width: 1199px) {
  .footer-widget__newsletter {
    max-width: initial;
}
}
.footer-widget__newsletter button[type=submit] {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  width: 89px;
  height: 100%;
  border: none;
  outline: none;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  transition: all 500ms ease;
  border-radius: 0 3px 3px 0;
  background-color: #028397;
}
.footer-widget__newsletter button[type=submit]:hover {
  background-color: #028397;
  color: #fff;
}
.footer-widget__mail-address {
  position: relative;
}
.footer-widget__mail-address input[type=text],
.footer-widget__mail-address input[type=email] {
  width: 100%;
  display: block;
  border: none;
  outline: none;
  height: 58px;
  background-color: #fff;
  color: #848484;
  font-size: 13px;
  font-weight: 400;
  padding-left: 18px;
  padding-right: 92px;
  transition: all 500ms ease;
  border-radius: 4px;
}
.footer-widget__mail-address input[type=text]:focus,
.footer-widget__mail-address input[type=email]:focus {
  color: #fff;
}
.footer-widget__mail-icon {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  color: #fff;
  height: 100%;
  display: flex;
  align-items: center;
}
.footer-widget__mail-icon > i {
  font-size: 19px;
}
.footer-widget__title {
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  margin: 0;
  margin-bottom: 28px;
}
.footer-widget__title--newsletter {
  margin-bottom: 22px;
}
@media (max-width: 767px) {
  .footer-widget__title--newsletter {
    margin-bottom: 22px;
}
}
@media (max-width: 767px) {
  .footer-widget__title {
     font-size: 22px;
     margin-bottom: 15px;
 }
}
.footer-widget__links {
  margin-top: -10px;
  margin-bottom: 0;
}
.footer-widget__links li {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  line-height: 30px;
  position: relative;
  padding-left: 5px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .footer-widget__links li {
    margin-bottom: 4px;
}
}
.footer-widget__links li:last-child {
  margin-bottom: 0;
}

.footer-widget__links li a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.footer-widget__links li a:hover {
  background-size: 100% 1px;
}
.footer-widget__links li a:hover {
  color: #fff;
}
.footer-widget__gallerywrap {
  gap: 10px;
}
.footer-widget__gallerywrap__img {
  width: calc((100% - 20px) / 3);
}
.footer-widget__gallerywrap__img img {
  width: 100% !important;
  border-radius: 3px !important;
}
.footer-widget--blog {
  padding-left: 25px;
}
@media (max-width: 1199px) {
  .footer-widget--blog {
    padding-left: 0;
}
}
.footer-widget__post-col {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #2e3024;
  padding-bottom: 27px;
}
@media (max-width: 767px) {
  .footer-widget__post-col {
    padding-bottom: 22px;
}
}
.footer-widget__post-col:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.footer-widget__post-col + .footer-widget__post-col {
  padding-top: 26px;
}
@media (max-width: 767px) {
  .footer-widget__post-col + .footer-widget__post-col {
    padding-top: 22px;
}
}
.footer-widget__post-img {
  width: 78px;
}
.footer-widget__post-img > img {
  width: 100% !important;
  border-radius: 3px !important;
}
.footer-widget__post-info {
  width: calc((100% - 78px) / 1);
  padding-left: 19px;
}
@media (max-width: 767px) {
  .footer-widget__post-info {
    padding-left: 12px;
}
}
.footer-widget__post-date {
  font-size: 13px;
  line-height: 1;
  font-weight: 400;
  display: block;
  color: rgba(var(--grdeen-white-rgb, 255, 255, 255), 0.5);
  margin-bottom: 9px;
}
.footer-widget__post-date > span {
  padding-left: 5px;
}
.footer-widget__post-heading {
  font-family: ;
  font-size: 16px;
  line-height: 30px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 0;
}
.footer-widget__post-heading:hover {
  color: #028397;
}
@media (max-width: 767px) {
  .footer-widget__post-heading {
    font-size: 15px;
    line-height: 23px;
}
}
.footer-widget__post-heading > a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.footer-widget__post-heading > a:hover {
  background-size: 100% 1px;
}
@keyframes zump {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
50% {
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
}
100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
}
@keyframes zumpBottom {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
50% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
}
100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
}

@media screen and (max-width: 767px){
  .main-footer--three .main-footer__top {
    padding-top: 35px;
}

}







/* About Us */

.about-section {
    position: relative;
    padding: 190px 0 80px;
    overflow: hidden;
}
.about-section .about-backgroundimage{
    position: absolute;
    top: 0;
    right: 702px;
    margin:0 !important;
}
.about-section .about-backgroundimage img {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateX(0); }
    100% { transform: translateX(-10px); }
}
.about-section .about-image{
    position: absolute;
    top: -130px;
    left: -106px;
}
.about-section .about_content{
    position: relative;
    background: #fff;
    padding: 40px 40px 50px 40px;
    box-shadow: 1px 6px 13px rgb(0 0 0 / 8%);
    width: 778px;
    margin-left: -25px;
}
.about-section p{
    margin-bottom: 10px
}

.about-section .about_content .text-size-14 {
    margin-bottom: 26px;
}
.about-section .about_content .read_more{
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 50px;
    text-align: center;
    padding: 23px 50px;
    color: #028397;
    background: transparent;
    border: 2px solid #028397;
    transition: all 0.3s ease-in-out;
    display: inline-block;
    float: left;
    margin-right: 35px;
}
.about-section .about_content .read_more .dot{
    background: #028397;
    border-radius: 50px;
    width: 10px;
    height: 10px;
    line-height: 10px;
    position: relative;
    top: 6px;
    float: left;
    margin-right: 10px;
    transition: all 0.3s ease-in-out;
}
.about-section .about_content .read_more:hover{
    color: #fff;
    background: #028397;
    border: 2px solid #028397;
}
.about-section .about_content .read_more:hover .dot{
    background: #fff;
}
.about-section .last_list figure {
    float: left;
    transition: all 0.3s ease-in-out;
    margin-right: 18px;
}
.about-section .last_list figure:hover{
    transform: translateY(-5px);
}
.about-section .last_list .content span {
    font-size: 30px;
    line-height: 32px;
    font-weight: 400;
    display: block;
    font-family: 'Italiana', serif;
    margin-bottom: 2px;
    color: #000;
}
.about-section .last_list .last_list_atag {
    color: #028397 !important;
    font-size: 30px;
    line-height: 38px;
    font-weight: 400;
    transition: all 0.3s ease-in-out;
}
.about-section .last_list .last_list_atag:hover {
    color: #000 !important;
}
.about-section .badge .mid-circle{
    position: absolute;
    background: #028397;
    border-radius: 50px;
    width: 28px;
    height: 28px;
    line-height: 28px;
}

.btn3{
    background: linear-gradient(90deg, #fff 0%, #028297 30.43%, #fff 68.23%, #028297 100%);
}

.about-four__btn {
  margin-bottom: -14px;
  padding:
  18.25px 39px;
  background-color: #07370a;
}
.btndesignspan {
  display: inline-block;
  vertical-align: middle;
  -webkit-appearance:
  none;
  border:
  none;
  outline:
  none !important;
  background-color: #028397;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  font-family: ;
  padding:
  10.25px 28px;
  border-radius:
  4px;
  font-size: 16px;
  transition:
  500ms;
  text-transform: capitalize;
  position: relative;
  overflow:
  hidden;
  text-align: center;
  transition:
  all 0.7s ease;
  }.btndesignspan:hover::before {
      height: 550%;
  }
  .about-four__btn::before {
      background-color: #028397;
  }
  .btndesignspan::before {
      content: "";
      position: absolute;
      top: 0;
      left: -16px;
      right: 0;
      bottom: 0;
      width: 130%;
      height: 0%;
      margin:
      auto;
      transform: rotate(-45deg);
      background-color: #172000;
      transition:
      700ms cubic-bezier(0.6, 1.5, 0.4, 0.7);
      }.btndesignspan:hover {
          color: #fff;
          }.btndesignspan span {
              position: relative;
              color: inherit;
              z-index: 2;
          }

          .sectiontitle {
              font-size: 40px;
              text-align: center;
              color: #000;
              margin-bottom: 10px;
              text-align: left;
          }

          .animate-border {
              position: relative;
              display: block;
              width: 115px;
              height: 3px;
              background:
              #028397;
              overflow:
              hidden;
              margin-bottom: 20px !important;
          }

          .animate-border::after {
              position: absolute;
              content: "";
              width: 35px;
              height: 3px;
              left: 15px;
              bottom: 0;
              border-left:
              10px solid #fff;
              border-right:
              10px solid #fff;
              -webkit-animation:
              animborder 2s linear infinite;
              animation:
              animborder 2s linear infinite;
          }


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

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




/*--------------------------------------------------------------
# Our Benefits
--------------------------------------------------------------*/
.about-dr {
  position: relative;
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  .about-dr {
    padding-bottom: 80px;
}
}
.about-dr .container-fluid {
  padding-right: 0;
}
@media (max-width: 991px) {
  .about-dr .container-fluid {
    padding-right: 15px;
}
}
.about-dr .sec-title {
  padding-bottom: 32px;
}
.about-dr .sec-title__title {
  margin-top: 13px;
}
.about-dr__left {
  width: 49.5%;
}
@media (max-width: 991px) {
  .about-dr__left {
    width: 100%;
}
}
.about-dr__right {
  width: 50.5%;
}
@media (max-width: 991px) {
  .about-dr__right {
    width: 100%;
}
}
.about-dr__content {
  position: relative;
  margin-top: -6px;
  max-width: 572px;
  margin-left: auto;
  padding-right: 20px;
}
@media (max-width: 1200px) {
  .about-dr__content {
    padding-right: 0;
}
}
@media (max-width: 991px) {
  .about-dr__content {
    max-width: 100%;
    margin-bottom: 42px;
}
}
.about-dr__content__text {
  font-size: 16px;
  line-height: 30px;
  margin: 0 0 32px;
}
.about-dr__content__qualitwrap {
  position: relative;
  padding: 0;
  margin-bottom: 33px;
  gap: 0 30px;
}
@media (max-width: 520px) {
  .about-dr__content__qualitwrap {
    gap: 30px 0;
}
}
.about-dr__content__qualitwrap__col {
  width: calc((100% - 30px) / 2);
  background-color: var(--grdeen-white2, #f2f4ec);
  border-radius: 4px;
  padding: 16px 18px 16px 26px;
}
@media (max-width: 1200px) {
  .about-dr__content__qualitwrap__col {
    padding-left: 18px;
    padding-right: 18px;
}
}
@media (max-width: 520px) {
  .about-dr__content__qualitwrap__col {
    align-items: center;
    width: 100%;
}
}
.about-dr__content__qualitwrap__col:hover .about-dr__content__qualitwrap__icon {
  background-color: #07370a;
}
.about-dr__content__qualitwrap__icon {
  width: 63px;
  height: 63px;
  border-radius: 50%;
  background-color: #028397;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 39px;
  color: #fff;
  transition: all 0.5s ease;
}
.about-dr__content__qualitwrap__icon--groupicon {
  font-size: 28px;
}
.about-dr__content__qualitwrap__title {

  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 0;
  padding-left: 16px;
  width: calc((100% - 63px) / 1);
}
.about-dr__content__listwrap {
  align-items: flex-end;
}
@media (max-width: 767px) {
  .about-dr__content__listwrap {
    flex-wrap: wrap;
}
}
.about-dr__content__list {
  margin: -5px 0 0 0;
  padding: 0 12px 0 0;
}
@media (max-width: 767px) {
  .about-dr__content__list {
    width: 100%;
    padding: 0 0 25px 0;
}
}
.about-dr__content__list li {
  font-size: 16px;
  line-height: 24px;
  position: relative;
}
.about-dr__content__list li i {
  margin-right: 6px;
  color: #028397;
}
.about-dr__content__list li + li {
  margin-top: 11px;
}
.about-dr__btn {
  color: #fff;
  background-color: #07370a;
  border-radius: 4px;
  padding: 18px 38px;
}
.about-dr__btn::before {
  background-color: #028397;
}
.about-dr__image {
  position: relative;
  z-index: 2;
  padding-left: 57px;
  height: 100%;
}
@media (max-width: 991px) {
  .about-dr__image {
    padding-left: 36px;
}
}
.about-dr__bigimage {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}
.about-dr__smimage {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  padding: 200px 200px 0 0;
}
@media (max-width: 767px) {
  .about-dr__smimage {
    padding: 160px 140px 0 0;
}
}
.about-dr__smimage img {
  width: 100%;
  max-width: 334px;
  border: 8px solid #fff;
  border-radius: 12px;
}
@media (max-width: 767px) {
  .about-dr__smimage img {
    max-width: 250px;
}
}
.about-dr__shapetop {
  content: "";
  position: absolute;
  width: 22px;
  z-index: 2;
  background-color: #028397;
  height: 163px;
  top: 0;
  left: 24px;
  animation: aboutShapetop 1.3s linear infinite alternate;
}
@keyframes aboutShapetop {
  from {
    transform: translateY(0);
}
to {
    transform: translateY(50%);
}
}
@media (max-width: 991px) {
  .about-dr__shapetop {
    left: 6px;
}
}
.about-dr--two {
  background-color: #d9ecf0;
  padding-top: 80px;
  padding-bottom: 75px;
  position: relative;
  overflow: hidden;
}
.about-dr--two .container-fluid {
  position: relative;
  z-index: 3;
}
.about-dr--two .about-dr__shapetwo,
.about-dr--two .about-dr__shapebs1,
.about-dr--two .about-dr__shapebs2,
.about-dr--two .about-dr__shapebl1,
.about-dr--two .about-dr__shapebl2 {
  position: absolute;
  width: 234px;
  height: auto;
  left: 0;
  z-index: 1;
  display: none;
}
.about-dr--two .about-dr__shapetwo img,
.about-dr--two .about-dr__shapebs1 img,
.about-dr--two .about-dr__shapebs2 img,
.about-dr--two .about-dr__shapebl1 img,
.about-dr--two .about-dr__shapebl2 img {
  width: 100%;
}
@media (min-width: 992px) {
  .about-dr--two .about-dr__shapetwo,
  .about-dr--two .about-dr__shapebs1,
  .about-dr--two .about-dr__shapebs2,
  .about-dr--two .about-dr__shapebl1,
  .about-dr--two .about-dr__shapebl2 {
    display: block;
}
}
.about-dr--two .about-dr__shapebl1 {
  top: -120px;
  left: 44px;
}
.about-dr--two .about-dr__shapebl2 {
  width: 155px;
  top: initial;
  bottom: 0;
  left: 22.5%;
}
.about-dr--two .about-dr__left {
   width: 40%;
   position: relative;
   margin-left: 10%;
}
@media (max-width: 991px) {
  .about-dr--two .about-dr__left {
    width: 100%;
}
}
.about-dr--two .about-dr__content {
  max-width: 100%;
  padding-top: 0px;
  position: relative;
  z-index: 3;
}
@media (max-width: 991px) {
  .about-dr--two .about-dr__content {
    max-width: 100%;
    padding-top: 0;
}
}
.about-dr--two .about-dr__right {
  width: 50%;
  position: relative;
}
@media (max-width: 991px) {
  .about-dr--two .about-dr__right {
    width: 100%;
}
}
.about-dr--two .about-dr__shapetwo {
  width: 140px;
  top: 0;
  right: 56px;
  left: initial;
  z-index: 3;
  transform: scaleX(-1);
}
.about-dr--two .about-dr__shapetwo__shapenormal, .about-dr--two .about-dr__shapetwo__shapemultiply {
  position: absolute;
  overflow: hidden;
}
.about-dr--two .about-dr__shapetwo__shapenormal {
  top: -60px;
  bottom: initial;
  height: 60px;
}
@media (max-width: 991px) {
  .about-dr--two .about-dr__shapetwo__shapenormal {
    top: -57px;
}
}
.about-dr--two .about-dr__shapetwo__shapenormal img {
  margin-top: -74px;
}
.about-dr--two .about-dr__shapetwo__shapemultiply {
  height: 136px;
  bottom: -136px;
  top: initial;
  opacity: 0.7;
  mix-blend-mode: multiply;
}
@media (max-width: 991px) {
  .about-dr--two .about-dr__shapetwo__shapemultiply {
    bottom: -139px;
}
}
.about-dr--two .about-dr__shapetwo__shapemultiply img {
  margin-top: -136px;
}
.about-dr--two .about-dr__shapebs1 {
  left: 102px;
  bottom: -37%;
}
.about-dr--two .about-dr__shapebs2 {
  left: initial;
  right: 170px;
  bottom: -35%;
}
.about-dr--two .sec-title__title {
  color: #fff;
}
.about-dr--two .about-dr__content__qualitwrap__col {
  padding: 0;
  border-radius: 0;
  background-color: transparent;
}
.about-dr--two .about-dr__content__qualitwrap__col .skill-text {
  line-height: 28px;
  margin-bottom: 0;
  margin-top: 13px;
  text-align: left;
}
.about-dr--two .about-dr__content__qualitwrap__col:hover .about-dr__content__qualitwrap__icon {
  background-color: transparent;
}

.about-dr--two .about-dr__content__qualitwrap__icon {
  width: auto;
  height: auto;
  border-radius: 0;
  background-color: transparent;
  color: #028397;
  font-size: 26px;
}


.about-dr--two .about-dr__content__listwrap {
  position: relative;
  padding-right: 190px;
}
@media (max-width: 767px) {
  .about-dr--two .about-dr__content__listwrap {
    padding-right: 0;
}
}
.about-dr--two .about-one__content__qualitwrap {
  position: relative;
}
.about-dr--two .about-one__content__qualitwrap__tpright {
  position: absolute;
  width: 38px;
  right: 30px;
  top: 26px;
  z-index: 1;
  animation: skillEffect 1s linear infinite alternate;
}
@keyframes skillEffect {
  from {
    transform: rotate(8deg);
}
to {
    transform: rotate(-8deg);
}
}.about-one__content__qualitwrap__pricesbox {
  position: absolute;
  width: auto;
  right: 0;
  top: 0;
  height: 100%;
  background-color: #028397;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius:
  4px;
  padding:
  15px 20px;
  }.about-one__content__qualitwrap__price {
      font-weight: 600;
      font-family: var(--grdeen-heading-font, "DM Sans", sans-serif);
      font-size: 46px;
      line-height: 1;
      color: var(--grdeen-white, #fff);
      display: block;
      margin-bottom: 13px;
  }
  .about-one__content__qualitwrap__text {
      font-weight: 600;
      font-family: var(--grdeen-heading-font, "DM Sans", sans-serif);
      font-size: 16px;
      line-height: 1;
      color: var(--grdeen-white, #fff);
      display: block;
  }
  .about-dr--two .about-one__content__qualitwrap__pricesbox {
      height: auto;
      align-items: flex-start;
      padding: 26px 46px 25px 30px;
  }
  @media (max-width: 520px) {
      .about-dr--two .about-one__content__qualitwrap__pricesbox {
        position: relative;
    }
}
.about-dr--two .about-one__content__qualitwrap__inner {
  position: relative;
  z-index: 2;
  text-align: left;
}
.about-dr--two .about-one__content__qualitwrap__price {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 11px;
}
.about-dr--two .about-one__content__qualitwrap__text {
  font-family: ;
  font-weight: 500;
  margin-bottom: 7px;
}
.about-dr--two .testimonials-card__rating__start {
  color: #ffdf09;
  font-size: 14px;
  letter-spacing: 6px;
}
.about-dr--two .about-dr__image {
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><path d="M0 0 C1.27773392 -0.00115384 2.55546784 -0.00230769 3.87192097 -0.0034965 C7.42280746 -0.00656229 10.97366527 -0.00339307 14.52454962 0.00078164 C18.38592919 0.00421803 22.24730588 0.00184462 26.10868603 0.00020415 C32.87751084 -0.00186956 39.64632686 -0.00022587 46.41515064 0.00384235 C56.48016041 0.00987486 66.54516463 0.01017839 76.61017587 0.00930037 C93.54073455 0.00798607 110.47128934 0.01132938 127.40184689 0.01731777 C144.16770224 0.02323272 160.93355596 0.0270833 177.69941235 0.02817059 C179.26248975 0.0282737 179.26248975 0.0282737 180.85714447 0.02837889 C186.14909553 0.02871722 191.4410466 0.0290186 196.73299766 0.02930576 C234.22584661 0.03140675 271.71869343 0.0381457 309.21154118 0.04760838 C345.63764783 0.05679122 382.06375391 0.0638587 418.48986149 0.06811619 C420.78004966 0.06838683 423.07023784 0.06865753 425.36042601 0.0689283 C443.968858 0.07111704 462.57729001 0.07315963 481.18572202 0.07516678 C567.25528419 0.08455587 653.32484083 0.10462584 739.3944025 0.12304783 C739.3944025 214.29304783 739.3944025 428.46304783 739.3944025 649.12304783 C616.17034 649.24679783 616.17034 649.24679783 490.4569025 649.37304783 C464.50815495 649.40946384 438.55940739 649.44587986 411.82433414 649.48339939 C380.16283512 649.5014658 380.16283512 649.5014658 365.34555912 649.50482273 C354.30454123 649.5087981 343.26360821 649.52603403 332.22262156 649.54974154 C320.95294494 649.5736119 309.68332854 649.58206823 298.41362163 649.57682763 C292.30191643 649.57442129 286.19039614 649.57819697 280.07872498 649.59990835 C274.544629 649.619448 269.01084781 649.62029333 263.47673702 649.60665226 C261.48338378 649.60496528 259.49001036 649.60995805 257.49669635 649.62257814 C224.14243435 649.82122045 197.77821449 637.39798013 174.0975275 614.18945408 C167.2485623 606.7972063 162.33532283 597.83496789 157.3944025 589.12304783 C156.40771244 587.39778634 155.42101454 585.67252927 154.43384647 583.94754124 C153.41913993 582.17317778 152.40642736 580.39768708 151.39391422 578.62207127 C148.88037155 574.21831163 146.34142674 569.82930616 143.80284977 565.43994236 C135.95669168 551.87286514 128.17832322 538.26728234 120.41051579 524.65527439 C117.40707075 519.39256863 114.40010286 514.13187597 111.39339542 508.87103367 C109.72691968 505.95512111 108.06067269 503.03907785 106.3944025 500.12304783 C105.72773693 498.95638054 105.06107027 497.78971387 104.3944025 496.62304783 C78.3944025 451.12304783 78.3944025 451.12304783 52.3944025 405.62304783 C52.06440754 405.0455579 51.73441257 404.46806797 51.39441776 403.87307835 C50.72769585 402.70631246 50.06097832 401.53954407 49.39426517 400.37277317 C47.72847966 397.45760405 46.06261823 394.54247836 44.39659977 391.62744236 C41.38599937 386.35961588 38.37596103 381.09147224 35.36873722 375.82171726 C28.56962293 363.90728638 21.75687077 352.00115979 14.8944025 340.12304783 C7.69227457 327.6570256 0.54610574 315.15943539 -6.58948421 302.65527439 C-9.59292925 297.39256863 -12.59989714 292.13187597 -15.60660458 286.87103367 C-17.27308032 283.95512111 -18.93932731 281.03907785 -20.6055975 278.12304783 C-21.27226307 276.95638054 -21.93892973 275.78971387 -22.6055975 274.62304783 C-58.6055975 211.62304783 -58.6055975 211.62304783 -59.60547543 209.87323093 C-60.27251394 208.70593389 -60.93958754 207.53865688 -61.60669613 206.37139988 C-63.26796128 203.46454044 -64.92849172 200.55726716 -66.58801937 197.64941502 C-70.007447 191.65879149 -73.43823921 185.6750506 -76.8868475 179.70117283 C-95.36518254 147.6675869 -110.3527753 117.1307498 -101.15344906 79.15380955 C-93.64815535 51.33338483 -75.67519128 27.47657158 -50.75061703 13.04931736 C-34.61790698 3.9974615 -18.45130753 -0.04079851 0 0 Z " transform="translate(103.60559749603271,-0.1230478286743164)"/></svg>');
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><path d="M0 0 C1.27773392 -0.00115384 2.55546784 -0.00230769 3.87192097 -0.0034965 C7.42280746 -0.00656229 10.97366527 -0.00339307 14.52454962 0.00078164 C18.38592919 0.00421803 22.24730588 0.00184462 26.10868603 0.00020415 C32.87751084 -0.00186956 39.64632686 -0.00022587 46.41515064 0.00384235 C56.48016041 0.00987486 66.54516463 0.01017839 76.61017587 0.00930037 C93.54073455 0.00798607 110.47128934 0.01132938 127.40184689 0.01731777 C144.16770224 0.02323272 160.93355596 0.0270833 177.69941235 0.02817059 C179.26248975 0.0282737 179.26248975 0.0282737 180.85714447 0.02837889 C186.14909553 0.02871722 191.4410466 0.0290186 196.73299766 0.02930576 C234.22584661 0.03140675 271.71869343 0.0381457 309.21154118 0.04760838 C345.63764783 0.05679122 382.06375391 0.0638587 418.48986149 0.06811619 C420.78004966 0.06838683 423.07023784 0.06865753 425.36042601 0.0689283 C443.968858 0.07111704 462.57729001 0.07315963 481.18572202 0.07516678 C567.25528419 0.08455587 653.32484083 0.10462584 739.3944025 0.12304783 C739.3944025 214.29304783 739.3944025 428.46304783 739.3944025 649.12304783 C616.17034 649.24679783 616.17034 649.24679783 490.4569025 649.37304783 C464.50815495 649.40946384 438.55940739 649.44587986 411.82433414 649.48339939 C380.16283512 649.5014658 380.16283512 649.5014658 365.34555912 649.50482273 C354.30454123 649.5087981 343.26360821 649.52603403 332.22262156 649.54974154 C320.95294494 649.5736119 309.68332854 649.58206823 298.41362163 649.57682763 C292.30191643 649.57442129 286.19039614 649.57819697 280.07872498 649.59990835 C274.544629 649.619448 269.01084781 649.62029333 263.47673702 649.60665226 C261.48338378 649.60496528 259.49001036 649.60995805 257.49669635 649.62257814 C224.14243435 649.82122045 197.77821449 637.39798013 174.0975275 614.18945408 C167.2485623 606.7972063 162.33532283 597.83496789 157.3944025 589.12304783 C156.40771244 587.39778634 155.42101454 585.67252927 154.43384647 583.94754124 C153.41913993 582.17317778 152.40642736 580.39768708 151.39391422 578.62207127 C148.88037155 574.21831163 146.34142674 569.82930616 143.80284977 565.43994236 C135.95669168 551.87286514 128.17832322 538.26728234 120.41051579 524.65527439 C117.40707075 519.39256863 114.40010286 514.13187597 111.39339542 508.87103367 C109.72691968 505.95512111 108.06067269 503.03907785 106.3944025 500.12304783 C105.72773693 498.95638054 105.06107027 497.78971387 104.3944025 496.62304783 C78.3944025 451.12304783 78.3944025 451.12304783 52.3944025 405.62304783 C52.06440754 405.0455579 51.73441257 404.46806797 51.39441776 403.87307835 C50.72769585 402.70631246 50.06097832 401.53954407 49.39426517 400.37277317 C47.72847966 397.45760405 46.06261823 394.54247836 44.39659977 391.62744236 C41.38599937 386.35961588 38.37596103 381.09147224 35.36873722 375.82171726 C28.56962293 363.90728638 21.75687077 352.00115979 14.8944025 340.12304783 C7.69227457 327.6570256 0.54610574 315.15943539 -6.58948421 302.65527439 C-9.59292925 297.39256863 -12.59989714 292.13187597 -15.60660458 286.87103367 C-17.27308032 283.95512111 -18.93932731 281.03907785 -20.6055975 278.12304783 C-21.27226307 276.95638054 -21.93892973 275.78971387 -22.6055975 274.62304783 C-58.6055975 211.62304783 -58.6055975 211.62304783 -59.60547543 209.87323093 C-60.27251394 208.70593389 -60.93958754 207.53865688 -61.60669613 206.37139988 C-63.26796128 203.46454044 -64.92849172 200.55726716 -66.58801937 197.64941502 C-70.007447 191.65879149 -73.43823921 185.6750506 -76.8868475 179.70117283 C-95.36518254 147.6675869 -110.3527753 117.1307498 -101.15344906 79.15380955 C-93.64815535 51.33338483 -75.67519128 27.47657158 -50.75061703 13.04931736 C-34.61790698 3.9974615 -18.45130753 -0.04079851 0 0 Z " transform="translate(103.60559749603271,-0.1230478286743164)"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: right center;
  mask-position: right center;
  -webkit-mask-size: cover;
  mask-size: cover;
  padding-left: 0;
  margin-left: auto;
  max-width: 843px;
}
.about-dr--three {
  background-color: transparent;
  position: relative;
  padding-top: 120px;
  padding-bottom: 0;
}
@media (max-width: 767px) {
  .about-dr--three {
    padding-top: 80px;
}
}
@media (max-width: 1200px) {
  .about-dr--three .container {
    max-width: 100%;
}
}
.about-dr--three .about-dr__bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 85px;
  z-index: 1;
  background-repeat: repeat-x;
  background-position: center top;
  animation: skillEffectGrass 40s linear 0s infinite;
}
@keyframes skillEffectGrass {
  0% {
    background-position: -1920px top;
}
100% {
    background-position: 0 top;
}
}
.about-dr--three .about-dr__image {
  padding-left: 0;
  padding-right: 12px;
  mask-image: initial;
  position: relative;
  z-index: 2;
  max-height: 670px;
}
@media (max-width: 991px) {
  .about-dr--three .about-dr__image {
    padding-right: 0;
    text-align: center;
}
}
.about-dr--three .about-dr__image__shape1, .about-dr--three .about-dr__image__shape2 {
  position: absolute;
  top: 112px;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}
.about-dr--three .about-dr__image__shape1 {
  max-width: 270px;
  z-index: 2;
  right: 10px;
  top: 184px;
  animation: skillEffec3_1 1.2s linear 0s infinite alternate;
}
@keyframes skillEffec3_1 {
  0% {
    transform: translateX(-8px);
}
100% {
    transform: translateX(0);
}
}
@media (max-width: 767px) {
  .about-dr--three .about-dr__image__shape1 {
    left: 0;
    right: 0;
    top: 20px;
    max-width: 300px;
    margin: 0 auto;
}
}
.about-dr--three .about-dr__image__shape2 {
  max-width: 574px;
  z-index: 1;
  left: -60px;
  animation: skillEffec3_2 1.6s linear 0s infinite alternate;
}
@keyframes skillEffec3_2 {
  0% {
    transform: translateX(10px);
}
100% {
    transform: translateX(0);
}
}
@media (max-width: 767px) {
  .about-dr--three .about-dr__image__shape2 {
    display: none;
}
}
.about-dr--three .about-dr__bigimage {
  position: relative;
  z-index: 4;
  object-position: center top;
  max-width: 528px;
}
.about-dr--three .about-dr__content {
  padding: 0 0 75px 35px;
  max-width: initial;
}
@media (max-width: 1199px) {
  .about-dr--three .about-dr__content {
    padding-left: 0;
}
}
@media (max-width: 991px) {
  .about-dr--three .about-dr__content {
    padding-top: 45px;
}
}
.about-dr--three .about-dr__content__qualitwrap__title {
  color: #07370a;
}
@media (max-width: 520px) {
  .about-dr--three .about-dr__content__listwrap {
    padding-right: 0;
}
}
.about-dr--three .sec-title__title {
  color: #07370a;
}

.about-dr--two .animate-border::after{
    border-left:
    10px solid #d9ecf0;
    border-right:
    10px solid #d9ecf0;
}





.service-block-two .inner-box .icon-box .title a{
    color: #000;
    font-size: 22px
}
.title-box{
    width: 70%
}
.service-block-two {
  margin-bottom: 30px;
}
.service-block-two .inner-box {
  position: relative;
  padding: 10px;

  background-color: #028397;
  border-radius: 5px;
  min-height: 500px;
}
.service-block-two .inner-box:hover .icon-box .icon {
  color: #d9ecf0;
  background-color: #028397;
}
.service-block-two .inner-box:hover .image img:first-child {
  -webkit-transform: translateX(0) scaleX(1);
  transform: translateX(0) scaleX(1);
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
}
.service-block-two .inner-box:hover .image img:nth-child(2) {
  -webkit-transform: translateX(-50%) scaleX(2);
  transform: translateX(-50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.service-block-two .inner-box .image {
  position: relative;
  display: block;
  margin-bottom: 0;
  overflow: hidden;margin: 0px 0px;
}
.service-block-two .inner-box .image img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.service-block-two .inner-box .image img:first-child {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  -webkit-transform: translateX(50%) scaleX(2);
  transform: translateX(50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.service-block-two .inner-box .icon-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 20px;
  margin-top: -30px;
  border-radius: 10px;
  padding: 15px 15px 15px 20px;
  background-color: #fff;
  z-index: 3;
}
@media (max-width: 575.98px) {
  .service-block-two .inner-box .icon-box {
    margin: -30px 5px 0;
}
}
.service-block-two .inner-box .icon-box .count {
  position: relative;
  color: var(--text-color);
  font-size: 18px;
  letter-spacing: -0.36px;
}
.service-block-two .inner-box .icon-box .title {
  position: relative;
  font-weight: 700;
  letter-spacing: -0.48px;
  margin-bottom: 5px;
}
.service-block-two .inner-box .icon-box .title a:hover {
  color: #028397;
}
.service-block-two .inner-box .icon-box .icon {
  position: relative;
  width: 60px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 35px;
  color: #028397;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 60px rgba(226, 9, 53, 0.2);
  box-shadow: 0px 0px 60px rgba(226, 9, 53, 0.2);
  background-color: #d9ecf0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.service-block-two .inner-box .icon-box .icon img{
    height: 35px
}
.post-slide{
    margin:10px;
}
.service-block-two .inner-box:hover .icon-box .icon img{
    filter: brightness(0) invert(1);
}
.service-block-two .inner-box .content {
  position: relative;
  padding: 15px 30px 12px;
}
@media (max-width: 1199.98px) {
  .service-block-two .inner-box .content {
    padding: 15px 15px 10px;
}
}
@media (max-width: 575.98px) {
  .service-block-two .inner-box .content {
    padding: 15px 5px 10px;
}
}
.service-block-two .inner-box .content .text {
  position: relative;
  margin-bottom: 23px;
  padding-bottom: 20px;
  border-bottom: 1.2px solid #fff;
  color: #fff
}
@media (max-width: 1199.98px) {
  .service-block-two .inner-box .content .text {
    padding-bottom: 15px;
    margin-bottom: 15px;
}
}
.service-block-two .inner-box .content .read-more {
  position: relative;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
.service-block-two .inner-box .content .read-more:hover {
  text-decoration: underline;
}
.treatments{
    padding: 60px 0 50px;
}


.marquee {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  padding: 14px 0;
  background: #028397;
}
.marquee span {
  text-transform: uppercase;
  will-change: transform;
  transform: translateX(0);
  white-space: nowrap;
  -webkit-animation: marquee 94s linear infinite;
  animation: marquee 94s linear infinite;
  font-size: 20px;
  font-weight: 400;
  color: #fff;
}



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


/*Testimonials*/
.testimonials{
    background-color: #d9ecf0;padding: 60px 0 50px;
}
.testimonials .animate-border::after {
  border-left:
  10px solid #d9ecf0;
  border-right:
  10px solid #d9ecf0;
}


.testi-style3 {
   position: relative;
   padding:
   30px 30px 30px 30px;
   margin:
   40px 0 30px 0;

   border-bottom:
   9px solid rgb(2, 131, 151);
   transition:
   all ease .4s;
   background-color: #fff;
   min-height: 200px;
   border-bottom-left-radius: 30px;
   border-radius: 30px;
}
.testi-style3 .testi-avater {
  width:80px;
  height:80px;
  position:absolute;
  top:-40px;
  padding:7px;
  background-color:#fff;
  border-radius:50%
}
.testi-style3 .testi-avater img {
  width:100%;
  border-radius:50%
}
.testi-style3 .testi-name {
  font-size:22px;
  margin-bottom:0px
}
.testi-style3 .testi-text {
  margin:0 0 15px 0;
  margin-top: 35px;
  text-align: left;
}
.testi-style3 .testi-degi {
  font-size:12px;
  text-transform:uppercase;
  font-weight:500;
  color:#028397
}
.testi-style3 .testi-icon {
  font-size:50px;
  line-height:1;
  margin-top:30px;
  position:absolute;
  right:40px;
  top:0;
  color:#028397;
  opacity:1;
  transition:all ease .4s
}
.testi-style3 .testi-rating {
  color:#f0d604;
  margin-bottom:5px;
  font-size:14px
}
.testi-style3 .testi-rating i {
  margin-right:5px
}
.testi-style3 .testi-degi {
  font-weight:500
}

@media screen and (max-width: 1420px){
   .about-dr--two .about-dr__left {
    width: 52%;
    position: relative;
    margin-left: 6%;
    }.about-dr--two .about-dr__right {
      width: 41%;
      position: relative;
  }
}

@media screen and (max-width: 1300px){
    .about-section .about_content{
        width: auto
    }
}

@media screen and (max-width: 1199px){
    .about-dr__content__text{
        width: 95%;
    }
}

@media screen and (max-width: 991px){
    .about-dr__content__qualitwrap__title{
        font-size: 20px
    }
    .about-dr__content__text {
      font-size: 15px;
  }
  .about-dr__content__list li {
      font-size: 15px;
  }

}

@media screen and (max-width: 767px){
    .treatments {
      padding:26px 0 10px;
  }
  .sectiontitle {
      font-size: 30px;
      margin-bottom: 4px;
  }
  .about-dr--two .about-dr__right{
    width: 100%
}
.animate-border{
    margin-bottom: 10px !important;
    }.testimonials {
      background-color: #d9ecf0;
      padding:
      28px 0 10px;
  }
  .about-dr--two {
      padding-top: 37px;
      padding-bottom: 40px;
  }
  .about-dr--two .about-dr__left {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    }.about-dr__content__text {
      font-size: 16px;
      line-height: 30px;
      margin:
      0 0 16px;
  }
  .about-dr__content__qualitwrap__title{
    font-size: 22px;
    padding-left: 7px;
}
.about-dr--two .about-dr__content__qualitwrap__col .skill-text {
  margin-top: 7px;
}
.about-dr--two .about-dr__content__qualitwrap__icon{
    font-size: 22px
    } .about-dr__content__qualitwrap {
        gap:
        15px 0px;
    }
    .about-dr__content__qualitwrap{
        margin-bottom: 18px;
    }
    .about-dr--two .about-one__content__qualitwrap__pricesbox{
        padding: 17px 27px 16px 20px;
    }
    .about-dr__content {
        margin-bottom: 26px;
    }
    .about-section {
      padding:
      40px 0 40px;
  }
  .about-section .about_content{
    width: 100%;
    margin-left: 0;
    }.about-section .about-image {
      position: relative;
      top: 0;
      left: 0;
  }
  .about-section .about-image{
    margin:0;width: 90%;
    margin:
    auto;
    }.about-section .about_content {
      position: relative;
      background:
      #fff;
      padding:
      0;
      box-shadow: none;margin-top: 20px;
  }
  .service-block-two .inner-box{
    min-height: 497px;
}
}





.bannersection{
  background:url('../images/bg.webp');
  background-size: cover;
  position: relative;
  padding-top: 130px;
  padding-bottom: 30px;
  margin-top: -120px;
  overflow:
  hidden;
  }.breadcrumb {
      list-style: none;
      display: block;
      position: relative;
      text-align: center;
      background: transparent;
      color: #fff;
      text-transform: uppercase;
      font-size: 15px;
      font-weight: 600;
      border-radius: 10px;

      width: fit-content;
      text-align: center;
      padding: 0;
      margin-left: auto;
      margin-right: auto;
  }

  .breadcrumb ul {
      margin: 0;
      padding: 0;
      line-height: 30px
  }

  .breadcrumb ul li {
      display: inline-block
  }

  .breadcrumb ul li:after {
      content: "»";
      font-weight: 700;
      color: #fff;
      font-size: 16px;
      padding: 0 5px 0 10px
  }

  .breadcrumb ul li:last-child:after {
      content: none
  }
  .bannersection h1{
    text-align: center;font-size: 40px;
    color: #fff;
    margin-bottom: 5px;
}
.breadcrumb ul li a {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  text-transform: capitalize
}
.bannersection::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background:rgba(0, 0, 0, 0.83);
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 1199px){
    .bannersection h1 {
      font-size: 33px;
  }
  .breadcrumb ul li a {
      font-size: 16px;
  }
  .sectiontitle {
      font-size: 33px;
  }
}
@media screen and (max-width: 991px){
    .bannersection h1 {
      font-size: 27px;
  }
  .breadcrumb ul li a {
      font-size: 14px;
      }.sectiontitle {
          font-size: 30px;
      }
  }

  @media screen and (max-width: 767px){
    .bannersection {
      padding-top: 20px;
      padding-bottom: 19px;
      margin-top: 0;
  }
}





/***

====================================================================
    Features Section
====================================================================

***/
.features-section {
  position: relative;
  padding: 60px 0 40px;
  background-color:#d9ecf0;
}
.features-section .icon-dots-3 {
  position: absolute;
  bottom: 0;
  left: 0;
}
@media only screen and (max-width: 1699px) {
  .features-section .icon-dots-3 {
    display: none;
}
}
.features-section .icon-dots-4 {
  position: absolute;
  top: 0;
  right: 0;
}
.features-section .icon-plane-6 {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (max-width: 1399.98px) {
  .features-section .icon-plane-6 {
    display: none;
}
}
.features-section .icon-parachute {
  position: absolute;
  top: 110px;
  right: 151px;
}
@media (max-width: 1399.98px) {
  .features-section .icon-parachute {
    display: none;
}
}

.feature-block {
  margin-bottom: 30px;
}
.feature-block .inner-box {
  position: relative;
  margin-top: 40px;
  padding: 65px 20px 30px;
  background-color: #fff;
  z-index: 3;
}

@media screen and (max-width:1600px){
    .feature-block .inner-box {
  padding:
65px 35px 30px;
}
}
@media screen and (max-width:1500px){
    .feature-block .inner-box {
  padding:
65px 68px 30px;
}
}
@media (max-width: 1199.98px) {
  .feature-block .inner-box {
    padding: 65px 13px 30px 15px;
}
}
.feature-block .inner-box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 100%;
  background-color: #028297;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.feature-block .inner-box:hover::before {
  left: 0;
  width: 100%;
}
.feature-block .inner-box:hover .icon {
  color: #028297;
  background-color: #fff;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.feature-block .inner-box:hover .text, .feature-block .inner-box:hover .title {
  color: #fff;
}
.feature-block .inner-box:hover .read-more span {
  width: 90px;
}
.feature-block .inner-box .icon {
  position: absolute;
  top: -40px;
  left: 35px;
  width: 80px;
  height: 80px;
  font-size: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  background: #028297;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

@media screen and (max-width: 1300px){
    .feature-block .inner-box
    {
        padding: 65px 36px 30px;
    }
}

@media (max-width: 1199.98px) {
  .feature-block .inner-box .icon {
    left: 20px;
    }  .feature-block .inner-box {
        padding:
        65px 30px 30px;
    }
}
.feature-block .inner-box .title {
  position: relative;
  color: #028297;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: -0.4px;
  margin-bottom: 6px;
  font-size: 30px
}
.feature-block .inner-box .text {
  position: relative;
  color: #000;
  margin-bottom: 5px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.feature-block .inner-box .read-more {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
.feature-block .inner-box .read-more:hover {
  text-decoration: underline;
}
.feature-block .inner-box .read-more span {
  position: relative;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  width: 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}


@media screen and (max-width: 767px){
    .features-section {
      position: relative;
      padding:35px 0 6px;
  }
  .feature-block .inner-box {
    padding:54px 30px 18px;
}
}




.abtimg {
    position: relative;
    right: 0;
    text-align: center;

}

.abtimg::before {
 transform: translate(-50%, -50%);
 left: 6%;
 width: 500px;
 height: 500px;
 border:
 3px dashed #028397;
 content: "";
 position: absolute;
 border-radius:
 50%;
 top: 7%;
 animation:
 rotate360 30s infinite linear;
}

.abtimg::after {
  transform: translate(-50%, -50%);
  left: 2.5%;
  width: 540px;
  height: 540px;
  border:
  3px dashed #00183c;
  content: "";
  position: absolute;
  border-radius:
  50%;
  top: 3.5%;
  animation:
  rotate360 30s infinite linear;
}

.abtimg img {
    border-radius: 50%;
    margin-bottom: -35px;
    padding: 50px
    }@media screen and (min-width:767px){
        .newminheighty{
            min-height:230px;
        }
    }

    @keyframes shadow-pulse {
        0% {
            box-shadow: 0 0 0 0 #fff
        }

        100% {
            box-shadow: 0 0 0 35px #fff0
        }
    }

    @keyframes rotate360 {
        from {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }

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


    .meetdr{
        padding: 60px 0 90px;
    }
    .meetdr p{
        margin-bottom: 10px
    }

    .meetdr h5{
        font-size: 26px;
        color: #000;
        font-weight: 500;
    }


    @media screen and (max-width: 1600px){
        .abtimg::before {
          left: 6.5%;
          width: 460px;
          height: 460px;
      }
      .abtimg::after {
          left: 3.5%;
          width: 490px;
          height: 490px;
          top: 3.8%;
      }
  }
  @media screen and (max-width: 1500px){
   .abtimg::before {
    left: 6.8%;
    width: 420px;
    height: 420px;
    top: 7.5%;
    } .abtimg::after {
        left: 3.5%;
        width: 450px;
        height: 450px;
        top: 3.8%;
    }
}
@media screen and (max-width: 1300px){
  .abtimg::before {
    left: 7%;
    width: 380px;
    height: 380px;
    top: 7.8%;
}
.abtimg::after {
    left: 4.5%;
    width: 400px;
    height: 400px;
    top: 5.8%;
}

}
@media screen and (max-width: 1199px){
    .abtimg{
        margin-bottom: 30px
    }
}
@media screen and (max-width: 991px){
  .abtimg {
    margin-bottom: 30px;
    width: 400px;
    height: 400px;
    }  .abtimg::before {
        left: 9%;
        width: 330px;
        height: 330px;
        top: 8.8%;
        }  .abtimg::after {
            left: 6.5%;
            width: 350px;
            height: 350px;
            top: 6.8%;
        }
    }

    @media screen and (max-width: 767px){
      .abtimg {
        margin-bottom:5px;
        width: 330px;
        height: 330px;
        }  .abtimg::before {
            left: 9%;
            width: 270px;
            height: 270px;
            top: 8.8%;
            }  .abtimg::after {
                left: 4.5%;
                width: 300px;
                height: 300px;
                top: 4.8%;
                }.meetdr {
                  padding:
                  20px 0 15px;
              }
              .meetdr h5 {
                  font-size: 20px;
              }
              .main-footer__copyright{
                font-size: 16px;
                }.main-footer--three .main-footer__top {
                  padding-top: 65px;
                  padding-bottom: 1px;
              }
          }







/***
=============================================
    Services Details
=============================================
***/
.service-sidebar {
  position: relative;
  display: block;
  width: 100%;
}
.service-sidebar .service-sidebar-single {
  position: relative;
  display: block;
  margin-bottom: 30px;
}
.service-sidebar .service-sidebar-single-services {
  position: relative;
  display: block;
  background: #f6f4ec;
  border-radius: 10px;
  padding: 35px 30px 25px;
}
.service-sidebar .service-sidebar-single-services .title {
  position: relative;
  display: block;
  margin-bottom: 12px;
  padding-left: 20px;
}
.service-sidebar .service-sidebar-single-services .title h3 {
  color: #032043;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.02em;
}
.service-sidebar .service-sidebar-single-services ul {
  position: relative;
  display: block;
  margin-top: 10px;
}
.service-sidebar .service-sidebar-single-services ul li {
  position: relative;
  display: block;
  margin-bottom: 5px;
  margin-top: -10px;
}
.service-sidebar .service-sidebar-single-services ul li:last-child {
  margin-bottom: 0;
}
.service-sidebar .service-sidebar-single-services ul li a {
  position: relative;
  display: block;
  color: var(--agriox-color-1, #687469);
  font-size: 18px;
  padding: 22px 20px 22px;
  border-radius: 10px;
  background: transparent;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.service-sidebar .service-sidebar-single-services ul li a:hover {
  color: #032043;
}
.service-sidebar .service-sidebar-single-services ul li a:hover::before {
  opacity: 1;
  -webkit-transform: perspective(400px) rotateX(0deg);
  transform: perspective(400px) rotateX(0deg);
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.service-sidebar .service-sidebar-single-services ul li a:hover i {
  color: #028297;
}
.service-sidebar .service-sidebar-single-services ul li a::before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  z-index: -1;
  opacity: 1;
  -webkit-transform: perspective(400px) rotateX(90deg);
  transform: perspective(400px) rotateX(90deg);
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  background: #ffffff;
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}
.service-sidebar .service-sidebar-single-services ul li a i {
  font-size: 16px;
}
.service-sidebar .service-sidebar-single-services ul li.current a::before {
  opacity: 1;
  -webkit-transform: perspective(400px) rotateX(0deg);
  transform: perspective(400px) rotateX(0deg);
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.service-sidebar .service-sidebar-single-services ul li.current a i {
  color: #028297;
}
.service-sidebar .service-sidebar-single-services ul li.current:first-child {
  margin-top: 20px;
}
.service-sidebar .service-sidebar-single-services ul li.current:last-child {
  margin-bottom: 35px;
}
.service-sidebar .service-sidebar-single-contact-box {
  position: relative;
  display: block;
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  padding: 50px 0px 44px;
  z-index: 1;
}
.service-sidebar .service-sidebar-single-contact-box::before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(109, 140, 84, 0.93);
  border-radius: 10px;
  content: "";
  z-index: -1;
}
.service-sidebar .service-sidebar-single-contact-box .icon {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  text-align: center;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  border-radius: 50%;
  background: #032043;
}
.service-sidebar .service-sidebar-single-contact-box .icon:hover {
  background-color: #032043;
}
.service-sidebar .service-sidebar-single-contact-box .icon:hover span::before {
  color: #fff;
}
.service-sidebar .service-sidebar-single-contact-box .icon span::before {
  position: relative;
  display: inline-block;
  color: #032043;
  font-size: 30px;
  line-height: 60px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.service-sidebar .service-sidebar-single-contact-box .title {
  position: relative;
  display: block;
  margin-top: 20px;
  margin-bottom: 42px;
}
.service-sidebar .service-sidebar-single-contact-box .title h2 {
  color: #ffffff;
  font-size: 36px;
}
.service-sidebar .service-sidebar-single-contact-box .phone {
  font-size: 24px;
  line-height: 34px;
}
.service-sidebar .service-sidebar-single-contact-box .phone a {
  color: #ffffff;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.service-sidebar .service-sidebar-single-contact-box .phone a:hover {
  color: #028297;
}
.service-sidebar .service-sidebar-single-contact-box p {
  color: #ffffff;
  font-size: 14px;
  line-height: 22px;
}
.service-sidebar .service-sidebar-single-btn {
  position: relative;
  display: block;
}
.service-sidebar .service-sidebar-single-btn .thm-btn {
  font-size: 16px;
  padding: 13px 50px 28px;
}
.service-sidebar .service-sidebar-single-btn .thm-btn span::before {
  position: relative;
  display: inline-block;
  top: 13px;
  color: #334b35;
  font-size: 40px;
  padding-right: 25px;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
  font-weight: 500;
}
.service-sidebar .service-sidebar-single-btn .thm-btn:hover span::before {
  color: #ffffff;
}
.service-sidebar .banner-widget {
  position: relative;
  display: block;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);
}
.service-sidebar .banner-widget .widget-content {
  position: relative;
  display: block;
  width: 100%;
  padding: 45px 30px 40px 30px;
  background-size: cover;
  background-repeat: no-repeat;
}
.service-sidebar .banner-widget .widget-content .shape {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 278px;
  background-repeat: no-repeat;
  background-size: cover;
}
.service-sidebar .banner-widget .content-box {
  position: relative;
  max-width: 200px;
  width: 100%;
}
.service-sidebar .banner-widget .content-box .icon-box {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 40px;
  background-color: #032043;
  color: ;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 23px;
}
.service-sidebar .banner-widget .content-box .icon-box .icon-shape {
  position: absolute;
  top: -15px;
  right: -38px;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
}
.service-sidebar .banner-widget .content-box h3 {
  display: block;
  font-size: 24px;
  line-height: 32px;
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 22px;
}
.service-sidebar .banner-widget .content-box .theme-btn-two:hover {
  background: #0a267a;
}
.service-sidebar .service-sidebar-single-btn .theme-btn {
  padding: 20px 50px;
}
.service-sidebar .service-sidebar-single-btn .theme-btn .btn-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.service-sidebar .service-sidebar-single-btn .theme-btn span::before {
  position: relative;
  display: inline-block;
  font-size: 36px;
  padding-right: 25px;
  margin-top: 7px;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
  font-weight: 500;
}

.services-details__content .feature-list .single-item {
  position: relative;
  display: block;
  border: 1px solid #e1e8e4;
  padding: 16px 30px 16px 53px;
  margin-bottom: 20px;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
}
.services-details__content .feature-list .single-item .icon-box {
  color: #028297;
  position: absolute;
  left: 20px;
  top: 16px;
  font-size: 18px;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
}
.services-details__content .feature-list .single-item .title {
  display: block;
  margin: 0;
  font-size: 16px;
  line-height: 32px;
  font-weight: 600;
  text-transform: uppercase;
}
.services-details__content .feature-list .single-item .title:hover {
  color: green;
}
.services-details__content .feature-list .single-item:hover {
  background-color: #032043;
  color: green;
}
.services-details__content .feature-list .single-item:hover .icon-box,
.services-details__content .feature-list .single-item:hover .title {
  color: green;
}

.service-list li {
  position: relative;
  display: block;
  margin-bottom: 10px;
}
.service-list li:last-child {
  margin-bottom: 0px;
}
.service-list li a {
  position: relative;
  display: block;
  font-size: 18px;
  color: #032043;
  font-weight: 600;
  transition: 0.5s ease;
  background-color: #fff;
  padding: 17px 20px 17px 50px;
  -webkit-box-shadow: 20px 5px 20px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 20px 5px 20px 0px rgba(0, 0, 0, 0.05);
}
.service-list li a:hover, .service-list li a.current {
  color: white;
  background-color: #028297;
  padding-left: 70px;
}
.service-list li a:hover i, .service-list li a.current i {
  width: 60px;
  color:white ;
  background-color: #032043;
}
.service-list li i {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0px;
  top: 0px;
  width: 30px;
  height: 100%;
  background-color: #f6f4ec;
  text-align: center;
  font-size: 16px;
  color: #707582;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.services-details{
    padding: 70px 0
}

.services-details__content p{
    margin-bottom: 10px;
}

.services-details__content p a {
  color: #028397;font-weight: 500
}

.services-details__content ul li {
  margin-left: 15px;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 30px;
  list-style: disclosure-closed;
}
.services-details__content ul li::marker{
    color: #028397;
}
@media screen and (max-width: 1500px){
    .service-list li a {
      font-size: 16px;
  }
}
@media screen and (max-width: 1300px){
    .service-list li a {
      font-size: 15px;
  }
}
@media screen and (max-width: 1199px){
    .service-list li a {
      font-size: 16px;
  }
  .service-sidebar {
      margin-top: 20px;
  }
  .services-details__content h2{
    font-size: 28px
}
}
@media screen and (max-width: 767px){
   .services-details__content h2{
    font-size: 25px
    }.services-details {
      padding:
      35px 0 10px;
      } .main-footer--three .main-footer__top {
        padding-top: 37px;
        padding-bottom: 1px;
    }
    .about-one__content__list li, p{
        font-size: 15px;
        line-height: 27px
    }
}

.testimonialsinternal{
    background: #fff
}
.testimonialsinternal .testi-style3{
    margin-top: 10px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}









.box-cards{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 30px 30px 15px;
    overflow: hidden;
    border-radius: 3px;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
.box-cards  ul {
  padding: 0;
  margin: 0;
}
.box-cards ul li {
  list-style: none;
  margin-bottom: 15px;
}
.box-cards ul li a {
  list-style: none;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  color: #212112;
}
.box-cards ul li i {
  padding-right: 10px;
  color: #028397 !important;
}
.contactus{
    padding: 70px 0;
}
.contactus .form-control{
    margin-bottom: 10px;
}
.contactus .sec-title2{
    font-size: 30px;
    margin-bottom: 20px;
}
.contactus .btn{
    background: #028397;
    color: #fff;
    border: 1px solid #028397;
    margin-top: 15px;
    transition: 0.5s ease;
    margin-bottom: 15px;
}
.contactus .btn:hover{
    background: #fff;
    color: #028397;
    border: 1px solid #028397;
    margin-top: 15px;
    transition: 0.5s ease;
}
.contactus textarea{
  height: 135px;
}
.contactus iframe{
    margin-bottom: 50px;
}


.gallery-section{
    padding: 60px 0 30px;
}

.gallery-box{
    margin-bottom: 30px;
}
.condition{
    padding: 60px 0 50px;
}

.condition ul{
    padding-left: 15px;
}
.condition h5{
    font-size: 26px;
  color: #028397;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 10px
}
.condition ul li {
  margin-left: 15px;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 30px;
  list-style:
disclosure-closed;
}.condition ul li::marker {
  color: #028397;
}
.videoclas{
    margin-bottom:30px;
}

@media screen and (max-width: 767px){
    .gallery-section {
      padding:
      30px 0 15px;
  }
  .gallery-box{
    margin-bottom: 20px;
}
section{
    overflow: hidden;
    }.contactus {
      padding:
      35px 0;
  }.condition {
  padding:
30px 0 28px;
}.condition h5 {
  text-align: left;
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 20px;
}
.condition p{
    text-align: left !important;
}.condition ul {
  padding-left: 0;
}
.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  }
}