/*
@File: DARN Template Styles
 
* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.
 
This files table contents are outlined below>>>>>
 
*******************************************
******************************************* 
 
** - Topbar Area CSS
** - Navbar Area CSS
** - Index 01 Banner Area CSS
** - Index 01 About Area CSS
** - Index 01 Services Area CSS
** - Index 01 Diversity Area CSS
** - Index 01 Choice Area CSS
** - Index 01 Appointment Area CSS
** - Index 01 Contact Area CSS
** - Index 01 Team Area CSS
** - Index 01 Blog Area CSS
** - Index 01 Footer Area CSS

** - Index 02 Welcome Contact Area CSS
** - Index 02 Counter Up Area CSS
** - Index 02 Appointment Area CSS
** - Index 02 Team Area CSS
** - Index 02 Blog Area CSS
** - Index 02 Footer Area CSS
** - Index 02 Why Choose Us Area CSS
** - Index 02 About Area CSS
** - Index 02 Services Area CSS
 
** - Index 03 Banner Area CSS
** - Index 03 Services Area CSS
** - Index 03 Why Choose Us Area CSS
** - Index 03 Features Area CSS
** - Index 03 Fun facts Area CSS
** - Index 03 Advice Area CSS
** - Index 03 Testimonial Area CSS
** - Index 03 Blog Area CSS
** - Index 03 Footer Area CSS
 
** - Inner Pages Banner Area CSS
** - Inner About page CSS
** - Inner Service page CSS
** - Inner Service Details page CSS
** - Inner Case Study page CSS
** - Inner Case Details page CSS
** - Inner Blog page CSS
** - Inner Blog Details CSS
** - Inner Contact Page CSS
** - Inner Terms & Conditions Page CSS
** - Go Top CSS
** - Animation CSS
*/
/*================================================
Default CSS
=================================================*/
@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700;800;900&display=swap");
body {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: 'Nunito', sans-serif;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #014458 !important;
  z-index: 99999;
  padding: 0px;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
          box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
          animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}

.h2-sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #ffffff !important;
  z-index: 99999;
  padding: 0px;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
          box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
          animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}

p {
  margin-bottom: 15px;
}

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

img {
  width: 100%;
}

.shapes img {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}

