@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Theme Name: Tutorgo - Online Learning and Education HTML Template
    Author: Theme Pure
    Support: https://themepure.net/help/support/login
    Description: Tutorgo – Education Template is a clean and modern HTML5 , Bootstrap Education Template. 
    Version: 1.0

-----------------------------------------------------------------------------------

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

    01. THEME DEFAULT CSS
    02. HEADER CSS
    03. MEAN MENU CSS
	04. HERO CSS
	05. CONTENT WITH IMAGE CSS
    06. APPLICATION PROCESS CSS
    07. PRODUCT CSS
    08. SLIDER CSS
	09. CTA CSS
	10. CONTEXTUAL HELP CSS
	11. FEATURE CSS
	12. BRAND CSS
	13. FOOTER CSS

**********************************************/
/*----------------------------------------*/
/*  01. THEME DEFAULT CSS START
/*----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Oswald:wght@200..700&display=swap');
:root {
  /**
  @font family declaration
  */
  --tp-ff-body: "Inter", sans-serif;
  --tp-ff-heading: "Oswald", sans-serif;
  --tp-ff-p: "Inter", sans-serif;
  --tp-ff-fontawesome: "Font Awesome 6 Pro";
  --tp-ff-eleganticons: "ElegantIcons";
  /**
  @color declaration
  */
  --tp-common-white: #ffffff;
  --tp-common-black: #000;
  --tp-heading-primary: #000f2f;
  --tp-grey-1: #F2F6F9;
  --tp-grey-2: #f5f7fb;
  --tp-text-body: #333f59;
  --tp-text-2: #25509D;
  --tp-text-3: #949db1;
  --tp-text-4: #737383;
  --tp-theme-primary: #F9C41F;
  --tp-theme-secondary: #25509D;
  --tp-theme-bg: #1E3075;
  --tp-border-1: #000f2f;
  --tp-border-2: #eeeff0;
  /**
  @font weight declaration
  */
  --tp-fw-normal: normal;
  --tp-fw-elight: 200;
  --tp-fw-light: 300;
  --tp-fw-regular: 400;
  --tp-fw-medium: 500;
  --tp-fw-sbold: 600;
  --tp-fw-bold: 700;
  --tp-fw-ebold: 800;
  --tp-fw-black: 900;
  /**
  @font size declaration
  */
  --tp-fz-body: 16px;
  --tp-fz-p: 16px;
  --tp-fz-h1: 40px;
  --tp-fz-h2: 36px;
  --tp-fz-h3: 24px;
  --tp-fz-h4: 20px;
  --tp-fz-h5: 16px;
  --tp-fz-h6: 14px;
}

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

/*---------------------------------
	typography css start 
---------------------------------*/
body {
  font-family: var(--tp-ff-body);
  font-size: var(--tp-fz-body);
  font-weight: normal;
  color: var(--tp-text-body);
  line-height: 26px;
  background-color: var(--tp-grey-1);
}

a {
  text-decoration: none; 
}

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

h1 {
  font-size: var(--tp-fz-h1);
}

h2 {
  font-size: var(--tp-fz-h2);
}

h3 {
  font-size: var(--tp-fz-h3);
}

h4 {
  font-size: var(--tp-fz-h4);
}

h5 {
  font-size: var(--tp-fz-h5);
}

h6 {
  font-size: var(--tp-fz-h6);
}

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

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

a,
button,
p,
input,
select,
textarea,
li,
.transition-3,
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

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 {
  outline: none;
}
input::-webkit-input-placeholder {
  color: var(--tp-text-3);
}
input:-moz-placeholder {
  color: var(--tp-text-3);
}
input::-moz-placeholder {
  color: var(--tp-text-3);
}
input:-ms-input-placeholder {
  color: var(--tp-text-3);
}

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;
}
*::-moz-placeholder::-webkit-input-placeholder {
  color: var(--tp-text-3);
}
*::-moz-placeholder:-moz-placeholder {
  color: var(--tp-text-3);
}
*::-moz-placeholder::-moz-placeholder {
  color: var(--tp-text-3);
}
*::-moz-placeholder:-ms-input-placeholder {
  color: var(--tp-text-3);
}

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

/*---------------------------------
    common classes css start 
---------------------------------*/
.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;
}

ul.list {
    list-style: disc;
    padding-bottom: 16px;
    padding-top: 0;
    list-style-position: outside;
    padding-left: 4rem;
}

ul.list ul {
    padding-left: 3rem;
	 list-style: circle;
}


.disclaimers {
    padding-top: 30px;
    text-align: left !important;
	border-top:1px solid #E0E0E2;
}

.disclaimers p, .disclaimers ul li {
	font-size: 12px;
	line-height: 18px
}

a.anchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}


a.bodylink {
    color: #0073B0;
}

a.bodylink:hover{
   text-decoration: underline;
}

div.paragraph {
    padding-bottom: 10px;
}

div.paragraph:last-of-type {
    padding-bottom: 0px;
}
a[rel="excel"]:not(.button), a[rel="pdf"]:not(.button), a[rel="pdf-filled"]:not(.button), a[rel="jpg-filled"]:not(.button), a[rel="ppt"]:not(.button), a[rel="word"]:not(.button), a[rel="word-filled"]:not(.button), a[rel="youtube"]:not(.button) {
    padding-right: 20px;
}
a[rel="pdf"]:not(.button)::after {
    bottom: -2px;
    display: inline-block;
    height: 18px;
    width: 30px;
    position: relative;
    margin: 0 4px;
    margin-right: -30px;
    content: '';
    background: url(../img/icons/icon_pdf.svg) no-repeat;
}

.no-bt {
	border-top: none!important
}

.no-wrap { white-space: nowrap;}
/*----------------------------------------
    Body Overlay 
-----------------------------------------*/
.body-overlay {
  background-color: var(--tp-common-black);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 98;
  right: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}


.body-overlay.opened {
  opacity: 0.7;
  visibility: visible;
}

/*----------------------------------------
    Progress Wrap
-----------------------------------------*/
@media (max-width: 575px) {
  .progress-wrap {
    right: 15px;
    bottom: 15px;
  }
}

.basic-pagination ul li {
  display: inline-block;
  margin-bottom: 30px;
}
.basic-pagination ul li:not(:last-child) {
  margin-right: 10px;
}
@media (max-width: 575px) {
  .basic-pagination ul li:not(:last-child) {
    margin-right: 3px;
  }
}
.basic-pagination ul li a, .basic-pagination ul li span {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 46px;
  text-align: center;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -o-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  border: 2px solid #f1f1f1;
  font-size: 18px;
  font-weight: 600;
}
.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-theme-primary);
  border-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}

.nice-select::after {
  border: none;
  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);
}

/* cart plus minus default style css */
.tp-backtotop {
  position: fixed;
  bottom: 0;
  right: 40px;
  background: #4DA655;
  z-index: 6;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  color: #fff;
  font-size: 16px;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  opacity: 0;
  transition: 0.6s;
  z-index: 99;
  font-size: 20px;
  border-radius: 5px;
}
.tp-backtotop.show {
  top: auto;
  bottom: 40px;
  opacity: 1;
}
.tp-backtotop:hover {
  background-color: #066A47;
}


/* dropcap */
.tp-dropcap {
  display: inline-block;
  font-size: 50px;
  font-weight: 700;
  float: left;
  height: 70px;
  width: 70px;
  line-height: 70px;
  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: 20px;
}


/*--
    - Spacing
-----------------------------------------*/
/*----------------------------------------*/
/*  ALL CSS START
/*----------------------------------------*/
/* theme btn */
.br-0 span {
  border-radius: 0 !important;
}

