@import "https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700;800;900&family=Roboto:wght@300;400;500;700;900&display=swap";

body {
font-family: roboto,sans-serif;
font-weight: 400;
font-style: normal;
color: #333;
font-size: 16px
}

.tp-custom-container {
max-width: 1630px;
min-width: 1630px;
padding-left: 15px;
padding-right: 15px;
margin: 0 auto
}

@media only screen and (min-width:1600px) and (max-width:1750px) {
.tp-custom-container {
max-width: 1570px;
min-width: 1570px
}
}

@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-custom-container {
max-width: 100%;
min-width: 100%
}
}

.img, img {
max-width: 100%;
transition: all 1.5s cubic-bezier(0,0,.2,1)
}

.f-left {
float: left
}

.f-right {
float: right
}

.fix {
overflow: hidden
}

a, button, i {
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
text-decoration: none
}

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

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

a, button {
color: inherit;
outline: medium;
text-decoration: none
}

button:focus, input:focus, input:focus, textarea, textarea:focus {
outline: 0
}

.uppercase {
text-transform: uppercase
}

.capitalize {
text-transform: capitalize
}

input, select, textarea {
font-family: roboto,sans-serif;
font-weight: 400;
opacity: 1
}

h1, h2, h3, h4, h5, h6 {
font-family: nunito sans,sans-serif;
color: #ab37ea;
margin: 0;
font-style: normal;
font-weight: 800;
text-transform: normal;
margin-bottom: 10px
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: inherit
}

ul {
margin: 0;
padding: 0
}

p {
font-size: 16px;
font-weight: 400;
line-height: 27px;
/*color: #ab37ea;*/
margin-bottom: 10px
}

i {
line-height: 1;
display: inline-block
}

label {
color: #ab37ea;
cursor: pointer;
font-size: 14px;
font-weight: 400
}

.display-inline {
display: inline-block
}

select {
-webkit-appearance: none;
-moz-appearance: none
}

input, select {
font-family: roboto,sans-serif;
font-weight: 400
}

.custom-pad-20 {
padding-left: 10px;
padding-right: 10px
}

.custom-mar-20 {
margin-right: -10px;
margin-left: -10px
}

.radius-50 {
border-radius: 50px
}

* input::-moz-placeholder {
font-size: 16px;
opacity: 1;
font-family: roboto,sans-serif;
font-weight: 400
}

* input::placeholder {
font-size: 16px;
opacity: 1;
font-family: roboto,sans-serif;
font-weight: 400
}

.clear {
clear: both
}

.translate-y--10 {
transform: translateY(-10px)
}

.theme-bg {
background: #b221fe
}

.theme-yellow-bg {
background: #ab37ea
}

.white-bg {
background: #fff
}

.yellow-dark-bg {
background: #ffc000
}

.blue-dark-bg {
background: #051868
}

.theme-dark-bg {
background: #040d26
}

.theme-dark-bg2 {
background: #041459
}

.theme-dark-bg3 {
background: #18255e
}

.grey-bg {
background: #ecf3f0
}

.bg-green-light {
background: #600491
}

.bg-gray-light {
background: #f7f7f7
}

.white-color {
color: #fff
}

.theme-yelow-color {
color: #ab37ea
}

.theme-blue-color {
color: #102579
}

.theme-color {
color: #b221fe
}

.font-normal {
font-weight: 400 !important
}

.color-theme-blue {
color: #102579 !important
}

.heading-color-black {
color: #000 !important
}

.heading-color-black-with-hover {
color: #36074F !important
}

.heading-color-black-with-hover:hover {
color: #b221fe !important
}

.mt-5 {
margin-top: 5px
}

.mt-10 {
margin-top: 10px
}

.mt-15 {
margin-top: 15px
}

.mt-20 {
margin-top: 20px
}

.mt-25 {
margin-top: 25px
}

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

.mt-35 {
margin-top: 35px
}

.mt-40 {
margin-top: 40px
}

.mt-45 {
margin-top: 45px
}

.mt-50 {
margin-top: 50px
}

.mt-55 {
margin-top: 55px
}

.mt-60 {
margin-top: 60px
}

.mt-65 {
margin-top: 65px
}

.mt-70 {
margin-top: 70px
}

.mt-75 {
margin-top: 75px
}

.mt-80 {
margin-top: 80px
}

.mt-85 {
margin-top: 85px
}

.mt-90 {
margin-top: 90px
}

.mt-95 {
margin-top: 95px
}

.mt-100 {
margin-top: 100px
}

.mt-105 {
margin-top: 105px
}

.mt-110 {
margin-top: 110px
}

.mt-115 {
margin-top: 115px
}

.mt-120 {
margin-top: 120px
}

.mt-125 {
margin-top: 125px
}

.mt-130 {
margin-top: 130px
}

.mt-135 {
margin-top: 135px
}

.mt-140 {
margin-top: 140px
}

.mt-145 {
margin-top: 145px
}

.mt-150 {
margin-top: 150px
}

.mt-155 {
margin-top: 155px
}

.mt-160 {
margin-top: 160px
}

.mt-165 {
margin-top: 165px
}

.mt-170 {
margin-top: 170px
}

.mt-175 {
margin-top: 175px
}

.mt-180 {
margin-top: 180px
}

.mt-185 {
margin-top: 185px
}

.mt-190 {
margin-top: 190px
}

.mt-195 {
margin-top: 195px
}

.mt-200 {
margin-top: 200px
}

.mb-5 {
margin-bottom: 5px
}

.mb-10 {
margin-bottom: 10px
}

.mb-15 {
margin-bottom: 15px
}

.mb-20 {
margin-bottom: 20px
}

.mb-25 {
margin-bottom: 25px
}

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

.mb-35 {
margin-bottom: 35px
}

.mb-40 {
margin-bottom: 40px
}

.mb-45 {
margin-bottom: 45px
}

.mb-50 {
margin-bottom: 50px
}

.mb-55 {
margin-bottom: 55px
}

.mb-60 {
margin-bottom: 60px
}

.mb-65 {
margin-bottom: 65px
}

.mb-70 {
margin-bottom: 70px
}

.mb-75 {
margin-bottom: 75px
}

.mb-80 {
margin-bottom: 80px
}

.mb-85 {
margin-bottom: 85px
}

.mb-90 {
margin-bottom: 90px
}

.mb-95 {
margin-bottom: 95px
}

.mb-100 {
margin-bottom: 100px
}

.mb-105 {
margin-bottom: 105px
}

.mb-110 {
margin-bottom: 110px
}

.mb-115 {
margin-bottom: 115px
}

.mb-120 {
margin-bottom: 120px
}

.mb-125 {
margin-bottom: 125px
}

.mb-130 {
margin-bottom: 130px
}

.mb-135 {
margin-bottom: 135px
}

.mb-140 {
margin-bottom: 140px
}

.mb-145 {
margin-bottom: 145px
}

.mb-150 {
margin-bottom: 150px
}

.mb-155 {
margin-bottom: 155px
}

.mb-160 {
margin-bottom: 160px
}

.mb-165 {
margin-bottom: 165px
}

.mb-170 {
margin-bottom: 170px
}

.mb-175 {
margin-bottom: 175px
}

.mb-180 {
margin-bottom: 180px
}

.mb-185 {
margin-bottom: 185px
}

.mb-190 {
margin-bottom: 190px
}

.mb-195 {
margin-bottom: 195px
}

.mb-200 {
margin-bottom: 200px
}

.ml-5 {
margin-left: 5px
}

.ml-10 {
margin-left: 10px
}

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

.ml-20 {
margin-left: 20px
}

.ml-25 {
margin-left: 25px
}

.ml-30 {
margin-left: 30px
}

.ml-35 {
margin-left: 35px
}

.ml-40 {
margin-left: 40px
}

.ml-45 {
margin-left: 45px
}

.ml-50 {
margin-left: 50px
}

.ml-55 {
margin-left: 55px
}

.ml-60 {
margin-left: 60px
}

.ml-65 {
margin-left: 65px
}

.ml-70 {
margin-left: 70px
}

.ml-75 {
margin-left: 75px
}

.ml-80 {
margin-left: 80px
}

.ml-85 {
margin-left: 85px
}

.ml-90 {
margin-left: 90px
}

.ml-95 {
margin-left: 95px
}

.ml-100 {
margin-left: 100px
}

.ml-105 {
margin-left: 105px
}

.ml-110 {
margin-left: 110px
}

.ml-115 {
margin-left: 115px
}

.ml-120 {
margin-left: 120px
}

.ml-125 {
margin-left: 125px
}

.ml-130 {
margin-left: 130px
}

.ml-135 {
margin-left: 135px
}

.ml-140 {
margin-left: 140px
}

.ml-145 {
margin-left: 145px
}

.ml-150 {
margin-left: 150px
}

.ml-155 {
margin-left: 155px
}

.ml-160 {
margin-left: 160px
}

.ml-165 {
margin-left: 165px
}

.ml-170 {
margin-left: 170px
}

.ml-175 {
margin-left: 175px
}

.ml-180 {
margin-left: 180px
}

.ml-185 {
margin-left: 185px
}

.ml-190 {
margin-left: 190px
}

.ml-195 {
margin-left: 195px
}

.ml-200 {
margin-left: 200px
}

.mr-5 {
margin-right: 5px
}

.mr-10 {
margin-right: 10px
}

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

.mr-20 {
margin-right: 20px
}

.mr-25 {
margin-right: 25px
}

.mr-30 {
margin-right: 30px
}

.mr-35 {
margin-right: 35px
}

.mr-40 {
margin-right: 40px
}

.mr-45 {
margin-right: 45px
}

.mr-50 {
margin-right: 50px
}

.mr-55 {
margin-right: 55px
}

.mr-60 {
margin-right: 60px
}

.mr-65 {
margin-right: 65px
}

.mr-70 {
margin-right: 70px
}

.mr-75 {
margin-right: 75px
}

.mr-80 {
margin-right: 80px
}

.mr-85 {
margin-right: 85px
}

.mr-90 {
margin-right: 90px
}

.mr-95 {
margin-right: 95px
}

.mr-100 {
margin-right: 100px
}

.mr-105 {
margin-right: 105px
}

.mr-110 {
margin-right: 110px
}

.mr-115 {
margin-right: 115px
}

.mr-120 {
margin-right: 120px
}

.mr-125 {
margin-right: 125px
}

.mr-130 {
margin-right: 130px
}

.mr-135 {
margin-right: 135px
}

.mr-140 {
margin-right: 140px
}

.mr-145 {
margin-right: 145px
}

.mr-150 {
margin-right: 150px
}

.mr-155 {
margin-right: 155px
}

.mr-160 {
margin-right: 160px
}

.mr-165 {
margin-right: 165px
}

.mr-170 {
margin-right: 170px
}

.mr-175 {
margin-right: 175px
}

.mr-180 {
margin-right: 180px
}

.mr-185 {
margin-right: 185px
}

.mr-190 {
margin-right: 190px
}

.mr-195 {
margin-right: 195px
}

.mr-200 {
margin-right: 200px
}

.pt-5 {
padding-top: 5px
}

.pt-10 {
padding-top: 10px
}

.pt-15 {
padding-top: 15px
}

.pt-20 {
padding-top: 20px
}

.pt-25 {
padding-top: 25px
}

.pt-30 {
padding-top: 30px
}

.pt-35 {
padding-top: 35px
}

.pt-40 {
padding-top: 40px
}

.pt-45 {
padding-top: 45px
}

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

.pt-55 {
padding-top: 55px
}

.pt-60 {
padding-top: 60px
}

.pt-65 {
padding-top: 65px
}

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

.pt-75 {
padding-top: 75px
}

.pt-80 {
padding-top: 80px
}

.pt-85 {
padding-top: 85px
}

.pt-90 {
padding-top: 90px
}

.pt-95 {
padding-top: 95px
}

.pt-100 {
padding-top: 100px
}

.pt-105 {
padding-top: 105px
}

.pt-110 {
padding-top: 110px
}

.pt-115 {
padding-top: 115px
}

.pt-120 {
padding-top: 120px
}

.pt-125 {
padding-top: 125px
}

.pt-130 {
padding-top: 130px
}

.pt-135 {
padding-top: 135px
}

.pt-140 {
padding-top: 140px
}

.pt-145 {
padding-top: 145px
}

.pt-150 {
padding-top: 150px
}

.pt-155 {
padding-top: 155px
}

.pt-160 {
padding-top: 160px
}

.pt-165 {
padding-top: 165px
}

.pt-170 {
padding-top: 170px
}

.pt-175 {
padding-top: 175px
}

.pt-180 {
padding-top: 180px
}

.pt-185 {
padding-top: 185px
}

.pt-190 {
padding-top: 190px
}

.pt-195 {
padding-top: 195px
}

.pt-200 {
padding-top: 200px
}

.pb-5 {
padding-bottom: 5px
}

.pb-10 {
padding-bottom: 10px
}

.pb-15 {
padding-bottom: 15px
}

.pb-20 {
padding-bottom: 20px
}

.pb-25 {
padding-bottom: 25px
}

.pb-30 {
padding-bottom: 30px
}

.pb-35 {
padding-bottom: 35px
}

.pb-40 {
padding-bottom: 40px
}

.pb-45 {
padding-bottom: 45px
}

.pb-50 {
padding-bottom: 50px
}

.pb-55 {
padding-bottom: 55px
}

.pb-60 {
padding-bottom: 60px
}

.pb-65 {
padding-bottom: 65px
}

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

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

.pb-80 {
padding-bottom: 80px
}

.pb-85 {
padding-bottom: 85px
}

.pb-90 {
padding-bottom: 90px
}

.pb-95 {
padding-bottom: 95px
}

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

.pb-105 {
padding-bottom: 105px
}

.pb-110 {
padding-bottom: 110px
}

.pb-115 {
padding-bottom: 115px
}

.pb-120 {
padding-bottom: 120px
}

.pb-125 {
padding-bottom: 125px
}

.pb-130 {
padding-bottom: 130px
}

.pb-135 {
padding-bottom: 135px
}

.pb-140 {
padding-bottom: 140px
}

.pb-145 {
padding-bottom: 145px
}

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

.pb-155 {
padding-bottom: 155px
}

.pb-160 {
padding-bottom: 160px
}

.pb-165 {
padding-bottom: 165px
}

.pb-170 {
padding-bottom: 170px
}

.pb-175 {
padding-bottom: 175px
}

.pb-180 {
padding-bottom: 180px
}

.pb-185 {
padding-bottom: 185px
}

.pb-190 {
padding-bottom: 190px
}

.pb-195 {
padding-bottom: 195px
}

.pb-200 {
padding-bottom: 200px
}

.pl-5 {
padding-left: 5px
}

.pl-10 {
padding-left: 10px
}

.pl-15 {
padding-left: 15px
}

.pl-20 {
padding-left: 20px
}

.pl-25 {
padding-left: 25px
}

.pl-30 {
padding-left: 30px
}

.pl-35 {
padding-left: 35px
}

.pl-40 {
padding-left: 40px
}

.pl-45 {
padding-left: 45px
}

.pl-50 {
padding-left: 50px
}

.pl-55 {
padding-left: 55px
}

.pl-60 {
padding-left: 60px
}

.pl-65 {
padding-left: 65px
}

.pl-70 {
padding-left: 70px
}

.pl-75 {
padding-left: 75px
}

.pl-80 {
padding-left: 80px
}

.pl-85 {
padding-left: 85px
}

.pl-90 {
padding-left: 90px
}

.pl-95 {
padding-left: 95px
}

.pl-100 {
padding-left: 100px
}

.pl-105 {
padding-left: 105px
}

.pl-110 {
padding-left: 110px
}

.pl-115 {
padding-left: 115px
}

.pl-120 {
padding-left: 120px
}

.pl-125 {
padding-left: 125px
}

.pl-130 {
padding-left: 130px
}

.pl-135 {
padding-left: 135px
}

.pl-140 {
padding-left: 140px
}

.pl-145 {
padding-left: 145px
}

.pl-150 {
padding-left: 150px
}

.pl-155 {
padding-left: 155px
}

.pl-160 {
padding-left: 160px
}

.pl-165 {
padding-left: 165px
}

.pl-170 {
padding-left: 170px
}

.pl-175 {
padding-left: 175px
}

.pl-180 {
padding-left: 180px
}

.pl-185 {
padding-left: 185px
}

.pl-190 {
padding-left: 190px
}

.pl-195 {
padding-left: 195px
}

.pl-200 {
padding-left: 200px
}

.pr-5 {
padding-right: 5px
}

.pr-10 {
padding-right: 10px
}

.pr-15 {
padding-right: 15px
}

.pr-20 {
padding-right: 20px
}

.pr-25 {
padding-right: 25px
}

.pr-30 {
padding-right: 30px
}

