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

    Theme Name: Bioxlab - Laboratory & Science Research
    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
    03. MEAN MENU CSS
    04. BANNER CSS START
    05. SLIDER CSS START
    06. SERVICES CSS START
    07. ABOUT CSS START
    08. COUNTER CSS START
    09. GALLERY CSS START
    10. CHOOSE CSS START
    11. APPOINMENT CSS START
    12. TEAM CSS START
    13. TESTIMONIAL CSS START
    14. CTA CSS START
    15. BLOG CSS START
    16. RESEARCH CSS START
    17. PRICING CSS START
    18. FAQ CSS START
    19. SHOP CSS START
    20. CART CSS START
    21. PORTFOLIO CSS START
    22. FOOTER CSS START


**********************************************/
/*----------------------------------------*/
/*  01. THEME DEFAULT CSS START
/*----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=Days+One&display=swap");

:root {
    /**
  @font family declaration
  */
    --tp-ff-body: "Archivo", sans-serif;
    --tp-ff-heading: "Days One", sans-serif;
    --tp-ff-p: "Archivo", sans-serif;
    --tp-ff-fontawesome: "Font Awesome 6 Pro";
    /**
  @color declaration
  */
    --tp-common-white: #ffffff;
    --tp-common-black: #000;
    --tp-heading-primary: #171151;
    --tp-grey-1: #f2f5fa;
    --tp-text-body: #442565;
    --tp-text-1: #ffffff;
    --tp-text-2: #8a879f;
    --tp-text-3: #b7b6c4;
    --tp-theme-primary: #171151;
    --tp-theme-secondary: #442565;
    --tp-theme-blue: #333f50;
    --tp-theme-pink: #f72a75;
    --tp-theme-sky: #42bfff;
    --tp-border-primary: #eceef3;
    --tp-border-secondary: #d1d6e0;
    --tp-icon-blue: #333f50;
    --tp-icon-blue-light: #e7efff;
    --tp-icon-green: #442565;
    --tp-icon-green-light: #e7faf6;
    --tp-icon-pink: #f72a75;
    --tp-icon-pink-light: #feeaf1;
    --tp-icon-sky: #42bfff;
    --tp-icon-sky-light: #ecf9ff;
    --tp-icon-red: #ff0000;
    --tp-icon-tweet: #1da1f2;
    --tp-icon-fb: #4267b2;
    --tp-icon-skype: #00a6e4;

    --wm-text-yellow: #d4af37;
    --wm-bg-hover-blue: #442565;
}

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

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

a {
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

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

h1 {
    font-size: 40px;
}

h2 {
    font-size: 32px;
}

h3 {
    font-size: 28px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 16px;
}

ul,
li {
    list-style: none;
}

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

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

a,
.btn,
button,
span,
p,
i,
input,
select,
textarea,
li,
img,
svg path,
*::after,
*::before,
.transition-3,
h1,
h2,
h3,
h4,
h5,
h6 {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

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

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

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

button:hover {
    cursor: pointer;
}

button:focus {
    outline: 0;
}

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

input {
    outline: none;
}

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

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

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

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

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

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

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

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

.fix {
    overflow: hidden;
}

.clear {
    clear: both;
}

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

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

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

.p-relative {
    position: relative;
}

.p-absolute {
    position: absolute;
}

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

.f-left {
    float: left;
}

.f-right {
    float: right;
}

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

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

.basic-pagination ul li a,
.basic-pagination ul li span {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    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-grey-1);
    font-size: 14px;
    font-weight: 500;
    color: var(--tp-text-2);
}

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

/* scrollUp */
.scroll-top {
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: fixed;
    bottom: -10%;
    right: 50px;
    font-size: 16px;
    border-radius: 6px;
    z-index: 99;
    color: var(--tp-common-white);
    text-align: center;
    cursor: pointer;
    background: var(--tp-theme-secondary);
    transition: 1s ease;
    border: none;
}

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

.scroll-top::after {
    position: absolute;
    z-index: -1;
    content: "";
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 1;
    background: radial-gradient(ellipse at center,
            rgba(0, 0, 0, 0.25) 0%,
            rgba(0, 0, 0, 0) 80%);
}

.scroll-top:hover {
    background: var(--tp-theme-pink);
}

/* Preloader */
#preloadertp {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 999999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    color: var(--tp-theme-secondary);
}

#preloadertp img {
    width: 70px;
    animation: preloader 3s linear infinite;
}

/*--
    - Spacing
-----------------------------------------*/
.tp-bt-btn {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    padding: 20px 42px;
    border-radius: 5px;
    background: var(--tp-common-white);
}

.tp-bt-btn:hover {
    color: var(--tp-icon-green);
}

.tp-bt-btn span {
    color: var(--tp-text-2);
    margin-left: 10px;
    text-transform: uppercase;
}

.tp-cta-btn {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    padding: 19px 46px;
    border-radius: 5px;
    background: var(--tp-icon-green);
    color: var(--tp-common-white);
}

.tp-cta-btn span {
    text-transform: uppercase;
    color: var(--tp-common-white);
    margin-left: 10px;
    margin-right: 4px;
}

.tp-cta-btn:hover {
    color: var(--tp-text-body);
}

.tp-btn,
.tp-btn-second {
    font-size: 15px;
    line-height: 1;
    font-weight: 700;
    padding: 18px 40px;
    background-color: #d4af37;
    text-align: center;
    display: inline-block;
    border-radius: 5px;
    text-transform: uppercase;
    color: var(--tp-common-white);
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.tp-btn-second {
    background: var(--tp-theme-secondary);
}

.tp-btn::after,
.tp-btn-second::after {
    content: "";
    height: 300px;
    width: 300px;
    background-color: var(--wm-bg-hover-blue);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%) scale(0);
    transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: -1;
}

.tp-btn:hover,
.tp-btn-second:hover {
    color: #fff;
}

.tp-btn:hover::after,
.tp-btn-second:hover::after {
    transform: translateY(-50%) translateX(-50%) scale(1);
}

.tp-btn-second {
    background: var(--tp-icon-green);
}

.tp-btn-second::after {
    content: "";
    height: 300px;
    width: 300px;
    background-color: var(--wm-text-yellow);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%) scale(0);
    transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: -1;
}

/* 01. ========= video ripple animation ========== */
@keyframes tp-pulse {
    0% {
        box-shadow: 0 0 0 0 #4425659e;
    }

    70% {
        box-shadow: 0 0 0 45px rgba(16, 208, 161, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(16, 208, 161, 0);
    }
}

/* 02. ========= video ripple animation ========== */
@keyframes tp-pulse-2 {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    }

    70% {
        box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

/* 03. ========= ripple animation ========== */
@keyframes popupBtn {
    0% {
        transform: scale(1);
        opacity: 0.6;
    }

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

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

/* 04. ========= btn-arrow-animation ========== */
@keyframes tfLeftToRight {
    49% {
        transform: translateX(30%);
    }

    50% {
        opacity: 0;
        transform: translateX(-30%);
    }

    51% {
        opacity: 1;
    }
}

/* 05. ========= firefly ========== */
@keyframes firefly {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        color: white;
    }
}

/* 06. ========= ripple animation ========== */
.tp-ripple-white {
    border-radius: 50%;
    animation: ripple-white 2s linear infinite;
}

@-webkit-keyframes tp-ripple-white {
    0% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5),
            0 0 0 20px rgba(255, 255, 255, 0.5);
    }

    100% {
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.5),
            0 0 0 30px rgba(255, 255, 255, 0);
    }
}

@keyframes tp-ripple-white {
    0% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5),
            0 0 0 20px rgba(255, 255, 255, 0.5);
    }

    100% {
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.5),
            0 0 0 30px rgba(255, 255, 255, 0);
    }
}

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

.theme-bg {
    background: #000000;
}

.theme-light-bg {
    background-color: var(--tp-icon-blue);
}

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

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

.breadcrumb__area {
    padding: 68px 0;
}

.breadcrumb__overlay {
    position: relative;
    z-index: 1;
    margin-top: -2px;
}

.breadcrumb__overlay::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;

    z-index: -1;
}

.tp-breadcrumb__title {
    color: var(--tp-common-white);
    font-weight: 400;
    font-size: 55px;
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 0;
}

.tp-breadcrumb__link {
    justify-content: end;
}

.tp-breadcrumb__link span {
    color: var(--tp-common-white);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 1.8px;
}

.tp-breadcrumb__link span a {
    text-decoration: underline;
    margin-left: 5px;
}

.tp-breadcrumb__link span a:hover {
    color: var(--tp-icon-green);
}

.navtabs__icon {
    font-size: 100px;
    color: var(--tp-icon-green);
    display: inline-block;
}

.navtabs__content p {
    font-size: 16px;
    color: var(--tp-text-2);
}

.nav-primary {
    margin-left: -23px;
}

.nav-secondary {
    margin-left: 30px;
}

.nav-tertiary {
    margin-left: 58px;
}

.tp-nav-tavs {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e40606;
    font-weight: 700;
    font-size: 14px;
}

.tp-nav-tavs li {
    position: relative;
}

.tp-nav-tavs li::before {
    position: absolute;
    content: "";
    height: 40px;
    width: 1px;
    background: #dfe3e9;
    top: 50%;
    transform: translateY(-50%);
}

.tp-nav-tavs li:first-child::before {
    display: none;
}

.tp-nav-tavs .nav-link.active {
    border-bottom: 4px solid var(--tp-icon-green);
    color: var(--tp-theme-primary);
    box-shadow: 0px 10px 10px rgba(21, 48, 73, 0.1);
    background-color: var(--tp-common-white);
}

.tp-nav-tavs button {
    padding: 24px 120px;
    background-color: var(--tp-grey-1);
    color: var(--tp-text-2);
    border-bottom: 4px solid var(--tp-grey-1);
    text-transform: uppercase;
    letter-spacing: 1.4px;
}

.tp-nav-tavs button:hover {
    color: var(--tp-icon-green);
}

.nav-info {
    font-size: 18px;
    color: var(--tp-text-2);
}

.navtabs__shape {
    position: absolute;
    top: 33px;
    left: 360px;
}

.nabthumb img {
    border-radius: 20px;
    width: 100%;
}

.nabmission__title {
    font-weight: 400;
    font-size: 36px;
    line-height: 1.32;
}

.tp-section__sub-title {
    text-transform: uppercase;
    font-weight: 700;
    color: #333f50;
    display: inline-block;
}

.tp-section__title {
    font-size: 43px;
}
.tp-section__title .text-color-1{
    color: #442565;
}

.tp-section i {
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    margin-bottom: 35px;
    display: block;
}

.tp-section__link {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 25px;
    display: inline-block;
}

.tp-section__link>i {
    display: inline-block;
    margin-bottom: 0;
}

.tp-section__link:hover {
    color: var(--tp-icon-green);
}

.tp-section__link:hover i {
    animation: tfLeftToRight 0.5s forwards;
}

.tp-section p {
    font-size: 15px;
    display: block;
    padding-right: 55px;
}

.tp-section p:first-child {
    margin-top: 20px;
}

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

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

.left-line {
    position: relative;
}

.left-line::before {
    content: "";
    width: 35px;
    height: 2px;
    background-color: #442565;
    display: inline-block;
    margin-right: 10px;
}

.text-white.left-line::before{
    background-color: #fff;
}

.left-line-white {
    position: relative;
}

.left-line-white::before {
    content: "";
    width: 35px;
    height: 2px;
    background-color: var(--tp-common-white);
    display: inline-block;
    margin-right: 10px;
}

.right-line {
    position: relative;
}

.right-line::after {
    content: "";
    width: 35px;
    height: 2px;
    background-color: var(--tp-icon-blue);
    display: inline-block;
    margin-left: 10px;
}

.right-line-white {
    position: relative;
}

.right-line-white::after {
    content: "";
    width: 35px;
    height: 2px;
    background-color: var(--tp-common-white);
    display: inline-block;
    margin-left: 10px;
}

.header__area {
    padding: 20px 90px 20px 63px;
    position: relative;
    z-index: 2;
}

.main-menu ul>li {
    display: inline-block;
    position: relative;
    z-index: 9;
}

.main-menu ul>li>a {
    padding: 15px 0;
    margin: 0 9px;
    font-size: 14px;
    color: var(--tp-text-body);
    font-weight: 700;
    display: block;
    text-transform: uppercase;
}

.main-menu ul>li>a:hover,
.main-menu ul>li>a.active {
    color: var(--wm-text-yellow);
}

.main-menu ul>li.has-dropdown a {
    position: relative;
}

.main-menu ul>li.has-dropdown a::after {
    /* content: "+"; */
    transform: translateY();
    right: 0;
}

.main-menu ul>li .sub-menu {
    position: absolute;
    top: 120%;
    left: 0;
    width: 240px;
    padding: 20px 30px;
    background: #000000;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.main-menu ul>li .sub-menu>li {
    display: block;
    width: 100%;
    margin: 0;
}

.main-menu ul>li .sub-menu>li>a {
    display: block;
    font-weight: 500;
    padding: 5px 5px;
    font-size: 14px;
    z-index: 1;
    color: var(--tp-common-white);
    width: 100%;
    text-transform: capitalize;
    margin: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.main-menu ul>li .sub-menu>li>a:hover {
    color: #D4AF37;
}

.main-menu ul>li .sub-menu>li>a::before {
    display: none;
}

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

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

.header-custom {
    display: flex;
    align-items: center;
    padding: 20px 0px;
    flex: 0 0 auto;
    border-bottom: 1px solid var(--tp-border-primary);
}

.header-logo-box {
    flex: 0 0 auto;
    width: 345px;
    text-align: center;
}

.header-logo-box img {
    width: 220px;
}

.header-menu-box {
    width: 100%;
}

.header-menu-top {
    border-bottom: 1px solid var(--tp-border-primary);
}

.header-time {
    text-align: right;
}

.header-time span {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    color: var(--tp-text-2);
    margin-left: 50px;
    margin-right: 30px;
}

.header-time span i {
    color: var(--tp-text-body);
    font-size: 14px;
    margin-right: 8px;
}

.header-top-mob {
    margin-left: 80px;
    font-size: 15px;
    line-height: 1;
    font-weight: 700;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    color: var(--tp-text-2);
    padding: 22px 0;
}

.header-top-mob span {
    margin-left: 5px;
}

.header-top-mob a {
    color: var(--tp-text-body);
}

.header-top-mob a:hover {
    color: var(--tp-icon-green);
}

.main-menu-second {
    margin: 0 0 0 80px;
}

.header-cart-list {
    text-align: end;
}

.header-bottom-btn {
    font-size: 15px;
    line-height: 1;
    font-weight: 700;
    padding: 25px 45px;
    background-color: #333f50;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    color: var(--tp-common-white);
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.header-bottom-btn::after {
    content: "";
    height: 300px;
    width: 300px;
    background-color: #2974ff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%) scale(0);
    transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: -1;
}

.header-bottom-btn:hover {
    color: #fff;
}

.header-bottom-btn:hover::after {
    transform: translateY(-50%) translateX(-50%) scale(1);
}

.main-menu-second ul li {
    margin-right: 60px;
}

.main-menu-second ul li:last-child {
    margin-right: 0;
}

.main-menu-second ul li>a {
    margin: 0;
    padding: 20px 0;
}

.main-menu-second ul li>a::before {
    content: "";
    bottom: 1px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0%;
    height: 2px;
    background-color: var(--tp-icon-green);
    position: absolute;
}

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

.tp-menu-toggle {
    font-size: 16px;
    line-height: 0;
}

.tp-side-info-area {
    background: #171151;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    padding: 30px;
    width: 350px;
    transform: translateX(120%);
    transition: 0.3s;
    z-index: 99;
}

.tp-side-info-area.tp-sidebar-opened {
    transform: translateX(0);
}

.tp-sidebar-close {
    color: #fff;
    position: absolute;
    left: -35px;
    font-size: 21px;
    background: #171151;
    width: 35px;
    height: 35px;
}

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

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

.layout-left-right {
    display: flex;
    flex: 0 0 auto;
}

.header-layout-left {
    width: 350px;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
}

.content-layout-right {
    width: 100%;
}

.content-layout-right {
    width: calc(100% - 350px);
    margin-left: auto;
}

.header-left-logo a {
    margin: 70px 63px;
    display: block;
}

.header-left-menu {
    margin: 0 0 140px 100px;
    border-left: 2px solid #201b58;
}

.header-left-menu ul>li {
    margin-bottom: 40px;
    position: relative;
}

.header-left-menu ul>li:last-child {
    margin-bottom: 0;
}

.header-left-menu ul>li.has-dropdown>a::after {
    content: "+";
    right: 0;
}

.header-left-menu ul>li a {
    color: var(--tp-common-white);
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0 22px;
    display: block;
    position: relative;
}

.header-left-menu ul>li a::before {
    content: "";
    left: -2px;
    top: 0;
    bottom: 0;
    margin: 0 auto;
    width: 2px;
    height: 0px;
    background-color: var(--tp-icon-green);
    position: absolute;
}

.header-left-menu ul>li a:hover {
    color: var(--tp-theme-secondary);
}

.header-left-menu ul>li a:hover::before {
    height: 100%;
}

.header-left-menu ul>li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    left: 100%;
}

.header-left-menu .sub-menu {
    position: absolute;
    top: 0%;
    left: 105%;
    width: 200px;
    padding: 20px 10px;
    background: #29226a;
    transition: all 0.3s ease-out 0s;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
}

.header-left-menu .sub-menu li {
    margin-bottom: 8px;
}

.header-left-menu .sub-menu li a {
    font-weight: 500;
    font-size: 14px;
    text-transform: capitalize;
}

.header-left-contact {
    text-align: center;
}

.header-left-contact span {
    font-weight: 700;
    font-size: 14px;
    color: var(--tp-theme-secondary);
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
}

.header-left-contact a {
    font-family: "Days One";
    font-weight: 400;
    font-size: 30px;
    color: var(--tp-common-white);
}

.header-left-contact a:hover {
    color: var(--tp-theme-secondary);
}

.hero-bg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    height: 900px;
}

.hero-bg::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(89.9deg,
            #0055f1 -6.67%,
            rgba(23, 17, 81, 0) 73.29%);
    z-index: -1;
}

.tpherobg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.tpherotext {
    padding-top: 275px;
}

.tpherotext__title {
    font-weight: 400;
    font-size: 60px;
    line-height: 1.16;
    color: var(--tp-common-white);
}

.tpherotext p {
    font-weight: 500;
    font-size: 18px;
    color: var(--tp-common-white);
    margin-bottom: 50px;
}

.tp-mob-logo img {
    width: 220px;
}

.logo img {
    width: 165px;
}

.footer-widget__title img {
    width: 220px;
}

.tpsideinfo {
    background-color: #442565;
    text-align: start;
    position: fixed;
    right: 0;
    top: 0;
    width: 420px;
    height: 100%;
    box-shadow: rgba(5, 13, 54, 0.05) 5px 15px 30px 0px;
    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    z-index: 9999999;
    padding: 30px;
    transform: translateX(100%);
    overflow-y: scroll;
}

.tpsideinfo.tp-shop-sidebar-opened {
    transform: translateX(0);
}

.tpsideinfo__close {
    color: #fff;
    right: 30px;
    font-size: 18px;
    background: var(--tp-theme-secondary);
    width: 35px;
    height: 35px;
    position: absolute;
    top: 40px;
}

.tpsideinfo__logo a img {
    width: 180px;
}

.tpsideinfo__content p {
    font-weight: 500;
    font-size: 18px;
    color: var(--tp-common-white);
    margin-bottom: 55px;
}

.tpsideinfo__content span {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    font-size: 14px;
    display: block;
    margin-bottom: 8px;
}

.tpsideinfo__content a {
    display: block;
    color: var(--tp-common-white);
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 500;
}

.tpsideinfo__content a:hover {
    color: var(--tp-theme-secondary);
}

.tpsideinfo__content a i {
    color: #ffdc60;
    margin-right: 5px;
}

.tpsideinfo__content-inputarea span {
    color: var(--tp-text-2);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    font-size: 14px;
    display: block;
    margin-bottom: 10px;
}

.tpsideinfo__content-inputarea-input {
    position: relative;
}

.tpsideinfo__content-inputarea-input input {
    width: 100%;
    height: 60px;
    padding: 0 80px 0 25px;
    font-size: 16px;
    color: var(--tp-theme-primary);
    border: none;
    background-color: var(--tp-common-white);
    border-radius: 5px;
    border: 1px solid var(--tp-text-2);
}

.tpsideinfo__content-inputarea-input-btn {
    position: absolute;
    color: var(--tp-common-white);
    height: 60px;
    width: 60px;
    background-color: var(--tp-icon-green);
    border-radius: 5px;
    top: 0;
    right: 0;
}

.tpsideinfo__content-inputarea-input-btn:hover {
    background-color: var(--tp-icon-pink);
}

.tpsideinfo__gallery span {
    color: var(--tp-text-2);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    font-size: 14px;
    display: block;
    margin-bottom: 10px;
}

.tpsideinfo__gallery-item img {
    width: 95px;
    height: 95px;
    object-fit: cover;
    border-radius: 5px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.tpsideinfo__socialicon a {
    color: var(--tp-common-white);
    margin-right: 20px;
    font-size: 14px;
}

.tpsideinfo__socialicon a:hover {
    color: var(--tp-theme-secondary);
}

.tpcarticon {
    background: #fff;
    opacity: 0;
    padding: 25px;
    right: -20px;
    top: 110%;
    transition: all 0.5s ease 0s;
    width: 350px;
    z-index: 9;
    box-shadow: 0px 12px 24px 0px rgba(120, 120, 120, 0.3);
    visibility: hidden;
    transform: translateY(10px);
    position: absolute;
    text-align: start;
}

.tpcarticon ul li {
    margin-bottom: 20px;
}

.tpcarticon ul li:last-child {
    margin-bottom: 0;
}

.tpcarticon__img img {
    flex: 0 0 auto;
    width: 85px;
}

.tpcarticon__item {
    display: flex;
    align-items: center;
}

.tpcarticon__content {
    width: 180px;
    flex: 0 0 auto;
    margin-left: 15px;
    margin-right: 15px;
}

.tpcarticon__content-title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
}

.tpcarticon__content-title:hover {
    color: var(--tp-theme-secondary);
}

.tpcarticon__cart-price .new {
    color: var(--tp-theme-primary);
}

.tpcarticon__cart-price span {
    font-weight: 600;
    color: var(--tp-text-2);
}

.tpcarticon__del a {
    color: var(--tp-theme-primary);
}

.tpcarticon__del a:hover {
    color: var(--tp-theme-pink);
}

.tpcarticon__total-price {
    border-top: 1px solid #cacadb;
    overflow: hidden;
    padding-top: 25px;
    margin-top: 10px;
}