.tp-btn-2 {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: var(--tp-common-white);
  background: var(--tp-theme-primary);
  text-align: center;
  padding: 15px 38px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.tp-btn-2 i {
  padding-left: 5px;
}
.tp-btn-2:hover {
  color: var(--tp-theme-primary);
  background-color: var(--tp-common-white);
}
.tp-btn-2:focus {
  color: var(--tp-theme-primary);
}

/* Button 9 */
.tp-btn {
  padding: 2px;
  text-align: center;
  position: relative;
  text-decoration: none;
  display: inline-block;
  overflow: hidden;
  border-radius: 6px;
}
.tp-btn span {
  color: var(--tp-common-black);
  background-color: var(--tp-theme-primary);
  font-family: var(--tp-ff-heading);
  text-transform: uppercase;
  letter-spacing: .1rem;
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  padding: 8px 25px;
  border: 1px solid var(--tp-theme-primary);
  display: inline-block;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.tp-btn i {
  padding-left: 15px;
}
.tp-btn:hover span {
  background-color: #F5A81F;
  border-color: transparent;
}

.tp-border-btn, .tp-border-btn-white {
  padding: 2px;
  text-align: center;
  position: relative;
  text-decoration: none;
  display: inline-block;
}
.tp-border-btn span, .tp-border-btn-white span {
  color: var(--tp-theme-primary);
  background-color: var(--tp-common-white);
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  padding: 7px 35px;
  letter-spacing: -0.02rem;
  border: 2px solid var(--tp-theme-primary);
  display: inline-block;
  border-radius: 6px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.tp-border-btn i, .tp-border-btn-white i {
  padding-left: 15px;
}
.tp-border-btn:hover span, .tp-border-btn-white:hover span {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-primary);
  border-color: transparent;
}

.tp-border-btn-white span {
  border-color: rgba(50, 112, 252, 0.08);
  color: var(--tp-common-black);
  padding: 7px 25px;
}

.tp-transparent-btn {
  padding: 2px;
  text-align: center;
  position: relative;
  text-decoration: none;
  display: inline-block;
  overflow: hidden;
}
.tp-transparent-btn span {
  color: var(--tp-common-white);
  background-color: transparent;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  padding: 10px 35px;
  letter-spacing: -0.02rem;
  border: 2px solid;
  border-color: rgba(255, 255, 255, 0.1);
  display: inline-block;
  border-radius: 6px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.tp-transparent-btn i {
  padding-left: 15px;
}
.tp-transparent-btn:hover span {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-primary);
  border-color: transparent;
}

.tp-white-btn {
  padding: 2px;
  text-align: center;
  position: relative;
  text-decoration: none;
  display: inline-block;
  overflow: hidden;
}
.tp-white-btn span {
  color: var(--tp-common-white);
  border: 1px solid var(--tp-common-white);
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  padding: 12px 35px;
  letter-spacing: -0.02rem;
  display: inline-block;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.tp-white-btn i {
  padding-left: 15px;
}
.tp-white-btn:hover span {
  color: var(--tp-common-white);
  background-color: #054B33;
  border-color: transparent;
}

.tp-phone-btn {
  font-size: 14px;
  color: var(--tp-common-white);
  margin-right: 20px;
}
.tp-phone-btn i {
  margin-right: 5px;
}
.tp-phone-btn:hover {
  color: var(--tp-common-white);
}

.tp-play-btn {
  color: var(--tp-common-white);
  display: inline-block;
}
.tp-play-btn span {
  display: inline-block;
}
.tp-play-btn i {
  font-size: 24px;
  width: 47px;
  height: 47px;
  line-height: 47px;
  text-align: center;
  border-radius: 50%;
  line-height: 43px;
  border: 2px solid var(--tp-common-white);
  display: inline-block;
  margin-right: 15px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.tp-play-btn:hover {
  color: var(--tp-common-white);
}
.tp-play-btn:hover i {
  background-color: var(--tp-theme-secondary);
}

.tp-submit-btn {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-primary);
  text-align: center;
  padding: 12px 30px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 6px;
}
.tp-submit-btn i {
  padding-left: 5px;
}
.tp-submit-btn:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-secondary);
}
.tp-submit-btn:focus {
  color: var(--tp-theme-primary);
}

.e-btn {
  display: inline-block;
  height: 50px;
  line-height: 52px;
  text-align: center;
  padding: 0 25px;
  color: #ffffff;
  background: var(--tp-theme-primary);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: 500;
}
.e-btn:hover {
  background-color: var(--tp-theme-secondary);
}

.tp-hader-btn {
  color: var(--tp-common-white);
}
.tp-hader-btn .icon {
  margin-left: 10px;
  display: inline-block;
}
.tp-hader-btn .avata {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  border-width: 2px;
  border-color: rgba(255, 255, 255, 0.1);
  border-style: solid;
  border-radius: 50%;
  line-height: 32px;
  margin-left: 40px;
}
.tp-hader-btn:hover {
  color: var(--tp-common-white);
}
.tp-hader-btn:hover .icon {
  animation: tfLeftToRight 0.5s forwards;
}

.play-btn {
  display: inline-block;
  width: 44px;
  height: 44px;
  font-size: 12px;
  text-align: center;
  line-height: 44px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ffffff;
  color: var(--tp-theme-primary);
  animation: pulse 2s infinite;
}

/* pulse btn */
.pulse-btn {
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 84px;
  text-align: center;
  background-color: var(--tp-common-white);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  color: var(--tp-common-black);
  animation: pulse 2s infinite;
}
.pulse-btn i {
  font-size: 18px;
}
.pulse-btn:hover {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
}
.pulse-btn i {
  padding-left: 2px;
}

/* hambur btn */
.hamburger-btn {
  width: 30px;
  height: 30px;
  position: relative;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  background: transparent;
  border: 0;
  outline: 0;
}
.hamburger-btn span {
  display: inline-block;
  width: 100%;
  background: var(--tp-common-black);
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  opacity: 1;
  left: 0;
  z-index: 1;
}
.hamburger-btn span:nth-child(1) {
  top: 0;
}
.hamburger-btn span:nth-child(2) {
  top: 10px;
}
.hamburger-btn span:nth-child(3) {
  top: 20px;
}

/* link btn style 1 */
.link-btn {
  position: relative;
  display: inline-block;
  font-size: 18px;
  color: var(--tp-text-3);
  background: transparent;
  border: 1px solid var(--tp-border-2);
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 48px;
  padding-right: 25px;
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  overflow: hidden;
}
.link-btn i {
  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%);
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
}
.link-btn i:last-child {
  left: 0%;
  visibility: hidden;
  opacity: 0;
}
.link-btn:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-primary);
  border-color: var(--tp-theme-primary);
}
.link-btn:hover i {
  left: 100%;
  visibility: hidden;
  opacity: 0;
}
.link-btn:hover i:last-child {
  left: 50%;
  visibility: visible;
  opacity: 1;
}

/* link btn style 2 */
.link-btn-2 {
  position: relative;
  font-size: 16px;
  color: var(--tp-text-1);
  font-weight: 500;
  padding-right: 21px;
  display: inline-block;
}
.link-btn-2 i {
  font-size: 14px;
  position: absolute;
  top: 12px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
}
.link-btn-2 i:first-child {
  right: 10%;
  visibility: hidden;
  opacity: 0;
}
.link-btn-2 i:last-child {
  right: 0;
}
.link-btn-2:hover {
  color: var(--tp-theme-primary);
}
.link-btn-2:hover i:first-child {
  right: 0;
  visibility: visible;
  opacity: 1;
}
.link-btn-2:hover i:last-child {
  right: -10%;
  visibility: hidden;
  opacity: 0;
}
.link-btn-2.link-prev {
  padding-right: 0;
  padding-left: 21px;
}
.link-btn-2.link-prev i:first-child {
  left: 10%;
  right: auto;
}
.link-btn-2.link-prev i:last-child {
  left: 0;
  right: auto;
}
.link-btn-2.link-prev:hover i:first-child {
  left: 0%;
  right: auto;
}
.link-btn-2.link-prev:hover i:last-child {
  left: -10%;
  right: auto;
}

.more-btn {
  font-weight: 500;
  font-size: 16px;
}
.more-btn i {
  margin-left: 10px;
}
.more-btn:hover {
  color: var(--tp-theme-primary);
}
.more-btn:hover i {
  animation: tfLeftToRight 0.5s forwards;
}

.hero-btn-2 {
  margin-bottom: 10px;
}