.pr-35 {
padding-right: 35px
}

.pr-40 {
padding-right: 40px
}

.pr-45 {
padding-right: 45px
}

.pr-50 {
padding-right: 50px
}

.pr-55 {
padding-right: 55px
}

.pr-60 {
padding-right: 60px
}

.pr-65 {
padding-right: 65px
}

.pr-70 {
padding-right: 70px
}

.pr-75 {
padding-right: 75px
}

.pr-80 {
padding-right: 80px
}

.pr-85 {
padding-right: 85px
}

.pr-90 {
padding-right: 90px
}

.pr-95 {
padding-right: 95px
}

.pr-100 {
padding-right: 100px
}

.pr-105 {
padding-right: 105px
}

.pr-110 {
padding-right: 110px
}

.pr-115 {
padding-right: 115px
}

.pr-120 {
padding-right: 120px
}

.pr-125 {
padding-right: 125px
}

.pr-130 {
padding-right: 130px
}

.pr-135 {
padding-right: 135px
}

.pr-140 {
padding-right: 140px
}

.pr-145 {
padding-right: 145px
}

.pr-150 {
padding-right: 150px
}

.pr-155 {
padding-right: 155px
}

.pr-160 {
padding-right: 160px
}

.pr-165 {
padding-right: 165px
}

.pr-170 {
padding-right: 170px
}

.pr-175 {
padding-right: 175px
}

.pr-180 {
padding-right: 180px
}

.pr-185 {
padding-right: 185px
}

.pr-190 {
padding-right: 190px
}

.pr-195 {
padding-right: 195px
}

.pr-200 {
padding-right: 200px
}

.tp-section-subtitle {
font-size: 16px;
font-weight: 500
}

.tp-section-title, .tp-section-title-two {
font-size: 55px;
line-height: 1.18
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.tp-section-title, .tp-section-title-two {
font-size: 48px
}
}

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

@media only screen and (min-width:768px) and (max-width:991px) {
.tp-section-title, .tp-section-title-two {
font-size: 36px
}
}

@media(max-width:767px) {
.tp-section-title, .tp-section-title-two {
font-size: 32px
}

.tp-section-title br, .tp-section-title-two br {
display: none
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
.tp-section-title br, .tp-section-title-two br {
display: inline-block
}
}

.tp-section-title-two {
color: #36074F
}

.tp-section-title-two span {
color: #b221fe
}

.tp-section-title-two span.theme-yellow {
color: #ab37ea
}

.tp-section-subtitle-three {
font-size: 18px;
color: #b221fe;
font-weight: 500ss
}

.yellow-btn {
font-size: 16px;
font-weight: 500;
border: none;
outline: none;
box-shadow: none;
height: 60px;
line-height: 60px;
color: #ab37ea;
background: #ab37ea;
text-align: center;
padding: 0 38px;
cursor: pointer;
position: relative;
overflow: hidden;
display: inline-block
}

.yellow-btn:hover {
background: #b221fe;
color: #fff
}

.theme-btn {
font-size: 16px;
display: inline-block;
font-weight: 500;
border: none;
outline: none;
box-shadow: none;
height: 60px;
line-height: 60px;
color: #fff;
background: #b221fe;
text-align: center;
padding: 0 38px;
cursor: pointer;
position: relative;
overflow: hidden
}

.theme-btn:hover {
background: #ab37ea;
color: #ab37ea
}

.yellow-btn:before, .theme-btn:before {
background-color: #fff;
content: "";
height: 150px;
left: -75px;
position: absolute;
top: -35px;
transform: rotate(35deg);
transition: all 1600ms cubic-bezier(.19,1,.22,1);
width: 40px;
opacity: 0
}

.yellow-btn:hover:before, .theme-btn:hover:before {
left: 120%;
transition: all 1300ms cubic-bezier(.19,1,.22,1);
opacity: .25
}

.yellow-btn i, .theme-btn i {
vertical-align: middle;
display: inline-block;
margin-right: 2px;
line-height: 1
}

.hover-theme-color:hover {
color: #b221fe
}

@media(max-width:767px) {
.progress-wrap {
right: 30px
}
}

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

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
width: inherit
}

.swiper-container-horizontal.common-dots {
position: relative
}

.swiper-container-horizontal.common-dots .slide-dots {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%)
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
display: inline-block;
margin: 0 5px;
padding: 0;
height: 20px;
width: 20px;
border-radius: 50%;
border: 3px solid #c6c9cb;
display: inline-block;
outline: none;
cursor: pointer;
background: 0 0;
font-size: 0;
opacity: 1
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
border-color: #b221fe
}

[data-overlay] {
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center center
}

[data-overlay]:before {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
content: ""
}

[data-overlay=light]:before {
background-color: #fff
}

[data-overlay=dark]:before {
background-color: #102579
}

[data-opacity="1"]:before {
opacity: .1
}

[data-opacity="2"]:before {
opacity: .2
}

[data-opacity="3"]:before {
opacity: .3
}

[data-opacity="4"]:before {
opacity: .4
}

[data-opacity="5"]:before {
opacity: .5
}

[data-opacity="6"]:before {
opacity: .6
}

[data-opacity="7"]:before {
opacity: .7
}

[data-opacity="8"]:before {
opacity: .8
}

[data-opacity="9"]:before {
opacity: .9
}

.tp-header-menu-area.header-sticky.sticky-menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
background: #fff;
animation: 800ms ease-in-out 0s normal none 1 running fadeInDown;
box-shadow: 0 0 10px 3px rgba(0,0,0,.05);
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s
}

.tp-sticky-column {
display: none
}

@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-sticky-column {
display: inherit
}
}

.tp-sticky-column-btn {
display: none
}

.sticky-menu .tp-sticky-column {
display: inherit
}

.sticky-menu .tp-sticky-column-btn {
display: inherit
}

@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.sticky-menu .tp-sticky-column-btn {
display: none
}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.sticky-menu .tp-sticky-column-btn .theme-btn {
padding: 0 25px
}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
.tp-sticky-column-btn {
display: none
}
}

.tp-sticky-btn {
margin-left: auto;
line-height: 1
}

.tp-transparent-header-menu {
position: absolute;
top: 105px;
left: 0;
right: 0;
z-index: 9;
width: 100%
}

@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-transparent-header-menu {
position: static;
background: #fff;
box-shadow: 0 0 10px 3px rgba(0,0,0,.05);
padding: 15px 0
}
}

.tp-header-top-info {
display: flex;
align-items: center
}

.tp-header-top-info-single-icon {
float: left
}

.tp-header-top-info-single-icon i {
font-size: 45px;
color: #fff;
line-height: .8;
vertical-align: middle
}

.tp-header-top-info-single-text {
overflow: hidden
}

.tp-header-top-info-single-text a {
color: #fff
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
.tp-header-top-info-single.mr-85 {
margin-right: 30px
}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.tp-header-top-info-single.mr-85 {
margin-right: 20px
}
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
.tp-header-top-info-single.pr-40 {
padding-right: 25px
}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.tp-header-top-info-single.pr-40 {
padding-right: 20px
}
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
.tp-header-top-info-single.mr-40 {
margin-right: 25px
}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.tp-header-top-info-single.mr-40 {
margin-right: 20px
}
}

.tp-header-top-info-single-icon-call i {
animation: phone-icon-animate 1.5s ease-in-out infinite
}

.tp-header-top-info-single-label {
font-size: 15px;
color: #fff;
display: block
}

.tp-header-top-info-single-content {
font-size: 16px;
color: #fff;
display: block
}

.tp-header-top-info-single-btn {
line-height: 1
}

.border-right-1 {
border-right: 1px solid #417e60
}

.tp-main-menu-bg {
background: #fff;
margin-left: 30px;
margin-right: 30px
}

@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-main-menu-bg {
margin: 0
}
}

.tp-main-menu ul {
list-style: none
}

.tp-main-menu ul li {
display: inline-block;
margin: 0 23px;
position: relative
}

.tp-main-menu ul li a {
font-size: 17px;
font-weight: 500;
color: #ab37ea;
display: block;
position: relative;
z-index: 1;
line-height: 1;
padding: 31px 0
}

.tp-main-menu ul li a:before {
position: absolute;
content: "";
height: 4px;
width: 0%;
left: 0;
bottom: 31px;
background: #b221fe;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
z-index: -1
}

.tp-main-menu ul li a:hover:before, .tp-main-menu ul li a.active:before {
width: 100%
}

.tp-main-menu ul li .sub-menu {
background: #fff none repeat scroll 0 0;
box-shadow: 0 6px 12px rgba(0,0,0,.176);
left: 0;
opacity: 0;
position: absolute;
top: 119%;
transition: all .3s ease 0s;
visibility: hidden;
width: 240px;
z-index: 9;
border-top: 4px solid #b221fe;
text-align: left;
padding: 15px 0
}

.tp-main-menu ul li .sub-menu li {
display: block;
margin: 0;
padding: 8px 25px
}

.tp-main-menu ul li .sub-menu li a {
padding: 0;
display: inline-block;
color: #212237;
position: relative
}

.tp-main-menu ul li .sub-menu li a:after {
display: none
}

.tp-main-menu ul li .sub-menu li a:before {
content: "";
width: 0;
height: 1px;
bottom: 0;
position: absolute;
left: auto;
right: 0;
z-index: -1;
transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
background: #b221fe
}

.tp-main-menu ul li .sub-menu li:hover a {
color: #b221fe
}

.tp-main-menu ul li .sub-menu li:hover a:before {
width: 100%;
left: 0;
right: auto
}

.tp-main-menu ul li:hover a {
color: #b221fe
}

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

.tp-mobile-menu.mean-container {
clear: both;
overflow: hidden
}

.contact-infos {
margin-top: 30px
}

.contact-infos h4 {
font-size: 27px;
color: #fff;
margin-bottom: 20px
}

.contact-infos ul li {
font-size: 15px;
color: #fff;
margin-bottom: 15px;
list-style: none
}

.contact-infos ul li:last-child {
margin-bottom: 0
}

.contact-infos ul li i {
color: #b221fe;
vertical-align: middle;
width: 25px;
display: inline-block
}

.sidebar__menu--social {
margin-top: 25px
}

.sidebar__menu--social a {
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
font-size: 14px;
display: inline-block;
margin-right: 5px;
background: #393f53;
color: #fff;
position: relative;
z-index: 1;
overflow: hidden;
border-radius: 5px
}

.sidebar__menu--social a:before {
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: 0%;
background: #b221fe;
z-index: -1;
transform: rotate(90deg);
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s
}

.sidebar__menu--social a:hover:before {
width: 100%
}

.sidebar__menu--social a:hover i {
transform: rotate(360deg)
}

.sidebar__menu--social a:last-child {
margin-right: 0
}

.tp-header-area-two.header-sticky.sticky-menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 91;
background: 0 0;
animation: 800ms ease-in-out 0s normal none 1 running fadeInDown;
box-shadow: 0 0 10px 3px rgba(0,0,0,.05);
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
background: #fff
}

.tp-header-area-two.header-sticky.sticky-menu .tp-header-top-two {
display: none
}

.tp-header-area-two.header-sticky.sticky-menu .tp-header-logo-two-inner {
min-height: 80px;
padding-left: 20px
}

@media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:1400px) and (max-width:1599px) {
.tp-header-area-two.header-sticky.sticky-menu .tp-header-logo-two-inner {
padding: 8px 15px;
min-height: inherit
}
}

.tp-header-area-two {
position: absolute;
top: 0;
left: 0;
width: 100%;
right: 0;
z-index: 91
}

@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-area-two {
background: #fff
}
}

.tp-header-logo-two {
margin-right: 35px
}

@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-logo-two {
margin-right: 0;
max-width: 240px
}
}

.tp-header-menu-two-wrapper {
margin-left: -55px;
background: #fff
}

@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-menu-two-wrapper {
margin-left: 0
}
}

.tp-header-logo-two-inner {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding-left: 35px;
display: flex;
align-items: center;
min-height: 150px
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
.tp-header-logo-two-inner {
padding-left: 20px
}
}

@media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:1400px) and (max-width:1599px) {
.tp-header-logo-two-inner {
padding-left: 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-logo-two-inner {
min-height: inherit;
padding: 10px 15px
}
}

.tp-header-top-two {
display: flex;
justify-content: space-between;
align-items: center;
background: #fff;
padding: 14px 20px;
border-bottom: 1px solid #e5e8e9
}

@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-two {
display: none
}
}

.tp-header-top-two-info ul li, .tp-header-top-two-info ul li a {
font-size: 16px;
font-weight: 400;
color: #626664
}

.tp-header-top-two-info ul li i, .tp-header-top-two-info ul li a i {
font-size: 30px;
color: #b221fe;
margin-right: 10px
}

.tp-header-top-two-info ul li {
display: inline-flex;
align-items: center;
list-style: none;
padding-right: 25px;
margin-right: 25px;
border-right: 2px dashed #e5e8e9
}

.tp-header-top-two-info ul li:last-child {
padding-right: 0;
margin-right: 0;
border-right: 0
}

.tp-header-top-two-social a {
height: 42px;
width: 42px;
line-height: 42px;
text-align: center;
font-size: 15px;
color: #36074F;
background: #fff;
border-radius: 50%;
box-shadow: 0 0 30px 0 rgba(46,57,88,.14);
display: inline-block;
margin-right: 8px
}

.tp-header-top-two-social a:last-child {
margin-right: 0
}

.tp-header-top-two-social a:hover {
color: #fff;
background: #b221fe
}

.tp-header-menu-two {
padding: 0 20px;
display: flex;
justify-content: space-between;
align-items: 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) {
.tp-header-menu-two {
padding: 0
}
}

.tp-main-menu-two ul li {
margin-left: 0;
margin-right: 25px
}

.tp-main-menu-two ul li:last-child {
margin-right: 0
}

.tp-main-menu-two ul li a {
font-size: 17px;
font-weight: 500;
color: #36074F
}

.tp-main-menu-two ul li a:before {
display: none
}

.tp-main-menu-two ul li a:after {
content: "\f067";
margin-left: 5px;
font-family: "font awesome 5 pro";
font-size: 14px;
color: #36074F
}

.tp-main-menu-two ul li:hover a:after {
color: #b221fe
}

.tp-main-menu-two ul li .sub-menu a:before {
display: inherit
}

.tp-main-menu-two-btn {
display: inline-flex
}

@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-main-menu-two-btn {
display: none
}
}

.tp-main-menu-two-btn a {
height: 50px;
line-height: 50px;
padding: 0 34px
}

@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-area-three {
padding: 15px 0
}
}

.tp-header-area-three.header-sticky.sticky-menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
background: #fff;
animation: 800ms ease-in-out 0s normal none 1 running fadeInDown;
box-shadow: 0 0 10px 3px rgba(0,0,0,.05);
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s
}

.tp-main-menu-three {
padding-left: 40px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.tp-main-menu-three {
padding-left: 0
}
}

.tp-main-menu-three ul li {
margin-left: 0;
margin-right: 35px
}

.tp-main-menu-three ul li a {
color: #102579;
padding: 41px 0
}

.tp-main-menu-three ul li a:before {
bottom: 40px
}

.tp-header-right-three {
display: flex;
justify-content: end;
align-items: center
}

.tp-header-right-three .tp-header-number-three {
margin-right: 60px
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
.tp-header-right-three .tp-header-number-three {
margin-right: 40px
}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.tp-header-right-three .tp-header-number-three {
display: none
}
}

.tp-header-right-three .tp-header-number-three span {
font-weight: 500;
font-size: 18px;
color: #b221fe;
line-height: 1
}

.tp-header-right-three .tp-header-number-three span a {
font-weight: 500;
font-size: 20px;
color: #36074F
}

.tp-header-right-three .tp-header-btn-three {
transform: translateY(4px)
}

.tp-header-right-three .tp-header-btn-three a {
color: #102579
}

.tp-header-right-three .tp-header-btn-three a:hover {
color: #fff
}

.tp-main-menu-inner ul li a {
color: #36074F
}

.tp-main-menu-inner ul li:hover a {
color: #b221fe
}

.tp-single-slider {
background-position: center;
background-repeat: no-repeat;
background-size: cover
}

.tp-slider-height {
min-height: 800px
}

@media(max-width:767px) {
.tp-slider-height {
min-height: 700px
}
}

.slider-img {
position: absolute;
top: 0;
right: 0;
z-index: 1
}

@media only screen and (min-width:992px) and (max-width:1199px) {
.slider-img {
width: 50%;
height: 100%
}

.slider-img img {
height: 100%;
object-fit: cover
}
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.slider-img {
width: 100%;
height: 100%
}

.slider-img:before {
position: absolute;
content: "";
height: 100%;
width: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,.7)
}

.slider-img img {
height: 100%;
width: 100%;
object-fit: cover
}
}

