@charset "UTF-8";
/*-----------------------------------------------------------------------------------
Theme Name: Template Name – HTML5 Template
Author: Theme Pure
Support: basictheme@gmail.com
Description: Template Name – HTML5 Template
Version: 1.0
-----------------------------------------------------------------------------------
/************ TABLE OF CONTENTS ***************
01. THEME DEFAULT CSS
02. header CSS START
03. MEANMENU CSS START
04. Slider CSS START
05. breadcrumb CSS START
06. brand CSS START
07. about CSS START
08. service CSS START
09. contact CSS START
10. case CSS START
11. insurance CSS START
12. testimonial CSS START
13. blog CSS START
14. cta CSS START
15. mission CSS START
16. counter CSS START
17. price CSS START
18. team CSS START
19. footer CSS START
**********************************************/
/*----------------------------------------*/
/* 01. THEME DEFAULT CSS START
/*----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;500;600;700;800;900&display=swap");
:root {
/**
@font family declaration
*/
--tp-ff-body: 'Archivo', sans-serif;;
--tp-ff-heading: 'Archivo', sans-serif;;
--tp-ff-p: 'Archivo', sans-serif;;
--tp-ff-fontawesome: Font Awesome 5 Pro;
/**
@color declaration
*/
--tp-common-white: #ffffff;
--tp-common-black: #000E29;
--tp-black: #000;
--tp-common-sky: #0CE0FF;
--tp-common-red: #FD3358;
--tp-common-green: #0DCA95;
--tp-common-blue: #2CA2FB;
--tp-grey-1: #F0F0F0;
--tp-grey-2: #F9F9F9;
--tp-text-p: #8A90A2;
--tp-theme-1: #2b9ba1;
--tp-theme-2: #b0346d;
--tp-border-1: #F1F3F6;
--tp-border-2: #F7F7F7;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/*---------------------------------
typography css start
---------------------------------*/
body {
font-family: var(--tp-ff-body);
font-size: 14px;
font-weight: 400;
color: var(--tp-text-body);
line-height: 26px;
overflow-x: hidden;
}
a {
text-decoration: none;
transition: 0.3s;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--tp-ff-heading);
color: var(--tp-common-black);
margin-top: 0px;
font-weight: 700;
line-height: 1.1;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
img {
max-width: 100%;
}
h1 {
font-size: 40px;
}
h2 {
font-size: 32px;
}
h3 {
font-size: 28px;
}
h4 {
font-size: 24px;
}
h5 {
font-size: 20px;
}
h6 {
font-size: 16px;
}
ul {
margin: 0px;
padding: 0px;
}
p {
font-family: var(--tp-ff-p);
font-size: 15px;
font-weight: 400;
color: var(--tp-text-p);
margin-bottom: 15px;
line-height: 27px;
}
body, html {
overflow-x: hidden;
}
.z-index {
position: relative;
z-index: 2;
}
.z-index-3 {
position: relative;
z-index: 3;
}
.z-index-4 {
position: relative;
z-index: 4;
}
.z-index-5 {
position: relative;
z-index: 5;
}
.z-index-6 {
position: relative;
z-index: 6;
}
a,
.btn,
button,
input,
select,
textarea,
li,
img,
.transition-3,
h1,
h2,
h3,
h4,
h5,
h6 {
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
/*tp-about-list li{*/
/* list-style: none;*/
/*}*/
a:focus,
.button:focus {
text-decoration: none;
outline: none;
}
a:focus,
a:hover {
color: inherit;
text-decoration: none;
}
a,
button {
color: inherit;
outline: none;
border: none;
background: transparent;
}
button:hover {
cursor: pointer;
}
button:focus {
outline: 0;
}
.uppercase {
text-transform: uppercase;
}
.capitalize {
text-transform: capitalize;
}
input {
outline: none;
color: #747474;
}
input::placeholder {
color: #747474;
}
input[type=color] {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background: none;
border: 0;
cursor: pointer;
height: 100%;
width: 100%;
padding: 0;
border-radius: 50%;
}
*::-moz-selection {
background: var(--tp-theme-2);
color: var(--tp-common-white);
text-shadow: none;
}
::-moz-selection {
background: var(--tp-theme-2);
color: var(--tp-common-white);
text-shadow: none;
}
::selection {
background: var(--tp-theme-2);
color: var(--tp-common-white);
text-shadow: none;
}
*::-moz-placeholder {
color: var(--tp-common-black);
font-size: var(--tp-fz-body);
opacity: 1;
}
*::placeholder {
color: var(--tp-common-black);
font-size: var(--tp-fz-body);
opacity: 1;
}
/*---------------------------------
common classes css start
---------------------------------*/
.w-img img {
width: 100%;
}
.m-img img {
max-width: 100%;
}
.fix {
overflow: hidden;
}
.clear {
clear: both;
}
.f-left {
float: left;
}
.f-right {
float: right;
}
.overflow-y-visible {
overflow-x: hidden;
overflow-y: visible;
}
.p-relative {
position: relative;
}
.p-absolute {
position: absolute;
}
.include-bg {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.gx-10 {
--bs-gutter-x: 10px;
}
.gx-20 {
--bs-gutter-x: 20px;
}
.gx-30 {
--bs-gutter-x: 30px;
}
.gx-40 {
--bs-gutter-x: 40px;
}
.gx-50 {
--bs-gutter-x: 12px;
}
.gx-60 {
--bs-gutter-x: 65px;
}
.gx-200 {
--bs-gutter-x: 200px;
}
.header-border-2 {
border-bottom: 1px solid #F2F2F2;
}
/*--
- Spacing
-----------------------------------------*/
.tp-btn {
display: inline-block;
font-size: 15px;
font-weight: 700;
color: var(--tp-common-white);
background: var(--tp-theme-1);
height: 50px;
line-height: 50px;
text-align: center;
padding: 0 30px;
position: relative;
z-index: 1;
overflow: hidden;
border-radius: 91px;
text-transform: uppercase;
transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-btn {
font-size: 14px;
height: 50px;
line-height: 50px;
padding: 0 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-btn {
font-size: 14px;
height: 50px;
line-height: 50px;
padding: 0 30px;
}
}
@media (max-width: 767px) {
.tp-btn {
height: 50px;
line-height: 50px;
padding: 0 40px;
}
}
.tp-btn.tp-hover-white:hover {
color: var(--tp-common-black);
background-color: var(--tp-common-white);
}
.tp-btn.tp-hover-white:hover i {
animation: tfLeftToRight 0.5s forwards;
}
.tp-btn i {
padding-left: 17px;
}
.tp-btn:hover {
color: var(--tp-common-white);
background-color: var(--tp-theme-2);
}
.tp-btn:hover i {
animation: tfLeftToRight 0.5s forwards;
}
.tp-btn-black {
display: inline-block;
font-size: 15px;
font-weight: 700;
color: var(--tp-common-white);
background: var(--tp-common-black);
height: 50px;
line-height: 50px;
text-align: center;
padding: 0 20px;
position: relative;
z-index: 1;
overflow: hidden;
border-radius: 6px;
text-transform: uppercase;
transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-btn-black {
font-size: 14px;
height: 50px;
line-height: 50px;
padding: 0 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-btn-black {
font-size: 14px;
height: 50px;
line-height: 50px;
padding: 0 30px;
}
}
@media (max-width: 767px) {
.tp-btn-black {
height: 50px;
line-height: 50px;
padding: 0 40px;
}
}
.tp-btn-black i {
padding-left: 17px;
}
.tp-btn-black:hover {
color: var(--tp-common-white);
background-color: var(--tp-theme-2);
}
.tp-btn-black:hover i {
animation: tfLeftToRight 0.5s forwards;
}
.tp-btn-white {
display: inline-block;
font-size: 15px;
font-weight: 700;
color: var(--tp-theme-1);
background: var(--tp-common-white);
height: 65px;
line-height: 65px;
text-align: center;
padding: 0 50px;
position: relative;
z-index: 1;
overflow: hidden;
border-radius: 91px;
text-transform: uppercase;
transition: 0.3s;
box-shadow: 0px 2px 55px rgba(209, 214, 226, 0.32);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-btn-white {
font-size: 14px;
height: 50px;
line-height: 50px;
padding: 0 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-btn-white {
font-size: 14px;
height: 50px;
line-height: 50px;
padding: 0 30px;
}
}
@media (max-width: 767px) {
.tp-btn-white {
height: 50px;
line-height: 50px;
padding: 0 40px;
}
}
.tp-btn-white i {
padding-left: 17px;
}
.tp-btn-white:hover {
color: var(--tp-common-white);
background-color: var(--tp-theme-2);
}
.tp-btn-white:hover i {
animation: tfLeftToRight 0.5s forwards;
}
.tp-btn-square {
display: inline-block;
font-size: 15px;
font-weight: 700;
color: var(--tp-common-white);
background: var(--tp-theme-1);
height: 65px;
line-height: 65px;
text-align: center;
padding: 0 40px;
position: relative;
z-index: 1;
overflow: hidden;
border-radius: 10px;
text-transform: uppercase;
transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-btn-square {
font-size: 14px;
height: 50px;
line-height: 50px;
padding: 0 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-btn-square {
font-size: 14px;
height: 50px;
line-height: 50px;
padding: 0 30px;
}
}
@media (max-width: 767px) {
.tp-btn-square {
height: 50px;
line-height: 50px;
padding: 0 40px;
}
}
.tp-btn-square i {
padding-left: 17px;
}
.tp-btn-square:hover {
color: var(--tp-common-white);
background-color: var(--tp-theme-2);
}
.tp-btn-square:hover i {
animation: tfLeftToRight 0.5s forwards;
}
.tp-btn-sm {
display: inline-block;
font-size: 15px;
font-weight: 700;
color: var(--tp-common-white);
background: var(--tp-theme-1);
height: 55px;
line-height: 55px;
text-align: center;
padding: 0 40px;
position: relative;
z-index: 1;
overflow: hidden;
border-radius: 91px;
text-transform: uppercase;
transition: 0.3s;
}
.tp-btn-sm i {
padding-left: 17px;
}
.tp-btn-sm:hover {
color: var(--tp-common-white);
background-color: var(--tp-theme-2);
}
.tp-btn-sm:hover i {
animation: tfLeftToRight 0.5s forwards;
}
.tp-btn-yellow {
display: inline-block;
font-size: 15px;
font-weight: 700;
color: var(--tp-common-white);
background: var(--tp-theme-2);
height: 65px;
line-height: 65px;
text-align: center;
padding: 0 50px;
position: relative;
z-index: 1;
overflow: hidden;
border-radius: 91px;
text-transform: uppercase;
transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-btn-yellow {
font-size: 14px;
height: 50px;
line-height: 50px;
padding: 0 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-btn-yellow {
font-size: 14px;
height: 50px;
line-height: 50px;
padding: 0 30px;
}
}
@media (max-width: 767px) {
.tp-btn-yellow {
height: 50px;
line-height: 50px;
padding: 0 40px;
}
}
.tp-btn-yellow.tp-hover-white:hover {
color: var(--tp-common-black);
background-color: var(--tp-common-white);
}
.tp-btn-yellow.tp-hover-white:hover i {
animation: tfLeftToRight 0.5s forwards;
}
.tp-btn-yellow i {
padding-left: 17px;
}
.tp-btn-yellow:hover {
color: var(--tp-common-white);
background-color: var(--tp-theme-1);
}
.tp-btn-yellow:hover i {
animation: tfLeftToRight 0.5s forwards;
}
.tp-btn-yellow-similar {
display: inline-block;
font-size: 15px;
font-weight: 700;
color: var(--tp-common-white);
background: var(--tp-theme-2);
height: 65px;
line-height: 65px;
text-align: center;
padding: 0 50px;
position: relative;
z-index: 1;
overflow: hidden;
border-radius: 10px;
text-transform: uppercase;
transition: 0.3s;
}
.tp-btn-yellow-similar i {
padding-left: 17px;
}
.tp-btn-yellow-similar:hover {
color: var(--tp-common-white);
background-color: var(--tp-theme-1);
}
.tp-btn-yellow-similar:hover i {
animation: tfLeftToRight 0.5s forwards;
}
.tp-btn-grey {
display: inline-block;
font-size: 15px;
font-weight: 700;
background-color: #EAF6FF;
color: var(--tp-theme-1);
height: 45px;
line-height: 45px;
text-align: center;
padding: 0 27px;
position: relative;
z-index: 1;
overflow: hidden;
border-radius: 10px;
text-transform: uppercase;
transition: 0.4s;
}
.tp-btn-grey i {
padding-left: 17px;
}
.tp-btn-grey:hover {
color: var(--tp-common-white);
background-color: var(--tp-theme-1);
}
.tp-btn-grey:hover i {
animation: tfLeftToRight 0.5s forwards;
}
.tp-btn-border {
display: inline-block;
font-size: 15px;
font-weight: 700;
background-color: #fff;
color: var(--tp-common-black);
height: 65px;
line-height: 65px;
text-align: center;
padding: 0 50px;
position: relative;
border-radius: 10px;
text-transform: uppercase;
transition: 0.4s;
border: 1px solid var(--tp-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-btn-border {
font-size: 14px;
height: 50px;
line-height: 50px;
padding: 0 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-btn-border {
font-size: 14px;
height: 50px;
line-height: 50px;
padding: 0 30px;
}
}
@media (max-width: 767px) {
.tp-btn-border {
height: 50px;
line-height: 50px;
padding: 0 40px;
}
}
.tp-btn-border::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: var(--tp-theme-1);
top: 5px;
left: 0;
z-index: -1;
border-radius: 8px;
transition: 0.4s;
}
.tp-btn-border i {
padding-left: 17px;
}
.tp-btn-border:hover {
color: var(--tp-common-white);
background-color: var(--tp-theme-1);
border-color: var(--tp-theme-1);
}
.tp-btn-border:hover::after {
top: 0;
}
.tp-btn-border:hover i {
animation: tfLeftToRight 0.5s forwards;
}
.tp-btn-border-yellow {
display: inline-block;
font-size: 15px;
font-weight: 700;
background-color: #fff;
color: var(--tp-common-black);
height: 65px;
line-height: 65px;
text-align: center;
padding: 0 50px;
position: relative;
border-radius: 10px;
text-transform: uppercase;
transition: 0.4s;
border: 1px solid var(--tp-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-btn-border-yellow {
font-size: 14px;
height: 50px;
line-height: 50px;
padding: 0 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-btn-border-yellow {
font-size: 14px;
height: 50px;
line-height: 50px;
padding: 0 30px;
}
}
@media (max-width: 767px) {
.tp-btn-border-yellow {
height: 50px;
line-height: 50px;
padding: 0 40px;
}
}
.tp-btn-border-yellow::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: var(--tp-theme-1);
top: 5px;
left: 0;
z-index: -1;
border-radius: 8px;
transition: 0.4s;
}
.tp-btn-border-yellow.tp-yellow-shape:hover {
color: var(--tp-theme-2);
}
.tp-btn-border-yellow.tp-yellow-shape:hover::after {
background-color: var(--tp-theme-2);
top: 0;
}
.tp-btn-border-yellow.tp-yellow-shape::after {
background-color: var(--tp-theme-2);
}
.tp-btn-border-yellow i {
padding-left: 17px;
}
.tp-btn-border-yellow:hover {
color: var(--tp-common-white);
background-color: var(--tp-theme-1);
border-color: var(--tp-theme-1);
}
.tp-btn-border-yellow:hover::after {
top: 0;
}
.tp-btn-border-yellow:hover i {
animation: tfLeftToRight 0.5s forwards;
}
/* pulse effect animation */
@-webkit-keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
}
70% {
-webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@keyframes pulse {
0% {
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
}
70% {
-moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@keyframes tfLeftToRight {
49% {
transform: translateX(30%);
}
50% {
opacity: 0;
transform: translateX(-30%);
}
51% {
opacity: 1;
}
}
@keyframes rotate2 {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes moving {
0% {
transform: translatey(0px);
}
20% {
transform: translateX(-50px);
}
50% {
transform: translatey(-40px);
}
100% {
transform: translatey(0px);
}
}
@keyframes leftright {
0% {
transform: translatex(0);
}
50% {
transform: translateX(100%);
}
100% {
transform: translateX(0);
}
}
@keyframes movinglight {
0% {
transform: translatey(0px);
}
20% {
transform: translateX(-70px);
}
50% {
transform: translatey(-70px);
}
100% {
transform: translatey(0px);
}
}
@keyframes movinglight2 {
0% {
transform: translatey(0px);
}
20% {
transform: translateX(70px);
}
50% {
transform: translatey(70px);
}
100% {
transform: translatey(0px);
}
}
@keyframes movingtop {
0% {
transform: translatey(0px);
}
20% {
transform: translatey(70px);
}
50% {
transform: translatey(-70px);
}
100% {
transform: translatey(0px);
}
}
@keyframes circle-animation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes circle-animation2 {
0% {
transform: scale(-1, 1) rotate(360deg);
}
100% {
transform: scale(-1, 1) rotate(0deg);
}
}
@keyframes zoom {
0% {
transform: scale(0.5);
}
50% {
transform: scale(1);
}
100% {
transform: scale(0.5);
}
}
@keyframes zoom2 {
0% {
transform: scale(0.9);
}
50% {
transform: scale(1);
}
100% {
transform: scale(0.9);
}
}
@keyframes wobble-vertical {
10% {
transform: translateY(-10px);
}
50% {
transform: skew(15deg);
}
80% {
transform: rotate(10deg);
}
100% {
transform: translate(0);
}
}
@-webkit-keyframes section-highlight {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@-moz-keyframes section-highlight {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@-ms-keyframes section-highlight {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@keyframes section-highlight {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@keyframes widthcalc {
0% {
width: 20%;
}
50% {
width: 50%;
}
75% {
width: 90%;
}
90% {
opacity: 75%;
}
90% {
opacity: 100%;
}
}
/* right bounce */
@-webkit-keyframes bounceRight {
0%, 20%, 50%, 80%, 100% {
-ms-transform: translateX(0);
transform: translateX(0);
}
40% {
-ms-transform: translateX(-90px);
transform: translateX(-90px);
}
60% {
-ms-transform: translateX(-15px);
transform: translateX(-15px);
}
}
@-moz-keyframes bounceRight {
0%, 20%, 50%, 80%, 100% {
-ms-transform: translateX(0);
transform: translateX(0);
}
40% {
-ms-transform: translateX(-90px);
transform: translateX(-90px);
}
60% {
-ms-transform: translateX(-15px);
transform: translateX(-15px);
}
}
@keyframes bounceRight {
0%, 20%, 50%, 80%, 100% {
-ms-transform: translateX(0);
transform: translateX(0);
}
40% {
-ms-transform: translateX(-90px);
transform: translateX(-90px);
}
60% {
-ms-transform: translateX(-15px);
transform: translateX(-15px);
}
}
/* /right bounce */
@keyframes icon-bounce {
0%, 100%, 20%, 50%, 80% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px);
}
60% {
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-o-transform: translateY(-5px);
transform: translateY(-5px);
}
}
/*--- preloader ---*/
.dark #preloader {
background-color: #232323;
}
#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #f7f7f7;
z-index: 999999;
}
.preloader {
width: 50px;
height: 50px;
display: inline-block;
padding: 0px;
text-align: left;
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
margin-left: -25px;
margin-top: -25px;
}
.preloader span {
position: absolute;
display: inline-block;
width: 50px;
height: 50px;
border-radius: 100%;
background: #53C351;
-webkit-animation: preloader 1.3s linear infinite;
animation: preloader 1.3s linear infinite;
}
.preloader span:last-child {
animation-delay: -0.9s;
-webkit-animation-delay: -0.9s;
}
@keyframes preloader {
0% {
transform: scale(0, 0);
opacity: 0.5;
}
100% {
transform: scale(1, 1);
opacity: 0;
}
}
@-webkit-keyframes preloader {
0% {
-webkit-transform: scale(0, 0);
opacity: 0.5;
}
100% {
-webkit-transform: scale(1, 1);
opacity: 0;
}
}
/*--- end of preloader ---*/
/*---------------------------------------
Background color
-----------------------------------------*/
.grey-bg {
background: var(--tp-grey-2);
}
.white-bg {
background: var(--tp-common-white);
}
.black-bg {
background: var(--tp-common-black);
}
.theme-bg {
background: var(--tp-theme-1);
}
.body-overlay.apply {
position: fixed;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
z-index: 999;
transition: 0.3s;
}
.tp-instagram img {
width: 100%;
}
.tpoffcanvas {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: fixed;
top: 0;
right: -100%;
width: 400px;
height: 100vh;
box-shadow: 0 16px -32px 0 rgba(0, 0, 0, 0.8);
background-color: var(--tp-common-black);
z-index: 9999;
transition: 1s;
padding: 40px;
overflow-y: scroll;
scrollbar-width: none;
opacity: 0;
visibility: hidden;
}
.tpoffcanvas.opened {
opacity: 1;
visibility: visible;
}
@media (max-width: 767px) {
.tpoffcanvas {
width: 330px;
padding: 40px 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tpoffcanvas {
width: 400px;
padding: 40px;
}
}
.tpoffcanvas.opened {
right: 0;
}
.tpoffcanvas__logo {
margin-bottom: 60px;
}
.tpoffcanvas__logo img {
width: 180px;
height: 100%;
}
.tpoffcanvas__close-btn button {
font-size: 35px;
color: white;
position: absolute;
right: 50px;
top: 52px;
transition: 1s;
font-weight: 300;
opacity: 0.2;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tpoffcanvas__close-btn button {
font-size: 28px;
right: 48px;
top: 52px;
}
}
@media (max-width: 767px) {
.tpoffcanvas__close-btn button {
font-size: 28px;
right: 20px;
top: 52px;
}
}
.tpoffcanvas__close-btn button:hover {
color: #fff;
opacity: 1;
}
.tpoffcanvas__content {
margin-bottom: 30px;
}
.tpoffcanvas__content p {
font-size: 16px;
color: #fff;
font-weight: 400;
line-height: 1.6;
margin-bottom: 25px;
}
.tpoffcanvas__content span {
color: #fff;
font-size: 18px;
font-weight: 500;
margin-bottom: 5px;
display: inline-block;
}
.tpoffcanvas__content a {
font-size: 30px;
line-height: 51px;
font-weight: 700;
color: var(--tp-common-white);
display: inline-block;
}
@media (max-width: 767px) {
.tpoffcanvas__content a {
font-size: 17px;
}
}
.tpoffcanvas__social .social-icon a {
font-size: 20px;
color: var(--tp-common-white);
margin-right: 20px;
transition: 0.3s;
}
.tpoffcanvas__social .social-icon a:hover {
color: var(--tp-theme-2);
}
.mobile-menu.mean-container {
margin-bottom: 50px;
}
.offcan-social-title {
color: #fff;
font-size: 18px;
font-weight: 500;
margin-bottom: 15px;
display: inline-block;
}
.tpoffcanvas-social {
height: 100%;
display: flex;
flex-direction: column;
}
.header-border-2.header-sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: var(--tp-common-white);
width: 100%;
animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
box-shadow: 0px 2px 55px rgba(168, 182, 218, 0.32);
z-index: 999;
}
.header-border-2.header-sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: var(--tp-common-white);
width: 100%;
animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
box-shadow: 0px 10px 21px rgba(0, 0, 0, 0.05);
z-index: 999;
}
.header-transparent.header-sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: #051B46;
width: 100%;
animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
z-index: 999;
}
.header-transparent.header-sticky.header-border {
border: none;
}
.black-bg.header-sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: #051B46;
width: 100%;
animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
z-index: 999;
}
.black-bg.header-sticky.header-border {
border: none;
}
.sticky-white-bg.header-sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: var(--tp-common-white);
width: 100%;
animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
box-shadow: 0px 10px 21px rgba(0, 0, 0, 0.05);
z-index: 999;
}
.tp-custom-accordio .accordion-items {
margin-bottom: 20px;
}
.tp-custom-accordio .accordion-buttons {
position: relative;
width: 100%;
text-align: left;
font-size: 18px;
font-weight: 700;
padding: 40px 45px;
background-color: var(--tp-common-white);
color: #212121;
border-radius: 10px 10px 0 0;
}
@media (max-width: 767px) {
.tp-custom-accordio .accordion-buttons {
font-size: 17px;
padding: 28px 20px;
}
}
.tp-custom-accordio .accordion-buttons::after {
position: absolute;
content: "\f063";
font-family: "Font Awesome 5 Pro";
background-image: none;
top: 45px;
right: 45px;
color: #B8BCC8;
width: auto;
height: auto;
font-weight: 700;
font-size: 16px;
}
@media (max-width: 767px) {
.tp-custom-accordio .accordion-buttons::after {
top: 33px;
right: 18px;
}
}
.tp-custom-accordio .accordion-buttons.collapsed::after {
content: "\f062";
}
.tp-custom-accordio .collapsed {
border-radius: 10px 10px 10px 10px;
}
.tp-custom-accordio .accordion-body {
background-color: var(--tp-common-white);
padding: 20px 45px;
box-shadow: 0px 25px 32px 0px rgba(0, 0, 0, 0.06);
position: relative;
z-index: 1;
border-radius: 0 0px 10px 10px;
font-size: 16px;
}
@media (max-width: 767px) {
.tp-custom-accordio .accordion-body {
padding: 20px 25px;
}
}
.tp-custom-accordio .accordion-body::before {
position: absolute;
content: "";
height: 2px;
background-color: var(--tp-grey-1);
top: 0;
left: 45px;
right: 45px;
}
.faq-accordio-border .accordion-items {
background-color: var(--tp-common-white);
border: 1px solid #F5F5F5;
border-radius: 10px;
}
.tp-slider-title {
color: var(--tp-common-white);
font-weight: 700;
font-size: 80px;
letter-spacing: -0.01em;
line-height: 1.1;
margin-bottom: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-slider-title {
font-size: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-slider-title {
font-size: 55px;
margin-bottom: 15px;
}
}
@media (max-width: 767px) {
.tp-slider-title {
font-size: 35px;
margin-bottom: 20px;
}
.tp-slider-title br {
display: none;
}
}
.tp-section-subtitle {
font-size: 16px;
font-weight: 700;
color: var(--tp-theme-2);
text-transform: capitalize;
letter-spacing: 2px;
margin-bottom: 20px;
display: inline-block;
letter-spacing: -0.02em;
}
.tp-section-subtitle::before {
content: "";
height: 12px;
width: 12px;
background-color: var(--tp-theme-2);
display: inline-block;
border-radius: 50%;
margin-right: 10px;
}
.tp-section-title {
font-weight: 600;
font-size: 40px;
line-height: 105.5%;
letter-spacing: -0.01em;
line-height: 1.1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-section-title {
font-size: 45px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-section-title {
font-size: 40px;
}
}
@media (max-width: 767px) {
.tp-section-title {
font-size: 30px;
}
.tp-section-title br {
display: none;
}
}
.tp-section-title span {
/*color: var(--tp-theme-1);*/
color: #747474;
font-size: large;
}
/*----------------------------------------*/
/* 02. header CSS START
/*----------------------------------------*/
.header-space {
padding-left: 100px;
padding-right: 100px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.header-space {
padding-left: 40px;
padding-right: 40px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.header-space {
padding-left: 15px;
padding-right: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header-space {
padding-left: 0;
padding-right: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header-space {
padding: 20px 15px;
}
}
@media (max-width: 767px) {
.refresh {
display: none !important;
}
.header-space {
padding: 10px 0px;
margin-bottom: -1px;
}
}
.header-transparent {
position: absolute;
width: 100%;
z-index: 555;
}
.header-border {
border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}
.tp-main-menu ul {
margin-left: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-main-menu ul {
margin-left: 60px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-main-menu ul {
margin-left: 35px;
}
}
.tp-main-menu ul li {
display: inline-block;
margin: 0px 20px;
position: relative;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-main-menu ul li {
margin: 0 20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-main-menu ul li {
margin: 0 15px;
}
}
.tp-main-menu ul li.hasdropdown::after {
content: "\f107";
font-family: "Font Awesome 5 Pro";
font-size: 15px;
color: var(--tp-common-white);
font-weight: 400;
transform: translateY(0px);
display: inline-block;
transition: 0.4s;
}
.tp-main-menu ul li .submenu {
position: absolute;
background-color: #fff;
width: 270px;
z-index: 999;
margin-left: 0;
padding: 40px 0px;
top: 110%;
opacity: 0;
visibility: hidden;
transition: 0.4s;
box-shadow: 0px 8px 20px rgba(61, 110, 168, 0.2);
}
.tp-main-menu ul li .submenu li {
margin: 0;
display: block;
margin-bottom: 15px;
padding: 0 40px;
}
.tp-main-menu ul li .submenu li:last-child {
margin-bottom: 0;
}
.tp-main-menu ul li .submenu li a {
padding: 0;
margin: 0;
display: block;
text-transform: capitalizes;
font-size: 14px;
color: var(--tp-common-black);
}
.tp-main-menu ul li .submenu li a::after {
display: none;
}
.tp-main-menu ul li .submenu li:hover > a {
color: var(--tp-theme-1);
}
.tp-main-menu ul li .submenu li .submenu {
left: 100%;
top: 0;
}
.tp-main-menu ul li a {
color: var(--tp-common-white);
font-weight: 600;
font-size: 15px;
line-height: 16px;
letter-spacing: 0.05em;
text-transform: uppercase;
margin-right: 6px;
padding: 35px 0px;
display: inline-block;
position: relative;
transition: 0.4s;
}
.tp-main-menu ul li a::after {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
height: 4px;
width: 0px;
background-color: var(--tp-theme-1);
content: "";
transition: 0.4s;
}
.tp-main-menu ul li:hover > .submenu {
opacity: 1;
visibility: visible;
top: 100%;
}
.tp-main-menu ul li:hover > a::after {
width: 100%;
}
.tp-black-menu ul li.hasdropdown::after {
color: var(--tp-common-black);
}
.tp-black-menu ul li a {
color: var(--tp-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-menu-three ul li {
margin: 0px 15px;
}
}
.tp-header-info {
margin-right: 125px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-header-info {
margin-right: 60px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-header-info {
margin-right: 40px;
}
}
.tp-header-info a {
font-weight: 15px;
color: var(--tp-common-white);
font-weight: 700;
text-transform: uppercase;
}
.tp-header-info a span {
font-weight: 15px;
color: var(--tp-common-white);
font-weight: 700;
text-transform: uppercase;
transition: 0.4s;
}
.tp-header-info a:hover span {
color: var(--tp-common-sky);
}
.tp-header-black-info a {
color: var(--tp-common-black);
}
.tp-header-black-info a span {
color: var(--tp-common-black);
}
.header-icon {
margin-right: 10px;
}
.tp-header-button {
line-height: 0;
}
.tp-toggle-bar a {
font-size: 15px;
height: 35px;
width: 35px;
background-color: var(--tp-theme-1);
color: var(--tp-common-white);
display: inline-block;
text-align: center;
line-height: 35px;
border-radius: 5px;
margin-left: 30px;
transition: 0.3s;
}
.tp-toggle-bar a:hover {
background-color: var(--tp-theme-2);
color: var(--tp-common-white);
}
.tp-header-right-three .search-icon {
margin-right: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-header-right-three .search-icon {
margin-right: 60px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-header-right-three .search-icon {
margin-right: 30px;
}
}
.tp-header-right-three .search-icon i {
font-size: 18px;
font-weight: 500;
}
.tp-header-right-three .header-button {
font-weight: 700;
font-size: 18px;
text-transform: uppercase;
color: var(--tp-theme-2);
}
.tp-header-right-three .header-button i {
font-size: 18px;
font-weight: 500;
}
.tp-menu-three ul {
margin-left: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-menu-three ul {
margin-left: 20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-menu-three ul li {
margin: 0px 10px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-menu-three ul li a {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.header-space-four {
/*padding: 20px 0px;*/
}
}
.search-form {
position: absolute;
top: 80px;
right: 50%;
padding: 40px;
background-color: black;
z-index: 999;
opacity: 0;
visibility: hidden;
transition: 0.3s;
}
.search-form .close-btn {
color: var(--tp-common-black);
position: absolute;
right: 15px;
top: 10px;
}
.search-form input {
padding-right: 50px;
width: 270px;
margin-bottom: 0;
color: inherit;
border: none;
display: block;
height: 56px;
border: 1px solid rgba(255, 255, 255, 0.2);
border-width: 0 0 1px 0;
font-size: 16px;
line-height: 1.7;
font-weight: 500;
color: var(--tp-common-black);
background-color: transparent;
}
@media (max-width: 767px) {
.search-form input {
width: 170px;
height: 45px;
}
}
.search-form input::placeholder {
color: #939393;
}
.search-form input::-moz-placeholder {
color: #939393;
}
.search-form button {
position: absolute;
right: 50px;
top: 44%;
color: #939393;
}
.tp-search-form.opened {
opacity: 1;
visibility: visible;
top: 69px;
}
.tp-header-search-icons {
font-size: 25px;
}
.header_search-button {
display: inline-block;
position: relative;
font-size: 20px;
transform-origin: center;
cursor: pointer;
transition: 0.3s;
/* color: inherit; */
transform: translateY(1px);
line-height: 1;
color: var(--tp-common-black);
}
.header_search-close {
position: absolute;
line-height: 1;
cursor: pointer;
opacity: 0;
transform-origin: center;
transition: 0.3s;
transform: scale(0);
color: inherit;
color: var(--tp-common-black);
top: 0;
left: 0;
}
.header_search-close {
transform: scale(0);
}
.header_search-open .header_search-close {
transform: scale(1);
opacity: 1;
}
.header_search-open .header_search-button {
opacity: 0;
transform: scale(0);
}
.search-submit-icon {
position: absolute;
top: 50%;
right: 50px;
transform: translateY(-50%);
font-size: 20px;
color: var(--tp-common-white);
}
.normal-search a {
color: var(--tp-common-black);
}
.tp-search-form {
position: absolute;
top: 60px;
right: -100%;
padding: 40px;
background-color: black;
transition: 0.3s;
opacity: 0;
visibility: hidden;
z-index: 9;
}
@media (max-width: 767px) {
.tp-search-form {
padding: 20px;
}
}
.tp-search-form input {
padding-right: 50px;
width: 270px;
margin-bottom: 0;
color: inherit;
border: none;
display: block;
height: 56px;
border: 1px solid rgba(255, 255, 255, 0.2);
border-width: 0 0 1px 0;
font-size: 16px;
line-height: 1.7;
font-weight: 500;
color: var(--tp-common-white);
background-color: transparent;
}
@media (max-width: 767px) {
.tp-search-form input {
width: 200px;
height: 40px;
}
}
.tp-search-form input::-webkit-input-placeholder {
color: var(--tp-grey-1);
font-size: 16px;
}
.tp-search-form input:-moz-placeholder {
color: var(--tp-grey-1);
font-size: 16px;
}
.tp-search-form input::-moz-placeholder {
color: var(--tp-grey-1);
font-size: 16px;
}
.tp-search-form input:-ms-input-placeholder {
color: var(--tp-grey-1);
font-size: 16px;
}
.tp-search-form input:focus::-webkit-input-placeholder {
color: var(--tp-common-white);
}
.tp-search-form input:focus:-moz-placeholder {
color: var(--tp-common-white);
}
.tp-search-form input:focus::-moz-placeholder {
color: var(--tp-common-white);
}
.tp-search-form input:focus:-ms-input-placeholder {
color: var(--tp-common-white);
}
.header_search-open .tp-search-form {
top: 50px;
visibility: visible;
opacity: 1;
}
.search-offcanvas {
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 100%;
height: 100%;
visibility: hidden;
opacity: 0;
transition: 0.45s ease-in-out;
}
.tp-bar-icon {
color: var(--tp-common-white);
font-size: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-bar-icon {
margin-left: 60px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-bar-icon {
margin-left: 35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-bar-icon {
margin-left: 25px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
.tp-bar-icon {
font-size: 30px;
}
}
/*----------------------------------------*/
/* 03. MEANMENU CSS START
/*----------------------------------------*/
.mobile-menu.mean-container {
overflow: hidden;
}
@media (max-width: 767px) {
.mobile-menu.mean-container {
margin-bottom: 30px;
}
}
.mobile-menu .sidebar-list {
clear: both;
}
.mobile-menu .sidebar-list li {
position: relative;
padding-left: 20px;
margin-bottom: 5px;
color: var(--tp-common-white);
}
.mobile-menu .sidebar-list li::after {
top: 10px;
left: 0;
width: 6px;
height: 6px;
border-radius: 50%;
border: 1px solid #c00;
background-color: transparent;
content: "";
display: inline-block;
position: absolute;
}
.mobile-menu .tp-sidebar-social {
margin-top: 20px;
}
.mobile-menu .tp-sidebar-social a {
margin-right: 5px;
background-color: var(--tp-theme-primary);
color: #fff;
display: inline-block;
width: 35px;
height: 35px;
text-align: center;
font-size: 14px;
line-height: 34px;
}
.sidebar-title h3 {
color: var(--tp-common-white);
}
/* mean menu customize */
.mean-container a.meanmenu-reveal {
display: none;
}
.mean-container .mean-nav {
background: none;
margin-top: 0;
}
.mean-container .mean-bar {
padding: 0;
min-height: auto;
background: none;
}
.mean-container .mean-nav > ul {
padding: 0;
margin: 0;
width: 100%;
list-style-type: none;
display: block !important;
}
.mean-container a.meanmenu-reveal {
display: none !important;
}
.mean-container .mean-nav ul li a {
width: 100%;
padding: 15px 0;
color: #fff;
border-top: 1px solid rgba(255, 255, 255, 0.1);
font-size: 14px;
line-height: 1.5;
font-weight: 700;
}
.mean-container .mean-nav ul li a:hover {
color: var(--tp-theme-2);
}
.mean-container .mean-nav ul li a.mean-expand {
margin-top: 10px;
padding: 0 !important;
line-height: 14px;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
height: 30px;
width: 30px;
line-height: 30px;
color: #fff;
line-height: 30px;
top: 0;
font-weight: 400;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
background: var(--clr-theme-1);
color: var(--tp-theme-2);
border-color: #888888;
}
.mean-container .mean-nav ul li > a > i {
display: none;
}
.mean-container .mean-nav ul li > a.mean-expand i {
display: inline-block;
}
.mean-container .mean-nav > ul > li:first-child > a {
border-top: 0;
}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked {
color: var(--clr-common-black);
}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
color: var(--tp-common-white);
}
/*----------------------------------------*/
/* 04. slider CSS START
/*----------------------------------------*/
.slider-height {
/*height: 1025px;*/
height: 800px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.slider-height {
height: 768px;
}
}
@media (max-width: 767px) {
.slider-height {
height: 250px;
}
}
.slider-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-blend-mode: luminosity;
}
.slider-bg::after {
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
opacity: 0.2;
background: linear-gradient(89.18deg, #212529 1.58%, #212529 99.36%);
}
.tp-slider-content-box p {
color: var(--tp-common-white);
font-weight: 500;
font-size: 22px;
line-height: 32px;
margin-bottom: 55px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-slider-content-box p {
font-size: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-slider-content-box p {
font-size: 18px;
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.tp-slider-content-box p {
font-size: 18px;
line-height: 28px;
margin-bottom: 30px;
}
.tp-slider-content-box p br {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-slider-content-box p {
padding: 0 100px;
}
.tp-slider-content-box p br {
display: none;
}
}
.tp-slider-content-box a {
margin: 0px 15px;
}
.slider-arrow-style button.slick-next {
/*background-image: url(../img/slider/button-shape-2.png);*/
background-repeat: no-repeat;
color: var(--tp-common-white);
font-size: 16px;
font-weight: 600;
top: 50%;
transform: translateY(-50%);
right: 100px;
z-index: 55;
position: absolute;
width: 50px;
height: 50px;
line-height: 48px;
display: inline-block;
text-align: center;
border: 2px solid rgba(255, 255, 255, 0.5);
background-color: transparent;
padding: 0;
border-radius: 50%;
margin-right: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slider-arrow-style button.slick-next {
right: 30px;
}
}
.slider-arrow-style button.slick-prev {
/*background-image: url(../img/slider/button-shape-1.png);*/
background-repeat: no-repeat;
color: var(--tp-common-white);
font-size: 16px;
font-weight: 600;
top: 50%;
transform: translateY(-50%);
left: 100px;
z-index: 55;
position: absolute;
width: 50px;
height: 50px;
line-height: 48px;
display: inline-block;
text-align: center;
border: 2px solid rgba(255, 255, 255, 0.5);
background-color: transparent;
padding: 0;
border-radius: 50%;
margin-right: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slider-arrow-style button.slick-prev {
left: 30px;
}
}
.tp-slider-active button {
opacity: 0;
visibility: hidden;
transition: 0.4s;
}
.tp-slider-active:hover button {
opacity: 1;
visibility: visible;
}
.hero-area-space {
padding-top: 140px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero-area-space {
padding-top: 80px;
}
}
@media (max-width: 767px) {
.hero-area-space {
padding-top: 75px;
}
}
.tp-hero-title {
font-weight: 700;
font-size: 70px;
line-height: 1.1;
letter-spacing: -0.01em;
color: var(--tp-common-black);
padding-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero-title {
font-size: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-title {
font-size: 40px;
}
}
@media (max-width: 767px) {
.tp-hero-title {
font-size: 40px;
padding-bottom: 20px;
}
}
.hero-bottom-space {
margin-bottom: 70px;
}
.tp-slider-bottom-shape {
position: absolute;
bottom: -5px;
left: 0;
width: 100%;
}
.tphero__info-list {
margin-bottom: 50px;
}
@media (max-width: 767px) {
.tphero__info-list {
margin-bottom: 30px;
}
}
.tphero__info-list ul li {
font-weight: 500;
font-size: 18px;
color: var(--tp-common-black);
position: relative;
padding-left: 35px;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.tphero__info-list ul li {
font-size: 17px;
padding-left: 23px;
margin-bottom: 14px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tphero__info-list ul li {
top: 6px;
font-size: 14px;
}
}
.tphero__info-list ul li i {
position: absolute;
left: 0;
top: 4px;
font-weight: 900;
font-size: 16px;
letter-spacing: 0.02em;
color: var(--tp-theme-1);
}
@media (max-width: 767px) {
.tphero__info-list ul li i {
top: 6px;
font-size: 14px;
}
}
.tphero__info-list ul li:last-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
.tphero__wrapper {
flex-wrap: wrap;
margin-bottom: 50px;
}
}
.tphero__wrapper-button {
margin-right: 35px;
}
@media (max-width: 767px) {
.tphero__wrapper-button {
margin-bottom: 30px;
}
}
.tphero__wrapper-playbtn a {
height: 70px;
width: 70px;
border-radius: 50%;
border: 1px solid var(--tp-common-black);
display: inline-block;
text-align: center;
line-height: 70px;
margin-right: 13px;
font-weight: 900;
font-size: 17px;
color: var(--tp-theme-1);
position: relative;
background-color: #fff;
transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tphero__wrapper-playbtn a {
height: 55px;
width: 55px;
line-height: 55px;
}
}
.tphero__wrapper-playbtn a::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: var(--tp-theme-1);
top: 5px;
left: 0;
z-index: -1;
border-radius: 50%;
transition: 0.3s;
}
.tphero__wrapper-playbtn a:hover {
background-color: var(--tp-theme-2);
color: var(--tp-common-white);
border-color: var(--tp-theme-2);
}
.tphero__wrapper-playbtn a:hover::after {
top: 0;
}
.tphero__wrapper-playbtn span {
font-weight: 500;
font-size: 18px;
line-height: 64px;
color: var(--tp-common-black);
}
.tphero__thumb {
padding-left: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tphero__thumb {
padding-left: 0;
}
}
@media (max-width: 767px) {
.tp-slider-content-box .tp-btn {
margin-bottom: 10px;
display: inline-block;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-slider-content-box .tp-btn {
margin-bottom: 0px;
}
}
.tp-slider-title-three {
font-weight: 700;
font-size: 65px;
line-height: 1.1;
letter-spacing: -0.01em;
color: var(--tp-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-slider-title-three {
font-size: 45px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-slider-title-three {
font-size: 55px;
}
}
@media (max-width: 767px) {
.tp-slider-title-three {
font-size: 40px;
}
.tp-slider-title-three br {
display: none;
}
}
.tp-slider-fea {
margin-bottom: 30px;
}
.tp-slider-fea ul {
overflow: hidden;
}
.tp-slider-fea ul li {
font-weight: 500;
font-size: 18px;
color: var(--tp-common-black);
padding-left: 35px;
position: relative;
width: 50%;
float: left;
margin-bottom: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-slider-fea ul li {
font-size: 16px;
}
}
@media (max-width: 767px) {
.tp-slider-fea ul li {
width: 100%;
}
.tp-slider-fea ul li:last-child {
margin-bottom: 0;
}
}
.tp-slider-fea ul li i {
color: var(--tp-theme-1);
font-size: 16px;
font-weight: 900;
position: absolute;
top: 4px;
left: 0;
}
.tp-slider-input {
position: relative;
}
.tp-slider-input input {
width: 100%;
background: #FFFFFF;
border: 1px solid #F7F7F7;
box-shadow: 0px 15px 25px rgba(203, 203, 213, 0.18);
border-radius: 10px;
height: 85px;
font-weight: 400;
font-size: 18px;
color: var(--tp-common-black);
padding-left: 20px;
padding-right: 220px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-slider-input input {
height: 70px;
}
}
@media (max-width: 767px) {
.tp-slider-input input {
padding-right: 20px;
height: 50px;
font-size: 16px;
}
}
.tp-slider-input input::placeholder {
color: #747474;
}
.tp-slider-input button {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 20px;
}
@media (max-width: 767px) {
.tp-slider-input button {
position: static;
transform: translateY(0);
margin-top: 20px;
}
}
.slider-space-three {
padding-top: 270px;
padding-bottom: 180px;
padding-right: 100px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.slider-space-three {
padding-top: 200px;
padding-bottom: 80px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.slider-space-three {
padding-top: 180px;
padding-bottom: 100px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.slider-space-three {
padding-top: 180px;
padding-right: 40px;
padding-bottom: 70px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slider-space-three {
padding-top: 180px;
padding-bottom: 40px;
padding-right: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider-space-three {
padding-top: 160px;
padding-bottom: 80px;
}
}
@media (max-width: 767px) {
.slider-space-three {
padding-top: 140px;
padding-right: 0;
padding-bottom: 60px;
}
}
.tp-slider-content {
margin-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-slider-social-2 {
padding-bottom: 30px;
}
}
.tp-slider-social a {
font-weight: 500;
font-size: 16px;
text-transform: uppercase;
color: var(--tp-common-black);
padding-right: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-slider-social a {
padding-right: 30px;
}
}
.tp-slider-social a:hover.facebook {
color: var(--tp-theme-1);
}
.tp-slider-social a:hover.youtube {
color: red;
}
.tp-slider-social a:hover.twitter {
color: #1DA1F2;
}
.tp-slider-social a:hover.linkdin {
color: #4470C9;
}
.tp-slider-social a:last-child {
padding-right: 0;
}
.tp-slider-social a i {
padding-right: 15px;
}
.tp-slider-social a .facebook {
color: var(--tp-theme-1);
}
.tp-slider-social a .youtube {
color: red;
}
.tp-slider-social a .twitter {
color: #1DA1F2;
}
.tp-slider-social a .linkdin {
color: #4470C9;
}
.tp-slider-social-2 a {
font-weight: 500;
font-size: 16px;
text-transform: uppercase;
color: var(--tp-common-black);
padding-right: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-slider-social-2 a {
padding-right: 30px;
}
}
.tp-slider-social-2 a:hover.facebook {
color: var(--tp-theme-1);
}
.tp-slider-social-2 a:hover.youtube {
color: red;
}
.tp-slider-social-2 a:hover.twitter {
color: #1DA1F2;
}
.tp-slider-social-2 a:hover.linkdin {
color: #4470C9;
}
.tp-slider-social-2 a:last-child {
padding-right: 0;
}
.tp-slider-social-2 a i {
padding-right: 15px;
}
.tp-slider-social-2 a .facebook {
color: var(--tp-theme-1);
}
.tp-slider-social-2 a .youtube {
color: red;
}
.tp-slider-social-2 a .twitter {
color: #1DA1F2;
}
.tp-slider-social-2 a .linkdin {
color: #4470C9;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
.tp-slider-social-2 a {
position: relative;
padding-right: 0;
margin: 0 30px;
transition: 0.5s;
}
.tp-slider-social-2 a i {
padding-right: 0;
}
.tp-slider-social-2 a span {
height: 20px;
padding: 0px 15px;
background-color: var(--tp-theme-2);
color: var(--tp-common-white);
display: inline-block;
font-size: 10px;
font-weight: 700;
line-height: 20px;
position: absolute;
top: -20px;
left: 50%;
transform: translate(-50%);
opacity: 0;
visibility: hidden;
transition: 0.5s;
}
.tp-slider-social-2 a span::after {
height: 8px;
width: 8px;
background-color: var(--tp-theme-2);
content: "";
position: absolute;
bottom: -4px;
left: 50%;
transform: translate(-50%) rotate(45deg);
}
.tp-slider-social-2 a:hover span {
opacity: 1;
visibility: visible;
top: -30px;
}
}
.tp-slider-grey-shape {
background-color: #F9F9F9;
height: 100vh;
width: 750px;
position: absolute;
top: 0;
right: 0;
z-index: -1;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
object-fit: cover;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-slider-grey-shape {
width: 540px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-slider-grey-shape {
width: 515px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-slider-grey-shape {
width: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-slider-grey-shape {
width: 100%;
}
}
.tp-slider-item img {
max-width: 100%;
border-radius: 15px;
}
.tp-slider-three-active {
margin-top: 190px;
}
@media (max-width: 767px) {
.tp-slider-three-active {
padding-right: 0px;
}
}
.slider-area-section .slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
padding-right: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.slider-area-section .slick-list {
padding-right: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.slider-area-section .slick-list {
padding-right: 0px;
}
}
.slider-area-section .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
margin-right: -280px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.slider-area-section .slick-slider {
margin-right: -180px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.slider-area-section .slick-slider {
margin-right: -100px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.slider-area-section .slick-slider {
margin-right: -42px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slider-area-section .slick-slider {
margin-right: -40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider-area-section .slick-slider {
margin-right: 0px;
}
}
@media (max-width: 767px) {
.slider-area-section .slick-slider {
margin-right: 0px;
}
}
.slider-area-section .slick-slider .slick-slide {
margin-right: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.slider-area-section .slick-slider .slick-slide {
margin-right: 0px;
padding: 0px 0px;
}
}
.slick-active .tp-slider-title {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
}
.slick-active .tp-slider-content-box p {
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
-webkit-animation-duration: 0.7s;
animation-duration: 0.7s;
}
.slick-active .tp-slider-content-box a {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
-webkit-animation-duration: 0.9s;
animation-duration: 0.9s;
}
.slick-active .tp-slider-title,
.slick-active .tp-slider-content-box p,
.slick-active .tp-slider-content-box a {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
/*----------------------------------------*/
/* 05. breadcrumb CSS START
/*----------------------------------------*/
@media (max-width: 767px) {
.breadcrumb__area {
padding-top: 120px;
padding-bottom: 120px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.breadcrumb__wrapper {
flex-wrap: wrap;
flex-direction: column;
}
}
@media (max-width: 767px) {
.breadcrumb__wrapper {
flex-wrap: wrap;
}
}
.breadcrumb__title {
font-weight: 700;
font-size: 60px;
line-height: 105.5%;
letter-spacing: -0.01em;
color: var(--tp-common-white);
}
@media (max-width: 767px) {
.breadcrumb__title {
font-size: 45px;
margin-bottom: 20px;
}
}
.background-bg {
position: relative;
}
.background-bg::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background: linear-gradient(89.18deg, rgba(0, 14, 41, 0.81) 1.58%, rgba(0, 14, 41, 0.5) 99.36%);
opacity: 0.7;
}
.tp-breadcrmb-circle-one {
height: 640px;
width: 640px;
background-color: var(--tp-theme-1);
border-radius: 50%;
position: absolute;
bottom: -290px;
left: -175px;
opacity: 0.5;
z-index: 2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-breadcrmb-circle-one {
bottom: -323px;
left: -337px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-breadcrmb-circle-one {
bottom: -423px;
left: -320px;
}
}
@media (max-width: 767px) {
.tp-breadcrmb-circle-one {
display: none;
}
}
.tp-breadcrmb-circle-two {
height: 640px;
width: 640px;
background-color: var(--tp-theme-2);
border-radius: 50%;
position: absolute;
top: -290px;
right: -230px;
opacity: 0.5;
z-index: 2;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-breadcrmb-circle-two {
height: 600px;
width: 600px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-breadcrmb-circle-two {
top: -397px;
right: -285px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-breadcrmb-circle-two {
top: -441px;
right: -327px;
}
}
@media (max-width: 767px) {
.tp-breadcrmb-circle-two {
display: none;
}
}
/*----------------------------------------*/
/* 06. brand CSS START
/*----------------------------------------*/
.tp-brand-area {
clear: both;
}
.tp-brand-item {
text-align: center;
}
.tp-brand-item img {
display: inline-block;
}
.tp-brand-title {
font-weight: 600;
font-size: 20px;
color: var(--tp-common-black);
}
.tp-brand-left-item .tp-brand-item {
text-align: left;
}
@media (max-width: 767px) {
.tp-brand-left-item .tp-brand-item {
text-align: center;
}
}
.tp-brand-left-item .tp-brand-item img {
display: inline-block;
}
/*----------------------------------------*/
/* 07. about CSS START
/*----------------------------------------*/
.tp-about-section-box p {
font-weight: 400;
font-size: 15px;
line-height: 26px;
color: #747474;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-about-section-box p {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-about-thumb img {
width: 100%;
margin-bottom: 70px;
}
}
@media (max-width: 767px) {
.tp-about-thumb img {
width: 100%;
margin-bottom: 40px;
}
}
.paragraph-one {
padding-bottom: 15px;
}
.tp-ab-button-one {
margin-right: 20px;
}
.tp-ab-play-button {
height: 65px;
width: 65px;
background-color: var(--tp-theme-2);
border-radius: 50%;
line-height: 65px;
display: inline-block;
text-align: center;
color: var(--tp-common-white);
transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-ab-play-button {
height: 55px;
width: 55px;
line-height: 55px;
}
}
.tp-ab-play-button:hover {
color: var(--tp-common-white);
background-color: var(--tp-theme-1);
}
.tpabout__section-title-box {
padding-left: 50px;
padding-right: 57px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tpabout__section-title-box {
padding-right: 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tpabout__section-title-box {
padding-left: 40px;
padding-right: 0px;
}
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
.tpabout__section-title-box {
padding-left: 0px;
padding-right: 0px;
}
}
.tpabout__section-title-box p {
font-weight: 400;
font-size: 15px;
line-height: 26px;
color: #D6D6D6;
}
.tpabout__thumb2 {
padding-left: 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tpabout__thumb2 {
padding-left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tpabout__thumb2 {
padding-left: 0;
}
.tpabout__thumb2 img {
width: 100%;
margin-bottom: 50px;
}
}
.tp-insurance-img img {
border-radius: 10px;
}
.tp-insurance-two {
position: absolute;
top: -15%;
left: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.insurance-one {
margin-bottom: 50px;
}
}
.tp-about-me-section-box p {
padding-right: 105px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-about-me-section-box p {
padding-right: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-about-me-section-box p {
padding-right: 70px;
}
}
@media (max-width: 767px) {
.tp-about-me-section-box p {
padding-right: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-about-list {
margin-bottom: 50px;
}
}
@media (max-width: 767px) {
.tp-about-list {
margin-bottom: 30px;
}
}
.tp-about-list ul li {
font-weight: 500;
font-size: 16px;
color: var(--tp-common-black);
position: relative;
padding-left: 40px;
margin-bottom: 15px;
list-style: none;
}
.tp-about-list ul li:last-child {
margin-bottom: 0;
}
.tp-about-list ul li i {
position: absolute;
left: 0;
top: 2px;
height: 24px;
width: 24px;
border-radius: 50%;
background-color: var(--tp-theme-1);
line-height: 24px;
color: var(--tp-common-white);
font-size: 10px;
text-align: center;
}
.paragraph-space-1 {
padding-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.paragraph-space-1 {
padding-bottom: 0;
}
}
.about-me-img {
margin-left: 110px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.about-me-img {
margin-left: 70px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.about-me-img {
margin-left: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.about-me-img {
margin-left: 0px;
}
}
.ab-lg-img img {
border-radius: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ab-lg-img img {
width: 100%;
}
}
.about-sm-img {
position: absolute;
top: 50%;
left: -100px;
transform: translateY(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.about-sm-img {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-about-me-section-box .tp-section-title {
font-size: 50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-about-me-section-box .tp-section-title {
font-size: 40px;
padding-bottom: 10px;
}
}
/*----------------------------------------*/
/* 08. service CSS START
/*----------------------------------------*/
.tpservice {
text-align: center;
background-color: #132038;
padding: 40px 15px;
border-radius: 20px;
border: 1px solid transparent;
transition: 0.4s;
}
.tpservice:hover .tpservice__icon {
animation: icon-bounce 0.8s 1;
}
.tpservice__icon {
background-image: url(../img/service/sv-shape-1.png);
height: 70px;
width: 70px;
line-height: 70px;
background-repeat: no-repeat;
text-align: center;
display: inline-block;
margin-bottom: 20px;
}
.tpservice__icon i {
color: var(--tp-common-white);
font-size: 30px;
}
.tpservice__icon-2 {
background-image: url(../img/service/sv-shape-2.png);
}
.tpservice__icon-3 {
background-image: url(../img/service/sv-shape-3.png);
}
.tpservice__icon-4 {
background-image: url(../img/service/sv-shape-4.png);
}
.tpservice__icon-5 {
background-image: url(../img/service/sv-shape-5.png);
}
.tpservice__icon-6 {
background-image: url(../img/service/sv-shape-6.png);
}
.tpservice__circle span {
height: 12px;
width: 12px;
border-radius: 50%;
background-color: #1A4772;
display: inline-block;
margin: 0px 4px;
transition: 0.4s;
}
.tp-sv-title {
font-size: 22px;
font-weight: 500;
color: var(--tp-common-white);
padding-bottom: 20px;
}
.tp-sv-title-small {
font-size: 13px;
font-weight: 500;
color: var(--tp-common-white);
padding-bottom: 20px;
}
.tp-sv-color-1:hover {
border-color: var(--tp-common-sky);
}
.tp-sv-color-1:hover .tpservice__circle span {
background-color: var(--tp-common-sky);
}
.tp-sv-color-1 a:hover {
color: var(--tp-common-sky);
}
.tp-sv-color-2:hover {
border-color: var(--tp-theme-2);
}
.tp-sv-color-2:hover .tpservice__circle span {
background-color: var(--tp-theme-2);
}
.tp-sv-color-2:hover a:hover {
color: var(--tp-theme-2);
}
.tp-sv-color-3:hover {
border-color: var(--tp-theme-1);
}
.tp-sv-color-3:hover .tpservice__circle span {
background-color: var(--tp-theme-1);
}
.tp-sv-color-3:hover a:hover {
color: var(--tp-theme-1);
}
.tp-sv-color-4:hover {
border-color: var(--tp-common-sky);
}
.tp-sv-color-4:hover .tpservice__circle span {
background-color: var(--tp-common-sky);
}
.tp-sv-color-4:hover a:hover {
color: var(--tp-common-sky);
}
.tp-sv-color-5:hover {
border-color: var(--tp-common-red);
}
.tp-sv-color-5:hover .tpservice__circle span {
background-color: var(--tp-common-red);
}
.tp-sv-color-5:hover a:hover {
color: var(--tp-common-red);
}
.tp-sv-color-6:hover {
border-color: var(--tp-common-green);
}
.tp-sv-color-6:hover .tpservice__circle span {
background-color: var(--tp-common-green);
}
.tp-sv-color-6:hover a:hover {
color: var(--tp-common-green);
}
.ff-service-title {
font-weight: 500;
font-size: 25px;
line-height: 105.5%;
letter-spacing: -0.01em;
color: var(--tp-common-black);
transition: 0.4s;
padding-bottom: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ff-service-title {
font-size: 20px;
}
}
@media (max-width: 767px) {
.ff-service-title {
font-size: 18px;
}
}
.financial-service {
position: relative;
background-color: var(--tp-common-white);
border: 1px solid #F2F2F2;
border-bottom: 0;
padding: 45px 35px;
transition: 0.4s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.financial-service {
padding: 45px 30px;
}
}
.financial-service p {
font-weight: 400;
font-size: 15px;
line-height: 26px;
color: #747474;
transition: 0.4s;
}
.financial-service svg {
position: absolute;
top: 20px;
right: 20px;
color: var(--tp-common-black);
transition: 0.4s;
transform: rotate(-42deg);
}
.financial-service:hover {
background-color: var(--tp-theme-1);
}
.financial-service:hover p {
color: var(--tp-common-white);
}
.financial-service:hover svg {
color: var(--tp-common-white);
transform: rotate(0deg);
}
.financial-service:hover a {
color: var(--tp-common-white);
}
.financial-service:hover.financial-common-red {
border-bottom: 5px solid transparent;
background-color: var(--tp-common-red);
}
.financial-service:hover.financial-theme-color {
border-bottom: 5px solid transparent;
background-color: var(--tp-theme-1);
}
.financial-service:hover.financial-theme-yellow {
border-bottom: 5px solid transparent;
background-color: var(--tp-theme-2);
}
.financial-service.financial-common-red {
border-bottom: 5px solid var(--tp-common-red);
transition: 0.4s;
}
.financial-service.financial-theme-color {
border-bottom: 5px solid var(--tp-theme-1);
transition: 0.4s;
}
.financial-service.financial-theme-yellow {
border-bottom: 5px solid var(--tp-theme-2);
transition: 0.4s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.sercviceinsurance__wrapper {
flex-wrap: wrap;
}
}
.sercviceinsurance__title .tp-section-title {
margin-bottom: 0px;
}
@media (max-width: 767px) {
.sercviceinsurance__title2 .tp-section-title {
margin-bottom: 20px;
}
}
.sercviceinsurance__item {
background-color: var(--tp-common-white);
padding: 25px;
padding-bottom: 0;
position: relative;
z-index: 1;
}
.sercviceinsurance__item:hover .sercviceinsurance__thumb img {
transform: scale(1.1);
}
.sercviceinsurance__content p {
font-weight: 400;
font-size: 16px;
line-height: 28px;
color: #747474;
padding-bottom: 15px;
padding-right: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.sercviceinsurance__content p {
padding-right: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sercviceinsurance__content p {
padding-right: 0px;
}
.sercviceinsurance__content p br {
display: none;
}
}
@media (max-width: 767px) {
.sercviceinsurance__content p {
padding-right: 0px;
}
.sercviceinsurance__content p br {
display: none;
}
}
.sercviceinsurance__content a {
transition: 0.3s;
}
.sercviceinsurance__content a:hover {
color: var(--tp-theme-1);
}
.sercviceinsurance__content-circle {
height: 83px;
width: 83px;
border-radius: 50%;
background-color: #F9F9F9;
line-height: 83px;
text-align: center;
position: relative;
left: 20px;
margin-top: -50px;
margin-bottom: 30px;
}
.sercviceinsurance__content-circle i {
font-size: 40px;
color: var(--tp-theme-1);
}
.sercviceinsurance__content-circle::after {
content: "";
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 95px;
width: 95px;
border-radius: 50%;
background-color: var(--tp-common-white);
position: absolute;
z-index: -1;
}
.sercviceinsurance__thumb img {
width: 100%;
transform: scale(1);
transition: 1.4s;
}
.sercviceinsurance__svbtn {
border: 1px solid var(--tp-border-1);
padding: 0 20px;
transition: 0.3s;
}
.sercviceinsurance__svbtn span {
font-weight: 700;
font-size: 14px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: uppercase;
color: var(--tp-common-black);
transition: 0.3s;
}
.sercviceinsurance__svbtn i {
font-weight: 400;
font-size: 20px;
line-height: 50px;
color: var(--tp-common-black);
transition: 0.3s;
}
.sercviceinsurance__svbtn:hover {
background-color: var(--tp-theme-1);
}
.sercviceinsurance__svbtn:hover span {
color: var(--tp-common-white);
}
.sercviceinsurance__svbtn:hover i {
color: var(--tp-common-white);
}
.tp-sv-insurance-title {
font-weight: 600;
font-size: 28px;
line-height: 30px;
color: var(--tp-common-black);
padding-bottom: 10px;
}
.tp-service-shape-1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
@media (max-width: 767px) {
.tp-service-shape-1 {
top: -4px;
}
}
.tp-service-shape-2 {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
@media (max-width: 767px) {
.tp-service-shape-2 {
bottom: -4px;
}
}
.tp-service-shape-2 img {
max-width: 100%;
}
.tp-service-right-text {
padding-left: 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-service-right-text {
padding-left: 50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-service-right-text {
padding-left: 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-service-right-text {
padding-left: 0px;
padding-right: 30px;
padding-top: 30px;
}
}
@media (max-width: 767px) {
.tp-service-right-text {
padding-left: 0px;
padding-top: 30px;
}
}
.tp-service-right-text P {
font-weight: 400;
font-size: 15px;
line-height: 26px;
color: #747474;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-service-right-text P {
font-size: 14px;
margin-bottom: 0;
}
}
.service-bottom-space {
margin-bottom: 60px;
}
.service-border-right {
position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.service-border-right::after {
opacity: 0;
}
}
.service-border-right::after {
height: 90px;
width: 4px;
background-color: var(--tp-theme-1);
content: "";
top: 30%;
right: 0;
position: absolute;
}
.service-details-border {
position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.service-details-border::after {
opacity: 0;
}
}
.service-details-border::after {
height: 90px;
width: 4px;
background-color: var(--tp-theme-1);
content: "";
top: 12%;
right: 0;
position: absolute;
}
.sv-details-thumb img {
border-radius: 15px;
}
.sv-pr-40 {
padding-right: 20px;
}
.sv-details-thumb {
margin-bottom: 70px;
}
/*----------------------------------------*/
/* 09. contact CSS START
/*----------------------------------------*/
.tp-contact-title {
font-size: 35px;
font-weight: 600;
color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-contact-title {
font-size: 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-contact-title {
margin-bottom: 20px;
}
}
@media (max-width: 767px) {
.tp-contact-title {
font-size: 21px;
margin-bottom: 10px;
}
}
.tp-contact-wrapper-box {
padding: 70px 75px;
background-color: #132038;
border-radius: 20px;
background-position: right;
background-repeat: no-repeat;
background-size: contain;
}
@media (max-width: 767px) {
.tp-contact-wrapper-box {
padding: 0 0;
padding: 50px 10px 20px 50px;
background-image: none !important;
}
}
@media (max-width: 767px) {
.tp-contact-wrapper {
flex-wrap: wrap;
}
}
.tp-contact-info {
margin-left: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-contact-info {
margin-left: 20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-contact-info {
margin-left: 0px;
margin-right: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-contact-info {
margin-left: 0px;
margin-right: 20px;
}
}
@media (max-width: 767px) {
.tp-contact-info {
margin-left: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-contact-info {
margin-left: 0;
margin-right: 20px;
}
}
.tp-contact-info:hover .contact-color-2 {
color: var(--tp-common-sky);
}
.tp-contact-info:hover .contact-color-1 {
color: var(--tp-theme-2);
}
.tp-contact-info .contact-icon {
margin-right: 10px;
}
.tp-contact-info a {
color: var(--tp-common-white);
font-size: 18px;
font-weight: 500;
transition: 0.4s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-contact-info a {
font-size: 16px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-contact-info a {
font-size: 16px;
}
}
@media (max-width: 767px) {
.tp-contact-info a {
font-size: 13px;
margin-bottom: 10px;
display: inline-block;
}
}
.tp-contact-info a span {
color: #959AA5;
transition: 0.4s;
}
.tp-contact-shape-1 {
position: absolute;
top: 0;
left: 0;
}
.tp-contact-shape-2 {
position: absolute;
top: 0;
right: 0;
}
.tp-contact-sm-title {
font-size: 30px;
font-weight: 600;
color: var(--tp-common-black);
padding-bottom: 40px;
}
.contactform__input input {
width: 100%;
border-radius: 10px;
border: 1px solid var(--tp-border-1);
padding: 25px 20px;
background-color: #F0F0F0;
margin-bottom: 10px;
font-size: 15px;
font-weight: 400;
text-transform: capitalize;
color: var(--tp-common-black);
}
.contactform__input input::placeholder {
color: #A9A9A9;
}
.contactform__textarea textarea {
width: 100%;
height: 165px;
padding: 25px 20px;
resize: none;
background-color: #F0F0F0;
border: 1px solid var(--tp-border-1);
border-radius: 10px;
font-size: 15px;
font-weight: 400;
text-transform: capitalize;
color: var(--tp-common-black);
margin-bottom: 10px;
}
.contactform__textarea textarea::placeholder {
color: #A9A9A9;
}
.contactform__textarea textarea:focus {
outline: 0;
}
.contactform.contactform2 .tp-sp-icon .nice-select {
background-color: #091732;
}
.contactform.contactform2 .contactform__input input {
background-color: #091732;
border: 1px solid #17243D;
color: var(--tp-common-white);
}
.contactform.contactform2 .contactform__input input::placeholder {
color: #999FA9;
}
.contactform.contactform2 .contactform__textarea textarea {
background-color: #091732;
border: 1px solid #17243D;
color: var(--tp-common-white);
}
.contactform.contactform2 .contactform__textarea textarea::placeholder {
color: #999FA9;
}
.contactform.contactform2 .tp-sp-icon .nice-select .current {
color: #999FA9;
}
.contactform.contactform2 .tp-sp-icon .nice-select::after {
color: #999FA9;
}
.tp-contact-form-wrapper {
border-left: 1px solid var(--tp-border-1);
padding-left: 100px;
margin-left: 10px;
padding-right: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-contact-form-wrapper {
padding-left: 80px;
padding-right: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-contact-form-wrapper {
padding-left: 50px;
margin-left: 0px;
padding-right: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-contact-form-wrapper {
padding-left: 0px;
margin-left: 0px;
padding-right: 0px;
border-left: none;
}
}
.tp-contact-form-wrapper2 {
border-left: 1px solid #091732;
}
.contact-map {
width: 100%;
height: 100%;
line-height: 0;
}
.contact-map iframe {
width: 100%;
min-height: 510px;
}
@media (max-width: 767px) {
.contact-map iframe {
min-height: 350px;
}
}
.contact-title {
font-weight: 600;
font-size: 36px;
margin-bottom: 45px;
}
.contact-form-box {
background-position: center;
background-repeat: no-repeat;
background-size: contain;
padding-left: 220px;
padding-right: 220px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.contact-form-box {
padding-left: 100px;
padding-right: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.contact-form-box {
padding-left: 30px;
padding-right: 30px;
}
}
@media (max-width: 767px) {
.contact-form-box {
padding-left: 20px;
padding-right: 20px;
}
}
.tp-contact-input input {
width: 100%;
height: 60px;
font-size: 15px;
color: var(--tp-common-black);
border: 1px solid #EFF1F6;
background-color: var(--tp-common-white);
border-radius: 10px;
margin-bottom: 30px;
padding: 0px 20px;
}
.tp-contact-input input::placeholder {
color: rgba(116, 116, 116, 0.5);
}
.tp-contact-input textarea {
width: 100%;
height: 170px;
resize: none;
border: none;
background-color: var(--tp-common-white);
border: 1px solid #EFF1F6;
border-radius: 10px;
margin-bottom: 30px;
color: var(--tp-common-black);
padding: 20px;
}
.tp-contact-input textarea:focus {
outline: 0;
}
.tp-contact-input textarea::placeholder {
color: rgba(116, 116, 116, 0.5);
}
.contact-info {
padding: 50px 15px;
}
.contact-info img {
margin-bottom: 25px;
}
.contact-info h4 {
margin-bottom: 25px;
color: var(--tp-common-white);
}
.contact-info a {
color: var(--tp-common-white);
}
.contact-info span {
color: var(--tp-common-white);
}
.contact-form.contact-form-box {
border-radius: 0;
}
.color-bg-one {
background-color: var(--tp-theme-1);
}
.color-bg-two {
background-color: var(--tp-theme-2);
}
.color-bg-three {
background-color: var(--tp-common-green);
}
/*----------------------------------------*/
/* 10. contact CSS START
/*----------------------------------------*/
.tpcaseitem {
position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tpcaseitem {
margin-top: 0;
}
}
.tpcaseitem__thumb {
border-radius: 20px;
}
.tpcaseitem__thumb img {
border-radius: 20px;
transform: scale(1);
transition: 1.4s;
width: 100%;
}
.tpcaseitem__content {
background-color: var(--tp-theme-1);
border-radius: 10px;
position: absolute;
bottom: 0px;
left: 50px;
right: 50px;
transition: 0.5s;
opacity: 0;
visibility: hidden;
transition-delay: 0.5s;
-moz-transform: scaleY(0);
-o-transform: scaleY(0);
-ms-transform: scaleY(0);
-webkit-transform: scaleY(0);
transform: scaleY(0);
-moz-transition: all 400ms ease-out 0s;
-webkit-transition: all 400ms ease-out 0s;
-ms-transition: all 400ms ease-out 0s;
-o-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
@media (max-width: 767px) {
.tpcaseitem__content {
left: 25px;
right: 25px;
}
}
.tpcaseitem:hover .tpcaseitem__thumb img {
transform: scale(1.1) rotate(3deg);
}
.tpcaseitem:hover .tpcaseitem__content {
opacity: 1;
visibility: visible;
transition-delay: 0s;
-moz-transform: scaleY(1);
-o-transform: scaleY(1);
-ms-transform: scaleY(1);
-webkit-transform: scaleY(1);
transform: scaleY(1);
bottom: 30px;
}
.mix-blend-mode .tpcaseitem__thumb {
/*background-color: var(--tp-common-black);*/
}
.mix-blend-mode .tpcaseitem__thumb img {
/*mix-blend-mode: luminosity;*/
}
.tpcase-info {
padding: 30px 70px 30px 30px;
}
.tpcase-info a {
transition: 0.4s;
}
.tpcase-info a:hover {
color: var(--tp-common-white);
opacity: 0.7;
}
.tp-case-icon {
position: absolute;
right: 30px;
top: 40%;
}
.tp-case-icon i {
font-weight: 400;
font-size: 24px;
color: var(--tp-common-white);
transition: 0.4s;
}
.tp-case-icon i:hover {
color: var(--tp-common-white);
opacity: 0.7;
}
.tp-case-title {
font-size: 20px;
font-weight: 600;
color: var(--tp-common-white);
line-height: 1.3;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-case-title br {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-case-title {
font-size: 17px;
}
.tp-case-title br {
display: none;
}
}
@media (max-width: 767px) {
.tp-case-title {
font-size: 17px;
}
.tp-case-title br {
display: none;
}
}
.tp-case-slider-box .slick-slide {
padding: 0px 15px;
}
.tp-portfolio__wrapper {
background-color: var(--tp-grey-2);
padding: 50px;
border-radius: 15px;
}
@media (max-width: 767px) {
.tp-portfolio__wrapper {
padding: 35px;
}
}
.tp-portfolio__thumb img {
border-radius: 20px;
margin-bottom: 50px;
}
.tp-portfolio__client-info span {
display: block;
margin-bottom: 30px;
color: rgba(34, 34, 34, 0.808);
}
.tp-portfolio__client-info span b {
font-size: 16px;
color: var(--tp-common-black);
}
.tp-portfolio__content p {
font-size: 16px;
line-height: 32px;
padding-bottom: 34px;
}
.tp-portfolio__social a {
height: 40px;
width: 40px;
border: 1px solid rgba(34, 34, 34, 0.059);
display: inline-block;
text-align: center;
line-height: 40px;
margin-right: 10px;
transition: 0.3s;
}
.tp-portfolio__social a:hover {
background-color: var(--tp-theme-1);
border-color: var(--tp-theme-1);
color: var(--tp-common-white);
}
.tp-portfolio-title {
font-size: 35px;
font-weight: 600;
padding-bottom: 20px;
}
.tp-case-tab-button button {
font-size: 15px;
text-transform: uppercase;
color: var(--tp-common-black);
font-weight: 700;
margin: 0px 10px;
border-bottom: 2px solid transparent;
transition: 0.3s;
}
.tp-case-tab-button button.active {
color: var(--tp-theme-1);
border-bottom: 2px solid var(--tp-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio-isotope-wrapper .tpcaseitem__content {
left: 25px;
right: 25px;
}
}
/*----------------------------------------*/
/* 11. feature CSS START
/*----------------------------------------*/
.tpfeature__item {
border: 1px solid var(--tp-border-1);
border-radius: 15px;
padding: 30px;
transition: 0.4s;
}
.tpfeature__item-info i {
font-size: 35px;
color: #959AA5;
margin-right: 35px;
transition: 0.4s;
}
@media (max-width: 767px) {
.tpfeature__item-info i {
font-size: 25px;
margin-right: 15px;
}
}
.tpfeature__item-icon i {
font-size: 24px;
font-weight: 400;
color: #959AA5;
transition: 0.4s;
}
@media (max-width: 767px) {
.tpfeature__item-icon i {
font-size: 17px;
margin-top: 2px;
}
}
.tpfeature__item:hover .tpfeature__item-info i {
color: var(--tp-theme-1);
}
.tpfeature__item:hover .tpfeature__item-info .tp-feature-title {
color: var(--tp-theme-1);
}
.tpfeature__item:hover .tpfeature__item-icon i {
color: var(--tp-theme-1);
}
.tpfeature__item2 {
border-color: #17243D;
}
.tpfeature__item2:hover {
box-shadow: none;
}
.tp-feature-title {
line-height: 1;
color: #959AA5;
font-weight: 500;
font-size: 24px;
transition: 0.3s;
}
@media (max-width: 767px) {
.tp-feature-title {
font-size: 20px;
}
}
.feature-color-one {
transform: 0.3s;
}
.feature-color-one:hover {
background-color: var(--tp-theme-1);
}
.feature-color-one:hover .tpfeature__item-info i {
color: var(--tp-common-white);
}
.feature-color-one:hover .tpfeature__item-info .tp-feature-title {
color: var(--tp-common-white);
}
.feature-color-one:hover .tpfeature__item-icon i {
color: var(--tp-common-white);
}
.feature-color-one .tpfeature__item-info i {
color: var(--tp-theme-1);
}
.feature-color-one .tpfeature__item-info .tp-feature-title {
color: var(--tp-theme-1);
}
.feature-color-one .tpfeature__item-icon i {
color: var(--tp-theme-1);
}
.feature-color-two {
transform: 0.3s;
}
.feature-color-two:hover {
background-color: var(--tp-theme-2);
}
.feature-color-two:hover .tpfeature__item-info i {
color: var(--tp-common-white);
}
.feature-color-two:hover .tpfeature__item-info .tp-feature-title {
color: var(--tp-common-white);
}
.feature-color-two:hover .tpfeature__item-icon i {
color: var(--tp-common-white);
}
.feature-color-two .tpfeature__item-info i {
color: var(--tp-theme-2);
}
.feature-color-two .tpfeature__item-info .tp-feature-title {
color: var(--tp-theme-2);
}
.feature-color-two .tpfeature__item-icon i {
color: var(--tp-theme-2);
}
.feature-color-three {
transform: 0.3s;
}
.feature-color-three:hover {
background-color: var(--tp-common-red);
}
.feature-color-three:hover .tpfeature__item-info i {
color: var(--tp-common-white);
}
.feature-color-three:hover .tpfeature__item-info .tp-feature-title {
color: var(--tp-common-white);
}
.feature-color-three:hover .tpfeature__item-icon i {
color: var(--tp-common-white);
}
.feature-color-three .tpfeature__item-info i {
color: var(--tp-common-red);
}
.feature-color-three .tpfeature__item-info .tp-feature-title {
color: var(--tp-common-red);
}
.feature-color-three .tpfeature__item-icon i {
color: var(--tp-common-red);
}
.feature-color-four {
transform: 0.3s;
}
.feature-color-four:hover {
background-color: var(--tp-common-green);
}
.feature-color-four:hover .tpfeature__item-info i {
color: var(--tp-common-white);
}
.feature-color-four:hover .tpfeature__item-info .tp-feature-title {
color: var(--tp-common-white);
}
.feature-color-four:hover .tpfeature__item-icon i {
color: var(--tp-common-white);
}
.feature-color-four .tpfeature__item-info i {
color: var(--tp-common-green);
}
.feature-color-four .tpfeature__item-info .tp-feature-title {
color: var(--tp-common-green);
}
.feature-color-four .tpfeature__item-icon i {
color: var(--tp-common-green);
}
.tp-Insurance-tab {
margin-right: 165px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-Insurance-tab {
margin-right: 100px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-Insurance-tab {
margin-right: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-Insurance-tab {
margin-right: 0px;
margin-bottom: 60px;
}
}
@media (max-width: 767px) {
.tp-Insurance-tab {
margin-right: 0px;
margin-bottom: 30px;
}
}
.tp-Insurance-tab button {
width: 100%;
}
.tp-Insurance-tab button.active .tpfeature__item {
box-shadow: 0px 36px 41px rgba(122, 122, 122, 0.22);
}
.tp-Insurance-tab button.active .tpfeature__item i {
color: var(--tp-theme-1);
}
.tp-Insurance-tab button.active .tpfeature__item .tp-feature-title {
color: var(--tp-theme-1);
}
.tp-Insurance-tab button.button-bg-color-1.active .tpfeature__item {
box-shadow: none;
background-color: var(--tp-theme-1);
}
.tp-Insurance-tab button.button-bg-color-1.active .tpfeature__item i {
color: var(--tp-common-white);
}
.tp-Insurance-tab button.button-bg-color-1.active .tpfeature__item .tp-feature-title {
color: var(--tp-common-white);
}
.tp-Insurance-tab button.button-bg-color-2.active .tpfeature__item {
box-shadow: none;
background-color: var(--tp-theme-2);
}
.tp-Insurance-tab button.button-bg-color-2.active .tpfeature__item i {
color: var(--tp-common-white);
}
.tp-Insurance-tab button.button-bg-color-2.active .tpfeature__item .tp-feature-title {
color: var(--tp-common-white);
}
.tp-Insurance-tab button.button-bg-color-3.active .tpfeature__item {
box-shadow: none;
background-color: var(--tp-common-red);
}
.tp-Insurance-tab button.button-bg-color-3.active .tpfeature__item i {
color: var(--tp-common-white);
}
.tp-Insurance-tab button.button-bg-color-3.active .tpfeature__item .tp-feature-title {
color: var(--tp-common-white);
}
.tp-Insurance-tab button.button-bg-color-4.active .tpfeature__item {
box-shadow: none;
background-color: var(--tp-common-green);
}
.tp-Insurance-tab button.button-bg-color-4.active .tpfeature__item i {
color: var(--tp-common-white);
}
.tp-Insurance-tab button.button-bg-color-4.active .tpfeature__item .tp-feature-title {
color: var(--tp-common-white);
}
.tp-sp-icon .nice-select {
height: 80px;
background-color: #F0F0F0;
border-radius: 10px;
margin-bottom: 10px;
line-height: 80px;
cursor: pointer;
font-family: inherit;
font-size: 15px;
font-weight: 500;
text-transform: capitalize;
white-space: nowrap;
position: relative;
width: 100%;
}
.tp-sp-icon .nice-select::after {
border: 0;
content: "\f107";
top: 0;
font-family: "Font Awesome 5 Pro";
position: absolute;
display: block;
height: 0px;
margin-top: 0px;
pointer-events: none;
position: absolute;
-webkit-transform-origin: 66% 66%;
-ms-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
right: 30px;
}
.tp-sp-icon .nice-select ul li:first-child {
display: none;
}
.tp-sp-icon .nice-select .current {
font-size: 15px;
font-weight: 400;
text-transform: capitalize;
color: #A9A9A9;
}
.tp-sp-icon .nice-select.open::after {
content: "\f106";
}
.nice-select .list {
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
box-sizing: border-box;
opacity: 0;
overflow: hidden;
margin-top: 0;
padding: 10px 0;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(0.75) translateY(-21px);
-ms-transform: scale(0.75) translateY(-21px);
transform: scale(0.75) translateY(-21px);
-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
z-index: 9;
}
.nice-select .option.selected {
font-weight: 400;
}
.nice-select .option {
cursor: pointer;
font-weight: 400;
line-height: 40px;
list-style: none;
min-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 29px;
text-align: left;
-webkit-transition: all 0.2s;
transition: all 0.3s;
color: #A9A9A9;
}
.nice-select .option:hover {
color: var(--tp-theme-1);
}
.contactform2 .nice-select .list {
background-color: #091732;
}
/*----------------------------------------*/
/* 12. testimoanial CSS START
/*----------------------------------------*/
.tptestimonial {
background-color: #132038;
border-radius: 20px;
padding: 60px 45px;
height: 400px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tptestimonial {
padding: 50px 40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tptestimonial {
padding: 60px 55px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tptestimonial {
padding: 25px 28px;
}
}
@media (max-width: 767px) {
.tptestimonial {
padding: 30px 20px;
}
}
.tptestimonial__rating em {
color: #FDCC0D;
margin-right: 3px;
margin-bottom: 40px;
display: inline-block;
}
.tptestimonial__rating p {
font-size: 18px;
font-weight: 500;
color: var(--tp-common-white);
line-height: 30px;
padding-bottom: 25px;
}
.tptestimonial__title span {
font-size: 12px;
font-weight: 500;
color: #A3A6AE;
}
.tptestimonial.tptestimonial-2 {
background-color: var(--tp-common-white);
box-shadow: 0px 10px 21px rgba(0, 0, 0, 0.05);
border-radius: 0;
}
.tptestimonial.tptestimonial-2 .tptestimonial__rating p {
color: var(--tp-common-black);
}
.tp-testi-heading {
font-size: 20px;
font-weight: 700;
color: var(--tp-common-white);
margin-bottom: 0;
}
.testimonial-slider-active {
padding: 0 -15px;
}
.testimonial-slider-active .slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
padding-bottom: 50px;
padding-top: 50px;
}
.testimonial-slider-active .slick-slide {
padding: 0px 15px;
}
@media (max-width: 767px) {
.testimonial-slider-active .slick-slide {
padding: 0;
}
}
.testimonial-slider-active ul.slick-dots {
text-align: center;
margin-top: 70px;
}
.testimonial-slider-active ul.slick-dots li {
display: inline-block;
}
.testimonial-slider-active ul.slick-dots li button {
color: #fff;
height: 15px;
width: 15px;
background-color: var(--tp-theme-1);
border-radius: 50%;
text-indent: -10000px;
margin: 0px 5px;
opacity: 0.3;
}
.testimonial-slider-active ul.slick-dots li.slick-active button {
opacity: 1;
}
.testimonial-space {
margin-left: 80px;
margin-right: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.testimonial-space {
margin-left: 0px;
margin-right: 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial-space {
margin-left: 0px;
margin-right: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.testimonial-space {
margin-left: 0px;
margin-right: 0px;
}
}
.yellow-dots {
margin: 0 -15px;
}
.yellow-dots .slick-slide {
padding: 0px 15px;
}
.yellow-dots ul.slick-dots {
text-align: center;
margin-top: 20px;
}
.yellow-dots ul.slick-dots li {
display: inline-block;
}
.yellow-dots ul.slick-dots li button {
color: #fff;
height: 15px;
width: 15px;
background-color: var(--tp-theme-2);
border-radius: 50%;
text-indent: -10000px;
margin: 0px 5px;
opacity: 0.3;
}
.yellow-dots ul.slick-dots li.slick-active button {
opacity: 1;
}
.testimonial-black-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 500px;
background-color: var(--tp-common-black);
}
.testimonial-bg {
padding-top: 130px;
padding-bottom: 290px;
background-repeat: no-repeat;
background-position: center;
}
.testimonial-3__wrapper {
background-color: var(--tp-common-white);
box-shadow: 0px 10px 21px rgba(0, 0, 0, 0.05);
padding: 45px;
border-radius: 20px;
margin-top: -300px;
}
@media (max-width: 767px) {
.testimonial-3__wrapper {
padding: 0px;
}
}
.testimonial-3__item {
background-color: var(--tp-common-white);
box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.06);
border-radius: 20px;
padding: 50px 70px;
position: relative;
z-index: 1;
}
@media (max-width: 767px) {
.testimonial-3__item {
padding: 50px 15px;
}
}
.testimonial-3__icon {
line-height: 0;
margin-bottom: 40px;
}
.testimonial-3__icon::after {
content: "";
height: 1px;
background-color: var(--tp-border-2);
display: inline-block;
width: 100%;
transform: translateY(-40px);
z-index: -1;
position: relative;
}
.testimonial-3__icon img {
background-color: var(--tp-common-white);
padding-right: 50px;
padding-left: 50px;
display: inline-block;
}
.testimonial-3__content span {
color: var(--tp-theme-2);
margin-bottom: 10px;
display: inline-block;
}
.testimonial-3__content h5 {
font-weight: 600;
font-size: 20px;
text-transform: capitalize;
color: #000E29;
padding-bottom: 25px;
}
.testimonial-3__content p {
font-weight: 400;
font-size: 24px;
line-height: 40px;
align-items: center;
text-align: center;
color: #000E29;
padding-right: 100px;
padding-left: 100px;
margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.testimonial-3__content p {
padding-left: 80px;
padding-right: 80px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial-3__content p {
padding-left: 50px;
padding-right: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.testimonial-3__content p {
padding-left: 0px;
padding-right: 0px;
font-size: 19px;
}
}
.testimonial-slider-three .slick-dots {
margin-top: 50px;
}
.testimonial-slider-three .slick-dots li {
display: inline-block;
transition: 0.3s;
}
.testimonial-slider-three .slick-dots li.slick-active button {
background-color: var(--tp-theme-1);
}
.testimonial-slider-three .slick-dots li button {
text-indent: -10000px;
height: 15px;
width: 15px;
border: 1px solid var(--tp-theme-1);
border-radius: 50%;
margin: 0 5px;
transition: 0.3s;
}
/*----------------------------------------*/
/* 13. blog CSS START
/*----------------------------------------*/
.tpblogitem {
padding: 20px;
border: 1px solid var(--tp-border-1);
border-radius: 20px;
}
.tpblogitem:hover .tpblogitem__thumb img {
transform: scale(1.1);
}
.tpblogitem__thumb {
margin-bottom: 35px;
border-radius: 20px;
}
.tpblogitem__thumb img {
border-radius: 20px;
width: 100%;
transform: scale(1);
transition: 1.4s;
}
.tpblogitem__content p {
font-weight: 400;
font-size: 15px;
line-height: 26px;
color: #8A90A2;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 767px) {
.tpblogitem__content p {
font-size: 14px;
}
}
@media (max-width: 767px) {
.tpblogitem__content p {
font-size: 14px;
}
.tpblogitem__content p br {
display: none;
}
}
.tpblogitem__content a:hover {
color: var(--tp-theme-1);
}
.tpblogitem__tag {
margin-bottom: 15px;
}
.mix-blend-mode .tpblogitem__thumb {
/*background-color: var(--tp-common-black);*/
}
.mix-blend-mode .tpblogitem__thumb img {
/*mix-blend-mode: luminosity;*/
}
.tp-blog-title {
color: var(--tp-common-black);
font-weight: 600;
font-size: 30px;
line-height: 1.3;
letter-spacing: -0.01em;
display: inline-block;
padding-bottom: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-blog-title {
font-size: 28px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-blog-title {
font-size: 25px;
}
.tp-blog-title br {
display: none;
}
}
@media (max-width: 767px) {
.tp-blog-title {
font-size: 25px;
}
.tp-blog-title br {
display: none;
}
}
@media (max-width: 767px) {
.tp-blog-wrapper {
flex-wrap: wrap;
}
}
@media (max-width: 767px) {
.tpblog-section-title-box .tp-section-title {
margin-bottom: 20px;
}
}
@media (max-width: 767px) {
.blog-section-title-space {
margin-bottom: 20px;
}
}
.latestnews {
border: 1px solid var(--tp-border-1);
padding: 20px;
position: relative;
}
.latestnews:hover .latestnews__thumb img {
transform: scale(1.1);
}
@media (max-width: 767px) {
.latestnews {
flex-wrap: wrap;
}
}
.latestnews::after {
content: "";
bottom: 0;
right: 0;
width: 60%;
height: 3px;
background-color: var(--tp-theme-1);
position: absolute;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.latestnews::after {
width: 55%;
}
}
@media (max-width: 767px) {
.latestnews::after {
width: 100%;
}
}
.latestnews__thumb {
flex: 0 0 auto;
margin-right: 35px;
border-radius: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.latestnews__thumb {
margin-right: 20px;
}
}
@media (max-width: 767px) {
.latestnews__thumb {
width: 100%;
margin-right: 0;
}
}
.latestnews__thumb img {
border-radius: 10px;
transform: scale(1);
transition: 1.4s;
}
@media (max-width: 767px) {
.latestnews__thumb img {
width: 100%;
margin-bottom: 20px;
}
}
.latestnews__content-meta h5 {
font-weight: 600;
font-size: 16px;
line-height: 17px;
text-transform: uppercase;
color: #747474;
margin-right: 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.latestnews__content-meta h5 {
font-size: 15px;
margin-right: 16px;
}
}
@media (max-width: 767px) {
.latestnews__content-meta h5 {
font-size: 14px;
margin-right: 20px;
}
}
.latestnews__content-meta span {
font-weight: 400;
font-size: 16px;
line-height: 16px;
color: var(--tp-common-black);
}
@media (max-width: 767px) {
.latestnews__content-meta span {
font-size: 14px;
}
}
.latestnews__content-meta span i {
color: #747474;
margin-right: 5px;
}
.tp-news-title {
font-weight: 600;
font-size: 24px;
line-height: 34px;
letter-spacing: -0.01em;
color: var(--tp-common-black);
}
.tp-news-title a {
background-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
display: inline;
background-size: 0% 1px, 0 1px;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
transition: background-size 0.4s linear;
}
.tp-news-title a:hover {
background-size: 0% 1px, 100% 1px;
}
.latest-border-color-2::after {
background-color: var(--tp-theme-2);
}
.latest-border-color-3::after {
background-color: var(--tp-common-red);
}
.latest-border-color-4::after {
background-color: var(--tp-common-green);
}
.tpblogitem-2:hover .tpblogitem__thumb img {
transform: scale(1.1);
}
.tpblogitem-2__meta {
padding-left: 10px;
}
.tpblogitem-2__meta span {
font-size: 16px;
text-transform: uppercase;
padding-right: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tpblogitem-2__meta span {
padding-right: 30px;
}
}
@media (max-width: 767px) {
.tpblogitem-2__meta span {
font-size: 14px;
padding-right: 19px;
}
}
.tpblogitem-2__meta span i {
color: var(--tp-theme-1);
font-size: 16px;
padding-right: 5px;
}
.tpblogitem-2.tpblogitem {
background-color: var(--tp-common-white);
box-shadow: 0px 10px 21px rgba(0, 0, 0, 0.05);
border-radius: 0;
border: 0;
}
.tpblogitem-2 .tpblogitem__thumb img {
border-radius: 0;
transform: scale(1);
transition: 1.4s;
}
.tpblogitem-2 .tpblogitem__content {
padding-left: 10px;
}
.tpblogitem-2 .tp-blog-title {
font-weight: 600;
font-size: 24px;
line-height: 30px;
letter-spacing: -0.01em;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tpblogitem-2 .tp-blog-title {
font-size: 27px;
}
}
.tpblogitem-2 .tpblogitem__tag {
position: absolute;
top: 0;
left: 0;
margin-bottom: 0;
}
.tpblogitem-2 .tpblogitem__tag a {
padding: 0px 15px;
height: 25px;
background-color: var(--tp-common-green);
color: var(--tp-common-white);
text-transform: uppercase;
font-size: 12px;
display: inline-block;
}
.tpblogitem-2 .tpblogitem__tag.tag-color-1 a {
background-color: var(--tp-theme-1);
}
.tpblogitem-2 .tpblogitem__tag.tag-color-2 a {
background-color: var(--tp-theme-2);
}
.tag-color-2 a {
background-color: var(--tp-theme-2);
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
.postbox__wrapper {
padding-right: 0px;
}
}
.postbox__thumb {
margin-bottom: -2px;
}
.postbox__thumb .play-btn {
position: absolute;
top: calc(50% - 20px);
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
height: 90px;
width: 90px;
background-color: var(--tp-common-white);
text-align: center;
line-height: 90px;
color: var(--tp-theme-2);
border-radius: 50%;
animation: pulse 2s infinite;
}
.postbox__thumb .play-btn:hover {
background-color: var(--tp-theme-2);
color: var(--tp-common-white);
}
.postbox__thumb img {
border-radius: 5px;
margin-bottom: 40px;
}
.postbox__audio {
height: 100%;
width: 100%;
}
.postbox__audio iframe {
width: 100%;
height: 100%;
border: none;
}
.postbox__item-single:hover {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.postbox__content p {
width: 100%;
}
.postbox__content p img {
margin-bottom: 30px;
max-width: 100%;
border-radius: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.postbox__content p img {
width: 100%;
}
}
.postbox__content-single {
padding-left: 0;
padding-right: 0;
border: none;
}
.postbox__title {
font-size: 36px;
font-weight: 600;
color: var(--tp-common-black);
margin-bottom: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.postbox__title {
font-size: 33px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.postbox__title {
font-size: 28px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.postbox__title {
font-size: 33px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.postbox__title {
font-size: 30px;
}
.postbox__title br {
display: none;
}
}
@media (max-width: 767px) {
.postbox__title {
font-size: 25px;
}
.postbox__title br {
display: none;
}
}
.postbox__title a:hover {
color: var(--tp-theme-1);
}
.postbox__meta {
margin-bottom: 20px;
}
.postbox__meta span {
font-size: 14px;
font-weight: 700;
color: #8A90A2;
text-transform: uppercase;
display: inline-block;
margin-right: 30px;
}
.postbox__meta span:last-child {
margin-right: 0;
}
.postbox__meta span i {
color: var(--tp-theme-1);
margin-right: 3px;
font-weight: 500;
transition: all linear 0.3s;
}
.postbox__meta span:hover {
color: var(--tp-theme-2);
}
.postbox__meta span:hover i {
color: var(--tp-theme-2);
}
.postbox__text {
margin-bottom: 50px;
}
.postbox__text img {
max-width: 100%;
}
.postbox__text p {
margin-bottom: 28px;
font-size: 17px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.postbox__text p {
font-size: 16px;
}
}
.postbox__text-single p {
margin-bottom: 15px;
}
.postbox__slider button {
position: absolute;
left: 50px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
font-size: 30px;
color: var(--tp-common-white);
}
.postbox__slider button.slick-next {
left: auto;
right: 50px;
}
@media (max-width: 767px) {
.postbox__slider button.slick-next {
right: 10px;
}
}
@media (max-width: 767px) {
.postbox__slider button {
left: 10px;
}
}
.postbox__comment ul li {
margin-bottom: 30px;
list-style: none;
}
.postbox__comment ul li.children {
margin-left: 100px;
}
@media (max-width: 767px) {
.postbox__comment ul li.children {
margin-left: 15px;
}
}
.postbox__comment ul-title {
font-size: 20px;
font-weight: 500;
color: var(--tp-common-black);
margin-bottom: 40px;
margin-right: 20px;
}
.postbox__comment-input {
position: relative;
margin-bottom: 20px;
}
.postbox__comment-input span {
font-weight: 600;
color: var(--tp-common-black);
margin-bottom: 12px;
display: block;
}
.postbox__comment-input input, .postbox__comment-input textarea {
height: 55px;
padding: 0 20px;
width: 100%;
font-size: 14px;
outline: none;
border: 1px solid #f7f7f7;
box-shadow: 0px 16px 24px rgba(189, 196, 205, 0.13);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-o-border-radius: 7px;
-ms-border-radius: 7px;
border-radius: 7px;
color: var(--tp-common-black);
}
.postbox__comment-input input::placeholder, .postbox__comment-input textarea::placeholder {
color: rgba(116, 116, 116, 0.5);
}
.postbox__comment-input input:focus, .postbox__comment-input textarea:focus {
background-color: var(--tp-grey-2);
border-color: var(--tp-grey-2);
color: var(--tp-common-black);
}
.postbox__comment-input textarea {
height: 175px;
resize: none;
padding-top: 20px;
padding-bottom: 20px;
}
.postbox__comment-title {
font-size: 28px;
font-weight: 600;
margin-bottom: 35px;
color: var(--tp-common-black);
}
.postbox__comment-avater {
flex: 0 0 auto;
}
.postbox__comment-avater img {
width: 80px;
height: 80px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.postbox__comment-name {
margin-bottom: 5px;
}
.postbox__comment-name h5 {
font-size: 16px;
line-height: 1;
font-weight: 500;
color: var(--tp-common-black);
}
.postbox__comment-name span {
font-size: 14px;
color: #8A879F;
text-transform: uppercase;
letter-spacing: 1px;
}
@media (max-width: 767px) {
.postbox__comment-text {
margin-left: 0;
margin-top: 15px;
}
}
.postbox__comment-text p {
font-size: 16px;
color: #747474;
margin-bottom: 15px;
}
@media (max-width: 767px) {
.postbox__comment-text p br {
display: none;
}
}
.postbox__comment-reply {
margin-top: 10px;
}
.postbox__comment-reply a {
display: inline-block;
color: var(--tp-theme-1);
background: rgba(61, 108, 231, 0.1);
height: 22px;
line-height: 22px;
padding: 0 10px;
font-weight: 500;
font-size: 14px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
}
.postbox__comment-reply a:hover {
color: var(--tp-common-white);
background: var(--tp-theme-1);
}
.postbox__comment-agree {
padding-left: 5px;
}
.postbox__comment-agree input {
margin: 0;
appearance: none;
-moz-appearance: none;
display: block;
width: 14px;
height: 14px;
background: var(--tp-common-white);
border: 1px solid #b9bac1;
outline: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
flex: 0 0 auto;
-webkit-transform: translateY(-1px);
-moz-transform: translateY(-1px);
-ms-transform: translateY(-1px);
-o-transform: translateY(-1px);
transform: translateY(-1px);
}
.postbox__comment-agree input:checked {
position: relative;
background-color: var(--tp-theme-1);
border-color: transparent;
}
.postbox__comment-agree input:checked::after {
box-sizing: border-box;
content: "\f00c";
position: absolute;
font-family: var(--tp-ff-fontawesome);
font-size: 10px;
color: var(--tp-common-white);
top: 46%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.postbox__comment-agree input:hover {
cursor: pointer;
}
.postbox__comment-agree label {
padding-left: 8px;
color: var(--tp-text-1);
line-height: 1;
}
.postbox__comment-agree label a {
color: var(--tp-common-black);
font-weight: 600;
padding-left: 4px;
}
.postbox__comment-agree label a:hover {
color: var(--tp-theme-1);
}
.postbox__comment-agree label:hover {
cursor: pointer;
}
.postbox__tag span {
font-size: 20px;
margin-bottom: 17px;
color: var(--tp-common-black);
margin-right: 30px;
font-weight: 500;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.postbox__social {
margin-top: 40px;
}
}
.postbox__social span {
font-size: 20px;
color: var(--tp-common-black);
font-weight: 500;
}
.postbox__social a {
font-size: 15px;
padding-left: 30px;
}
.postbox__social a .tp-linkedin {
color: #0E6BA1;
}
.postbox__social a .tp-pinterest {
color: #D70220;
}
.postbox__social a .tp-facebook {
color: #0E6BA1;
}
.postbox__social a .tp-twitter {
color: #36B6ED;
}
.postbox__comment-form-title {
margin-bottom: 30px;
}
.postbox__social-wrapper {
border-bottom: 1px solid #ECEEF3;
padding-bottom: 40px;
margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.postbox__comment-form {
margin-bottom: 50px;
}
}
.aproch-title {
font-size: 36px;
margin-bottom: 15px;
}
.approch-item {
margin-bottom: 65px;
}
.approch-item ul li {
position: relative;
padding-left: 30px;
}
.approch-item ul li i {
color: var(--tp-theme-1);
font-size: 14px;
font-weight: 600;
position: absolute;
top: 5px;
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) {
.approch-thumb {
margin-bottom: 40px;
}
}
.approch-thumb img {
border-radius: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.approch-thumb img {
width: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.approch-thumb img {
width: 100%;
}
}
.postbox__comment-info {
flex: 0 0 auto;
}
.rc__post ul li:not(:last-child) {
margin-bottom: 15px;
}
.rc__post-thumb {
flex: 0 0 auto;
}
.rc__post-thumb img {
width: 80px;
height: 80px;
flex: 0 0 auto;
object-fit: cover;
}
.rc__post-title {
margin-bottom: 6px;
font-size: 15px;
font-weight: 500;
color: var(--tp-common-black);
line-height: 22px;
}
.rc__post-title a:hover {
color: var(--tp-theme-1);
}
.rc__meta span {
font-size: 12px;
text-transform: uppercase;
font-weight: 500;
color: var(--tp-theme-3);
}
.sidebar__wrapper {
padding-left: 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) {
.sidebar__wrapper {
padding-left: 0;
}
}
.sidebar__widget {
padding: 40px;
border: 1px solid #F6F6F6;
}
.sidebar__widget-title {
font-size: 22px;
margin-bottom: 30px;
color: var(--tp-common-black);
font-weight: 500;
}
.sidebar__widget:last-child-title {
border-bottom: 0;
}
.sidebar__widget ul li {
list-style: none;
}
.sidebar__widget ul li:last-child {
padding-bottom: 0;
}
.sidebar__widget ul li:last-child a {
margin-bottom: 0;
}
.sidebar__widget ul li:first-child {
padding-top: 0;
}
.sidebar__widget ul li a {
color: #777777;
display: block;
margin-bottom: 10px;
padding: 7px 0px;
font-weight: 700;
font-size: 12px;
line-height: 22px;
text-transform: uppercase;
}
.sidebar__widget ul li span {
float: right;
color: var(--tp-common-black);
font-size: 16px;
font-weight: 600;
}
.sidebar__widget ul li:hover a {
color: var(--tp-theme-2);
}
.sidebar__widget ul li:hover span {
color: var(--tp-theme-2);
}
.sidebar__search {
position: relative;
}
.sidebar__search input {
width: 100%;
height: 60px;
line-height: 60px;
background: var(--tp-grey-1);
padding: 0 25px;
text-transform: capitalize;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-o-border-radius: 7px;
-ms-border-radius: 7px;
border-radius: 7px;
border: 2px solid var(--tp-grey-1);
outline: none;
padding-top: 3px;
padding-right: 80px;
color: var(--tp-common-black);
}
.sidebar__search input::placeholder {
color: #777777;
}
.sidebar__search button {
position: absolute;
top: 0;
right: 0;
height: 100%;
padding: 0 24px;
color: #fff;
line-height: 60px;
-webkit-border-radius: 0 7px 7px 0;
-moz-border-radius: 0 7px 7px 0;
-o-border-radius: 0 7px 7px 0;
-ms-border-radius: 0 7px 7px 0;
border-radius: 0 7px 7px 0;
color: var(--tp-common-black);
}
.sidebar__banner-content {
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
background: var(--tp-theme-1);
}
.sidebar__banner-content h4 {
padding: 15px 20px;
font-size: 24px;
color: var(--tp-common-white);
text-transform: uppercase;
margin-bottom: 0;
}
.tagcloud a {
border: 1px solid #F2F4F6;
display: inline-block;
padding: 5px 25px;
margin-bottom: 8px;
margin-right: 10px;
text-transform: uppercase;
border-radius: 5px;
font-weight: 600;
font-size: 12px;
line-height: 30px;
text-align: center;
text-transform: uppercase;
color: #747474;
}
.tagcloud a:hover {
background: var(--tp-theme-2);
color: var(--tp-common-white);
border-color: var(--tp-theme-2);
}
blockquote {
background: var(--tp-grey-1);
padding: 35px 50px;
margin-bottom: 35px;
}
@media (max-width: 767px) {
blockquote {
padding-left: 15px;
padding-right: 15px;
}
}
blockquote p {
line-height: 1.5;
font-size: 20px;
color: #57565e;
font-weight: 400;
}
blockquote cite {
font-size: 18px;
display: block;
margin-top: 10px;
color: #070337;
font-style: inherit;
font-weight: 600;
position: relative;
}
blockquote cite::before {
content: "";
font-size: 28px;
color: var(--tp-theme-1);
padding-bottom: 0px;
display: inline-block;
background: var(--tp-theme-1);
height: 2px;
width: 40px;
font-weight: 400;
text-align: center;
top: -4px;
margin-right: 10px;
position: relative;
}
.blog-post-slider-active {
position: relative;
margin-bottom: 40px;
}
.blog-post-slider-active .swiper-slide img {
border-radius: 5px;
width: 100%;
}
.blog-nav-prev {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
z-index: 5;
}
.blog-nav-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
z-index: 5;
}
.blog-post-slider-nav .nav-button {
height: 60px;
width: 60px;
background-color: var(--tp-common-white);
text-align: center;
line-height: 60px;
font-size: 24px;
color: var(--tp-common-black);
}
.basic-pagination ul li:not(:last-child) {
margin-right: 10px;
}
.basic-pagination ul li {
display: inline-block;
}
.basic-pagination ul li a, .basic-pagination ul li span {
display: inline-block;
width: 50px;
height: 50px;
line-height: 46px;
text-align: center;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-o-border-radius: 7px;
-ms-border-radius: 7px;
border-radius: 7px;
border: 1px solid var(--tp-border-1);
font-size: 18px;
font-weight: 600;
}
.basic-pagination ul li a:hover, .basic-pagination ul li a.current, .basic-pagination ul li span:hover, .basic-pagination ul li span.current {
background: var(--tp-theme-2);
border-color: var(--tp-theme-2);
color: var(--tp-common-white);
}
/*----------------------------------------*/
/* 14. cta CSS START
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-cta-wrapper {
flex-wrap: wrap;
}
}
.tp-cta-bg {
padding: 55px 70px;
border-radius: 20px;
position: relative;
overflow: hidden;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-cta-bg {
padding: 40px 40px;
}
}
@media (max-width: 767px) {
.tp-cta-bg {
padding: 20px 20px;
}
}
.tp-cta-bg::after {
width: 100%;
height: 100%;
content: "";
/*background-color: rgba(19, 32, 56, 0.7);*/
position: absolute;
top: 0;
left: 0;
}
.tp-cta-title {
font-weight: 600;
font-size: 40px;
line-height: 105.5%;
letter-spacing: -0.01em;
color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-cta-title {
font-size: 33px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-cta-title {
margin-bottom: 20px;
}
}
@media (max-width: 767px) {
.tp-cta-title {
font-size: 27px;
margin-bottom: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-cta-content {
margin-bottom: 15px;
}
}
@media (max-width: 767px) {
.tp-cta-button a {
margin-left: 0;
margin-bottom: 10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-cta-button a {
margin-left: 0;
margin-bottom: 10px;
}
}
.tp-cta-bg-2 {
padding: 60px;
}
@media (max-width: 767px) {
.tp-cta-bg-2 {
padding: 15px;
}
}
.cta-space-area {
margin-left: 80px;
margin-right: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.cta-space-area {
margin-left: 0px;
margin-right: 0px;
}
}
.tp-cta-wrapper2 {
background-color: var(--tp-common-white);
padding: 85px 160px;
border-radius: 20px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-cta-wrapper2 {
padding: 85px 75px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-cta-wrapper2 {
padding: 58px 50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-cta-wrapper2 {
padding: 50px 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-cta-wrapper2 {
flex-wrap: wrap;
padding: 26px 40px;
}
}
@media (max-width: 767px) {
.tp-cta-wrapper2 {
flex-wrap: wrap;
padding: 20px;
}
}
.cta-button-space a {
margin-top: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-cta-content .tp-cta-title {
margin-bottom: 0;
}
}
/*----------------------------------------*/
/* 15. mission CSS START
/*----------------------------------------*/
.tp-mission-tab {
margin-bottom: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-mission-tab {
margin-bottom: 40px;
}
}
@media (max-width: 767px) {
.tp-mission-tab {
margin-bottom: 10px;
}
}
.tp-mission-tab button {
font-size: 20px;
font-weight: 700;
color: var(--tp-common-black);
padding: 30px 50px;
border: 1px solid var(--tp-border-1);
position: relative;
transition: 0.4s;
line-height: 1;
border-top: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-mission-tab button {
font-size: 15px;
padding: 20px 10px;
}
}
@media (max-width: 767px) {
.tp-mission-tab button {
font-size: 15px;
padding: 15px 15px;
margin-right: 20px;
margin-bottom: 20px;
}
}
.tp-mission-tab button::after {
position: absolute;
height: auto;
width: auto;
left: 50%;
transform: translateX(-50%);
bottom: -15px;
content: "";
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-out 0s;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 15px solid var(--tp-theme-1);
}
.tp-mission-tab button:hover {
background-color: var(--tp-theme-1);
color: var(--tp-common-white);
}
.tp-mission-tab button:hover::after {
opacity: 1;
visibility: visible;
}
.tp-mission-wrapper {
padding: 80px 90px;
padding-top: 0;
background-color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-mission-wrapper {
padding: 80px 55px;
padding-top: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-mission-wrapper {
padding: 50px 50px;
padding-top: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-mission-wrapper {
padding: 50px 50px;
padding-top: 0;
}
}
@media (max-width: 767px) {
.tp-mission-wrapper {
padding: 10px 10px;
padding-top: 0;
}
}
.tpmission__info p {
font-weight: 400;
font-size: 15px;
line-height: 26px;
color: #747474;
padding-bottom: 25px;
padding-right: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tpmission__info p {
padding-bottom: 5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tpmission__info p {
padding-bottom: 0px;
}
}
.tpmission__thumb img {
border-radius: 10px;
}
.tpmission__list ul li {
font-weight: 500;
font-size: 16px;
line-height: 29px;
color: #1C1C1C;
padding-left: 40px;
position: relative;
padding-bottom: 15px;
}
.tpmission__list ul li:last-child {
margin-bottom: 0;
}
.tpmission__list ul li i {
position: absolute;
top: 2px;
left: 0;
height: 24px;
width: 24px;
background-color: var(--tp-theme-1);
border-radius: 50%;
line-height: 24px;
color: var(--tp-common-white);
text-align: center;
font-size: 12px;
}
.tp-mission-title {
padding-bottom: 25px;
color: var(--tp-common-black);
font-weight: 600;
font-size: 44px;
line-height: 120%;
letter-spacing: -0.01em;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-mission-title {
padding-bottom: 10px;
font-size: 35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-mission-title {
padding-bottom: 0px;
font-size: 40px;
}
}
@media (max-width: 767px) {
.tp-mission-title {
padding-bottom: 10px;
font-size: 27px;
}
.tp-mission-title br {
display: none;
}
}
.tp-mission-tab button.active {
background-color: var(--tp-theme-1);
color: var(--tp-common-white);
}
.tp-mission-tab button.active::after {
opacity: 1;
visibility: visible;
}
.misssion-black-bg {
background-color: var(--tp-common-black);
height: 280px;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
/*----------------------------------------*/
/* 16. counter CSS START
/*----------------------------------------*/
.tp-counter-bg {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.counter-item a {
height: 65px;
width: 65px;
border-radius: 50%;
text-align: center;
line-height: 65px;
background-color: var(--tp-common-white);
display: inline-block;
box-shadow: 0px 7px 23px rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
font-size: 28px;
font-weight: 400;
}
.counter-item h3 {
font-weight: 600;
font-size: 55px;
margin-bottom: 0;
margin-bottom: 14px;
}
.counter-item h3 span {
font-weight: 600;
font-size: 55px;
}
.counter-item span {
font-weight: 400;
font-size: 18px;
color: var(--tp-common-black);
}
.counter-color-one a {
color: var(--tp-theme-1);
}
.counter-color-two a {
color: var(--tp-theme-2);
}
.counter-color-three a {
color: var(--tp-common-red);
}
.counter-color-four a {
color: var(--tp-common-green);
}
/*----------------------------------------*/
/* 17. price CSS START
/*----------------------------------------*/
.tpprice {
border: 1px solid var(--tp-border-1);
padding: 40px 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tpprice {
padding: 40px 35px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tpprice {
padding: 30px 28px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tpprice {
padding: 40px 50px;
}
}
@media (max-width: 767px) {
.tpprice {
padding: 30px 30px;
}
}
.tpprice__badge {
background-color: var(--tp-common-black);
height: 30px;
line-height: 30px;
color: var(--tp-common-white);
text-transform: uppercase;
}
.tpprice__badge span {
font-size: 12px;
font-weight: 700;
}
.tpprice__info p {
padding-bottom: 15px;
}
.tpprice__meta span {
font-size: 45px;
font-weight: 500;
color: var(--tp-common-black);
margin-bottom: 35px;
display: inline-block;
}
.tpprice__list ul {
margin-bottom: 40px;
}
.tpprice__list ul li {
font-size: 16px;
font-weight: 400;
color: var(--tp-theme-3);
position: relative;
padding-left: 30px;
margin-bottom: 7px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tpprice__list ul li {
font-size: 15px;
padding-left: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tpprice__list ul li {
font-size: 14px;
padding-left: 25px;
}
}
.tpprice__list ul li:last-child {
margin-bottom: 0;
}
.tpprice__list ul li i {
color: var(--tp-common-green);
position: absolute;
top: 5px;
left: 0;
}
.tpprice__product img {
border-radius: 6px;
}
.tp-price-title {
font-size: 30px;
font-weight: 400;
margin-bottom: 20px;
}
.tp-price-wrapper.active {
margin-left: -1px;
margin-right: -1px;
box-shadow: 0px 41px 49px rgba(117, 122, 143, 0.12);
}
.tp-price-wrapper.active .tpprice {
border-color: var(--tp-theme-1);
position: relative;
}
.tp-price-wrapper.active .tp-btn-black {
background-color: var(--tp-theme-1);
}
.tp-price-wrapper.active .tpprice__badge {
background-color: var(--tp-theme-1);
}
.tp-price-wrapper.active .tpprice__list ul li i {
color: var(--tp-theme-1);
}
/*----------------------------------------*/
/* 18. team CSS START
/*----------------------------------------*/
.tp-team-item {
background-color: var(--tp-common-white);
}
.tp-team-item__thumb {
padding: 20px;
margin-bottom: 10px;
}
.tp-team-item__thumb img {
width: 100%;
border-radius: 15px;
}
.tp-team-item__content {
padding: 20px;
}
.tp-team-item__content a:hover {
color: var(--tp-theme-1);
transition: 0.3s;
}
.tp-team-item__content span {
font-weight: 500;
font-size: 14px;
color: #747474;
}
.tp-team-item__icon {
border-top: 1px solid var(--tp-border-1);
}
.tp-team-item__icon a {
font-weight: 900;
font-size: 18px;
color: #9C96A4;
text-align: center;
transition: 0.3s;
margin: 0px -2px;
}
.tp-team-item__icon a:hover.team-bg-color-1 {
background-color: var(--tp-theme-1);
color: var(--tp-common-white);
border-color: var(--tp-theme-1);
}
.tp-team-item__icon a:hover.team-bg-color-2 {
background-color: var(--tp-theme-2);
color: var(--tp-common-white);
border-color: var(--tp-theme-2);
}
.tp-team-title {
font-weight: 600;
font-size: 15px;
color: var(--tp-common-black);
text-transform: capitalize;
}
.team-border-right {
border-right: 1px solid var(--tp-border-1);
display: inline-block;
}
.team-bg-color-1 {
display: inline-block;
height: 50px;
line-height: 50px;
padding: 0px 65px;
width: 50%;
}
.team-bg-color-2 {
display: inline-block;
height: 50px;
line-height: 50px;
padding: 0px 65px;
width: 50%;
}
.tp-team-slider-active .slick-slide {
padding: 0px 15px;
}
.tp-review-slider-active .slick-slide {
padding: 0px 15px;
}
@media (max-width: 767px) {
.tp-team-slider-active .slick-slide {
padding: 0px 0px;
}
.tp-review-slider-active .slick-slide {
padding: 0px 0px;
}
}
.tp-team-slider-active button {
height: 65px;
width: 65px;
border-radius: 50%;
text-align: center;
line-height: 65px;
background-color: var(--tp-common-white);
border: 1px solid var(--tp-border-1);
transition: 0.3s;
}
.tp-review-slider-active button {
height: 65px;
width: 65px;
border-radius: 50%;
text-align: center;
line-height: 65px;
background-color: var(--tp-common-white);
border: 1px solid var(--tp-border-1);
transition: 0.3s;
}
.tp-team-slider-active button:hover {
background-color: var(--tp-theme-1);
border-color: var(--tp-theme-1);
}
.tp-review-slider-active button:hover {
background-color: var(--tp-theme-1);
border-color: var(--tp-theme-1);
}
.tp-team-slider-active button:hover i {
color: var(--tp-common-white);
}
.tp-review-slider-active button:hover i {
color: var(--tp-common-white);
}
.tp-team-slider-active button i {
font-weight: 400;
font-size: 17px;
color: var(--tp-common-black);
transition: 0.3s;
}
.tp-review-slider-active button i {
font-weight: 400;
font-size: 17px;
color: var(--tp-common-black);
transition: 0.3s;
}
.tp-team-slider-active .slick-prev {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -80px;
z-index: 9;
}
.tp-review-slider-active .slick-prev {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -80px;
z-index: 9;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-team-slider-active .slick-prev {
left: 0;
}
.tp-review-slider-active .slick-prev {
left: 0;
}
}
.tp-team-slider-active .slick-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -80px;
z-index: 9;
}
.tp-review-slider-active .slick-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -80px;
z-index: 9;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-team-slider-active .slick-next {
right: 0;
}
.tp-review-slider-active .slick-next {
right: 0;
}
}
.team-contact a {
font-weight: 400;
font-size: 18px;
line-height: 29px;
color: #747474;
}
@media (max-width: 767px) {
.team-contact a {
font-size: 16px;
}
}
.team-contact a b {
color: var(--tp-theme-1);
}
.team-contact a b i {
padding-left: 10px;
}
.feature-bottom-space {
padding-bottom: 220px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
.feature-bottom-space {
padding-bottom: 90px;
}
}
.amfeature {
padding-top: 50px;
}
@media (max-width: 767px) {
.amfeature {
padding-left: 0px;
}
}
.amfeature__item p {
font-size: 15px;
line-height: 26px;
}
.amfeature__title p {
font-size: 16px;
}
.amfeature__list ul li {
color: var(--tp-common-black);
font-size: 15px;
font-weight: 500;
position: relative;
padding-left: 30px;
padding-bottom: 5px;
}
.amfeature__list ul li i {
color: #726FFC;
font-weight: 500;
position: absolute;
left: 0;
top: 6px;
}
.amskill__title p {
font-size: 16px;
line-height: 26px;
}
.ac-ab-img {
margin-right: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ac-ab-img {
margin-right: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ac-ab-img {
margin-right: 0px;
margin-bottom: 30px;
}
}
.ac-ab-img img {
border-radius: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ac-ab-img img {
width: 100%;
}
}
.am-skill-title {
font-size: 30px;
color: var(--tp-common-black);
font-weight: 500;
padding-bottom: 25px;
}
.am-skill-sm-title {
font-size: 24px;
font-weight: 500;
color: var(--tp-common-black);
padding-bottom: 20px;
}
.am-contact-title {
font-size: 24px;
color: var(--tp-common-black);
font-weight: 500;
position: relative;
overflow: hidden;
background-color: var(--tp-common-white);
padding-right: 90px;
display: inline-block;
margin-bottom: 0;
}
@media (max-width: 767px) {
.am-contact-title {
font-size: 23px;
}
}
.am-border-shape {
position: absolute;
height: 1px;
background-color: #F4F6FB;
width: 100%;
top: 50%;
transform: translateY(-50%);
display: inline-block;
z-index: -1;
}
.contact-form {
background-color: #F9F9F9;
border-radius: 20px;
padding: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.contact-form {
padding: 30px;
}
}
@media (max-width: 767px) {
.contact-form {
padding: 10px;
}
}
.contact-form .input input {
width: 100%;
height: 65px;
border-radius: 5px;
border: none;
padding: 0px 20px;
border-radius: 5px;
margin-bottom: 30px;
color: var(--tp-common-black);
}
.contact-form .input input::placeholder {
color: #8A90A2;
font-size: 15px;
font-weight: 400;
}
.contact-form .textarea textarea {
width: 100%;
height: 180px;
padding: 30px 20px;
border: 0;
outline: 0;
resize: none;
border-radius: 5px;
margin-bottom: 30px;
color: var(--tp-common-black);
}
.contact-form .textarea textarea::placeholder {
color: #8A90A2;
font-size: 15px;
font-weight: 400;
}
.am-contact-info {
margin-bottom: 35px;
}
.amaboutinfo__client-info span {
color: var(--tp-theme-1);
margin-bottom: 40px;
display: inline-block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.amaboutinfo__client-info span {
margin-bottom: 20px;
}
}
.amaboutinfo__client-info p {
padding-bottom: 25px;
padding-right: 305px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.amaboutinfo__client-info p {
padding-right: 30px;
padding-bottom: 5px;
}
}
@media (max-width: 767px) {
.amaboutinfo__client-info p {
padding-right: 0px;
padding-bottom: 5px;
}
}
.amaboutinfo__experience {
padding-bottom: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.amaboutinfo__experience {
padding-bottom: 30px;
}
}
.amaboutinfo__experience p b {
color: var(--tp-common-black);
font-weight: 400;
}
.amaboutinfo__social a {
height: 50px;
width: 50px;
border-radius: 50%;
border: 1px solid var(--tp-border-1);
text-align: center;
line-height: 50px;
display: inline-block;
color: rgba(0, 0, 0, 0.25);
font-size: 16px;
font-weight: 600;
transition: 0.3s;
margin-right: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.amaboutinfo__social a {
margin-right: 6px;
}
}
@media (max-width: 767px) {
.amaboutinfo__social a {
margin-right: 8px;
}
}
.amaboutinfo__social a:hover {
background-color: var(--tp-theme-1);
color: var(--tp-common-white);
border-color: var(--tp-theme-1);
}
.ac-client-name {
font-size: 24px;
color: var(--tp-common-black);
font-weight: 700;
}
.am-p-space-1 {
padding-bottom: 25px;
padding-right: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.am-p-space-1 {
padding-right: 20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
.am-p-space-1 {
padding-right: 0px;
}
}
.am-p-space-2 {
padding-bottom: 25px;
padding-right: 90px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.am-p-space-2 {
padding-right: 20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
.am-p-space-2 {
padding-right: 0px;
}
}
.am-p-space-3 {
padding-bottom: 25px;
padding-right: 90px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.am-p-space-3 {
padding-right: 10px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
.am-p-space-3 {
padding-right: 0px;
}
}
/*----------------------------------------*/
/* 19. footer CSS START
/*----------------------------------------*/
.tpfooter {
padding-bottom: 35px;
border-bottom: 1px solid #253450;
}
@media (max-width: 767px) {
.tpfooter {
flex-wrap: wrap;
}
}
.tpfooter__social a {
height: 50px;
width: 50px;
border-radius: 50%;
background-color: #132038;
line-height: 50px;
color: var(--tp-common-white);
display: inline-block;
text-align: center;
font-size: 14px;
font-weight: 400;
transition: 0.4s;
margin-left: 8px;
}
@media (max-width: 767px) {
.tpfooter__social a {
margin-left: 0;
margin-right: 8px;
margin-top: 20px;
}
}
.tpfooter__social a:hover {
background-color: var(--tp-theme-1);
color: var(--tp-common-white);
}
.tp-footer-title {
font-weight: 700;
font-size: 17px;
line-height: 18px;
text-transform: uppercase;
color: var(--tp-common-white);
padding-bottom: 20px;
}
.tp-footer-widget__list ul li a {
color: #A3A6AE;
font-weight: 500;
font-size: 15px;
line-height: 32px;
transition: 0.3s;
}
.tp-footer-widget__list ul li a:hover {
color: var(--tp-theme-2);
}
.tp-footer-widget__input input {
width: 100%;
height: 55px;
border-radius: 67px;
border: 0;
background-color: #132038;
color: var(--tp-common-white);
padding-left: 20px;
padding-right: 180px;
margin-bottom: 20px;
position: relative;
}
@media (max-width: 767px) {
.tp-footer-widget__input input {
margin-bottom: 20px;
padding-right: 20px;
}
}
.tp-footer-widget__input input::placeholder {
color: #475063;
}
.tp-footer-widget__input button {
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 767px) {
.tp-footer-widget__input button {
position: static;
margin-bottom: 20px;
}
}
.tp-footer-widget__input label {
display: flex;
color: var(--tp-common-white);
}
.tp-footer-widget__input label span {
color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-footer-widget__input label span {
font-size: 13px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-footer-widget__input label span {
font-size: 13px;
}
}
.tp-footer-widget__check-box .form-check-input {
margin-top: 6px;
}
.footer-widget-space {
padding-top: 60px;
padding-bottom: 20px;
border-bottom: 1px solid #253450;
}
.footer-space-2 {
padding-left: 55px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.footer-space-2 {
padding-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) {
.footer-space-2 {
padding-left: 0px;
}
}
.footer-space-3 {
padding-left: 85px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.footer-space-3 {
padding-left: 50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.footer-space-3 {
padding-left: 0px;
}
}
.footer-space-4 {
padding-left: 65px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.footer-space-4 {
padding-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) {
.footer-space-4 {
padding-left: 0px;
}
}
.tp-copyright-left span {
font-weight: 400;
font-size: 15px;
line-height: 35px;
color: var(--tp-common-white);
}
@media (max-width: 767px) {
.tp-copyright-left span {
font-size: 14px;
}
}
.tp-copyright-right button {
color: var(--tp-common-white);
}
.tp-copyright-right button i {
margin-left: 10px;
font-weight: 400;
font-size: 16px;
color: var(--tp-theme-1);
}
.tp-footer-shape-1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
@media (max-width: 767px) {
.tp-copyright-wrapper {
flex-wrap: wrap;
}
}
.footer-widget-black-border {
border-color: var(--tp-border-1);
}
.tp-footer-widget-2 .tp-footer-widget__list ul li a {
color: #747474;
font-weight: 400;
font-size: 15px;
}
.tp-footer-widget-2 .tp-footer-widget__list ul li a:hover {
color: var(--tp-theme-1);
}
.news-letter-boxsadow {
box-shadow: 0px 10px 21px rgba(0, 0, 0, 0.05);
background-color: var(--tp-common-white);
padding: 35px;
}
@media (max-width: 767px) {
.news-letter-boxsadow {
padding: 15px;
}
}
.news-letter-boxsadow input {
margin-bottom: 0;
margin-bottom: 30px;
background: #F9F9F9;
border: 1px solid #F5F5F5;
}
.news-letter-boxsadow input::placeholder {
color: #747474;
}
.footer-space-5 {
padding-left: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.footer-space-5 {
padding-left: 0;
}
}
@media (max-width: 767px) {
.tp-footer-area {
padding-top: 100px;
}
}
.tp-section-title {
color: var(--tp-theme-1);
}
.header-wrapper {
position: relative;
z-index: 41;
}
.topbar-inner {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 0;
/*margin-left: 430px;*/
}
.right-contnet {
display: flex;
align-items: center;
}
.info-items {
margin: 0;
padding: 0;
list-style: none;
}
.info-items li {
display: inline-block;
font-size: 14px;
font-weight: 500;
line-height: 22px;
color: #fff;
transition: all 0.3s ease-in;
}
.info-items li i {
margin-right: 3px;
color: var(--tp-common-white);
}
.info-items li + li {
margin-left: 20px;
}
.topbar-area.style-02 {
background-color: rgba(255, 255, 255, 0.05);
position: inherit;
width: 100%;
top: 0;
z-index: 5;
background: #051B46;
}
.col-lg-12 {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
@media only screen and (max-width: 767px) {
.topbar-area.style-02 .topbar-inner {
margin-left: 0;
display: block;
text-align: center;
}
}
@media only screen and (max-width: 991px) {
.topbar-area .topbar-inner {
margin-left: 0;
justify-content: center;
}
}
@media only screen and (max-width: 414px) {
.topbar-area .topbar-inner .left-contnet {
display: none;
}
}
.active > .page-link, .page-link.active {
color: var(--bs-pagination-active-color);
background-color: var(--tp-theme-2);
border-color: var(--tp-theme-2);
}
.page-link {
color: black;
}
.single-gallery-image {
/*position: relative;*/
overflow: hidden;
margin-bottom: 30px;
border-radius: 20px;
}
.single-gallery-image .img-hover {
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: 20px;
visibility: hidden;
opacity: 0;
transition: all 300ms;
border-radius: 20px;
}
.single-gallery-image:hover .img-hover {
visibility: visible;
opacity: 1;
top: 0;
}
.shape-image {
width: 100%;
height: auto;
}
.read-more-show {
cursor: pointer;
color: var(--tp-theme-2);
}
.read-more-hide {
cursor: pointer;
color: var(--tp-theme-2);
}
.hide_content {
display: none;
}
.review_text {
font-size: 18px;
font-weight: 500;
color: var(--tp-common-white);
line-height: 30px;
padding-bottom: 25px;
}
.tptestimonial ::-webkit-scrollbar {
width: 4px;
border-radius: 3px;
}
.tptestimonial ::-webkit-scrollbar-thumb {
background: rgba(85, 85, 85, .6);
}
.tptestimonial ::-webkit-scrollbar-track {
background: rgba(85, 85, 85, .1);
}
.serviceclistcvr {
position: relative;
z-index: 0;
}
.serviceclistblock {
padding: 50px 0;
}
.serviceclistcvr:before {
position: absolute;
content: "";
height: 90%;
width: 2px;
background: #e4e4e4;
left: 105px;
top: 70px;
z-index: -1;
}
.serviceclistblock .serviceclist-img img {
border: 2px solid #aeaeae;
border-radius: 50%;
padding: 7px;
background: #fff;
}
.serviceclistblock .serviceclist-cnt p {
font-size: 15px;
}
@media (max-width: 1199px) {
.serviceclistcvr:before {
left: 92px;
}
}
@media (max-width: 1199px) {
.serviceclistblock {
padding: 34px 0;
}
}
@media (max-width: 767px) {
.serviceclistcvr:before {
left: 66px
}
.serviceclistblock .serviceclist-cnt h3 {
font-size: 22px;
line-height: 1.2
}
}
@media (max-width: 576px) {
.serviceclistcvr:before {
display: none
}
.serviceclistblock .serviceclist-img img {
width: 140px;
margin-bottom: 1em
}
.serviceclistblock .serviceclist-cnt h3 {
margin-bottom: 14px
}
}
.news {
background-color: #051B46;
color: #fff;
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 5;
padding: 10px 0 5px;
}
.btm-news-text {
margin-bottom: 0;
padding: 0;
line-height: inherit;
color: #fff;
font-size: 16px;
}
marquee {
display: flex;
justify-content: space-between;
}
.experience {
word-spacing: 20px;
background-color: #101010;
color: #ffffff;
}
/*youtube*/
div.youtube-play {
height: 64px;
width: 64px;
left: 50%;
top: 50%;
margin-left: -36px;
margin-top: -36px;
opacity: 0.7;
position: absolute;
background: url("https://cdn2.iconfinder.com/data/icons/social-icons-color/512/youtube-64.png") no-repeat;
}
div.youtube-play:hover {
opacity: 1;
}
#youtube-iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.youtube-player {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
background: #000;
margin: 5px;
}
.youtube-player iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background: transparent;
}
.youtube-player img {
object-fit: cover;
display: block;
left: 0;
bottom: 0;
margin: auto;
max-width: 100%;
width: 100%;
position: absolute;
right: 0;
top: 0;
border: none;
height: auto;
cursor: pointer;
-webkit-transition: 0.4s all;
-moz-transition: 0.4s all;
transition: 0.4s all;
}
.youtube-player img:hover {
-webkit-filter: brightness(75%);
}
.youtube-player .play {
height: 72px;
width: 72px;
left: 50%;
top: 50%;
margin-left: -36px;
margin-top: -36px;
position: absolute;
background: url('https://www.indiraivf.com/themes/indiraivf/images/svg/play.svg') no-repeat;
cursor: pointer;
}
.youtube-section {
/* text-align:center; */
width: 800px;
margin: 0 auto;
/*height: 400px;*/
}
@media (max-width: 767px) {
.youtube-player iframe {
position: relative;
}
}
/*# sourceMappingURL=style.css.map */