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

  01. THEME DEFAULT CSS
	02. MEANMENU CSS START
	03. header CSS START
	04. hero CSS START
	05. about CSS START
	06. feature CSS START
	07. service CSS START
	08. choose CSS START
	09. counter CSS START
	10. brand CSS START
	11. testimonial CSS START
	12. price CSS START
	13. team CSS START
	14. blog CSS START
	15. contact CSS START
	16. 404 CSS START
	17. footer CSS START

**********************************************/
/*----------------------------------------*/
/*  01. THEME DEFAULT CSS START
/*----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700;800&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Bengali:wght@300;400;500&display=swap');
:root {
  /**
  @font family declaration
  */
  --tp-ff-body: 'Outfit', sans-serif;;
  --tp-ff-heading: 'Poppins', sans-serif;;
  --tp-ff-fontawesome: Font Awesome 5 Pro;
  /**
  @color declaration
  */
  --tp-common-white: #ffffff;
  --tp-common-white-2: #BDBEEC;
  --tp-common-black: #151718;
  --tp-common-yellow: #FDC85D;
  --tp-common-sky: #45CCFE;
  --tp-common-sky-2: #3EB7FD;
  --tp-common-pink: #F85797;
  --tp-heading-primary: #141774;
  --tp-grey-1: #BDBEEC;
  --tp-grey-2: #E8F6FF;
  --tp-text-body: #62637D;
  --tp-theme-1: #141774;
  --tp-theme-2: #017EFA;
  --tp-theme-3: #0B4DF5;
  --tp-border-1: #EDF5FA;
  --tp-border-2: #DCEDF9;
  --tp-border-3: #2C2F94;
  --tp-border-4: #DCEDF9;
}

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1200px;
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/*---------------------------------
	typography css start 
---------------------------------*/
body {
  font-family: var(--tp-ff-body);
  font-size: 15px;
  font-weight: 400;
  color: var(--tp-text-body);
  line-height: 1.3;
  overflow-x: hidden;
  background-color: var(--tp-grey-2);
}

html, body {
  overflow-x: hidden;
}

a {
  text-decoration: none;
  transition: 0.3s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--tp-ff-heading);
  color: var(--tp-theme-1);
  margin-top: 0px;
  font-weight: 700;
  line-height: 1.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;
}

img {
  max-width: 100%;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 32px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 16px;
}

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

p {
  color: var(--tp-text-body);
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
}

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

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

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

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

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

a,
.btn,
button,
input,
select,
textarea,
li,
img,
.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;
}

li {
  list-style: none;
}

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

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

a,
button {
  color: inherit;
  outline: none;
  border: none;
  background: transparent;
}
.bangla
{
  font-family: 'Noto Sans Bengali', sans-serif;
}
button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

input,
textarea {
  outline: none;
  color: var(--tp-theme-1);
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #747474;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #747474;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #747474;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #747474;
}

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-theme-1);
  color: var(--tp-common-white);
  text-shadow: none;
}

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

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

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

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

/*---------------------------------
    common classes css start 
---------------------------------*/
.w-img img {
  width: 100%;
}

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

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.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;
}

.gx-10 {
  --bs-gutter-x: 10px;
}

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

.gx-40 {
  --bs-gutter-x: 40px;
}

.gx-50 {
  --bs-gutter-x: 12px;
}

.gx-60 {
  --bs-gutter-x: 65px;
}

.gx-20 {
  --bs-gutter-x: 20px;
}

.gx-25 {
  --bs-gutter-x: 25px;
}

