@import url("https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;500;600;700;800&display=swap");
html {
    color: #000;
    background: #FFF;
  }

  .grecaptcha-badge {
    visibility: hidden;
  }
  
  .bvi-shortcode {
    padding: 5px 0 !important;
  }

  @media (max-width: 575px) {
    .bvi-shortcode {
      padding: 15px 0 !important;
    }
  }


body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset,
img {
  border: 0;
}

img {
    max-width: 100%;
    height: auto;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: normal;
}

li {
  list-style: none;
}

caption,
th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

a {
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
}

a:hover {
    cursor: pointer;
}

q:before,
q:after {
  content: "";
}

abbr,
acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

input,
textarea,
select {
  font-size: 100%;
}

legend {
  color: #000;
}

html,
body {
  width: 100%;
  font-family: "Mulish", sans-serif;
  font-weight: normal;
  line-height: normal;
  background-color: #fff;
  color: #383838;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
}

a {
  text-decoration: none;
  color: inherit;
}

a:hover {
  color: inherit;
  text-decoration: none;
}

a:focus {
  outline: none;
}

li:focus {
  outline: none;
}

select {
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  border-style: none;
  background: 0;
  padding: 0;
}

input,
textarea,
button {
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  border-style: none;
  background: 0;
  padding: 0;
  font: inherit;
}

input:not([type=checkbox]),
textarea:not([type=checkbox]),
button:not([type=checkbox]) {
  -webkit-appearance: none;
  -moz-appearance: none;
}

label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

section {
  position: relative;
  display: block;
  width: 100%;
}

img {
  color: #383838;
  font-size: 12px;
  text-align: center;
  font-family: "Mulish", sans-serif;
  font-weight: normal;
  max-width: 100%;
  height: auto;
}

label {
  margin: 0;
}

.h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5,.h6,h6 {
    text-transform: none;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 15px 0
}

.h1,h1 {
    font-size: 42px;
    line-height: 1.18
}

.h2,h2 {
    font-size: 32px;
    line-height: 1.327
}

.h3,h3 {
    font-size: 28px;
    line-height: 1.278
}

.h4,h4 {
    font-size: 24px;
    line-height: 1.333
}

.h5,h5 {
    font-size: 22px;
    line-height: 1.417
}

.h6,h6 {
    font-size: 20px;
    line-height: 1.5
}

@media (max-width: 1199px) {
    .h1,h1 {
        font-size:54px;
        line-height: 1.3
    }

    .h2,h2 {
        font-size: 36px;
        line-height: 1.3
    }

    .h3,h3 {
        font-size: 30px
    }

    .h4,h4 {
        font-size: 24px
    }

    .h5,h5 {
        font-size: 20px
    }

    .h6,h6 {
        font-size: 16px
    }
}

@media (max-width: 767px) {
    .h1,h1 {
        font-size:40px
    }

    .h2,h2 {
        font-size: 34px;
        line-height: 1.3
    }

    .h3,h3 {
        font-size: 26px
    }

    .h4,h4 {
        font-size: 22px
    }

    .h5,h5 {
        font-size: 18px
    }

    .h6,h6 {
        font-size: 16px
    }
}

@media (max-width: 575px) {
    .h1,h1 {
        font-size:34px;
        line-height: 1.35
    }

    .h2,h2 {
        font-size: 28px
    }
}

@media (max-width: 375px) {
    .h1,h1 {
        font-size:32px
    }
}


/* .sub-title {
    display: block;
    color: var(--title-color);
    font-size: 40px;
    line-height: 40px;
    font-weight: 400;
    font-family: var(--style-font);
    position: relative;
    margin-bottom: -4px
}

@media (max-width: 480px) {
    .sub-title {
        font-size:30px;
        line-height: 30px
    }
}

@media (max-width: 375px) {
    .sub-title {
        font-size:25px;
        line-height: 25px
    }
} */

.header {
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
  }
  
  @media (max-width: 767px) {
    .header {
      position: fixed;
      top: 0;
      width: 100%;
      background: #fff;
      z-index: 96;
      -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
      box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
    }
  }
  
  
.header .header-center {
    background: #fff;
    padding: 15px 0;
    color: #383838;
  }
  
  .header .header-center .header-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .header .header-center .logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 380px;
  }

  .header .header-center .logo img {
    max-width: 86px;
  }
  
  .header .header-center .logo .descript {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    max-width: 245px;
    padding: 7px 0 7px 16px;
    border-left: 1px solid rgba(0, 0, 0, 0.4);
    margin-left: 16px;
  }
  
  .header .header-center .header-adress-box {
    font-size: 16px;
    line-height: 1.6;
  }
  
  .header .header-center .header-adress-box a {
    color: #383838;
  }
  
  .header .header-center .header-adress-box a:hover {
    color: #0071bb;
  }
  
  .header .header-center .header-adress-box svg {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    fill: #0071bb;
    position: relative;
    top: 0px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
  }
  
  .header .header-center .header-adress-box .header-sheme {
    font-size: 12px;
    line-height: 1.6;
    margin-left: 28px;
  }
  
  .header .header-center .header-adress-box .header-sheme a {
    border-bottom: 1px dotted #a6a6a6;
  }
  
  .header .header-center .header-tel-mobile {
    display: none;
  }
  
  .header .header-center .header-tel-box {
    text-align: right;
  }

  .header .header-center .header-tel-box .header-email {
    font-size: 16px;
    line-height: 1.6;
  }
  
  .header .header-center .header-tel-box .phone {
    font-size: 22px;
    line-height: 1.6;
    margin-bottom: 10px;
    color: #0071bb;
  }
  
  .header .header-center .header-tel-box .header-time {
    font-size: 12px;
    line-height: 1.6;
  }
  
  .header .header-center .header-tel-box .header-time span {
    font-weight: 700;
  }
  
  .header .menu-wrap-box {
    background: #0071bb;
  }
  
  .header .menu-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .header .menu-wrap .main-menu {
    position: relative;
    width: 100%;
  }
  
  .header .menu-wrap .main-menu>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    padding: 0;
  }
  
  .header .menu-wrap .main-menu>ul>li {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 315px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
  }
  
  .header .menu-wrap .main-menu>ul>li>a {
    font-size: 17px;
    line-height: 20px;
    font-weight: 400;
    text-align: center;
    width: 100%;
    padding: 19px 0px;
    color: #fff;
    border-bottom: 2px solid #0071bb;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
  }
  
  .header .menu-wrap .main-menu>ul>li:hover {
    background: #ee2f23;
  }
  
  .header .menu-wrap .main-menu>ul>li:hover>a {
    border-bottom: 2px solid #fff;
  }

  .header .menu-wrap .main-menu>ul>li.has-child ul {
    position: absolute;
    text-align: left;
    top: 100%;
    left: 0;
    width: 100%;
    min-width: 320px;
    -webkit-transition: .0s;
    -o-transition: .0s;
    transition: .0s;
    background: #0784d5;
    border: 0;
    z-index: 10;
    display: none;
    padding: 5px 0px;
    border-bottom: 2px solid #fff;
  }
  
  .header .menu-wrap .main-menu>ul>li.has-child:hover ul {
    display: block;
  }
  
  .header .menu-wrap .main-menu>ul>li.has-child ul li {
    margin-bottom: 15px;
    display: block;
  }
  
  .header .menu-wrap .main-menu>ul>li.has-child ul li:last-child {
    margin-bottom: 0px;
  }
  
  .header .menu-wrap .main-menu>ul>li.has-child ul li a {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.6;
    padding: 5px 20px;
    display: block;
    color: #FFFFFF;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
  }
  
  .header .menu-wrap .main-menu>ul>li.has-child ul li a:hover {
    background-color: #0071bb;
  }
  
  .header .menu-wrap .main-menu>ul>li>a>sup {
    background: #ffffff;
    color: #383838;
    font-size: 11px;
    line-height: 12px;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    display: inline-block;
    padding: 2px 0;
    margin-left: 3px;
  }