.slide-bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 1;
z-index: 0;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
transform: scale(1);
-webkit-transition: all 8s ease-out 0s;
-moz-transition: all 8s ease-out 0s;
-ms-transition: all 8s ease-out 0s;
-o-transition: all 8s ease-out 0s;
transition: all 8s ease-out 0s
}

.swiper-slide-active .slide-bg {
-webkit-transform: scale(1.12);
-moz-transform: scale(1.12);
transform: scale(1.12)
}

.tp-slider-subtitle {
font-size: 16px;
font-weight: 500
}

.common-yellow-shape {
position: relative;
padding-left: 13px;
z-index: 1;
font-family: roboto,sans-serif;
display: inline-block;
margin-top: 3px
}

.common-yellow-shape:before {
position: absolute;
content: "";
top: -4px;
left: 0;
height: 28px;
width: 50px;
background: #ab37ea;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
z-index: -1
}

.common-yellow-shape.w-80:before {
width: 80px
}

.tp-slider-title {
font-size: 90px;
line-height: 1
}

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

@media only screen and (min-width:768px) and (max-width:991px) {
.tp-slider-title {
font-size: 60px
}
}

@media(max-width:767px) {
.tp-slider-title {
font-size: 48px
}
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.tp-slider-wrapper {
padding-top: 100px
}
}

.tp-slider-video-btn {
border-radius: 50%;
display: inline-block;
padding: 10px;
background: #fff;
position: absolute;
top: 50%;
left: calc(50%+85px);
transform: translate(-50%,-50%);
z-index: 4
}

@media only screen and (min-width:992px) and (max-width:1199px) {
.tp-slider-video-btn {
left: calc(75%+50px);
transform: translate(-75%,-50%)
}
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.tp-slider-video-btn {
padding: 8px;
top: 0;
transform: inherit;
left: 0;
z-index: 5
}
}

.tp-slider-video-btn a {
height: 90px;
line-height: 90px;
width: 90px;
background: #b221fe;
text-align: center;
display: inline-block;
border-radius: 50%;
font-size: 16px;
color: #fff;
position: relative;
z-index: 2
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.tp-slider-video-btn a {
height: 50px;
width: 50px;
line-height: 50px
}
}

.play_btn:after, .play_btn:before {
position: absolute;
left: 0;
top: 0;
content: "";
border-radius: 50%;
width: 100%;
height: 100%;
border: 1px solid #fff;
animation-name: popupBtn;
animation-duration: 1.8s;
animation-timing-function: linear;
animation-iteration-count: infinite
}

.play_btn:before {
animation-delay: .8s
}

@keyframes popupBtn {
0% {
transform: scale(1);
opacity: .6
}

50% {
transform: scale(1.6);
opacity: .3
}

100% {
transform: scale(2.2);
opacity: 0
}
}

.tp-slider-active .slide-prev, .tp-slider-active .slide-next {
position: absolute;
font-size: 20px;
background: #fff;
height: 65px;
width: 65px;
line-height: 65px;
font-size: 20px;
color: #36074F;
border-radius: 50%;
border: none;
outline: none;
cursor: pointer;
z-index: 9;
text-align: center;
top: 50%;
transform: translateY(-50%);
left: 80px;
margin: 0;
vertical-align: middle;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
box-shadow: 0 0 30px 0 rgba(0,5,63,.1)
}

@media only screen and (min-width:1400px) and (max-width:1599px),only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px) {
.tp-slider-active .slide-prev, .tp-slider-active .slide-next {
left: 40px
}
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.tp-slider-active .slide-prev, .tp-slider-active .slide-next {
left: calc(50% - 60px);
top: auto;
bottom: 120px;
height: 50px;
width: 50px;
line-height: 50px;
font-size: 18px
}
}

.tp-slider-active .slide-prev:hover, .tp-slider-active .slide-next:hover {
background: #b221fe;
color: #fff
}

.tp-slider-active .slide-next {
left: auto;
right: 80px;
z-index: 9
}

@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) {
.tp-slider-active .slide-next {
right: 40px
}
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.tp-slider-active .slide-next {
right: calc(50% - 60px);
top: auto;
bottom: 120px
}
}

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
opacity: .7
}

.swiper-button-prev:after, .swiper-button-next:after {
display: none
}

@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-slider-area-three .tp-slider-active .slide-prev {
left: calc(50% - 60px);
top: auto;
bottom: 40px
}
}

@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-slider-area-three .tp-slider-active .slide-next {
right: calc(50% - 60px);
top: auto;
bottom: 40px
}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
.tp-slider-area-three .tp-slider-active .slide-prev {
left: calc(50% - 75px)
}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
.tp-slider-area-three .tp-slider-active .slide-next {
right: calc(50% - 75px)
}
}

.swiper-container-horizontal.common-dots .slide-dots {
left: 50%;
transform: translateX(-50%);
bottom: 30px
}

.swiper-container-horizontal.common-dots .slide-dots .swiper-pagination-bullet {
font-size: 0;
height: 12px;
width: 12px;
padding: 3px;
background: #97bdaa;
cursor: pointer;
border-radius: 50%;
border: none;
display: inline-block;
outline: none;
position: relative;
margin: 6px
}

.swiper-container-horizontal.common-dots .slide-dots .swiper-pagination-bullet:before {
position: absolute;
content: "";
height: 18px;
width: 18px;
border-radius: 50%;
border: 2px solid transparent;
top: -6px;
left: -6px
}

.swiper-container-horizontal.common-dots .slide-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
height: 6px;
width: 6px;
background: #b221fe;
margin: 11px;
margin-left: 9px;
transform: translateY(2px)
}

.swiper-container-horizontal.common-dots .slide-dots .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
border-color: #b221fe
}

.tp-slider-active.swiper-container-horizontal.common-dots .slide-dots {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 80px;
z-index: 5;
width: 20px;
bottom: auto
}

@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) {
.tp-slider-active.swiper-container-horizontal.common-dots .slide-dots {
left: 20px
}
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.tp-slider-active.swiper-container-horizontal.common-dots .slide-dots {
left: 50%;
transform: translateX(-50%);
bottom: 30px;
top: inherit;
right: inherit;
width: inherit
}
}

.tp-slider-height-two {
min-height: 950px
}

@media(max-width:767px) {
.tp-slider-height-two {
min-height: 800px
}
}

.tp-slider-title-two {
font-size: 90px;
line-height: 1.1;
color: #36074F
}

@media only screen and (min-width:992px) and (max-width:1199px) {
.tp-slider-title-two {
font-size: 70px
}
}

@media only screen and (min-width:768px) and (max-width:991px) {
.tp-slider-title-two {
font-size: 60px
}
}

@media(max-width:767px) {
.tp-slider-title-two {
font-size: 42px;
margin-bottom: 20px
}
}

.tp-slider-title-two span {
display: block;
font-size: 80px;
line-height: 1.2;
font-weight: 700;
position: relative
}

@media only screen and (min-width:992px) and (max-width:1199px) {
.tp-slider-title-two span {
font-size: 60px
}
}

@media only screen and (min-width:768px) and (max-width:991px) {
.tp-slider-title-two span {
font-size: 48px
}
}

@media(max-width:767px) {
.tp-slider-title-two span {
font-size: 36px
}
}

.tp-slider-subtitle-two {
font-size: 30px;
color: #36074F;
font-weight: 700
}

@media(max-width:767px) {
.tp-slider-subtitle-two {
font-size: 24px
}
}

@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-slider-wrapper-two {
margin: 0
}
}

.tp-slider-video-btn-two {
border-radius: 50%;
display: inline-block;
padding: 10px;
background: rgba(6,174,90,.302);
position: relative;
z-index: 3;
animation: pulse-green 6s infinite
}

.tp-slider-video-btn-two a {
height: 80px;
line-height: 80px;
width: 80px;
background: #b221fe;
text-align: center;
display: inline-block;
border-radius: 50%;
font-size: 16px;
color: #fff;
position: relative;
z-index: 2
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.tp-slider-video-btn-two a {
height: 50px;
width: 50px;
line-height: 50px
}
}

.tp-slider-height-three {
min-height: 850px
}

@media only screen and (min-width:768px) and (max-width:991px) {
.tp-slider-height-three {
min-height: 750px
}
}

@media(max-width:767px) {
.tp-slider-height-three {
min-height: 650px
}

.tp-slider-height-three h1 br {
display: none
}
}

.slider-img-three {
position: absolute;
top: 0;
right: 0;
z-index: 1
}

@media only screen and (min-width:992px) and (max-width:1199px) {
.slider-img-three {
width: 40%;
height: 100%
}

.slider-img-three img {
height: 100%;
object-fit: cover
}
}

@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) {
.slider-img-three {
width: 100%;
height: 100%
}

.slider-img-three:before {
position: absolute;
content: "";
height: 100%;
width: 100%;
top: 0;
left: 0;
background: rgba(0,0,0,.4)
}

.slider-img-three img {
height: 100%;
width: 100%;
object-fit: cover
}
}

.tp-slider-three-subtitle {
font-size: 16px;
color: #fff;
font-weight: 500;
margin-bottom: 25px
}

.tp-slider-three-subtitle img {
transform: translateY(-3px)
}

.tp-slider-three-title {
font-size: 90px;
line-height: 1;
color: #fff;
margin-bottom: 45px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
.tp-slider-three-title {
font-size: 70px
}
}

@media only screen and (min-width:768px) and (max-width:991px) {
.tp-slider-three-title {
font-size: 60px
}
}

@media(max-width:767px) {
.tp-slider-three-title {
font-size: 42px
}
}

.tp-slider-three-btn a {
color: #102579
}

.tp-slider-three-btn a:hover {
color: #fff
}

.tp-slider-area-three .tp-slider-active .slide-prev:hover, .tp-slider-area-three .tp-slider-active .slide-next:hover {
background: #1e3077;
color: #fff
}

.tp-appoint {
margin-bottom: 15px
}

.tp-appoint input, .tp-appoint select {
color: #ab37ea;
font-size: 15px;
display: block;
width: 100%;
height: 70px;
background: #fff;
font-weight: 400;
border: 1px solid transparent;
outline: none;
padding: 0 25px;
width: 100%
}

.tp-appoint select {
padding-left: 20px
}

.tp-appoint button {
height: 70px;
line-height: 70px;
width: 100%
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.tp-appoint button {
padding: 0 25px
}
}

.tp-appoint-three input, .tp-appoint-three select {
color: #66686b
}

.tp-appoint input::-moz-placeholder {
color: #ab37ea;
font-size: 15px;
font-weight: 400
}

.tp-appoint input::placeholder {
color: #ab37ea;
font-size: 15px;
font-weight: 400
}

.tp-appoint.tp-appoint-three input::-moz-placeholder, .tp-appoint.tp-appoint-three input::placeholder {
color: #66686b
}

.tp-appoint-title {
margin-bottom: 0;
font-size: 27px;
line-height: 1.33
}

.select-field-arrow {
position: relative
}

.select-field-arrow:after {
position: absolute;
content: "\f078";
top: 50%;
transform: translateY(-50%);
right: 28px;
font-size: 13px;
color: #ab37ea;
font-family: "font awesome 5 pro";
z-index: 2
}

.tp-appoint-three.select-field-arrow:after {
color: #66686b
}

.tp-cta-area-two-bg {
max-width: 1390px;
margin: 0 auto;
padding: 50px 50px 20px;
background: #f7f7f7;
position: relative;
margin-top: -130px;
z-index: 8
}

@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-cta-area-two-bg {
padding: 30px;
padding-bottom: 0
}
}

.tp-cta-two-icon {
height: 80px;
line-height: 94px;
width: 80px;
background: #ab37ea;
border-radius: 50%;
border: 5px solid #fff;
float: left;
margin-right: 25px;
text-align: center;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.tp-cta-two-icon {
margin-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-cta-two-icon {
float: inherit;
margin-right: 0;
margin-bottom: 25px
}
}

.tp-cta-two-icon i {
font-size: 36px;
color: #36074F;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s
}

.tp-cta-two-text-title {
font-size: 24px;
margin-bottom: 15px;
color: #fff;
line-height: 1;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.tp-cta-two-text-title {
font-size: 20px
}
}

.tp-cta-two {
padding: 60px 30px 50px;
background: #b221fe;
border-radius: 4px;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.tp-cta-two {
padding: 50px 25px 40px
}
}

@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-cta-two {
padding: 30px 30px 20px
}
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.tp-cta-two {
padding: 30px 20px 20px
}
}

.tp-cta-two p {
color: #fff;
margin-bottom: 0;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s
}

.tp-cta-two:hover {
background: #ab37ea
}

.tp-cta-two:hover p {
color: #36074F
}

.tp-cta-two:hover h4 {
color: #36074F
}

.tp-cta-two:hover .tp-cta-two-icon {
background: #b221fe
}

.tp-cta-two:hover .tp-cta-two-icon i {
color: #fff;
transform: rotateY(360deg)
}

.tp-contact-cta-area {
margin-bottom: -60px
}

.tp-contact-cta-bg {
background: #b221fe;
padding: 0 80px;
border-radius: 10px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
.tp-contact-cta-bg {
padding: 0 20px
}
}

@media only screen and (min-width:768px) and (max-width:991px) {
.tp-contact-cta-bg {
padding: 30px 30px 0
}
}

@media(max-width:767px) {
.tp-contact-cta-bg {
padding: 30px 20px 0
}
}

.tp-contact-cta {
padding: 40px 0
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.tp-contact-cta {
padding: 0;
padding-bottom: 30px
}
}

.tp-contact-cta.border-r-1, .tp-contact-cta.border-r-2 {
position: relative
}

.tp-contact-cta.border-r-1:before, .tp-contact-cta.border-r-2:before {
position: absolute;
content: "";
top: 0;
right: 0;
height: 100%;
width: 1px;
background: #83d7ad
}

@media only screen and (min-width:992px) and (max-width:1199px) {
.tp-contact-cta.border-r-1:before, .tp-contact-cta.border-r-2:before {
right: -18px
}
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.tp-contact-cta.border-r-1:before, .tp-contact-cta.border-r-2:before {
display: none
}
}

.tp-contact-cta.border-r-2:before {
right: -35px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
.tp-contact-cta.border-r-2:before {
right: -18px
}
}

.tp-contact-cta-inner {
display: inline-flex;
align-items: center;
width: 100%
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.tp-contact-cta-inner {
justify-content: start !important
}
}

.tp-contact-cta-inner-icon {
height: 70px;
width: 70px;
text-align: center;
line-height: 86px;
background: #fff;
color: #102579;
margin-right: 25px;
border-radius: 50%
}

@media only screen and (min-width:992px) and (max-width:1199px),(max-width:767px) {
.tp-contact-cta-inner-icon {
margin-right: 10px
}
}

@media(max-width:767px) {
.tp-contact-cta-inner-icon {
height: 60px;
width: 60px;
line-height: 76px
}
}

.tp-contact-cta-inner-icon i {
font-size: 32px
}

.tp-contact-cta-inner-text span {
font-size: 16px;
color: #fff;
display: block;
margin-bottom: 10px
}

.tp-contact-cta-inner-text h5, .tp-contact-cta-inner-text h5 a {
font-size: 20px;
font-weight: 500;
margin-bottom: 0;
color: #fff
}

@media(max-width:767px) {
.tp-contact-cta-inner-text h5, .tp-contact-cta-inner-text h5 a {
font-size: 18px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
.tp-contact-cta-inner-text h5, .tp-contact-cta-inner-text h5 a {
font-size: 18px
}
}

.tp-newsletter-area-three-bg {
padding: 60px 0 65px;
border-radius: 5px;
margin-top: -110px;
background-position: center;
background-repeat: no-repeat;
background-size: cover
}

@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px) {
.tp-newsletter-area-three-bg {
padding: 60px 60px 65px
}
}

@media(max-width:767px) {
.tp-newsletter-area-three-bg {
padding: 40px 30px 45px
}
}

.tp-newsletter-area-three-text [type=radio]:checked, .tp-newsletter-area-three-text [type=radio]:not(:checked) {
position: absolute;
left: -9999px
}

.tp-newsletter-area-three-text [type=radio]:checked + label, .tp-newsletter-area-three-text [type=radio]:not(:checked) + label {
position: relative;
padding-left: 28px;
cursor: pointer;
line-height: 20px;
display: inline-block;
color: #fff;
font-size: 18px;
font-weight: 500
}

@media(max-width:767px) {
.tp-newsletter-area-three-text [type=radio]:checked + label, .tp-newsletter-area-three-text [type=radio]:not(:checked) + label {
font-size: 16px
}
}

