/*  
    CSS INDEX
    =========================================
    01. header css here
    02. slider area css here
    03. blog css here
    04. testimonial css here
    05. other css here
    06. footer css here
    07. services css here
    08. about css here
    09. contact page css here
*/
@import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
* {
  box-sizing: border-box;
}

/*----------------------------------------*/
/*  01. Theme default CSS
/*----------------------------------------*/
/*-- Google Font --*/
/*-- Common Style --*/
*, *::after, *::before {
  box-sizing: border-box;
}

html, body {
  height: 100%;
}

body {
  line-height: 24px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  visibility: visible;
  font-family: "Poppins", sans-serif;
  color: #000000;
  letter-spacing: 0.02em;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  margin-top: 0;
  font-family: "Poppins", sans-serif;
}

h1 {
  font-size: 48px;
  line-height: 1;
  font-weight: 700;
}

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

h3 {
  font-size: 30px;
  line-height: 30px;
}

h4 {
  font-size: 16px;
  line-height: 19px;
}

h5 {
  font-size: 14px;
  line-height: 18px;
}

h6 {
  font-size: 12px;
  line-height: 14px;
}

p:last-child {
  margin-bottom: 0;
}

a, button {
  color: inherit;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
}

a, button, img, input, span {
  transition: all 0.3s ease 0s;
}

.btn:focus {
  box-shadow: none;
}

*:focus {
  outline: none !important;
}

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

a:hover {
  text-decoration: none;
}

button, input[type="submit"] {
  cursor: pointer;
}

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

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

figure {
  padding: 0;
  margin: 0;
}

/*-- 
    - Common Classes
-----------------------------------------*/
.fix {
  overflow: hidden;
}

.hidden {
  display: none;
}

.clear {
  clear: both;
}

.container {
  max-width: 1470px;
}

@media only screen and (max-width: 767px) {
  .container {
    max-width: 576px;
  }
}
@media only screen and (max-width: 479px) {
  .container {
    width: 100%;
  }
}
.capitalize {
  text-transform: capitalize;
}

.uppercase {
  text-transform: uppercase;
}

.no-gutters > .col, .no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
  margin: 0;
}

/*-- 
    - Background color
-----------------------------------------*/
.bg-white {
  background-color: #ffffff;
}

.bg-grey {
  background-color: #f8f8f8;
}

.bluewood-bg {
  background: #354b65;
}

/*-- 
    - Input Placeholder
-----------------------------------------*/
input:-moz-placeholder, textarea:-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/*-- 
    Scroll Up 
-----------------------------------------*/
#scrollUp {
  background: #00a4a6 none repeat scroll 0 0;
  bottom: 85px;
  color: #ffffff;
  cursor: pointer;
  display: none;
  font-size: 20px;
  height: 45px;
  line-height: 39px;
  position: fixed;
  right: 12px;
  text-align: center;
  width: 45px;
  z-index: 9999;
  border-radius: 50%;
  border: 2px solid #fff;
  -webkit-transition: .3s;
  transition: .3s;
}
#scrollUp:hover i {
  animation-name: fadeInUp;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}

/*margin css here*/
/* 01. header css here */
.off_canvars_overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  cursor: crosshair;
  background: #000000;
  top: 0;
}
.off_canvars_overlay.active {
  opacity: 0.5;
  visibility: visible;
}