@media (max-width:1399px) {
    .header .menu-wrap .main-menu>ul>li>a {
      font-size: 16px;
    }
  
  }
  
  @media (max-width:1199px) {
    .header .header-center .logo {
        min-width: 205px;
        width: 205px;
    }
  
    .header .header-center .logo img {
        max-width: 70px;
      }

    .header .header-center .logo .descript {
      font-size: 11px;
      max-width: 125px;
      border-left: 0px;
      margin-left: 0;
    }
    .header .header-center .header-tel-box .header-email {
        font-size: 14px;
    }
  }
  
  @media (max-width:991px) {
    .header .menu-wrap .main-menu {
      width: 100%;
    }
  
    .header .menu-wrap .main-menu>ul>li.has-child .main-menu-child {
      width: 100%;
    }
  
    .header .menu-wrap .main-menu>ul>li.has-child ul li:nth-child(3n),
    .header .menu-wrap .main-menu>ul>li.has-child ul li:nth-child(6n),
    .header .menu-wrap .main-menu>ul>li.has-child ul li:nth-child(12n) {
      margin-right: 0;
    }
  
    .header .header-center .header-adress-box {
      display: none;
    }
  }
  
  .mobile-menu {
    display: none;
  }
  
  .dptoggle {
    display: none;
  }
  
  @media (max-width: 991px) {
    .header .menu-wrap {
      display: none;
    }
  
    .dptoggle {
      color: #fff;
      padding: 0;
      height: 38px;
      width: 38px;
      margin: 0;
      display: block;
      background: #ee2f23;
      text-transform: uppercase;
      font-size: 14px;
      line-height: 1;
      position: relative;
      z-index: 992;
    }
  
    .dpclose {
      position: absolute;
      top: 13px;
      right: 12px;
      padding: 0;
      height: 38px;
      width: 38px;
      margin: 0;
      display: block;
      background: #F4F5F6;
      color: #000;
      text-transform: uppercase;
      font-size: 14px;
      line-height: 1;
      z-index: 992;
    }
  
    .dptoggle.active {
      background: #F4F5F6;
      color: #000;
    }
  
    .dptoggle:hover {
      cursor: pointer;
    }
  
    .dptoggle,
    .dptoggle:focus,
    .dptoggle:hover {
      outline: 0;
      border: 0;
    }
  
    .dptoggle span:first-child,
    .dpclose span:first-child {
      position: absolute;
      width: 20px;
      height: 2px;
      border-radius: 2px;
      display: block;
      background-color: #fff;
      top: 50%;
      left: 9px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
    }
  
    .dptoggle span:first-child::before,
    .dpclose span:first-child::before {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #fff;
      display: block;
      top: -6px;
      left: 0;
      border-radius: 2px;
    }
  
    .dptoggle span:first-child::after,
    .dpclose span:first-child::after {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #fff;
      display: block;
      top: 6px;
      left: 0;
      border-radius: 2px;
    }
  
    .dptoggle.active span:first-child,
    .dpclose.active span:first-child {
      background-color: transparent;
    }
  
    .dptoggle.active span:first-child::after,
    .dpclose.active span:first-child::after {
      top: 0;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      background: #000;
    }
  
    .dptoggle.active span:first-child::before,
    .dpclose.active span:first-child::before {
      top: 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      background: #000;
    }
  
    .header .header-center {
      padding: 10px 0;
    }
  
    .header .header-center .header-tel-box {
      margin-right: 20px;
    }
  
    .mobile-menu {
      display: none;
      position: fixed;
      overflow-y: auto;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%;
      color: #fff;
      padding: 20px 0px 0px;
      background: #F4F5F6;
      z-index: 991;
    }
  
    .mobile-menu.active {
      display: block;
    }
  
    .mobile-menu .mobile-logo {
      text-align: center;
      margin-bottom: 20px;
    }

    .mobile-menu .mobile-logo img {
        width: 90px;
    }
  
    .mobile-menu .mobile-main-menu ul {
      display: block;
      margin-bottom: 10px;
      padding-left: 0px;
      text-align: center;
    }
  
    .mobile-menu .mobile-sub-menu ul {
      display: block;
      margin-bottom: 0px;
      padding-left: 0px;
      text-align: center;
    }
  
    .mobile-menu .mobile-main-menu>ul>li,
    .mobile-menu .mobile-sub-menu>ul>li {
      padding: 10px 0px;
      display: block;
      position: relative;
    }
  
    .mobile-menu .mobile-main-menu ul li .li-img {
      display: none;
    }
  
    .mobile-menu .mobile-main-menu ul li a,
    .mobile-menu .mobile-sub-menu ul li span,
    .mobile-menu .mobile-sub-menu>ul>li>a {
      color: #000;
      font-weight: 500;
      font-size: 20px;
      line-height: 1.6;
      position: relative;
    }
  
    .mobile-menu .mobile-sub-menu ul li ul li a {
      color: #000;
      font-weight: 500;
      font-size: 17px;
      line-height: 1.6;
    }
  
    .mobile-menu .mobile-main-menu>ul>li.has-child ul,
    .mobile-menu .mobile-sub-menu>ul>li.has-child ul {
      display: none;
      margin-top: 15px;
      margin-bottom: 15px;
      font-size: 16px;
    }
  
    .mobile-menu .mobile-main-menu>ul>li.has-child ul li,
    .mobile-menu .mobile-sub-menu>ul>li.has-child ul li {
      margin-bottom: 7px;
      font-size: 16px;
    }
  
    .mobile-menu .mobile-main-menu>ul>li.has-child>a::before,
    .mobile-menu .mobile-sub-menu>ul>li.has-child>span::before {
      content: url(../img/down.svg);
      width: 22px;
      height: 22px;
      position: absolute;
      right: -23px;
      top: 0px;
    }
  
    .mobile-menu .mobile-main-menu>ul>li.has-child.active>a::before,
    .mobile-menu .mobile-sub-menu>ul>li.has-child.active>span::before {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
      top: 8px;
    }
  
    .mobile-menu .mobile-main-menu>ul>li>a>sup {
      background: #fff;
      color: #383838;
      font-size: 11px;
      line-height: 12px;
      height: 16px;
      width: 16px;
      position: absolute;
      border-radius: 50%;
      display: inline-block;
      padding: 2px 0;
      margin-left: 3px;
    }
  
    .mobile-menu .mobile-main-menu .has-child {
      display: none;
    }
  
    .mobile-menu .mobile-btns {
      text-align: center;
      color: #323232;
      padding-bottom: 10px;
    }
  
    .mobile-menu .mobile-btns .phone {
      color: #0071bb;
      font-size: 22px;
      display: block;
      margin-bottom: 10px;
    }
  
    .mobile-menu .mobile-btns .header-time {
      font-size: 13px;
    }
  
    .mobile-menu .mobile-btns .header-zvonok {
      margin-top: 48px;
      position: relative;
      margin-bottom: 25px;
    }
  
    .mobile-menu .mobile-btns button {
      font-size: 16px;
      line-height: 1.6;
      border-radius: 20px;
      padding: 10px 20px;
      -webkit-transition: .2s;
      -o-transition: .2s;
      transition: .2s;
      text-align: left;
      border: 0;
      outline: 0;
      background: #1D1D1D;
      color: #fff;
    }
  }

  @media (max-width: 767px) {
    .header-wrap .th-btn {
        display: none;
    }
  }
  
  @media (max-width: 575px) {
    .header .header-center .header-tel-box {
      display: none;
    }

    .header .header-center .logo img {
        max-width: 44px;
      }
  
    .header .header-center .header-tel-mobile {
      display: block;
      width: 38px;
      height: 38px;
      margin-right: 10px;
    }
  
    .header .header-center .header-tel-mobile img {
      width: 100%;
    }
  
    .header .header-center .logo {
      width: calc(100% - 90px);
      max-width: calc(100% - 90px);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
    }
  
    .logo img {
      max-width: 100px;
    }
  
    .header .header-center .logo .descript {
      font-weight: 300;
      max-width: 135px;
      font-size: 12px;
      line-height: 1.4;
      padding: 0px 0 0px 16px;
      border-left: 1px solid rgba(0, 0, 0, 0.4);
      margin-left: 16px;
    }
  
    .header .header-center .header-tel-box {
      margin-right: 0px;
    }
  }
  
  @media (max-width: 460px) {
    .header .header-center .header-tel-box .phone {
      font-size: 16px;
    }
  
    .header .header-center .header-tel-box .header-time {
      font-size: 11px;
    }
  }
  
  @media (max-width: 369px) {
    .header .header-center .logo .descript {
      max-width: 115px;
      font-size: 10px;
      line-height: 1.2;
      padding: 0px 0 0 6px;
      margin-left: 6px;
    }
  }
  
  @media (max-width: 340px) {
    .header .header-center .logo {
      min-width: 205px;
    }
  
    .header .header-center .header-tel-mobile {
      margin-right: 5px;
    }
  
    .header .header-center .header-tel-box .phone {
      font-size: 14px;
    }
  
    .header .header-center .header-tel-box .header-time {
      font-size: 10px;
    }
  }

  .bvi-widget,
