/*
@File: Plusminus 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>>>>>

*******************************************
** - DEFAULT AREA STYLE - **

** - Default Btn Area Style
** - Read More Area Style
** - Section Title Area Style
** - Header Area Style
** - Nav Area Style
** - Banner Area Style
** - Futures Area Style
** - About Area Style
** - Services Area Style
** - Ready To Talk Area Style
** - Choose Us Area Style
** - Case Studies Area Style
** - Customer Area Style
** - Team Area Style
** - Partner Area Style
** - Blog Area Style
** - Footer Area Style
** - Copy Right Area Style

** - OTHER STYLE AREA - **

** - Preloader Area Style
** - Go Top Style
** - Video wave Style

*******************************************
/*

/*
Default Style
============================*/
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Volkhov:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap");

:root {
  --pink-dark: #992f69;
  --blue-deep: #04286b;
  --text-dark: #1f3322;
  --text-light: #517351;
  --bg-color: #133d8d;
  --black-shade: #4a4a4a;
}

body {
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  color: var(--blue-deep);
  overflow-x: hidden;
}

.main-logo {
  height: 55px;
  width: auto;
}

.small-logo {
  height: 75px;
  width: auto;
}

.text-pink {
  color: var(--pink-dark);
  font-weight: 950;
  font-size: 30px;
}

.text-blue {
  color: var(--blue-deep);
  font-weight: 950;
  font-size: 30px;
}

.pink {
  color: var(--pink-dark);
  font-size: 50px;
}

.pink1 {
  color: var(--pink-dark);
}

.mobile {
  font-size: 24px;
}


a {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  text-decoration: none;
  color: var(--blue-deep);
}

a:hover {
  text-decoration: none;
  color: var(--pink-dark);
}

a:focus {
  text-decoration: none;
}

button {
  outline: 0 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  padding: 0;
}

button:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--blue-deep);
  font-weight: 700;
  font-family: "Volkhov", serif;
}

.d-table {
  width: 100%;
  height: 100%;
}

.d-table-cell {
  vertical-align: middle;
}

p {
  font-size: 16px;
  margin-bottom: 15px;
  line-height: 29px;
  /* text-align: justify; */
}

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

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

.form-control {
  height: 55px;
  color: var(--blue-deep);
  border: 1px solid #e5e5e5;
  background-color: rgba(241, 247, 248, 0.5);
  font-size: 16px;
  padding: 10px 20px;
  width: 100%;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  border-radius: 50px;
}

.form-control::-webkit-input-placeholder {
  color: #757575;
}

.form-control:-ms-input-placeholder {
  color: #757575;
}

.form-control::-ms-input-placeholder {
  color: #757575;
}

.form-control::placeholder {
  color: #757575;
}

.form-control:focus {
  color: #000000;
  background-color: #ffffff;
  -webkit-box-shadow: unset;
  box-shadow: unset;
  outline: 0;
  border: 1px solid var(--pink-dark);
}

.form-control:hover:focus,
.form-control:focus {
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

textarea.form-control {
  height: auto;
}

.ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
  padding-left: 80px;
  padding-right: 80px;
}
 .ptab{
  padding-top: 20px;
 }