.tpcarticon__total-price span {
    color: #747691;
    font-weight: 500;
}

.tpcarticon__checkout-link a {
    background-color: var(--tp-theme-blue);
    color: #fff;
    display: block;
    font-weight: 500;
    padding: 16px 30px;
    text-align: center;
    font-size: 13px;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.tpcarticon__checkout-link a:hover {
    background-color: var(--tp-theme-pink);
}

.tpcarticon__checkout-link .sec-red-btn {
    background-color: var(--tp-icon-green);
}

.tpcarticon__checkout-link .sec-red-btn:hover {
    background-color: var(--tp-theme-pink);
}

.tp-cart-icon-area {
    position: relative;
    padding: 18px 0;
}

.tp-cart-icon-area:hover .tpcarticon {
    opacity: 1;
    visibility: visible;
    transform: translateY(-5px);
    z-index: 9;
}

.mean-container {
    overflow: hidden;
}

.tp-home-one {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

.header-sticky {
    position: fixed;
    left: 0;
    margin: auto;
    top: 0;
    width: 100%;
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
    z-index: 99;
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    background: var(--tp-common-white);
}

.header-sticky .tp-bt-btn {
    box-shadow: rgba(100, 100, 111, 0.1) 1px 5px 20px 1px;
}

.tp-home-one.header-sticky {
    padding-top: 0px;
    padding-bottom: 0px;
}

.tp-home-one.header-sticky .main-menu nav>ul>li>a {
    padding: 42px 0 42px;
}

.tp-mobile-header-area.header-sticky {
    position: fixed;
    left: 0;
    margin: auto;
    top: 0;
    width: 100%;
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
    z-index: 99;
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    background: var(--tp-common-white);
}

.tp-mobile-header-area.header-sticky .tp-bt-btn {
    box-shadow: rgba(100, 100, 111, 0.1) 1px 5px 20px 1px;
}

/*----------------------------------------*/
/*  15. MEANMENU CSS START
/*----------------------------------------*/
/* mean menu customize */
.mean-container a.meanmenu-reveal {
    display: none;
}

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

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

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

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

.mean-container .mean-nav ul li a {
    width: 100%;
    padding: 10px 0;
    color: #fff;
    border-top: 1px solid #ffffff57;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 700;
}

.mean-container .mean-nav ul li a:hover {
    color: #10d0a1;
}

.mean-container .mean-nav ul li a.mean-expand {
    margin-top: 8px;
    padding: 0 !important;
    line-height: 14px;
    border: 1px solid #3c3962 !important;
    height: 26px;
    width: 26px;
    line-height: 26px;
    color: #fff;
    top: 0;
    font-weight: 400;
}

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

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

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

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

.mean-container .mean-nav ul li a.mean-expand.mean-clicked {
    color: #10d0a1;
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
    transform: rotate(45deg);
    color: var(--tp-the);
}

/*----------------------------------------*/
/*  04. BANNER CSS START
/*----------------------------------------*/
.banner__sub-title {
    text-transform: uppercase;
    color: var(--tp-icon-blue);
    font-weight: 700;
    display: inline-block;
}

.banner__title {
    font-size: 55px;
    color: var(--tp-text-body);
    text-transform: capitalize;
}

.banner__content p {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 45px;
    line-height: 29px;
}

.banner__item {
    padding: 20px 1px;
    border: 1px solid var(--tp-border-primary);
    border-radius: 10px;
    -webkit-transition: all 0.34s ease-out 0s;
    -moz-transition: all 0.34s ease-out 0s;
    -ms-transition: all 0.34s ease-out 0s;
    -o-transition: all 0.34s ease-out 0s;
    transition: all 0.34s ease-out 0s;
}

.banner__item:hover {
    border: 1px solid var(--tp-icon-blue);
}

.banner__item:hover .banner__item-icon {
    box-shadow: inset 0 0 0 40px var(--tp-icon-blue);
}

.banner__item:hover .banner__item-icon i {
    color: var(--tp-common-white);
}

.banner__item:hover .pink-icon {
    box-shadow: inset 0 0 0 40px var(--tp-icon-pink);
}

.banner__item:hover .green-icon {
    box-shadow: inset 0 0 0 40px var(--tp-icon-green);
}

.banner__item .pink-icon {
    background-color: var(--tp-icon-pink-light);
}

.banner__item .pink-icon i {
    color: var(--tp-icon-pink);
}

.banner__item .green-icon {
    background-color: var(--tp-icon-green-light);
}

.banner__item .green-icon i {
    color: var(--tp-icon-green);
}

.banner__item.pink-border:hover {
    border: 1px solid var(--tp-icon-pink);
}

.banner__item.green-border:hover {
    border: 1px solid var(--tp-icon-green);
}

.banner__item-content span {
    font-size: 14px;
    font-weight: 500;
    line-height: 0px !important;
    color: #333f50 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.banner__item-icon {
    -webkit-clip-path: polygon(45% 1.33975%,
            46.5798% 0.60307%,
            48.26352% 0.15192%,
            50% 0%,
            51.73648% 0.15192%,
            53.4202% 0.60307%,
            55% 1.33975%,
            89.64102% 21.33975%,
            91.06889% 22.33956%,
            92.30146% 23.57212%,
            93.30127% 25%,
            94.03794% 26.5798%,
            94.48909% 28.26352%,
            94.64102% 30%,
            94.64102% 70%,
            94.48909% 71.73648%,
            94.03794% 73.4202%,
            93.30127% 75%,
            92.30146% 76.42788%,
            91.06889% 77.66044%,
            89.64102% 78.66025%,
            55% 98.66025%,
            53.4202% 99.39693%,
            51.73648% 99.84808%,
            50% 100%,
            48.26352% 99.84808%,
            46.5798% 99.39693%,
            45% 98.66025%,
            10.35898% 78.66025%,
            8.93111% 77.66044%,
            7.69854% 76.42788%,
            6.69873% 75%,
            5.96206% 73.4202%,
            5.51091% 71.73648%,
            5.35898% 70%,
            5.35898% 30%,
            5.51091% 28.26352%,
            5.96206% 26.5798%,
            6.69873% 25%,
            7.69854% 23.57212%,
            8.93111% 22.33956%,
            10.35898% 21.33975%);
    clip-path: polygon(45% 1.33975%,
            46.5798% 0.60307%,
            48.26352% 0.15192%,
            50% 0%,
            51.73648% 0.15192%,
            53.4202% 0.60307%,
            55% 1.33975%,
            89.64102% 21.33975%,
            91.06889% 22.33956%,
            92.30146% 23.57212%,
            93.30127% 25%,
            94.03794% 26.5798%,
            94.48909% 28.26352%,
            94.64102% 30%,
            94.64102% 70%,
            94.48909% 71.73648%,
            94.03794% 73.4202%,
            93.30127% 75%,
            92.30146% 76.42788%,
            91.06889% 77.66044%,
            89.64102% 78.66025%,
            55% 98.66025%,
            53.4202% 99.39693%,
            51.73648% 99.84808%,
            50% 100%,
            48.26352% 99.84808%,
            46.5798% 99.39693%,
            45% 98.66025%,
            10.35898% 78.66025%,
            8.93111% 77.66044%,
            7.69854% 76.42788%,
            6.69873% 75%,
            5.96206% 73.4202%,
            5.51091% 71.73648%,
            5.35898% 70%,
            5.35898% 30%,
            5.51091% 28.26352%,
            5.96206% 26.5798%,
            6.69873% 25%,
            7.69854% 23.57212%,
            8.93111% 22.33956%,
            10.35898% 21.33975%);
    background-color: var(--tp-icon-blue-light);
    display: block;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 56px;
    margin-right: 15px;
    flex: 0 0 auto;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.banner__item-icon i {
    color: var(--tp-icon-blue);
    font-size: 21px;
}

.banner__shape {
    position: absolute;
    top: 0;
    right: 0;
    width: 724px;
}

.home_slider {
    border-radius: 0px 0px 362px 362px;
    max-width: 100%;
    height: 724px;
}

.banner__shape img {
    border-radius: 0px 0px 362px 362px;
    max-width: 100%;
    height: 945px;
    object-fit: cover;

}

.banner__video-btn {
    position: absolute;
    bottom: 55px;
    right: 55px;
}

.banner__video-icon {
    height: 115px;
    width: 115px;
    text-align: center;
    line-height: 105px;
    background: var(--tp-icon-green);
    border-radius: 50%;
    color: var(--tp-common-white);
    border: 5px solid var(--tp-common-white);
    font-size: 20px;
    display: block;
    animation: tp-pulse 1.5s infinite;
}

.banner__video-icon:hover {
    background-color: var(--tp-icon-blue);
    color: var(--tp-common-white);
}

.banner-scroll-btn {
    transform: rotate(-90deg);
    position: absolute;
    left: 20px;
    bottom: 100px;
    display: inline-block;
}

.banner-scroll-btn:hover {
    color: var(--tp-icon-blue);
}

.banner-scroll-btn:hover span {
    color: var(--tp-icon-blue);
}

.banner-scroll-btn i {
    font-size: 35px;
    transform: rotate(-90deg);
    color: #d4af37;
}

.banner-scroll-btn span {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #d4af37;
    margin-left: 23px;
}

.banner-scroll-btn:hover .bannerscroll::after {
    background-color: #d9d9d9;
    color: var(--tp-icon-blue);
}

.bannerscroll-icon {
    display: flex;
    align-items: center;
}

.bannerscroll {
    position: relative;
}

.bannerscroll::before {
    position: absolute;
    content: "";
    height: 5px;
    width: 5px;
    background-color: #d4af37;
    border-radius: 50%;
    left: 107px;
    bottom: 15px;
}

@media only screen and (min-width: 1400px) and (max-width: 1600px),
only screen and (min-width: 1200px) and (max-width: 1399px) {}

.bannerscroll::after {
    position: absolute;
    content: "";
    height: 370px;
    width: 1px;
    background-color: #afadbf;
    border-radius: 50%;
    left: 109px;
    bottom: 220px;
}

.tp-home-lg-banner {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 5;
}

/*----------------------------------------*/
/*  05. SLIDER CSS START
/*----------------------------------------*/
.slider-content {
    margin-left: -115px;
}

.slider-content__title {
    font-size: 57px;
}

.slider-content p {
    font-size: 18px;
    color: var(--tp-text-body);
    margin-bottom: 53px;
    font-weight: 500;
}

.slider-content__social {
    margin-left: -115px;
}

.slider-content__social a {
    font-weight: 400;
    font-size: 16px;
    color: var(--tp-text-3);
    text-transform: uppercase;
    margin-right: 55px;
}

.slider-content__social a i {
    margin-right: 15px;
}

.slider-content__social .facebook-2:hover {
    color: var(--tp-icon-fb);

}

.slider-content__social .youtub-2:hover {
    color: var(--tp-icon-red);
}

.slider-content__social .twitter-2:hover {
    color: var(--tp-icon-tweet);
}

.slider-content__shape {
    position: absolute;
    right: 35px;
    top: 195px;
}

.slider-content__arrow {
    position: absolute;
    right: 170px;
    bottom: -10px;
}

.slider-content__arrow .slider-p {
    margin-right: 20px;
}

.slider-content__arrow i {
    display: inline-block;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid var(--tp-border-secondary);
}

.slider-content__arrow i:hover {
    background-color: var(--tp-theme-primary);
    color: var(--tp-common-white);
    border: 1px solid var(--tp-theme-primary);
}

.tp-slider .swiper-slide-active .slider-content__title,
.tp-slider .swiper-slide-active p,
.tp-slider .swiper-slide-active .slider-content__btn {
    animation-fill-mode: both;
    animation-name: fadeInUp;
}

.tp-slider .swiper-slide-active .slider-content__title {
    animation-delay: 0.3s;
    animation-duration: 0.3s;
}

.tp-slider .swiper-slide-active p {
    animation-delay: 0.5s;
    animation-duration: 0.5s;
}

.tp-slider .swiper-slide-active .slider-content__btn {
    animation-delay: 0.7s;
    animation-duration: 0.7s;
}

.tp-slider .swiper-slide-active .slider-content__bg,
.tp-slider .swiper-slide-active .slider-content__shape {
    animation-fill-mode: both;
    animation-name: fadeInRight;
}

.tp-slider .swiper-slide-active .slider-content__bg {
    animation-delay: 0.8s;
    animation-duration: 0.8s;
}

.tp-slider .swiper-slide-active .slider-content__shape {
    animation-delay: 0.6s;
    animation-duration: 0.6s;
}

.slider-content__bg img {
    max-width: 100%;
}

.slider-tp-top {
    height: 870px;
}

.slider-social {
    position: absolute;
    bottom: 97px;
    left: 0;
    right: 0;
    z-index: 9;
}

/*----------------------------------------*/
/*  06. SERVICES CSS START
/*----------------------------------------*/
.search-form {
    padding: 50px 65px;
    background: var(--tp-common-white);
    border-radius: 5px;
}

.search-form form {
    position: relative;
}

.search-form form input {
    width: 100%;
    padding: 35px 250px 35px 35px;
    border: 2px solid var(--tp-icon-green);
    border-radius: 5px;
}

.search-form form input:focus::placeholder {
    opacity: 0;
}

.search-form form .search-btn {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.services-item {
    background-color: var(--tp-common-white);
    padding: 70px 45px;
    border-radius: 20px;
}

.services-item__icon {
    -webkit-clip-path: polygon(45% 1.33975%,
            46.5798% 0.60307%,
            48.26352% 0.15192%,
            50% 0%,
            51.73648% 0.15192%,
            53.4202% 0.60307%,
            55% 1.33975%,
            89.64102% 21.33975%,
            91.06889% 22.33956%,
            92.30146% 23.57212%,
            93.30127% 25%,
            94.03794% 26.5798%,
            94.48909% 28.26352%,
            94.64102% 30%,
            94.64102% 70%,
            94.48909% 71.73648%,
            94.03794% 73.4202%,
            93.30127% 75%,
            92.30146% 76.42788%,
            91.06889% 77.66044%,
            89.64102% 78.66025%,
            55% 98.66025%,
            53.4202% 99.39693%,
            51.73648% 99.84808%,
            50% 100%,
            48.26352% 99.84808%,
            46.5798% 99.39693%,
            45% 98.66025%,
            10.35898% 78.66025%,
            8.93111% 77.66044%,
            7.69854% 76.42788%,
            6.69873% 75%,
            5.96206% 73.4202%,
            5.51091% 71.73648%,
            5.35898% 70%,
            5.35898% 30%,
            5.51091% 28.26352%,
            5.96206% 26.5798%,
            6.69873% 25%,
            7.69854% 23.57212%,
            8.93111% 22.33956%,
            10.35898% 21.33975%);
    clip-path: polygon(45% 1.33975%,
            46.5798% 0.60307%,
            48.26352% 0.15192%,
            50% 0%,
            51.73648% 0.15192%,
            53.4202% 0.60307%,
            55% 1.33975%,
            89.64102% 21.33975%,
            91.06889% 22.33956%,
            92.30146% 23.57212%,
            93.30127% 25%,
            94.03794% 26.5798%,
            94.48909% 28.26352%,
            94.64102% 30%,
            94.64102% 70%,
            94.48909% 71.73648%,
            94.03794% 73.4202%,
            93.30127% 75%,
            92.30146% 76.42788%,
            91.06889% 77.66044%,
            89.64102% 78.66025%,
            55% 98.66025%,
            53.4202% 99.39693%,
            51.73648% 99.84808%,
            50% 100%,
            48.26352% 99.84808%,
            46.5798% 99.39693%,
            45% 98.66025%,
            10.35898% 78.66025%,
            8.93111% 77.66044%,
            7.69854% 76.42788%,
            6.69873% 75%,
            5.96206% 73.4202%,
            5.51091% 71.73648%,
            5.35898% 70%,
            5.35898% 30%,
            5.51091% 28.26352%,
            5.96206% 26.5798%,
            6.69873% 25%,
            7.69854% 23.57212%,
            8.93111% 22.33956%,
            10.35898% 21.33975%);
    background-color: var(--tp-icon-blue-light);
    display: block;
    height: 85px;
    width: 85px;
    text-align: center;
    line-height: 95px;
    flex: 0 0 auto;
    -webkit-transition: all 0.6s ease-out 0s;
    -moz-transition: all 0.6s ease-out 0s;
    -ms-transition: all 0.6s ease-out 0s;
    -o-transition: all 0.6s ease-out 0s;
    transition: all 0.6s ease-out 0s;
}

.services-item__icon i {
    color: var(--tp-icon-blue);
    font-size: 32px;
}

.services-item .pink-icon {
    background-color: var(--tp-icon-pink-light);
}

.services-item .pink-icon i {
    color: var(--tp-icon-pink);
}

.services-item .green-icon {
    background-color: var(--tp-icon-green-light);
}

.services-item .green-icon i {
    color: var(--tp-icon-green);
}

.services-item .sky-icon {
    background-color: var(--tp-icon-sky-light);
}

.services-item .sky-icon i {
    color: var(--tp-icon-sky);
}

.services-item:hover .services-item__icon svg path {
    fill: white !important;
    /* Change the fill color to white on hover */
}

.services-item:hover .services-item__icon {
    box-shadow: inset 0 0 0 60px var(--tp-icon-blue);
}

.services-item:hover .services-item__icon i {
    color: var(--tp-common-white);
}

.services-item:hover .pink-icon {
    box-shadow: inset 0 0 0 60px var(--tp-icon-pink);
}

.services-item:hover .green-icon {
    box-shadow: inset 0 0 0 60px var(--tp-icon-green);
}

.services-item:hover .sky-icon {
    box-shadow: inset 0 0 0 60px var(--tp-icon-sky);
}

.services-item:hover .services-item__btn .btn-hexa i {
    background-color: var(--tp-icon-blue);
}

.services-item:hover .services-item__btn .pink-hexa i {
    background-color: var(--tp-icon-pink);
}

.services-item:hover .services-item__btn .green-hexa i {
    background-color: var(--tp-icon-green);
}

.services-item:hover .services-item__btn .sky-hexa i {
    background-color: var(--tp-icon-sky);
}

.services-item__content h4 {
    font-size: 24px !important;
    font-weight: 500 !important;
    color: #442665 !important;
    word-break: break-word;
}

.services-item__content p {
    font-size: 20px;
    margin-bottom: 45px;
    font-weight: 300;
    line-height: 26px;
    color: #333f50 !important;
}

.services-item__tp-title {
    font-size: 24px;
}

.services-item__tp-title a {
    background-image: linear-gradient(#171151, #171151),
        linear-gradient(#171151, #171151);
    display: inline;
    background-size: 0% 1px, 0 1px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size 0.4s linear;
}

.services-item__tp-title a:hover {
    background-size: 0% 1px, 100% 1px;
}

.services-item .btn-hexa {
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
    text-transform: uppercase;
    color: var(--wm-text-yellow);
}

.services-item .btn-hexa:hover {
    color: var(--tp-icon-blue);
}

.services-item .btn-hexa i {
    clip-path: polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%);
    background-color: var(--tp-icon-blue-light);
    display: inline-block;
    height: 20px;
    width: 18px;
    transform: translateY(5px);
    -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;
    flex: 0 0 auto;
    margin-right: 10px;
}

.services-item .pink-hexa:hover {
    color: var(--tp-icon-pink);
}

.services-item .pink-hexa i {
    background-color: var(--tp-icon-pink-light);
}

.services-item .green-hexa:hover {
    color: var(--tp-icon-green);
}

.services-item .green-hexa i {
    background-color: var(--tp-icon-green-light);
}

.services-item .sky-hexa:hover {
    color: var(--tp-icon-sky);
}

.services-item .sky-hexa i {
    background-color: var(--tp-icon-sky-light);
}

.tp-services {
    justify-content: end;
}

.tp-services .services-p {
    margin-right: 20px;
}

.tp-services i {
    height: 50px;
    width: 50px;
    line-height: 50px;
    border: 1px solid var(--tp-border-secondary);
    border-radius: 50%;
    text-align: center;
}

.tp-services i:hover {
    border: 1px solid var(--wm-text-yellow);
    background-color: var(--wm-text-yellow);
    color: var(--tp-common-white);
}

.swipper-container {
    overflow: hidden;
}

.service-active {
    margin-right: -400px;
}

.tp-services-item {
    padding: 0;
}

.services-link {
    text-align: end;
}

.services-link span {
    font-weight: 500;
    font-size: 18px;
    color: var(--tp-text-2);
}

.services-link span a {
    text-transform: uppercase;
    margin-left: 9px;
    color: var(--tp-theme-blue);
}

.services-link span a:hover {
    color: var(--tp-icon-green);
}

.services-link span a:hover i {
    animation: tfLeftToRight 0.5s forwards;
}

.services-link span a i {
    margin-left: 5px;
}

.tp-srv-title {
    font-size: 20px;
    text-transform: capitalize;
}

.tp-services-box {
    background-color: var(--tp-common-white);
    padding: 50px 10px 25px 10px;
    border-radius: 10px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.tp-services-box:hover {
    /* box-shadow: 0px 7px 11px rgba(14, 99, 255, 0.26); */
    box-shadow: 0px 7px 11px rgba(0, 0, 0, 0.26);
    /* background-color: rgb(238, 224, 131); */
}

.tp-services-box:hover .tp-services-box__title {
    color: #442565;
}

.tp-services-box:hover .tp-services-box__icon i {
    color: var(--tp-common-white);
}

.tp-services-box:hover .tp-services-box__btn a i {
    color: var(--tp-common-white);
}

.tp-services-box__icon i {
    color: var(--tp-icon-blue);
    font-size: 32px;
}

.tp-services-box__title {
    -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-services-box__title a {
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
    display: inline;
    background-size: 0% 1px, 0 1px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size 0.4s linear;
}

.tp-services-box__title a:hover {
    background-size: 0% 1px, 100% 1px;
}

.tp-services-box__btn a {
    -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;
    color: rgba(14, 99, 255, 0.5);
    font-size: 38px;
}

.tp-pink-bg:hover {
    box-shadow: 0px 7px 11px rgba(247, 42, 117, 0.26);
    background-color: var(--tp-theme-pink);
}

.tp-pink-icon {
    background-color: var(--tp-icon-pink-light);
}

.tp-pink-icon i {
    color: var(--tp-theme-pink);
}

.pink-dot i {
    color: rgba(247, 42, 117, 0.5);
}

.tp-green-bg:hover {
    box-shadow: 0px 7px 11px rgba(16, 208, 161, 0.26);
    background-color: var(--tp-theme-secondary);
}

.tp-green-icon {
    background-color: var(--tp-icon-green-light);
}

.tp-green-icon i {
    color: var(--tp-theme-secondary);
}

.green-dot i {
    color: rgba(16, 208, 161, 0.5);
}

.tp-sky-bg:hover {
    box-shadow: 0px 7px 11px rgba(66, 191, 255, 0.26);
    background-color: var(--tp-theme-sky);
}

.tp-sky-icon {
    background-color: var(--tp-icon-sky-light);
}

.tp-sky-icon i {
    color: var(--tp-theme-sky);
}

.sky-dot i {
    color: rgba(66, 191, 255, 0.5);
}

.services-thumb-box {
    background-color: var(--tp-common-white);
}

.services-thumb-box:hover .services-thumb-box__thumb img {
    transform: scale(1.3);
}

.services-thumb-box:hover .services-thumb-box__icon {
    box-shadow: inset 0 0 0 60px var(--tp-theme-secondary);
}

.services-thumb-box:hover .services-thumb-box__icon i {
    color: var(--tp-common-white);
}

.services-thumb-box:hover.pink-round .services-thumb-box__icon {
    box-shadow: inset 0 0 0 60px var(--tp-theme-pink);
}

.services-thumb-box:hover.sky-round .services-thumb-box__icon {
    box-shadow: inset 0 0 0 60px var(--tp-theme-sky);
}

.services-thumb-box:hover.blue-round .services-thumb-box__icon {
    box-shadow: inset 0 0 0 60px var(--tp-theme-blue);
}

.services-thumb-box__thumb img {
    -webkit-transition: all 1.2s ease-out 0s;
    -moz-transition: all 1.2s ease-out 0s;
    -ms-transition: all 1.2s ease-out 0s;
    -o-transition: all 1.2s ease-out 0s;
    transition: all 1.2s ease-out 0s;
}

.services-thumb-box__icon {
    flex: 0 0 auto;
    height: 60px;
    width: 60px;
    line-height: 70px;
    text-align: center;
    background-color: var(--tp-icon-green-light);
    border-radius: 50%;
    display: inline-block;
    -webkit-transition: all 0.7s ease-out 0s;
    -moz-transition: all 0.7s ease-out 0s;
    -ms-transition: all 0.7s ease-out 0s;
    -o-transition: all 0.7s ease-out 0s;
    transition: all 0.7s ease-out 0s;
}

.services-thumb-box__icon i {
    color: var(--tp-icon-green);
    font-size: 23px;
}

.services-thumb-box__text-area {
    padding: 35px 30px;
}

.services-thumb-box__content>a {
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.7px;
    color: #b9b8cb;
    text-transform: uppercase;
}

.services-thumb-box__title {
    font-size: 20px;
}

.services-thumb-box__title a {
    background-image: linear-gradient(#171151, #171151),
        linear-gradient(#171151, #171151);
    display: inline;
    background-size: 0% 1px, 0 1px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size 0.4s linear;
}

.services-thumb-box__title a:hover {
    background-size: 0% 1px, 100% 1px;
}

.pink-round .services-thumb-box__icon {
    background-color: var(--tp-icon-pink-light);
}

.pink-round .services-thumb-box__icon i {
    color: var(--tp-icon-pink);
}

.sky-round .services-thumb-box__icon {
    background-color: var(--tp-icon-sky-light);
}

.sky-round .services-thumb-box__icon i {
    color: var(--tp-icon-sky);
}

.blue-round .services-thumb-box__icon {
    background-color: var(--tp-icon-blue-light);
}

.blue-round .services-thumb-box__icon i {
    color: var(--tp-icon-blue);
}

.tp-srv-process p {
    font-size: 16px;
}

.tp-srv-process__title {
    font-size: 42px;
}

.tp-srv-process__list ul li {
    font-weight: 500;
    font-size: 16px;
}

.tp-srv-process__list ul li i {
    font-size: 16px;
    color: var(--tp-theme-blue);
    margin-right: 15px;
}

.tp-srv-stap p {
    font-size: 16px;
    margin-bottom: 28px;
}

.tp-srv-stap__title {
    font-size: 30px;
    font-weight: 400;
}

.tp-srv-stap__list ul li {
    font-weight: 500;
    display: flex;
    padding-top: 10px;
    font-size: 16px;
}

.tp-srv-stap__list ul li i {
    font-size: 16px;
    color: var(--tp-theme-blue);
    margin-right: 20px;
}

.tp-srv-research p {
    font-size: 16px;
}

.tp-srv-research__title {
    font-size: 30px;
    font-weight: 400;
}

div.tp-srv-link {
    text-align: start !important;
}

div.tp-srv-link a {
    color: var(--tp-theme-primary);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {}

/*----------------------------------------*/
/*  07. ABOUT CSS START
/*----------------------------------------*/
.about__img {
    position: relative;
}

.about__img img {
    border-radius: 0 0 362px 341px;
    max-width: 100%;
}

.about__img-shape-text {
    background: var(--tp-icon-green);
    border-radius: 50%;
}

.about__exprience {
    position: absolute;
    bottom: -135px;
    left: 120px;
    height: 326px;
    width: 326px;
    background: var(--tp-icon-green);
    border: 5px solid #fff;
    border-radius: 50%;
    padding: 65px 30px;
    text-align: center;
    -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;
}

.about__exprience h3 {
    font-size: 115px;
    color: var(--tp-common-white);
    font-family: days one;
    line-height: 1;
}

.about__exprience i {
    display: inline-block;
    font-size: 24px;
    color: var(--tp-common-white);
    font-weight: 600;
    font-style: normal;
    line-height: 1.3;
}

.tp-about__info-list ul li {
    font-size: 15px;
    font-weight: 500;
    position: relative;
    padding-left: 34px;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.tp-about__info-list ul li i {
    font-size: 20px;
    color: var(--tp-icon-green);
    position: absolute;
    display: inline-block;
    left: 0;
}

.about-thumb-shape {
    position: absolute;
    bottom: 0;
    left: -170px;
}

.about-video {
    position: absolute;
    top: 230px;
    left: 200px;
}

.about-video i {
    height: 100px;
    width: 100px;
    line-height: 100px;
    text-align: center;
    background: var(--tp-icon-green);
    border-radius: 50px;
    color: var(--tp-common-white);
    animation: tp-pulse 2s infinite;
}

.about-video i:hover {
    background-color: var(--tp-theme-blue);
}


.ab-title {
    font-size: 36px;
    font-weight: 400;
}

.ab-check-list ul li i {
    color: var(--tp-theme-blue);
}

.tp-ab-main-img {
    margin-right: 15px;
}

.tp-ab-main-img img {
    border-radius: 5px;
}

.tp-ab-shape img {
    border-radius: 5px;
}

.tp-ab-shape .ab-shape-one {
    margin-bottom: 15px;
}

.tp-ab-counter {
    border-radius: 5px;
    width: 236px;
    height: 275px;
    padding: 31px 15px 15px 15px;
    left: 50px;
    bottom: 7px;
    /* margin-left: 15%; */
}

.about-title {
    font-size: 36px;
    text-transform: capitalize;
}

.ab-count {
    left: -110px;
    bottom: 35px;
}

.tp-3-thumb {
    display: flex;
    justify-content: end;
}

.tp-ab-sm-title {
    font-size: 36px;
}

/*----------------------------------------*/
/*  08. COUNTER CSS START
/*----------------------------------------*/
.counter__item {
    border: 1px solid var(--tp-border-primary);
    /* padding: 75px 40px 70px 55px; */
    padding: 40px;
    border-radius: 10px;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.counter__item:hover.counter__item {
    border: 1px solid var(--tp-icon-blue);
}

.counter__item:hover.blue-border {
    border: 1px solid var(--tp-icon-green);
}

.counter__item:hover.pink-border {
    border: 1px solid var(--tp-icon-pink);
}

.counter__item:hover.sky-border {
    border: 1px solid var(--tp-icon-sky);
}

.counter__item:hover.green-border {
    border: 1px solid var(--tp-icon-green);
}

.counter__icon i {
    clip-path: polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%);
    background-color: var(--tp-icon-blue);
    display: inline-block;
    height: 20px;
    width: 18px;
    transform: translateY(5px);
    -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;
    flex: 0 0 auto;
    margin-right: 10px;
    animation: firefly 2.5s linear infinite;
}

.counter__icon.pink-hard i {
    background-color: var(--tp-icon-pink);
}

.counter__icon.sky-hard i {
    background-color: var(--tp-icon-sky);
}

.counter__icon.green-hard i {
    background-color: var(--tp-icon-green);
}

.counter__content p {
    font-size: 15px;
    margin-bottom: 0;
    color: #333f50;
}

.counter__title {
    font-size: 48px;
    font-weight: 400;
}

.experience-item span {
    color: #141515;
    font-size: 15px;
    font-weight: 600;
}

.tl-progress {
    height: 200px;
    width: 200px;
    background: #fff;
    text-align: center;
    line-height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin: auto;
    margin-bottom: 25px;
}

.tl-progress input {
    color: #171151 !important;
}

#blog-container .postbox__title a {
    color: #333f50 !important;
}

/*----------------------------------------*/
/*  09. GALLERY CSS START
/*----------------------------------------*/

.tp-gallery__item:hover .tp-gallery__img::before {
    height: 100%;
}

.tp-gallery__item:hover .tp-gallery__content {
    bottom: 27px;
    opacity: 1;
    visibility: visible;
}

.tp-gallery__item:hover .tp-gallery__info {
    top: 35px;
    transform: rotateY(180deg);
    opacity: 1;
    visibility: visible;
}

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

.tp-gallery__img::before {
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    position: absolute;
    content: "";
    width: 100%;
    height: 0%;
    background: linear-gradient(179.97deg,
            rgba(14, 99, 255, 0) 20.71%,
            #0e63ff 90.16%);
    left: 0px;
    right: 0;
    bottom: 0px;
    z-index: 1;
}

.tp-gallery__info {
    position: absolute;
    top: 0px;
    right: 35px;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.tp-gallery__info a {
    clip-path: polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%);
    background-color: var(--tp-common-white);
    display: block;
    height: 75px;
    width: 65px;
    text-align: center;
    line-height: 75px;
    font-size: 20px;
    color: var(--tp-common-white);
    position: relative;
}

.tp-gallery__info a::before {
    position: absolute;
    content: "";
    clip-path: polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%);
    background-color: var(--tp-icon-green);
    display: block;
    height: 65px;
    width: 55px;
    left: 5px;
    top: 5px;
    z-index: -1;
}

.tp-gallery__info a:hover::before {
    background-color: var(--tp-icon-sky);
}

.tp-gallery__content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 35px;
    padding-bottom: 0;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.tp-gallery__content span {
    color: var(--tp-common-white);
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
}

.tp-gallery__content span i {
    margin-right: 5px;
}

.tp-gallery__content span a:hover {
    color: var(--tp-icon-green);
}

.tp-gallery__title {
    text-transform: uppercase;
    font-size: 22px;
    color: var(--tp-common-white);
    margin-bottom: 5px;
}

.tp-gallery__title a {
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
    display: inline;
    background-size: 0% 1px, 0 1px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size 0.4s linear;
}

.tp-gallery__title a:hover {
    background-size: 0% 1px, 100% 1px;
}

.gallery-item-bg {
    margin-top: -215px;
}

.gallery-item img {
    width: 100%;

}

.gallery-item:hover.gallery-item::before {
    height: 210px;
}

.gallery-item:hover .gallery-item__content {
    opacity: 1;
    visibility: visible;
    bottom: 30px;
}

.gallery-item::before {
    position: absolute;
    content: "";
    clip-path: polygon(50% 0%, 100% 60%, 100% 100%, 0 100%, 0 60%);
    bottom: 0px;
    left: 0;
    height: 0px;
    width: 100%;
    background-color: var(--tp-icon-green);
}

.gallery-item__content {
    position: absolute;
    z-index: 2;
    bottom: -10px;
    left: 0px;
    padding: 10px 20px;
    right: 0;
    margin: 0 auto;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;

}

.gallery-item__content span {
    color: var(--tp-common-white);
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    -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;
}

.gallery-item__content span i {
    margin-right: 5px;
}

.gallery-item__content span:hover {
    color: var(--tp-icon-blue);
}

.gallery-item__title {
    font-size: 22px;
    color: var(--tp-common-white);
    text-transform: uppercase;
}

.gallery-item__title a {
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
    display: inline;
    background-size: 0% 1px, 0 1px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size 0.4s linear;
}

.gallery-item__title a:hover {
    background-size: 0% 1px, 100% 1px;
}

/*----------------------------------------*/
/*  10. CHOOSE CSS START
/*----------------------------------------*/

.tp-choose__item:hover .tp-choose__icon {
    box-shadow: inset 0 0 0 60px var(--tp-icon-blue);
}

.tp-choose__item:hover .tp-choose__icon i {
    color: var(--tp-common-white);
}

.tp-choose__item:hover .pink-icon {
    box-shadow: inset 0 0 0 60px var(--tp-icon-pink);
}

.tp-choose__item:hover .green-icon {
    box-shadow: inset 0 0 0 60px var(--tp-icon-green);
}

.tp-choose__item:hover .sky-icon {
    box-shadow: inset 0 0 0 60px var(--tp-icon-sky);
}

.tp-choose__icon {
    height: 115px;
    width: 115px;
    text-align: center;
    line-height: 130px;
    background-color: rgba(14, 99, 255, 0.1);
    border-radius: 50%;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.tp-choose__icon i {
    color: var(--tp-icon-blue);
    font-size: 45px;
}

.tp-choose__icon.pink-icon {
    background-color: rgba(247, 42, 117, 0.1);
}

.tp-choose__icon.pink-icon i {
    color: var(--tp-icon-pink);
}

.tp-choose__icon.green-icon {
    background-color: rgba(16, 208, 161, 0.1);
}

.tp-choose__icon.green-icon i {
    color: var(--tp-icon-green);
}

.tp-choose__icon.sky-icon {
    background-color: rgba(66, 191, 255, 0.1);
}

.tp-choose__icon.sky-icon i {
    color: var(--tp-icon-sky);
}

.tp-choose__content p {
    color: var(--tp-text-1);
    font-size: 15px;
}

.tp-choose__title {
    color: var(--tp-common-white);
    font-weight: 400;
}

.tp-choose-option span {
    font-size: 18px;
    color: var(--tp-text-1);
    font-weight: 500;
}

.tp-choose-option span a {
    color: var(--tp-common-white);
    text-transform: uppercase;
}

.tp-choose-option span a i {
    margin-left: 5px;
}

.tp-choose-option span a:hover {
    color: var(--tp-icon-pink);
}

.tp-choose-option span a:hover i {
    animation: tfLeftToRight 0.5s forwards;
}

/*----------------------------------------*/
/*  11. APPOINMENT CSS START
/*----------------------------------------*/

.visitor-info {
    padding: 130px 110px;
}

.visitor-info h3 {
    color: #d4af37;
}

.appoinment-title i {
    color: var(--tp-icon-blue);
    margin-right: 15px;
}

.visitor-form__input{
    margin-bottom: 25px;
}

.visitor-form__input input {
    width: 100%;
    height: 60px;
    /* border: 1px solid #EFF1F6; */
    border: unset;
    border-radius: 10px;
    padding: 0 20px;
    background-color: #f2f5fa;
}

.visitor-form__input input::placeholder {
    font-size: 15px;
    color: #333f50;
}

.visitor-form__input textarea {
    width: 100%;
    height: 170px;
    /* border: 1px solid #EFF1F6; */
    border: unset;
    padding-top: 25px;
    padding-left: 20px;
    border-radius: 5px;
    background-color: #f2f5fa;
}

.visitor-form__input textarea::placeholder {
    color: #333f50;
}

.visitor-form__input textarea:focus {
    border-color: var(--tp-icon-green);
    outline: none;
}

.visit-serial {
    text-align: end;
}

.visit-serial span {
    font-size: 18px;
    font-weight: 500;
    color: var(--tp-text-2);
}

.visit-serial span a {
    text-decoration: underline;
    color: var(--tp-icon-blue);
}

.visit-serial span a:hover {
    color: var(--tp-icon-green);
}

.visit-serial span a:hover i {
    animation: tfLeftToRight 0.5s forwards;
}

.visit-serial span a i {
    margin-left: 5px;
}

.appoinment-thumb {
    height: 100%;
}

.appoinment-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
}

.appoint-thumb img {
    width: inherit;
}

.visitor-info-bg {
    background-color: var(--tp-common-white);
    padding: 42px 62px 0px 62px;
    margin-bottom: -90px;
}

.tp-support-form {
    background-color: var(--tp-common-white);
    padding: 75px 90px 85px 90px;
    margin: 0 25px;
    border-bottom: 4px solid var(--tp-theme-blue);
}

.tp-support-form span {
    font-weight: 500;
    font-size: 24px;
    text-align: left;
    display: block;
    margin-bottom: 50px;
}

.tp-support-form form {
    margin-bottom: 12px;
}

.tp-support-form form input {
    width: 100%;
    height: 60px;
    padding: 0 20px;
    border-radius: 5px;
    margin-bottom: 25px;
    border: 1px solid #eff1f6;
    box-shadow: 0px 16px 24px rgba(189, 196, 205, 0.13);
}

.tp-support-form form input:focus {
    border: 1px solid var(--tp-theme-blue);
    background-color: #f2f5fa;
}

.tp-support-form form input:focus::placeholder {
    color: var(--tp-theme-primary);
}

.tp-support-form form input::placeholder {
    color: #b2b0c1;
}

.tp-support-form form textarea {
    width: 100%;
    height: 172px;
    padding: 14px 0 0 20px;
    border-radius: 5px;
    border: 1px solid #eff1f6;
    box-shadow: 0px 16px 24px rgba(189, 196, 205, 0.13);
}

.tp-support-form form textarea:focus {
    border: 1px solid var(--tp-theme-blue);
    background-color: #f2f5fa;
}

.tp-support-form form textarea:focus::placeholder {
    color: var(--tp-theme-primary);
}

.tp-support-form form textarea:focus-visible {
    border: none;
}

.tp-support-form form textarea::placeholder {
    color: #b2b0c1;
}

/*----------------------------------------*/
/*  12. TEAM CSS START
/*----------------------------------------*/

.tp-team:hover .tp-team__thumb a img {
    transform: scale(1.1);
}

.tp-team:hover .tp-team__title a {
    background-size: 0% 1px, 100% 1px;
}

.tp-team__thumb {
    display: block;
    border-radius: 5px;
}

.tp-team__thumb a img {
    width: 100%;
    -webkit-transition: all 0.8s ease-out 0s;
    -moz-transition: all 0.8s ease-out 0s;
    -ms-transition: all 0.8s ease-out 0s;
    -o-transition: all 0.8s ease-out 0s;
    transition: all 0.8s ease-out 0s;
}

.tp-team__content {
    padding: 40px 45px 30px 45px;
    background-color: var(--tp-common-white);
    border-radius: 0 0 5px 5px;
}

.tp-team__content p {
    color: var(--tp-text-2);
    margin-bottom: 30px;
}

.tp-team__title a {
    background-image: linear-gradient(#171151, #171151),
        linear-gradient(#171151, #171151);
    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-team__social a {
    margin-right: 12px;
    color: var(--tp-icon-blue);
}

.tp-team__social a i {
    display: inline-block;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50px;
    border: 1px solid var(--tp-grey-1);
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

.tp-team__social a:hover i {
    border: 1px solid var(--tp-icon-blue);
    background-color: var(--tp-icon-blue);
    color: var(--tp-common-white);
}

.tp-team__position {
    font-size: 14px;
    font-weight: 700;
    color: var(--tp-icon-blue);
    text-transform: uppercase;
    display: block;
}

.tp-youtube i,
.tp-twitter i,
.tp-fb i,
.tp-skype i {
    display: inline-block;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50px;
    border: 1px solid var(--tp-grey-1);
}

.tp-youtube i:hover,
.tp-twitter i:hover,
.tp-fb i:hover,
.tp-skype i:hover {
    color: var(--tp-common-white);
}

.tp-youtube i {
    color: var(--tp-icon-red);
}

.tp-youtube:hover.tp-youtube i {
    border: 1px solid var(--tp-icon-red);
    background-color: var(--tp-icon-red);
}

.tp-twitter i {
    color: var(--tp-icon-tweet);
}

.tp-twitter:hover.tp-twitter i {
    border: 1px solid var(--tp-icon-tweet);
    background-color: var(--tp-icon-tweet);
}

.tp-fb i {
    color: var(--tp-icon-fb);
}

.tp-fb:hover.tp-fb i {
    border: 1px solid var(--tp-icon-fb);
    background-color: var(--tp-icon-fb);
}

.tp-skype i {
    color: var(--tp-icon-skype);
}

.tp-skype:hover.tp-skype i {
    border: 1px solid var(--tp-icon-skype);
    background-color: var(--tp-icon-skype);
}

.tp-team-arrow {
    justify-content: end;
}

.tp-team-arrow .team-p {
    margin-right: 20px;
}

.tp-team-arrow i {
    display: inline-block;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid var(--tp-border-secondary);
}

.tp-team-arrow i:hover {
    background-color: var(--tp-theme-primary);
    color: var(--tp-common-white);
    border: 1px solid var(--tp-theme-primary);
}

.team-item {
    text-align: center;
}

.team-item:hover .team-item__title a {
    background-size: 0% 1px, 100% 1px;
}

.team-item:hover .team-item__social-info a {
    opacity: 1;
    visibility: visible;
}

.team-item:hover .team-item__social-info a:first-child {
    transition-delay: 100ms;
}

.team-item:hover .team-item__social-info a:nth-child(2) {
    transition-delay: 180ms;
}

.team-item:hover .team-item__social-info a:nth-child(3) {
    transition-delay: 260ms;
}

.team-item:hover .team-item__social-info a:last-child {
    transition-delay: 320ms;
}

.team-item span {
    color: var(--tp-theme-blue);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: block;
}

.team-item__title a {
    background-image: linear-gradient(#171151, #171151),
        linear-gradient(#171151, #171151);
    display: inline;
    background-size: 0% 1px, 0 1px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size 0.4s linear;
}

.team-item__social-info a {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    margin: 0 15px;
    color: #b2b0c1;
    font-size: 20px;
}

.team-item__social-info a:hover {
    color: var(--tp-theme-primary);
}

.team-arrow i {
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid var(--tp-border-secondary);
    border-radius: 50%;
}

.team-arrow i:hover {
    background-color: var(--tp-theme-primary);
    border: 1px solid var(--tp-theme-primary);
    color: var(--tp-common-white);
}

.team-arrow .team-prv {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -80px;
    z-index: 2;
}

.team-arrow .team-nxt {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -80px;
    z-index: 2;
}

.tp-team {
    border: 1px solid var(--tp-grey-1);
}

.tp-team-dtls__content {
    padding-left: -15px;
}

.tp-team-dtls__content span {
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    color: var(--tp-theme-blue);
    display: inline-block;
}

.tp-team-dtls__content p {
    margin-bottom: 50px;
    color: var(--tp-text-2);
}

.tp-team-dtls__title {
    font-size: 24px;
}

.tp-team-dtls__title:hover {
    color: var(--tp-theme-secondary);
}

.tp-team-dtls__info ul li {
    font-size: 18px;
    color: #030a39;
    margin-bottom: 22px;
}

.tp-team-dtls__info ul li span {
    color: #7a8085;
    text-transform: capitalize;
}

.tp-team-dtls__info ul li span a:hover {
    color: var(--tp-theme-blue);
}

.tp-team-dtls__social {
    text-align: end;
}

.tp-team-dtls__social a {
    height: 42px;
    width: 42px;
    text-align: center;
    line-height: 42px;
    display: inline-block;
    background: var(--tp-icon-fb);
    color: var(--tp-common-white);
    border-radius: 5px;
    margin-left: 10px;
}

.tp-team-dtls__social .tp-dtls-insta {
    background-color: var(--tp-theme-blue);
}

.tp-team-dtls__social .tp-dtls-tweet {
    background-color: var(--tp-icon-tweet);
}

.tp-team-dtls__social .tp-dtls-pinter {
    background-color: var(--tp-icon-red);
}

.tp-team-dtls-text__title {
    font-size: 30px;
    text-transform: capitalize;
}

.tp-team-dtls-text p {
    font-size: 16px;
    margin-bottom: 30px;
}

.tp-team-dtls-item__title {
    font-size: 24px;
}

.tp-team-dtls-item__list ul li {
    font-weight: 500;
    margin-bottom: 5px;
}

.tp-team-dtls-item__list ul li i {
    color: var(--tp-theme-blue);
    margin-right: 8px;
}

/*----------------------------------------*/
/*  13. TESTIMONIAL CSS START
/*----------------------------------------*/
.tp-testi {
    padding: 85px 47px 40px 47px;
    background-color: var(--tp-common-white);
}

.tp-testi__avata {
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
}

.tp-testi__avata img {
    box-shadow: 0px 9px 11px 0px rgba(162, 170, 191, 0.25);
    border-radius: 50%;
}

.tp-testi__content p {
    font-size: 15px;
    color: var(--tp-text-2);
    margin-bottom: 35px;
}

.tp-testi__avata-title {
    font-family: "Archivo";
    font-weight: 600;
    font-size: 18px;
}

.tp-testi__ava-position {
    font-size: 12px;
    font-weight: 700;
    color: var(--tp-icon-blue);
    text-transform: uppercase;
}

.tp-test-arrow .tp-test-nxt {
    margin-left: 20px;
}

.tp-test-arrow i {
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    border: 1px solid #d1d6e0;
}

.tp-test-arrow i:hover {
    border: 1px solid var(--tp-heading-primary);
    background-color: var(--tp-heading-primary);
    color: var(--tp-common-white);
}

.testimonial-bg {
    background-repeat: no-repeat;
    background-size: cover;
}

.testi-thumb .swiper-slide img {
    border: 4px solid transparent;
    border-radius: 50%;
}

.testi-thumb .swiper-slide-thumb-active img {
    border: 4px solid var(--tp-common-white);
    border-radius: 50%;
}

.testi-content p {
    color: var(--tp-common-white);
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
    padding: 0 22px;
    margin-bottom: 65px;
}

.testi-content i {
    display: block;
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    color: var(--tp-common-white);
    margin-bottom: 15px;
}

.testi-content span {
    font-weight: 700;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.56);
    text-transform: uppercase;
}

.testi-arrow i {
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid var(--tp-common-white);
    border-radius: 50%;
    color: var(--tp-common-white);
}

.testi-arrow i:hover {
    background-color: var(--tp-common-white);
    border: 1px solid var(--tp-common-white);
    color: var(--tp-heading-primary);
}

.testi-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 2;
}

.testi-button-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 2;
}

.tp-testimonial-text .testi-content p {
    color: var(--tp-theme-primary);
}

.tp-testimonial-text .testi-content i {
    color: var(--tp-theme-primary);
}

.tp-testimonial-text .testi-content span {
    color: var(--tp-theme-primary);
}

.tp-testimonial-arrow i {
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid var(--tp-theme-primary);
    border-radius: 50%;
    color: var(--tp-theme-primary);
}

.tp-testimonial-arrow i:hover {
    background-color: var(--tp-theme-primary);
    color: var(--tp-common-white);
}

.network_glance h3 {
    white-space: nowrap;
}

.tp-testi-button-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 2;
}

.tp-testi-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 2;
}

.tp-testi-thumb-ava .swiper-slide-thumb-active img {
    border: 4px solid var(--tp-theme-blue);
    border-radius: 50%;
}

/*----------------------------------------*/
/*  14. CTA CSS START
/*----------------------------------------*/
.cta-bg {
    border-radius: 5px;
}

.cta-title {
    font-size: 36px;
    color: var(--tp-common-white);
    line-height: 1.3;
}

.tp-cta-bg {
    border-radius: 5px;
    background-position: right;
    background-repeat: no-repeat;
}

.cta-shape {
    height: 130px;
    width: 130px;
    text-align: center;
    background: var(--tp-common-white);
    line-height: 130px;
    border-radius: 50%;
    border: 5px solid var(--tp-icon-blue);
    position: absolute;
    top: 130px;
    right: 430px;
    -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;
}

.cta-content .cta-title {
    font-size: 28px;
}

.brand-items .swiper-slide {
    text-align: center;
}

.brand-border {
    border-top: 1px solid var(--tp-border-primary);
    border-bottom: 1px solid var(--tp-border-primary);
}

.newsletter-title {
    font-weight: 400;
    font-size: 43px;
    color: var(--tp-common-white);
}

.news-round-shape {
    z-index: 1;
}

.news-round-shape::before {
    content: "";
    position: absolute;
    height: 824px;
    width: 824px;
    background-color: rgba(255, 255, 255, 0.1019607843);
    border-radius: 50%;
    top: -210px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}

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

.newsletter-btn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 22.45px 42px;
    color: var(--tp-common-white);
    background-color: var(--tp-icon-green);
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    border-radius: 5px;
    line-height: 1;
}

.newsletter-btn:hover {
    background-color: var(--tp-icon-pink);
}

.newsletter-btn i {
    margin-left: 5px;
}

.newsletter-form form input {
    padding: 0 220px 0 25px;
    width: 100%;
    height: 60px;
    border-radius: 5px;
    border: none;
}

.newsletter-form form input::placeholder {
    color: #b2b0c1;
    font-size: 15px;
}

.video-bg-icon {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

.video-bg-icon a {
    height: 120px;
    width: 120px;
    line-height: 120px;
    text-align: center;
    background-color: var(--tp-common-white);
    border-radius: 50%;
    color: var(--tp-theme-primary);
    display: block;
    font-size: 20px;
    animation: tp-pulse-2 1.5s infinite;
}

.video-bg-icon a:hover {
    background-color: var(--tp-theme-secondary);
    color: var(--tp-common-white);
}

.video-bg img {
    max-width: 100%;
}

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

.process-bg::before {
    position: absolute;
    content: "";
    background: linear-gradient(0.7deg,
            #171151 21.18%,
            rgba(23, 17, 81, 0) 99.43%);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0.8;
    z-index: -1;
}

.fea-box {
    height: 830px;
    display: flex;
    align-items: end;
    padding: 50px 55px;
    border-right: 1px solid rgba(228, 224, 255, 0.22);
    position: relative;
}

.fea-box::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    height: 0%;
    width: 100%;
    background-color: #0e63ff;
    opacity: 0.85;
    z-index: -1;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.fea-box:hover::before {
    height: 100%;
}

.tp-process__icon i {
    height: 114px;
    width: 114px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 130px;
    font-size: 45px;
    color: var(--tp-common-white);
}

.tp-process__content p {
    color: var(--tp-common-white);
    font-size: 15px;
    margin-bottom: 0;
}

.tp-process__title {
    color: var(--tp-common-white);
    font-size: 20px;
    text-transform: uppercase;
}

.tpcontact__item {
    border: 1px solid var(--tp-border-primary);
    padding: 50px 25px 40px 25px;
    border-radius: 5px;
    -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;
}

.tpcontact__item:hover {
    border: 1px solid var(--tp-theme-secondary);
}

.tpcontact__title {
    font-size: 22px;
}

.tpcontact__address span {
    font-size: 18px;
    display: block;
}

.tpcontact__address span a:hover {
    color: var(--tp-theme-secondary);
}

.contactform input,
.contactform textarea {
    width: 100%;
    height: 60px;
    padding: 0 20px;
    border-radius: 4px;
    border: 1px solid var(--tp-border-primary);
    color: var(--tp-heading-primary);
    font-size: 16px;
    outline: 0;
    box-shadow: 0px 16px 24px rgba(189, 196, 205, 0.13);
}

.contactform input:focus,
.contactform textarea:focus {
    border: 1px solid var(--tp-theme-blue);
}

.contactform input::placeholder,
.contactform textarea::placeholder {
    color: var(--tp-text-2);
}

.contactform textarea {
    height: 170px;
    padding: 25px 20px;
    line-height: 1.1;
    resize: none;
}

.tpcontactmap iframe {
    height: 385px;
    width: 100%;
    border-radius: 5px;
    filter: grayscale(100%);
}

/*----------------------------------------*/
/*  15. BLOG CSS START
/*----------------------------------------*/
.tp-blog {
    -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-blog:hover {
    box-shadow: 0px 21px 15px rgba(190, 195, 204, 0.13);
}

.tp-blog:hover .tp-blog__thumb img {
    transform: scale(1.15);
}

.tp-blog:hover .tp-blog__title a {
    background-size: 0% 1px, 100% 1px;
}

.tp-blog:hover .tp-blog__date {
    transform: rotateY(360deg);
}

.tp-blog:hover .tp-blog__date h4 {
    box-shadow: inset 0 0 0 60px var(--tp-icon-blue);
    color: var(--tp-common-white);
}

.tp-blog:hover .tp-blog__date h4 span {
    color: var(--tp-common-white);
}

.tp-blog__thumb {
    border-radius: 5px 5px 0 0;
}

.tp-blog__thumb img {
    width: 100%;
    -webkit-transition: all 1s ease-out 0s;
    -moz-transition: all 1s ease-out 0s;
    -ms-transition: all 1s ease-out 0s;
    -o-transition: all 1s ease-out 0s;
    transition: all 1s ease-out 0s;
}

.tp-blog__date {
    position: absolute;
    top: 15px;
    right: 15px;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.tp-blog__date h4 {
    height: 45px;
    width: 45px;
    background-color: var(--tp-common-white);
    color: var(--tp-icon-blue);
    margin: 0;
    font-size: 16px;
    padding: 5px 2px;
    border-radius: 5px;
    -webkit-transition: all 1s ease-out 0s;
    -moz-transition: all 1s ease-out 0s;
    -ms-transition: all 1s ease-out 0s;
    -o-transition: all 1s ease-out 0s;
    transition: all 1s ease-out 0s;
}

.tp-blog__date h4 span {
    font-size: 12px;
    font-weight: 400;
    display: block;
    font-family: "Archivo";
    color: var(--tp-text-body);
}

.tp-blog__content {
    padding: 30px;
    border: 1px solid var(--tp-border-primary);
    border-radius: 0 0 5px 5px;
}

.tp-blog__content p {
    font-size: 15px;
    color: var(--tp-text-2);
    margin-bottom: 25px;
}

.tp-blog__category {
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    color: var(--tp-icon-blue);
    padding: 9px 18px;
    border-radius: 5px;
    background-color: var(--tp-icon-blue-light);
    line-height: 1;
}

.tp-blog__category:hover {
    background-color: var(--tp-icon-blue);
    color: var(--tp-common-white);
}

.tp-blog__title a {
    background-image: linear-gradient(#171151, #171151),
        linear-gradient(#171151, #171151);
    display: inline;
    background-size: 0% 1px, 0 1px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size 0.4s linear;
    line-height: 1.4;
}

.tp-blog__btn a {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700;
    padding: 7px 20px;
    background-color: rgba(23, 17, 81, 0.1);
    border-radius: 5px;
}

.tp-blog__btn a:hover {
    background-color: var(--tp-text-body);
    color: var(--tp-common-white);
}

.tp-blog-arrow {
    justify-content: end;
}

.tp-blog-arrow .tp-blog-p {
    margin-right: 20px;
}

.tp-blog-arrow i {
    display: inline-block;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid var(--tp-border-secondary);
}

.tp-blog-arrow i:hover {
    background-color: var(--tp-theme-primary);
    color: var(--tp-common-white);
    border: 1px solid var(--tp-theme-primary);
}

.blog-item {
    -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;
}

.blog-item:hover {
    box-shadow: 0px 17px 16px rgba(216, 216, 216, 0.29);
}

.blog-item:hover .blog-item__thumb img {
    transform: scale(1.1);
}

.blog-item:hover .blog-item__title {
    color: var(--tp-icon-blue);
}

.blog-item__thumb {
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}

.blog-item__thumb img {
    -webkit-transition: all 0.8s ease-out 0s;
    -moz-transition: all 0.8s ease-out 0s;
    -ms-transition: all 0.8s ease-out 0s;
    -o-transition: all 0.8s ease-out 0s;
    transition: all 0.8s ease-out 0s;
}

.blog-item__content {
    padding: 35px 25px 35px 25px;
    border: 1px solid var(--tp-border-primary);
    border-radius: 0 0 5px 5px;
}

.blog-item__content p {
    font-size: 15px;
    color: var(--tp-text-2);
}

.blog-item__content a {
    background-image: linear-gradient(#0e63ff, #0e63ff),
        linear-gradient(#0e63ff, #0e63ff);
    display: inline;
    background-size: 0% 1px, 0 1px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size 0.4s linear;
}

.blog-item__content a:hover {
    background-size: 0% 1px, 100% 1px;
}

.blog-item__date-info li {
    margin-right: 35px;
    font-size: 14px;
    font-weight: 700;
}

.blog-item__date-info li i {
    margin-right: 8px;
    color: var(--tp-theme-blue);
}

.blog-arrow {
    justify-content: end;
}

.blog-arrow .blog-prv {
    margin-right: 20px;
}

.blog-arrow i {
    display: inline-block;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid var(--tp-border-secondary);
}

.blog-arrow i:hover {
    background-color: var(--tp-theme-primary);
    color: var(--tp-common-white);
    border: 1px solid var(--tp-theme-primary);
}

.blog-link span {
    font-weight: 500;
    font-size: 18px;
    color: var(--tp-text-2);
}

.blog-link span a {
    margin-left: 8px;
    text-transform: uppercase;
    color: var(--tp-theme-blue);
    font-weight: 600;
}

.blog-link span a:hover {
    color: var(--tp-icon-green);
}

.blog-link span a:hover i {
    animation: tfLeftToRight 0.5s forwards;
}

.blog-link span a i {
    margin-left: 5px;
}

.postbox__thumb img {
    border-radius: 10px;
}

.postbox__meta span {
    color: #333f50;
    font-weight: 700;
    font-size: 14px;
}

.postbox__meta span i {
    margin-right: 5px;
    color: var(--tp-theme-blue);
}

.postbox__meta span a {
    text-transform: uppercase;
    display: inline-block;
}

.postbox__meta span a:hover {
    color: var(--tp-theme-blue);
}

.postbox__title {
    font-weight: 400;
    font-size: 30px;
    line-height: 1.25;
}

.blog-title-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.postbox__title:hover {
    color: var(--tp-theme-secondary);
}

.postbox__text p {
    font-size: 16px;
}

.postbox .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 88px;
    width: 88px;
    background: var(--tp-common-white);
    text-align: center;
    line-height: 88px;
    border-radius: 50%;
    color: var(--tp-theme-secondary);
    animation: tp-pulse-2 1.5s infinite;
}

.postbox .play-btn:hover {
    background-color: var(--tp-icon-blue);
    color: var(--tp-common-white);
}

.postbox__meta-img img {
    width: 100%;
    border-radius: 10px;
}

.postbox__tag span {
    font-size: 20px;
    font-family: var(--tp-ff-heading);
    margin-right: 15px;
}

.postbox__social-tag span {
    font-size: 20px;
    font-family: var(--tp-ff-heading);
    margin-right: 15px;
}

.postbox__social-tag a {
    margin-right: 30px;
    font-size: 18px;
}

.postbox__social-tag a:last-child {
    margin-right: 0;
}

.postbox__tag-border {
    border-top: 1px solid var(--tp-border-primary);
    border-bottom: 1px solid var(--tp-border-primary);
    padding: 30px 0;
}

.postbox__social-tag {
    text-align: end;
}

.postbox__content-area p {
    font-size: 16px;
    margin-bottom: 30px;
}

.postbox__text-list ul li {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 5px;
}

.postbox__text-list ul li:last-child {
    margin-bottom: 0;
}

.postbox__text-list ul li i {
    margin-right: 20px;
    font-size: 18px;
    color: var(--tp-theme-blue);
}

.postbox__comment {
    border-bottom: 1px solid var(--tp-border-primary);
}

.postbox__comment ul li {
    margin-bottom: 10px;
    list-style: none;
}

.postbox__comment ul li.children {
    margin-left: 100px;
    margin-bottom: 30px;
}

.postbox__comment-form {
    margin-bottom: 20px;
}

.postbox__comment-form-title {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 15px;
}

.postbox__comment-form p {
    color: var(--tp-text-2);
    font-size: 16px;
    margin-bottom: 60px;
}

.postbox__comment-input {
    position: relative;
    margin-bottom: 30px;
    color: var(--tp-theme-primary);
}

.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: 60px;
    padding: 0 20px;
    width: 100%;
    font-size: 14px;
    color: var(--tp-theme-primary);
    outline: none;
    border: 1px solid var(--tp-border-primary);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -o-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px;
    box-shadow: 0px 16px 24px rgba(189, 196, 205, 0.13);
}

.postbox__comment-input input:focus,
.postbox__comment-input textarea:focus {
    border: 1px solid rgb(23, 17, 81);
}

.postbox__comment-input input::placeholder,
.postbox__comment-input textarea::placeholder {
    color: var(--tp-text-2);
}

.postbox__comment-input input::placeholder:focus,
.postbox__comment-input textarea::placeholder:focus {
    color: var(--tp-theme-primary);
}

.postbox__comment-input textarea {
    height: 175px;
    resize: none;
    padding-top: 20px;
    padding-bottom: 20px;
}

.postbox__comment-title {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 35px;
}

.postbox__comment-box {
    margin-bottom: 70px;
}

.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: 15px;
}

.postbox__comment-name h5 {
    font-size: 16px;
    line-height: 1;
    margin-bottom: 8px;
    font-family: "Archivo";
    font-weight: 500;
}

.postbox__comment-name span {
    font-size: 14px;
    color: var(--tp-text-2);
    letter-spacing: 2.5px;
}

.postbox__comment-text p {
    font-size: 16px;
    color: var(--tp-text-2);
    margin-bottom: 15px;
}

.postbox__comment-reply {
    margin-top: 10px;
}

.postbox__comment-reply a {
    display: inline-block;
    color: var(--tp-theme-1);
    background: var(--tp-common-white);
    line-height: 22px;
    padding: 4px 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-secondary);
}

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

.sidebar__widget {
    padding: 50px 30px 40px 30px;
    box-shadow: 0px 12px 10px rgba(238, 239, 240, 0.25);
    border: 1px solid #f2f5fa;
}

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

.sidebar__widget-content ul li:last-child {
    margin-bottom: 0;
}

.sidebar__widget-content ul li a {
    color: var(--tp-text-2);
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #f2f5fa;
    padding: 9px 15px;
}

.sidebar__widget-content ul li a:hover {
    color: #171717;
}

.sidebar__widget-content ul li a span {
    display: block;
    text-align: end;
}

.sidebar__widget-title {
    font-size: 22px;
}

.sidebar__search-input-2 input {
    height: 60px;
    width: 100%;
    padding: 10px 60px 10px 20px;
    border: none;
    background-color: var(--tp-grey-1);
}

.sidebar__search-input-2 input::placeholder {
    font-weight: 500;
    font-size: 12px;
    color: var(--tp-text-2);
    background-color: var(--tp-grey-1);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.sidebar__search-input-2 button {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    padding: 16px 25px;
}

.rc__post-thumb {
    margin-right: 20px;
}

.rc__meta span {
    font-weight: 600;
    font-size: 13px;
    color: var(--tp-text-2);
    letter-spacing: 1px;
    display: block;
    margin-bottom: 5px;
}

.rc__post-title {
    font-family: "Archivo";
    font-weight: 500;
    font-size: 16px;
    color: #141515;
    line-height: 1.5;
}

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

.tagcloud a {
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    color: var(--tp-text-2);
    border: 1px solid #f2f4f6;
    padding: 10px 26px;
    display: inline-block;
    line-height: 1;
    margin: 5px 10px 5px 0;
}

.tagcloud a:hover {
    color: var(--tp-common-white);
    background-color: var(--tp-theme-secondary);
}

.postbox-nav button {
    position: absolute;
    left: 0px;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
}

.postbox-nav button.postbox-slider-button-next {
    left: auto;
    right: 0px;
}

.postbox-nav button i {
    height: 60px;
    width: 60px;
    line-height: 60px;
    background-color: var(--tp-common-white);
    color: var(--tp-theme-primary);
}

.postbox-nav button i:hover {
    background-color: var(--tp-theme-secondary);
    color: var(--tp-common-white);
}

.blog-d-lnkd {
    color: #0072ac;
}

.blog-d-pin {
    color: #da0021;
}

.blog-d-fb {
    color: #0072ac;
}

.blog-d-tweet {
    color: #3ac4ff;
}

.blogthumb {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    height: 440px;
    z-index: 1;
}

.blogthumb::before {
    position: absolute;
    content: "";
    top: 0%;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: var(--tp-common-white);
    z-index: -1;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.blogthumb:hover::before {
    background-color: #0e63ff;
    opacity: 0.8;
}

.blogthumb:hover .blogitem__avata-content span {
    color: var(--tp-common-white);
}

.blogthumb:hover .blogitem__avata-content a {
    color: var(--tp-common-white);
}

.blogthumb:hover .blogitem__medi a {
    background-color: #467efb;
    color: var(--tp-common-white);
}

.blogthumb:hover.pink-blog .blogitem__medi a {
    background-color: var(--tp-icon-pink);
    color: var(--tp-common-white);
}

.blogthumb:hover.green-blog .blogitem__medi a {
    background-color: var(--tp-icon-green);
    color: var(--tp-common-white);
}

.blogthumb:hover .blog-item__date-info {
    color: var(--tp-common-white);
}

.blogthumb:hover .blog-item__date-info i {
    color: var(--tp-common-white);
}

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

.blogthumb:hover .blog-bg-btn {
    bottom: 0;
    opacity: 1;
    visibility: visible;
}

.blogthumb:hover.pink-blog::before {
    background-color: var(--tp-theme-pink);
}

.blogthumb:hover.green-blog::before {
    background-color: var(--tp-theme-secondary);
}

.inner-blog-wrap {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
}

.blogitem {
    padding: 35px 30px 35px 30px;
    position: relative;
    height: 100%;
}

.blogitem__title-area {
    transform: translateY(69px);
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.blogitem:hover .blogitem__title-area {
    transform: inherit;
}

.blogitem__avata-part {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blogitem__avata {
    display: flex;
    align-items: center;
}

.blogitem__avata-content span {
    display: block;
    font-size: 12px;
    color: var(--tp-text-2);
    line-height: 19px;
}

.blogitem__avata-content a {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
}

.blogitem__avata-icon {
    margin-right: 15px;
}

.blogitem__avata-icon img {
    border-radius: 50%;
}

.blogitem__medi a {
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    color: var(--tp-icon-blue);
    padding: 9px 18px;
    border-radius: 5px;
    background-color: var(--tp-icon-blue-light);
    line-height: 1;
}

.blogitem__title a {
    background-image: linear-gradient(#ffffff, #ffffff),
        linear-gradient(#ffffff, #ffffff);
    display: inline;
    background-size: 0% 1px, 0 1px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size 0.4s linear;
    line-height: 1.4;
}

.blogitem__title a:hover {
    background-size: 0% 1px, 100% 1px;
}

.blog-bg-btn {
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.blog-bg-btn a {
    background-color: var(--tp-text-body);
    color: var(--tp-common-white);
}

.blogitem__title {
    margin-bottom: 25px;
    font-size: 20px;
}

.blogitem__title {
    font-size: 18px;
}

.pink-blog .blogitem__medi a {
    background-color: var(--tp-icon-pink-light);
    color: var(--tp-icon-pink);
}

.pink-blog .blog-item__date-info i {
    color: var(--tp-theme-pink);
}

.green-blog .blogitem__medi a {
    background-color: var(--tp-icon-green-light);
    color: var(--tp-icon-green);
}

.green-blog .blog-item__date-info i {
    color: var(--tp-theme-secondary);
}

.tp-blog-btn {
    text-align: end;
}

/*----------------------------------------*/
/*  16. RESEARCH CSS START
/*----------------------------------------*/
.research-item img {
    border-radius: 15px;
}

.research-item:hover .research-item__thum img {
    transform: scale(1.1);
}

.research-item__title a {
    background-image: linear-gradient(#171151, #171151),
        linear-gradient(#171151, #171151);
    color: #333f50;
    font-weight: 500;
    font-size: 20px;
    display: inline;
    background-size: 0% 1px, 0 1px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size 0.4s linear;
}

.research-item__title {
    padding-top: 20px;
}

.research-item__title a:hover {
    background-size: 0% 1px, 100% 1px;
}

.research-item__thum img {
    -webkit-transition: all 2s ease-out 0s;
    -moz-transition: all 2s ease-out 0s;
    -ms-transition: all 2s ease-out 0s;
    -o-transition: all 2s ease-out 0s;
    transition: all 2s ease-out 0s;
}

.research-item__content span {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    color: var(--tp-theme-blue);
    letter-spacing: 0.7px;
    display: block;
    margin-bottom: 20px;
}

.research-item__content p {
    font-size: 15px;
    margin-bottom: 25px;
    color: #333f50;
    font-size: 16px;
    font-weight: 300;
}

.research-item__btn {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    padding: 5px 20px;
    color: #ffffff;
    background-color: #442565;
    text-transform: uppercase;
    border-radius: 5px;
}

.research-item__btn:hover {
    color: var(--tp-common-white);
    background-color: var(--tp-theme-blue);
}

.tp-pink span {
    color: var(--tp-theme-pink);
}

.tp-pink .research-item__btn {
    color: var(--tp-theme-pink);
    background: var(--tp-icon-pink-light);
}

.tp-pink .research-item__btn:hover {
    color: var(--tp-common-white);
    background-color: var(--tp-theme-pink);
}

.tp-green span {
    color: var(--tp-theme-secondary);
}

.tp-green .research-item__btn {
    color: var(--tp-theme-secondary);
    background: var(--tp-icon-green-light);

}

.tp-green .research-item__btn:hover {
    color: var(--tp-common-white);
    background-color: var(--tp-theme-secondary);
}

.tp-sky span {
    color: var(--tp-theme-sky);
}

.tp-sky .research-item__btn {
    color: var(--tp-theme-sky);
    background: var(--tp-icon-sky-light);
}

.tp-sky .research-item__btn:hover {
    color: var(--tp-common-white);
    background-color: var(--tp-theme-sky);
}

/*----------------------------------------*/
/*  17. PRICING CSS START
/*----------------------------------------*/
.tp-price {
    padding: 35px 42px 45px 55px;
    border: 1px solid var(--tp-border-primary);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    border-top: 4px solid var(--tp-theme-blue);
}

.tp-price:hover {
    border-top: 4px solid var(--tp-theme-blue);
}

.tp-price__badge span {
    color: var(--tp-text-2);
    font-weight: 600;
    letter-spacing: 2px;
    display: inline-block;
    text-transform: uppercase;
}

.tp-price__content p {
    font-size: 20px;
    font-weight: 500;
}

.tp-price__value {
    font-size: 45px;
}

.tp-price__value span {
    color: var(--tp-text-2);
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
}

.tp-price__features ul li {
    position: relative;
    padding-left: 14px;
    color: var(--tp-text-2);
    font-size: 16px;
    margin-bottom: 15px;
}

.tp-price__features ul li::before {
    position: absolute;
    content: "";
    height: 4px;
    width: 4px;
    background: var(--tp-text-2);
    border-radius: 50%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.tp-price__inactive {
    color: var(--tp-text-2);
    opacity: 0.3;
}

.tp-price__btn a {
    background: var(--tp-theme-blue);
    padding: 14px 87px;
    display: inline-block;
    font-size: 12px;
    color: var(--tp-common-white);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.8px;
}

.tp-price__btn a span {
    margin-left: 10px;
    display: inline-block;
}

.tp-price__btn:hover a span {
    animation: tfLeftToRight 0.5s forwards;
}

.tp-price.active {
    box-shadow: 0px 26px 33px rgba(77, 97, 130, 0.05);
    border: none;
    border-top: 4px solid var(--tp-theme-pink);
}

.tp-price.active:hover {
    border-top: 4px solid var(--tp-theme-pink);
}

.tp-pink-btn a {
    background-color: var(--tp-theme-pink);
}

.tp-yearly-price {
    border-top: 4px solid var(--tp-theme-secondary);
}

.tp-yearly-price:hover {
    border-top: 4px solid var(--tp-theme-secondary);
}

.tp-green-btn a {
    background-color: var(--tp-theme-secondary);
}

.tp-white-price {
    background-color: #1c155e;
    border: none;
    border-top: 4px solid var(--tp-theme-blue);
}

.tp-white-price .tp-price__value {
    color: var(--tp-common-white);
}

.tp-white-price .tp-price__heading p {
    color: var(--tp-common-white);
}

.tp-white-price .tp-price__features ul li {
    color: var(--tp-text-1);
}

.tp-white-price .tp-price__inactive {
    color: var(--tp-text-1);
    opacity: 0.3;
}

.tp-white-price.active {
    border-top: 4px solid var(--tp-theme-pink);
    background-color: #292176;
}

.tp-white-price.tp-yearly-price {
    border-top: 4px solid var(--tp-theme-secondary);
}

/*----------------------------------------*/
/*  18. FAQ CSS START
/*----------------------------------------*/
/* .faq-accordion {
  margin: 0 15px;
} */
.faq-accordion .accordion-button {
    color: var(--tp-theme-primary);
    background: none;
    position: relative;
    padding: 30px 75px 30px 45px;
    font-size: 20px;
    font-weight: 500;
    box-shadow: none;
    line-height: 1.8;
}

.accordion-button {
    white-space: nowrap;
    /* Prevent line wrap */
}

.faq-accordion .accordion-button::after {
    position: absolute;
    font-family: "Font Awesome 5 pro";
    top: 45%;
    right: 45px;
    transform: translateY(-50%);
    content: "\f062";
    background: none;
    color: var(--tp-theme-blue);
}

.faq-accordion .accordion-button.collapsed::after {
    -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;
    content: "\f063";
    color: var(--tp-theme-primary);
}

.faq-accordion .accordion-button:focus {
    box-shadow: none;
}

.faq-accordion .accordion-items {
    border: 1px solid var(--tp-grey-1);
    box-shadow: 0px 20px 20px rgba(228, 228, 228, 0.25);
    margin-bottom: 30px;
}

.faq-accordion .accordion-content {
    border-bottom: 4px solid var(--tp-theme-blue);
}

.faq-accordion .accordion-content p {
    padding: 0 75px 35px 45px;
    color: var(--tp-text-2);
    margin: 0;
    font-size: 16px;
}

/*----------------------------------------*/
/*  19. SHOP CSS START
/*----------------------------------------*/
.tpshopitem:hover .tpshopitem__thumb img {
    transform: scale(1.2);
}

.tpshopitem:hover .tpshopitem__thumb-icon {
    bottom: 14px;
    opacity: 1;
    visibility: visible;
}

.tpshopitem__thumb {
    border: 1px solid #eceff4;
    border-radius: 5px;
}

.tpshopitem__thumb img {
    width: 100%;
    -webkit-transition: all 1s ease-out 0s;
    -moz-transition: all 1s ease-out 0s;
    -ms-transition: all 1s ease-out 0s;
    -o-transition: all 1s ease-out 0s;
    transition: all 1s ease-out 0s;
}

.tpshopitem__thumb-icon {
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.tpshopitem__thumb-icon a {
    margin: 0 5px;
    height: 45px;
    width: 45px;
    line-height: 45px;
    border: 1px solid var(--tp-theme-blue);
    border-radius: 50%;
    display: inline-block;
    background-color: #0e63ff;
    color: var(--tp-common-white);
}

.tpshopitem__thumb-icon a:hover {
    background-color: var(--tp-theme-pink);
    border: 1px solid var(--tp-theme-pink);
}

.tpshopitem__content p {
    font-size: 18px;
    font-weight: 500;
    color: #777b83;
    margin-bottom: 6px;
}

.tpshopitem__title {
    font-size: 18px;
    font-weight: 500;
    display: block;
}

.tpshopitem__title a {
    background-image: linear-gradient(#0e63ff, #0e63ff),
        linear-gradient(#0e63ff, #0e63ff);
    background-repeat: no-repeat;
    background-position: 100% 100%, 0% 100%;
    background-size: 0% 1px, 0 1px;
    display: inline;
}

.tpshopitem__title a:hover {
    background-size: 0% 1px, 100% 1px;
    color: var(--tp-theme-blue);
}

.tpshopitem__review i {
    color: #f7931e;
}

.tpshopitem__product-base {
    position: absolute;
    top: 20px;
    left: 30px;
    font-weight: 700;
    font-size: 12px;
    color: var(--tp-common-white);
    padding: 6px 13px;
    background: #fd4766;
    border-radius: 5px;
    line-height: 1;
}

.tpproduct span {
    font-weight: 500;
    font-size: 15px;
}

.tpfilter {
    justify-content: end;
}

.tpfilter span {
    font-weight: 500;
    font-size: 15px;
}

.tpfilter .nice-select {
    padding-left: 5px;
    border: none;
    color: var(--tp-theme-primary);
}

.productthumb img {
    border-radius: 25px;
}

.product__details-content p {
    font-weight: 400;
    font-size: 16px;
    color: #777b83;
}

.product-dtitle {
    font-weight: 400;
    font-size: 30px;
    line-height: 1.3;
}

.product-dinfo span {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #141515;
}

.product-rating a {
    color: #ffdc60;
}

.product-dprice {
    font-weight: 400;
    font-size: 30px;
    line-height: 38px;
    letter-spacing: 0.02em;
}

.product-model-title {
    font-family: "Archivo";
    font-weight: 600;
    font-size: 14px;
    line-height: 15px;
    color: #0b0b0b;
}

.product-quantity-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: 0.02em;
    color: #0b0b0b;
}

.product-quantity input {
    color: var(--tp-theme-primary);
    border: none;
    width: 40px;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
}

.product-model-list a {
    font-size: 12px;
    font-weight: 600;
    color: #777b83;
    background: #f7f8fd;
    display: inline-block;
    padding: 0 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-right: 15px;
    border-radius: 2px;
}

.product-model-list a:last-child {
    margin-right: 0;
}

.product-model-list a:hover {
    background: var(--tp-theme-blue);
    color: var(--tp-common-white);
}

.tp-product-quantity .cart-minus,
.tp-product-quantity .cart-plus {
    cursor: pointer;
    color: #8d8884;
}

.tp-product-quantity .cart-minus:hover,
.tp-product-quantity .cart-plus:hover {
    color: var(--tp-theme-primary);
}

.tp-product-quantity input {
    height: 30px;
    width: 32px;
    font-size: 14px;
    border: none;
    font-weight: 700;
    text-align: center;
}

.product-rating {
    margin-right: 20px;
}

.product-rating a {
    font-size: 16px;
    color: #ffdc60;
}

.product-dinfo {
    display: flex;
}

.product-dprice del {
    font-size: 20px;
    color: #b9b9b9;
}

.pro-details-nav {
    background: #f9fafb;
    display: inline-block;
    padding: 7px 7px;
}

.pro-details-nav-btn {
    border: none;
    white-space: nowrap;
    scroll-behavior: smooth;
}

.pro-details-nav-btn li {
    font-weight: 500;
    font-size: 18px;
    color: var(--tp-text-body);
    position: relative;
}

.pro-details-nav-btn li::before {
    content: "";
    height: 100%;
    width: 101%;
    top: 0;
    left: -1px;
    background: #0e63ff;
    position: absolute;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
}

.pro-details-nav-btn li .active::before {
    opacity: 1;
    visibility: visible;
}

.pro-details-nav-btn li:last-child::after {
    display: none;
}

.pro-details-nav-btn li .nav-links {
    padding: 20px 45px;
    border-radius: 5px;
}

.pro-details-nav-btn li .nav-links.active {
    background: var(--wm-text-yellow);
    color: var(--tp-common-white);
}

.tab-para p {
    font-size: 16px;
    line-height: 30px;
}

.comments-box {
    margin-bottom: 50px;
}

.user-rating ul li {
    display: inline-block;
    color: #ffdc60;
}

.comments-text span,
.comments-text p {
    color: #777777;
    font-size: 16px;
}

.comment-title p {
    color: #777777;
    font-size: 16px;
}

.comment-rating span {
    font-weight: 500;
    margin-right: 5px;
}

.comment-rating ul li {
    display: inline-block;
    color: #ffdc60;
}

.comment-input textarea {
    width: 100%;
    height: 120px;
    margin-bottom: 20px;
    border: 1px solid #e7e7e7;
    padding: 20px;
}

.comment-input textarea:focus-visible {
    border: 1px solid transparent;
}

.comment-input input {
    width: 100%;
    height: 50px;
    resize: none;
    outline: 0;
    border: 1px solid #e7e7e7;
    padding: 8px 20px;
    margin-bottom: 30px;
}

.comment-input input:focus {
    border: 1px solid var(--tp-theme-blue);
}

.comments-avatar {
    flex: 0 0 auto;
}

.table .add-info {
    font-size: 18px;
    font-weight: 500;
}

.table td {
    padding: 18px;
}

.shop-left-right {
    margin-left: 0;
    margin-right: 0;
}

.tp-comments-title {
    font-size: 24px;
}

.avatar-name b {
    font-size: 16px;
    font-weight: 500;
}

.shop-faq .accordion-header button {
    font-size: 18px;
    padding: 20px 55px 20px 30px;
}

.shop-faq .accordion-content p br {
    display: none;
}

.shop-faq .accordion-content p {
    padding: 0 75px 20px 30px;
}

/*----------------------------------------*/
/*  20. CART CSS START
/*----------------------------------------*/
.table-content table {
    background: #ffffff;
    border-color: #eaedff;
    border-radius: 0;
    border-style: solid;
    border-width: 1px 0 0 1px;
    text-align: center;
    width: 100%;
    margin-bottom: 0;
}

.table-content table.table> :not(:first-child) {
    border-top: 0;
}

.table-content .table> :not(:last-child)> :last-child>* {
    border-bottom-color: #eaedff;
}

.table-content .product-quantity {
    float: none;
}

.table-content table td.product-name {
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
}

.table-content table td.product-name a:hover {
    color: var(--tp-theme-secondary);
}

.table-content table td {
    border-top: medium none;
    padding: 20px 10px;
    vertical-align: middle;
    font-size: 16px;
}

.table-content table th,
.table-content table td {
    border-bottom: 1px solid #eaedff;
    border-right: 1px solid #eaedff;
}

.product-quantity input {
    color: #000;
    font-size: 14px;
    font-weight: normal;
    border: 1px solid #dcdcdc;
}

.table td,
.table th {
    border-top: 1px solid #eaedff;
}

.product-quantity>input {
    width: 80px;
    border-radius: 3px;
}

.table-content table td.product-subtotal {
    font-size: 16px;
}

.table-content table td .cart-plus-minus {
    float: none;
    margin: 0 auto;
}

.coupon-all {
    margin-top: 50px;
}

.coupon {
    float: left;
}

#coupon_code {
    height: 65px;
    border: 2px solid #eaedff;
    padding: 0 15px;
    margin-right: 10px;
    border-radius: 8px;
}

.coupon2 {
    float: right;
}

.cart-page-total {
    padding-top: 50px;
}

.cart-page-total>h2 {
    font-size: 25px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.cart-page-total>ul {
    border: 1px solid #eaedff;
}

.cart-page-total>ul>li {
    list-style: none;
    font-size: 15px;
    color: #6f7172;
    padding: 10px 30px;
    border-bottom: 1px solid #eaedff;
    font-weight: 400;
}

.cart-page-total ul>li>span {
    float: right;
}

.cart-page-total li:last-child {
    border-bottom: 0;
}

td.product-thumbnail img {
    width: 125px;
}

.product-quantity .cart-plus,
.product-quantity .cart-minus {
    width: 25px;
    height: 30px;
    border: 2px solid #eaedff;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
}

.product-quantity .cart-plus:hover,
.product-quantity .cart-minus:hover {
    cursor: pointer;
    color: var(--tp-common-white);
    background: var(--tp-theme-secondary);
    border-color: var(--tp-theme-secondary);
}

.cart-input {
    height: 30px;
    width: 32px;
    text-align: center;
    font-size: 14px;
    border: none;
    border-top: 2px solid var(--tp-border-1);
    border-bottom: 2px solid var(--tp-border-1);
    display: inline-block;
    vertical-align: middle;
    margin: 0 -3px;
    padding-bottom: 0px;
}

/* Checkout */
.coupon-accordion h3 {
    background-color: #f6f6f6;
    border-top: 3px solid rgba(16, 208, 161, 0.2);
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 25px;
    padding: 1em 2em 1em 3.5em;
    position: relative;
    width: auto;
}

.coupon-accordion h3::before {
    content: "\f07b";
    left: 15px;
    top: 13px;
    position: absolute;
    color: #6f7172;
    font-family: "Font Awesome 5 Pro";
    font-weight: 700;
}

.coupon-accordion span {
    color: #6f7172;
    cursor: pointer;
    transition: 0.3s;
    font-weight: 500;
}

.coupon-accordion span:hover,
p.lost-password a:hover {
    color: var(--tp-theme-primary);
}

.coupon-content {
    border: 1px solid #eaedff;
    display: none;
    margin-bottom: 20px;
    padding: 30px;
}

.coupon-info p.coupon-text {
    margin-bottom: 15px;
}

.coupon-info p {
    margin-bottom: 0;
}

.coupon-info p.form-row-first label,
.coupon-info p.form-row-last label {
    display: block;
    color: #6f7172;
}

.coupon-info p.form-row-first label span.required,
.coupon-info p.form-row-last label span.required {
    color: red;
    font-weight: 700;
}

.coupon-info p.form-row-first input,
.coupon-info p.form-row-last input {
    border: 1px solid #eaedff;
    height: 45px;
    margin: 0 0 14px;
    max-width: 100%;
    padding: 0 0 0 10px;
    width: 100%;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.coupon-info p.form-row-first input:focus,
.coupon-info p.form-row-last input:focus {
    border-color: var(--tp-theme-secondary);
}

.coupon-info p.form-row input[type="submit"]:hover,
p.checkout-coupon input[type="submit"]:hover {
    background: #3e976c none repeat scroll 0 0;
}

.coupon-info p.form-row input[type="checkbox"] {
    position: relative;
    top: 2px;
}

.form-row>label {
    margin-top: 15px;
    margin-left: 15px;
    color: #6f7172;
}

.buttons-cart input,
.coupon input[type="submit"],
.buttons-cart a,
.coupon-info p.form-row input[type="submit"] {
    background: #252525 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    margin-right: 15px;
    padding: 0 15px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

p.lost-password {
    margin-top: 15px;
}

p.lost-password a {
    color: #6f6f6f;
}

p.checkout-coupon input[type="text"] {
    height: 45px;
    padding: 0 15px;
    width: 100%;
    border: 1px solid #eaedff;
    margin-bottom: 15px;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

p.checkout-coupon input[type="text"]:focus {
    border-color: var(--tp-theme-secondary);
}

.coupon-checkout-content {
    display: none;
}

.checkbox-form h3 {
    border-bottom: 1px solid #eaedff;
    font-size: 26px;
    margin: 0 0 20px;
    padding-bottom: 10px;
    width: 100%;
}

.country-select {
    margin-bottom: 30px;
    position: relative;
}

.country-select select {
    width: 100%;
    background-color: transparent;
    border: 1px solid #eaedff;
    padding: 0 10px;
    height: 50px;
}

.country-select label,
.checkout-form-list label {
    color: #6f7172;
    display: block;
    margin: 0 0 5px;
}

.country-select label span.required,
.checkout-form-list label span.required {
    color: red;
}

.country-select .nice-select {
    border: 1px solid #eaedff;
    height: 45px;
    padding-left: 10px;
    width: 100%;
    color: #6f7172;
    margin-bottom: 20px;
}

.country-select .nice-select .list {
    width: 100%;
}

.checkout-form-list {
    margin-bottom: 30px;
}

.checkout-form-list label {
    color: #6f7172;
}

.checkout-form-list input[type="text"],
.checkout-form-list input[type="password"],
.checkout-form-list input[type="email"] {
    background: #ffffff;
    border: 1px solid #eaedff;
    border-radius: 0;
    height: 45px;
    padding: 0 0 0 10px;
    width: 100%;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.checkout-form-list input[type="text"]:focus,
.checkout-form-list input[type="password"]:focus,
.checkout-form-list input[type="email"]:focus {
    border-color: var(--tp-theme-secondary);
}

.checkout-form-list input[type="text"]::-moz-placeholder,
.checkout-form-list input[type="password"]::-moz-placeholder,
.checkout-form-list input[type="email"]::-moz-placeholder {
    color: #6f7172;
    opacity: 1;
}

.checkout-form-list input[type="text"]::placeholder,
.checkout-form-list input[type="password"]::placeholder,
.checkout-form-list input[type="email"]::placeholder {
    color: #6f7172;
    opacity: 1;
}

.checkout-form-list input[type="checkbox"] {
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: 1px;
}

.create-acc label {
    color: #6f7172;
    display: inline-block;
}

.create-account {
    display: none;
}

.ship-different-title h3 label {
    display: inline-block;
    margin-right: 20px;
    color: #6f7172;
}

.order-notes textarea {
    border: 1px solid #eaedff;
    height: 120px;
    padding: 15px;
    width: 100%;
    outline: 0;
    resize: none;
}

.order-notes textarea:focus {
    border-color: var(--tp-theme-secondary);
}

.order-notes textarea::-moz-placeholder {
    color: #6f7172;
    opacity: 1;
}

.order-notes textarea::placeholder {
    color: #6f7172;
    opacity: 1;
}

#ship-box-info {
    display: none;
}

.panel-group .panel {
    border-radius: 0;
}

.panel-default>.panel-heading {
    border-radius: 0;
}

.your-order {
    padding: 30px 40px 45px;
    border: 3px solid rgba(16, 208, 161, 0.2);
}

.your-order h3 {
    border-bottom: 1px solid #eaedff;
    font-size: 30px;
    margin: 0 0 20px;
    padding-bottom: 10px;
    width: 100%;
}

.your-order-table table {
    background: none;
    border: 0;
    width: 100%;
}

.your-order-table table th,
.your-order-table table td {
    border-bottom: 1px solid #eaedff;
    border-right: medium none;
    color: #6f7172;
    font-size: 14px;
    padding: 15px 0;
    text-align: left;
}

.your-order-table table th {
    border-top: medium none;
    color: #6f7172;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    width: 250px;
}

.panel-body>p {
    color: #222;
}

.your-order-table table .shipping ul li {
    list-style: none;
}

.your-order-table table .shipping ul li input {
    position: relative;
    top: 2px;
}

.your-order-table table .shipping ul li label {
    color: #6f7172;
}

.your-order-table table .shipping th {
    vertical-align: top;
}

.your-order-table table .order-total th {
    border-bottom: 0;
    font-size: 14px;
}

.your-order-table table .order-total td {
    border-bottom: medium none;
}

.your-order-table table tr.cart_item:hover {
    background: #f9f9f9;
}

.your-order-table table tr.order-total td span {
    color: var(--tp-theme-primary);
    font-size: 18px;
    font-weight: 500;
}

.payment-method {
    margin-top: 40px;
}

.payment-method .accordion-item:last-of-type {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.payment-method .accordion-item {
    background-color: #fff;
    border: 0;
    border-bottom: 1px solid var(--tp-border-primary);
}

.payment-method .accordion-button {
    font-size: 16px;
    font-weight: 500;
    color: var(--tp-theme-primary);
    padding: 23px 0;
    border: none;
}

.payment-method .accordion-button:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.payment-method .accordion-button::after {
    position: absolute;
    content: "\f067";
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: var(--tp-ff-fontawesome);
    font-size: 16px;
    font-weight: 400;
    margin-left: 0;
    background-image: none;
}

.payment-method .accordion-button:not(.collapsed) {
    color: var(--tp-theme-primary);
    background-color: var(--tp-common-white);
    box-shadow: none;
}

.payment-method .accordion-button:not(.collapsed)::after {
    content: "\f068";
}

.payment-method .accordion-body {
    padding: 8px 0;
    padding-bottom: 40px;
}

.payment-method .accordion-collapse {
    border: none;
}

.panel-title>a {
    display: block;
}

.order-button-payment input {
    background: #232323 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    height: 40px;
    margin: 0px 0 0;
    padding: 0;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.order-button-payment input:hover {
    background: #3e976c none repeat scroll 0 0;
}

.payment-method .btn-link {
    background: no-repeat;
    border: medium none;
    border-radius: 0;
    color: #444;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 0;
    padding: 3px 10px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none;
}

.payment-method .card {
    background-color: #ffffff;
    border: 1px solid #eaedff;
    border-radius: 0;
    margin-bottom: 10px;
}

.payment-method .accordion .card:first-of-type {
    border: 1px solid #eaedff;
}

.card-header:first-child {
    border-radius: 0;
}

.payment-method .card-header {
    background-color: #ffffff;
    border-bottom: 1px solid #eaedff;
}

/*----------------------------------------*/
/*  21. PORTFOLIO CSS START
/*----------------------------------------*/
.tpoverview p {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 15px;
}

.tpoverview p span {
    display: inline-block;
    font-weight: 400;
    color: #7a8085;
    margin-left: 5px;
}

.tpoverview__social a {
    font-size: 15px;
    color: var(--tp-icon-fb);
    height: 45px;
    width: 45px;
    line-height: 45px;
    text-align: center;
    border: 1px solid var(--tp-border-primary);
    display: inline-block;
    border-radius: 50%;
    margin-right: 12px;
}

.tpoverview__social a:hover {
    background-color: var(--tp-icon-fb);
    color: var(--tp-common-white);
    border: 1px solid var(--tp-icon-fb);
}

.tpoverview__social .tpover-social-prn {
    color: #e40028;
}

.tpoverview__social .tpover-social-prn:hover {
    background-color: #e40028;
    border: 1px solid #e40028;
}

.tpoverview__social .tpover-social-tweet {
    color: var(--tp-icon-tweet);
}

.tpoverview__social .tpover-social-tweet:hover {
    background-color: var(--tp-icon-tweet);
    border: 1px solid var(--tp-icon-tweet);
}

.tpoverview__social .tpover-social-tube {
    color: var(--tp-icon-red);
}

.tpoverview__social .tpover-social-tube:hover {
    background-color: var(--tp-icon-red);
    border: 1px solid var(--tp-icon-red);
}

.tpproject-title {
    font-weight: 400;
    font-size: 42px;
    line-height: 42px;
}

/* therapeutics css  */

.service_box {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 1px;
    grid-row-gap: 10px;
}

.tp-services-box__btn p {
    font-size: 24px;
    line-height: 1;
}

.tp-services-box:hover .tp-services-box__title {
    color: #442565 !important;
}

.tp-services-box__title {
    min-height: 50px;
    font-size: 20px;
}

.tp-services-box:hover .tp-btn-hexa i {
    color: #000 !important;
}

.tp-srv-stap p.font-20 {
    font-size: 20px;
}

.therapeutics_icon img {
    width: 70px;
    height: 70px;
}

.tp-btn-hexa i {
    color: #000;
}

.network_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    margin: 35px 0;
}

.list_card img {
    width: 17px;
    height: 20px;
}

.list_card {
    border: 2px solid #eceef3;
    border-radius: 10px;
    padding: 22px;
}

.list_head {
    font-size: 20px !important;
    color: #333f50 !important;
    font-weight: 500;
    font-size: 20px;
    line-height: 34px;
    text-transform: uppercase;
}

.network_glance {
    margin: 55px 0 0;
    padding: 60px 0 35px;
    background-color: #f2f5fa;
}

.network_glance h3 {
    font-size: 50px;
    color: #333f50;
}

.country_img img {
    max-width: 600px;
    max-height: 600px;
    width: 100%;
}

.network_glance ul li {
    padding: 0 0 12px;
}

.image_map_text {
    padding: 0 65px 0 0;
}

.left_ul_unique ul {
    width: 95%;
}

.equal-height-box {
    min-height: 130px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px !important;
    box-sizing: border-box;
}

.trusted-equal-height-box {
    min-height: 110px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px !important;
    box-sizing: border-box;
}

.about__img img {
    height: 700px;
}

.trusted-box p {
    line-height: 18px;
}

.full-width-bg {
    background-color: #f2f5fa;
    /* Light gray like your screenshot */
    width: 100%;
}

.map_section {
    /* margin-top: 100px; */
    display: flex;
    /* align-items: center; */
    justify-content: center;
    height: 100%;
}

.image_map_text h4 {
    font-size: 50px;
}

.network_glance ul li i {
    display: inline-block;
    width: 35px;
    margin-top: 6px;
    font-size: 20px;
}

.network_glance ul li span {
    display: inline-block;
    width: calc(100% - 35px);
    font-size: 20px;
}

.network_glance ul li {
    display: flex;
    align-items: flex-start;
}

.network_glance p {
    font-size: 20px;
    margin-top: 15px;
}

.tp-section p.font-16 {
    font-size: 16px !important;
}

/* new css */
.font-16 {
    font-size: 16px;
}

.font-18 {
    font-size: 18px;
}

.font-20 {
    font-size: 20px;
}

.font-28 {
    font-size: 28px;
}

.bg_theme_dark {
    background-color: #DAD3E0;
}

.bg_theme_light {
    background-color: #F6EFD7;
}

.text-color-1 {
    color: #442565 !important;
}

.text-color-2 {
    color: #333f50;
}

.text-color-3 {
    color: #d4af37;
}

.read-more-btn {
    color: #d4af37;
}

.archivo_theme_16_text {
    color: #333f50 !important;
    font-size: 16px !important;
    font-weight: 300;
}

.width-90 {
    width: 90%;
}

.s4_advantage_box_wrapper {
    margin-bottom: 30px;
}

.s4_advantage_box_wrapper .advantage_box p {
    color: #333F50;
    font-size: 16px;
    font-family: "Archivo", sans-serif;
    margin-bottom: 0;
}

.advantage_box {
    background-color: #fff;
    border-radius: 20px;
    padding: 30px;
    height: 100%;
}

.optimise_box_detail .box_data {
    min-height: 195px;
}

.service_boxes .swiper-slide {
    height: 100% !important;
    background-color: #fff;
    border-radius: 20px;
}

.service_boxes .services-item {
    padding: 40px !important;
    border-radius: 20px;
}

.box_data.dark_box,
.box_data.light_box {
    margin-bottom: 0;
    height: 100%;
    padding: 20px;
}

.purpose_box_detail .row {
    row-gap: 30px;
}

.purpose_main_data .purpose_box:last-child {
    margin-bottom: 40px;
}

.box_data {
    border-radius: 20px;
    min-height: 175px;
}

.tp_team__thumb_image a img.specialist_img {
    max-width: 100%;
    padding: 15px;
}

.box_data_img {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 25px;
}

.box_data_img img {
    width: 60px;
    height: 60px;
}

.box_data_img p {
    font-size: 16px;
    color: #442565;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 0;
}

.box_data_text p {
    font-size: 16px;
    line-height: 20px;
    color: #333F50;
    margin: 0;
}

.purpose_footer {
    gap: 20px;
}

.purpose_footer p {
    color: #442565;
    font-size: 18px;
    margin-bottom: 0;
    line-height: 22px;
}

.purpose_footer button {
    border-radius: 10px;
    text-transform: none !important;
}

.purpose_subhead h5 {
    font-size: 20px;
    color: #000;
    font-weight: 600;
    margin-bottom: 20px;
    font-family: "Archivo", sans-serif;
}

.purpose_head h5 {
    font-size: 30px;
    color: #442565;
    /* font-weight: 600; */
    margin-bottom: 30px;
}

.purpose_subhead p {
    color: #333F50;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 15px;
}

.purpose_head img {
    margin-right: 8px;
}

.purpose_head {
    border-bottom: 1px solid #D4AF37;
}

.tp_team__thumb_image a img {
    max-width: 410px;
    max-height: 410px;
}

.ab-shape-two {
    width: 250px;
    min-height: 300px;
    max-height: 300px;
}

.head_text_box {
    margin-bottom: 32px;
}

.dark_box .head_text_box .inner_text_box,
.light_box .head_text_box .inner_text_box {
    line-height: 16px;
}

.dark_box {
    background-color: #DAD3E0;
    border-radius: 20px;
    padding: 30px;
    min-height: 158px;
    /* margin-bottom: 25px; */
}

.dark_box .number_text {
    font-size: 30px;
    color: #442565;
    font-weight: 700;
}

.dark_box .inner_text_box {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    line-height: 24px;
}

.light_box {
    background-color: #F6EFD7;
    border-radius: 20px;
    padding: 30px;
    min-height: 158px;
    /* margin-bottom: 25px; */
}

.light_box .number_text {
    font-size: 30px;
    color: #D4AF37;
    font-weight: 700;
}

.light_box .inner_text_box {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    line-height: 24px;
}

.hero_count {
    font-size: 35px;
    font-weight: 700;
    line-height: normal;
}

.green-underline {
    border: none;
    border-bottom: 3px solid #D4AF37;
    height: 0;
    margin: 0;
    width: 100%;
}

.bg-light-gray {
    background-color: #f8f9fa;
    /* Light gray */
}

.equal-height-box {
    height: 100%;
}

.home_animated_text {
    width: 100%;
    /* height: 100%; */
}

.dark_box .hero_count {
    color: #442565;
}

.light_box .hero_count {
    color: #D4AF37;
}

.animated_count {
    padding: 0 10px;
    min-height: 67px;
}

.count_text {
    font-size: 20px;
    font-weight: 400;
    color: #000 !important;
    margin-top: 15px;
    text-align: center;
}

p.contact_form_text {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 45px;
    line-height: 29px;
}

.research h3.postbox__title {
    color: #333f50 !important;
}

.research_img {
    border-radius: 16px;
}

.contact_data {
    background-color: #D2D2DF;
}

.mission_banner_img {
    position: absolute;
    top: 50%;
    left: 30%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 45%;
    text-align: left;
    color: white;
}

.counter-area .about-icon img {
    height: 50px;
}

.visitor-form .visit-btn .tp-btn {
    padding: 18px 60px;
}

.postbox__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 75.5px;
}

.postbox__title a {
    background-image: linear-gradient(#171151, #171151), linear-gradient(#171151, #171151);
    display: inline;
    background-size: 0% 1px, 0 1px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size 0.4s linear;
}

.postbox__title a:hover {
    background-size: 0% 1px, 100% 1px;
}

#blog-container .postbox__meta {
    display: flex;
    justify-content: space-between;
}

.main-menu ul>li.active>a {
    color: #d4af37 !important;
}

.services-icon img {
    max-width: 40px;
    height: 40px;
}

.services-icon img.w-img50px {
    width: 50px;
    max-width: 50px;
}

.tab_img_data img {
    width: 100%;
    border-radius: 40px;
    max-height: 320px;
    height: 320px;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
}

.pro-details-nav {
    padding: 20px !important;
    text-align: center;
}

.services-slider .swiper-container .tp-srv-stap__list.mb-30,
.clinical_trial_supplies .tp-srv-stap__list.mb-30 {
    margin-bottom: 0 !important;
}

.services-slider .swiper-container .services-item__tp-title.mb-30,
.clinical_trial_supplies .services-item__tp-title.mb-30 {
    margin-bottom: 10px !important;
}

.services-slider .swiper-container .services-item,
.clinical_trial_supplies .services-item {
    padding: 45px;
}

.clinical_trial_supplies .swiper-slide {
    background-color: #fff;
}

.pro-details-nav-btn li .nav-links:hover {
    background-color: var(--wm-text-yellow) !important;
    color: #fff;
}

.pro-details-nav-btn li .nav-links.active:hover {
    background-color: var(--wm-text-yellow) !important;
    color: #fff;
}

.pro-details-nav-btn li .nav-links {
    margin-bottom: 10px;
    text-align: left;
}

.pro-details-nav-btn li .nav-links {
    width: 100% !important;
    max-width: 357px !important;
}

.home_slider .swiper-pagination {
    position: absolute;
    bottom: 90px;
}

#mobile-menu ul>li:nth-child(3)>a.text-uppercase,
#mobile-menu ul>li:nth-child(4)>a.text-uppercase,
#mobile-menu ul>li:last-child>a.text-uppercase {
    cursor: unset;
}

.mobile-menu li.active a{
    color: #d4af37 !important;
}

.mobile-menu li a:hover,
.mobile-menu li a:focus,
.mobile-menu li a:focus-visible{
    color: #d4af37 !important;
}

.swiper-pagination-bullet {
    background-color: #fff;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background-color: #d4af37;
}

.target_img {
    position: absolute;
    transform: translateY(-50%);
    top: 53%;
    right: 13%;
    width: 230px;
    height: 200px;
    z-index: 9;
}

.purpose_tab.content.tab-content p {
    color: #333f50 !important;
}

.product_img img {
    /* max-width: 500px; */
    max-height: 350px;
    width: 100%;
    height: 100%;
}

.tp-team-dtls-item__title {
    min-height: 58px;
}

.pro-details-nav ul {
    flex-direction: column;
}

.product_new_text p {
    color: #333f50;
    font-size: 16px;
}

.product-dtitle {
    font-size: 36px;
}

.capabilities_text .tp-section__sub-title {
    color: skyblue;
}

.home_slider {
    border-radius: 0px 0px 362px 362px;
    max-width: 100%;
    height: 930px;
}

.home_slider .swiper-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.inline-block {
    display: inline-block;
}

.pr-2 {
    padding-right: 8px;
}

.pr-1 {
    padding-right: 4px;
}

.fw-600 {
    font-weight: 700;
}

.pro-details-nav {
    width: 100%;
}

.pro-details-nav-btn .nav-item button {
    white-space: nowrap;
}

.services-item__content h4 {
    min-height: 68px;
}

.exp_box {
    border-radius: 20px;
    padding: 30px;
    border: 2px solid #FFFFFF;
    margin-bottom: 25px;
}

.exp_box img {
    width: 70px;
    height: 70px;
}

.exp_box p {
    font-size: 20px;
    color: #442565;
    margin: 0;
    font-weight: 500;
}

.tpviewtext p {
    font-size: 18px;
    line-height: 30px;
}

.tpviewtext__para {
    margin-bottom: 60px;
}

.tpprothumb img {
    border-radius: 10px;
}

.tpprosolution p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 55px;
}

.tpprovideo .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 120px;
    width: 120px;
    background: var(--tp-common-white);
    text-align: center;
    line-height: 120px;
    border-radius: 50%;
    color: var(--tp-theme-primary);
    animation: tp-pulse-2 1.5s infinite;
}

.tpprovideo .play-btn:hover {
    background-color: var(--tp-theme-secondary);
    color: var(--tp-common-white);
}

/*----------------------------------------*/
/*  22. FOOTER CSS START
/*----------------------------------------*/
.footer-widget__title {
    color: #eee083;
    font-size: 24px;
}

.footer-widget p {
    color: #ffffff;
    font-size: 20px;
    margin-bottom: 35px;
    line-height: 22px;
    font-weight: 300;
}

.footer-widget__social a {
    margin-right: 12px;
}

.footer-widget__social a i {
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    color: var(--tp-text-1);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-widget__social a:hover i {
    color: var(--tp-common-white);
    border: 1px solid var(--tp-icon-red);
    background-color: var(--tp-icon-red);
}

.footer-widget__links ul li {
    margin-bottom: 6px;
    padding-top: 10px;
}

.footer-widget__links ul li:last-child {
    margin-bottom: 0;
}

.footer-widget__links ul li a {
    font-weight: 300;
    color: #ffffff;
    font-size: 20px;
    line-height: 20px;
}

.footer-widget__links .footer-item-1 a {
    color: #eee083;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
}

.footer-widget__links ul li a:hover {
    color: #eee083;
}

.footer-widget__info ul li {
    margin-bottom: 5px;
    color: var(--tp-text-1);
    font-weight: 500;
}

.footer-widget__info ul li:last-child {
    margin-bottom: 0;
}

.footer-widget__info ul li a {
    font-weight: 500;
    color: var(--tp-text-1);
}

.footer-widget__info ul li a:hover {
    color: var(--tp-icon-green);
}

.footer-widget__newsletter form input {
    width: 100%;
    height: 60px;
    padding: 0 200px 0 25px;
    font-size: 16px;
    color: var(--tp-text-1);
    border: none;
    background-color: #27225d;
    border-radius: 5px;
    border: 1px solid #312a70;
}

.footer-widget__newsletter form input::placeholder {
    color: var(--tp-text-1);
    font-size: 15px;
}

.footer-widget__fw-news-btn {
    color: var(--tp-common-white);
    height: 60px;
    width: 60px;
    background: var(--tp-icon-green);
    border-radius: 5px;
    position: absolute;
    top: 0;
    right: 0;
}

.footer-widget__fw-news-btn:hover {
    background-color: var(--tp-icon-pink);
}


.footer-widget__copyright span {
    color: var(--tp-common-white);
    font-size: 15px;
    font-weight: 500;
}

.footer-widget__copyright span a:hover {
    color: var(--tp-icon-green);
}

.footer-widget__copyright span i {
    font-style: normal;
}

.footer-widget__copyright-info ul li {
    margin-right: 40px;
}

.footer-widget__copyright-info ul li:last-child {
    margin-right: 0;
}

.footer-widget__copyright-info ul li a {
    font-weight: 500;
    color: var(--tp-text-1);
}

.footer-widget__copyright-info ul li a:hover {
    color: var(--tp-icon-green);
}

.footer-area-bottom {
    padding: 30px 0;
    border-top: 1px solid #d9d9d9;
}

.footer-white-content {
    border-left: 1px solid #251f5b;
}

.footer-bottom-border {
    padding: 30px 0;
    border-top: 1px solid #251f5b;
}

.info-direction ul {
    justify-content: end;
    flex-wrap: wrap;
}

.tp-f-youtube,
.tp-f-twitter,
.tp-f-fb,
.tp-f-skype {
    margin-right: 12px;
}

.tp-f-youtube i,
.tp-f-twitter i,
.tp-f-fb i,
.tp-f-skype i {
    display: inline-block;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50px;
    border: 1px solid var(--tp-border-primary);
}

.tp-f-youtube i:hover,
.tp-f-twitter i:hover,
.tp-f-fb i:hover,
.tp-f-skype i:hover {
    color: var(--tp-common-white);
    border: 1px solid var(--tp-icon-red);
    background-color: var(--tp-icon-red);
}

.tp-f-twitter:hover.tp-f-twitter i {
    color: var(--tp-common-white);
    border: 1px solid var(--tp-icon-tweet);
    background-color: var(--tp-icon-tweet);
}

.tp-f-fb:hover.tp-f-fb i {
    color: var(--tp-common-white);
    border: 1px solid var(--tp-icon-fb);
    background-color: var(--tp-icon-fb);
}

.tp-f-skype:hover.tp-f-skype i {
    color: var(--tp-common-white);
    border: 1px solid var(--tp-icon-skype);
    background-color: var(--tp-icon-skype);
}

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

.footer-col-3 {
    margin-left: 20px;
}

.footer-col-4 {
    margin-left: -22px;
}

.tp-footer-widget i {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    color: var(--tp-text-2);
    margin-bottom: 10px;
    display: inline-block;
}

.tp-footer-widget__content>a {
    font-weight: 500;
    font-size: 18px;
}

.tp-footer-widget__contact {
    font-size: 36px;
}

.tp-footer-widget__sub-sec p {
    color: var(--tp-text-2);
}

.tp-footer-widget__sub-title {
    font-weight: 600;
    font-size: 18px;
    display: block;
}

.tp-footer-widget__title {
    font-weight: 600;
    font-size: 18px;
    display: block;
}

.tp-footer-widget__links ul li {
    margin-bottom: 5px;
    color: var(--tp-text-2);
}

.tp-footer-widget__links ul li a {
    font-weight: 400;
    font-size: 15px;
    color: var(--tp-text-2);
}

.tp-footer-widget__links ul li a:hover {
    color: var(--tp-theme-blue);
}

.tp-footer-widget__list ul li {
    color: var(--tp-text-2);
}

.fw-social a {
    color: #b2b0c1;
    margin-right: 20px;
}

.fw-social a i {
    font-size: 16px;
}

.fw-social a i:hover {
    color: var(--tp-theme-primary);
}

.fw-border {
    padding: 30px 0;
    border-top: 1px solid var(--tp-border-primary);
}

.copyright-white span {
    color: var(--tp-theme-primary);
}

.copyright-white span i {
    color: var(--tp-text-2);
}

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

.footer-area-black .tp-footer-widget__title {
    color: #fff;
}

.footernewsletter__title {
    font-weight: 400;
    font-size: 24px;
    color: var(--tp-common-white);
}

.footernewsletter p {
    color: var(--tp-text-1);
    font-size: 15px;
}

.footernewsletter__form form input {
    width: 100%;
    height: 60px;
    background-color: var(--tp-theme-primary);
    border: 1px solid #312a70;
    border-radius: 5px;
    padding: 0 100px 0 20px;
    color: var(--tp-common-white);
}

.footernewsletter__form form input::placeholder {
    color: var(--tp-text-2);
    font-size: 15px;
}

.footernewsletter__fw-news-btn {
    background-color: var(--tp-theme-secondary);
    position: absolute;
    top: 0;
    right: 0;
    height: 60px;
    width: 60px;
    border-radius: 5px;
}

.footercontact {
    display: flex;
    align-items: center;
}

.footercontact:hover .footercontact__icon {
    box-shadow: inset 0 0 0 50px var(--tp-icon-blue);
    color: var(--tp-common-white);
}

.footercontact:hover .fw-pink-icon {
    box-shadow: inset 0 0 0 50px var(--tp-icon-pink);
    color: var(--tp-common-white);
}

.footercontact:hover .fw-green-icon {
    box-shadow: inset 0 0 0 50px var(--tp-icon-green);
    color: var(--tp-common-white);
}

.footercontact__icon {
    flex: 0 0 auto;
    margin-right: 20px;
    height: 80px;
    width: 80px;
    text-align: center;
    line-height: 90px;
    border-radius: 50%;
    background-color: rgba(14, 99, 255, 0.1);
    color: var(--tp-icon-blue);
    font-size: 35px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.footercontact__icon.fw-pink-icon {
    background-color: rgba(247, 42, 117, 0.1);
    color: var(--tp-theme-pink);
}

.footercontact__icon.fw-green-icon {
    background-color: rgba(16, 208, 161, 0.1);
    color: var(--tp-theme-secondary);
}

.footercontact__title {
    color: var(--tp-common-white);
    font-weight: 500;
    font-size: 16px;
}

.footercontact__title a:hover {
    color: var(--tp-theme-blue);
}

.footercontact__content span {
    color: var(--tp-common-white);
    display: block;
}

.footercontact__content span a br {
    display: none;
}

.fw-pink-content a {
    color: var(--tp-common-white);
    display: block;
}

.fw-pink-content a:hover {
    color: var(--tp-theme-pink);
}

.cpy-white-content span {
    color: var(--tp-common-white);
}

.cpy-white-content span i {
    color: var(--tp-text-2);
}

.cpy-white-content-info a {
    color: var(--tp-text-1);
}

.fw-white-border {
    border-top: 1px solid var(--tp-common-white);
}

.tp-footer-white-content .tp-footer-widget__content i {
    color: var(--tp-text-1);

}

.tp-footer-white-content .tp-footer-widget__content h4 {
    color: var(--tp-common-white);
}


.tp-footer-white-content .tp-footer-widget__content a {
    color: var(--tp-common-white);
}

.tp-footer-white-content .tp-footer-widget__content a:hover {
    color: var(--tp-theme-secondary);
}

.tp-footer-white-content .tp-footer-widget__sub-sec span {
    color: var(--tp-common-white);
}

.tp-footer-white-content .tp-footer-widget__sub-sec p {
    color: var(--tp-text-1);
}

.tp-footer-white-content .tp-footer-widget__title {
    color: var(--tp-common-white);
}

.tp-footer-white-content .tp-footer-widget__links li {
    color: var(--tp-text-1);
}

.tp-footer-white-content .tp-footer-widget__links a {
    color: var(--tp-text-1);
}

.tp-footer-white-content .tp-footer-widget__links a:hover {
    color: var(--tp-theme-secondary);
}

.tp-footer-white-content .tp-footer-widget__list li {
    color: var(--tp-text-1);
}

.tp-footer-white-content .tp-footer-widget__social a i {
    color: #b2b0c1;
}

.tp-footer-white-content .tp-footer-widget__social a i:hover {
    color: var(--tp-common-white);
}

.tp-footer-white-content .footer-widget__copyright span {
    color: var(--tp-common-white);
}

.tp-footer-white-content .footer-widget__copyright span i {
    color: var(--tp-text-1);
}

.tp-footer-white-content .fw-border {
    border-top: 1px solid #332e66;
}

.tp-footer-white-content .footer-widget__copyright-info a {
    color: var(--tp-text-1);
}

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

.logo-container {
    padding: 0px !important;
}

.menu-container {
    padding: 0px !important;
}

.hero-icons {
    padding: 10px;
}

.services-icon {
    padding-bottom: 30px;
}

.learnmore-3 {
    padding-top: 20px;
}

.tp-about__content p {
    color: #333f50;
}

.tp-about__info-list ul li i {
    color: #333f50 !important;
}

.tp-about__info-list ul li {
    color: #333f50;
}

.about-icon {
    padding-bottom: 20px;
}

.research h3 {
    color: #442565 !important;
}

.research button {
    background-color: #d8d6e4;
    padding: 0px 10px 0px 10px;
    border-radius: 5px;
    color: #333f50;
    size: 12px;
    font-weight: 500;
}

.service-box {
    height: 90%;
    padding: 10%;
}

.service-box h4 a {
    color: #333f50 !important;
    font-weight: 500;
    font-size: 20px;
    line-height: 34px;
}

.service-box .services-item__btn {
    color: #333f50;
}

.service-box p {
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
}

.banner__item {
    width: 250px;
}

.about-area .tp-section__title {
    color: #333f50;
}

.about-area p {
    color: #333f50;
    font-size: 14px;
    font-weight: 300;
}

.about-header {
    background-color: white !important;
    padding-top: 20px;
}

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

.strategic {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.strategic img {
    max-width: 100%;
    height: auto;
}

.stats-section {
    display: flex;
    justify-content: space-around;
    background-color: #000;
    color: #fff;
    padding: 20px 0;
    flex-wrap: wrap;
    gap: 25px;
}

.stat-item {
    display: flex;
    padding: 70px 0px;
    align-items: center;
    text-align: left;
    flex-wrap: wrap;
}

.stat-item h1 {
    margin: 0 15px 0 0;
    font-size: 58px;
    font-weight: 400 !important;
}

.stat-item p {
    margin: 0;
    font-weight: 300;
    color: #f2f5fa;
    font-size: 16px;
    line-height: 1.5;
}

.study-btn {
    justify-content: center;
    display: flex;
    margin-top: 20px;
}

.study-btn button {
    background-color: #442565;
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 5px;
}

.services-item__content p:last-child {
    margin-bottom: 0;
}

.tp-breadcrumb__link span {
    white-space: nowrap;
}

.footer_main_text p{
    font-weight: 300;
    color: #ffffff;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 16px;
}

.purpose_main_data .accordion-button:not(.collapsed){
    box-shadow: unset;
    border-bottom: 1px solid #D4AF37;
    padding: 0;
    background-color: transparent;
}

.purpose_main_data .accordion-button{
    box-shadow: unset;
    border-bottom: 1px solid #D4AF37;
    padding: 0;
    margin-top: 17px;
    border-radius: 0 !important;
}

.purpose_main_data .accordion-button::after{
    display: none;
}

.purpose_main_data .accordion-button .fa-chevron-down{
    right: 0;
    top: 12px;
    color: #D4AF37;
}

.purpose_main_data .accordion-button:not(.collapsed) .fa-chevron-down{
    transform: rotate(180deg);
}

.matrics_btn{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    color: #442565;
    font-weight: 700;
    border: none;
}

.matrics_btn:hover{
   border: none;
}

.our_team_wrapper{
    background-color: #fff;
    border-radius: 5px;
}

.our_team_wrapper .tp-team__content{
    padding: 15px;
    border-radius: 5px !important;
}

.our_team_wrapper .tp-team{
    border: unset !important;
}

.contact_us_wrapper{
    background-image: url(../../../new_image/image/Contact_Form_Image.png);
    background-size: 100% 100%;
}

.research_new_img{
    max-height: 200px;
    height: 100%;
}

.tp-btn.hover_white_btn:hover{
    color: #d4af37 !important;
}

.tp-btn.hover_white_btn:hover::after{
    background-color: #fff !important;
    color: #d4af37 !important;
}

.tp-btn.hover_white_btn::after{
    background-color: #fff !important;
}

.glance_text{
    display: flex;
    align-items: center;
}

 .glance_text .row .col-md-6:nth-last-child(-n+2) {
    margin-bottom: 0px !important;
}

.footer-area.theme-bg,
.footer-area-bottom.theme-bg{
    background-color: #442565;
}

.tab_img_data{
    display: none;
}

.career_list_data {
    padding: 0px 75px 30px 65px;
    margin:0;
}

.career_list_data li {
    margin-bottom: 10px;
    list-style-type: disc !important;
    padding: 0 0 0 5px;
}

.career_list_data li p {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    padding: 0 !important;
}

.outcome_section{
    padding: 20px;
}

.remove-file {
  margin-left: auto;
  font-size: 24px;
  font-weight: bold;
  color: #999;
  cursor: pointer;
  display: none;
  z-index: 1;
}

.remove-file:hover {
  color: #e74c3c !important;
}

.custom-bs-file-upload .file-upload-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid #eceef3;
  border-radius: 4px;
  padding: 10px;
  height: 60px;
  box-shadow: 0px 16px 24px rgba(189, 196, 205, 0.13);
  background: #fff;
}

.custom-bs-file-upload .file-upload-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.custom-bs-file-upload .upload-btn {
  background: #dce8fd;
  border: 1px solid #f2f5fa;
  border-radius: 6px;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

.custom-bs-file-upload .file-name {
  margin-left: 12px;
  font-size: 14px;
  color: #555;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
}

.custom-bs-file-upload .remove-file {
  margin-left: auto;
  font-size: 24px;
  font-weight: bold;
  color: #999;
  cursor: pointer;
  display: none;
  z-index: 1;
}

.s4_text_advantage{
    font-size: 50px;
}


.s4_advantage_section{
    padding: 80px 0;
    background-color: #fff;
}

.s4_advantage_section .container{
    padding: 65px 0;
    border-radius: 10px;
    background-image: url(../../../new_image/image/S4AdvantageBG.png);
    background-size: 100% 100%;
    /* max-width: 1600px; */
}

.purpose_head h5 {
  word-wrap: break-word;     /* legacy support */
  overflow-wrap: break-word; /* modern support */
  white-space: normal;       /* allow wrapping */
  flex: 1;                   /* let it shrink inside flex */
  min-width: 0;              /* important for flexbox text to wrap */
}


.tp-bt-btn-banner{
    display: none !important;
}
/* Responsive CSS */

@media only screen and (min-width: 1701px) and (max-width: 1900px) {
     .banner__shape {
        width: 600px;
    }
}


@media only screen and (min-width: 1600px) and (max-width: 1700px) {
    .main-menu-second ul li {
        margin-right: 45px;
    }

    .banner__shape {
        width: 600px;
    }

    .home_slider {
        border-radius: 0px 0px 362px 362px;
        max-width: 100%;
        height: 600px;
    }

    .visitor-info {
        padding: 130px 80px;
    }
}

@media only screen and (min-width: 1600px) {
.s4_advantage_section .container{
    max-width: 1600px;
}
}

@media only screen and (max-width: 1600px) {
    .slider-content {
        margin-left: 0;
    }

    .slider-content__social {
        margin-left: 0;
    }
}

@media only screen and (min-width: 1500px) and (max-width: 1700px) {
    .header-layout-left {
        width: 300px;
    }

    .counter__item {
        padding: 75px 30px 70px 30px;
    }

    .content-layout-right {
        width: calc(100% - 300px);
    }

    .header-left-logo {
        padding-bottom: 40px;
    }

    .header-left-logo a {
        margin: 35px 30px;
    }

    .header-left-menu {
        margin: 0 0 90px 80px;
    }

    .hero-bg {
        height: 750px;
    }

    .tp-common-area {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .tp-bt-btn {
        padding: 20px 30px;
    }

    .team-arrow .team-nxt {
        right: -40px;
    }

    .visitor-info {
        padding: 130px 40px;
    }

    .counter__item {
        padding: 75px 20px 70px 25px;
    }

    .banner__shape img {
        /* height: 700px; */
    }

    .tp-section p {
        padding: 10px 10px 0;
    }

    .header__area {
        padding: 20px 90px 20px 63px;
    }

    .main-menu ul>li>a {
        font-size: 12px;
    }

    .main-menu ul>li>a {
        margin: 0 5px;
    }

    .tp-common-area {
        padding-left: 40px;
        padding-right: 40px;
    }

    .banner__shape {
        width: 530px;
    }

    .team-arrow .team-prv {
        left: -40px;
    }

    .home_slider {
        border-radius: 0px 0px 362px 362px;
        max-width: 100%;
        height: 600px;
    }
}

@media only screen and (max-width: 1400px) {
    .nabmission__content {
        padding-top: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .tp-team-dtls-item {
        margin-left: 0;
    }

    .about-title br {
        display: none;
    }

    .about-title {
        font-size: 30px;
    }

    .tp-services-item {
        margin-left: 0;
    }

    .tp-team__title {
        font-size: 20px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .team-arrow .team-prv {
        left: -30px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .header-layout-left {
        width: 250px;
    }

    .hero_cust_section {
        max-width: 85%;
    }

    .banner__video-btn {
        bottom: 0;
        right: 35px;
    }

    .tp-gallery__title {
        font-size: 18px;
    }

    .content-layout-right {
        width: calc(100% - 250px);
    }

    .header-left-logo a {
        margin: 35px 25px;
    }

    .header-left-logo {
        padding-bottom: 20px;
    }

    .header-left-logo a {
        margin: 35px 25px;
        text-align: center;
    }

    .header-left-logo a img {
        width: 150px;
    }

    .header-left-menu {
        margin: 0 0 60px 60px;
    }

    .header-left-contact a {
        font-size: 24px;
    }

    .tpherotext {
        padding-top: 150px;
        padding-left: 40px;
    }

    .banner-scroll-btn {
        left: -40px;
    }

    .banner-scroll-btn i {
        font-size: 25px;
    }

    .banner-scroll-btn span {
        font-size: 12px;
    }

    .bannerscroll::before {
        left: 35px;
    }

    .bannerscroll::after {
        left: 34px;
    }

    .about-thumb-shape {
        left: -100px;
    }
}

@media only screen and (min-width: 1200px) {
    .footer-width .container {
        max-width: 1600px !important;
    }

     .banner_wrapper{
        margin-top: 96px;
    }
}

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

    .tp-ab-main-img img {
        width: 250px;
    }

    .footercontact__content span {
        font-size: 13px;
    }

    .footercontact__icon {
        height: 60px;
        width: 60px;
        line-height: 70px;
        font-size: 25px;
    }

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

    .footer-widget__copyright-info ul li {
        margin-right: 30px;
    }

    .footer-widget__title {
        font-size: 22px;
    }

    .footercontact__content span {
        font-size: 13px;
    }

    .tp-blog__title a br {
        display: none;
    }

    .team-arrow .team-nxt {
        right: -30px;
    }

    .counter__item {
        padding: 75px 20px 70px 25px;
    }

    .tp-ab-counter {
        left: 7px;
        bottom: 0;
    }

    .tp-ab-shape img {
        max-width: 100%;
    }

    .services-item__tp-title {
        font-size: 20px;
    }

    .navtabs__content p {
        font-size: 15px;
    }

    .navtabs__content p br {
        display: none;
    }

    .tp-nav-tavs button {
        padding: 24px 80px;
    }

    .navtabs__shape {
        left: 300px;
    }

    .services-item__content p br {
        display: none;
    }

    .tp-section__title {
        font-size: 40px;
    }

    .tp-section p {
        padding: 0px;
    }

    .header__area {
        padding: 20px 90px 20px 63px;
    }

    .main-menu {
        margin: 0px 0 0 0;
    }

    .main-menu ul>li>a {
        margin: 0 5px;
    }

    .main-menu ul>li>a {
        font-size: 12px;
    }

    .header-time span {
        margin-left: 15px;
        margin-right: 15px;
    }

    .header-top-mob {
        margin-left: 30px;
    }

    .main-menu-second {
        margin: 0 0 0 30px;
    }

    .header-cart-list {
        margin-right: 25px;
    }

    .slider-content__arrow {
        right: 80px;
    }

    .header-bottom-btn {
        padding: 25px 30px;
    }

    .ab-count {
        left: 0;
        bottom: 0;
    }

    .main-menu-second ul li {
        margin-right: 20px;
    }

    .tp-menu-toggle {
        margin-right: 25px;
    }

    .tp-common-area {
        padding-left: 20px;
        padding-right: 20px;
    }

    .banner__item-content span {
        font-size: 14px;
    }

    .banner__item-icon {
        margin-right: 15px;
    }

    .banner__shape {
        width: 480px;
    }

    .banner__shape img {
        /* height: 630px; */
    }

    .slider-content__shape {
        right: 380px;
        top: 0;
    }

    .visitor-info {
        padding: 130px 50px;
    }

    .home_slider {
        border-radius: 0px 0px 362px 362px;
        max-width: 100%;
        height: 400px;
    }

    .services-thumb-img img {
        max-width: 100%;
    }

    .about-align {
        padding-left: 0;
    }
}

@media only screen and (max-width: 1200px) {

    .sub-menu a {
        width: 100% !important;
    }

    .has-dropdown {
        border-top: 1px solid #ffffff57;
        /* border-bottom: 1px solid rgb(60, 57, 98); */
    }

    .menu-item-wrapper>a {
        border: unset;
    }

    .mean-container .mean-nav .menu-item-wrapper>a {
        border: unset;
    }

    .submenu-toggle {
        border: 1px solid #ffffff57 !important;
    }

    .submenu-toggle.transform_toggle span {
        display: inline-block;
        transform: rotate(45deg);
        transition: 0.3s ease-in-out;
        color: #d4af37 !important;
    }

    .submenu-toggle.transform_toggle{
        border-color: #d4af37 !important;
    }

    .tpsideinfo__content a:hover,
    .tpsideinfo__content a:focus,
    .tpsideinfo__content a:focus-visible,
    .tpsideinfo__content a:active{
        color: #d4af37 !important;
    }

    .pro-details-nav ul {
        flex-direction: row;
    }

    .pro-details-nav {
        text-align: unset !important;
    }

    .dark_box,
    .light_box {
        min-height: 190px;
    }

    .footer-col-2 {
        margin: 0 !important;
    }

    .nabmission p {
        font-size: 14px;
        margin-bottom: 15px;
    }

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

    .tp-footer-widget__sub-sec p br {
        display: none;
    }

    .footer-widget__newsletter form input {
        padding: 0 80px 0 25px;
    }

    .tpprosolution p {
        font-size: 16px;
        margin-bottom: 40px;
    }

    .tpviewtext p {
        font-size: 16px;
    }

    .faq-accordion .accordion-content p br {
        display: none;
    }

    .tp-price {
        padding: 35px 20px 45px 20px;
    }

    .rc__post-title {
        font-size: 15px;
    }

    .sidebar__wrapper {
        padding-left: 0;
    }

    .postbox__comment-text p br {
        display: none;
    }

    .postbox__wrapper {
        padding-right: 0;
    }

    .tpcontact {
        margin-right: 0;
    }

    .cta-title {
        font-size: 30px;
    }

    .tp-team-dtls__social {
        margin-top: 0;
    }

    .appoint-thumb img {
        width: 100%;
    }

    .tp-team-dtls__content {
        margin-top: 0;
    }

    .about__exprience {
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .slider-content__social {
        margin-top: 30px;
        margin-left: 0;
    }

    .slider-content {
        margin-left: 0;
        padding-top: 0;
    }

    .nabmission__title {
        font-size: 28px;
        margin-bottom: 15px;
    }

    .tp-menu-toggle {
        font-size: 28px;
    }

    .layout-left-right {
        display: block;
    }

    .content-layout-right {
        width: 100%;
    }

    .tpherotext {
        padding-top: 180px;
    }

    .tp-about__content {
        margin-left: 0;
    }

    .tpsideinfo__content {
        padding-top: 35px;
        margin-bottom: 40px;
    }

    .slider-content p {
        margin-bottom: 20px;
    }

    .slider-content p br {
        display: none;
    }

    .tp-srv-stap__list {
        margin-left: 0;
    }
}

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

    .hero_cust_section {
        max-width: 58%;
    }

    .footercontact__icon {
        height: 60px;
        width: 60px;
        line-height: 70px;
        font-size: 25px;
    }

    .tp-footer-widget__contact {
        font-size: 30px;
    }

    .footer-col-4 {
        margin-left: 0;
    }

    .tpproject-title {
        font-size: 34px;
    }

    .service_box {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 12px;
        grid-row-gap: 12px;
    }

    .tp-price__btn a {
        padding: 14px 40px;
    }

    .research-item__content p {
        font-size: 14px;
    }

    .postbox__comment-text p {
        font-size: 15px;
    }

    .postbox__content-area p br {
        display: none;
    }

    .postbox__content-area p {
        font-size: 15px;
    }

    .postbox__social-tag {
        margin-top: 15px;
        text-align: start;
    }

    .postbox__title {
        font-size: 30px;
    }

    .postbox__meta span {
        margin-right: 18px;
    }

    .blog-item__thumb img {
        width: 100%;
    }

    .tp-team-dtls-item p br {
        display: none;
    }

    .tp-team-dtls-item p {
        font-size: 14px;
    }

    .tp-team-dtls__social a {
        margin-left: 5px;
    }

    .team-arrow .team-prv {
        left: -20px;
    }

    .ab-count {
        left: 0;
        bottom: 0;
    }

    .tp-ab-counter {
        left: 90px;
        bottom: -125px;
    }

    .about-align {
        padding-left: 0;
    }

    .about-video {
        left: 360px;
    }

    .about-thumb-shape {
        left: 0px;
    }

    .about__img {
        text-align: center;
    }

    .slider-content__shape {
        right: 15px;
        top: 0;
    }

    .slider-content__social a {
        margin-right: 30px;
    }

    .slider-content__title {
        font-size: 44px;
    }

    .tp-home-lg-banner {
        position: static;
    }

    .tp-bt-btn-banner .tp-bt-btn {
        box-shadow: rgba(100, 100, 111, 0.1) 0.5px 0.5px 5px 0.5px;
    }

    .banner__video-btn {
        bottom: 0;
    }

    .visitor-info {
        padding: 130px 50px;
    }

    .tp-choose__item {
        margin-left: 0;
    }

    .gallery-item:hover.gallery-item::before {
        height: 150px;
    }

    .gallery-item:hover .gallery-item__content {
        bottom: 0;
    }

    .banner__shape img {
        height: 600px;
    }

    .banner__shape {
        width: 420px;
    }

    .home_slider {
        border-radius: 0px 0px 362px 362px;
        max-width: 100%;
        height: 420px;
    }

    .tp-breadcrumb__link span {
        font-size: 16px;
    }

    .tp-nav-tavs button {
        padding: 24px 80px;
    }

    .navtabs__shape {
        left: 230px;
    }

    .tp-section p {
        padding: 0px;
    }

    .tp-section p {
        padding: 0px;
        font-size: 14px;
        margin-bottom: 20px;
    }

    .team-arrow .team-nxt {
        right: -20px;
    }

    .services-thumb-box__thumb img {
        width: 100%;
    }

    .banner__title {
        font-size: 48px;
    }

    .banner__content {
        padding-top: 80px;
    }

    .cta-content {
        margin-left: 20px;
    }

    .cta-bg {
        background-position: right;
    }
}

@media only screen and (max-width: 991px) {

    .s4_advantage_section .container{
        padding: 65px 0;
        background-size: cover;
    }

    .dark_box,
    .light_box {
        min-height: 160px;
    }

    .banner__content.pt-130 {
        padding-top: 0 !important;
    }

    .banner__content.mb-135 {
        margin-bottom: 80px !important;
    }

    .home_animated_text {
        width: auto !important;
    }

    .tp-about__content.mb-50 {
        margin-bottom: 0 !important;
    }

    .about-area.pb-70 {
        padding-bottom: 30px;
    }

    .pt-120 {
        padding-top: 70px !important;
    }

    .pb-90 {
        padding-bottom: 60px !important;
    }

    .product.mb-40 {
        margin-bottom: 16px !important;
    }

    .product_new_text.mt-25 {
        margin-top: 0;
    }

    .tp-breadcrumb__link span {
        white-space: unset;
    }

    .services-details.pt-100.pb-70,
    .services-details.pb-60 {
        padding: 50px 0 !important
    }

    .network_glance h3 {
        white-space: wrap;
    }

    .banner__shape {
        position: static;
    }

    .footer-col-3 {
        margin-left: 0;
    }

    .footer-widget__copyright {
        text-align: center;
    }

    .tpprovideo .play-btn {
        height: 90px;
        width: 90px;
        line-height: 90px;
    }

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

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

    .service_box {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 12px;
        grid-row-gap: 12px;
    }

    .product__details-content p br {
        display: none;
    }

    .product {
        margin-left: 0;
    }

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

    .blog-item__date-info li {
        margin-right: 25px;
    }

    .tp-team-dtls__social {
        text-align: start;
    }

    .ab-count {
        left: 0;
        bottom: -80px;
    }

    .tp-srv-bg img {
        max-width: 100%;
    }

    .slider-social {
        bottom: 50px;
    }

    .slider-tp-top {
        height: 780px;
        padding-top: 50px;
    }

    .slider-content__btn {
        margin-bottom: 30px;
    }

    .slider-content__title br {
        display: none;
    }

    .slider-content__shape img {
        width: 200px;
    }

    .slider-content__bg img {
        margin-bottom: 40px;
    }

    .service-active {
        margin-right: 0;
    }

    .about-content {
        margin-left: 0;
    }

    .tp-team__content {
        padding: 30px 25px 35px 25px;
    }

    .tp-cta-bg {
        background-position: left;
    }

    .tp-blog__title a br {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tp-testi {
        padding: 85px 30px 40px 30px;
    }

    .info-direction ul {
        justify-content: center;
    }

    .tpproject-title {
        font-size: 26px;
    }

    .tpoverview p {
        font-size: 16px;
    }

    .product-button a {
        margin-bottom: 10px;
    }

    .pro-details-nav-btn li .nav-links {
        padding: 10px 20px;
    }

    .product-model-list a {
        margin-right: 8px;
    }

    .faq-accordion .accordion-button {
        font-size: 18px;
    }

    .tp-price__btn a {
        padding: 14px 40px;
    }

    .blogitem__avata-content a {
        font-size: 12px;
    }

    .postbox__content-area p br {
        display: none;
    }

    .postbox__social-tag {
        margin-top: 15px;
        text-align: start;
    }

    .tp-blog__btn a {
        font-size: 12px;
        padding: 6px 12px;
    }

    .cta-content {
        margin-left: 30px;
    }

    .cta-shape {
        top: 100px;
        right: 50px;
    }

    .cta-bg {
        background-position: left;
    }

    .tp-bt-btn {
        box-shadow: rgba(100, 100, 111, 0.1) 1px 5px 20px 1px;
        line-height: 1;
        padding: 16px 25px 12px 25px;
    }

    .tp-team-dtls__content p {
        margin-bottom: 20px;
    }

    .team-arrow .team-nxt {
        right: -20px;
    }

    .team-arrow .team-prv {
        left: -20px;
    }

    .tp-team__social a {
        margin-right: 10px;
    }

    .visitor-info-bg {
        padding: 42px 30px 0px 30px;
    }

    .visitor-info {
        padding: 130px 50px;
    }

    .tp-choose__item {
        margin-left: 0;
    }

    .tp-3-thumb {
        justify-content: center;
    }

    .about-align {
        padding-left: 0;
    }

    .about-thumb-shape {
        left: -120px;
    }

    .about__img {
        text-align: center;
    }

    .services-thumb-img img {
        width: 100%;
    }

    .services-link {
        margin-bottom: 30px;
    }

    .services-link {
        text-align: start;
        margin-bottom: 30px;
    }

    .search-form {
        padding: 30px;
    }

    .slider-content__bg img {
        width: 290px;
    }

    .slider-content__arrow {
        right: 30px;
        bottom: 0px;
    }

    .slider-content__shape {
        right: 200px;
        top: 55px;
    }

    .slider-content__title {
        font-size: 44px;
        margin-bottom: 15px;
    }

    .banner__video-btn {
        right: 30px;
        bottom: 50%;
        transform: translateY(-50%);
    }

    .banner__title {
        font-size: 48px;
    }

    .tp-btn,
    .tp-btn-second {
        padding: 20px 40px;
    }

    .tp-breadcrumb__title {
        font-size: 44px;
    }

    .tp-breadcrumb__link span {
        font-size: 16px;
    }

    .serv-md {
        justify-content: start;
    }

    .nav-primary {
        margin-left: 0;
    }

    .nav-secondary {
        margin-left: 0;
    }

    .nav-tertiary {
        margin-left: 0;
    }

    .tp-nav-tavs button {
        padding: 22px 60px;
    }

    .tp-section p {
        padding: 0px;
    }

    .tp-section-center {
        text-align: center !important;
    }

    .header-bottom-btn {
        padding: 20px 40px;
    }

    .tp-mob-logo img {
        width: 180px;
    }

    .banner__title br {
        display: none;
    }

    .services-item {
        padding: 50px 20px 50px 35px;
    }

    .testi-content p {
        font-size: 21px;
    }
}

@media (max-width: 767px) {

    .banner__box-item .col-md-4{
        margin-bottom: 30px;
    }

    .s4_advantage_section{
        padding: 40px 16px;
    }

    .banner_wrapper{
        background-position: center;
    }

    .s4_text_advantage {
        font-size: 35px;
    }

    .glance_text .row .col-md-6:nth-last-child(-n+2) {
        margin-bottom: 24px !important;
    }

    .tpsideinfo__content a {
        font-size: 14px;
    }

    .tp-team-dtls-item__title {
        min-height: auto;
    }

    .tp-footer-white-content .tp-footer-widget__content h4 {
        font-size: 28px;
    }

    .shop-area.pt-120.pb-70 {
        padding-bottom: 0 !important;
    }

    .tp-footer-widget__links {
        margin-bottom: 20px;
    }

    .tab_img_data img {
        max-height: 320px;
        height: 180px;
    }

    .visitor-info .container {
        margin: 0 !important;
    }

    .tp-footer-widget__content {
        margin-bottom: 25px;
    }

    .footer-col-4 {
        margin-left: 0;
    }

    .footer-col-2 {
        margin-left: 0;
    }

    .info-direction ul {
        justify-content: center;
        margin-top: 15px;
    }

    .footer-widget__copyright-info ul li {
        margin-right: 15px;
    }

    .footer-widget__copyright span {
        margin-bottom: 10px;
        display: block;
    }

    .tpproject-title {
        font-size: 24px;
    }

    .service_box {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 12px;
        grid-row-gap: 12px;
    }

    .network_list {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        margin: 35px 0;
    }

    .tpoverview p {
        font-size: 14px;
    }

    .your-order-table table th,
    .your-order-table table td {
        padding-right: 10px;
    }

    .your-order {
        padding: 15px;
    }

    .coupon2 {
        float: none;
        margin-top: 15px;
    }

    #coupon_code {
        margin-bottom: 15px;
    }

    .coupon {
        float: none;
    }

    .shop-faq .accordion-header button {
        font-size: 14px;
    }

    .tp-comments-title {
        font-size: 18px;
    }

    .pro-details-nav-btn li .nav-links {
        padding: 5px 15px;
    }

    .pro-details-nav-btn li {
        font-size: 16px;
    }

    .pro-details-nav-btn li::after {
        display: none;
    }

    .product-model-list a {
        margin-right: 5px;
        padding: 0 6px;
    }

    .product-dtitle {
        font-size: 24px;
    }

    .tpfilter {
        justify-content: start;
    }

    .faq-accordion .accordion-content p {
        padding: 0 30px 35px 25px;
        font-size: 14px;
    }

    .faq-accordion .accordion-button::after {
        right: 15px;
    }

    .faq-accordion .accordion-button {
        padding: 20px 30px 20px 25px;
        font-size: 16px;
    }

    .faq-accordion {
        margin: 0 0;
    }

    .tp-price__btn a {
        padding: 12px 15px;
    }

    .tp-blog-btn {
        text-align: center;
    }

    .blogitem {
        padding: 25px 15px 25px 20px;
    }

    .postbox-nav button i {
        height: 40px;
        width: 40px;
        line-height: 40px;
    }

    .postbox__comment-text p {
        font-size: 14px;
    }

    .postbox__comment-text {
        margin-left: 0;
        margin-top: 15px;
    }

    .postbox__comment ul li.children {
        margin-left: 0px;
    }

    .postbox__text p {
        font-size: 14px;
    }

    .postbox__title {
        font-size: 24px;
    }

    .postbox__meta span {
        margin-right: 15px;
        font-size: 14px;
    }

    .blog-arrow {
        justify-content: start;
        margin-bottom: 30px;
    }

    .tp-blog-arrow {
        justify-content: start;
        margin-bottom: 30px;
    }

    .cta-content {
        margin-left: 20px;
    }

    .testi-button-next {
        right: 32%;
    }

    .newsletter-btn {
        position: static;
        margin-top: 10px;
    }

    .fea-box {
        height: 600px;
    }

    .video-bg-icon a {
        height: 75px;
        width: 75px;
        line-height: 75px;
        font-size: 16px;
    }

    .newsletter-form form input {
        padding: 0 20px 0 25px;
    }

    .cta-content .cta-title br {
        display: none;
    }

    .testi-bg .testi-arrow {
        position: absolute;
        bottom: -80px;
    }

    .testi-content p {
        font-size: 16px;
        line-height: 1.8;
        margin-bottom: 35px;
        padding: 0;
    }

    .tp-testi {
        padding: 85px 25px 40px 25px;
    }

    .tp-team-dtls-text__title {
        font-size: 26px;
    }

    .tp-team-dtls__social {
        text-align: center;
    }

    .team-arrow .team-nxt {
        right: -5px;
    }

    .team-arrow .team-prv {
        left: -5px;
    }

    .tp-support-form {
        margin: 0;
        padding: 50px 10px 50px 10px;
    }

    .visitor-info-bg {
        padding: 42px 15px 0px 15px;
    }

    .tp-gallery__title {
        font-size: 16px;
    }

    .visitor-info {
        padding: 130px 15px;
    }

    .tp-gallery {
        margin-left: 0;
        margin-right: 0;
    }

    .visit-serial {
        text-align: start;
    }

    .visit-serial span {
        font-size: 15px;
    }

    .tp-ab-main-img {
        margin-right: 0;
    }

    .tp-box-space {
        margin-left: 0;
        margin-right: 0;
    }

    .about-thumb img {
        max-width: 100%;
    }

    .ab-title {
        font-size: 30px;
    }

    .gallery-item::before {
        clip-path: polygon(0% 50%, 100% 50%, 100% 100%, 0px 100%, 0 0%);
    }

    .about-thumb {
        margin-left: 0;
    }

    .about-video {
        left: 0px;
    }

    .about__exprience i {
        font-size: 14px;
    }

    .about__exprience h3 {
        font-size: 80px;
    }

    .gallery-item__title {
        font-size: 18px;
    }

    .about__exprience {
        height: 200px;
        width: 200px;
        padding: 30px;
    }

    .services-thumb-img img {
        max-width: 100%;
    }

    .services-thumb-box__title {
        font-size: 18px;
    }

    .services-link span {
        font-size: 16px;
    }

    .services-link span a {
        font-size: 14px;
    }

    .tp-services {
        justify-content: start;
        margin-bottom: 30px;
    }

    .search-form form input {
        padding: 15px;
    }

    .search-form {
        padding: 25px 15px;
    }

    .tp-ab-counter {
        width: 170px;
        height: 210px;
        left: 85px;
        bottom: -35px;
    }

    .tp-ab-img {
        justify-content: center;
    }

    .services-item {
        padding: 50px 25px 50px 25px;
    }

    .search-form form .search-btn {
        position: static;
        margin-top: 15px;
        transform: translateY(0);
    }

    .slider-content__arrow {
        right: 50%;
        transform: translateX(50%);
    }

    .slider-content__title {
        font-size: 34px;
        margin-bottom: 15px;
    }

    .banner__content p br {
        display: none;
    }

    .banner__content p {
        font-size: 16px;
    }

    .banner__content {
        text-align: center;
        padding-top: 80px;
    }

    .banner__title br {
        display: none;
    }

    .banner__title {
        font-size: 28px;
        margin-bottom: 15px;
    }

    .banner__title br {
        display: none;
    }

    .basic-pagination ul li a,
    .basic-pagination ul li span {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .service-box {
        height: auto !important;
    }

    .scroll-top {
        right: 30px;
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .tp-btn {
        margin-right: 5px;
    }

    .tp-btn-second {
        margin-left: 0px;
        margin-top: 10px;
    }

    .services-area.trusted-service,
    .services-details.trusted-service {
        padding: 50px 0 !important;
    }

    .service-details-first {
        padding: 50px 0 0 !important;
    }

    .service-detail-text {
        margin-bottom: 20px;
    }

    .tp-breadcrumb__title {
        font-size: 36px;
    }

    .tp-breadcrumb__link {
        justify-content: start;
    }

    .tp-breadcrumb__link span {
        font-size: 16px;
    }

    .nav-primary {
        margin-left: 0;
    }

    .nav-secondary {
        margin-left: 0;
    }

    .nav-tertiary {
        margin-left: 0;
    }

    .tp-nav-tavs button {
        padding: 12px 20px;
    }

    .nav-info br {
        display: none;
    }

    .tp-section__title {
        font-size: 30px;
    }

    .tp-section p {
        padding: 0px;
        font-size: 14px;
        margin-right: 0;
    }

    .header-bottom-btn {
        padding: 20px 40px;
    }

    .tp-side-info-area {
        width: 300px;
    }

    .hero-bg {
        height: 650px;
    }

    .tpherotext__title {
        font-size: 36px;
        margin-bottom: 20px;
    }

    .tpherotext__title br {
        display: none;
    }

    .tpherotext p {
        font-size: 16px;
    }

    .tpherotext p br {
        display: none;
    }

    .tp-mob-logo img {
        width: 180px;
    }

    .tpsideinfo {
        width: 280px;
    }

    .tpsideinfo__close {
        width: 30px;
        height: 30px;
    }

    .tpsideinfo__logo a img {
        width: 160px;
    }

    .testi-button-prev {
        left: 32%;
    }

    .testi-bg {
        background-position: center;
    }

    .tp-ab-sm-title {
        font-size: 30px !important;
    }

    .testi-avta-bottom {
        padding-bottom: 35px;
    }

    .tp-testimonial-arrow {
        position: absolute;
        bottom: -80px;
    }

    .tp-testi-button-prev {
        left: 32%;
    }

    .about-area.pt-130 {
        padding-top: 100px !important;
    }

    .about-area.pb-70 {
        padding-bottom: 40px !important;
    }

    .about-content.mb-60 {
        margin-bottom: 30px;
    }

    .services-details.pb-120 {
        padding-bottom: 50px;
    }

    .stat-item h1 {
        margin: 0 !important;
    }

    .stats-section {
        flex-direction: column;
        justify-content: center;
        gap: unset !important;
    }

    .stat-item {
        flex-direction: column;
        padding: 30px 0 !important;
    }

    .stat-item p {
        text-align: center;
    }

    .services-area.pb-90 {
        padding-bottom: 40px;
    }

    .services-details.pt-130 {
        padding-top: 50px;
    }

    .services-area.pb-105 {
        padding-bottom: 40px;
    }

    .tp-testi-button-next {
        right: 32%;
    }

    .contact-area.pt-130 {
        padding-top: 70px;
    }

    .opnings.pt-95 {
        padding-top: 70px;
    }

    .opnings.pb-90 {
        padding-bottom: 40px;
    }

    .opnings.mt-60 {
        margin-top: 0px;
    }

    .contact-area.pb-115 {
        padding-bottom: 40px;
    }

    .contactform__list.mb-60 {
        margin-bottom: 20px;
    }

    .about-content {
        margin-top: 50px;
    }

    .product.mb-40 {
        margin-top: 30px !important;
    }

    .network_glance {
        padding: 30px 0 !important;
    }

    .services-details.pt-130 {
        padding-top: 50px !important;
    }

    .services-details.pt-130.pb-20 .tp-section__title.mb-70 {
        margin-bottom: 16px;
    }

    .tp-blog__content {
        padding: 30px 15px;
    }

    .faq-accordion .accordion-button {
        white-space: unset !important;
    }

     .contact_us_wrapper{
        background-size: cover;
    }
}

@media only screen and (min-width: 577px) and (max-width: 767px) {

    .testi-button-next,
    .tp-testi-button-prev {
        right: 40%;
    }

    .tp-testi-button-next {
        right: 40%;
    }

     .purpose_head h5{
        padding: 0 16px 0 0;
    }
}

@media (max-width: 576px) {

    .purpose_head h5{
        padding: 0 22px 0 0;
    }

    .tp_team__thumb_image a img.specialist_img{
        max-height: unset !important;
    }

    .s4_advantage_section .tp-btn-second{
        margin-top: 20px;
    }

    .exp_box p {
        text-align: center;
    }

     .s4_text_advantage {
        font-size: 30px;
    }

    .network_glance h3 {
        font-size: 40px !important;
    }

    .services-area.pt-120 {
        padding-top: 80px;
    }

    .services-area.trusted-service,
    .services-details.trusted-service {
        padding: 30px 0 !important;
    }

    .banner-area.pt-90 {
        padding-top: 30px;
    }

    .about-area.pb-70 {
        padding-bottom: 0px !important;
    }

    .services-details.pt-130 {
        padding-top: 50px;
    }

    .banner__content {
        padding-top: 40px;
    }

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

    .banner__item {
        width: 100% !important;
    }

    .pb-70.about-area {
        padding-bottom: 0;
    }

    .counter__item {
        padding: 40px !important;
    }

    .counter-area.pb-100 {
        padding-bottom: 30px;
    }

    .research.gallery-area.pb-130 {
        padding-bottom: 30px;
    }

    .research.gallery-area.pt-120 {
        padding-top: 50px;
    }

    .services-area.pt-95 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .visitor-info {
        padding: 70px 15px;
    }

    .tp-about__content.mb-50 {
        margin-bottom: 20px;
    }

    .breadcrumb__area {
        padding: 100px 0;
    }

    .about-area.pt-130 {
        padding-top: 80px;
    }

    .research-item__thum img {
        width: 100%;
        max-height: 330px;
    }

    .tp-srv-stap__list ul li {
        padding-top: 2px;
    }

    .stat-item h1 {
        font-size: 40px !important;
    }

    .tp-services-box {
        padding: 30px 10px 20px 10px;
    }

    h4.tp-services-box__title.mb-30 {
        font-size: 18px;
    }

    .purpose_box.mt-100 {
        margin-top: 50px !important;
    }

    .contact_data h3 {
        line-height: normal !important;
    }

    .service_boxes.pb-90 {
        padding-bottom: 0 !important;
    }

    .network_glance {
        margin: 0 !important;
    }
}

@media (max-width: 425px) {
    .about__img{
        text-align: center;
    }

     .about__img img{
      height: 500px;
    }

        .about__exprience i {
        font-size: 14px;
    }
}