.bvi-shortcode a,
.bvi-widget a,
.bvi-shortcode {
  background: transparent !important;
}


.th-btn {
    position: relative;
    z-index: 2;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
    background-color: #ee2f23;
    color: #fff;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    font-size: 16px;
    font-weight: 400;
    padding: 18px 35px;
    border-radius: 48px;
    -webkit-transition: all 0.3s 0s ease-out;
    transition: all 0.3s 0s ease-out;
    gap: 8px
}

.th-btn.th-icon:after {
    content: '';
    position: relative;
    -webkit-mask-image: url(../img/arrow-right.svg);
    mask-image: url(../img/arrow-right.svg);
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: auto;
    mask-size: auto;
    background-color: #fff;
    width: 24px;
    height: 24px;
    display: block;
    cursor: pointer;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.th-btn:before {
    content: '';
    width: 0;
    height: 100%;
    border-radius: 30em;
    position: absolute;
    top: 0;
    left: -5%;
    background-color: #0071bb;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    display: block;
    cursor: pointer;
    z-index: -1
}

.th-btn:hover,.th-btn.active {
    color: #fff;
    box-shadow: none
}

.th-btn:hover {
    cursor: pointer;
}

.th-btn:hover.th-icon i,.th-btn.active.th-icon i {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.th-btn:hover:before,.th-btn.active:before {
    width: 110%
}

.background-image, [data-bg-src] {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.th-hero-bg {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.th-hero-bg img {
    position: relative;
    height: 100%;
    width: 100%;
    object-fit: cover;
    overflow: hidden
}

.hero-3 {
    position: relative;
    z-index: 3;
    overflow: initial
}

.hero-3 .th-hero-bg {
    width: 100%;
    height: 100%
}

.hero-3 .th-hero-bg:before {
    content: "";
    position: absolute;
    inset: 0;
    background: -webkit-linear-gradient(167.93deg, rgba(13,13,12,0) -4.13%, rgba(13,13,12,0.7) 84.33%);
    background: linear-gradient(282.07deg, rgba(13,13,12,0) -4.13%, rgba(13,13,12,0.7) 84.33%)
}

.hero-3 .scroll-down {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    position: absolute;
    bottom: 30px;
    right: -50px;
    width: 150px;
    height: 141px;
    text-align: center;
    z-index: 2;
    color: #fff
}

@media (max-width: 1699px) {
    .hero-3 .scroll-down {
        right:-70px;
        width: 142px;
        height: 10px
    }
}

@media (max-width: 991px) {
    .hero-3 .scroll-down {
        display:none
    }
}

.hero-3 .scroll-down .scroll-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    color: #fff;
    font-weight: 300
}

.hero-3 .scroll-down .scroll-wrap span {
    min-width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    border: 1px solid #fff
}

.hero-3 .scroll-down .scroll-wrap span img {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-bottom: 4px
}


.hero-style3 {
    position: relative;
    padding: 175px 0 208px 0;
    max-width: 760px;
    display: block;
    z-index: 4
}

@media (max-width: 1199px) {
    .hero-style3 {
        padding: 145px 0 178px 0;
    }
}

@media (max-width: 991px) {
    .hero-style3 {
        text-align:center;
        padding: 90px 0;
    }
}


@media (max-width: 767px) {
    .hero-style3 {
        text-align:center;
        padding: 170px 0 70px;
    }
}

@media (max-width: 375px) {
    .hero-style3 {
        padding: 140px 0 70px;
    }
}

.hero-style3 .hero-title {
    font-size: 38px;
    line-height: 1.4;
    font-weight: bold;
    color: #fff;
    margin-top: -1.2rem;
    margin-bottom: 20px
}



@media (max-width: 767px) {
    .hero-style3 .hero-title {
        font-size:28px;
    }
}

@media (max-width: 575px) {
    .hero-style3 .hero-title {
        font-size:24px;
        margin-top: -0.8rem
    }
}

@media (max-width: 375px) {
    .hero-style3 .hero-title {
        font-size:20px;
    }
}

.hero-style3 .hero-text {
    color: #fff;
    font-size: 22px;
    max-width: 560px;
    margin-bottom: 40px
}

@media (max-width: 991px) {
    .hero-style3 .hero-text {
        display:block;
        margin: auto auto 40px auto
    }
}
@media (max-width: 575px) {
.hero-style3 .hero-text {
    font-size: 16px;
}
}

.destination-sec {
    padding: 0 0 70px;
}

.destination-wrapper {
    position: relative;
    margin-bottom: 80px
}
@media (max-width: 991px) {
    .destination-wrapper {
        margin-bottom: 0px
    }
}
.destination-item3 {
    position: relative
}

.destination-item_1 {
    max-width: 360px;
}

.destination-item3 .destination-img img {
    width: 100%;
    border-radius: 30px
}

.destination-item3 .destination-content {
    position: absolute;
    right: 30px;
    top: 30px;
    background-color: #fff;
    border-radius: 20px;
    padding: 10px 20px
}

.destination-item3 .destination-content:hover {
    background-color: #ee2f23;
    color: #fff;
}

.destination-item3 .box-title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 0
}

.destination-item3 .destination-subtitle {
    font-size: 14px;
}

.destination-item3:nth-child(1) {
    position: absolute;
    top: 40px;
    left: -20%;
    z-index: 2
}

@media (max-width: 1199px) {
    .destination-item3:nth-child(1) {
        left:-3%
    }
}

@media (max-width: 991px) {
    .destination-item3:nth-child(1) {
        position:relative;
        top: 0;
        left: 0;
        margin-bottom: 30px
    }
}

.destination-item3:nth-child(1) .destination-content {
    right: unset;
    left: 30px
}

.destination-item3:nth-child(3) {
    position: absolute;
    width: 560px;
    bottom: -80px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (max-width: 991px) {
    .destination-item3:nth-child(3) {
        position:relative;
        bottom: 0;
        width: 100%;
        margin-top: 30px
    }
}

.destination-item3:nth-child(3) .destination-content {
    right: unset;
    left: 30px
}

.destination-sec .title-area {
    position: relative;
    top: -120px;
}

@media (max-width: 1199px) {
    .destination-sec .title-area {
        top: 0px;
    }
}


.choose-area2 {
    max-width: 1760px;
    width: 100%;
    display: block;
    margin: 50px auto;
    background: #0071bb;
    border-radius: 30px;
    padding: 60px 0
}

@media (max-width: 1799px) {
    .choose-area2 {
        border-radius:0
    }
}

@media (max-width: 767px) {
    .choose-feature {
        text-align:center
    }
}

.choose-feature_wrapp:not(:last-child) .choose-feature {
    border-right: 2px solid rgba(255,255,255,0.1)
}

.choose-feature_wrapp .choose-feature {
    padding: 0 24px 0 0;
}

.choose-feature_wrapp .choose-feature .box-img {
    overflow: hidden;
}

.choose-feature_wrapp .choose-feature .box-img img {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.choose-feature_wrapp .choose-feature:hover .box-img img {

    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
}

.choose-feature_wrapp .choose-feature:hover .box-title {
    color: ;
}

@media (max-width: 1399px) {
    .choose-feature_wrapp:not(:last-child) .choose-feature {
        border-right:0;
        padding: 0 0px 0 0;
    }
}

.choose-feature .box-img {
    border-radius: 20px;
    margin-bottom: 30px
}

.choose-feature .box-img img {
    border-radius: 20px
}

.choose-feature .box-title {
    color: #fff;
    margin-bottom: 7px;
    font-size: 24px;
    line-height: 1.417;
    font-weight: 600;
    margin-top: -0.32em;
    font-weight: 700
}

.choose-feature .box-text {
    color: #fff;
    margin-bottom: -0.3rem
}


.choose-feature .box-text p {
    font-family: var(--body-font);
    margin: 0 0 18px 0;
    line-height: 1.75;
}

.choose-feature:hover .box-icon img {
    -webkit-transform: scale(-1) rotate(180deg);
    -ms-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate(180deg)
}

.blog-sec {
    padding: 70px 0;
    background-color: #e9f6f9;
}

@media(max-width: 767px) {
    .blog-sec {
        padding: 50px 0;
    }
}

.blog-sec_title {
    margin-bottom: 40px;
}

@media(max-width: 767px) {
    .blog-sec .title-area {
        margin-bottom: 20px;
    }
}

.blog-box {
    position: relative;
    margin-bottom: 40px;
}

.blog-box .blog-img {
    margin-bottom: 35px;
    max-height: 270px;
    border-radius: 16px
}

.blog-box .blog-img img {
    border-radius: 16px
}

.blog-box .blog-img {
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.blog-box .blog-img img {
    width: 100%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.blog-box_wrapper {
    position: absolute;
    left: 20px;
    top: 20px;
    display: block;
    margin: 0 auto;
    text-align: center
}

.blog-box .blog-date {
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--theme-color);
    padding: 24px 8px 15px;
    color: var(--white-color);
    text-align: center;
    font-size: 12px;
    width: 70px;
    height: 126px;
    -webkit-clip-path: path("M70 0H0V126L70 107V0Z");
    clip-path: path("M70 0H0V126L70 107V0Z");
    z-index: 2
}

.blog-box .blog-date .date {
    font-size: 36px;
    font-weight: 700;
    line-height: 46px;
    display: block;
    margin-bottom: 10px
}

.blog-box .blog-shape {
    position: absolute;
    left: 0;
    top: 0;
    width: 78px;
    height: 134px;
    background-color: #fff;
    -webkit-clip-path: path("M78 0H0V134L78 113.794V0Z");
    clip-path: path("M78 0H0V134L78 113.794V0Z")
}

.blog-box .box-title {
    line-height: 1.4;
    font-size: 20px;
    margin-bottom: 30px
}

@media (max-width: 767px) {
    .blog-box .box-title {
        font-size: 16px
    }
}

.blog-box .blog-meta {
    margin: -0.3rem 0 18px 0
}

@media (max-width: 375px) {
    .blog-box .blog-meta span,.blog-box .blog-meta a {
        font-size:14px
    }
}

.blog-box .th-btn {
    padding: 10px 25px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.blog-box .th-btn:after {
    width: 16px;
    height: 16px;
    -webkit-mask-image: url(../img/arrow-right2.svg);
    mask-image: url(../img/arrow-right2.svg)
}

.blog-box:hover .blog-img img {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08)
}


.blog-meta {
    display: block
}

.blog-meta span,.blog-meta a {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: var(--body-color);
    font-family: var(--body-font);
    position: relative;
    text-transform: capitalize;
    margin-right: 12px
}

.blog-meta span i,.blog-meta a i {
    margin-right: 8px;
    color: var(--theme-color)
}

.blog-meta span:not(:last-child),.blog-meta a:not(:last-child) {
    padding-right: 16px
}

.blog-meta span:not(:last-child):after,.blog-meta a:not(:last-child):after {
    content: "";
    height: 10px;
    width: 1px;
    background-color: #999999;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -4px
}

.blog-meta .author img {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin-right: 6px
}

.blog-meta a:hover {
    color: var(--theme-color)
}

@media (max-width: 1199px) {
    .blog-meta span,.blog-meta a {
        margin-right:15px
    }

    .blog-meta span:not(:last-child),.blog-meta a:not(:last-child) {
        padding-right: 15px
    }
}

@media (max-width: 575px) {
    .blog-meta span,.blog-meta a {
        margin-right:20px
    }

    .blog-meta span:not(:last-child),.blog-meta a:not(:last-child) {
        padding-right: 0
    }

    .blog-meta span:not(:last-child):after,.blog-meta a:not(:last-child):after {
        display: none
    }
}

.counter-area {
position: relative;
padding: 70px 0;
}
.counter-area::before {
    background: url('../img/counter-area.svg') center no-repeat;
    background-size: cover ;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    opacity: .1;
}

.counter-card {
    position: relative;
    background-color: #E9F6F9;
    padding: 93px 28px;
    width: 264px;
    height: 264px;
    display: flex;
    align-items: center;
    margin: auto;
    text-align: center;
    border-radius: 50%;
    z-index: 2;
    margin-top: 158px
}
@media (max-width: 767px) {
    .counter-card_wrapp:not(:first-child) {
        margin:0px auto 0px auto
    }
}

@media (max-width: 1199px) {
    .counter-card {
        margin-top:100px
    }
}

@media (max-width: 767px) {
    .counter-card {
        width:250px;
        height: 250px;
        padding: 81px 28px;
        margin-top: 150px
    }
}

@media (max-width: 575px) {
    .counter-card {
        margin-top:20px
    }
}

.counter-card .counter-shape {
    position: absolute;
    inset: -24px;
    width: 312px;
    height: 312px;
    border-radius: 50%;
    border: 1px solid #0071bb;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

@media (max-width: 767px) {
    .counter-card .counter-shape {
        width:290px;
        height: 290px;
        inset: -20px
    }
}

.counter-card .counter-shape span {
    position: absolute;
    top: unset;
    bottom: 55px;
    right: 15px;
    width: 24px;
    height: 24px;
    display: block;
    border-radius: 50%;
    background-color: rgba(28,168,203,0.2);
    z-index: 2
}

@media (max-width: 767px) {
    .counter-card .counter-shape span {
        bottom:51px;
        right: 13px
    }
}

.counter-card .counter-shape:after,.counter-card .counter-shape:before {
    content: "";
    position: absolute;
    bottom: 20%;
    right: 7%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    box-sizing: content-box;
    background-color: #0071bb
}

.counter-card .counter-shape:after {
    background-color: #0071bb
}

.counter-card-wrap {
    margin: 50px 0 25px 0
}

@media (max-width: 1199px) {
    .counter-card-wrap {
        margin:0
    }
}

@media (max-width: 575px) {
    .counter-card-wrap:nth-child(even) {
        margin:70px 0 50px 0
    }
}

.counter-card-wrap:nth-child(even) .counter-card {
    margin-top: 0px
}

.counter-card-wrap:nth-child(even) .counter-card .counter-shape span {
    top: 24px;
    right: 43px
}

@media (max-width: 767px) {
    .counter-card-wrap:nth-child(even) .counter-card .counter-shape span {
        top:22px;
        right: 39px
    }
}

.counter-card-wrap:nth-child(even) .counter-card .counter-shape:before,.counter-card-wrap:nth-child(even) .counter-card .counter-shape:after {
    bottom: unset;
    top: 10%;
    right: 16%
}

.counter-card .box-number {
    font-weight: 700;
    font-size: 26px;
    line-height: 1.4x;
    margin-bottom: 7px
}

.counter-card .box-number .counter-number {
    font-size: 32px;
}

.counter-card .counter-title {
    font-weight: 500;
    font-size: 15px;
    line-height: 1.4;
}

.counter-card:hover .counter-shape {
    -webkit-animation: spin 10s linear infinite;
    animation: spin 10s linear infinite
}

.footer-layout2 {
    color: #E9F6F9
}


.footer-layout2 .widget-area {
    padding-top: 100px;
    padding-bottom: 50px;
    position: relative;
    z-index: 2;
}

@media (max-width: 991px) {
    .footer-layout2 .widget-area {
        padding-bottom:30px
    }
}

.bg-title {
    background-color: #0071bb;
    overflow: hidden;
    position: relative;
}

.bg-title::before {
background: url('../img/bg-footer.jpg') no-repeat; 
background-size: cover;
content: '';
opacity: .07;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}

.footer-layout2 .footer-widget .widget_title {
    color: #fff;
    margin-bottom: 40px;
}

.footer-widget.widget_meta a, .footer-widget.widget_pages a, .footer-widget.widget_archive a, .footer-widget.widget_categories a, .footer-widget.widget_nav_menu a {
    font-size: 16px;
    font-weight: 400;
    padding: 0;
    margin-bottom: 21px;
    font-family: var(--body-font);
    color: #888C97;
    display: block;
    max-width: 100%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 0 0 0 20px;
    background-color: transparent;
    border-bottom: none;
    position: relative;
}


.footer-widget.widget_meta a:before,.footer-widget.widget_pages a:before,.footer-widget.widget_archive a:before,.footer-widget.widget_categories a:before,.footer-widget.widget_nav_menu a:before {
    content: "";
    background: url(../img/forward_right_icon.svg) center no-repeat;
    position: absolute;
    font-weight: 600;
    left: 0;
    top: 2px;
    width: 16px;
    height: 16px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    background-color: transparent;
    border: none;
    background-size: contain;
    color: inherit
}

.footer-widget.widget_meta a:hover,.footer-widget.widget_pages a:hover,.footer-widget.widget_archive a:hover,.footer-widget.widget_categories a:hover,.footer-widget.widget_nav_menu a:hover {
    background-color: transparent;
    color: var(--theme-color);
    box-shadow: none
}

.footer-layout2 .footer-widget.widget_nav_menu a {
    font-weight: 300
}

.footer-layout2 .footer-widget.widget_nav_menu a:not(:hover) {
    color: #E9F6F9
}

.footer-layout2 .about-text {
    color: #E9F6F9;
    font-weight: 300;
    margin-bottom: 20px;
    margin-top: 30px;
}
.footer-layout2 .th-social a {
    --icon-size: 40px;
    background-color: rgba(255,255,255,0.2);
    color: var(--white-color);
    margin-right: 10px
}

.footer-layout2 .th-social a:hover {
    background-color: var(--theme-color)
}

@media (max-width: 1299px) {
    .footer-layout2 .th-social a {
        margin-right:5px
    }
}

.th-widget-about .about-logo {
    margin-bottom: 20px;
    max-width: 100px;
}

.info-box_text {
    line-height: 1.75em;
    margin-top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    align-items: center;
    gap: 16px
}

.info-box_text .icon {
    color: var(--body-color);
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 40px;
    height: 40px;
    line-height: 37px;
    background-color: #E9F6F9;
    border-radius: 50%;
    text-align: center;
        align-items: center;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.info-box_text .icon img {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.info-box_text .icon:hover {
    background-color: var(--theme-color)
}

.info-box_text .icon:hover img {
    -webkit-filter: contrast(0) brightness(2);
    filter: contrast(0) brightness(2)
}

.footer-layout2 .info-box_text .icon {
    color: #fff;
    background-color: rgba(255,255,255,0.2)
}

.footer-layout2 .info-box_text .icon:hover {
    background-color: var(--theme-color)
}

.footer-layout2 .info-box_text .icon img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.footer-layout2 .copyright-wrap {
    background-color: transparent;
    border-top: 1px solid rgba(233,246,249,0.2);
    padding: 18px 0;
    position: relative;
    z-index: 2;
}

.footer-layout2 .copyright-wrap .copyright-text {
    font-size: 14px
}

.footer-layout2 .copyright-wrap .copyright-text a {
    color: #fff
}

.menu-2 {
    column-count: 2;
}
@media(max-width: 767px) {
    .menu-2 {
        column-count: 1;
    } 
}
.partner-slider {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 50px;
    margin-top: 50px;
}

.slider-arrows__item {
    position: absolute;
    display: block;
    opacity: .5;
    width: 22px;
    height: 42px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    fill: #383838;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 80;
    cursor: pointer
}
.slider-arrows__item_specialist-next {
    right: -48px;
}
.slider-arrows__item_specialist-prev {
    left: -48px
}

@media (max-width: 1399px) {
    .slider-arrows__item_specialist-prev {
        left:-38px
    }
}

@media (max-width: 1199px) {
    .slider-arrows__item_specialist-prev {
        left:-25px
    }
}

.slider-arrows__item_specialist-next {
    right: -48px
}

@media (max-width: 1399px) {
    .slider-arrows__item_specialist-next {
        right:-38px
    }
}

@media (max-width: 1199px) {
    .slider-arrows__item_specialist-next {
        right:-25px
    }
}

.slider-nav {
    position: absolute;
    display: block;
    width: 100%;
    z-index: 80;
    bottom: 34px;
    left: 0
}

@media (max-width: 767px) {
    .slider-nav {
        bottom:22px
    }
}

@media (max-width: 424px) {
    .slider-nav {
        bottom:-15px
    }
}

@media (max-width: 1199px) {
    .slider-arrows__item {
        width:20px;
        height: 37px
    }
}

.brand-box {
    text-align: center;
}

.brand-box img {
    margin:  0 auto;
}

.brand-area {
    padding-top: 70px;
}


.blog-single {
    position: relative;
    margin-bottom: 40px;
    overflow: hidden
}

.blog-single .blog-title {
    margin-bottom: 40px;
    font-size: 32px;
    font-weight: 600
}

.blog-single .blog-meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
    z-index: 2;
    gap: 10px 0
}

.blog-single .blog-meta span,.blog-single .blog-meta a {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #1C2D37;
    font-family: var(--body-font);
    position: relative;
    line-height: normal
}

.blog-single .blog-meta span img,.blog-single .blog-meta span svg,.blog-single .blog-meta span i,.blog-single .blog-meta a img,.blog-single .blog-meta a svg,.blog-single .blog-meta a i {
    margin-right: 11px;
    color: #1C2D37
}

.blog-single .blog-meta span:last-child,.blog-single .blog-meta a:last-child {
    margin-right: 0;
    padding-right: 0;
    border: 0
}

.blog-single .blog-meta span:last-child:after,.blog-single .blog-meta a:last-child:after {
    display: none
}

.blog-single .blog-meta .author img {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin-right: 6px
}

.blog-single .blog-content {
    margin: 0 0 0 0;
    padding: 0;
    position: relative
}

.blog-single .blog-content .blog-single {
    padding: 20px
}

.blog-single .blog-content .th-btn {
    padding: 14px 35px
}

.blog-single .blog-content a {
    color: #1c71bb;
}

.blog-single .blog-content a:hover {
    color: #ee2f23;
}

.blog-single .blog-content ol {
    margin: 30px 0 60px;
    counter-reset: li;
    padding: 0
}

.blog-single .blog-content ul li,
.blog-single .blog-content ol li {
    font-size: 17px;
    line-height: 1.6;
    color: #383838;
    margin: 0 0 20px;
    padding-left: 45px;
    list-style: none;
    position: relative;
}

.blog-single .blog-content ol li::after {
    counter-increment: li;
    content: counters(li, ".") "";
    width: 30px;
    height: 30px;
    color: #0071bb;
    border: 1px solid #0071bb;
    text-align: center;
    font-size: 15px;
    line-height: 30px;
    position: absolute;
    border-radius: 5px;
    top: 0px;
    left: 0
}

.blog-single .blog-content ul li::after {
    content: '';
    width: 25px;
    height: 2px;
    background: #0071bb;
    position: absolute;
    left: 0;
    top: 13px;
    border-radius: 2px;
}

.blog-single .blog-audio {
    line-height: 1
}

.blog-single .blog-audio,.blog-single .blog-img,.blog-single .blog-video {
    position: relative;
    overflow: hidden;
    background-color: var(--smoke-color);
    margin-bottom: 0
}

.blog-single .blog-img {
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-radius: 10px;
    max-height: 450px;
    margin-bottom: 40px
}

.blog-single .blog-img:before {
    background: rgba(255,255,255,0.5);
    content: "";
    height: 0;
    left: 0;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9
}

.blog-single .blog-img img {
    width: 100%;
    object-fit: cover;
    -webkit-transition: 1.3s all ease;
    transition: 1.3s all ease
}

.blog-single .line-btn {
    display: block;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin-bottom: -1px
}

.blog-single:hover .blog-img:before {
    height: 100%;
    opacity: 0;
    -webkit-transition: all .4s linear;
    transition: all .4s linear
}

.blog-single:hover .blog-img img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

.page-single .box-title {
    font-size: 40px
}

@media (max-width: 1199px) {
    .page-single .box-title {
        font-size:30px
    }
}

@media (max-width: 767px) {
    .blog-single .blog-content .alignright,
    .blog-single .blog-content .alignleft {
        float: none;
        display: block;
        width: 100%;
        margin: 5px 0 20px 0px;
}
}

@media (max-width: 575px) {
    .page-single .box-title {
        font-size:25px
    }
}


.blog-content p {
    margin: 0 0 18px 0;
    line-height: 1.75;
}

.blog-details {
    padding: 70px 0;
}



.blog-details table td {
    padding: 24px;
    border: 1px solid #E1E4E6;
}

.breadcrumbs {
    font-size: 14px;
margin-bottom: 15px;
}


.breadcumb-title {
    margin: 0 0 20px 0;
    font-size: 52px;

    font-weight: 700;
    text-transform: capitalize
}

.th-breadcumb-bg {
    position: absolute;
    inset: 0
}

.breadcumb-wrapper {
    position: relative;
    padding: 70px 0;
    overflow: hidden;
    text-align: center;
    background: #e9f6f9;
}

.breadcumb-wrapper::after {
    content: '';
    background: url(../img/counter-area.svg) center no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: .1;
}

.breadcumb-wrapper .container {
    z-index: 2;
    position: relative;
}

@media (max-width: 1199px) {
    .breadcumb-wrapper {
        padding:150px 0
    }

    .breadcumb-title {
        margin: -0.18em 0 -0.18em 0
    }

}

@media (max-width: 991px) {
    .breadcumb-wrapper {
        padding:130px 0
    }
}

@media (max-width: 767px) {
    .breadcumb-title {
        font-size:44px;
        line-height: 54px
    }
}

@media (max-width: 575px) {
    .breadcumb-wrapper {
        padding:130px 0
    }

    .breadcumb-title {
        font-size: 44px;
        line-height: 54px
    }
}

@media (max-width: 375px) {
    .breadcumb-wrapper {
        padding:120px 0
    }

    .breadcumb-title {
        font-size: 34px;
        line-height: 44px
    }

    .breadcumb-menu {
        margin: 15px 0 -0.5em 0
    }
}


.about-contact-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    border: 1px solid #E1E4E6;
    border-radius: 8px;
    padding: 24px 24px 18px;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

@media (max-width: 375px) {
    .about-contact-grid {
        gap:14px;
        padding: 15px 15px 18px
    }
}

.about-contact-grid:not(:last-child) {
    margin-bottom: 30px
}

.about-contact-grid .about-contact-icon {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 70px;
    height: 70px;
    line-height: 68px;
    text-align: center;
    background: #0071bb;
    border-radius: 50%;
    color: #fff;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

@media (max-width: 375px) {
    .about-contact-grid .about-contact-icon {
        width:60px;
        height: 60px;
        line-height: 60px
    }
}

.about-contact-grid .about-contact-icon img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.about-contact-grid .box-title {
    font-size: 20px;
    font-weight: 600;
    margin-top: -0.3em;
    margin-bottom: 2px
}

.about-contact-grid .about-contact-details-text {
    margin-bottom: 0
}

.about-contact-grid .about-contact-details-text a:not(:hover) {
    color: initial
}

.about-contact-grid:hover .about-contact-icon {
    background: #0071bb
}

.contact-form-area {
    padding-top: 152px
}


.contact-form {
    background-color: #fff;
    box-shadow: 0px 20px 20px rgba(204,204,204,0.25);
    border-radius: 16px;
    padding: 40px
}

@media (max-width: 1299px) {
    .contact-form {
        padding:30px
    }
}

.contact-form select::-moz-placeholder,.contact-form .form-control::-moz-placeholder,.contact-form .form-select::-moz-placeholder,.contact-form textarea::-moz-placeholder,.contact-form input::-moz-placeholder {
    color: var(--body-color)
}

.contact-form select::-webkit-input-placeholder,.contact-form .form-control::-webkit-input-placeholder,.contact-form .form-select::-webkit-input-placeholder,.contact-form textarea::-webkit-input-placeholder,.contact-form input::-webkit-input-placeholder {
    color: var(--body-color)
}

.contact-form select:-ms-input-placeholder,.contact-form .form-control:-ms-input-placeholder,.contact-form .form-select:-ms-input-placeholder,.contact-form textarea:-ms-input-placeholder,.contact-form input:-ms-input-placeholder {
    color: var(--body-color)
}

.contact-form select::-webkit-input-placeholder, .contact-form .form-control::-webkit-input-placeholder, .contact-form .form-select::-webkit-input-placeholder, .contact-form textarea::-webkit-input-placeholder, .contact-form input::-webkit-input-placeholder {
    color: var(--body-color)
}

.contact-form select::-moz-placeholder, .contact-form .form-control::-moz-placeholder, .contact-form .form-select::-moz-placeholder, .contact-form textarea::-moz-placeholder, .contact-form input::-moz-placeholder {
    color: var(--body-color)
}

.contact-form select:-ms-input-placeholder, .contact-form .form-control:-ms-input-placeholder, .contact-form .form-select:-ms-input-placeholder, .contact-form textarea:-ms-input-placeholder, .contact-form input:-ms-input-placeholder {
    color: var(--body-color)
}

.contact-form select::-ms-input-placeholder, .contact-form .form-control::-ms-input-placeholder, .contact-form .form-select::-ms-input-placeholder, .contact-form textarea::-ms-input-placeholder, .contact-form input::-ms-input-placeholder {
    color: var(--body-color)
}

.contact-form select::placeholder,.contact-form .form-control::placeholder,.contact-form .form-select::placeholder,.contact-form textarea::placeholder,.contact-form input::placeholder {
    color: var(--body-color)
}

.contact-form .nice-select .option {
    color: var(--title-color)
}

.contact-form .nice-select .option.selected {
    color: var(--theme-color) !important;
    background: var(--theme-color) !important
}

.contact-form .nice-select .option.selected.focus {
    color: #fff !important;
    background: var(--theme-color) !important
}

.contact-form .nice-select .option:hover,.contact-form .nice-select .option.focus {
    background: var(--theme-color) !important;
    color: #fff !important
}

.contact-form .nice-select.open .list {
    border-bottom: 3px solid var(--theme-color)
}

.form-group {
    margin-bottom: 20px;
    position: relative
}

.form-group>i,.form-group>img {
    display: inline-block;
    position: absolute;
    right: 35px;
    top: 17px;
    font-size: 14px;
}


select,.form-control,.form-select,textarea,input {
    height: 56px;
    padding: 0 25px 0 25px;
    padding-right: 50px;
    border: 1px solid #e1e4e5;
    background-color: #fff;
    font-size: 14px;
    width: 100%;
    font-weight: 400;
    border-radius: 8px;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

select:focus,.form-control:focus,.form-select:focus,textarea:focus,input:focus {
    outline: 0;
    box-shadow: none;
    border-color: #0071bb;
    background-color: #fff
}

.contact-form i {
    color: #888C97
}

.contact-form textarea.form-control,.contact-form textarea {
    min-height: 159px;
    padding-top: 16px;
    padding-bottom: 17px
}

.space-extra2, .space-extra2-top {
    padding: 70px 0;
}

.space-contact {
    padding: 70px 0;
}

.space-contact h2 {
    margin-bottom: 40px;
}