/*--
    - Spacing
-----------------------------------------*/
.tp-btn {
  display: inline-block;
  background-color: var(--tp-common-white);
  color: var(--tp-theme-1);
  height: 55px;
  line-height: 55px;
  text-align: center;
  padding: 0 35px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border-radius: 60px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: 0.3s;
}
.tp-btn::after {
  content: "";
  background-color: red;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-btn {
    padding: 0 30px;
    font-size: 13px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-btn {
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    font-size: 12px;
  }
}
.tp-btn:before {
  animation: opacityFallbackOut 0.5s step-end forwards;
  backface-visibility: hidden;
  background-color: var(--tp-common-black);
  clip-path: polygon(-1% 0, 0 0, -25% 100%, -1% 100%);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateZ(0);
  transition: clip-path 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-clip-path 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  width: 100%;
}
.tp-btn:hover:before {
  animation: opacityFallbackIn 0s step-start forwards;
  clip-path: polygon(0 0, 101% 0, 101% 101%, 0 101%);
  color: var(--tp-common-white);
}
.tp-btn:hover span {
  color: var(--tp-common-white);
}
.tp-btn:after {
  background-color: var(--tp-common-sky);
}
.tp-btn span {
  z-index: 1;
  position: relative;
}

.tp-btn-blue {
  display: inline-block;
  background-color: var(--tp-theme-2);
  color: var(--tp-common-white);
  height: 55px;
  line-height: 55px;
  text-align: center;
  padding: 0 35px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border-radius: 60px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-btn-blue {
    padding: 0 30px;
    font-size: 13px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-btn-blue {
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    font-size: 12px;
  }
}
.tp-btn-blue:before {
  animation: opacityFallbackOut 0.5s step-end forwards;
  backface-visibility: hidden;
  background-color: var(--tp-common-black);
  clip-path: polygon(-1% 0, 0 0, -25% 100%, -1% 100%);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateZ(0);
  transition: clip-path 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-clip-path 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  width: 100%;
}
.tp-btn-blue:hover:before {
  animation: opacityFallbackIn 0s step-start forwards;
  clip-path: polygon(0 0, 101% 0, 101% 101%, 0 101%);
  color: var(--tp-common-white);
}
.tp-btn-blue:hover span {
  color: var(--tp-common-white);
}
.tp-btn-blue:after {
  background-color: var(--tp-common-sky);
}
.tp-btn-blue span {
  z-index: 1;
  position: relative;
}

.tp-btn-pink {
  display: inline-block;
  background-color: var(--tp-common-pink);
  color: var(--tp-common-white);
  height: 55px;
  line-height: 55px;
  text-align: center;
  padding: 0 35px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border-radius: 5px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-btn-pink {
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    font-size: 12px;
  }
}
.tp-btn-pink:before {
  animation: opacityFallbackOut 0.5s step-end forwards;
  backface-visibility: hidden;
  background-color: var(--tp-common-black);
  clip-path: polygon(-1% 0, 0 0, -25% 100%, -1% 100%);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: clip-path 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-clip-path 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  width: 100%;
}
.tp-btn-pink:hover:before {
  animation: opacityFallbackIn 0s step-start forwards;
  clip-path: polygon(0 0, 101% 0, 101% 101%, 0 101%);
  color: var(--tp-common-white);
}
.tp-btn-pink:hover span {
  color: var(--tp-common-white);
}
.tp-btn-pink:after {
  background-color: var(--tp-common-sky);
}
.tp-btn-pink span {
  z-index: 1;
  position: relative;
}

.tp-btn-blue-square {
  display: inline-block;
  background-color: var(--tp-theme-2);
  color: var(--tp-common-white);
  height: 55px;
  line-height: 55px;
  text-align: center;
  padding: 0 35px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border-radius: 5px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-btn-blue-square {
    padding: 0 30px;
    font-size: 13px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-btn-blue-square {
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    font-size: 12px;
  }
}
.tp-btn-blue-square:before {
  animation: opacityFallbackOut 0.5s step-end forwards;
  backface-visibility: hidden;
  background-color: var(--tp-common-black);
  clip-path: polygon(-1% 0, 0 0, -25% 100%, -1% 100%);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateZ(0);
  transition: clip-path 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-clip-path 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  width: 100%;
}
.tp-btn-blue-square:hover:before {
  animation: opacityFallbackIn 0s step-start forwards;
  clip-path: polygon(0 0, 101% 0, 101% 101%, 0 101%);
  color: var(--tp-common-white);
}
.tp-btn-blue-square:hover span {
  color: var(--tp-common-white);
}
.tp-btn-blue-square:after {
  background-color: var(--tp-common-sky);
}
.tp-btn-blue-square span {
  z-index: 1;
  position: relative;
}

.tp-btn-border {
  display: inline-block;
  border: 1px solid var(--tp-border-1);
  color: var(--tp-theme-1);
  height: 65px;
  line-height: 65px;
  text-align: center;
  padding: 0 50px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border-radius: 50px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-btn-border {
    padding: 0 30px;
    font-size: 13px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-btn-border {
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .tp-btn-border {
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
    font-size: 12px;
  }
}
.tp-btn-border:before {
  animation: opacityFallbackOut 0.5s step-end forwards;
  backface-visibility: hidden;
  background-color: var(--tp-common-black);
  clip-path: polygon(-1% 0, 0 0, -25% 100%, -1% 100%);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateZ(0);
  transition: clip-path 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-clip-path 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  width: 100%;
}
.tp-btn-border:hover:before {
  animation: opacityFallbackIn 0s step-start forwards;
  clip-path: polygon(0 0, 101% 0, 101% 101%, 0 101%);
  color: var(--tp-common-white);
}
.tp-btn-border:hover span {
  color: var(--tp-common-white);
}
.tp-btn-border:after {
  background-color: var(--tp-common-sky);
}
.tp-btn-border span {
  z-index: 1;
  position: relative;
}

.tp-btn-sky-sm {
  display: inline-block;
  color: var(--tp-common-white);
  background-color: var(--tp-common-sky);
  height: 55px;
  line-height: 55px;
  text-align: center;
  padding: 0 35px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border-radius: 5px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-btn-sky-sm {
    padding: 0 30px;
    font-size: 13px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-btn-sky-sm {
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    font-size: 12px;
  }
}
.tp-btn-sky-sm:before {
  animation: opacityFallbackOut 0.5s step-end forwards;
  backface-visibility: hidden;
  background-color: var(--tp-common-black);
  clip-path: polygon(-1% 0, 0 0, -25% 100%, -1% 100%);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateZ(0);
  transition: clip-path 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-clip-path 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  width: 100%;
}
.tp-btn-sky-sm:hover:before {
  animation: opacityFallbackIn 0s step-start forwards;
  clip-path: polygon(0 0, 101% 0, 101% 101%, 0 101%);
  color: var(--tp-common-white);
}
.tp-btn-sky-sm:hover span {
  color: var(--tp-common-white);
}
.tp-btn-sky-sm:after {
  background-color: var(--tp-common-sky);
}
.tp-btn-sky-sm span {
  z-index: 1;
  position: relative;
}

.tp-btn-sky {
  display: inline-block;
  color: var(--tp-common-white);
  background-color: var(--tp-common-sky);
  height: 65px;
  line-height: 65px;
  text-align: center;
  padding: 0 40px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border-radius: 10px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-btn-sky {
    padding: 0 30px;
    font-size: 13px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-btn-sky {
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    font-size: 12px;
  }
}
.tp-btn-sky:before {
  animation: opacityFallbackOut 0.5s step-end forwards;
  backface-visibility: hidden;
  background-color: var(--tp-common-black);
  clip-path: polygon(-1% 0, 0 0, -25% 100%, -1% 100%);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: clip-path 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-clip-path 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  width: 100%;
}
.tp-btn-sky:hover:before {
  animation: opacityFallbackIn 0s step-start forwards;
  clip-path: polygon(0 0, 101% 0, 101% 101%, 0 101%);
  color: var(--tp-common-white);
}
.tp-btn-sky:hover span {
  color: var(--tp-common-white);
}
.tp-btn-sky:after {
  background-color: var(--tp-common-sky);
}
.tp-btn-sky span {
  z-index: 1;
  position: relative;
}

.tp-pulse-border::after, .tp-pulse-border::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.4);
  animation: borderanimate2 2s linear infinite;
  animation-delay: 0s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -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;
  z-index: 99;
}

/* 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 section-animation {
  0% {
    width: 0;
  }
  15% {
    width: 100%;
  }
  85% {
    opacity: 1;
  }
  90% {
    width: 100%;
    opacity: 0;
  }
  to {
    width: 0;
    opacity: 0;
  }
}
@keyframes about-sm {
  100% {
    transform: translateY(60px);
  }
  100% {
    transform: translateY(50px);
  }
}
@keyframes hero-thumb-animation {
  0% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes tpleftright {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@keyframes tprotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes tpupdown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes tpswing {
  0% {
    -webkit-transform: rotate(6deg);
    -moz-transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    -o-transform: rotate(6deg);
    transform: rotate(6deg);
  }
  100% {
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    transform: rotate(-6deg);
  }
}
@keyframes borderanimate2 {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes moving {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}
@keyframes about-circle {
  0% {
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }
  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@keyframes services-triangle {
  0% {
    -webkit-transform: rotate(0deg) translateX(-50px);
    -moz-transform: rotate(0deg) translateX(-50px);
    -ms-transform: rotate(0deg) translateX(-50px);
    -o-transform: rotate(0deg) translateX(-50px);
    transform: rotate(0deg) translateX(-50px);
  }
  100% {
    -webkit-transform: rotate(360deg) translateY(100px);
    -moz-transform: rotate(360deg) translateY(100px);
    -ms-transform: rotate(360deg) translateY(100px);
    -o-transform: rotate(360deg) translateY(100px);
    transform: rotate(360deg) translateY(100px);
  }
}
@keyframes hero-3-dot-2 {
  0% {
    transform: translateY(-50px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes tfLeftToRight {
  49% {
    transform: translateX(30%);
  }
  50% {
    opacity: 0;
    transform: translateX(-30%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes rotate2 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes moving {
  0% {
    transform: translatey(0px);
  }
  20% {
    transform: translateX(-50px);
  }
  50% {
    transform: translatey(-40px);
  }
  100% {
    transform: translatey(0px);
  }
}
@keyframes leftright {
  0% {
    transform: translatex(0);
  }
  50% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes movinglight {
  0% {
    transform: translatey(0px);
  }
  20% {
    transform: translateX(-70px);
  }
  50% {
    transform: translatey(-70px);
  }
  100% {
    transform: translatey(0px);
  }
}
@keyframes movinglight2 {
  0% {
    transform: translatey(0px);
  }
  20% {
    transform: translateX(70px);
  }
  50% {
    transform: translatey(70px);
  }
  100% {
    transform: translatey(0px);
  }
}
@keyframes movingtop {
  0% {
    transform: translatey(0px);
  }
  20% {
    transform: translatey(70px);
  }
  50% {
    transform: translatey(-70px);
  }
  100% {
    transform: translatey(0px);
  }
}
@keyframes circle-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes circle-animation2 {
  0% {
    transform: scale(-1, 1) rotate(360deg);
  }
  100% {
    transform: scale(-1, 1) rotate(0deg);
  }
}
@keyframes zoom {
  0% {
    transform: scale(0.5);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.5);
  }
}
@keyframes zoom2 {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.9);
  }
}
@keyframes wobble-vertical {
  10% {
    transform: translateY(-10px);
  }
  50% {
    transform: skew(15deg);
  }
  80% {
    transform: rotate(10deg);
  }
  100% {
    transform: translate(0);
  }
}
@-webkit-keyframes section-highlight {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes section-highlight {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-ms-keyframes section-highlight {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes section-highlight {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes widthcalc {
  0% {
    width: 20%;
  }
  50% {
    width: 50%;
  }
  75% {
    width: 90%;
  }
  90% {
    opacity: 75%;
  }
  90% {
    opacity: 100%;
  }
}
/* right bounce */
@-webkit-keyframes bounceRight {
  0%, 20%, 50%, 80%, 100% {
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -ms-transform: translateX(-90px);
    transform: translateX(-90px);
  }
  60% {
    -ms-transform: translateX(-15px);
    transform: translateX(-15px);
  }
}
@-moz-keyframes bounceRight {
  0%, 20%, 50%, 80%, 100% {
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -ms-transform: translateX(-90px);
    transform: translateX(-90px);
  }
  60% {
    -ms-transform: translateX(-15px);
    transform: translateX(-15px);
  }
}
@keyframes bounceRight {
  0%, 20%, 50%, 80%, 100% {
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
  }
  60% {
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
}
/* /right bounce */
@keyframes icon-bounce {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@keyframes light-one {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.6;
  }
  75% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
/*--- preloader ---*/
.dark #preloader {
  background-color: var(--tp-theme-1);
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f7f7f7;
  z-index: 999999;
}

.preloader {
  width: 50px;
  height: 50px;
  display: inline-block;
  padding: 0px;
  text-align: left;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
}

.preloader span {
  position: absolute;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: var(--tp-theme-1);
  -webkit-animation: preloader 1.3s linear infinite;
  animation: preloader 1.3s linear infinite;
}

.preloader span:last-child {
  animation-delay: -0.9s;
  -webkit-animation-delay: -0.9s;
}

@keyframes preloader {
  0% {
    transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}
@-webkit-keyframes preloader {
  0% {
    -webkit-transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1, 1);
    opacity: 0;
  }
}
/*--- end of preloader ---*/
.scroll-top {
  width: 50px;
  height: 50px;
  line-height: 50px;
  position: fixed;
  bottom: -10%;
  right: 50px;
  font-size: 16px;
  border-radius: 6px;
  z-index: 999;
  color: var(--tp-common-white);
  text-align: center;
  cursor: pointer;
  background: var(--tp-theme-2);
  transition: 1s ease;
  border: none;
}

.scroll-top.open {
  bottom: 30px;
}

/*---------------------------------------
         Background color
-----------------------------------------*/
.grey-bg {
  background: var(--tp-grey-2);
}

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

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

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

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

.body-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: rgba(24, 24, 24, 0.6);
  visibility: hidden;
  opacity: 0;
  transition: 0.45s ease-in-out;
}
.body-overlay.apply {
  opacity: 1;
  visibility: visible;
}
.body-overlay:hover {
  cursor: url(../img/cross-out.png), pointer;
}

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

.tpoffcanvas {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: fixed;
  top: 0;
  right: -100%;
  width: 480px;
  bottom: 0;
  box-shadow: 0 16px -32px 0 rgba(0, 0, 0, 0.8);
  background-color: var(--tp-common-black);
  z-index: 9999;
  padding: 50px;
  scrollbar-width: none;
  opacity: 0;
  visibility: hidden;
  transition: 0.45s ease-in-out;
  overflow-y: scroll;
}
.tpoffcanvas.opened {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 767px) {
  .tpoffcanvas {
    width: 300px;
    padding: 40px 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpoffcanvas {
    width: 400px;
    padding: 40px;
  }
}
.tpoffcanvas.opened {
  right: 0;
  -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-duration: 0.6s;
}
.tpoffcanvas__logo {
  margin-bottom: 40px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tpoffcanvas__logo {
    padding-top: 0;
  }
}
.tpoffcanvas__logo img {
  width: 157px;
  height: 100%;
}
.tpoffcanvas__close-btn button {
  font-size: 35px;
  color: white;
  position: absolute;
  right: 50px;
  top: 42px;
  transition: 1s;
  font-weight: 300;
  opacity: 0.2;
  -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-duration: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpoffcanvas__close-btn button {
    font-size: 28px;
    right: 48px;
    top: 52px;
  }
}
@media (max-width: 767px) {
  .tpoffcanvas__close-btn button {
    font-size: 28px;
    right: 39px;
    top: 38px;
  }
}
.tpoffcanvas__close-btn button:hover {
  color: #fff;
  opacity: 1;
}
.tpoffcanvas__content {
  margin-bottom: 30px;
}
.tpoffcanvas__content p {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 25px;
}
.tpoffcanvas__content span {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 5px;
  display: inline-block;
}
.tpoffcanvas__content a {
  font-size: 30px;
  line-height: 51px;
  font-weight: 700;
  color: var(--tp-common-white);
  display: inline-block;
}
@media (max-width: 767px) {
  .tpoffcanvas__content a {
    font-size: 27px;
  }
}
.tpoffcanvas__social {
  margin-top: 50px;
}
.tpoffcanvas__social .social-icon a {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  background-color: var(--tp-common-white);
  color: var(--tp-theme-1);
  margin-right: 15px;
  transition: 0.3s;
  display: inline-block;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .tpoffcanvas__social .social-icon a {
    margin-right: 3px;
  }
}
.tpoffcanvas__social .social-icon a:hover {
  background-color: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.tpoffcanvas__text {
  border-bottom: 1px solid #3b3838;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tpoffcanvas__text {
    display: none;
  }
}
.tpoffcanvas__text p {
  color: var(--tp-common-white-2);
  font-size: 18px;
}
.tpoffcanvas__info {
  border-bottom: 1px solid #3b3838;
  padding-bottom: 30px;
  margin-bottom: 20px;
}
.tpoffcanvas__info .offcanva-title {
  color: var(--tp-common-white);
  margin: 30px 0 40px 0;
  font-size: 20px;
  font-weight: 600;
}
.tpoffcanvas__info-icon a {
  height: 50px;
  width: 50px;
  background-color: var(--tp-theme-1);
  color: var(--tp-common-white);
  display: inline-block;
  text-align: center;
  line-height: 50px;
  border-radius: 50px;
  font-weight: 500;
  font-size: 18px;
  margin-right: 20px;
}
.tpoffcanvas__info-address span {
  display: block;
  color: var(--tp-common-white);
  font-size: 16px;
  font-weight: 400;
}
.tpoffcanvas__info-address a {
  display: block;
  color: var(--tp-common-white-2);
  font-size: 18px;
  font-weight: 600;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .tpoffcanvas__info-address a {
    font-size: 16px;
  }
}
.tpoffcanvas__info-address a:hover {
  color: var(--tp-common-white-2);
}

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

.offcan-social-title {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
  display: inline-block;
}

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

.header-border-2.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: var(--tp-common-white);
  width: 100%;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  box-shadow: 0px 2px 55px rgba(168, 182, 218, 0.32);
  z-index: 999;
}

.header-border-2.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: var(--tp-common-white);
  width: 100%;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  box-shadow: 0px 10px 21px rgba(0, 0, 0, 0.05);
  z-index: 999;
}

.header-transparent.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #ffff;
  width: 100%;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  z-index: 999;
}
.header-transparent.header-sticky.header-border {
  border: none;
}

.black-bg.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #051B46;
  width: 100%;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  z-index: 999;
}
.black-bg.header-sticky.header-border {
  border: none;
}

.sticky-white-bg.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: var(--tp-common-white);
  width: 100%;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  box-shadow: 0px 10px 21px rgba(0, 0, 0, 0.05);
  z-index: 999;
}

.tp-header-black-sticky.header-sticky {
  background-color: #2c2c2c;
}

.breadcrumb-height {
  padding-top: 200px;
  padding-bottom: 190px;
}
@media (max-width: 767px) {
  .breadcrumb-height {
    padding-top: 150px;
    padding-bottom: 120px;
    background-position: left;
  }
}

.breadcrumb__scroll-bottom {
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translate(-50%);
}
.breadcrumb__scroll-bottom a {
  height: 70px;
  width: 70px;
  text-align: center;
  line-height: 70px;
  font-size: 20px;
  border-radius: 50%;
  background-color: var(--tp-common-white);
  color: var(--tp-theme-1);
  position: relative;
  display: inline-block;
}
.breadcrumb__scroll-bottom a::after {
  height: 25px;
  width: 25px;
  background-color: var(--tp-common-white);
  border-radius: 50%;
  content: "";
  position: absolute;
  right: -15px;
  top: 20px;
}
.breadcrumb__scroll-bottom a::before {
  height: 25px;
  width: 25px;
  background-color: var(--tp-common-white);
  border-radius: 50%;
  content: "";
  position: absolute;
  left: -15px;
  top: 20px;
}
.breadcrumb__title {
  font-weight: 600;
  font-size: 65px;
  line-height: 1.1;
  color: var(--tp-theme-1);
  padding-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb__title {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .breadcrumb__title {
    font-size: 35px;
    margin-bottom: 0;
  }
}
.breadcrumb__list {
  display: inline-block;
  padding: 0px 10px;
}
.breadcrumb__list span {
  font-weight: 700;
  font-size: 15px;
  line-height: 19px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--tp-theme-1);
}
.breadcrumb__list span.dvdr i {
  font-size: 18px;
  padding: 0px 5px;
  font-weight: 400;
}
.breadcrumb__subtitle {
  font-size: 18px;
  font-weight: 300;
  color: var(--tp-common-black);
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .breadcrumb__subtitle {
    font-size: 15px;
  }
}

.breadcrumb__area {
  background-size: cover;
  background-position: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .breadcrumb__area {
    background-position: right;
  }
}

.tp-custom-accordio .accordion-items {
  margin-bottom: 20px;
}
.tp-custom-accordio .accordion-buttons {
  position: relative;
  width: 100%;
  text-align: left;
  font-size: 18px;
  font-weight: 700;
  padding: 30px 20px;
  font-weight: 500;
  font-size: 18px;
  border: 1px solid var(--tp-border-4);
  border-radius: 10px 10px 0 0;
}
.tp-custom-accordio .accordion-buttons:not(.collapsed) {
  background-color: var(--tp-common-white);
  border-color: var(--tp-common-white);
  padding-bottom: 5px;
}
@media (max-width: 767px) {
  .tp-custom-accordio .accordion-buttons {
    font-size: 16px;
    padding: 20px 15px;
  }
}
.tp-custom-accordio .accordion-buttons::after {
  position: absolute;
  content: "\f106";
  font-family: "Font Awesome 5 Pro";
  background-image: none;
  top: 31px;
  right: 20px;
  color: var(--tp-theme-1);
  width: auto;
  height: auto;
  font-weight: 700;
  font-size: 16px;
  opacity: 1;
}
@media (max-width: 767px) {
  .tp-custom-accordio .accordion-buttons::after {
    top: 19px;
  }
}
.tp-custom-accordio .accordion-buttons.collapsed::after {
  content: "\f107";
  opacity: 0.3;
}
.tp-custom-accordio .collapsed {
  border-radius: 10px 10px 10px 10px;
}
.tp-custom-accordio .accordion-body {
  background-color: var(--tp-common-white);
  padding: 20px 20px;
  padding-top: 5px;
  position: relative;
  z-index: 1;
  border-radius: 0 0px 10px 10px;
  font-size: 16px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-custom-accordio .accordion-body {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .tp-custom-accordio .accordion-body {
    padding: 20px 25px;
  }
}

.tp-custom-accordio-2 .accordion-items {
  margin-bottom: 20px;
}
.tp-custom-accordio-2 .accordion-items.border-show {
  border: 1px solid var(--tp-border-2);
  border-radius: 10px;
}
.tp-custom-accordio-2 .accordion-items.border-show .accordion-buttons {
  border: 0;
}
.tp-custom-accordio-2 .accordion-buttons {
  position: relative;
  width: 100%;
  text-align: left;
  font-size: 18px;
  font-weight: 700;
  padding: 40px 30px;
  font-weight: 500;
  font-size: 18px;
  background-color: var(--tp-common-white);
  border: 1px solid var(--tp-border-2);
  border-radius: 10px 10px 0 0;
}
.tp-custom-accordio-2 .accordion-buttons:not(.collapsed) {
  padding-bottom: 3px;
  background-color: var(--tp-common-white);
  border: transparent;
}
@media (max-width: 767px) {
  .tp-custom-accordio-2 .accordion-buttons {
    font-size: 15px;
    padding: 20px 15px;
  }
}
.tp-custom-accordio-2 .accordion-buttons::after {
  position: absolute;
  content: "\f106";
  font-family: "Font Awesome 5 Pro";
  background-image: none;
  top: 40px;
  right: 35px;
  color: var(--tp-theme-1);
  width: auto;
  height: auto;
  font-weight: 700;
  font-size: 16px;
  opacity: 1;
}
@media (max-width: 767px) {
  .tp-custom-accordio-2 .accordion-buttons::after {
    top: 19px;
    right: 15px;
  }
}
.tp-custom-accordio-2 .accordion-buttons.collapsed::after {
  content: "\f107";
  opacity: 0.3;
}
.tp-custom-accordio-2 .collapsed {
  border-radius: 10px 10px 10px 10px;
}
.tp-custom-accordio-2 .accordion-body {
  background-color: var(--tp-common-white);
  padding: 50px 30px;
  padding-top: 20px;
  position: relative;
  z-index: 1;
  border-radius: 0 0px 10px 10px;
  font-size: 16px;
  line-height: 1.8;
}
@media (max-width: 767px) {
  .tp-custom-accordio-2 .accordion-body {
    padding: 20px 25px;
  }
}

.tp-custom-accordio-3 .accordion-items {
  margin-bottom: 20px;
  border: 1px solid var(--tp-border-2);
  border-radius: 10px;
}
.tp-custom-accordio-3 .accordion-buttons {
  position: relative;
  width: 100%;
  text-align: left;
  font-weight: 600;
  font-size: 20px;
  padding: 30px 20px;
  border-radius: 10px 10px 0 0;
}
.tp-custom-accordio-3 .accordion-buttons:not(.collapsed) {
  padding-bottom: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-custom-accordio-3 .accordion-buttons {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .tp-custom-accordio-3 .accordion-buttons {
    font-size: 16px;
    padding: 20px 15px;
  }
}
.tp-custom-accordio-3 .accordion-buttons::after {
  position: absolute;
  content: "\f00d";
  font-family: "Font Awesome 5 Pro";
  background-image: none;
  top: 31px;
  right: 20px;
  color: var(--tp-theme-1);
  width: auto;
  height: auto;
  font-weight: 200;
  font-size: 16px;
  opacity: 1;
}
@media (max-width: 767px) {
  .tp-custom-accordio-3 .accordion-buttons::after {
    top: 19px;
  }
}
.tp-custom-accordio-3 .accordion-buttons.collapsed::after {
  content: "\f067";
  font-weight: 200;
  opacity: 0.3;
}
.tp-custom-accordio-3 .collapsed {
  border-radius: 10px 10px 10px 10px;
}
.tp-custom-accordio-3 .accordion-body {
  background-color: var(--tp-common-white);
  padding: 20px 20px;
  padding-top: 15px;
  position: relative;
  z-index: 1;
  border-radius: 0 0px 10px 10px;
  font-size: 16px;
  line-height: 1.9;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-custom-accordio-3 .accordion-body {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .tp-custom-accordio-3 .accordion-body {
    padding: 20px 25px;
  }
}

.tp-section-title {
  font-weight: 600;
  font-size: 50px;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-section-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-section-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .tp-section-title {
    font-size: 31px;
  }
  .tp-section-title br {
    display: none;
  }
}

.tp-section-title-md {
  color: var(--tp-theme-1);
  font-weight: 600;
  font-size: 45px;
  line-height: 1.2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-section-title-md {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-section-title-md {
    font-size: 40px;
  }
  .tp-section-title-md br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-section-title-md {
    font-size: 35px;
  }
  .tp-section-title-md br {
    display: none;
  }
}

.tp-section-title-sm {
  font-weight: 600;
  font-size: 42px;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-section-title-sm {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-section-title-sm br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-section-title-sm {
    font-size: 35px;
  }
  .tp-section-title-sm br {
    display: none;
  }
}

/*----------------------------------------*/
/*  02. MEANMENU CSS START
/*----------------------------------------*/
.mobile-menu.mean-container {
  overflow: hidden;
}
@media (max-width: 767px) {
  .mobile-menu.mean-container {
    margin-bottom: 30px;
  }
}

.mobile-menu .sidebar-list {
  clear: both;
}
.mobile-menu .sidebar-list li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 5px;
  color: var(--tp-common-white);
}
.mobile-menu .sidebar-list li::after {
  top: 10px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 1px solid #c00;
  background-color: transparent;
  content: "";
  display: inline-block;
  position: absolute;
}
.mobile-menu .tp-sidebar-social {
  margin-top: 20px;
}
.mobile-menu .tp-sidebar-social a {
  margin-right: 5px;
  background-color: var(--tp-theme-primary);
  color: #fff;
  display: inline-block;
  width: 35px;
  height: 35px;
  text-align: center;
  font-size: 14px;
  line-height: 34px;
}

.sidebar-title h3 {
  color: var(--tp-common-white);
}

/* 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: 15px 0;
  color: #fff;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 14px;
  line-height: 1.5;
  font-weight: 700;
}
.mean-container .mean-nav ul li a:hover {
  color: var(--tp-theme-3);
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 10px;
  padding: 0 !important;
  line-height: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  height: 30px;
  width: 30px;
  line-height: 30px;
  color: #fff;
  line-height: 30px;
  top: 0;
  font-weight: 400;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
  color: var(--tp-theme-2);
  border-color: #888888;
}

.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-theme-2);
}

.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-white);
}

/*----------------------------------------*/
/*  03. header CSS START
/*----------------------------------------*/
.tp-header__transparent {
  position: absolute;
  left: 0;
  right: 0;
}
.tp-header__space {
  padding-left: 100px;
  padding-right: 100px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-header__space {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header__space {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-header__space {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.tp-header__space.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #4b3caf;
  width: 100%;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  z-index: 999;
}
.tp-header__space.header-sticky .tp-header__main-menu > nav > ul {
  padding-top: 0;
}
.tp-header__space-2 {
  padding-left: 155px;
  padding-right: 155px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tp-header__space-2 {
    padding-left: 100px;
    padding-right: 100px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-header__space-2 {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header__space-2 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header__space-2 {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-header__space-2 {
    padding: 30px 0;
  }
}
.tp-header__space-2.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: var(--tp-grey-2);
  box-shadow: 0px 2px 55px rgba(168, 182, 218, 0.32);
  width: 100%;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  z-index: 999;
}
.tp-header__space-2.header-sticky .tp-header__main-menu > nav > ul {
  padding-top: 0;
}
.tp-header__space-3 {
  padding: 0px 185px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tp-header__space-3 {
    padding: 0px 130px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-header__space-3 {
    padding: 0px 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header__space-3 {
    padding: 0px 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header__space-3 {
    padding: 0px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-header__space-3 {
    padding: 0px 15px;
  }
}
@media (max-width: 767px) {
  .tp-header__space-3 {
    padding: 0px 0px;
  }
}
.tp-header__space-3.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 999;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  background-color: #fff;
  box-shadow: 0px 2px 55px rgba(168, 182, 218, 0.32);
}
.tp-header__space-3.header-sticky .tp-header__main-menu > nav > ul {
  padding-top: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-header__bottom {
    padding: 20px 0px;
  }
}
.tp-header__bottom .tp-menu-bar {
  background-color: var(--tp-theme-2);
  color: var(--tp-common-white);
  border-radius: 5px;
}
.tp-header__top-left a {
  padding: 15px 0;
  display: inline-block;
}
.tp-header__top-left a span {
  padding-left: 10px;
  color: #ACADC3;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
}
.tp-header__top-left a span b {
  color: var(--tp-common-white);
  transition: 0.3s;
}
.tp-header__top-left a span:hover .frist-child {
  color: var(--tp-common-sky);
}
.tp-header__top-left a.last-child {
  padding-left: 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header__top-left a.last-child {
    padding-left: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-header__top-left a.last-child {
    display: none;
  }
}
.tp-header__top-left a.last-child span {
  text-transform: capitalize;
}
.tp-header__top-left a.last-child span b {
  text-transform: uppercase;
}
.tp-header__top-right a {
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  color: #FFFFFF;
  opacity: 0.5;
  margin-left: 30px;
  transition: 0.3s;
}
.tp-header__top-right a:hover {
  color: var(--tp-common-sky-2);
  opacity: 1;
}
.tp-header__logo img {
  width: 235px;
  height: 100%;
}
.tp-header__main-menu ul {
  text-align: center;
  margin-left: 30px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header__main-menu ul {
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header__main-menu ul {
    margin-left: 35px;
  }
}
.tp-header__main-menu ul li {
  display: inline-block;
  margin: 0px 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header__main-menu ul li {
    margin: 0px 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header__main-menu ul li {
    margin: 0px 13px;
  }
}
.tp-header__main-menu ul li a {
  padding: 35px 0;
  display: inline-block;
  font-weight: 700;
  font-size: 15px;
  line-height: 19px;
  color: var(--tp-common-white-2);
  text-align: center;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  -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__main-menu ul li:hover a {
  color: var(--tp-common-white);
}
.tp-header__main-menu ul li .submenu {
  position: absolute;
  background-color: #fff;
  width: 270px;
  z-index: 999;
  margin-left: 0;
  padding: 30px 0px;
  top: 110%;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  box-shadow: 0px 8px 20px rgba(61, 110, 168, 0.2);
  text-align: start;
}
.tp-header__main-menu ul li .submenu li {
  margin: 0;
  display: block;
  margin-bottom: 15px;
  padding: 0 40px;
}
.tp-header__main-menu ul li .submenu li:last-child {
  margin-bottom: 0;
}
.tp-header__main-menu ul li .submenu li a {
  padding: 0;
  margin: 0;
  display: inline-block;
  text-transform: capitalizes;
  font-size: 14px;
  color: var(--tp-text-body);
  position: relative;
  letter-spacing: 1px;
  font-weight: 500;
}
.tp-header__main-menu ul li .submenu li a::after {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0;
  left: auto;
  height: 1px;
  width: 0;
  background-color: var(--tp-theme-1);
  transition: 0.7s;
  display: inline-block;
}
.tp-header__main-menu ul li .submenu li:hover a {
  color: var(--tp-theme-1);
}
.tp-header__main-menu ul li .submenu li:hover a::after {
  width: 100%;
  right: auto;
  left: 0;
}
.tp-header__main-menu ul li .submenu li .submenu {
  left: 100%;
  top: 0;
}
.tp-header__main-menu ul li:hover .submenu {
  top: 100%;
  opacity: 1;
  visibility: visible;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-header__black-menu ul li {
    margin: 0px 20px;
  }
}
.tp-header__black-menu ul li a {
  color: var(--tp-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header__black-menu ul li a {
    font-size: 14px;
  }
}
.tp-header__black-menu ul li:hover a {
  color: var(--tp-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header__menu-3 ul {
    margin-left: 65px;
  }
}
.tp-header__menu-3 ul li a {
  padding: 40px 0;
}
.tp-header__menu-space {
  padding-top: 10px;
}
.tp-header__right {
  display: flex;
  align-items: center;
  justify-content: end;
}
.tp-header__right a:last-child {
  margin-left: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header__right a:last-child {
    margin-left: 10px;
  }
}
.tp-header__bars {
  height: 55px;
  width: 55px;
  line-height: 55px;
  background-color: var(--tp-common-white);
  border-radius: 50%;
  text-align: center;
  font-size: 20px;
  color: var(--tp-theme-1);
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-header__bars {
    height: 45px;
    width: 45px;
    line-height: 45px;
  }
}
.tp-header__bars:hover {
  background-color: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.tp-header__right-two a {
  margin-left: 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header__right-two a {
    margin-left: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header__right-two a {
    margin-left: 10px;
  }
}
.tp-header__right-two a:first-child {
  margin-left: 0;
}
.tp-header__login {
  font-weight: 700;
  font-size: 15px;
  line-height: 19px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--tp-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header__login {
    font-size: 14px;
  }
}
.tp-header__login span {
  transform: translateY(3px);
  display: inline-block;
  color: var(--tp-theme-1);
  margin-left: 4px;
}

.header-sticky.tp-header__menu-space {
  padding-top: 0px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .header-sticky.tp-header__menu-space {
    padding: 10px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-header__logo {
    width: 190px;
    height: auto;
  }
}

/*----------------------------------------*/
/*  04. hero CSS START
/*----------------------------------------*/

.tp-hero__title {
  font-weight: 600;
  font-size: 64px;
  color: var(--tp-common-white);
  line-height: 1.2;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-hero__title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero__title {
    font-size: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero__title {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .tp-hero__title {
    font-size: 38px;
  }
}
@media (max-width: 767px) {
  .pt-100 {
    padding-top: 30px;
  }
}
.tp-hero__title-lg {
  font-weight: 600;
  font-size: 70px;
  color: var(--tp-common-white);
  line-height: 1.2;
}
.tp-hero__title-lg.theme-color {
  color: var(--tp-theme-1);
}
.tp-hero__title-lg span {
  color: var(--tp-theme-2);
  position: relative;
}
.tp-hero__title-lg span::before {
  position: absolute;
  bottom: 9px;
  left: 0;
  content: "";
  height: 5px;
  width: 100%;
  background-color: var(--tp-theme-2);
  display: inline-block;
  animation: section-animation 4s infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-hero__title-lg {
    font-size: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero__title-lg {
    font-size: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero__title-lg {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .tp-hero__title-lg {
    font-size: 37px;
    line-height: 50px;
  }
}
.tp-hero__wrapper-3 {
  margin-right: -80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero__wrapper-3 {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-hero__wrapper-3 {
    margin-right: 0;
    width: 100%;
  }
}
.tp-hero__content-box p {
  padding-bottom: 25px;
}
.tp-hero__content-box h3 span
{
  color: var(--tp-theme-2);
}
.tp-hero__social {
  flex-direction: column;
  display: flex;
  position: absolute;
  bottom: 19%;
  right: 5%;
  overflow: hidden;
  padding-left: 120px;
}
.tp-hero__social a {
  height: 40px;
  width: 40px;
  border: 1px solid #EAB6CC;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  color: var(--tp-theme-1);
  margin-top: 7px;
}
.tp-hero__social a:hover .social-icon {
  left: -70px;
  opacity: 1;
  visibility: visible;
}
.tp-hero__social a:hover .social-icon.facebook {
  left: -81px;
}
.tp-hero__social a:hover .social-icon.instagram {
  left: -88px;
}
.tp-hero__social a:hover .social-icon.dribbble {
  left: -80px;
}
.tp-hero__social .social-icon {
  position: absolute;
  top: -1px;
  left: -35px;
  padding: 12px 20px;
  background-color: var(--tp-common-white);
  border-radius: 30px;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.tp-hero__social .social-icon span {
  display: flex;
  flex-direction: row;
  line-height: 0;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
}
.tp-hero__social .social-icon span i {
  margin-right: 10px;
}
.tp-hero__thumb-3 {
  height: 490px;
  width: 490px;
  position: relative;
  animation: tpupdown 1s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero__thumb-3 {
    height: 450px;
    width: 450px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero__thumb-3 {
    margin-top: 80px;
    height: 100%;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .tp-hero__thumb-3 {
    margin-top: 60px;
    height: 100%;
    width: 100%;
  }
}
.tp-hero__thumb-3 img {
  border-radius: 50%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-hero__thumb-3 img {
    width: 100%;
  }
}
.tp-hero__thumb-3::after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  top: 0;
  left: 0;
  border: 1px dashed var(--tp-theme-2);
  border-radius: 50%;
  transform: scale(1.1);
}
.tp-hero__thumb-shape-1 {
  position: absolute;
  top: 25px;
  right: 10px;
  z-index: -1;
}
.tp-hero__thumb-shape-2 {
  position: absolute;
  bottom: 25px;
  left: 10px;
  z-index: -1;
}
@media (max-width: 767px) {
  .tp-hero__content-box p {
    font-size: 16px;
  }
}
.tp-hero__shape-3-1 {
  position: absolute;
  top: 35%;
  left: 0%;
  z-index: -1;
}
.tp-hero__shape-3-2 {
  position: absolute;
  top: 35%;
  right: 0%;
  z-index: -1;
}
/*----------------------------------------*/
/*  05. about CSS START
/*----------------------------------------*/
.tp-about__section-box {
  padding-left: 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about__section-box {
    padding-left: 0;
  }
}
.tp-about__thumb-wrapper {
  padding-left: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about__thumb-wrapper {
    padding-left: 0;
  }
}
.tp-about__thumb {
  height: 490px;
  width: 490px;
  border-radius: 50%;
  position: relative;
  animation: tpupdown 1s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about__thumb {
    height: 400px;
    width: 400px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about__thumb {
    height: 100%;
    width: 100%;
    margin-bottom: 70px;
  }
}
.tp-about__thumb img {
  border-radius: 50%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about__thumb img {
    width: 100%;
    
  }
}
.tp-about__thumb::after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  top: 0;
  left: 0;
  border: 1px;
  border-radius: 50%;
  transform: scale(1.1);
}
.tp-about__text {
  padding-bottom: 30px;
}
@media (max-width: 767px) {
  .tp-about__text p {
    font-size: 16px;
  }
}
.tp-about__shape-1 {
  position: absolute;
  top: 25px;
  right: 10px;
  z-index: -1;
  animation: zoom 2s infinite;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about__shape-1 {
    top: -13px;
    right: 61px;
  }
}
.tp-about__shape-2 {
  position: absolute;
  bottom: 25px;
  left: 70px;
  z-index: -1;
  animation: zoom 4s infinite;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about__shape-2 {
    bottom: -11px;
    left: 32px;
  }
}
.tp-about__shape-3-1 {
  position: absolute;
  top: 0%;
  left: 0%;
  z-index: -1;
}
.tp-about__shape-3-2 {
  position: absolute;
  top: -24%;
  right: 0%;
  z-index: -1;
}


.contact-form {
  background-color: var(--tp-grey-2);
  border-radius: 20px;
  padding: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-form {
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .contact-form {
    padding: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-form {
    padding: 30px;
  }
}
.contact-form .input {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .contact-form .input {
    margin-bottom: 10px;
  }
}
.contact-form .input input {
  width: 100%;
  height: 65px;
  border-radius: 5px;
  border: 1px solid transparent;
  padding: 0px 20px;
  border-radius: 5px;
}
.contact-form .input input:focus {
  border: 1px solid var(--tp-theme-2);
}
.contact-form .textarea {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .contact-form .textarea {
    margin-bottom: 10px;
  }
}
.contact-form .textarea textarea {
  width: 100%;
  height: 180px;
  padding: 15px 20px;
  border: 1px solid transparent;
  outline: 0;
  resize: none;
  border-radius: 5px;
  transition: 0.3s;
}
.contact-form .textarea textarea:focus {
  border: 1px solid var(--tp-theme-2);
}

.am-contact-info {
  margin-bottom: 35px;
}

.am-p-space-1 {
  padding-bottom: 25px;
  padding-right: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .am-p-space-1 {
    padding-right: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .am-p-space-1 {
    padding-right: 0px;
  }
}

.am-p-space-2 {
  padding-bottom: 25px;
  padding-right: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .am-p-space-2 {
    padding-right: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .am-p-space-2 {
    padding-right: 0px;
  }
}

.am-p-space-3 {
  padding-bottom: 25px;
  padding-right: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .am-p-space-3 {
    padding-right: 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .am-p-space-3 {
    padding-right: 0px;
  }
}

/*----------------------------------------*/
/*  06. feature CSS START
/*----------------------------------------*/
.tp-feature__item {
  padding: 40px 55px;
  border-radius: 10px;
  background-color: var(--tp-common-white);
  border: 1px dashed var(--tp-border-3);
  border-image-slice: 1;
  display: inline-block;
  overflow: hidden;
  min-height: 332px;
  transition: .6s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-feature__item {
    padding: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-feature__item {
    padding: 35px;
  }
}
@media (max-width: 767px) {
  .tp-feature__item {
    padding: 30px 20px;
  }
}
.tp-feature__item:hover {
  background-color: var(--tp-common-white);
  border-color: var(--tp-common-white);
  box-shadow: 0px 23px 41px rgba(26, 62, 85, 0.07);
}
.tp-feature__item:hover .tp-testimonial__icon span {
  box-shadow: inset 0 0 0 40px #141774;
}
.tp-feature__item:hover .tp-feature__icon {
  animation: icon-bounce 0.8s 1;
}
.tp-feature__item:hover .tp-feature__link svg {
  transition: 0.3s;
  color: var(--tp-common-sky);
  animation: tfLeftToRight 0.8s forwards infinite;
}
.tp-feature__icon {
  position: relative;
  z-index: 5;
  margin-bottom: 30px;
}
.tp-feature__icon img {
  width: 88px;
  height: 88px;
}
.tp-feature__content {
  z-index: 5;
  position: relative;
}
.tp-feature__content p {
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 0;
  text-align: left;
}
.tp-feature__title-sm {
  font-family: 'Noto Sans Bengali', sans-serif;
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 25px;
  
}
.tp-feature__title-sm p
{
  font-family: 'Noto Sans Bengali', sans-serif;
  font-weight: 300;
  font-size: 8px;
}


/*----------------------------------------*/
/*  07. service CSS START
/*----------------------------------------*/
.tp-service__section-wrapper {
  margin-bottom: 60px;
  align-items: center;
}
@media (max-width: 767px) {
  .tp-service__section-wrapper {
    flex-wrap: wrap;
  }
}
.tp-service__title {
  font-weight: 600;
  font-size: 45px;
  line-height: 1.2;
  color: var(--tp-theme-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-service__title {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .tp-service__title {
    font-size: 24px;
    margin-bottom: 50px;
  }
  .tp-service__title br {
    display: none;
  }
}
.tp-service__play-btn {
  margin-right: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-service__play-btn {
    margin-right: 10px;
  }
}
@media (max-width: 767px) {
  .tp-service__play-btn {
    margin-right: 0px;
    margin-left: 10px;
  }
}
.tp-service__play-btn a {
  height: 55px;
  width: 55px;
  text-align: center;
  line-height: 60px;
  color: var(--tp-common-white);
  background-color: var(--tp-common-pink);
  display: inline-block;
  border-radius: 50%;
  animation: pulse 2s infinite;
}
#pulse_btn
{
 display: block;
 padding-top: 25px;
 padding-left: 3px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-service__title-box {
    margin-left: 0;
  }
}
.tp-service__title {
  color: var(--tp-theme-1);
}

/*----------------------------------------*/
/*  08. choose CSS START
/*----------------------------------------*/
.tp-choose__thumb-sm {
  margin: 0px 10px;
}
.tp-choose__subtitle {
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 20px;
}

/*----------------------------------------*/
/*  09. counter CSS START
/*----------------------------------------*/
.tp-counter__title
{
  color: var(--tp-common-white);
  font-size: 40px;
  text-align: center;
  padding-top: 10px;
  padding-bottom:30px ;
}
.tp-counter__area {
  position: relative;
  padding: 20px;
}
.tp-counter__theme-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: var(--tp-theme-1);
  z-index: -1;
}
.tp-counter__grey-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: var(--tp-theme-1);
  z-index: -1;
}
.tp-counter__content span {
  display: block;
  font-style: normal;
  font-weight: 600;
  font-size: 48px;
  color: var(--tp-theme-1);
}
@media (max-width: 767px) {
  .tp-counter__content span {
    font-size: 35px;
  }
}
.tp-counter__content span i {
  font-style: normal;
}
.tp-counter__content p {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.05em;
  color: #646580;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .tp-counter__content p {
    font-size: 15px;
  }
}
.tp-counter__icon {
  margin-right: 30px;
  flex: 0 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-counter__icon {
    margin-right: 18px;
  }
}
@media (max-width: 767px) {
  .tp-counter__icon {
    margin-right: 15px;
  }
}
.tp-counter__icon img {
  width: 88px;
  height: 88px;
}
.tp-counter__item {
  background-color: var(--tp-grey-2);
  padding: 50px;
  border: 1px solid #D3E5F1;
  border-radius: 16px;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-counter__item {
    padding: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-counter__item {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .tp-counter__item {
    padding: 20px;
    margin-bottom: 15px;
  }
}
.tp-counter__item:hover {
  background-color: var(--tp-common-white);
  border-color: var(--tp-common-white);
  box-shadow: 0px 23px 41px rgba(26, 62, 85, 0.07);
}
.grey-bg {
  border-radius: 0px 0px 20px 20px;
  margin-bottom: 130px;
}


/*----------------------------------------*/
/*  10. brand CSS START
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-brand__space {
    padding-bottom: 120px;
  }
}
@media (max-width: 767px) {
  .tp-brand__space {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.tp-brand__title {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
}
.tp-brand__item {
  text-align: center;
}

.tp-barnd__active .slick-slide img {
  display: inline-block;
}


/*----------------------------------------*/
/*  11. testimonial CSS START
/*----------------------------------------*/

.tp-testimonial__slider-item {
  background-color: var(--tp-common-white);
  padding: 25px 25px;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .tp-testimonial__slider-item {
    height: auto;
    flex-wrap: wrap;
  }
}
.tp-testimonial__slider-img {
  flex: 0 0 auto;
}
@media (max-width: 767px) {
  .tp-testimonial__slider-img {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-testimonial__slider-img img {
    visibility: hidden;
  }
}
.tp-testimonial__slider-content {
  padding-right: 50px;
  padding-left: 15px;
}
@media (max-width: 767px) {
  .tp-testimonial__slider-content {
    padding-right: 0;
    padding-left: 0;
    padding-top: 30px;
  }
}
.tp-testimonial__slider-content p {
  font-weight: 400;
  font-size: 22px;
  line-height: 1.6;
  letter-spacing: -0.02em;
  color: #62637D;
  padding-bottom: 20px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tp-testimonial__slider-content p {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 767px) {
  .tp-testimonial__slider-content p {
    font-size: 17px;
  }
}
.tp-testimonial__slider-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.1;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tp-testimonial__slider-title {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-testimonial__slider-title {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .tp-testimonial__slider-title {
    font-size: 15px;
    margin-bottom: 25px;
  }
}
.tp-testimonial__slider-quote {
  height: 80px;
  width: 80px;
  line-height: 60px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  position: absolute;
  top: -30px;
  left: 35px;
  color: var(--tp-common-white);
  font-size: 20px;
}
.tp-testimonial__active {
  margin: 0px -130px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tp-testimonial__active {
    margin: 0px -150px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-testimonial__active {
    margin: 0;
  }
}
.tp-testimonial__active .slick-slide {
  padding: 0px 15px;
  padding-top: 30px;
}
@media (max-width: 767px) {
  .tp-testimonial__active .slick-slide {
    padding: 0px;
    padding-top: 30px;
  }
}
/*----------------------------------------*/
/*  12. price CSS START
/*----------------------------------------*/
.tp-price-yearly
{
  font-size: 16px;
}
.tp-price__item {
  background-color: var(--tp-common-white);
  padding: 60px 45px;
  border-radius: 10px;
  margin: 0 0 -1px 0px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-price__item {
    padding: 40px 20px;
  }
}
@media (max-width: 767px) {
  .tp-price__item {
    padding: 30px;
  }
}
.tp-price__item:hover .tp-price__icon span.icon {
  animation: icon-bounce 0.8s 1;
}
.tp-price__active {
  border: 2px solid var(--tp-common-sky);
  box-shadow: 0px 31px 39px rgba(32, 70, 94, 0.1);
}
.tp-price__active .tp-btn-border {
  background-color: var(--tp-common-sky);
  color: var(--tp-common-white);
}
.tp-price__border .tp-price__item {
  border: 1px solid #F1F1F1;
}
.tp-price__border .tp-price__active {
  border: 2px solid var(--tp-common-sky);
  box-shadow: 0px 31px 39px rgba(32, 70, 94, 0.1);
}
.tp-price__border .tp-price__active .tp-btn-border {
  background-color: var(--tp-common-sky);
  color: var(--tp-common-white);
}
.tp-price__title {
  font-size: 30px;
  padding-bottom: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-price__title {
    padding-bottom: 30px;
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .tp-price__title {
    padding-bottom: 30px;
  }
}
.tp-price__icon {
  margin-bottom: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-price__icon {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .tp-price__icon {
    margin-bottom: 30px;
  }
}
.tp-price__icon span {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #62637D;
}
@media (max-width: 767px) {
  .tp-price__icon span {
    font-size: 13px;
  }
}
.tp-price__icon span.icon {
  height: 57px;
  width: 57px;
  border-radius: 50%;
  text-align: center;
  line-height: 57px;
  background-color: var(--tp-common-pink);
  display: inline-block;
  color: var(--tp-common-white);
  font-size: 18px;
}
.tp-price__icon span.price-color-2 {
  background-color: var(--tp-common-sky);
}
.tp-price__icon span.price-color-3 {
  background-color: var(--tp-common-yellow);
}
.tp-price__btn {
  line-height: 0;
}
.tp-price__btn .tp-btn-border {
  width: 100%;
}
.tp-price__list {
  margin-bottom: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-price__list {
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .tp-price__list {
    margin-bottom: 45px;
  }
}
.tp-price__list ul li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
}
.tp-price__list ul li:last-child {
  margin-bottom: 0;
}
.tp-price__list ul li::before {
  content: "";
  height: 13px;
  width: 13px;
  border-radius: 50%;
  background-color: var(--tp-common-yellow);
  position: absolute;
  top: 4px;
  left: 0;
}
.tp-price__list ul li.color-sky::before {
  background-color: var(--tp-common-sky);
}
.tp-price__list ul li.color-pink::before {
  background-color: var(--tp-common-pink);
}
.tp-price__list ul li.color-theme::before {
  background-color: var(--tp-theme-2);
}
.tp-price__list ul li a {
  font-weight: 400;
  font-size: 18px;
  color: #62637D;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-price__list ul li a {
    font-size: 16px;
  }
}
/*----------------------------------------*/
/*  13. team CSS START
/*----------------------------------------*/
.tp-team__ml-mr {
  margin-left: 185px;
  margin-right: 185px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tp-team__ml-mr {
    margin: 0px 130px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-team__ml-mr {
    margin: 0px 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-team__ml-mr {
    margin: 0px 0px;
  }
}
.tp-team__ml-mr.theme-bg-3 {
  border-radius: 20px;
}
.tp-team__section-box {
  margin-bottom: 60px;
  padding: 0px 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-team__section-box {
    flex-wrap: wrap;
  }
  .tp-team__section-box .tp-section-title-md {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .tp-team__section-box {
    flex-wrap: wrap;
    padding: 0;
  }
  .tp-team__section-box .tp-section-title-md {
    margin-bottom: 20px;
  }
}
.tp-team__grey-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 170px;
  z-index: -1;
}
@media (max-width: 767px) {
  .tp-team__btn .tp-btn-sky-sm {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-team__btn .tp-btn-sky-sm {
    margin-left: 15px;
  }
}
.tp-team__img {
  margin-bottom: 35px;
}
.tp-team__title {
  font-weight: 500;
  font-size: 22px;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-team__title {
    font-size: 18px;
  }
}
.tp-team__title a {
  background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
  display: inline;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
}
.tp-team__title a:hover {
  background-size: 0% 1px, 100% 1px;
}
.tp-team__content {
  padding-bottom: 20px;
}
.tp-team__content span {
  font-weight: 400;
  font-size: 16px;
  color: #A4B4C3;
}
.tp-team__inner .tp-team__title {
  color: var(--tp-theme-1);
}
.tp-team__inner .tp-team__title:hover {
  color: var(--tp-common-sky);
}
.tp-team__inner .tp-team__social a {
  font-weight: 400;
  font-size: 13px;
  color: var(--tp-theme-1);
  margin: 0px 15px;
  transition: 0.3s;
}
.tp-team__inner .tp-team__social a:hover {
  color: var(--tp-common-sky);
}
.tp-team__social a {
  font-weight: 400;
  font-size: 13px;
  color: var(--tp-common-white);
  margin: 0px 15px;
  transition: 0.3s;
}
.tp-team__social a:hover {
  color: var(--tp-common-sky);
}

/*----------------------------------------*/
/*  14. blog CSS START
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-section-title-md {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .tp-section-title-md {
    margin-bottom: 30px;
  }
}
/*----------------------------------------*/
/*  15. contact CSS START
/*----------------------------------------*/
.contact-title {
  font-weight: 600;
  font-size: 36px;
  margin-bottom: 45px;
}
@media (max-width: 767px) {
  .contact-title {
    font-size: 31px;
  }
}

.tp-contact-input input {
  width: 100%;
  height: 60px;
  font-size: 15px;
  color: var(--tp-theme-1);
  border: 1px solid transparent;
  background-color: var(--tp-common-white);
  border-radius: 10px;
  margin-bottom: 30px;
  padding: 0px 20px;
}
.tp-contact-input input:focus {
  border: 1px solid var(--tp-theme-2);
}
.tp-contact-input input::placeholder {
  color: rgba(116, 116, 116, 0.5);
}
.tp-contact-input textarea {
  width: 100%;
  height: 170px;
  resize: none;
  background-color: var(--tp-common-white);
  border: 1px solid transparent;
  border-radius: 10px;
  margin-bottom: 30px;
  color: var(--tp-theme-1);
  padding: 20px;
}
.tp-contact-input textarea:focus {
  border: 1px solid var(--tp-theme-2);
}
.tp-contact-input textarea::placeholder {
  color: rgba(116, 116, 116, 0.5);
}

.contact-info {
  border: 1px solid var(--tp-grey-2);
  padding: 40px;
  border-radius: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-info {
    padding: 30px 20px;
  }
}
.contact-info .contact-icon {
  height: 60px;
  width: 60px;
  border: 1px solid var(--tp-grey-2);
  text-align: center;
  line-height: 60px;
  color: var(--tp-theme-2);
  border-radius: 50%;
  display: inline-block;
  font-size: 30px;
  margin-bottom: 30px;
}
.contact-info h4 {
  font-weight: 600;
  font-size: 20px;
  letter-spacing: -0.01em;
  padding-bottom: 10px;
}
.contact-info h4 a {
  background-image: linear-gradient(#141774, #141774), linear-gradient(#141774, #141774);
  display: inline;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
}
.contact-info h4 a:hover {
  background-size: 0% 1px, 100% 1px;
}
.contact-info span {
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-info span {
    font-size: 14px;
    line-height: 25px;
  }
}

/*----------------------------------------*/
/*  16. 404 CSS START
/*----------------------------------------*/
.height-404 {
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.wrapper-404 {
  height: 100vh;
}

.tp-404-content h4 {
  font-size: 40px;
  font-weight: 600;
  font-size: 30px;
}

.header-grey-bg {
  background-color: #F7F7F7;
}

/*----------------------------------------*/
/*  17. footer CSS START
/*----------------------------------------*/
.tp-section-title {
  margin-bottom: 30px;
}
.tp-footer-bottom__border-top {
  border-top: 1px solid #2C2F94;
}

.tp-footer-bottom__social ul li {
  display: inline-block;
  margin-left: 10px;
}
.tp-footer-bottom__social ul li:first-child {
  margin-left: 0;
}
.tp-footer-bottom__social ul li a {
  height: 40px;
  width: 40px;
  line-height: 40px;
  background-color: #23259F;
  border-radius: 50%;
  color: var(--tp-common-white);
  display: inline-block;
  text-align: center;
  transition: 0.3s;
}
.tp-footer-bottom__social ul li a:hover {
  background-color: #3EB9FF;
}
.copyrite
{
  color: white;
}
.tp-footer-bottom__branch h6,
.tp-footer-bottom__branch p
{
    color: white;
    text-align: center;
}
.tp-footer-bottom__branch h6
{
  font-size: 22px;
}

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