.tp-newsletter-area-three-text [type=radio]:checked + label:before, .tp-newsletter-area-three-text [type=radio]:not(:checked) + label:before {
content: "";
position: absolute;
left: 1px;
top: 1px;
width: 18px;
height: 18px;
border: 2px solid #fff;
border-radius: 100%;
background: 0 0
}

.tp-newsletter-area-three-text [type=radio]:checked + label:after, .tp-newsletter-area-three-text [type=radio]:not(:checked) + label:after {
content: "";
width: 8px;
height: 8px;
background: #fff;
position: absolute;
top: 6px;
left: 6px;
border-radius: 100%;
-webkit-transition: all .2s ease;
transition: all .2s ease
}

.tp-newsletter-area-three-text [type=radio]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0)
}

.tp-newsletter-area-three-text [type=radio]:checked + label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}

.tp-newsletter-radio {
display: inline-block
}

.tp-newsletter-area-three form {
position: relative
}

.tp-newsletter-area-three form input {
height: 80px;
width: 100%;
background: #fff;
font-size: 16px;
color: #66686b;
border: none;
outline: none;
padding-left: 165px;
padding-right: 190px
}

.tp-newsletter-area-three form input::-moz-placeholder {
color: #fff
}

.tp-newsletter-area-three form input::placeholder {
color: #fff
}

@media(max-width:767px) {
.tp-newsletter-area-three form input {
padding: 0 15px;
height: 60px
}

.tp-newsletter-area-three form input::-moz-placeholder {
color: #66686b
}

.tp-newsletter-area-three form input::placeholder {
color: #66686b
}
}

.tp-newsletter-area-three form span {
font-size: 16px;
color: #66686b;
display: inline-block;
position: absolute;
left: 20px;
padding-right: 15px;
border-right: 1px solid #66686b;
top: 50%;
transform: translateY(-50%)
}

@media(max-width:767px) {
.tp-newsletter-area-three form span {
display: none
}
}

.tp-newsletter-area-three form span i {
margin-right: 3px
}

.tp-newsletter-area-three form button {
position: absolute;
top: 10px;
right: 10px
}

@media(max-width:767px) {
.tp-newsletter-area-three form button {
position: relative;
margin-top: 15px;
top: inherit;
right: inherit
}
}

.tp-newsletter-area-three-title {
font-size: 42px;
color: #fff
}

@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-newsletter-area-three-title {
margin-bottom: 10px
}
}

@media(max-width:767px) {
.tp-newsletter-area-three-title {
font-size: 32px
}
}

@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-newsletter-area-three-text {
margin-bottom: 25px
}
}

.tp-appoint-contact-area {
background-position: center;
background-repeat: no-repeat;
background-size: cover
}

.tp-appoint-contact {
margin-left: 35px
}

@media(max-width:767px) {
.tp-appoint-contact {
margin-left: 0
}
}

.tp-appoint-contact .tp-testimonial-two-form-wrapper {
background: #b221fe
}

.tp-appoint-contact button:hover {
background: #040d26
}

.tp-about-text p {
font-size: 20px;
line-height: 1.5
}

.tp-about-service-icon i {
font-size: 52px;
line-height: 1;
color: #ab37ea
}

.tp-about-service-text p {
font-size: 16px
}

.tp-about-service:hover i {
animation-name: wobble-vertical;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 3
}

.yellow-circle-shape {
position: relative;
padding-left: 30px;
display: inline-block;
z-index: 1
}

.yellow-circle-shape:before {
position: absolute;
content: "";
height: 65px;
width: 65px;
border-radius: 50%;
background: #ab37ea;
top: -6px;
left: 0;
z-index: -1
}

.tp-about-service-text-title {
font-size: 24px;
line-height: 1.41
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.tp-about-service-text-title {
font-size: 22px
}
}

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

.tp-about-author-img {
margin-right: 18px
}

.tp-about-author-img img {
height: 66px;
width: 66px;
border-radius: 50%;
object-fit: cover
}

.tp-about-author-text {
overflow: hidden
}

.tp-about-author-text span {
font-size: 16px;
display: block
}

.tp-about-author-text-title {
font-size: 24px;
margin-bottom: 0
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.tp-about-author-text-title {
font-size: 22px
}
}

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

.tp-about-number-icon {
height: 66px;
width: 66px;
text-align: center;
line-height: 86px;
background: #ecf3f0;
margin-right: 25px
}

@media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px) {
.tp-about-number-icon {
margin-right: 20px
}
}

.tp-about-number-icon i {
font-size: 34px;
animation: phone-icon-animate 1.5s ease-in-out infinite
}

.tp-about-number-text span {
margin-bottom: 5px;
display: block
}

.tp-about-number-text a {
font-size: 20px;
font-weight: 500;
display: block
}

@media(max-width:767px) {
.tp-about-number-text a {
font-size: 18px
}
}

.tp-about-img {
margin-left: -60px
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
.tp-about-img {
margin-left: 0
}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.tp-about-img {
margin-left: 0
}
}

@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-img {
margin-left: 0;
margin-bottom: 30px;
text-align: center
}
}

.tp-about-img img {
height: 615px;
width: 615px;
object-fit: cover;
border-radius: 50%;
border: 10px solid #fff;
max-width: inherit
}

@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) {
.tp-about-img img {
height: 500px;
width: 500px
}
}

@media(max-width:767px) {
.tp-about-img img {
height: 280px;
width: 280px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
.tp-about-img img {
height: 350px;
width: 350px
}
}

.tp-about-shape {
position: absolute;
top: 0;
left: 0
}

@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-about-area-two.pb-140 {
padding-bottom: 115px
}
}

.tp-about-text-two p {
font-size: 16px;
color: #626664
}

.tp-about-text-two-service-single-icon {
float: left;
margin-right: 34px
}

@media(max-width:767px) {
.tp-about-text-two-service-single-icon {
float: inherit;
margin-right: 0;
margin-bottom: 15px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
.tp-about-text-two-service-single-icon {
float: left;
margin-right: 30px;
margin-bottom: 0
}
}

.tp-about-text-two-service-single-icon span {
position: relative;
height: 75px;
width: 75px;
line-height: 83px;
display: inline-block;
color: #fff;
background: #b221fe;
text-align: center;
font-size: 45px;
border-radius: 4px
}

.tp-about-text-two-service-single-icon span:before {
position: absolute;
content: "";
height: 75px;
width: 75px;
border: 1px solid #b221fe;
border-radius: 5px;
top: -6px;
right: -6px
}

.tp-about-text-two-service-single p {
margin-bottom: 0
}

.tp-about-text-two-service-single:hover i {
animation: scale-up-one infinite 1.5s linear
}

.tp-about-text-two-service-title {
font-size: 24px;
color: #36074F
}

.tp-about-text-two-service-title:hover {
color: #b221fe
}

.tp-about-text-two-sign-img {
width: 160px;
float: left;
margin-right: 50px
}

@media(max-width:767px) {
.tp-about-text-two-sign-img {
margin-right: 15px;
width: 120px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
.tp-about-text-two-sign-img {
width: 140px
}
}

.tp-about-text-two-sign-text {
overflow: hidden
}

.tp-about-text-two-sign-text span {
font-size: 16px;
font-weight: 500;
color: #b221fe;
display: block
}

.tp-about-text-two-sign-name {
font-size: 24px;
color: #36074F
}

@media(max-width:767px) {
.tp-about-text-two-sign-name {
font-size: 20px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
.tp-about-text-two-sign-name {
font-size: 22px
}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.tp-about-img-two {
margin-right: 30px
}
}

@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-img-two {
margin-right: 0
}
}

.tp-about-img-two .img-second {
position: absolute;
right: 0;
top: 205px;
z-index: 1;
border-radius: 50%
}

@media only screen and (min-width:768px) and (max-width:991px) {
.tp-about-text-two {
padding-top: 150px
}
}

@media(max-width:767px) {
.tp-about-text-two {
padding-top: 170px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
.tp-about-text-two {
padding-top: 150px
}
}

.tp-about-img-two-badge {
position: absolute;
top: 0;
right: 0;
background: #ab37ea;
text-align: center;
height: 220px;
width: 110px;
padding-top: 30px;
border-bottom-left-radius: 60px;
border-bottom-right-radius: 60px
}

.tp-about-img-two-badge h3 {
font-size: 36px;
color: #36074F;
line-height: 1;
font-family: roboto,sans-serif;
margin-bottom: 30px;
overflow: hidden;
display: inline-block
}

.tp-about-img-two-badge h5 {
font-size: 22px;
color: #36074F;
line-height: 1.2;
transform: rotate(90deg);
margin-bottom: 0;
text-align: left;
font-family: roboto,sans-serif;
font-weight: 500
}

.tp-about-text-three .tp-about-service-text-title {
color: #102579
}

.tp-about-text-three .tp-about-service-text-title:hover {
color: #b221fe
}

.tp-about-text-three .tp-about-service-icon i {
color: #102579
}

.tp-about-text-three p {
color: #66686b
}

.tp-about-img-three {
z-index: 2
}

.tp-about-img-three .tp-about-img-three-second {
position: absolute;
top: 0;
right: -30px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.tp-about-img-three .tp-about-img-three-second {
right: 15px
}
}

@media(max-width:767px) {
.tp-about-img-three .tp-about-img-three-second {
right: -10px
}
}

.tp-about-img-three .tp-about-img-three-third {
position: absolute;
top: 0;
left: -45px;
z-index: -1
}

.tp-about-inner-page-text p {
color: #626664
}

.tp-about-inner-page-text .tp-about-service-icon i {
color: #36074F
}

.tp-about-inner-page-text .tp-about-number-icon {
background: #b221fe
}

.tp-about-inner-page-text .tp-about-number-icon i {
color: #fff
}

@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px) {
.tp-abouts-img-two {
margin-bottom: 135px
}
}

@media(max-width:767px) {
.tp-abouts-img-two {
margin-bottom: 165px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
.tp-abouts-img-two {
margin-bottom: 135px
}
}

@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-abouts-area {
padding-bottom: 90px
}
}

.tp-services {
padding: 42px 35px 45px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.tp-services {
padding: 27px 20px 30px
}
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.tp-services {
padding: 32px 25px 35px
}
}

.tp-services-icon {
width: 75px;
margin-right: 25px;
float: left;
margin-top: 12px
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.tp-services-icon {
float: inherit;
margin-right: 0;
margin-bottom: 25px
}
}

.tp-services-icon i {
font-size: 48px;
line-height: 1
}

.tp-services-text-link {
display: inline-flex;
align-items: center
}

.tp-services-text-link a {
font-size: 16px;
font-weight: 500
}

.tp-services-text-link a:hover {
color: #b221fe;
padding-left: 5px
}

.tp-services-text-link i {
font-size: 16px;
transform: translateY(2px);
display: inline-block;
margin-right: 2px;
line-height: 1
}

.tp-services:hover .tp-services-icon i {
animation-name: wobble-vertical;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 3
}

.tp-services-text-title {
font-size: 24px
}

@media(max-width:767px) {
.tp-services-text-title {
font-size: 22px
}
}

.tp-service-two-title {
font-size: 24px;
color: #36074F
}

.tp-service-two-title:hover {
color: #b221fe
}

.tp-service-two-img {
position: relative
}

.tp-service-two-img-box {
box-shadow: 0 0 24px 0 rgba(30,33,62,.19);
display: inline-block;
border-radius: 50%;
height: 300px;
width: 300px;
border-radius: 50%;
border: 10px solid #fff;
position: relative;
overflow: hidden
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.tp-service-two-img-box {
height: inherit;
width: inherit
}
}

.tp-service-two-img-box:before {
position: absolute;
content: "";
height: 100%;
width: 100%;
background-color: rgba(254,209,12,.8);
transform: scale(0);
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
z-index: 1
}

.tp-service-two-img img {
object-fit: cover
}

.tp-service-two-content span {
font-size: 16px;
color: #626664;
font-weight: 500;
display: block
}

.tp-service-two:hover .tp-service-two-img-box:before {
transform: scale(1)
}

.tp-service-two:hover img {
transform: scale3d(1.1,1.1,1.1)
}

.tp-service-two-icon-wrapper {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -20px;
z-index: 1
}

.tp-service-two-icon-wrapper ul {
transform: scale(0);
opacity: 0;
visibility: hidden;
height: 0;
overflow: hidden;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
z-index: 3
}

.tp-service-two-icon-wrapper ul li {
margin-bottom: 9px;
list-style: none
}

.tp-service-two-icon-wrapper ul li:last-child {
margin-bottom: 0
}

.tp-service-two-icon-wrapper ul li a {
height: 50px;
width: 50px;
line-height: 50px;
color: #fff;
background: #b221fe;
display: inline-block;
text-align: center;
font-size: 18px;
position: relative;
z-index: 1;
overflow: hidden;
border-radius: 5px
}

.tp-service-two-icon-wrapper ul li a:before {
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: 0%;
background: #040d26;
z-index: -1;
transform: rotate(90deg);
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s
}

.tp-service-two-icon-wrapper ul li a:hover:before {
width: 100%
}

.tp-service-two-icon-wrapper ul li a:hover i {
transform: rotate(360deg)
}

.tp-service-two-icon {
display: inline-block
}

.tp-service-two-icon .share-icon {
height: 60px;
width: 60px;
line-height: 60px;
display: inline-block;
text-align: center;
font-size: 18px;
background: #b221fe;
color: #fff;
border-radius: 50%
}

.tp-service-two-icon .share-icon:hover {
color: #36074F;
background: #fff
}

.tp-service-two-icon:hover ul {
transform: scale(1);
opacity: 1;
visibility: visible;
height: inherit;
overflow: inherit;
margin-bottom: 13px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.tp-service-two-icon:hover ul {
margin-bottom: 5px
}
}

.tp-quality {
text-align: center
}

.tp-quality-img {
border: 1px solid #b221fe;
border-radius: 50%;
position: relative;
overflow: hidden;
height: 300px;
width: 300px;
display: inline-block
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.tp-quality-img {
height: inherit;
width: inherit
}
}

.tp-quality-img:before {
position: absolute;
content: "";
height: 100%;
width: 100%;
top: 0;
left: 0;
background-color: rgba(254,209,12,.651);
z-index: 1;
opacity: 0;
visibility: hidden
}

.tp-quality-img img {
height: 300px;
width: 300px;
border-radius: 50%;
object-fit: cover;
transform: translateY(-10px);
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.tp-quality-img img {
height: inherit;
width: inherit
}
}

.tp-quality-text-icon {
margin-top: -60px;
position: relative;
z-index: 2
}

.tp-quality-text-icon a {
height: 100px;
width: 100px;
line-height: 100px;
display: inline-block;
text-align: center;
font-size: 50px;
color: #36074F;
background: #ab37ea;
border-radius: 50%;
overflow: hidden;
position: relative
}

.tp-quality-text-icon a i {
position: absolute;
top: 55%;
left: 50%;
transform: translate(-50%,-50%);
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s
}

.tp-quality-text-icon a i.tp-quality-text-icon2 {
left: 120%
}

.tp-quality-text span {
font-size: 16px;
font-weight: 500;
color: #b221fe;
display: block;
margin-bottom: 5px
}

.tp-quality:hover .tp-quality-text-icon a {
background: #b221fe;
color: #fff;
position: relative
}

.tp-quality:hover .tp-quality-text-icon a i {
left: -120%
}

.tp-quality:hover .tp-quality-text-icon a i.tp-quality-text-icon2 {
top: 50%;
left: 50%
}

.tp-quality:hover img {
transform: translateY(-1px)
}

.tp-quality:hover .tp-quality-img:before {
opacity: 1;
visibility: visible
}

.tp-quality-text-title {
font-size: 24px;
color: #36074F
}

.tp-quality-text-title:hover {
color: #b221fe
}

.tp-service-three {
padding: 20px;
box-shadow: 0 5px 20px 0 rgba(5,7,80,.06);
border-radius: 3px;
background: #fff;
overflow: hidden;
display: flex;
align-items: center
}

@media only screen and (min-width:992px) and (max-width:1199px),(max-width:767px) {
.tp-service-three {
display: inherit
}
}

.tp-service-three-img {
width: 260px;
min-width: 260px;
margin-right: 40px;
position: relative;
overflow: hidden
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.tp-service-three-img {
margin-right: 25px
}
}

@media only screen and (min-width:992px) and (max-width:1199px),(max-width:767px) {
.tp-service-three-img {
width: 100%;
min-width: inherit;
margin-bottom: 30px
}
}

.tp-service-three-img img {
width: 100%;
object-fit: cover
}

.tp-service-three-img-icon {
position: absolute;
top: 0;
right: 0;
height: 80px;
width: 80px;
text-align: center;
line-height: 102px;
background: #b221fe;
border-radius: 30px 0 30px 50px;
padding-left: 6px
}

.tp-service-three-img-icon i {
color: #fff;
font-size: 40px
}

.tp-service-three-text p {
font-size: 16px;
color: #66686b
}

.tp-service-three-text-btn a {
height: 55px;
line-height: 55px;
color: #36074F
}

.tp-service-three-text-btn a:hover {
color: #fff
}

.tp-service-three:hover .tp-service-three-img-icon i {
transform: rotateY(360deg)
}

.tp-service-three:hover img {
transform: scale3d(1.1,1.1,1.1)
}

.tp-service-three-title {
font-size: 24px;
color: #102579
}

.tp-service-three-title:hover {
color: #b221fe
}

.tp-service-three-text-btn a {
color: #102579
}

.tp-service-three-text-btn a:hover {
color: #fff
}

.tp-service-active .tp-service-two-img-box {
box-shadow: none
}

.tp-service-four {
border: 2px solid #ebecee;
background: 0 0
}

.tp-service-four .tp-service-three-img {
position: relative
}

.tp-service-four .tp-service-three-img .tp-service-three-img-overlay {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: rgba(254,209,12,.702);
transform: scale(0);
visibility: hidden;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s
}

.tp-service-four .tp-service-three-img .tp-service-three-img-overlay .tp-service-three-img-overlay-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
height: 80px;
width: 80px;
text-align: center;
line-height: 102px;
background: #b221fe;
border-radius: 50%
}

.tp-service-four .tp-service-three-img .tp-service-three-img-overlay .tp-service-three-img-overlay-icon i {
color: #fff;
font-size: 40px
}

.tp-service-four:hover .tp-service-three-img-overlay {
transform: scale(1);
visibility: visible
}

.tp-service-four:hover .tp-service-three-img-icon {
opacity: 0;
visibility: hidden
}

.tp-service-four:hover .tp-service-three-text-btn a {
background: #b221fe;
color: #fff
}

.tp-service-four:hover .tp-service-three-text-btn a:hover {
background: #ab37ea;
color: #36074F
}

.tp-faqs-left-sidebar.tp-services-sidebar ul li {
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s
}

.tp-faqs-left-sidebar.tp-services-sidebar ul li a {
display: flex;
justify-content: space-between;
align-items: center
}

.tp-faqs-left-sidebar.tp-services-sidebar ul li a i {
font-size: 14px
}

.tp-faqs-left-sidebar.tp-services-sidebar ul li:hover {
border-color: #b221fe
}

.tp-services-sidebar-btn a {
display: flex;
align-items: center;
background: #b221fe;
font-family: nunito sans,sans-serif;
font-weight: 700;
color: #fff;
font-size: 20px
}

.tp-services-sidebar-btn a i {
height: 60px;
line-height: 68px;
width: 60px;
display: inline-block;
border-right: .5px solid #fff;
margin-right: 20px;
text-align: center;
font-size: 24px
}

.tp-service-details-img img {
width: 100%
}

.tp-service-details-img-overlay {
position: absolute;
height: 100%;
width: 100%;
background: rgba(7,95,51,.251);
top: 0;
left: 0
}

.tp-service-details-img-overlay-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%)
}