.pt-100 {
  padding-top: 100px;
  padding-left: 100px;
  padding-right: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pt-70 {
  padding-top: 70px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pb-150 {
  padding-bottom: 150px;
}

.pt-50 {
  padding-top: 50px;
}

.mt-30 {
  margin-top: 30px;
}

.mb-30 {
  margin-bottom: 30px;
}

.ml-15 {
  margin-left: 15px;
}

.mr-15 {
  margin-right: 15px;
}

/*
Bg-color Style*/
.bg-color-f1f5f7 {
  background-color: #f1f5f7;
}

.bg-color-fbfbfb {
  background-color: #fbfbfb;
}

.bg-color-022641 {
  background-color: var(--blue-deep);
}

/*
Default Btn Area Style*/
.default-btn {
  font-size: 16px;
  color: #ffffff;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  text-align: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
  padding: 12px 40px;
  background-color: var(--pink-dark);
  border-radius: 3px;
  border: 1px solid var(--pink-dark);
  font-weight: 600;
  border-radius: 50px;
  line-height: 29px;
}

.default-btn i {
  position: relative;
  top: 2px;
  margin-left: 10px;
}

.default-btn.active {
  background-color: var(--blue-deep);
  border-color: var(--blue-deep);
  color: #ffffff;
}

.default-btn.active:hover {
  background-color: var(--pink-dark);
  border-color: var(--pink-dark);
}

.default-btn:hover {
  color: #ffffff;
  background-color: var(--blue-deep);
  border-color: var(--blue-deep);
}

/*
Read More Btn Area Style*/
.read-more {
  font-size: 16px;
  color: var(--pink-dark);
  background-color: transparent;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  font-weight: 600;
}

.read-more i {
  position: relative;
  top: 4px;
}

.read-more:hover {
  color: var(--pink-dark);
}

.read-more.active {
  color: var(--pink-dark);
}

/*
Section Title Area Style*/
.section-title {
  max-width: 700px;
  margin: -5px auto 50px;
  text-align: center;
  position: relative;
}

.section-title .top-title {
  font-size: 16px;
  color: var(--pink-dark);
  display: block;
  margin-bottom: 15px;
  font-weight: 600;
}

.section-title h2 {
  font-size: 36px;
  margin-bottom: 15px;
  line-height: 50px;
}

.section-title h2 span {
  color: var(--pink-dark);
}

.section-title h2:last-child {
  margin-bottom: 0;
}

.section-title p {
  max-width: 600px;
  margin: auto;
}

.section-title p span {
  color: var(--pink-dark);
}

.section-title.white-title span {
  color: var(--pink-dark);
}

.section-title.white-title h2 {
  color: #ffffff;
}

.section-title.white-title p {
  color: #ffffff;
}

.section-title.left-title {
  margin-left: 0;
  text-align: left;
  max-width: 645px;
}

.section-title.left-title h2 {
  max-width: 700px;
}

.section-title.left-title p {
  margin-left: 0;
}

.section-title.left-title .default-btn {
  position: absolute;
  top: 0;
  right: 0;
}

.container-view {
  margin: 50px;
}
/*
Navbar Area Style
======================================================*/
.navbar-area {
  position: relative;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  padding-top: 10px;
  padding-bottom: 10px;
}

.navbar-area.is-sticky {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  position: -webkit-sticky;
  position: sticky;
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  background-color: #ffffff !important;
}

.navbar-area .container-fluid {
  max-width: 1675px;
  margin: auto;
  padding-left: 100px;
  padding-right: 100px;
}

.navbar-area .navbar-brand {
  margin-right: 50px;
}

.desktop-nav {
  position: relative;
  z-index: 2;
  padding-top: 0;
  padding-bottom: 0;
}

.desktop-nav .navbar {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  z-index: 2;
  position: unset;
  padding-right: 0;
  padding-top: 0;
  padding-left: 0;
  padding-bottom: 0;
}

.desktop-nav .navbar ul {
  margin-bottom: 0;
  list-style-type: none;
}

.desktop-nav .navbar .navbar-nav .nav-item {
  position: relative;
  padding-bottom: 35px;
  padding-top: 35px;
  padding-right: 0;
  padding-left: 0;
}

.desktop-nav .navbar .navbar-nav .nav-item a {
  font-size: 16px;
  color: var(--blue-deep);
  line-height: 1;
  position: relative;
  font-weight: 400;
  font-family: "Volkhov", serif;
  padding-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  margin-left: 17px;
  margin-right: 17px;
}

.desktop-nav .navbar .navbar-nav .nav-item a.border-style::after {
  content: "";
  position: absolute;
  bottom: -8px;
  right: 0;
  width: 0;
  height: 2px;
  background-color: var(--pink-dark);
  border: none;
  margin-left: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.desktop-nav .navbar .navbar-nav .nav-item a.border-style:hover::after {
  right: auto;
  left: 0;
  width: 100%;
}

.desktop-nav .navbar .navbar-nav .nav-item a.border-style.active::after {
  right: auto;
  left: 0;
  width: 100%;
}

.desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle {
  padding-right: 20px;
}

.desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle::before {
  content: "\EA4E";
  position: absolute;
  top: 0;
  right: 0;
  font-family: remixicon !important;
  line-height: 1;
  font-size: 17px;
}

.desktop-nav .navbar .navbar-nav .nav-item a:hover,
.desktop-nav .navbar .navbar-nav .nav-item a:focus,
.desktop-nav .navbar .navbar-nav .nav-item a.active {
  color: var(--pink-dark);
}

.desktop-nav .navbar .navbar-nav .nav-item a i {
  font-size: 18px;
  line-height: 0;
  position: relative;
  top: 4px;
}

.desktop-nav .navbar .navbar-nav .nav-item:last-child a {
  margin-right: 0;
}

.desktop-nav .navbar .navbar-nav .nav-item:first-child a {
  margin-left: 0;
}

.desktop-nav .navbar .navbar-nav .nav-item:hover a,
.desktop-nav .navbar .navbar-nav .nav-item:focus a,
.desktop-nav .navbar .navbar-nav .nav-item.active a {
  color: var(--pink-dark);
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu {
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: #ffffff;
  position: absolute;
  visibility: hidden;
  border-radius: 5px;
  display: block;
  width: 250px;
  border: none;
  z-index: 99;
  opacity: 0;
  top: 80px;
  left: 0;
  padding: 0;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li {
  padding: 0;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
  color: var(--blue-deep);
  padding: 15px;
  border-bottom: 1px dashed #ededed;
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  display: block;
  position: relative;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  a.dropdown-toggle::after {
  display: none;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  a.dropdown-toggle::before {
  content: "\EA4E";
  position: absolute;
  top: 14px;
  right: 13px;
  font-family: remixicon !important;
  line-height: 1;
  font-size: 17px;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
  color: var(--pink-dark);
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
  left: 250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
  border-radius: 5px;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  a {
  color: var(--blue-deep);
  border-bottom: 1px dashed #ededed;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  position: relative;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  a.dropdown-toggle::after {
  display: none;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  a.dropdown-toggle::before {
  content: "\EA4E";
  position: absolute;
  top: 14px;
  right: 13px;
  font-family: remixicon !important;
  line-height: 1;
  font-size: 17px;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:hover,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:focus,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  a.active {
  color: var(--pink-dark);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu {
  left: 250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
  border-radius: 5px;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a {
  color: #000000;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:hover,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:focus,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a.active {
  color: var(--pink-dark);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu {
  left: -250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
  border-radius: 5px;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a {
  color: #000000;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:hover,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:focus,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a.active {
  color: var(--pink-dark);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu {
  left: -250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
  border-radius: 5px;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a {
  color: #000000;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:hover,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:focus,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a.active {
  color: var(--pink-dark);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu {
  left: -250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
  border-radius: 5px;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a {
  color: #000000;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:hover,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:focus,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a.active {
  color: var(--pink-dark);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu {
  left: -250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
  border-radius: 5px;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a {
  color: #000000;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:hover,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:focus,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a.active {
  color: var(--pink-dark);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li.active
  a {
  color: var(--pink-dark);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li:hover
  .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li.active
  a {
  color: var(--pink-dark);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li:hover
  .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -1px;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li.active
  a {
  color: var(--pink-dark);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li:hover
  .dropdown-menu {
  opacity: 1;
  top: -1px;
  visibility: visible;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li.active
  a {
  color: var(--pink-dark);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li:hover
  .dropdown-menu {
  opacity: 1;
  top: -15px;
  visibility: visible;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li.active
  a {
  color: var(--pink-dark);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li:hover
  .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
  color: var(--pink-dark);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li:hover
  .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: 0;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:last-child a {
  border-bottom: none;
}

.desktop-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
  top: 100%;
  opacity: 1;
  margin-top: 0;
  visibility: visible;
}

.desktop-nav .navbar .others-options {
  margin-left: 30px;
  position: relative;
  top: -1px;
}

.desktop-nav .navbar .others-options ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.desktop-nav .navbar .others-options ul li {
  display: inline-block;
  margin-right: 30px;
}

.desktop-nav .navbar .others-options ul li:last-child {
  margin-right: 0;
}

.desktop-nav .navbar .others-options ul li.languages {
  position: relative;
}

.desktop-nav .navbar .others-options ul li.languages .form-select {
  border: none;
  padding: 0 24px 0;
  background-position: right 0 center;
  font-family: "Volkhov", serif;
  cursor: pointer;
}

.desktop-nav .navbar .others-options ul li.languages .form-select:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}

.desktop-nav .navbar .others-options ul li.languages img {
  position: absolute;
  top: 4px;
  left: 0;
}

.desktop-nav .navbar .others-options ul li.srac-bar {
  position: relative;
  top: -2px;
}

.desktop-nav .navbar .others-options ul li.srac-bar .option-item {
  color: var(--blue-deep);
  display: inline-block;
  line-height: 1;
  position: relative;
  top: 3px;
}

.desktop-nav .navbar .others-options ul li.srac-bar .option-item span {
  position: relative;
  top: -7px;
  margin-left: 5px;
  font-weight: 600;
}

.desktop-nav
  .navbar
  .others-options
  ul
  li.srac-bar
  .option-item
  .search-overlay {
  display: none;
}

.desktop-nav
  .navbar
  .others-options
  ul
  li.srac-bar
  .option-item
  .search-overlay.search-popup {
  position: absolute;
  top: 100%;
  width: 300px;
  right: 0;
  background: #ffffff;
  z-index: 2;
  padding: 20px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  margin-top: 18px;
}

.desktop-nav
  .navbar
  .others-options
  ul
  li.srac-bar
  .option-item
  .search-overlay.search-popup
  .search-form {
  position: relative;
}

.desktop-nav
  .navbar
  .others-options
  ul
  li.srac-bar
  .option-item
  .search-overlay.search-popup
  .search-form
  .search-input {
  display: block;
  width: 100%;
  height: 50px;
  line-height: initial;
  border: 1px solid #eeeeee;
  color: var(--blue-deep);
  outline: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  font-size: 15px;
  padding-top: 4px;
  padding-left: 15px;
}

.desktop-nav
  .navbar
  .others-options
  ul
  li.srac-bar
  .option-item
  .search-overlay.search-popup
  .search-form
  .search-input:focus {
  border-color: var(--pink-dark);
}

.desktop-nav
  .navbar
  .others-options
  ul
  li.srac-bar
  .option-item
  .search-overlay.search-popup
  .search-form
  .search-button {
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  background: var(--pink-dark);
  border: none;
  width: 50px;
  outline: 0;
  color: #ffffff;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  padding: 0;
}

.desktop-nav
  .navbar
  .others-options
  ul
  li.srac-bar
  .option-item
  .search-overlay.search-popup
  .search-form
  .search-button:hover {
  background-color: var(--blue-deep);
}

.desktop-nav .navbar .others-options ul li.srac-bar .option-item .search-btn {
  cursor: pointer;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  color: var(--blue-deep);
  text-align: center;
  font-size: 20px;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 44px;
  text-align: center;
  border: 1px solid var(--pink-dark);
  border-radius: 50px;
}

.desktop-nav
  .navbar
  .others-options
  ul
  li.srac-bar
  .option-item
  .search-btn:hover {
  color: var(--pink-dark);
}

.desktop-nav .navbar .others-options ul li.srac-bar .option-item .close-btn {
  cursor: pointer;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  color: var(--blue-deep);
  text-align: center;
  display: none;
  font-size: 25px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border: 1px solid var(--pink-dark);
  border-radius: 50px;
}

.desktop-nav
  .navbar
  .others-options
  ul
  li.srac-bar
  .option-item
  .close-btn:hover {
  color: var(--pink-dark);
}

.desktop-nav
  .navbar
  .others-options
  ul
  li.srac-bar
  .option-item
  .close-btn.active {
  display: block;
  color: var(--pink-dark);
}

.desktop-nav .navbar .others-options ul li .default-btn {
  background-color: var(--blue-deep);
  border-color: var(--blue-deep);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.desktop-nav .navbar .others-options ul li .default-btn i {
  display: none;
}

.desktop-nav .navbar .others-options ul li .default-btn:hover {
  background-color: var(--pink-dark);
  border-color: var(--pink-dark);
}

.mobile-responsive-nav {
  display: none;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

/*
Others Option For Responsive Area Style
======================================================*/
.others-option-for-responsive {
  display: none !important;
}

.others-option-for-responsive .dot-menu {
  padding: 0 10px;
  height: 30px;
  cursor: pointer;
  z-index: 999;
  position: absolute;
  right: 55px;
  top: -43px;
}

.others-option-for-responsive .dot-menu .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 30px;
}

.others-option-for-responsive .dot-menu .inner .circle {
  height: 5px;
  width: 5px;
  border-radius: 100%;
  margin: 0 2px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  background-color: var(--pink-dark);
}

.others-option-for-responsive .dot-menu:hover .inner .circle {
  background-color: var(--pink-dark);
}

.others-option-for-responsive .container {
  position: relative;
}

.others-option-for-responsive .container .container {
  position: absolute;
  right: -2px;
  top: 15px;
  max-width: 255px;
  margin-left: auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  z-index: 2;
  padding-left: 15px;
  padding-right: 15px;
}

.others-option-for-responsive .container .container.active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.others-option-for-responsive .others-options {
  background-color: #ffffff;
  padding: 15px;
  text-align: center;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}

.others-option-for-responsive .others-options ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.others-option-for-responsive .others-options ul li {
  display: inline-block;
  margin-right: 30px;
  margin-bottom: 10px;
}

.others-option-for-responsive .others-options ul li:last-child {
  margin-right: 0;
  margin-bottom: 0;
}

.others-option-for-responsive .others-options ul li.languages {
  position: relative;
  margin-left: 20px;
}

.others-option-for-responsive .others-options ul li.languages .form-select {
  border: none;
  padding: 0 24px 0;
  background-position: right 0 center;
  font-family: "Volkhov", serif;
  cursor: pointer;
}

.others-option-for-responsive
  .others-options
  ul
  li.languages
  .form-select:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}

.others-option-for-responsive .others-options ul li.languages img {
  position: absolute;
  top: 4px;
  left: 0;
}

.others-option-for-responsive .others-options ul li.srac-bar {
  position: relative;
  top: -2px;
}

.others-option-for-responsive .others-options ul li.srac-bar .option-item {
  color: var(--blue-deep);
  display: inline-block;
  line-height: 1;
  position: relative;
  top: 3px;
}

.others-option-for-responsive .others-options ul li.srac-bar .option-item span {
  position: relative;
  top: -7px;
  margin-left: 5px;
  font-weight: 600;
}

.others-option-for-responsive
  .others-options
  ul
  li.srac-bar
  .option-item
  .search-overlay {
  display: none;
}

.others-option-for-responsive
  .others-options
  ul
  li.srac-bar
  .option-item
  .search-overlay.search-popup {
  position: absolute;
  top: 100%;
  width: 300px;
  right: 0;
  background: #ffffff;
  z-index: 2;
  padding: 20px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  margin-top: 18px;
}

.others-option-for-responsive
  .others-options
  ul
  li.srac-bar
  .option-item
  .search-overlay.search-popup
  .search-form {
  position: relative;
}

.others-option-for-responsive
  .others-options
  ul
  li.srac-bar
  .option-item
  .search-overlay.search-popup
  .search-form
  .search-input {
  display: block;
  width: 100%;
  height: 50px;
  line-height: initial;
  border: 1px solid #eeeeee;
  color: var(--blue-deep);
  outline: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  font-size: 15px;
  padding-top: 4px;
  padding-left: 15px;
}

.others-option-for-responsive
  .others-options
  ul
  li.srac-bar
  .option-item
  .search-overlay.search-popup
  .search-form
  .search-input:focus {
  border-color: var(--pink-dark);
}

.others-option-for-responsive
  .others-options
  ul
  li.srac-bar
  .option-item
  .search-overlay.search-popup
  .search-form
  .search-button {
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  background: var(--pink-dark);
  border: none;
  width: 50px;
  outline: 0;
  color: #ffffff;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  padding: 0;
}

.others-option-for-responsive
  .others-options
  ul
  li.srac-bar
  .option-item
  .search-overlay.search-popup
  .search-form
  .search-button:hover {
  background-color: var(--blue-deep);
}

.others-option-for-responsive
  .others-options
  ul
  li.srac-bar
  .option-item
  .search-btn {
  cursor: pointer;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  color: var(--blue-deep);
  text-align: center;
  font-size: 20px;
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 29px;
  text-align: center;
  border: 1px solid var(--pink-dark);
  border-radius: 50px;
}

.others-option-for-responsive
  .others-options
  ul
  li.srac-bar
  .option-item
  .search-btn:hover {
  color: var(--pink-dark);
}

.others-option-for-responsive
  .others-options
  ul
  li.srac-bar
  .option-item
  .close-btn {
  cursor: pointer;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  color: var(--blue-deep);
  text-align: center;
  display: none;
  font-size: 25px;
  width: 35px;
  height: 35px;
  line-height: 33px;
  border: 1px solid var(--pink-dark);
  border-radius: 50px;
}

.others-option-for-responsive
  .others-options
  ul
  li.srac-bar
  .option-item
  .close-btn:hover {
  color: var(--pink-dark);
}

.others-option-for-responsive
  .others-options
  ul
  li.srac-bar
  .option-item
  .close-btn.active {
  display: block;
  color: var(--pink-dark);
}

.others-option-for-responsive .others-options ul li .default-btn {
  background-color: var(--blue-deep);
  border-color: var(--blue-deep);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.others-option-for-responsive .others-options ul li .default-btn i {
  display: none;
}

.others-option-for-responsive .others-options ul li .default-btn:hover {
  background-color: var(--pink-dark);
  border-color: var(--pink-dark);
}

/*
Banner Area Style
======================================================*/
.banner-area {
  position: relative;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 1;
  padding-top: 145px;
  padding-bottom: 145px;
}

.banner-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    color-stop(18.1%, #ffffff),
    color-stop(58.56%, rgba(241, 247, 248, 0.2)),
    color-stop(65.36%, rgba(241, 247, 248, 0))
  );
  background: linear-gradient(
    270deg,
    #ffffff 18.1%,
    rgba(241, 247, 248, 0.2) 58.56%,
    rgba(241, 247, 248, 0) 65.36%
  );
  -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
  transform: matrix(-1, 0, 0, 1, 0, 0);
  z-index: -1;
}

.banner-area .container-fluid {
  max-width: 1675px;
  margin: auto;
  padding-left: 120px;
  padding-right: 100px;
}

.banner-area.bg-1 {
  background-image: url('../images/banner/banner-bg-1.jpg');
  -webkit-animation: 1s fadeInUp both;
  animation: 1s fadeInUp both;
}

.banner-content .top-title {
  color: var(--pink-dark);
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
}

.banner-content h1 {
  font-size: 90px;
  margin-bottom: 35px;
  line-height: 90px;
}

.banner-content p {
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
  padding-left: 10px;
  max-width: 700px;
  font-size: 16px;
  line-height: 29px;
}

.banner-content p::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background-color: var(--pink-dark);
}

.banner-content .banner-btn p {
  padding-left: 0;
  margin-bottom: 0;
  margin-left: 30px;
  font-weight: 600;
  color: var(--blue-deep);
}

.banner-content .banner-btn p::before {
  display: none;
}

.banner-content .banner-btn p a {
  color: var(--pink-dark);
  font-weight: 700;
}

.tax-services {
  max-width: 380px;
  margin-left: auto;
  margin-top: -100px;
}

.single-tax-services {
  background-color: #ffffff;
  padding: 24px 30px;
  position: relative;
  z-index: 1;
  margin-bottom: 24px;
}

.single-tax-services:last-child {
  margin-bottom: 0;
}

.single-tax-services::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  background-color: var(--pink-dark);
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  z-index: -1;
}

.single-tax-services h3 {
  font-size: 18px;
  margin-bottom: 15px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-tax-services p {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-tax-services .read-more {
  color: var(--blue-deep);
}

.single-tax-services:hover::before {
  width: 100%;
}

.single-tax-services:hover h3 {
  color: #ffffff;
}

.single-tax-services:hover p {
  color: #ffffff;
}

.single-tax-services:hover .read-more {
  color: #ffffff;
}

/*
Futures Area Style
======================================================*/
.futures-area .container-fluid {
  max-width: 1675px;
  margin: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.single-futures {
  position: relative;
  padding-left: 135px;
  margin-bottom: 30px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  margin-right: 20px;
}

.single-futures .icon {
  background: #f1f7f8;
  border-radius: 50px 0;
  width: 112px;
  height: 100px;
  line-height: 115px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
}

.single-futures .icon span {
  position: absolute;
  top: 0;
  left: 0;
  width: 35px;
  height: 35px;
  line-height: 32px;
  text-align: center;
  color: #ffffff;
  border-radius: 50%;
  background-color: var(--blue-deep);
  border: 2px solid #ffffff;
  font-size: 16px;
  font-weight: 700;
}

.single-futures .icon i {
  color: var(--pink-dark);
  font-size: 50px;
}

.single-futures h3 {
  font-size: 20px;
  margin-bottom: 20px;
}

.single-futures.style-two .icon {
  background-color: #ffffff;
}

.single-futures:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}

/*
About Area Style
======================================================*/
.about-area .container-fluid {
  max-width: 1675px;
  margin: auto;
  padding-left: 30px;
  padding-right: 30px;
  /* margin-top: 30px; */
}

.about-img {
  text-align: center;
  position: relative;
  /* margin-left: 250px; */
}

.about-img .about-img-1{
  width: 500px;
  height: 500px;
  /* margin-left: 50px; */
}

.about-img .year-logo {
  position: absolute;
  top: 50%;
  left: -130px;
  right: 0;
  margin: auto;
  -webkit-transform: translateY(-20%);
  transform: translateY(-20%);
  display: inline-block;
  width: 175px;
  height: 175px;
  line-height: 175px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  border-radius: 50%;
}

.about-img .year-logo .your {
  position: absolute;
  top: 1px;
  left: 0;
  right: 0;
  -webkit-animation: rotation 50s infinite linear;
  animation: rotation 50s infinite linear;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.about-content {
  margin-left: 90px;
}

.about-content .top-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--pink-dark);
  display: block;
  margin-bottom: 10px;
}

.about-content h2 {
  font-size: 36px;
  margin-bottom: 15px;
  line-height: 50px;
}

.about-content p {
  margin-bottom: 30px;
  position: relative;
  padding-left: 10px;
}

.about-content p::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background-color: var(--pink-dark);
}

.about-content ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.about-content ul li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  font-weight: 600;
  font-size: 16px;
  color: var(--blue-deep);
}

.about-content ul li:last-child {
  margin-bottom: 0;
}

.about-content ul li img {
  position: absolute;
  top: 3.5px;
  left: 0;
}

.about-content ul li i {
  color: var(--pink-dark);
  position: absolute;
  top: 3px;
  left: 0;
}

.about-content .call-us {
  background-color: var(--blue-deep);
  padding: 42px 30px;
  position: relative;
  padding-left: 98px;
}

.about-content .call-us img {
  color: var(--pink-dark);
  font-size: 40px;
  position: absolute;
  top: 47px;
  left: 30px;
}

.about-content .call-us i {
  color: var(--pink-dark);
  font-size: 40px;
  position: absolute;
  top: 45px;
  left: 30px;
}

.about-content .call-us span {
  display: block;
  color: #ffffff;
  font-weight: 600;
  font-family: "Source Serif Pro", serif;
  margin-bottom: 2px;
}

.about-content .call-us a {
  color: #ffffff;
  font-size: 28px;
  font-weight: 700;
  font-family: "Source Serif Pro", serif;
}

.about-content .call-us a:hover {
  color: var(--pink-dark);
}

.about-content .default-btn {
  margin-top: 40px;
}

/*
Services Area Style
======================================================*/
.single-services {
  position: relative;
  overflow: hidden;
}

.single-services::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(19.27%, rgba(0, 0, 0, 0)),
    color-stop(47.4%, rgba(0, 0, 0, 0)),
    to(#000000)
  );
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 19.27%,
    rgba(0, 0, 0, 0) 47.4%,
    #000000 100%
  );
}

.single-services .services-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 50px;
}

.single-services .services-content h3 {
  font-size: 20px;
  margin-bottom: 12px;
}

.single-services .services-content h3 a {
  color: #ffffff;
}

.single-services .services-content p {
  color: #ffffff;
  margin-bottom: -75px;
  opacity: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-services .services-content .read-more {
  color: #ffffff;
  font-weight: 600;
  font-size: 16px;
}

.single-services .services-content .read-more:hover {
  color: var(--pink-dark);
}

.single-services:hover .services-content p {
  opacity: 1;
  margin-bottom: 15px;
}

.single-services:hover .read-more {
  color: var(--pink-dark);
}

/*
Ready To Talk Area Style
======================================================*/
.ready-to-talk-area {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-image: url('../images/ready-to-talk-bg.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-top: 15px;
  z-index: 1;
}

.ready-to-talk-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90.08deg,
    rgba(17, 166, 61, 0.5) 0.07%,
    rgba(17, 166, 61, 0.9) 32.83%,
    rgba(17, 166, 61, 0.9) 49.48%,
    rgba(17, 166, 61, 0.9) 67.16%,
    rgba(17, 166, 61, 0.5) 99.93%
  );
  z-index: -1;
}

.ready-to-talk-content {
  max-width: 650px;
  margin: auto;
  text-align: center;
}

.ready-to-talk-content h2 {
  font-size: 36px;
  color: #ffffff;
  margin-bottom: 20px;
}

.ready-to-talk-content h2 span {
  font-size: 20px;
  position: relative;
  top: -5px;
}

.ready-to-talk-content .ready-to-talk .form-control {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid #ffffff;
  border-radius: 50px;
  color: #ffffff;
  background-image: url(../../assets/images/icon/icon-4.svg);
  background-position: right 20px center;
  cursor: pointer;
}

.ready-to-talk-content .ready-to-talk .form-control option {
  color: var(--blue-deep);
}

.ready-to-talk-content .default-btn {
  background-color: var(--blue-deep);
  border-color: var(--blue-deep);
  margin-top: 20px;
}

.ready-to-talk-content .default-btn:hover {
  background-color: var(--pink-dark);
}

/*
Choose Us Area Style
======================================================*/
.choose-us-content {
  margin-right: 100px;
}

.choose-us-content .top-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--pink-dark);
  margin-bottom: 10px;
  display: block;
}

.choose-us-content h2 {
  font-size: 36px;
  margin-bottom: 12px;
}

.choose-us-content h2 span {
  font-family: "Volkhov", serif;
}

.choose-us-content p {
  margin-bottom: 40px;
  position: relative;
  z-index: 1;
  padding-left: 15px;
}

.choose-us-content p::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background-color: var(--pink-dark);
}

.choose-us-content .col-lg-6:nth-child(2) .single-counter {
  border-right: none;
}

.choose-us-content .col-lg-6:nth-child(3) .single-counter {
  border-bottom: none;
}

.choose-us-content .col-lg-6:nth-child(4) .single-counter {
  border-right: none;
  border-bottom: none;
}

.single-counter {
  background-color: #f1f7f8;
  padding: 30px;
  text-align: center;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.single-counter h2 {
  color: var(--pink-dark);
  font-size: 40px;
}

.single-counter h2 .target {
  margin-left: -8px;
  font-size: 36px;
  position: relative;
  top: 2px;
}

.single-counter .title {
  font-size: 16px;
}

.choose-us-img {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
  margin-left: 30px;
}

.choose-us-img::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -30px;
  bottom: -30px;
  width: 300px;
  height: 300px;
  background-color: var(--pink-dark);
  z-index: -1;
}


/*
Customer Area Style
======================================================*/
.customer-area {
  position: relative;
  z-index: 1;
  background-image: url('../images/customer/customer-bg.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.customer-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--blue-deep);
  opacity: 0.9;
  z-index: -1;
}

.customer-area .container-fluid {
  max-width: 1675px;
  margin: auto;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.customer-content{
  margin-top: 20px;
}
.customer-content .top-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--pink-dark);
  margin-bottom: 10px;
  display: block;
}

.customer-content h2 {
  font-size: 36px;
  margin-bottom: 40px;
  color: #ffffff;
}

.customer-content ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  margin-left: 30px;
}

.customer-content ul li {
  display: inline-block;
  margin-left: -30px;
}

.customer-content ul li:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.customer-content ul li img {
  border-radius: 50%;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  cursor: pointer;
}

.customer-content ul li p {
  margin-left: 10px;
  position: relative;
  top: 6px;
  color: #ffffff;
  font-weight: 600;
}

.customer-content ul li p span {
  color: var(--pink-dark);
  font-weight: 700;
}

.single-customer {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  padding: 50px;
  position: relative;
  height: 300px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.single-customer .quait {
  position: absolute;
  top: 30px;
  right: 30px;
  opacity: 0.2;
}

.single-customer i {
  position: absolute;
  top: 30px;
  right: 30px;
  font-size: 50px;
  color: rgba(17, 166, 61, 0.2);
}

.single-customer .avataer {
  position: relative;
  padding-left: 10px;
  margin-bottom: 30px;
}

.single-customer .avataer h3 {
  font-size: 20px;
}
/*
.single-customer .avataer img {
  position: absolute;
  top: -10px;
  left: 0;
  border-radius: 50%;
} */

.customer-slide.owl-carousel .owl-item img {
  width: auto;
}

.customer-slide.owl-theme .owl-nav {
  margin-top: 0 !important;
  line-height: 1;
}

.customer-slide.owl-theme .owl-nav .owl-prev,
.customer-slide.owl-theme .owl-nav .owl-next {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #ffffff;
  border-radius: 50%;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  position: absolute;
  top: 50%;
  left: -75px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 20px;
}

.customer-slide.owl-theme .owl-nav .owl-prev i,
.customer-slide.owl-theme .owl-nav .owl-next i {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.customer-slide.owl-theme .owl-nav .owl-prev:hover,
.customer-slide.owl-theme .owl-nav .owl-next:hover {
  background-color: var(--pink-dark);
}

.customer-slide.owl-theme .owl-nav .owl-prev:hover i,
.customer-slide.owl-theme .owl-nav .owl-next:hover i {
  color: #ffffff;
}

.customer-slide.owl-theme .owl-nav .owl-next {
  left: auto;
  right: -75px;
}

.customer-wrap {
  margin-left: 100px;
}

/*
Footer Area Style
======================================================*/
.single-footer-widget {
  margin-bottom: 30px;
}

.single-footer-widget .white-logo {
  margin-bottom: 20px;
  display: inline-block;
}

.single-footer-widget h4 {
  color: #ffffff;
  font-size: 20px;
  margin-bottom: 20px;
}

.white-logo {
  height: 50px;
}

.text-white {
  color: white;
  font-weight: 950;
  font-size: 30px;
}

.single-footer-widget .newsletter-form .form-control {
  background-color: transparent;
  border-radius: 50px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.single-footer-widget .newsletter-form .form-control:focus {
  border-color: var(--pink-dark);
}

.single-footer-widget
  .newsletter-form
  .form-control::-webkit-input-placeholder {
  color: #ffffff;
}

.single-footer-widget .newsletter-form .form-control:-ms-input-placeholder {
  color: #ffffff;
}

.single-footer-widget .newsletter-form .form-control::-ms-input-placeholder {
  color: #ffffff;
}

.single-footer-widget .newsletter-form .form-control::placeholder {
  color: #ffffff;
}

.single-footer-widget .newsletter-form .default-btn {
  width: 100%;
  margin-top: 15px;
}

.single-footer-widget .newsletter-form .default-btn:hover {
  background-color: #ffffff;
  border-color: #ffffff;
  color: var(--pink-dark);
}

.single-footer-widget .newsletter-form #validator-newsletter {
  color: #ff0000;
  margin-top: 5px;
  text-align: center;
  font-size: 14px;
}

.single-footer-widget h3 {
  font-size: 24px;
  margin-bottom: 25px;
  color: #ffffff;
}

.single-footer-widget ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.single-footer-widget .import-link li {
  margin-bottom: 15px;
  position: relative;
  padding-left: 20px;
}

.single-footer-widget .import-link li::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: var(--pink-dark);
  border-radius: 50%;
}

.single-footer-widget .import-link li:last-child {
  margin-bottom: 0;
}

.single-footer-widget .import-link li a {
  color: #ffffff;
}

.single-footer-widget .import-link li a:hover {
  color: var(--pink-dark);
}

.single-footer-widget .contact-info li {
  position: relative;
  color: #ffffff;
  margin-bottom: 15px;
  padding-left: 90px;
}

.single-footer-widget .contact-info li:last-child {
  margin-bottom: 0;
}

.single-footer-widget .contact-info li span {
  color: #992f69;
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 700;
  font-size: 16px;
  font-family: "Volkhov", serif;
}

.single-footer-widget .contact-info li a {
  color: #ffffff;
}

.single-footer-widget .contact-info li a:hover {
  color: var(--pink-dark);
}

/*
Copy Right Area Style
======================================================*/
.copy-right-area {
  padding-bottom: 30px;
}

.copy-right-area .copy-right-wrap {
  border-top: 1px solid rgba(229, 229, 229, 0.2);
  padding-top: 30px;
}

.copy-right-content p {
  color: #ffffff;
}

.copy-right-content p a {
  color: var(--pink-dark);
}

.copy-right-social-icon ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  text-align: right;
}

.copy-right-social-icon ul li {
  display: inline-block;
  margin-right: 5px;
}

.copy-right-social-icon ul li:last-child {
  margin-right: 0;
}

.copy-right-social-icon ul li a {
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: inline-block;
  font-size: 20px;
  color: var(--blue-deep);
}

.copy-right-social-icon ul li a:hover {
  background-color: #ffffff;
  color: var(--blue-deep);
}

/*
Page Banner Area Style
======================================================*/
.page-banner-area {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
  background-image: url('../images/banner/page-bg-1.jpg');
}

.page-banner-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    color-stop(18.1%, #ffffff),
    color-stop(58.56%, rgba(241, 247, 248, 0.2)),
    color-stop(65.36%, rgba(241, 247, 248, 0))
  );
  background: linear-gradient(
    270deg,
    #ffffff 18.1%,
    rgba(241, 247, 248, 0.2) 58.56%,
    rgba(241, 247, 248, 0) 65.36%
  );
  z-index: -1;
  -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
  transform: matrix(-1, 0, 0, 1, 0, 0);
}

.page-banner-area.bg-1 {
  background-image: url('../images/banner/page-bg-1.jpg');
}

.page-banner-content h2 {
  font-size: 80px;
  margin-bottom: 20px;
}

.page-banner-content ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  line-height: 1;
}

.page-banner-content ul li {
  display: inline-block;
  position: relative;
  margin-right: 30px;
}

.page-banner-content ul li::before {
  content: "";
  position: absolute;
  top: 1px;
  right: -19px;
  width: 1px;
  height: 100%;
  background-color: var(--blue-deep);
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
}

.page-banner-content ul li:last-child {
  margin-right: 0;
}

.page-banner-content ul li:last-child::before {
  display: none;
}

/*
Appointment Area Style
======================================================*/
.appointment-img {
  position: relative;
  z-index: 1;
  margin: 30px;
  margin-right: 50px;
}

.appointment-img::before {
  content: "";
  position: absolute;
  top: -20px;
  left: -20px;
  width: 400px;
  height: 400px;
  background-color: var(--pink-dark);
  z-index: -1;
}

.appointment-img::after {
  content: "";
  position: absolute;
  bottom: -20px;
  right: -20px;
  width: 400px;
  height: 400px;
  background-color: rgba(27, 60, 84, 0.2);
  z-index: -1;
}

.appointment-form {
  margin-left: 50px;
}

.appointment-form .form-group {
  margin-bottom: 30px;
}

.appointment-form .form-group label {
  font-size: 15px;
  margin-bottom: 8px;
}

.appointment-form .form-group .form-control {
  background-color: #ffffff;
}

/*
Contact Area CSS
=====================================================*/
.contact-area .section-title h2 {
  font-size: 30px;
}

.contact-info-content {
  max-width: 475px;
  margin-left: auto;
}

.contact-info-content h2 {
  font-size: 30px;
  margin-bottom: 40px;
}

.contact-info-content ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.contact-info-content ul li {
  position: relative;
  padding-left: 75px;
  margin-bottom: 30px;
}

.contact-info-content ul li:last-child {
  margin-bottom: 0;
}

.contact-info-content ul li h3 {
  font-size: 20px;
}

.contact-info-content ul li i {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #ffffff;
  border-radius: 50%;
  font-size: 20px;
  color: var(--blue-deep);
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.contact-info-content ul li .icon {
  position: absolute;
  top: -5px;
  left: 0;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background-color: #ffffff;
  border-radius: 50%;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.contact-info-content ul li:hover .icon {
  background-color: var(--pink-dark);
}

.contact-info-content ul li:hover .icon img {
  -webkit-filter: brightness(10);
  filter: brightness(10);
}

.contact-info-content ul li:hover i {
  background-color: var(--pink-dark);
  color: #ffffff;
}

.maps-wrap iframe {
  display: block;
  width: 100%;
  height: 510px;
}

.contact-form {
  max-width: 860px;
  margin: auto;
  position: relative;
}

.contact-form .form-group {
  margin-bottom: 30px;
}

.contact-form .form-group label {
  margin-bottom: 8px;
  font-size: 15px;
}

.contact-form .form-check {
  padding-left: 12px;
}

.contact-form .form-check label {
  margin-bottom: 0;
}

.contact-form .form-check a {
  color: var(--pink-dark);
}

.list-unstyled {
  color: #dc3545;
  margin-top: 10px;
  font-size: 14px;
}

.hidden {
  display: none;
}

#msgSubmit {
  margin-top: 30px;
  font-size: 20px;
}


/*
Error Area CSS
=====================================================*/
.error-content {
  text-align: center;
  position: relative;
}

.error-content .default-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 200px;
}


/*
Services Details Area Style
=====================================================*/
.services-details img {
  margin-bottom: 30px;
}

.services-details h3 {
  font-size: 36px;
}

.services-details h4 {
  font-size: 22px;
  margin-top: 30px;
  margin-bottom: 10px;
}

.services-details h2 {
  margin-bottom: 40px;
}

.services-details ul {
  padding-left: 30px;
  margin-bottom: 30px;
  list-style-type: none;
}

.services-details ul li {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
}

.services-details ul li:last-child {
  margin-bottom: 0;
}

.services-details ul li i {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--pink-dark);
}

/*====================================================
OTHERS STYLE AREA
=====================================================*/
/*
Preloader Area Style*/
.preloader {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: #ffffff;
  top: 0;
  left: 0;
  z-index: 99999;
}

.preloader .lds-ripple {
  position: absolute;
  width: 80px;
  height: 80px;
  -webkit-animation: spin-six 1s infinite cubic-bezier(0.17, 0.72, 0.55, 1.66);
  animation: spin-six 1s infinite cubic-bezier(0.17, 0.72, 0.55, 1.66);
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-40px, -50px);
  transform: translate(-40px, -50px);
}

.preloader .preloader-container {
  width: 80px;
  height: 80px;
}

.preloader .petal {
  position: absolute;
  width: 30%;
  height: 50%;
  bottom: 50%;
  left: 50%;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
  border-radius: 50%;
  z-index: 2;
}

.preloader .petal::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  bottom: 0%;
  left: 0%;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
  border-radius: 50%;
  background-color: var(--pink-dark);
  z-index: 2;
  -webkit-animation: opacity-nine 0.4s infinite linear;
  animation: opacity-nine 0.4s infinite linear;
  opacity: 1;
  border-left: 1px solid #ffffff;
}

.preloader .petal:nth-of-type(6) {
  -webkit-transform: translate(-50%, 0%) rotate(225deg);
  transform: translate(-50%, 0%) rotate(225deg);
}

.preloader .petal:nth-of-type(6)::before {
  background-color: transparent;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.preloader .petal:nth-of-type(7) {
  -webkit-transform: translate(-50%, 0%) rotate(270deg);
  transform: translate(-50%, 0%) rotate(270deg);
}

.preloader .petal:nth-of-type(7)::before {
  background-color: transparent;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.preloader .petal:nth-of-type(8) {
  -webkit-transform: translate(-50%, 0%) rotate(315deg);
  transform: translate(-50%, 0%) rotate(315deg);
}

.preloader .petal:nth-of-type(8)::before {
  background-color: transparent;
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.preloader .petal:nth-of-type(1) {
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}

.preloader .petal:nth-of-type(1)::before {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.preloader .petal:nth-of-type(2) {
  -webkit-transform: translate(-50%, 0%) rotate(45deg);
  transform: translate(-50%, 0%) rotate(45deg);
}

.preloader .petal:nth-of-type(2)::before {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.preloader .petal:nth-of-type(3) {
  -webkit-transform: translate(-50%, 0%) rotate(90deg);
  transform: translate(-50%, 0%) rotate(90deg);
}

.preloader .petal:nth-of-type(3)::before {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.preloader .petal:nth-of-type(4) {
  -webkit-transform: translate(-50%, 0%) rotate(135deg);
  transform: translate(-50%, 0%) rotate(135deg);
}

.preloader .petal:nth-of-type(4)::before {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.preloader .petal:nth-of-type(5) {
  -webkit-transform: translate(-50%, 0%) rotate(180deg);
  transform: translate(-50%, 0%) rotate(180deg);
}

.preloader .petal:nth-of-type(5)::before {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.preloader .petal-1 {
  position: absolute;
  width: 30%;
  height: 50%;
  bottom: 50%;
  left: 50%;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
  border-radius: 50%;
  z-index: -1;
}

.preloader .petal-1::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  bottom: 0%;
  left: 0%;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
  border-radius: 50%;
  background-color: var(--pink-dark);
  z-index: 2;
  -webkit-animation: opacity-nine 0.8s infinite linear;
  animation: opacity-nine 0.8s infinite linear;
  opacity: 1;
}

.preloader .petal-1:nth-of-type(9) {
  -webkit-transform: translate(-50%, 0%) rotate(225deg);
  transform: translate(-50%, 0%) rotate(225deg);
}

.preloader .petal-1:nth-of-type(9)::before {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.preloader .petal-1:nth-of-type(10) {
  -webkit-transform: translate(-50%, 0%) rotate(270deg);
  transform: translate(-50%, 0%) rotate(270deg);
}

.preloader .petal-1:nth-of-type(10)::before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.preloader .petal-1:nth-of-type(11) {
  -webkit-transform: translate(-50%, 0%) rotate(315deg);
  transform: translate(-50%, 0%) rotate(315deg);
}

.preloader .petal-1:nth-of-type(11)::before {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.preloader .ball {
  position: absolute;
  width: 28%;
  height: 28%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 1px solid #ffffff;
  background-color: var(--pink-dark);
  z-index: 3;
}

.preloader.preloader-deactivate {
  visibility: hidden;
}

@-webkit-keyframes opacity-nine {
  0% {
    opacity: 1;
  }
  95% {
    opacity: 0.2;
  }
  100% {
    opacity: 0.2;
  }
}

@keyframes opacity-nine {
  0% {
    opacity: 1;
  }
  95% {
    opacity: 0.2;
  }
  100% {
    opacity: 0.2;
  }
}
Preloader Area Style*/
.preloader {
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
  pointer-events: auto;
}

.preloader.preloader-deactivate {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/*
Go Top Style*/
.go-top {
  position: fixed;
  cursor: pointer;
  right: 3%;
  top: 87%;
  background-color: var(--pink-dark);
  z-index: 4;
  width: 40px;
  text-align: center;
  height: 42px;
  line-height: 42px;
  -webkit-transform: scale(0);
  transform: scale(0);
  visibility: hidden;
  -webkit-transition: 0.9s;
  transition: 0.9s;
}

.go-top i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  color: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 20px;
}

.go-top i:last-child {
  opacity: 0;
  visibility: hidden;
  top: 60%;
}

.go-top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: var(--pink-dark);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.go-top:hover {
  color: #ffffff;
  background-color: var(--pink-dark);
}

.go-top:hover::before {
  opacity: 1;
  visibility: visible;
}

.go-top:hover i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden;
}

.go-top:hover i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%;
}

.go-top:focus {
  color: #ffffff;
}

.go-top:focus::before {
  opacity: 1;
  visibility: visible;
}

.go-top:focus i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden;
}

.go-top:focus i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%;
}

.go-top.active {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  right: 3%;
  top: 87%;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/*
Page-navigation Area Style*/
.pagination-area {
  margin-top: 10px;
}

.pagination-area .page-numbers {
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: var(--blue-deep);
  text-align: center;
  display: inline-block;
  position: relative;
  margin-left: 3px;
  margin-right: 3px;
  font-size: 16px;
  background-color: #f1f7f8;
  border-radius: 50px;
  font-weight: 700;
  font-size: 20px;
}

.pagination-area .page-numbers:hover {
  color: #ffffff;
  background-color: var(--pink-dark);
}

.pagination-area .page-numbers i {
  font-size: 20px;
  font-weight: normal;
  font-weight: 700;
}

.pagination-area .page-numbers.next {
  top: 2px;
}

.pagination-area .page-numbers.current {
  color: #ffffff;
  border-color: var(--pink-dark);
  background-color: var(--pink-dark);
}

/*
Animation Area Style*/
.delay-0-2s {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.delay-0-4s {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.delay-0-6s {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.delay-0-8s {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.delay-0-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
/*# sourceMappingURL=style.css.map */