.offcanvas_menu {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .offcanvas_menu {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .offcanvas_menu {
    display: block;
  }
}

.offcanvas_menu_wrapper {
  width: 290px;
  position: fixed;
  background: #fff;
  z-index: 999;
  top: 0;
  height: 100vh;
  transition: .5s;
  left: 0;
  margin-left: -300px;
  padding: 80px 15px 30px;
  overflow-y: auto;
}
.offcanvas_menu_wrapper.active {
  margin-left: 0;
}
.offcanvas_menu_wrapper .slinky-theme-default {
  background: inherit;
  min-height: 300px;
  overflow-y: auto;
}

.offcanvas_main_menu > li.menu-item-has-children.menu-open > span.menu-expand {
  transform: rotate(180deg);
}
.offcanvas_main_menu > li ul li.menu-item-has-children.menu-open span.menu-expand {
  transform: rotate(180deg);
}

.offcanvas_main_menu li {
  position: relative;
}
.offcanvas_main_menu li:last-child {
  margin: 0;
}
.offcanvas_main_menu li span.menu-expand {
  position: absolute;
  right: 0;
  cursor: pointer;
}
.offcanvas_main_menu li span.menu-expand:hover {
  color: #00a4a6;
}
.offcanvas_main_menu li a {
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  display: block;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #ededed;
}
.offcanvas_main_menu li a:hover {
  color: #00a4a6;
}
.offcanvas_main_menu li ul.sub-menu {
  padding-left: 20px;
}

.canvas_close {
  position: absolute;
  top: 10px;
  right: 25px;
}
.canvas_close a {
  font-size: 50px;
  transition: 0.7s;
  display: inline-block;
  transform: scale(1) rotate(0deg);
}
.canvas_close a:hover {
  color: #00a4a6;
  transform: scale(1.3) rotate(180deg);
}
@media only screen and (max-width: 767px) {
  .canvas_close a {
    font-size: 40px;
  }
}
.canvas_close a:hover {
  color: #00a4a6;
}

.canvas_open {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .canvas_open {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .canvas_open {
    display: block;
  }
}
.canvas_open a {
  font-size: 38px;
  display: block;
  line-height: 16px;
  color: #fff;
}
.canvas_open a:hover {
  color: #00a4a6;
}

.sticky-header.sticky {
  position: fixed;
  z-index: 99;
  width: 100%;
  top: 0;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 900ms;
  animation-duration: 900ms;
  -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.22, 1);
  animation-timing-function: cubic-bezier(0.2, 1, 0.22, 1);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  border-bottom: 0;
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sticky-header.sticky {
    padding: 15px 0;
  }
}
@media only screen and (max-width: 767px) {
  .sticky-header.sticky {
    padding: 15px 0;
  }
}
.sticky-header.sticky .main_menu nav > ul > li > a {
  padding: 15px 0;
}
.sticky-header.sticky .header_logo a.sticky_block {
  display: block;
}
.sticky-header.sticky .header_logo a.sticky_none {
  display: none;
}
.sticky-header.sticky .header_sidebar_menu a.sticky_block {
  display: block;
}
.sticky-header.sticky .header_sidebar_menu a.sticky_none {
  display: none;
}

/*header css heer*/
.header_transparent {
  position: absolute;
  top: 12px;
  left: 0;
  right: 0;
  z-index: 9;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header_transparent {
    top: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_transparent {
    top: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .header_transparent {
    top: 12px;
  }
}
.header_transparent.sticky-header.sticky .main_menu nav > ul > li > a {
  color: #7e7e7e;
}
.header_transparent.sticky-header.sticky .canvas_open a {
  color: #272727;
}

.header_area .container {
  max-width: 1670px;
}
@media only screen and (max-width: 767px) {
  .header_area .container {
    max-width: 576px;
  }
}

.header_container {
  justify-content: space-between;
}

.header_logo a.sticky_block {
  display: none;
}
@media only screen and (max-width: 767px) {
  .header_logo img {
    max-width: 150px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main_menu {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .main_menu {
    display: none;
  }
}
.main_menu nav > ul {
  display: flex;
}
.main_menu nav > ul > li {
  margin-right: 90px;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .main_menu nav > ul > li {
    margin-right: 72px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main_menu nav > ul > li {
    margin-right: 42px;
  }
}
.main_menu nav > ul > li:last-child {
  margin-right: 0;
}
.main_menu nav > ul > li:hover > a::before {
  width: 100%;
}
.main_menu nav > ul > li:hover ul.sub_menu {
  top: 100%;
  opacity: 1;
  visibility: visible;
}
.main_menu nav > ul > li > a {
  color: #ffffff;
  font-size: 28px;
  font-weight: 400;
  line-height: 42px;
  text-transform: capitalize;
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main_menu nav > ul > li > a {
    font-size: 22px;
  }
}
.main_menu nav > ul > li > a::before {
  position: absolute;
  content: "";
  width: 0;
  height: 4px;
  background: #00a4a6;
  left: 0;
  bottom: 0;
  transition: .3s;
}
.main_menu nav > ul > li > a.active::before {
  width: 100%;
}
.main_menu nav > ul > li ul.sub_menu {
  position: absolute;
  min-width: 200px;
  padding: 20px;
  background: #ffffff;
  box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.1);
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  left: 0;
  transition: .3s;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  top: 112%;
  text-align: left;
}
.main_menu nav > ul > li ul.sub_menu li a {
  font-size: 15px;
  font-weight: 400;
  display: block;
  line-height: 35px;
  text-transform: capitalize;
  color: #7e7e7e;
}
.main_menu nav > ul > li ul.sub_menu li a:hover {
  color: #00a4a6;
}

.header_right_info {
  display: flex;
  align-items: center;
}

.header_sidebar_menu {
  margin-left: 68px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_sidebar_menu {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .header_sidebar_menu {
    margin-left: 0;
  }
}
.header_sidebar_menu a.sticky_block {
  display: none;
}
@media only screen and (max-width: 767px) {
  .header_sidebar_menu img {
    max-width: 35px;
  }
}

.header_other {
  padding: 58px 0 64px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_other {
    padding: 35px 0;
  }
}
@media only screen and (max-width: 767px) {
  .header_other {
    padding: 33px 0;
  }
}
.header_other.sticky-header.sticky {
  padding: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_other.sticky-header.sticky {
    padding: 15px 0;
  }
}
@media only screen and (max-width: 767px) {
  .header_other.sticky-header.sticky {
    padding: 15px 0;
  }
}
.header_other .canvas_open a {
  color: #000000;
}

.menu_color2 nav > ul > li > a {
  color: #7e7e7e;
}

.overlay__content {
  background-color: #ffffff;
  width: 360px;
  height: 100vh;
  z-index: 3;
  padding: 30px 40px;
  position: fixed;
  transform: translateX(100%);
  transition: 0.6s;
  visibility: hidden;
  opacity: 0;
  overflow: auto;
  right: 0;
  top: 0;
  z-index: 9999;
}
@media only screen and (max-width: 767px) {
  .overlay__content {
    width: 290px;
    padding: 20px 20px;
  }
}
.overlay__content.active {
  transform: translateX(0);
  transition: 0.6s;
  visibility: visible;
  opacity: 1;
}

.about_overlay_social ul li {
  display: inline-block;
  margin-right: 15px;
}
.about_overlay_social ul li:last-child {
  margin-right: 0;
}
.about_overlay_social ul li a {
  font-size: 20px;
  color: #555;
}
.about_overlay_social ul li a:hover {
  color: #00a4a6;
}

.about_close_icon {
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .about_close_icon {
    margin-bottom: 12px;
  }
}
.about_close_icon a {
  font-size: 50px;
  transition: 0.7s;
  display: inline-block;
  transform: scale(1) rotate(0deg);
}
.about_close_icon a:hover {
  color: #00a4a6;
  transform: scale(1.3) rotate(180deg);
}
@media only screen and (max-width: 767px) {
  .about_close_icon a {
    font-size: 40px;
  }
}

.about_overlay_content {
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .about_overlay_content {
    margin-bottom: 30px;
  }
}
.about_overlay_content h3 {
  font-size: 24px;
  line-height: 26px;
  margin-bottom: 25px;
}
.about_overlay_content p {
  font-size: 14px;
  line-height: 27px;
  color: #555;
  margin-bottom: 0;
}
.about_overlay_content a {
  font-size: 14px;
  line-height: 27px;
  color: #555;
}
.about_overlay_content a:hover {
  color: #00a4a6;
}

.overlay_phone_number {
  margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .overlay_phone_number {
    margin-bottom: 20px;
  }
}
.overlay_phone_number p {
  margin-bottom: 0;
  font-size: 20px;
}
@media only screen and (max-width: 767px) {
  .overlay_phone_number p {
    font-size: 17px;
  }
}

/* 02. slider area css here */
.slider_section {
  margin-bottom: 130px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider_section {
    margin-bottom: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_section {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .slider_section {
    margin-bottom: 80px;
  }
}

.single_slider {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
  position: relative;
  min-height: 1150px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .single_slider {
    min-height: 1050px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single_slider {
    min-height: 750px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single_slider {
    min-height: 620px;
  }
}
@media only screen and (max-width: 767px) {
  .single_slider {
    min-height: 520px;
  }
}
.single_slider::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: #000000;
  top: 0;
  left: 0;
  opacity: 0.45;
}

.slider_text {
  text-align: center;
  padding: 186px 0 140px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider_text {
    padding: 120px 0 110px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_text {
    padding: 80px 0 80px;
  }
}
@media only screen and (max-width: 767px) {
  .slider_text {
    padding: 30px 0 0;
  }
}
.slider_text h1 {
  color: #ffffff;
  font-family: "Merriweather", serif;
  font-size: 68px;
  font-weight: 400;
  line-height: 85px;
  text-align: center;
  letter-spacing: -2px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider_text h1 {
    font-size: 50px;
    line-height: 60px;
    letter-spacing: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_text h1 {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 767px) {
  .slider_text h1 {
    font-size: 25px;
    line-height: 33px;
    letter-spacing: 0;
  }
}
.slider_text p {
  color: #ffffff;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_text p {
    font-size: 22px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .slider_text p {
    font-size: 16px;
    line-height: 26px;
  }
}

.slider_area .slick-dots {
  position: absolute;
  bottom: 62px;
  left: 50%;
  transform: translatex(-50%);
}
@media only screen and (max-width: 767px) {
  .slider_area .slick-dots {
    bottom: 30px;
  }
}
.slider_area .slick-dots li {
  display: inline-block;
  margin: 0 5px;
}
.slider_area .slick-dots li.slick-active button {
  color: #ffffff;
  opacity: 1;
}
.slider_area .slick-dots li.slick-active button::before {
  background: #ffffff;
}
.slider_area .slick-dots li button {
  color: #d8d8d8;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  border: 0;
  padding: 0;
  padding-bottom: 14px;
  background: inherit;
  width: 50px;
  text-align: center;
  position: relative;
  opacity: 0.3;
}
.slider_area .slick-dots li button::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 5px;
  background: #d8d8d8;
  bottom: 0;
  left: 0;
}
@media only screen and (max-width: 767px) {
  .slider_area .slick-dots li button::before {
    height: 3px;
  }
}
@media only screen and (max-width: 767px) {
  .slider_area .slick-dots li button {
    font-size: 20px;
    line-height: 26px;
    padding-bottom: 10px;
    width: 40px;
  }
}

.slick-current .slider_text h1, .slick-current .slider_text a, .slick-current .slider_text p {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.slick-current .slider_text p {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.slick-current .slider_text a {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

/* 03. blog css here */
.blog_area {
  margin-bottom: 110px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_area {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_area {
    margin-bottom: 80px;
  }
}
.blog_area .container {
  max-width: 1200px;
}
@media only screen and (max-width: 767px) {
  .blog_area .container {
    max-width: 576px;
  }
}

.single_blog {
  background: #ffffff;
  box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.2);
  padding: 80px 30px 50px 70px;
  margin-bottom: 50px;
  position: relative;
  z-index: 9;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single_blog {
    padding: 80px 20px 50px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single_blog {
    padding: 30px 25px;
  }
}
@media only screen and (max-width: 767px) {
  .single_blog {
    padding: 30px 25px;
  }
}
.single_blog:hover::before {
  opacity: 1;
  visibility: visible;
}
.single_blog:hover .blog_tag a {
  color: #fff;
}
.single_blog:hover .blog_tag a:hover {
  color: #00a4a6;
}
.single_blog:hover .bog_desc p {
  color: #fff;
}
.single_blog:hover .blog_title h3 {
  color: #fff;
}
.single_blog:hover .blog_title h3 a:hover {
  color: #00a4a6;
}
.single_blog:hover .blog_othur span {
  color: #fff;
}
.single_blog:hover .post_date span {
  color: #fff;
}
.single_blog::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/blog/blog_hover.png);
  background-repeat: no-repeat;
  background-attachment: local;
  background-position: center center;
  background-size: cover;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
  transition: .3s;
  visibility: hidden;
}

.blog_tag {
  margin-bottom: 7px;
}
.blog_tag a {
  color: #868686;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.blog_tag a:hover {
  color: #00a4a6;
}

.blog_title h3 {
  color: #181818;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  position: relative;
  margin-bottom: 0;
  padding-bottom: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_title h3 {
    font-size: 21px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_title h3 {
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_title h3 {
    font-size: 18px;
    line-height: 28px;
    padding-bottom: 13px;
  }
}
.blog_title h3 a:hover {
  color: #00a4a6;
}
.blog_title h3::before {
  position: absolute;
  content: "";
  width: 67px;
  height: 2px;
  background: #00a4a6;
  bottom: 0;
  left: 0;
}

.bog_desc {
  padding: 27px 0 33px;
}
@media only screen and (max-width: 767px) {
  .bog_desc {
    padding: 17px 0 23px;
  }
}
.bog_desc p {
  color: #7a7a7a;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  padding-right: 30px;
  transition: .3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bog_desc p {
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .bog_desc p {
    line-height: 25px;
    padding-right: 0;
  }
}

.blog_footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 15px;
  border-top: 1px solid #d8d8d8;
  margin-right: 48px;
}
@media only screen and (max-width: 767px) {
  .blog_footer {
    margin-right: 0;
  }
}

.blog_othur span {
  color: #181818;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  margin-left: 10px;
}
@media only screen and (max-width: 767px) {
  .blog_othur span {
    font-size: 13px;
    line-height: 21px;
    margin-left: 5px;
  }
}

.post_date span {
  color: #a2a2a2;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

.blog_messonry_button {
  padding: 95px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_messonry_button {
    padding: 70px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_messonry_button {
    padding: 60px 0;
  }
}
@media only screen and (max-width: 767px) {
  .blog_messonry_button {
    padding: 35px 0;
  }
}
.blog_messonry_button button {
  color: #272727;
  font-size: 28px;
  font-weight: 400;
  line-height: 42px;
  letter-spacing: 0.4827586px;
  border: 0;
  padding: 0;
  background: inherit;
  margin-right: 57px;
  position: relative;
  padding-bottom: 4px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_messonry_button button {
    font-size: 25px;
    line-height: 40px;
    margin-right: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_messonry_button button {
    font-size: 22px;
    line-height: 38px;
    margin-right: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_messonry_button button {
    font-size: 16px;
    line-height: 32px;
    margin-right: 19px;
  }
}
.blog_messonry_button button:last-child {
  margin-right: 0;
}
.blog_messonry_button button:hover::before {
  width: 100%;
}
.blog_messonry_button button.is-checked::before {
  width: 100%;
}
.blog_messonry_button button::before {
  position: absolute;
  content: "";
  width: 0;
  height: 5px;
  background: #00a4a6;
  bottom: 0;
  left: 0;
  transition: .3s;
}

.blog_wrapper.blog_masonry_activation {
  height: auto !important;
}

.load_more_btn {
  text-align: center;
  margin-top: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .load_more_btn {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .load_more_btn {
    margin-top: 0;
  }
}
.load_more_btn a {
  color: #7e7e7e;
  font-size: 14px;
  font-weight: 400;
  line-height: 112px;
  width: 114px;
  height: 114px;
  border: solid 1px #cdcdcd;
  background: #ffffff;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  position: relative;
  z-index: 9;
}
.load_more_btn a::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #00a4a6;
  transform: scale(0);
  transform-origin: 50%;
  transition-duration: 0.3s;
  border-radius: 50%;
}
.load_more_btn a:hover {
  border-color: #00a4a6;
  color: #000000;
}
.load_more_btn a:hover::before {
  transform: scale(1);
}

/*blog details css here*/
.blog_details {
  padding: 123px 0 162px;
  position: relative;
}
.blog_details .container {
  max-width: 1005px;
}
@media only screen and (max-width: 767px) {
  .blog_details .container {
    max-width: 576px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_details {
    padding: 123px 0 100px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_details {
    padding: 123px 0 80px;
  }
}

.view_all_post {
  position: absolute;
  top: 0;
  right: 0;
}
.view_all_post a.btn {
  width: 256px;
  height: 87px;
  line-height: 87px;
  margin-top: 0;
  font-size: 24px;
  font-weight: 300;
}
.view_all_post a.btn:hover {
  border-color: #bdbdbd;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .view_all_post a.btn {
    width: 225px;
    height: 80px;
    line-height: 80px;
    font-size: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .view_all_post a.btn {
    width: 215px;
    height: 72px;
    line-height: 72px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .view_all_post a.btn {
    width: 170px;
    height: 56px;
    line-height: 56px;
    font-size: 18px;
  }
}

.blog_tags_social {
  display: flex;
  justify-content: space-between;
  margin-bottom: 45px;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .blog_tags_social {
    flex-direction: column;
    margin-bottom: 61px;
  }
}

.blog_tags {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .blog_tags {
    justify-content: center;
    margin-bottom: 25px;
  }
}
.blog_tags span {
  color: #212121;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  margin-right: 15px;
}
@media only screen and (max-width: 767px) {
  .blog_tags span {
    font-size: 13px;
    margin-right: 6px;
  }
}
.blog_tags ul li {
  display: inline-block;
  margin-right: 15px;
}
.blog_tags ul li:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .blog_tags ul li {
    margin-right: 1px;
  }
}
.blog_tags ul li a {
  width: 100px;
  height: 30px;
  border: solid 1px #d3d3d3;
  background: #ffffff;
  color: #212121;
  font-size: 11px;
  font-weight: 400;
  line-height: 28px;
  display: inline-block;
  text-align: center;
  border-radius: 5px;
}
.blog_tags ul li a:hover {
  background: #00a4a6;
  border-color: #00a4a6;
}
@media only screen and (max-width: 767px) {
  .blog_tags ul li a {
    width: 78px;
    height: 30px;
    font-size: 10px;
    line-height: 28px;
  }
}

.blog_social {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .blog_social {
    justify-content: center;
  }
}
.blog_social span {
  color: #212121;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  margin-right: 20px;
}
@media only screen and (max-width: 767px) {
  .blog_social span {
    font-size: 13px;
  }
}
.blog_social ul li {
  display: inline-block;
  margin-right: 18px;
}
.blog_social ul li:last-child {
  margin-right: 0;
}
.blog_social ul li a {
  font-size: 21px;
}
.blog_social ul li a:hover {
  color: #00a4a6;
}
@media only screen and (max-width: 767px) {
  .blog_social ul li a {
    font-size: 16px;
  }
}

.blog_d_post {
  display: flex;
  justify-content: space-between;
  margin-bottom: 71px;
}
@media only screen and (max-width: 767px) {
  .blog_d_post {
    margin-bottom: 58px;
    flex-direction: column;
  }
}

.blog_post_inner {
  display: flex;
  align-items: center;
}
.blog_post_inner.reverse {
  flex-direction: row-reverse;
}
.blog_post_inner.reverse .blog_post_text {
  padding-left: 0;
  padding-right: 22px;
}

.single_blog_post.right {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .single_blog_post.left {
    margin-bottom: 30px;
  }
}

.blog_post_thumb {
  width: 70px;
}

.blog_post_text {
  padding-left: 22px;
}
.blog_post_text h3 {
  color: #212121;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 0;
  max-width: 200px;
}
.blog_post_text h3 a:hover {
  color: #00a4a6;
}
.blog_post_text span {
  color: #3e3e3e;
  font-size: 10px;
  font-weight: 400;
  line-height: 15px;
}

.nav_post {
  margin-top: 16px;
}
@media only screen and (max-width: 767px) {
  .nav_post {
    margin-top: 12px;
  }
}
.nav_post a {
  color: #919191;
  font-size: 10px;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 0.7142857px;
}
.nav_post a:hover {
  color: #00a4a6;
}

.post_comments_title {
  margin-bottom: 35px;
}
@media only screen and (max-width: 767px) {
  .post_comments_title {
    margin-bottom: 27px;
  }
}
.post_comments_title h3 {
  color: #212121;
  font-size: 36px;
  font-weight: 600;
  line-height: 54px;
  letter-spacing: -0.9px;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .post_comments_title h3 {
    font-size: 25px;
    line-height: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .post_comments_title h3 {
    font-size: 20px;
    line-height: 22px;
    letter-spacing: 0;
  }
}

.post_comments_container {
  display: flex;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .post_comments_container {
    flex-direction: column;
  }
}

.post_comments_thumb {
  width: 76px;
  margin-right: 25px;
}
@media only screen and (max-width: 767px) {
  .post_comments_thumb {
    margin: 0 auto 20px;
  }
}

.post_comments_text {
  width: calc(100% - 76px);
  padding: 35px 44px;
  border: solid 1px #c8c8c8;
}
@media only screen and (max-width: 767px) {
  .post_comments_text {
    width: 100%;
    padding: 25px 15px;
  }
}
.post_comments_text p {
  color: #212121;
  font-family: "Merriweather", serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  padding-right: 50px;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .post_comments_text p {
    font-size: 15px;
    line-height: 28px;
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .post_comments_text p {
    font-size: 13px;
    line-height: 26px;
    padding-right: 0;
  }
}
.post_comments_text a {
  color: #212121;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  margin-top: 22px;
}
.post_comments_text a:hover {
  color: #00a4a6;
}
@media only screen and (max-width: 767px) {
  .post_comments_text a {
    margin-top: 15px;
  }
}

.comments_text_header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .comments_text_header {
    margin-bottom: 15px;
  }
}
.comments_text_header h3 {
  margin-bottom: 0;
  color: #212121;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: -0.5px;
}
@media only screen and (max-width: 767px) {
  .comments_text_header h3 {
    font-size: 16px;
  }
}
.comments_text_header span {
  color: #3e3e3e;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
  margin-left: 15px;
}

.post_form input {
  width: 100%;
  height: 60px;
  border: solid 1px #d1d1d1;
  background: #ffffff;
  color: #212121;
  font-size: 14px;
  font-weight: 300;
  padding: 0 20px;
  margin-bottom: 20px;
  opacity: 0.9;
}
.post_form input:focus {
  border-color: #00a4a6;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .post_form input {
    height: 55px;
  }
}
@media only screen and (max-width: 767px) {
  .post_form input {
    height: 50px;
  }
}
.post_form textarea {
  width: 100%;
  height: 190px;
  border: solid 1px #d1d1d1;
  background: #ffffff;
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  padding: 20px;
  resize: none;
}
@media only screen and (max-width: 767px) {
  .post_form textarea {
    height: 150px;
  }
}
.post_form textarea:focus {
  border-color: #00a4a6;
}
.post_form button.btn:hover {
  border-color: #bdbdbd;
}

.post_form_title {
  margin-bottom: 35px;
}
@media only screen and (max-width: 767px) {
  .post_form_title {
    margin-bottom: 28px;
  }
}
.post_form_title h3 {
  color: #212121;
  font-size: 36px;
  font-weight: 600;
  line-height: 54px;
  letter-spacing: -0.9px;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .post_form_title h3 {
    color: #212121;
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .post_form_title h3 {
    font-size: 20px;
    line-height: 22px;
    letter-spacing: 0;
  }
}

.blog_thumb_wrapper {
  margin-bottom: 37px;
}
@media only screen and (max-width: 767px) {
  .blog_thumb_wrapper {
    margin-bottom: 22px;
  }
}
.blog_thumb_wrapper button {
  width: 51px;
  height: 51px;
  background: #ffffff;
  font-size: 18px;
  color: #000000;
  line-height: 51px;
  text-align: center;
  border: 0;
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  left: 30px;
  z-index: 9;
}
.blog_thumb_wrapper button::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #00a4a6;
  transform: scaleY(0);
  transform-origin: 50%;
  transition-duration: 0.3s;
}
.blog_thumb_wrapper button.next_arrow {
  right: 30px;
  left: auto;
}
@media only screen and (max-width: 767px) {
  .blog_thumb_wrapper button.next_arrow {
    right: 20px;
  }
}
.blog_thumb_wrapper button:hover::before {
  transform: scaleY(1);
}
@media only screen and (max-width: 767px) {
  .blog_thumb_wrapper button {
    width: 35px;
    height: 35px;
    line-height: 35px;
    left: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .blog_d_content {
    text-align: center;
  }
}

.blog_d_content_list.top {
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .blog_d_content_list.top {
    margin-bottom: 25px;
  }
}
.blog_d_content_list.top h3 {
  margin-bottom: 22px;
}
@media only screen and (max-width: 767px) {
  .blog_d_content_list.top h3 {
    margin-bottom: 14px;
  }
}
.blog_d_content_list.bottom {
  margin-bottom: 90px;
}
@media only screen and (max-width: 767px) {
  .blog_d_content_list.bottom {
    margin-bottom: 30px;
  }
}
.blog_d_content_list.bottom h3 {
  margin-bottom: 32px;
}
@media only screen and (max-width: 767px) {
  .blog_d_content_list.bottom h3 {
    margin-bottom: 20px;
  }
}
.blog_d_content_list span {
  color: #00a4a6;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 12px;
  display: inline-block;
}
.blog_d_content_list h3 {
  color: #212121;
  font-size: 36px;
  font-weight: 600;
  line-height: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_d_content_list h3 {
    font-size: 30px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_d_content_list h3 {
    font-size: 18px;
    line-height: 27px;
  }
}
.blog_d_content_list p {
  color: #212121;
  font-size: 16px;
  font-weight: 500;
  line-height: 38px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_d_content_list p {
    font-size: 15px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_d_content_list p {
    font-size: 14px;
    line-height: 28px;
  }
}

.blog_d_meta {
  margin-bottom: 13px;
}
.blog_d_meta ul li {
  display: inline-block;
  color: #3e3e3e;
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
  margin-right: 20px;
}
.blog_d_meta ul li i {
  font-size: 17px;
  margin-right: 5px;
  vertical-align: middle;
}
.blog_d_meta ul li:last-child {
  margin-right: 0;
}

.blog_post_comments {
  margin-bottom: 77px;
}
@media only screen and (max-width: 767px) {
  .blog_post_comments {
    margin-bottom: 75px;
  }
}

/* 04. testimonial css here */
@media only screen and (max-width: 767px) {
  .testimonial_slider {
    max-width: 576px;
    margin: 0 auto;
  }
}
.testimonial_slider .author_img img {
  width: inherit;
}
.testimonial_slider > button {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translatey(-50%);
  border: 0;
  color: #272727;
  background: none;
  padding: 0;
  font-size: 60px;
  transition: .3s;
  z-index: 9;
}
.testimonial_slider > button:hover {
  color: #00a4a6;
}
.testimonial_slider > button.next_arrow {
  right: 0;
  left: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial_slider > button {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial_slider > button {
    font-size: 30px;
  }
}

.single_testimonial {
  text-align: center;
}

.testimonial_icon_img {
  margin-bottom: 24px;
}
.testimonial_icon_img img {
  margin: 0 auto;
}

.testimonial_thumb {
  margin: 24px 0;
}
@media only screen and (max-width: 767px) {
  .testimonial_thumb {
    margin: 20px 0;
  }
}
.testimonial_thumb img {
  margin: 0 auto;
}

.testimonial_area {
  background: #f6f9fd;
  padding: 100px 0 130px;
  margin-bottom: 118px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial_area {
    padding: 100px 0 95px;
    margin-bottom: 97px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial_area {
    padding: 78px 0 77px;
    margin-bottom: 72px;
  }
}

.testimonial_desc p {
  color: #272727;
  font-family: "Merriweather", serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 46px;
  padding: 0 218px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .testimonial_desc p {
    line-height: 44px;
    padding: 0 170px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial_desc p {
    font-size: 18px;
    line-height: 40px;
    padding: 0 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial_desc p {
    font-size: 16px;
    line-height: 33px;
    padding: 0 40px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial_desc p {
    font-size: 14px;
    line-height: 32px;
    padding: 0 15px;
  }
}

.testimonial_aothur span {
  color: #272727;
  font-family: "Merriweather", serif;
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
  line-height: 25px;
  text-align: center;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .testimonial_aothur span {
    font-size: 15px;
    line-height: 20px;
  }
}

/* 06. footer css here */
.footer_widgets {
  background: #272727;
}
.footer_widgets .container {
  max-width: 1670px;
}
@media only screen and (max-width: 767px) {
  .footer_widgets .container {
    max-width: 576px;
  }
}

.footer_top {
  padding: 130px 0 140px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer_top {
    padding: 100px 0 90px;
  }
}
@media only screen and (max-width: 767px) {
  .footer_top {
    padding: 80px 0 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer_widgets_left {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .footer_widgets_left {
    margin-bottom: 38px;
  }
}

.footer_desc {
  padding: 30px 0 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer_desc {
    padding: 25px 0 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer_desc {
    padding: 25px 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .footer_desc {
    padding: 22px 0 28px;
  }
}
.footer_desc p {
  color: #7a7a7a;
  font-size: 22px;
  font-weight: 400;
  line-height: 42px;
  padding-right: 65px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .footer_desc p {
    font-size: 20px;
    line-height: 40px;
    padding-right: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer_desc p {
    font-size: 18px;
    line-height: 33px;
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer_desc p {
    font-size: 20px;
    line-height: 30px;
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .footer_desc p {
    font-size: 16px;
    line-height: 30px;
    padding-right: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer_logo img {
    max-width: 240px;
  }
}
@media only screen and (max-width: 767px) {
  .footer_logo img {
    max-width: 230px;
  }
}

.footer_social ul li {
  display: inline-block;
  margin-right: 12px;
}
.footer_social ul li:last-child {
  margin-right: 0;
}
.footer_social ul li a {
  font-size: 20px;
  line-height: 50px;
  width: 52px;
  height: 52px;
  border: solid 1px rgba(151, 151, 151, 0.3);
  display: inline-block;
  text-align: center;
  color: #fff;
  border-radius: 2px;
}
.footer_social ul li a:hover {
  color: #00a4a6;
  border-color: #00a4a6;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer_social ul li a {
    font-size: 20px;
    line-height: 43px;
    width: 45px;
    height: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer_social ul li a {
    line-height: 43px;
    width: 45px;
    height: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .footer_social ul li a {
    font-size: 18px;
    line-height: 42px;
    width: 44px;
    height: 44px;
  }
}

.footer_widgets_right {
  display: flex;
  justify-content: space-between;
  padding-left: 92px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .footer_widgets_right {
    padding-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer_widgets_right {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer_widgets_right {
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .footer_widgets_right {
    flex-wrap: wrap;
    padding-left: 0;
  }
}

.instagram_thumb_area {
  display: flex;
  padding: 20px 0 53px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .instagram_thumb_area {
    padding: 20px 0 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .instagram_thumb_area {
    padding: 18px 0 32px;
  }
}
@media only screen and (max-width: 767px) {
  .instagram_thumb_area {
    padding: 12px 0 26px;
  }
}

.instagram_thumb {
  margin-right: 15px;
  overflow: hidden;
}
.instagram_thumb:last-child {
  margin-right: 0;
}
.instagram_thumb:hover img {
  transform: scale(1.05);
}
.instagram_thumb img {
  transition: .3s;
}

@media only screen and (max-width: 767px) {
  .footer_widgets_list.instagram {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer_widgets_list {
    margin-right: 30px;
  }
  .footer_widgets_list:last-child {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer_widgets_list {
    margin-right: 30px;
  }
  .footer_widgets_list:last-child {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .footer_widgets_list {
    width: 33.33%;
    margin-bottom: 35px;
  }
}
@media only screen and (max-width: 575px) {
  .footer_widgets_list {
    width: 50%;
  }
}
.footer_widgets_list > h3 {
  color: #ffffff;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer_widgets_list > h3 {
    font-size: 18px;
    line-height: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer_widgets_list > h3 {
    font-size: 19px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .footer_widgets_list > h3 {
    font-size: 17px;
    line-height: 18px;
  }
}
.footer_widgets_list ul li a {
  color: #959595;
  font-size: 16px;
  font-weight: 400;
  line-height: 38px;
}
.footer_widgets_list ul li a:hover {
  color: #00a4a6;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer_widgets_list ul li a {
    font-size: 14px;
    line-height: 36px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer_widgets_list ul li a {
    font-size: 15px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .footer_widgets_list ul li a {
    font-size: 14px;
    line-height: 30px;
  }
}

.footer_email h3 {
  color: #ffffff;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer_email h3 {
    font-size: 17px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer_email h3 {
    font-size: 19px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .footer_email h3 {
    font-size: 18px;
    line-height: 22px;
  }
}
.footer_email h3 i {
  font-size: 28px;
  margin-right: 12px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer_email h3 i {
    font-size: 22px;
    margin-right: 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer_email h3 i {
    font-size: 23px;
    margin-right: 7px;
  }
}
@media only screen and (max-width: 767px) {
  .footer_email h3 i {
    font-size: 22px;
    margin-right: 8px;
  }
}

.copyright_right {
  text-align: center;
  border-top: 1px solid rgba(151, 151, 151, 0.3);
  padding: 30px 0;
}
.copyright_right p {
  color: #959595;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .copyright_right p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .copyright_right p {
    font-size: 14px;
    line-height: 26px;
  }
}
.copyright_right p i {
  font-size: 17px;
  color: #00a4a6;
}
.copyright_right p a {
  color: #fff;
}
.copyright_right p a:hover {
  color: #00a4a6;
}

/* 09. contact page css here */
@media only screen and (max-width: 767px) {
  .contact_us_area {
    padding: 80px 0;
  }
}
.contact_us_area .row {
  margin-left: 0;
  margin-right: 0;
}

.contact_map #gmap {
  height: 1100px;
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.contact_map #gmap:hover {
  box-shadow: 0 0.5rem 1.2rem rgba(0, 0, 0, 0.1), 0 2rem 3rem rgba(0, 0, 0, 0.15) !important;
  transform: scale(0.9) !important;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .contact_map #gmap {
    height: 950px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact_map #gmap {
    height: 800px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact_map #gmap {
    height: 600px;
  }
}
@media only screen and (max-width: 767px) {
  .contact_map #gmap {
    height: 420px;
  }
}

.contact_form {
  padding: 0 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact_form {
    padding: 0 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact_form {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .contact_form {
    padding: 0 15px;
    margin-top: 30px;
  }
}
.contact_form form input {
  width: 100%;
  border: 0;
  border-bottom: 2px solid #2f2f2f;
  margin-bottom: 48px;
  height: 47px;
  color: #2f2f2f;
  font-size: 18px;
  font-weight: 300;
  opacity: 0.9;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact_form form input {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact_form form input {
    margin-bottom: 30px;
    height: 42px;
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .contact_form form input {
    margin-bottom: 25px;
    height: 40px;
    font-size: 14px;
  }
}
.contact_form form input:focus {
  border-color: #00a4a6;
}
.contact_form form .select_option {
  width: 100%;
  border: 0;
  border-bottom: 2px solid #2f2f2f;
  margin-bottom: 48px;
  height: 47px;
  color: #2f2f2f;
  font-size: 18px;
  font-weight: 300;
  border-radius: 0;
  padding: 0;
}
.contact_form form .select_option span {
  opacity: 0.9;
}
.contact_form form .select_option:focus {
  border-color: #00a4a6;
}
.contact_form form .select_option ul.list {
  width: 100%;
}
.contact_form form .select_option ul.list li.option {
  font-weight: 300;
  opacity: 0.9;
  font-size: 15px;
}
@media only screen and (max-width: 767px) {
  .contact_form form .select_option ul.list li.option {
    font-size: 13px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact_form form .select_option {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact_form form .select_option {
    margin-bottom: 30px;
    height: 42px;
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .contact_form form .select_option {
    margin-bottom: 25px;
    height: 40px;
    font-size: 14px;
  }
}
.contact_form form textarea {
  width: 100%;
  border: 0;
  border-bottom: 2px solid #2f2f2f;
  height: 138px;
  color: #2f2f2f;
  font-size: 18px;
  font-weight: 300;
  transition: .3s;
  opacity: 0.9;
  resize: none;
}
.contact_form form textarea:focus {
  border-color: #00a4a6;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact_form form textarea {
    height: 110px;
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .contact_form form textarea {
    height: 80px;
    font-size: 14px;
  }
}
.contact_form form button.btn {
  color: #2f2f2f;
  border: 1px solid transparent;
}
.contact_form form button.btn:hover {
  border-color: #dfdfdf;
}

.gm-style-iw.gm-style-iw-c button {
  top: 3px !important;
  right: 8px !important;
}

.gm-style-iw-d {
  padding: 20px 60px 10px;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .gm-style-iw-d {
    padding: 13px 10px 7px;
  }
}
@media only screen and (max-width: 767px) {
  .gm-style-iw-d {
    padding: 15px 5px 10px 0;
  }
}
.gm-style-iw-d p {
  color: #2f2f2f;
  font-size: 18px;
  font-weight: 400;
  line-height: 36px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .gm-style-iw-d p {
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 8px;
  }
}
.gm-style-iw-d p i {
  font-size: 30px;
  margin-right: 12px;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .gm-style-iw-d p i {
    font-size: 20px;
    margin-right: 8px;
  }
}
.gm-style-iw-d a {
  display: block;
  color: #2f2f2f;
  font-size: 18px;
  font-weight: 400;
  line-height: 36px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .gm-style-iw-d a {
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 8px;
  }
}
.gm-style-iw-d a i {
  font-size: 30px;
  margin-right: 12px;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .gm-style-iw-d a i {
    font-size: 20px;
    margin-right: 8px;
  }
}
.gm-style-iw-d a:hover {
  color: #00a4a6;
}

/* 08. about css here */
.breadcrumbs_area {
  background: #f9f9f9;
  padding: 51px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumbs_area {
    padding: 35px 0;
  }
}
@media only screen and (max-width: 767px) {
  .breadcrumbs_area {
    padding: 33px 0;
  }
}

.breadcrumbs_content {
  text-align: center;
}
.breadcrumbs_content h3 {
  color: #272727;
  font-size: 58px;
  font-weight: 400;
  line-height: 87px;
  letter-spacing: 1px;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .breadcrumbs_content h3 {
    font-size: 50px;
    line-height: 72px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumbs_content h3 {
    font-size: 33px;
    line-height: 48px;
    margin-bottom: 2px;
  }
}
@media only screen and (max-width: 767px) {
  .breadcrumbs_content h3 {
    font-size: 23px;
    line-height: 40px;
  }
}
.breadcrumbs_content p {
  color: #7e7e7e;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .breadcrumbs_content p {
    font-size: 22px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumbs_content p {
    font-size: 20px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .breadcrumbs_content p {
    font-size: 16px;
    line-height: 28px;
  }
}

.start_forever_area.about_forever {
  padding: 144px 0;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .start_forever_area.about_forever {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 767px) {
  .start_forever_area.about_forever {
    padding: 80px 15px;
  }
}
.start_forever_area.about_forever .row {
  margin-right: 0;
  margin-left: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_forever .start_forever_thumb {
    padding: 0 50px;
  }
}
.about_forever .start_forever_content {
  padding-left: 112px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .about_forever .start_forever_content {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_forever .start_forever_content {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_forever .start_forever_content {
    padding-left: 50px;
    padding-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .about_forever .start_forever_content {
    padding-left: 0;
  }
}
.about_forever .start_forever_content h4 {
  color: #00a4a6;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  text-transform: uppercase;
  letter-spacing: 0.4137931px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_forever .start_forever_content h4 {
    font-size: 21px;
    line-height: 30px;
    margin-bottom: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_forever .start_forever_content h4 {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 6px;
  }
}
@media only screen and (max-width: 767px) {
  .about_forever .start_forever_content h4 {
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0;
    margin-bottom: 8px;
  }
}
.about_forever .start_forever_content h3 {
  padding-right: 250px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .about_forever .start_forever_content h3 {
    padding-right: 75px;
    font-size: 45px;
    line-height: 56px;
    margin-bottom: 19px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_forever .start_forever_content h3 {
    padding-right: 0;
    font-size: 35px;
    line-height: 44px;
    margin-bottom: 17px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_forever .start_forever_content h3 {
    padding-right: 0;
    font-size: 40px;
    line-height: 55px;
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .about_forever .start_forever_content h3 {
    padding-right: 0;
    font-size: 21px;
    line-height: 28px;
    margin-bottom: 14px;
    letter-spacing: 0;
  }
}
.about_forever .start_forever_content p {
  padding-right: 210px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .about_forever .start_forever_content p {
    padding-right: 39px;
    font-size: 20px;
    line-height: 38px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_forever .start_forever_content p {
    padding-right: 30px;
    font-size: 17px;
    line-height: 36px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_forever .start_forever_content p {
    padding-right: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .about_forever .start_forever_content p {
    padding-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_forever .start_forever_content a.btn {
    margin-top: 23px;
  }
}
@media only screen and (max-width: 767px) {
  .about_forever .start_forever_content a.btn {
    font-size: 16px;
    line-height: 42px;
    height: 44px;
    margin-top: 22px;
  }
}

.forever_text_list {
  margin-top: 28px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .forever_text_list {
    margin-top: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .forever_text_list {
    margin-top: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .forever_text_list {
    margin-top: 20px;
  }
}
.forever_text_list ul li {
  color: #7e7e7e;
  font-size: 22px;
  font-weight: 400;
  line-height: 71px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .forever_text_list ul li {
    line-height: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .forever_text_list ul li {
    font-size: 19px;
    line-height: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .forever_text_list ul li {
    line-height: 57px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .forever_text_list ul li {
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 15px;
  }
  .forever_text_list ul li:last-child {
    margin-bottom: 0;
  }
}
.forever_text_list ul li span {
  margin-right: 25px;
  width: 27px;
  height: 27px;
  border: solid 1px #979797;
  display: inline-block;
  line-height: 23px;
  text-align: center;
  border-radius: 50%;
}
@media only screen and (max-width: 767px) {
  .forever_text_list ul li span {
    margin-right: 10px;
  }
}

.single_potential {
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single_potential {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .single_potential {
    margin-bottom: 35px;
  }
}
.single_potential:hover .potential_thumb {
  transform: scale(1.05);
}

.potential_thumb {
  min-height: 140px;
  margin-bottom: 35px;
  align-items: center;
  display: flex;
  justify-content: center;
  transition: .3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .potential_thumb {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .potential_thumb {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .potential_thumb {
    min-height: 138px;
    margin-bottom: 25px;
  }
}

.potential_container {
  padding-top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .potential_container {
    padding-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .potential_container {
    padding-top: 0;
  }
}

.potential_content h3 {
  color: #272727;
  font-size: 28px;
  font-weight: 600;
  line-height: 42px;
  letter-spacing: -0.8235294px;
  margin-bottom: 2px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .potential_content h3 {
    font-size: 24px;
    line-height: 42px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .potential_content h3 {
    font-size: 20px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .potential_content h3 {
    font-size: 22px;
    line-height: 38px;
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 767px) {
  .potential_content h3 {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0;
  }
}
.potential_content p {
  color: #272727;
  font-size: 22px;
  font-weight: 400;
  line-height: 32px;
  opacity: 0.5;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .potential_content p {
    font-size: 19px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .potential_content p {
    font-size: 16px;
    line-height: 27px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .potential_content p {
    font-size: 18px;
    line-height: 29px;
  }
}
@media only screen and (max-width: 767px) {
  .potential_content p {
    font-size: 15px;
    line-height: 25px;
  }
}

.section_title {
  text-align: center;
  margin-bottom: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section_title {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section_title {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .section_title {
    margin-bottom: 35px;
  }
}
.section_title h2 {
  color: #272727;
  font-family: "Merriweather", serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 60px;
  letter-spacing: -1.411765px;
  margin-bottom: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section_title h2 {
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section_title h2 {
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .section_title h2 {
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0;
    margin-bottom: 8px;
  }
}
.section_title p {
  color: #272727;
  font-size: 22px;
  font-weight: 400;
  line-height: 42px;
  opacity: 0.5;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section_title p {
    font-size: 20px;
    line-height: 33px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section_title p {
    font-size: 18px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .section_title p {
    font-size: 16px;
    line-height: 28px;
  }
}

.potential_area {
  background: #f6f9fd;
  padding: 123px 0 192px;
  margin-bottom: 142px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .potential_area {
    padding: 96px 0 56px;
    margin-bottom: 95px;
  }
}
@media only screen and (max-width: 767px) {
  .potential_area {
    padding: 74px 0 40px;
    margin-bottom: 75px;
  }
}

.start_forever_area.about_chooseus {
  margin-bottom: 142px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .start_forever_area.about_chooseus {
    padding: 0 50px;
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .start_forever_area.about_chooseus {
    margin: 0 15px 80px;
  }
}

.about_chooseus .start_forever_thumb {
  margin-bottom: 0;
}
.about_chooseus .start_forever_content {
  padding-left: 244px;
  padding-right: 140px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .about_chooseus .start_forever_content {
    padding-left: 70px;
    padding-right: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_chooseus .start_forever_content {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_chooseus .start_forever_content {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .about_chooseus .start_forever_content {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 40px;
  }
}
.about_chooseus .start_forever_content h4 {
  color: #00a4a6;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  text-transform: uppercase;
  letter-spacing: 0.4137931px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_chooseus .start_forever_content h4 {
    font-size: 20px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_chooseus .start_forever_content h4 {
    font-size: 22px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 767px) {
  .about_chooseus .start_forever_content h4 {
    font-size: 16px;
    line-height: 25px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .about_chooseus .start_forever_content h3 {
    font-size: 40px;
    line-height: 51px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_chooseus .start_forever_content h3 {
    font-size: 26px;
    line-height: 38px;
    margin-bottom: 19px;
  }
}
@media only screen and (max-width: 767px) {
  .about_chooseus .start_forever_content h3 {
    font-size: 20px;
    line-height: 34px;
  }
}

.about_banner_thumb {
  overflow: hidden;
}
.about_banner_thumb:hover img {
  transform: scale(1.05);
  opacity: 0.7;
}
.about_banner_thumb img {
  transition: .3s;
}
@media only screen and (max-width: 767px) {
  .about_banner_thumb img {
    width: 100%;
  }
}

.about__accordion {
  margin-top: 54px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .about__accordion {
    margin-top: 36px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__accordion {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__accordion {
    margin-top: 33px;
  }
}
@media only screen and (max-width: 767px) {
  .about__accordion {
    margin-top: 30px;
  }
}
.about__accordion .card-header:first-child {
  border-radius: 0;
}
.about__accordion .card-body {
  padding: 10px 40px 42px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__accordion .card-body {
    padding: 10px 40px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__accordion .card-body {
    padding: 10px 40px 32px;
  }
}
@media only screen and (max-width: 767px) {
  .about__accordion .card-body {
    padding: 10px 20px 25px;
  }
}
.about__accordion .card-body p {
  color: #7e7e7e;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .about__accordion .card-body p {
    font-size: 16px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__accordion .card-body p {
    font-size: 14px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .about__accordion .card-body p {
    font-size: 15px;
    line-height: 26px;
    text-align: left;
    padding-left: 6px;
  }
}

.card.card_dipult {
  border: none;
  margin-bottom: 20px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.card.card_dipult:last-child {
  margin-bottom: 0;
}

.card-header.card_accor {
  padding: 0;
  border: none;
}
.card-header.card_accor button {
  height: 70px;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  white-space: initial;
  border: 0;
  padding: 0 40px;
}
@media only screen and (max-width: 767px) {
  .card-header.card_accor button {
    height: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .card-header.card_accor button {
    height: 62px;
  }
}
@media only screen and (max-width: 767px) {
  .card-header.card_accor button {
    height: 55px;
    padding: 0 26px;
  }
}
.card-header.card_accor button:focus {
  box-shadow: inherit;
}
.card-header.card_accor button i {
  position: absolute;
  top: 50%;
  -webkit-transform: translatey(-50%);
  transform: translatey(-50%);
  right: 38px;
  font-size: 18px;
  color: #000000;
}
@media only screen and (max-width: 767px) {
  .card-header.card_accor button i {
    right: 20px;
  }
}
.card-header.card_accor button.btn-link {
  width: 100%;
  text-align: left;
  color: #4d4d4d;
  font-size: 24px;
  font-weight: 600;
  line-height: 70px;
  letter-spacing: -0.7058824px;
  background: #fff;
  position: relative;
  padding-top: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .card-header.card_accor button.btn-link {
    font-size: 19px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .card-header.card_accor button.btn-link {
    font-size: 20px;
    line-height: 62px;
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 767px) {
  .card-header.card_accor button.btn-link {
    font-size: 16px;
    line-height: 55px;
    padding-top: 13px;
  }
}
.card-header.card_accor button.btn-link::before {
  position: absolute;
  content: "";
  width: 95%;
  height: 5px;
  background: url(../img/others/border-shape.png);
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .card-header.card_accor button.btn-link::before {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .card-header.card_accor button.btn-link::before {
    width: 100%;
  }
}
.card-header.card_accor button.btn-link.collapsed {
  width: 100%;
  text-align: left;
  color: #4d4d4d;
  padding-top: 0;
}
@media only screen and (max-width: 767px) {
  .card-header.card_accor button.btn-link.collapsed {
    padding-right: 28px;
  }
}
.card-header.card_accor button.btn-link.collapsed::before {
  display: none;
}

.card-header.card_accor button.btn-link i.ion-android-add {
  display: none;
}

.card-header.card_accor button.btn-link.collapsed i.ion-android-add {
  display: block;
}

.card-header.card_accor button.btn-link.collapsed i.ion-ios-minus-empty {
  display: none;
}

.single_team_member {
  background: #ffffff;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single_team_member {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .single_team_member {
    margin-bottom: 30px;
  }
}

.team_member_thumb {
  overflow: hidden;
}
.team_member_thumb:hover img {
  transform: scale(1.05);
}
.team_member_thumb img {
  transition: .3s;
}

.team_member_text {
  padding: 28px 20px 27px 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team_member_text {
    padding: 22px 20px 21px 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team_member_text {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .team_member_text {
    padding: 15px 10px;
  }
}
.team_member_text h3 {
  color: #272727;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: -0.7058824px;
  margin-bottom: 0;
}
.team_member_text h3 a:hover {
  color: #00a4a6;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team_member_text h3 {
    font-size: 20px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team_member_text h3 {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 575px) {
  .team_member_text h3 {
    font-size: 15px;
    line-height: 15px;
  }
}

.team_member_area {
  position: relative;
  padding-top: 100px;
  margin-bottom: 130px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team_member_area {
    padding-top: 93px;
    margin-bottom: 100px;
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .team_member_area {
    padding-top: 71px;
    margin-bottom: 76px;
    padding-bottom: 50px;
  }
}
.team_member_area::before {
  position: absolute;
  content: "";
  height: 686px;
  width: 100%;
  background: #f6f9fd;
  top: 0;
  left: 0;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team_member_area::before {
    height: 515px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team_member_area::before {
    height: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .team_member_area::before {
    height: 100%;
  }
}

.testimonial_about {
  background: none;
  padding: 0;
  margin-bottom: 139px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial_about {
    margin-bottom: 95px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial_about {
    margin-bottom: 78px;
  }
}

.about_banner_area .row {
  margin-right: 0;
  margin-left: 0;
}

.brand_logo_area.about_brand {
  padding: 69px 0;
}
@media only screen and (max-width: 767px) {
  .brand_logo_area.about_brand {
    padding: 60px 0 59px;
  }
}

/* 07. services css here */
.services_bg_list {
  background: url(../img/bg/services1.png);
  height: 845px;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .services_bg_list {
    height: 730px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services_bg_list {
    height: 580px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .services_bg_list {
    height: 450px;
  }
}
@media only screen and (max-width: 767px) {
  .services_bg_list {
    height: 400px;
  }
}
.services_bg_list.two {
  background: url(../img/bg/services2.png);
}
.services_bg_list.three {
  background: url(../img/bg/services3.png);
}
.services_bg_list.four {
  background: url(../img/bg/services4.png);
}

.jarallax {
  position: relative;
  z-index: 0;
}

.jarallax.jarallax-img {
  object-fit: cover;
  z-index: 9;
}

@media only screen and (max-width: 767px) {
  .services_text {
    text-align: center;
  }
}
.services_text.right {
  padding-left: 180px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .services_text.right {
    padding-left: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services_text.right {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .services_text.right {
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .services_text.right {
    padding-left: 0;
  }
}
.services_text h3 {
  color: #ffffff;
  font-family: "Merriweather", serif;
  font-size: 46px;
  font-weight: 700;
  line-height: 58px;
  letter-spacing: -1.352941px;
  margin-bottom: 7px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .services_text h3 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services_text h3 {
    font-size: 34px;
    line-height: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .services_text h3 {
    font-size: 26px;
    line-height: 40px;
    letter-spacing: -1.352941px;
    margin-bottom: 7px;
  }
}
@media only screen and (max-width: 767px) {
  .services_text h3 {
    font-size: 20px;
    line-height: 27px;
    letter-spacing: 0;
    margin-bottom: 8px;
  }
}
.services_text p {
  color: #c9c9c9;
  font-family: Poppins;
  font-size: 22px;
  font-weight: 400;
  line-height: 36px;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services_text p {
    font-size: 20px;
    line-height: 34px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .services_text p {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .services_text p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0;
  }
}

.ready_started_area {
  background: #00a4a6;
  padding: 63px 0;
}
@media only screen and (max-width: 767px) {
  .ready_started_area {
    padding: 50px 0;
  }
}

.ready_started_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .ready_started_container {
    flex-direction: column;
    text-align: center;
  }
}

.ready_started_text h3 {
  color: #272727;
  font-size: 44px;
  font-weight: 600;
  line-height: 90px;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ready_started_text h3 {
    font-size: 35px;
    line-height: 56px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ready_started_text h3 {
    font-size: 32px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .ready_started_text h3 {
    font-size: 22px;
    line-height: 42px;
  }
}
.ready_started_text p {
  color: #272727;
  font-size: 16px;
  font-weight: 400;
  line-height: 34px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ready_started_text p {
    font-size: 15px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .ready_started_text p {
    font-size: 14px;
    line-height: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .lets_talk {
    margin-top: 25px;
  }
}
.lets_talk a.btn {
  padding: 0 85px;
  height: 80px;
  background: #272727;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  line-height: 80px;
  text-transform: uppercase;
  border: 0;
  border-radius: 0;
  position: relative;
  z-index: 9;
}
.lets_talk a.btn::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  transform: scaleY(0);
  transform-origin: 50%;
  transition-duration: 0.3s;
}
.lets_talk a.btn:hover {
  color: #272727;
}
.lets_talk a.btn:hover::before {
  transform: scaleY(1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .lets_talk a.btn {
    padding: 0 60px;
    height: 70px;
    line-height: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .lets_talk a.btn {
    padding: 0 45px;
    height: 55px;
    font-size: 14px;
    line-height: 55px;
  }
}
@media only screen and (max-width: 767px) {
  .lets_talk a.btn {
    padding: 0 35px;
    height: 50px;
    font-size: 12px;
    line-height: 50px;
  }
}

/* 05. other css here */
.btn_primary {
  color: #272727;
  font-size: 20px;
  line-height: 66px;
  height: 68px;
  width: 215px;
  background: #00a4a6;
  margin-top: 45px;
  padding: 0;
  border-radius: 0;
  position: relative;
  z-index: 9;
}
.btn_primary::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  transform: scaleY(0);
  transform-origin: 50%;
  transition-duration: 0.3s;
}
.btn_primary:hover {
  border-color: #fff;
}
.btn_primary:hover::before {
  transform: scaleY(1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .btn_primary {
    font-size: 20px;
    line-height: 58px;
    height: 60px;
    margin-top: 40px;
    width: 200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .btn_primary {
    font-size: 18px;
    line-height: 56px;
    height: 58px;
    margin-top: 38px;
    width: 186px;
  }
}
@media only screen and (max-width: 767px) {
  .btn_primary {
    font-size: 15px;
    line-height: 44px;
    height: 45px;
    margin-top: 25px;
    width: 148px;
  }
}

@media only screen and (max-width: 767px) {
  .start_forever_thumb {
    text-align: center;
    margin-bottom: 30px;
  }
}

@keyframes animateUpDown {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-30px);
  }
  100% {
    transform: translateY(0px);
  }
}
.forever_thumb_animation {
  animation-duration: 3s;
  animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
  animation-name: animateUpDown;
  animation-iteration-count: infinite;
  transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.start_forever_content {
  padding-left: 110px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .start_forever_content {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .start_forever_content {
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .start_forever_content {
    padding-left: 0;
    text-align: center;
  }
}
.start_forever_content h3 {
  color: #272727;
  font-family: "Merriweather", serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 60px;
  letter-spacing: -1.411765px;
  margin-bottom: 23px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .start_forever_content h3 {
    font-size: 38px;
    line-height: 50px;
    margin-bottom: 19px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .start_forever_content h3 {
    font-size: 32px;
    line-height: 45px;
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .start_forever_content h3 {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 13px;
  }
}
.start_forever_content p {
  color: #7e7e7e;
  font-size: 22px;
  font-weight: 400;
  line-height: 42px;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .start_forever_content p {
    font-size: 19px;
    line-height: 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .start_forever_content p {
    font-size: 17px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 767px) {
  .start_forever_content p {
    font-size: 15px;
    line-height: 29px;
  }
}
.start_forever_content a.btn {
  background: #fff;
  border: solid 1px #bdbdbd;
}
.start_forever_content a.btn::before {
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  background: #00a4a6;
}
.start_forever_content a.btn:hover::before {
  border-color: #00a4a6;
}

.single_business_consultant {
  text-align: center;
  background: #ffffff;
  box-shadow: 0px 0px 38px rgba(0, 0, 0, 0.1);
  position: relative;
  padding: 90px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single_business_consultant {
    padding: 76px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single_business_consultant {
    padding: 79px 0 60px;
  }
}
@media only screen and (max-width: 767px) {
  .single_business_consultant {
    padding: 80px 0 40px;
    margin-bottom: 80px;
  }
}
.single_business_consultant h3 {
  color: #272727;
  font-size: 28px;
  font-weight: 600;
  line-height: 42px;
  letter-spacing: -0.8235294px;
  margin-bottom: 14px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single_business_consultant h3 {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single_business_consultant h3 {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0;
    margin-bottom: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .single_business_consultant h3 {
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0;
    margin-bottom: 14px;
  }
}
.single_business_consultant p {
  color: #7e7e7e;
  font-size: 22px;
  font-weight: 400;
  line-height: 42px;
  padding: 0 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .single_business_consultant p {
    font-size: 20px;
    line-height: 39px;
    padding: 0 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single_business_consultant p {
    font-size: 18px;
    line-height: 34px;
    padding: 0 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single_business_consultant p {
    font-size: 16px;
    line-height: 30px;
    padding: 0 15px;
  }
}
@media only screen and (max-width: 767px) {
  .single_business_consultant p {
    font-size: 16px;
    line-height: 28px;
    padding: 0 20px;
  }
}

.start_forever_area {
  margin-bottom: 230px;
  overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .start_forever_area {
    margin-bottom: 196px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .start_forever_area {
    margin-bottom: 146px;
  }
}
@media only screen and (max-width: 767px) {
  .start_forever_area {
    margin-bottom: 127px;
  }
}

.business_icone_img {
  position: absolute;
  top: -47px;
  left: 0;
  right: 0;
}
.business_icone_img span {
  width: 95px;
  height: 95px;
  line-height: 94px;
  background: #00a4a6;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
}

.realize_potential_area {
  background: #f6f9fd;
  padding: 140px 0;
  position: relative;
  margin-bottom: 115px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .realize_potential_area {
    padding: 98px 0 92px;
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .realize_potential_area {
    padding: 70px 0 75px;
    margin-bottom: 72px;
  }
}

.realize_count_area {
  display: flex;
  justify-content: flex-end;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .realize_count_area {
    justify-content: space-around;
  }
}
@media only screen and (max-width: 767px) {
  .realize_count_area {
    justify-content: space-between;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .realize_potential_text {
    text-align: center;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .realize_potential_text {
    text-align: center;
    margin-bottom: 30px;
  }
}
.realize_potential_text h3 {
  color: #272727;
  font-family: "Merriweather", serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 60px;
  letter-spacing: -1.411765px;
  margin-bottom: 27px;
  padding-right: 150px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .realize_potential_text h3 {
    padding-right: 72px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .realize_potential_text h3 {
    font-size: 38px;
    line-height: 50px;
    margin-bottom: 21px;
    padding-right: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .realize_potential_text h3 {
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 16px;
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .realize_potential_text h3 {
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0;
    padding-right: 0;
    margin-bottom: 14px;
  }
}
.realize_potential_text p {
  opacity: 0.5;
  color: #272727;
  font-size: 22px;
  font-weight: 400;
  line-height: 42px;
  padding-right: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .realize_potential_text p {
    font-size: 20px;
    line-height: 38px;
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .realize_potential_text p {
    font-size: 20px;
    line-height: 35px;
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .realize_potential_text p {
    font-size: 15px;
    line-height: 26px;
    padding-right: 0;
  }
}

.single_realize_count {
  margin-bottom: 80px;
  text-align: center;
}
.single_realize_count:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single_realize_count {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single_realize_count {
    margin-bottom: 43px;
  }
}
@media only screen and (max-width: 767px) {
  .single_realize_count {
    margin-bottom: 30px;
  }
}
.single_realize_count h3 {
  color: #00a4a6;
  font-family: "Merriweather", serif;
  font-size: 68px;
  font-weight: 400;
  line-height: 85px;
  letter-spacing: -2px;
  margin-bottom: 12px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single_realize_count h3 {
    font-size: 52px;
    line-height: 60px;
    margin-bottom: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single_realize_count h3 {
    font-size: 50px;
    line-height: 55px;
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .single_realize_count h3 {
    font-size: 38px;
    line-height: 40px;
    letter-spacing: 0;
  }
}
.single_realize_count p {
  color: #272727;
  font-size: 22px;
  font-weight: 400;
  line-height: 33px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single_realize_count p {
    font-size: 18px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single_realize_count p {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .single_realize_count p {
    font-size: 15px;
    line-height: 24px;
  }
}

.realize_count_list {
  margin-right: 107px;
}
.realize_count_list:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .realize_count_list {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .realize_count_list {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .realize_count_list {
    margin-right: 30px;
  }
}

.design_web .start_forever_content {
  padding-left: 0;
  padding-right: 92px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .design_web .start_forever_content {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .design_web .start_forever_content {
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .design_web .start_forever_content {
    padding-right: 0;
  }
}
.design_web .start_forever_content h3 {
  padding-right: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .design_web .start_forever_content h3 {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .design_web .start_forever_content h3 {
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .design_web .start_forever_content h3 {
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .design_web .start_forever_thumb {
    margin-bottom: 0;
    margin-top: 35px;
  }
}

.startup_layout_area {
  margin-bottom: 78px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .startup_layout_area {
    margin-bottom: 56px;
  }
}
@media only screen and (max-width: 767px) {
  .startup_layout_area {
    margin-bottom: 43px;
  }
}

.single_startup_layout {
  background: #ffffff;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  padding: 50px;
  border-left: 10px solid #00a4a6;
  margin-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single_startup_layout {
    padding: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single_startup_layout {
    padding: 30px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .single_startup_layout {
    padding: 20px 10px;
    margin-bottom: 30px;
  }
}

.startup_layout_content {
  position: relative;
  padding-left: 62px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .startup_layout_content {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .startup_layout_content {
    padding-left: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .startup_layout_content {
    padding-left: 27px;
  }
}
.startup_layout_content::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-top: 22px solid transparent;
  border-left: 22px solid #00a4a6;
  border-bottom: 22px solid transparent;
  left: 0;
  top: 50%;
  transform: translatey(-50%);
}
@media only screen and (max-width: 767px) {
  .startup_layout_content::before {
    border-top: 16px solid transparent;
    border-left: 16px solid #00a4a6;
    border-bottom: 16px solid transparent;
  }
}
.startup_layout_content h3 {
  color: #272727;
  font-size: 28px;
  font-weight: 600;
  line-height: 42px;
  letter-spacing: -0.8235294px;
  margin-bottom: 8px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .startup_layout_content h3 {
    font-size: 24px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .startup_layout_content h3 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .startup_layout_content h3 {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0;
  }
}
.startup_layout_content p {
  color: #7e7e7e;
  font-size: 22px;
  font-weight: 400;
  line-height: 42px;
  padding-right: 58px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .startup_layout_content p {
    font-size: 19px;
    line-height: 38px;
    padding-right: 34px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .startup_layout_content p {
    font-size: 18px;
    line-height: 32px;
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .startup_layout_content p {
    font-size: 14px;
    line-height: 25px;
    padding-right: 0;
  }
}

.design_web {
  margin-bottom: 85px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .design_web {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .design_web {
    margin-bottom: 50px;
  }
}

.tech_startups_area .container {
  max-width: 1670px;
}
@media only screen and (max-width: 767px) {
  .tech_startups_area .container {
    max-width: 576px;
  }
}

.tech_startups_banner .row {
  margin-right: -8px;
  margin-left: -8px;
}
.tech_startups_banner .col-lg-6 {
  padding-right: 8px;
  padding-left: 8px;
}

@media only screen and (max-width: 767px) {
  .tech_banner_left {
    margin-bottom: 25px;
  }
}
.tech_banner_left .tech_banner_thumb {
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .tech_banner_left .tech_banner_thumb {
    margin-bottom: 25px;
  }
}
.tech_banner_left .tech_banner_thumb:last-child {
  margin-bottom: 0;
}

.tech_banner_thumb {
  position: relative;
  overflow: hidden;
  transition: .5s;
}
.tech_banner_thumb:hover {
  opacity: 0.9;
  transform: scale(1.02);
}
.tech_banner_thumb img {
  transition: .5s;
}
.tech_banner_thumb::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #000, transparent 50%);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  pointer-events: none;
}

.tech_startups_title {
  text-align: center;
  margin-bottom: 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tech_startups_title {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tech_startups_title {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .tech_startups_title {
    margin-bottom: 25px;
  }
}
.tech_startups_title h3 {
  color: #272727;
  font-family: "Merriweather", serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 60px;
  text-align: center;
  letter-spacing: -1.411765px;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tech_startups_title h3 {
    font-size: 37px;
    line-height: 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tech_startups_title h3 {
    font-size: 35px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .tech_startups_title h3 {
    font-size: 22px;
    line-height: 31px;
    letter-spacing: 0;
  }
}

.tech_banner_text {
  position: absolute;
  left: 50px;
  bottom: 45px;
  pointer-events: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tech_banner_text {
    left: 30px;
    bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tech_banner_text {
    left: 20px;
    bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .tech_banner_text {
    left: 15px;
    bottom: 20px;
  }
}
.tech_banner_text h3 {
  color: #ffffff;
  font-family: "Merriweather", serif;
  font-size: 38px;
  font-weight: 400;
  line-height: 48px;
  letter-spacing: -1.117647px;
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .tech_banner_text h3 {
    font-size: 30px;
    line-height: 38px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tech_banner_text h3 {
    font-size: 25px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tech_banner_text h3 {
    font-size: 20px;
    line-height: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .tech_banner_text h3 {
    font-size: 18px;
    line-height: 28px;
  }
}

.brand_logo_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .brand_logo_container {
    justify-content: center;
    flex-wrap: wrap;
  }
}
.brand_logo_container:hover .single_brand_logo a {
  opacity: 0.5;
}
.brand_logo_container .single_brand_logo:hover {
  transform: translate(0, -3px) !important;
}
.brand_logo_container .single_brand_logo a:hover {
  opacity: 1;
}

.single_brand_logo {
  transition: .3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single_brand_logo {
    margin-right: 60px;
  }
  .single_brand_logo:last-child {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single_brand_logo {
    margin-right: 40px;
  }
  .single_brand_logo:last-child {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .single_brand_logo {
    margin: 20px;
  }
}

.brand_logo_area {
  padding: 93px 0 117px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .brand_logo_area {
    padding: 98px 0 98px;
  }
}
@media only screen and (max-width: 767px) {
  .brand_logo_area {
    padding: 60px 0 59px;
  }
}

.brand_logo_area .container {
  max-width: 1270px;
}
@media only screen and (max-width: 767px) {
  .brand_logo_area .container {
    max-width: 576px;
  }
}

.consultant_title {
  text-align: center;
  margin-bottom: 105px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .consultant_title {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .consultant_title {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .consultant_title {
    margin-bottom: 25px;
  }
}
.consultant_title h2 {
  color: #272727;
  font-family: "Merriweather", serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 60px;
  text-align: center;
  letter-spacing: -1.411765px;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .consultant_title h2 {
    font-size: 37px;
    line-height: 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .consultant_title h2 {
    font-size: 37px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 767px) {
  .consultant_title h2 {
    font-size: 23px;
    line-height: 30px;
    letter-spacing: 0;
    margin-bottom: 0;
  }
}

.single_consultant {
  background: #ffffff;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single_consultant {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .single_consultant {
    margin-bottom: 32px;
  }
}

.consultant_packages_area {
  margin-bottom: 156px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .consultant_packages_area {
    margin-bottom: 65px;
  }
}
@media only screen and (max-width: 767px) {
  .consultant_packages_area {
    margin-bottom: 38px;
  }
}

.consultant_content {
  padding: 60px 54px 0;
  text-align: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .consultant_content {
    padding: 60px 40px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .consultant_content {
    padding: 50px 25px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .consultant_content {
    padding: 40px 30px 0;
  }
}
@media only screen and (max-width: 767px) {
  .consultant_content {
    padding: 30px 20px 0;
  }
}
.consultant_content h4 {
  color: #272727;
  font-family: "Merriweather", serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: -0.7058824px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .consultant_content h4 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 7px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .consultant_content h4 {
    font-size: 20px;
    line-height: 23px;
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 767px) {
  .consultant_content h4 {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0;
    margin-bottom: 10px;
  }
}
.consultant_content p {
  color: #7e7e7e;
  font-size: 22px;
  font-weight: 400;
  line-height: 42px;
  margin-bottom: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .consultant_content p {
    font-size: 18px;
    line-height: 33px;
    margin-bottom: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .consultant_content p {
    font-size: 18px;
    line-height: 34px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .consultant_content p {
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 22px;
  }
}
.consultant_content h3 {
  color: #00a4a6;
  font-size: 86px;
  font-weight: 400;
  line-height: 129px;
  text-align: center;
  letter-spacing: -2.529412px;
  margin-bottom: 54px;
}
.consultant_content h3 span {
  color: #7e7e7e;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4705882px;
  vertical-align: middle;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .consultant_content h3 {
    font-size: 55px;
    line-height: 90px;
    margin-bottom: 37px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .consultant_content h3 {
    font-size: 50px;
    line-height: 75px;
    margin-bottom: 33px;
  }
}
@media only screen and (max-width: 767px) {
  .consultant_content h3 {
    font-size: 50px;
    line-height: 66px;
    letter-spacing: 0;
    margin-bottom: 28px;
  }
}
.consultant_content a.btn {
  height: 45px;
  background: #00a4a6;
  color: #272727;
  font-size: 12px;
  line-height: 45px;
  padding: 0 37px;
  border-radius: 0;
  position: relative;
  z-index: 9;
}
.consultant_content a.btn::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  transform: scaleY(0);
  transform-origin: 50%;
  transition-duration: 0.3s;
}
.consultant_content a.btn:hover {
  border-color: #dfdfdf;
}
.consultant_content a.btn:hover::before {
  transform: scaleY(1);
}
@media only screen and (max-width: 767px) {
  .consultant_content a.btn {
    height: 40px;
    line-height: 40px;
    padding: 0 25px;
  }
}

.startups_news_meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
}

.startups_news_tag a {
  color: #7e7e7e;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  display: inline-block;
}

.startups_news_date span {
  color: #a2a2a2;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  display: inline-block;
}

.news_content_inner h3 {
  color: #181818;
  font-size: 22px;
  font-weight: 600;
  line-height: 33px;
  margin-bottom: 7px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .news_content_inner h3 {
    font-size: 18px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .news_content_inner h3 {
    font-size: 20px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .news_content_inner h3 {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 7px;
  }
}
.news_content_inner h3 a:hover {
  color: #00a4a6;
}
.news_content_inner p {
  color: #7a7a7a;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 0;
  padding-right: 115px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .news_content_inner p {
    padding-right: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .news_content_inner p {
    line-height: 26px;
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .news_content_inner p {
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .news_content_inner p {
    line-height: 26px;
    padding-right: 0;
    font-size: 13px;
  }
}
.news_content_inner > a.btn {
  height: 45px;
  border: solid 1px #dfdfdf;
  color: #181818;
  font-size: 12px;
  line-height: 43px;
  margin-top: 31px;
  padding: 0 28px;
  border-radius: 0;
  position: relative;
  z-index: 9;
}
.news_content_inner > a.btn::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  background: #00a4a6;
  transform: scaleY(0);
  transform-origin: 50%;
  transition-duration: 0.3s;
}
.news_content_inner > a.btn:hover {
  border-color: #00a4a6;
}
.news_content_inner > a.btn:hover::before {
  transform: scaleY(1);
}
@media only screen and (max-width: 767px) {
  .news_content_inner > a.btn {
    height: 40px;
    font-size: 12px;
    line-height: 38px;
    margin-top: 22px;
    padding: 0 20px;
  }
}

.single_startups_news {
  background: #ffffff;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single_startups_news {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .single_startups_news {
    margin-bottom: 35px;
  }
}

.startups_news_area .row {
  margin-right: 0;
  margin-left: 0;
}

.startups_news_thumb {
  position: relative;
  overflow: hidden;
}
.startups_news_thumb:hover img {
  transform: scale(1.05);
  opacity: 0.7;
}
.startups_news_thumb img {
  transition: .3s;
}

.startups_news_content {
  padding: 50px 37px 64px 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .startups_news_content {
    padding: 50px 28px 64px 33px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .startups_news_content {
    padding: 30px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .startups_news_content {
    padding: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .startups_news_content {
    padding: 30px 20px;
  }
}

.startups_news_title {
  text-align: center;
  margin-bottom: 65px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .startups_news_title {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .startups_news_title {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .startups_news_title {
    margin-bottom: 25px;
  }
}
.startups_news_title h2 {
  color: #272727;
  font-size: 48px;
  font-weight: 400;
  line-height: 60px;
  letter-spacing: -1.411765px;
  font-family: "Merriweather", serif;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .startups_news_title h2 {
    font-size: 37px;
    line-height: 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .startups_news_title h2 {
    font-size: 37px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 767px) {
  .startups_news_title h2 {
    font-size: 24px;
    line-height: 30px;
  }
}

.shipping_container {
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .shipping_container {
    flex-direction: column;
  }
}

.single_shipping {
  display: flex;
  align-items: center;
  margin-right: 98px;
}
.single_shipping:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single_shipping {
    margin-right: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single_shipping {
    margin-right: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .single_shipping {
    margin-right: 0;
    justify-content: center;
    margin-bottom: 30px;
  }
  .single_shipping:last-child {
    margin-bottom: 0;
  }
}

.shipping_text h4 {
  margin-bottom: 0;
  color: #181818;
  font-size: 22px;
  font-weight: 400;
  line-height: 33px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shipping_text h4 {
    font-size: 18px;
    line-height: 27px;
  }
}
@media only screen and (max-width: 767px) {
  .shipping_text h4 {
    font-size: 18px;
    line-height: 26px;
  }
}
.shipping_text h4 a:hover {
  color: #00a4a6;
}

.shipping_area {
  padding: 90px 0 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shipping_area {
    padding: 70px 0 97px;
  }
}
@media only screen and (max-width: 767px) {
  .shipping_area {
    padding: 47px 0 80px;
  }
}

.shipping_icon {
  margin-right: 22px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shipping_icon {
    margin-right: 16px;
  }
}
.shipping_icon svg {
  opacity: 0.3;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shipping_icon svg {
    max-width: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .shipping_icon svg {
    max-width: 45px;
  }
}

.news_position_icon {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 42px;
  height: 42px;
  background: #00a4a6;
  text-align: center;
  line-height: 40px;
}
.news_position_icon a {
  display: block;
}

/*portfolio css here*/
.portfolio_list .row {
  margin-right: 0;
  margin-left: 0;
}

.portfolio_thumb {
  position: relative;
  transition: .3s;
  overflow: hidden;
}
.portfolio_thumb img {
  width: 100%;
  transition: .3s;
}
.portfolio_thumb:hover {
  transform: scale(1) translateZ(0);
}
.portfolio_thumb:hover::before {
  opacity: 1;
  visibility: visible;
}
.portfolio_thumb:hover img {
  transform: scale(1.1) translateZ(0);
}
.portfolio_thumb:hover .portfolio__text {
  opacity: 1;
  visibility: visible;
}
.portfolio_thumb:hover .portfolio__text h3 {
  padding-bottom: 0;
}
.portfolio_thumb:hover .portfolio__text p {
  padding-bottom: 0;
}
.portfolio_thumb:hover .portfolio__text span {
  padding-bottom: 0;
}
.portfolio_thumb:hover .portfolio_icone {
  padding-bottom: 0;
}
.portfolio_thumb::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  background: #00a4a6;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  pointer-events: none;
  z-index: 9;
}

.portfolio_icone {
  margin: 25px 0 50px;
  padding-bottom: 5px;
  transition: .5s;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .portfolio_icone {
    margin: 18px 0 22px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio_icone {
    margin: 13px 0 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio_icone {
    margin: 20px 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .portfolio_icone {
    margin: 15px 0 20px;
  }
}
.portfolio_icone ul li {
  display: inline-block;
  margin-right: 15px;
}
.portfolio_icone ul li:last-child {
  margin-right: 0;
}
.portfolio_icone ul li a {
  border: 2px solid  #272727;
  width: 41px;
  height: 41px;
  line-height: 35px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
}
.portfolio_icone ul li a img {
  width: auto;
}

.portfolio__text {
  position: absolute;
  bottom: 30px;
  left: 48px;
  right: 80px;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  z-index: 9;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .portfolio__text {
    left: 30px;
    right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio__text {
    left: 20px;
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .portfolio__text {
    bottom: 25px;
    left: 20px;
    right: 20px;
  }
}
.portfolio__text h3 {
  color: #272727;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: -0.7058824px;
  margin-bottom: 10px;
  padding-bottom: 5px;
  transition: .5s;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .portfolio__text h3 {
    font-size: 22px;
    line-height: 31px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio__text h3 {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .portfolio__text h3 {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0;
  }
}
.portfolio__text p {
  color: #272727;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  margin-bottom: 0;
  padding-bottom: 5px;
  transition: .5s;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .portfolio__text p {
    font-size: 16px;
    line-height: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio__text p {
    font-size: 14px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .portfolio__text p {
    font-size: 15px;
    line-height: 26px;
  }
}
.portfolio__text span {
  color: #272727;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.4705882px;
  display: inline-block;
  padding-bottom: 5px;
  transition: .5s;
}

.portfolio_header {
  padding: 100px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio_header {
    padding: 90px 0;
  }
}
@media only screen and (max-width: 767px) {
  .portfolio_header {
    padding: 75px 0;
  }
}

.portfolio_header_text {
  text-align: center;
}
.portfolio_header_text p {
  color: #7e7e7e;
  font-size: 22px;
  font-weight: 400;
  line-height: 42px;
  padding: 0 295px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio_header_text p {
    padding: 0 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio_header_text p {
    font-size: 19px;
    line-height: 40px;
    padding: 0 40px;
  }
}
@media only screen and (max-width: 767px) {
  .portfolio_header_text p {
    font-size: 16px;
    line-height: 32px;
    padding: 0;
  }
}

.portfolio_area {
  margin-bottom: 75px;
}

.portfolio_wrapper {
  padding-bottom: 11px;
}
@media only screen and (max-width: 767px) {
  .portfolio_wrapper {
    padding-bottom: 30px;
  }
}

/*portfolio details css here*/
.bread_portfolio {
  background: #fff;
  border-top: 1px solid #dbdbdb;
}

@media only screen and (max-width: 767px) {
  .portfolio_slider_area {
    margin-bottom: 70px;
  }
}

.portfolio_slider button {
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  left: 140px;
  border: 0;
  padding: 0;
  width: 93px;
  height: 93px;
  line-height: 93px;
  background: #151515;
  text-align: center;
  color: #fff;
  z-index: 9;
  font-size: 45px;
  opacity: 0.5;
  transition: .3s;
}
.portfolio_slider button:hover {
  opacity: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio_slider button {
    left: 140px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio_slider button {
    left: 50px;
    width: 55px;
    height: 55px;
    line-height: 55px;
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .portfolio_slider button {
    left: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
  }
}
.portfolio_slider button.next_arrow {
  right: 140px;
  left: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio_slider button.next_arrow {
    right: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .portfolio_slider button.next_arrow {
    right: 20px;
  }
}

.portfolio_details_area {
  margin-bottom: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio_details_area {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio_details_area {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .portfolio_details_area {
    margin-bottom: 31px;
  }
}

.portfolio_details_inner {
  background: #ffffff;
  box-shadow: 0px -40px 39px rgba(0, 0, 0, 0.1);
  padding: 130px 232px;
  position: relative;
  top: -108px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .portfolio_details_inner {
    padding: 130px 65px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio_details_inner {
    padding: 80px 60px;
    top: -64px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio_details_inner {
    padding: 65px 30px;
    top: -50px;
  }
}
@media only screen and (max-width: 767px) {
  .portfolio_details_inner {
    padding: 30px 15px;
    top: 0;
    box-shadow: 0 -17px 24px -11px rgba(0, 0, 0, 0.1);
  }
}

.portfolio_details_area .container {
  max-width: 1670px;
}
@media only screen and (max-width: 767px) {
  .portfolio_details_area .container {
    max-width: 576px;
  }
}

@media only screen and (max-width: 767px) {
  .portfolio_details_desc {
    text-align: center;
  }
}
.portfolio_details_desc h3 {
  color: #2f2f2f;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .portfolio_details_desc h3 {
    font-size: 20px;
    line-height: 29px;
    margin-bottom: 16px;
  }
}
.portfolio_details_desc p {
  color: #535353;
  font-size: 18px;
  font-weight: 400;
  line-height: 38px;
  margin-bottom: 38px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio_details_desc p {
    font-size: 16px;
    line-height: 35px;
    margin-bottom: 31px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio_details_desc p {
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .portfolio_details_desc p {
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 20px;
  }
}
.portfolio_details_desc a.btn {
  margin-top: 0;
}
.portfolio_details_desc a.btn:hover {
  border-color: #bdbdbd;
}

.portfolio_project_info {
  padding-left: 110px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .portfolio_project_info {
    padding-left: 58px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio_project_info {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio_project_info {
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .portfolio_project_info {
    padding-left: 0;
    text-align: center;
    padding-top: 40px;
  }
}
.portfolio_project_info h3 {
  color: #2f2f2f;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .portfolio_project_info h3 {
    font-size: 20px;
    line-height: 29px;
    margin-bottom: 20px;
  }
}
.portfolio_project_info p {
  color: #2f2f2f;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  margin-bottom: 38px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio_project_info p {
    font-size: 16px;
    line-height: 27px;
    margin-bottom: 33px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio_project_info p {
    font-size: 14px;
    line-height: 27px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .portfolio_project_info p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 14px;
  }
}
.portfolio_project_info p span {
  color: #747474;
  margin-right: 82px;
  width: 100px;
  display: inline-block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio_project_info p span {
    margin-right: 26px;
    width: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio_project_info p span {
    margin-right: 6px;
    width: 62px;
  }
}
@media only screen and (max-width: 767px) {
  .portfolio_project_info p span {
    margin-right: 5px;
    width: 70px;
  }
}

.portfolio_social {
  padding-top: 15px;
}
.portfolio_social ul li {
  display: inline-block;
  margin-right: 16px;
}
.portfolio_social ul li:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio_social ul li {
    margin-right: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .portfolio_social ul li {
    margin-right: 8px;
  }
}
.portfolio_social ul li a {
  width: 37px;
  height: 38px;
  text-align: center;
  line-height: 38px;
  font-size: 20px;
  color: #fff;
  display: inline-block;
  border-radius: 50%;
}
.portfolio_social ul li a.facebook {
  background: #272eae;
}
.portfolio_social ul li a.twitter {
  background: #1590d8;
}
.portfolio_social ul li a.youtube {
  background: #d0021b;
}
.portfolio_social ul li a.dribbble {
  background: #f53e6a;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio_social ul li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .portfolio_social ul li a {
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 16px;
  }
}

.related_projects_area {
  overflow: hidden;
}
.related_projects_area .row {
  margin-right: 0;
  margin-left: 0;
}

.related_projects_title {
  text-align: center;
  margin-bottom: 68px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .related_projects_title {
    margin-bottom: 42px;
  }
}
@media only screen and (max-width: 767px) {
  .related_projects_title {
    margin-bottom: 30px;
  }
}
.related_projects_title h3 {
  color: #272727;
  font-size: 48px;
  font-weight: 400;
  line-height: 72px;
  text-align: center;
  margin-bottom: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .related_projects_title h3 {
    font-size: 40px;
    line-height: 58px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .related_projects_title h3 {
    font-size: 35px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .related_projects_title h3 {
    font-size: 22px;
    line-height: 30px;
  }
}
.related_projects_title p {
  color: #7e7e7e;
  font-size: 22px;
  font-weight: 400;
  line-height: 42px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .related_projects_title p {
    font-size: 20px;
    line-height: 37px;
  }
}
@media only screen and (max-width: 767px) {
  .related_projects_title p {
    font-size: 15px;
    line-height: 28px;
  }
}

.related_projects_thumb {
  overflow: hidden;
}
.related_projects_thumb:hover img {
  transform: scale(1.05);
  opacity: 0.7;
}
.related_projects_thumb img {
  width: 100%;
  transition: .3s;
}

/*help center css here*/
.help_center_area {
  padding: 160px 0 240px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .help_center_area {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 767px) {
  .help_center_area {
    padding: 72px 0 80px;
  }
}
.help_center_area .container {
  max-width: 1200px;
}

.help_center_container {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .help_center_container {
    flex-direction: column;
  }
}

.help_center_list {
  margin-bottom: 90px;
}
.help_center_list:last-child {
  margin-bottom: 0;
}

.help_accordion_list {
  width: 50%;
  margin-right: 30px;
}
.help_accordion_list:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .help_accordion_list {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}

.help__accordion {
  border: solid 1px #e3e3e3;
  background: #ffffff;
  padding: 23px 30px;
  margin-bottom: 20px;
}
.help__accordion:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .help__accordion {
    padding: 18px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .help__accordion {
    padding: 18px 14px;
  }
}
.help__accordion button {
  padding: 0;
  border: 0;
  text-decoration: none;
  display: block;
  position: relative;
  width: 100%;
  text-align: left;
  color: #2f2f2f;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
}
@media only screen and (max-width: 767px) {
  .help__accordion button {
    padding-right: 25px;
  }
}
.help__accordion button:focus {
  box-shadow: inherit;
}
.help__accordion button i {
  position: absolute;
  top: 50%;
  -webkit-transform: translatey(-50%);
  transform: translatey(-50%);
  right: 0;
  font-size: 20px;
  color: #111111;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .help__accordion button i {
    right: 0;
  }
}
.help__accordion button i.ion-android-add {
  display: none;
}
.help__accordion button.collapsed i.ion-ios-minus-empty {
  display: none;
}
.help__accordion button.collapsed i.ion-android-add {
  display: block;
}
.help__accordion button.btn-link {
  color: #00a4a6;
}
.help__accordion button.btn-link.collapsed {
  color: #2f2f2f;
}
.help__accordion .card-body {
  padding: 20px 0 12px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .help__accordion .card-body {
    padding: 15px 0 3px;
  }
}
@media only screen and (max-width: 767px) {
  .help__accordion .card-body {
    padding: 15px 0 4px;
  }
}
.help__accordion .card-body p {
  color: #535353;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  padding-right: 30px;
}
@media only screen and (max-width: 767px) {
  .help__accordion .card-body p {
    padding-right: 0;
  }
}

.help_center_title {
  margin-bottom: 52px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .help_center_title {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .help_center_title {
    margin-bottom: 30px;
  }
}
.help_center_title h3 {
  color: #2f2f2f;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .help_center_title h3 {
    font-size: 20px;
    line-height: 30px;
  }
}

/*# sourceMappingURL=style.css.map */