.tp-service-details-img-overlay-icon a {
color: #040d26;
font-size: 18px;
height: 100px;
width: 100px;
text-align: center;
line-height: 100px;
border-radius: 50%;
background: #ab37ea;
display: inline-block
}

.tp-service-details-img-overlay-icon a:hover {
background: #b221fe;
color: #fff
}

@media(max-width:767px) {
.tp-service-details-img-overlay-icon a {
height: 60px;
width: 60px;
line-height: 60px;
font-size: 16px
}
}

.tp-service-details p {
color: #626664;
font-size: 16px;
line-height: 27px
}

.tp-service-details p i {
color: #b221fe;
line-height: 1;
transform: translateY(6px);
display: inline-block;
margin-right: 12px
}

.tp-service-details-subtitle {
font-size: 36px;
color: #36074F
}

@media(max-width:767px) {
.tp-service-details-subtitle {
font-size: 28px
}
}

.tp-service-details-feature {
padding: 35px 10px 30px;
border: 6px solid #fff;
box-shadow: 0 5px 19px 1px rgba(9,41,25,.06)
}

.tp-service-details-feature .tp-feature-three-icon {
position: relative
}

.tp-service-details-feature .tp-feature-three-icon i {
font-size: 35px;
line-height: 1;
display: inline-block;
position: absolute;
top: 29px;
left: 30px
}

.tp-service-details-feature:hover i {
animation-name: wobble-vertical;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 3
}

.tp-service-details-feature-title {
font-size: 24px;
color: #ab37ea
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.tp-service-details-feature-title {
font-size: 22px
}
}

.tp-service-details-feature-title:hover {
color: #36074F
}

@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-service-details-area {
padding-bottom: 100px
}
}

.common-yellow-shape.common-white-shape:before {
background: #fff
}

.tp-choose-timeline-single-title {
font-size: 24px;
line-height: 1.33;
transform: translateY(-3px)
}

@media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:576px) and (max-width:767px) {
.tp-choose-timeline-single-title {
font-size: 22px
}

.tp-choose-timeline-single-title br {
display: none
}
}

.tp-choose-timeline {
border-left: 2px solid #b221fe
}

.tp-choose-timeline-single {
position: relative
}

@media only screen and (min-width:576px) and (max-width:767px) {
.tp-choose-timeline-single {
padding-left: 25px
}
}

.tp-choose-timeline-single:before {
position: absolute;
content: "";
height: 25px;
width: 25px;
border-radius: 50%;
background: #b221fe;
border: 4px solid #bbe2cf;
left: -12.5px;
top: 0;
z-index: 1
}

.tp-choose-timeline-single:hover:before {
animation: pulse-green 6s infinite
}

.tp-choose-img {
margin-left: -30px
}

@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-choose-img {
margin-left: 0
}
}

.tp-choose-img img {
border: 10px solid #ecf3f0;
max-width: inherit
}

@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-choose-img img {
max-width: 100%
}
}

.tp-choose-yellow-bg {
height: 590px;
position: absolute;
top: -255px;
left: 0;
right: 0;
background: #ab37ea;
width: 100%;
z-index: 1
}

@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-section-title-wrapper.mb-105 {
margin-bottom: 60px
}
}

.tp-choose-three p {
color: #6a6b71
}

.tp-choose-three .tp-about-service-text-title {
color: #102579
}

.tp-choose-three .tp-about-service-text-title:hover {
color: #b221fe
}

.tp-choose-three .tp-about-service-icon i {
color: #102579
}

.tp-choose-three .yellow-circle-shape:before {
background: #e3e6f3
}

.tp-choose-area-three-img {
position: absolute;
top: 0;
left: 0
}

@media only screen and (min-width:1600px) and (max-width:1750px) {
.tp-choose-area-three-img img {
max-width: 770px
}
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
.tp-choose-area-three-img img {
max-width: 670px
}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.tp-choose-area-three-img img {
max-width: 570px
}
}

@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-choose-area-three-img {
position: relative;
margin-bottom: 40px
}

.tp-choose-area-three-img img {
width: 100%
}
}

.tp-choose-three-year-inner {
display: inline-block;
text-align: left;
padding-left: 60px
}

@media(max-width:767px) {
.tp-choose-three-year-inner {
padding-left: 20px
}
}

.tp-choose-three-year-inner h3 {
font-size: 60px;
line-height: 1;
color: #fff;
margin-bottom: 5px;
font-family: roboto,sans-serif;
font-weight: 700
}

@media(max-width:767px) {
.tp-choose-three-year-inner h3 {
font-size: 42px
}
}

.tp-choose-three-year-inner h4 {
font-size: 45px;
color: #fff;
line-height: 1.3;
margin-bottom: 0;
font-family: roboto,sans-serif;
font-weight: 700
}

@media(max-width:767px) {
.tp-choose-three-year-inner h4 {
font-size: 32px
}
}

.tp-choose-three-year {
background: #b221fe;
height: 340px;
width: 480px;
border: 20px solid #fff;
border-radius: 5px;
display: inline-flex;
align-items: center;
position: relative;
z-index: 1;
margin-right: 52px
}

@media(max-width:767px) {
.tp-choose-three-year {
border: none;
height: 200px;
width: 280px
}
}

.tp-choose-three-year-responsive {
display: none
}

@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-choose-three-year-responsive {
display: inline-flex;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
margin: 0
}
}

@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-choose-area-three {
padding-bottom: 45px
}
}

.tp-fact-text-title {
font-size: 55px;
line-height: .6
}

@media(max-width:767px) {
.tp-fact-text-title {
font-size: 42px
}
}

.tp-fact-text-subtitle {
font-size: 20px;
font-weight: 500;
font-family: roboto,sans-serif;
margin-bottom: 0
}

@media(max-width:767px) {
.tp-fact-text-subtitle {
font-size: 16px
}
}

.tp-fact-icon {
position: relative;
display: inline-block
}

.tp-fact-icon i {
font-size: 55px;
color: #ab37ea;
position: absolute;
top: 31%;
left: 30%
}

.tp-fact:hover i {
animation: scale-up-one infinite 1.5s linear
}

@media(max-width:767px) {
.tp-pricing-area .section-title-wrapper.mb-55 {
margin-bottom: 30px
}
}

.tp-pricing {
padding: 60px 75px;
border-radius: 5px
}

@media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:768px) and (max-width:991px) {
.tp-pricing {
padding: 50px 35px
}
}

@media(max-width:767px) {
.tp-pricing {
padding: 50px 0
}
}

.tp-pricing-icon {
height: 260px;
width: 260px;
padding: 45px;
display: inline-block;
border-radius: 50%;
background: #e4ede9
}

@media(max-width:767px) {
.tp-pricing-icon {
height: 230px;
width: 230px;
padding: 30px
}
}

.tp-pricing-icon-inner {
height: 170px;
width: 170px;
line-height: 250px;
background: #fff;
display: inline-block;
border-radius: 50%;
text-align: center
}

.tp-pricing-icon i {
color: #b221fe;
font-size: 100px
}

.tp-pricing-list {
display: inline-block
}

.tp-pricing-list ul li {
font-size: 18px;
list-style: none;
margin-bottom: 15px
}

.tp-pricing-list ul li:last-child {
margin-bottom: 0
}

.tp-pricing-list ul li i {
font-size: 12px;
margin-right: 4px;
transform: translateY(-2px)
}

.tp-pricing-btn .theme-btn:hover, .tp-pricing-btn .theme-btn.active {
background: #ab37ea;
color: #ab37ea
}

.tp-pricing-btn .theme-btn.active:hover {
background: #b221fe;
color: #fff
}

.tp-pricing:hover .tp-pricing-icon i {
animation: scale-up-one infinite 2s linear
}

.tp-pricing-rate, .tp-pricing-list, .tp-pricing-btn {
display: inline-block;
text-align: left
}

@media(max-width:767px) {
.tp-pricing-rate, .tp-pricing-list, .tp-pricing-btn {
display: inherit
}
}

@media(max-width:767px) {
.tp-pricing-list {
text-align: center
}

.tp-pricing-list ul {
text-align: left;
display: inline-block
}
}

@media(max-width:767px) {
.tp-pricing-btn {
text-align: center
}
}

.tp-pricing-rate-subtitle {
font-size: 24px
}

.tp-pricing-rate-title {
font-weight: 700;
font-family: roboto,sans-serif;
font-size: 60px;
line-height: .5
}

.tp-pricing-rate-title span {
font-weight: 700;
font-size: 24px
}

.tp-pricing-tabs {
display: inline-flex;
padding: 5px;
background: #ecf3f0;
border-radius: 30px
}

@media(max-width:767px) {
.tp-pricing-tabs {
margin-bottom: 40px
}
}

.tp-pricing-tabs button {
height: 50px;
line-height: 50px;
padding: 0 30px;
background: #ab37ea;
display: inline-block;
border-radius: 30px;
font-weight: 500;
font-size: 16px;
color: #36074F;
border: none;
outline: none;
cursor: pointer
}

@media only screen and (min-width:768px) and (max-width:991px) {
.tp-pricing-tabs button {
padding: 0 22px
}
}

.tp-pricing-tabs button:last-child {
margin-left: 6px
}

.tp-pricing-tabs button.active {
background: #b221fe;
color: #fff
}

@media only screen and (min-width:768px) and (max-width:991px) {
.tp-pricing-area-two .tp-section-title-two br {
display: none
}
}

.tp-pricing-two-shape {
height: 550px;
width: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
background: #040d26
}

.tp-pricing-tabs-two {
background: #fff
}

.tp-pricing-two {
padding: 20px
}

.tp-pricing-two-img img {
width: 100%
}

.tp-pricing-two-rate {
margin-left: 40px;
margin-right: 40px;
background: #fff;
padding: 20px 15px;
text-align: center;
box-shadow: 0 5px 25px 0 rgba(0,6,91,.06);
position: relative;
position: absolute;
top: -52px;
left: 0;
right: 0
}

.tp-pricing-two-rate.active {
background: #ab37ea
}

.tp-pricing-two-rate h3 {
font-family: roboto,sans-serif;
font-weight: 700;
color: #36074F;
line-height: 1;
margin-bottom: 0;
font-size: 45px
}

@media(max-width:767px) {
.tp-pricing-two-rate h3 {
font-size: 30px
}
}

.tp-pricing-two-rate h3 span {
font-size: 24px;
line-height: 1
}

.tp-pricing-two-btn a {
padding: 0 43px;
border-radius: 30px;
color: #36074F
}

.tp-pricing-two-btn a.theme-btn {
color: #fff
}

.tp-pricing-two-btn a.theme-btn:hover {
color: #36074F
}

.tp-pricing-two-list {
display: inline-block
}

.tp-pricing-two-list ul {
text-align: left
}

.tp-pricing-two-list ul li {
font-size: 18px;
list-style: none;
margin-bottom: 15px;
color: #626664
}

.tp-pricing-two-list ul li:last-child {
margin-bottom: 0
}

.tp-pricing-two-list ul li i {
font-size: 12px;
margin-right: 4px;
transform: translateY(-2px)
}

.tp-pricing-cat {
font-size: 27px;
color: #36074F;
padding-top: 70px;
margin-bottom: 30px
}

.tp-pricing-two-content {
background: #fff;
position: relative
}

.tp-pricings .tp-pricing-icon {
background: #f0f1f2
}

.tp-pricings .tp-pricing-rate-subtitle, .tp-pricings .tp-pricing-rate-title {
color: #36074F
}

.tp-pricings .tp-pricing-list ul li {
color: #626664
}

.tp-pricings .tp-pricing-btn .theme-btn:hover, .tp-pricings .tp-pricing-btn .theme-btn.active {
color: #36074F
}

.tp-pricings .tp-pricing-btn .theme-btn.active:hover {
color: #fff
}

.tp-testimonial-bg {
box-shadow: 0 0 20px 0 rgba(0,6,91,.08)
}

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

@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-testimonial {
margin-left: 0
}
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.tp-testimonial {
padding: 0 30px 30px
}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.tp-testimonial-img {
padding-left: 20px
}
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.tp-testimonial-img {
margin-bottom: 30px
}
}

.tp-testimonial-img img {
max-width: inherit
}

@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-testimonial-img img {
max-width: 100%
}
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.tp-testimonial-img img {
width: 100%
}
}

.tp-testimonial-single p {
font-size: 20px;
line-height: 1.6;
padding-right: 70px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
.tp-testimonial-single p {
padding-right: 15px;
font-size: 16px
}
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.tp-testimonial-single p {
padding-right: 0;
font-size: 16px
}
}

.tp-testimonial-author {
display: inline-flex;
align-items: center
}

.tp-testimonial-author-img {
margin-right: 25px
}

@media(max-width:767px) {
.tp-testimonial-author-img {
margin-right: 15px
}
}

.tp-testimonial-author-img img {
height: 75px;
width: 75px;
object-fit: cover
}

@media(max-width:767px) {
.tp-testimonial-author-img img {
height: 60px;
width: 60px
}
}

.tp-testimonial-author-text-name {
font-size: 24px;
margin-bottom: 5px
}

@media(max-width:767px) {
.tp-testimonial-author-text-name {
font-size: 18px;
margin-bottom: 0
}
}

.tp-testimonial-author-text-designation {
font-size: 16px
}

@media(max-width:767px) {
.tp-testimonial-author-text-designation {
font-size: 14px;
line-height: 1
}
}

.tp-testimonial-qoute {
position: absolute;
right: 155px;
bottom: 65px;
z-index: -1;
animation: float-bob-y infinite 3s linear
}

@media(max-width:767px) {
.tp-testimonial-qoute {
right: 50px;
bottom: 150px
}
}

.tp-testimonial-slider-arrow {
width: 65px;
text-align: right;
position: absolute;
right: 0;
bottom: 0;
z-index: 3
}