/* 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);
  }
}
@keyframes tp-bounce {
  20%, 53%, 80%, from, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
.tp-bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}

@keyframes tfLeftToRight {
  49% {
    transform: translateX(30%);
  }
  50% {
    opacity: 0;
    transform: translateX(-30%);
  }
  51% {
    opacity: 1;
  }
}
@-webkit-keyframes tp-float-1 {
  0% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
  50% {
    transform: translate(30px, 40px) rotate(0deg) scale(1);
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
}
@keyframes tp-float-1 {
  0% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
  50% {
    transform: translate(30px, 40px) rotate(0deg) scale(1);
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
}
@keyframes tp-float-2 {
  0% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
  50% {
    transform: translate(30px, -30px) rotate(0deg) scale(1);
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
}
@-webkit-keyframes tp-float-2 {
  0% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
  50% {
    transform: translate(30px, 40px) rotate(0deg) scale(1);
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
}
@-webkit-keyframes tp-float-3 {
  0% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
  50% {
    transform: translate(20px, 30px) rotate(0deg) scale(1);
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
}
@keyframes tp-float-3 {
  0% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
  50% {
    transform: translate(20px, 30px) rotate(0deg) scale(1);
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
}
@keyframes tpswing {
  0% {
    transform: rotate(6deg);
  }
  100% {
    transform: rotate(-6deg);
  }
}
@keyframes tpswing2 {
  0% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(-1deg);
  }
}
@keyframes tpupdown {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-20px);
  }
}
@keyframes opactiy {
  0% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(-1deg);
  }
}
@keyframes opactiy {
  0% {
    opacity: 0.1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes borderanimate2 {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
/*----------------------------------------*/
/*  PRELOADER CSS START
/*----------------------------------------*/
.tp-preloader {
  background-color: var(--tp-common-white);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 9999;
  left: 0;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.tp-preloader__center {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.tp-preloader img,
.tp-preloader svg {
  display: block;
  width: 100px;
  height: 100px;
  animation: tp-bounce 3s infinite;
}
.tp-preloader img .path-yellow,
.tp-preloader svg .path-yellow {
  color: #EDB83E;
  width: 0;
  animation: colorchange 1.5s infinite;
  -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;
}

@keyframes colorchange {
  10% {
    color: green;
  }
  10% {
    color: pink;
  }
  20% {
    color: deeppink;
  }
  30% {
    color: darkorange;
  }
  40% {
    color: aquamarine;
  }
  50% {
    color: darkcyan;
  }
  70% {
    color: orange;
  }
  80% {
    color: cornflowerblue;
  }
  90% {
    color: grey;
  }
  100% {
    color: white;
  }
}
/*--
    - Background color
-----------------------------------------*/
.grey-bg {
  background: var(--tp-grey-1);
}

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

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

.black-bg {
  background: var(--tp-common-black);
}
.darkblue-bg {
  background:#131F4F;

}

.theme-bg {
  background-color: var(--tp-theme-bg);
	background-image: url("../img/hero/hero-img-bg.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

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

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

/* tp range slider css */
.tp-range-slider .inside-slider {
  padding-left: 7px;
  padding-right: 17px;
}
.tp-range-slider .noUi-target {
  background-color: #191C3C;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px;
  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);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  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 */
/*----------------------------------------*/
/*  OFFCANVAS CSS START
/*----------------------------------------*/
.offcanvas__logo img {
  max-width: 250px;
}
.offcanvas__area {
  position: fixed;
  right: -490px;
  top: 0;
  width: 450px;
  height: 100%;
  transition-duration: 0.5s;
  z-index: 999;
  -ms-overflow-style: none;
  /* for Internet Explorer, Edge */
  scrollbar-width: none;
  /* for Firefox */
  overflow-y: scroll;
  min-width: 300px;
  min-height: 768px;
  background-size: cover;
  background-color: var(--tp-grey-1);
}
.offcanvas__area::-webkit-scrollbar {
  display: none;
  /* for Chrome, Safari, and Opera */
}
.offcanvas__area.offcanvas-opened {
  right: 0px;
}
@media (max-width: 575px) {
  .offcanvas__area {
    width: 290px;
  }
}
.offcanvas__wrapper {
  position: relative;
  padding: 45px;
  overflow: auto;
  width: 100%;
  height: 100%;
  scrollbar-width: none;
}
@media (max-width: 575px) {
  .offcanvas__wrapper {
    padding: 20px;
  }
}
.offcanvas__close-btn {
  display: inline-block;
  font-size: 16px;
  height: 40px;
  width: 40px;
  line-height: 36px;
  background: var(--tp-theme-primary);
  color: #000;
}
.offcanvas__close-btn:hover {
  background: #F5A81F;
}
.offcanvas-info p {
  margin-bottom: 40px;
  color: var(--tp-common-black);
}
.offcanvas__top {
  padding-bottom: 20px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .offcanvas__top {
    margin-bottom: 0;
  }
}
.offcanvas__cta {
  position: absolute;
  bottom: 0;
}
.offcanvas__cta-2 {
  position: static;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .offcanvas__cta {
    position: static;
  }
}
.offcanvas__cta-title {
  color: var(--tp-common-black);
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 22px;
  margin-bottom: 20px;
}
.offcanvas__cta span {
  display: block;
  font-size: 16px;
  color: var(--tp-common-black);
  margin-bottom: 15px;
}
.offcanvas__cta span a:hover {
  color: var(--tp-theme-primary);
}

/*----------------------------------------*/
/*  BREADCRUMB CSS START
/*----------------------------------------*/
  .breadcrumb__area {
  background-color: #24509D;
  background-image: url("../img/brand/stepping-stones.svg");
  background-size: contain;
  background-position: top  right -100px;
  background-repeat: no-repeat;
}


@media (max-width: 575px) {
  .breadcrumb__area {
    padding-top: 150px;
    padding-bottom: 100px;
  }
}
.breadcrumb__title {
  font-size: 70px;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .breadcrumb__title {
    font-size: 68px;
  }
}
@media (max-width: 575px) {
  .breadcrumb__title {
    font-size: 40px;
  }
}
.breadcrumb__title-2 {
  font-size: 50px;
  line-height: 1.1;
  margin-top: 12px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .breadcrumb__title-2 {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .breadcrumb__title-2 {
    font-size: 26px;
  }
}
.breadcrumb__title-pre {
  display: inline-block;
  height: 24px;
  line-height: 26px;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  background: var(--tp-theme-2);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 0 7px;
  margin-bottom: 12px;
}
.breadcrumb__list span {
  font-size: 16px;
  color: var(--tp-common-white);
  font-weight: 500;
  padding-right: 3px;
  margin-right: 3px;
  text-transform: capitalize;
}
.breadcrumb__list span a:hover {
  color: var(--tp-theme-primary);
	text-decoration: underline;
}
.breadcrumb__list-2 span {
  font-size: 14px;
  color: var(--tp-text-11);
  font-weight: 500;
  padding-right: 3px;
  margin-right: 3px;
  text-transform: capitalize;
}
.breadcrumb__list-2 span a:hover {
  color: var(--tp-theme-primary);
}
.breadcrumb__overlay {
  position: relative;
}
.breadcrumb__overlay::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 3, 32, 0.6);
}

.tp-custom-accordio .accordion-items {
  margin-bottom: 20px;
  border: 1px solid #F2F5FA;
}
.tp-custom-accordio .accordion-buttons {
  position: relative;
  width: 100%;
  text-align: left;
  font-size: 24px;
  font-weight: 700;
  padding: 40px;
	padding-right: 60px;
  background-color: var(--tp-common-white);
  color: #212121;
  border-radius: 10px 10px 0 0;
}
@media (max-width: 575px) {
  .tp-custom-accordio .accordion-buttons {
    font-size: 17px;
    padding: 28px 20px;
  }
}
.tp-custom-accordio .accordion-buttons::after {
  position: absolute;
  content: "\f062";
  font-family: "Font Awesome 5 Pro";
  background-image: none;
  top: 40px;
  right: 40px;
  color: var(--tp-theme-secondary);
  width: auto;
  height: auto;
  font-weight: 300;
  font-size: 20px;
}
@media (max-width: 575px) {
  .tp-custom-accordio .accordion-buttons::after {
    top: 33px;
    right: 18px;
  }
}
.tp-custom-accordio .accordion-buttons.collapsed {
  padding: 40px;
  padding-right: 60px;
}
.tp-custom-accordio .accordion-buttons.collapsed::after {
  content: "\f063";
  color: var(--tp-common-black);
}
.tp-custom-accordio .collapsed {
  border-radius: 10px 10px 10px 10px;
}
.tp-custom-accordio .accordion-body {
  background-color: var(--tp-common-white);
  padding: 0;
  position: relative;
  z-index: 1;
  font-size: 16px;
  padding: 40px;
  padding-top: 0;
  padding-right: 80px;
  border-bottom: 4px solid var(--tp-theme-primary);
}
@media (max-width: 575px) {
  .tp-custom-accordio .accordion-body {
    padding: 20px 25px;
  }
}

.faq-accordio-border .accordion-items {
  background-color: var(--tp-common-white);
  border: 1px solid #F5F5F5;
  border-radius: 10px;
}

/*----------------------------------------*/
/*  NAV TAB CSS START
/*----------------------------------------*/
.tp-tab .nav-tabs {
  padding: 0;
  margin: 0;
  border: 0;
}
.tp-tab .nav-tabs .nav-link {
  padding: 0;
  margin: 0;
  border: 0;
}

/*----------------------------------------*/
/*  MODAL CSS START
/*----------------------------------------*/
/*----------------------------------------*/
/*  SECTION TITLE CSS START
/*----------------------------------------*/
.tp-section__title {
  font-size: 36px;
	text-transform: uppercase;
 letter-spacing: .12rem;
  color: var(--tp-common-black); 
}
.tp-section__subtitle {
	color: var(--tp-text-2);
	font-family: var(--tp-ff-body);
	text-transform: uppercase;
    letter-spacing: .12rem;
	font-size: 16px;
	
}
.tp-section__title span {
  color: var(--tp-theme-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-section__title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-section__title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-section__title {
    font-size: 30px;
  }
  .tp-section__title br {
    display: none;
  }
}
@media (max-width: 575px) {
  .tp-section__title {
    font-size: 25px;
  }
  .tp-section__title br {
    display: none;
  }
}
.tp-section__title-wrapper p {
  font-size: 16px;
}

.error__title {
  font-size: 70px;
}

/*----------------------------------------*/
/*  02. HEADER CSS
/*----------------------------------------*/
.tp-header__transparent {
  position: absolute !important;
  left: 0;
  margin: auto;
  top: 0;
  width: 100%;
  z-index: 88;
  background: transparent;
}
.tp-header__container {
  padding-left: 200px;
  padding-right: 200px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-header__container {
    padding-left: 130px;
    padding-right: 130px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-header__container {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header__container {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-header__container {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-header__main {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.tp-header__top {
  padding: 4px 0;
}
.tp-header__info ul li {
  list-style: none;
  display: inline-block;
  margin-right: 20px;
  color: var(--tp-common-white);
  opacity: 0.7;
  font-size: 12px;
}
.tp-header__info ul li:last-child {
  margin-right: 0;
}
.tp-header__info ul li:hover {
  opacity: 1;
}
.tp-header__info ul li a i {
  margin-right: 5px;
}
.tp-header__info ul li a svg {
  width: 13px;
  height: 13px;
  margin-right: 5px;
}
.tp-header__info ul li a svg path {
  fill: var(--tp-text-4);
}
.tp-header__border {
  border-bottom: 1px solid rgba(3, 18, 32, 0.07);
}
.tp-header__search-input {
  position: relative;
}
.tp-header__search-input input {
  width: 100%;
  height: 40px;
  background-color: var(--tp-grey-1);
  border: 1px solid var(--tp-grey-1);
  padding: 0 20px;
  padding-right: 60px;
}
.tp-header__search-input input::-webkit-input-placeholder {
  color: var(--tp-text-3);
}
.tp-header__search-input input:-moz-placeholder {
  color: var(--tp-text-3);
}
.tp-header__search-input input::-moz-placeholder {
  color: var(--tp-text-3);
}
.tp-header__search-input input:-ms-input-placeholder {
  color: var(--tp-text-3);
}
.tp-header__search-btn {
  position: absolute;
  top: 46%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 15px;
  font-size: 16px;
  color: var(--tp-common-black);
  padding-left: 17px;
  background-color: var(--tp-grey-1);
}
.tp-header__search-btn::after {
  position: absolute;
  content: "";
  left: 0;
  top: 57%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 100%;
  width: 1px;
  background-color: rgba(3, 18, 32, 0.1);
}
.tp-header__search-2 {
  margin-left: 13px;
}
.tp-header__search-2 input {
  height: 44px;
  line-height: 44px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  background-color: var(--tp-grey-5);
}
.tp-header__search-2 input::-webkit-input-placeholder {
  color: var(--tp-text-10);
}
.tp-header__search-2 input:-moz-placeholder {
  color: var(--tp-text-10);
}
.tp-header__search-2 input::-moz-placeholder {
  color: var(--tp-text-10);
}
.tp-header__search-2 input:-ms-input-placeholder {
  color: var(--tp-text-10);
}
.tp-header__search-2 button::after {
  background-color: rgba(62, 132, 84, 0.14);
}
.tp-header__search-3 button svg path {
  stroke: var(--tp-theme-3);
}
.tp-header__hamburger {
  margin-top: 3px;
}
.tp-header__sticky.header__sticky {
  position: fixed !important;
  left: 0;
  margin: auto;
  top: 0;
  width: 100%;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
  z-index: 99;
  -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
  background: var(--tp-common-white);
}
.tp-header__account ul li {
  display: inline-block;
  margin-right: 10px;
}
.tp-header__account ul li a {
  color: var(--tp-common-white);
  font-size: 12px;
  opacity: 0.7;
}
.tp-header__account ul li a:hover {
  opacity: 1;
}
.tp-header__account ul li a i {
  margin-right: 5px;
}
.tp-header__category {
  position: relative;
  margin-right: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header__category {
    margin-right: 10px;
  }
}
.tp-header__category svg {
  width: 16px;
}
.tp-header__category svg .cat-dot {
  fill: var(--tp-common-black);
}
.tp-header__category::after {
  position: absolute;
  content: "";
  left: 0;
  top: 60%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 40px;
}
.tp-header__category ul li {
  position: relative;
  list-style: none;
}
.tp-header__category ul li .cat-submenu {
  position: absolute;
  top: calc(100% + 30px);
  left: 0;
  width: 200px;
  padding: 17px 0;
  padding-bottom: 15px;
  background: var(--tp-common-white);
  -webkit-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  -moz-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  -ms-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  -o-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.tp-header__category ul li .cat-submenu li {
  display: block;
  margin-right: 0;
}
.tp-header__category ul li .cat-submenu li > a {
  width: 100%;
  display: block;
  padding: 3px 30px;
  text-transform: capitalize;
  color: var(--tp-text-body);
  font-weight: 500;
  position: relative;
}
.tp-header__category ul li .cat-submenu li > a::after {
  right: 30px;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.tp-header__category ul li .cat-submenu li:hover > a {
  color: var(--tp-theme-primary);
}
.tp-header__category ul li:hover .cat-submenu {
  visibility: visible;
  opacity: 1;
  top: calc(100% + 10px);
}
.tp-header__search form {
  position: relative;
}
.tp-header__search form input {
  height: 46px;
  border: 0;
  background-color: var(--tp-grey-2);
  padding-left: 20px;
  padding-right: 40px;
  border-radius: 6px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-header__search form input {
    width: 200px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-header__search form input {
    width: 170px;
  }
}
.tp-header__search form input::-webkit-input-placeholder {
  color: #838b95;
}
.tp-header__search form input:-moz-placeholder {
  color: #838b95;
}
.tp-header__search form input::-moz-placeholder {
  color: #838b95;
}
.tp-header__search form input:-ms-input-placeholder {
  color: #838b95;
}
.tp-header__search form button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}
.tp-header__search-2 form {
  padding-top: 17px;
  padding-bottom: 17px;
  position: relative;
}
.tp-header__search-2 form input {
  width: 350px;
}

.cat-menu {
  font-weight: 500;
}
.cat-menu i {
  margin-left: 5px;
  display: inline-block;
}

/* logo */
.logo.has-border {
  border-right: 1px solid;
  border-color: rgba(255, 255, 255, 0.1);
}

.logo img {
  width: 325px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .logo.has-border {
    border-right: 0;
  }
  .logo img {
  width: 100%;
  }
}
.cat-dot-icon {
  margin-right: 10px;
}

.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: var(--tp-common-white);
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.09);
  z-index: 91;
}

/* main menu css */
.tp-header__transparent .main-menu ul li {
  position: relative;
  list-style: none;
  display: inline-block;
  margin-right: 35px;
  text-align: left;
}
.tp-header__transparent .main-menu ul li a {
  display: inline-block;
  font-size: 14px;
  color: var(--tp-common-white);
  padding: 37px 0;
  font-weight: 500;
}
.tp-header__transparent .main-menu ul li.has-dropdown > a {
  position: relative;
}
.tp-header__transparent .main-menu ul li.has-dropdown > a::after {
  content: "\f107";
  -webkit-transform: translateY(1px);
  -moz-transform: translateY(1px);
  -ms-transform: translateY(1px);
  -o-transform: translateY(1px);
  transform: translateY(1px);
  font-size: 14px;
  color: var(--tp-common-white);
  font-family: var(--tp-ff-fontawesome);
  font-weight: 400;
  margin-left: 5px;
  display: inline-block;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.tp-header__transparent .main-menu ul li .submenu {
  position: absolute;
  top: 120%;
  left: 0;
  width: 200px;
  background: var(--tp-common-white);
  z-index: 99;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  visibility: hidden;
  opacity: 0;
  -webkit-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  -moz-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  -ms-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  -o-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 3px solid var(--tp-theme-primary);
}
.tp-header__transparent .main-menu ul li .submenu li {
  display: block;
  width: 100%;
  margin: 0;
}
.tp-header__transparent .main-menu ul li .submenu li.has-dropdown > a::after {
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.tp-header__transparent .main-menu ul li .submenu li a {
  padding: 5px 25px;
  font-size: 13px;
  position: relative;
  z-index: 1;
  color: var(--tp-common-black);
  width: 100%;
}
.tp-header__transparent .main-menu ul li .submenu li .submenu {
  left: 120%;
  top: 0;
  visibility: hidden;
  opacity: 0;
}
.tp-header__transparent .main-menu ul li .submenu li:hover > a {
  color: var(--tp-theme-secondary);
  text-decoration: underline;
}
.tp-header__transparent .main-menu ul li .submenu li:hover > a::after {
  color: var(--tp-theme-primary);
}
.tp-header__transparent .main-menu ul li .submenu li:hover > a::before {
  left: 0;
  right: auto;
  width: 100%;
}
.tp-header__transparent .main-menu ul li .submenu li:hover > .submenu {
  left: 100%;
  visibility: visible;
  opacity: 1;
}
.tp-header__transparent .main-menu ul li:hover > a {
  color: var(--tp-theme-primary);
}
.tp-header__transparent .main-menu ul li:hover > a::after {
  color: var(--tp-theme-primary);
  transform: rotate(-180deg);
}
.tp-header__transparent .main-menu ul li:hover > .submenu {
  top: 100%;
  visibility: visible;
  opacity: 1;
}
.tp-header__transparent .hamburger-btn span {
  background-color: var(--tp-common-white);
}
.tp-header__transparent .header-sticky {
  background-color: #1E3075;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu {
    padding-left: 30px;
  }
}
.main-menu ul li {
  position: relative;
  list-style: none;
  display: inline-block;
  margin-right: 35px;
  text-align: left;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu ul li {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .main-menu ul li {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu ul li {
    margin-right: 20px;
  }
}
.main-menu ul li:last-child {
  margin-right: 0;
}
.main-menu ul li a {
  display: inline-block;
  font-size: 14px;
  color: var(--tp-common-black);
  padding: 27px 0;
  font-weight: 500;
}
.main-menu ul li.has-dropdown > a {
  position: relative;
}
.main-menu ul li.has-dropdown > a::after {
  content: "\f107";
  -webkit-transform: translateY(1px);
  -moz-transform: translateY(1px);
  -ms-transform: translateY(1px);
  -o-transform: translateY(1px);
  transform: translateY(1px);
  font-size: 14px;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-fontawesome);
  font-weight: 400;
  margin-left: 5px;
  display: inline-block;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.main-menu ul li .submenu {
  position: absolute;
  top: 120%;
  left: 0;
  width: 200px;
  background: var(--tp-common-white);
  z-index: 99;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  visibility: hidden;
  opacity: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 3px solid var(--tp-theme-primary);
  -webkit-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  -moz-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  -ms-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  -o-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
}
.main-menu ul li .submenu li {
  display: block;
  width: 100%;
  margin: 0;
}
.main-menu ul li .submenu li.has-dropdown > a::after {
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.main-menu ul li .submenu li a {
  padding: 5px 25px;
  font-size: 13px;
  position: relative;
  z-index: 1;
  color: var(--tp-common-black);
  width: 100%;
}
.main-menu ul li .submenu li .submenu {
  left: 120%;
  top: 0;
  visibility: hidden;
  opacity: 0;
}
.main-menu ul li .submenu li:hover > a {
  color: var(--tp-theme-primary);
}
.main-menu ul li .submenu li:hover > a::after {
  color: var(--tp-theme-primary);
}
.main-menu ul li .submenu li:hover > a::before {
  left: 0;
  right: auto;
  width: 100%;
}
.main-menu ul li .submenu li:hover > .submenu {
  left: 100%;
  visibility: visible;
  opacity: 1;
}
.main-menu ul li:hover > a {
  color: var(--tp-theme-primary);
}
.main-menu ul li:hover > a::after {
  color: var(--tp-theme-primary);
  transform: rotate(-180deg);
}
.main-menu ul li:hover > .submenu {
  top: 100%;
  visibility: visible;
  opacity: 1;
}

.main-menu-2 ul li {
  position: relative;
  list-style: none;
  display: inline-block;
  margin-right: 35px;
  text-align: left;
}
.main-menu-2 ul li a {
  display: inline-block;
  font-size: 14px;
  color: var(--tp-common-white);
  padding: 15px 0;
  font-weight: 500;
}
.main-menu-2 ul li.has-dropdown > a {
  position: relative;
}
.main-menu-2 ul li.has-dropdown > a::after {
  content: "\f107";
  -webkit-transform: translateY(1px);
  -moz-transform: translateY(1px);
  -ms-transform: translateY(1px);
  -o-transform: translateY(1px);
  transform: translateY(1px);
  font-size: 14px;
  color: var(--tp-common-white);
  font-family: var(--tp-ff-fontawesome);
  font-weight: 400;
  margin-left: 5px;
  display: inline-block;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.main-menu-2 ul li .submenu {
  position: absolute;
  top: 120%;
  left: 0;
  width: 200px;
  background: var(--tp-common-white);
  z-index: 99;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  visibility: hidden;
  opacity: 0;
  border-top: 3px solid var(--tp-theme-primary);
  -webkit-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  -moz-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  -ms-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  -o-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
}
.main-menu-2 ul li .submenu li {
  display: block;
  width: 100%;
  margin: 0;
}
.main-menu-2 ul li .submenu li.has-dropdown > a::after {
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.main-menu-2 ul li .submenu li a {
  padding: 5px 25px;
  font-size: 13px;
  position: relative;
  z-index: 1;
  color: var(--tp-common-black);
  width: 100%;
}
.main-menu-2 ul li .submenu li .submenu {
  left: 120%;
  top: 0;
  visibility: hidden;
  opacity: 0;
}
.main-menu-2 ul li .submenu li:hover > a {
  color: var(--tp-theme-secondary);
}
.main-menu-2 ul li .submenu li:hover > a::after {
  color: var(--tp-theme-secondary);
}
.main-menu-2 ul li .submenu li:hover > a::before {
  left: 0;
  right: auto;
  width: 100%;
}
.main-menu-2 ul li .submenu li:hover > .submenu {
  left: 100%;
  visibility: visible;
  opacity: 1;
}
.main-menu-2 ul li:hover > a {
  color: var(--tp-theme-secondary);
}
.main-menu-2 ul li:hover > a::after {
  color: var(--tp-theme-secondary);
  transform: rotate(-180deg);
}
.main-menu-2 ul li:hover > .submenu {
  top: 100%;
  visibility: visible;
  opacity: 1;
}

@media only screen and (min-width: 992px) and (max-width: 99999px) {
  .tp-header__area.header-sticky .tp-header__main {
    display: none;
  }
}

.header-action-btns .tp-hader-btn {
  margin-right: 40px;
}
.header-action-btns .avata {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 2px solid;
  display: inline-block;
  text-align: center;
  line-height: 32px;
  color: var(--tp-common-white);
  border-color: rgba(255, 255, 255, 0.1);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.header-action-btns .avata:hover {
  border-color: rgba(255, 255, 255, 0.7);
}

/*----------------------------------------*/
/*  03. MEAN MENU CSS
/*----------------------------------------*/
/* mean menu customize */
.mean-container a.meanmenu-reveal {
  display: none;
}

.mean-container .mean-nav {
  background: none;
  margin-top: 0;
}

.mean-container .mean-bar {
  padding: 0;
  min-height: auto;
  background: none;
}

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

.mean-container a.meanmenu-reveal {
  display: none !important;
}

.mean-container .mean-nav ul li a {
  width: 100%;
  padding: 10px 0;
  color: var(--tp-common-black);
  border-top: 1px solid #ebebeb;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 700;
}
.mean-container .mean-nav ul li a:hover {
  color: var(--tp-theme-secondary);
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 5px;
  padding: 0 !important;
  line-height: 14px;
  border: 1px solid #ebebeb !important;
  height: 30px;
  width: 30px;
  line-height: 30px;
  color: var(--tp-common-black);
  line-height: 30px;
  top: 0;
  font-weight: 400;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
  background: var(--tp-theme-primary);
  color: var(--tp-common-black);
  border-color: var(--tp-theme-primary);
}

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

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

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

.mean-container .mean-nav ul li a.mean-expand.mean-clicked {
  color: var(--tp-common-black);
  background-color: var(--tp-theme-primary);
}

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


/*----------------------------------------*/
/*  04. HERO CSS
/*----------------------------------------*/
/* hero css start here */
.tp-hero__shapes-1 {
  position: absolute;
  top: 95px;
  left: 50%;
  animation: tp-float-1 6s infinite alternate;
}
.tp-hero__shapes-2 {
  position: absolute;
  top: 310px;
  right: 5%;
  animation: tp-float-2 8s infinite alternate;
}
.tp-hero__shapes-3 {
  position: absolute;
  bottom: 100px;
  left: 5%;
  animation: tp-float-1 5s infinite alternate;
}
.tp-hero__shapes-4 {
  position: absolute;
  top: 0;
  right: 0;
}
.tp-hero__shapes-5 {
  position: absolute;
  bottom: 270px;
  right: 0;
  animation: tpswing 1s ease-in-out 1s forwards infinite alternate;
  transform-origin: top bottom;
}
.tp-hero__shapes-6 {
  position: absolute;
  top: 120px;
  left: 13%;
  animation: tp-float-2 7s infinite alternate;
}
.tp-hero__img {
  margin-left: -80px;
}

.tp-hero__img img{
  width:900px
}

.tp-hero__section {
  margin-bottom: -100px;
}
.tp-hero__subtitle {
  font-size: 20px;
  display: inline-block;
}
.tp-hero__title {
  font-size: 50px;
  font-weight: 500;
  line-height: 1.1;
}
@media (max-width: 575px) {
  .tp-hero__title {
    font-size: 40px;
	  line-height: 50px;
  }
}
.tp-hero__content {
  position: relative;
  z-index: 1;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-hero__content {
	  text-align: center;
	  padding-top:100px;
  }
}
.tp-hero__content p {
  font-size: 18px;
}

@media  only screen and (min-width: 576px) and (max-width: 992px) {
  .tp-hero__img img {
    width: 100%;
    margin-left: 200px;
  }
}

@media (max-width: 575px) {
  .tp-hero__img img {
    width: 600px;
    margin-left: 150px;
  }
}

/*----------------------------------------*/
/*  05. CONTENT WITH IMAGE CSS
/*----------------------------------------*/

.tp-content-image__img-wrapper{
align-items: flex-end;
height:100%;
justify-content: center;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 992px) {
	.tp-content-image__section--first .row {
		flex-direction: column-reverse;
	}
}
.tp-content-image__img  {
	text-align: center;
}
.tp-content-image__img img {
	max-width: 600px;
}
.tp-content-image__img-large {
  position: relative;
  z-index: 1;
}  
.tp-content-image__shapes-1 {
  position: absolute;
  right: 0px;
  top: 80%;
  animation: tp-float-3 4s infinite alternate;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-content-image__shapes-1 img {
    width: 100%;
  }
}
.tp-content-image__shapes-3 {
  position: absolute;
  left: 150px;
  top: 30%;
  z-index: 1;
  animation: tp-float-2 6s infinite alternate;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 991px) {
  .tp-content-image__shapes-3 {
  top: 50%;
  }
}
.tp-content-image__shapes-3 img {
  display: inline-block;
}

.tp-content-image__feature-list {
  display: inline-block;
}
.tp-content-image__feature-list ul li {
  list-style: none;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    margin-bottom: 20px;
    color: var(--tp-text-body);
    padding-left: 26px;
    background: url(../img/icons/checkmark-circle--green.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: left center;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-content-image__feature-list ul li {
    width: 100%;
  }
}
.tp-content-image__feature-list ul li i {
  display: inline-block;
  color: var(--tp-theme-primary);
  position: absolute;
  left: 0;
  top: 2px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  font-size: 20px;
}
.tp-content-image__feature-list ul li:hover i {
  transform: rotateY(-180deg);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-content-image__right {
    margin-left: 0;
  }
}
 

/*----------------------------------------*/
/*  06. APPLICATION PROCESS CSS
/*----------------------------------------*/

.tp-application-process__section {
    position: relative;
    display: block;
    background-color: #131F4F;
    z-index: 10;
}

.tp-application-process__section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  background-image: url("../img/brand/stepping-stones.svg");
  background-size: contain;
  background-position: top -100px right -100px;
  background-repeat: no-repeat;
  z-index: -1;	
}

.tp-application-process__section .tp-section__title, .tp-application-process__section .tp-section__subtitle {
	color: var(--tp-common-white);
}

.application-process__shape {
    position: absolute;
    top: 20px;
    left: -90px; 
}

.application-process__shape2 {
    position: absolute;
    top: 50px;
    left: -90px; 
}


.application-process__shape img, .application-process__shape2 img{
    width:160px;
}



.application-process__single {
    position: relative;
    display: block;
    padding: 0px 25px 0px;
}

@media only screen and (max-width: 992px) {
    .application-process__shape, .application-process__shape2 {
        display: none;
    }
	
	
.tp-application-process__section .steps {
	margin-top: 30px;
	}
.tp-application-process__section .steps:first-of-type {
	margin-top: 0;
	}
}

.application-process__single .icon-box  {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid rgb(255, 255, 255);
    color: var(--tp-common-white);
    font-size: 25px;
	    margin: 0 auto;

}

.application-process__single .icon-box .overlay-list {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -5px;
    right: -20px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #4BA353;
}

.application-process__single .icon-box .overlay-list span {
    position: relative;
    display: inline-block;
    color: var(--tp-common-white);
    font-size: 16px;
    line-height: 25px;
    font-family: var(--tp-common-white);
    font-weight: 600;
}

.application-process__single .content-box {
    position: relative;
    display: block;
    padding-top: 23px;
}

.application-process__single .content-box .title-box {
    position: relative;
    display: block;
}

.application-process__single .content-box .title-box h5 {
    color: var(--tp-theme-primary);
    font-size: 20px;
    line-height: 28px;
	letter-spacing: .1rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.application-process__single .content-box .title-box h3 {
    font-size: 22px;
    line-height: 30px;
	font-family: var(--tp-ff-body);
    font-weight: 500;
    color: var(--tp-common-white);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.application-process__single .content-box .title-box h3 a:hover {
    color: var(--thm-secondary);
}

.application-process__single .content-box .text-box {
    position: relative;
    display: block;
    padding-top: 15px;
}

.application-process__single .content-box .text-box p {
    color: rgb(255, 255, 255, 0.7);
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
}


/*----------------------------------------*/
/*  07. PRODUCT CSS
/*----------------------------------------*/

.product-page .breadcrumb__area {
	margin-bottom: -80px;
	text-align: center;
}


.product-page .callout-links {
	display: flex;
	align-items: center;
}

.product-page .callout-links .tp-btn{
        margin-right:20px;
    }

.product-page .tp-feature-2__item img {
	width:100%
}


@media only screen and (max-width: 992px) {
.product-page .callout-links {
        flex-direction: column;
    }
	.product-page .callout-links .tp-btn{
        margin-bottom:10px;
		margin-right: 0;
    }
	
	.product-page .tp-feature-2__item img {
	width:auto
}
}
	
	
.product-page .tp-section__title {
	border-bottom: 3px solid  var(--tp-theme-primary);
    padding-bottom:10px;
	display: inline-block;
}

.product-page .tp-feature-2__item {
	text-align: left;
}

 .product-page .tp-feature-2__item1 {
	flex-direction: row !important;
	 text-align: left;
}

@media only screen and (max-width: 992px) {
 .product-page .tp-feature-2__item1 {
        text-align: center!important;
    }
	
	.product-page .tp-feature-2__item1 img {
      margin-bottom: 15px !important;
    }
}
 .product-page .tp-feature-2__item1 .tp-feature-2__title{
	margin:0 !important;
	 max-width: 100%!important;
}


.product-page .tp-content-image__feature-list ul li {
	margin-bottom: 15px;
}

.product-page .rate-block {
	text-align: center;
	padding:20px 20px 15px 20px; 
	background-color: var(--tp-grey-1);
	border-radius: 10px;
	margin-top: 20px;
	font-size:36px;
	font-weight: 600;
	color: #131F4F;
	line-height: 30px
}

.product-page .rate-block span {
	display: block;
font-size: 16px;}

.product-page .callout-wrapper {
	background:url("../img/icons/alert-icon.svg") #FFF;
	background-repeat: no-repeat;
	background-position: top -10px right -10px;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .25328);
    min-height: 250px;
    padding: 30px 20px;
}


.product-page .tp-feature-2__content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
	text-align: center;
    height: 100%;
}

.product-page .tp-rate-reward__section {
    background: url("../img/icons/rate-rewards.png");
	background-repeat: no-repeat;
	background-position: top right -100px;
}

.product-page .tp-rate-reward__section img {
    width: auto !important;
}


.product-page .tp-rate-reward__section .tp-feature-2__title {
    margin: 15px auto 15px;
}

.product-page .tp-feature-2__title {
    font-size: 26px;
	font-family: var(--tp-ff-body);
    color: var(--tp-theme-secondary);
	font-size: 28px;
    max-width: 420px;
    width: 100%;
}


@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-page .tp-feature-2__title {
   font-size: 22px;
  }
}

.horn-icon {
	max-width: 130px;
    width: 100%;
}

.need-list-wrapper {
    margin-left: 8%;
}

.what-you-need-list {
    margin-top: 20px;
    padding-top: 10px;
}
.what-you-need-list li {
    padding: 0;
    color: #282f3c;
    font-weight: 400;
    text-align: left;
    letter-spacing: .1px;
    line-height: 20px;
    margin-bottom: 20px;
}

.what-you-need-list li::marker {
    color: #25509D;
}


.product-page  .tp-cta__box {
    background: url("../img/icons/question-mark--green.png") #3D8544;
    background-repeat: no-repeat;
    background-size: 250px;
    background-position: top -10px left -70px;
    padding: 40px 60px;
    border-radius: 4px;
	color: #FFFFFF !important;
}


.product-page  .tp-cta__box p{
	color: #FFFFFF !important;
}

/*----------------------------------------*/
/* 08. SLIDER CSS
/*----------------------------------------*/

.tp-slider__section  {overflow: hidden;}
.tp-slider__slider {
  
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider__slider .slick-slide img {
    width: 100%;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {

}
.tp-slider__content {
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider__content {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider__content {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.tp-slider__content h3 {
  font-size: 20px;
  margin-bottom: 0;
  line-height: 1;
}
.tp-slider__content p {
  font-size: 16px;
  margin-bottom: 10px;
  line-height: 1.7;
}


.tp-slider__content ul.list {
	padding-top: 0;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider__content p br {
    display: none;
  }
}
.tp-slider__dots {
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  transform: translateY(100%);
}
.tp-slider__dots li {
  list-style: none;
  display: inline-block;
  margin-right: 20px;
}
.tp-slider__dots li button {
  font-size: 0;
  position: relative;
}
.tp-slider__dots li button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  line-height: 10px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  background-color: #4DA655;
  opacity: 0.5;
}
.tp-slider__dots li.slick-active button:before {
  opacity: 1;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider__arrows {
    display: none;
  }
}

  .tp-slider__arrows {
    z-index: 100;
  }
.tp-slider__arrows .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  font-size: 40px;
}
.tp-slider__arrows .slick-arrow:hover {
  color:#4DA655;
}
.tp-slider__arrows .slick-arrow.slick-next {
  left: auto;
  right: 20px;
}


/*----------------------------------------*/
/*  09. CTA CSS
/*----------------------------------------*/
.tp-cta__bg {
  position: absolute;
  top: 0;
  height: 50%;
  width: 100%;
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
.tp-cta__box {
  background: url("../img/subscribe-phone.svg") #3D8544;
  background-repeat: no-repeat;
  background-size: 250px 170px;
  background-position: top -10px left -70px;
  padding: 40px 60px 40px 120px;
  border-radius: 4px;
	z-index: 0;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-cta__box {
    padding: 40px 20px;
	 background-size: 25%;
    background-position: bottom -20px left -20px;
  }
}
.tp-cta__title {
  font-size: 44px;
  font-weight: 800;
}
.tp-cta__title span {
  font-weight: 300;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-cta__title {
    font-size: 35px;
	  text-align: center;
  }
  .tp-cta__title br {
    display: none;
  }
}
@media (max-width: 767px){
  .tp-cta__title {
	margin-bottom: 20px;
}
}
.tp-cta__form input {
  width: 100%;
  height: 72px;
  position: relative;
  padding-right: 200px;
  padding-left: 20px;
  border: 1px solid var(--tp-border-2);
  border-radius: 4px;
}
.tp-cta__form input::-webkit-input-placeholder {
  color: var(--tp-text-4);
}
.tp-cta__form input:-moz-placeholder {
  color: var(--tp-text-4);
}
.tp-cta__form input::-moz-placeholder {
  color: var(--tp-text-4);
}
.tp-cta__form input:-ms-input-placeholder {
  color: var(--tp-text-4);
}
.tp-cta__form input:focus {
  border-color: var(--tp-theme-primary);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-cta__form input {
    margin-bottom: 30px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
.tp-cta__form button {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  margin-right: 6px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-cta__form button {
    position: relative;
    transform: translateY(0);
  }
}

.tp-cta__btn-wrapper {
	
	justify-content: center;
}


.tp-cta__btn-wrapper .tp-white-btn {
  padding: inherit;
  box-shadow: 0px 10px 20px 0px rgba(8, 30, 68, 0.1);
}
.tp-cta__btn-wrapper .tp-white-btn .transition {
  display: none;
}

.tp-box__shadow {
  box-shadow: 0px 30px 50px 0px rgba(4, 5, 60, 0.1);
}

.tp-form__main {
  padding: 40px 50px;
  box-shadow: 0px 30px 40px 0px rgba(0, 15, 47, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-form__main {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-form__main {
    margin-right: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-form__main {
    padding: 40px 20px;
  }
}
.tp-form__field {
  margin-bottom: 20px;
}
.tp-form__field input {
  width: 100%;
  height: 48px;
  padding-left: 20px;
  padding-right: 20px;
  border: 0;
  background-color: #f5f5f5;
  border-radius: 6px;
}
.tp-form__field input::-webkit-input-placeholder {
  color: var(--tp-text-3);
}
.tp-form__field input:-moz-placeholder {
  color: var(--tp-text-3);
}
.tp-form__field input::-moz-placeholder {
  color: var(--tp-text-3);
}
.tp-form__field input:-ms-input-placeholder {
  color: var(--tp-text-3);
}
.tp-form__field label {
  font-weight: 700;
  margin-bottom: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-form__text {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-form__text {
    padding-left: 0;
    padding-right: 0;
  }
}

.tp-cta-2__section {
  background-size: cover;
  background-repeat: no-repeat;
}
.tp-cta-2__field input {
  width: 100%;
  height: 60px;
  padding-left: 20px;
  padding-right: 150px;
  border: 0;
  background-color: #f5f5f5;
  border-radius: 6px;
  font-size: 16px;
}
.tp-cta-2__btn {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  height: 100%;
  line-height: 60px;
  padding: 0 30px;
  text-align: center;
  font-size: 15px;
  color: var(--tp-common-white);
  background-color: #000f2f;
  border-radius: 0 6px 6px 0;
  text-transform: uppercase;
}
.tp-cta-2__btn:hover {
  background-color: var(--tp-theme-secondary);
}
@media (max-width: 575px) {
  .tp-cta-2__btn {
    margin-top: 20px;
    position: relative;
    border-radius: 6px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-cta-2__img img {
    width: 100%;
  }
}

.tp-contact__form-6 input {
  width: 100%;
  height: 60px;
  margin-bottom: 30px;
  padding: 0 20px;
  border: 2px solid #e4e4e4;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.tp-contact__form-6 input::-webkit-input-placeholder {
  color: var(--tp-text-7);
}
.tp-contact__form-6 input:-moz-placeholder {
  color: var(--tp-text-7);
}
.tp-contact__form-6 input::-moz-placeholder {
  color: var(--tp-text-7);
}
.tp-contact__form-6 input:-ms-input-placeholder {
  color: var(--tp-text-7);
}
.tp-contact__form-6 input:focus {
  border-color: var(--tp-theme-primary);
}
.tp-contact__form-6 textarea {
  width: 100%;
  height: 230px;
  margin-bottom: 30px;
  padding: 20px;
  resize: none;
  border: 2px solid #e4e4e4;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.tp-contact__form-6 textarea::-webkit-input-placeholder {
  color: var(--tp-text-7);
}
.tp-contact__form-6 textarea:-moz-placeholder {
  color: var(--tp-text-7);
}
.tp-contact__form-6 textarea::-moz-placeholder {
  color: var(--tp-text-7);
}
.tp-contact__form-6 textarea:-ms-input-placeholder {
  color: var(--tp-text-7);
}
.tp-contact__form-6 textarea:focus {
  outline: 0;
  border-color: var(--tp-theme-primary);
}

.contact__form-input input,
.contact__form-input textarea {
  width: 100%;
  height: 52px;
  padding-left: 20px;
  padding-right: 20px;
  border: 2px solid transparent;
  background-color: #f5f5f5;
  border-radius: 6px;
  margin-bottom: 20px;
}
.contact__form-input input:focus,
.contact__form-input textarea:focus {
  border-color: var(--tp-theme-primary);
  outline: 0;
}
.contact__form-input textarea {
  height: 200px;
  padding: 20px;
  resize: none;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.contact__form-input textarea::-webkit-input-placeholder {
  color: var(--tp-text-3);
}
.contact__form-input textarea:-moz-placeholder {
  color: var(--tp-text-3);
}
.contact__form-input textarea::-moz-placeholder {
  color: var(--tp-text-3);
}
.contact__form-input textarea:-ms-input-placeholder {
  color: var(--tp-text-3);
}
.contact__form-input .contact__form-agree label {
  margin-left: 5px;
}

.contact__info li {
  list-style: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact__info-inner {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact__info-inner {
    margin-top: 50px;
  }
}
@media (max-width: 575px) {
  .contact__info-inner {
    margin-top: 50px;
    padding-right: 35px;
  }
}
.contact__info-icon svg {
  fill: none;
  stroke: #4DA655;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  margin-right: 5px;
}


.contact__info-icon svg.mail {
  width: 18px;
  height: 18px;
}

.contact__info-icon svg.call {
  width: 18px;
  height: 18px;
}

.contact__info-text h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 6px;
}

.contact__info-text p {
  margin-bottom: 0;
}

.contact__info-text p a, .contact__info-icon a {
  color: var(--tp-theme-secondary);
}
.contact__info-text p a:hover, .contact__info-icon a:hover {
  text-decoration: underline;
}

.contact__social h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 13px;
}

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

.contact__social ul li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 44px;
  text-align: center;
  font-size: 13px;
  color: #0e1133;
  background: #f3f4f8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.contact__social ul li a.fb {
  color: #285da1;
  background: rgba(40, 93, 161, 0.1);
}

.contact__social ul li a.fb:hover {
  color: #ffffff;
  background: #285da1;
}

.contact__social ul li a.tw {
  color: #03a9f4;
  background: rgba(3, 169, 244, 0.1);
}

.contact__social ul li a.tw:hover {
  color: #ffffff;
  background: #03a9f4;
}

.contact__social ul li a.pin {
  color: #d8163f;
  background: rgba(216, 22, 63, 0.1);
}

.contact__social ul li a.pin:hover {
  color: #ffffff;
  background: #d8163f;
}

.tp-contact-map iframe {
  width: 100%;
  height: 100%;
  display: block;
}

.tp-map-height {
  height: 700px;
}
@media (max-width: 575px) {
  .tp-map-height {
    height: 450px;
  }
}

.tp-form-shape-1 {
  position: absolute;
  left: 120px;
  bottom: 128px;
  animation: tp-float-3 5s infinite alternate;
}
.tp-form-shape-2 {
  position: absolute;
  left: 120px;
  top: -130px;
}
.tp-form-shape-3 {
  position: absolute;
  top: 50%;
  right: -150px;
  transform: translateY(-50%);
}

.tp-cta-2__shape img {
  position: absolute;
  left: 55%;
  animation: tp-float-2 7s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-cta-2__shape img {
    top: 50%;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-cta-2__shape img {
    display: none;
  }
}

.tp-cta-2__img {
  margin-right: -150px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-cta-2__img {
    margin-right: 0;
  }
}

.tp-form__main-shape {
  position: absolute;
  bottom: 80px;
  left: -30px;
  z-index: -1;
}


/*----------------------------------------*/
/*  10. CONTEXTUAL HELP CSS 
/*----------------------------------------*/
.ctx-help {
	display: inline;
	position: relative;
	text-align: left;
}

.ctx-help .ctx-ctrl {
	cursor: pointer;
	display: inline-block;
	position: relative;
	padding-right: 18px;
}

.ctx-help .ctx-ctrl::after {
	background-image: url("../img/icons/icon-tooltip--inactive.svg");
	background-position: right center;
	background-repeat: no-repeat;
	content: " ";
	height: 16px;
	width: 16px;
	position: absolute;
	top: 0;
	right: 0;
}

.ctx-help .ctx-ctrl:focus {
	outline: 0;
}

.ctx-details {
	display: none;
}

.ctx-details h4 {
	font-size: 18px;
}

.ctx-details p {
	font-size: 14px;
	line-height: 20px;
}


.ctx-active {
	display: inline;
}

.ctx-active .ctx-arrow {
	border-color: transparent transparent #f1fbff;
	border-style: solid;
	border-width: 0 20px 15px;
	display: block;
	height: 0;
	left: 0;
	position: absolute;
	top: -15px;
	width: 0;
	z-index: 1;
}

.ctx-active .ctx-details {
	background: #f1fbff;
	border: .2rem solid transparent;
	border-radius: 8px;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .25);
	display: block;
	left: 0;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 18px;
	outline: 0;
	padding: 20px;
	position: absolute;
	top: 0;
	width: 320px;
	z-index: 100;
}

.ctx-active .ctx-details h4 {
	margin: 0 0 1rem 0;
}

.ctx-active .ctx-ctrl::after {
	background-image: url("../img/icons/icon_tooltip.svg");
}

.ctx-active .ctx-close {
	background: url("../img/icons/icon-tooltip-close.svg") no-repeat 100% 50%/contain;
	cursor: pointer;
	font-size: 11px;
	height: 15px;
	padding-right: 20px;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 15px;
	border: 0;
	z-index: 1;
}

.accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/*----------------------------------------*/
/*  11. FEATURE CSS
/*----------------------------------------*/
.tp-feature__item {
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.078);
  background-color: rgba(255, 255, 255, 0);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  position: relative;
}
.tp-feature__item::before {
  content: "";
  position: absolute;
  top: 0;
  height: 3px;
  width: 0;
  right: 0;
  display: inline-block;
  background-color: var(--tp-theme-primary);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.tp-feature__item:hover {
  box-shadow: 0px 16px 40px 0px rgba(0, 15, 47, 0.1), inset 0px 3px 0px 0px rgba(44, 121, 255, 0.004);
  border-color: transparent;
}
.tp-feature__item:hover::before {
  width: 100%;
  right: auto;
  left: 0;
}
.tp-feature__item:hover .tp-feature__icon {
  transform: translateY(-8px);
}
.tp-feature__icon {
  margin-bottom: 50px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.tp-feature__title {
  font-size: 20px;
}
.tp-feature__title a:hover {
  color: var(--tp-theme-secondary);
}
.tp-feature__item p {
  margin-bottom: 0;
}


.tp-feature-2__item {
  padding: 35px 50px;
  background-color: #FFFFFF;
  border-radius: 10px;
  box-shadow: 0px 5px 10px 0px rgba(0, 14, 28, 0.23);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  position: relative;
  flex-direction: column;
   justify-content: space-between;
  text-align: center;
  height: 100%;
	display: flex;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
	
	.tp-feature-2__section .col-lg-4, .tp-rate-reward__section .col-lg-6 {
		margin-bottom: 20px;
	}
  .tp-feature-2__item {
    padding: 35px 25px;
	  margin-bottom: 20px;
  }
}
.tp-feature-2__item:hover .tp-feature-2__icon {
  transform: rotateY(-180deg);
}
.tp-feature-2__icon {
  color: var(--tp-common-white);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  font-size: 36px;
  display: inline-block;
}
.tp-feature-2__title {
  font-size: 22px;
  color: var(--tp-common-black);
  margin-bottom: 15px;
}
.tp-feature-2__content {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.tp-feature-2__content p {
  margin-bottom: 20px;
  color: var(--tp-text-body);
  font-size: 16px;
}
.tp-feature-2__content span a {
  color: var(--tp-theme-secondary);
  font-family: var(--tp-ff-heading);
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: .1rem;
	font-weight: 500;
  line-height: 36px;
  text-align: center;
  display: inline-block;
}
.tp-feature-2__content span a:hover {
 color:#1E3075;
	text-decoration: underline;
}
.tp-feature-2__content span a:hover i {
  animation: tfLeftToRight 0.5s forwards;
  color: var(--tp-theme-secondary);
}

.gx-70 {
  --bs-gutter-x: 70px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .gx-70 {
    --bs-gutter-x: 1.5rem;
  }
}


/*----------------------------------------*/
/*  12. BRAND CSS
/*----------------------------------------*/
.tp-brand__box h3 {
  font-size: 20px;
  margin-bottom: 6px;
}
.tp-brand__box p {
  color: var(--tp-text-2);
}
.tp-brand__box span {
  color: var(--tp-theme-secondary);
  margin-bottom: 2px;
  display: inline-block;
}
.tp-brand__item {
  height: 130px;
  display: flex !important;
  align-items: center;
}
.tp-brand__item img {
  max-width: 100%;
  filter: grayscale(1);
  opacity: 0.7;
}
.tp-brand__box {
  box-shadow: 0px 30px 40px 0px rgba(1, 16, 37, 0.1);
  padding-left: 60px;
  padding-right: 60px;
  position: relative;
  z-index: 1;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-brand__box {
    padding-left: 30px;
    padding-right: 30px;
  }
}



/*----------------------------------------*/
/*  13. FOOTER CSS
/*----------------------------------------*/
.footer__widget-logo img {
  max-width: 350px;
}
.footer__widget p {
  color: var(--tp-text-1);
  font-size: 16px;
  margin-bottom: 20px;
}
.footer__widget-space {
  padding-top: 40px;
  padding-bottom: 40px;
}
.footer__widget-title {
  font-size: 20px;
  padding-top: 15px;
  margin-bottom: 35px;
  font-weight: 500;
  position: relative;
}
.footer__widget ul {
  overflow: hidden;
}
.footer__widget ul li {
  list-style: none;
  margin-bottom: 24px;
  line-height: 1;
}
.footer__widget ul li:last-child {
  margin-bottom: 0;
}
.footer__widget ul li a {
  font-size: 14px;
  color: var(--tp-theme-secondary);
  position: relative;
}
.footer__widget ul li a:hover {
  color: var(--tp-theme-secondary);
  text-decoration: underline;
}
.footer__blog-meta {
  margin-bottom: 3px;
}
.footer__blog-meta span {
  color: var(--tp-text-1);
}
.footer__blog-meta span i {
  color: var(--tp-theme-primary);
  margin-right: 3px;
}
.footer__blog-meta span:hover {
  color: var(--tp-common-black);
}
.footer__blog-title {
  font-size: 15px;
  text-transform: uppercase;
  color: var(--tp-common-black);
  margin-bottom: 0;
  line-height: 1.4;
}
.footer__blog-title a:hover {
  color: var(--tp-theme-primary);
}
.footer__info-item {
  margin-bottom: 20px;
}
.footer__info-icon i {
  font-size: 20px;
  color: var(--tp-theme-primary);
}
.footer__info-text h4 {
  color: var(--tp-common-black);
  font-size: 18px;
  margin-bottom: 0;
}
.footer__info-text a {
  color: var(--tp-text-1);
}
.footer__contact p {
  color: var(--tp-text-1);
  font-size: 16px;
  margin-bottom: 20px;
}
.footer__contact iframe {
  width: 100%;
  height: 110px;
  filter: grayscale(100%);
}
.footer__subscribe p {
  color: var(--tp-text-1);
  font-size: 16px;
  margin-bottom: 20px;
}
.footer__subscribe-box {
  position: relative;
}
.footer__subscribe-input.has-border-radius {
  border-radius: 4px;
  overflow: hidden;
}
.footer__subscribe-input input {
  width: 100%;
  height: 50px;
  padding: 0 23px;
  padding-right: 160px;
  border: 1px solid transparent;
  background-color: var(--tp-common-white);
  font-size: 16px;
  color: var(--tp-common-black);
}
.footer__subscribe-input input:focus {
  border-color: var(--tp-theme-primary);
}
.footer__subscribe-input input::-webkit-input-placeholder {
  color: var(--tp-text-3);
}
.footer__subscribe-input input:-moz-placeholder {
  color: var(--tp-text-3);
}
.footer__subscribe-input input::-moz-placeholder {
  color: var(--tp-text-3);
}
.footer__subscribe-input input:-ms-input-placeholder {
  color: var(--tp-text-3);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer__subscribe-input input {
    padding-right: 23px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__subscribe-input input {
    padding-right: 160px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__subscribe-input input {
    padding-right: 23px;
  }
}
.footer__copyright p {
  font-size: 14px;
}
.footer__copyright p a {
  color: var(--tp-theme-secondary);
}
.footer__copyright p a:hover {
	text-decoration: underline;
}

.footer__top {
  position: relative;
  padding-top: 100px;
  padding-bottom: 40px;
  z-index: 1;
}
.footer__bottom {
  border-top: 1px solid;
  border-color: rgba(0, 15, 47, 0.06);
  padding-top: 25px;
  padding-bottom: 25px;
}
.footer__bottom p {
  margin-bottom: 0;
}

.footer-sub-btn {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  height: 100%;
  line-height: 50px;
  padding: 0 30px;
  text-align: center;
  font-size: 15px;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-primary);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-sub-btn {
    position: relative;
    margin-top: 15px;
    width: 100%;
  }
}
.footer-sub-btn:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
}

/* footer col design for home 1 */
.footer-col-1 {
  padding-right: 35px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-col-1 {
    padding-right: 0;
  }
}
.footer-col-2 {
  padding-left: 30px;
  padding-right: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-col-2 {
    padding-right: 0;
    padding-left: 0;
  }
}
.footer-col-3 {
  padding-right: 10px;
  padding-left: 60px;
  padding-right: 60px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-col-3 {
    padding-right: 0;
    padding-left: 0;
  }
}

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