:focus, .form-control {
  outline: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

input:focus, .form-control:focus {
  outline: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.uni-button {
  position: relative;
  display: inline-block;
  width: 150px;
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  text-decoration: none;
  margin: 15px 0 0 0;
  border: 2px solid #E29B6F;
  padding: 10px 20px;
  text-transform: capitalize;
  background-color: #E29B6F;
  overflow: hidden;
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
  z-index: 9;
  border-radius: 25px;
}

.uni-button::before {
  background-color: #014458;
  content: '';
  width: 100%;
  height: 0%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  z-index: -1;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.uni-button:hover {
  color: #ffffff;
  border-radius: 10px;
  border: 2px solid #014458;
}

.uni-button:hover::before {
  height: 390%;
}

.h2-uni-button {
  position: relative;
  display: inline-block;
  width: 150px;
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  text-decoration: none;
  margin: 15px 0 0 0;
  border: 2px solid #FD5051;
  padding: 10px 0px;
  text-transform: capitalize;
  background-color: #FD5051;
  overflow: hidden;
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
  z-index: 9;
  border-radius: 25px;
}

.h2-uni-button::before {
  background-color: #6272A0;
  content: '';
  width: 100%;
  height: 0%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  z-index: -1;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.h2-uni-button:hover {
  color: #ffffff;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border: 2px solid #6272A0;
}

.h2-uni-button:hover::before {
  height: 390%;
}

.h3-uni-button {
  position: relative;
  display: inline-block;
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  text-decoration: none;
  margin: 15px 0 0 0;
  border: 2px solid #FD5051;
  padding: 10px 20px;
  text-transform: capitalize;
  background-image: -webkit-gradient(linear, left top, right top, from(#F36A31), color-stop(#FB4D32), color-stop(#F95432), color-stop(#F75A32), color-stop(#F56132), color-stop(#F46631), to(#f36b31e5));
  background-image: linear-gradient(to right, #F36A31, #FB4D32, #F95432, #F75A32, #F56132, #F46631, #f36b31e5);
  overflow: hidden;
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
  z-index: 9;
  border-radius: 10px;
}

.h3-uni-button::before {
  background-image: -webkit-gradient(linear, right top, left top, from(#F36A31), color-stop(#FB4D32), color-stop(#F95432), color-stop(#F75A32), color-stop(#F56132), color-stop(#F46631), to(#f36b31e5));
  background-image: linear-gradient(to left, #F36A31, #FB4D32, #F95432, #F75A32, #F56132, #F46631, #f36b31e5);
  content: '';
  width: 100%;
  height: 0%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  z-index: -1;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.h3-uni-button:hover {
  color: #ffffff;
  border-radius: 0px;
  border: 2px solid #F36A31;
}

.h3-uni-button:hover::before {
  height: 390%;
}

.section-header h6 {
  color: #E29B6F;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
}

.section-header h3 {
  font-size: 35px;
  font-weight: 700;
  text-transform: capitalize;
}

.section-header p {
  font-size: 17px;
  color: #707070;
}

.section-middle {
  width: 50%;
  margin: 0 auto;
  text-align: center;
}

.h3-section-header h6 {
  color: #FF4D33;
  text-transform: uppercase;
}

i::before {
  margin: 0;
  padding: 0;
}

a.card-link {
  color: #E29B6F;
  text-decoration: none;
  text-transform: capitalize;
  font-size: 18px;
}

a.card-link:hover {
  -webkit-animation: link-ani 2s infinite linear;
          animation: link-ani 2s infinite linear;
}

.container-fluid {
  padding: 0 50px;
}

/*================================================
Topbar Area CSS
=================================================*/
.topbar {
  padding: 10px 0px;
  background-color: #014458;
  border-bottom: 1px solid #ffffff4d;
}

.topbar i::before {
  margin: 0;
  color: #202120;
  font-size: 15px;
  font-weight: 600;
}

.topbar .input-group {
  background-color: #ffffff;
  width: 310px !important;
  border-radius: 5px;
}

.topbar .input-group .search-btn {
  background-color: #ffffff;
  border: 0;
  padding: 0 10px;
  border-radius: 5px;
}

.topbar .input-group .top-input {
  border: 0px;
  border-right: 1px solid #202120;
  height: 100%;
  margin: 3px 0;
  padding: 3px 0 3px 10px;
}

.topbar ul {
  text-align: end;
  margin: 0;
  padding: 0;
}

.topbar ul li {
  display: inline-block;
  list-style: none;
  margin: 0 0 0 25px;
}

.topbar ul li i::before {
  margin: 0;
  margin-right: 5px;
  color: #ffffff;
  font-weight: 400;
}

.topbar ul li a {
  color: #ffffffbf;
  font-size: 17px;
  text-decoration: none;
  font-weight: 600;
}

/*================================================
Navbar Area CSS
=================================================*/
a.meanmenu-reveal {
  display: none;
}

.mean-container .mean-bar {
  float: left;
  width: 100%;
  position: absolute;
  background: transparent;
  padding: 20px 0 0;
  z-index: 999;
  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
  height: 53px;
  text-transform: capitalize;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.mean-container .mean-bar * {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.mean-container a.meanmenu-reveal {
  width: 35px;
  height: 30px;
  padding: 12px 15px 0 0;
  position: absolute;
  right: 0;
  cursor: pointer;
  color: #E29B6F;
  text-decoration: none;
  font-size: 16px;
  text-indent: -9999em;
  line-height: 22px;
  font-size: 1px;
  display: block;
  font-weight: 700;
}

.mean-container a.meanmenu-reveal span {
  display: block;
  background: #E29B6F;
  height: 4px;
  margin-top: 3px;
  border-radius: 3px;
}

.mean-container .mean-nav {
  float: left;
  width: 100%;
  background: #ffffff;
  margin-top: 55px;
}

.mean-container .mean-nav ul {
  padding: 0;
  margin: 0;
  width: 100%;
  border: none;
  list-style-type: none;
}

.mean-container .mean-nav ul li {
  position: relative;
  float: left;
  width: 100%;
}

.mean-container .mean-nav ul li a {
  display: block;
  float: left;
  width: 90%;
  padding: 1em 5%;
  margin: 0;
  text-align: left;
  color: #677294;
  border-top: 1px solid #DBEEFD;
  text-decoration: none;
}

.mean-container .mean-nav ul li a:hover {
  background: #ffffff;
}

.mean-container .mean-nav ul li a.active {
  color: #ffffff;
}

.mean-container .mean-nav ul li li a {
  width: 80%;
  padding: 1em 10%;
  color: #677294;
  border-top: 1px solid #DBEEFD;
  opacity: 1;
  filter: alpha(opacity=75);
  text-shadow: none !important;
  visibility: visible;
  text-transform: none;
  font-size: 14px;
  text-transform: capitalize;
}

.mean-container .mean-nav ul li li li a {
  width: 70%;
  padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
  width: 60%;
  padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
  width: 50%;
  padding: 1em 25%;
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 3px;
  width: 100%;
  height: 24px;
  padding: 12px !important;
  text-align: right;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  font-weight: 700;
  background: transparent;
  border: none !important;
}

.mean-container .mean-nav ul li.mean-last a {
  border-bottom: none;
  margin-bottom: 0;
}

.mean-container .mean-nav .navbar-nav {
  overflow-y: scroll;
  height: 392px;
}

.mean-container .mean-push {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  clear: both;
}

.mean-nav .wrapper {
  width: 100%;
  padding: 0;
  margin: 0;
}

.mean-nav .dropdown-toggle::after {
  display: none;
}

.mean-remove {
  display: none !important;
}

.mobile-nav {
  display: none;
  position: relative;
}

.modal-button {
  display: inline-block !important;
  position: absolute;
  right: 60px;
  top: 13px;
  padding: 4px 10px 0;
  background-color: #ffffff;
  color: #202120;
  font-size: 20px;
  line-height: 1;
  display: none !important;
}

.btn-check:focus + .btn-primary, .btn-primary:focus {
  background-color: #ffffff;
  color: #202120;
}

.btn-primary, .btn-primary:active {
  background-color: #ffffff !important;
  color: #202120 !important;
  border-color: #202120 !important;
}

.mobile-nav.mean-container .mean-nav ul li a.active {
  color: #E29B6F;
}

.h2-header .mobile-nav.mean-container .mean-nav ul li a.active {
  color: #FD5051;
}

/* Fix for box sizing on Foundation Framework etc. */
.main-nav {
  position: absolute;
  left: 0;
  padding-top: 0px;
  padding-bottom: 0px;
  width: 100%;
  z-index: 99;
  height: auto;
  background-color: transparent;
}

.main-nav nav ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.main-nav nav .navbar-nav .nav-item {
  position: relative;
  padding: 15px 0;
}

.main-nav nav .navbar-nav .nav-item a {
  font-weight: 500;
  font-size: 16px;
  text-transform: capitalize;
  color: #ffffff;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-left: 25px;
  margin-right: 25px;
}

.main-nav nav .navbar-nav .nav-item a:hover {
  color: #E29B6F;
  -webkit-transition: .5s;
  transition: .5s;
}

.main-nav nav .navbar-nav .nav-item a:focus {
  color: #E29B6F;
  -webkit-transition: .5s;
  transition: .5s;
}

.main-nav nav .navbar-nav .nav-item a.active {
  color: #E29B6F;
  -webkit-transition: .5s;
  transition: .5s;
}

.main-nav nav .navbar-nav .nav-item:hover a {
  color: #E29B6F;
}

.main-nav nav .navbar-nav .nav-item:hover ul {
  opacity: 1;
  visibility: visible;
  top: 100%;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu {
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
  background: #ffffff;
  position: absolute;
  top: 80px;
  left: 0;
  width: 180px;
  z-index: 99;
  display: block;
  padding-top: 10px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 10px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li {
  position: relative;
  padding: 0;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a {
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
  padding: 9px 15px;
  margin: 0;
  display: block;
  color: #000000;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover {
  color: #ffffff;
  background-color: #E29B6F;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:focus {
  color: #ffffff;
  background-color: #E29B6F;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active {
  color: #ffffff;
  background-color: #E29B6F;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
  position: absolute;
  left: -100%;
  top: 0;
  opacity: 0 !important;
  visibility: hidden !important;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
  position: absolute;
  left: -100%;
  top: 0;
  opacity: 0 !important;
  visibility: hidden !important;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
  color: #ffffff;
  text-transform: capitalize;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover {
  color: #ffffff;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus {
  color: #ffffff;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
  color: #ffffff;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
  opacity: 1 !important;
  visibility: visible !important;
  top: -20px !important;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu li:hover .dropdown-menu {
  opacity: 1 !important;
  visibility: visible !important;
  top: -20px !important;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover a {
  color: #ffffff;
}

.main-nav nav .navbar-nav .nav-item:last-child .dropdown-menu {
  left: auto;
  right: 0;
}

.main-nav nav .navbar-nav .plus-icon::after {
  content: '+';
  position: absolute;
  top: 15px;
  right: 8px;
  font-weight: 400;
  font-size: 18px;
  color: #ffffff;
}

.main-nav nav .navbar-nav .active {
  color: #E29B6F;
}

.main-nav nav .navbar-nav .active::after {
  color: #E29B6F;
  -webkit-animation: spin .8s infinite;
          animation: spin .8s infinite;
}

.main-nav nav .navbar-nav :hover {
  color: #E29B6F;
}

.main-nav nav .navbar-nav :hover::after {
  color: #E29B6F;
}

.navbar-light .navbar-brand {
  color: #E29B6F;
  font-weight: bold;
  text-transform: uppercase;
}

.navbar-light .navbar-brand:hover {
  color: #E29B6F;
  font-weight: bold;
  text-transform: uppercase;
}

.language-select .nice-select {
  background-color: transparent;
  border-radius: 0;
  border: none;
  font-size: 15px;
  font-weight: 400;
  height: auto;
  line-height: initial;
  color: #ffffff;
  padding-left: 0;
  padding-right: 30px;
  position: relative;
  top: 4px;
}

.language-select .nice-select::after {
  border-color: #ffffff;
  height: 8px;
  width: 8px;
  right: 10px;
  margin-top: -5px;
}

.language-select .nice-select .list {
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
  border-radius: 0;
  width: 120px;
  height: 150px;
  overflow-y: scroll;
  margin-top: 10px;
  margin-bottom: 0;
  color: #000000;
}

.language-select .nice-select .list::-webkit-scrollbar {
  display: none;
}

.language-select .nice-select .list .option.selected {
  background-color: #E29B6F !important;
  color: #ffffff;
  font-weight: 600;
}

.language-select .nice-select ul {
  display: block;
}

.language-select .nice-select ul li {
  display: block;
  margin-left: 0px;
}

.modal .language-select .nice-select {
  background-color: transparent;
  border-radius: 0;
  border: none;
  font-size: 15px;
  font-weight: 400;
  height: auto;
  line-height: initial;
  color: #202120;
  padding-left: 0;
  padding-right: 30px;
  position: relative;
  top: 4px;
}

.modal .language-select .nice-select::after {
  border-color: #202120;
  height: 8px;
  width: 8px;
  right: 10px;
  margin-top: -5px;
}

.modal .language-select .nice-select .list {
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
  border-radius: 0;
  width: 120px;
  height: 150px;
  overflow-y: scroll;
  margin-top: 10px;
  margin-bottom: 0;
  color: #000000;
}

.modal .language-select .nice-select .list::-webkit-scrollbar {
  display: none;
}

.modal .language-select .nice-select .list .option.selected {
  background-color: #E29B6F !important;
  color: #ffffff;
  font-weight: 600;
}

.modal .language-select .nice-select ul {
  display: block;
}

.modal .language-select .nice-select ul li {
  display: block;
  margin-left: 0px;
}

.modal .modal-content {
  margin-top: 60px;
}

.modal .modal-header {
  border-bottom: 0px;
  padding-bottom: 0px;
}

.modal .modal-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 0px;
}

.h2-header .navbar {
  padding-top: 0px !important;
}

.h2-header .main-nav {
  position: absolute;
  left: 0;
  padding-top: 0px;
  padding-bottom: 0px;
  width: 100%;
  z-index: 99;
  height: auto;
  background-color: #ffffff;
}

.h2-header .main-nav nav ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.h2-header .main-nav nav .navbar-nav .nav-item {
  position: relative;
  padding: 15px 0;
}

.h2-header .main-nav nav .navbar-nav .nav-item a {
  font-weight: 500;
  font-size: 16px;
  text-transform: capitalize;
  color: #202120;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-left: 25px;
  margin-right: 20px;
}

.h2-header .main-nav nav .navbar-nav .nav-item a:hover {
  color: #FD5051;
  -webkit-transition: .5s;
  transition: .5s;
}

.h2-header .main-nav nav .navbar-nav .nav-item a:focus {
  color: #FD5051;
  -webkit-transition: .5s;
  transition: .5s;
}

.h2-header .main-nav nav .navbar-nav .nav-item a.active {
  color: #FD5051;
  -webkit-transition: .5s;
  transition: .5s;
}

.h2-header .main-nav nav .navbar-nav .nav-item:hover a {
  color: #FD5051;
}

.h2-header .main-nav nav .navbar-nav .nav-item:hover ul {
  opacity: 1;
  visibility: visible;
  top: 100%;
}

.h2-header .main-nav nav .navbar-nav .nav-item .dropdown-menu {
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
  background: #ffffff;
  position: absolute;
  top: 80px;
  left: 0;
  width: 180px;
  z-index: 99;
  display: block;
  padding-top: 10px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 10px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.h2-header .main-nav nav .navbar-nav .nav-item .dropdown-menu li {
  position: relative;
  padding: 0;
}

.h2-header .main-nav nav .navbar-nav .nav-item .dropdown-menu li a {
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
  padding: 9px 15px;
  margin: 0;
  display: block;
  color: #000000;
}

.h2-header .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover {
  color: #ffffff;
  background-color: #FD5051;
}

.h2-header .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:focus {
  color: #ffffff;
  background-color: #FD5051;
}

.h2-header .main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active {
  color: #ffffff;
  background-color: #FD5051;
}

.h2-header .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
  position: absolute;
  left: -100%;
  top: 0;
  opacity: 0 !important;
  visibility: hidden !important;
}

.h2-header .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
  position: absolute;
  left: -100%;
  top: 0;
  opacity: 0 !important;
  visibility: hidden !important;
}

.h2-header .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
  color: #ffffff;
  text-transform: capitalize;
}

.h2-header .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover {
  color: #ffffff;
}

.h2-header .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus {
  color: #ffffff;
}

.h2-header .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
  color: #ffffff;
}

.h2-header .main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
  opacity: 1 !important;
  visibility: visible !important;
  top: -20px !important;
}

.h2-header .main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu li:hover .dropdown-menu {
  opacity: 1 !important;
  visibility: visible !important;
  top: -20px !important;
}

.h2-header .main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover a {
  color: #ffffff;
}

.h2-header .main-nav nav .navbar-nav .nav-item:last-child .dropdown-menu {
  left: auto;
  right: 0;
}

.h2-header .main-nav nav .navbar-nav .plus-icon::after {
  content: '+';
  position: absolute;
  top: 15px;
  right: 8px;
  font-weight: 400;
  font-size: 18px;
  color: #202120;
}

.h2-header .main-nav nav .navbar-nav .active {
  color: #FD5051;
}

.h2-header .main-nav nav .navbar-nav .active::after {
  color: #FD5051;
  -webkit-animation: spin .8s infinite;
          animation: spin .8s infinite;
}

.h2-header .main-nav nav .navbar-nav :hover {
  color: #FD5051;
}

.h2-header .main-nav nav .navbar-nav :hover::after {
  color: #FD5051;
}

.h2-header .h2-menu-sidebar li {
  margin-left: 30px;
}

.h2-header .h2-menu-sidebar .language-select .nice-select {
  background-color: transparent;
  border-radius: 0;
  border: none;
  font-size: 15px;
  font-weight: 400;
  height: auto;
  line-height: initial;
  color: #202120;
  padding-left: 0;
  padding-right: 30px;
  position: relative;
  top: 4px;
}

.h2-header .h2-menu-sidebar .language-select .nice-select::after {
  border-color: #202120;
  height: 8px;
  width: 8px;
  right: 10px;
  margin-top: -5px;
}

.h2-header .h2-menu-sidebar .language-select .nice-select .list {
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
  border-radius: 0;
  width: 110px;
  height: 150px;
  overflow-y: scroll;
  margin-top: 10px;
  margin-bottom: 0;
  color: #000000;
}

.h2-header .h2-menu-sidebar .language-select .nice-select .list::-webkit-scrollbar {
  display: none;
}

.h2-header .h2-menu-sidebar .language-select .nice-select .list .option.selected {
  background-color: #FD5051 !important;
  color: #ffffff;
  font-weight: 600;
}

.h2-header .h2-menu-sidebar .language-select .nice-select ul {
  display: block;
}

.h2-header .h2-menu-sidebar .language-select .nice-select ul li {
  display: block;
  margin-left: 0px;
}

/*================================================
Index 01 Banner Area CSS
=================================================*/
.home1-banner {
  background-image: url("../images/banner/banner-1-bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 150px 0px;
}

.home1-banner .banner1-text {
  width: 550px;
}

.home1-banner .banner1-text h1 {
  font-size: 55px;
  font-weight: 700;
  text-transform: capitalize;
  color: #ffffff;
}

.home1-banner .banner1-text h6 {
  font-size: 18px;
  text-transform: uppercase;
  color: #c5c5c5;
  letter-spacing: 1.5px;
}

.home1-banner .banner1-text p {
  font-size: 17px;
  font-weight: 400;
  color: #c5c5c5;
}

.home1-banner .h1-banner-img {
  -webkit-animation: up-down 4s infinite;
          animation: up-down 4s infinite;
}

/*================================================
Index 01 About Area CSS
=================================================*/
.h1-about {
  padding: 95px 0 0 0;
}

.h1-about .about-img {
  -webkit-animation: up-down 5s infinite;
          animation: up-down 5s infinite;
}

.h1-about .about-text .about-bar {
  margin: 0px 0;
}

.h1-about .about-text .about-bar .single-bar {
  margin: 14px 0;
}

.h1-about .about-text .about-bar .single-bar h4 {
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
}

/*================================================
Index 01 Services Area CSS
=================================================*/
.h1-services {
  padding: 85px 0 105px;
}

.h1-services .h1-services-content {
  margin-top: 20px;
}

.h1-services .h1-services-content .h1-service-card {
  margin-top: 30px;
  padding: 20px 15px 35px;
  background-color: #f7f5fad0;
  border-radius: 20px;
  text-align: center;
  -webkit-box-shadow: 1px 1px 10px #d1d1d1c6;
          box-shadow: 1px 1px 10px #d1d1d1c6;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.h1-services .h1-services-content .h1-service-card .hsc-icon i::before {
  font-size: 80px;
  color: #E29B6F;
  font-weight: 500;
}

.h1-services .h1-services-content .h1-service-card .hsc-text h4 {
  font-size: 25px;
  font-weight: 600;
  text-transform: capitalize;
}

.h1-services .h1-services-content .h1-service-card .hsc-text h4 a {
  color: #202120;
  text-decoration: none;
}

.h1-services .h1-services-content .h1-service-card .hsc-text p {
  font-size: 16px;
  color: #707070;
}

.h1-services .h1-services-content :hover {
  background-color: #ffffff;
  border-radius: 5px;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

/*================================================
Index 01 Diversity Area CSS
=================================================*/
.diversity {
  background-image: url("../images/services/h1-service2-bg.png");
  background-position: inherit;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 0 100px;
}

.diversity .diversity-text-content {
  margin-top: 15px;
}

.diversity .diversity-text-content ul {
  margin-top: 20px;
  padding: 0px;
}

.diversity .diversity-text-content ul li {
  display: inline-block;
  width: 195px;
  font-weight: 700;
  margin: 3px 0;
}

.diversity .diversity-text-content ul li a {
  text-decoration: none;
  font-size: 17px;
  color: #202120;
  -webkit-transition: all .5s linear;
  transition: all .5s linear;
}

.diversity .diversity-text-content ul li a:hover {
  padding-left: 5px;
  -webkit-transition: all .5s linear;
  transition: all .5s linear;
}

.diversity .diversity-text-content ul li::before {
  content: '\2713';
  color: #E29B6F;
  font-weight: 600;
  margin-right: 5px;
}

.diversity .diversity-img {
  -webkit-animation: up-down 4s infinite;
          animation: up-down 4s infinite;
}

/*================================================
Index 01 Choice Area CSS
=================================================*/
.choice {
  padding: 95px 0;
}

.choice .choice-content {
  margin-top: 50px;
}

.choice .choice-content .choice-img {
  -webkit-animation: left-right 4s infinite;
          animation: left-right 4s infinite;
}

.ct-card {
  position: relative;
  margin: 0px 0 35px;
}

.ct-card .choice-icon i::before {
  font-size: 50px;
  margin: 0;
  color: #E29B6F;
}

.ct-card .ct-card-text {
  position: absolute;
  top: 10px;
  left: 60px;
}

.ct-card .ct-card-text h4 {
  font-size: 25px;
  font-weight: 600;
}

.ct-card .ct-card-text h4 a {
  color: #202120;
  text-transform: capitalize;
  text-decoration: none;
}

.ct-card .ct-card-text p {
  font-size: 17px;
}

/*================================================
Index 01 Appointment Area CSS
=================================================*/
.h1-appointment {
  padding: 0 0 95px 0;
}

.h1-appointment-form {
  margin-top: 20px;
}

.h1-appointment-form input {
  height: 50px;
}

.h1-appointment-form .form-control {
  border-radius: 25px;
  margin: 10px 0 10px 0;
  background: #F7F5FA;
  padding-left: 20px;
  border: 1px solid #E29B6F;
}

.h1-app-img {
  -webkit-animation: up-down 4s infinite;
          animation: up-down 4s infinite;
}

.h1-app-img img {
  width: 100%;
}

/*================================================
Index 01 Contact Area CSS
=================================================*/
.h1-contact {
  background-image: url("../images/home-contact/h1-contact-bg.png");
  background-position: inherit;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 98px 0;
}

.h1-contact .h1-contact-img {
  -webkit-animation: up-down 4s infinite;
          animation: up-down 4s infinite;
}

.h1-contact .h1c-text {
  padding-left: 20px;
}

.h1c-text .h1-contact-text p {
  color: #707070;
  margin-top: 10px;
}

/*================================================
Index 01 Team Area CSS
=================================================*/
.h1-team {
  padding: 100px 0 95px;
}

.h1-team .h1-team-content {
  margin-top: 20px;
}

.h1-team-card {
  text-align: center;
  margin-top: 20px;
}

.h1-team-card .team-text {
  margin-top: 20px;
}

.h1-team-card .team-text h4 {
  font-weight: 600;
  font-size: 23px;
  text-transform: capitalize;
}

.h1-team-card .team-text h4 a {
  color: #E29B6F;
  text-decoration: none;
}

.h1-team-card .team-text p {
  margin-bottom: 0;
  font-size: 16px;
}

.h1-team-card .team-text a {
  color: #202120;
  text-decoration: none;
}

/*================================================
Index 01 Blog Area CSS
=================================================*/
.h1-blog {
  padding: 0 0 80px 0;
}

.h1-blog .blog-content {
  margin-top: 20px;
}

.h1-blog-card {
  margin-top: 20px;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.h1-blog-card .h1-blog-img img {
  width: 100%;
}

.h1-blog-card .h1-blog-text {
  padding: 20px 18px 0;
}

.h1-blog-card .h1-blog-text h4 {
  font-size: 25px;
  font-weight: 600;
  text-transform: capitalize;
}

.h1-blog-card .h1-blog-text h4 a {
  color: #202120;
  text-decoration: none;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.h1-blog-card .h1-blog-text ul {
  margin-top: 10px;
  padding: 0px;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.h1-blog-card .h1-blog-text ul .b-order2 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-left: 15px;
}

.h1-blog-card .h1-blog-text ul .b-order2 li i::before {
  font-size: 15px;
  font-weight: 600;
  color: #E29B6F;
  margin-right: 3px;
  margin-left: 0px;
}

.h1-blog-card .h1-blog-text ul .b-order2 li span {
  font-size: 15px;
  text-transform: capitalize;
  color: #707070;
}

.h1-blog-card:hover {
  margin-top: 20px;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.h1-blog-card:hover h4 a {
  color: #E29B6F;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

/*================================================
Index 01 Footer Area CSS
=================================================*/
.h1-footer {
  background-image: url("../images/h1-footer-bg.png");
  background-position: inherit;
  background-repeat: no-repeat;
  background-size: cover;
}

.footer-options {
  padding: 96px 0 78px;
}

.footer-options img {
  max-width: -webkit-fit-content !important;
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
}

.footer-options h3 {
  color: #ffffff;
  text-transform: capitalize;
  font-weight: 600;
}

.footer-options ul {
  padding: 0px;
}

.footer-options ul li {
  margin: 15px 0 0;
  list-style: none;
  font-size: 18px;
  text-transform: capitalize;
}

.footer-options ul li a {
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

.footer-options ul li a:hover {
  padding-left: 3px;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

.footer-logo-area p {
  margin: 15px 0px 0px;
  color: #ffffff;
  font-size: 17px;
}

.footer-logo-area ul {
  padding: 0;
  margin: 0px;
}

.footer-logo-area ul li {
  display: inline-block;
  list-style: none;
  margin-right: 10px;
}

.footer-logo-area ul li a {
  height: 35px;
  width: 35px;
  display: block;
  border: 1px solid #ffffff;
  border-radius: 50%;
  text-align: center;
  padding-top: 5px;
  font-size: 18px;
  color: #ffffff;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

.footer-logo-area ul li a:hover {
  background-color: #ffffff;
  color: #E29B6F;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  padding-left: 0px;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

.f-contact ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-transform: none;
}

.f-contact ul li i::before {
  margin: 0 15px 0 0;
  color: #c5c5c5;
  font-size: 20px;
}

.copyright {
  text-align: center;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 16px;
  padding: 12px 0 10px;
  color: #ffffff;
  border-top: 1px solid #ffffff43;
}

.copyright a {
  text-decoration: none;
  color: #E29B6F;
}

/*================================================
Index 02 Banner Area CSS
=================================================*/
.h2-banner .banner-slider {
  background-image: url("../images/banner/banner-2.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 200px 0 120px;
}

.h2-banner .banner-slider .h2-banner-text h1 {
  font-size: 45px;
  font-weight: 700;
  text-transform: capitalize;
  color: #202120;
}

.h2-banner .banner-slider .h2-banner-text p {
  font-size: 17px;
  font-weight: 400;
  color: #202120;
}

.h2-banner .slide-2 {
  background-image: url("../images/banner/h2-banner-2.jpg");
}

.h2-banner .slide-3 {
  background-image: url("../images/banner/h2-banner-3.jpg");
}

.h2-banner .owl-dots {
  position: absolute;
  left: 50%;
  bottom: 20px;
}

.h2-banner .owl-dot {
  height: 15px;
  width: 20px;
  margin: 0 5px;
  border-radius: 50%;
  background-color: #fd50509a !important;
}

.h2-banner .owl-dot.active {
  height: 18px;
  width: 18px;
  background-color: #FD5051 !important;
  -webkit-box-shadow: 0px 0px 1px 3px #ffffff69;
          box-shadow: 0px 0px 1px 3px #ffffff69;
  -webkit-transition: .5s;
  transition: .5s;
}

/*================================================
Index 02 Why Choose Us Area CSS
=================================================*/
.h2-why-we {
  padding: 95px 0 100px;
  background-color: #FBF9F7;
}

.h2-why-we .h2-ww-coontent {
  margin-top: 30px;
}

.why-we-card {
  text-align: center;
  padding: 20px 15px 15px;
  margin-top: 20px;
  border: 1px solid #6271a0a4;
  border-radius: 25px;
}

.why-we-card .wwc-icon {
  height: 80px;
  width: 80px;
  border-radius: 50%;
  border: 1px dashed #FD5051;
  background-color: #ffffff;
  margin: auto;
}

.why-we-card .wwc-icon i::before {
  margin: 0;
  font-size: 50px;
  color: #FD5051;
}

.why-we-card .wwc-icon .flaticon-shield {
  margin-left: 10px;
}

.why-we-card .wwc-text {
  margin: 15px 0 0 0;
}

.why-we-card .wwc-text h4 {
  font-size: 22px;
  font-weight: 600;
  text-transform: capitalize;
}

.why-we-card .wwc-text h4 a {
  color: #202120;
  text-decoration: none;
}

.why-we-card .wwc-text p {
  color: #707070;
  font-size: 17px;
}

.why-we-card:hover {
  border-radius: 10px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -webkit-transform: scale(1.03);
          transform: scale(1.03);
}

/*================================================
Index 02 About Area CSS
=================================================*/
.h2-about {
  padding: 100px 0 95px;
}

.h2-about-text {
  padding-left: 20px;
}

.h2-about-text .h2-about-info .h2-about-card {
  position: relative;
  overflow: hidden;
  margin: 30px 0 10px;
}

.h2-about-text .h2-about-info .h2-about-card .h2-ac-icon {
  width: 80px;
  height: 80px;
  background-color: #FBF9F7;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  top: 0;
}

.h2-about-text .h2-about-info .h2-about-card .h2-ac-icon i::before {
  margin: 0;
  font-size: 50px;
  color: #FD5051;
}

.h2-about-text .h2-about-info .h2-about-card .h2-card-text {
  padding-left: 100px;
}

.h2-about-text .h2-about-info .h2-about-card .h2-card-text h4 {
  font-size: 25px;
  font-weight: 600;
  text-transform: capitalize;
}

/*================================================
Index 02 Services Area CSS
=================================================*/
.h2-services {
  padding: 0 0 100px;
}

.h2-services .h2-service-content {
  margin-top: 30px;
}

.h2s-card {
  text-align: center;
  border-radius: 25px;
  background-color: #FBF9F7;
  margin-top: 20px;
}

.h2s-card .h2s-card-text {
  padding: 20px 15px;
}

.h2s-card .h2s-card-text h4 {
  font-size: 25px;
  font-weight: 600;
  text-transform: capitalize;
}

.h2s-card .h2s-card-text h4 a {
  color: #202120;
  text-decoration: none;
}

.h2s-card .h2s-card-text p {
  font-size: 17px;
  margin-bottom: 0;
}

.h2s-card .h2s-card-text .h2-uni-button {
  border: 1px solid #ffffff;
}

.h2s-card:hover {
  background-color: #FD5051;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.h2s-card:hover h4 a {
  color: #ffffff;
}

.h2s-card:hover p {
  color: #ffffff;
}

.h2s-card:hover .h2-uni-button {
  border: 1px solid #ffffff;
}

/*================================================
Index 02 Welcome Contact Area CSS
=================================================*/
.welcome-contact {
  padding: 100px 0;
  background-color: #FBF9F7;
}

.welcome-contact .wc-content .wc-card {
  position: relative;
  overflow: hidden;
  margin-top: 20px;
}

.welcome-contact .wc-content .wc-card .wc-icon {
  position: absolute;
  top: 0px;
  left: 0px;
}

.welcome-contact .wc-content .wc-card .wc-icon i::before {
  margin: 0;
  font-size: 40px;
  color: #FD5051;
}

.welcome-contact .wc-content .wc-card .wc-card-text {
  padding-left: 50px;
  margin-top: 8px;
}

.welcome-contact .wc-content .wc-card .wc-card-text h4 {
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
}

.welcome-contact .wc-content .wc-card .wc-card-text p {
  font-size: 17px;
  color: #707070;
}

.welcome-contact .wc-content .h2-uni-button {
  margin-right: 30px;
}

/*================================================
Index 02 Counter Up Area CSS
=================================================*/
.counter-up {
  padding: 95px 0 80px;
}

.counter-up .counter-up-content {
  margin-top: 30px;
}

.counter-card {
  text-align: center;
  margin-top: 20px;
}

.counter-card .counter-icon {
  -webkit-animation: c-zoomIn 4s infinite;
          animation: c-zoomIn 4s infinite;
}

.counter-card .counter-icon i::before {
  margin: 0;
  font-size: 50px;
  color: #FD5051;
}

.counter-card .counter-card-text p {
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 0px;
}

.counter-card .counter-card-text h3 {
  color: #FD5051;
  font-size: 50px;
  font-weight: 700;
}

/*================================================
Index 02 Appointment Area CSS
=================================================*/
.h2-appointment {
  background-color: #FBF9F7;
}

.h2-appointment-img {
  overflow: hidden;
}

.h2-appointment-img img {
  -webkit-animation: zoomIn 4s infinite;
          animation: zoomIn 4s infinite;
}

.h2-app-form {
  margin-top: 20px;
}

.h2-app-form input {
  padding: 10px;
  margin: 0 0 20px;
  border-radius: 10px;
}

/*================================================
Index 02 Team Area CSS
=================================================*/
.h2-team {
  padding: 95px 0 90px;
}

.h2-team .h1-team-card {
  border-radius: 15px;
}

.h2-team .h1-team-card .team-img {
  background-color: #FBF9F7;
  border-radius: 15px 15px 0px 0;
}

.h2-team .h1-team-card .team-text {
  border: 1px solid #eeeeee;
  border-top: 0px;
  margin-top: 0;
  padding: 15px 0;
  border-radius: 0 0 15px 15px;
}

.h2-team .h1-team-card .team-text h4 a {
  color: #202120;
}

.h2-team .h1-team-card:hover {
  -webkit-box-shadow: 1px 1px 10px #eeeeee;
          box-shadow: 1px 1px 10px #eeeeee;
  -webkit-transform: scale(1.01);
          transform: scale(1.01);
  overflow: hidden;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
}

.h2-team .h1-team-card:hover .team-text {
  border: none;
}

.h2-team .h1-team-card:hover .team-text h4 a {
  color: #FD5051;
}

/*================================================
Index 02 Blog Area CSS
=================================================*/
.h2-blog {
  padding: 0 0 95px;
}

.h2-blog .h2-blog-content {
  margin-top: 30px;
}

.h2-blog-card {
  overflow: hidden;
  margin-top: 20px;
}

.h2-blog-card .h2-blog-card-text {
  padding: 15px 15px 0px;
}

.h2-blog-card .h2-blog-card-text .h2-bc-date ul {
  margin: 0;
  padding: 0;
}

.h2-blog-card .h2-blog-card-text .h2-bc-date ul li {
  list-style: none;
  display: inline-block;
  margin-right: 20px;
  font-size: 15px;
  text-transform: capitalize;
}

.h2-blog-card .h2-blog-card-text .h2-bc-date ul li i::before {
  font-size: 15px;
  color: #FD5051;
  margin: 0;
  font-weight: 600;
  margin-right: 5px;
}

.h2-blog-card .h2-blog-card-text h4 {
  font-weight: 600;
  font-size: 25px;
  margin: 10px 0;
  text-transform: capitalize;
}

.h2-blog-card .h2-blog-card-text h4 a {
  text-decoration: none;
  color: #202120;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.h2-blog-card .h2-blog-card-text .card-link {
  color: #FD5051;
}

.h2-blog-card:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.h2-blog-card:hover h4 a {
  color: #FD5051;
}

/*================================================
Index 02 Footer Area CSS
=================================================*/
.h2-footer {
  background-image: none;
  background-color: #0D2854;
}

.h2-footer .footer-logo-area ul li a:hover {
  color: #FD5051;
}

.h2-footer .copyright a {
  color: #FD5051;
}

/*================================================
Index 03 Banner Area CSS
=================================================*/
.h3-banner {
  background-image: none;
  background-color: #f7f7f7;
  position: relative;
  padding: 120px 0px 100px !important;
}

.h3-banner .banner3-text {
  width: 100% !important;
}

.h3-banner .banner3-text h6 {
  color: #FF4D33;
}

.h3-banner .banner3-text h1 {
  color: #202120;
}

.h3-banner .banner3-text p {
  color: #202120;
}

.h3-banner .shape-1 {
  position: absolute;
  top: 20%;
  left: 50%;
  -webkit-animation: c-rotation 4s infinite;
          animation: c-rotation 4s infinite;
}

.h3-banner .shape-2 {
  position: absolute;
  bottom: 20%;
  left: 40%;
  -webkit-animation: c-rotation 4s infinite;
          animation: c-rotation 4s infinite;
}

.h3-banner .shape-3 {
  position: absolute;
  bottom: 25%;
  left: 30%;
  -webkit-animation: left-right 4s infinite;
          animation: left-right 4s infinite;
}

.h3-banner-img {
  overflow: hidden;
  border-radius: 50%;
  position: relative;
}

.h3-banner-img img {
  -webkit-animation: zoomIn 4s infinite;
          animation: zoomIn 4s infinite;
}

.h3-banner-img::before {
  content: '';
  width: 100%;
  height: 100%;
  border: 20px solid transparent;
  border-radius: 50%;
  border-top: 20px solid #FF4D33;
  position: absolute;
  left: 0px;
  top: 0px;
  -webkit-animation: c-rotation 10s linear infinite;
          animation: c-rotation 10s linear infinite;
  z-index: 9;
}

.h3-banner-img::after {
  content: '';
  width: 100%;
  height: 100%;
  border: 20px solid transparent;
  border-radius: 50%;
  border-bottom: 20px solid #FF4D33;
  position: absolute;
  right: 0px;
  bottom: 0px;
  -webkit-animation: c-b-rotation 10s linear infinite;
          animation: c-b-rotation 10s linear infinite;
}

/*================================================
Index 03 Services Area CSS
=================================================*/
.h3-services {
  background-color: #f7f7f7;
  padding: 0px 0px 100px;
  position: relative;
}

.h3-services .h3-services-content {
  margin-top: 30px;
}

.h3-services .shape-4 {
  position: absolute;
  left: 20px;
  top: 30px;
  -webkit-animation: c-zoomIn 6s infinite;
          animation: c-zoomIn 6s infinite;
}

.h3-services .shape-5 {
  position: absolute;
  right: 20px;
  bottom: 30px;
  -webkit-animation: c-zoomIn 6s infinite;
          animation: c-zoomIn 6s infinite;
}

.h3s-card {
  background-color: #ffffff;
  padding: 20px 20px;
  border-radius: 25px;
  position: relative;
  margin-top: 20px;
  overflow: hidden;
  z-index: 9;
}

.h3s-card::before {
  content: '';
  width: 100%;
  height: 0%;
  background-image: -webkit-gradient(linear, left top, right top, from(#F36A31), color-stop(#FB4D32), color-stop(#F95432), color-stop(#F75A32), color-stop(#F56132), color-stop(#F46631), to(#f36b31e5));
  background-image: linear-gradient(to right, #F36A31, #FB4D32, #F95432, #F75A32, #F56132, #F46631, #f36b31e5);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  -webkit-transition: .3s linear;
  transition: .3s linear;
}

.h3s-card .h3s-icon {
  position: absolute;
  top: 10px;
  z-index: 9;
}

.h3s-card .h3s-icon i {
  width: 65px;
}

.h3s-card .h3s-icon i::before {
  margin: 0px;
  font-size: 60px;
  color: #FF4D33;
  -webkit-transition: .5s linear;
  transition: .5s linear;
}

.h3s-card .h3s-text {
  z-index: 99;
  padding-left: 75px;
}

.h3s-card .h3s-text h4 {
  font-size: 25px;
  font-weight: 600;
  text-transform: capitalize;
}

.h3s-card .h3s-text h4 a {
  color: #202120;
  text-decoration: none;
  -webkit-transition: .8s linear;
  transition: .8s linear;
}

.h3s-card .h3s-text p {
  font-size: 17px;
  margin-bottom: 0px !important;
  -webkit-transition: .5s linear;
  transition: .5s linear;
}

.h3s-card .h3s-text .h3-uni-button {
  border: 1px solid transparent;
}

.h3s-card:hover {
  background-color: transparent;
}

.h3s-card:hover::before {
  width: 100%;
  height: 100%;
  -webkit-transition: .3s linear;
  transition: .3s linear;
}

.h3s-card:hover .h3s-icon i::before {
  color: #ffffff;
  -webkit-transition: .5s linear;
  transition: .5s linear;
}

.h3s-card:hover .h3s-text h4 a {
  color: #ffffff;
  -webkit-transition: .1s linear;
  transition: .1s linear;
}

.h3s-card:hover .h3s-text p {
  color: #ffffff;
  -webkit-transition: .3s linear;
  transition: .3s linear;
}

.h3s-card:hover .h3s-text .h3-uni-button {
  border: 1px solid #ffffff;
  -webkit-transition: .7s linear;
  transition: .7s linear;
}

/*================================================
Index 03 Why Choose Us Area CSS
=================================================*/
.h3-why-we {
  background-color: #F7F3F0;
}

.h3-why-we .h3-ww-img {
  background-image: url("../images/why-we-3.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
}

.h3-why-we .h3-ww-img img {
  display: none;
}

.h3-why-we .h2-about-text {
  padding-top: 100px;
  padding-bottom: 100px;
}

/*================================================
Index 03 Features Area CSS
=================================================*/
.h3-features {
  background-color: #ffffff;
}

/*================================================
Index 03 Fun facts Area CSS
=================================================*/
.h3-fun {
  padding: 0 0 100px;
}

.h3-fun-img img {
  -webkit-animation: zoomIn 5s infinite;
          animation: zoomIn 5s infinite;
}

/*================================================
Index 03 Advice Area CSS
=================================================*/
.advice {
  background-color: #FBF9F7;
}

.advice .advice-text {
  width: 640px;
}

.advice .advice-text h6 {
  text-transform: capitalize;
}

.advice .advice-text .exp {
  color: #202120;
  font-weight: 600;
  font-size: 17px;
}

.advice .advice-text img {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.advice-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

/*================================================
Index 03 Testimonial Area CSS
=================================================*/
.h3-testimonial {
  padding: 97px 0 95px;
}

.h3-testimonial .h3-testimonial-content {
  margin-top: 20px;
}

.h3t-card {
  position: relative;
  padding: 30px 40px 30px 30px;
  background-image: -webkit-gradient(linear, left top, right top, from(#F36A31), color-stop(#FB4D32), color-stop(#F95432), color-stop(#F75A32), color-stop(#F56132), color-stop(#F46631), to(#f36b31e5));
  background-image: linear-gradient(to right, #F36A31, #FB4D32, #F95432, #F75A32, #F56132, #F46631, #f36b31e5);
  border-radius: 50px;
  margin: 50px 10px 12px;
}

.h3t-card img {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.h3t-card .h3t-icon {
  position: absolute;
  right: 50px;
  top: -45px;
  -webkit-transform: rotate(10deg);
          transform: rotate(10deg);
}

.h3t-card .h3t-icon i::before {
  margin: 0;
  font-size: 60px;
  color: #FF4D33;
  text-shadow: -5px 3px #ffffff;
}

.h3t-card p {
  font-size: 17px;
  color: #ffffff;
  margin-top: 10px;
}

.h3t-card .h3t-intro {
  position: relative;
}

.h3t-card .h3t-intro img {
  position: absolute;
}

.h3t-card .h3t-intro .h3t-name {
  padding-left: 65px;
}

.h3t-card .h3t-intro .h3t-name h5 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  padding-top: 3px;
  text-transform: capitalize;
}

.h3t-card .h3t-intro .h3t-name p {
  margin: 0;
  font-size: 15px;
  font-weight: 400;
  text-transform: capitalize;
}

.h3t-card::before {
  content: '';
  height: 5px;
  width: 50%;
  border-radius: 20px;
  background-color: #FF4D33;
  position: absolute;
  left: 10%;
  top: -10px;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  -webkit-animation: right-left 5s ease-in-out infinite;
          animation: right-left 5s ease-in-out infinite;
}

.h3t-card::after {
  content: '';
  height: 5px;
  width: 50%;
  border-radius: 20px;
  background-color: #FF4D33;
  position: absolute;
  right: 10%;
  bottom: -10px;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  -webkit-animation: ex-left-right 5s ease-in-out infinite;
          animation: ex-left-right 5s ease-in-out infinite;
}

/*================================================
Index 03 Blog Area CSS
=================================================*/
.h3-blog {
  padding: 0 0 90px;
}

.h3-appointment .h2-appointment-img {
  background-image: url("../images/home-appointment/h3-appointment.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
}

.h3-appointment .h2-appointment-img img {
  display: none;
}

.h3-appointment .h2-app-content {
  padding-top: 100px;
  padding-bottom: 100px;
}

/*================================================
Index 03 Footer Area CSS
=================================================*/
.h3-footer {
  background-image: none;
  background-color: #205565;
}

.h3-footer .footer-logo-area ul li a:hover {
  color: #FF4D33;
}

.h3-footer .copyright a {
  color: #FF4D33;
}

/*================================================
Inner Pages Banner Area CSS
=================================================*/
.uni-banner {
  background-image: url("../images/banner/about-banner.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.uni-banner .uni-banner-overlay {
  background-color: rgba(0, 0, 0, 0.6);
  padding: 220px 0 140px;
}

.uni-banner .uni-banner-overlay .uni-banner-text {
  text-align: center;
}

.uni-banner .uni-banner-overlay .uni-banner-text h1 {
  font-size: 70px;
  font-weight: 700;
  color: #ffffff;
  text-transform: capitalize;
}

.uni-banner .uni-banner-overlay .uni-banner-text ul {
  margin: 0;
  padding: 0;
}

.uni-banner .uni-banner-overlay .uni-banner-text ul li {
  display: inline-block;
  margin: 0 15px;
  font-size: 20px;
  color: #FF4D33;
  text-transform: capitalize;
  position: relative;
}

.uni-banner .uni-banner-overlay .uni-banner-text ul li a {
  color: #ffffff;
  text-decoration: none;
}

.uni-banner .uni-banner-overlay .uni-banner-text ul li::after {
  content: '>>';
  font-size: 15px;
  color: #E29B6F;
  position: absolute;
  top: 4px;
  right: -25px;
}

.uni-banner .uni-banner-overlay .uni-banner-text ul li:nth-last-child(1)::after {
  display: none;
}

.service-banner {
  background-image: url("../images/banner/service-banner.jpg");
}

.case-banner {
  background-image: url("../images/banner/case-study-banner.jpg");
}

.contact-banner {
  background-image: url("../images/banner/contact-banner.png");
}

.blog-banner {
  background-image: url("../images/banner/inner-banner2.jpg");
}

.terms-banner {
  background-image: url("../images/banner/inner-banner4.jpg");
}

/*================================================
Inner About page CSS
=================================================*/
.inner-about-area {
  background-color: #ffffff;
  padding-bottom: 0px;
}

.inner-fitness {
  padding: 100px 0 93px;
}

.inner-fitness .about-text {
  padding-left: 30px;
}

.inner-fitness .barfiller .fill {
  display: block;
  position: relative;
  width: 0px;
  height: 100%;
  background: #FF4D33 !important;
  border-radius: 5px;
  z-index: 1;
}

.inner-counter {
  background-color: #F7F5FA;
}

.inner-about-team {
  padding-bottom: 0px;
}

/*================================================
Inner Service page CSS
=================================================*/
.inner-service-cards {
  padding: 97px 0 100px;
}

.inner-service-cards .h1-services-content .h1-service-card .hsc-icon i::before {
  color: #FF4D33;
}

.inner-service-cards a.card-link {
  color: #FF4D33;
  text-decoration: none;
  text-transform: capitalize;
  font-size: 18px;
}

.inner-service-cards a.card-link:hover {
  -webkit-animation: link-ani 2s infinite linear;
          animation: link-ani 2s infinite linear;
}

/*================================================
Inner Service Details page CSS
=================================================*/
.service-details {
  padding: 100px 0;
}

.popular-services {
  padding: 10px 20px 5px;
  background-color: #F7F5FA;
  border-radius: 20px;
}

.popular-services h3 {
  font-size: 28px;
  font-weight: 700;
  text-transform: capitalize;
}

.popular-services ul {
  margin: 0;
  padding: 0;
}

.popular-services ul li {
  list-style: none;
  background-color: #ffffff;
  margin: 15px 0;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #eeeeee;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  position: relative;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

.popular-services ul li a {
  color: #FF4D33;
  text-decoration: none;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

.popular-services ul li a::after {
  content: '\2192';
  font-size: 20px;
  position: absolute;
  right: 50px;
  color: #ffffff;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  z-index: -1;
}

.popular-services ul li:hover {
  background-color: #FF4D33;
}

.popular-services ul li:hover a {
  color: #ffffff;
}

.popular-services ul li:hover a::after {
  right: 20px;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  z-index: 99;
}

.sidebar-img {
  border-radius: 20px;
  overflow: hidden;
  margin-top: 30px;
  position: relative;
}

.sidebar-img img {
  -webkit-animation: zoomIn 4s infinite;
          animation: zoomIn 4s infinite;
}

.sidebar-img .sidebar-img-text {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  width: 100%;
  text-align: center;
}

.sidebar-img .sidebar-img-text h4 {
  font-size: 35px;
  color: #ffffff;
  font-weight: 600;
}

.service-deatils-main-part .sdmp-text h3 {
  font-size: 40px;
  font-weight: 600;
  text-transform: capitalize;
  margin-top: 15px;
}

.service-deatils-main-part .sdmp-text p {
  font-size: 17px;
  color: #202120;
}

.service-deatils-main-part .sdmp-text .sdmp-img img {
  margin-bottom: 15px;
}

.service-deatils-main-part .sdmp-text thead {
  background-color: #F7F5FA;
}

.service-deatils-main-part .sdmp-text .sdmp-p {
  border: 1px solid #eeeeee;
  padding: 15px;
  background-color: #F7F5FA;
  position: relative;
}

.service-deatils-main-part .sdmp-text .sdmp-p::before {
  content: '';
  width: 5px;
  height: 100%;
  background-color: #FF4D33;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0 5px 5px 0px;
}

/*================================================
Inner Case Study page CSS
=================================================*/
.inner-case-study {
  padding: 100px 0;
}

.inner-case-study .h2s-card:hover {
  background-color: #205565;
}

/*================================================
Inner Case Details page CSS
=================================================*/
.inner-case-details {
  padding: 100px 0;
}

.case-details-main-part .incd-text {
  margin-top: 15px;
}

.case-details-main-part .incd-text h3 {
  font-size: 35px;
  font-weight: 600;
}

.case-details-main-part .incd-text p {
  font-size: 17px;
  color: #707070;
}

.incd-video {
  position: relative;
  border-radius: 20px;
}

.incd-video .video-button {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #205565a6;
  border-radius: 20px;
}

.incd-video .video-button .video-icon {
  background-color: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 80px;
  width: 80px;
  border-radius: 50%;
  text-align: center;
  padding-left: 10px;
  -webkit-animation: video-player 2s infinite;
          animation: video-player 2s infinite;
  padding-top: 10px;
}

.incd-video .video-button .video-icon a {
  text-decoration: none;
  color: #ffffff;
}

.incd-video .video-button .video-icon a i::before {
  margin: 0;
  font-size: 40px;
  color: #FF4D33;
}

.inner-form {
  padding: 10px 20px 20px;
  background-color: #F7F5FA;
  border-radius: 20px;
  text-align: center;
  margin-top: 30px;
}

.inner-form h3 {
  font-size: 28px;
  text-align: left;
  font-weight: 700;
  text-transform: capitalize;
}

.inner-form .inf-form input, .inner-form .inf-form textarea {
  padding: 10px;
  margin: 20px 0 0;
  border-radius: 5px;
}

/*================================================
Inner Blog page CSS
=================================================*/
.inner-blog {
  padding: 95px 0 92px;
}

.inner-blog .h2-blog-card-text p {
  font-size: 17px;
}

.load-btn {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0px !important;
}

/*================================================
Inner Blog Details CSS
=================================================*/
.blog-details {
  padding: 100px 0;
}

.blog-details .h2-bc-date {
  padding: 15px 5px 5px;
}

.blog-details .h2-bc-date ul {
  margin: 0;
  padding: 0;
}

.blog-details .h2-bc-date ul li {
  list-style: none;
  display: inline-block;
  margin-right: 5px;
  font-size: 15px;
  text-transform: capitalize;
}

.blog-details .h2-bc-date ul li i::before {
  font-size: 15px;
  color: #FD5051;
  margin: 0;
  font-weight: 600;
  margin-right: 5px;
}

.bdmp-text h3 {
  font-size: 35px;
  text-transform: capitalize;
  font-weight: 700;
}

.bdmp-text p {
  font-size: 17px;
  color: #707070;
}

.bdmp-text .bdmp-inner-img {
  margin: 15px 0;
}

.bdmp-comments {
  margin-top: 30px;
}

.bdmp-comments img {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.bdmp-comments .comments {
  font-size: 28px;
  font-weight: 600;
  text-transform: capitalize;
  padding: 10px 10px 5px;
  border: 1px solid #eeeeee;
  border-radius: 5px;
  background-color: #F7F5FA;
}

.bdmp-comments .user-comments {
  margin: 30px 0;
  padding: 15px 25px 10px;
  border: 1px solid #eeeeee;
  border-radius: 10px;
  background-color: #F7F5FA;
  position: relative;
}

.bdmp-comments .user-comments img {
  position: absolute;
}

.bdmp-comments .user-comments .u-comment {
  padding-left: 40px;
  padding-top: 5px;
}

.bdmp-comments .user-comments .u-comment h4 {
  text-transform: capitalize;
  font-size: 20px;
  font-weight: 600;
}

.bdmp-comments .user-comments .u-comment ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.bdmp-comments .user-comments .u-comment ul li {
  display: inline-block;
  cursor: pointer;
}

.bdmp-comments .user-comments .u-comment ul .active {
  color: #FF4D33;
}

.bdmp-comments .user-comments .u-comment p {
  font-size: 17px;
  margin-top: 10px;
}

.bdmp-comments .user-comments .u-comment .hours {
  color: #707070;
  font-size: 14px;
}

.comments-box {
  padding: 15px 25px 10px;
  border: 1px solid #eeeeee;
  border-radius: 10px;
  background-color: #F7F5FA;
}

.comments-box h3 {
  font-size: 25px;
  font-weight: 600;
}

.comments-box p {
  margin-bottom: 10px;
}

.comments-box ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.comments-box ul li {
  display: inline-block;
  cursor: pointer;
}

.comments-box ul li:hover {
  color: #FF4D33;
}

.comments-form input {
  padding: 10px;
  margin: 15px 0;
  border-radius: 5px;
  border: 1px solid #eeeeee;
}

.comments-form textarea {
  border-radius: 5px;
  border: 1px solid #eeeeee;
}

.recent-post {
  margin: 30px 0;
  padding: 10px 20px 15px;
  background-color: #F7F5FA;
  border-radius: 20px;
}

.recent-post img {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.recent-post h3 {
  font-size: 28px;
  font-weight: 700;
}

.post-card {
  margin-top: 20px;
  position: relative;
}

.post-card img {
  position: absolute;
  max-height: 100%;
}

.post-card .h2-bc-date {
  padding: 0 0px 10px;
}

.post-card .post-card-text {
  padding-left: 130px;
}

.post-card .post-card-text h4 {
  font-size: 18px;
  font-weight: 600;
}

.post-card .post-card-text h4 a {
  color: #202120;
  text-decoration: none;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.post-card .post-card-text h4:hover a {
  color: #FF4D33;
}

.tags {
  padding: 10px 20px 10px;
  background-color: #F7F5FA;
  border-radius: 20px;
}

.tags h3 {
  font-size: 28px;
  font-weight: 700;
}

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

.tags ul li {
  padding: 5px 0;
  background-color: #ffffff;
  display: inline-block;
  width: 90px;
  text-align: center;
  margin: 5px;
}

/*================================================
Inner Contact Page CSS
=================================================*/
.inner-contact-form {
  background-color: #ffffff;
  padding-top: 95px;
  padding-bottom: 100px;
}

.inner-contact-form .h3-fun-img {
  background-image: url("../images/counter-3.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
}

.inner-contact-form .h3-fun-img img {
  display: none;
}

.inner-contact-form .h2-app-content {
  padding-top: 0px;
  padding-bottom: 0px;
}

.google-map {
  width: 100%;
  height: 500px;
}

.google-map .g-map {
  width: 100%;
  height: 100%;
  border: none;
}

/*================================================
Inner Terms & Conditions Page CSS
=================================================*/
.terms {
  padding: 95px 0;
}

.terms h3 {
  font-size: 35px;
  font-weight: 700;
}

.terms p {
  font-size: 17px;
  color: #707070;
}

/*================================================
Go Top CSS
=================================================*/
.go-top {
  position: fixed;
  cursor: pointer;
  bottom: 20px;
  right: 20px;
  border-radius: 5px;
  background-color: #E29B6F;
  color: #ffffff;
  z-index: 99;
  width: 33px;
  text-align: center;
  height: 35px;
  opacity: 0;
  visibility: hidden;
  font-size: 20px;
  -webkit-transition: var(--transition);
  -webkit-transition: .5s;
  transition: .5s;
  -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
}

.go-top i {
  position: absolute;
  right: 0;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.go-top:hover {
  background-color: #ffffff;
  color: #E29B6F;
  border: 1px solid #E29B6F;
  -webkit-transition: all .5s linear;
  transition: all .5s linear;
}

.go-top.active {
  opacity: 1;
  visibility: visible;
  bottom: 20px;
}

.h2-top {
  background-color: #FD5051;
  color: #ffffff;
}

.h2-top:hover {
  background-color: #FD5051;
  color: #ffffff;
  border: 1px solid #FD5051;
}

/*================================================
Animation CSS
=================================================*/
@-webkit-keyframes up-down {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(-15px, -15px);
    transform: translate(-15px, -15px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes up-down {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(-15px, -15px);
    transform: translate(-15px, -15px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-webkit-keyframes left-right {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(-15px, 0px);
    transform: translate(-15px, 0px);
  }
  50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  75% {
    -webkit-transform: translate(15px, 0);
    transform: translate(15px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes left-right {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(-15px, 0px);
    transform: translate(-15px, 0px);
  }
  50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  75% {
    -webkit-transform: translate(15px, 0);
    transform: translate(15px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-webkit-keyframes ex-left-right {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(-50px, 0px);
    transform: translate(-50px, 0px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes ex-left-right {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(-50px, 0px);
    transform: translate(-50px, 0px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-webkit-keyframes right-left {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(50px, 0px);
    transform: translate(50px, 0px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes right-left {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(50px, 0px);
    transform: translate(50px, 0px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

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

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

@-webkit-keyframes link-ani {
  0% {
    color: #E29B6F;
  }
  50% {
    color: #202120;
  }
  100% {
    color: #E29B6F;
  }
}

@keyframes link-ani {
  0% {
    color: #E29B6F;
  }
  50% {
    color: #202120;
  }
  100% {
    color: #E29B6F;
  }
}

@-webkit-keyframes zoomIn {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes zoomIn {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes c-zoomIn {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes c-zoomIn {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes c-rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes c-rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes c-b-rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes c-b-rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes video-player {
  0% {
    border: 1px solid #ffffffc1;
    -webkit-box-shadow: 1px 1px 1px #ffffff;
            box-shadow: 1px 1px 1px #ffffff;
  }
  50% {
    border: 1px solid #ffffff;
    -webkit-box-shadow: 1px 1px 10px  #ffffff;
            box-shadow: 1px 1px 10px  #ffffff;
  }
  100% {
    border: 1px solid #ffffffc1;
    -webkit-box-shadow: 1px 1px 1px #ffffff;
            box-shadow: 1px 1px 1px #ffffff;
  }
}

@keyframes video-player {
  0% {
    border: 1px solid #ffffffc1;
    -webkit-box-shadow: 1px 1px 1px #ffffff;
            box-shadow: 1px 1px 1px #ffffff;
  }
  50% {
    border: 1px solid #ffffff;
    -webkit-box-shadow: 1px 1px 10px  #ffffff;
            box-shadow: 1px 1px 10px  #ffffff;
  }
  100% {
    border: 1px solid #ffffffc1;
    -webkit-box-shadow: 1px 1px 1px #ffffff;
            box-shadow: 1px 1px 1px #ffffff;
  }
}
/*# sourceMappingURL=style.css.map */