.tp-testimonial-slider-arrow .slide-prev, .tp-testimonial-slider-arrow .slide-next {
height: 65px;
width: 65px;
line-height: 65px;
display: block;
background: #ab37ea;
color: #ab37ea;
cursor: pointer;
border: none;
outline: none;
text-align: center;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
position: static;
font-size: 20px;
margin: 0
}

.tp-testimonial-slider-arrow .slide-prev {
background: #040d26;
color: #fff
}

.testimonial-button-next.swiper-button-disabled, .testimonial-button-prev.swiper-button-disabled {
opacity: .7
}

.tp-testimonial-shape {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 285px;
width: 100%;
background: #ecf3f0;
z-index: 1
}

.tp-testimonial-divide {
display: flex;
justify-content: space-between;
align-items: flex-end
}

@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-testimonial-divide {
display: inherit
}
}

.tp-testimonial-two-wrapper {
width: calc(100% - 630px);
margin-left: -125px;
margin-bottom: 60px
}

@media only screen and (min-width:1600px) and (max-width:1750px) {
.tp-testimonial-two-wrapper {
width: calc(100% - 565px)
}
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
.tp-testimonial-two-wrapper {
width: calc(100% - 400px)
}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.tp-testimonial-two-wrapper {
width: calc(100% - 415px)
}
}

@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-testimonial-two-wrapper {
width: 100%;
margin: 0;
margin-bottom: 60px
}
}

.tp-testimonial-title-wrapper {
position: absolute;
top: 0;
left: 0;
z-index: 1
}

@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-testimonial-title-wrapper {
position: inherit;
padding-top: 112px;
margin-bottom: 50px
}
}

.tp-testimonial-area-two-shape {
position: absolute;
top: 0;
left: 0;
right: 0;
background: #f5f5f5;
width: 100%;
height: 420px
}

.tp-testimonial-two-form {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 715px;
min-height: 100%;
text-align: center
}

@media only screen and (min-width:1600px) and (max-width:1750px) {
.tp-testimonial-two-form {
width: 650px
}
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
.tp-testimonial-two-form {
width: 550px
}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.tp-testimonial-two-form {
width: 500px
}
}

@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-testimonial-two-form {
width: 100%
}
}

.tp-testimonial-two-form-wrapper {
padding: 42px 50px 45px;
background: #fff;
display: inline-block;
width: 485px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.tp-testimonial-two-form-wrapper {
width: 400px
}
}

@media(max-width:767px) {
.tp-testimonial-two-form-wrapper {
width: 100%;
padding: 22px 20px 25px
}
}

.tp-testimonial-two-form-wrapper .input-field input, .tp-testimonial-two-form-wrapper .input-field select, .tp-testimonial-two-form-wrapper .input-field textarea {
color: #6a6b71;
font-size: 15px;
font-family: roboto,sans-serif;
display: block;
font-weight: 500;
height: 60px;
padding: 0 20px;
border: none;
outline: none;
background: #f5f5f5;
width: 100%
}

.tp-testimonial-two-form-wrapper .input-field input::-moz-placeholder, .tp-testimonial-two-form-wrapper .input-field input::placeholder, .tp-testimonial-two-form-wrapper .input-field select::-moz-placeholder, .tp-testimonial-two-form-wrapper .input-field select::placeholder, .tp-testimonial-two-form-wrapper .input-field textarea::-moz-placeholder, .tp-testimonial-two-form-wrapper .input-field textarea::placeholder {
font-size: 15px;
color: #6a6b71;
font-weight: 500;
opacity: 1
}

.tp-testimonial-two-form-wrapper .input-field textarea {
height: 125px;
padding-top: 15px
}

.tp-testimonial-two-form-wrapper .input-field button {
display: block;
text-align: center;
width: 100%
}

.tp-testimonial-form-title {
font-size: 36px;
color: #36074F
}

.tp-testimonial-form-title span {
color: #b221fe
}

.tp-testimonial-two {
padding: 50px 40px 35px;
background: #fff;
box-shadow: 0 10px 30px 0 rgba(30,33,62,.06);
padding: 40px 25px 25px
}

@media only screen and (min-width:1600px) and (max-width:1750px) {
.tp-testimonial-two {
padding: 40px 25px 25px
}
}

.tp-testimonial-two-author {
display: flex;
align-items: center
}

.tp-testimonial-two-author-img {
width: 85px;
margin-right: 15px
}

.tp-testimonial-two-author-img img {
height: 83px;
width: 83px;
border-radius: 50%;
object-fit: cover
}

.tp-testimonial-two-author-text span {
font-size: 16px;
display: block;
color: #626664
}

.tp-testimonial-two p {
font-size: 16px;
color: #6a6b71
}

.tp-testimonial-two-name {
font-size: 24px;
color: #36074F;
margin-bottom: 0
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
.tp-testimonial-two-name {
font-size: 21px
}
}

@media(max-width:767px) {
.tp-testimonial-two-name {
font-size: 20px
}
}

.tp-testimonial-two-qoute {
position: absolute;
top: 0;
right: 0;
background: #b221fe;
height: 80px;
width: 80px;
line-height: 105px;
text-align: center
}

@media 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-testimonial-two-qoute {
height: 60px;
width: 60px;
line-height: 72px
}
}

@media(max-width:767px) {
.tp-testimonial-two-qoute {
height: 50px;
width: 50px;
line-height: 52px
}
}

.tp-testimonial-two-qoute i {
color: #fff;
font-size: 50px
}

@media 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-testimonial-two-qoute i {
font-size: 32px
}
}

@media(max-width:767px) {
.tp-testimonial-two-qoute i {
font-size: 24px
}
}

.tp-testimonial-two-active.common-dots .slide-dots {
bottom: -9px
}

.tp-testimonial-two-active.swiper-container-horizontal.common-dots .slide-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
margin-top: 0;
margin-bottom: 9px
}

.tp-testimonial-three-shadow {
box-shadow: 0 0 30px 0 rgba(30,33,62,.06);
position: relative
}

.tp-testimonial-three-shadow.common-dots .slide-dots {
left: 50%;
transform: translateX(-50%);
bottom: 30px
}

.tp-testimonial-three-shadow.common-dots .slide-dots .swiper-pagination-bullet {
font-size: 0;
height: 12px;
width: 12px;
padding: 3px;
background: #97bdaa;
cursor: pointer;
border-radius: 50%;
border: none;
display: inline-block;
outline: none;
position: relative;
margin: 6px
}

.tp-testimonial-three-shadow.common-dots .slide-dots .swiper-pagination-bullet:before {
position: absolute;
content: "";
height: 18px;
width: 18px;
border-radius: 50%;
border: 2px solid transparent;
top: -6px;
left: -6px
}

.tp-testimonial-three-shadow.common-dots .slide-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
height: 6px;
width: 6px;
background: #b221fe;
margin: 11px;
margin-left: 9px;
transform: translateY(2px)
}

.tp-testimonial-three-shadow.common-dots .slide-dots .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
border-color: #b221fe
}

.tp-testimonial-three-shadow.common-dots .slide-dots {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -80px;
top: inherit;
right: inherit;
width: inherit;
z-index: 9
}

.tp-testimonial-two-wrapper .swiper-container-horizontal.common-dots .slide-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
transform: inherit;
margin-left: 15px
}

.tp-about-testimonial-shape {
bottom: auto;
top: 0;
background: #f7f7f7;
height: 255px
}

.tp-abouts-testimonial p, .tp-abouts-testimonial .tp-testimonial-author-text-designation, .tp-abouts-testimonial i {
color: #626664
}

.tp-testimonial-two-form-four {
min-height: 765px;
display: inline-flex;
justify-content: center;
align-items: flex-end
}

.tp-testimonial-two-form-four p {
color: #626664
}

.tp-project-shape {
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 100%;
background: #fff;
height: 110px
}

.tp-project-subtitle {
font-size: 16px;
font-weight: 500;
margin-bottom: 5px;
display: block;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s
}

.tp-project-title {
font-size: 24px;
margin-bottom: 0;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s
}

@media only screen and (min-width:768px) and (max-width:991px) {
.tp-project-title {
font-size: 22px
}
}

.tp-project-text {
display: flex;
justify-content: space-between;
align-items: center;
background: #fff;
padding: 35px 40px;
margin-left: 15px;
margin-right: 15px;
border-radius: 3px;
box-shadow: 0 5px 25px 0 rgba(0,6,91,.08);
margin-top: -50px;
position: relative;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s
}

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

@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-project-text {
padding: 30px 25px
}
}

.tp-project-text-icon a {
height: 60px;
width: 60px;
line-height: 60px;
border-radius: 50%;
color: #fff;
display: inline-block;
background: #b221fe;
text-align: center;
font-size: 20px;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s
}

@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-project-text-icon a {
height: 40px;
width: 40px;
line-height: 40px;
font-size: 18px
}
}

.tp-project-img {
overflow: hidden
}

.tp-project-img img {
width: 100%;
border-radius: 4px
}

.tp-project:hover .tp-project-subtitle, .tp-project:hover .tp-project-title {
color: #fff !important
}

.tp-project:hover .tp-project-text {
background: #b221fe
}

.tp-project:hover .tp-project-text-icon a {
background: #ab37ea;
color: #36074F
}

.tp-project:hover img {
transform: scale3d(1.1,1.1,1.1)
}

.tp-project-title-btn a {
color: #102579
}

.tp-project-title-btn a:hover {
color: #fff
}

.tp-project-title-wrapper h2 {
font-size: 54px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.tp-project-title-wrapper h2 {
font-size: 45px
}
}

@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px) {
.tp-project-title-wrapper h2 {
font-size: 36px
}
}

@media(max-width:767px) {
.tp-project-title-wrapper h2 {
font-size: 32px
}
}

.tp-project-three-img {
position: relative
}

.tp-project-three-img img {
width: 100%
}

@media(max-width:767px) {
.tp-project-three-img img {
min-height: 290px;
object-fit: cover
}
}

.tp-project-three-img-overlay {
background-color: rgba(254,209,12,.8);
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
transform: scale(0);
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s
}

.tp-project-three-img-overlay-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
text-align: center;
width: 100%
}

.tp-project-three-img-overlay-text-icon {
margin-bottom: 28px
}

.tp-project-three-img-overlay-text-icon a {
height: 64px;
width: 64px;
display: inline-block;
background: #102579;
color: #fff;
font-size: 20px;
text-align: center;
border-radius: 50%;
line-height: 64px
}

.tp-project-three-img-overlay-text-icon a:hover {
background: #b221fe
}

.tp-project-three-img-overlay span {
font-size: 16px;
font-weight: 500;
display: block;
color: #102579
}

.tp-project-three:hover .tp-project-three-img-overlay {
transform: scale(.9)
}

.tp-project-three-img-overlay-title {
font-size: 24px;
color: #102579
}

.tp-project-three-img-overlay-title:hover {
color: #b221fe
}

@media(max-width:767px) {
.tp-project-title-btn {
margin-bottom: 25px
}
}

.tp-prjects-tab-menu .nav-item {
margin: 0 6px
}

@media(max-width:767px) {
.tp-prjects-tab-menu .nav-item {
margin: 0 4px
}
}

.tp-prjects-tab-menu .nav-link {
border: 1px solid #dee0e2;
height: 50px;
line-height: 48px;
padding: 0 30px;
border-radius: 50px;
background: 0 0;
color: #36074F;
outline: none;
cursor: pointer;
display: inline-block;
font-weight: 500;
font-family: roboto,sans-serif
}

@media only screen and (min-width:768px) and (max-width:991px) {
.tp-prjects-tab-menu .nav-link {
padding: 0 25px
}
}

@media(max-width:767px) {
.tp-prjects-tab-menu .nav-link {
padding: 0 17px;
height: 40px;
line-height: 38px;
font-size: 15px;
margin-bottom: 5px
}
}

.tp-prjects-tab-menu .nav-link.active {
background: #b221fe;
color: #fff;
border-color: #b221fe
}

.tp-prjects-tab-content .tp-project-text {
padding: 35px 30px;
position: static;
margin-top: -55px;
z-index: 3
}

@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-prjects-tab-content .tp-project-text {
padding: 30px 20px
}
}

.tp-prjects-tab-content .tp-project-img {
position: relative;
z-index: -1
}

.tp-prjects-tab-content .tp-project-img img {
width: 100%
}

.tp-prjects-tab-content .tp-project-subtitle {
color: #626664
}

.tp-prjects-tab-content .tp-project-title {
color: #36074F
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.tp-prjects-tab-content .tp-project-title {
font-size: 22px
}
}

.tp-faqs-left-sidebar ul li {
font-weight: 500;
color: #36074F;
font-size: 18px
}

.tp-faqs-left-sidebar ul li span {
font-weight: 400;
color: #626664;
font-size: 18px
}

.tp-progress-area {
background: #fff
}

.tp-progress-shape {
position: absolute;
top: 0;
left: 0;
max-width: 835px
}

@media only screen and (min-width:1600px) and (max-width:1750px) {
.tp-progress-shape {
max-width: 40%
}
}

@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-progress-shape {
max-width: 40%
}
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.tp-progress-shape {
max-width: 100%
}
}

.tp-skill--title__wrapper {
margin-bottom: 13px;
display: flex;
justify-content: space-between;
align-items: center
}

.tp-skill--title__wrapper span {
color: #ab37ea
}

.tp-skill--title {
font-size: 16px;
display: inline-block;
margin-bottom: 0;
font-weight: 500;
font-family: roboto,sans-serif
}

@media only screen and (min-width:992px) and (max-width:1199px) {
.tp-skill__wrapper {
margin-bottom: 20px
}
}

.tp-skill__wrapper .progress {
height: 8px;
border-radius: 0;
overflow: inherit;
background-color: #e9ecef
}

.tp-skill__wrapper .progress .progress-bar {
background: #b221fe;
position: relative;
overflow: inherit
}

.tp-skill__wrapper .progress .progress-bar span {
height: 22px;
width: 4px;
display: inline-block;
background: #b221fe;
position: absolute;
transform: rotate(20deg);
right: -2px;
border-radius: 30px
}

.tp-skill--content {
overflow: hidden;
padding-bottom: 15px
}

.tp-skill--title__wrapper {
margin-bottom: 13px;
display: flex;
justify-content: space-between;
align-items: center;
position: relative
}

.tp-skill--title__wrapper span {
color: #ab37ea;
position: absolute;
top: 0
}

@media only screen and (min-width:992px) and (max-width:1199px) {
.tp-progress-text p {
margin-bottom: 20px
}
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.tp-progress-img {
margin-bottom: 50px
}
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.tp-progress-img img {
width: 100%
}
}

.tp-blog-img {
position: relative;
border-radius: 5px
}

.tp-blog-img .tp-blog-badge {
height: 50px;
line-height: 50px;
width: 170px;
padding-left: 20px;
background: #b221fe;
display: inline-block;
position: absolute;
top: 20px;
left: 0;
font-size: 14px;
font-weight: 500;
color: #fff;
text-transform: uppercase;
clip-path: polygon(0 0,100% 0%,94% 100%,0% 100%)
}

.tp-blog-img img {
border-radius: 5px
}

.tp-blog-meta li {
display: inline-block;
list-style: none;
margin-right: 25px
}

.tp-blog-meta li:last-child {
margin-right: 0
}

.tp-blog-meta li a {
font-size: 16px;
font-weight: 500
}

.tp-blog-meta li a:hover {
color: #b221fe
}

.tp-blog-link {
display: inline-flex;
align-items: center
}

.tp-blog-link a {
font-size: 16px;
font-weight: 500
}

.tp-blog-link a:hover {
color: #b221fe;
padding-left: 5px
}

.tp-blog-link i {
font-size: 16px;
transform: translateY(2px);
display: inline-block;
margin-right: 2px;
line-height: 1
}

.tp-blog-title {
font-size: 24px;
line-height: 1.41
}

@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-blog-title {
font-size: 22px
}
}

.tp-blog-title:hover {
color: #b221fe
}

.tp-blog-img {
overflow: hidden
}

.tp-blog-img img {
width: 100%;
border-radius: 4px
}

.tp-blog:hover img {
transform: scale3d(1.1,1.1,1.1)
}

@media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:768px) and (max-width:991px) {
.tp-blog-area.pt-90 {
padding-top: 75px
}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
.tp-blog-area.pt-90 {
padding-top: 70px
}
}

@media(max-width:767px) {
.tp-blog-area.pt-90 {
padding-top: 75px
}
}

@media(max-width:767px) {
.tp-blog-area .section-title-wrapper {
margin-bottom: 60px
}
}

.tp-blog-two:hover img {
transform: scale3d(1.1,1.1,1.1)
}

.tp-blog-date {
text-align: center;
background: #b221fe;
position: absolute;
top: 20px;
right: 0;
padding: 19px 24px 15px
}

