/************ TABLE OF CONTENTS ***************

	-----------------
    01. THEME CSS
	-----------------
		1.1 Theme Default
		1.2 Common Classes
		1.3 Default Spacing

	-----------------
    02. COMPONENTS css
	-----------------
		2.1 Back to top
		2.2 Theme Settings
		2.3 Buttons
		2.4 Animations
		2.5 Preloader
		2.6 Background 
		2.7 Carousel
		2.8 Nice Select
		2.9 Pagination
		2.10 Offcanvas
		2.11 Breadcrumb
		2.12 Accordion
		2.13 Tab
		2.14 Modal
		2.15 Section Title
	-----------------
    03. HEADER CSS
	-----------------
		3.1 Header Style 1
		3.2 Header Style 2
		3.3 Header Style 3

    ---------------------------------
	04. MENU CSS
	---------------------------------
		4.1 Main menu css
		4.2 Meanmenu css

	---------------------------------
	05. BLOG CSS
	---------------------------------
		5.1 Postbox css
		5.2 Recent Post css
		5.3 Sidebar css

	---------------------------------
	06. FOOTER CSS
	---------------------------------
		6.1 Footer Style 1

	---------------------------------
	07. PAGES CSS
	---------------------------------
		7.1 About css
		7.2 Blog css
		7.3 brand css
		7.4 choose css
		7.5 contact css
		7.5 contact css
		7.7 cta css
		7.8 error css
		7.9 feature css
		8.0 getquote css
		8.1 insurance css
		8.2 portfolio css
		8.3 prizing css
		8.4 project css
		8.5 search css
		8.6 service css
		8.7 slider css
		8.8 team css
		8.9 testimonial css
		9.0 work css

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

/*----------------------------------------*/

/*  1.1 Theme Default
/*----------------------------------------*/

@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Fredoka+One&display=swap");
.mean-container .mean-nav ul li > a.mean-expand i,
.back-to-top-wrapper,
a,
button,
p,
input,
select,
textarea,
li,
.transition-3 {
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

.back-to-top-btn {
  -webkit-transition: transform 0.3s 0s ease-out;
  -moz-transition: transform 0.3s 0s ease-out;
  -ms-transition: transform 0.3s 0s ease-out;
  -o-transition: transform 0.3s 0s ease-out;
  transition: transform 0.3s 0s ease-out;
}

:root {
  /**
  @font family declaration
  */
  /*--tp-ff-body: Libre Baskerville", serif;*/
  --tp-ff-body: "DM Sans", sans-serif;
  /*--tp-ff-heading: "Fredoka One", cursive;*/
  --tp-ff-heading: "Libre Baskerville", serif;
  /*--tp-ff-heading: "DM Sans", sans-serif;*/
  --tp-ff-p: "DM Sans", sans-serif;
  --tp-ff-fontawesome: "Font Awesome 6 Pro";
  /**
  @color declaration
  */
  --tp-common-white: #fff;
  --tp-common-black: #000;
  --tp-heading-primary: #283734;
  --tp-grey-1: #fcfaf7;
  --tp-grey-2: #283734;
  --tp-grey-3: #f4f9f8;
  --tp-text-body: #6f7775;
  --tp-theme-1: #00715d;
  --tp-theme-2: #fbd45a;
  --tp-theme-3: #283734;
  --tp-border-primary: #00715d;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  max-width: 1200px;
  padding-right: var(--bs-gutter-x, 15px);
  padding-left: var(--bs-gutter-x, 15px);
}

.row {
  --bs-gutter-x: 30px;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul {
  list-style: none;
}
/*---------------------------------
	typography css start 
---------------------------------*/
html {
  overflow-x: hidden;
}
body {
  font-family: var(--tp-ff-body);
  font-size: 16px;
  line-height: 30px;
  overflow-x: hidden;
}

img {
  max-width: 100%;
}

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--tp-ff-heading);
  color: #2d3858;
  margin-top: 0px;
  font-weight: 600;
  line-height: 1.2;
  -webkit-transition: color 0.3s 0s ease-out;
  -moz-transition: color 0.3s 0s ease-out;
  -ms-transition: color 0.3s 0s ease-out;
  -o-transition: color 0.3s 0s ease-out;
  transition: color 0.3s 0s ease-out;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 16px;
}

ul {
  margin: 0px;
  padding: 0px;
}

p {
  font-family: var(--tp-ff-p);
  font-size: 16px;
  font-weight: 400;
  color: var(--tp-text-body);
  margin-bottom: 15px;
  line-height: 26px;
  margin: 0;
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}

a:focus,
a:hover {
  /*color: inherit;*/
  text-decoration: none;
}

a,
button {
  color: inherit;
  outline: none;
  border: none;
  background: transparent;
}

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="url"],
textarea {
  outline: none;
  background-color: rgba(239, 240, 242, 0);
  height: 33px;
  width: 100%;
  line-height: 54px;
  font-size: 16px;
  color: white;
  padding-right: 29px;
  border: none;
  border-bottom: 1px solid #fff;
}

[dir="rtl"] input[type="text"],
[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="tel"],
[dir="rtl"] input[type="number"],
[dir="rtl"] input[type="password"],
[dir="rtl"] input[type="url"],
[dir="rtl"] textarea {
  text-align: right;
}

input[type="text"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #6f7775;
}

input[type="text"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #6f7775;
}

input[type="text"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
textarea:-moz-placeholder {
  /* Firefox 4-18 */
  color: #6f7775;
}

input[type="text"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  /* IE 10+  Edge*/
  color: #6f7775;
}

input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="tel"]::placeholder,
input[type="number"]::placeholder,
input[type="password"]::placeholder,
input[type="url"]::placeholder,
textarea::placeholder {
  /* MODERN BROWSER */
  color: #6f7775;
}

input[type="color"] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  cursor: pointer;
  height: 100%;
  width: 100%;
  padding: 0;
  border-radius: 50%;
}

*::-moz-selection {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
  text-shadow: none;
}

::-moz-selection {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
  text-shadow: none;
}

::selection {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
  text-shadow: none;
}

*::-moz-placeholder {
  color: var(--tp-common-black);
  font-size: var(--tp-fz-body);
  opacity: 1;
}

*::placeholder {
  color: var(--tp-common-black);
  font-size: var(--tp-fz-body);
  opacity: 1;
}

.test-class {
  padding: 5px 20px;
  background-color: green;
  color: #000;
  position: relative;
  overflow: hidden;
}

.test-class::after,
.test-class::before {
  position: absolute;
  content: "";
  left: -23px;
  bottom: -7px;
  width: 79%;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
}

.test-class::before {
  left: auto;
  right: -23px;
  top: -7px;
  bottom: auto;
}

.test-class span {
  position: relative;
}

.test-class span::after,
.test-class span::before {
  position: absolute;
  content: "";
  left: -23px;
  bottom: -7px;
  width: 79%;
  height: 10px;
  background-color: red;
  border-radius: 50%;
}

.footer__subscribe-input input::placeholder {
  color: #98a8a5;
  opacity: 1;
}

.z-index-1 {
  position: relative;
  z-index: 1;
}

.z-index-2 {
  position: relative;
  z-index: 2;
}

.z-index-3 {
  position: relative;
  z-index: 3;
}

.z-index-4 {
  position: relative;
  z-index: 4;
}

.z-index-5 {
  position: relative;
  z-index: 5;
}

.z-index-6 {
  position: relative;
  z-index: 6;
}

.z-index-7 {
  position: relative;
  z-index: 7;
}

.z-index-8 {
  position: relative;
  z-index: 8;
}

.z-index-9 {
  position: relative;
  z-index: 9;
}

/*---------------------------------
    1.2 Common Classes
---------------------------------*/

.w-img img {
  width: 100%;
}

.m-img img {
  max-width: 100%;
}

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.z-index-1 {
  z-index: 1;
}

.z-index-11 {
  z-index: 11;
}

.overflow-y-visible {
  overflow-x: hidden;
  overflow-y: visible;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.include-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.demo {
  -webkit-transition: color 0.3s 0s linear;
  -moz-transition: color 0.3s 0s linear;
  -ms-transition: color 0.3s 0s linear;
  -o-transition: color 0.3s 0s linear;
  transition: color 0.3s 0s linear;
  -webkit-transition: color 0.3s linear, transform 0.2s ease;
  -moz-transition: color 0.3s linear, transform 0.2s ease;
  -ms-transition: color 0.3s linear, transform 0.2s ease;
  -o-transition: color 0.3s linear, transform 0.2s ease;
  transition: color 0.3s linear, transform 0.2s ease;
}

[dir="rtl"] .demo {
  margin-left: 0;
  margin-right: 15px;
}

div.demo img {
  margin-left: 10px;
}

[tp-theme="tp-theme-dark"] .demo {
  color: yellow;
}

/* dropcap */

.tp-dropcap::first-letter {
  font-size: 50px;
  font-weight: 700;
  float: left;
  text-align: center;
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  margin-right: 5px;
  line-height: inherit;
}

.class {
  stroke-dasharray: 189px, 191px;
  stroke-dashoffset: 0px;
}

/*---------------------------------
    1.3 Default Spacing
---------------------------------*/

/*----------------------------------------*/

/*  2.1 Back to top
/*----------------------------------------*/

.back-to-top-wrapper {
  position: fixed;
  right: 50px;
  bottom: 0;
  height: 44px;
  width: 44px;
  cursor: pointer;
  display: block;
  border-radius: 50%;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
}

@media (max-width: 767px) {
  .back-to-top-wrapper {
    right: 20px;
    bottom: 20px;
  }
}

.back-to-top-wrapper.back-to-top-btn-show {
  visibility: visible;
  opacity: 1;
  bottom: 50px;
}

.back-to-top-btn {
  display: inline-block;
  width: 44px;
  height: 44px;
  text-align: center;
  background: #283734;
  box-shadow: 0px 8px 16px rgba(3, 4, 28, 0.3);
  color: var(--tp-common-white);
  border-radius: 50%;
}

.back-to-top-btn svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}

.back-to-top-btn:hover {
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -o-transform: translateY(-4px);
  transform: translateY(-4px);
}

/*----------------------------------------*/

/*  2.2 Theme Settings
/*----------------------------------------*/

.tp-theme-settings-area {
  position: fixed;
  top: 50%;
  left: 0;
  width: 240px;
  background-color: #fff;
  border: 1px solid #eaeaef;
  -webkit-transform: translateY(-50%) translateX(-100%);
  -moz-transform: translateY(-50%) translateX(-100%);
  -ms-transform: translateY(-50%) translateX(-100%);
  -o-transform: translateY(-50%) translateX(-100%);
  transform: translateY(-50%) translateX(-100%);
  z-index: 991;
  direction: ltr;
  border-bottom-right-radius: 4px;
}

.tp-theme-settings-area.settings-opened {
  -webkit-transform: translateY(-50%) translateX(0%);
  -moz-transform: translateY(-50%) translateX(0%);
  -ms-transform: translateY(-50%) translateX(0%);
  -o-transform: translateY(-50%) translateX(0%);
  transform: translateY(-50%) translateX(0%);
}

.tp-theme-settings-area.settings-opened .tp-theme-settings-gear {
  opacity: 0;
}

.tp-theme-settings-area.settings-opened .tp-theme-settings-close {
  opacity: 1;
}

.tp-theme-settings-open {
  position: absolute;
  top: -1px;
  left: 100%;
}

.tp-theme-settings-open button {
  background-color: var(--tp-common-white);
  border: 1px solid #eaeaef;
  border-left: 0;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 24px;
  color: var(--tp-common-black);
  position: relative;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.tp-theme-settings-gear {
  display: inline-block;
  -webkit-animation: tp-theme-setting-spin 4s linear infinite;
  -moz-animation: tp-theme-setting-spin 4s linear infinite;
  -ms-animation: tp-theme-setting-spin 4s linear infinite;
  -o-animation: tp-theme-setting-spin 4s linear infinite;
  animation: tp-theme-setting-spin 4s linear infinite;
}

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

@-moz-keyframes tp-theme-setting-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-ms-keyframes tp-theme-setting-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

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

.tp-theme-settings-close {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}

.tp-theme-header-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 30px;
}

.tp-theme-wrapper {
  padding: 20px 30px 30px;
}

.tp-theme-toggle {
  text-align: center;
}

.tp-theme-toggle-main {
  display: inline-block;
  width: 160px;
  margin: auto;
  position: relative;
  z-index: 1;
  background-color: #f0f0f5;
  padding: 4px;
  border-radius: 20px;
}

.tp-theme-toggle-light,
.tp-theme-toggle-dark {
  display: inline-block;
  width: 48%;
  height: 26px;
  line-height: 26px;
}

.tp-theme-toggle input {
  display: none;
}

.tp-theme-toggle:hover {
  cursor: pointer;
}

.tp-theme-toggle label {
  color: var(--tp-common-black);
  font-size: 14px;
  font-weight: 500;
}

.tp-theme-toggle label:hover {
  cursor: pointer;
}

.tp-theme-toggle #tp-theme-toggler {
  display: none;
}

.tp-theme-toggle #tp-theme-toggler:checked + i {
  right: calc(50% - 4px);
}

.tp-theme-toggle-slide {
  position: absolute;
  top: 50%;
  right: 4px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50%;
  height: 26px;
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
  border-radius: 30px;
  -webkit-transform: translate3d(0, 0);
  transform: translate3d(0, 0);
  -webkit-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  -moz-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  -ms-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  -o-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  z-index: -1;
}

.tp-theme-dir {
  text-align: center;
}

.tp-theme-dir-main {
  display: inline-block;
  width: 160px;
  margin: auto;
  position: relative;
  z-index: 1;
  background-color: #f0f0f5;
  padding: 4px;
  border-radius: 20px;
}

.tp-theme-dir-ltr,
.tp-theme-dir-rtl {
  display: inline-block;
  width: 48%;
  height: 26px;
  line-height: 26px;
}

.tp-theme-dir input {
  display: none;
}

.tp-theme-dir:hover {
  cursor: pointer;
}

.tp-theme-dir label {
  color: var(--tp-common-black);
  font-size: 14px;
  font-weight: 500;
}

.tp-theme-dir label:hover {
  cursor: pointer;
}

.tp-theme-dir #tp-dir-toggler {
  display: none;
}

.tp-theme-dir #tp-dir-toggler:checked + i {
  right: calc(50% - 4px);
}

.tp-theme-dir-slide {
  position: absolute;
  top: 50%;
  right: 4px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50%;
  height: 26px;
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
  border-radius: 30px;
  -webkit-transform: translate3d(0, 0);
  transform: translate3d(0, 0);
  -webkit-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  -moz-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  -ms-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  -o-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  z-index: -1;
}

.tp-theme-color-item.active button::before {
  opacity: 1;
  visibility: visible;
}

.tp-theme-color-btn {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  position: relative;
}

.tp-theme-color-btn::before {
  position: absolute;
  content: "\f00c";
  font-weight: 600;
  font-family: var(--tp-ff-fontawesome);
  color: var(--tp-common-white);
  font-size: 16px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  opacity: 0;
  visibility: hidden;
}

.tp-theme-color-btn.tp-color-settings-btn[data-color="#F50963"] {
  background-color: #f50963;
}

.tp-theme-color-btn.tp-color-settings-btn[data-color="#008080"] {
  background-color: #008080;
}

.tp-theme-color-btn.tp-color-settings-btn[data-color="#F31E5E"] {
  background-color: #f31e5e;
}

.tp-theme-color-btn.tp-color-settings-btn[data-color="#AB6C56"] {
  background-color: #ab6c56;
  color: black;
}

.tp-theme-color-btn.tp-color-settings-btn[data-color="#4353FF"] {
  background-color: #4353ff;
}

.tp-theme-color-btn.tp-color-settings-btn[data-color="#3661FC"] {
  background-color: #3661fc;
}

.tp-theme-color-btn.tp-color-settings-btn[data-color="#2CAE76"] {
  background-color: #2cae76;
}

.tp-theme-color-btn.tp-color-settings-btn[data-color="#FF5A1B"] {
  background-color: #ff5a1b;
}

.tp-theme-color-btn.tp-color-settings-btn[data-color="#03041C"] {
  background-color: #03041c;
}

.tp-theme-color-btn.tp-color-settings-btn[data-color="#ED212C"] {
  background-color: #ed212c;
}

.tp-theme-color-input {
  margin-top: 15px;
}

.tp-theme-color-input h6 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
}

.tp-theme-color-input label {
  display: inline-block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: var(--tp-theme-1);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

.tp-theme-color-input label:hover {
  cursor: pointer;
}

.tp-theme-color-input input {
  display: none;
}

/*----------------------------------------*/

/*  2.3 Buttons
/*----------------------------------------*/

/* theme btn */

.tp-btn {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #f9f4e9;
  background: #2c395a;
  text-align: center;
  padding: 15px 49px;
  position: relative;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  transition: all 0.5s linear;
  overflow: hidden;
  z-index: 1;
}

.tp-btn:hover {
  color: var(--tp-common-white);
}

.tp-btn:hover::before {
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}

.tp-btn:hover::after {
  transform: translate3d(0, 0, 0);
  transition-duration: 0.05s;
  transition-delay: 0.4s;
  transition-timing-function: linear;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-btn {
    padding: 15px 45px;
  }
}

@media (max-width: 767px) {
  .tp-btn {
    padding: 15px 37px;
  }
}

.tp-btn::before {
  position: absolute;
  content: "";
  background-color: #283734;
  width: 120%;
  height: 0;
  padding-bottom: 120%;
  top: -110%;
  border-radius: 50%;
  left: -10%;
  transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);
  z-index: -1;
}

.tp-btn::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #283734;
  transform: translate3d(0, -100%, 0);
  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
  z-index: -1;
}

.tp-btn-3 {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: var(--tp-theme-3);
  background: #d5d5d5;
  text-align: center;
  font-family: var(--tp-ff-space);
  padding: 7px 35px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  transition: all 0.5s linear;
  overflow: hidden;
  z-index: 1;
}

.tp-btn-3:hover {
  color: #283734;
  background-color: var(--tp-common-white);
}

.tp-btn-3:hover::before {
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}

.tp-btn-3:hover::after {
  transform: translate3d(0, 0, 0);
  transition-duration: 0.05s;
  transition-delay: 0.4s;
  transition-timing-function: linear;
}

.tp-btn-3::before {
  position: absolute;
  content: "";
  background-color: #fff;
  width: 120%;
  height: 0;
  padding-bottom: 120%;
  top: -110%;
  border-radius: 50%;
  left: -10%;
  transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);
  z-index: -1;
}

.tp-btn-3::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transform: translate3d(0, -100%, 0);
  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
  z-index: -1;
}

.tp-btn-5 {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: var(--tp-common-white);
  background: var(--tp-theme-1);
  text-align: center;
  padding: 15px 43px;
  position: relative;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  transition: all 0.5s linear;
  overflow: hidden;
  z-index: 1;
}

.tp-btn-5:hover {
  color: var(--tp-common-white);
}

.tp-btn-5:hover::before {
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}

.tp-btn-5:hover::after {
  transform: translate3d(0, 0, 0);
  transition-duration: 0.05s;
  transition-delay: 0.4s;
  transition-timing-function: linear;
}

.tp-btn-5:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-grey-2);
}

.tp-btn-5::before {
  position: absolute;
  content: "";
  background-color: #283734;
  width: 120%;
  height: 0;
  padding-bottom: 120%;
  top: -110%;
  border-radius: 50%;
  left: -10%;
  transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);
  z-index: -1;
}

.tp-btn-5::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #283734;
  transform: translate3d(0, -100%, 0);
  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
  z-index: -1;
}

.tp-btn-black {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: var(--tp-common-white);
  background-color: var(--tp-grey-2);
  text-align: center;
  font-family: var(--tp-ff-space);
  padding: 15px 49px;
  position: relative;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  transition: all 0.5s linear;
  overflow: hidden;
  z-index: 1;
}

.tp-btn-black:hover {
  color: #283734;
}

.tp-btn-black:hover::before {
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}

.tp-btn-black:hover::after {
  transform: translate3d(0, 0, 0);
  transition-duration: 0.05s;
  transition-delay: 0.4s;
  transition-timing-function: linear;
}

@media (max-width: 767px) {
  .tp-btn-black {
    padding: 8px 36px;
  }
}

.tp-btn-black::before {
  position: absolute;
  content: "";
  background-color: var(--tp-common-white);
  width: 120%;
  height: 0;
  padding-bottom: 120%;
  top: -110%;
  border-radius: 50%;
  left: -10%;
  transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);
  z-index: -1;
}

.tp-btn-black::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 110%;
  height: 100%;
  background-color: var(--tp-common-white);
  transform: translate3d(0, -100%, 0);
  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
  z-index: -1;
}

.tp-btn-text {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: var(--tp-common-white);
  text-align: center;
  font-family: var(--tp-ff-space);
  position: relative;
  z-index: 1;
  overflow: hidden;
  letter-spacing: -0.02em;
  transition: 0.3s;
  text-transform: uppercase;
}

.tp-btn-text::before {
  position: absolute;
  content: "";
  background-color: #283734;
  width: 120%;
  height: 0;
  padding-bottom: 120%;
  top: -110%;
  border-radius: 50%;
  left: -10%;
  transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);
  z-index: -1;
}

.tp-btn-text::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #283734;
  transform: translate3d(0, -100%, 0);
  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
  z-index: -1;
}

.tp-btn-text:hover {
  color: #fbd45b;
}

.btn-link-sm {
  font-size: 14px;
  color: var(--tp-heading-primary);
  background: #f6eddf;
  padding: 5px 30px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  transition: all 0.5s linear;
  overflow: hidden;
  z-index: 1;
  position: relative;
  font-weight: 700;
}

.btn-link-sm:hover {
  color: var(--tp-common-white);
}

.btn-link-sm:hover::before {
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}

.btn-link-sm:hover::after {
  transform: translate3d(0, 0, 0);
  transition-duration: 0.05s;
  transition-delay: 0.4s;
  transition-timing-function: linear;
}

.btn-link-sm::before {
  position: absolute;
  content: "";
  background-color: #283734;
  width: 120%;
  height: 0;
  padding-bottom: 120%;
  top: -110%;
  border-radius: 50%;
  left: -10%;
  transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);
  z-index: -1;
}

.btn-link-sm::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #283734;
  transform: translate3d(0, -100%, 0);
  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
  z-index: -1;
}

.tp-btn-4 {
  color: #6f7775;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.tp-btn-4:hover {
  color: #283734;
}

/*----------------------------------------*/

/*  2.4 Animations
/*----------------------------------------*/

/* pulse effect animation */

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

@-webkit-keyframes lineDash {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: 1000;
  }
}

@keyframes lineDash {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: 1000;
  }
}

@keyframes moving {
  0% {
    transform: translatey(0px);
  }
  25% {
    transform: translatex(20px);
  }
  50% {
    transform: translatey(-20px);
  }
  75% {
    transform: translatex(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}

@-webkit-keyframes animate_right {
  50% {
    -ms-transform: translate(200px, -200px) rotate(180deg);
    -webkit-transform: translate(200px, -200px) rotate(180deg);
    transform: translate(200px, -200px) rotate(180deg);
  }
}

@keyframes animate_right {
  50% {
    -ms-transform: translate(200px, -200px) rotate(180deg);
    -webkit-transform: translate(200px, -200px) rotate(180deg);
    transform: translate(200px, -200px) rotate(180deg);
  }
}

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

@keyframes tp-ripple {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2),
      0 0 0 30px rgba(255, 255, 255, 0.356), 0 0 0 40px rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 0 rgba(248, 248, 248, 0.2),
      0 0 0 30px rgba(252, 252, 252, 0.2), 0 0 0 40px rgba(247, 246, 245, 0.2);
  }
  100% {
    -webkit-box-shadow: 0 0 0 30px rgba(252, 252, 252, 0.2),
      0 0 0 40px rgba(255, 255, 255, 0.2), 0 0 0 50px rgba(243, 243, 243, 0);
    box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.2),
      0 0 0 40px rgba(250, 250, 250, 0.2), 0 0 0 60px rgba(255, 255, 255, 0);
  }
}

@keyframes tfLeftToRight {
  49% {
    transform: translateX(30%);
  }
  50% {
    opacity: 0;
    transform: translateX(-30%);
  }
  51% {
    opacity: 1;
  }
}

@keyframes float-bob-y {
  0% {
    transform: translateY(-20px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(-20px);
  }
}

@-webkit-keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes lineDash {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: 1000;
  }
}

@keyframes lineDash {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: 1000;
  }
}

@-webkit-keyframes lineDash-2 {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: -1000;
  }
}

@keyframes lineDash-2 {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: -1000;
  }
}

@-moz-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}

@-ms-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}

@-webkit-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}

@keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}

@-moz-keyframes headerSlideUp {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: -150px;
  }
}

@-ms-keyframes headerSlideUp {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: -150px;
  }
}

@-webkit-keyframes headerSlideUp {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: -150px;
  }
}

@keyframes headerSlideUp {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: -150px;
  }
}

/*----------------------------------------*/

/*  2.5 Preloader
/*----------------------------------------*/

#loading {
  background-color: #fff;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 999;
  margin-top: 0px;
  top: 0px;
}

#loading-center {
  width: 100%;
  height: 100%;
  position: relative;
}

#loading-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 60px;
  width: 60px;
  margin-top: -30px;
  margin-left: -30px;
  -webkit-animation: loading-center-absolute 1s infinite;
  animation: loading-center-absolute 1s infinite;
}

.object {
  width: 20px;
  height: 20px;
  background-color: var(--tp-theme-1);
  float: left;
  -moz-border-radius: 50% 50% 50% 50%;
  -webkit-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  margin-right: 20px;
  margin-bottom: 20px;
}

.object:nth-child(2n + 0) {
  margin-right: 0px;
}

#object_one {
  -webkit-animation: object_one 1s infinite;
  animation: object_one 1s infinite;
}

#object_two {
  -webkit-animation: object_two 1s infinite;
  animation: object_two 1s infinite;
}

#object_three {
  -webkit-animation: object_three 1s infinite;
  animation: object_three 1s infinite;
}

#object_four {
  -webkit-animation: object_four 1s infinite;
  animation: object_four 1s infinite;
}

@-webkit-keyframes loading-center-absolute {
  100% {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loading-center-absolute {
  100% {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes object_one {
  50% {
    -ms-transform: translate(20px, 20px);
    -webkit-transform: translate(20px, 20px);
    transform: translate(20px, 20px);
  }
}

@keyframes object_one {
  50% {
    -ms-transform: translate(20px, 20px);
    -webkit-transform: translate(20px, 20px);
    transform: translate(20px, 20px);
  }
}

@-webkit-keyframes object_two {
  50% {
    -ms-transform: translate(-20px, 20px);
    -webkit-transform: translate(-20px, 20px);
    transform: translate(-20px, 20px);
  }
}

@keyframes object_two {
  50% {
    -ms-transform: translate(-20px, 20px);
    -webkit-transform: translate(-20px, 20px);
    transform: translate(-20px, 20px);
  }
}

@-webkit-keyframes object_three {
  50% {
    -ms-transform: translate(20px, -20px);
    -webkit-transform: translate(20px, -20px);
    transform: translate(20px, -20px);
  }
}

@keyframes object_three {
  50% {
    -ms-transform: translate(20px, -20px);
    -webkit-transform: translate(20px, -20px);
    transform: translate(20px, -20px);
  }
}

@-webkit-keyframes object_four {
  50% {
    -ms-transform: translate(-20px, -20px);
    -webkit-transform: translate(-20px, -20px);
    transform: translate(-20px, -20px);
  }
}

@keyframes object_four {
  50% {
    -ms-transform: translate(-20px, -20px);
    -webkit-transform: translate(-20px, -20px);
    transform: translate(-20px, -20px);
  }
}

/*----------------------------------------*/

/*  2.6 Background
/*----------------------------------------*/

.grey-bg-1 {
  background: var(--tp-grey-1);
}

.grey-bg-2 {
  /* background: #f8f8f8; */
}

.grey-bg-3 {
  background: var(--tp-grey-3);
}

.white-bg {
  background: var(--tp-common-white);
}

.black-bg {
  background: var(--tp-common-black);
}

.theme-bg {
  background: var(--tp-theme-2);
}

.theme-bg-2 {
  background: var(--tp-theme-1);
}

.black-color {
  color: #283734 !important;
}

/*----------------------------------------*/

/*  2.7 Carousel
/*----------------------------------------*/

/* tp range slider css */

.tp-range-slider .inside-slider {
  padding-left: 7px;
  padding-right: 17px;
}

.tp-range-slider .noUi-target {
  background-color: #191c3c;
  border-radius: 12px;
  border: 0;
  box-shadow: none;
}

.tp-range-slider .noUi-connect {
  background-color: var(--tp-theme-primary);
}

.tp-range-slider .noUi-horizontal {
  height: 6px;
}

.tp-range-slider .noUi-handle {
  height: 24px;
  width: 24px;
  background-color: var(--tp-theme-primary);
  border-radius: 50%;
  border: 4px solid var(--tp-common-white);
  box-shadow: 0px 4px 10px rgba(5, 9, 43, 0.3);
  top: -9px;
}

.tp-range-slider .noUi-handle:hover {
  cursor: pointer;
}

.tp-range-slider .noUi-handle::before,
.tp-range-slider .noUi-handle::after {
  display: none;
}

.tp-range-slider-dark .noUi-handle {
  border: 4px solid #2d314b;
}

/* tp swiper slider dot */

.tp-swiper-dot .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background-color: var(--tp-grey-1);
  opacity: 1;
  margin: 0 9px;
  position: relative;
}

.tp-swiper-dot .swiper-pagination-bullet::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: calc(100% + 16px);
  height: calc(100% + 16px);
  background-color: transparent;
  border: 2px solid transparent;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0);
}

.tp-swiper-dot .swiper-pagination-bullet button {
  font-size: 0;
}

.tp-swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--tp-theme-primary);
}

.tp-swiper-dot
  .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  border-color: var(--tp-theme-primary);
  transform: translate(-50%, -50%) scale(1);
}

.tp-swiper-arrow {
  width: 80px;
  height: 80px;
  line-height: 80px;
  font-size: 20px;
  text-align: center;
  background-color: var(--tp-common-white);
  color: var(--tp-common-black);
}

.tp-swiper-arrow:hover {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
}

/* tp slick arrow */

/*----------------------------------------*/

/*  2.8 Nice Select
/*----------------------------------------*/

.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
}

.nice-select:hover {
  border-color: #dbdbdb;
}

.nice-select:active,
.nice-select.open,
.nice-select:focus {
  border-color: #999;
}

.nice-select::after {
  background-color: transparent;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: 0;
  right: 0;
  content: "\f107";
  font-family: var(--tp-ff-fontawesome);
  transform-origin: center;
  color: var(--tp-common-black);
  font-weight: 500;
  height: auto;
  width: auto;
}

.nice-select.open::after {
  -webkit-transform: translateY(-50%) rotate(-180deg);
  -moz-transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  -o-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}

.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}

.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}

.nice-select.disabled::after {
  border-color: #cccccc;
}

.nice-select.wide {
  width: 100%;
}

.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}

.nice-select.right {
  float: right;
}

.nice-select.right .list {
  left: auto;
  right: 0;
}

.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}

.nice-select.small::after {
  height: 4px;
  width: 4px;
}

.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}

.nice-select .list {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25),
    opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
}

.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.nice-select .option.selected {
  font-weight: bold;
}

.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default;
}

.no-csspointerevents .nice-select .list {
  display: none;
}

.no-csspointerevents .nice-select.open .list {
  display: block;
}

/*----------------------------------------*/

/*  2.9 Pagination
/*----------------------------------------*/

.tp-pagination ul li {
  display: inline-block;
}

.tp-pagination ul li:not(:last-child) {
  margin-right: 10px;
}

.tp-pagination ul li a,
.tp-pagination ul li span {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 46px;
  text-align: center;
  border-radius: 7px;
  border: 2px solid #f1f1f1;
  font-size: 18px;
  font-weight: 600;
}

.tp-pagination ul li a:hover,
.tp-pagination ul li a.current,
.tp-pagination ul li span:hover,
.tp-pagination ul li span.current {
  background: var(--tp-theme-primary);
  border-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}

/*----------------------------------------*/

/*  2.10 Offcanvas
/*----------------------------------------*/

.tpoffcanvas {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: fixed;
  top: 0;
  right: -100%;
  width: 400px;
  bottom: 0;
  box-shadow: 0 16px -32px 0 rgba(0, 0, 0, 0.8);
  background: var(--tp-common-white);
  z-index: 9999;
  padding: 50px;
  scrollbar-width: none;
  opacity: 0;
  visibility: hidden;
  transition: 0.45s ease-in-out;
  overflow-y: scroll;
}

.tpoffcanvas.opened {
  opacity: 1;
  visibility: visible;
}

.tpoffcanvas__title {
  font-size: 24px;
  color: var(--tp-heading-primary);
  margin-bottom: 10px;
  font-weight: 400;
}

.tpoffcanvas__contact-content {
  margin-bottom: 10px;
}

.tpoffcanvas__contact-content-icon i {
  color:#1d2a5a;
  width: 30px;
}

.tpoffcanvas__contact-content-content a {
  font-size: 16px;
  color: var(--tp-text-body);
}

.tpoffcanvas__contact {
  margin-bottom: 30px;
}

.tpoffcanvas__social {
  margin-bottom: 22px;
  padding-bottom: 40px;
}

.tpoffcanvas__social .icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: transparent;
  color: var(--tp-common-white);
  margin-right: 5px;
  transition: all 0.3s ease-in-out;
}

.tpoffcanvas__social .icon.facebook {
  background-color: #4661c5;
}

.tpoffcanvas__social .icon.twitter {
  background-color: #4ccef9;
}

.tpoffcanvas__social .icon.youtube {
  background-color: #ff0000;
}

.tpoffcanvas__social .icon.linkedin {
  background-color: #c82626;
}

.tpoffcanvas__social .icon:hover {
  transform: translateY(-8px);
}

@media (max-width: 767px) {
  .tpoffcanvas {
    width: 300px;
    padding: 40px 35px;
  }
  .blog__one-item-image-date {
 
  right: 5px !important;
  bottom: 53px !important;
  
}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpoffcanvas {
    width: 400px;
    padding: 40px;
  }
}

.tpoffcanvas.opened {
  right: 0;
  -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-duration: 0.6s;
  z-index: 99999999;
}

.tpoffcanvas__logo {
  margin-bottom: 40px;
}

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

.tpoffcanvas__logo img {
  width: 157px;
  height: 100%;
}

.tpoffcanvas__instagram {
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .tpoffcanvas__instagram {
    text-align: left;
  }
}

.tpoffcanvas__instagram img {
  width: 80px;
  margin: 0px 5px;
  margin-bottom: 15px;
}

.tpoffcanvas__instagram-title h4 {
  color: var(--tp-common-white);
  text-transform: capitalize;
  margin-bottom: 30px;
}

.tpoffcanvas__close-btn button {
  position: absolute;
  right: 50px;
  top: 50px;
  transition: 1s;
  -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-duration: 0.3s;
  height: 50px;
  width: 50px;
  background-color: var(--tp-common-white);
  color: var(--tp-common-black);
}

.tpoffcanvas__close-btn button i {
  font-weight: 300;
  font-size: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpoffcanvas__close-btn button {
    font-size: 28px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpoffcanvas__close-btn button {
    right: 23px;
    top: 34px;
  }
}

@media (max-width: 767px) {
  .tpoffcanvas__close-btn button {
    font-size: 28px;
    right: 23px;
    top: 36px;
  }
}

.tpoffcanvas__content {
  margin-bottom: 30px;
}

.tpoffcanvas__content p {
  font-size: 16px;
  color: var(--tp-common-white);
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 25px;
}

.tpoffcanvas__content span {
  color: var(--tp-common-white);
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 5px;
  display: inline-block;
}

.tpoffcanvas__content a {
  font-size: 30px;
  line-height: 51px;
  font-weight: 700;
  color: var(--tp-common-white);
  display: inline-block;
}

@media (max-width: 767px) {
  .tpoffcanvas__content a {
    font-size: 27px;
  }
}

.tpoffcanvas__social .social-icon a {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  background-color: var(--tp-common-white);
  color: var(--tp-theme-1);
  margin-right: 15px;
  transition: 0.3s;
  display: inline-block;
  border-radius: 10px;
}

@media (max-width: 767px) {
  .tpoffcanvas__social .social-icon a {
    margin-right: 3px;
  }
}

.tpoffcanvas__social .social-icon a:hover {
  background-color: var(--tp-theme-1);
  color: var(--tp-common-white);
}

.tpoffcanvas__info {
  margin-bottom: 40px;
}

.tpoffcanvas__info .offcanva-title {
  color: var(--tp-common-white);
  padding-bottom: 5px;
}

.tpoffcanvas__info a {
  color: var(--tp-common-white) 9;
  line-height: 1.2;
}

/*----------------------------------------*/

/*  2.11 Breadcrumb
/*----------------------------------------*/

.breadcrumb__title {
  font-size: 46px;
  color: var(--tp-common-white);
}

.breadcrumb__list span {
  font-weight: 500;
  color: var(--tp-common-white);
  padding-right: 3px;
  margin-right: 3px;
  text-transform: uppercase;
}

.breadcrumb__list span a {
  color: #fbd663;
  font-size: 14px;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
}

.breadcrumb__list span a:hover {
  color: var(--tp-theme-primary);
}

.breadcrumb__bg {
  background-size: cover;
  background-repeat: no-repeat;
}

.breadcrumb__bg__overlay {
  position: relative;
  background-color: #13302b;
  background-blend-mode: luminosity;
  z-index: -1;
}

.breadcrumb__bg__overlay::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #091e1a;
  z-index: 99;
  mix-blend-mode: luminosity;
  opacity: 0.75;
}

.breadcrumb__content {
  z-index: 444;
}

/*----------------------------------------*/

/*  2.12 Accordion
/*----------------------------------------*/

.accordion-style .card {
  box-shadow: none;
  margin-top: 0 !important;
  border: none;
  box-shadow: 0px 3px 10px 0px rgba(41, 45, 194, 0.08);
  border: 2px solid #f4f4f4;
}

.accordion-style .card-header {
  border: 0px;
  padding: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  background: none;
}

.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius)
    var(--bs-card-inner-border-radius) 0 0;
}

.accordion-right-img .video-icon {
  position: absolute;
  bottom: 0;
  text-align: center;
  left: 0;
  height: 60px;
  width: 60px;
  background: #fbd663;
  line-height: 60px;
  cursor: pointer;
  -webkit-animation: tp-ripple 1.2s linear infinite;
  animation: tp-ripple 1.2s linear infinite;
  transition: 0.5s;
  -webkit-transition: 0.5s;
}

.accordion-style .btn-link {
  color: var(--tp-heading-primary);
  line-height: 20px;
  position: relative;
  display: block;
  width: 100%;
  text-align: left;
  white-space: normal;
  border-radius: 4px;
  padding: 20px 35px 20px 20px;
  font-weight: 700;
  text-decoration: none;
}

.accordion-style .btn-link.collapsed:after {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
}

.accordion-style .btn-link:after {
  content: "";
  right: 17px;
  font-size: 18px;
  height: 30px;
  transform: none;
  width: 30px;
  top: 16px;
  position: absolute;
  color: var(--tp-heading-primary);
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  transition: 0.4s;
  background: #fbd45b;
  line-height: 30px;
  text-align: center;
  border-radius: 30px;
  font-weight: 400;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .accordion-style .btn-link:after {
    top: 26px;
  }
}

.accordion-style .card {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.04);
}

.accordion-right-img .video-icon a {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #fbd663;
  color: var(--tp-heading-primary);
  height: 60px;
  width: 60px;
  text-align: center;
  line-height: 60px;
  transition: 0.3s;
  font-size: 20px;
}

.accordion-right-img .video-icon a.popup-video {
  border-radius: 0 !important;
}

.accordion-right-img .video-icon a i {
  transition: 0.4s;
}

.accordion-right-img .video-icon a:hover {
  background: #00715d;
}

.accordion-right-img .video-icon a:hover i {
  color: #fff;
}

button:focus:not(:focus-visible) {
  box-shadow: none;
}

.accordion-style .show {
  border-top: 1px solid #f1f2f2;
}

.card-body {
  color: var(--tp-text-body);
  padding: 30px 30px;
  padding-top: 26px;
}

.tp-accordion-2__icon_s {
  font-size: 60px;
  color: var(--tp-theme-1);
  margin-right: 13px;
  margin-top: -30px;
}

.tp-accordion-2__content .tite {
  font-size: 22px;
  color: var(--tp-heading-primary);
}

.tp-accordion-2__content .title_20 {
  font-size: 16px;
  color: var(--tp-text-body);
  padding-right: 29px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-accordion-2__content .title_20 {
    padding-right: 0px;
  }
}

@media (max-width: 767px) {
  .tp-accordion-2__content .title_20 {
    padding-right: 0px;
  }
}

.help-list ul {
  display: inline-block;
}

.help-list ul li {
  width: 50%;
  float: left;
  list-style: none;
  margin-bottom: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .help-list ul li {
    width: 100%;
    display: flex;
  }
}

.help-list ul li i {
  color: var(--tp-theme-1);
  margin-right: 15px;
  margin-top: 8px;
}

.help-list ul li span {
  font-size: 18px;
  color: var(--tp-heading-primary);
  font-weight: 400;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .pe-xl-6 {
    margin-left: 0;
  }
}

.tp-faq-inner-bg {
  background-color: #fcfaf7;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  height: 100%;
  width: 53%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px),
  only screen and (min-width: 576px) and (max-width: 767px) {
  .accordion-padding {
    padding-bottom: 70px;
    padding-top: 70px;
  }
}

.tp-accordion-bg-shap {
  position: absolute;
  right: -603px;
  top: -283px;
  animation: animationglob 30s cubic-bezier(1, 0.99, 0.03, 0.01) infinite;
}

@media (max-width: 767px) {
  .tp-accordion-bg-shap {
    right: 0;
    top: 0;
  }
}

/*----------------------------------------*/

/*  2.13 Tab
/*----------------------------------------*/

.tp-tab .nav-tabs {
  padding: 0;
  margin: 0;
  border: 0;
}

.tp-tab .nav-tabs .nav-link {
  padding: 0;
  margin: 0;
  border: 0;
}

/* 14. ========= search-modal ========== */

/* search css start */

.search__popup {
  padding-top: 70px;
  padding-bottom: 100px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 380px;
  background: rgba(0, 0, 0, 0.1803921569);
  backdrop-filter: blur(10px);
  z-index: 99;
  -webkit-transform: translateY(calc(-100% - 80px));
  -moz-transform: translateY(calc(-100% - 80px));
  -ms-transform: translateY(calc(-100% - 80px));
  -o-transform: translateY(calc(-100% - 80px));
  transform: translateY(calc(-100% - 80px));
  -webkit-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition-delay: 0.5s;
}

.search__popup.search-opened {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  transition-delay: 0s;
}

.search__popup.search-opened .search__input {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  transition-delay: 0.3s;
}

.search__popup.search-opened .search__input::after {
  width: 100%;
  transition-delay: 0.5s;
}

.search__popup-2 {
  background-color: var(--tp-common-black-13);
}

.search__popup-2 .search__input .search-input-field ~ .search-focus-border {
  background-color: var(--tp-theme-8);
}

.search__popup-3 .search__input .search-input-field ~ .search-focus-border {
  background-color: var(--tp-theme-10);
}

.search__top {
  margin-bottom: 80px;
}

.search__top .search__logo img {
  max-width: 160px;
}

.search__input {
  position: relative;
  height: 80px;
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  transition: all 0.3s ease-in-out;
  transition-delay: 0.5s;
  opacity: 0;
}

.search__input::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 0%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3);
  transition-delay: 0.3s;
  transition: all 0.3s ease-in-out;
}

.search__input input {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 0;
  outline: 0;
  font-size: 24px;
  color: var(--tp-common-white);
  border-bottom: 1px solid transparent;
  padding: 0;
  padding-right: 30px;
}

.search__input input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}

.search__input input::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}

.search__input input:-moz-placeholder {
  /* Firefox 4-18 */
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}

.search__input input:-ms-input-placeholder {
  /* IE 10+  Edge*/
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}

.search__input input::placeholder {
  /* MODERN BROWSER */
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}

.search__input button {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 18px;
  color: var(--tp-common-white);
}

.search__input .search-input-field ~ .search-focus-border {
  position: absolute;
  bottom: 0;
  left: auto;
  right: 0;
  width: 0;
  height: 1px;
  background-color: var(--tp-common-white);
  transition: all 0.5s;
}

.search__input .search-input-field:focus ~ .search-focus-border {
  width: 100%;
  left: 0;
  right: auto;
  transition: all 0.5s;
}

.search__close-btn {
  font-size: 25px;
  color: rgba(255, 255, 255, 0.3);
}

.search__close-btn:hover {
  color: var(--tp-common-white);
}

.search__result-title {
  font-size: 50px;
  letter-spacing: -0.04em;
  margin-bottom: 0;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .search__result-title {
    font-size: 40px;
  }
}

@media (max-width: 767px) {
  .search__result-title {
    font-size: 35px;
  }
}

.search__result-title span {
  color: var(--tp-theme-primary);
  display: inline-block;
}

.search__result-content p {
  font-size: 16px;
  line-height: 1.62;
  color: var(--tp-text-1);
}

.search__result-input {
  position: relative;
}

.search__result-input-box {
  position: relative;
  margin-bottom: 20px;
}

.search__result-input-box button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 22px 43px;
}

@media (max-width: 767px) {
  .search__result-input-box button {
    position: relative;
    margin-top: 15px;
  }
}

.search__result-input-box button:hover {
  background-color: var(--tp-common-black);
}

.search__result-input input {
  width: 100%;
  height: 70px;
  padding-left: 60px;
  padding-right: 177px;
  background-color: var(--tp-common-white);
  border: 1px solid var(--tp-common-white);
  box-shadow: -3px 0px 0px var(--tp-theme-1), 0px 1px 2px rgba(3, 4, 28, 0.14);
}

@media (max-width: 767px) {
  .search__result-input input {
    padding-right: 25px;
  }
}

.search__result-input span {
  position: absolute;
  top: 50%;
  left: 30px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 18px;
  color: #a0a0b5;
}

.search__result-input span svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}

.search__result-tags a {
  display: inline-block;
  font-family: var(--tp-ff-space);
  font-size: 13px;
  font-weight: 500;
  border: 1px solid #d5d5dd;
  padding: 5px 18px;
  line-height: 1;
  margin-right: 2px;
  margin-bottom: 7px;
}

.search__result-tags a:hover {
  background-color: var(--tp-theme-primary);
  border-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}

.search__blog-item {
  padding: 50px 50px;
  border: 1px solid #eaeaef;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .search__blog-item {
    padding: 30px 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .search__blog-item {
    padding: 25px;
  }
}

@media (max-width: 767px) {
  .search__blog-item {
    padding: 20px;
  }
}

.search__blog-title {
  font-size: 30px;
  line-height: 1.2;
  letter-spacing: -0.04em;
  margin-bottom: 13px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .search__blog-title {
    font-size: 28px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .search__blog-title {
    font-size: 21px;
  }
  .search__blog-title br {
    display: none;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .search__blog-title br {
    display: none;
  }
}

@media (max-width: 767px) {
  .search__blog-title {
    font-size: 25px;
  }
}

.search__blog-title a:hover {
  color: var(--tp-theme-primary);
}

.search__blog-tag {
  margin-bottom: 10px;
}

[dir="rtl"] .search__blog-tag {
  margin-right: 0;
  margin-left: 15px;
}

.search__blog-tag a {
  display: inline-block;
  background-color: rgba(99, 100, 219, 0.06);
  font-family: var(--tp-ff-space);
  font-weight: 500;
  font-size: 15px;
  line-height: 1;
  color: var(--tp-common-purple);
  padding: 4px 12px;
}

.search__blog-tag a:hover {
  background-color: var(--tp-common-purple);
  color: var(--tp-common-white);
}

.search__blog-meta span {
  color: var(--tp-text-1);
  margin-right: 15px;
  margin-bottom: 10px;
  display: inline-block;
}

.search__blog-meta span i,
.search__blog-meta span svg {
  margin-right: 2px;
}

[dir="rtl"] .search__blog-meta span i,
[dir="rtl"] .search__blog-meta span svg {
  margin-right: 2px;
  margin-left: 2px;
}

.search__blog-meta span svg {
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
}

.search__blog-meta span svg path {
  stroke: #7a7e83;
}

.search__blog-meta-author {
  margin-bottom: 10px;
}

[dir="rtl"] .search__blog-meta-author {
  margin-right: 0;
  margin-left: 45px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .search__blog-meta-author {
    margin-right: 20px;
  }
}

.search__blog-meta-author-thumb img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 10px;
}

[dir="rtl"] .search__blog-meta-author-thumb img {
  margin-right: 0;
  margin-left: 10px;
}

.search__blog-meta-author-content span {
  display: inline-block;
  font-family: var(--tp-ff-inter);
  font-size: 14px;
  color: #7a7e83;
}

.search__blog-meta-author-content span a {
  color: var(--tp-common-black-11);
  font-weight: 500;
}

.search__blog-meta-author-content span a:hover {
  color: var(--tp-theme-primary);
}

.search__blog-content p {
  font-size: 15px;
  line-height: 1.47;
  color: var(--tp-text-1);
  margin-bottom: 20px;
}

.search__blog-btn .tp-btn-border {
  padding: 8px 29px;
}

.search__blog-btn .tp-btn-border svg,
.search__blog-btn .tp-btn-border i {
  margin-left: 5px;
}

[dir="rtl"] .search__blog-btn .tp-btn-border svg,
[dir="rtl"] .search__blog-btn .tp-btn-border i {
  margin-left: 5px;
  margin-right: 5px;
}

.search__blog-btn .tp-btn-border svg {
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
}

.search__blog-btn .tp-btn-border:hover {
  background-color: var(--tp-theme-primary);
  border-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}

/*----------------------------------------*/

/*  2.15 Section Title
/*----------------------------------------*/

.section__title {
  font-size: 60px;
  color: var(--tp-common-black);
  font-weight: var(--tp-fw-bold);
  text-transform: uppercase;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .section__title {
    font-size: 45px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section__title {
    font-size: 35px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section__title {
    font-size: 45px;
  }
}

@media (max-width: 767px) {
  .section__title {
    font-size: 30px;
  }
}

.section__title-pre {
  font-size: 14px;
  font-weight: var(--tp-fw-bold);
  color: var(--tp-theme-primary);
  display: inline-block;
  text-transform: uppercase;
}

.tp-section-subtitle {
  color: #00715d;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 2px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-title br {
    font-size: 34px;
    line-height: 30px;
  }
}

.tp-section-title {
  font-size: 35px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-section-title {
    font-size: 34px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-section-title {
    font-size: 39px;
  }
}

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

@media (max-width: 767px) {
  .tp-section-title br {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-section-pre {
    margin-top: 12px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .tp-section-pre {
    margin-top: 0;
    margin-bottom: 30px;
  }
}

.subtitle-before {
  position: relative;
}

.subtitle-before::after {
  top: -5px;
  width: 30px;
  height: 2px;
  content: "";
  background: #fbd45a;
  display: inline-block;
  right: -11px;
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-section-box {
    margin-bottom: 0;
  }
}

/*----------------------------------------*/

/*  3.1 Header Style 1
/*----------------------------------------*/

.tp-header {
  position: relative;
  z-index: 50;
}

.tp-header__menu ul li:hover a {
  color: #fbd45b;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-header-btn a {
    display: none !important;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px),
  only screen and (min-width: 450px) and (max-width: 575px) {
  .tp-header__top-left {
    display: none;
  }
}

.tp-header__logo {
  position: absolute;
  padding: 15px 106px;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  height: 100%;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header__logo {
    padding: 15px 66px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header__logo {
    padding: 15px 40px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
  only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .tp-header__contact-number {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header__contact-number {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-header__contact-number {
    display: none;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-header__contact-number {
    display: none;
  }
}

.tp-header__wrapper-inner {
  position: relative;
  display: block;
  z-index: 1;
}

.tp-header__main-header {
  margin-left: 406px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header__main-header {
    margin-left: 295px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header__main-header {
    margin-left: 216px;
  }
}

.tp-header__menu ul li {
  display: inline-block;
  position: relative;
  margin-right: 50px;
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tp-header__menu ul li {
    margin-right: 20px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-header__menu ul li {
    margin-right: 20px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header__menu ul li {
    margin-right: 17px;
  }
}

.tp-header__menu ul li a {
  color: var(--tp-text-body);
  display: inline-block;
  font-weight: 300;
  padding: 43px 0px;
  line-height: 10px;
  /* text-transform: uppercase; */
}

.tp-header__menu ul li .sub-menu {
  position: absolute;
  width: 256px;
  background: #2e3756;
  padding: 28px;
  top: 110%;
  left: 0;
  text-align: left;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  z-index: 5;
  transition: 0.3s;
  z-index: 999999;
}

.tp-header__menu ul li .sub-menu li {
  display: block;
  margin: 0;
}

.tp-header__menu ul li .sub-menu li a {
  color: var(--tp-common-white) !important;
  padding: 0;
}

.tp-header__menu ul li .sub-menu li a:hover {
  color: #dc3545  !important;
}

.tp-header__menu ul li .sub-menu li:not(:last-child) {
  margin-bottom: 10px;
}

.tp-header__menu ul li:hover .sub-menu {
  visibility: visible;
  opacity: 1;
  top: 100%;
}

.tp-header__top {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 6px 75px 6px 60px;
  z-index: 1;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header__top {
    padding: 6px 30px 6px 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .tp-header__top {
    display: none;
  }
}

.tp-header__bottom {
  padding: 0 75px 0 60px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header__bottom {
    padding: 0 30px 0 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header__bottom {
    padding: 20px 49px 20px 57px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-header__bottom {
    padding: 35px;
  }
}

.tp-header__top-right {
  display: flex;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header__top-right .tp-location {
    margin-right: 10px;
  }
}

.tp-header__top-right .tp-location a {
  color: #7b8280;
  transition: 0.4s;
  text-transform: capitalize;
}

.tp-header__top-right .tp-location a i {
  color: #dbdde5;
  font-size: 13px;
  padding: 0 10px 0px 0px;
}

.tp-header__top-right .envelope a {
  color: #7b8280;
  transition: 0.4s;
  text-transform: lowercase;
}

.tp-header__top-right .envelope a i {
  color: #dbdde5;
  font-size: 13px;
  padding: 0 10px 0px 0px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .tp-header__top-right .search-icon {
    display: none;
  }
}
.photo-grid img {
    border-radius: 20px;
}
.tp-header__right {
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: relative;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .tp-header__right {
    display: none;
  }
}

.tp-header__right .tp-header-search a {
  padding-right: 30px;
  margin-right: 30px;
}

.tp-header__right .tp-header-search a:after {
  content: "";
  background: #e9ebea;
  width: 1px;
  height: 40px;
  position: absolute;
  top: 10px;
  left: 47px;
}

.tp-header__right .sm-clist__icon {
  float: left;
}

.tp-header__right .sm-clist__text {
  float: right;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-header__right .sm-clist__text {
    margin-right: 15px;
  }
}

.tp-header__right .sm-clist__text span {
  font-size: 12px;
  color: var(--tp-text-body);
  font-weight: 400;
  display: block;
  line-height: 1;
  padding-bottom: 5px;
  padding-top: 8px;
}

.tp-header__right .sm-clist__text a {
  font-size: 16px;
  color: #f9f4e9;
  font-weight: 700;
}

.tp-header__right .tp-header-space {
  padding-left: 40px;
  padding-right: 45px;
}

.tp-header__right .sm-clist__icon {
  height: 50px;
  width: 50px;
  background: #2c395a;
  color: var(--tp-common-white);
  line-height: 54px;
  text-align: center;
  border-radius: 30px;
}

.tp-header__right .sm-clist__icon i {
  font-size: 18px;
}

.tp-header__right .sm-clist__text span {
  font-size: 12px;
  color: #f9f4e9;
}

.tp-header-btn {
  display: flex;
}

@media only screen and (min-width: 450px) and (max-width: 575px) {
  .tp-header-btn {
    display: none;
  }
}

.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  box-shadow: 0px 4px 10px rgba(3, 4, 28, 0.1);
  animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
  transition: 0.3s ease;
  z-index: 9999999;
}

.header-sticky .tp-header__top {
  display: none;
}

.tp-main-menu {
  background: #fff;
}

.white-text {
  color: #fff;
}

.white-text a {
  color: #98a8a5;
}

.white-text a i {
  color: #fbd45b !important;
}

/*----------------------------------------*/

/*  3.2 Header Style 2
/*----------------------------------------*/

.tp-header-two {
  position: relative;
  z-index: 999999;
}

.tp-header-two__menu ul li:hover a {
  color: #fbd45b;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-header-two-btn a {
    display: none !important;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header-two-btn {
    display: flex;
    margin-left: 40px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px),
  only screen and (min-width: 450px) and (max-width: 575px) {
  .tp-header-two__top-left {
    display: none;
  }
}

.tp-header-two__logo {
  position: absolute;
  padding: 15px 90px;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  height: 100%;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-two__logo {
    padding: 15px 50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header-two__logo {
    padding: 15px 40px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
  only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .tp-header-two__contact-number {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header-two__contact-number {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-header-two__contact-number {
    display: none;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-header-two__contact-number {
    display: none;
  }
}

.tp-header-two__wrapper-inner {
  position: relative;
  display: block;
  z-index: 1;
}

.tp-header-two__main-header {
  margin-left: 375px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-two__main-header {
    margin-left: 295px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header-two__main-header {
    margin-left: 216px;
  }
}

.tp-header-two__menu ul li {
  display: inline-block;
  position: relative;
  margin-right: 60px;
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tp-header-two__menu ul li {
    margin-right: 27px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-header-two__menu ul li {
    margin-right: 32px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-two__menu ul li {
    margin-right: 24px;
  }
}

.tp-header-two__menu ul li a {
  color: #90c8be;
  display: inline-block;
  font-weight: 700;
  padding: 43px 0px;
  line-height: 10px;
  text-transform: uppercase;
}

.tp-header-two__menu ul li .sub-menu {
  position: absolute;
  width: 230px;
  background: var(--tp-heading-primary);
  padding: 28px;
  top: 110%;
  left: 0;
  text-align: left;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  z-index: 5;
  transition: 0.3s;
  z-index: 999999;
}

.tp-header-two__menu ul li .sub-menu li {
  display: block;
  margin: 0;
}

.tp-header-two__menu ul li .sub-menu li a {
  color: var(--tp-common-white);
  padding: 0;
}

.tp-header-two__menu ul li .sub-menu li a:hover {
  color: #fbd45b;
}

.tp-header-two__menu ul li .sub-menu li:not(:last-child) {
  margin-bottom: 10px;
}

.tp-header-two__menu ul li:hover .sub-menu {
  visibility: visible;
  opacity: 1;
  top: 100%;
}

.tp-header-two__top {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 6px 75px 6px 60px;
  z-index: 1;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-two__top {
    padding: 6px 30px 6px 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .tp-header-two__top {
    display: none;
  }
}

.tp-header-two__bottom {
  padding: 0 75px 0 60px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-two__bottom {
    padding: 0 30px 0 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header-two__bottom {
    padding: 20px 49px 20px 57px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-header-two__bottom {
    padding: 35px;
  }
}

.tp-header-two__top-right {
  display: flex;
}

.tp-header-two__top-right .tp-location a {
  color: #7b8280;
  transition: 0.4s;
  text-transform: capitalize;
}

.tp-header-two__top-right .tp-location a i {
  color: var(--tp-theme-1);
  font-size: 13px;
  padding: 0 10px 0px 0px;
}

.tp-header-two__top-right .envelope a {
  color: #7b8280;
  transition: 0.4s;
  text-transform: capitalize;
}

.tp-header-two__top-right .envelope a i {
  color: var(--tp-theme-1);
  font-size: 13px;
  padding: 0 10px 0px 0px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .tp-header-two__top-right .search-icon {
    display: none;
  }
}

.tp-header-two__right {
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: relative;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .tp-header-two__right {
    display: none;
  }
}

.tp-header-two__right .tp-header-search a {
  padding-right: 30px;
  margin-right: 30px;
  color: #fff;
}

.tp-header-two__right .tp-header-search a:after {
  content: "";
  background: #2b8b7a;
  width: 1px;
  height: 40px;
  position: absolute;
  top: 10px;
  left: 47px;
}

.tp-header-two__right .sm-clist__icon {
  float: left;
}

.tp-header-two__right .sm-clist__text {
  float: right;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-header-two__right .sm-clist__text {
    margin-right: 15px;
  }
}

.tp-header-two__right .sm-clist__text span {
  font-size: 12px;
  color: var(--tp-text-body);
  font-weight: 400;
  display: block;
  line-height: 1;
  padding-bottom: 5px;
  padding-top: 8px;
}

.tp-header-two__right .sm-clist__text a {
  font-size: 16px;
  color: #fff;
  font-weight: 700;
}

.tp-header-two__right .tp-header-space {
  padding-left: 40px;
  padding-right: 45px;
}

.tp-header-two__right .sm-clist__icon {
  height: 50px;
  width: 50px;
  background: var(--tp-common-white);
  color: #3e4c49;
  line-height: 54px;
  text-align: center;
  border-radius: 30px;
}

.tp-header-two__right .sm-clist__icon i {
  font-size: 18px;
}

.tp-header-two__right .sm-clist__text span {
  font-size: 12px;
  color: #90c8be;
}

.tp-header-two-btn {
  display: flex;
}

@media only screen and (min-width: 450px) and (max-width: 575px) {
  .tp-header-two-btn {
    display: none;
  }
}

.tp-header-two__top-left p {
  color: #283734;
}

.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  box-shadow: 0px 4px 10px rgba(3, 4, 28, 0.1);
  animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
  transition: 0.3s ease;
  z-index: 9999999;
  background: #252a45;
    padding: 10px;
}

.header-sticky .tp-header-two__top {
  display: none;
}

.tp-main-menu {
  background: #fff;
}

.white-text {
  color: #fff;
}

.white-text a {
  color: #98a8a5;
}

.white-text a i {
  color: #fbd45b !important;
}

/*----------------------------------------*/

/*  3.3 Header Style 3
/*----------------------------------------*/

@media (max-width: 767px) {
  .tpheader-3-btn {
    display: none;
  }
}

.tpheader-3__menu ul li:hover a {
  color: var(--tp-heading-primary);
}

.tpheader-3__smcontact-list {
  display: flex;
  align-items: center;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpheader-3__smcontact-list {
    margin-left: 0;
  }
}

.tpheader-3__contact-number {
  display: flex;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .tpheader-3__contact-number {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpheader-3__smcontact-list .sm-clist__text {
    margin-right: 11px;
  }
}

.tpheader-3__smcontact-list .sm-clist__text a {
  font-size: 16px;
  color: var(--tp-theme-1);
  font-weight: bold;
  display: block;
}

.tpheader-3__smcontact-list .sm-clist__text span {
  font-size: 14px;
  color: var(--tp-text-body);
  display: block;
  line-height: 1;
  padding-bottom: 5px;
  padding-top: 8px;
}

.tpheader-3__smcontact-list .sm-clist__icon i {
  height: 50px;
  width: 50px;
  background: #fbd45b;
  color: var(--tp-heading-primary);
  line-height: 50px;
  text-align: center;
  border-radius: 30px;
  font-size: 20px;
}

.tpheader-3__top-right {
  display: flex;
  align-items: center;
  justify-content: end;
  position: relative;
}

.tpheader-3__top-right .tp-header-search a {
  padding-right: 30px;
  margin-right: 30px;
}

.tpheader-3__top-right .tp-header-search a:after {
  content: "";
  background: #e9ebea;
  width: 1px;
  height: 40px;
  position: absolute;
  top: 21px;
  left: 47px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tpheader-3__top-right .tp-header-search a:after {
    top: 19px;
  }
}

.tpheader-3__top-right .tp-menu-bar {
  margin-left: -10px;
  font-size: 20px;
  color: #000;
  font-weight: 400;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpheader-3__top-right .tp-menu-bar {
    margin-left: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpheader-3__top-right .tp-menu-bar {
    margin-left: 11px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpheader-3__top-right .tp-menu-bar {
    margin-left: -50px;
  }
}

.tpheader-3__menu ul {
  text-align: left;
}

.tpheader-3__menu ul li {
  display: inline-block;
  position: relative;
  margin-right: 60px;
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tpheader-3__menu ul li {
    margin-right: 60px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tpheader-3__menu ul li {
    margin-right: 50px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpheader-3__menu ul li {
    margin-right: 39px;
  }
}

.tpheader-3__menu ul li a {
  color: var(--tp-text-body);
  display: inline-block;
  font-weight: 700;
  padding: 25px 0px;
  line-height: 10px;
  text-transform: uppercase;
  transition: 0.3s;
}

.tpheader-3__menu ul li .sub-menu {
  position: absolute;
  width: 230px;
  background: var(--tp-heading-primary);
  padding: 28px;
  top: 110%;
  left: 0;
  text-align: left;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  z-index: 5;
  transition: 0.3s;
  z-index: 999999;
}

.tpheader-3__menu ul li .sub-menu li {
  display: block;
  margin: 0;
}

.tpheader-3__menu ul li .sub-menu li a {
  color: var(--tp-common-white);
  padding: 0;
}

.tpheader-3__menu ul li .sub-menu li a:hover {
  color: #fbd45a;
}

.tpheader-3__menu ul li .sub-menu li:not(:last-child) {
  margin-bottom: 10px;
}

.tpheader-3__menu ul li:hover a {
  color: #fbd45a;
}

.tpheader-3__menu ul li:hover .sub-menu {
  visibility: visible;
  opacity: 1;
  top: 100%;
}

.tpheader-3__header-social {
  text-align: right;
}

.tpheader-3__header-social ul li {
  display: inline-block;
}

.tpheader-3__header-social ul li a {
  color: var(--tp-heading-primary);
  margin-left: 25px;
  font-size: 19px;
  transition: 0.4s;
}

.tpheader-3__header-social ul li a:hover {
  color: var(--tp-theme-1);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .tpheader-3__bottom {
    display: none;
  }
}

.tpheader-3__bottom.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  box-shadow: 0px 4px 10px rgba(3, 4, 28, 0.1);
  background: var(--tp-common-white);
  animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
  transition: 0.3s ease;
  z-index: 9999999;
}

/*----------------------------------------*/

/*  3.1 Header Style 1
/*----------------------------------------*/

.mobile-header {
  padding: 20px;
}

.mobile__menu a {
  margin-right: 0;
  display: inline-block;
  background: #fbd45a;
  padding: 10px 20px;
  transition: 0.3s;
}

.mobile__menu a:hover {
  color: #fff;
  /*background-color: #00715d;*/
}

/* HEADER CSS */

@media (max-width: 767px) {
  .mobile-header {
    padding: 2px 0px;
    background: #37416a;
  }
  .speaker svg {
    width: 25px !important;
    margin-left: 15px;
    }
    .mobile__logo img {
    height: 70px;
}
}

/*----------------------------------------*/

/*  4.2 Meanmenu css
/*----------------------------------------*/

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

.mean-container {
  margin-bottom: 40px;
}

.mean-container a.meanmenu-reveal {
  width: 22px;
  height: 22px;
  padding: 13px 13px 11px 13px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  color: var(--tp-common-white);
  text-decoration: none;
  font-size: 16px;
  text-indent: -9999em;
  font-size: 1px;
  font-weight: 700;
  display: none !important;
}

.mean-container a.meanmenu-reveal span {
  display: block;
  background: var(--tp-common-white);
  height: 3px;
  margin-top: 3px;
}

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

.mean-container .mean-nav {
  background: none;
  margin-top: 0;
  float: left;
  width: 100%;
  margin-top: 0px;
  margin-bottom: 50px;
}

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

.mean-container .mean-nav > ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  display: block !important;
}

.mean-container .mean-nav > ul > li:first-child > a {
  border-top: 0;
}

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

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

.mean-container .mean-nav ul li.dropdown-opened > a,
.mean-container .mean-nav ul li.dropdown-opened > span {
  color: #1d2a5a;
}

.mean-container .mean-nav ul li.dropdown-opened > a.mean-expand.mean-clicked,
.mean-container
  .mean-nav
  ul
  li.dropdown-opened
  > span.mean-expand.mean-clicked {
  background: #1d2a5a;
  color: var(--tp-common-white);
  border-color: var(--tp-theme-1);
}

.mean-container .mean-nav ul li.dropdown-opened > a.mean-expand.mean-clicked i,
.mean-container
  .mean-nav
  ul
  li.dropdown-opened
  > span.mean-expand.mean-clicked
  i {
  color: var(--tp-common-white);
}

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

.mean-container .mean-nav ul li > a.mean-expand i {
  display: inline-block;
}

.mean-container .mean-nav ul li > a > i {
  display: none;
}

.mean-container .mean-nav ul li a,
.mean-container .mean-nav ul li span {
  display: block;
  float: left;
  width: 90%;
  padding: 10px 5%;
  margin: 0;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
  padding: 10px 0;
  border-top: 1px solid #ebebeb;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 700;
  color: var(--tp-text-body);
}

[dir="rtl"] .mean-container .mean-nav ul li a,
[dir="rtl"] .mean-container .mean-nav ul li span {
  float: right;
  text-align: right;
}

.mean-container .mean-nav ul li a:hover,
.mean-container .mean-nav ul li span:hover {
  color: var(--tp-theme-1);
}

.mean-container .mean-nav ul li a:hover i,
.mean-container .mean-nav ul li span:hover i {
  color: var(--tp-common-white);
}

.mean-container .mean-nav ul li a.mean-expand,
.mean-container .mean-nav ul li span.mean-expand {
  margin-top: 1px;
  width: 26px;
  height: 32px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  font-weight: 700;
  background: transparent;
  border: none !important;
  font-size: 14px;
  margin-top: 6px;
  padding: 0 !important;
  border: 1px solid #ebebeb;
  height: 30px;
  width: 30px;
  color: var(--tp-heading-primary);
  top: 0;
  font-weight: 400;
  line-height: 30px;
}

[dir="rtl"] .mean-container .mean-nav ul li a.mean-expand,
[dir="rtl"] .mean-container .mean-nav ul li span.mean-expand {
  right: auto;
  left: 0;
  text-align: center;
}

.mean-container .mean-nav ul li a.mean-expand:hover,
.mean-container .mean-nav ul li span.mean-expand:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
  border-color: var(--tp-theme-1);
}

.mean-container .mean-nav ul li a.mean-expand:hover i,
.mean-container .mean-nav ul li span.mean-expand:hover i {
  color: var(--tp-common-white);
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked,
.mean-container .mean-nav ul li span.mean-expand.mean-clicked {
  color: var(--tp-common-white);
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked:hover,
.mean-container .mean-nav ul li span.mean-expand.mean-clicked:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
  border-color: var(--tp-theme-1);
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked:hover i,
.mean-container .mean-nav ul li span.mean-expand.mean-clicked:hover i {
  color: var(--tp-common-white);
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

.mean-container .mean-nav ul li li a {
  width: 80%;
  padding: 10px 10%;
  text-shadow: none !important;
  visibility: visible;
}

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

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

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

.mean-container .mean-bar {
  padding: 0;
  min-height: auto;
  background: none;
  float: left;
  width: 100%;
  position: relative;
  padding: 4px 0;
  min-height: 42px;
  z-index: 999999;
}

.mean-container .mean-bar,
.mean-container .mean-bar * {
  /* Fix for box sizing on Foundation Framework etc. */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/*----------------------------------------*/

/*  5.1 Postbox css
/*----------------------------------------*/

.blog-banner-title {
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  padding: 60px 50px;
  color: #fff;
  font-size: 24px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-banner-title {
    padding: 43px 34px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-banner-title {
    padding: 79px 76px;
  }
}

@media (max-width: 767px) {
  .blog-banner-title {
    padding: 40px 26px;
  }
}

.postbox__area {
  padding-top: 57px;
}

@media (max-width: 767px) {
  .postbox__wrapper {
    padding-right: 0px;
  }
}

@media (max-width: 767px) {
  .postbox__comment-avater {
    height: 50px;
    width: 54px;
    margin-right: 15px;
  }
}

.postbox__comment-text p {
  font-size: 16px;
  margin-top: 11px;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .postbox__banner-img {
    margin-bottom: 30px;
  }
}

.blog-banner-title-black {
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  padding: 60px 50px;
  color: var(--tp-heading-primary);
  font-size: 24px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-banner-title-black {
    padding: 43px 34px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-banner-title-black {
    padding: 75px 68px;
  }
}

@media (max-width: 767px) {
  .blog-banner-title-black {
    padding: 40px 26px;
  }
}

/*----------------------------------------*/

/*  5.2 Recent Post css
/*----------------------------------------*/

.rc__post {
  background-color: var(--tp-grey-1);
  padding: 22px;
}

.rc__post:hover {
  background-color: var(--tp-common-white);
  padding: 22px;
}

.rc__post ul li:not(:last-child) {
  margin-bottom: 15px;
}

.rc__post-thumb img {
  width: 70px;
  height: 70px;
}

.rc__post-title {
  font-size: 16px;
  color: var(--tp-heading-primary);
  font-weight: 400;
  margin-top: 2px;
  transition: 0.3s;
}

.rc__post-title a:hover {
  color: var(--tp-theme-primary);
}

.rc__post-title:hover {
  color: var(--tp-theme-1);
}

.rc__meta span {
  font-size: 14px;
  font-weight: 400;
  color: var(--tp-text-body);
}

.rc__meta span a i {
  color: var(--tp-theme-1);
}

.rc__post-thumb {
  flex: 0 0 auto;
  position: relative;
}

.rc__post-thumb::before {
  background: rgba(0, 113, 93, 0.9);
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.rc__post:hover .rc__post-thumb::before {
  opacity: 1;
  visibility: visible;
  z-index: 99;
}

.rc__post:hover span {
  opacity: 1;
  visibility: visible;
}

.rc__post-thumb span {
  position: absolute;
  top: 50%;
  left: 50%;
  color: var(--tp-common-white);
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  opacity: 0;
  visibility: visible;
  z-index: 999;
}

.rc:hover .rc__post span {
  opacity: 1;
  visibility: visible;
}

/*----------------------------------------*/

/*  5.3 Sidebar css
/*----------------------------------------*/

.tp-sidebar-menu {
  position: fixed;
  right: 100%;
  top: 0;
  width: 320px;
  height: 100%;
  background: var(--tp-common-white) none repeat scroll 0 0;
  overflow-y: scroll;
  box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  z-index: 9999;
  padding: 30px;
}

.tp-menu {
  display: flex;
  align-items: center;
}

.tp-sidebar-menu.sidebar-opened {
  right: 0;
}

.body-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  width: 100%;
  height: 100%;
  background: rgba(24, 24, 24, 0.6);
  visibility: hidden;
  opacity: 0;
  transition: 0.45s ease-in-out;
}

.body-overlay.apply {
  opacity: 1;
  visibility: visible;
}

.tp-instagram img {
  width: 100%;
}

.mobile-menu.mean-container {
  margin-bottom: 50px;
}

.offcan-social-title {
  color: var(--tp-common-white);
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
  display: inline-block;
}

.tpoffcanvas-social {
  height: 100%;
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .tp-header__bottom {
    padding: 35px 50px;
  }
}

@media (max-width: 767px) {
  .tp-header__bottom {
    padding: 25px 30px;
  }
}

.tp-menu-bar {
  display: none;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .tp-menu-bar {
    display: block;
  }
}

.text-black a {
  color: var(--tp-heading-primary) !important;
  font-size: 27px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .text-black a {
    color: #fff !important;
  }
}

.tp-menu-bar {
  font-size: 20px;
  color: #283734;
  font-weight: 400;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-menu-bar {
    margin-left: 15px;
  }
}

.sidebar-widget__link ul {
  list-style: none;
  background: var(--tp-grey-1);
  padding: 50px;
}

@media (max-width: 767px) {
  .sidebar-widget__link ul {
    padding: 20px;
  }
}

.sidebar-widget__link ul li {
  padding-bottom: 20px;
  color: var(--tp-heading-primary);
  font-size: 18px;
  font-weight: 700;
}

.sidebar-widget__link ul li span {
  color: var(--tp-text-body);
  font-size: 18px;
  width: 138px;
  display: inline-block;
}

@media (max-width: 767px) {
  .sidebar-widget__link ul li span {
    width: 118px;
  }
}

.sidebar-widget__social h4 {
  font-size: 24px;
  color: var(--tp-heading-primary);
  font-weight: 400;
}

.sidebar-widget__social .icon ul li {
  list-style: none;
  display: inline-block;
}

.sidebar-widget__social .icon ul li a {
  height: 40px;
  width: 40px;
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
  transition: 0.4s;
  text-align: center;
  display: inline-block;
  border-radius: 30px;
  margin-right: 15px;
  line-height: 43px;
}

.sidebar-widget__social .icon ul li a:hover {
  background: var(--tp-theme-2);
  color: var(--tp-heading-primary);
}

.sidebar__search {
  background: var(--tp-grey-1);
}

.sidebar__search button {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  padding: 0 24px;
  color: var(--tp-common-white);
  background: var(--tp-heading-primary);
}

.sidebar__search input {
  width: 100%;
  height: 60px;
  background: var(--tp-common-white);
  padding: 0 25px;
  text-transform: capitalize;
  border: 2px solid var(--tp-grey-1);
  outline: none;
  padding-top: 3px;
  padding-right: 80px;
  color: var(--tp-theme-3);
}

.sidebar__menu a {
  background: #fbd45b;
  padding: 0px 20px;
  height: 60px;
  line-height: 60px;
  color: var(--tp-theme-3);
}

.sidebar__menu a:hover {
  color: #fff;
  background: var(--tp-theme-3);
}

.sidebar__search-input-2 {
  position: relative;
  border: 1px solid #eaebeb;
}

.sidebar__post-list li:hover {
  background-color: var(--tp-common-white);
}

.sidebar__widget-1 {
  background: var(--tp-grey-1);
  padding: 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar__widget-1 {
    padding: 50px 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .sidebar__widget-1 {
    margin-top: 40px;
  }
}

@media (max-width: 767px) {
  .sidebar__widget-1 {
    padding: 50px 12px;
  }
}

.sidebar__widget-2 {
  background: var(--tp-grey-1);
  padding: 45px 30px 20px 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar__widget-2 {
    padding: 50px 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .sidebar__widget-2 {
    margin-top: 40px;
  }
}

@media (max-width: 767px) {
  .sidebar__widget-2 {
    padding: 50px 12px;
  }
}

.sidebar__widget-2 .sidebar__widget-title {
  margin-left: 22px;
  padding-bottom: 0px;
}

.sidebar__widget-3 {
  background: var(--tp-grey-1);
  padding: 45px 50px 31px 50px;
}

.sidebar__widget-4 {
  background: var(--tp-grey-1);
  padding: 45px 50px 35px 50px;
}

.sidebar__widget-title {
  font-size: 22px;
  color: var(--tp-heading-primary);
  padding-bottom: 25px;
}

.sidebar__widget-content .tagcloud a {
  background: var(--tp-common-white);
  color: var(--tp-text-body);
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  padding: 13px 14px;
  margin-right: 10px;
  margin-bottom: 10px;
  text-transform: uppercase;
  border: 1px solid #eaebeb;
}

.sidebar__widget-content .tagcloud a:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
  border: 1px solid #00715d;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar__widget-content .tagcloud a {
    padding: 11px 11px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .sidebar__widget-content .tagcloud a {
    margin-bottom: 13px;
  }
}

@media (max-width: 767px) {
  .sidebar__widget-content .tagcloud a {
    padding: 10px 8px;
  }
}

.sidebar__widget-content ul {
  list-style: none;
}

.sidebar__widget-content ul li {
  margin-bottom: 9px;
}

.sidebar__widget-content ul li a {
  color: var(--tp-text-body);
  font-size: 16px;
}

.sidebar__widget-content ul li a i {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  float: right;
}

.sidebar__widget-content ul li:hover a {
  color: var(--tp-heading-primary);
  transition: 0.3s;
}

.sidebar__widget-content ul li:hover a i {
  opacity: 1;
  visibility: visible;
  float: right;
}

.basic-pagination ul li:not(:last-child) {
  margin-right: 10px;
}

.basic-pagination ul li {
  display: inline-block;
}

.basic-pagination ul li a,
.basic-pagination ul li span {
  display: inline-block;
  width: 38px;
  height: 38px;
  font-weight: 600;
  background: var(--tp-grey-1);
  border-radius: 30px;
  color: var(--tp-heading-primary);
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  transition: all 0.3s ease-out 0s;
  line-height: 38px;
}

.basic-pagination ul li a:hover,
.basic-pagination ul li a.current,
.basic-pagination ul li span:hover,
.basic-pagination ul li span.current {
  background: var(--tp-heading-primary);
  border-color: var(--tp-heading-primary);
  color: var(--tp-common-white);
}

/*----------------------------------------*/

/*  6.1 Footer Style 1
/*----------------------------------------*/

/* footer col design for home 1 */

.footer-col-1 {
  padding-right: 35px;
}

.footer-col-2 {
  margin-left: -30px;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .footer-col-2 {
    margin-left: 0;
  }
}

.footer-col-3 {
  padding-right: 10px;
}

.footer-col-4 {
  padding-left: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .footer-col-4 {
    padding-left: 0;
  }
}

.footer__widget-title {
  font-size: 20px;
  color: #2d3858;
  font-weight: 400;
  margin-bottom: 25px;
  position: relative;
}

.footer__widget-title::after {
  top: -5px;
  width: 32px;
  height: 2px;
  content: "";
  background: #2d3858;
  display: inline-block;
  right: -11px;
  position: relative;
}

.footer__copyright p {
  color: #98a8a5;
  font-size: 16px;
}

.footer__subscribe-input i {
  position: absolute;
  bottom: 98px;
  right: 0;
  color: var(--tp-theme-2);
}

.footer__area {
  background-repeat: no-repeat;
  background-size: cover;
}

.footer__widget {
  z-index: 9;
  position: relative;
}

.footer__widget-info p {
  color: #2b2b2b;
  margin-bottom: 25px;
}

.footer__top {
  position: relative;
}

@media (max-width: 767px) {
  .footer__top {
    padding-bottom: 48px;
    padding-top: 80px;
  }
}

/* .footer__area::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background: #0c2621;
  width: 100%;
  height: 100%;
  opacity: 0.965;
  z-index: 1;
} */

.footer__logo {
  margin-bottom: 17px;
  margin-top: -15px;
}

.footer__social ul li {
  display: inline-block;
  margin-right: 10px;
}

.footer__social ul li a {
  width: 40px;
  height: 40px;
  background: #2d3858;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  color: var(--tp-common-white);
  transition: 0.3s;
  font-size: 18px;
}

.footer__social ul li a i {
  font-size: 14px;
  margin-top: 14px;
}

.footer__social ul li a:hover {
  background: #121e41;
  color: var(--tp-heading-primary);
}

.footer__contact-info ul li {
  position: relative;
  list-style-type: none;
  padding-left: 25px;
  margin-bottom: 18px;
  font-size: 16px;
  color: #2b2b2b;
  list-style: none;
  margin-bottom: 14px;
}

.footer__contact-info ul li a {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}

.footer__contact-info ul li span {
  position: absolute;
  top: 0;
  left: 0;
  color: #2d3858;
}

.footer__contact-info ul li:hover a {
  color: #5fb781;
}

.footer__subscribe p {
  font-size: 16px;
  color: #98a8a5;
  margin-bottom: 20px;
  line-height: 1;
}

.form-check-input {
  background-color: rgba(55, 50, 50, 0);
  border: 1px solid rgb(255, 255, 255);
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
  margin-top: 20px;
}

.tp-footer-widget__check-box .form-check-input {
  margin-top: 6px;
}

.form-check-input[type="checkbox"] {
  border-radius: 0.25em;
}

.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
  margin-top: 8px;
}

.form-check-input:checked {
  background-color: rgba(152, 168, 165, 0);
  border-color: #98a8a5;
}

.form-check-label {
  font-size: 14px;
  color: #98a8a5;
}

.fw-insta ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 -7.5px -15px -7.5px;
}

.fw-insta ul li {
  padding: 0 7.5px 15px 7.5px;
  width: 33.333%;
  flex: 0 0 33.333%;
  list-style: none;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .fw-insta ul li {
    padding: 0 7.5px 22px 7.5px;
    flex: 0 0 17.333%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .fw-insta ul li {
    flex: 0 0 17.333%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px) {
  .fw-insta ul li {
    flex: 0 0 25.333%;
  }
}

@media (max-width: 767px) {
  .fw-insta ul li {
    flex: 0 0 20%;
  }
}

.fw-insta ul li a {
  position: relative;
  display: inline-block;
}

.fw-insta ul li a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(247, 207, 90, 0.9);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.fw-insta ul li a i {
  position: absolute;
  top: 45%;
  left: 38%;
  transform: translate(-50%, -50%);
  transform: rotate(-30deg);
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  line-height: 45%;
}

.fw-insta ul li:hover a::before {
  opacity: 1;
  visibility: visible;
}

.fw-insta ul li:hover a i {
  opacity: 1;
  visibility: visible;
}

/*----------------------------------------*/

/*  8.7 slider css
/*----------------------------------------*/

.tp-slider__area {
  overflow: hidden;
  margin-top: -138px;
  height: 100vh;
}

.tp-slider__bg {
  background-repeat: no-repeat;
  background-size: cover;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .tp-slider__shap {
    display: none;
  }
}

.tp-slider__shap-right {
  position: absolute;
  top: -103px;
  right: -37px;
}

.tp-slider__height {
  height: 100vh;
}

@media (max-width: 767px) {
  .tp-slider__height {
    height: 35vh;
  }
  .tp-slider__area {
    overflow: hidden;
    margin-top: 0;
    height: 35vh;
  }
  .splide__list {
    display: flex !important;
  }
}

.tp-slider__bg {
  background-repeat: no-repeat;
  background-size: cover;
}

.tp-slider__bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #484a4900 !important;
  background-blend-mode: luminosity;
  z-index: -1;
  transform: scale(1);
  -webkit-transition: all 10s linear 0s;
  -moz-transition: all 10s linear 0s;
  -o-transition: all 10s linear 0s;
  transition: all 10s linear 0s;
}

.tp-slider__bg::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  
  background: rgba(9, 30, 26, 0.5);
  z-index: 99;
  mix-blend-mode: luminosity;
}
@media(max-width:500px){
    .tp-slider__bg::after {
 
  background: rgb(115 115 115 / 16%) !important;
  
  
}
}


.tp-slider__shap img {
  position: absolute;
  top: -110px;
}

.tp-slider__angle-shape {
  height: 391px;
  width: 280px;
  background: linear-gradient(to bottom, #50637929, #50637936);
  opacity: 0.7;
  position: absolute;
  bottom: 0;
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
  left: -100%;
  transition: all 0.6s ease-in-out;
}

.tp-slider__content {
  position: relative;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider__content {
    margin-left: 50px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider__content {
    margin-left: 122px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider__content {
    margin-left: 122px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider__content {
    margin-left: 122px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider__content {
    margin-left: 60px;
  }
}

@media (max-width: 767px) {
  .tp-slider__content {
    margin-left: 0px;
  }
}

.tp-slider__content span {
  font-size: 20px;
  color: var(--tp-theme-2);
  padding-left: 26px;
  display: inline-block;
  margin-bottom: 15px;
}

@media (max-width: 767px) {
  .tp-slider__content span {
    font-size: 17px;
  }
}

.tp-slider__content span::after {
  position: absolute;
  width: 2px;
  height: 24px;
  content: "";
  background: var(--tp-common-white);
  left: 0px;
  top: 3px;
}

.tp-slider__social-horizonter {
  position: absolute;
  top: 60%;
  left: -79px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider__social-horizonter {
    display: none;
  }
}

@media (max-width: 767px) {
  .tp-slider__social-horizonter {
    display: none;
  }
}

.tp-slider__social-horizonter ul {
  display: inline-block;
  transform: rotate(270deg);
  position: relative;
  z-index: 9;
}

.tp-slider__social-horizonter ul li {
  display: inline-block;
  display: inline-block;
  z-index: 999999;
  position: relative;
  margin-right: 30px;
}

.tp-slider__social-horizonter ul li a {
  color: var(--tp-common-white);
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.tp-slider__social-horizonter ul li a:hover {
  color: red;
}

.tp-slider__nav button {
  position: absolute;
  top: 40%;
  right: 13%;
  height: 66px;
  width: 66px;
  border-radius: 50%;
  font-size: 16px;
  font-weight: 500;
  background: #f9f4e8;
  z-index: 1;
  line-height: 66px;
}

.tp-slider__nav button i {
  font-size: 16px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider__nav button {
    top: 86%;
  }
}

@media (max-width: 767px) {
  .tp-slider__nav button {
    display: none;
  }
}

.tp-slider__nav button.hero-button-prev {
  top: 50%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider__nav button.hero-button-prev {
    top: 86%;
    right: 24%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider__nav button.hero-button-prev {
    top: 86%;
    right: 27%;
  }
}

@media (max-width: 767px) {
  .tp-slider__nav button.hero-button-prev {
    display: none;
  }
}

.tp-slider__nav button:hover {
  background: #2d3858;
}
.tp-slider__nav button:hover i {
  color: white !important;
}

.swiper-slide-active .tp-slider__angle-shape {
  left: 0;
}

.swiper-slide.swiper-slide-active .tp-slider__bg {
  visibility: visible;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.tp-slider-2__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(1);
  -webkit-transition: all 10s linear 0s;
  -moz-transition: all 10s linear 0s;
  -o-transition: all 10s linear 0s;
  transition: all 10s linear 0s;
}

.tp-slider-2__shap {
  z-index: 1;
  bottom: -301px;
  position: absolute;
  left: 0px;
}

.tp-slider-2__bg {
  background-repeat: no-repeat;
  background-size: cover;
}

.tp-slider-2__shap-2 {
  position: absolute;
  right: 0;
  bottom: -157px;
}

.tp-slider-2__shap-top::before {
  content: "";
  border-radius: 0 0 130px 130px;
  transform: rotate(-30deg);
  background-color: rgb(251, 212, 91);
  position: absolute;
  left: 181px;
  top: -169px;
  width: 279px;
  height: 514px;
  z-index: 1;
}

.tp-slider-2__height {
  height: 820px;
}

@media (max-width: 767px) {
  .tp-slider-2__height {
    height: 524px;
  }
}

.tp-slider-2__content {
  position: relative;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-2__content {
    margin-left: 122px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-2__content {
    margin-left: 122px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-2__content {
    margin-left: 122px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider-2__content {
    margin-left: 60px;
  }
}

@media (max-width: 767px) {
  .tp-slider-2__content {
    margin-left: 0px;
  }
}

.tp-slider-2__content.tp-slider-title-2 {
  line-height: 1;
}

.tp-slider-2__content span {
  font-size: 20px;
  color: var(--tp-theme-2);
  margin-left: 15px;
}

@media (max-width: 767px) {
  .tp-slider-2__content span {
    font-size: 17px;
  }
}

.tp-slider-2__content span::after {
  position: absolute;
  width: 2px;
  height: 24px;
  content: "";
  background: var(--tp-common-white);
  left: 0;
}

.tp-slider-2__nav {
  position: absolute;
  top: 45%;
  left: 105px;
  z-index: 1;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
  only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (min-width: 450px) and (max-width: 575px) {
  .tp-slider-2__nav {
    bottom: 12px;
    top: auto;
    right: 158px;
    left: auto;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .tp-slider-2__nav {
    bottom: -10px;
    top: auto;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-2__nav {
    bottom: 50px;
    top: auto;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-2__nav {
    bottom: -20px;
    top: auto;
  }
}

@media (max-width: 767px) {
  .tp-slider-2__nav {
    display: none;
  }
}

.tp-slider-2__nav .hero-button-next-2 {
  width: 60px;
  height: 60px;
  border: 1px solid #d2d3d0;
  text-align: center;
  line-height: 58px;
  border-radius: 50%;
  color: #d2d3d0;
  position: relative;
  z-index: 99999;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
  only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (min-width: 450px) and (max-width: 575px) {
  .tp-slider-2__nav .hero-button-next-2 {
    right: 91px;
    top: 81px;
  }
}

.tp-slider-2__nav .hero-button-next-2:hover {
  border-color: #fbd45b;
  color: var(--tp-heading-primary);
  background: #fbd45b;
}

.tp-slider-2__nav .hero-button-prev-2 {
  width: 60px;
  height: 60px;
  border: 1px solid #d2d3d0;
  text-align: center;
  line-height: 58px;
  border-radius: 50%;
  color: #d2d3d0;
  margin-top: 20px;
  position: relative;
  z-index: 999;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.tp-slider-2__nav .hero-button-prev-2 i {
  font-size: 14px;
}

.tp-slider-2__nav .hero-button-prev-2:hover {
  border-color: #fbd45b;
  color: var(--tp-heading-primary);
  background: #fbd45b;
}

.swiper-slide.swiper-slide-active .tp-slider-2__bg {
  visibility: visible;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.tp-slider-3__content p {
  color: var(--tp-common-white);
  font-size: 20px;
  margin-bottom: 45px;
}

@media (max-width: 767px) {
  .tp-slider-3__content p {
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .tp-slider-3__nav {
    position: absolute;
    bottom: 50px;
    z-index: 9;
    left: 0;
    right: 0;
    text-align: center;
  }
}

.tp-slider-3__shap-left {
  position: absolute;
  content: "";
  height: 502px;
  width: 142px;
  background: #fbd45b;
  bottom: -99px;
  left: -21px;
  transform: rotate(-38deg);
  left: -100%;
  transition: all 0.6s ease-in-out;
}

@media (max-width: 767px) {
  .tp-slider-3__shap-left {
    display: none;
  }
}

.tp-slider-3__height {
  height: 820px;
}

@media (max-width: 767px) {
  .tp-slider-3__height {
    height: 582px;
  }
}

.tp-slider-3__shap {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.tp-slider-3__bg-3 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  transform: scale(1);
  -webkit-transition: all 10s linear 0s;
  -moz-transition: all 10s linear 0s;
  -o-transition: all 10s linear 0s;
  transition: all 10s linear 0s;
}

.slider-arrow-style button {
  position: absolute;
  top: 50%;
  background: rgba(255, 255, 255, 0);
  height: 60px;
  width: 60px;
  border: 2px solid #94a19e;
  border-radius: 50%;
  color: #94a19e;
  left: 60px;
  z-index: 9;
  transform: translateY(-50%);
  transition: 0.4s;
  font-size: 20px;
}

@media (max-width: 767px) {
  .slider-arrow-style button {
    background: rgba(255, 255, 255, 0);
    height: 60px;
    width: 60px;
    transition: 0.4s;
    font-size: 20px;
    position: static;
    margin: 0 10px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .slider-arrow-style button {
    top: 83%;
  }
}

.slider-arrow-style button.tpslick-prev {
  left: auto;
  right: 60px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .slider-arrow-style button.tpslick-prev {
    left: 139px;
  }
}

.slider-arrow-style button:hover {
  background-color: #fbd45b;
  color: var(--tp-common-white);
  border-color: #fbd45b;
}

.swiper-slide.swiper-slide-active .tp-slider-3__bg {
  visibility: visible;
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
}

.tp-slider-title {
  font-size: 100px;
  color: var(--tp-common-white);
  line-height: 1;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-title {
    font-size: 89px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-title {
    font-size: 80px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider-title {
    font-size: 61px;
  }
}

@media only screen and (min-width: 450px) and (max-width: 575px) {
  .tp-slider-title {
    font-size: 75px;
    padding-bottom: 0;
  }
}

@media (max-width: 767px) {
  .tp-slider-title {
    font-size: 40px;
    margin-bottom: 20px;
  }
}

.swiper-slide-active .tp-slider-sub-title,
.swiper-slide-active .tp-slider-title,
.swiper-slide-active .tp-slide-btn-box,
.swiper-slide-active .tp-slider-pragrap,
.swiper-slide-active .shap-2,
.swiper-slide-active .shap-1 {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.swiper-slide-active .tp-slider-sub-title {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
}

.swiper-slide-active .tp-slider-title {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.swiper-slide-active .tp-slider-pragrap {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
}

.swiper-slide-active .tp-slide-btn-box {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}

.swiper-slide-active .shap-1 {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.9s;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
}

.swiper-slide-active .shap-2 {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}

.swiper-slide-active .tp-slider-2__shap-top {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.swiper-slide-active .tp-slider-2__shap-top {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
}

.swiper-button-next {
  color: red;
  font-size: 30px;
}

.swiper-button-prev.swiper-button-disabled {
  font-size: 30px;
  color: red;
}

.tp-slider-3__overlay {
  position: relative;
  background-color: #13302b;
  background-blend-mode: luminosity;
}

.tp-slider-3__overlay::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #091e1a;
  mix-blend-mode: luminosity;
  opacity: 0.75;
}

.float-bob-y {
  -webkit-animation-name: float-bob-y;
  animation-name: float-bob-y;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

.swiper-slide-active .tp-slider-3__shap-left {
  left: 0;
}

/*----------------------------------------*/

/*  7.1 About css
/*----------------------------------------*/

.tp-about__sec-img {
  position: absolute;
  right: 0;
  bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about__wrap {
    margin-left: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about__wrap {
    margin-top: 70px;
    margin-left: 20px;
  }
}

@media (max-width: 767px) {
  .tp-about__wrap {
    margin-left: 0;
  }
}

.tp-about__wapper {
  margin-left: -30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-about__wapper {
    margin-left: 0;
    text-align: center;
  }
}

.tp-about__save-money span {
  font-size: 50px;
  color: var(--tp-theme-1);
  float: left;
  margin-right: 15px;
}

.tp-about__save-money-content {
  overflow: hidden;
}

.tp-about__save-money-content h4 {
  font-size: 20px;
  color: var(--tp-heading-primary);
  font-weight: 400;
}

.tp-about__trusted-by-icon span {
  font-size: 40px;
  color: var(--tp-heading-primary);
  height: 70px;
  width: 70px;
  background: var(--tp-theme-2);
  display: inline-block;
  text-align: center;
  line-height: 80px;
  border-radius: 50%;
  margin-bottom: 15px;
  transition: 0.4s;
}

.tp-about__trusted-by-icon span:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
}

.tp-about__trusted-by {
  background: var(--tp-grey-1);
  padding: 20px 10px 20px 10px;
  border-bottom: 4px solid var(--tp-theme-1);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px),
  only screen and (min-width: 450px) and (max-width: 575px) {
  .tp-about__trusted-by {
    display: none;
  }
}

.tp-about__trusted-by b {
  font-size: 16px;
  color: var(--tp-heading-primary);
  font-weight: 700;
  line-height: 30px;
}

.tp-about__author {
  display: flex;
  flex-wrap: wrap;
}

.tp-about__author-thumb {
  float: left;
  margin-right: 10px;
  margin-right: 20px;
}

.tp-about__author-content {
  float: right;
  margin-top: 6px;
}

.tp-about__author-content span {
  font-size: 16px;
  color: var(--tp-text-body);
}

.tp-about__author-title {
  font-size: 20px;
  color: var(--tp-heading-primary);
  margin-bottom: 0px;
}

.tp-about__main-img {
  position: relative;
}

.tp-about__main-img::after {
  content: "";
  position: absolute;
  background-image: -moz-linear-gradient(
    90deg,
    rgb(0, 113, 93) 0%,
    rgb(126, 163, 92) 34%,
    rgb(251, 212, 90) 100%
  );
  background-image: -webkit-linear-gradient(
    90deg,
    rgb(0, 113, 93) 0%,
    rgb(126, 163, 92) 34%,
    rgb(251, 212, 90) 100%
  );
  background-image: -ms-linear-gradient(
    90deg,
    rgb(0, 113, 93) 0%,
    rgb(126, 163, 92) 34%,
    rgb(251, 212, 90) 100%
  );
  width: 30px;
  height: 115px;
  right: 30px;
  top: 46px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about__main-img::after {
    right: 0;
  }
}

@media (max-width: 767px) {
  .tp-about__main-img::after {
    display: none;
  }
}

.tp-about-counter {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.04);
  display: inline-block;
  padding: 15px 21px 15px 21px;
  z-index: 9;
  position: absolute;
  bottom: -50px;
  left: 102px;
  right: 110px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-counter {
    left: 100px;
    right: 100px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-counter {
    left: 230px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about-counter {
    left: 150px;
    right: 150px;
  }
}

@media (max-width: 767px) {
  .tp-about-counter {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .counter__content p {
    font-size: 14px;
  }
}

.tp-about-counter-icon span {
  font-size: 44px;
  color: var(--tp-heading-primary);
  background: #f9f4e8;
  height: 70px;
  width: 70px;
  display: inline-block;
  text-align: center;
  line-height: 84px;
  border-radius: 50%;
}

.tp-about-counter-icon {
  float: left;
  margin-right: 26px;
}

.tp-about-counter-text {
  float: right;
}

.tp-about-counter-text h3 {
  font-size: 48px;
  color: var(--tp-theme-1);
}

.tp-about-counter-text span {
  font-size: 16px;
  color: var(--tp-text-body);
}

.counter__title {
  font-size: 48px;
  color: var(--tp-theme-1);
  line-height: 1;
  margin: 0;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .tp-about-wrap {
    margin-left: 0;
  }
}

.tp-about-2__icon_s {
  font-size: 60px;
  color: var(--tp-theme-1);
  margin-right: 21px;
  background: #fdfcfb;
  padding: 10px;
}

.tp-about-2__content .tite {
  font-size: 22px;
  color: var(--tp-heading-primary);
}

.tp-about-2__content .title_20 {
  font-size: 16px;
  color: var(--tp-text-body);
  padding-right: 80px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-about-2__content .title_20 {
    padding-right: 0px;
  }
}

.tp-about-2__wapper .experience {
  display: flex;
  text-align: left;
  background: var(--tp-theme-1);
  padding: 20px 40px;
  position: absolute;
  top: 15%;
  left: 0;
  width: 250px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-2__wapper .experience {
    left: 267px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-2__wapper .experience {
    padding: 8px 28px;
    width: 198px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about-2__wapper .experience {
    left: 55px;
  }
}

@media (max-width: 767px) {
  .tp-about-2__wapper .experience {
    display: none;
  }
}

@media only screen and (min-width: 450px) and (max-width: 575px) {
  .tp-about-2__wapper .experience {
    padding: 3px 7px;
  }
}

.tp-about-2__wapper .experience span {
  color: var(--tp-common-white);
  margin-right: 15px;
  font-size: 48px;
  font-weight: 400;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-2__wapper .experience span {
    margin-right: 13px;
    font-size: 38px;
  }
}

.tp-about-2__wapper .experience p {
  font-size: 16px;
  font-weight: 400;
  color: var(--tp-common-white);
  line-height: 25px;
}

.tp-about-2__wapper .experience::after {
  position: absolute;
  bottom: -28px;
  content: "";
  clip-path: polygon(100% 11%, 0 11%, 100% 64%);
  right: 95px;
  z-index: 1;
  background: #e2ece7;
  height: 30px;
  width: 154px;
  transform: rotate(-1deg);
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tp-about-2__wapper .experience::after {
    right: 96px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-2__wapper .experience::after {
    right: 30px;
    z-index: -1;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about-2__wapper .experience::after {
    right: 44px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px),
  only screen and (min-width: 450px) and (max-width: 575px) {
  .tp-about-2__wapper .experience::after {
    display: none;
  }
}

@media only screen and (min-width: 450px) and (max-width: 575px) {
  .tp-about-2__wapper .experience::after {
    right: 88px;
    height: 30px;
    width: 104px;
  }
}

.tp-about-2__ab-third-img {
  margin-top: -54px;
  position: relative;
  z-index: -1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-2__ab-third-img {
    margin-top: -66px;
  }
}

@media (max-width: 767px) {
  .tp-about-2__ab-third-img {
    z-index: 9;
  }
}

.tp-about-bg {
  position: absolute;
  z-index: -1;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-bg {
    left: -231px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px),
  only screen and (min-width: 450px) and (max-width: 575px) {
  .tp-about-wrap {
    margin-left: 0px;
    padding-left: 0;
  }
}

.tp-about-pre {
  font-size: 18px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-pre {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .team-padding {
    padding-top: 0;
    padding-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .tp-about-area-2 {
    padding-bottom: 89px;
  }
}

@media (max-width: 767px) {
  .tp-about-3__area {
    padding-bottom: 60px;
    padding-top: 50px;
  }
}

.tp-about-3__area .wrapper-box {
  padding-left: 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-3__area .wrapper-box {
    padding-left: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-3__area .wrapper-box {
    padding-top: 92px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about-3__area .wrapper-box {
    padding-top: 92px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 767px) {
  .tp-about-3__area .wrapper-box {
    padding-left: 0;
    margin-top: 82px;
  }
}

.tp-about-3__wrap .help-list ul li {
  width: 100%;
}

@media (max-width: 767px) {
  .tp-about-3__wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}

.tp-about-3__wrapper {
  margin-left: -60px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-3__wrapper {
    margin-left: 104px;
    margin-right: 100px;
  }
}

@media (max-width: 767px) {
  .tp-about-3__wrapper {
    margin-left: 0px;
  }
}

.tp-about-3__trusted-by-icon {
  position: absolute;
  top: -43px;
  left: 0;
  right: 0;
}

.tp-about-3__trusted-by-icon span {
  font-size: 40px;
  color: var(--tp-common-white);
  height: 70px;
  width: 70px;
  background: var(--tp-theme-1);
  display: inline-block;
  text-align: center;
  line-height: 80px;
  border-radius: 50%;
  transition: 0.4s;
}

.tp-about-3__trusted-by-icon span:hover {
  background: var(--tp-theme-2);
  color: var(--tp-common-white);
}

.tp-about-3__trusted-content {
  background: var(--tp-grey-1);
  padding: 30px 30px 25px 30px;
  border-bottom: 4px solid #283734;
  position: relative;
  display: inline-block;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px),
  only screen and (min-width: 450px) and (max-width: 575px) {
  .tp-about-3__trusted-by {
    display: none;
  }
}

.tp-about-3__trusted-by b {
  font-size: 16px;
  color: var(--tp-heading-primary);
  font-weight: bold;
  line-height: 30px;
}

.tp-about-3__box .ms-img {
  position: absolute;
  right: -18px;
  top: -60px;
  border: 20px solid var(--tp-common-white);
}

@media (max-width: 767px) {
  .tp-about-3__box .ms-img {
    right: -6px;
    top: -33px;
    border: 5px solid var(--tp-common-white);
    width: 50%;
  }
}

.tp-about-3__box .md-img {
  position: absolute;
  bottom: -45px;
  right: 0;
}

.tp-about-3__counter {
  background: var(--tp-theme-1);
  padding: 15px 40px;
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: hidden;
  min-width: 238px;
  padding-bottom: 8px;
  margin-bottom: -45px;
}

.tp-about-3__counter p {
  float: right;
  font-size: 16px;
  color: var(--tp-common-white);
}

.tp-about-3__counter .shap {
  position: absolute;
  top: -23px;
  right: -27px;
}

.tp-about-3__title {
  font-size: 48px;
  color: var(--tp-theme-2);
  float: left;
  margin-right: 15px;
  margin-bottom: 5px;
}

.tp-about-man {
  position: absolute;
  z-index: -1;
  right: -145px;
  bottom: 173px;
  animation: moving 9s linear infinite;
}

.tp-about-man-img {
  position: absolute;
  z-index: -1;
  bottom: 40px;
  left: 0;
  animation: moving 9s linear infinite;
}

.tp-about-4__btn-box {
  float: left;
  margin-right: 30px;
}

.tp-about-4__call-icon {
  height: 49px;
  width: 49px;
  text-align: center;
  line-height: 51px;
  font-size: 20px;
  border: 1px solid #ebecec;
  border-radius: 30px;
}

.tp-about-4__call {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .tp-about-4__call {
    float: left;
  }
}

.tp-about-4__call-icon {
  height: 48px;
  width: 48px;
  background: var(--tp-grey-1);
  text-align: center;
  line-height: 51px;
  font-size: 20px;
}

.tp-about-4__content span {
  color: #00715d;
  font-size: 12px;
  line-height: 0;
}

.tp-about-4__content a {
  font-size: 16px;
  color: #283734;
  font-weight: 700;
}

@media (max-width: 767px) {
  .tp-about-area {
    padding-bottom: 40px;
    padding-top: 70px;
  }
}

/*----------------------------------------*/

/*  7.9 feature css
/*----------------------------------------*/

.tpfeature {
  background: var(--tp-heading-primary);
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.tpfeature-area {
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .tpfeature-area {
    padding-bottom: 41px;
    padding-top: 70px;
  }
}

.tpfeature::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  background: var(--tp-theme-1);
  transition: all 500ms ease;
  transform: translate3d(0px, 100%, 0px);
  z-index: 1;
}

.tpfeature__btn i {
  color: var(--tp-theme-2);
  margin-left: 10px;
  font-size: 15px;
  margin-right: 2px;
}

.tpfeature__content {
  padding: 38px 30px 50px 30px;
  z-index: 1;
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpfeature__content {
    padding: 39px 12px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpfeature__content {
    padding: 40px 19px;
  }
}

.tpfeature__content p {
  color: #ced0d0;
  margin-bottom: 20px;
  z-index: 9999;
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpfeature__content p {
    font-size: 12px;
  }
}

.tpfeature__content::after,
.tpfeature__content::before {
  content: "";
  position: absolute;
  height: 300px;
  width: 300px;
  background: linear-gradient(0deg, #efe018 0%, var(--tp-theme-1) 100%);
  bottom: -157px;
  right: -141px;
  border-radius: 50%;
  transition: all 500ms ease;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpfeature__content::after,
  .tpfeature__content::before {
    height: 266px;
    width: 260px;
  }
}

@media (max-width: 767px) {
  .tpfeature__content::after,
  .tpfeature__content::before {
    height: 280px;
    width: 280px;
  }
}

.tpfeature__content::before {
  bottom: -100%;
  right: -100%;
  background: rgb(251, 212, 90);
  background: linear-gradient(
    90deg,
    rgb(251, 212, 90) 0%,
    rgb(0, 113, 93) 100%
  );
  z-index: 1;
}

.tpfeature__title {
  font-size: 22px;
  color: var(--tp-theme-2);
  font-weight: 600;
  margin-bottom: 16px;
  display: inline-block;
  letter-spacing: 1px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpfeature__title {
    font-size: 19px;
    padding-bottom: 10px;
  }
}

.tpfeature__icon {
  position: absolute;
  bottom: 21px;
  right: 25px;
  z-index: 2;
}

.tpfeature__icon:hover {
  color: var(--tp-theme-2);
}

.tpfeature__icon i {
  font-size: 60px;
  color: var(--tp-common-white);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpfeature__icon i {
    font-size: 40px;
  }
}

.tpfeature__man-img {
  position: absolute;
  right: 0;
  bottom: 0;
  animation: moving 9s linear infinite;
}

.tpfeature:hover .tpfeature__content::before {
  bottom: -157px;
  right: -141px;
}

.tpfeature:hover .tpfeature__title {
  color: #fff;
}

.tpfeature:hover.tpfeature::before {
  transform: translate3d(0px, 0, 0px);
}

.tpfeature:hover span {
  color: var(--tp-common-white);
}

.tpfeature:hover a i {
  color: var(--tp-common-white);
  animation: tfLeftToRight 0.5s forwards;
}

.tp-feature-2__icon span {
  color: #fbd663;
  font-size: 47px;
}

.tp-feature-2__icon:hover {
  margin-top: -10px;
}

.tp-feature-2__shap {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 140px;
  height: 154px;
  background: #fbd663;
  clip-path: polygon(84% 0, 100% 16%, 100% 0);
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  transform: translateY(-40px);
  z-index: 2;
}

.tp-feature-2__item {
  overflow: hidden;
}

.tp-feature-2__item:hover .tp-feature-2__content-wrapper {
  bottom: 0;
}

.tp-feature-2__item:hover .tp-feature-2__shap {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.tp-feature-2__item:hover .tp-feature-2__thumb::before {
  visibility: visible;
  opacity: 1;
}

.tp-feature-2__thumb::before {
  background: rgba(12, 38, 33, 0.9);
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.4;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.tp-feature-2__content-wrapper {
  position: absolute;
  left: 0;
  bottom: -44%;
  padding: 17px 30px;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-feature-2__content-wrapper {
    bottom: -56%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-feature-2__content-wrapper {
    bottom: -53%;
  }
}

@media (max-width: 767px) {
  .tp-feature-2__content-wrapper {
    bottom: -68%;
  }
}

@media only screen and (min-width: 450px) and (max-width: 575px) {
  .tp-feature-2__content-wrapper {
    bottom: -23%;
  }
}

.tp-feature-2__content p {
  color: var(--tp-common-white);
  opacity: 0.7;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-feature-2__content p {
    font-size: 14px;
  }
}

.tp-feature-2__link a {
  font-size: 14px;
  color: #fbd663;
  font-weight: bold;
}

.tp-feature-2__link i {
  color: var(--tp-common-white);
  margin-left: 10px;
}

.tp-feature-title-2 {
  color: var(--tp-common-white);
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-feature-title-2 {
    margin-bottom: 45px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-feature-title-2 {
    margin-bottom: 20px;
  }
}

.tp-features-3__item:hover .tp-features-3__icon {
  color: var(--tp-heading-primary);
}

.tp-features-3__item:hover .tp-features-3__bg-number h2 {
  -webkit-text-stroke: 1px var(--tp-common-white);
}

.tp-features-3__area {
  background-repeat: no-repeat;
  background-size: cover;
}

.tp-features-3__info {
  background: var(--tp-heading-primary);
  padding: 37px 35px;
}

.tp-features-3__title {
  font-size: 22px;
  color: var(--tp-common-white);
  margin-bottom: 12px;
  font-weight: 400;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.tp-features-3__content {
  position: relative;
  z-index: 9999;
}

.tp-features-3__content p {
  color: #98a8a5;
}

.tp-features-3__icon {
  color: var(--tp-common-white);
  font-size: 70px;
  z-index: 9;
  position: relative;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.tp-features-3__bg-number h2 {
  position: absolute;
  top: 26px;
  right: 25px;
  font-size: 110px;
  font-weight: 500;
  color: transparent;
  -webkit-text-stroke: 1px #fbd45b;
  opacity: 0.5;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  z-index: 9;
}

.tp-features-3__img {
  position: absolute;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  opacity: 0;
  visibility: hidden;
  height: 100%;
  width: 100%;
}

.tp-features-3__img img {
  height: 100%;
}

.tp-features-3__item {
  overflow: hidden;
}

.tp-features-3__item::before {
  position: absolute;
  content: "";
  background: var(--tp-theme-1);
  width: 140px;
  height: 220px;
  top: -70px;
  left: -31px;
  transform: rotate(-45deg);
  z-index: 2;
  transition: all 500ms ease;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .tp-features-3__item::before {
    left: -65px;
    top: -96px;
    width: 168px;
    height: 252px;
  }
}

.tp-features-3__item::after {
  position: absolute;
  content: "";
  background: #fbd45b;
  width: 140px;
  height: 220px;
  top: -100%;
  left: -100%;
  transform: rotate(-45deg);
  z-index: 3;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .tp-features-3__item::after {
    width: 168px;
    height: 252px;
  }
}

.tp-features-3__item:hover .tp-features-3__img {
  opacity: 0.2;
  visibility: visible;
}

.tp-features-3__item:hover h3 {
  color: #fbd45b;
}

.tp-feature-3__bg-amg {
  position: absolute;
  top: 0;
  left: 0;
  animation: moving 9s linear infinite;
}

.tp-features-3:hover .tp-features-3__item::after {
  top: -70px;
  left: -31px;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .tp-features-3:hover .tp-features-3__item::after {
    left: -65px;
    top: -96px;
  }
}

/*----------------------------------------*/

/*  8.6 service css
/*----------------------------------------*/

.tp-services-2:hover img {
  transform: scale(1.1);
}

.tp-services-2__thumb__thumb-img img {
  transition: all 0.8s ease-out 0s;
}

.tpservices:hover .tpservices__service-icon {
  opacity: 1;
  visibility: visible;
  transform: scale(1) translateY(-50%);
}

.tpservices {
  position: relative;
}

.tpservices:hover img {
  transform: scale(1.1);
}

.tpservices:hover .tpservices__thumb::before {
  visibility: visible;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  opacity: 1;
}

.tpservices:hover .tpservices__icon a::before {
  visibility: visible;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  opacity: 1;
}

.tpservices:hover .tpservices__icon a i {
  color: #283734;
}

.tpservices:hover .tpservices__number span {
  color: #283734;
  z-index: 999;
  position: relative;
}

.tpservices:hover .tpservices__number-count::before {
  opacity: 1;
  width: 30px;
  opacity: 1;
  z-index: 3;
}

.tpservices__thumb {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.tpservices__thumb img {
  width: 100%;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.tpservices__thumb::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 113, 93, 0.9);
  -webkit-transition: opacity 500ms ease, visibility 500ms ease,
    -webkit-transform 500ms ease;
  transition: opacity 500ms ease, visibility 500ms ease,
    -webkit-transform 500ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease,
    -webkit-transform 500ms ease;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  z-index: 1;
}

.tpservices__icon {
  margin-top: -35px;
  position: relative;
  margin-bottom: 12px;
  display: inline-block;
  z-index: 3;
  overflow: hidden;
}

.tpservices__icon a {
  display: inline-block;
  font-size: 30px;
  width: 60px;
  height: 60px;
  line-height: 68px;
  text-align: center;
  background: var(--tp-theme-1);
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.tpservices__icon a::before {
  background: #fbd45b;
  color: var(--tp-heading-primary);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  display: block;
  transition: all 0.4s;
  -webkit-transition: opacity 500ms ease, visibility 500ms ease,
    -webkit-transform 500ms ease;
  transition: opacity 500ms ease, visibility 500ms ease,
    -webkit-transform 500ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease,
    -webkit-transform 500ms ease;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  z-index: 1;
}

.tpservices__icon a i {
  color: var(--tp-common-white);
  position: relative;
  z-index: 2;
  font-size: 35px;
}

.tpservices__content {
  padding: 20px;
  padding-top: 0;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.1);
}

.tpservices__title {
  font-size: 20px;
  color: var(--tp-heading-primary);
  margin-bottom: 15px;
}

.tpservices__title:hover {
  color: var(--tp-theme-1);
}

.tpservices__number {
  position: absolute;
  right: 58px;
  top: 3px;
}

.tpservices__service-icon {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  transform: scale(0) translateY(-50%);
  opacity: 0;
  visibility: hidden;
  z-index: 99999999;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.tpservices__service-icon a {
  height: 35px;
  width: 35px;
  background: var(--tp-theme-2);
  text-align: center;
  line-height: 37px;
  border-radius: 50%;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  display: inline-block;
}

.tpservices__service-icon a:hover {
  background-color: #fff;
}

.tpservices__service-icon a i {
  transform: rotate(-30deg);
}

.tpservices__number-count {
  position: relative;
}

.tpservices__number-count span {
  font-size: 12px;
  color: #eff0f0;
  font-weight: 700;
  transition: 0.3s;
}

.tpservices__number-count::after {
  content: "";
  position: absolute;
  background: #eff0f0;
  width: 30px;
  height: 1px;
  left: 25px;
  bottom: 13px;
}

.tpservices__number-count::before {
  position: absolute;
  content: "";
  top: 17px;
  left: 25px;
  height: 1px;
  width: 0px;
  opacity: 0;
  background-color: #fbd45b;
  transition: 0.3s linear;
  z-index: 2;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

@media (max-width: 767px) {
  .tp-services-2 {
    padding-bottom: 49px;
    padding-top: 0px;
  }
}

.tp-services-2__link a {
  font-weight: 700;
  display: inline-block;
  color: #6f7775;
}

.tp-services-2__shap::before {
  content: "";
  position: absolute;
  height: 79px;
  width: 59px;
  background: #fcb65a;
  border-radius: 0 0 30px 30px;
  transform: rotate(-20deg);
  top: -30px;
  left: 40px;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
  transform: translateY(0px);
}

.tp-services-2__icon span a {
  font-size: 41px;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 80px;
  width: 80px;
  background: var(--tp-theme-1);
  line-height: 94px;
  text-align: center;
  color: var(--tp-common-white);
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  cursor: pointer;
  overflow: hidden;
  z-index: 3;
}

.tp-services-2__icon span a::before {
  position: absolute;
  content: "";
  color: var(--tp-heading-primary);
  background: var(--tp-theme-2);
  width: 100%;
  height: 100%;
  display: inline-block;
  top: 0;
  left: 0;
  z-index: 1;
  transform: scale(0);
  transition: all 0.4s;
  -webkit-transition: opacity 500ms ease, visibility 500ms ease,
    -webkit-transform 500ms ease;
  transition: opacity 500ms ease, visibility 500ms ease,
    -webkit-transform 500ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease,
    -webkit-transform 500ms ease;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  z-index: 1;
}

.tp-services-2__icon span a i {
  z-index: 4;
  position: relative;
}

.tp-services-2__content {
  padding: 30px;
  padding-bottom: 20px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.06);
}

.tp-services-2__content-bottom {
  border-top: 1px solid #e9ebea;
}

.tp-services-2__content-top p {
  padding-bottom: 22px;
}

.tp-services-2__right-icon span a {
  background: #f6f8f8;
  padding: 5px;
  height: 30px;
  width: 30px;
  display: inline-block;
  line-height: 20px;
  text-align: center;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.tp-services-2__thumb::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(40, 55, 52, 0.7);
  opacity: 0;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease,
    -webkit-transform 500ms ease;
  visibility: hidden;
  transform: translateY(-100%);
  overflow: hidden;
  z-index: 2;
}

.tp-services-2__thumb img {
  transition: all 0.8s ease-out 0s;
}

.tp-services-2__item {
  overflow: hidden;
}

.tp-services-2__item:hover .tp-services-2__thumb img {
  transform: scale(1.2) rotate(-2deg);
}

.tp-services-2__linka {
  color: var(--tp-text-body);
  font-size: 14px;
  text-transform: uppercase;
}

.tp-services-2__link:hover a {
  color: var(--tp-theme-1);
}

.tp-services-2__right-icon:hover span a {
  color: var(--tp-common-white);
  background: var(--tp-theme-1);
}

.tp-services-2:hover .tp-services-2__thumb::before {
  opacity: 1;
  visibility: visible;
  transform: translateY(0%);
}

.tp-services-2:hover .tp-services-2__icon span a::before {
  transform: scale(1);
  visibility: visible;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  opacity: 1;
}

.tp-services-2:hover .tp-services-2__icon span a i {
  color: #283734;
}

.tp-services-2:hover .tp-services-2__shap::before {
  opacity: 1;
  visibility: visible;
  transform: translateY(20px);
  transform: rotate(-29deg);
}

@media (max-width: 767px) {
  .searvice-area {
    padding-bottom: 50px;
    padding-top: 70px;
  }
}

.tp-services-title-2 {
  font-size: 24px;
  color: var(--tp-heading-primary);
  font-weight: 400;
  margin-bottom: 8px;
}

.tp-services-title-2:hover {
  color: var(--tp-theme-1);
}

.tp-services-3__area {
  margin-right: 160px;
  margin-left: 160px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-services-3__area {
    margin-right: 100px;
    margin-left: 100px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .tp-services-3__area {
    margin-right: 0;
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .tp-services-3__area {
    padding-bottom: 20px;
    padding-top: 70px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-services-3__area .tp-section-box {
    margin-bottom: 50px;
  }
}

.tp-services-3__icon {
  position: relative;
  z-index: 2;
  margin-bottom: -40px;
  margin-left: 30px;
}

.tp-services-3__icon a {
  height: 78px;
  width: 78px;
  background: #fbd45b;
  display: inline-block;
  text-align: center;
  line-height: 85px;
  font-size: 40px;
  border-radius: 50%;
  color: var(--tp-heading-primary);
}

.tp-services-3__icon a:hover {
  background: var(--tp-theme-1);
  color: #fff;
}

.tp-services-3__title:hover {
  color: var(--tp-theme-1);
}

.tp-services-3__content {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.06);
  position: relative;
  padding: 14px 24px;
  transition: 0.3s;
  z-index: 2;
  text-align: center;
  margin: 0 30px;
  margin-top: 0px;
  margin-top: -40px;
}

.tp-services-3__info span {
  color: var(--tp-theme-1);
  font-size: 16px;
  font-weight: 400;
}

.tp-services-3__title {
  font-size: 24px;
  color: var(--tp-heading-primary);
  font-weight: 400;
}

.tp-services-3__lefticon a {
  position: absolute;
  right: 0;
  top: -40px;
  background: #fbd45b;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 45px;
  color: var(--tp-heading-primary);
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.tp-services-3__thumb::before {
  position: absolute;
  content: "";
  background: rgba(40, 55, 52, 0.65);
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease,
    -webkit-transform 500ms ease;
  visibility: hidden;
  -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.3s;
  transition-property: all;
  z-index: 1;
}

.tp-services-3:hover .tp-services-3__thumb::before {
  opacity: 1;
  visibility: visible;
  -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1);
  -ms-transform: perspective(400px) rotateX(0deg) scaleY(1);
  transform: perspective(400px) rotateX(0deg) scaleY(1);
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.7s;
  transition-property: all;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.tp-services-3:hover .tp-services-3__lefticon a {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
}

/*----------------------------------------*/

/*  7.4 choose css
/*----------------------------------------*/

.popup-video {
  display: block;
}

.choose-area {
  position: relative;
}

.choose-left-bg-img {
  position: absolute;
  left: 0;
  top: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .choose-left-bg-img {
    left: -130px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .choose-left-bg-img {
    width: 100%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .choose-left-bg-img {
    left: -174px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .choose-left-bg-img {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .choose-text {
    overflow: hidden;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpchoose {
    margin-left: 9px;
    margin-top: 33px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpchoose {
    margin-top: 90px;
    margin-left: 30px;
  }
}

@media (max-width: 767px) {
  .tpchoose {
    margin-left: 0;
    margin-top: 20px;
  }
}

.tpchoose__progress-bar h3 {
  font-size: 22px;
  color: var(--tp-heading-primary);
  margin-top: 30px;
  margin-bottom: 13px;
}

.tpchoose__img {
  position: relative;
  margin-left: -130px;
  position: relative;
}

.tpchoose__img img {
  width: inherit;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpchoose__img {
    margin-left: 12px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpchoose__img {
    margin-left: -5px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px) {
  .tpchoose__img {
    text-align: center;
    margin-left: 4px;
  }
}

@media (max-width: 767px) {
  .tpchoose__img {
    margin-left: 0px;
  }
}

.tpchoose__img a {
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  color: var(--tp-heading-primary);
  background: var(--tp-theme-2);
  height: 60px;
  width: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 30px;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  -webkit-animation: tp-ripple 1.2s linear infinite;
  animation: tp-ripple 1.2s linear infinite;
}

.tpchoose__img a:hover {
  background: #00715d;
}

.tpchoose__img a:hover i {
  color: #fff;
}

.tpchoose__img a i {
  color: var(--tp-heading-primary);
  transition: 0.4s;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpchoose__img a {
    left: 52%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .tpchoose__img a {
    left: 50%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px) {
  .choose-left-bg-img img {
    width: 100%;
  }
}

.save-money .choose-icon {
  float: left;
  margin-right: 10px;
}

.save-money .choose-icon i {
  font-size: 60px;
  color: var(--tp-theme-1);
  margin-right: 9px;
}

.work-together__progress {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 22px;
}

.work-together__progress-single {
  position: relative;
  display: block;
}

.work-together__progress-title {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 9px;
  font-weight: 400;
  color: var(--tp-heading-primary);
}

.work-together__progress .bar {
  position: relative;
  width: 100%;
  height: 13px;
  background-color: var(--tp-grey-1);
}

.work-together__progress .count-text {
  position: absolute;
  right: 0px;
  bottom: 20px;
  opacity: 0;
  transition: all 500ms ease;
  font-size: 14px;
  font-weight: 500;
}

.work-together__progress .bar-inner {
  position: relative;
  display: block;
  height: 10px;
  background-color: #fbd663;
  transition: all 1500ms ease;
}

.work-together__progress .bar-inner.counted .count-text {
  opacity: 1;
}

.choose-text h4 {
  font-size: 22px;
  color: var(--tp-heading-primary);
  font-weight: 400;
}

.tpchoose-3 {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.06);
  padding: 30px 18px;
  text-align: center;
  position: relative;
  transition: all 800ms ease;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpchoose-3 {
    padding: 25px 6px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpchoose-3 {
    padding: 30px 11px;
  }
}

@media (max-width: 767px) {
  .tpchoose-3 {
    margin-bottom: 60px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpchoose-3__wrap {
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpchoose-3__wrap {
    margin-left: 0;
    margin-top: 40px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpchoose-3__wrap {
    margin-top: 56px;
    margin-left: 0px;
  }
}

@media (max-width: 767px) {
  .tpchoose-3__wrap {
    margin-left: 0px;
    margin-top: 40px;
  }
}

.tpchoose-3__left-img {
  position: absolute;
  left: 0;
  top: 0;
}

.tpchoose-3__icon {
  height: 75px;
  width: 75px;
  color: var(--tp-common-white);
  background: var(--tp-heading-primary);
  line-height: 76px;
  font-size: 42px;
  border-radius: 50%;
  position: absolute;
  top: -36px;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
  border: 4px solid var(--tp-grey-1);
  transition: all 700ms ease;
}

.tpchoose-3__vide-button {
  display: flex;
  background: #fcfaf7;
}

.tpchoose-3__right img {
  margin-top: 19px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpchoose-3__right img {
    position: relative;
    z-index: 3;
  }
}

.tpchoose-3__bacakgraud-color {
  position: absolute;
  top: 1px;
  left: 54px;
  width: 200px;
  height: 310px;
  background: #00715d;
  z-index: -1;
}

.tpchoose-3__content .tpchoose-title {
  font-size: 18px;
  color: var(--tp-heading-primary);
  margin-bottom: 13px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpchoose-3__content .tpchoose-title {
    font-size: 14px;
  }
}

.tpchoose-3__content p {
  color: var(--tp-text-body);
  font-size: 14px;
  line-height: 24px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpchoose-3__content p {
    font-size: 12px;
    line-height: 19px;
  }
}

.tpchoose-3:hover {
  background: var(--tp-theme-1);
  transform: translateY(-19px);
}

.tpchoose-3:hover .tpchoose-3__icon {
  color: var(--tp-heading-primary);
  background: #fbd45b;
  border-color: var(--tp-common-white);
}

.tpchoose-3:hover .tpchoose-title {
  color: var(--tp-common-white);
  transition: all 700ms ease;
}

.tpchoose-3:hover .tpchoose-3__content p {
  color: #90c8be;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpchoose-3__thumb {
    margin: 0 160px;
    margin-bottom: 55px;
  }
}

.tpchoose-3__right-bg {
  position: absolute;
  top: -75px;
  right: 0;
  animation: moving 9s linear infinite;
}

.tpchoose-3__area {
  overflow: hidden;
}

.tpchoose-3__left {
  margin-top: -120px;
  z-index: 2;
  position: relative;
}

@media (max-width: 767px) {
  .tpchoose-3__left {
    margin-bottom: 40px;
    margin-left: 90px;
  }
}

.tpchoose-3__shap::after {
  content: "";
  position: absolute;
  top: -480px;
  left: -292px;
  width: 600px;
  height: 600px;
  border-radius: 50%;
  background: #e8efeb;
  animation: moving 9s linear infinite;
}

.tpchoose-3__before::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 30px;
  background: var(--tp-theme-1);
  width: 25px;
  height: 100px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpchoose-3__before::before {
    top: 52px;
    left: 192px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpchoose-3__before::before {
    right: 122px;
    bottom: 43px;
  }
}

@media (max-width: 767px) {
  .tpchoose-3__before::before {
    display: none;
  }
}

@media (max-width: 767px) {
  .tpchoose-3__right {
    margin-left: 0;
    margin-bottom: 40px;
  }
}

.tpchoose-3__right .vide-button {
  position: absolute;
  top: 66px;
  text-align: center;
  right: 46px;
  height: 60px;
  width: 60px;
  background: #fbd663;
  line-height: 60px;
  cursor: pointer;
  border-radius: 50%;
  -webkit-animation: tp-ripple 1.2s linear infinite;
  animation: tp-ripple 1.2s linear infinite;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  z-index: 5;
}

.tpchoose-3__right .vide-button i {
  transition: 0.4s;
}

.tpchoose-3__right .vide-button:hover {
  background: #00715d;
}

.tpchoose-3__right .vide-button:hover i {
  color: #fff;
}

@media (max-width: 767px) {
  .choose-area {
    padding-bottom: 80px;
  }
}

@media (max-width: 767px) {
  .tpchoose-4__area {
    padding-bottom: 30px;
  }
}

.tpchoose-4__vide-button {
  position: absolute;
  top: 50%;
  bottom: 50%;
  text-align: center;
  right: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 60px;
  width: 60px;
  background: #fbd663;
  line-height: 60px;
  cursor: pointer;
  border-radius: 50%;
  -webkit-animation: tp-ripple 1.2s linear infinite;
  animation: tp-ripple 1.2s linear infinite;
  transition: 0.5s;
  -webkit-transition: 0.5s;
}

.choose-left-shap {
  position: absolute;
  top: -55px;
  left: 0;
  animation: moving 9s linear infinite;
}

@media (max-width: 767px) {
  .tpchoose-3__area {
    padding-bottom: 30px;
  }
}

.tpchoose-3__vide-button {
  position: absolute;
  right: 0;
  bottom: 0;
}

.tpchoose-3__vide-button span {
  padding: 15px 27px;
  color: #283734;
}

.tpchoose-3__vide-button a {
  background-color: #fbd45a;
  height: 60px;
  width: 60px;
  line-height: 60px;
  text-align: center;
  color: #283734;
  font-size: 20px;
}

/*----------------------------------------*/

/*  8.9 testimonial css
/*----------------------------------------*/

.testimonials-area {
  background-size: cover;
  background-position: center;
  position: relative;
}

.testimonials-area::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-color: #0a0f1fdb;
  opacity: 0.91;
}

.tptestimonial__info {
  background: var(--tp-common-white);
  padding: 77px 40px;
  padding-bottom: 47px;
  position: relative;
  overflow: hidden;
}

@media (max-width: 767px) {
  .tptestimonial__info {
    padding: 76px 25px;
  }
}

.tptestimonial__info .star i {
  color: var(--tp-theme-2);
  font-size: 18px;
}

.tptestimonial__info::before {
  content: "";
  position: absolute;
  height: 110px;
  width: 110px;
  background: #2e3756;
  bottom: -15px;
  right: -32px;
  border-radius: 50%;
  transform: translateX(114px);
  transition: 0.5s;
}

.tptestimonial__info::after {
  content: "";
  position: absolute;
  height: 110px;
  width: 110px;
  background: #e61e24;
  bottom: -50px;
  right: -8px;
  border-radius: 50%;
  transform: translateX(114px);
  transition: 0.4s;
}

.tptestimonial__avatar {
  position: absolute;
  z-index: 99;
  top: -46px;
}

.tptestimonial__meta {
  background: var(--tp-grey-1);
  padding: 17px 80px 17px 96px;
  border-radius: 0 50px 50px 0;
  display: inline-block;
}

@media (max-width: 767px) {
      .tptestimonial__meta {
        padding: 17px 35px 32px 125px;
    }
    .reviewer-name h5{
        font-size:16px;
    }
}

.tptestimonial__thumb {
  position: absolute;
  top: -17px;
  left: -50px;
}

@media (max-width: 767px) {
  .tptestimonial__thumb {
    top: 5px;
    left: 10px;
  }
}

.tptestimonial__thumb img {
  z-index: 22;
  position: relative;
  border-radius: 100%;
}

@media (max-width: 767px) {
  .tptestimonial__thumb img {
    width: 100px;
  }
}

.testimonial-slider-dots
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--tp-theme-2);
  width: 30px;
  opacity: 1;
}

.testimonial-slider-dots .swiper-pagination-bullet {
  width: 20px;
  height: 4px;
  border-radius: 0;
  display: inline-block;
  background-color: var(--tp-common-white);
  margin: 0px 3px;
  opacity: 0.5;
  transition: 0.3s;
}

.tp-testimonial-titile .tp-section-subtitle {
  color: var(--tp-theme-2);
  font-size: 1;
}

.tp-testimonial-titile .tp-section-title {
  color: var(--tp-common-white);
}

.testimonials-active {
  padding-left: 60px;
  padding-right: 40px;
  padding-top: 80px;
}

@media (max-width: 767px) {
  .testimonials-active {
    margin: 0px 0px;
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .swiper-slide .tptestimonial {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .swiper-slide .tptestimonial {
    margin-right: 200px;
    margin-left: 200px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .swiper-slide .tptestimonial {
    margin-right: 100px;
    margin-left: 100px;
  }
}

@media (max-width: 767px) {
  .testimonials-area {
    padding-bottom: 169px;
    padding-top: 82px;
  }
}

@media (max-width: 767px) {
  .tp-testimonials-area {
    padding-top: 77px;
  }
}

.tp-testimonial-2__avata {
  display: flex;
}

.tp-testimonial-2__avata-img {
  margin-right: 25px;
}

@media (max-width: 767px) {
  .tp-testimonial-2__avata-img {
    margin-right: 0px;
  }
}

.tp-testimonial-2__content h2 {
  font-size: 22px;
  color: var(--tp-heading-primary);
  font-weight: 400;
  padding-bottom: 10px;
}

.tp-testimonial-2__ster-icon i {
  color: var(--tp-theme-2);
  font-size: 17px;
}

@media (max-width: 767px) {
  .tp-testimonial-2__ster-icon i {
    font-size: 13px;
  }
}

.tp-testimonial-2__avata-img::before {
  position: absolute;
  content: "";
  background: var(--tp-common-white);
  width: 120px;
  height: 120px;
  top: 15px;
  left: 0;
  z-index: 1;
  border-radius: 50%;
  line-height: 120px;
  text-align: center;
}

.tp-testimonial-2__avata-img img {
  position: relative;
  z-index: 9;
  text-align: center;
  line-height: 7px;
  margin-top: 24px;
  margin-left: 9px;
  border-radius: 100%;
}

.tp-testimonial-2__avata-img .icon {
  background: var(--tp-common-white);
  height: 50px;
  width: 50px;
  color: var(--tp-heading-primary);
  text-align: center;
  line-height: 60px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  font-size: 27px;
}

.tp-testimonial-2__right-img {
  position: absolute;
  right: -248px;
  bottom: -17px;
  transform: rotate(8deg);
  animation: moving 9s linear infinite;
}

@media (max-width: 767px) {
  .tp-testimonial-2__right-img {
    right: -212px;
    bottom: -65px;
  }
}

.tp-testimonial-2__right-img img {
  opacity: 0.1;
}

.tp-testimonial-2__item {
  padding: 30px 40px;
  overflow: hidden;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
  .tp-testimonial-2__item {
    padding: 30px 30px;
  }
}

.tp-testimonial-2__avada-info {
  z-index: 2;
}

.tp-testimonial-2__bottom-color {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 90px;
  background: var(--tp-theme-1);
  overflow: hidden;
}

.tp-testimonial-2__bottom-color::after {
  position: absolute;
  content: "";
  background: #0a6252;
  width: 60px;
  height: 80px;
  bottom: -23px;
  right: 48px;
  border-radius: 30px 30px 0 0;
  transform: rotate(-28deg);
}

@media (max-width: 767px) {
  .tp-testimonial-2__bottom-color::after {
    right: -5px;
  }
}

.tp-testimonial-2__content p {
  padding-right: 55px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-testimonial-2__content p {
    padding-right: 0px;
  }
}

.tp-testimonial-2__text span {
  font-size: 16px;
  color: var(--tp-common-white);
  font-weight: 400;
}

@media (max-width: 767px) {
  .tp-testimonial-2__text span {
    font-size: 14px;
  }
}

.testimonials-2-wrapper {
  margin-right: -580px;
}

@media (max-width: 767px) {
  .testimonials-2-wrapper {
    margin-right: 0px;
  }
}

.float-bob-y {
  -webkit-animation-name: float-bob-y;
  animation-name: float-bob-y;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

.avater-img img {
  border-radius: 100%;
}

.tp-testimonial-3__shap-bg {
  position: absolute;
  top: -168px;
  left: 0;
}

.tp-testimonial-3__item {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.06);
  padding: 35px;
  border-top: 4px solid #fbd45b;
}

.tp-testimonial-3__icon {
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  text-align: center;
  background: #fbd45b;
  display: inline-block;
  height: 50px;
  width: 50px;
  line-height: 61px;
  border-radius: 50%;
  margin: 0 auto;
  color: var(--tp-heading-primary);
  font-size: 26px;
}

.tp-testimonial-3__content p {
  padding-right: 30px;
  margin-bottom: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-testimonial-3__content p {
    padding-right: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-testimonial-3__content p {
    padding-right: 0px;
  }
}

@media (max-width: 767px) {
  .tp-testimonial-3__content p {
    padding-right: 0px;
  }
}

.tp-testimonial-3__area {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

@media (max-width: 767px) {
  .tp-testimonial-3__area {
    padding-bottom: 94px;
    padding-top: 70px;
  }
}

.tp-testimonial-3__avater-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tp-testimonial-3__avater {
  display: flex;
  align-items: center;
}

.tp-testimonial-3__avater .avater-title {
  font-size: 22px;
  color: var(--tp-heading-primary);
  font-weight: 400;
  line-height: 0;
  margin-bottom: 17px;
}

@media (max-width: 767px) {
  .tp-testimonial-3__avater .avater-title {
    font-size: 22px;
  }
}

.tp-testimonial-3__avater span {
  color: var(--tp-heading-primary);
  font-size: 16px;
}

@media (max-width: 767px) {
  .tp-testimonial-3__avater span {
    font-size: 16px;
  }
}

.tp-testimonial-3__star {
  background: #00705c;
  color: var(--tp-theme-2);
  padding: 10px 30px;
  margin-right: -66px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-testimonial-3__star {
    display: none;
  }
}

.tp-testimonial-3__star::after {
  content: "";
  position: absolute;
  height: 22px;
  width: 32px;
  background: #015344;
  bottom: -21px;
  right: 0;
  clip-path: polygon(100% 0, 0 1%, 0 99%);
}

@media (max-width: 767px) {
  .tp-testimonial-3__star::after {
    width: 54px;
  }
}

.testimonials-3-active {
  padding-right: 40px;
  padding-top: 40px;
}

@media (max-width: 767px) {
  .testimonials-3-active {
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 0;
  }
}

.testimonial-2-slider-dots .swiper-pagination-bullet {
  width: 20px;
  height: 4px;
  border-radius: 0;
  display: inline-block;
  background-color: #283734;
  margin: 0px 3px;
  transition: 0.3s;
  opacity: 1;
}

.testimonial-2-slider-dots
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--tp-theme-2);
  width: 20px;
  border-radius: 0;
}

.swiper-slide-active .tptestimonial__info::after {
  transform: translateX(0px);
}

.swiper-slide-active .tptestimonial__info::before {
  transform: translateX(0px);
}

.swiper-slide-next .tptestimonial__info::after {
  transform: translateX(0px);
}

.swiper-slide-next .tptestimonial__info::before {
  transform: translateX(0px);
}

/*----------------------------------------*/

/*  7.6 counter css
/*----------------------------------------*/

.tp-fact-area {
  background-size: cover;
  background-position: center;
  position: relative;
}

.tpfact__icon {
  float: left;
  margin-right: 20px;
}

.tpfact__icon i {
  font-size: 60px;
  color: var(--tp-heading-primary);
}

.tpfact__content {
  overflow: hidden;
}

.tpfact__content h2 {
  font-size: 31px;
  color: #2d3858;
}

.tpfact__content h2 span {
  font-size: 31px;
  color: #2d3858;
  margin: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpfact__content h2 span {
    font-size: 35px;
  }
}

.tpfact__content span {
  font-size: 18px;
  font-weight: 700;
  color: #2e3756;
}

@media (min-width: 1300px) {
  .container-custom {
    max-width: 1370px;
  }
}

.fact-bg {
  padding: 110px 25px 75px 100px;
  background-repeat: no-repeat;
  background-size: cover;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .fact-bg {
    padding: 110px 25px 75px 20px;
  }
}

@media (max-width: 767px) {
  .fact-bg {
    padding: 40px 22px 25px 20px;
  }
}

.counter-mlr {
  margin-top: -110px;
}

.tpfact-2__bg-shap {
  position: absolute;
  left: 0;
  top: 0;
  animation: moving 9s linear infinite;
}

.tpfact-2__icon {
  color: var(--tp-theme-2);
  font-size: 67px;
  font-weight: bold;
  margin-bottom: 20px;
}

.tpfact-2__icon h2 {
  font-size: 48px;
  color: var(--tp-grey-1);
  padding-top: 20px;
  margin-right: 25px;
}

.tpfact-2__icon h2 .counter {
  margin-left: 24px;
}

.tpfact-2__icon span {
  float: left;
}

.tpfact-2__content span {
  background: rgba(255, 255, 255, 0.1);
  color: var(--tp-common-white);
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  padding: 12px 31px;
  z-index: 9;
  position: relative;
  font-size: 18px;
  font-weight: 600;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tpfact-2 {
    margin-left: 0px;
  }
}

.tpfact-2:hover .tpfact-2__content span {
  background: var(--tp-common-white);
  color: var(--tp-heading-primary);
}

.tp-fact-area {
  background-repeat: no-repeat;
  background-size: cover;
}

.counter__content p {
  font-size: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .counter__content p {
    float: right;
  }
}

/*----------------------------------------*/

/*  8.4 project css
/*----------------------------------------*/

.tpproject__thumb img {
  transition: all 0.3s ease-out 0s;
}

.tpproject:hover img {
  transform: scale(1.1);
}

.projects-area-margin {
  margin-bottom: -75px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpproject {
    padding-top: 70px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpproject {
    padding-top: 70px;
  }
}

.tpproject__content {
  position: relative;
  padding: 15px 30px 25px 30px;
  transition: 0.3s;
  text-align: left;
  z-index: 9;
  margin: 0 0px;
  margin-top: 0px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.04);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpproject__content {
    margin-top: -50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpproject__content {
    padding: 12px 20px;
    margin: 0 22px;
  }
}

@media (max-width: 767px) {
  .tpproject__content {
    margin-top: -50px;
  }
}

.tpproject__content span {
  font-size: 16px;
  color: var(--tp-text-body);
  display: inline-block;
  line-height: 0;
}

.tpproject__content h3 {
  font-size: 16px;
  color: var(--tp-heading-primary);
  font-weight: 600;
  margin: 0;
  margin-top: 7px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tpproject__content h3 {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpproject__content h3 {
    font-size: 13px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpproject__content h3 {
    font-size: 17px;
    margin-top: 0px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpproject__content h3 {
    font-size: 17px;
  }
}

.tpproject__content h3:hover {
  color: #00715d;
}

.tpproject__thumb {
  position: relative;
}
.tpproject__thumb {
  overflow: visible; /* default: allow shadow to show */
  transition: overflow 0.3s ease; /* smooth change */
}

.tpproject__thumb:hover {
  overflow: hidden; /* only when hovered */
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpproject__thumb {
    bottom: -23px;
  }
}

.tpproject__thumb img {
    width: 100%;
    border-radius: 5px;
    height: 280px;
    object-fit: cover;
}
.tpproject__thumb .project-icon {
  position: absolute;
  top: 10%;
  right: 10%;
  transform: translate(-50%, -50%);
  background: var(--tp-common-white);
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 60px;
  border-radius: 50%;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  cursor: pointer;
  transform: scale(0);
  transition: all 600ms ease;
  z-index: 999999999;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 768px) and (max-width: 991px) {
  .tpproject__thumb .project-icon {
    height: 50px;
    width: 50px;
    line-height: 50px;
  }
}

.tpproject__thumb::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: rgb(45 56 88 / 82%);
  top: 0;
  left: 0;
  opacity: 0;
  transition: 0.3s;
  -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.5s;
  transition-property: all;
  z-index: 1;
}

.tpproject:hover .tpproject__thumb::before {
  opacity: 1;
  visibility: visible;
  -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1);
  -ms-transform: perspective(400px) rotateX(0deg) scaleY(1);
  transform: perspective(400px) rotateX(0deg) scaleY(1);
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.7s;
  transition-property: all;
}

.tpproject:hover .tpproject__thumb .project-icon {
  visibility: visible;
  transform: scale(1);
  opacity: 1;
  transition-delay: 300ms;
}

.tpproject:hover .tpproject__thumb .project-icon:hover {
  background: #fbd45b;
}

.tpproject:hover .tpproject__content {
  background: #525872;
}
.tpproject:hover span,
h3 {
  color: white;
}
.tpproject:hover h3 {
  color: white;
}

.mlr {
  margin-left: 175px;
  margin-right: 175px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .mlr {
    margin-left: 90px;
    margin-right: 90px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mlr {
    margin-left: 50px;
    margin-right: 50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .mlr {
    margin-left: 0px;
    margin-right: 0px;
  }
}

@media (max-width: 767px) {
  .projects-area {
    padding-top: 40px;
  }
}

.tpproject-3__hover-img {
  position: absolute;
  top: 0;
  right: -226px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  animation: moving 9s linear infinite;
}

.tpproject-3__icon:hover {
  background: #fff;
  color: #283734;
}

.tpproject-3__area {
  margin-bottom: -90px;
  position: relative;
  z-index: 1;
}

.tpproject-3__item {
  overflow: hidden;
}

.tpproject-3__item::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(251, 212, 90, 0.949);
  -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.4s;
  transition-property: all;
}

.tpproject-3__wrap:hover .tpproject-3__item::before {
  -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1);
  -ms-transform: perspective(400px) rotateX(0deg) scaleY(1);
  transform: perspective(400px) rotateX(0deg) scaleY(1);
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.7s;
  transition-property: all;
}

.tpproject-3__wrap__content {
  opacity: 1;
  visibility: visible;
}

.tpproject-3__content {
  position: absolute;
  left: 40px;
  bottom: 25px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-50px);
  transition: all 700ms ease;
  z-index: 2;
}

.tpproject-3__content span {
  color: var(--tp-heading-primary);
  font-size: 16px;
  font-weight: 400;
}

.tpproject-3__content .tpproject-title {
  font-size: 20px;
  color: var(--tp-heading-primary);
  font-weight: 400;
}

.tpproject-3__item:hover .tpproject-3__content {
  opacity: 1;
  visibility: visible;
  opacity: 1;
  transform: translateY(0%);
  transition-delay: 700ms;
}

.tpproject-3__item:hover .tpproject-3__icon {
  visibility: visible;
  transform: scale(1);
  opacity: 1;
  transition-delay: 500ms;
}

.tpproject-3__item:hover .tpproject-3__hover-img {
  opacity: 1;
  visibility: visible;
}

.tpproject-3__icon {
  position: absolute;
  top: 40px;
  left: 40px;
  color: var(--tp-common-white);
  font-size: 20px;
  background: var(--tp-theme-1);
  height: 60px;
  width: 60px;
  text-align: center;
  line-height: 66px;
  border-radius: 30px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  transform: scale(0);
  transition: all 700ms ease;
  z-index: 2;
}

.tpproject-3__icon a {
  transition: 0.3s;
}

.tpproject-3__icon::before {
  content: "";
  position: absolute;
  right: 0;
  background-image: -webkit-linear-gradient(
    90deg,
    white 0%,
    rgba(255, 255, 255, 0) 100%
  );
  transition: all 500ms ease;
  left: 50%;
  height: 115px;
  width: 4px;
  transform: rotate(-180deg);
  text-align: center;
  top: 100%;
}

.tpproject-3__icon::after {
  position: absolute;
  content: "";
  width: 155px;
  height: 4px;
  top: 50%;
  background-image: -moz-linear-gradient(
    0deg,
    white 0%,
    rgba(255, 255, 255, 0.01) 99%,
    white 100%
  );
  background-image: -webkit-linear-gradient(
    0deg,
    white 0%,
    rgba(255, 255, 255, 0.01) 99%,
    white 100%
  );
  background-image: -ms-linear-gradient(
    0deg,
    white 0%,
    rgba(255, 255, 255, 0.01) 99%,
    white 100%
  );
  transition: all 700ms ease;
  z-index: 999999;
  left: 100%;
}

/*----------------------------------------*/

/*  8.8 team css
/*----------------------------------------*/

.tp-team-2__item:hover .tp-team-2__thumb::before {
  opacity: 1;
  visibility: visible;
  -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1);
  -ms-transform: perspective(400px) rotateX(0deg) scaleY(1);
  transform: perspective(400px) rotateX(0deg) scaleY(1);
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.7s;
  transition-property: all;
}

.tp-team-2__item:hover .tp-team-2__share {
  background: var(--tp-theme-2);
  color: var(--tp-heading-primary);
}

.tp-team-2__item:hover img {
  transform: scale(1.1);
}

.tp-team-2__item:hover .tp-team-2__content::before {
  width: 100%;
  left: 0;
  right: auto;
  opacity: 1;
}

.tp-team-2__box {
  position: relative;
}

.tp-team-2__thumb::before {
  position: absolute;
  content: "";
  background: rgba(40, 55, 52, 0.75);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 0;
  transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease,
    -webkit-transform 500ms ease;
  -webkit-transform: translateY(-70%);
  transform: translateY(-100%);
  visibility: hidden;
  -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.5s;
  transition-property: all;
}

.tp-team-2__thumb img {
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.tp-team-2__share {
  background: #00705c;
  height: 48px;
  width: 48px;
  line-height: 48px;
  text-align: center;
  color: white;
  border-radius: 50%;
  z-index: 2;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -27px;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  cursor: pointer;
}

.tp-team-2__content {
  padding: 45px 0 20px 0;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.06);
  transition: 0.3s;
}

.tp-team-2__content h4 {
  font-size: 22px;
  color: var(--tp-heading-primary);
  font-weight: 400;
  margin: 0;
}

.tp-team-2__content h4:hover {
  color: #00715d;
}

.tp-team-2__content span {
  color: var(--tp-text-body);
  font-size: 16px;
}

.tp-team-2__content::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: auto;
  right: 0;
  height: 2px;
  width: 0;
  opacity: 0;
  background-color: #006e5a;
  transition: 0.3s linear;
}

.tp-team-2__social {
  display: inline-block;
  position: absolute;
  color: var(--tp-heading-primary);
  bottom: 44px;
  left: 0;
  right: 0;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  transform: translateY(-40px);
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tp-team-2__social {
    margin-left: 50px;
    margin-right: 50px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-team-2__social {
    margin-left: 50px;
    margin-right: 50px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-team-2__social {
    margin-left: 40px;
    margin-right: 40px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .tp-team-2__social {
    margin-left: 50px;
    margin-right: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-team-2__social {
    margin-left: 20px;
    margin-right: 20px;
  }
}

.tp-team-2__social ul {
  background: var(--tp-grey-1);
  display: inline-block;
  padding: 7px 30px;
}

.tp-team-2__social ul li {
  display: inline-block;
  padding: 0 8px;
}

.tp-team-2__social ul li a i {
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.tp-team-2__social ul li a:hover i {
  color: #fbd45a;
}

.tp-team-2__social::before {
  clip-path: polygon(100% 0, 1% 0, 53% 100%);
  position: absolute;
  left: 50%;
  right: 50%;
  background: var(--tp-grey-1);
  height: 13px;
  width: 12px;
  content: "";
  bottom: -12px;
  transform: translateX(-50%);
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.tp-team-2__item:hover .tp-team-2__social {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

.team-slider-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--tp-theme-2);
  width: 20px;
  border-radius: 0;
}

.team-slider-dots .swiper-pagination-bullet {
  width: 20px;
  height: 4px;
  border-radius: 0;
  display: inline-block;
  background-color: var(--tp-heading-primary);
  margin: 0px 3px;
  transition: 0.3s;
  opacity: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .team-detials {
    padding-right: 0;
  }
}

.team-detials__info h4 {
  font-size: 24px;
  color: var(--tp-theme-1);
}

@media (max-width: 767px) {
  .team-detials__info h4 {
    font-size: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .team-detials__content {
    padding-top: 52px;
  }
}

@media (max-width: 767px) {
  .tp-skill__content {
    padding-right: 0;
  }
}

.tp-skill__content .help-list ul li {
  width: 100%;
}

.team-detials__call-content a {
  display: block;
  font-size: 16px;
  color: #283734;
  font-weight: 600;
}

.team-detials__call {
  display: flex;
  align-items: center;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team-detials__call {
    padding-left: 10px;
  }
}

@media (max-width: 767px) {
  .team-detials__call {
    padding-left: 0px;
    padding-top: 20px;
  }
}

.team-detials__contact {
  display: flex;
}

@media (max-width: 767px) {
  .team-detials__contact {
    display: block;
  }
}

.team-detials__call-icon {
  height: 48px;
  width: 48px;
  background: var(--tp-grey-1);
  text-align: center;
  line-height: 51px;
  font-size: 20px;
}

.team-detials__social {
  display: flex;
}

.team-detials__social span {
  color: var(--tp-text-body);
  font-size: 16px;
  font-size: 500;
}

.team-detials__social .icon i {
  font-size: 16px;
  color: var(--tp-heading-primary);
  margin-left: 30px;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

@media (max-width: 767px) {
  .team-detials__social .icon i {
    margin-left: 16px;
  }
}

.team-detials__social .icon i:hover {
  color: #fbd45b;
}

.comment-form__input-box {
  position: relative;
  display: block;
  margin-bottom: 27px;
}

.comment-form__input-box textarea {
  font-size: 14px;
  color: var(--tp-heading-primary);
  height: 150px;
  width: 100%;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.04);
  padding: 15px 30px 30px;
  border: none;
  outline: none;
  margin-bottom: 0px;
  font-weight: 500;
}

.message-one .comment-form__input-box input[type="text"],
.message-one .comment-form__input-box input[type="email"] {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.04);
}

.comment-form__input-box input[type="text"],
.comment-form__input-box input[type="email"] {
  height: 60px;
  width: 100%;
  border: none;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.04);
  padding-left: 30px;
  padding-right: 30px;
  outline: none;
  font-size: 14px;
  color: var(--tp-heading-primary);
  display: block;
  font-weight: 500;
}

.message-one .comment-form__input-box.text-message-box {
  height: 180px;
}

.message-one .comment-form__input-box textarea {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.04);
  height: 180px;
}

@media (max-width: 767px) {
  .tp-team-area {
    padding-bottom: 74px;
    padding-top: 44px;
  }
}

.tp-message-area {
  background-size: cover;
  background-repeat: no-repeat;
}

/*----------------------------------------*/

/*  7.7 cta css
/*----------------------------------------*/

.tp-cta-4__bg {
  background-repeat: no-repeat;
}

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

.tpcta__shap-bg {
  position: absolute;
  top: -194px;
  right: 0;
  animation: moving 9s linear infinite;
}

.tpcta__title {
  color: var(--tp-common-white);
  font-size: 39px;
  font-weight: 400;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpcta__title {
    font-size: 43px;
  }
}

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

.tp-cta-title {
  font-size: 34px;
  color: var(--tp-common-white);
  line-height: 50px;
  font-weight: 400;
  position: relative;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-cta-title {
    font-size: 40px;
  }
}

@media (max-width: 767px) {
  .tp-cta-title {
    font-size: 24px;
    line-height: 40px;
  }
}

.tp-cta-2 {
  margin-bottom: -60px;
}

.tp-cta-2__wrap {
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.tp-cta-2__wrap::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background:rgb(2 7 34 / 58%);
}

.tp-cta-2__shap {
  position: absolute;
  content: "";
  background:rgb(55 82 129 / 23%);
  width: 124px;
  height: 158px;
  bottom: -50px;
  right: 51px;
  border-radius: 60px 60px 0 0;
  transform: rotate(-23deg);
  z-index: 9;
}

.swiper-slide-active .tp-cta-shap,
.swiper-slide-active .tp-cta-2__shap {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.swiper-slide-active .tp-cta-2__shap {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
}

.swiper-slide-active .tp-cta-shap {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.tp-cta-shap {
  position: absolute;
  top: -79px;
  left: -77px;
  animation: moving 9s linear infinite;
}

.tp-cta-3__area {
  overflow: hidden;
}

.tp-cta-3__icon {
  float: left;
  margin-right: 30px;
}

@media (max-width: 767px) {
  .tp-cta-3__icon {
    float: none;
    margin-right: 0;
    text-align: center;
  }
}

.tp-cta-3__icon span {
  font-size: 80px;
  color: var(--tp-heading-primary);
}

@media (max-width: 767px) {
  .tp-cta-3__info {
    text-align: center;
  }
}

.tp-cta-3__info span {
  font-size: 18px;
  color: var(--tp-theme-1);
  margin-bottom: 20px;
}

.tp-cta-3__info .cta-titile {
  font-size: 36px;
  color: var(--tp-heading-primary);
  font-weight: 400;
  margin-top: 6px;
  text-align: left;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-cta-3__info .cta-titile {
    font-size: 30px;
  }
}

@media (max-width: 767px) {
  .tp-cta-3__info .cta-titile {
    text-align: center;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-cta-3__right {
    text-align: center !important;
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .tp-cta-3__right {
    text-align: center !important;
    margin-top: 20px;
  }
}

.tp-cta-3__shap2 {
  position: absolute;
  right: 0;
  top: -13px;
}

.tp-cta-3__shap {
  position: absolute;
  left: 392px;
  top: 7px;
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tp-cta-3__shap {
    left: 310px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-cta-3__shap {
    left: 218px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-cta-3__shap {
    left: 123px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .tp-cta-3__shap {
    display: none;
  }
}

.tp-cta3-left-bg {
  position: absolute;
  top: -23px;
  left: 0;
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tp-cta3-left-bg {
    left: -80px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-cta3-left-bg {
    left: -174px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-cta3-left-bg {
    left: -269px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .tp-cta3-left-bg {
    display: none;
  }
}

.tp-cta-4 {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.tp-cta-4__area {
  z-index: 2;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.tp-cta-4::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #1b265e;
  opacity: 0.7;
}

.tp-cta-4__shap {
  position: absolute;
  content: "";
  background: rgba(251, 212, 90, 0.8);
  width: 136px;
  height: 183px;
  bottom: -50px;
  right: 122px;
  border-radius: 60px 60px 0 0;
  transform: rotate(-23deg);
}

@media (max-width: 767px) {
  .tp-cta-4__shap {
    width: 100px;
    height: 127px;
  }
}

.tp-cta-4__bg {
  padding: 60px 50px;
}

@media (max-width: 767px) {
  .tp-cta-4__bg {
    padding: 30px 10px;
  }
}

.tp-cta-4__left-bg {
  position: absolute;
  z-index: 5;
  left: 365px;
  top: 0;
}

@media only screen and (min-width: 1600px) and (max-width: 1800px),
  only screen and (min-width: 1400px) and (max-width: 1599px),
  only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-cta-4__left-bg {
    left: 14px;
  }
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tp-cta-4__left-bg {
    left: 206px;
  }
}

.tp-cta-4__shap2 {
  position: absolute;
  left: 349px;
  bottom: -85px;
  z-index: 999;
}

.tp-cta-4__area {
  margin-bottom: -114px;
}

@media (max-width: 767px) {
  .tp-cta-4__area {
    margin-bottom: -2px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px),
  only screen and (min-width: 450px) and (max-width: 575px) {
  .tp-cta-4__right {
    text-align: center !important;
  }
}

.cta-titile {
  color: var(--tp-heading-primary);
  font-size: 36px;
  line-height: 46px;
  z-index: 999;
  position: relative;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta-titile {
    text-align: center;
    padding: 0 69px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-titile {
    text-align: center;
    padding: 0 14px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta-titile {
    font-size: 28px;
    line-height: 38px;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .cta-titile {
    text-align: center;
  }
}

.cta-area {
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    /* background: #060b18eb; */
    background: linear-gradient(rgb(46 55 86), rgb(0 0 0 / 73%)), url(https://template.hasthemes.com/edumate-v1/edumate/assets/images/counter-bg-2.webp) fixed center center;
}

/*----------------------------------------*/

/*  9.0 work css
/*----------------------------------------*/

.tp-work-2__icon {
  display: inline-block;
}

.tp-work-2__icon span {
  display: inline-block;
  position: relative;
  z-index: 1;
}

.tp-work-2__icon span::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  border-radius: 50%;
  background-color: #00705c;
  transform: scale(0);
  transition: all 0.4s;
  z-index: -1;
}

.tp-work-2__icon:hover {
  transform: scale(1);
}

.tp-work-2__icon:hover b {
  background: var(--tp-common-white);
}

.tp-work-2__icon span {
  height: 90px;
  width: 90px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.08);
  z-index: 9999;
  position: relative;
  color: #00705c;
  font-size: 40px;
  display: block;
  text-align: center;
  line-height: 101px;
  border-radius: 50%;
  z-index: 1;
}

.tp-work-2__icon b {
  background: var(--tp-theme-2);
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  top: 39px;
  left: -14px;
  z-index: 1;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.tp-work-2__content {
  z-index: 1;
  position: relative;
}

.tp-work-2__content h3 {
  font-size: 22px;
  color: var(--tp-heading-primary);
  font-weight: 400;
  margin-bottom: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px),
  only screen and (min-width: 450px) and (max-width: 575px) {
  .tp-work-2__item {
    margin-top: 0;
  }
}

.tp-work-2__item:hover .tp-work-2__icon span::before {
  transform: scale(1);
}

.tp-work-2__item:hover .tp-work-2__icon span i {
  color: var(--tp-common-white);
}

.tp-work__shape {
  position: absolute;
  top: 15%;
  left: 16%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-work__shape {
    left: 15%;
  }
}

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

.tp-work__shape span svg {
  width: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-work__shape span svg {
    width: 87%;
  }
}

.tp-work__shape span path {
  animation: lineDash 90s linear infinite;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-work__shape span svg {
    width: 80%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px),
  only screen and (min-width: 450px) and (max-width: 575px) {
  .tp-work__shape span svg {
    display: none;
  }
}

/*----------------------------------------*/

/*  8.0 getquote css
/*----------------------------------------*/

.nav-links {
  margin: 10px;
  margin-bottom: 65px;
}

@media (max-width: 767px) {
  .nav-links {
    margin: 4px;
    margin-bottom: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .nav-links {
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-links {
    margin-bottom: 0px;
  }
}

.getquote__item {
  border-radius: 15px;
  transition: 0.4s;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .getquote__item {
    padding: 5px;
  }
}

@media (max-width: 767px) {
  .getquote__item {
    padding: 5px;
  }
}

@media only screen and (min-width: 450px) and (max-width: 575px) {
  .getquote__item {
    padding: 1px;
  }
}

.getquote__item-info {
  background: white;
  padding: 11px 20px;
  border: 1px solid #eaebeb;
  padding: 10px 18px;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .getquote__item-info {
    padding: 9px 12px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .getquote__item-info {
    padding: 9px 18px;
  }
}

.getquote__item-info i {
  color: var(--tp-theme-1);
  font-size: 20px;
  margin-right: 10px;
}

.tp-feature-title {
  font-size: 18px;
  color: var(--tp-heading-primary);
  font-weight: 700;
}

.tp-contact-sm-title {
  font-size: 20px;
  font-weight: 400;
  padding-bottom: 20px;
}

@media (max-width: 767px) {
  .quote-bg-mask {
    margin-left: 0;
  }
}

.tp-btn-yellow-similar {
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  color: var(--tp-heading-primary);
  background: var(--tp-theme-2);
  height: 65px;
  line-height: 65px;
  text-align: center;
  padding: 0 50px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-transform: uppercase;
  transition: 0.3s;
}

.tp-sp-icon .nice-select {
  height: 59px;
  background-color: var(--tp-common-white);
  margin-bottom: 33px;
  line-height: 59px;
  cursor: pointer;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  white-space: nowrap;
  position: relative;
  width: 100%;
  border: 1px solid #eaebeb;
  border-radius: 0;
  color: var(--tp-text-body);
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 4px 24px 0px rgba(24, 18, 5, 0.04);
  padding-left: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tab-pane.active {
    margin-top: 35px;
  }
}

.tab-pane {
  margin-top: -20px;
}

.nice-select .list {
  background-color: var(--tp-common-white);
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  opacity: 0;
  overflow: hidden;
  margin-top: 0;
  padding: 10px 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25),
    opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
}

.tp-sp-icon .nice-select .current {
  font-size: 15px;
  font-weight: 400;
  text-transform: capitalize;
  color: #6f7775;
}

.tp-sp-icon .nice-select::after {
  border: 0;
  content: "\f107";
  top: 0;
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  display: block;
  height: 0px;
  margin-top: 0px;
  pointer-events: none;
  position: absolute;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  right: 30px;
}

.contactform__input input {
  width: 100%;
  padding: 0 30px;
  background-color: var(--tp-common-white);
  margin-bottom: 30px;
  font-size: 15px;
  font-weight: 400;
  text-transform: capitalize;
  color: var(--tp-common-black);
  border: 1px solid #eaebeb;
  height: 60px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 4px 24px 0px rgba(24, 18, 5, 0.04);
}

.contactform__textarea textarea {
  width: 100%;
  height: 165px;
  padding: 25px 20px;
  resize: none;
  background-color: #f0f0f0;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 400;
  text-transform: capitalize;
  color: var(--tp-common-black);
  margin-bottom: 10px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 4px 24px 0px rgba(24, 18, 5, 0.04);
}

.active .getquote__item-info {
  background: var(--tp-theme-1);
}

.active .getquote__item-info i {
  color: #f2d15a;
}

.active .getquote__item-info span {
  color: var(--tp-common-white);
}

.tp-inurance-tab-section {
  margin-left: -12px;
  z-index: 1;
  position: relative;
}

.quote-bg-mask img {
  clip-path: polygon(0 15%, 100% 0%, 100% 100%, 0 85%);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quote-bg-mask {
    text-align: center;
  }
}

.tp-insurance-right-img {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}

@media (max-width: 767px) {
  .tp-insurance-right-img {
    bottom: 0;
    top: auto;
  }
}

.tp-insurance-right-img img {
  height: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-insurance-right-img img {
    width: 100%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-insurance-right-img {
    right: -74px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-insurance-right-img {
    right: -178px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-insurance-right-img {
    right: 0px;
    top: auto;
    bottom: 0;
    width: 100%;
    height: 50%;
  }
}

.tp-insurance-right-img::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--tp-theme-1);
  opacity: 0.9;
}

@media (max-width: 767px) {
  .tab-content {
    padding-bottom: 50px;
    margin-right: 0;
  }
}

.tpquote-3__quote-lg-img {
  position: relative;
  right: 0;
  bottom: 0;
}

@media (max-width: 767px) {
  .tpquote-3__quote-sm-img {
    margin-left: 0;
  }
}

.tpquote-3__quote-sm-img {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpquote-3__quote-sm-img {
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpquote-3__quote-sm-img {
    margin-left: 90px;
  }
}

.tpquote-3__quote-img {
  position: absolute;
  right: 416px;
  top: 77px;
  background-size: cover;
  animation: animationglob 30s cubic-bezier(1, 0.99, 0.03, 0.01) infinite;
}

.tpquote-3__quote-bg {
  position: absolute;
  right: -83px;
  top: -258px;
  background-size: cover;
  animation: animationglob 30s cubic-bezier(1, 0.99, 0.03, 0.01) infinite;
}

.tpquote__before {
  position: absolute;
  content: "";
  width: 16px;
  height: 78px;
  background: var(--tp-theme-1);
  top: 93px;
  right: 329px;
  z-index: 2;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpquote__before {
    right: 68%;
  }
}

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-section-title-box {
    margin-top: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #nav-tabContent {
    margin-right: 0px;
  }
}

.quote-space {
  margin-top: 400px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px) {
  .quote-space {
    margin-top: 50px;
  }
}

@media (max-width: 767px) {
  .quote-space {
    margin-top: 318px;
  }
}

/*----------------------------------------*/

/*  8.3 prizing css
/*----------------------------------------*/

.tp-pricing {
  border: 1px solid #eaebeb;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.tp-pricing__top {
  padding: 30px;
  display: flex;
  justify-content: space-between;
}

.tp-pricing__img {
  animation: moving 9s linear infinite;
}

.tp-pricing__title-wrapper span {
  color: var(--tp-heading-primary);
}

.tp-pricing__content {
  padding: 33px 30px;
}

.tp-pricing__content-feature ul {
  list-style: none;
}

.tp-pricing__content-feature ul li {
  color: var(--tp-text-body);
  font-weight: 500;
  padding-bottom: 7px;
}

.tp-pricing__content-feature ul li.has-denied {
  color: rgba(var(--tp-text-body), 0.75);
}

.tp-pricing__content-feature ul li i {
  color: var(--tp-theme-1);
  font-size: 16px;
  margin-right: 15px;
}

.tp-pricing__plan h4 {
  color: var(--tp-heading-primary);
}

.tp-pricing__bg {
  position: absolute;
  right: -156px;
  bottom: -92px;
  transform: rotate(-41deg);
  animation: moving 9s linear infinite;
}

.tp-pricing .pricing-active {
  border: 1px solid #00715d;
}

.tp-pricing .pricing-active .tp-btn {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
}

.tp-portfolio__button button {
  border-bottom: 2px solid transparent;
  color: var(--tp-text-body);
  padding: 5px 15px;
  transition: 0.3s;
  font-size: 18px;
  font-weight: 500;
  text-decoration: underline;
}

.tp-portfolio__button button.active {
  color: var(--tp-heading-primary);
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.06);
  padding: 5px 15px;
}

.tp-price-title {
  font-size: 50px;
  color: var(--tp-theme-1);
}

/*----------------------------------------*/

/*  7.8 error css
/*----------------------------------------*/

.error-page__tagline {
  font-size: 34px;
  color: var(--tp-heading-primary);
  padding-top: 40px;
  padding-bottom: 20px;
}

@media (max-width: 767px) {
  .error-page__tagline {
    font-size: 29px;
  }
}

.error-page__form-input {
  position: relative;
  display: block;
  max-width: 570px;
  width: 100%;
  margin: 0 auto;
}

.error-page__form {
  position: relative;
  display: block;
  margin: 32px auto 20px;
}

.error-page__form input[type="search"] {
  height: 61px;
  width: 100%;
  border: none;
  outline: none;
  background-color: var(--tp-grey-1);
  font-size: 16px;
  color: rgba(var(--tp-text-body), 0.6);
  font-weight: 500;
  padding-left: 50px;
  padding-right: 75px;
}

.error-page__form button[type="submit"] {
  background-color: transparent;
  color: var(--tp-heading-primary);
  font-size: 16px;
  position: absolute;
  top: 0;
  right: 0px;
  bottom: 0;
  width: 70px;
  outline: none;
  border: none;
  display: flex;
  align-items: center;
  padding: 0;
}

/*----------------------------------------*/

/*  8.2 portfolio css
/*----------------------------------------*/

.portfolio-title {
  color: var(--tp-heading-primary);
  font-size: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .portfolio-padding {
    padding-top: 60px;
    padding-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .tp-portfolio-warp {
    padding-bottom: 49px;
    padding-top: 60px;
  }
}

@media (max-width: 767px) {
  .tp-portfolio__area {
    padding-bottom: 60px;
    padding-top: 80px;
  }
}

.tp-portfolio__content p {
  font-size: 18px;
  color: var(--tp-text-body);
  line-height: 34px;
}

/*----------------------------------------*/

/*  7.3 brand css
/*----------------------------------------*/

.tp-brand-single {
  opacity: 0.12;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.tp-brand-single:hover {
  opacity: 1;
}

.mlr-2 {
  margin-left: 280px;
  margin-right: 280px;
}

@media only screen and (min-width: 1600px) and (max-width: 1800px),
  only screen and (min-width: 1400px) and (max-width: 1599px) {
  .mlr-2 {
    margin-left: 200px;
    margin-right: 200px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mlr-2 {
    margin-left: 150px;
    margin-right: 150px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mlr-2 {
    margin-left: 100px;
    margin-right: 100px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mlr-2 {
    margin-left: 50px;
    margin-right: 50px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px),
  only screen and (min-width: 450px) and (max-width: 575px) {
  .mlr-2 {
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 40px;
    padding-top: 80px;
  }
}

.tp-brand-area {
  margin-bottom: -90px;
  z-index: 9;
  position: relative;
}

.tp-brand-single {
  margin-left: 8px;
}

.tp-brand__bg-img {
  position: absolute;
  top: 0;
  left: 0;
  animation: moving 9s linear infinite;
}

/*----------------------------------------*/

/*  7.2 Blog css
/*----------------------------------------*/

.tpblog {
  position: relative;
}

.tpblog__catagori {
  position: absolute;
  left: 0;
  bottom: 0;
  background: var(--tp-theme-1);
  z-index: 11;
}

.tpblog__catagori span {
  font-size: 14px;
  color: var(--tp-common-white);
  display: inline-block;
  padding: 15px 30px;
  line-height: 1;
  font-weight: bold;
}

.tpblog__thumb a img {
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  z-index: 2;
  position: relative;
}

.tpblog__meta i {
  color: var(--tp-theme-1);
  padding-right: 6px;
}

.tpblog__meta .date {
  color: #6f7775;
  font-size: 14px;
  text-transform: capitalize;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 576px) and (max-width: 767px) {
  .tpblog__meta .date {
    padding-right: 6px;
  }
}

.tpblog__meta .date a {
  color: var(--tp-text-body);
  font-size: 14px;
  margin-bottom: 30px;
}

.tpblog__meta .user {
  color: #6f7775;
  font-size: 14px;
  text-transform: capitalize;
}

.tpblog__thumb {
  position: relative;
}

.tpblog__thumb img {
  width: 100%;
}

.tpblog__thumb::before {
  content: "";
  position: absolute;
  background: rgba(12, 38, 33, 0.6);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.3s;
  transition-property: all;
  z-index: 11;
}

.tpblog__content {
  padding: 12px 30px 30px 30px;
  box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.1);
}

.tpblog__content::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 80px;
  height: 90px;
  background-image: -moz-linear-gradient(
    90deg,
    rgb(251, 212, 90) 0%,
    rgb(126, 163, 92) 49%,
    rgb(0, 113, 93) 100%
  );
  background-image: -webkit-linear-gradient(
    90deg,
    rgb(251, 212, 90) 0%,
    rgb(126, 163, 92) 49%,
    rgb(0, 113, 93) 100%
  );
  background-image: -ms-linear-gradient(
    90deg,
    rgb(251, 212, 90) 0%,
    rgb(126, 163, 92) 49%,
    rgb(0, 113, 93) 100%
  );
  clip-path: polygon(100% 70%, 69% 100%, 100% 100%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  transform: translateY(40px);
  transition: all 0.6s ease-in-out;
  z-index: 2;
}

.tpblog__content::after {
  content: "";
  position: absolute;
  bottom: 5px;
  right: 0;
  background: var(--tp-theme-2);
  width: 79px;
  height: 53px;
  clip-path: polygon(100% 42%, 100% 61%, 75% 98%, 68% 93%);
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  transform: translateY(40px);
}

.tpblog__content .tp-blog-title {
  font-size: 24px;
  font-weight: 400;
  color: var(--tp-heading-primary);
  font-family: var(--tp-ff-heading);
  line-height: 35px;
  transition: 0.3s;
}

.tpblog__arrow-box span {
  position: absolute;
  right: 0;
  left: 0;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  transition: all 600ms ease;
  transition-delay: 0s;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
}

.tpblog__arrow-box span a {
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  display: inline-block;
  color: var(--tp-heading-primary);
  background: var(--tp-theme-2);
}

.tpblog:hover .btn-link-sm {
  background: var(--tp-theme-2);
}

.tpblog:hover:hover .tpblog__thumb a img {
  transform: scale(1.1);
}

.tpblog:hover .tpblog__arrow-box span {
  visibility: visible;
  opacity: 1;
  transition-delay: 500ms;
  z-index: 2;
}

.tpblog__catagori-2 {
  position: absolute;
  left: 0;
  bottom: 0;
}

.tpblog__catagori-2 span {
  font-size: 14px;
  color: var(--tp-common-white);
  display: inline-block;
  padding: 25px 30px;
  line-height: 1;
  font-weight: bold;
  z-index: 9;
  position: relative;
}

.tpblog__meta-2 i {
  color: var(--tp-theme-1);
  padding-right: 6px;
}

.tpblog__meta-2 .date {
  font-size: 14px;
  color: #6f7775;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .tpblog__meta-2 .date {
    padding-right: 6px;
    font-size: 14px;
  }
}

.tpblog__meta-2 .date a {
  color: var(--tp-text-body);
  font-size: 14px;
  margin-bottom: 30px;
}

.tpblog__meta-2 .user {
  font-size: 14px;
  color: #6f7775;
  text-transform: capitalize;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .tpblog__meta-2 .user {
    padding-right: 6px;
    font-size: 14px;
  }
}

.tpblog__thumb-2 {
  position: relative;
}

.tpblog__thumb-2 img {
  width: 100%;
  object-fit: cover;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.tpblog__thumb-2::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(
    180deg,
    rgba(3, 4, 28, 0) 0%,
    rgba(3, 4, 28, 0.4) 58.32%,
    rgb(40, 55, 52) 100%
  );
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  z-index: 9;
}

.tpblog__content-2 {
  padding: 20px 30px;
  box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.1);
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpblog__content-2 {
    padding: 25px 20px;
  }
}

@media (max-width: 767px) {
  .tpblog__content-2 {
    padding: 17px 26px;
  }
}

.tpblog__content-2 .tp-blog-title {
  font-size: 24px;
  font-weight: 400;
  color: var(--tp-heading-primary);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpblog__content-2 .tp-blog-title {
    font-size: 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpblog__content-2 .tp-blog-title {
    font-size: 19px;
  }
}

@media (max-width: 767px) {
  .tpblog__content-2 .tp-blog-title {
    font-size: 20px;
  }
}

.tpblog__arrow-box-2 {
  position: absolute;
  transition: 0.3s;
  transform: translate(-50%, -50%);
  background: var(--tp-grey-1);
  height: 30px;
  width: 30px;
  text-align: center;
  line-height: 30px;
  color: var(--tp-heading-primary);
  bottom: 35px;
  right: 16px;
}

.tpblog:hover .tp-btn-4 {
  color: var(--tp-theme-3);
}

.tpblog:hover .tpblog__arrow-box-2 {
  background: var(--tp-theme-2);
}

.tpblog:hover .tpblog__thumb::before {
  opacity: 1;
  visibility: visible;
  -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1);
  -ms-transform: perspective(400px) rotateX(0deg) scaleY(1);
  transform: perspective(400px) rotateX(0deg) scaleY(1);
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.7s;
  transition-property: all;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.tpblog:hover .tpblog__content::before {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.tpblog:hover .tpblog__content::after {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.tpblog:hover .tpblog__thumb-2 img {
  transform: scale(1.17) rotate(2deg);
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .user a {
    font-size: 14px;
  }
}

.date a {
  text-transform: capitalize;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .date a {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .blog-area {
    padding-bottom: 39px;
    padding-top: 70px;
  }
}

.tpblog-3__content {
  padding: 14px 40px 20px 30px;
  background: var(--tp-grey-1);
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  position: relative;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .tpblog-3__content {
    padding: 14px 10px 21px 13px;
  }
}

.tpblog-3__content::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: auto;
  right: 0;
  height: 4px;
  width: 0;
  opacity: 0;
  background-color: #fbd45a;
  transition: 0.3s linear;
}

.tpblog-3__img .date {
  text-align: center;
  background: #fbd45b;
  padding: 7px 20px;
  font-size: 14px;
  font-weight: 700;
  text-transform: capitalize;
  position: absolute;
  bottom: 0;
  left: 30px;
}

.tpblog-3__meta .user {
  font-size: 14px;
  color: #6f7775;
  text-transform: capitalize;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpblog-3__meta .user {
    font-size: 15px;
    margin-right: 10px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .tpblog-3__meta .user {
    margin-right: 12px;
    font-size: 14px;
  }
}

.tpblog-3__meta .user i {
  color: #1c806e;
  font-size: 14px;
  padding-right: 8px;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .tpblog-3__meta .user i {
    font-size: 14px;
    padding-right: 5px;
  }
}

.tpblog-3__meta .Comments {
  font-size: 14px;
  color: #6f7775;
  text-transform: capitalize;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .tpblog-3__meta .Comments {
    padding-right: 0;
    font-size: 14px;
  }
}

.tpblog-3__meta .Comments i {
  color: #1c806e;
  font-size: 14px;
  padding-right: 8px;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .tpblog-3__meta .Comments i {
    font-size: 14px;
    padding-right: 5px;
  }
}

.tpblog-3__meta .date {
  position: absolute;
  left: 30px;
  bottom: 145px;
  text-align: center;
  background: #fbd45b;
  padding: 7px 20px;
  font-size: 14px;
  font-weight: 700;
  text-transform: capitalize;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpblog-3__meta .date {
    bottom: 140px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpblog-3__meta .date {
    bottom: 137px;
  }
}

@media (max-width: 767px) {
  .tpblog-3__meta .date {
    bottom: 136px;
  }
}

.tpblog-3__meta .date a {
  font-size: 14px;
  color: var(--tp-heading-primary);
  background: #fbd45b;
  padding: 11px 20px;
  line-height: 0;
  font-weight: bold;
}

.tpblog-3:hover .tpblog-3__content::before {
  opacity: 1;
  width: 100%;
  left: 0;
  right: auto;
  opacity: 1;
}

.tpblog-3:hover:hover .tpblog-3__content {
  background: #fff;
}

.tpblog-3:hover .tpblog-3__img::before {
  opacity: 1;
  visibility: visible;
}

.tpblog-3:hover .plus-icon {
  opacity: 1;
  visibility: visible;
}

.tpblog-3__img::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(40, 55, 52, 0.52);
  content: "";
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.tpblog-3__img .plus-icon {
  position: absolute;
  top: 50%;
  right: 0;
  text-align: center;
  color: var(--tp-common-white);
  font-size: 30px;
  transform: translateY(-50%);
  left: 0;
  margin: 0 auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

@media (max-width: 767px) {
  .blog-area-3 {
    padding-bottom: 40px;
    padding-top: 60px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-padding {
    padding-bottom: 70px;
    padding-top: 70px;
  }
}

.tp-blog-title {
  font-size: 24px;
  font-weight: 400;
  color: var(--tp-heading-primary);
}

.postbox__thumb span {
  position: absolute;
  right: 0;
  bottom: 0;
  background: #fbd45b;
  padding: 10px 20px;
  font-size: 14px;
  color: var(--tp-heading-primary);
  font-weight: bold;
}

.postbox__meta {
  padding: 20px 0;
}

.postbox__meta span {
  margin-right: 25px;
}

@media (max-width: 767px) {
  .postbox__meta span {
    margin-right: 17px;
  }
}

.postbox__meta span a {
  font-size: 14px;
  color: var(--tp-text-body);
}

.postbox__meta span a i {
  font-size: 14px;
  color: var(--tp-theme-1);
  margin-right: 14px;
}

@media (max-width: 767px) {
  .postbox__meta span a i {
    margin-right: 7px;
  }
}

.postbox__meta span a:hover {
  color: var(--tp-theme-1);
}

.postbox__title {
  font-size: 36px;
  padding-bottom: 10px;
}

.postbox__tagcloud {
  display: flex;
  justify-content: space-between;
  background: var(--tp-grey-1);
  padding: 40px;
  align-items: center;
  border: 1px solid #eaebeb;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox__tagcloud {
    padding: 25px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox__tagcloud {
    padding: 20px 10px;
  }
}

@media (max-width: 767px) {
  .postbox__tagcloud {
    display: inline-block;
    padding: 12px;
  }
}

.postbox__banner-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #283734;
  opacity: 0.9;
}

.postbox__banner-img-yellow::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fbd45a;
  opacity: 0.9;
}

.postbox__tag.tagcloud {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.postbox__tag.tagcloud h5 {
  color: var(--tp-heading-primary);
  font-size: 18px;
  font-weight: 400;
  margin-right: 25px;
  margin-bottom: 0;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox__tag.tagcloud h5 {
    font-size: 16px;
    margin-right: 0px;
  }
}

@media (max-width: 767px) {
  .postbox__tag.tagcloud h5 {
    font-size: 16px;
    margin-right: 10px;
  }
}

.postbox__tag.tagcloud a {
  margin-right: 10px;
  background: var(--tp-common-white);
  padding: 5px 21px;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

@media (max-width: 767px) {
  .postbox__tag.tagcloud a {
    padding: 10px 12px;
  }
}

.postbox__tag.tagcloud a:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
}

@media (max-width: 767px) {
  .postbox__social .icon {
    text-align: center;
    margin-top: 10px;
  }
}

.postbox__social .icon ul li {
  list-style: none;
  display: inline-block;
}

.postbox__social .icon ul li a {
  font-size: 16px;
  color: var(--tp-common-white);
  background: var(--tp-heading-primary);
  height: 40px;
  width: 40px;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  margin-right: 13px;
  border-radius: 30px;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.postbox__social .icon ul li a:hover {
  background: var(--tp-theme-2);
  color: var(--tp-heading-primary);
}

.postbox__comment-title {
  font-size: 30px;
}

.postbox__comment ul {
  list-style: none;
}

.postbox__comment-avater {
  flex: 0 0 auto;
}

.postbox__comment ul li {
  padding-bottom: 55px;
  list-style: none;
  border-bottom: 1px solid #e9ebea;
  padding-top: 55px;
}

.postbox__comment-name h5 {
  color: var(--tp-heading-primary);
  font-size: 20px;
}

.postbox__comment-name .post-meta {
  font-size: 14px;
  color: var(--tp-theme-1);
}

.postbox__comment-reply {
  position: absolute;
  right: 0;
  top: 0;
}

@media (max-width: 767px) {
  .postbox__comment-reply {
    right: 6px;
    bottom: 154px;
    top: auto;
  }
}

.postbox__comment-reply a {
  color: var(--tp-heading-primary);
  font-size: 14px;
  background: var(--tp-theme-2);
  padding: 10px 20px;
  font-weight: 700;
}

.postbox__comment-reply a:hover {
  background: var(--tp-theme-1);
  color: #fff;
}

.postbox__comment-form-title {
  font-size: 30px;
  line-height: 0;
  margin-bottom: 55px;
  line-height: 1.2;
}

.postbox__comment-input {
  position: relative;
  margin-bottom: 20px;
}

.postbox__comment-input {
  position: relative;
  margin-bottom: 30px;
}

.tp-blog-title a:hover {
  color: var(--tp-theme-1);
}

.blog-border {
  margin-top: 25px;
  border-top: 1px solid #e9ebea;
  padding-top: 22px;
}

.postbox__comment-input input,
.postbox__comment-input textarea {
  height: 60px;
  padding: 0 30px;
  width: 100%;
  font-size: 14px;
  color: var(--tp-common-black);
  outline: none;
  border: 1px solid transparent;
  background: var(--tp-grey-1);
}

.postbox__comment-input textarea {
  height: 150px;
  resize: none;
  padding: 5px 30px;
}

@media (max-width: 767px) {
  .blog-area-2 {
    padding-top: 0px;
    padding-bottom: 50px;
  }
}

/*----------------------------------------*/

/*  8.5 search css
/*----------------------------------------*/

.tp-header-action ul li {
  list-style: none;
}

/* search css start */

.search__popup {
  padding-top: 70px;
  padding-bottom: 100px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 380px;
  background: #283734;
  backdrop-filter: blur(10px);
  z-index: 99;
  -webkit-transform: translateY(calc(-100% - 80px));
  -moz-transform: translateY(calc(-100% - 80px));
  -ms-transform: translateY(calc(-100% - 80px));
  -o-transform: translateY(calc(-100% - 80px));
  transform: translateY(calc(-100% - 80px));
  -webkit-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition-delay: 0.5s;
}

.search__popup.search-opened {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  transition-delay: 0s;
  z-index: 99999999;
}

.search__popup.search-opened .search__input {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  transition-delay: 0.3s;
}

.search__popup.search-opened .search__input::after {
  width: 100%;
  transition-delay: 0.5s;
}

.search__popup-2 {
  background-color: var(--tp-common-black-13);
}

.search__popup-2 .search__input .search-input-field ~ .search-focus-border {
  background-color: var(--tp-theme-8);
}

.search__popup-3 .search__input .search-input-field ~ .search-focus-border {
  background-color: var(--tp-theme-10);
}

.search__top {
  margin-bottom: 80px;
}

.search__top .search__logo img {
  max-width: 160px;
}

.search__input {
  position: relative;
  height: 80px;
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  transition: all 0.3s ease-in-out;
  transition-delay: 0.5s;
  opacity: 0;
}

.search__input::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 0%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3);
  transition-delay: 0.3s;
  transition: all 0.3s ease-in-out;
}

.search__input input {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 0;
  outline: 0;
  font-size: 24px;
  color: var(--tp-common-white);
  border-bottom: 1px solid transparent;
  padding: 0;
  padding-right: 30px;
}

.search__input input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}

.search__input input::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}

.search__input input:-moz-placeholder {
  /* Firefox 4-18 */
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}

.search__input input:-ms-input-placeholder {
  /* IE 10+  Edge*/
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}

.search__input input::placeholder {
  /* MODERN BROWSER */
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}

.search__input button {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 18px;
  color: var(--tp-common-white);
}

.search__input .search-input-field ~ .search-focus-border {
  position: absolute;
  bottom: 0;
  left: auto;
  right: 0;
  width: 0;
  height: 1px;
  background-color: var(--tp-common-white);
  transition: all 0.5s;
}

.search__input .search-input-field:focus ~ .search-focus-border {
  width: 100%;
  left: 0;
  right: auto;
  transition: all 0.5s;
}

.search__close-btn {
  font-size: 25px;
  color: rgba(255, 255, 255, 0.3);
}

.search__close-btn:hover {
  color: var(--tp-common-white);
}

.search__result-title {
  font-size: 50px;
  letter-spacing: -0.04em;
  margin-bottom: 0;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .search__result-title {
    font-size: 40px;
  }
}

@media (max-width: 767px) {
  .search__result-title {
    font-size: 35px;
  }
}

.search__result-title span {
  color: var(--tp-theme-primary);
  display: inline-block;
}

.search__result-content p {
  font-size: 16px;
  line-height: 1.62;
  color: var(--tp-text-1);
}

.search__result-input {
  position: relative;
}

.search__result-input-box {
  position: relative;
  margin-bottom: 20px;
}

.search__result-input-box button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 22px 43px;
}

@media (max-width: 767px) {
  .search__result-input-box button {
    position: relative;
    margin-top: 15px;
  }
}

.search__result-input-box button:hover {
  background-color: var(--tp-common-black);
}

.search__result-input input {
  width: 100%;
  height: 70px;
  padding-left: 60px;
  padding-right: 177px;
  background-color: var(--tp-common-white);
  border: 1px solid var(--tp-common-white);
  box-shadow: -3px 0px 0px var(--tp-theme-1), 0px 1px 2px rgba(3, 4, 28, 0.14);
}

@media (max-width: 767px) {
  .search__result-input input {
    padding-right: 25px;
  }
}

.search__result-input span {
  position: absolute;
  top: 50%;
  left: 30px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 18px;
  color: #a0a0b5;
}

.search__result-input span svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}

.search__result-tags a {
  display: inline-block;
  font-family: var(--tp-ff-space);
  font-size: 13px;
  font-weight: 500;
  border: 1px solid #d5d5dd;
  padding: 5px 18px;
  line-height: 1;
  margin-right: 2px;
  margin-bottom: 7px;
}

.search__result-tags a:hover {
  background-color: var(--tp-theme-primary);
  border-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}

.search__blog-item {
  padding: 50px 50px;
  border: 1px solid #eaeaef;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .search__blog-item {
    padding: 30px 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .search__blog-item {
    padding: 25px;
  }
}

@media (max-width: 767px) {
  .search__blog-item {
    padding: 20px;
  }
}

.search__blog-title {
  font-size: 30px;
  line-height: 1.2;
  letter-spacing: -0.04em;
  margin-bottom: 13px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .search__blog-title {
    font-size: 28px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .search__blog-title {
    font-size: 21px;
  }
  .search__blog-title br {
    display: none;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .search__blog-title br {
    display: none;
  }
}

@media (max-width: 767px) {
  .search__blog-title {
    font-size: 25px;
  }
}

.search__blog-title a:hover {
  color: var(--tp-theme-primary);
}

.search__blog-tag {
  margin-bottom: 10px;
}

[dir="rtl"] .search__blog-tag {
  margin-right: 0;
  margin-left: 15px;
}

.search__blog-tag a {
  display: inline-block;
  background-color: rgba(99, 100, 219, 0.06);
  font-family: var(--tp-ff-space);
  font-weight: 500;
  font-size: 15px;
  line-height: 1;
  color: var(--tp-common-purple);
  padding: 4px 12px;
}

.search__blog-tag a:hover {
  background-color: var(--tp-common-purple);
  color: var(--tp-common-white);
}

.search__blog-meta span {
  color: var(--tp-text-1);
  margin-right: 15px;
  margin-bottom: 10px;
  display: inline-block;
}

.search__blog-meta span i,
.search__blog-meta span svg {
  margin-right: 2px;
}

[dir="rtl"] .search__blog-meta span i,
[dir="rtl"] .search__blog-meta span svg {
  margin-right: 2px;
  margin-left: 2px;
}

.search__blog-meta span svg {
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
}

.search__blog-meta span svg path {
  stroke: #7a7e83;
}

.search__blog-meta-author {
  margin-bottom: 10px;
}

[dir="rtl"] .search__blog-meta-author {
  margin-right: 0;
  margin-left: 45px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .search__blog-meta-author {
    margin-right: 20px;
  }
}

.search__blog-meta-author-thumb img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 10px;
}

[dir="rtl"] .search__blog-meta-author-thumb img {
  margin-right: 0;
  margin-left: 10px;
}

.search__blog-meta-author-content span {
  display: inline-block;
  font-family: var(--tp-ff-inter);
  font-size: 14px;
  color: #7a7e83;
}

.search__blog-meta-author-content span a {
  color: var(--tp-common-black-11);
  font-weight: 500;
}

.search__blog-meta-author-content span a:hover {
  color: var(--tp-theme-primary);
}

.search__blog-content p {
  font-size: 15px;
  line-height: 1.47;
  color: var(--tp-text-1);
  margin-bottom: 20px;
}

.search__blog-btn .tp-btn-border {
  padding: 8px 29px;
}

.search__blog-btn .tp-btn-border svg,
.search__blog-btn .tp-btn-border i {
  margin-left: 5px;
}

[dir="rtl"] .search__blog-btn .tp-btn-border svg,
[dir="rtl"] .search__blog-btn .tp-btn-border i {
  margin-left: 5px;
  margin-right: 5px;
}

.search__blog-btn .tp-btn-border svg {
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
}

.search__blog-btn .tp-btn-border:hover {
  background-color: var(--tp-theme-primary);
  border-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}

/*----------------------------------------*/

/*  8.1 insurance css
/*----------------------------------------*/

.sv-details-thumb .info {
  position: absolute;
  right: 0;
  bottom: 0;
  background: #fbd45b;
  padding: 50px 55px;
}

@media (max-width: 767px) {
  .sv-details-thumb .info {
    padding: 0;
  }
}

.sv-details-thumb .info .img {
  float: left;
  margin-right: 30px;
}

.sv-details-thumb .info .text {
  overflow: hidden;
}

.sv-details-titile {
  font-size: 24px;
}

@media (max-width: 767px) {
  .sv-details-titile {
    font-size: 20px;
  }
}

.sv-details-category-list ul li {
  list-style-type: none;
}

.sv-details-category-list ul li a {
  background: var(--tp-grey-1);
  list-style: none;
  margin-bottom: 10px;
  padding: 15px 30px;
  cursor: pointer;
  transition: 0.3s;
  display: inline-block;
  width: 100%;
}

.sv-details-category-list ul li a span {
  color: #283734;
  font-size: 16px;
  font-weight: 700;
}

.sv-details-category-list ul li a i {
  float: right;
  background: #f2f5f1;
  height: 30px;
  width: 30px;
  line-height: 34px;
  transform: 0.3s;
  text-align: center;
  border-radius: 30px;
  color: var(--tp-heading-primary);
}

.sv-details-category-list ul li.active a {
  background-image: linear-gradient(to right, var(--tp-theme-1), #fbd45b);
  color: var(--tp-common-white);
}

.sv-details-category-list ul li.active a i {
  background: var(--tp-common-white);
  color: var(--tp-theme-1);
}

.sv-details-category-list ul li.active a span {
  color: #fff;
}

.sv-details-category-list ul li:hover a {
  background-image: linear-gradient(to right, var(--tp-theme-1), #fbd45b);
  color: var(--tp-common-white);
}

.sv-details-category-list ul li:hover a i {
  background: var(--tp-common-white);
  color: var(--tp-theme-1);
}

.sv-details-category-list ul li:hover a span {
  color: #fff;
}

.tp-insurance-area {
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .tp-insurance-area {
    padding-bottom: 60px;
    padding-top: 70px;
  }
}

.help-lists ul li {
  list-style: none;
}

.help-lists ul li i {
  color: #fbd45b;
  margin-right: 15px;
}

.help-lists ul li span {
  font-size: 18px;
  color: var(--tp-heading-primary);
  font-weight: 500;
}

@media (max-width: 767px) {
  .tp-inurance-tab-section {
    margin-bottom: 40px;
  }
}

.sv-details-title {
  font-size: 30px;
}

.help-lists h4 {
  color: var(--tp-theme-1);
  font-size: 24px;
  margin-bottom: 25px;
}

.insurance-details__need-help {
  position: relative;
  text-align: center;
  z-index: 1;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .insurance-details__need-help {
    display: none;
  }
}

.insurance-details__need-help-icon {
  height: 110px;
  width: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 22px;
  border: 1px solid #fbd45a;
  border-radius: 50%;
  z-index: 999999;
  position: relative;
}

.insurance-details__need-help-icon span {
  transition: all 500ms ease;
  background: #fbd45b;
  width: 90px;
  height: 90px;
  line-height: 100px;
  border-radius: 50%;
  font-size: 38px;
}

.insurance-details__need-help-contact {
  position: relative;
  display: block;
  margin-top: 30px;
}

.insurance-details__need-help-contact h3 {
  padding-top: 6px;
  padding-bottom: 23px;
}

.insurance-details__need-help-contact h3 a {
  font-size: 24px;
  font-weight: 400;
  transition: all 500ms ease;
  color: #fff;
}

.insurance-details__need-help-contact p {
  font-size: 16px;
  color: #fff;
  font-weight: 500;
}

.insurance-details__need-help-logo {
  position: relative;
  z-index: 99999;
}

.insurance-details__need-help-bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
  position: relative;
}

.insurance-details__need-help-bg::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #fbd45a;
  background: rgba(0, 113, 93, 0.9);
}

.insurance-details__content {
  padding: 50px 0;
}

.shap-img {
  position: absolute;
  top: 0;
  right: -7px;
}

.cta-mlr {
  margin-left: 375px;
  margin-right: 375px;
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .cta-mlr {
    margin-left: 216px;
    margin-right: 216px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .cta-mlr {
    margin-left: 109px;
    margin-right: 109px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px) {
  .cta-mlr {
    margin-left: 15px;
    margin-right: 15px;
  }
}

@media (max-width: 767px) {
  .cta-mlr {
    margin-left: 0px;
    margin-right: 0px;
  }
}

/*----------------------------------------*/

/*  7.5 contact css
/*----------------------------------------*/

.contact__info-icon i {
  font-size: 18px;
}

.contact__social .icon ul li {
  list-style: none;
  display: inline-block;
}

.contact__social .icon ul li a {
  margin-right: 25px;
  color: #454a71;
  font-size: 18px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact__social .icon ul li a {
    margin-left: 0px;
  }
}

.contact__social .icon ul li a:hover {
  color: #283734;
}

.contact__line a {
  font-size: 18px;
  color: #283734;
  font-weight: 400;
}

.contact__info-icon {
  position: absolute;
  top: 0;
  left: 0;
}

.contact__info-text h4 {
  font-size: 16px;
    color: #283734;
    font-weight: 300;
}

.contact__info-item {
  position: relative;
  padding-left: 30px;
}

.contact__info ul li {
  list-style: none;
  padding-bottom: 15px;
}

.contact__info ul li a span {
  font-size: 18px;
  color: #283734;
  font-weight: 400;
  font-family: var(--tp-ff-heading);
}

.contact__info ul li a i {
  margin-right: 20px;
  color: #283734;
  font-size: 18px;
}

.contact__info ul li a:hover {
  color: #fbd45b;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .contact {
    padding-right: 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 767px) {
  .contact {
    margin-left: 0px;
  }
}

.contact__form {
  border-bottom: 3px solid #fbd45b;
}

.contact__input {
  position: relative;
  margin-bottom: 30px;
}

.contact__input input {
  padding: 0 30px;
  height: 60px;
  background-color: #303663;
  color: #fff;
  border: 2px solid #364743;
}

.contact__input input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #98a8a5;
}

.contact__input input::-moz-placeholder {
  /* Firefox 19+ */
  color: #98a8a5;
}

.contact__input input:-moz-placeholder {
  /* Firefox 4-18 */
  color: #98a8a5;
}

.contact__input input:-ms-input-placeholder {
  /* IE 10+  Edge*/
  color: #98a8a5;
}

.contact__input input::placeholder {
  /* MODERN BROWSER */
  color: #98a8a5;
}

.contact__wrap {
  background: #fff;
  padding: 50px;
  border: 2px solid #f4f3f1;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .contact__wrap {
    padding: 24px;
  }
}

.contact__form-wrap {
  background: #454a71;
  padding: 48px 60px 61px 60px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact__form-wrap {
    padding: 30px;
  }
}

@media (max-width: 767px) {
  .contact__form-wrap {
    padding: 20px;
  }
}

.contact__input textarea {
  padding: 35px 30px;
  border: 0;
  background-color: #303663;
  color: #fff;
  outline: none;
  resize: none;
  height: 115px;
  border: 2px solid #364743;
  line-height: normal;
}

.contact__input textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #98a8a5;
}

.contact__input textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #98a8a5;
}

.contact__input textarea:-moz-placeholder {
  /* Firefox 4-18 */
  color: #98a8a5;
}

.contact__input textarea:-ms-input-placeholder {
  /* IE 10+  Edge*/
  color: #98a8a5;
}

.contact__input textarea::placeholder {
  /* MODERN BROWSER */
  color: #98a8a5;
}

.tp-form-box {
  font-size: 16px;
  color: var(--tp-common-white);
  font-weight: 400;
  text-transform: capitalize;
}

.tp-form-title {
  font-size: 24px;
  color: #e4e4e4;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-accordion {
    margin-top: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-accordion .tp-section-title {
    font-size: 33px;
    line-height: 40px;
  }
}

.tpmap-wrapper iframe {
  filter: saturate(0);
  width: 100%;
  height: 339px;
}

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

/* new start */
.tp-header__logo.grey-bg-2 img {
  height: 130px;
}
.header-sticky .tp-header__logo.grey-bg-2 img {
  height: 72px;
}
.header-sticky .tp-header__main-header {
  margin-left: 345px;
}
.header-sticky .tp-header__logo.grey-bg-2 {
  background-color: #232c49;
}
.tp-header__logo.grey-bg-2 {
  background-color: #23232385;
}
.tp-header__top.grey-bg-1 {
  background: #444444a6;
    border-bottom: 1px solid white;
}
.tp-header__main-header p,
.tp-header__top-right.text-end a {
  color: white;
}
.tp-header__wrapper-inner .tp-main-menu {
  background: #23232385;
}
.tp-header__wrapper-inner.header-sticky .tp-main-menu {
  background: #232c49 !important;
}
.tp-header__wrapper-inner.header-sticky .tp-header__menu ul li a {
  color: #e5e5e5 !important;
}
.tp-header__wrapper-inner .tp-header__menu ul li a {
  color: white;
}

/* about us section */
@media only screen and (min-width: 468px) {
  #Discover {
    background-size: 300px !important;
    padding: 45px 0 70px !important;
  }
  .MainHeadWrp {
    margin-bottom: 30px !important;
  }
  .MainHead .Head {
    font-size: 32px !important;
    line-height: 38px !important;
  }
  .MainHeadWrp .SecTitle .Info {
    font-size: 13px !important;
  }
  .ViewMore {
    width: 175px !important;
    height: 50px !important;
    font-size: 13px !important;
  }
  #Discover .FlxRow .RitArea .ImgBox {
    height: 295px !important;
  }
  #Discover .FlxRow .RitArea .FIcons #Bino {
    width: 150px !important;
    right: -25px !important;
  }
  #Discover .FlxRow .RitArea .FIcons #leaf2 {
    bottom: -30px !important;
    left: 105px !important;
    width: 85px !important;
  }
  .AboutPage #PhilosophY {
    padding: 75px 0px 60px !important;
  }
  #PhilosophY .container #Bulb {
    top: -75px !important;
    width: 215px !important;
  }
  #PhilosophY .container #hourglass {
    width: 48px !important;
    bottom: -50px !important;
  }
  #PhilosophY .MainHead {
    margin-bottom: 30px !important;
  }
  .MainHead .Head {
    font-size: 32px !important;
    line-height: 38px !important;
  }
  #OurCare {
    padding: 60px 0 55px !important;
  }
}

@media only screen and (min-width: 576px) {
  .MainHead .Head {
    font-size: 36px !important;
    line-height: 44px !important;
  }
  #Discover .FlxRow .RitArea .ImgBox {
    height: 300px !important;
  }
  .MainHead .Head {
    font-size: 36px !important;
    line-height: 44px !important;
  }
}

@media only screen and (min-width: 640px) {
  #PhilosophY .container #hourglass {
    bottom: 0px !important;
  }
  #PhilosophY .CntnBOx {
    padding-left: 108px !important;
  }
}

@media only screen and (min-width: 768px) {
  #Discover {
    padding: 45px 0 95px !important;
  }
  #Discover .FIcons #HotAirBalloon {
    animation: baloon 15s infinite linear !important;
    top: 500px !important;
    left: 5px !important;
    width: 85px !important;
  }
  #Discover .FIcons #Rleaf1 {
    top: 67px !important;
    right: -26px !important;
    width: 95px !important;
  }
  #Discover .FIcons #Rleaf2 {
    right: -57px !important;
    width: 175px !important;
  }
  #Discover .FIcons #Lleaf1 {
    width: 100px !important;
  }
  #Discover .FIcons #Lleaf2 {
    left: -50px !important;
    width: 165px !important;
  }
  .ViewMore {
    width: 215px !important;
    height: 55px !important;
    font-size: 16px !important;
  }
  #Discover .FlxRow .RitArea .ImgBox {
    height: 400px !important;
  }
  #Discover .FlxRow .RitArea .FIcons #Bino {
    right: -60px !important;
    width: 200px !important;
  }
  #Discover .FlxRow .RitArea .FIcons #leaf2 {
    left: 60px !important;
  }
  #PhilosophY {
    padding: 100px 0px 80px !important;
  }
  #PhilosophY .container #Bulb {
    top: -100px !important;
  }
  #PhilosophY .container #hourglass {
    width: 65px !important;
  }
  #PhilosophY .container #wave {
    width: 80px !important;
    right: 0 !important;
    bottom: -70px !important;
  }
}

@media only screen and (min-width: 992px) {
  #Discover {
    background: url(../img/pngFilles/DiscoverBG.png) no-repeat right -82px bottom
      65px !important;
    background-size: 440px !important;
    padding: 85px 0 90px !important;
  }
  #Discover .FIcons #Rleaf1 {
    top: 115px !important;
    right: -50px !important;
    width: 132px !important;
  }
  #Discover .FIcons #Rleaf2 {
    top: 200px !important;
    right: -100px !important;
    width: 318px !important;
  }
  #Discover .FIcons #Lleaf1 {
    width: 160px !important;
  }
  #Discover .FIcons #Lleaf2 {
    left: -80px !important;
    width: 260px !important;
  }
  #Discover .MainHeadWrp {
    margin-bottom: 0px !important;
  }
  .MainHead .Head {
    font-size: 38px !important;
    line-height: 50px !important;
  }
  .MainHeadWrp .SecTitle {
    margin-top: 0px !important;
    text-align: right !important;
  }
  .MainHeadWrp .SecTitle .Title {
    font-size: 22px !important;
  }
  .MainHeadWrp .SecTitle .Info {
    font-size: 22px !important;
  }
  #Discover .FlxRow > * {
    width: 50% !important;
  }
  #Discover .FlxRow .lftArea {
    padding-right: 40px !important;
  }
  #Discover .FlxRow > * {
    width: 50% !important;
  }
  #Discover .FlxRow .RitArea .FIcons #Bino {
    width: 275px !important;
    right: -110px !important;
    bottom: -110px !important;
  }
  #Discover .FlxRow .RitArea .FIcons #leaf2 {
    bottom: -75px !important;
    width: 160px !important;
  }
  #PhilosophY .container #Bulb {
    width: 290px !important;
  }
  #PhilosophY .container #hourglass {
    width: 80px !important;
  }
  #PhilosophY .container #wave {
    width: 140px !important;
    right: 108px !important;
    bottom: -45px !important;
  }
  #PhilosophY .MainHead {
    margin-bottom: 35px !important;
  }
  .MainHead .Head {
    font-size: 38px !important;
    line-height: 50px !important;
  }
  #OurCare {
    padding: 75px 0 95px !important;
  }
}

@media only screen and (min-width: 1200px) {
  #PhilosophY {
    padding: 145px 0px 100px !important;
    padding-top: 145px !important;
    padding-right: 0px !important;
    padding-bottom: 100px !important;
    padding-left: 0px !important;
  }
  #PhilosophY .container #Bulb {
    top: -145px !important;
  }
}

@media only screen and (min-width: 1551px) {
  #Discover .FIcons #HotAirBalloon {
    left: 50px !important;
    width: 120px !important;
  }
  .MainHead .Head {
    font-size: 55px !important;
    line-height: 55px !important;
  }
  .MainHeadWrp .SecTitle .Title {
    font-size: 26px !important;
  }
  .MainHeadWrp .SecTitle .Info {
    font-size: 25px !important;
  }
  #Discover .FlxRow .lftArea {
    padding-right: 80px !important;
  }
  .ViewMore {
    font-size: 18px !important;
  }
  #PhilosophY {
    padding: 200px 0 160px !important;
  }
  #PhilosophY .container #Bulb {
    width: 370px !important;
    top: -200px !important;
  }
  #PhilosophY .container #hourglass {
    left: -85px !important;
  }
  .MainHead .Head {
    font-size: 55px !important;
    line-height: 55px !important;
  }
}

#Discover {
  position: relative;
  background: url(../img/pngFilles/DiscoverBG.png) no-repeat right -60px bottom -35px;
  background-size: 215px;
  padding: 35px 0 45px;
}

.MainHeadWrp {
  width: 100%;
  margin-bottom: 25px;
}
#Discover .FIcons #HotAirBalloon {
  animation: baloon 15s infinite linear ;
  top: 70px;
  left: 5px;
  width: 55px;
}
#Discover .FIcons svg,
#Discover .FIcons img {
  position: absolute;
}

@keyframes baloon {
  /*0% {*/
  /*  transform: translateY(0px);*/
  /*}*/
  /*100% {*/
  /*  transform: translateY(-90%);*/
  /*}*/
   0% {
    transform: translateY(0px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translateY(-500%);
    opacity: 0;
  }
}
#Discover .FIcons #Rleaf1 {
  -moz-animation-delay: 2.2s;
  -webkit-animation-delay: 2.2s;
  animation-delay: 2.2s;
  transform-origin: bottom;
  -webkit-animation: dipBranch2 6.2s ease-in-out forwards infinite;
  animation: dipBranch2 6.2s ease-in-out forwards infinite;
  top: 85px;
  right: -25px;
  width: 60px;
}

@keyframes dipBranch2 {
  0% {
    transform: translateZ(0px) translateY(0) translateX(0) skewY(0deg)
      rotate3d(0, 0, 0, 0deg);
  }

  50% {
    transform: translateZ(-2px) translateY(-2px) translateX(-2px) skewY(2deg)
      rotate3d(1, 1, 1, 5deg) rotate(10deg);
  }
  100% {
    transform: translateZ(0px) translateY(0) translateX(0) skewY(0deg)
      rotate3d(0, 0, 0, 0deg);
  }
}
#Discover .FIcons #Rleaf2 {
  -moz-animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
  transform-origin: bottom;
  animation: animateOne 10s 0.5s ease infinite;
  top: 60px;
  right: -35px;
  width: 100px;
}
@keyframes animateOne {
  0% {
    transform: translateZ(0px) translateY(0) translateX(0) skewY(0deg);
  }
  50% {
    transform: translateZ(-5px) translateY(-5px) translateX(-5px) skewY(5deg);
  }

  75% {
    transform: translateZ(5px) translateY(5px) translateX(5px) skewY(5deg)
      rotate(-5deg);
  }
  100% {
    transform: translateZ(0px) translateY(0) translateX(0) skewY(0deg)
      rotate(0deg);
  }
}
#Discover .FIcons #Lleaf1 {
  bottom: 0px;
  left: -15px;
  -moz-animation-delay: 2s;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  transform-origin: bottom;
  -webkit-animation: dipBranch2 6s ease-in-out forwards infinite;
  animation: dipBranch2 6s ease-in-out forwards infinite;
  width: 70px;
}

@keyframes dipBranch2 {
  0% {
    transform: translateZ(0px) translateY(0) translateX(0) skewY(0deg)
      rotate3d(0, 0, 0, 0deg);
  }
  50% {
    transform: translateZ(-2px) translateY(-2px) translateX(-2px) skewY(2deg)
      rotate3d(1, 1, 1, 5deg) rotate(10deg);
  }
  100% {
    transform: translateZ(0px) translateY(0) translateX(0) skewY(0deg)
      rotate3d(0, 0, 0, 0deg);
  }
}
#Discover .FIcons #Lleaf2 {
  bottom: 0px;
  -moz-animation-delay: 1s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  transform-origin: bottom;
  -webkit-animation: dipBranch3 4s ease-in-out forwards infinite;
  animation: dipBranch3 4s ease-in-out forwards infinite;
  left: -32px;
  width: 100px;
}
@keyframes dipBranch3 {
  0% {
    transform: translateZ(0px) translateY(0) translateX(0) skewY(0deg)
      rotate3d(0, 0, 0, 0deg);
  }
  50% {
    transform: translateZ(2px) translateY(2px) translateX(2px) skewY(-2deg)
      rotate3d(1, 1, 1, 5deg) rotate(10deg);
  }
  100% {
    transform: translateZ(0px) translateY(0) translateX(0) skewY(0deg)
      rotate3d(0, 0, 0, 0deg);
  }
}
.MainHead .Head {
  font-family: "Nickole";
  color: #043851;
  font-size: 28px;
  line-height: 34px;
}
.MainHeadWrp .SecTitle {
  margin-top: 5px;
}
.MainHeadWrp .SecTitle .Title {
  font-size: 16px;
  color: #050708;
  text-decoration: underline;
  
}
.MainHeadWrp .SecTitle .Info {
  font-size: 15px;
  color: #cb992c;
  margin-top: -5px;
}
#Discover .FlxRow {
  margin: -15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#Discover .FlxRow > * {
  padding: 15px;
  width: 100%;
}
.ViewMore {
  background: rgba(203, 153, 44, 0.102);
  color: #050708;
  width: 155px;
  height: 45px;
  font-size: 12px;
}

.hoveranim {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.hoveranim::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background: #043851;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  left: 0;
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right;
}
#Discover .FlxRow .RitArea {
  position: relative;
}
#Discover .FlxRow .RitArea .ImgBox {
  overflow: hidden;
  height: 200px;
}
#Discover .FlxRow .RitArea .ImgBox img {
  animation: Zoom 30s linear infinite alternate-reverse;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@keyframes Zoom {
  0% {
    transform: scale(1.5);
    transform-origin: center;
  }

  100% {
    transform: scale(1);
    transform-origin: center;
  }
}
#Discover .FlxRow .RitArea .FIcons #Bino {
  animation: Bino 12s linear infinite;
  width: 105px;
  right: -22px;
  bottom: -15px;
}
@keyframes Bino {
  0% {
    transform: rotate(0deg);
    transform-origin: center;
  }
  25% {
    transform: rotate(23deg);
    transform-origin: center;
  }
  30% {
    transform: rotate(23deg);
    transform-origin: center;
  }
  75% {
    transform: rotate(0deg);
    transform-origin: center;
  }
  100% {
    transform: rotate(0deg);
    transform-origin: center;
  }
}
#Discover .FlxRow .RitArea .FIcons #leaf2 {
  animation: leaf2 6s linear infinite;
  transition-delay: 0.2s;
  left: 20%;
  bottom: -15px;
  width: 60px;
}
@keyframes leaf2 {
  0% {
    transform: translate(-60px, -60px) rotate(18deg);
    transform-origin: center;
    opacity: 0;
  }
  25% {
    transform: translate(-40px, -40px) rotate(18deg);
    transform-origin: center;
    opacity: 0.8;
    opacity: 1;
  }
  75% {
    transform: translate(0px, 0px) rotate(0deg);
    transform-origin: center;
    opacity: 1;
  }
  95% {
    transform: translate(0px, 0px) rotate(0deg);
    transform-origin: center;
    opacity: 0;
  }
  100% {
    transform: translate(-60px, -60px) rotate(18deg);
    transform-origin: center;
    opacity: 0;
  }
}
.hoveranim:hover::before {
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.ViewMore:hover {
  color: #fff !important;
}

/* ---------------------------------- */
/* vision mission */

#PhilosophY {
  background: #222d4b;
  padding: 60px 0px 60px;
}
#PhilosophY .container {
  position: relative;
}
#PhilosophY .container #Bulb {
  right: 0;
  width: 135px;
  top: -60px;
  z-index: 0;
}
#PhilosophY .container .FIcons svg,
#PhilosophY .container .FIcons img {
  position: absolute;
}
svg {
  display: inline-block;
  position: relative;
  width: 100%;
  vertical-align: middle;
  overflow: hidden;
}
#PhilosophY .container #hourglass {
  animation-delay: 1s;
  animation: hourglass 5s linear infinite;
  left: 20px;
  width: 40px;
  bottom: -45px;
}
@keyframes hourglass {
  50% {
    transform: rotateZ(0);
  }
  100% {
    transform: rotateZ(180deg);
  }
}
#PhilosophY .container #wave {
  position: absolute;
  z-index: 0;
  width: 75px;
  right: 0px;
  bottom: -50px;
}
#PhilosophY .CntnBOx {
  /* width: 100%; */
  max-width: 830px;
  position: relative;
  z-index: 1;
}
#PhilosophY .MainHead {
  margin-bottom: 25px;
}
#PhilosophY .MainHead .Head {
  font-family: "Nickole";
  color: #d7d7d7;
  font-size: 28px;
  line-height: 34px;
}
.CntnBOx p {
  color: #ded6d6;
}
#PhilosophY .container #Bulb .st0 {
  animation: blinker 6s linear infinite;
}
@keyframes blinker {
  0%,
  30%,
  100% {
    fill: #fff;
  }
  20%,
  40% {
    fill: #e8aca6;
  }
}
#PhilosophY .container #Bulb .st1 {
  animation: blinker2 4s linear infinite;
  animation-delay: 0.5s;
}
@keyframes blinker2 {
  0%,
  30%,
  100% {
    fill: #fff;
  }

  20%,
  40% {
    fill: #ffe67d;
  }
}
#PhilosophY .container #Bulb .st2 {
  animation: blinker3 8s linear infinite;
  animation-delay: 0.3s;
}
@keyframes blinker3 {
  0%,
  30%,
  100% {
    fill: #fff;
  }

  20%,
  40% {
    fill: #c7e598;
  }
}
#PhilosophY .container #hourglass .st0 {
  animation-delay: 1s;
  fill: #3f3f3f;
}
#PhilosophY .container #hourglass .st1 {
  animation-delay: 1s;
  fill: #7a8773;
}
#PhilosophY .container #wave .st0 {
  fill: #50bfa5;
  animation: wave1 4s linear infinite alternate-reverse;
}
@keyframes wave1 {
  0% {
    transform: translate(15px, -15px);
  }
  100% {
    transform: translate(-15px, 15px);
  }
}
#PhilosophY .container #wave .st1 {
  fill: #f7cc7f;
  animation: wave2 4s linear infinite alternate-reverse;
}
@keyframes wave2 {
  0% {
    transform: translate(-15px, 15px);
  }

  100% {
    transform: translate(15px, -15px);
  }
}
#OurCare {
  position: relative;
  padding: 40px 0 45px;
}

@media only screen and (min-width: 468px) {
  #OurCare {
    padding: 60px 0 55px !important;
  }
}

@media only screen and (min-width: 992px) {
  #OurCare {
    padding: 75px 0 95px !important;
  }
}

#OurCare .FloatIcons {
  pointer-events: none;
}

#OurCare .FloatIcons #Heart1 {
  position: absolute;
  opacity: 0.2;
  animation: animateHeart 5.2s infinite;
  right: 6%;
  top: 33px;
  width: 210px;
}
@keyframes animateHeart {
  0% {
    transform: scale(0.8);
  }

  5% {
    transform: scale(0.9);
  }
  10% {
    transform: scale(0.8);
  }
  15% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(0.8);
  }
}
@keyframes rotating {
  0% {
    transform: rotate(0deg);
  }

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

  50% {
    -webkit-transform: scale(0.5) rotate(360deg);
    transform: scale(0.5) rotate(360deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
  }
}

@keyframes animationFramesOne {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }

  20% {
    transform: translate(73px, -1px) rotate(36deg);
  }

  40% {
    transform: translate(141px, 72px) rotate(72deg);
  }

  60% {
    transform: translate(83px, 122px) rotate(108deg);
  }

  80% {
    transform: translate(-40px, 72px) rotate(144deg);
  }

  100% {
    transform: translate(0px, 0px) rotate(0deg);
  }
}

@keyframes animationFramesUp {
  0% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }

  20% {
    transform: translate(73px, -1px) rotate(36deg) scale(0.9);
  }

  40% {
    transform: translate(141px, -72px) rotate(72deg) scale(1);
  }

  60% {
    transform: translate(83px, -122px) rotate(108deg) scale(1.2);
  }

  80% {
    transform: translate(-40px, -72px) rotate(144deg) scale(1.1);
  }

  100% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
}

@keyframes jump {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40% {
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Reveel {
  0% {
    opacity: 0;
  }

  25% {
    opacity: 0.25;
  }

  50% {
    opacity: 0.5;
  }

  75% {
    opacity: 0.75;
  }

  100% {
    opacity: 1;
  }
}

@keyframes animateHeart {
  0% {
    transform: scale(0.8);
  }

  5% {
    transform: scale(0.9);
  }

  10% {
    transform: scale(0.8);
  }

  15% {
    transform: scale(1);
  }

  50% {
    transform: scale(0.8);
  }

  100% {
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 468px) {
  #OurCare .FloatIcons #Heart1 {
    right: auto !important;
    left: 6% !important;
    top: 10px !important;
    width: 225px !important;
  }
}

@media only screen and (min-width: 992px) {
  #OurCare .FloatIcons #Heart1 {
    width: 335px !important;
  }
}

@media only screen and (min-width: 992px) {
  #OurCare .FloatIcons #Heart1 {
    width: 425px !important;
  }
}

@media only screen and (min-width: 1551px) {
  #OurCare .FloatIcons #Heart1 {
    width: 485px !important;
    left: 325px !important;
    top: 40px !important;
  }
}

#OurCare .FloatIcons #Heart1 .st0 {
  opacity: 0.19;
}

#OurCare .FloatIcons #Heart1 .st1 {
  clip-path: url(#SVGID_00000002384823234133848820000011031990726092455082_);
  fill: #ec008c;
}

#OurCare .FloatIcons #PlusIcon1 {
  fill: #fabce0;
  position: absolute;
  top: 30px;
  left: 55px;
  -webkit-animation: scale-upOne 10s linear infinite;
  -moz-animation: scale-upOne 10s linear infinite;
  -ms-animation: scale-upOne 10s linear infinite;
  -o-animation: scale-upOne 10s linear infinite;
  animation: scale-upOne 10s linear infinite;
  width: 14px;
  height: 14px;
}

@media only screen and (min-width: 1200px) {
  #OurCare .FloatIcons #PlusIcon1 {
    width: 21px !important;
    height: 21px !important;
  }
}

#OurCare .FloatIcons #PlusIcon2 {
  width: 14px;
  height: 14px;
  fill: #fabce0;
  position: absolute;
  top: 29%;
  right: 15px;
  -webkit-animation: rotating 15s linear infinite;
  -moz-animation: rotating 15s linear infinite;
  -ms-animation: rotating 15s linear infinite;
  -o-animation: rotating 15s linear infinite;
  animation: rotating 15s linear infinite;
}

@media only screen and (min-width: 1200px) {
  #OurCare .FloatIcons #PlusIcon2 {
    width: 21px !important;
    height: 21px !important;
  }
}

#OurCare .FloatIcons #Heart2 {
  position: absolute;
  bottom: 208px;
  right: -20px;
  animation: animateHeart 5.2s infinite;
  width: 50px;
  height: 50px;
  z-index: 1;
}

@media only screen and (min-width: 468px) {
  #OurCare .FloatIcons #Heart2 {
    width: 92px !important;
    height: 92px !important;
  }
}

#OurCare .FloatIcons #Heart2 .st0 {
  opacity: 0.19;
}

#OurCare .FloatIcons #Heart2 .st1 {
  clip-path: url(#SVGID_00000113321814061438816560000006757950384076775306_);
  fill: #ec008c;
}

#OurCare .FloatIcons #Heart2 .st2 {
  fill: none;
  stroke: #393c3f;
  stroke-width: 6.68;
  stroke-miterlimit: 10;
}

#OurCare .FloatIcons #RoundIco1 {
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 38%;
  opacity: 0.5;
  -webkit-animation: animationFramesOne 15s linear infinite;
  -moz-animation: animationFramesOne 15s linear infinite;
  -ms-animation: animationFramesOne 15s linear infinite;
  -o-animation: animationFramesOne 15s linear infinite;
  animation: animationFramesUp 15s linear infinite;
  width: 20px;
  height: 20px;
  z-index: 2;
}

@media only screen and (min-width: 468px) {
  #OurCare .FloatIcons #RoundIco1 {
    width: 28px !important;
    height: 28px !important;
  }
}

@media only screen and (min-width: 1200px) {
  #OurCare .FloatIcons #RoundIco1 {
    width: 36px !important;
    height: 36px !important;
  }
}

#OurCare .FloatIcons #RoundIco1 .st0 {
  fill: #fbcfe9;
}

#OurCare .FloatIcons #RoundIco1 .st1 {
  fill: #393c3f;
}

#OurCare .FloatIcons #RoundIco2 {
  position: absolute;
  bottom: 65px;
  left: -9px;
  -webkit-animation: jump 3s linear infinite;
  -moz-animation: jump 3s linear infinite;
  -ms-animation: jump 3s linear infinite;
  -o-animation: jump 3s linear infinite;
  animation: jump 3s linear infinite;
  width: 20px;
  height: 20px;
  z-index: 2;
}

@media only screen and (min-width: 468px) {
  #OurCare .FloatIcons #RoundIco2 {
    width: 28px !important;
    height: 28px !important;
  }
}

@media only screen and (min-width: 1200px) {
  #OurCare .FloatIcons #RoundIco2 {
    width: 36px !important ;
    height: 36px !important;
  }
}

#OurCare .FloatIcons #RoundIco2 .st0 {
  fill: #fbcfe9;
}

#OurCare .FloatIcons #RoundIco2 .st1 {
  fill: #393c3f;
}

#OurCare .HeadWrp {
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

@media only screen and (min-width: 468px) {
  #OurCare .HeadWrp {
    flex-wrap: nowrap !important;
    margin-bottom: 55px !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
}

@media only screen and (min-width: 1551px) {
  #OurCare .HeadWrp {
    margin-bottom: 60px !important;
  }
}

#OurCare .HeadWrp .SecIcon {
  width: 75px;
  order: 0;
}

@media only screen and (min-width: 576px) {
  #OurCare .HeadWrp .SecIcon {
    order: 1 !important;
    margin-right: 40px !important;
    width: 130px !important;
  }
}

@media only screen and (min-width: 768px) {
  #OurCare .HeadWrp .SecIcon {
    width: 160px !important;
  }
}

@media only screen and (min-width: 1200px) {
  #OurCare .HeadWrp .SecIcon {
    width: 190px !important;
    margin-right: 60px !important;
  }
}

#OurCare .HeadWrp .SecIcon .svg-elem-1 {
  fill: rgba(0, 0, 0, 0);
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
  transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

#OurCare .HeadWrp .SecIcon.aos-animate .svg-elem-1 {
  fill: #000;
}

#OurCare .HeadWrp .SecIcon .svg-elem-2 {
  fill: rgba(0, 0, 0, 0);
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
  transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}

#OurCare .HeadWrp .SecIcon.aos-animate .svg-elem-2 {
  fill: #fbcfe9;
}

#OurCare .HeadWrp .SecIcon .svg-elem-3 {
  fill: rgba(0, 0, 0, 0);
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
  transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

#OurCare .HeadWrp .SecIcon.aos-animate .svg-elem-3 {
  fill: #000;
}

#OurCare .HeadWrp .SecIcon .svg-elem-4 {
  fill: rgba(0, 0, 0, 0);
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
  transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
}

#OurCare .HeadWrp .SecIcon.aos-animate .svg-elem-4 {
  fill: #fbcfe9;
}

#OurCare .HeadWrp .SecIcon .svg-elem-5 {
  fill: rgba(0, 0, 0, 0);
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
  transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
}

#OurCare .HeadWrp .SecIcon.aos-animate .svg-elem-5 {
  fill: #fff;
}

#OurCare .HeadWrp .SecIcon .svg-elem-6 {
  fill: rgba(0, 0, 0, 0);
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
  transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
}

#OurCare .HeadWrp .SecIcon.aos-animate .svg-elem-6 {
  fill: #393c3f;
}

#OurCare .HeadWrp .SecIcon .svg-elem-7 {
  fill: rgba(0, 0, 0, 0);
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s;
  transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s;
}

#OurCare .HeadWrp .SecIcon.aos-animate .svg-elem-7 {
  fill: #fff;
}

#OurCare .HeadWrp .SecIcon .svg-elem-8 {
  fill: rgba(0, 0, 0, 0);
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
  transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

#OurCare .HeadWrp .SecIcon.aos-animate .svg-elem-8 {
  fill: #393c3f;
}

#OurCare .HeadWrp .SecIcon .svg-elem-9 {
  fill: rgba(0, 0, 0, 0);
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
  transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
}

#OurCare .HeadWrp .SecIcon.aos-animate .svg-elem-9 {
  fill: #393c3f;
}

#OurCare .HeadWrp .SecIcon .svg-elem-10 {
  fill: rgba(0, 0, 0, 0);
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s;
  transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s;
}

#OurCare .HeadWrp .SecIcon.aos-animate .svg-elem-10 {
  fill: #393c3f;
}

#OurCare .HeadWrp .SecIcon .svg-elem-11 {
  fill: rgba(0, 0, 0, 0);
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
  transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
}

#OurCare .HeadWrp .SecIcon.aos-animate .svg-elem-11 {
  fill: #393c3f;
}

#OurCare .HeadWrp .SecIcon .svg-elem-12 {
  fill: rgba(0, 0, 0, 0);
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9s;
  transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9s;
}

#OurCare .HeadWrp .SecIcon.aos-animate .svg-elem-12 {
  fill: #393c3f;
}

#OurCare .HeadWrp .SecIcon .svg-elem-13 {
  fill: rgba(0, 0, 0, 0);
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
  transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
}

#OurCare .HeadWrp .SecIcon.aos-animate .svg-elem-13 {
  fill: #393c3f;
}

#OurCare .HeadWrp .SecIcon .svg-elem-14 {
  fill: rgba(0, 0, 0, 0);
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
  transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
}

#OurCare .HeadWrp .SecIcon.aos-animate .svg-elem-14 {
  fill: #fbcfe9;
}

#OurCare .HeadWrp .SecIcon .svg-elem-15 {
  fill: rgba(0, 0, 0, 0);
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
  transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
}

#OurCare .HeadWrp .SecIcon.aos-animate .svg-elem-15 {
  fill: #000;
}

#OurCare .HeadWrp .SecIcon .svg-elem-16 {
  fill: rgba(0, 0, 0, 0);
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
  transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
}

#OurCare .HeadWrp .SecIcon.aos-animate .svg-elem-16 {
  fill: #fbcfe9;
}

#OurCare .HeadWrp .SecIcon .svg-elem-17 {
  fill: rgba(0, 0, 0, 0);
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s;
  transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s;
}

#OurCare .HeadWrp .SecIcon.aos-animate .svg-elem-17 {
  fill: #fbcfe9;
}

#OurCare .HeadWrp .SecIcon .svg-elem-18 {
  fill: rgba(0, 0, 0, 0);
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
  transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
}

#OurCare .HeadWrp .SecIcon.aos-animate .svg-elem-18 {
  fill: #000;
}

#OurCare .HeadWrp .SecIcon .svg-elem-19 {
  fill: rgba(0, 0, 0, 0);
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
  transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
}

#OurCare .HeadWrp .SecIcon.aos-animate .svg-elem-19 {
  fill: #fbcfe9;
}

#OurCare .HeadWrp .SecIcon .svg-elem-20 {
  fill: rgba(0, 0, 0, 0);
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
  transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
}

#OurCare .HeadWrp .SecIcon.aos-animate .svg-elem-20 {
  fill: #393c3f;
}

#OurCare .HeadWrp .SecIcon .svg-elem-21 {
  fill: rgba(0, 0, 0, 0);
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s;
  transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s;
}

#OurCare .HeadWrp .SecIcon.aos-animate .svg-elem-21 {
  fill: #000;
}

#OurCare .HeadWrp .SecIcon .svg-elem-22 {
  fill: rgba(0, 0, 0, 0);
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9s;
  transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9s;
}

#OurCare .HeadWrp .SecIcon.aos-animate .svg-elem-22 {
  fill: #fbcfe9;
}

#OurCare .HeadWrp .SecIcon .svg-elem-23 {
  fill: rgba(0, 0, 0, 0);
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3s;
  transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3s;
}

#OurCare .HeadWrp .SecIcon.aos-animate .svg-elem-23 {
  fill: #393c3f;
}

#OurCare .HeadWrp .MainHead {
  margin-bottom: 0px;
  padding-left: 15px;
  margin-top: 15px;
  order: 1;
  width: calc(100% - 75px);
}

@media only screen and (min-width: 468px) {
  #OurCare .HeadWrp .MainHead {
    order: 0 !important ;
    margin-top: 0px !important ;
    width: calc(100% - 115px) !important ;
    padding-left: 0px !important;
  }
}

@media only screen and (min-width: 576px) {
  #OurCare .HeadWrp .MainHead {
    padding-right: 30px !important;
    width: calc(100% - 130px) !important;
  }
}

@media only screen and (min-width: 768px) {
  #OurCare .HeadWrp .MainHead {
    width: calc(100% - 160px) !important;
  }
}

@media only screen and (min-width: 1200px) {
  #OurCare .HeadWrp .MainHead {
    width: calc(100% - 190px) !important;
  }
}

#OurCare .HeadWrp .MainHead .Head span {
  color: #ec008c;
}

#OurCare .HeadWrp .SecInfo {
  max-width: 745px;
}

#OurCare .HeadWrp .SecInfo br {
  display: none;
}

@media only screen and (min-width: 992px) {
  #OurCare .HeadWrp .SecInfo br {
    display: block !important;
  }
}

#OurCare .HeadWrp .SecInfo svg {
  stroke: #ec008c;
}

#OurCare .SliderFlex .ThumbSlide .splide__slide {
  padding: 0px;
}

@media only screen and (min-width: 468px) {
  #OurCare .SliderFlex .ThumbSlide .splide__slide {
    padding: 0 20px !important;
  }
}

@media only screen and (min-width: 992px) {
  #OurCare .SliderFlex .ThumbSlide .splide__slide {
    padding: 20px 0 !important;
  }
}

#OurCare .SliderFlex .ThumbSlide .splide__slide:not(:last-of-type)::before {
  background-color: #c7c7c8;
}

#OurCare .SliderFlex .ThumbSlide .splide__slide:not(:last-of-type)::after {
  background-color: #2d3858;
}

#OurCare .SliderFlex .ThumbSlide .splide__slide .Dot span {
  background-color: #2d3858;
}

#OurCare .SliderFlex .ThumbSlide .splide__slide.is-active .title {
  color: #2d3858;
}

#OurCare .SliderFlex .MainSlide .splide__slide .MobTitle {
  background: #1a1e29d9;
}

#OurCare .SliderFlex .MainSlide .ViewMore {
  background-color: #ec008c;
}

#OurCare .SliderFlex .MainSlide .ViewMore.show {
  background: rgba(236, 0, 140, 0.85);
}

#OurCare .SliderFlex .MainSlide .SlideBox .CntnBox {
  background: rgba(236, 0, 140, 0.85);
}

.SliderFlex {
  align-items: center;
  justify-content: flex-end;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.SliderFlex .ThumbSlide {
  height: fit-content;
  height: -moz-fit-content;
  z-index: 1;
  width: 100%;
  margin-bottom: 15px;
}

@media only screen and (min-width: 468px) {
  .SliderFlex .ThumbSlide {
    margin-bottom: 25px !important;
  }
}

@media only screen and (min-width: 992px) {
  .SliderFlex .ThumbSlide {
    border-radius: 50px !important;
    background-color: #fff !important;
    padding: 0 20px !important;
    margin-bottom: 0px !important;
    padding: 20px 0 !important;
    width: 355px !important;
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;
  }
}

.SliderFlex .ThumbSlide .splide__slide {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border: none !important;
  outline: none;
  position: relative;
  justify-content: center;
  padding: 0px;
}

@media only screen and (min-width: 468px) {
  .SliderFlex .ThumbSlide .splide__slide {
    padding: 0 22px !important;
  }
}

@media only screen and (min-width: 992px) {
  .SliderFlex .ThumbSlide .splide__slide {
    padding: 22px 0 !important;
    justify-content: flex-start;
  }
}

@media only screen and (min-width: 1551px) {
  .SliderFlex .ThumbSlide .splide__slide {
    padding: 30px 0 !important;
  }
}

.SliderFlex .ThumbSlide .splide__slide:not(:last-of-type)::before {
  content: "";
  position: absolute;
  background-color: #c7c7c8;
  height: 1px;
  width: 100%;
  left: calc(50% + 13px);
  top: 50%;
}

@media only screen and (min-width: 468px) {
  .SliderFlex .ThumbSlide .splide__slide:not(:last-of-type)::before {
    left: calc(50% + 17px) !important;
  }
}

@media only screen and (min-width: 992px) {
  .SliderFlex .ThumbSlide .splide__slide:not(:last-of-type)::before {
    top: calc(50% + 17px) !important;
    width: 1px !important;
    height: 100% !important;
    left: 17px !important;
  }
}

@media only screen and (min-width: 1551px) {
  .SliderFlex .ThumbSlide .splide__slide:not(:last-of-type)::before {
    top: calc(50% + 20px) !important ;
    left: 20px !important;
  }
}

.SliderFlex .ThumbSlide .splide__slide:not(:last-of-type)::after {
  content: "";
  position: absolute;
  background-color: #1d937a;
  height: 1px;
  width: 0;
  top: 50%;
  left: calc(50% + 13px);
}

@media only screen and (min-width: 468px) {
  .SliderFlex .ThumbSlide .splide__slide:not(:last-of-type)::after {
    left: calc(50% + 17px) !important;
  }
}

@media only screen and (min-width: 992px) {
  .SliderFlex .ThumbSlide .splide__slide:not(:last-of-type)::after {
    top: calc(50% + 17px) !important;
    width: 1px !important;
    height: 0 !important;
    left: 17px !important;
  }
}

@media only screen and (min-width: 1551px) {
  .SliderFlex .ThumbSlide .splide__slide:not(:last-of-type)::after {
    left: 20px !important;
  }
}

.SliderFlex .ThumbSlide .splide__slide .Dot {
  border: 1px solid #c6c6c6;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  padding: 2px;
  width: 25px;
  height: 25px;
}

@media only screen and (min-width: 468px) {
  .SliderFlex .ThumbSlide .splide__slide .Dot {
    width: 35px !important;
    height: 35px !important;
  }
}

@media only screen and (min-width: 1551px) {
  .SliderFlex .ThumbSlide .splide__slide .Dot {
    width: 41px !important;
    height: 41px !important;
  }
}

.SliderFlex .ThumbSlide .splide__slide .Dot span {
  border-radius: 50%;
  background-color: #1d937a;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  width: 5px;
  height: 5px;
}

@media only screen and (min-width: 1551px) {
  .SliderFlex .ThumbSlide .splide__slide .Dot span {
    width: 7px !important;
    height: 7px !important;
  }
}

.SliderFlex .ThumbSlide .splide__slide .Dot span svg {
  opacity: 0;
  visibility: hidden;
  fill: #fff;
  transition: all 0.3s;
  width: 9px;
}

@media only screen and (min-width: 468px) {
  .SliderFlex .ThumbSlide .splide__slide .Dot span svg {
    width: 13px !important;
  }
}

@media only screen and (min-width: 1551px) {
  .SliderFlex .ThumbSlide .splide__slide .Dot span svg {
    width: 15px !important;
  }
}

.SliderFlex .ThumbSlide .splide__slide .title {
  padding-left: 22px;
  color: #7c7c7c;
  font-weight: 600;
  transition: all 0.3s;
  display: none;
  width: calc(100% - 35px);
  font-size: 16px;
}

@media only screen and (min-width: 992px) {
  .SliderFlex .ThumbSlide .splide__slide .title {
    display: block !important;
  }
}

@media only screen and (min-width: 1551px) {
  .SliderFlex .ThumbSlide .splide__slide .title {
    font-size: 18px !important;
    width: calc(100% - 41px) !important;
  }
}

.SliderFlex .ThumbSlide .splide__slide.is-active::after {
  transition: all 6s;
  width: 100%;
}

@media only screen and (min-width: 992px) {
  .SliderFlex .ThumbSlide .splide__slide.is-active::after {
    width: 1px !important;
    height: 100% !important;
  }
}

.SliderFlex .ThumbSlide .splide__slide.is-active .MobTitle {
  opacity: 1;
}

.SliderFlex .ThumbSlide .splide__slide.is-active .Dot span {
  width: 100%;
  height: 100%;
}

.SliderFlex .ThumbSlide .splide__slide.is-active .Dot span svg {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.2s;
}

.SliderFlex .ThumbSlide .splide__slide.is-active .title {
  color: #1d937a;
}

.SliderFlex .MainSlide {
  background-color: #000;
  overflow: hidden;
  width: 100%;
  border-radius: 20px;
  height: 245px;
}

@media only screen and (min-width: 468px) {
  .SliderFlex .MainSlide {
    border-radius: 50px !important;
    height: 355px !important;
  }
}

@media only screen and (min-width: 768px) {
  .SliderFlex .MainSlide {
    height: 465px !important;
  }
}

@media only screen and (min-width: 992px) {
  .SliderFlex .MainSlide {
    width: calc(100% - 355px + 55px) !important;
  }
}

@media only screen and (min-width: 1551px) {
  .SliderFlex .MainSlide {
    height: 575px !important;
  }
}

.SliderFlex .MainSlide .splide__track,
.SliderFlex .MainSlide .splide__list {
  height: 100%;
}

.SliderFlex .MainSlide .splide__slide {
  height: 100%;
  position: relative;
  overflow: hidden;
}

.SliderFlex .MainSlide .splide__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.SliderFlex .MainSlide .splide__slide .MobTitle {
  position: absolute;
  left: 0;
  width: 100%;
  background: #1d937a;
  padding: 10px 20px;
  color: #fff;
  font-weight: 600;
  transition: all 0.3s;
  font-size: 16px;
  display: none;
}

.SliderFlex .MainSlide .splide__slide .MobTitle.show {
  display: block;
}

@media only screen and (min-width: 992px) {
  .SliderFlex .MainSlide .splide__slide .MobTitle.show {
    display: none !important;
  }
}

.SliderFlex .MainSlide .ViewMore {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 34px;
  background-color: #1d937a;
  outline: none;
  box-shadow: none;
  border: none;
  font-size: 30px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
  transition-delay: 0.1s;
  z-index: 2;
  padding-left: 15px;
  border-radius: 35px 0 0 35px;
  height: 67px;
}

.SliderFlex .MainSlide .ViewMore span {
  transition: all 0.3s;
}

.SliderFlex .MainSlide .ViewMore.show {
  background: rgba(50, 147, 122, 0.85);
}

@media only screen and (max-width: 576px) {
  .SliderFlex .MainSlide .ViewMore.show {
    height: 100% !important;
    border-radius: 0px !important;
  }
}

.SliderFlex .MainSlide .ViewMore.show span {
  transform: rotate(45deg);
}

.SliderFlex .MainSlide .SlideBox {
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 1;
  transition: all 0.5s;
  padding-left: 34px;
  width: 100%;
  right: calc(-100% + 34px);
}

@media only screen and (min-width: 576px) {
  .SliderFlex .MainSlide .SlideBox {
    width: 450px !important;
    right: -416px !important;
  }
}

.SliderFlex .MainSlide .SlideBox * {
  color: #fff;
}

.SliderFlex .MainSlide .SlideBox .CntnBox {
  width: 100%;
  height: 100%;
  background: rgba(50, 147, 122, 0.85);
  padding: 35px 20px 15px 15px;
  overflow-y: scroll;
  max-height: 245px;
}

@media only screen and (min-width: 468px) {
  .SliderFlex .MainSlide .SlideBox .CntnBox {
    max-height: 355px !important;
  }
}

@media only screen and (min-width: 576px) {
  .SliderFlex .MainSlide .SlideBox .CntnBox {
    padding: 55px 37px 0 48px !important;
  }
}

@media only screen and (min-width: 768px) {
  .SliderFlex .MainSlide .SlideBox .CntnBox {
    max-height: 465px !important;
  }
}

@media only screen and (min-width: 1551px) {
  .SliderFlex .MainSlide .SlideBox .CntnBox {
    max-height: 575px !important;
  }
}

.SliderFlex .MainSlide .SlideBox.show {
  right: 0;
}

/* Our Gallery Start */

#OurGallery {
  padding: 40px 0 45px;
}

@media only screen and (min-width: 468px) {
  #OurGallery {
    padding: 50px 0 75px;
  }
}

@media only screen and (min-width: 992px) {
  #OurGallery {
    padding: 75px 0 125px;
  }
}

@media only screen and (min-width: 768px) {
  #OurGallery .MainHead {
    padding-left: 20%;
  }
}

@media only screen and (min-width: 1551px) {
  #OurGallery .MainHead {
    padding-left: 325px;
  }
}

#OurGallery .MainHead span {
  color: #eca100;
}

#OurGallery .SecInfo {
  max-width: 675px;
}

#OurGallery .SecInfo svg {
  stroke: #eca100;
}

#OurGallery .GalleryGrid {
  display: flex;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: -5px;
}

#OurGallery .GalleryGrid .GridBox {
  margin: -5px;
  padding: 5px;
  width: 100%;
}

@media only screen and (min-width: 576px) {
  #OurGallery .GalleryGrid .GridBox {
    width: 14.2857142857%;
  }
}

#OurGallery .GalleryGrid .GridBox .Grid {
  padding: 5px;
  display: flex;
  opacity: 0;
}

#OurGallery .GalleryGrid .GridBox .Grid .ImgBox {
  border-radius: 5px;
  background-color: #9da19d;
  width: 100%;
  overflow: hidden;
  display: block;
  height: 120px;
}

@media only screen and (min-width: 576px) {
  #OurGallery .GalleryGrid .GridBox .Grid .ImgBox {
    height: 75px;
  }
}

@media only screen and (min-width: 768px) {
  #OurGallery .GalleryGrid .GridBox .Grid .ImgBox {
    height: 135px;
  }
}

@media only screen and (min-width: 992px) {
  #OurGallery .GalleryGrid .GridBox .Grid .ImgBox {
    height: 160px;
  }
}

@media only screen and (min-width: 1551px) {
  #OurGallery .GalleryGrid .GridBox .Grid .ImgBox {
    height: 190px;
  }
}

#OurGallery .GalleryGrid .GridBox .Grid .ImgBox img {
  transition: transform 0.8s;
  transform-origin: center center;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#OurGallery .GalleryGrid .GridBox .Grid .Block {
  border-radius: 5px;
  background-color: #5a9755;
  width: 25px;
  height: 25px;
}

@media only screen and (min-width: 768px) {
  #OurGallery .GalleryGrid .GridBox .Grid .Block {
    width: 39px;
    height: 39px;
  }
}

@media only screen and (min-width: 576px) {
  #OurGallery .GalleryGrid .GridBox .Grid:nth-child(2) .ImgBox {
    height: 100px;
  }
}

@media only screen and (min-width: 768px) {
  #OurGallery .GalleryGrid .GridBox .Grid:nth-child(2) .ImgBox {
    height: 145px;
  }
}

@media only screen and (min-width: 1551px) {
  #OurGallery .GalleryGrid .GridBox .Grid:nth-child(2) .ImgBox {
    height: 170px;
  }
}

#OurGallery .GalleryGrid .GridBox .Grid:hover .ImgBox img {
  transform: scale(1.1);
}

@media only screen and (max-width: 576px) {
  #OurGallery .GalleryGrid .GridBox:nth-child(1) {
    display: grid;
    grid-template-columns: minmax(105px, auto) 35px;
  }
}

@media only screen and (min-width: 576px) {
  #OurGallery .GalleryGrid .GridBox:nth-child(1) {
    margin-top: 37px;
  }
}

@media only screen and (min-width: 1551px) {
  #OurGallery .GalleryGrid .GridBox:nth-child(1) {
    margin-top: 48px;
  }
}

#OurGallery .GalleryGrid .GridBox:nth-child(1) .Grid {
  justify-content: flex-end;
}

@media only screen and (min-width: 576px) {
  #OurGallery .GalleryGrid .GridBox:nth-child(1) .Grid .ImgBox {
    height: 100px;
  }
}

@media only screen and (min-width: 768px) {
  #OurGallery .GalleryGrid .GridBox:nth-child(1) .Grid .ImgBox {
    height: 140px;
  }
}

@media only screen and (min-width: 1551px) {
  #OurGallery .GalleryGrid .GridBox:nth-child(1) .Grid .ImgBox {
    height: 170px;
  }
}

#OurGallery .GalleryGrid .GridBox:nth-child(1) .Grid .Block {
  background-color: #011045;
}

@media only screen and (max-width: 576px) {
  #OurGallery .GalleryGrid .GridBox:nth-child(2) {
    display: grid;
    grid-template-columns: minmax(10%, 1fr) 2fr;
  }
}

@media only screen and (max-width: 576px) {
  #OurGallery .GalleryGrid .GridBox:nth-child(3) {
    display: grid;
    grid-template-columns: minmax(170px, auto) 1fr 35px;
  }
}

@media only screen and (min-width: 576px) {
  #OurGallery .GalleryGrid .GridBox:nth-child(3) {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 768px) {
  #OurGallery .GalleryGrid .GridBox:nth-child(3) {
    margin-top: 37px;
  }
}

@media only screen and (min-width: 1551px) {
  #OurGallery .GalleryGrid .GridBox:nth-child(3) {
    margin-top: 48px;
  }
}

#OurGallery .GalleryGrid .GridBox:nth-child(3) .Grid {
  justify-content: flex-end;
}

#OurGallery .GalleryGrid .GridBox:nth-child(3) .Grid .Block {
  width: 25px;
  height: 25px;
}

@media only screen and (min-width: 768px) {
  #OurGallery .GalleryGrid .GridBox:nth-child(3) .Grid .Block {
    width: 42px;
    height: 42px;
  }
}

@media only screen and (min-width: 1551px) {
  #OurGallery .GalleryGrid .GridBox:nth-child(3) .Grid .Block {
    width: 48px;
    height: 48px;
  }
}

@media only screen and (max-width: 576px) {
  #OurGallery .GalleryGrid .GridBox:nth-child(4) {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}

@media only screen and (min-width: 576px) {
  #OurGallery .GalleryGrid .GridBox:nth-child(4) .Grid .ImgBox {
    height: 85px;
  }
}

@media only screen and (min-width: 768px) {
  #OurGallery .GalleryGrid .GridBox:nth-child(4) .Grid .ImgBox {
    height: 130px;
  }
}

@media only screen and (min-width: 992px) {
  #OurGallery .GalleryGrid .GridBox:nth-child(4) .Grid .ImgBox {
    height: 150px;
  }
}

@media only screen and (min-width: 1551px) {
  #OurGallery .GalleryGrid .GridBox:nth-child(4) .Grid .ImgBox {
    height: 165px;
  }
}

@media only screen and (max-width: 576px) {
  #OurGallery .GalleryGrid .GridBox:nth-child(5) {
    display: grid;
    grid-template-columns: minmax(35px, auto) 1fr 170px;
  }
}

@media only screen and (min-width: 768px) {
  #OurGallery .GalleryGrid .GridBox:nth-child(5) .Grid:nth-child(2) .ImgBox {
    height: 160px;
  }
}

@media only screen and (min-width: 1551px) {
  #OurGallery .GalleryGrid .GridBox:nth-child(5) .Grid:nth-child(2) .ImgBox {
    height: 190px;
  }
}

#OurGallery .GalleryGrid .GridBox:nth-child(5) .Grid .Block {
  opacity: 0.502;
  width: 25px;
  height: 25px;
}

@media only screen and (min-width: 768px) {
  #OurGallery .GalleryGrid .GridBox:nth-child(5) .Grid .Block {
    width: 28px;
    height: 28px;
  }
}

@media only screen and (min-width: 1551px) {
  #OurGallery .GalleryGrid .GridBox:nth-child(5) .Grid .Block {
    width: 33px;
    height: 33px;
  }
}

@media only screen and (max-width: 576px) {
  #OurGallery .GalleryGrid .GridBox:nth-child(6) {
    display: grid;
    grid-template-columns: minmax(135px, 1fr) 125px;
  }
}

@media only screen and (max-width: 576px) {
  #OurGallery .GalleryGrid .GridBox:nth-child(7) {
    display: grid;
    grid-template-columns: minmax(105px, auto) 35px;
  }
}

@media only screen and (min-width: 576px) {
  #OurGallery .GalleryGrid .GridBox:nth-child(7) {
    margin-top: 37px;
  }
}

@media only screen and (min-width: 1551px) {
  #OurGallery .GalleryGrid .GridBox:nth-child(7) {
    margin-top: 48px;
  }
}

@media only screen and (min-width: 576px) {
  #OurGallery .GalleryGrid .GridBox:nth-child(7) .Grid .ImgBox {
    height: 100px;
  }
}

@media only screen and (min-width: 1551px) {
  #OurGallery .GalleryGrid .GridBox:nth-child(7) .Grid .ImgBox {
    height: 170px;
  }
}

#OurGallery .GalleryGrid .GridBox:nth-child(7) .Grid .Block {
  opacity: 0.502;
}
.footer__widget-3 .footer__social ul li {
  margin-right: -15px !important;
}

/*--------------------------------------------------------------
# Notification
--------------------------------------------------------------*/
.notification {
  margin: 0;
  /*margin-left: -12px;*/
  /* margin-right: 92px; */
  /* padding: 29px;*/
}

.scrolling-bar {
  width: 100%;
  padding: 3px 0;
  position: fixed;
  bottom: 0px;
  height: auto;
  overflow: hidden;
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  z-index: 5;
  background: #2d3858;
}

.scrolling-bar .head h2 {
  float: right;
  color: #fff;
  font-size: 16px;
  font-weight: 100 !important;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 0px;
}

.news-scroll .marquee a {
  /* font-family: "Cera Pro";  */
  font-weight: 300;
  position: relative;
  font-size: 15px;
  color: rgb(221, 221, 221);
  padding: 0 8px;
}

.news-scroll .marquee a:after {
  content: "";
  width: 2px;
  background-color: #222023;
  height: 17px;
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}

@-webkit-keyframes blinker1 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0.1;
  }
}

.blink {
  text-decoration: blink;
  -webkit-animation-name: blinker1;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-direction: alternate;
}
.speaker svg {
  width: 38px;
}

@media only screen and (min-width: 468px) {
  .speaker svg {
    /* width:50px */
  }
}

@media only screen and (min-width: 768px) {
  .speaker svg {
    /* width:52px; */
    margin-right: 10px;
    margin-left: 15px;
  }
}

@media only screen and (min-width: 992px) {
  .speaker svg {
    width: 20px;
    margin-right: 10px;
  }
}

.speaker svg .st0 {
  fill: #ffd071;
}

.speaker svg .st1 {
  fill: #c64b47;
}

.speaker svg .st2 {
  fill: #708f53;
}

.speaker svg .st3 {
  fill: white;
}
.white-txt {
  color: #d7d7d7;
}

.text-blue {
  color: #2d3858 !important;
}
.blog__one-item-image-date {
  position: absolute;
  right: 30px;
  bottom: 10px;
  background: #2d3858;
  display: inline-block;
  border-radius: 6px;
  padding: 10px 16px;
  text-align: center;
}
.blog__one-item-image-date .text-three {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  position: relative;
  padding-bottom: 6px;
  margin-bottom: 6px;
}

.blog__one-item-image-date span {
  color: white;
  display: block;
}
.text-three {
  /* font-family: var(--heading-font); */
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  text-transform: capitalize;
  color: var(--text-heading-color);
}
.blog__one-item-image-date .text-three::before {
  position: absolute;
  content: "";
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  background: white;
  opacity: 0.2;
  width: 30px;
  height: 2px;
}
.blog__one-item-image-date .text-five {
  font-size: 14px;
  line-height: 14px;
  text-transform: uppercase;
  font-weight: 600;
}

.text-five {
  font-family: var(--heading-font);
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  text-transform: capitalize;
  color: var(--text-heading-color);
}

.head-btn{
    background:#246c41 !important;
}
.btn-one {
  background: #2e3756cf;
  color: white;
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  margin-top: 10px;
  line-height: 26px;
  padding: 8px 33px;
  text-align: center;
  font-weight: 700;
  z-index: 3;
  position: relative;
  transition: 0.4s;
  /* text-transform: uppercase; */
  overflow: hidden;
  border-radius: 6px;
}

.btn-one:hover::before {
  transform: translateY(-50%) translateX(-50%) scale(1);
}
.btn-one::before {
  content: "";
  position: absolute;
  height: 400px;
  width: 430px;
  top: 50%;
  left: 50%;
  background: #2d3858bd;
  border-radius: 50%;
  transform: translateY(-50%) translateX(-50%) scale(0);
  transition: all 0.5s ease-out 0s;
  z-index: -1;
}

.btn-one:hover {
  color: white;
}
.btn-one i {
  position: relative;
  top: 0px;
  margin-left: 15px;
  font-size: 13px;
}

/* fixedRit */

.fixedRit {
  position: fixed;
  bottom: 10%;
  transform: translateY(-50%);
  z-index: 5;
  right: 13px;
  display: block;
}

.fixedRit ul {
  margin: -2px 0;
}

.fixedRit ul li {
  padding: 2px 0;
}

.fixedRit ul a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 5px;
  height: 35px;
  width: 35px;
  transition: all 0.3s;
  border-radius: 14px;
    margin-right: 5px;
}

@media only screen and (min-width: 468px) {
  .fixedRit ul a {
    height: 40px;
    width: 40px;
  }
}

@media only screen and (min-width: 768px) {
  .fixedRit ul a {
    width: 45px;
    height: 45px;
    
  }
}

@media only screen and (min-width: 1551px) {
  .fixedRit ul a {
    width: 42px;
    height: 42px;
  }
}

.fixedRit ul a svg {
  display: block;
  fill: #fff;
  transition: all 0.3s;
}

.fixedRit ul a.Call {
  background: #00aeef;
}

.fixedRit ul a.Call svg {
  width: 18px;
}

@media only screen and (min-width: 468px) {
  .fixedRit ul a.Call svg {
    width: 17px;
  }
}

@media only screen and (min-width: 1551px) {
  .fixedRit ul a.Call svg {
    width: 26px;
  }
}

.fixedRit ul a.whatsapp {
  background: #43c34f;
}

.fixedRit ul a.whatsapp svg {
  width: 18px;
}

@media only screen and (min-width: 468px) {
  .fixedRit ul a.whatsapp svg {
    width: 24px;
  }
}

@media only screen and (min-width: 1551px) {
  .fixedRit ul a.whatsapp svg {
    width: 26px;
  }
}

.fixedRit ul a.Mail {
  background: #2e3756;
}

.fixedRit ul a.Mail svg {
  width: 20px;
}

@media only screen and (min-width: 468px) {
  .fixedRit ul a.Mail svg {
    width: 28px;
  }
}

@media only screen and (min-width: 1551px) {
  .fixedRit ul a.Mail svg {
    width: 30px;
  }
}

.fixedRit ul a.Location {
  background: #18c5d0;
}

.fixedRit ul a.Location svg {
  width: 16px;
}

@media only screen and (min-width: 468px) {
  .fixedRit ul a.Location svg {
    width: 20px;
  }
}

@media only screen and (min-width: 1551px) {
  .fixedRit ul a.Location svg {
    width: 23px;
  }
}

.fixedRit ul a.Admission {
  height: fit-content;
  background-color: #309b7e;
  padding: 20px 0;
}

.fixedRit ul a.Admission svg {
  fill: #fff;
  height: 70px;
}

@media only screen and (min-width: 468px) {
  .fixedRit ul a.Admission svg {
    height: 85px;
  }
}

@media only screen and (min-width: 1551px) {
  .fixedRit ul a.Admission svg {
    height: 112px;
  }
}
.header-sticky .tp-header__menu ul li a {
  padding: 25px 0px;
}
.tp-slider__nav {
  display: none;
}
@media (min-width: 1450px) and (max-width: 1800px) {
  .header-sticky .tp-header__main-header {
    margin-left: 287px;
  }
  .tp-header__menu ul li a {
    padding: 25px 0px;
  }
  .tp-header__main-header {
    margin-left: 350px;
  }
  .tp-header__logo.grey-bg-2 img {
    height: 95px;
  }
  .tp-section-title {
    font-size: 30px;
  }
  .blog__one-item-image-date .text-three{
    font-size: 14px;
  }
  .blog__one-item-image-date .text-five{
    font-size: 12px;
  }
  .blog__one-item-image-date {
   
    padding: 4px 12px;
    
}
.project-icon{
  display: flex;
  justify-content: center;
  align-items: center;
}
}
@media (min-width: 1150px) and (max-width: 1449px) {
  .header-sticky .tp-header__main-header {
    margin-left: 213px;
  }
  .tp-header__menu ul li a {
    padding: 25px 0px;
  }
  .tp-header__main-header {
    margin-left: 284px;
  }
  .tp-header__logo.grey-bg-2 img {
    height: 105px;
  }
  .tp-section-title {
    font-size: 25px;
  }
  .blog__one-item-image-date .text-three{
    font-size: 11px;
  }
  .blog__one-item-image-date .text-five{
    font-size: 9px;
  }
  .blog__one-item-image-date {
   
    padding: 4px 12px;
    
}
.project-icon{
  display: flex;
  justify-content: center;
  align-items: center;
}
p{
  font-size: 14px;
}
body{
  font-size: 14px;
}
.tpfact__content h2 {
    font-size: 31px;
    
    margin-bottom: 0 !important;
}
.tpfact__content span {
    font-size: 14px;
   
}
.tpfact__content h2 span {
    font-size: 22px;
   
}
.blog__one-item-image-date .text-three {
   
    padding-bottom: 0px;
    margin-bottom: 3px;
}
.tpproject__content {

    padding: 9px 28px 14px 30px;
    
}
}

/*mobile screen responsive*/
@media(max-width:767px){
    .tpcta__title {
        font-size: 28px;
    }
    .tp-btn-3 {
        padding: 9px 40px;
    }
    .footer__logo img {
        height: 100px;
    }
    i.fa-solid.fa-bars {
            
        color: #d9d9d9;
        font-size: 30px;
        margin-top: 5px;
    
    }
    .mobile__menu a {
        background: none;
    }
    .blog__one-item-image-date .text-three {
        font-size: 14px;
    }
    .blog__one-item-image-date .text-five{
        font-size:11px;
    }
    .blog__one-item-image-date {
        padding: 4px 16px;
    }
    .footer__copyright{
        flex-direction:column-reverse;
    }
    .tpfact__content h2 span {
        font-size: 21px;
    }
    .tpfact__icon i {
        font-size: 42px;
    }
    .tp-fact-area .row{
        display:grid;
        grid-template-columns:1fr 1fr;
    }
    .projects-area .tp-section-title {
         margin-bottom: -15px; 
    }
}
@media(min-width:1100px){
    .desk-mt-40{
        margin-top:40px;
    }
}
.dt:hover{
    color:#5fb781;
}

.flexColumn{
    display:flex;
    flex-direction:column;
}
.banner-social i{
    color:white;
    margin-right:5px;
}
.tp-slider__social-horizonter ul li:hover i {
    color: red;
}

.footer__widget-3 .footer__social ul li:hover{
    color: #5fb781 !important;
    cursor:pointer;
}

.header-sticky .submenu li a{
    color:white !important;
}

/* inner banner */
.inner-banner {
    background: linear-gradient(rgb(46 55 86 / 83%), rgb(0 0 0 / 46%)), url(/resources/assets/img/school.jpg);
    background-size: cover;
    background-position-y: center;
    padding: 15px 0;
    height: 245px;
    margin-top: -130px;
    display: flex;
    align-items: end;
}
.breadcrumb{
  display: flex;
  align-items: center;
  padding: 8px 15px 8px 50px;
  margin: 0;
  background: #016c47;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  width:fit-content;
}
.breadcrumb li{
  float: left;
  position: relative;
}
.breadcrumb li:first-child{
  width: 60px;
  height: 70px;
  border-radius: 50%;
  background: #174436;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  position: absolute;
  left: -10px;
  z-index: 1;
  transition: all 0.1s ease 0s;
}
.breadcrumb li:hover:first-child{ transform: scale(1.1); }
.breadcrumb li:first-child a{
  font-size: 21px;
  line-height: 70px;
}
.breadcrumb > li:first-child + li:before{ display: none; }
.breadcrumb li.active,
.breadcrumb li a{
  font-size: 16px;
  color: #fff;
}
.breadcrumb li a:hover{
  text-decoration: none;
}


/*---------------------------------------------
 Departments inner
 ---------------------------------------------- */
.departments .card {
  margin-top: 20px;
  position: relative;
  /* height: 400px; */
  /* box-shadow: 5px 5px 20px; */
  overflow: hidden;
  cursor: pointer;
}

.departments .intro {
  position: absolute;
  /*height: 45px;*/
  height: 50px;
  width: 100%;
  bottom: 0;
  overflow: hidden;
  padding: 7px;
  color: #fff;
  background-color: #182a56;
  transition: 0.4s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}

.departments .card:hover .intro {
  height: 100%;
  bottom: 0;
  background-color:#182a56c7;
}

.departments .card .text-h1 {
  font-size: 15px;
  text-align: center;
  margin-bottom: 0px;
  color:#fff;
}

.departments .card:hover .text-h1 {
  margin-top: 28%;
  color:#61a268;
}

.departments .card:hover .text-p {
  opacity: 1;
  visibility: visible;
}

.departments .card:hover img {
  transform: scale(1.1) rotate(-3deg);
}

.departments img {
  /* height: 500px; */
  width: 100%;
  object-fit: cover;
  border-radius: 4px;
  transition: transform 0.4s ease-in-out;
}
@media(min-width:1080px){
  .main-header.inner .tp-header__top.grey-bg-1 {
    background: #272b3ed4;
}
.main-header.inner .tp-header__wrapper-inner .tp-main-menu {
    background: #24283585;
}
.main-header.inner .tp-header__wrapper-inner .tp-header__menu ul li a {
    color: #ffffff;
}
.main-header.inner .tp-header__main-header p, .main-header.inner.tp-header__top-right.text-end a {
    color: #ffffff;
}
.main-header.inner .tp-header__top-right .tp-location a i {
    color: #ffffff;
}
.main-header.inner .tp-header__top-right .envelope a i {
  color: #ffffff;
}
.main-header.inner .tp-header__top-right.text-end a {
    color: #ffffff;
}
}
.newsInner.projects-area-margin {
    margin-bottom: 45px;
}


/* Admission */
@media only screen and (max-width: 576px) {
     #BeyondBoundaries .CntnBox h1 br, #BeyondBoundaries .CntnBox h2 br, #BeyondBoundaries .CntnBox h3 br, #BeyondBoundaries .CntnBox h4 br, #BeyondBoundaries .CntnBox h5 br, #BeyondBoundaries .CntnBox h6 br {
        display:none
    }
}

 #BeyondBoundaries .CntnBox h1 span, #BeyondBoundaries .CntnBox h2 span, #BeyondBoundaries .CntnBox h3 span, #BeyondBoundaries .CntnBox h4 span, #BeyondBoundaries .CntnBox h5 span, #BeyondBoundaries .CntnBox h6 span {
    color: #00aeef
}

 #BeyondBoundaries .CntnBox .ReadMore {
    color: #ec008c
}

 #ForGood {
    position: relative;
    padding: 45px 0 40px
}

@media only screen and (min-width: 468px) {
     #ForGood {
        padding:50px 0 45px
    }
}

@media only screen and (min-width: 576px) {
     #ForGood {
        padding:60px 0 50px
    }
}

@media only screen and (min-width: 992px) {
     #ForGood {
        padding:65px 0 50px
    }
}

@media only screen and (min-width: 1551px) {
     #ForGood {
        padding:70px 0 60px
    }
}

 #ForGood .FloatIcons {
    pointer-events: none
}

 #ForGood .FloatIcons #PlusIcon {
    fill: #182a59;
    position: absolute;
    -webkit-animation: rotating 15s linear infinite;
    -moz-animation: rotating 15s linear infinite;
    -ms-animation: rotating 15s linear infinite;
    -o-animation: rotating 15s linear infinite;
    animation: rotating 15s linear infinite;
    width: 14px;
    height: 14px;
    top: 20px;
    left: 10%
}

@media only screen and (min-width: 468px) {
     #ForGood .FloatIcons #PlusIcon {
        top:30px
    }
}

@media only screen and (min-width: 576px) {
     #ForGood .FloatIcons #PlusIcon {
        right:3%;
        left: auto
    }
}

@media only screen and (min-width: 1200px) {
     #ForGood .FloatIcons #PlusIcon {
        width:21px;
        height: 21px
    }
}

@media only screen and (min-width: 1551px) {
     #ForGood .FloatIcons #PlusIcon {
        top:115px;
        right: 3.5%
    }
}

 #ForGood .FloatIcons #RoundIco {
    position: absolute;
    top: auto;
    bottom: 65px;
    left: auto;
    right: -19px;
    -webkit-animation: animationFramesOne 15s linear infinite;
    -moz-animation: animationFramesOne 15s linear infinite;
    -ms-animation: animationFramesOne 15s linear infinite;
    -o-animation: animationFramesOne 15s linear infinite;
    animation: animationFramesUp 15s linear infinite;
    width: 20px;
    height: 20px
}

@media only screen and (min-width: 468px) {
     #ForGood .FloatIcons #RoundIco {
        width:28px;
        height: 28px
    }
}

@media only screen and (min-width: 1200px) {
     #ForGood .FloatIcons #RoundIco {
        width:36px;
        height: 36px
    }
}

 #ForGood .FloatIcons #RoundIco .st0 {
    fill: #182a59
}

 #ForGood .FloatIcons #RoundIco .st1 {
    fill: #393c3f
}

 #ForGood .row {
    align-items: center
}

 #ForGood .MainHead .Head span {
    color: #ec008c
}

 #ForGood .MainHead .SecInfo {
    max-width: 375px
}

 #ForGood .MainHead .SecInfo svg {
    stroke: #ec008c
}

@media only screen and (min-width: 576px) {
     #ForGood .MainHead .SecInfo {
        max-width:425px
    }
}

@media only screen and (min-width: 1200px) {
     #ForGood .MainHead .SecInfo {
        max-width:500px
    }
}

@media only screen and (min-width: 1551px) {
     #ForGood .MainHead .SecInfo {
        max-width:605px
    }
}

 #ForGood .SecImgWrp {
    position: relative;
    display: block;
    float: none;
    width: fit-content;
    width: -moz-fit-content;
    margin: auto;
    margin-bottom: 0px;
    pointer-events: none
}

 #ForGood .SecImgWrp #PlusIcon {
    width: 21px;
    height: 21px;
    fill: #182a59;
    position: absolute;
    -webkit-animation: scale-upOne 5s linear infinite;
    -moz-animation: scale-upOne 5s linear infinite;
    -ms-animation: scale-upOne 5s linear infinite;
    -o-animation: scale-upOne 5s linear infinite;
    animation: scale-upOne 5s linear infinite;
    top: 40px;
    left: 40px
}

@media only screen and (min-width: 992px) {
     #ForGood .SecImgWrp #PlusIcon {
        top:-55px;
        left: 130px
    }
}

 #ForGood .SecImgWrp #EqIcon {
    fill: #30366d;
    position: absolute;
    width: 28px;
    height: 17px;
    bottom: -40px;
    right: 40px
}

@media only screen and (min-width: 768px) {
     #ForGood .SecImgWrp #EqIcon {
        width:44px;
        height: 26px
    }
}

@media only screen and (min-width: 992px) {
     #ForGood .SecImgWrp #EqIcon {
        bottom:-35px;
        right: 55px
    }
}

@media only screen and (min-width: 1200px) {
     #ForGood .SecImgWrp #EqIcon {
        bottom:-35px;
        right: 100px
    }
}

 #ForGood .SecImgWrp #EqIcon .EqIconanim {
    -webkit-animation: EqIconanim 5s linear infinite;
    -moz-animation: EqIconanim 5s linear infinite;
    -ms-animation: EqIconanim 5s linear infinite;
    -o-animation: EqIconanim 5s linear infinite;
    animation: EqIconanim 5s linear infinite
}
@keyframes EqIconanim{
  0% {
    transform: translateX(0%);
}

25% {
    transform: translateX(50%);
}
50% {
    transform: translateX(4px);
}
75% {
    transform: translateX(50%);
}
100% {
    transform: translateX(0%);
}
}
 #ForGood .SecImgWrp .BaseCircle {
    position: absolute;
    -webkit-animation: rotating 55s linear infinite;
    -moz-animation: rotating 55s linear infinite;
    -ms-animation: rotating 55s linear infinite;
    -o-animation: rotating 55s linear infinite;
    animation: rotating 55s linear infinite;
    left: -45%;
    width: 220px;
    background: none;
    height: auto;
    overflow: visible;
    top: 0px
}

@media only screen and (min-width: 468px) {
     #ForGood .SecImgWrp .BaseCircle {
        left:-65%;
        top: -40px;
        width: 320px
    }
}

@media only screen and (min-width: 1200px) {
     #ForGood .SecImgWrp .BaseCircle {
        left:-85%;
        top: -85px;
        width: 510px
    }
}

@media only screen and (min-width: 1551px) {
     #ForGood .SecImgWrp .BaseCircle {
        width:585px
    }
}

 #ForGood .SecImgWrp .CircleImgWrp {
    align-items: flex-end;
    justify-content: space-between;
    z-index: 1;
    display: flex;
    margin: auto;
    width: fit-content;
    width: -moz-fit-content;
    position: relative
}

@media only screen and (min-width: 992px) {
     #ForGood .SecImgWrp .CircleImgWrp {
        margin:0
    }
}

 #ForGood .SecImgWrp .CircleImgWrp img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

 #ForGood .SecImgWrp .CircleImgWrp .BgCircle {
    border-radius: 50%;
    background-color: #2e3765;
    opacity: .561;
    position: absolute;
    left: 25px;
    top: 0;
    z-index: 1;
    width: 40px;
    height: 40px;
    overflow: visible
}

@media only screen and (min-width: 468px) {
     #ForGood .SecImgWrp .CircleImgWrp .BgCircle {
        width:50px;
        height: 50px
    }
}

@media only screen and (min-width: 1200px) {
     #ForGood .SecImgWrp .CircleImgWrp .BgCircle {
        width:80px;
        height: 80px;
        left: 40px
    }
}

@media only screen and (min-width: 1551px) {
     #ForGood .SecImgWrp .CircleImgWrp .BgCircle {
        width:90px;
        height: 90px
    }
}

 #ForGood .SecImgWrp .CircleImgWrp .ImgBox1 {
    border-radius: 50%;
    overflow: hidden;
    width: 195px;
    height: 195px
}

@media only screen and (min-width: 468px) {
     #ForGood .SecImgWrp .CircleImgWrp .ImgBox1 {
        width:250px;
        height: 250px
    }
}

@media only screen and (min-width: 1200px) {
     #ForGood .SecImgWrp .CircleImgWrp .ImgBox1 {
        width:380px;
        height: 380px
    }
}

@media only screen and (min-width: 1551px) {
     #ForGood .SecImgWrp .CircleImgWrp .ImgBox1 {
        width:475px;
        height: 475px
    }
}

 #ForGood .SecImgWrp .CircleImgWrp .ImgBox2 {
    border-radius: 50%;
    overflow: hidden;
    right: -15px;
    bottom: -20px;
    position: absolute;
    z-index: 1;
    border: 4px solid #fff;
    width: 90px;
    height: 90px
}

@media only screen and (min-width: 468px) {
     #ForGood .SecImgWrp .CircleImgWrp .ImgBox2 {
        right:-45px;
        width: 115px;
        height: 115px
    }
}

@media only screen and (min-width: 1200px) {
     #ForGood .SecImgWrp .CircleImgWrp .ImgBox2 {
        right:-72px;
        width: 200px;
        height: 200px;
        border: 7px solid #fff
    }
}

@media only screen and (min-width: 1551px) {
     #ForGood .SecImgWrp .CircleImgWrp .ImgBox2 {
        border:8px solid #fff;
        width: 194px;
        height: 194px
    }
}

 #ForGood .CntnSec {
    max-width: 965px;
    margin-top: 35px;
    padding: 0 20px
}

@media only screen and (min-width: 468px) {
     #ForGood .CntnSec {
        padding:0 30px
    }
}

@media only screen and (min-width: 992px) {
     #ForGood .CntnSec {
        margin-top:0px;
        padding: 0 25px 0 125px
    }
}

 #ForGood .CntnSec .Title {
    font-family: "Canela";
    color: #2e2e2d;
    margin-bottom: 15px;
    font-size: 22px;
    line-height: 28px
}

 #ForGood .CntnSec .Title br {
    display: none
}

@media only screen and (min-width: 468px) {
     #ForGood .CntnSec .Title {
        font-size:24px;
        line-height: 34px;
        margin-bottom: 25px
    }

     #ForGood .CntnSec .Title br {
        display: block
    }
}

@media only screen and (min-width: 576px) {
     #ForGood .CntnSec .Title {
        font-size:34px;
        line-height: 38px
    }
}

@media only screen and (min-width: 768px) {
     #ForGood .CntnSec .Title {
        font-size:38px;
        line-height: 46px
    }
}

@media only screen and (min-width: 1551px) {
     #ForGood .CntnSec .Title {
        font-size:45px;
        line-height: 50px
    }
}

 #ForGood .CntnSec .Title span {
    color: #a4a4a4
}

 #ForGood .CntnSec p {
    color: #4b4c4c;
    font-family: "Canela";
    font-style: italic
}

@media only screen and (min-width: 1551px) {
     #ForGood .CntnSec p {
        font-size:18px;
        line-height: 30px
    }
}

 #ForGood .CntnSec .ReadMore {
    color: #ec008c
}
.point-content ul, .terms ul {
    margin: 20px;
}
.point-content p {
    color: #303663;
}
@media(max-width:576px){
  .mob-mt-50{
    margin-top: 50px;
  }
}
#ForGood {
        
    background: aliceblue;
}

/* Form */
.form-container{
    background-color: #fff;
    font-family: 'Titillium Web', sans-serif;
    font-size: 0;
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0 0 25px -15px rgba(0, 0, 0, 0.3);
}
.form-container .title{
    color: #4f4e4e;
    font-size: 22px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0 0 25px;
    font-family: var(--tp-ff-body);
}
.form-container .title:after{
    content: '';
    background-color: #606587;
    height: 3px;
    width: 60px;
    margin: 10px 0 0;
    display: block;
    clear: both;
}
.form-container .sub-title{
    color: #333;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 20px;
}
.form-container .form-horizontal{ font-size: 0; }
.form-container .form-horizontal .form-group{
    color: #4d4c4c;
    width: 50%;
    padding: 0 8px;
    margin: 0 0 15px;
    display: inline-block;
}
.form-container .form-horizontal .form-group:nth-child(4){ margin-bottom: 30px; }
.form-container .form-horizontal .form-group label{
    font-size: 15px;
    font-weight: 600;
}
.form-container .form-horizontal .form-control{
    color: #888;
    background: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    height: 40px;
    padding: 6px 12px;
    border-radius: 10px;
    border: 2px solid #e7e7e7;
    box-shadow: none;
    font-size: 13px;
}
.form-container .form-horizontal .form-control:focus{ box-shadow: 0 0 5px #dcdcdc; }
.form-container .form-horizontal .check-terms{
    padding: 0 8px;
    margin: 0 0 25px;
}
.form-container .form-horizontal .check-terms .check-label{
    color: #333;
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    vertical-align: top;
    display: inline-block;
}
.form-container .form-horizontal .check-terms .checkbox{
    height: 17px;
    width: 17px;
    min-height: auto;
    margin: 2px 8px 0 0;
    border: 2px solid #d9d9d9;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    transition: all 0.3s ease 0s;
}
.form-container .form-horizontal .check-terms .checkbox:before{
    content: '';
    height: 5px;
    width: 9px;
    border-bottom: 2px solid #00A9EF;
    border-left: 2px solid #00A9EF;
    transform: rotate(-45deg);
    position: absolute;
    left: 2px;
    top: 2.5px;
    transition: all 0.3s ease;
}
.form-container .form-horizontal .check-terms .checkbox:checked:before{ opacity: 1; }
.form-container .form-horizontal .check-terms .checkbox:not(:checked):before{ opacity: 0; }
.form-container .form-horizontal .check-terms .checkbox:focus{ outline: none; }
.form-container .signin-link{
    color: #333;
    font-size: 14px;
    width: calc(100% - 190px);
    margin-right: 30px;
    display: inline-block;
    vertical-align: top;
}
.form-container .signin-link a{
    color: #00A9EF;
    font-weight: 600;
    transition: all 0.3s ease 0s;
}
.form-container .signin-link a:hover{ text-decoration: underline; }
.form-container .form-horizontal .signup{
    color: #fff;
    background: #00A9EF;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: 160px;
    padding: 8px 15px 9px;
    border-radius: 10px;
    transition: all 0.3s ease 0s;
}
.form-container .form-horizontal .btn:hover,
.form-container .form-horizontal .btn:focus{
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 3px 3px rgba(0,0,0,0.15),5px 5px rgba(0,0,0,0.1);
    outline: none;
}
@media only screen and (max-width:479px){
    .form-container .form-horizontal .form-group{ width: 100%; }
    .form-container .signin-link{
        width: 100%;
        margin: 0 10px 15px;
    }
}
textarea.form-control {
    height: 110px !important;
}

@media(max-width:576px){
  .form-container {  
    margin-top: 50px;
  }
  .breadcrumb li:first-child a {
    font-size: 18px;
    line-height: 70px;
  }
}
.form-horizontal .tp-btn-3 {
    padding: 6px 40px;
    font-size: 14px;
    border-radius: 4px;
}

/* school levels */
/*--------------------------------------------------------------
# Blog Posts Section
--------------------------------------------------------------*/
.blog-posts article {
    background-color: #ffffffd1;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
    transition: 0.3s;
    border: 1px solid #ddd;
    border-radius: 9px;
    padding: 8px;
}

.blog-posts .post-img img {
  transition: 0.5s;
  min-height: 295px;
    object-fit: cover;
}

.blog-posts .post-date {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  position: absolute;
  right: 0;
  bottom: 0;
  text-transform: uppercase;
  font-size: 13px;
  padding: 6px 12px;
  font-weight: 500;
}

.blog-posts .post-content {
  padding: 12px;
  text-align: center;
}

.blog-posts .post-title {
  font-size: 18px;
  color: #1d2e63;
  font-weight: 300;
  transition: 0.3s;
   margin-bottom: 0px; 
}

.blog-posts .meta i {
  font-size: 16px;
  color: var(--accent-color);
}

.blog-posts .meta span {
  font-size: 15px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}

.blog-posts p {
  /* margin-top: 20px; */
}

.blog-posts hr {
  color: color-mix(in srgb, var(--default-color), transparent 60%);
  margin-bottom: 15px;
}

.blog-posts .readmore {
  display: flex;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  transition: 0.3s;
  color: color-mix(in srgb, var(--heading-color), transparent 20%);
}

.blog-posts .readmore i {
  line-height: 0;
  margin-left: 6px;
  font-size: 16px;
}

.blog-posts article:hover .post-title,
.blog-posts article:hover .readmore {
  color: var(--accent-color);
}

.blog-posts article:hover .post-img img {
  transform: scale(1.1);
}
section#blog-posts {
    background: linear-gradient(rgb(46 55 86 / 0%), rgb(0 0 0 / 14%)), url(/resources/assets/img/bg/level-bg.jpg) fixed center center;
}


/* Achievements */


/* ============================================================== 
     # Event 
=================================================================== */
.event-area .event-items .item .thumb, 
.event-area .event-items .item .info {
  display: table-cell;
  float: none;
  vertical-align: middle;
}

.event-area .event-items .item.vertical .thumb, 
.event-area .event-items .item.vertical .info {
  display: block;
  float: none;
  vertical-align: middle;
  text-align: center;
}

.event-area .event-items .item .info {
  -moz-box-shadow: 0 0 10px #cccccc;
  -webkit-box-shadow: 0 0 10px #cccccc;
  -o-box-shadow: 0 0 10px #cccccc;
  box-shadow: 0 0 10px #cccccc;
  padding: 15px;
}

.event-area.single-view .event-items .item .info {
  padding: 50px;
}

.event-area .event-items .item .info {
  background: var(--white) none repeat scroll 0 0;
}

.event-area.circle .event-items .item > .info {
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}

.event-area.circle .event-items .item.vertical > .info {
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}

.event-area .event-items .item .info li {
  color: var(--color-heading);
  display: inline-block;
  font-weight: 300;
  margin-bottom: 10px;
  margin-right: 10px;
  text-transform: capitalize;
}

.event-area .event-items .item .info li i {
  margin-right: 5px;
  font-weight: 500;
}

.event-area .event-items .item .info h2,
.event-area .event-items .item .info h3,
.event-area .event-items .item .info h4 {
  font-weight: 300;
  line-height: 1.3;
  font-size: 18px;
}

.event-items .item .info h2 a:hover,
.event-items .item .info h3 a:hover,
.event-items .item .info h4 a:hover {
  color: var(--color-primary);
}

.event-area .event-items .item .info .price {
  background: #f4f4f4 none repeat scroll 0 0;
  color: #002147;
  display: inline-block;
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
  padding: 5px 20px;
  text-transform: capitalize;
}

.event-area .event-items .item .info .meta {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.event-area .event-items .item .info > a {
  margin-top: 10px;
  margin-right: 3px;
}

.event-area.circle .event-items .item .info > a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.event-area .event-items .item .thumb {
  position: relative;
  text-align: center;
  z-index: 1;
}

.event-area.circle .event-items .item .thumb {
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}

.event-area.circle .item.vertical .thumb img {
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.event-area .event-items .item .thumb .date {
  padding: 15px 20px;
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 1;
}

.event-area .event-items .item .thumb .date h4 {
  color: var(--color-primary);
  font-size: 14px;
  margin: 0;
  text-transform: uppercase;
}

.event-area .event-items .item .thumb .date h4 span {
  display: block;
  font-size: 40px;
  font-weight: 900;
}

.event-area .event-items .item .thumb .date::after {
  background: #002147 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.7;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.event-area.circle .event-items .item .thumb .date::after {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.event-area .event-items .item {
  margin-bottom: 30px;
}

.event-area .event-items.event-carousel .item {
  margin-bottom: 0;
}

.event-area .event-items .more-btn a {
  margin-top: 20px;
}

.event-area .event-items.event-carousel .owl-nav {
  margin: 0;
}

.event-area .event-items.event-carousel .owl-nav .owl-prev, 
.event-area .event-items.event-carousel .owl-nav .owl-next {
  background: var(--white) none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
  -webkit-box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
  -o-box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
  box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
  color: var(--color-heading);
  font-size: 25px;
  height: 45px;
  left: 0;
  line-height: 45px;
  margin-top: -23px;
  opacity: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  width: 45px;
}

.event-area .event-items.event-carousel:hover .owl-nav .owl-prev, 
.event-area .event-items.event-carousel:hover .owl-nav .owl-next {
  opacity: 1;
}

.event-area .event-items.event-carousel:hover .owl-nav .owl-prev {
  left: -70px;
}

.event-area .event-items.event-carousel:hover .owl-nav .owl-next {
  right: -70px;
}

.event-area .event-items.event-carousel .owl-nav .owl-prev:hover, 
.event-area .event-items.event-carousel .owl-nav .owl-next:hover {
  background: var(--white) none repeat scroll 0 0;
  color: var(--color-primary);
}

.event-area .event-items.event-carousel .owl-nav .owl-next {
  left: auto;
  right: 0;
}
.thumb img {
    border-radius: 6px;
}
@media(min-width:576px){
  .pbt-70 {
    padding-bottom: 70px !important;
}
}

@media(max-width:500px){
  .mb-3-mob{
    margin-bottom: 20px;
  }
}


/*notification*/
.marquee-container {
  overflow: hidden;
  white-space: nowrap;
  
}

.marquee-content {
  display: inline-block;
  padding-left: 100%;
  animation: marquee 15s linear infinite;
}

.marquee-container:hover .marquee-content {
  animation-play-state: paused;
}

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

.marquee-content a {
  margin-right: 50px; /* spacing between items */
  text-decoration: none;
  color: #333;
}


/*--------------------------------------------------------------
# Team Section
--------------------------------------------------------------*/
.team .team-member {
  background-color: var(--surface-color);
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  height: 100%;
}

.team .team-member .member-img {
  position: relative;
  overflow: hidden;
}

.team .team-member .social {
  position: absolute;
  left: 0;
  bottom: 30px;
  right: 0;
  opacity: 0;
  transition: ease-in-out 0.3s;
  text-align: center;
}

.team .team-member .social a {
  background: color-mix(in srgb, var(--contrast-color), transparent 25%);
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin: 0 3px;
  border-radius: 4px;
  width: 36px;
  height: 36px;
  transition: ease-in-out 0.3s;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.team .team-member .social a:hover {
  color: var(--contrast-color);
  background: var(--accent-color);
}

.team .team-member .social i {
  font-size: 18px;
  line-height: 0;
}

.team .team-member .member-info {
  padding: 25px 15px;
}

.team .team-member .member-info h4 {
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 18px;
}

.team .team-member .member-info span {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}

.team .team-member:hover .social {
  opacity: 1;
  bottom: 15px;
}

.member-img img {
    max-height: 300px;
    object-fit: cover;
    transition: transform 0.6s ease;
}
section#team {
    padding: 60px;
}
.member-img img:hover {
    transform: scale(1.08);
}


/* mandatory table */

.panel{
    background: transparent;
    padding: 0;
    border-radius: 0;
    border: none;
}
.panel .panel-heading{
    background-color: rgba(255,255,255,0.25);
    padding: 15px 15px;
    border-radius: 10px 10px 0 0;
    margin: 0;
    border-radius: 20px;
}
.panel .panel-heading .title{
    color: #fff;
    font-size: 28px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 40px;
    margin: 0;
}
.panel .panel-heading .btn{
    color: rgba(255, 255, 255, 0.5);
    background: transparent;
    font-size: 16px;
    text-transform: capitalize;
    border: 2px solid #fff;
    border-radius: 50px;
    transition: all 0.3s ease 0s;
}
.panel .panel-heading .btn:hover{
    color: #fff;
    text-shadow: 3px 3px rgba(255, 255, 255, 0.2);
}
.panel .panel-body{ padding: 15px; }
.panel .panel-body .table{ background: linear-gradient(transparent, rgba(255,255,255,0.2), transparent); }
.panel .panel-body .table thead tr th{
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 12px;
    border: none;
}
.panel .panel-body .table tbody tr td{
    color: #fff;
    font-size: 15px;
    padding: 10px 12px;
    vertical-align: middle;
    border: none;
}
.panel .panel-body .table tbody .action-list{
    padding: 0;
    margin: 0;
    list-style: none;
}
.panel .panel-body .table tbody .action-list li{
    display: inline-block;
    margin: 0 5px;
}
.panel .panel-body .table tbody .action-list li a{
    color: #fff;
    font-size: 15px;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease 0s;
}
.panel .panel-body .table tbody .action-list li a:hover{
    text-shadow: 3px 3px 0 rgba(255,255,255,0.3);
}
.panel .panel-body .table tbody .action-list li a:before,
.panel .panel-body .table tbody .action-list li a:after{
    content: attr(data-tip);
    color: #fff;
    background-color: #111;
    font-size: 12px;
    padding: 5px 7px;
    border-radius: 4px;
    text-transform: capitalize;
    display: none;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: -32px;
    transition: all 0.3s ease 0s;
}
.panel .panel-body .table tbody .action-list li a:after{
    content: '';
    height: 15px;
    width: 15px;
    padding: 0;
    border-radius: 0;
    transform: translateX(-50%) rotate(45deg);
    top: -18px;
    z-index: -1;
}
.panel .panel-body .table tbody .action-list li a:hover:before,
.panel .panel-body .table tbody .action-list li a:hover:after{
    display: block;
}
.panel .panel-footer{
    color: #fff;
    background-color: rgba(255,255,255,0.25);
    padding: 10px;
    border: none;
    border-radius: 20px;
}
.panel .panel-footer .col{ line-height: 30px; }
.pagination{ margin: 0; }
.pagination li a{
    color: rgba(255,255,255,0.4);
    background-color: transparent;
    border: 2px solid rgba(255,255,255,0.4);
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    line-height: 27px;
    width: 31px;
    height: 31px;
    padding: 0;
    margin: 0 3px;
    border-radius: 10px;
    transition: all 0.3s ease 0s;
}
.pagination li a:hover{
    color: #fff;
    background-color: transparent;
    border-color: #fff;
}
.pagination li a:focus,
.pagination li.active a,
.pagination li.active a:hover{
    color: #fff;
    background-color: transparent;
    border-color: #fff;
}
.pagination li:first-child a,
.pagination li:last-child a{
    border-radius: 10px;
    width: auto;
    padding: 0 10px;
}
@media only screen and (max-width:767px){
    .panel .panel-heading .title{
        text-align: center;
        margin: 0 0 10px;
    }
    .panel .panel-heading .btn_group{ text-align: center; }
}

section.mandatory {
    background: #051438;
}
.pdfIcon{
  font-size: 30px;
  
}

@media(min-width: 18001px){
  .header-sticky{
    background: white;
  }
}


@media (min-width: 1400px) and (max-width: 1449px) {
    .tp-header__main-header {
        margin-left: 253px !important;
    }
}


@media(min-width:1400px) and (max-width: 1541px){
  .tp-header__logo {
      padding: 15px 50px !important;
  }
  .tp-header__main-header {
        margin-left: 238px ;
    }
}












.evnt-points {
  background: #f9f9f9; /* soft background */
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(44, 56, 103, 0.15);
  max-width: 800px;
  margin: auto;
}

.evnt-points h3 {
  color: #2c3867;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
  border-left: 6px solid #2c3867;
  padding-left: 12px;
}

.evnt-points ul {
  list-style: none;
  padding-left: 0;
  margin: 0 0 20px 0;
}

.evnt-points ul li {
  font-size: 16px;
  color: #333;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  transition: transform 0.2s ease, color 0.2s ease;
}

.evnt-points ul li i {
  color: #2c3867;
  margin-right: 10px;
  font-size: 18px;
}

.evnt-points ul li:hover {
  transform: translateX(5px);
  color: #2c3867;
}
.student-life {
  background: #f9f9f9; /* light background */
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(44, 56, 103, 0.15);
  max-width: 900px;
  margin: 30px auto;
}

.student-life h3 {
  color: #2c3867;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
  border-left: 6px solid #2c3867;
  padding-left: 12px;
}

.student-life ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
  width: 48%;
  float: left;
}

.student-life ul li {
  font-size: 16px;
  color: #333;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  transition: transform 0.2s ease, color 0.2s ease;
}

.student-life ul li i {
  color: #2c3867;
  margin-right: 10px;
  font-size: 18px;
}

.student-life ul li:hover {
  transform: translateX(5px);
  color: #2c3867;
}

.clear-fix {
  clear: both;
}
.student-council {
  background: #f9f9f9;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(44, 56, 103, 0.15);
  max-width: 900px;
  margin: 30px auto;
  line-height: 1.7;
}

.student-council h4 {
  font-size: 24px;
  font-weight: 700;
  color: #2c3867;
  margin-bottom: 15px;
  position: relative;
  padding-left: 12px;
}

.student-council h4::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  height: 80%;
  width: 5px;
  background-color: #2c3867;
  border-radius: 3px;
}

.student-council p {
  font-size: 16px;
  color: #444;
  margin-bottom: 15px;
  text-align: justify;
}

.student-council p:last-child {
  margin-bottom: 0;
}
.fee-structure {
  background: #f9f9f9;
  padding: 40px;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(44, 56, 103, 0.15);
  /* max-width: 1000px; */
  margin: 40px auto;
  font-family: "Segoe UI", sans-serif;
}

.fee-structure h6 {
  color: #2c3867;
  /* font-size: 24px; */
  font-weight: 700;
  margin-bottom: 20px;
  border-left: 6px solid #2c3867;
  padding-left: 12px;
}

.fee-tables {
  margin-bottom: 10px;
}

.fee-content {
  width: 100%;
}

.fee-tbl {
  margin-bottom: 20px;
  overflow-x: auto; /* keeps responsive on mobile */
}

.fee-tbl table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 15px;
}

.fee-tbl table td {
  border: 1px solid #ddd;
  padding: 12px 15px;
  font-size: 15px;
  color: #333;
}

.fee-tbl table .tbl-head td {
  background: #2c3867;
  color: #fff;
  font-weight: 600;
  text-align: center;
}

.fee-tbl table tr:nth-child(even):not(.tbl-head) {
  background: #f1f3f9;
}

.fee-tbl p {
  font-size: 14px;
  color: #444;
  line-height: 1.6;
  background: #eef1f7;
  padding: 10px 15px;
  border-left: 4px solid #2c3867;
  border-radius: 6px;
}
.testimonials-6-active {
  padding-left: 60px;
  padding-right: 40px;
  padding-top: 80px;
}

@media (max-width: 767px) {
  .testimonials-6-active {
    margin: 0px 0px;
    padding-left: 0;
    padding-right: 0;
  }
}

.color-blue{
    background:#2c3867 !important;
}
iframe {
    border: 0;
    width: 100%;
    height: 222px;
}
.youtube-testmonials{
    background:url(../img/bg/coming.png);
    background-size: contain;
}
 .custom-modal {
      display: none; /* hidden by default */
      position: fixed;
      inset: 0;
      background-color: rgba(0,0,0,0.6);
      justify-content: center;
      align-items: center;
      z-index: 1000;
    }

    .modal-content {
      background: #fff;
      padding: 20px;
      border-radius: 10px;
      max-width: 700px;
      width: 90%;
      position: relative;
    }

    .close-btn {
      position: absolute;
      top: 10px;
      right: 15px;
      font-size: 24px;
      cursor: pointer;
      z-index: 1;
      user-select: none;
    }

    .btn {
      background: #227396;
      color: white;
      border: none;
      padding: 8px 12px;
      border-radius: 5px;
      cursor: pointer;
      text-transform: uppercase;
    }



/* ----------------- */
/* Admission Book */
/* ---------------- */
/* @import url(https://fonts.googleapis.com/css?family=Crimson+Text:400,700,900,400italic,700italic,900italic|Playfair+Display:400,700,900,400italic,700italic,900italic|Rock+Salt:400); */

*,
:before,
:after {
    box-sizing: border-box;
}

/* body {
    background-color: #1d1f20;
    color: #e5e5e5;
    font: 16px/1.25 'Crimson Text', sans-serif;
    margin: 0;
} */

#wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 80em;
    margin: 70px auto;
}

#container {
    float: left;
    padding: 1em;
    width: 100%;
}



/*** OPEN BOOK ***/
.open-book {
    background: #fff;
    box-shadow: rgba(0,0,0,0.5) 0 1em 3em;
    color: #000;
    padding: 2em;
}

.open-book * {
    position: relative;
}

/* Highlight */
.open-book *::-moz-selection {
    background: rgba(222,255,0,0.75);
}

.open-book *::selection {
    background: rgba(222,255,0,0.75);
}

/* Header/Footer */
.open-book header {
    padding-bottom: 1em;
}

.open-book header *,
.open-book footer * {
    font: 700 1em/1.25 'Playfair Display', sans-serif;
    letter-spacing: 0.125em;
    margin: 0;
}

.open-book header * {
    font-size: 0.75em;
    text-transform: uppercase;
}

.open-book footer {
    padding-top: 1em;
}

.open-book footer #page-numbers {
    display: none;
    list-style: none;
    padding: 0;
    text-align: left;
}

.open-book footer #page-numbers > li:last-child {
    text-align: right;
}

/* Chapter Title */
.open-book .chapter-title {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA2NCA2NCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjQgNjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCiAgICA8Zz4NCiAgICAJPHBhdGggZD0iTTAsMzJMMzIsMGwzMiwzMkwzMiw2NEwwLDMyeiBNOCwzMmwyNCwyNGwyNC0yNEwzMiw4TDgsMzJ6IE0xNiwzMmwxNi0xNmwxNiwxNkwzMiw0OEwxNiwzMnogTTI0LDMybDgsOGw4LThsLTgtOEwyNCwzMnoiIC8+DQogICAgPC9nPg0KPC9zdmc+) bottom center no-repeat;
    background-size: 0.5em 0.5em;
    font: 700 7vw/1.25 'Playfair Display', sans-serif;
    letter-spacing: 0.125em;
    margin: 0 0 1em 0;
    padding: 1em 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

.open-book .chapter-title:before,
.open-book .chapter-title:after {
    border: solid 0 #000;
    border-width: 0.05em 0;
    bottom: calc((0.125em / 2) * 3);
    content: '';
    height: 0.15em;
    position: absolute;
    width: calc(50% - (1em / 2));
}

.open-book .chapter-title:before {
    left: 0;
}

.open-book .chapter-title:after {
    right: 0;
}

/* Body Copy */
.open-book article {
    line-height: 1.5;
}

.open-book article *:not(.chapter-title):not(hr):not(dl) {
    margin: 10px auto;
    max-width: 35.125em;
    font-size: 14px;
    text-align: justify;
}

.open-book article p {
    text-indent: 2em;
}

.open-book .chapter-title + p:first-of-type {
    text-indent: 0;
}

.open-book .chapter-title + p:first-of-type:first-letter {
    float: left;
    font: 700 3em/0.65 'Playfair Display', sans-serif;
    padding: 0.15em 0.05em 0 0;
    text-transform: uppercase;
}

.open-book article > ul,
.open-book article > ol {
    padding-left: 3em;
}

.open-book article > ul ul {
    padding-left: 1em;
}

.open-book a {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA4MDAgNTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDgwMCA1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KCTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJCS5zdDB7ZmlsbDojMDAwMENDO30NCgk8L3N0eWxlPg0KCTxnIGlkPSJZMkJjMjcudGlmIj4NCgkJPGc+DQoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDMwLjksNDkuMmMtMSwwLTIsMC0zLDBjLTAuMS0wLjMtMC4yLTAuOC0wLjQtMC44Yy0xLjgtMC40LTQtMC4zLTUuNC0xLjNjLTEuOC0xLjQtNC4zLDAuMS01LjgtMS45Yy00LjMtMS04LjUtMi4zLTEyLjgtMi45Yy0zLjQtMC41LTYuOS0wLjEtMTAuMy0wLjFjLTAuMywwLjgtMC41LDEuNC0wLjcsMmMtMC41LTAuMy0wLjktMC42LTEuNC0xYy0wLjIsMS4yLTAuMywyLjEtMC42LDMuN2MtMS0xLjMtMS41LTIuMS0xLjktMi42Yy0yLjgsMC01LjMtMC41LTcuNCwwLjFjLTIuMiwwLjctMy43LDAuOC01LjktMC4xYy0yLjItMC45LTIuOS0yLjYtNC00Yy0yLjUsMS4yLTUuMSwxLjEtNy41LDAuMmMtMS4yLTAuNS0yLTAuNi0zLjEsMC4xYy0xLjIsMC43LTIuNiwxLTMuOSwxLjRjLTAuMiwwLjEtMC42LTAuMi0wLjgtMC4zYy0xLjItMS4zLDIuNC0yLjMsMC0zLjdjLTIuNiwxLjYtNS4yLDMuMy04LDVjLTAuOCwwLTEuOSwwLjMtMi43LTAuMWMtMi40LTEuMS00LjgtMi4zLTYuOS0zLjljLTEuOS0xLjUtMy45LTIuMi02LjItMmMtMSwwLjEtMiwwLTIuOCwwYy0wLjgtMS4xLTEuNC0yLTIuNy0zLjljMCwyLjMsMCwzLjYsMCw0LjljLTMuNywwLjgtNywxLjYtMTAuMywyLjNjLTEuNC0xLjgtMi42LTMuMi0zLjktNC45Yy0wLjQsMC44LTAuNiwxLjItMC43LDEuNmMtMC44LDMuMi0xLDMuMS00LjIsMi4zYy0yLjktMC43LTUuNC0yLjQtOC40LTMuNmMtMS42LDItMy4yLDQtNS4yLDYuNWMtMy44LTIuMi03LjgsMi0xMS45LDBjLTAuNCwwLjMtMC44LDAuNS0xLjIsMC44Yy0xLjQtMC45LTIuNy0xLjgtMy44LTIuNWMtMC44LTIuNy0xLjYtNS4yLTIuNC04LjJjLTEuMiwxLjMtMS45LDIuMi0zLDMuNGMwLDEsMCwyLjUsMCwzLjljLTUuMSwwLjYtOS45LDIuMS0xNS4xLDAuOWMwLTEsMC0xLjcsMC0yLjljLTEuMSwwLjUtMS45LDAuOS0yLjcsMS4zYy0xLjYtMC42LTMuMS0xLjItNC44LTEuOWMtMC42LDAuOC0xLjIsMS44LTEuOSwyLjhjLTAuNC0wLjktMC44LTEuNy0xLjItMi40YzAuMi0wLjQsMC40LTAuOSwxLjEtMi4yYy0zLDEuNS01LDIuNS03LjEsMy42Yy0xLTMtMy40LTQuNS02LTUuN2MtMC41LDAuNi0xLjEsMS4xLTEuNSwxLjZjMC41LDAuOSwwLjgsMS41LDEuMSwyLjJjLTAuOCwwLTEuMSwwLTEuNywwYy0wLjItMS0wLjQtMi0wLjctMy41Yy0xLjMsMC45LTIuMywxLjYtMy4zLDIuM2MtMC4yLTAuNi0wLjUtMS4yLTAuOC0yYy0xLjEsMS41LTIuMSwyLjktMyw0LjJjLTUuMywwLjQtNS45LTUtOS4xLTYuOWMtMC43LDEtMS40LDItMiwzYy0xLjgtMC40LTMuMy0wLjgtNC44LTEuMWMtMC4yLDAtMC40LDAuMy0wLjYsMC41YzAuMywwLjMsMC42LDAuNiwxLDFjLTAuOCwwLjYtMS42LDEuMS0yLjUsMS43Yy0wLjUtMS0wLjgtMS42LTEuMi0yLjVjLTEuNSwwLjgtMi44LDEuNi0zLjgsMi4yYy0wLjcsMS43LTEuMiwyLjktMS42LDQuMWMtMS40LTEuNy0yLjYtMy4yLTQuMS01YzAtMC40LDAtMS4yLDAtMS45Yy0xLjcsMC0zLjEsMC0zLjksMGMtMy4xLDEuOS01LjYsMy40LTguMiw1LjFjLTAuNC0wLjgtMC43LTEuNS0xLjEtMi4yYy0wLjYsMC0xLjMsMC0yLjEsMGMtMC42LDAuNi0xLjMsMS4zLTIsMS45Yy0wLjUtMC40LTEtMC43LTEuOC0xLjNjLTEsMS40LTEuOSwyLjctMi44LDMuOWMtMC4xLDAuMi0wLjQsMC4xLTAuNywwLjJjLTAuMi0xLTAuNC0xLjktMC42LTMuMmMtMC41LDEtMC44LDEuNy0xLjUsMy4zYzAtMi4yLDAtMy40LDAtMy41Yy0xLjktMS45LTMuMS0zLjEtNC4zLTQuM2MtMy41LDEuMS0zLDUuNC00LjgsNy42Yy00LjgsMC41LTkuMywwLjktMTMuOCwxLjRjLTAuMS0xLjEtMC4yLTEuOS0wLjMtMi45Yy0xLjUsMC0yLjksMC00LjIsMGMtMS40LDAuNy0yLjgsMS4zLTQuMiwyYy0wLjMtMC45LTAuNi0xLjQtMC45LTIuM2MtNi43LDAuNi0xMi41LDQuNC0xOSw2LjNjLTAuOS0xLjItMS45LTIuMy0yLjYtMy4zYy0zLDEuOC01LjYsMy4xLTguNywxLjJjLTAuNSwxLTEuMSwxLjktMS42LDIuN2MtMi43LDAuOC0zLjMtMS4yLTQtMi43Yy0yLjIsMC40LTQuMiwwLjctNS45LDFjLTAuOS0wLjktMS41LTEuNS0yLjEtMi4xYy0xLjIsMC42LTUuOSwxLjEtNi44LDEuMmMtMi41LDAuMi00LjksMC42LTguMSwxYy0wLjIsMC40LTAuNywxLjMtMS4xLDJjLTItMC42LTMuNS0xLjEtNS4zLTEuNmMtMC42LDAuOC0xLjEsMS42LTIuMSwyLjljLTAuNy0xLjktMS4yLTMuMi0xLjctNC44Yy0xLDEuMi0xLjgsMi40LTIuMywzYy0xLjgsMC0zLDAtNCwwYy0wLjEtMS0wLjEtMS44LTAuMi0yLjNjLTIsMC4zLTQuMSwwLTUuNSwwLjljLTIuMywxLjMtNC44LDEuMS02LjcsMC41Yy0yLjMtMC44LTQuNi0xLjMtNi41LTAuM2MtMi4xLDEuMS00LjctMC41LTYuNCwxLjVjMCwwLjEtMC41LTAuMy0xLTAuNWMwLjQtMSwwLjktMS45LDEuMy0yLjljLTAuOS0wLjctMS42LTEuMi0yLjgtMi4xYy0xLjYsMy4xLTMsNS44LTQuNCw4LjVjLTEsMC0yLDAtMywwYy0wLjEtMC4zLTAuMi0wLjgtMC40LTAuOGMtMS44LTAuNC00LTAuMy01LjQtMS4zYy0xLjgtMS4zLTQuMywwLTUuOC0xLjlDMTAuOSw0NC4xLDUuNiw0Mi45LDAsNDEuN2MwLTguMSwwLTE2LjYsMC0yNS4yYzEtMC45LDIuMy0xLjcsMS44LTMuOGMtMC42LTAuNy0wLjYtMS41LTEuNS0yLjZDMS45LDguMSwyLjYsNiw0LjQsMy44YzEuMywwLjYsMi41LDEuMSwzLjcsMS42QzcuNSw4LDcuOCwxMC4yLDkuMywxMi4yYzAuNiwwLDEuMywwLDIuNCwwYzAuNy0wLjgsMS42LTIsMi43LTMuNGMwLjQsMS4xLDAuNiwxLjcsMC44LDIuMmMyLjYsMCw1LjEsMCw3LjksMGMwLTEuNCwwLTIuNSwwLTMuNWMxLTAuNCwxLjgtMC43LDIuOC0xLjJjMi4yLDEuOSw0LjYsMy45LDYuNyw1LjhjMS4yLDAsMi4xLDAsMi41LDBjMS4zLTEuNiwyLjMtMi43LDMuMy0zLjljMC41LDAuOSwwLjksMS42LDEuNiwyLjZjMS0xLjUsMS42LTIuNSwyLjMtMy41YzIuOSwwLDMtMC4xLDUuNSwxLjJjNC4xLDIuMiw4LjYsMi40LDEyLjcsMS4zYzMuMi0wLjgsNi4xLTAuMyw5LjItMC42YzMuMi0wLjQsNi4zLDAuMiw5LjQsMS41YzIuNywxLjEsNS41LDEsNy43LTAuOWMyLjctMi4zLDUuNC00LjQsOC42LTUuM2MxLjIsMC40LDIuMywwLjcsNCwxLjJjMC42LDEuNiwxLjQsMy40LDIuMiw1LjVjMC42LTEsMS4zLTIsMS43LTIuN2MxLjUtMC41LDIuOS0wLjksNC4xLTEuM2MwLjYsMS40LDEuMiwyLjcsMiw0LjRjMi42LTYuMiw4LTYuOSwxMy4yLTguNWMyLjEsMy40LDQuMiw2LjksNi42LDEwLjdjMS0xLjksMS42LTMuMywyLjMtNC42YzAuNywwLDEuNCwwLDIsMGMtMC4zLTAuMy0wLjYtMC42LTAuOS0xYzAuOC0wLjEsMS43LTAuMywyLjUtMC40Yy0wLjEtMC4yLTAuMy0wLjQtMC40LTAuNWMtMS41LDAtMi45LDAtNCwwYy0wLjgtMC43LTEuMy0xLjEtMS40LTEuMmMwLjQtMS44LDAuNy0zLjMsMS00LjdjMC45LDAsMS43LDAsMi40LDBjMC4yLDAuNywwLjQsMS4zLDAuNSwxLjZjMi4xLDAuNiwzLjksMS4xLDUuNSwxLjZjMC4yLDAuNywwLjUsMS4yLDAuNywxLjhjMS4yLTAuNSwyLjQtMC43LDMuMi0xLjRjMS40LTEuMiwyLjUtMi42LDMuOS00LjJjMC42LDIuNCwxLjEsNC4zLDEuNiw2LjNjLTIuNCwwLjEtNC4zLDAuMi02LjMsMC40YzAuNiwwLjcsMC45LDEsMS4xLDEuNWMwLjIsMC40LDAuMiwwLjksMC4zLDEuM2MxLjYtMC4xLDMsMC40LDQuMy0wLjljMC43LTAuNywyLTAuOCwzLTFjMC40LTAuMSwwLjksMC4yLDEuMiwwLjJjMC4yLDEuMSwwLjMsMS45LDAuNiwzLjRjMS4zLTEuMSwyLjItMS44LDMuMy0yLjdjMC44LDEuMSwxLjcsMi4yLDIuMSwyLjhjMy40LDEsMy44LTEuMyw0LjktMy40YzAuOSwxLjMsMS40LDIsMi4xLDMuMWMxLTAuOSwxLjgtMS43LDIuNi0yLjRjMC4zLDAuNywwLjcsMS40LDEsMi4xYzEuNC0wLjQsMi41LTEsMi40LTIuNmMxLjYsMC4xLDEuOC0xLjUsMi42LTIuN2MwLjQsMS4xLDAuNiwxLjcsMC43LDJjMi4xLTEuMiw0LjEtMi40LDYuMi0zLjdjMC4zLDAuMywwLjcsMC42LDEuMiwxYzAuNy0xLDEuMy0yLDEuOS0zYzEuNywwLDMuMywwLDUuMiwwYzAuNSwwLjksMS4xLDEuOCwxLjYsMi42YzUtMS42LDkuOC0wLjUsMTQuNSwxLjdjMC41LDEuNSwxLjEsMywxLjgsNS4yYzEuNy0zLjYsMy4yLTYuNiw0LjYtOS41YzIsMS42LDQsMC42LDUuOSwxYzIsMC40LDMuOSwwLjgsNiwxLjNjMCwxLjQsMCwyLjUsMCwzLjljMS41LTEuMSwyLjgtMiw0LTIuOWMwLjQtMC4yLDAuOS0wLjIsMS4yLTAuM2MwLjYsMS4xLDEuMiwyLDEuOCwzYzEuOSwwLDQsMC42LDUuNS0wLjFjMi45LTEuMyw1LjgtMC42LDktMWMwLjQsMC41LDAuOSwxLjIsMS41LDEuN2MwLjcsMC42LDEuNSwxLDIuOCwxLjljMC0yLjYsMC00LjUsMC02LjVjMS44LDAsMy4zLDAsNC41LDBjMi44LDEuNCwwLjgsNC4xLDIuMiw2LjJjMS44LTAuOCwzLjYtMS42LDUuMi0yLjNjMC4yLTEuNCwwLjQtMi4yLDAuNS0yLjljMy42LDAuNiw2LjgsMS40LDEwLjEsMS43YzIuMSwwLjIsNC4xLDAuMyw1LjgsMS43YzEuMiwxLDIuNiwxLjYsNC4xLDIuNWM1LjgtMS44LDEwLjYtNi43LDE2LjktNi4xYzEuOCwxLjMsMy4yLDIuMiw0LjYsMy4zYzEuNCwxLjEsMi42LDIuMyw0LjQsMy44YzAsMC4yLDAsMSwwLDEuOWMxLjgtMC44LDIuNC0yLjcsNC4zLTMuMWMxLjYtMC4zLDIuOS0xLjgsNC41LTIuOWMxLjIsMC4xLDIuNywwLjIsNC4zLDAuM2MtMC41LDEuMS0wLjgsMS45LTEuMywzLjFjMi0wLjksMy40LTEuNSw0LjctMi4xYzAuMywwLjgsMC41LDEuMywwLjgsMmMwLjktMC40LDEuNS0wLjcsMi4yLTEuMWMwLjIsMC42LDAuNCwxLjIsMC43LDEuOWMxLjgtMC4zLDMuNywwLjQsNS4zLTAuOGMwLjMsMC4zLDAuNiwwLjUsMC45LDAuOGMwLjctMSwxLjQtMi4xLDIuMS0zLjFjMC4yLDAsMC40LTAuMSwwLjUsMGMwLjUsMC4zLDEuMSwwLjcsMSwwLjZjMi45LTAuMyw1LjItMC41LDcuNS0wLjhjMC4yLDEuMywwLjQsMi4yLDAuNiwzLjRjMy01LjgsMTAuNS01LjksMTMuOC0zLjZjMC44LDEuMiwxLjUsMi4zLDIuMSwzLjFjMS41LDAsMi42LDAsMy44LDBjLTAuNy0xLjMtMS4zLTIuMy0xLjktMy40YzEuMS0wLjUsMi4yLTEuMSwzLjYtMS43YzAuMywxLjMsMC41LDIuMywwLjYsMi45YzAuOSwwLjUsMS40LDAuNywyLDFjLTAuNiwxLjEtMSwxLjktMS41LDNjMS40LDAuOSwyLjcsMS42LDQuMSwyLjRjMC43LTEuMSwxLjItMiwxLjgtMi45YzAuMiwxLjYsMCwzLjYtMC41LDQuOWMtMC4xLDAuMiwwLjIsMC42LDAuMywwLjljMC4xLDAuMSwwLjMsMC4yLDAuNCwwLjJjMC4zLDAsMC42LTAuMSwwLjktMC4yYzAuNi0yLjksMC42LTIuOSwzLjMtNC41Yy0wLjQtMS0wLjctMS45LTEuMy0zLjNjMS4xLDAsMS43LTAuMSwyLjQsMGMwLjYsMC4xLDEuMiwwLjMsMS44LDAuNGM0LjgsMC44LDkuNCw0LDE0LjcsMS4yYzEsMS4yLDEuOSwyLjQsMi43LDMuM2MyLjYsMC4yLDMuOS0wLjcsMy43LTMuM2MtMC42LTAuOC0xLjQtMS43LTIuMy0yLjhjMS43LTIuMiwzLjMtNC4xLDUtNi4yYzEuMywwLjYsMi4zLDEsMi44LDEuM2MwLjcsMi44LDEuMiw1LDEuNyw3YzMuMSwwLjksMy43LTIsNS42LTIuN2MwLjMsMC43LDAuNSwxLjMsMC42LDEuN2MyLjYsMCw1LjEsMCw3LjcsMGMwLTEuMywwLTIuNCwwLTMuNGMxLTAuNSwxLjgtMC45LDMtMS41YzIuMSwxLjksNC40LDQsNi42LDZjMSwwLDIsMCwyLjYsMGMxLjItMS41LDIuMi0yLjcsMy4xLTMuOWMwLjgsMC45LDEuMywxLjUsMS45LDIuMmMwLjktMS40LDEuNS0yLjQsMi4zLTMuN2MxLjgsMC42LDMuNiwwLjgsNSwxLjZjNC4xLDIuNCw4LjUsMi4yLDEyLjgsMS42YzYuNi0wLjksMTIuNS0xLjQsMTcuMiwwLjJjMi4zLDAuOCw0LjYsMS4yLDYuNiwwLjljNC0yLjUsNy42LTQuOCwxMC42LTYuOGMyLDAuNiwzLjIsMC45LDQuNSwxLjNjMC43LDEuOCwxLjUsMy42LDIuMyw1LjZjMC43LTEuMSwxLjItMiwxLjgtMi45YzEuNC0wLjQsMi44LTAuOSw0LjEtMS4yYzAuNiwxLjUsMS4xLDIuOCwxLjgsNC41YzIuNy02LjMsOC4yLTcuMSwxMy41LTguNWMyLDMuNCw0LDYuOCw2LjQsMTAuN2MwLjktMS45LDEuNi0zLjMsMi4xLTQuM2MxLjQtMC42LDIuNi0xLjIsNC44LTIuMWMtMy0wLjgtNS41LDAuNi02LjctMS40YzAuNC0xLjgsMC43LTMuMywxLTQuOWMwLjgsMCwxLjYsMCwyLjUsMGMwLjEsMC41LDAuMiwxLDAuMywxLjZjMS44LDAuNSwzLjgsMS4xLDUuNywxLjZjMC4zLDAuNiwwLjUsMS4zLDEsMi4zYzIuNi0yLDQuOC0zLjcsNy01LjRjMC41LDEuOSwwLjksMy43LDEuNSw1LjljLTIuMywwLTQuMywwLTYuMiwwYzAuNSwxLjEsMC45LDEuOSwxLjMsMi44YzIuNCwwLjYsNC4zLTAuMyw2LjEtMS43YzAuNS0wLjQsMS41LTAuMSwyLjMtMC4xYzAuMiwxLjIsMC40LDIuMSwwLjcsMy40YzEuMy0wLjksMi4yLTEuNiwzLjctMi43YzAuOSwxLDEuOSwyLjEsMywzLjNjMS45LDAuMiwyLjctMS4xLDMuMS0yLjdjMC0wLjIsMC42LTAuMiwxLjEtMC4zYzAuMiwwLjMsMC40LDAuNiwwLjcsMWMwLjMsMC40LDAuNiwwLjksMS40LDIuMWMwLjktMS4zLDEuNC0yLjEsMi0zYzAsMCwwLjIsMC4xLDAuMywwLjJjMC4yLDAuNiwwLjQsMS4yLDAuNiwxLjhjMS43LTAuOSwzLjctMi43LDUuMy00LjljMC4yLDAuNiwwLjUsMS4xLDAuNiwxLjZjMi4xLTEuMiw0LjItMi40LDYuMi0zLjdjMC40LDAuMywwLjcsMC42LDEuMiwxYzAuNi0xLjEsMS4yLTIsMS43LTIuOWMxLjgsMCwzLjYsMCw1LjQsMGMwLjYsMSwxLjEsMS45LDEuNCwyLjNjNS4yLTEsMTAtMC42LDE0LjcsMi4xYzAuNSwxLjMsMSwyLjksMS43LDUuMWMxLjctMy41LDMuMS02LjUsNC42LTkuNmMwLjQsMC4zLDAuNiwwLjcsMC44LDAuN2MyLjQsMC4yLDQuOSwwLjQsNi44LDAuNWMxLjcsMC41LDIuOCwwLjksNCwxLjNjMC4xLDEuMiwwLjMsMi40LDAuNCwzLjdjMS45LTEuMiwzLjQtMi4zLDUtMy4zYzAuOCwxLjMsMS41LDIuMywyLjIsMy40YzQuOC0wLjUsOS41LTEsMTMuNy0xLjRjMS43LDEuNCwyLjksMi41LDQuNyw0LjFjMC4xLTIuNCwwLjEtNCwwLjItNS42YzAtMC40LDAuMi0wLjksMC40LTEuM2MxLjUsMCwyLjgsMCw0LjEsMGMwLjUsMC41LDEsMSwxLjYsMS42YzAsMS4zLDAsMi43LDAsNC4yYzIuNSwwLjYsNC4xLTAuNiw1LjctMi4xYzAuMi0wLjksMC4zLTEuOCwwLjUtMi44YzQuNSwxLjIsOC44LDIuNCwxMy4yLDJjMi4zLDEuNCw0LjQsMi43LDcsNC4yYzIuMy0xLjEsNS0yLjQsNy42LTMuN2MzLTEuNSw2LTIuOSw5LjQtMi41YzIuOSwyLjIsNS43LDQuNSw4LjUsNi43YzAuMSwwLjgsMC4yLDEuNSwwLjMsMmMyLjktMiw1LjctMy44LDguMy01LjZjMS41LDAsMywwLDQuNiwwYy0wLjEsMC43LTAuMiwxLjEtMC40LDEuNmMtMC4xLDAuMy0wLjQsMC42LTEuNCwxLjljMi42LTEuMiw0LTEuOCw1LjQtMi41YzAuMiwwLjcsMC40LDEuMywwLjcsMi4xYzAuOC0wLjUsMS41LTAuOCwyLjItMS4yYzAuMiwwLjYsMC40LDEuMSwwLjYsMS43YzIuMiwxLjEsNC4zLTEsNi42LDBjMC42LTEsMS4zLTIsMi0zYzAuOSwwLjUsMS42LDAuOSwyLjIsMS4zYzIuMy0xLjYsNC42LTEuMSw3LjEtMC45YzAsMS4xLDAsMS45LDAsMi43YzEuMi0zLDMuNi0zLjcsNi40LTMuOWMyLjctMi43LDUsMC42LDcuMywwLjJjMC45LDEuNSwxLjcsMi43LDIuMywzLjdjMS40LDAsMi41LDAsMy43LDBjLTAuNi0xLjMtMS4yLTIuNC0xLjgtMy42YzEuMy0wLjUsMi40LTEsMy42LTEuNWMwLjIsMS4zLDAuMywyLjIsMC41LDIuOWMwLjgsMC4zLDEuMywwLjUsMi4xLDAuOGMtMC41LDEuMS0wLjksMS45LTEuNSwzYzEuMywwLjksMi42LDEuNywzLjksMi41YzAuNy0xLDEuMy0yLDEuOS0yLjljMC4yLDAuMSwwLjQsMC4yLDAuNiwwLjNjLTAuMywxLjgtMC42LDMuNi0xLDUuNWMwLjUsMC4xLDAuOSwwLjEsMS40LDAuMmMwLjQtMS4xLDAuNS0yLjMsMS4xLTMuMWMwLjYtMC44LDEuNi0xLjIsMi41LTEuN2MtMC41LTEuMS0wLjktMS45LTEuMy0yLjljMy4xLTEsNS41LDAuNyw4LjEsMS4xYzEuOCwwLjMsMy41LDEuNCw1LjMsMS41YzEuNywwLjEsMy40LTAuNiw1LjEtMC45YzEuNywwLjgsMi4yLDMuNCw0LjcsM2MwLDguNywwLDE3LjMsMCwyNmMtMi4zLDAtNC42LDAtNi43LDBjLTAuMywwLjktMC41LDEuNC0wLjcsMmMtMC41LTAuNC0wLjgtMC43LTEuNC0xLjFjLTAuMiwxLjEtMC4zLDItMC40LDIuN2MtMC42LTAuNi0xLjMtMS4zLTEuOC0xLjhjLTMsMC4yLTUuNSwwLTcuOCwwLjVjLTUuMSwxLjItNy4xLDAuNS05LjUtNC4xYy0yLjcsMS01LjIsMS4xLTcuOSwwLjFjLTAuNy0wLjMtMS42LTAuNS0yLjMtMC4zYy0xLjUsMC41LTIuOCwxLjMtNC4yLDEuOWMtMC4zLDAuMS0wLjktMC4yLTEuNC0wLjNjMC40LTEuMiwwLjgtMi4zLDEuNS00LjRjLTMuNywyLjMtNi41LDMuOS05LjYsNS45Yy00LjctMC40LTguMy0zLjktMTIuOC02LjJjLTEuOCwwLTMuOCwwLTUuMywwYy0wLjgtMS4xLTEuNS0yLTIuNy0zLjZjMCwyLjEsMCwzLjIsMCw0LjNjLTMuOCwxLjYtNy42LDIuNC0xMC44LDIuM2MtMS4xLTEuMy0yLjMtMi43LTMuNi00LjNjLTEsMS44LTAuNCw0LjItMy40LDQuNWMtMi45LTEuMi02LjMtMi43LTkuOS00LjJjLTEuNiwyLTMuMiw0LTUsNi4zYy00LTEuNS04LDEuOC0xMi4xLDAuMmMtMC41LDAuMy0wLjksMC41LTEuMywwLjdjLTEuNC0xLTIuNy0xLjgtMy42LTIuNWMtMC45LTIuOC0xLjctNS4yLTIuNS03LjljLTEuMiwxLjItMiwyLTMsM2MwLDEuMywwLDIuOCwwLDQuMWMtNSwwLjUtOS43LDItMTQuNiwwLjljLTAuMi0wLjktMC4zLTEuOC0wLjYtM2MtMS4xLDAuNS0xLjksMC45LTIuNiwxLjNjLTEuNy0wLjYtMy4yLTEuMi00LjktMS44Yy0wLjUsMC45LTEuMSwxLjgtMS43LDIuOGMtMC40LTAuOS0wLjktMS44LTEuMi0yLjRjMC4yLTAuNywwLjMtMS4xLDAuNy0yLjFjLTIuNywxLjQtNC43LDIuNC02LjcsMy40Yy0xLjgtMy4zLTQuOC02LjEtNi4xLTUuNmMtMC40LDAuNC0wLjksMC45LTEuMywxLjVjMC4zLDAuNywwLjYsMS4zLDEuMSwyLjNjLTAuOC0wLjEtMS4zLTAuMS0xLjgtMC4xYy0wLjItMS4yLTAuMy0yLTAuNi0zLjVjLTEuNCwxLjEtMi4zLDEuOC0zLjMsMi41Yy0wLjMtMC44LTAuNS0xLjMtMC44LTIuMmMtMS4xLDEuNi0yLjEsMi45LTMuMSw0LjRjLTIuMy0wLjgtNC43LTAuOC01LjYtMy44Yy0wLjUtMS40LTIuMS0yLjMtMy4xLTMuNGMtMC44LDEuMS0xLjUsMi4xLTIuMiwzLjFjLTEuOS0wLjUtMy41LTAuOS01LjUtMS40YzAuNSwxLDAuNywxLjQsMSwyYy0wLjgsMC41LTEuNiwwLjktMi40LDEuM2MtMC40LTEtMC43LTEuNi0xLjEtMi40Yy0xLjUsMC44LTIuNywxLjQtMy44LDJjLTAuNywxLjYtMS4yLDMtMS44LDQuM2MtMS40LTEuOC0yLjYtMy4zLTMuOC00LjhjLTAuMS0wLjctMC4xLTEuNS0wLjItMi4xYy0xLjgsMC0zLjMsMC00LDBjLTMuMSwxLjktNS42LDMuNC04LjMsNWMtMC40LTAuOC0wLjctMS41LTEuMy0yLjZjLTEuNCwwLjctMi43LDEuNC00LjEsMi4xYy0wLjMtMC4yLTAuOS0wLjUtMS42LTFjLTEsMS40LTEuOSwyLjctMi44LDMuOWMtMC4xLDAuMS0wLjQsMC4xLTAuNywwLjFjLTAuMi0xLTAuMy0xLjgtMC41LTMuMWMtMC41LDEuMS0wLjgsMS43LTEuNiwzLjNjMC0yLjIsMC0zLjUsMC00LjdjLTAuMywwLjItMC42LDAuMy0wLjgsMC41Yy0xLjEtMS4yLTIuMy0yLjMtMy42LTMuNmMtMy4zLDEuMi0yLjksNS40LTQuNyw3LjZjLTQuOSwwLjUtOS4zLDAuOS0xMy44LDEuNGMtMC4xLTEuMi0wLjItMi0wLjMtMi45Yy0xLjUsMC0yLjksMC00LjIsMGMtMS41LDAuNy0yLjksMS4zLTQuMiwyYy0wLjMtMC45LTAuNi0xLjUtMC45LTIuNGMtNi43LDEtMTIuNSw0LjQtMTkuMSw2LjZjLTAuOS0xLjItMS45LTIuNC0yLjYtMy40Yy0yLjksMS45LTUuNSwyLjktOC43LDEuMmMtMC41LDAuOS0xLjEsMS45LTEuNiwyLjhjLTAuNywwLTEuMywwLTIuMiwwYy0wLjYtMC45LTEuMy0yLTEuOC0yLjhjLTIuMSwwLjMtNC4xLDAuNy01LjgsMC45Yy0wLjktMC45LTEuNS0xLjUtMi4xLTIuMWMtMS4zLDAuNi01LjgsMS4xLTYuOCwxLjJjLTIuNSwwLjItNC45LDAuNi04LjEsMWMtMC4yLDAuNC0wLjYsMS4zLTEsMmMtMi0wLjYtMy41LTEuMS01LjMtMS42Yy0wLjYsMC44LTEuMSwxLjYtMiwzYy0wLjctMi0xLjItMy4zLTEuNy00LjdjLTEsMS4xLTEuOSwyLjItMi40LDIuOGMtMS45LDAtMi45LDAtNCwwYy0wLjEtMS0wLjEtMS44LTAuMi0yLjRjLTIsMC4zLTQuMSwwLTUuNiwwLjljLTIuMywxLjMtNC44LDEuMS02LjcsMC41Yy0yLjMtMC44LTQuNS0xLjMtNi41LTAuM2MtMi4xLDEuMS00LjctMC41LTYuNCwxLjVjMCwwLjEtMC41LTAuMy0xLTAuNWMwLjQtMC45LDAuOS0xLjksMS4zLTIuOWMtMC45LTAuNy0xLjYtMS4yLTIuOC0yLjFDNDMzLjgsNDMuOCw0MzIuNCw0Ni41LDQzMC45LDQ5LjJ6Ii8+DQoJCTwvZz4NCgk8L2c+DQo8L3N2Zz4=) bottom repeat-x;
    background-size: auto 0.25em;
    color: inherit;
    text-decoration: none;
}

.open-book s,
.open-book strike {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA4MDAgNTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDgwMCA1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KCTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJCS5zdDB7ZmlsbDojQ0MwMDAwO30NCgk8L3N0eWxlPg0KCTxnIGlkPSJZMkJjMjcudGlmIj4NCgkJPGc+DQoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDMwLjksNDkuMmMtMSwwLTIsMC0zLDBjLTAuMS0wLjMtMC4yLTAuOC0wLjQtMC44Yy0xLjgtMC40LTQtMC4zLTUuNC0xLjNjLTEuOC0xLjQtNC4zLDAuMS01LjgtMS45Yy00LjMtMS04LjUtMi4zLTEyLjgtMi45Yy0zLjQtMC41LTYuOS0wLjEtMTAuMy0wLjFjLTAuMywwLjgtMC41LDEuNC0wLjcsMmMtMC41LTAuMy0wLjktMC42LTEuNC0xYy0wLjIsMS4yLTAuMywyLjEtMC42LDMuN2MtMS0xLjMtMS41LTIuMS0xLjktMi42Yy0yLjgsMC01LjMtMC41LTcuNCwwLjFjLTIuMiwwLjctMy43LDAuOC01LjktMC4xYy0yLjItMC45LTIuOS0yLjYtNC00Yy0yLjUsMS4yLTUuMSwxLjEtNy41LDAuMmMtMS4yLTAuNS0yLTAuNi0zLjEsMC4xYy0xLjIsMC43LTIuNiwxLTMuOSwxLjRjLTAuMiwwLjEtMC42LTAuMi0wLjgtMC4zYy0xLjItMS4zLDIuNC0yLjMsMC0zLjdjLTIuNiwxLjYtNS4yLDMuMy04LDVjLTAuOCwwLTEuOSwwLjMtMi43LTAuMWMtMi40LTEuMS00LjgtMi4zLTYuOS0zLjljLTEuOS0xLjUtMy45LTIuMi02LjItMmMtMSwwLjEtMiwwLTIuOCwwYy0wLjgtMS4xLTEuNC0yLTIuNy0zLjljMCwyLjMsMCwzLjYsMCw0LjljLTMuNywwLjgtNywxLjYtMTAuMywyLjNjLTEuNC0xLjgtMi42LTMuMi0zLjktNC45Yy0wLjQsMC44LTAuNiwxLjItMC43LDEuNmMtMC44LDMuMi0xLDMuMS00LjIsMi4zYy0yLjktMC43LTUuNC0yLjQtOC40LTMuNmMtMS42LDItMy4yLDQtNS4yLDYuNWMtMy44LTIuMi03LjgsMi0xMS45LDBjLTAuNCwwLjMtMC44LDAuNS0xLjIsMC44Yy0xLjQtMC45LTIuNy0xLjgtMy44LTIuNWMtMC44LTIuNy0xLjYtNS4yLTIuNC04LjJjLTEuMiwxLjMtMS45LDIuMi0zLDMuNGMwLDEsMCwyLjUsMCwzLjljLTUuMSwwLjYtOS45LDIuMS0xNS4xLDAuOWMwLTEsMC0xLjcsMC0yLjljLTEuMSwwLjUtMS45LDAuOS0yLjcsMS4zYy0xLjYtMC42LTMuMS0xLjItNC44LTEuOWMtMC42LDAuOC0xLjIsMS44LTEuOSwyLjhjLTAuNC0wLjktMC44LTEuNy0xLjItMi40YzAuMi0wLjQsMC40LTAuOSwxLjEtMi4yYy0zLDEuNS01LDIuNS03LjEsMy42Yy0xLTMtMy40LTQuNS02LTUuN2MtMC41LDAuNi0xLjEsMS4xLTEuNSwxLjZjMC41LDAuOSwwLjgsMS41LDEuMSwyLjJjLTAuOCwwLTEuMSwwLTEuNywwYy0wLjItMS0wLjQtMi0wLjctMy41Yy0xLjMsMC45LTIuMywxLjYtMy4zLDIuM2MtMC4yLTAuNi0wLjUtMS4yLTAuOC0yYy0xLjEsMS41LTIuMSwyLjktMyw0LjJjLTUuMywwLjQtNS45LTUtOS4xLTYuOWMtMC43LDEtMS40LDItMiwzYy0xLjgtMC40LTMuMy0wLjgtNC44LTEuMWMtMC4yLDAtMC40LDAuMy0wLjYsMC41YzAuMywwLjMsMC42LDAuNiwxLDFjLTAuOCwwLjYtMS42LDEuMS0yLjUsMS43Yy0wLjUtMS0wLjgtMS42LTEuMi0yLjVjLTEuNSwwLjgtMi44LDEuNi0zLjgsMi4yYy0wLjcsMS43LTEuMiwyLjktMS42LDQuMWMtMS40LTEuNy0yLjYtMy4yLTQuMS01YzAtMC40LDAtMS4yLDAtMS45Yy0xLjcsMC0zLjEsMC0zLjksMGMtMy4xLDEuOS01LjYsMy40LTguMiw1LjFjLTAuNC0wLjgtMC43LTEuNS0xLjEtMi4yYy0wLjYsMC0xLjMsMC0yLjEsMGMtMC42LDAuNi0xLjMsMS4zLTIsMS45Yy0wLjUtMC40LTEtMC43LTEuOC0xLjNjLTEsMS40LTEuOSwyLjctMi44LDMuOWMtMC4xLDAuMi0wLjQsMC4xLTAuNywwLjJjLTAuMi0xLTAuNC0xLjktMC42LTMuMmMtMC41LDEtMC44LDEuNy0xLjUsMy4zYzAtMi4yLDAtMy40LDAtMy41Yy0xLjktMS45LTMuMS0zLjEtNC4zLTQuM2MtMy41LDEuMS0zLDUuNC00LjgsNy42Yy00LjgsMC41LTkuMywwLjktMTMuOCwxLjRjLTAuMS0xLjEtMC4yLTEuOS0wLjMtMi45Yy0xLjUsMC0yLjksMC00LjIsMGMtMS40LDAuNy0yLjgsMS4zLTQuMiwyYy0wLjMtMC45LTAuNi0xLjQtMC45LTIuM2MtNi43LDAuNi0xMi41LDQuNC0xOSw2LjNjLTAuOS0xLjItMS45LTIuMy0yLjYtMy4zYy0zLDEuOC01LjYsMy4xLTguNywxLjJjLTAuNSwxLTEuMSwxLjktMS42LDIuN2MtMi43LDAuOC0zLjMtMS4yLTQtMi43Yy0yLjIsMC40LTQuMiwwLjctNS45LDFjLTAuOS0wLjktMS41LTEuNS0yLjEtMi4xYy0xLjIsMC42LTUuOSwxLjEtNi44LDEuMmMtMi41LDAuMi00LjksMC42LTguMSwxYy0wLjIsMC40LTAuNywxLjMtMS4xLDJjLTItMC42LTMuNS0xLjEtNS4zLTEuNmMtMC42LDAuOC0xLjEsMS42LTIuMSwyLjljLTAuNy0xLjktMS4yLTMuMi0xLjctNC44Yy0xLDEuMi0xLjgsMi40LTIuMywzYy0xLjgsMC0zLDAtNCwwYy0wLjEtMS0wLjEtMS44LTAuMi0yLjNjLTIsMC4zLTQuMSwwLTUuNSwwLjljLTIuMywxLjMtNC44LDEuMS02LjcsMC41Yy0yLjMtMC44LTQuNi0xLjMtNi41LTAuM2MtMi4xLDEuMS00LjctMC41LTYuNCwxLjVjMCwwLjEtMC41LTAuMy0xLTAuNWMwLjQtMSwwLjktMS45LDEuMy0yLjljLTAuOS0wLjctMS42LTEuMi0yLjgtMi4xYy0xLjYsMy4xLTMsNS44LTQuNCw4LjVjLTEsMC0yLDAtMywwYy0wLjEtMC4zLTAuMi0wLjgtMC40LTAuOGMtMS44LTAuNC00LTAuMy01LjQtMS4zYy0xLjgtMS4zLTQuMywwLTUuOC0xLjlDMTAuOSw0NC4xLDUuNiw0Mi45LDAsNDEuN2MwLTguMSwwLTE2LjYsMC0yNS4yYzEtMC45LDIuMy0xLjcsMS44LTMuOGMtMC42LTAuNy0wLjYtMS41LTEuNS0yLjZDMS45LDguMSwyLjYsNiw0LjQsMy44YzEuMywwLjYsMi41LDEuMSwzLjcsMS42QzcuNSw4LDcuOCwxMC4yLDkuMywxMi4yYzAuNiwwLDEuMywwLDIuNCwwYzAuNy0wLjgsMS42LTIsMi43LTMuNGMwLjQsMS4xLDAuNiwxLjcsMC44LDIuMmMyLjYsMCw1LjEsMCw3LjksMGMwLTEuNCwwLTIuNSwwLTMuNWMxLTAuNCwxLjgtMC43LDIuOC0xLjJjMi4yLDEuOSw0LjYsMy45LDYuNyw1LjhjMS4yLDAsMi4xLDAsMi41LDBjMS4zLTEuNiwyLjMtMi43LDMuMy0zLjljMC41LDAuOSwwLjksMS42LDEuNiwyLjZjMS0xLjUsMS42LTIuNSwyLjMtMy41YzIuOSwwLDMtMC4xLDUuNSwxLjJjNC4xLDIuMiw4LjYsMi40LDEyLjcsMS4zYzMuMi0wLjgsNi4xLTAuMyw5LjItMC42YzMuMi0wLjQsNi4zLDAuMiw5LjQsMS41YzIuNywxLjEsNS41LDEsNy43LTAuOWMyLjctMi4zLDUuNC00LjQsOC42LTUuM2MxLjIsMC40LDIuMywwLjcsNCwxLjJjMC42LDEuNiwxLjQsMy40LDIuMiw1LjVjMC42LTEsMS4zLTIsMS43LTIuN2MxLjUtMC41LDIuOS0wLjksNC4xLTEuM2MwLjYsMS40LDEuMiwyLjcsMiw0LjRjMi42LTYuMiw4LTYuOSwxMy4yLTguNWMyLjEsMy40LDQuMiw2LjksNi42LDEwLjdjMS0xLjksMS42LTMuMywyLjMtNC42YzAuNywwLDEuNCwwLDIsMGMtMC4zLTAuMy0wLjYtMC42LTAuOS0xYzAuOC0wLjEsMS43LTAuMywyLjUtMC40Yy0wLjEtMC4yLTAuMy0wLjQtMC40LTAuNWMtMS41LDAtMi45LDAtNCwwYy0wLjgtMC43LTEuMy0xLjEtMS40LTEuMmMwLjQtMS44LDAuNy0zLjMsMS00LjdjMC45LDAsMS43LDAsMi40LDBjMC4yLDAuNywwLjQsMS4zLDAuNSwxLjZjMi4xLDAuNiwzLjksMS4xLDUuNSwxLjZjMC4yLDAuNywwLjUsMS4yLDAuNywxLjhjMS4yLTAuNSwyLjQtMC43LDMuMi0xLjRjMS40LTEuMiwyLjUtMi42LDMuOS00LjJjMC42LDIuNCwxLjEsNC4zLDEuNiw2LjNjLTIuNCwwLjEtNC4zLDAuMi02LjMsMC40YzAuNiwwLjcsMC45LDEsMS4xLDEuNWMwLjIsMC40LDAuMiwwLjksMC4zLDEuM2MxLjYtMC4xLDMsMC40LDQuMy0wLjljMC43LTAuNywyLTAuOCwzLTFjMC40LTAuMSwwLjksMC4yLDEuMiwwLjJjMC4yLDEuMSwwLjMsMS45LDAuNiwzLjRjMS4zLTEuMSwyLjItMS44LDMuMy0yLjdjMC44LDEuMSwxLjcsMi4yLDIuMSwyLjhjMy40LDEsMy44LTEuMyw0LjktMy40YzAuOSwxLjMsMS40LDIsMi4xLDMuMWMxLTAuOSwxLjgtMS43LDIuNi0yLjRjMC4zLDAuNywwLjcsMS40LDEsMi4xYzEuNC0wLjQsMi41LTEsMi40LTIuNmMxLjYsMC4xLDEuOC0xLjUsMi42LTIuN2MwLjQsMS4xLDAuNiwxLjcsMC43LDJjMi4xLTEuMiw0LjEtMi40LDYuMi0zLjdjMC4zLDAuMywwLjcsMC42LDEuMiwxYzAuNy0xLDEuMy0yLDEuOS0zYzEuNywwLDMuMywwLDUuMiwwYzAuNSwwLjksMS4xLDEuOCwxLjYsMi42YzUtMS42LDkuOC0wLjUsMTQuNSwxLjdjMC41LDEuNSwxLjEsMywxLjgsNS4yYzEuNy0zLjYsMy4yLTYuNiw0LjYtOS41YzIsMS42LDQsMC42LDUuOSwxYzIsMC40LDMuOSwwLjgsNiwxLjNjMCwxLjQsMCwyLjUsMCwzLjljMS41LTEuMSwyLjgtMiw0LTIuOWMwLjQtMC4yLDAuOS0wLjIsMS4yLTAuM2MwLjYsMS4xLDEuMiwyLDEuOCwzYzEuOSwwLDQsMC42LDUuNS0wLjFjMi45LTEuMyw1LjgtMC42LDktMWMwLjQsMC41LDAuOSwxLjIsMS41LDEuN2MwLjcsMC42LDEuNSwxLDIuOCwxLjljMC0yLjYsMC00LjUsMC02LjVjMS44LDAsMy4zLDAsNC41LDBjMi44LDEuNCwwLjgsNC4xLDIuMiw2LjJjMS44LTAuOCwzLjYtMS42LDUuMi0yLjNjMC4yLTEuNCwwLjQtMi4yLDAuNS0yLjljMy42LDAuNiw2LjgsMS40LDEwLjEsMS43YzIuMSwwLjIsNC4xLDAuMyw1LjgsMS43YzEuMiwxLDIuNiwxLjYsNC4xLDIuNWM1LjgtMS44LDEwLjYtNi43LDE2LjktNi4xYzEuOCwxLjMsMy4yLDIuMiw0LjYsMy4zYzEuNCwxLjEsMi42LDIuMyw0LjQsMy44YzAsMC4yLDAsMSwwLDEuOWMxLjgtMC44LDIuNC0yLjcsNC4zLTMuMWMxLjYtMC4zLDIuOS0xLjgsNC41LTIuOWMxLjIsMC4xLDIuNywwLjIsNC4zLDAuM2MtMC41LDEuMS0wLjgsMS45LTEuMywzLjFjMi0wLjksMy40LTEuNSw0LjctMi4xYzAuMywwLjgsMC41LDEuMywwLjgsMmMwLjktMC40LDEuNS0wLjcsMi4yLTEuMWMwLjIsMC42LDAuNCwxLjIsMC43LDEuOWMxLjgtMC4zLDMuNywwLjQsNS4zLTAuOGMwLjMsMC4zLDAuNiwwLjUsMC45LDAuOGMwLjctMSwxLjQtMi4xLDIuMS0zLjFjMC4yLDAsMC40LTAuMSwwLjUsMGMwLjUsMC4zLDEuMSwwLjcsMSwwLjZjMi45LTAuMyw1LjItMC41LDcuNS0wLjhjMC4yLDEuMywwLjQsMi4yLDAuNiwzLjRjMy01LjgsMTAuNS01LjksMTMuOC0zLjZjMC44LDEuMiwxLjUsMi4zLDIuMSwzLjFjMS41LDAsMi42LDAsMy44LDBjLTAuNy0xLjMtMS4zLTIuMy0xLjktMy40YzEuMS0wLjUsMi4yLTEuMSwzLjYtMS43YzAuMywxLjMsMC41LDIuMywwLjYsMi45YzAuOSwwLjUsMS40LDAuNywyLDFjLTAuNiwxLjEtMSwxLjktMS41LDNjMS40LDAuOSwyLjcsMS42LDQuMSwyLjRjMC43LTEuMSwxLjItMiwxLjgtMi45YzAuMiwxLjYsMCwzLjYtMC41LDQuOWMtMC4xLDAuMiwwLjIsMC42LDAuMywwLjljMC4xLDAuMSwwLjMsMC4yLDAuNCwwLjJjMC4zLDAsMC42LTAuMSwwLjktMC4yYzAuNi0yLjksMC42LTIuOSwzLjMtNC41Yy0wLjQtMS0wLjctMS45LTEuMy0zLjNjMS4xLDAsMS43LTAuMSwyLjQsMGMwLjYsMC4xLDEuMiwwLjMsMS44LDAuNGM0LjgsMC44LDkuNCw0LDE0LjcsMS4yYzEsMS4yLDEuOSwyLjQsMi43LDMuM2MyLjYsMC4yLDMuOS0wLjcsMy43LTMuM2MtMC42LTAuOC0xLjQtMS43LTIuMy0yLjhjMS43LTIuMiwzLjMtNC4xLDUtNi4yYzEuMywwLjYsMi4zLDEsMi44LDEuM2MwLjcsMi44LDEuMiw1LDEuNyw3YzMuMSwwLjksMy43LTIsNS42LTIuN2MwLjMsMC43LDAuNSwxLjMsMC42LDEuN2MyLjYsMCw1LjEsMCw3LjcsMGMwLTEuMywwLTIuNCwwLTMuNGMxLTAuNSwxLjgtMC45LDMtMS41YzIuMSwxLjksNC40LDQsNi42LDZjMSwwLDIsMCwyLjYsMGMxLjItMS41LDIuMi0yLjcsMy4xLTMuOWMwLjgsMC45LDEuMywxLjUsMS45LDIuMmMwLjktMS40LDEuNS0yLjQsMi4zLTMuN2MxLjgsMC42LDMuNiwwLjgsNSwxLjZjNC4xLDIuNCw4LjUsMi4yLDEyLjgsMS42YzYuNi0wLjksMTIuNS0xLjQsMTcuMiwwLjJjMi4zLDAuOCw0LjYsMS4yLDYuNiwwLjljNC0yLjUsNy42LTQuOCwxMC42LTYuOGMyLDAuNiwzLjIsMC45LDQuNSwxLjNjMC43LDEuOCwxLjUsMy42LDIuMyw1LjZjMC43LTEuMSwxLjItMiwxLjgtMi45YzEuNC0wLjQsMi44LTAuOSw0LjEtMS4yYzAuNiwxLjUsMS4xLDIuOCwxLjgsNC41YzIuNy02LjMsOC4yLTcuMSwxMy41LTguNWMyLDMuNCw0LDYuOCw2LjQsMTAuN2MwLjktMS45LDEuNi0zLjMsMi4xLTQuM2MxLjQtMC42LDIuNi0xLjIsNC44LTIuMWMtMy0wLjgtNS41LDAuNi02LjctMS40YzAuNC0xLjgsMC43LTMuMywxLTQuOWMwLjgsMCwxLjYsMCwyLjUsMGMwLjEsMC41LDAuMiwxLDAuMywxLjZjMS44LDAuNSwzLjgsMS4xLDUuNywxLjZjMC4zLDAuNiwwLjUsMS4zLDEsMi4zYzIuNi0yLDQuOC0zLjcsNy01LjRjMC41LDEuOSwwLjksMy43LDEuNSw1LjljLTIuMywwLTQuMywwLTYuMiwwYzAuNSwxLjEsMC45LDEuOSwxLjMsMi44YzIuNCwwLjYsNC4zLTAuMyw2LjEtMS43YzAuNS0wLjQsMS41LTAuMSwyLjMtMC4xYzAuMiwxLjIsMC40LDIuMSwwLjcsMy40YzEuMy0wLjksMi4yLTEuNiwzLjctMi43YzAuOSwxLDEuOSwyLjEsMywzLjNjMS45LDAuMiwyLjctMS4xLDMuMS0yLjdjMC0wLjIsMC42LTAuMiwxLjEtMC4zYzAuMiwwLjMsMC40LDAuNiwwLjcsMWMwLjMsMC40LDAuNiwwLjksMS40LDIuMWMwLjktMS4zLDEuNC0yLjEsMi0zYzAsMCwwLjIsMC4xLDAuMywwLjJjMC4yLDAuNiwwLjQsMS4yLDAuNiwxLjhjMS43LTAuOSwzLjctMi43LDUuMy00LjljMC4yLDAuNiwwLjUsMS4xLDAuNiwxLjZjMi4xLTEuMiw0LjItMi40LDYuMi0zLjdjMC40LDAuMywwLjcsMC42LDEuMiwxYzAuNi0xLjEsMS4yLTIsMS43LTIuOWMxLjgsMCwzLjYsMCw1LjQsMGMwLjYsMSwxLjEsMS45LDEuNCwyLjNjNS4yLTEsMTAtMC42LDE0LjcsMi4xYzAuNSwxLjMsMSwyLjksMS43LDUuMWMxLjctMy41LDMuMS02LjUsNC42LTkuNmMwLjQsMC4zLDAuNiwwLjcsMC44LDAuN2MyLjQsMC4yLDQuOSwwLjQsNi44LDAuNWMxLjcsMC41LDIuOCwwLjksNCwxLjNjMC4xLDEuMiwwLjMsMi40LDAuNCwzLjdjMS45LTEuMiwzLjQtMi4zLDUtMy4zYzAuOCwxLjMsMS41LDIuMywyLjIsMy40YzQuOC0wLjUsOS41LTEsMTMuNy0xLjRjMS43LDEuNCwyLjksMi41LDQuNyw0LjFjMC4xLTIuNCwwLjEtNCwwLjItNS42YzAtMC40LDAuMi0wLjksMC40LTEuM2MxLjUsMCwyLjgsMCw0LjEsMGMwLjUsMC41LDEsMSwxLjYsMS42YzAsMS4zLDAsMi43LDAsNC4yYzIuNSwwLjYsNC4xLTAuNiw1LjctMi4xYzAuMi0wLjksMC4zLTEuOCwwLjUtMi44YzQuNSwxLjIsOC44LDIuNCwxMy4yLDJjMi4zLDEuNCw0LjQsMi43LDcsNC4yYzIuMy0xLjEsNS0yLjQsNy42LTMuN2MzLTEuNSw2LTIuOSw5LjQtMi41YzIuOSwyLjIsNS43LDQuNSw4LjUsNi43YzAuMSwwLjgsMC4yLDEuNSwwLjMsMmMyLjktMiw1LjctMy44LDguMy01LjZjMS41LDAsMywwLDQuNiwwYy0wLjEsMC43LTAuMiwxLjEtMC40LDEuNmMtMC4xLDAuMy0wLjQsMC42LTEuNCwxLjljMi42LTEuMiw0LTEuOCw1LjQtMi41YzAuMiwwLjcsMC40LDEuMywwLjcsMi4xYzAuOC0wLjUsMS41LTAuOCwyLjItMS4yYzAuMiwwLjYsMC40LDEuMSwwLjYsMS43YzIuMiwxLjEsNC4zLTEsNi42LDBjMC42LTEsMS4zLTIsMi0zYzAuOSwwLjUsMS42LDAuOSwyLjIsMS4zYzIuMy0xLjYsNC42LTEuMSw3LjEtMC45YzAsMS4xLDAsMS45LDAsMi43YzEuMi0zLDMuNi0zLjcsNi40LTMuOWMyLjctMi43LDUsMC42LDcuMywwLjJjMC45LDEuNSwxLjcsMi43LDIuMywzLjdjMS40LDAsMi41LDAsMy43LDBjLTAuNi0xLjMtMS4yLTIuNC0xLjgtMy42YzEuMy0wLjUsMi40LTEsMy42LTEuNWMwLjIsMS4zLDAuMywyLjIsMC41LDIuOWMwLjgsMC4zLDEuMywwLjUsMi4xLDAuOGMtMC41LDEuMS0wLjksMS45LTEuNSwzYzEuMywwLjksMi42LDEuNywzLjksMi41YzAuNy0xLDEuMy0yLDEuOS0yLjljMC4yLDAuMSwwLjQsMC4yLDAuNiwwLjNjLTAuMywxLjgtMC42LDMuNi0xLDUuNWMwLjUsMC4xLDAuOSwwLjEsMS40LDAuMmMwLjQtMS4xLDAuNS0yLjMsMS4xLTMuMWMwLjYtMC44LDEuNi0xLjIsMi41LTEuN2MtMC41LTEuMS0wLjktMS45LTEuMy0yLjljMy4xLTEsNS41LDAuNyw4LjEsMS4xYzEuOCwwLjMsMy41LDEuNCw1LjMsMS41YzEuNywwLjEsMy40LTAuNiw1LjEtMC45YzEuNywwLjgsMi4yLDMuNCw0LjcsM2MwLDguNywwLDE3LjMsMCwyNmMtMi4zLDAtNC42LDAtNi43LDBjLTAuMywwLjktMC41LDEuNC0wLjcsMmMtMC41LTAuNC0wLjgtMC43LTEuNC0xLjFjLTAuMiwxLjEtMC4zLDItMC40LDIuN2MtMC42LTAuNi0xLjMtMS4zLTEuOC0xLjhjLTMsMC4yLTUuNSwwLTcuOCwwLjVjLTUuMSwxLjItNy4xLDAuNS05LjUtNC4xYy0yLjcsMS01LjIsMS4xLTcuOSwwLjFjLTAuNy0wLjMtMS42LTAuNS0yLjMtMC4zYy0xLjUsMC41LTIuOCwxLjMtNC4yLDEuOWMtMC4zLDAuMS0wLjktMC4yLTEuNC0wLjNjMC40LTEuMiwwLjgtMi4zLDEuNS00LjRjLTMuNywyLjMtNi41LDMuOS05LjYsNS45Yy00LjctMC40LTguMy0zLjktMTIuOC02LjJjLTEuOCwwLTMuOCwwLTUuMywwYy0wLjgtMS4xLTEuNS0yLTIuNy0zLjZjMCwyLjEsMCwzLjIsMCw0LjNjLTMuOCwxLjYtNy42LDIuNC0xMC44LDIuM2MtMS4xLTEuMy0yLjMtMi43LTMuNi00LjNjLTEsMS44LTAuNCw0LjItMy40LDQuNWMtMi45LTEuMi02LjMtMi43LTkuOS00LjJjLTEuNiwyLTMuMiw0LTUsNi4zYy00LTEuNS04LDEuOC0xMi4xLDAuMmMtMC41LDAuMy0wLjksMC41LTEuMywwLjdjLTEuNC0xLTIuNy0xLjgtMy42LTIuNWMtMC45LTIuOC0xLjctNS4yLTIuNS03LjljLTEuMiwxLjItMiwyLTMsM2MwLDEuMywwLDIuOCwwLDQuMWMtNSwwLjUtOS43LDItMTQuNiwwLjljLTAuMi0wLjktMC4zLTEuOC0wLjYtM2MtMS4xLDAuNS0xLjksMC45LTIuNiwxLjNjLTEuNy0wLjYtMy4yLTEuMi00LjktMS44Yy0wLjUsMC45LTEuMSwxLjgtMS43LDIuOGMtMC40LTAuOS0wLjktMS44LTEuMi0yLjRjMC4yLTAuNywwLjMtMS4xLDAuNy0yLjFjLTIuNywxLjQtNC43LDIuNC02LjcsMy40Yy0xLjgtMy4zLTQuOC02LjEtNi4xLTUuNmMtMC40LDAuNC0wLjksMC45LTEuMywxLjVjMC4zLDAuNywwLjYsMS4zLDEuMSwyLjNjLTAuOC0wLjEtMS4zLTAuMS0xLjgtMC4xYy0wLjItMS4yLTAuMy0yLTAuNi0zLjVjLTEuNCwxLjEtMi4zLDEuOC0zLjMsMi41Yy0wLjMtMC44LTAuNS0xLjMtMC44LTIuMmMtMS4xLDEuNi0yLjEsMi45LTMuMSw0LjRjLTIuMy0wLjgtNC43LTAuOC01LjYtMy44Yy0wLjUtMS40LTIuMS0yLjMtMy4xLTMuNGMtMC44LDEuMS0xLjUsMi4xLTIuMiwzLjFjLTEuOS0wLjUtMy41LTAuOS01LjUtMS40YzAuNSwxLDAuNywxLjQsMSwyYy0wLjgsMC41LTEuNiwwLjktMi40LDEuM2MtMC40LTEtMC43LTEuNi0xLjEtMi40Yy0xLjUsMC44LTIuNywxLjQtMy44LDJjLTAuNywxLjYtMS4yLDMtMS44LDQuM2MtMS40LTEuOC0yLjYtMy4zLTMuOC00LjhjLTAuMS0wLjctMC4xLTEuNS0wLjItMi4xYy0xLjgsMC0zLjMsMC00LDBjLTMuMSwxLjktNS42LDMuNC04LjMsNWMtMC40LTAuOC0wLjctMS41LTEuMy0yLjZjLTEuNCwwLjctMi43LDEuNC00LjEsMi4xYy0wLjMtMC4yLTAuOS0wLjUtMS42LTFjLTEsMS40LTEuOSwyLjctMi44LDMuOWMtMC4xLDAuMS0wLjQsMC4xLTAuNywwLjFjLTAuMi0xLTAuMy0xLjgtMC41LTMuMWMtMC41LDEuMS0wLjgsMS43LTEuNiwzLjNjMC0yLjIsMC0zLjUsMC00LjdjLTAuMywwLjItMC42LDAuMy0wLjgsMC41Yy0xLjEtMS4yLTIuMy0yLjMtMy42LTMuNmMtMy4zLDEuMi0yLjksNS40LTQuNyw3LjZjLTQuOSwwLjUtOS4zLDAuOS0xMy44LDEuNGMtMC4xLTEuMi0wLjItMi0wLjMtMi45Yy0xLjUsMC0yLjksMC00LjIsMGMtMS41LDAuNy0yLjksMS4zLTQuMiwyYy0wLjMtMC45LTAuNi0xLjUtMC45LTIuNGMtNi43LDEtMTIuNSw0LjQtMTkuMSw2LjZjLTAuOS0xLjItMS45LTIuNC0yLjYtMy40Yy0yLjksMS45LTUuNSwyLjktOC43LDEuMmMtMC41LDAuOS0xLjEsMS45LTEuNiwyLjhjLTAuNywwLTEuMywwLTIuMiwwYy0wLjYtMC45LTEuMy0yLTEuOC0yLjhjLTIuMSwwLjMtNC4xLDAuNy01LjgsMC45Yy0wLjktMC45LTEuNS0xLjUtMi4xLTIuMWMtMS4zLDAuNi01LjgsMS4xLTYuOCwxLjJjLTIuNSwwLjItNC45LDAuNi04LjEsMWMtMC4yLDAuNC0wLjYsMS4zLTEsMmMtMi0wLjYtMy41LTEuMS01LjMtMS42Yy0wLjYsMC44LTEuMSwxLjYtMiwzYy0wLjctMi0xLjItMy4zLTEuNy00LjdjLTEsMS4xLTEuOSwyLjItMi40LDIuOGMtMS45LDAtMi45LDAtNCwwYy0wLjEtMS0wLjEtMS44LTAuMi0yLjRjLTIsMC4zLTQuMSwwLTUuNiwwLjljLTIuMywxLjMtNC44LDEuMS02LjcsMC41Yy0yLjMtMC44LTQuNS0xLjMtNi41LTAuM2MtMi4xLDEuMS00LjctMC41LTYuNCwxLjVjMCwwLjEtMC41LTAuMy0xLTAuNWMwLjQtMC45LDAuOS0xLjksMS4zLTIuOWMtMC45LTAuNy0xLjYtMS4yLTIuOC0yLjFDNDMzLjgsNDMuOCw0MzIuNCw0Ni41LDQzMC45LDQ5LjJ6Ii8+DQoJCTwvZz4NCgk8L2c+DQo8L3N2Zz4=) center repeat-x;
    background-size: auto 0.5em;
    color: rgba(0,0,0,0.5);
    text-decoration: none;
}

.open-book sup {
    color: #cc0000;
    font-family: 'Rock Salt', cursive;
    left: 0;
    margin-top: -1em!important;
    max-width: 100%!important;
    position: absolute;
    text-align: center;
    width: 100%;
}

.open-book mark {
    background: linear-gradient(to bottom, rgba(222,255,0,1) 0%,rgba(222,255,0,0.5) 60%,rgba(222,255,0,1) 100%);
}

.open-book mark.pink {
    background: linear-gradient(to bottom, rgba(255,69,190,1) 0%,rgba(255,107,203,0.5) 60%,rgba(255,107,203,1) 100%);
}

.open-book mark.blue {
    background: linear-gradient(to bottom, rgba(73,179,255,1) 0%,rgba(107,193,255,0.5) 60%,rgba(107,193,255,1) 100%);
}

.open-book mark.green {
    background: linear-gradient(to bottom, rgba(67,226,15,1) 0%,rgba(39,229,54,0.5) 60%,rgba(39,229,54,1) 100%);
}

.open-book mark.orange {
    background: linear-gradient(to bottom, rgba(255,134,9,1) 0%,rgba(255,177,34,0.5) 60%,rgba(255,177,34,1) 100%);
}

.rules-desc h3 {
    color: #2e3d61;
    font-family: var(--tp-ff-heading);
    font-size: 18px !important;
    text-align: center;
   
}

.open-book hr {
    background-color: #000;
    border: 0;
    height: 2px;
    margin: 1em 0;
}

.open-book dl {
    border: solid 0 #ccc;
    border-width: 0.0625em 0;
    break-inside: avoid-column;
    margin: 1em auto;
    padding: 1em 0;
}
.list-disc {
  list-style-type: disc;
}


/*** MEDIA QUERIES ***/
@media only screen and ( min-width: 50em ) {

    .open-book {
        margin: 1em;
        position: relative;
    }

    .open-book:before {
        background-color: #606587;
        border-radius: 0.25em;
        bottom: -1em;
        content: '';
        left: -1em;
        position: absolute;
        right: -1em;
        top: -1em;
        z-index: -1;
    }

    .open-book:after {
        background: linear-gradient(to right, transparent 0%,rgba(0,0,0,0.2) 46%,rgba(0,0,0,0.5) 49%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.5) 51%,rgba(0,0,0,0.2) 52%,transparent 100%);
        bottom: -1em;
        content: '';
        left: 50%;
        position: absolute;
        top: -1em;
        transform: translate(-50%,0);
        width: 4em;
        z-index: 1;
    }

    .open-book > * {
        column-count: 2;
        column-gap: 6em;
        position: relative;
        z-index: 1;
    }

    /* Header/Footer */
    .open-book header:before,
    .open-book header:after,
    .open-book footer:before,
    .open-book footer:after {
        background: #fff;
        border-radius: 25%;
        content: '';
        height: 2em;
        position: absolute;
        z-index: -1;
        width: calc(50% + 2em);
    }

    .open-book header:before,
    .open-book footer:before,
    .open-book footer:after {
        border-top-left-radius: 0;
    }

    .open-book header:after,
    .open-book footer:before,
    .open-book footer:after {
        border-top-right-radius: 0;
    }

    .open-book header:before,
    .open-book header:after,
    .open-book footer:after {
        border-bottom-right-radius: 0;
    }

    .open-book header:before,
    .open-book header:after,
    .open-book footer:before {
        border-bottom-left-radius: 0;
    }

    .open-book header:before,
    .open-book header:after {
        top: -2.65em;
    }

    .open-book header:before,
    .open-book footer:before {
        right: 50%;
    }

    .open-book header:before {
        transform: rotate(-2deg);
    }

    .open-book header:after,
    .open-book footer:after {
        left: 50%;
    }

    .open-book header:after {
        transform: rotate(2deg);
    }

    .open-book footer:before,
    .open-book footer:after {
        bottom: -2.65em;
    }

    .open-book footer:before {
        transform: rotate(2deg);
    }

    .open-book footer:after {
        transform: rotate(-2deg);
    }

    .open-book header > *:last-child,
    .open-book footer > *:last-child {
        text-align: right;
    }

    .open-book footer #page-numbers {
        display: block;
    }

    /* Chapter Title */
    .open-book .chapter-title {
        font-size: 3em;
    }

    .open-book .chapter-title:before,
    .open-book .chapter-title:after {
        height: 0.125em;
    }

    /* Body Copy */
    .open-book article p {
        text-indent: 3em;
        color: #202020;
    }

    .open-book article > ul,
    .open-book article > ol {
        padding-left: 4em;
    }

}


.blog-details .article-footer .article-tags .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.blog-details .article-footer .article-tags .tags .tag {
  padding: 0.5rem 1rem;
  background: #5e6ba3;
  color: white;
  border-radius: 30px;
  font-size: 0.9rem;
  text-decoration: none;
  transition: all 0.3s ease;
}

.blog-details .article-footer .article-tags .tags .tag:hover {
  background: var(--accent-color);
  color: var(--contrast-color);
  transform: translateY(-2px);
}

.blog-details{
    margin-bottom: 20px;
    padding: 40px;
    background: linear-gradient(rgb(2 2 2 / 79%), rgb(0 0 0 / 73%)), url(/uploadpics/Banner_1757148778.jpg) fixed center center;
}

/*Alumni page*/
.header {
            /*background: linear-gradient(267deg, #ffffff 0%, #d3d3d3 100%);*/
            color: white;
            padding: 60px 20px;
            text-align: center;
        }

        .header h1 {
            font-size: 3em;
            margin-bottom: 10px;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
        }

        .header p {
            font-size: 1.2em;
            opacity: 0.9;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }

        .section-alumni {
            background: white;
            margin: 40px 0;
            padding: 40px;
            border-radius: 15px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.1);
            transition: transform 0.3s ease;
        }

        .section-alumni:hover {
            transform: translateY(-5px);
        }

        .section-alumni-title {
           color: #515eb5;
            font-size: 2em;
            margin-bottom: 20px;
            padding-bottom: 15px;
            border-bottom: 3px solid #515eb5;
        }

        .section-alumni-content {
            font-size: 1.1em;
            color: #555;
            margin-bottom: 20px;
        }

        .photo-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
            margin-top: 30px;
        }

        .photo-placeholder {
            background: linear-gradient(135deg, #e0e0e0 0%, #f5f5f5 100%);
            height: 250px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #999;
            font-size: 1.1em;
            border: 2px dashed #ccc;
            transition: all 0.3s ease;
        }

        .photo-placeholder:hover {
            background: linear-gradient(135deg, #f5f5f5 0%, #e0e0e0 100%);
            border-color: #667eea;
        }

        .photo-placeholder img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 10px;
        }

        .highlights {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 20px;
            margin-top: 30px;
        }

        .highlight-card {
            background: linear-gradient(207deg, #1e2e77 0%, #565cb1 100%);
            color: white;
            padding: 30px;
            border-radius: 10px;
            text-align: center;
            transition: transform 0.3s ease;
        }

        .highlight-card:hover {
            transform: scale(1.05);
        }

        .highlight-card h3 {
            font-size: 1.5em;
            margin-bottom: 10px;
        }

        .highlight-card p {
            font-size: 1em;
            opacity: 0.9;
            color: white;
        }

        .benefits-list {
            margin-top: 20px;
            padding-left: 20px;
        }

        .benefits-list li {
            margin: 15px 0;
            font-size: 1.1em;
            color: #555;
            position: relative;
            padding-left: 30px;
        }

        .benefits-list li:before {
            content: "★";
            position: absolute;
            left: 0;
            color: #667eea;
            font-size: 1.3em;
        }

        .cta-section-alumni {
            background: linear-gradient(135deg, #000e43 0%, #565cb1 100%);
            color: white;
            padding: 50px;
            text-align: center;
            border-radius: 15px;
            margin: 40px 0;
        }

        .cta-section-alumni h2 {
            font-size: 2.5em;
            margin-bottom: 20px;
            color: #dbdbdb;
        }

        .cta-section-alumni p {
            font-size: 1.2em;
            margin-bottom: 30px;
            opacity: 0.9;
            color: #dbdbdb;
        }

        .cta-button {
            background: white;
            color: #667eea;
            padding: 15px 40px;
            font-size: 1.2em;
            border: none;
            border-radius: 30px;
            cursor: pointer;
            font-weight: bold;
            transition: all 0.3s ease;
        }

        .cta-button:hover {
            transform: scale(1.05);
            box-shadow: 0 5px 20px rgba(255,255,255,0.3);
        }

        @media (max-width: 768px) {
            .header h1 {
                font-size: 2em;
            }
            
            .section-alumni {
                padding: 25px;
            }
            
            .section-alumni-title {
                font-size: 1.5em;
            }
            .inner-banner {
                background: linear-gradient(rgb(46 55 86 / 83%), rgb(0 0 0 / 46%)), url(/resources/assets/img/school.jpg);
                background-size: cover;
                background-position-y: center;
                padding: 0px 0;
                height: 175px;
                margin-top: -82px;
                display: flex;
                align-items: end;
            }
        }
        
        a.btn.mt-1:hover {
            color: white;
        }
        
        .photo-grid img {
            min-height: 210px;
            object-fit: cover;
        }
        
.footer__area{
    background-image: linear-gradient(rgb(108 108 108 / 0%), rgb(36 43 71 / 15%)), url(/resources/assets/img/bg/level-bg.jpg) !important;
    background-position: center !important;
}

.member-img{
    position: relative;
    transition: transform 4s ease-in;
    overflow: hidden;
}
.member-img img{
    transition: transform 1s ease-in;
}

.member-img img:hover{
    transform: scale(1.2);
}
.member-img:before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left:0;
    content: "";
    transform:translateY(-100%);
    font-size: 25px;
    color:#fff;
   display: block;
    background-color: rgba(188, 143, 143, 0.137);
    z-index: 1;
    display:flex;
    justify-content: center;
    align-items: center;
   font-family: sans-serif;
    transition: transform .4s ease-in;
    border:4px solid white;
    justify-content: center;
    box-sizing: border-box;
}

.member-img:after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left:0;
    content: "";
    transform:translateY(100%);
    font-size: 25px;
    color:#fff;
   display: block;
    background-color: rgba(188, 143, 143, 0.137);
    z-index: 1;
    display:flex;
    justify-content: center;
    align-items: center;
   font-family: sans-serif;
    transition: transform .4s ease-in;
    border:4px solid white;
    justify-content: center;
    box-sizing: border-box;
}
 .member-img:hover::before{
 transform: translateY(0%); 
 
}
.member-img:hover::after{
    transform: translateY(0%); 
    
   }
   
   ul.sub-menu li:hover {
    border-bottom: 1px solid #dc3545;
    transition: 0.3s;
}
.main-header .tp-header__wrapper-inner .tp-header__menu ul li a:hover {
    color: #dc3545;
}

/* whatsapp icon */
.go-top-area {
  position: relative;
  z-index: 999;
}
.go-top-wrap {
  position: relative;
}
.go-top-area .go-top.active {
  top: 92%;
  -webkit-transform: translateY(-98%);
  -moz-transform: translateY(-98%);
  -ms-transform: translateY(-98%);
  -o-transform: translateY(-98%);
  transform: translateY(-98%);
  opacity: 1;
  visibility: visible;
  border-radius: 10px;
  right: 20px;
}

.go-top-wrap .go-top-btn {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  top: 3px;
  z-index: 1;
  background: #1c6e48;
  border-radius: 10px;
}
.go-top-area .go-top {
  position: fixed;
  cursor: pointer;
  top: 0;
  right: 24px;
  color: #ffffff;
  background-color: #00c255;
  z-index: 9999;
  width: 40px;
  text-align: center;
  height: 42px;
  line-height: 42px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.9s ease-out 0s;
  -moz-transition: all 0.9s ease-out 0s;
  -ms-transition: all 0.9s ease-out 0s;
  -o-transition: all 0.9s ease-out 0s;
  transition: all 0.9s ease-out 0s;
  border-radius: 10px;
}

.go-top-wrap .go-top-btn:hover {
  background-color: #1d1729;
  color: #fff;
}
.go-top-area .go-top:focus::before,
.go-top-area .go-top:hover::before {
  opacity: 1;
  visibility: visible;
}
.go-top-area .go-top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #1c6e48;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
  border-radius: 10px;
}
.go-top-wrap .go-top-btn::after {
  z-index: -1;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  -webkit-animation: ripple1 1.6s ease-out infinite;
  -moz-animation: ripple1 1.6s ease-out infinite;
  -o-animation: ripple1 1.6s ease-out infinite;
  animation: ripple1 1.6s ease-out infinite;
  opacity: 0;
  background: #00c255;
  border-radius: 10px;
}
@keyframes ripple1 {
  0%,
  35% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
  }
}
.go-top-area .go-top:focus i:first-child, .go-top-area .go-top:hover i:first-child {
    opacity: 0;
    top: 0;
    visibility: hidden;
}
.go-top-wrap .go-top-btn i {
    font-size: 20px;
    font-weight: 700;
    padding-left: 4px;
    color: #fff;
}
.go-top-area .go-top i {
    position: absolute;
    top: 50%;
    left: -4px;
    right: 0;
    margin: 0 auto;
    font-size: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
.go-top-area .go-top:focus i:last-child, .go-top-area .go-top:hover i:last-child {
    opacity: 1;
    visibility: visible;
    top: 50%;
}
.go-top-area .go-top i:last-child {
    opacity: 0;
    visibility: hidden;
    top: 60%;
}
.go-top-wrap .go-top-btn i {
    font-size: 20px;
    font-weight: 700;
    padding-left: 4px;
    color: #fff;
}
.go-top-area .go-top i {
    position: absolute;
    top: 50%;
    left: -4px;
    right: 0;
    margin: 0 auto;
    font-size: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
.go-top.go-top-btn.active.two {
    top: 77%;
}

@media(max-width: 450px){
    .member-img img {
        min-width: 280px;
    }
    section#team {
        padding: 35px;
    }
    .MainHeadWrp{
        margin-bottom: -13px;
    }
    .MainHeadWrp .SecTitle .Info {
        font-size: 18px;
        
    }
    .panel .panel-body .table thead tr th {
        font-size: 14px;
    
    }
    .panel .panel-heading .title {
        font-size: 18px;
   
    }
}




/*===============================*/
 .filters {
        max-width: 1200px;
        margin: 0 auto 30px;
        padding: 0 20px;
        display: flex;
        gap: 15px;
        justify-content: center;
        flex-wrap: wrap;
      }

      .filter-btn {
        background: white;
        border: none;
        padding: 12px 25px;
        border-radius: 25px;
        cursor: pointer;
        font-size: 15px;
        font-weight: 600;
        transition: all 0.3s ease;
        color: #667eea;
      }

      .filter-btn:hover,
      .filter-btn.active {
        background: #764ba2;
        color: white;
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
      }

      

      .grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
        gap: 30px;
        margin-bottom: 50px;
      }

      .card {
        background: white;
        border-radius: 15px;
        overflow: hidden;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
        transition: all 0.3s ease;
        cursor: pointer;
      }

      .card:hover {
        transform: translateY(-10px);
        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
      }

      .card-image {
        width: 100%;
        height: 250px;
        background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 80px;
        position: relative;
        overflow: hidden;
      }

      .card-image::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><text y="50" font-size="60" fill="white" opacity="0.3">📝</text></svg>')
          center/80px no-repeat;
      }

      .card-content {
        padding: 25px;
      }

      .card-header {
        display: flex;
        justify-content: space-between;
        align-items: start;
        margin-bottom: 15px;
      }

      .card-title {
        font-size: 22px;
        color: #2d3748;
        font-weight: 700;
        flex: 1;
      }

      .card-badge {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: white;
        padding: 5px 15px;
        border-radius: 20px;
        font-size: 12px;
        font-weight: 600;
        white-space: nowrap;
        margin-left: 10px;
      }

      .card-meta {
        display: flex;
        gap: 20px;
        margin-bottom: 15px;
        color: #718096;
        font-size: 14px;
      }

      .card-meta span {
        display: flex;
        align-items: center;
        gap: 5px;
      }

      .card-excerpt {
        color: #4a5568;
        line-height: 1.6;
        margin-bottom: 15px;
        font-style: italic;
      }

      .read-more {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: white;
        border: none;
        padding: 10px 20px;
        border-radius: 8px;
        cursor: pointer;
        font-weight: 600;
        transition: all 0.3s ease;
      }

      .read-more:hover {
        transform: scale(1.05);
        box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
      }

      .modal {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.8);
        z-index: 1000;
        align-items: center;
        justify-content: center;
        padding: 20px;
      }

      .modal.active {
        display: flex;
      }

      .modal-content {
        background: white;
        border-radius: 15px;
        max-width: 800px;
        max-height: 90vh;
        overflow-y: auto;
        padding: 40px;
        position: relative;
        animation: slideIn 0.3s ease;
      }

      @keyframes slideIn {
        from {
          transform: translateY(-50px);
          opacity: 0;
        }
        to {
          transform: translateY(0);
          opacity: 1;
        }
      }

      .close-modal {
        position: absolute;
        top: 15px;
        right: 15px;
        background: #e53e3e;
        color: white;
        border: none;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        cursor: pointer;
        font-size: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
      }

      .close-modal:hover {
        background: #c53030;
        transform: rotate(90deg);
      }

      .modal-header {
        margin-bottom: 25px;
      }

      .modal-title {
        font-size: 32px;
        color: #2d3748;
        margin-bottom: 15px;
      }

      .modal-meta {
        display: flex;
        gap: 25px;
        color: #718096;
        font-size: 15px;
      }

      .modal-body {
        color: #4a5568;
        line-height: 1.8;
        font-size: 16px;
      }

      .upload-section {
        background: white;
        border-radius: 15px;
        padding: 40px;
        margin-top: 50px;
        text-align: center;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
      }

      .upload-section h3 {
        color: #2d3748;
        font-size: 28px;
        margin-bottom: 20px;
      }

      .upload-area {
        border: 3px dashed #667eea;
        border-radius: 10px;
        padding: 40px;
        margin: 20px 0;
        cursor: pointer;
        transition: all 0.3s ease;
      }

      .upload-area:hover {
        background: #f7fafc;
        border-color: #764ba2;
      }

      .upload-btn {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: white;
        border: none;
        padding: 15px 40px;
        border-radius: 8px;
        cursor: pointer;
        font-size: 16px;
        font-weight: 600;
        transition: all 0.3s ease;
      }

      .upload-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 10px 25px rgba(102, 126, 234, 0.4);
      }
      .hero {
        max-width: 1200px;
        margin: 40px auto;
        padding: 0 20px;
        text-align: center;
        color: white;
      }

      .hero h2 {
        font-size: 48px;
        margin-bottom: 15px;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
      }

      .hero p {
        font-size: 20px;
        opacity: 0.95;
        max-width: 700px;
        margin: 0 auto 40px;
      }

      @media (max-width: 768px) {
        .grid {
          grid-template-columns: 1fr;
        }

        .hero h2 {
          font-size: 36px;
        }

        .modal-content {
          padding: 25px;
        }
      }
      
      
        /* Article Content */
      .article-wrapper {
        max-width: 900px;
        margin: 0 auto;
        padding: 10px 20px;
      }

      .back-button {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: #3498db;
        text-decoration: none;
        font-weight: 600;
        margin-bottom: 30px;
        transition: color 0.3s;
      }

      .back-button:hover {
        color: #2980b9;
      }

      .article-header {
        margin-bottom: 40px;
      }

      .article-category {
        display: inline-block;
        background: #667eea;
        color: white;
        padding: 8px 20px;
        border-radius: 20px;
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 20px;
      }

      .article-title {
        font-size: 28px;
        color: #2c3e50;
        margin-bottom: 20px;
        line-height: 1.2;
      }
        .author-details h3 {
                font-size: 20px;
            }
      .article-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        padding: 20px 0;
        border-top: 2px solid #ecf0f1;
        border-bottom: 2px solid #ecf0f1;
        margin-bottom: 30px;
      }

      .meta-item {
        display: flex;
        align-items: center;
        gap: 8px;
        color: #7f8c8d;
        font-size: 15px;
      }

      .author-info {
        display: flex;
        align-items: center;
        gap: 15px;
        background: #f8f9fa;
        padding: 20px;
        border-radius: 10px;
        margin-bottom: 40px;
      }

      .author-avatar {
        width: 60px;
        height: 60px;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-size: 24px;
        font-weight: bold;
      }

      .author-details h3 {
        color: #2c3e50;
        margin-bottom: 5px;
      }

      .author-details p {
        color: #7f8c8d;
        font-size: 14px;
      }

      .featured-image {
        width: 100%;
        height: 400px;
        /*background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);*/
        border-radius: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 120px;
        margin-bottom: 40px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        overflow : hidden;
      }

      .article-content {
        color: #444;
        font-size: 18px;
        line-height: 1.8;
      }

      .article-content h2 {
        color: #2c3e50;
        font-size: 32px;
        margin: 40px 0 20px;
      }

      .article-content h3 {
        color: #34495e;
        font-size: 24px;
        margin: 30px 0 15px;
      }

      .article-content p {
        margin-bottom: 20px;
        text-align: justify;
      }

      .article-content blockquote {
        background: #f8f9fa;
        border-left: 5px solid #667eea;
        padding: 20px 30px;
        margin: 30px 0;
        font-style: italic;
        color: #555;
      }

      .article-content ul,
      .article-content ol {
        margin: 20px 0 20px 40px;
      }

      .article-content li {
        margin-bottom: 10px;
      }

      .highlight-box {
        background: linear-gradient(135deg, #667eea15 0%, #764ba215 100%);
        border-left: 4px solid #667eea;
        padding: 25px;
        margin: 30px 0;
        border-radius: 8px;
      }

      .highlight-box h4 {
        color: #667eea;
        margin-bottom: 15px;
        font-size: 20px;
      }

      /* Tags */
      .article-tags {
        margin: 50px 0 30px;
        padding: 30px 0;
        border-top: 2px solid #ecf0f1;
      }

      .article-tags h4 {
        color: #2c3e50;
        margin-bottom: 15px;
      }

      .tags-list {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
      }

      .tag {
        background: #ecf0f1;
        color: #555;
        padding: 8px 16px;
        border-radius: 20px;
        text-decoration: none;
        font-size: 14px;
        transition: all 0.3s;
      }

      .tag:hover {
        background: #667eea;
        color: white;
      }