.tp-blog-date h4 {
font-size: 27px;
color: #fff;
margin-bottom: 0;
line-height: .8
}

.tp-blog-date span {
font-size: 16px;
font-weight: 500;
color: #fff;
line-height: 1
}

.tp-blog-title-two {
font-size: 24px;
color: #36074F
}

@media only screen and (min-width:992px) and (max-width:1199px),(max-width:767px) {
.tp-blog-title-two {
font-size: 22px
}
}

.tp-blog-title-two:hover {
color: #b221fe
}

.tp-blog-meta-two ul {
text-align: center
}

.tp-blog-meta-two ul li {
list-style: none;
display: inline-block
}

.tp-blog-meta-two ul li a {
font-size: 15px;
font-weight: 500;
color: #36074F
}

.tp-blog-meta-two ul li a:hover {
color: #b221fe
}

.tp-blog-text-two {
padding: 35px 30px;
background: #fff;
box-shadow: 3.09px 9.511px 18.8px 1.2px rgba(30,33,62,.06);
margin-left: 15px;
margin-right: 15px;
text-align: center;
margin-top: -80px;
position: relative
}

@media only screen and (min-width:992px) and (max-width:1199px) {
.tp-blog-text-two {
padding: 30px 15px 25px
}
}

.tp-blog-link-two a, .tp-blog-three-link a {
color: #6a6b71;
font-weight: 500;
position: relative
}

.tp-blog-link-two a:before, .tp-blog-three-link a:before {
position: absolute;
content: "";
height: 1px;
width: 0%;
background: #b221fe;
left: 0;
bottom: 0;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s
}

.tp-blog-link-two a:hover, .tp-blog-three-link a:hover {
color: #b221fe
}

.tp-blog-link-two a:hover:before, .tp-blog-three-link a:hover:before {
width: 100%
}

.tp-blog-img {
overflow: hidden
}

.tp-blog-img img {
width: 100%
}

.tp-blog-three-img {
overflow: hidden;
border-radius: 5px
}

.tp-blog-three-img img {
width: 100%;
border-radius: 5px
}

.tp-blog-three-text-meta {
height: 50px;
line-height: 50px;
padding-left: 20px;
background: #b221fe;
clip-path: polygon(0 0,100% 0%,97% 99%,0% 100%);
width: calc(100% - 100px);
margin-top: -25px;
margin-bottom: 30px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.tp-blog-three-text-meta {
width: calc(100% - 40px)
}
}

@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-blog-three-text-meta {
width: calc(100% - 20px)
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
.tp-blog-three-text-meta {
width: calc(100% - 100px)
}
}

@media(max-width:767px) {
.tp-blog-three-text-meta {
margin-bottom: 20px
}
}

.tp-blog-three-text-meta a, .tp-blog-three-text-meta span {
font-size: 16px;
font-weight: 500;
color: #fff
}

.tp-blog-three:hover .tp-blog-three-img img {
transform: scale3d(1.1,1.1,1.1)
}

.tp-blog-three-title {
font-size: 24px;
color: #102579;
line-height: 34px
}

.tp-blog-three-title:hover {
color: #b221fe
}

.tp-blog-three-link a:hover {
padding-left: 5px
}

.tp-blog-three-link a:before {
display: none
}

.tp-blog-three-link i {
transform: translateY(2px);
margin-right: 3px
}

.ablog-4 {
border-radius: 10px;
overflow: hidden;
-webkit-box-shadow: 0 1px 2px 0 rgba(10,0,58,.14);
-moz-box-shadow: 0 1px 2px 0 rgba(10,0,58,.14);
box-shadow: 0 1px 2px 0 rgba(10,0,58,.14)
}

.ablog__text4 {
padding: 32px 40px 40px;
border-top: 0
}

@media(max-width:767px) {
.ablog__text4 {
padding: 27px 25px 25px
}
}

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

.ablog__meta4 {
margin-bottom: 20px
}

.ablog__meta4 ul li a {
font-size: 18px
}

.ablog__meta4 ul li a:hover {
color: #b221fe
}

.ablog__meta4 ul li a i {
font-size: 16px
}

.ablog__text--title4 {
font-size: 36px
}

@media(max-width:767px) {
.ablog__text--title4 {
font-size: 32px
}
}

.ablog__text--title4:hover {
color: #b221fe
}

.ablog__img4 {
position: relative
}

.ablog__img4 .avideo-btn-4 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%)
}

.ablog__img--active .slide-prev, .ablog__img--active .slide-next {
position: absolute;
color: #b221fe;
font-size: 20px;
height: 50px;
width: 50px;
line-height: 50px;
background: #fff;
border: none;
outline: none;
cursor: pointer;
z-index: 3;
text-align: center;
top: 50%;
transform: translateY(-50%);
margin: 0;
border-radius: 50%
}

.ablog__img--active .slide-prev:hover, .ablog__img--active .slide-next:hover {
background: #b221fe;
color: #fff
}

.ablog__img--active .slide-prev {
left: 40px
}

@media(max-width:767px) {
.ablog__img--active .slide-prev {
left: 25px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
.ablog__img--active .slide-prev {
left: 40px
}
}

.ablog__img--active .slide-next {
right: 40px
}

@media(max-width:767px) {
.ablog__img--active .slide-next {
right: 25px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
.ablog__img--active .slide-next {
right: 40px
}
}

.ablog-4:hover img {
transform: scale(1)
}

.sidebar--widget__search form {
position: relative
}

.sidebar--widget__search form input {
width: 100%;
height: 60px;
line-height: 60px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: none;
outline: none;
padding: 0 20px;
background: #f7f7f7;
color: #83868c
}

.sidebar--widget__search form button {
position: absolute;
top: 0;
right: 0;
height: 60px;
width: 50px;
line-height: 60px;
color: #b221fe;
background: 0 0;
border: none;
outline: none;
cursor: pointer
}

.sidebar--widget__post {
display: flex
}

.sidebar--widget__post .post__img {
height: 90px;
width: 80px;
border-radius: 10px;
background-size: cover;
background-position: left;
margin-right: 15px
}

.sidebar--widget__post .sidebar__post--text {
overflow: hidden
}

.sidebar__post--title {
font-size: 20px;
margin-bottom: 5px
}

.sidebar__post--title br {
display: none
}

@media only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:576px) and (max-width:767px) {
.sidebar__post--title br {
display: inline-block
}
}

.sidebar__post--title:hover {
color: #b221fe
}

.sidebar__widget--title {
font-size: 26px;
position: relative;
padding-bottom: 12px
}

.sidebar__widget--title:before {
position: absolute;
content: "";
left: 0;
bottom: 0;
width: 60px;
height: 2px;
background: #b221fe
}

.sidebar--widget__cat ul li {
margin-bottom: 15px;
list-style: none
}

.sidebar--widget__cat ul li:last-child {
margin-bottom: 0
}

.sidebar--widget__cat ul li a {
display: inline-block;
position: relative;
padding-left: 20px
}

.sidebar--widget__cat ul li a:before {
position: absolute;
content: "\f054";
left: 0;
top: 50%;
transform: translateY(-50%);
font-family: "font awesome 5 pro";
font-size: 14px;
color: #b221fe;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s
}

.sidebar--widget__cat ul li a:hover {
color: #b221fe
}

.sidebar--widget__cat ul li a:hover:before {
left: 7px
}

.sidebar--widget__tag a {
display: inline-block;
height: 34px;
line-height: 30px;
text-align: center;
padding: 0 19px;
font-size: 14px;
border: 2px solid #dce1e4;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin-right: 8px;
margin-bottom: 10px
}

.sidebar--widget__tag a:hover {
background: #b221fe;
color: #fff;
border-color: #b221fe
}

@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.ablog__sidebar--wrapper {
margin-right: 0
}
}

.avideo-btn {
height: 100px;
width: 100px;
line-height: 100px;
background: #fff;
display: inline-block;
text-align: center;
border-radius: 50%
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.avideo-btn {
height: 70px;
width: 70px;
line-height: 70px
}
}

.avideo-btn a {
height: 86px;
width: 86px;
line-height: 86px;
background: #b221fe;
display: inline-block;
font-size: 18px;
color: #fff;
text-align: center;
border-radius: 50%;
cursor: pointer;
position: relative;
z-index: 2
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.avideo-btn a {
height: 56px;
width: 56px;
line-height: 56px
}
}

.avideo-btn a:hover {
background: #040d26
}

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

.basic-pagination ul li a, .basic-pagination ul li span {
position: relative;
overflow: hidden;
background: #f1f1f1;
color: #ab37ea;
font-size: 20px;
display: inline-block;
width: 44px;
height: 44px;
line-height: 44px;
text-align: center;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px
}

.basic-pagination ul li a:hover, .basic-pagination ul li span.current {
background: #b221fe;
color: #fff
}

.tp-custom-container-box {
max-width: 1170px;
margin: 0 auto
}

.ablog__meta ul li {
display: inline-block;
list-style: none;
margin-right: 15px
}

.ablog__meta ul li:last-child {
margin-right: 0
}

@media(max-width:767px) {
.ablog__meta ul li {
margin-right: 10px
}
}

.ablog__meta ul li a i {
margin-right: 2px
}

.ablog__text4 blockquote {
padding: 40px;
color: #666;
position: relative;
background: #f8f8f8;
font-style: normal;
text-align: left;
clear: both;
font-weight: 400;
border-radius: 10px;
box-shadow: 0 1px 2px 0 rgba(10,0,58,.14);
border: 1px solid #f6f6f8;
margin-bottom: 30px;
padding-bottom: 25px
}

.ablog__text4 blockquote p {
color: #36074F
}

@media(max-width:767px) {
.ablog__text4 blockquote {
padding: 25px;
padding-bottom: 10px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
.ablog__text4 blockquote {
padding: 40px;
padding-bottom: 25px
}
}

.ablog__text4 blockquote:before {
content: "\f10e";
position: static;
font-family: "font awesome 5 pro";
font-size: 32px;
color: #b221fe;
line-height: 1;
margin-bottom: 18px;
display: inline-block
}

.ablog__text4 blockquote cite {
font-size: 18px;
display: block;
margin-top: 10px;
color: #36074F;
font-style: inherit
}

.ablog__text4 blockquote cite:before {
content: "";
display: inline-block;
background: #36074F;
height: 2px;
width: 40px;
top: -4px;
margin-right: 10px;
position: relative
}

.blog__deatails--tag span {
font-size: 18px;
margin-right: 10px;
margin-bottom: 0;
font-weight: 600;
color: #ab37ea
}

@media(max-width:767px) {
.blog__deatails--tag span {
margin-bottom: 10px;
display: block
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
.blog__deatails--tag span {
margin-bottom: 0;
display: inline-block
}
}

.blog__deatails--tag a {
display: inline-block;
height: 34px;
line-height: 30px;
text-align: center;
padding: 0 19px;
font-size: 14px;
border: 2px solid #dce1e4;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin-right: 8px
}

@media(max-width:767px) {
.blog__deatails--tag a {
margin-bottom: 10px;
padding: 0 14px;
margin-right: 6px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
.blog__deatails--tag a {
margin-bottom: 0
}
}

.blog__deatails--tag a:hover {
border-color: #b221fe;
color: #fff;
background: #b221fe
}

.blog__details--subtitle {
font-size: 27px;
margin-bottom: 15px
}

.blog__author {
padding: 30px 40px;
-webkit-box-shadow: 0 1px 4px 0 rgba(10,0,58,.14);
-moz-box-shadow: 0 1px 4px 0 rgba(10,0,58,.14);
box-shadow: 0 1px 4px 0 rgba(10,0,58,.14);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px
}

@media(max-width:767px) {
.blog__author {
padding-bottom: 18px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
.blog__author {
padding-bottom: 30px;
padding-bottom: 20px
}
}

@media(max-width:767px) {
.blog__author-img {
margin-bottom: 10px
}
}

.blog__author-content h5 {
font-size: 18px;
margin-bottom: 0
}

.blog__author-content span {
display: inline-block;
margin-bottom: 5px
}

.blog__author-content p {
margin-bottom: 0
}

.post-comment-title h3 {
font-size: 24px
}

.latest-comments ul {
list-style: none
}

.latest-comments li:first-child .comments-box {
border-top: 0;
padding-top: 0
}

.comments-avatar {
float: left;
margin-right: 20px;
width: 70px
}

.comments-avatar img {
border-radius: 50%
}

.children .comments-avatar {
width: 50px
}

.comments-text {
overflow: hidden;
border-bottom: 1px solid #f1f0f7;
padding-bottom: 30px;
margin-bottom: 30px
}

.comments-text p {
margin-bottom: 20px
}

.avatar-name {
margin-bottom: 10px;
overflow: hidden;
position: relative
}

.avatar-name h5 {
font-size: 18px;
margin-bottom: 0
}

.avatar-name span {
font-size: 14px;
font-weight: 500
}

.comment-reply {
font-weight: 600;
font-size: 14px;
color: #ab37ea
}

.comment-reply i {
margin-right: 3px
}

.comment-reply:hover {
color: #b221fe
}

.latest-comments li.children {
margin-left: 105px
}

@media(max-width:767px) {
.latest-comments li.children {
margin-left: 0
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
.latest-comments li.children {
margin-left: 70px
}
}

.post-comment-form h4 {
font-size: 24px;
margin-bottom: 7px
}

.post-comment-form > span {
display: inline-block;
margin-bottom: 45px
}

.post-input input, .post-input textarea {
width: 100%;
height: 50px;
line-height: 50px;
padding: 0 30px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 2px solid #f5f5f5;
background: #f5f5f5;
margin-bottom: 20px;
color: #83868c
}

.post-input input::-moz-placeholder, .post-input textarea::-moz-placeholder {
font-size: 16px;
color: #83868c;
opacity: 1
}

.post-input input::placeholder, .post-input textarea::placeholder {
font-size: 16px;
color: #83868c;
opacity: 1
}

.post-input textarea {
height: 180px;
line-height: 26px;
resize: none;
padding: 30px;
padding-top: 20px
}

.post-check input {
margin-right: 5px;
transform: translateY(2px)
}

.post-check span {
color: #83868c
}

.post-check {
display: flex;
align-items: start;
line-height: 1.2
}

@media(max-width:767px) {
.ablog-4 .ablog__text4 {
padding: 17px 25px 25px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
.ablog-4 .ablog__text4 {
padding: 32px 40px 40px
}
}

@media(max-width:767px) {
.ablog-4 img {
min-height: 200px
}
}

@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.blog__details--wrapper {
margin-right: 0
}
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.blog-details-area {
padding-bottom: 60px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
.tp-footer-area.pb-70 {
padding-bottom: 60px
}
}

.tp-footer-widget-title {
font-size: 24px;
color: #fff;
position: relative;
padding-bottom: 10px
}

.tp-footer-widget-title:before {
position: absolute;
content: "";
height: 2px;
width: 60px;
background: #ab37ea;
left: 0;
bottom: 0
}

.tp-footer-info h4 {
font-size: 24px;
font-weight: 500;
color: #fff;
font-family: roboto,sans-serif
}

.tp-footer-info h6 {
font-size: 16px;
font-weight: 400;
color: #fff;
font-family: roboto,sans-serif;
line-height: 1.6;
display: inline-flex
}

.tp-footer-info h6 i {
font-size: 16px;
color: #fff;
min-width: 25px;
transform: translateY(4px)
}

.tp-footer-info-social a {
height: 40px;
width: 40px;
display: inline-block;
line-height: 40px;
border-radius: 50%;
font-size: 16px;
color: #fff;
background: #347b58;
margin-right: 10px;
text-align: center
}

.tp-footer-info-social a:last-child {
margin-right: 0
}

.tp-footer-info-social a:hover {
color: #fff;
background: #600491
}

.tp-footer-widget ul li {
list-style: none;
margin-bottom: 16px
}

.tp-footer-widget ul li:last-child {
margin-bottom: 0
}

.tp-footer-widget ul li a {
font-size: 16px;
position: relative;
color: #fff
}

.tp-footer-widget ul li a:hover {
padding-left: 5px;
color: #ab37ea
}

.tp-footer-widget ul li a:before {
content: "\f054";
font-size: 12px;
display: inline-block;
margin-right: 10px;
font-family: "font awesome 5 pro";
transform: translateY(-2px)
}

.tp-footer-news-single h6 {
font-size: 16px;
font-weight: 400;
font-family: roboto,sans-serif;
color: #fff;
line-height: 27px;
margin-bottom: 5px
}

@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:576px) and (max-width:767px) {
.tp-footer-news-single h6 {
line-height: 19px
}
}

.tp-footer-news-single h6:hover {
color: #ab37ea
}

.tp-footer-news-single span {
display: block;
color: #fff;
font-size: 16px
}

.tp-footer-insta {
display: flex;
margin-left: -5px;
margin-right: -5px;
flex-wrap: wrap
}

.tp-footer-insta a {
width: 33.33%;
padding: 0 5px;
margin-bottom: 10px;
display: block
}

.tp-footer-insta a img {
width: 100%
}

.footer-col-2 {
padding-left: 50px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
.footer-col-2 {
padding-left: 30px
}
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.footer-col-2 {
padding-left: 0
}
}

.footer-col-3 {
padding-left: 30px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
.footer-col-3 {
padding-left: 5px
}
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.footer-col-3 {
padding-left: 0
}
}

.footer-col-4 {
padding-left: 30px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
.footer-col-4 {
padding-left: 10px
}
}

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

.tp-footer-subscribe-title {
font-size: 36px
}

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

@media only screen and (min-width:992px) and (max-width:1199px) {
.tp-footer-subscribe-title {
font-size: 32px
}
}

.tp-footer-subscribe-form form {
display: flex;
justify-content: end;
padding-right: 80px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.tp-footer-subscribe-form form {
padding-right: 50px
}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
.tp-footer-subscribe-form form {
padding-right: 30px
}
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.tp-footer-subscribe-form form {
justify-content: start
}
}

@media(max-width:767px) {
.tp-footer-subscribe-form form {
padding-right: 0;
display: inherit
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
.tp-footer-subscribe-form form {
display: flex
}
}

.tp-footer-subscribe-form form .tp-footer-subscribe-form-field {
position: relative;
margin-right: 10px
}

@media(max-width:767px) {
.tp-footer-subscribe-form form .tp-footer-subscribe-form-field {
margin-right: 0
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
.tp-footer-subscribe-form form .tp-footer-subscribe-form-field {
margin-right: 10px
}
}

.tp-footer-subscribe-form form .tp-footer-subscribe-form-field input {
height: 60px;
width: 420px;
display: block;
padding: 0 45px 0 25px;
font-size: 15px;
color: #ab37ea;
border: none;
background: #fff;
outline: none
}

@media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px) {
.tp-footer-subscribe-form form .tp-footer-subscribe-form-field input {
width: 350px
}
}

@media(max-width:767px) {
.tp-footer-subscribe-form form .tp-footer-subscribe-form-field input {
width: 100%;
padding-left: 15px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
.tp-footer-subscribe-form form .tp-footer-subscribe-form-field input {
width: 330px;
padding-left: 25px
}
}

.tp-footer-subscribe-form form .tp-footer-subscribe-form-field i {
font-size: 16px;
color: #ab37ea;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 25px
}

.tp-footer-subscribe-form form .tp-footer-subscribe-form-btn button {
background: #ab37ea
}

.tp-footer-subscribe-form form .tp-footer-subscribe-form-btn button:hover {
background: #b221fe;
color: #fff
}

.tp-footer-subscribe-area:before {
position: absolute;
content: "";
height: 100%;
width: 600px;
background: #ab37ea;
top: 0;
left: 0;
z-index: 1
}

@media(max-width:767px) {
.tp-footer-subscribe-area:before {
width: 100%
}
}

.tp-footer-subscribe-shape {
position: absolute;
height: 60px;
background: #600491;
bottom: 0;
left: 0;
right: 0;
width: 100%
}

.tp-copyright p {
font-size: 18px;
line-height: 1.3;
color: #fff
}

@media(max-width:767px) {
.tp-copyright p {
font-size: 16px
}
}

.tp-copyright p span {
color: #b221fe
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.tp-footer-subscribe-bg {
padding-top: 20px
}
}

@media(max-width:767px) {
.tp-copyright-area {
padding-top: 20px;
padding-bottom: 10px
}
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.tp-footer-subscribe-bg-two {
padding: 20px 30px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
.tp-footer-subscribe-form form .tp-footer-subscribe-form-field input {
width: 270px
}
}

@media(max-width:767px) {
.tp-copyright-area-two {
padding: 20px 0
}
}

.tp-footer-info-three p {
padding-right: 21px
}

@media(max-width:767px) {
.tp-footer-info-three p {
padding-right: 0
}
}

.tp-footer-info-social-three a {
border-radius: 0;
background: #36437a
}

.tp-footer-info-social-three a:hover {
background: #b221fe
}

.footer-col-3-3 {
padding-left: 15px
}

.tp-footer-news-three-single-img {
width: 80px;
float: left;
margin-right: 20px
}

@media only screen and (min-width:992px) and (max-width:1199px),(max-width:767px) {
.tp-footer-news-three-single-img {
margin-right: 10px
}
}

.tp-footer-news-three-single-text {
overflow: hidden
}

.tp-footer-news-three-single-text p {
color: #fefefe
}

.tp-footer-newsletter-three p {
color: #fff;
font-size: 16px;
line-height: 1
}

@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-footer-newsletter-three p {
line-height: 1.3
}
}

.tp-footer-newsletter-three form input {
height: 60px;
width: 100%;
background: #fff;
border-radius: 4px;
padding: 0 40px 0 20px;
color: #6a6b71;
font-size: 15px;
border: 0;
outline: none
}

.tp-footer-newsletter-three form .tp-footer-newsletter-three-field i {
position: absolute;
top: 23px;
font-size: 15px;
color: #b221fe;
right: 20px
}

.tp-footer-newsletter-three form button {
color: #102579;
border-radius: 50px
}

.tp-footer-newsletter-three form button:hover {
color: #fff
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.tp-feature-area-two {
padding-bottom: 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-feature-area-two.pb-90 {
padding-bottom: 65px
}
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.tp-feature-img {
margin-bottom: 40px
}
}

.tp-feature-img img {
max-width: inherit;
border-radius: 4px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.tp-feature-img img {
max-width: 500px
}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
.tp-feature-img img {
max-width: 100%
}
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.tp-feature-img img {
width: 100%
}
}

.tp-feature-icon i {
font-size: 52px;
line-height: 1;
color: #36074F
}

.tp-feature p {
color: #626664;
margin-bottom: 0
}

.tp-feature:hover i {
animation-name: wobble-vertical;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 3
}

.tp-feature-title {
font-size: 24px;
color: #36074F
}

.tp-feature-title:hover {
color: #b221fe
}

.tp-feature-title-desc p {
color: #626664
}

.tp-feature-three-icon {
display: inline-block;
position: relative
}

.tp-feature-three-icon i {
font-size: 46px;
line-height: 1;
color: #fff;
position: absolute;
top: 33%;
left: 33%
}

.tp-feature-three-text p {
color: #66686b;
font-size: 16px;
margin-bottom: 0;
padding: 0 15px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.tp-feature-three-text p {
padding: 0
}
}

.tp-feature-three:hover i {
transform: rotateY(360deg)
}

.tp-feature-three-title {
font-size: 24px;
color: #102579
}

.tp-feature-three-title:hover {
color: #b221fe
}

.tp-faq-text {
margin-top: -10px
}

.tp-faq-text .accordion-item:first-of-type .accordion-button {
border-radius: 0
}

.tp-faq-text .accordion-button:not(.collapsed) {
color: #36074F;
font-weight: 800;
background: 0 0
}

.tp-faq-text .accordion-button {
border: 0;
padding-top: 28px;
padding-bottom: 28px;
font-size: 20px;
font-weight: 800;
color: #36074F
}

@media(max-width:767px) {
.tp-faq-text .accordion-button {
padding: 20px 5px;
font-size: 18px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
.tp-faq-text .accordion-button {
font-size: 20px
}
}

.tp-faq-text .accordion-button:focus {
box-shadow: none
}

.tp-faq-text .accordion-item {
margin-bottom: 20px;
border: none;
padding: 0 10px;
background: #fff;
box-shadow: 0 0 18.8px 1.2px rgba(30,33,62,.08)
}

.tp-faq-text .accordion-collapse {
border: none
}

.tp-faq-text .accordion-body {
padding-top: 0;
padding-bottom: 23px;
font-size: 16px;
color: #626664
}

@media(max-width:767px) {
.tp-faq-text .accordion-body {
padding-left: 5px;
padding-right: 5px
}
}

.tp-faq-text .accordion-button:after {
content: "\f067";
font-family: "font awesome 5 pro";
background: 0 0;
transform: none;
margin-right: -5px;
font-size: 18px
}

.tp-faq-text .accordion-button:not(.collapsed):after {
content: "\f068";
font-family: "font awesome 5 pro";
color: #b221fe
}

.tp-faq-img img {
max-width: inherit;
margin-left: -140px;
margin-top: -45px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
.tp-faq-img img {
margin-left: -250px
}
}

@media only screen and (min-width:768px) and (max-width:991px) {
.tp-faq-img img {
max-width: 100%;
margin-left: 0
}
}

@media(max-width:767px) {
.tp-faq-img img {
max-width: 100%;
margin-left: 0
}
}

.tp-about-faq-img img {
margin-left: -60px;
max-width: inherit
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.tp-about-faq-img img {
margin-left: -105px
}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
.tp-about-faq-img img {
margin-left: 0;
margin-bottom: 120px;
max-width: 100%
}
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.tp-about-faq-img img {
margin-left: 0;
max-width: 100%
}
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.tp-faq-text.pt-120 {
padding-top: 60px
}
}

.tp-faqs-left-sidebar {
padding: 35px 25px 25px;
border: 2px solid #eceff0
}

.tp-faqs-left-sidebar ul li {
list-style: none;
padding: 27px 0;
border-bottom: 1px solid #dadddf
}

.tp-faqs-left-sidebar ul li:last-child {
border-bottom: 0;
padding-bottom: 7px
}

.tp-faqs-left-sidebar ul li a {
font-size: 18px;
line-height: 1;
color: #626664;
display: inline-block
}

.tp-faqs-left-sidebar ul li a:hover {
color: #b221fe
}

.tp-faqs-left-sidebar-title {
font-size: 24px;
color: #36074F;
line-height: 1;
position: relative;
padding-left: 15px
}

.tp-faqs-left-sidebar-title:before {
position: absolute;
content: "";
height: 100%;
width: 4px;
display: inline-block;
top: 0;
left: 0;
background: #b221fe
}

.tp-faqs-right .accordion-button:not(.collapsed):after {
content: "\f068";
font-family: "font awesome 5 pro";
color: #fff;
height: 45px;
width: 45px;
text-align: center;
line-height: 45px;
background: #b221fe;
font-weight: 300;
box-shadow: 0 10px 30px 0 rgba(96,4,145,.5)
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.tp-faqs-right .accordion-button:not(.collapsed):after {
height: 30px;
width: 30px;
line-height: 30px
}
}

.tp-faqs-right .accordion-button:after {
font-weight: 300
}

.tp-faqs-right .accordion-button.collapsed {
padding-bottom: 28px
}

@media(max-width:767px) {
.tp-faqs-right .accordion-button.collapsed {
padding-bottom: 20px
}
}

.tp-faqs-right .accordion-button {
padding-bottom: 18px
}

.tp-contact-form-title {
font-size: 36px;
color: #36074F
}

.brand-wrapper {
text-align: center
}

.tp-page-title-area {
background-position: center;
background-repeat: no-repeat;
background-size: cover
}

.tp-page-title-img {
position: absolute;
top: 0;
right: 0;
height: 100%
}

.tp-page-title-img img {
min-height: 100%;
object-fit: cover
}

.breadcrumb-title {
color: #36074F;
font-size: 90px;
line-height: 1;
margin-bottom: 20px
}

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

@media only screen and (min-width:768px) and (max-width:991px) {
.breadcrumb-title {
font-size: 52px
}
}

@media(max-width:767px) {
.breadcrumb-title {
font-size: 38px
}
}

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

.breadcrumb-title span {
color: #b221fe
}

.breadcrumb-trail {
line-height: 1;
padding-left: 100px;
position: relative
}

@media(max-width:767px) {
.breadcrumb-trail {
padding-left: 45px
}
}

.breadcrumb-trail:before {
position: absolute;
content: "";
height: 2px;
width: 80px;
top: 11px;
left: 0;
background: #b221fe
}

@media(max-width:767px) {
.breadcrumb-trail:before {
width: 35px;
top: 8px
}
}

.breadcrumb-trail .trail-item {
font-size: 24px;
display: inline-block;
list-style: none;
color: #626664;
font-weight: 700;
margin-right: 30px;
font-family: nunito sans,sans-serif
}

@media(max-width:767px) {
.breadcrumb-trail .trail-item {
font-size: 18px
}
}

.breadcrumb-trail .trail-item:last-child {
margin-right: 0
}

.breadcrumb-trail .trail-item:hover a {
color: #b221fe
}

.breadcrumb-trail .trail-item.trail-begin {
position: relative
}

.breadcrumb-trail .trail-item.trail-begin:before {
position: absolute;
content: "\f324";
font-size: 14px;
color: #626664;
top: 55%;
transform: translateY(-50%);
right: -25px;
font-family: "font awesome 5 pro"
}

.tp-contact-info {
display: flex
}

.tp-contact-info-icon {
min-width: 60px
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.tp-contact-info-icon {
min-width: 35px
}
}

.tp-contact-info-icon i {
font-size: 42px;
color: #b221fe;
line-height: 1;
transform: translateY(4px)
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.tp-contact-info-icon i {
font-size: 24px
}
}

.tp-contact-info-text p, .tp-contact-info-text a {
font-size: 16px;
color: #626664;
line-height: 27px;
display: block;
margin-bottom: 0
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.tp-contact-info-text p br, .tp-contact-info-text a br {
display: none
}
}

.tp-contact-info-title {
font-size: 24px;
color: #36074F
}

.tp-contact-form-field input, .tp-contact-form-field select, .tp-contact-form-field textarea {
color: #7f8080;
font-size: 16px;
display: block;
width: 100%;
height: 70px;
background: #fff;
font-weight: 400;
border: 1px solid #dfe0e5;
outline: none;
padding: 0 20px;
width: 100%;
border-radius: 4px
}

.tp-contact-form-field input::-moz-placeholder, .tp-contact-form-field input::placeholder, .tp-contact-form-field select::-moz-placeholder, .tp-contact-form-field select::placeholder, .tp-contact-form-field textarea::-moz-placeholder, .tp-contact-form-field textarea::placeholder {
color: #7f8080;
font-weight: 400;
font-size: 16px;
opacity: 1
}

.tp-contact-form-field textarea {
height: 200px;
padding: 20px
}

.tp-contact-form-field.select-field-arrow:after {
color: #7f8080
}

@media(max-width:767px) {
.tp-contact-area h2 br {
display: none
}
}

.tp-contact-map iframe {
width: 100%;
height: 600px
}

.tp-team-bg {
padding: 70px
}

@media(max-width:767px) {
.tp-team-bg {
padding: 25px 25px 20px
}
}

@media only screen and (min-width:576px) and (max-width:767px),only screen and (min-width:768px) and (max-width:991px) {
.tp-team-bg {
padding: 70px 70px 65px
}
}

.tp-team-img {
float: left;
margin-right: 105px;
border: 6px solid #696;
border-radius: 5px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.tp-team-img {
margin-right: 60px
}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
.tp-team-img {
margin-right: 50px
}
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.tp-team-img {
margin-right: 0;
float: none
}
}

.tp-team-img img {
height: 530px;
width: 470px;
object-fit: cover
}

@media only screen and (min-width:992px) and (max-width:1199px) {
.tp-team-img img {
width: 350px
}
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.tp-team-img img {
width: 100%;
height: auto
}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.tp-team-text {
padding-top: 15px
}
}

.tp-team-text p {
color: #fff
}

.tp-team-text ul li, .tp-team-text ul li a {
list-style: none;
color: #fff;
font-size: 20px;
font-weight: 800
}

@media(max-width:767px) {
.tp-team-text ul li, .tp-team-text ul li a {
font-size: 16px
}
}

.tp-team-text ul li i, .tp-team-text ul li a i {
font-size: 24px;
width: 40px;
display: inline-block;
line-height: 1;
transform: translateY(2px);
color: #ab37ea
}

@media(max-width:767px) {
.tp-team-text ul li i, .tp-team-text ul li a i {
font-size: 20px;
width: 25px
}
}

.tp-team-text ul li {
margin-bottom: 30px
}

.tp-team-text ul li:last-child {
margin-bottom: 0
}

.tp-team-subtitle {
color: #ab37ea;
font-size: 24px
}

.tp-team-social a {
background: 0 0;
border: 2px solid #696;
border-radius: 0;
height: 45px;
width: 45px;
line-height: 41px
}

.tp-team-social a:hover {
border-color: #b221fe
}

.tp-team-progress p {
color: #626664
}

.tp-team-fact .tp-fact-text-subtitle {
color: #626664
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.tp-team-progress-area {
padding-bottom: 80px
}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
.tp-team-progress-area {
padding-bottom: 70px
}
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
.tp-team-progress-area {
padding-bottom: 75px
}
}