@import "https://fonts.googleapis.com/css2?family=Almarai&display=swap";

.footer__widget ul li a::after,.footer__info .tp-link-btn-text::after,.footer__lang-selected-lang,.footer__lang-selected-lang::after,#footer-list-inline-3 li a::before,.zoom-instagram-widget__item a::before,.blog__item-4,.blog__thumb-6,.blog__grid-item .blog__meta-10 span,.postbox__more-menu span,.sidebar__widget ul li a::after,.sidebar__widget ul li a span,.profile__tab .tp-tab-line,.profile__main-thumb-edit label,.error__thumb svg,.error__thumb svg path,.job__tag span,.job__form-btn label,.newsletter-popup,.newsletter-overlay,.newsletter__area,.newsletter__close-btn svg,.newsletter__close-btn i,.product__features-thumb::after,.product__features-thumb::before,.product__tab .nav-tabs .nav-item .nav-link::after,.product__thumb img,.product__details-tab-nav .tp-tab-line,.product-action-btn .product-action-tooltip,.biography__year p,.biography__year p::after,.biography__year p .tp-biography-bg,.vision__tab .nav-tabs .nav-item .nav-link::after,.vision__tab .nav-tabs .nav-item .nav-link span,.donate__more .tp-btn-7,.features__item::after,.features__content-9::after,.features__offer p a::after,.features__list-item::after,.features__tab .nav-tabs .nav-item .nav-link h3::after,.features__tab .nav-tabs .nav-item .nav-link h3::before,.contact__list-content-9 p a::after,.history__list-meta span,.video__play-btn .video-play-bg,.instagram__item::after,.instagram__btn,.pricing__feature-info-details span,.subscribe__thumb-animation-1,.subscribe__thumb-animation-2,.award__icon > span,.award__style-2 .award__title-9 a,.brand__item-3,.brand__item-3::after,.brand__item-5,.testimonial__item-5,.testimonial__item-6::after,.portfolio__item-2::after,.portfolio__item-2::before,.portfolio__item-5::after,.portfolio__thumb-3::before,.portfolio__tag-5,.portfolio__tag-9 span,.portfolio__title-9,.portfolio__content-5,.portfolio__content-8::after,.portfolio__content-9::after,.portfolio__text,.portfolio__view-5,.portfolio__grid-show-project,.portfolio__grid-category,.portfolio__grid-popup,.portfolio__masonary-btn-2 button::after,.portfolio-horizontal-dot .swiper-pagination-bullet,.portfolio__details-arrow button span,.portfolio__details-arrow button i,.faq__wrapper .accordion-button .accordion-btn,.faq__wrapper .accordion-button .accordion-btn::after,.faq__wrapper .accordion-button .accordion-btn::before,.faq__tab .nav-link,.faq__tab-2 .nav-link::after,.faq__style-2 .accordion-button .accordion-btn,.faq__style-2 .accordion-button .accordion-btn::after,.faq__style-2 .accordion-button .accordion-btn::before,.team__item-8::after,.team__social-4,.team__contact-overlay,.event__thumb-10-overlay .event-thumb-shape,.event__thumb-10-overlay span,.services__item-inner,.services__item-4::after,.services__item-5::after,.services__item-9::after,.services__icon span,.services__icon-4 span,.services__shape-1,.services__shape-2,.services__list-title,.services-tab-link-btn,.services-tab-link-btn::after,.services__widget-tab .nav-tabs .nav-item .nav-link,.services__widget-tab-2 ul li a,.services-link-btn i,.counter__border-animation::after,.counter__border-animation::before,.about__thumb-5 .video-play-bg,.about__tab-nav .nav-link,.about__tab-nav .tp-tab-line,.about__education-des p a::after,.about__play-btn .video-play-bg,.about__gallery-arrow button span,.slider__thumb-9::after,.slider__thumb-10 .thumb-border::after,.slider__thumb-10 .thumb-border::before,.slider__thumb-13-circle-1,.slider__thumb-13-circle-2,.slider__product-thumb-single,.slider__product-thumb-sm::after,.main-slider-dot .swiper-pagination-bullet,.main-slider-dot-8 .swiper-pagination-bullet,.mean-container .mean-nav ul li > a.mean-expand i,.main-menu ul li.has-dropdown > a::after,.main-menu ul li .submenu,.main-menu ul li .submenu li a::before,.main-menu ul li .mega-menu,.main-menu ul li .mega-menu li ul li a::before,.main-menu-4 ul li a::before,.main-menu-9 ul li a::before,.main-menu-11 ul li a::before,.main-menu-12 ul li a::before,.header__info ul li a,.header__info ul li span,.header__lang-selected-lang,.header__lang-selected-lang::after,.header__btn-12 .header-btn-12-icon span,.search__input,.search__input::after,.tp-accordion .accordion-button::after,.offcanvas__instagram-thumb a::after,.offcanvas__full,.offcanvas__full-menu ul li.has-dropdown > a::after,.offcanvas__full-menu ul li .submenu,.tp-swiper-dot .swiper-pagination-bullet,.tp-swiper-dot .swiper-pagination-bullet::after,.tp-swiper-dot-2 .swiper-pagination-bullet,.tp-pulse-border::after,.tp-pulse-border::before,.hamburger-btn span,.hamburger-btn-text::after,.hamburger-btn-text span,.hamburger-btn-8::after,.hamburger-btn-8::before,.tp-custom-arrow::after,.tp-custom-arrow::before,.tp-btn-5::after,.tp-btn-border-9::after,.tp-theme-color-btn::before,.tp-theme-color-input label,h1,h2,h3,h4,h5,h6,a,.btn,p,button,input,select,textarea,li,img,.transition-3,.body-overlay,.nice-select::after,.tp-cart-plus,.tp-cart-minus,.back-to-top-wrapper
{
    -webkit-transition:all .3s ease-out 0;
    -moz-transition:all .3s ease-out 0;
    -ms-transition:all .3s ease-out 0;
    -o-transition:all .3s ease-out 0;
    transition:all .3s ease-out 0
}

:root
{
    --tp-ff-body:Almarai,sans-serif;
    --tp-ff-heading:Almarai,sans-serif;
    --tp-ff-p:Almarai,sans-serif;
    --tp-ff-inter:Almarai,sans-serif;
    --tp-ff-roboto:Almarai,sans-serif;
    --tp-ff-oswald:Almarai,sans-serif;
    --tp-ff-poppins:Almarai,sans-serif;
    --tp-ff-space:Almarai,sans-serif;
    --tp-ff-play:Almarai,serif;
    --tp-ff-syne:Almarai,sans-serif;
    --tp-ff-rajdhani:Almarai,sans-serif;
    --tp-ff-fontawesome:"Font Awesome 6 Pro";
    --tp-common-white:#fff;
    --tp-common-white-op-7:rgba(255,255,255,0.7019607843);
    --tp-common-white-op-3:rgba(255,255,255,0.3019607843);
    --tp-common-white-op-03:rgba(255,255,255,0.3019607843);
    --tp-common-white-op-1:rgba(255,255,255,0.1019607843);
    --tp-common-black-solid:#000;
    --tp-common-black:#03041C;
    --tp-common-black-2:#152E27;
    --tp-common-black-3:#101D2D;
    --tp-common-black-4:#2C2D3C;
    --tp-common-black-5:#090E38;
    --tp-common-black-6:#171C44;
    --tp-common-black-7:#12173E;
    --tp-common-black-8:#141637;
    --tp-common-black-9:#0D121E;
    --tp-common-black-10:#414651;
    --tp-common-black-11:#04121F;
    --tp-common-black-12:#111428;
    --tp-common-black-13:#0C0F21;
    --tp-common-black-14:#1F2235;
    --tp-common-black-15:#051214;
    --tp-common-black-16:#06071C;
    --tp-common-black-17:#0D1031;
    --tp-common-black-18:#050616;
    --tp-common-black-19:#383840;
    --tp-common-blue:#171871;
    --tp-common-blue-2:#3242EE;
    --tp-common-blue-3:#306AFA;
    --tp-common-blue-4:#2160FE;
    --tp-common-blue-5:#0057FC;
    --tp-common-blue-dark:#1B2BD7;
    --tp-common-khaki:#E0D1B4;
    --tp-common-khaki-2:#FFE4D4;
    --tp-common-khaki-3:#FCD2B9;
    --tp-common-khaki-4:#FF904F;
    --tp-common-purple:#6364DB;
    --tp-common-purple-2:#5557F3;
    --tp-common-purple-3:#7B62FF;
    --tp-common-purple-4:#7C6ADD;
    --tp-common-purple-5:#9542F4;
    --tp-common-purple-6:#5672FF;
    --tp-common-purple-7:#5253CE;
    --tp-common-purple-light:#EDEFF9;
    --tp-common-purple-dark:#1D1D4D;
    --tp-common-footer-bg:#1D1D4D;
    --tp-common-footer-bg-dark:#090E38;
    --tp-common-footer-bg-black:#12173E;
    --tp-common-footer-bg-black-2:#0D121E;
    --tp-common-footer-bg-black-3:#1F2235;
    --tp-common-footer-bg-black-4:#050616;
    --tp-common-footer-bg-green:#022B26;
    --tp-common-footer-bg-green-dark:#002E24;
    --tp-common-footer-bg-grey:#F3F3F5;
    --tp-common-footer-bg-grey-4:#F0F0F5;
    --tp-common-footer-bg-blue:#1D1D4C;
    --tp-common-green:teal;
    --tp-common-green-2:#08AF5C;
    --tp-common-green-3:#03A191;
    --tp-common-green-4:#5EB74B;
    --tp-common-green-5:#14B789;
    --tp-common-green-6:#C9CDAA;
    --tp-common-green-7:#1BA930;
    --tp-common-green-dark:#0E3531;
    --tp-common-green-dark-2:#09554D;
    --tp-common-green-light:#7ABB8D;
    --tp-common-green-light-2:#E7F2F2;
    --tp-common-green-light-3:#E2F3F0;
    --tp-common-green-light-4:#DFF1EE;
    --tp-common-green-light-5:#D9E7DB;
    --tp-common-pink:#F96B6A;
    --tp-common-pink-2:#FF3975;
    --tp-common-pink-3:#F21C83;
    --tp-common-pink-4:#E349E3;
    --tp-common-pink-light:#FFEEF1;
    --tp-common-yellow:#FFB422;
    --tp-common-yellow-2:#E99A4E;
    --tp-common-yellow-3:#FFC062;
    --tp-common-yellow-4:#FFFF2B;
    --tp-common-yellow-5:#FFB21D;
    --tp-common-orange:#F46A35;
    --tp-common-orange-2:#EA7B50;
    --tp-common-orange-3:#FF8045;
    --tp-common-orange-4:#FF8848;
    --tp-common-brown:#F1E2CB;
    --tp-common-brown-dark:#D96800;
    --tp-common-brown-dark-2:#D93D1E;
    --tp-common-brown-light:#E8EBF0;
    --tp-heading-primary:#03041C;
    --tp-grey-1:#F1F1F1;
    --tp-grey-2:#F5F6F8;
    --tp-grey-3:#E6E6EC;
    --tp-grey-4:#F0F0F5;
    --tp-grey-5:#D4D4DD;
    --tp-grey-6:#D5D5DF;
    --tp-grey-7:#F5F5F5;
    --tp-grey-8:#F8F8F8;
    --tp-grey-9:#F3F3F3;
    --tp-grey-10:#F4F5FA;
    --tp-grey-11:#EFF1F8;
    --tp-grey-12:#F3F3F5;
    --tp-grey-13:#F8F4EE;
    --tp-grey-14:#F9F9F9;
    --tp-grey-15:#F5F5F8;
    --tp-grey-16:#F7F7F7;
    --tp-grey-17:#F0F2EE;
    --tp-grey-18:#F2F3F5;
    --tp-text-body:#525258;
    --tp-text-1:#525258;
    --tp-text-2:#A3A3AA;
    --tp-text-3:#B0B0B8;
    --tp-text-4:#BDBDC6;
    --tp-text-5:#EAEAEA;
    --tp-text-6:#5E6167;
    --tp-text-7:#9598B5;
    --tp-text-8:#898DA9;
    --tp-text-9:#8D90AA;
    --tp-text-10:#85858B;
    --tp-text-11:#B2B8B7;
    --tp-text-12:#C2C7C6;
    --tp-text-13:#6C6C7C;
    --tp-text-14:#717388;
    --tp-text-15:#81849B;
    --tp-text-16:#CACBD2;
    --tp-text-17:#898A94;
    --tp-text-18:#5E626A;
    --tp-text-19:#787D87;
    --tp-text-20:#8F98AA;
    --tp-text-21:#8A8D94;
    --tp-text-22:#7D8995;
    --tp-text-23:#858585;
    --tp-text-24:#C0C9C7;
    --tp-text-25:#B7B7BB;
    --tp-theme-1:#F50963;
    --tp-theme-1-dark:#C3004B;
    --tp-theme-2:teal;
    --tp-theme-2-dark:#065454;
    --tp-theme-3:#F31E5E;
    --tp-theme-4:#AB6C56;
    --tp-theme-4-dark:#844B37;
    --tp-theme-5:#4353FF;
    --tp-theme-6:#3661FC;
    --tp-theme-7:#2CAE76;
    --tp-theme-8:#FF5A1B;
    --tp-theme-9:#03041C;
    --tp-theme-10:#ED212C;
    --tp-rgb-theme-1:245,9,99;
    --tp-rgb-theme-1-dark:195,0,75;
    --tp-rgb-theme-2:0,128,128;
    --tp-rgb-theme-2-dark:6,84,84;
    --tp-rgb-theme-3:243,30,94;
    --tp-rgb-theme-4:171,108,86;
    --tp-rgb-theme-4-dark:132,75,55;
    --tp-rgb-theme-5:67,83,255;
    --tp-rgb-theme-6:54,97,252;
    --tp-rgb-theme-7:44,174,118;
    --tp-rgb-theme-8:255,90,27;
    --tp-rgb-theme-9:3,4,28;
    --tp-rgb-theme-10:237,33,44;
    --tp-rgb-purple:99,100,219;
    --tp-border-1:rgba(255,255,255,0.1019607843);
    --tp-border-2:#EAEAF0;
    --tp-border-3:rgba(255,255,255,0.2);
    --tp-border-4:#EFEFF5;
    --tp-border-5:#EAEAEF;
    --tp-border-6:#CFD0DA;
    --tp-border-7:#E8E9F1;
    --tp-border-8:#F1F1F1;
    --tp-border-9:#EFEFEF;
    --tp-fw-normal:normal;
    --tp-fw-elight:200;
    --tp-fw-light:300;
    --tp-fw-regular:400;
    --tp-fw-medium:500;
    --tp-fw-sbold:600;
    --tp-fw-bold:700;
    --tp-fw-ebold:800;
    --tp-fw-black:900;
    --tp-fz-body:14px;
    --tp-fz-p:14px;
    --tp-fz-h1:40px;
    --tp-fz-h2:36px;
    --tp-fz-h3:24px;
    --tp-fz-h4:20px;
    --tp-fz-h5:16px;
    --tp-fz-h6:14px
}

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

body
{
    color:var(--tp-text-body);
    scroll-behavior:smooth;
    font:var(--tp-fw-regular) var(--tp-fz-body)/26px var(--tp-ff-body)
}

a
{
    text-decoration:none
}

h1,h2,h3,h4,h5,h6
{
    font-family:var(--tp-ff-heading);
    color:var(--tp-heading-primary);
    margin-top:0;
    font-weight:var(--tp-fw-bold);
    line-height:1.522
}

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

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

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

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

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

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

ul
{
    margin:0;
    padding:0
}

p
{
    color:var(--tp-text-body);
    margin-bottom:15px;
    font:var(--tp-fw-regular) var(--tp-fz-p)/26px var(--tp-ff-p)
}

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[type=text],input[type=email],input[type=tel],input[type=number],input[type=password],textarea
{
    outline:none;
    background-color:#EFF0F2;
    height:54px;
    width:100%;
    line-height:54px;
    font-size:18px;
    border:2px solid #EFF0F2;
    color:var(--tp-common-black);
    padding-left:29px;
    padding-right:29px
}

[dir=rtl] input[type=text],[dir=rtl] input[type=email],[dir=rtl] input[type=tel],[dir=rtl] input[type=number],[dir=rtl] input[type=password],[dir=rtl] textarea
{
    text-align:right
}

input[type=text]::-webkit-input-placeholder,input[type=email]::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,textarea::-webkit-input-placeholder
{
    color:#84848B
}

input[type=text]:-moz-placeholder,input[type=email]:-moz-placeholder,input[type=tel]:-moz-placeholder,input[type=number]:-moz-placeholder,input[type=password]:-moz-placeholder,textarea:-moz-placeholder
{
    color:#84848B
}

input[type=text]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=password]::-moz-placeholder,textarea::-moz-placeholder
{
    color:#84848B
}

input[type=text]:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,textarea:-ms-input-placeholder
{
    color:#84848B
}

textarea
{
    height:160px;
    line-height:1.2;
    padding-top:20px;
    resize: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;
    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
}

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

.background-fixed
{
    background-attachment:fixed
}

.body-overlay
{
    background-color:var(--tp-common-black);
    height:100%;
    width:100%;
    position:fixed;
    top:0;
    z-index:99;
    left:0;
    opacity:0;
    visibility:hidden
}

.body-overlay:hover
{
    cursor:pointer
}

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

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

.tp-pagination ul li
{
    display:inline-block;
    margin-bottom:20px
}

.tp-pagination ul li:not(:last-child)
{
    margin-right:1px
}

.tp-pagination ul li a,.tp-pagination ul li span
{
    display:inline-block;
    color:var(--tp-text-1);
    min-height:44px;
    min-width:44px;
    line-height:44px;
    text-align:center;
    background-color:var(--tp-common-white);
    box-shadow:0 1px 3px rgba(3,4,28,0.06);
    font:500 16px/20px var(--tp-ff-space)
}

.tp-pagination ul li a:hover,.tp-pagination ul li a.current,.tp-pagination ul li span:hover,
.tp-pagination ul li.active
{
    background:var(--tp-theme-1);
    border-color:var(--tp-theme-1);
    color:var(--tp-common-white);
    box-shadow:0 1px 2px rgba(3,4,28,0.1)
}

.tp-pagination .active a{
    background:var(--tp-theme-1) !important;
    border-color:var(--tp-theme-1) !important;
    color:var(--tp-common-white);
    box-shadow:0 1px 2px rgba(3,4,28,0.1)

}

.tp-pagination ul li a svg,.tp-pagination ul li a i,.tp-pagination ul li span svg,.tp-pagination ul li span i
{
    margin-left:2px
}

.tp-pagination ul li a svg,.tp-pagination ul li span svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.tp-pagination ul li a.page-numbers
{
    padding:12px 19px;
    line-height:1.2
}

.tp-pagination ul li a.tp-pagination-prev svg,.tp-pagination ul li a.tp-pagination-prev i
{
    margin-left:0;
    margin-right:2px
}

.tp-pagination-style-2 ul li a,.tp-pagination-style-2 ul li span
{
    border:1px solid #EAEAEF;
    line-height:42px;
    box-shadow:none
}

[dir=rtl] .nice-select
{
    float:right;
    text-align:right!important
}

.nice-select::after
{
    border:none;
    background-color:transparent;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    margin-top:0;
    right:0;
    content:"\f107";
    font-family:var(--tp-ff-fontawesome);
    transform-origin:center;
    color:var(--tp-common-black);
    font-weight:500;
    height:auto;
    width:auto
}

[dir=rtl] .nice-select::after
{
    right:auto;
    left:0
}

[dir=rtl] .nice-select .option
{
    text-align:right
}

.nice-select.open::after
{
    -webkit-transform:translateY(-50%) rotate(-180deg);
    -moz-transform:translateY(-50%) rotate(-180deg);
    -ms-transform:translateY(-50%) rotate(-180deg);
    -o-transform:translateY(-50%) rotate(-180deg);
    transform:translateY(-50%) rotate(-180deg)
}

.tp-thumb-overlay
{
    position:absolute;
    content:"";
    top:0;
    left:0;
    width:0;
    height:100%;
    background-color:var(--tp-grey-4);
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-name:tpoverlay;
    animation-name:tpoverlay;
    animation-delay:.3s;
    animation-timing-function:cubic-bezier(0.785,0.135,0.15,0.86);
    animation-duration:1s;
    animation-delay:.5s;
    animation-iteration-count:1;
    animation-fill-mode:both;
    z-index:99
}

@-webkit-keyframes tpoverlay {
    0%,100%
    {
        width:0;
        left:0
    }

    50%
    {
        width:100%;
        left:0
    }

    100%
    {
        left:100%
    }
}

@-moz-keyframes tpoverlay {
    0%,100%
    {
        width:0;
        left:0
    }

    50%
    {
        width:100%;
        left:0
    }

    100%
    {
        left:100%
    }
}

@-ms-keyframes tpoverlay {
    0%,100%
    {
        width:0;
        left:0
    }

    50%
    {
        width:100%;
        left:0
    }

    100%
    {
        left:100%
    }
}

@keyframes tpoverlay {
    0%,100%
    {
        width:0;
        left:0
    }

    50%
    {
        width:100%;
        left:0
    }

    100%
    {
        left:100%
    }
}

.tp-gx-6
{
    --bs-gutter-x:60px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tp-gx-6
    {
        --bs-gutter-x:50px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tp-gx-6
    {
        --bs-gutter-x:30px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tp-gx-6
    {
        --bs-gutter-x:30px
    }
}

@media (max-width: 575px) {
    .tp-gx-6
    {
        --bs-gutter-x:15px
    }
}

.tp-gx-6 [class*=col-]
{
    padding-right:calc(var(--bs-gutter-x) * 0.5);
    padding-left:calc(var(--bs-gutter-x) * 0.5);
    margin-top:var(--bs-gutter-y)
}

.tp-gx-4
{
    --bs-gutter-x:40px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tp-gx-4
    {
        --bs-gutter-x:40px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tp-gx-4
    {
        --bs-gutter-x:30px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tp-gx-4
    {
        --bs-gutter-x:30px
    }
}

@media (max-width: 575px) {
    .tp-gx-4
    {
        --bs-gutter-x:15px
    }
}

.tp-gx-4 [class*=col-]
{
    padding-right:calc(var(--bs-gutter-x) * 0.5);
    padding-left:calc(var(--bs-gutter-x) * 0.5);
    margin-top:var(--bs-gutter-y)
}

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

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tp-gx-20
    {
        --bs-gutter-x:20px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tp-gx-20
    {
        --bs-gutter-x:20px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tp-gx-20
    {
        --bs-gutter-x:15px
    }
}

@media (max-width: 575px) {
    .tp-gx-20
    {
        --bs-gutter-x:10px
    }
}

.tp-gx-20 [class*=col-]
{
    padding-right:calc(var(--bs-gutter-x) * 0.5);
    padding-left:calc(var(--bs-gutter-x) * 0.5);
    margin-top:var(--bs-gutter-y)
}

.bg-luminosity
{
    background-blend-mode:luminosity
}

.tp-bg-no-repeat
{
    background-repeat:no-repeat;
    background-repeat:repeat-x
}

.tp-product-quantity
{
    width:148px;
    position:relative
}

.tp-cart-plus,.tp-cart-minus
{
    width:45px;
    height:44px;
    line-height:44px;
    display:inline-block;
    text-align:center;
    font-size:16px;
    color:var(--tp-common-black);
    position:absolute;
    top:50%;
    left:0;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%)
}

.tp-cart-plus::after,.tp-cart-minus::after
{
    position:absolute;
    content:"";
    width:1px;
    height:26px;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    right:0;
    background-color:#DADCE0
}

.tp-cart-plus svg,.tp-cart-minus svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.tp-cart-plus:hover,.tp-cart-minus:hover
{
    cursor:pointer;
    color:var(--tp-theme-1)
}

.tp-cart-plus.tp-cart-plus,.tp-cart-minus.tp-cart-plus
{
    left:auto;
    right:0
}

.tp-cart-plus.tp-cart-plus::after,.tp-cart-minus.tp-cart-plus::after
{
    left:0;
    right:auto
}

.tp-cart-input[type=text]
{
    height:44px;
    text-align:center;
    font-size:14px;
    border:1px solid #DADCE0;
    background-color:var(--tp-common-white);
    padding:0 45px
}

[dir=rtl] .tp-cart-input[type=text]
{
    text-align:center
}

.tp-cart-input[type=text]:focus
{
    outline:none
}

.back-to-top-wrapper
{
    opacity:0;
    visibility:hidden
}

[dir=rtl] .back-to-top-wrapper
{
    right:auto;
    left:50px
}

@media (max-width: 575px) {
    .back-to-top-wrapper
    {
        right:20px;
        bottom:20px
    }

    [dir=rtl] .back-to-top-wrapper
    {
        right:auto;
        left:20px
    }
}

.back-to-top-wrapper.back-to-top-btn-show
{
    visibility:visible;
    opacity:1;
    bottom:50px
}

.back-to-top-btn
{
    display:inline-block;
    width:44px;
    height:44px;
    line-height:44px;
    text-align:center;
    background:var(--tp-common-black);
    box-shadow:0 8px 16px rgba(3,4,28,0.3);
    color:var(--tp-common-white);
    border-radius:50%;
    -webkit-transition:all .2s ease-out 0;
    -moz-transition:all .2s ease-out 0;
    -ms-transition:all .2s ease-out 0;
    -o-transition:all .2s ease-out 0;
    transition:all .2s ease-out 0
}

.back-to-top-btn svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.back-to-top-btn:hover
{
    -webkit-transform:translateY(-4px);
    -moz-transform:translateY(-4px);
    -ms-transform:translateY(-4px);
    -o-transform:translateY(-4px);
    transform:translateY(-4px)
}

.tp-separator
{
    width:100%;
    height:1px;
    background-color:var(--tp-border-5)
}

.tp-separator-white
{
    background-color:var(--tp-common-white)
}

.header-box-plr-55
{
    padding-left:55px;
    padding-right:55px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-box-plr-55
    {
        padding-left:15px;
        padding-right:15px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-box-plr-55
    {
        padding-left:25px;
        padding-right:25px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .header-box-plr-55
    {
        padding-left:15px;
        padding-right:15px
    }
}

@media (max-width: 575px) {
    .header-box-plr-55
    {
        padding-left:0;
        padding-right:0
    }
}

.header-box-plr-245
{
    padding-left:245px;
    padding-right:245px
}

@media only screen and (min-width: 1600px) and (max-width: 1699px) {
    .header-box-plr-245
    {
        padding-left:120px;
        padding-right:120px
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .header-box-plr-245
    {
        padding-left:100px;
        padding-right:100px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .header-box-plr-245
    {
        padding-left:30px;
        padding-right:30px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-box-plr-245
    {
        padding-left:30px;
        padding-right:30px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-box-plr-245
    {
        padding-left:25px;
        padding-right:25px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-box-plr-245
    {
        padding-left:15px;
        padding-right:15px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .header-box-plr-245
    {
        padding-left:15px;
        padding-right:15px
    }
}

@media (max-width: 575px) {
    .header-box-plr-245
    {
        padding-left:0;
        padding-right:0
    }
}

.header-box-plr-5-245
{
    padding-left:245px;
    padding-right:245px
}

@media only screen and (min-width: 1700px) and (max-width: 1899px) {
    .header-box-plr-5-245
    {
        padding-left:200px;
        padding-right:200px
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1699px) {
    .header-box-plr-5-245
    {
        padding-left:160px;
        padding-right:160px
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .header-box-plr-5-245
    {
        padding-left:100px;
        padding-right:100px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .header-box-plr-5-245
    {
        padding-left:30px;
        padding-right:30px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-box-plr-5-245
    {
        padding-left:30px;
        padding-right:30px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-box-plr-5-245
    {
        padding-left:25px;
        padding-right:25px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-box-plr-5-245
    {
        padding-left:15px;
        padding-right:15px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .header-box-plr-5-245
    {
        padding-left:15px;
        padding-right:15px
    }
}

@media (max-width: 575px) {
    .header-box-plr-5-245
    {
        padding-left:0;
        padding-right:0
    }
}

.box-plr-6-245
{
    padding-left:245px;
    padding-right:245px
}

@media only screen and (min-width: 1700px) and (max-width: 1899px) {
    .box-plr-6-245
    {
        padding-left:200px;
        padding-right:200px
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1699px) {
    .box-plr-6-245
    {
        padding-left:160px;
        padding-right:160px
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .box-plr-6-245
    {
        padding-left:100px;
        padding-right:100px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .box-plr-6-245
    {
        padding-left:30px;
        padding-right:30px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .box-plr-6-245
    {
        padding-left:30px;
        padding-right:30px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .box-plr-6-245
    {
        padding-left:25px;
        padding-right:25px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .box-plr-6-245
    {
        padding-left:15px;
        padding-right:15px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .box-plr-6-245
    {
        padding-left:15px;
        padding-right:15px
    }
}

@media (max-width: 575px) {
    .box-plr-6-245
    {
        padding-left:0;
        padding-right:0
    }
}

.box-plr-245
{
    padding-left:245px;
    padding-right:245px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .box-plr-245
    {
        padding-left:15px;
        padding-right:15px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .box-plr-245
    {
        padding-left:25px;
        padding-right:25px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .box-plr-245
    {
        padding-left:15px;
        padding-right:15px
    }
}

@media (max-width: 575px) {
    .box-plr-245
    {
        padding-left:0;
        padding-right:0
    }
}

.box-plr-5-245
{
    padding-left:245px;
    padding-right:245px
}

@media only screen and (min-width: 1700px) and (max-width: 1899px) {
    .box-plr-5-245
    {
        padding-left:200px;
        padding-right:200px
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1699px) {
    .box-plr-5-245
    {
        padding-left:160px;
        padding-right:160px
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .box-plr-5-245
    {
        padding-left:100px;
        padding-right:100px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .box-plr-5-245
    {
        padding-left:30px;
        padding-right:30px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .box-plr-5-245
    {
        padding-left:30px;
        padding-right:30px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .box-plr-5-245
    {
        padding-left:25px;
        padding-right:25px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .box-plr-5-245
    {
        padding-left:15px;
        padding-right:15px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .box-plr-5-245
    {
        padding-left:15px;
        padding-right:15px
    }
}

@media (max-width: 575px) {
    .box-plr-5-245
    {
        padding-left:0;
        padding-right:0
    }
}

.box-plr-55
{
    padding-left:55px;
    padding-right:55px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .box-plr-55
    {
        padding-left:15px;
        padding-right:15px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .box-plr-55
    {
        padding-left:25px;
        padding-right:25px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .box-plr-55
    {
        padding-left:15px;
        padding-right:15px
    }
}

@media (max-width: 575px) {
    .box-plr-55
    {
        padding-left:0;
        padding-right:0
    }
}

.box-plr-15
{
    padding-left:15px;
    padding-right:15px
}

@media (max-width: 575px) {
    .box-plr-15
    {
        padding-left:0;
        padding-right:0
    }
}

.box-plr-145
{
    padding-left:145px;
    padding-right:145px
}

@media only screen and (min-width: 1700px) and (max-width: 1899px) {
    .box-plr-145
    {
        padding-left:40px;
        padding-right:40px
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1699px),only screen and (min-width: 1400px) and (max-width: 1599px),only screen and (min-width: 1200px) and (max-width: 1399px) {
    .box-plr-145
    {
        padding-left:65px;
        padding-right:65px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px) {
    .box-plr-145
    {
        padding-left:15px;
        padding-right:15px
    }
}

@media (max-width: 575px) {
    .box-plr-145
    {
        padding-left:0;
        padding-right:0
    }
}

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

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .slider-mt-50
    {
        margin-top:0
    }
}

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

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

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

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

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

.tp-theme-settings-area
{
    position:fixed;
    top:50%;
    left:0;
    width:240px;
    background-color:#fff;
    border:1px solid #EAEAEF;
    -webkit-transform:translateY(-50%) translateX(-100%);
    -moz-transform:translateY(-50%) translateX(-100%);
    -ms-transform:translateY(-50%) translateX(-100%);
    -o-transform:translateY(-50%) translateX(-100%);
    transform:translateY(-50%) translateX(-100%);
    z-index:991;
    direction:ltr;
    border-bottom-right-radius:4px
}

.tp-theme-settings-area.settings-opened
{
    -webkit-transform:translateY(-50%) translateX(0%);
    -moz-transform:translateY(-50%) translateX(0%);
    -ms-transform:translateY(-50%) translateX(0%);
    -o-transform:translateY(-50%) translateX(0%);
    transform:translateY(-50%) translateX(0%)
}

.tp-theme-settings-area.settings-opened .tp-theme-settings-gear
{
    opacity:0
}

.tp-theme-settings-area.settings-opened .tp-theme-settings-close
{
    opacity:1
}

.tp-theme-settings-open
{
    position:absolute;
    top:-1px;
    left:100%
}

.tp-theme-settings-open button
{
    background-color:var(--tp-common-white);
    border:1px solid #EAEAEF;
    border-left:0;
    width:60px;
    height:60px;
    line-height:60px;
    text-align:center;
    font-size:24px;
    color:var(--tp-common-black);
    position:relative;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px
}

.tp-theme-settings-gear
{
    display:inline-block;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite
}

@-webkit-keyframes spin {
    100%
    {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}

@-moz-keyframes spin {
    100%
    {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}

@-ms-keyframes spin {
    100%
    {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}

@keyframes spin {
    100%
    {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}

.tp-theme-settings-close
{
    display:inline-block;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    opacity:0
}

.tp-theme-header-title
{
    font-size:16px;
    font-weight:600;
    margin-bottom:30px
}

.tp-theme-wrapper
{
    padding:20px 30px 30px
}

.tp-theme-toggle
{
    text-align:center
}

.tp-theme-toggle-main
{
    display:inline-block;
    width:160px;
    margin:auto;
    position:relative;
    z-index:1;
    background-color:#f0f0f5;
    padding:4px;
    border-radius:20px
}

.tp-theme-toggle-light,.tp-theme-toggle-dark
{
    display:inline-block;
    width:48%;
    height:26px;
    line-height:26px
}

.tp-theme-toggle input
{
    display:none
}

.tp-theme-toggle:hover
{
    cursor:pointer
}

.tp-theme-toggle label
{
    color:var(--tp-common-black);
    font-size:14px;
    font-weight:500
}

.tp-theme-toggle label:hover
{
    cursor:pointer
}

.tp-theme-toggle #tp-theme-toggler
{
    display:none
}

.tp-theme-toggle #tp-theme-toggler:checked + i
{
    right:calc(50% - 4px)
}

.tp-theme-toggle-slide
{
    position:absolute;
    top:50%;
    right:4px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:50%;
    height:26px;
    color:var(--tp-common-black);
    background-color:var(--tp-common-white);
    border-radius:30px;
    -webkit-transform:translate3d(0,0);
    transform:translate3d(0,0);
    -webkit-transition:.2s cubic-bezier(0.25,1,0.5,1);
    -o-transition:.2s cubic-bezier(0.25,1,0.5,1);
    transition:.2s cubic-bezier(0.25,1,0.5,1);
    z-index:-1
}

.tp-theme-dir
{
    text-align:center
}

.tp-theme-dir-main
{
    display:inline-block;
    width:160px;
    margin:auto;
    position:relative;
    z-index:1;
    background-color:#f0f0f5;
    padding:4px;
    border-radius:20px
}

.tp-theme-dir-ltr,.tp-theme-dir-rtl
{
    display:inline-block;
    width:48%;
    height:26px;
    line-height:26px
}

.tp-theme-dir input
{
    display:none
}

.tp-theme-dir:hover
{
    cursor:pointer
}

.tp-theme-dir label
{
    color:var(--tp-common-black);
    font-size:14px;
    font-weight:500
}

.tp-theme-dir label:hover
{
    cursor:pointer
}

.tp-theme-dir #tp-dir-toggler
{
    display:none
}

.tp-theme-dir #tp-dir-toggler:checked + i
{
    right:calc(50% - 4px)
}

.tp-theme-dir-slide
{
    position:absolute;
    top:50%;
    right:4px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:50%;
    height:26px;
    color:var(--tp-common-black);
    background-color:var(--tp-common-white);
    border-radius:30px;
    -webkit-transform:translate3d(0,0);
    transform:translate3d(0,0);
    -webkit-transition:.2s cubic-bezier(0.25,1,0.5,1);
    -o-transition:.2s cubic-bezier(0.25,1,0.5,1);
    transition:.2s cubic-bezier(0.25,1,0.5,1);
    z-index:-1
}

.tp-theme-color-item.active button::before
{
    opacity:1;
    visibility:visible
}

.tp-theme-color-btn
{
    width:100%;
    height:40px;
    line-height:40px;
    text-align:center;
    position:relative
}

.tp-theme-color-btn::before
{
    position:absolute;
    content:"\f00c";
    color:var(--tp-common-white);
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    opacity:0;
    visibility:hidden;
    font:600 16px var(--tp-ff-fontawesome)
}

.tp-theme-color-btn.tp-color-settings-btn[data-color="#F50963"]
{
    background-color:#F50963
}

.tp-theme-color-btn.tp-color-settings-btn[data-color="#008080"]
{
    background-color:teal
}

.tp-theme-color-btn.tp-color-settings-btn[data-color="#F31E5E"]
{
    background-color:var(--tp-theme-3)
}

.tp-theme-color-btn.tp-color-settings-btn[data-color="#AB6C56"]
{
    background-color:var(--tp-theme-4);
    color:#000
}

.tp-theme-color-btn.tp-color-settings-btn[data-color="#4353FF"]
{
    background-color:var(--tp-theme-5)
}

.tp-theme-color-btn.tp-color-settings-btn[data-color="#3661FC"]
{
    background-color:var(--tp-theme-6)
}

.tp-theme-color-btn.tp-color-settings-btn[data-color="#2CAE76"]
{
    background-color:var(--tp-theme-7)
}

.tp-theme-color-btn.tp-color-settings-btn[data-color="#FF5A1B"]
{
    background-color:var(--tp-theme-8)
}

.tp-theme-color-btn.tp-color-settings-btn[data-color="#03041C"]
{
    background-color:var(--tp-theme-9)
}

.tp-theme-color-btn.tp-color-settings-btn[data-color="#ED212C"]
{
    background-color:var(--tp-theme-10)
}

.tp-theme-color-input
{
    margin-top:15px
}

.tp-theme-color-input h6
{
    font-size:14px;
    font-weight:600;
    margin-bottom:5px
}

.tp-theme-color-input label
{
    display:inline-block;
    width:100%;
    height:40px;
    line-height:40px;
    text-align:center;
    background-color:var(--tp-theme-1)
}

.tp-theme-color-input label:hover
{
    cursor:pointer
}

.tp-theme-color-input input
{
    display:none
}

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

.pulse-btn:hover
{
    background-color:var(--tp-common-black);
    color:var(--tp-common-black)
}

.pulse-btn i
{
    padding-left:2px
}

.tp-pulse-border
{
    border-radius:50%;
    z-index:1
}

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

.tp-pulse-border::before
{
    animation-delay:.7s
}

.tp-pulse-btn-2
{
    position:relative
}

.tp-pulse-btn-2-inner
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:50%
}

.tp-pulse-btn-2::after,.tp-pulse-btn-2::before,.tp-pulse-btn-2-inner::after
{
    content:" ";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:50%;
    -webkit-box-shadow:0 0 0 0 currentColor;
    box-shadow:0 0 0 0 currentColor;
    -webkit-animation:tp-pulse-btn-effect 3s infinite;
    animation:tp-pulse-btn-effect 3s infinite;
    opacity:.6;
    z-index:-1;
    -webkit-animation-delay:.9s;
    animation-delay:.9s
}

.tp-pulse-btn-2::after
{
    -webkit-animation-delay:.3s;
    animation-delay:.3s
}

.tp-pulse-btn-2-inner::after
{
    -webkit-animation-delay:0;
    animation-delay:0
}

.hamburger-btn
{
    width:34px;
    height:24px;
    position:relative;
    cursor:pointer;
    background:transparent;
    border:0;
    outline:0
}

.hamburger-btn span
{
    display:inline-block;
    position:absolute;
    left:0;
    background:var(--tp-common-white);
    height:2px;
    width:25px;
    opacity:1;
    z-index:1;
    border-radius:10px
}

.hamburger-btn span:nth-child(1)
{
    top:0
}

.hamburger-btn span:nth-child(2)
{
    top:10px;
    width:14px;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%)
}

.hamburger-btn span:nth-child(3)
{
    top:20px;
    right:0;
    left:auto
}

.hamburger-btn:hover span:nth-child(1)
{
    left:10px
}

.hamburger-btn:hover span:nth-child(3)
{
    right:10px
}

.hamburger-btn-black
{
    height:15px;
    width:30px;
    top:-4px
}

.hamburger-btn-black span
{
    background-color:var(--tp-common-black-2)
}

.hamburger-btn-black span:nth-child(1)
{
    top:0
}

.hamburger-btn-black span:nth-child(2)
{
    top:7px
}

.hamburger-btn-black span:nth-child(3)
{
    top:14px
}

.hamburger-btn-black:hover span
{
    background-color:var(--tp-theme-1)
}

.hamburger-btn-brown
{
    height:15px;
    width:30px;
    top:-4px
}

.hamburger-btn-brown span
{
    background-color:var(--tp-theme-4)
}

.hamburger-btn-brown span:nth-child(1)
{
    top:0
}

.hamburger-btn-brown span:nth-child(2)
{
    top:7px
}

.hamburger-btn-brown span:nth-child(3)
{
    top:14px
}

.hamburger-btn-red
{
    height:15px;
    width:30px;
    top:-4px
}

.hamburger-btn-red span:nth-child(1)
{
    top:0
}

.hamburger-btn-red span:nth-child(2)
{
    top:7px
}

.hamburger-btn-red span:nth-child(3)
{
    top:14px
}

.hamburger-btn-red:hover span
{
    background-color:var(--tp-theme-10)
}

.hamburger-btn-blue:hover span
{
    background-color:var(--tp-theme-5)
}

.hamburger-btn-text
{
    position:relative;
    margin-left:50px;
    width:32px;
    height:12px;
    top:-5px
}

.hamburger-btn-text::after
{
    position:absolute;
    content:attr(data-menu-text);
    top:1px;
    left:-50px;
    color:var(--tp-common-black);
    text-transform:uppercase;
    font:600 13px/1 var(--tp-ff-syne)
}

.hamburger-btn-text span
{
    display:inline-block;
    position:absolute;
    left:0;
    background:var(--tp-common-black);
    height:2px;
    width:23px;
    opacity:1;
    z-index:1;
    border-radius:10px
}

.hamburger-btn-text span:nth-child(1)
{
    top:0
}

.hamburger-btn-text span:nth-child(2)
{
    top:6px;
    width:12px;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%)
}

.hamburger-btn-text span:nth-child(3)
{
    top:12px;
    right:0;
    left:auto;
    width:24px
}

.hamburger-btn-text:hover
{
    color:var(--tp-common-white)
}

.hamburger-btn-text:hover::after
{
    color:var(--tp-common-white)
}

.hamburger-btn-text:hover span
{
    background:var(--tp-common-white)
}

.hamburger-btn-8
{
    color:#FFF;
    position:relative;
    cursor:pointer;
    padding-right:35px;
    font:500 16px/20px var(--tp-ff-space)
}

.hamburger-btn-8::after,.hamburger-btn-8::before
{
    position:absolute;
    content:"";
    right:0;
    bottom:5px;
    width:22px;
    height:2px;
    background-color:var(--tp-common-white);
    border-radius:5px
}

.hamburger-btn-8::after
{
    top:6px;
    bottom:auto;
    width:10px
}

.hamburger-btn-8:hover::after
{
    width:22px
}

.hamburger-btn-8:hover::before
{
    width:10px
}

.hamburger-btn-8-black
{
    font-family:var(--tp-ff-syne);
    color:var(--tp-common-black)
}

.hamburger-btn-8-black::after,.hamburger-btn-8-black::before
{
    background-color:var(--tp-common-black)
}

.tp-link-btn-circle span
{
    display:inline-block;
    position:relative;
    margin-left:5px;
    width:34px;
    height:34px;
    line-height:29px;
    text-align:center;
    border:2px solid rgba(3,4,28,0.1);
    border-radius:50%;
    overflow:hidden;
    -webkit-transform:translateY(12px);
    -moz-transform:translateY(12px);
    -ms-transform:translateY(12px);
    -o-transform:translateY(12px);
    transform:translateY(12px)
}

.tp-link-btn-circle span i,.tp-link-btn-circle span svg
{
    transition:transform .2s ease-in-out,opacity .2s ease-in-out
}

.tp-link-btn-circle span i:last-child,.tp-link-btn-circle span svg:last-child
{
    position:absolute;
    left:50%;
    top:50%;
    transform:translateY(-50%) translateX(-20px);
    opacity:0
}

.tp-link-btn-circle:hover span i:first-child,.tp-link-btn-circle:hover span svg:first-child
{
    -webkit-transform:translateX(15px);
    -moz-transform:translateX(15px);
    -ms-transform:translateX(15px);
    -o-transform:translateX(15px);
    transform:translateX(15px);
    opacity:0
}

.tp-link-btn-circle:hover span i:last-child,.tp-link-btn-circle:hover span svg:last-child
{
    -webkit-transform:translateY(-51%) translateX(-53%);
    -moz-transform:translateY(-51%) translateX(-53%);
    -ms-transform:translateY(-51%) translateX(-53%);
    -o-transform:translateY(-51%) translateX(-53%);
    transform:translateY(-51%) translateX(-53%);
    opacity:1
}

.tp-link-btn-2
{
    position:relative;
    display:inline-block
}

.tp-link-btn-2::after,.tp-link-btn-2::before
{
    position:absolute;
    content:"";
    left:0;
    bottom:0;
    width:100%;
    height:1px;
    background-color:var(--tp-common-black)
}

[dir=rtl] .tp-link-btn-2::after,[dir=rtl] .tp-link-btn-2::before
{
    left:auto;
    right:0
}

.tp-link-btn-2::before
{
    width:0;
    background-color:var(--tp-theme-1);
    transition:width .4s cubic-bezier(0.34,1.56,0.64,1);
    z-index:1
}

.tp-link-btn-2 span
{
    margin-left:2px
}

[dir=rtl] .tp-link-btn-2 span
{
    margin-left:0;
    margin-right:2px
}

.tp-link-btn-2 i,.tp-link-btn-2 svg
{
    transition:transform .3s cubic-bezier(0.25,1,0.5,1)
}

.tp-link-btn-2 svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.tp-link-btn-2:hover
{
    color:var(--tp-theme-1)
}

.tp-link-btn-2:hover::before
{
    width:100%
}

.tp-link-btn-2:hover i
{
    -webkit-transform:translateX(5px);
    -moz-transform:translateX(5px);
    -ms-transform:translateX(5px);
    -o-transform:translateX(5px);
    transform:translateX(5px)
}

[dir=rtl] .tp-link-btn-2:hover i
{
    -webkit-transform:translateX(-5px);
    -moz-transform:translateX(-5px);
    -ms-transform:translateX(-5px);
    -o-transform:translateX(-5px);
    transform:translateX(-5px)
}

.tp-link-btn-2:hover svg
{
    -webkit-transform:translate(5px,-2px);
    -moz-transform:translate(5px,-2px);
    -ms-transform:translate(5px,-2px);
    -o-transform:translate(5px,-2px);
    transform:translate(5px,-2px)
}

[dir=rtl] .tp-link-btn-2:hover svg
{
    -webkit-transform:translate(-5px,-2px);
    -moz-transform:translate(-5px,-2px);
    -ms-transform:translate(-5px,-2px);
    -o-transform:translate(-5px,-2px);
    transform:translate(-5px,-2px)
}

.tp-link-btn-2.tp-link-btn-white
{
    color:rgba(255,255,255,0.7);
    padding-bottom:3px
}

.tp-link-btn-2.tp-link-btn-white::after
{
    background-color:rgba(255,255,255,0.7)
}

.tp-link-btn-2.tp-link-btn-white::before
{
    background-color:var(--tp-common-white)
}

.tp-link-btn-2.tp-link-btn-white:hover
{
    color:var(--tp-common-white)
}

.tp-custom-arrow
{
    display:inline-block;
    position:relative;
    padding:5px 0;
    min-width:60px
}

.tp-custom-arrow::after
{
    position:absolute;
    content:"";
    width:16px;
    height:16px;
    background-color:transparent;
    border-top:2px solid var(--tp-common-black-16);
    border-right:2px solid var(--tp-common-black-16);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
    right:0;
    top:0
}

[dir=rtl] .tp-custom-arrow::after
{
    left:0;
    right:auto;
    border-right:0;
    border-left:2px solid var(--tp-common-black-16)
}

.tp-custom-arrow::before
{
    position:absolute;
    content:"";
    width:20px;
    height:2px;
    background-color:var(--tp-common-black-16);
    top:7px;
    right:-1px
}

.tp-custom-arrow:hover::before
{
    width:60px
}

.tp-link-btn span
{
    position:relative;
    margin-left:5px
}

.tp-link-btn span i,.tp-link-btn span svg
{
    transition:transform .2s cubic-bezier(0.77,0,0.175,1),opacity .2s cubic-bezier(0.77,0,0.175,1);
    margin:0
}

.tp-link-btn span i:last-child,.tp-link-btn span svg:last-child
{
    position:absolute;
    left:0;
    top:50%;
    -webkit-transform:translateY(-48%) translateX(-15px);
    -moz-transform:translateY(-48%) translateX(-15px);
    -ms-transform:translateY(-48%) translateX(-15px);
    -o-transform:translateY(-48%) translateX(-15px);
    transform:translateY(-48%) translateX(-15px);
    opacity:0
}

.tp-link-btn span svg:first-child
{
    -webkit-transform:translateY(-1px);
    -moz-transform:translateY(-1px);
    -ms-transform:translateY(-1px);
    -o-transform:translateY(-1px);
    transform:translateY(-1px)
}

.tp-link-btn.tp-link-btn-arrow span
{
    margin-left:0
}

.tp-link-btn:hover span i:first-child,.tp-link-btn:hover span svg:first-child
{
    -webkit-transform:translateX(15px) translateY(-1px);
    -moz-transform:translateX(15px) translateY(-1px);
    -ms-transform:translateX(15px) translateY(-1px);
    -o-transform:translateX(15px) translateY(-1px);
    transform:translateX(15px) translateY(-1px);
    opacity:0
}

.tp-link-btn:hover span i:last-child,.tp-link-btn:hover span svg:last-child
{
    -webkit-transform:translateY(-48%) translateX(0);
    -moz-transform:translateY(-48%) translateX(0);
    -ms-transform:translateY(-48%) translateX(0);
    -o-transform:translateY(-48%) translateX(0);
    transform:translateY(-48%) translateX(0);
    opacity:1
}

.tp-load-more-btn
{
    display:inline-block;
    letter-spacing:-.02em;
    color:var(--tp-common-black);
    background:#FFF;
    border:1px solid #EAEAEF;
    padding:13px 112px;
    font:500 16px var(--tp-ff-space)
}

.tp-load-more-btn:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-1);
    border-color:var(--tp-theme-1)
}

.tp-load-more-btn svg,.tp-load-more-btn i
{
    margin-right:8px
}

.tp-load-more-btn svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

@media (max-width: 575px) {
    .tp-load-more-btn
    {
        padding-left:50px;
        padding-right:50px
    }
}

.mouse-scroll-icon
{
    display:inline-block;
    width:24px;
    height:40px;
    border:2px solid rgba(3,4,28,0.2);
    border-radius:30px;
    outline:none;
    position:relative
}

.mouse-scroll-icon:focus
{
    border:2px solid rgba(3,4,28,0.2)
}

.mouse-scroll-icon::before
{
    position:absolute;
    content:"";
    top:7px;
    left:8px;
    width:4px;
    height:8px;
    background:#414651;
    border-radius:50%;
    animation:scroll 1s infinite ease-in-out alternate;
    -webkit-animation:scroll 1s infinite ease-in-out alternate
}

.mouse-scroll-icon:hover
{
    border-color:var(--tp-common-black-3)
}

.mouse-scroll-icon-4
{
    -webkit-transform:rotate(90deg) translate(1px,23px)!important;
    -moz-transform:rotate(90deg) translate(1px,23px)!important;
    -ms-transform:rotate(90deg) translate(1px,23px)!important;
    -o-transform:rotate(90deg) translate(1px,23px)!important;
    transform:rotate(90deg) translate(1px,23px)!important;
    border-color:rgba(255,255,255,0.2)
}

.mouse-scroll-icon-4::before
{
    position:absolute;
    content:"";
    top:8px;
    left:7px;
    width:6px;
    height:6px;
    background:#fff;
    border-radius:50%;
    animation:scroll 1s infinite ease-in-out alternate;
    -webkit-animation:scroll 1s infinite ease-in-out alternate
}

.mouse-scroll-icon-4:hover
{
    border-color:var(--tp-common-white)
}

.mouse-scroll-icon-4:focus
{
    border-color:var(--tp-common-white)
}

.mouse-scroll
{
    position:absolute;
    bottom:30px;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%);
    z-index:1
}

.mouse-scroll-btn
{
    display:inline-block;
    width:24px;
    height:40px;
    border:2px solid var(--tp-border-3);
    border-radius:30px;
    outline:none
}

.mouse-scroll-btn:focus
{
    border:2px solid var(--tp-common-white)
}

.mouse-scroll-btn::before
{
    position:absolute;
    content:"";
    top:8px;
    left:9px;
    width:6px;
    height:6px;
    background:#fff;
    border-radius:50%;
    animation:scroll 1s infinite ease-in-out alternate;
    -webkit-animation:scroll 1s infinite ease-in-out alternate
}

.mouse-scroll-btn:hover
{
    border-color:var(--tp-common-white)
}

.mouse-scroll-btn-2
{
    border-color:rgba(3,4,28,0.2)
}

.mouse-scroll-8
{
    left:25%;
    bottom:40px
}

@media (max-width: 575px) {
    .mouse-scroll-8
    {
        left:7%
    }
}

.tp-btn
{
    display:inline-block;
    color:var(--tp-common-white);
    background:var(--tp-theme-1);
    text-align:center;
    padding:10px 30px;
    position:relative;
    z-index:1;
    overflow:hidden;
    letter-spacing:-.02em;
    font:700 16px var(--tp-ff-space)
}

.tp-btn i,.tp-btn svg
{
    margin-left:5px
}

[dir=rtl] .tp-btn i,[dir=rtl] .tp-btn svg
{
    margin-left:0;
    margin-right:5px
}

.tp-btn svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.tp-btn:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-common-purple)
}

.tp-btn:focus
{
    color:var(--tp-common-white)
}

.tp-btn-black
{
    background-color:var(--tp-common-black);
    color:var(--tp-common-white);
    font-size:15px;
    padding:8px 29px 10px
}

.tp-btn-black:hover
{
    background-color:var(--tp-theme-1);
    color:var(--tp-common-white)
}

.tp-btn-2
{
    display:inline-block;
    color:var(--tp-common-white);
    background:var(--tp-theme-3);
    text-align:center;
    padding:17px 56px;
    position:relative;
    z-index:1;
    overflow:hidden;
    font:700 16px var(--tp-ff-space)
}

.tp-btn-2 i
{
    padding-left:5px
}

.tp-btn-2:hover
{
    color:var(--tp-common-black-5);
    background-color:var(--tp-common-white)
}

.tp-btn-2:focus
{
    color:var(--tp-common-white)
}

.tp-btn-3
{
    display:inline-block;
    color:var(--tp-common-white);
    background:var(--tp-theme-3);
    background:#f6921e;
    text-align:center;
    padding:15px 40px;
    position:relative;
    z-index:1;
    overflow:hidden;
    text-transform:capitalize;
    border:2px solid #f6921e;
    font:700 16px var(--tp-ff-space)
}

.tp-btn-3 i
{
    padding-left:5px
}

.tp-btn-3:hover
{
    color:var(--tp-common-black-5);
    background-color:var(--tp-common-white)
}

.tp-btn-3:focus
{
    color:var(--tp-common-white)
}

.tp-btn-3.--hover-style-2:hover
{
    color:var(--tp-common-white);
    border-color:rgba(255,255,255,0.14);
    background-color:transparent
}

.tp-btn-4
{
    display:inline-block;
    color:var(--tp-common-white);
    background:var(--tp-theme-8);
    text-align:center;
    padding:13px 41px 15px;
    position:relative;
    z-index:1;
    font:500 18px var(--tp-ff-space)
}

.tp-btn-4 i
{
    padding-left:5px
}

.tp-btn-4:hover
{
    color:var(--tp-common-black);
    background-color:var(--tp-common-white)
}

.tp-btn-4:focus
{
    color:var(--tp-common-white)
}

.tp-btn-5
{
    display:inline-block;
    text-transform:uppercase;
    color:var(--tp-common-white);
    background-color:var(--tp-common-black);
    padding:17px 33px;
    position:relative;
    font:700 13px var(--tp-ff-syne)
}

.tp-btn-5::after
{
    position:absolute;
    content:"";
    left:8px;
    top:8px;
    width:100%;
    height:100%;
    background-image:-webkit-linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    background-image:-moz-linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    background-image:-ms-linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    background-image:-o-linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    background-image:linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    background:#f6921e;
    z-index:-1
}

.tp-btn-5 i,.tp-btn-5 svg
{
    margin-left:5px
}

.tp-btn-5:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-common-black)
}

.tp-btn-5:hover::after
{
    top:0;
    left:0
}

.tp-btn-5-white
{
    padding:14px 31px;
    background-color:var(--tp-common-white);
    color:var(--tp-common-black)
}

.tp-btn-5-white:hover
{
    background-color:var(--tp-common-white);
    color:var(--tp-common-black)
}

.tp-btn-6
{
    display:inline-block;
    text-transform:uppercase;
    color:var(--tp-common-white);
    background-color:var(--tp-common-black);
    padding:15px 33px;
    border:2px solid var(--tp-common-black);
    font:700 13px var(--tp-ff-syne)
}

.tp-btn-6 i,.tp-btn-6 svg
{
    margin-left:5px
}

.tp-btn-6:hover
{
    color:var(--tp-common-black);
    background-color:var(--tp-common-white)
}

.tp-btn-7
{
    display:inline-block;
    text-align:center;
    color:var(--tp-common-white);
    box-shadow:0 6px 10px rgba(133,24,36,0.3);
    border-radius:6px;
    padding:14px 31px 16px;
    background-image:-webkit-linear-gradient(180deg,#FF3939 0.01%,#BF2132 100%);
    background-image:-moz-linear-gradient(180deg,#FF3939 0.01%,#BF2132 100%);
    background-image:-ms-linear-gradient(180deg,#FF3939 0.01%,#BF2132 100%);
    background-image:-o-linear-gradient(180deg,#FF3939 0.01%,#BF2132 100%);
    background-image:linear-gradient(180deg,#FF3939 0.01%,#BF2132 100%);
    position:relative;
    z-index:1;
    transition:transform .2s ease-in-out;
    font:500 16px var(--tp-ff-space)
}

.tp-btn-7 i,.tp-btn-7 svg
{
    margin-left:5px
}

.tp-btn-7:hover
{
    color:var(--tp-common-white);
    -webkit-transform:translateY(-4px);
    -moz-transform:translateY(-4px);
    -ms-transform:translateY(-4px);
    -o-transform:translateY(-4px);
    transform:translateY(-4px)
}

.tp-btn-7-sm
{
    padding:13px 36px 15px
}

.tp-btn-8
{
    display:inline-block;
    text-align:center;
    color:var(--tp-common-white);
    padding:14px 33px 16px;
    background:var(--tp-common-purple-7);
    border-radius:6px;
    font:500 16px var(--tp-ff-space)
}

.tp-btn-8 i,.tp-btn-8 svg
{
    margin-left:5px
}

.tp-btn-8:hover
{
    color:var(--tp-common-white);
    background-position:200% 200%;
    box-shadow:0 6px 10px rgba(99,9,19,0.3)
}

.tp-btn-9
{
    display:inline-block;
    letter-spacing:.04em;
    text-transform:uppercase;
    color:var(--tp-common-black);
    border:1px solid var(--tp-common-black);
    padding:18px 30px;
    font:700 13px/1 var(--tp-ff-syne)
}

.tp-btn-9 span
{
    margin-left:5px
}

.tp-btn-9 svg
{
    -webkit-transform:translateY(-1px);
    -moz-transform:translateY(-1px);
    -ms-transform:translateY(-1px);
    -o-transform:translateY(-1px);
    transform:translateY(-1px)
}

.tp-btn-9:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-common-black)
}

.tp-btn-10
{
    display:inline-block;
    letter-spacing:.04em;
    text-transform:uppercase;
    color:var(--tp-common-white);
    border:1px solid var(--tp-theme-1);
    background-color:var(--tp-theme-1);
    padding:19px 30px;
    font:700 14px/1 var(--tp-ff-syne)
}

.tp-btn-10 span
{
    margin-left:5px
}

.tp-btn-10 svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.tp-btn-10:hover
{
    color:var(--tp-common-black);
    background-color:var(--tp-common-white)
}

.tp-btn-11
{
    display:inline-block;
    font-weight:500;
    font-size:15px;
    color:var(--tp-common-black-11);
    background:var(--tp-common-white);
    box-shadow:0 1px 3px rgba(4,18,31,0.1);
    border-radius:25px;
    padding:10px 34px
}

.tp-btn-11:hover
{
    background-color:var(--tp-theme-7);
    color:var(--tp-common-white)
}

.tp-btn-green
{
    display:inline-block;
    color:var(--tp-common-white);
    background:var(--tp-theme-2);
    text-align:center;
    padding:12px 42px;
    position:relative;
    z-index:1;
    overflow:hidden;
    text-transform:uppercase;
    font:500 16px var(--tp-ff-oswald)
}

.tp-btn-green i
{
    padding-left:5px
}

.tp-btn-green:hover
{
    color:var(--tp-common-white);
    background:var(--tp-theme-2-dark)
}

.tp-btn-green:focus
{
    color:var(--tp-common-white)
}

.tp-btn-white
{
    display:inline-block;
    color:var(--tp-common-black);
    background:var(--tp-common-white);
    text-align:center;
    padding:7px 29px 8px;
    position:relative;
    z-index:1;
    text-transform:uppercase;
    box-shadow:0 2px 2px rgba(0,128,128,0.1);
    font:400 16px var(--tp-ff-oswald)
}

.tp-btn-white i
{
    padding-left:5px
}

.tp-btn-white:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-2)
}

.tp-btn-white:focus
{
    color:var(--tp-common-white)
}

.tp-btn-white-2
{
    display:inline-block;
    color:var(--tp-common-black-3);
    background:var(--tp-common-white);
    text-align:center;
    padding:12px 31px;
    position:relative;
    z-index:1;
    text-transform:capitalize;
    font:500 15px var(--tp-ff-roboto)
}

.tp-btn-white-2 i
{
    padding-left:5px
}

[dir=rtl] .tp-btn-white-2 i
{
    padding-left:0;
    padding-right:5px
}

.tp-btn-white-2:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-6)
}

.tp-btn-white-2:focus
{
    color:var(--tp-common-white)
}

.tp-btn-white-sm
{
    display:inline-block;
    font-size:14px;
    font-weight:500;
    color:var(--tp-common-black);
    background:var(--tp-common-white);
    text-align:center;
    padding:8px 25px;
    position:relative;
    z-index:1;
    border-radius:8px
}

.tp-btn-white-sm i
{
    padding-left:5px
}

.tp-btn-white-sm:hover
{
    box-shadow:0 6px 10px rgba(21,0,133,0.2);
    color:var(--tp-common-black)
}

.tp-btn-white-sm:focus
{
    color:var(--tp-common-white)
}

.tp-btn-purple
{
    display:inline-block;
    color:var(--tp-common-white);
    background:var(--tp-common-purple-2);
    text-align:center;
    padding:7px 29px 8px;
    position:relative;
    z-index:1;
    text-transform:uppercase;
    box-shadow:0 2px 2px rgba(0,128,128,0.1);
    font:400 16px var(--tp-ff-oswald)
}

.tp-btn-purple i
{
    padding-left:5px
}

.tp-btn-purple:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-common-black)
}

.tp-btn-purple:focus
{
    color:var(--tp-common-white)
}

.tp-btn-brown
{
    display:inline-block;
    font-size:14px;
    color:var(--tp-common-white);
    padding:11px 28px 13px;
    background-color:var(--tp-theme-4);
    font-weight:600;
    letter-spacing:-.02em
}

.tp-btn-brown:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-4-dark)
}

.tp-btn-orange
{
    display:inline-block;
    font-size:15px;
    color:var(--tp-common-white);
    padding:12px 30px;
    background-color:var(--tp-common-orange);
    font-weight:500;
    letter-spacing:-.02em;
    text-align:center;
    border-radius:8px
}

.tp-btn-orange:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-5)
}

.tp-btn-orange-2
{
    display:inline-block;
    font-size:16px;
    color:var(--tp-common-white);
    padding:22px 52px 21px;
    background-color:var(--tp-common-orange-2);
    font-weight:600;
    letter-spacing:-.02em;
    text-align:center;
    border-radius:8px
}

.tp-btn-orange-2:hover
{
    color:var(--tp-common-black);
    background-color:var(--tp-common-white);
    box-shadow:0 6px 10px rgba(4,10,72,0.2)
}

.tp-btn-blue
{
    display:inline-block;
    font-size:16px;
    font-weight:500;
    color:var(--tp-common-white);
    padding:16px 45px 18px;
    background-color:var(--tp-theme-5);
    letter-spacing:-.02em;
    text-align:center;
    border-radius:8px
}

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

.tp-btn-blue-2
{
    display:inline-block;
    color:var(--tp-common-white);
    background-color:var(--tp-theme-5);
    padding:9px 24px;
    font:500 15px var(--tp-ff-roboto)
}

.tp-btn-blue-2 span
{
    margin-left:4px
}

.tp-btn-blue-2:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-common-black-9)
}

.tp-btn-blue-sm
{
    display:inline-block;
    font-size:15px;
    color:var(--tp-common-white);
    padding:11px 30px 13px;
    background-color:var(--tp-theme-5);
    font-weight:500;
    letter-spacing:-.02em;
    text-align:center;
    border-radius:8px
}

.tp-btn-blue-sm:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-common-black)
}

.tp-btn-grey
{
    display:inline-block;
    font-size:15px;
    font-weight:500;
    color:var(--tp-common-black);
    padding:9px 45px;
    background-color:var(--tp-grey-10);
    text-align:center;
    border-radius:8px
}

.tp-btn-grey:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-5)
}

.tp-header-btn
{
    display:inline-block;
    color:var(--tp-common-white);
    text-transform:capitalize;
    padding:22px 36px 23px;
    background-color:var(--tp-theme-3);
    font:700 16px var(--tp-ff-space)
}

.tp-header-btn:hover
{
    color:var(--tp-common-black-5);
    background-color:var(--tp-common-white)
}

.tp-header-btn-2
{
    display:inline-block;
    font-size:16px;
    font-weight:400;
    color:var(--tp-common-black);
    text-transform:capitalize
}

.tp-header-btn-2 i
{
    margin-right:5px
}

.tp-header-btn-2:hover
{
    color:var(--tp-theme-7)
}

.tp-header-btn-3
{
    display:inline-block;
    text-align:center;
    color:var(--tp-common-white);
    border:2px solid rgba(255,255,255,0.14);
    border-radius:6px;
    padding:8px 30px 9px;
    font:500 16px var(--tp-ff-space)
}

.tp-header-btn-3 i
{
    margin-right:5px
}

.tp-header-btn-3:hover
{
    color:var(--tp-theme-10);
    background-color:var(--tp-common-white);
    border-color:var(--tp-common-white)
}

.tp-btn-app
{
    display:inline-block;
    font-size:14px;
    font-weight:500;
    color:var(--tp-text-3);
    padding:0 16px;
    border:2px solid var(--tp-border-1);
    text-align:center;
    min-width:110px
}

.tp-btn-app svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px);
    margin-right:2px
}

.tp-btn-app:hover
{
    color:var(--tp-common-black);
    background-color:var(--tp-common-white);
    border-color:var(--tp-common-white)
}

.tp-btn-border
{
    display:inline-block;
    color:var(--tp-common-black);
    padding:6px 18px;
    border:1px solid var(--tp-border-5);
    text-align:center;
    font:500 14px var(--tp-ff-space)
}

.tp-btn-border i
{
    margin-left:7px;
    margin-left:0;
    margin-right:7px
}

.tp-btn-border:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-common-black);
    border-color:var(--tp-common-black)
}

.tp-btn-border-2
{
    display:inline-block;
    color:var(--tp-common-white);
    padding:14px 37px 16px;
    border:2px solid rgba(255,255,255,0.14);
    text-transform:capitalize;
    font:700 16px var(--tp-ff-space)
}

.tp-btn-border-2 i
{
    margin-left:7px
}

.tp-btn-border-2:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-3);
    border-color:var(--tp-theme-3)
}

.tp-btn-border-3
{
    display:inline-block;
    color:var(--tp-common-white);
    padding:14px 48px 16px;
    border:2px solid rgba(255,255,255,0.14);
    text-transform:capitalize;
    font:700 18px var(--tp-ff-space)
}

.tp-btn-border-3 i
{
    margin-left:7px
}

.tp-btn-border-3:hover
{
    color:var(--tp-common-black);
    background-color:var(--tp-common-white);
    border-color:var(--tp-common-white)
}

.tp-btn-border-4
{
    display:inline-block;
    color:var(--tp-common-white);
    padding:11px 43px 13px;
    border:2px solid rgba(255,255,255,0.14);
    text-transform:capitalize;
    font:700 16px var(--tp-ff-space)
}

.tp-btn-border-4 i
{
    margin-left:7px
}

.tp-btn-border-4:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-3);
    border-color:var(--tp-theme-3)
}

.tp-btn-border-5
{
    display:inline-block;
    color:var(--tp-common-black-9);
    padding:10px 25px 10px 26px;
    border:2px solid rgba(13,18,30,0.1019607843);
    text-transform:capitalize;
    font:500 15px var(--tp-ff-roboto)
}

.tp-btn-border-5 span
{
    margin-left:3px
}

.tp-btn-border-5:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-6);
    border-color:var(--tp-theme-6)
}

.tp-btn-border-6
{
    display:inline-block;
    font-size:15px;
    font-weight:500;
    color:var(--tp-common-black-9);
    padding:10px 24px 11px;
    border:2px solid rgba(13,18,30,0.1019607843);
    text-transform:capitalize
}

.tp-btn-border-6:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-6);
    border-color:var(--tp-theme-6)
}

.tp-btn-border-7
{
    display:inline-block;
    padding:11px 31px;
    border:1.5px solid rgba(255,255,255,0.1019607843);
    color:var(--tp-common-white);
    font:500 16px var(--tp-ff-space)
}

.tp-btn-border-7:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-8);
    border-color:var(--tp-theme-8)
}

.tp-btn-border-8
{
    display:inline-block;
    padding:14px 33px 16px;
    border:2px solid rgba(255,255,255,0.1019607843);
    color:var(--tp-common-white);
    letter-spacing:-.02em;
    font:500 16px var(--tp-ff-space)
}

.tp-btn-border-8:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-8);
    border-color:var(--tp-theme-8)
}

.tp-btn-border-9
{
    display:inline-block;
    text-align:center;
    color:var(--tp-common-black);
    border:2px solid #EAEAEF;
    position:relative;
    padding:4px 30px 6px;
    border-radius:6px;
    z-index:1;
    font:500 15px var(--tp-ff-space)
}

.tp-btn-border-9::after
{
    position:absolute;
    content:"";
    left:-2px;
    top:-2px;
    width:calc(100% + 4px);
    height:calc(100% + 4px);
    background-image:-webkit-linear-gradient(180deg,#FF3939 0.01%,#BF2132 100%);
    background-image:-moz-linear-gradient(180deg,#FF3939 0.01%,#BF2132 100%);
    background-image:-ms-linear-gradient(180deg,#FF3939 0.01%,#BF2132 100%);
    background-image:-o-linear-gradient(180deg,#FF3939 0.01%,#BF2132 100%);
    background-image:linear-gradient(180deg,#FF3939 0.01%,#BF2132 100%);
    border-radius:6px;
    z-index:-1;
    opacity:0;
    visibility:hidden
}

.tp-btn-border-9:hover
{
    color:var(--tp-common-white);
    box-shadow:0 4px 10px rgba(150,21,35,0.3);
    -webkit-transform:translateY(-4px);
    -moz-transform:translateY(-4px);
    -ms-transform:translateY(-4px);
    -o-transform:translateY(-4px);
    transform:translateY(-4px)
}

.tp-btn-border-9:hover::after
{
    opacity:1;
    visibility:visible
}

.tp-btn-border-pink
{
    display:inline-block;
    color:var(--tp-common-black);
    padding:6px 23px;
    border:1px solid var(--tp-border-5);
    letter-spacing:-.02em;
    font:500 14px var(--tp-ff-space)
}

.tp-btn-border-pink i,.tp-btn-border-pink svg
{
    margin-left:7px
}

[dir=rtl] .tp-btn-border-pink i,[dir=rtl] .tp-btn-border-pink svg
{
    margin-left:0;
    margin-right:7px
}

.tp-btn-border-pink svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.tp-btn-border-pink:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-1);
    border-color:var(--tp-theme-1)
}

.tp-btn-border-pink-2
{
    display:inline-block;
    color:var(--tp-theme-3);
    padding:17px 35px;
    border:2px solid var(--tp-theme-3);
    border-radius:2px;
    font:700 16px var(--tp-ff-space)
}

.tp-btn-border-pink-2 i
{
    margin-left:7px
}

.tp-btn-border-pink-2:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-3);
    border-color:var(--tp-theme-3)
}

.tp-btn-border-green
{
    display:inline-block;
    color:var(--tp-common-black);
    background:transparent;
    text-align:center;
    padding:5px 26px 6px;
    position:relative;
    z-index:1;
    text-transform:uppercase;
    border:2px solid var(--tp-border-8);
    font:400 16px var(--tp-ff-oswald)
}

.tp-btn-border-green i
{
    padding-left:5px
}

.tp-btn-border-green:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-2);
    border-color:var(--tp-theme-2)
}

.tp-btn-border-green:focus
{
    color:var(--tp-common-white)
}

.tp-btn-border-green-2
{
    display:inline-block;
    color:var(--tp-common-black);
    background:transparent;
    text-align:center;
    padding:5px 34px 6px;
    position:relative;
    z-index:1;
    text-transform:uppercase;
    border:2px solid var(--tp-border-8);
    font:400 16px var(--tp-ff-oswald)
}

.tp-btn-border-green-2 i
{
    padding-left:5px
}

.tp-btn-border-green-2:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-2);
    border-color:var(--tp-theme-2)
}

.tp-btn-border-green-2:focus
{
    color:var(--tp-common-white)
}

.tp-btn-border-brown
{
    display:inline-block;
    color:var(--tp-common-black);
    background:transparent;
    text-align:center;
    padding:10px 31px;
    letter-spacing:-.02em;
    position:relative;
    z-index:1;
    text-transform:capitalize;
    border:2px solid var(--tp-border-5);
    font:700 14px var(--tp-ff-space)
}

.tp-btn-border-brown i
{
    padding-left:5px
}

.tp-btn-border-brown:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-4);
    border-color:var(--tp-theme-4)
}

.tp-btn-border-brown:focus
{
    color:var(--tp-common-black)
}

.tp-btn-border-brown-sm
{
    display:inline-block;
    color:var(--tp-common-black);
    background:transparent;
    text-align:center;
    padding:5px 23px;
    letter-spacing:-.02em;
    position:relative;
    z-index:1;
    text-transform:capitalize;
    border:2px solid var(--tp-border-5);
    font:700 14px var(--tp-ff-space)
}

.tp-btn-border-brown-sm i
{
    padding-left:5px
}

[dir=rtl] .tp-btn-border-brown-sm i
{
    padding-left:0;
    padding-right:5px
}

.tp-btn-border-brown-sm:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-4);
    border-color:var(--tp-theme-4)
}

.tp-btn-border-brown-sm:focus
{
    color:var(--tp-common-black)
}

.tp-btn-transparent
{
    display:inline-block;
    color:var(--tp-common-white);
    background:transparent;
    text-align:center;
    padding:9px 31px 10px;
    letter-spacing:-.02em;
    position:relative;
    z-index:1;
    text-transform:capitalize;
    border:2px solid rgba(255,255,255,0.1);
    font:700 14px var(--tp-ff-space)
}

.tp-btn-transparent i
{
    padding-left:5px
}

[dir=rtl] .tp-btn-transparent i
{
    padding-left:0;
    padding-right:5px
}

.tp-btn-transparent:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-4);
    border-color:var(--tp-theme-4)
}

.tp-btn-transparent:focus
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-4);
    border-color:var(--tp-theme-4)
}

.tp-btn-round
{
    display:inline-block;
    color:var(--tp-theme-5);
    background-color:var(--tp-grey-10);
    font-size:15px;
    font-weight:500;
    text-align:center;
    padding:12px 82px;
    border-radius:8px;
    position:relative;
    z-index:1
}

.tp-btn-round i
{
    padding-left:5px
}

[dir=rtl] .tp-btn-round i
{
    padding-left:0;
    padding-right:5px
}

.tp-btn-round:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-5)
}

.tp-btn-round:focus
{
    color:var(--tp-common-black)
}

.tp-btn-offcanvas
{
    display:inline-block;
    color:var(--tp-common-white);
    background:var(--tp-theme-1);
    text-align:center;
    padding:9px 22px;
    letter-spacing:-.02em;
    position:relative;
    z-index:1;
    text-transform:capitalize;
    font:600 14px var(--tp-ff-space)
}

.tp-btn-offcanvas i
{
    padding-left:5px
}

[dir=rtl] .tp-btn-offcanvas i
{
    padding-left:0;
    padding-right:5px
}

.tp-btn-offcanvas:hover
{
    background-color:var(--tp-common-black);
    color:var(--tp-common-white)
}

.tp-btn-offcanvas-green
{
    display:inline-block;
    color:var(--tp-common-white);
    background-color:var(--tp-theme-2);
    text-align:center;
    text-transform:uppercase;
    padding:9px 27px;
    letter-spacing:-.02em;
    position:relative;
    z-index:1;
    font:400 16px var(--tp-ff-oswald)
}

.tp-btn-offcanvas-green i
{
    padding-left:5px
}

[dir=rtl] .tp-btn-offcanvas-green i
{
    padding-left:0;
    padding-right:5px
}

.tp-btn-offcanvas-green:hover
{
    background-color:var(--tp-theme-2-dark);
    color:var(--tp-common-white)
}

.tp-btn-offcanvas-pink
{
    display:inline-block;
    color:var(--tp-common-white);
    background:var(--tp-theme-1);
    text-align:center;
    text-transform:capitalize;
    padding:11px 42px 13px;
    letter-spacing:-.02em;
    position:relative;
    z-index:1;
    font:600 16px var(--tp-ff-space)
}

.tp-btn-offcanvas-pink i
{
    padding-left:5px
}

[dir=rtl] .tp-btn-offcanvas-pink i
{
    padding-left:0;
    padding-right:5px
}

.tp-btn-offcanvas-pink:hover
{
    background-color:var(--tp-common-white);
    color:var(--tp-common-black)
}

.tp-btn-offcanvas-white
{
    display:inline-block;
    color:var(--tp-common-black);
    background:var(--tp-common-white);
    text-align:center;
    text-transform:capitalize;
    padding:12px 42px;
    letter-spacing:-.02em;
    position:relative;
    z-index:1;
    border-radius:6px;
    font:500 16px var(--tp-ff-space)
}

.tp-btn-offcanvas-white i
{
    padding-left:5px
}

[dir=rtl] .tp-btn-offcanvas-white i
{
    padding-left:0;
    padding-right:5px
}

.tp-btn-offcanvas-white:hover
{
    background-color:var(--tp-common-black);
    color:var(--tp-common-white)
}

.tp-btn-offcanvas-blue
{
    display:inline-block;
    font-size:14px;
    font-weight:600;
    color:var(--tp-common-white);
    background:var(--tp-theme-5);
    text-align:center;
    text-transform:capitalize;
    padding:8px 37px 10px;
    letter-spacing:-.02em;
    position:relative;
    z-index:1;
    border-radius:6px
}

.tp-btn-offcanvas-blue i
{
    padding-left:5px
}

[dir=rtl] .tp-btn-offcanvas-blue i
{
    padding-left:0;
    padding-right:5px
}

.tp-btn-offcanvas-blue:hover
{
    background-color:var(--tp-common-black);
    color:var(--tp-common-white)
}

.tp-btnr
{
    display:inline-block;
    font-weight:500;
    font-size:16px;
    text-align:center;
    color:var(--tp-common-white);
    border-radius:30px;
    padding:10px 35px;
    background-color:var(--tp-theme-7);
    overflow:hidden;
    position:relative;
    z-index:1
}

.tp-btnr:after
{
    background:var(--tp-common-white);
    content:"";
    height:155px;
    left:-75px;
    opacity:.2;
    position:absolute;
    top:-50px;
    -webkit-transform:rotate(35deg);
    -moz-transform:rotate(35deg);
    -ms-transform:rotate(35deg);
    -o-transform:rotate(35deg);
    transform:rotate(35deg);
    transition:all 550ms cubic-bezier(0.19,1,0.22,1);
    width:50px;
    z-index:-1
}

.tp-btnr:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-common-black)
}

.tp-btnr:hover:after
{
    left:76%
}

.tp-btn-shine-effect::after
{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(255,255,255,0.5);
    -webkit-transition:all .4s;
    transition:all .4s;
    -webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);
    transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0)
}

.tp-btn-shine-effect:hover::after
{
    -webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);
    transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0)
}

.tp-btn-shine-effect.effect-delay-3::after
{
    transition:all .6s;
    transition-delay:.3s
}

.tp-btnr-2
{
    display:inline-block;
    font-weight:500;
    font-size:15px;
    text-align:center;
    color:var(--tp-common-white);
    border-radius:30px;
    padding:10px 29px;
    background-color:var(--tp-theme-7);
    overflow:hidden;
    position:relative;
    z-index:1;
    border:2px solid var(--tp-theme-7)
}

.tp-btnr-2:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-common-black);
    border-color:var(--tp-common-black)
}

.tp-btnr-yellow
{
    display:inline-block;
    font-weight:500;
    font-size:15px;
    text-align:center;
    color:var(--tp-common-black-11);
    border-radius:30px;
    padding:13px 39px 11px;
    background-color:var(--tp-common-yellow-3);
    overflow:hidden;
    position:relative;
    z-index:1
}

.tp-btnr-border
{
    display:inline-block;
    font-weight:500;
    font-size:15px;
    text-align:center;
    color:var(--tp-common-black-11);
    border-radius:30px;
    padding:13px 39px 14px;
    padding-right:39px;
    background-color:transparent;
    overflow:hidden;
    position:relative;
    z-index:1;
    border:2px solid rgba(4,18,31,0.1);
    border-radius:30px
}

.tp-btnr-border i
{
    margin-left:5px
}

.tp-btnr-border:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-common-black);
    border-color:var(--tp-common-black-11)
}

.tp-btnr-border-2
{
    display:inline-block;
    font-weight:500;
    font-size:15px;
    text-align:center;
    color:var(--tp-common-black-11);
    border-radius:30px;
    padding:10px 33px 10px 36px;
    background-color:transparent;
    overflow:hidden;
    position:relative;
    z-index:1;
    border:2px solid rgba(4,18,31,0.1);
    border-radius:30px
}

.tp-btnr-border-2 i
{
    margin-left:5px
}

.tp-btnr-border-2:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-common-black);
    border-color:var(--tp-common-black-11)
}

.tp-cta-btn
{
    display:inline-block;
    font-weight:600;
    font-size:18px;
    line-height:1.4;
    color:var(--tp-common-white);
    background-color:var(--tp-theme-7);
    border-radius:30px;
    padding:35px 40px 32px 35px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tp-cta-btn
    {
        padding:35px 25px 32px
    }
}

.tp-cta-btn i
{
    margin-left:17px;
    font-size:26px
}

[dir=rtl] .tp-cta-btn i
{
    margin-left:0;
    margin-right:17px
}

.tp-cta-btn:hover
{
    background-color:var(--tp-common-black-11);
    color:var(--tp-common-white)
}

.tp-cta-btn-yellow
{
    display:inline-block;
    font-weight:600;
    font-size:18px;
    line-height:1.4;
    color:var(--tp-common-black-11);
    background-color:var(--tp-common-yellow-3);
    border-radius:30px;
    padding:35px 40px 32px 35px
}

.tp-cta-btn-yellow i
{
    margin-left:17px;
    font-size:26px
}

[dir=rtl] .tp-cta-btn-yellow i
{
    margin-left:0;
    margin-right:17px
}

.tp-cta-btn-yellow:hover
{
    background-color:var(--tp-common-black-11);
    color:var(--tp-common-white)
}

.tp-link-btn-3 span
{
    margin-left:5px
}

[dir=rtl] .tp-link-btn-3 span
{
    margin-left:0;
    margin-right:5px
}

.tp-link-btn-3 i,.tp-link-btn-3 svg
{
    margin-left:0
}

.tp-link-btn-3:hover i
{
    animation:tp_arrow .2s linear
}

.tp-link-btn-3:hover svg
{
    animation:tp_arrow_svg .2s linear
}

.tp-link-btn-4 span
{
    margin-left:0
}

.tp-link-btn-4 i,.tp-link-btn-4 svg
{
    margin-left:0
}

.tp-link-btn-4:hover i
{
    animation:tp_arrow .2s linear
}

.tp-link-btn-4:hover svg
{
    animation:tp_arrow_svg .2s linear
}

.tp-button-demo .tp-link-btn-2
{
    color:var(--tp-common-black)
}

.tp-button-demo .tp-link-btn-2:hover
{
    color:var(--tp-theme-1)
}

.tp-button-demo .tp-link-btn-circle
{
    color:var(--tp-common-black)
}

@-webkit-keyframes pulse {
    0%
    {
        -webkit-box-shadow:0 0 0 0 rgba(255,255,255,0.4);
        box-shadow:0 0 0 0 rgba(255,255,255,0.4)
    }

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

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

@keyframes pulse {
    0%
    {
        -moz-box-shadow:0 0 0 0 rgba(255,255,255,0.4);
        box-shadow:0 0 0 0 rgba(255,255,255,0.4)
    }

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

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

@-webkit-keyframes scroll {
    0%
    {
        -webkit-transform:translateY(0px);
        -moz-transform:translateY(0px);
        -ms-transform:translateY(0px);
        -o-transform:translateY(0px);
        transform:translateY(0px)
    }

    100%
    {
        -webkit-transform:translateY(16px);
        -moz-transform:translateY(16px);
        -ms-transform:translateY(16px);
        -o-transform:translateY(16px);
        transform:translateY(16px)
    }
}

@-moz-keyframes scroll {
    0%
    {
        -webkit-transform:translateY(0px);
        -moz-transform:translateY(0px);
        -ms-transform:translateY(0px);
        -o-transform:translateY(0px);
        transform:translateY(0px)
    }

    100%
    {
        -webkit-transform:translateY(16px);
        -moz-transform:translateY(16px);
        -ms-transform:translateY(16px);
        -o-transform:translateY(16px);
        transform:translateY(16px)
    }
}

@-ms-keyframes scroll {
    0%
    {
        -webkit-transform:translateY(0px);
        -moz-transform:translateY(0px);
        -ms-transform:translateY(0px);
        -o-transform:translateY(0px);
        transform:translateY(0px)
    }

    100%
    {
        -webkit-transform:translateY(16px);
        -moz-transform:translateY(16px);
        -ms-transform:translateY(16px);
        -o-transform:translateY(16px);
        transform:translateY(16px)
    }
}

@keyframes scroll {
    0%
    {
        -webkit-transform:translateY(0px);
        -moz-transform:translateY(0px);
        -ms-transform:translateY(0px);
        -o-transform:translateY(0px);
        transform:translateY(0px)
    }

    100%
    {
        -webkit-transform:translateY(16px);
        -moz-transform:translateY(16px);
        -ms-transform:translateY(16px);
        -o-transform:translateY(16px);
        transform:translateY(16px)
    }
}

@-webkit-keyframes about-text {
    0%
    {
        width:0
    }

    100%
    {
        width:100%
    }
}

@-moz-keyframes about-text {
    0%
    {
        width:0
    }

    100%
    {
        width:100%
    }
}

@-ms-keyframes about-text {
    0%
    {
        width:0
    }

    100%
    {
        width:100%
    }
}

@keyframes about-text {
    0%
    {
        width:0
    }

    100%
    {
        width:100%
    }
}

@-webkit-keyframes faq-text {
    0%
    {
        width:0
    }

    100%
    {
        width:100%
    }
}

@-moz-keyframes faq-text {
    0%
    {
        width:0
    }

    100%
    {
        width:100%
    }
}

@-ms-keyframes faq-text {
    0%
    {
        width:0
    }

    100%
    {
        width:100%
    }
}

@keyframes faq-text {
    0%
    {
        width:0
    }

    100%
    {
        width:100%
    }
}

@-webkit-keyframes sliderTitle3 {
    0%
    {
        background-position:0
    }

    100%
    {
        background-position:100%
    }
}

@-moz-keyframes sliderTitle3 {
    0%
    {
        background-position:0
    }

    100%
    {
        background-position:100%
    }
}

@-ms-keyframes sliderTitle3 {
    0%
    {
        background-position:0
    }

    100%
    {
        background-position:100%
    }
}

@keyframes sliderTitle3 {
    0%
    {
        background-position:0
    }

    100%
    {
        background-position:100%
    }
}

@-webkit-keyframes sectionPreTitle {
    0%
    {
        background-position:0
    }

    100%
    {
        background-position:100%
    }
}

@-moz-keyframes sectionPreTitle {
    0%
    {
        background-position:0
    }

    100%
    {
        background-position:100%
    }
}

@-ms-keyframes sectionPreTitle {
    0%
    {
        background-position:0
    }

    100%
    {
        background-position:100%
    }
}

@keyframes sectionPreTitle {
    0%
    {
        background-position:0
    }

    100%
    {
        background-position:100%
    }
}

@-webkit-keyframes aboutGradient {
    0%
    {
        background-position:0
    }

    100%
    {
        background-position:100%
    }
}

@-moz-keyframes aboutGradient {
    0%
    {
        background-position:0
    }

    100%
    {
        background-position:100%
    }
}

@-ms-keyframes aboutGradient {
    0%
    {
        background-position:0
    }

    100%
    {
        background-position:100%
    }
}

@keyframes aboutGradient {
    0%
    {
        background-position:0
    }

    100%
    {
        background-position:100%
    }
}

@-webkit-keyframes tprotate {
    0%
    {
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg)
    }

    100%
    {
        -webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}

@-moz-keyframes tprotate {
    0%
    {
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg)
    }

    100%
    {
        -webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}

@-ms-keyframes tprotate {
    0%
    {
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg)
    }

    100%
    {
        -webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}

@keyframes tprotate {
    0%
    {
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg)
    }

    100%
    {
        -webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}

@-webkit-keyframes tptranslateY {
    0%
    {
        -webkit-transform:translateY(-50px);
        -moz-transform:translateY(-50px);
        -ms-transform:translateY(-50px);
        -o-transform:translateY(-50px);
        transform:translateY(-50px)
    }

    100%
    {
        -webkit-transform:translateY(100px);
        -moz-transform:translateY(100px);
        -ms-transform:translateY(100px);
        -o-transform:translateY(100px);
        transform:translateY(100px)
    }
}

@-moz-keyframes tptranslateY {
    0%
    {
        -webkit-transform:translateY(-50px);
        -moz-transform:translateY(-50px);
        -ms-transform:translateY(-50px);
        -o-transform:translateY(-50px);
        transform:translateY(-50px)
    }

    100%
    {
        -webkit-transform:translateY(100px);
        -moz-transform:translateY(100px);
        -ms-transform:translateY(100px);
        -o-transform:translateY(100px);
        transform:translateY(100px)
    }
}

@-ms-keyframes tptranslateY {
    0%
    {
        -webkit-transform:translateY(-50px);
        -moz-transform:translateY(-50px);
        -ms-transform:translateY(-50px);
        -o-transform:translateY(-50px);
        transform:translateY(-50px)
    }

    100%
    {
        -webkit-transform:translateY(100px);
        -moz-transform:translateY(100px);
        -ms-transform:translateY(100px);
        -o-transform:translateY(100px);
        transform:translateY(100px)
    }
}

@keyframes tptranslateY {
    0%
    {
        -webkit-transform:translateY(-50px);
        -moz-transform:translateY(-50px);
        -ms-transform:translateY(-50px);
        -o-transform:translateY(-50px);
        transform:translateY(-50px)
    }

    100%
    {
        -webkit-transform:translateY(100px);
        -moz-transform:translateY(100px);
        -ms-transform:translateY(100px);
        -o-transform:translateY(100px);
        transform:translateY(100px)
    }
}

@-webkit-keyframes tptranslateY2 {
    0%
    {
        -webkit-transform:translateY(-50px);
        -moz-transform:translateY(-50px);
        -ms-transform:translateY(-50px);
        -o-transform:translateY(-50px);
        transform:translateY(-50px)
    }

    100%
    {
        -webkit-transform:translateY(20px);
        -moz-transform:translateY(20px);
        -ms-transform:translateY(20px);
        -o-transform:translateY(20px);
        transform:translateY(20px)
    }
}

@-moz-keyframes tptranslateY2 {
    0%
    {
        -webkit-transform:translateY(-50px);
        -moz-transform:translateY(-50px);
        -ms-transform:translateY(-50px);
        -o-transform:translateY(-50px);
        transform:translateY(-50px)
    }

    100%
    {
        -webkit-transform:translateY(20px);
        -moz-transform:translateY(20px);
        -ms-transform:translateY(20px);
        -o-transform:translateY(20px);
        transform:translateY(20px)
    }
}

@-ms-keyframes tptranslateY2 {
    0%
    {
        -webkit-transform:translateY(-50px);
        -moz-transform:translateY(-50px);
        -ms-transform:translateY(-50px);
        -o-transform:translateY(-50px);
        transform:translateY(-50px)
    }

    100%
    {
        -webkit-transform:translateY(20px);
        -moz-transform:translateY(20px);
        -ms-transform:translateY(20px);
        -o-transform:translateY(20px);
        transform:translateY(20px)
    }
}

@keyframes tptranslateY2 {
    0%
    {
        -webkit-transform:translateY(-50px);
        -moz-transform:translateY(-50px);
        -ms-transform:translateY(-50px);
        -o-transform:translateY(-50px);
        transform:translateY(-50px)
    }

    100%
    {
        -webkit-transform:translateY(20px);
        -moz-transform:translateY(20px);
        -ms-transform:translateY(20px);
        -o-transform:translateY(20px);
        transform:translateY(20px)
    }
}

@-webkit-keyframes tptranslateX {
    0%
    {
        -webkit-transform:translateX(-80px);
        -moz-transform:translateX(-80px);
        -ms-transform:translateX(-80px);
        -o-transform:translateX(-80px);
        transform:translateX(-80px)
    }

    100%
    {
        -webkit-transform:translateX(30px);
        -moz-transform:translateX(30px);
        -ms-transform:translateX(30px);
        -o-transform:translateX(30px);
        transform:translateX(30px)
    }
}

@-moz-keyframes tptranslateX {
    0%
    {
        -webkit-transform:translateX(-80px);
        -moz-transform:translateX(-80px);
        -ms-transform:translateX(-80px);
        -o-transform:translateX(-80px);
        transform:translateX(-80px)
    }

    100%
    {
        -webkit-transform:translateX(30px);
        -moz-transform:translateX(30px);
        -ms-transform:translateX(30px);
        -o-transform:translateX(30px);
        transform:translateX(30px)
    }
}

@-ms-keyframes tptranslateX {
    0%
    {
        -webkit-transform:translateX(-80px);
        -moz-transform:translateX(-80px);
        -ms-transform:translateX(-80px);
        -o-transform:translateX(-80px);
        transform:translateX(-80px)
    }

    100%
    {
        -webkit-transform:translateX(30px);
        -moz-transform:translateX(30px);
        -ms-transform:translateX(30px);
        -o-transform:translateX(30px);
        transform:translateX(30px)
    }
}

@keyframes tptranslateX {
    0%
    {
        -webkit-transform:translateX(-80px);
        -moz-transform:translateX(-80px);
        -ms-transform:translateX(-80px);
        -o-transform:translateX(-80px);
        transform:translateX(-80px)
    }

    100%
    {
        -webkit-transform:translateX(30px);
        -moz-transform:translateX(30px);
        -ms-transform:translateX(30px);
        -o-transform:translateX(30px);
        transform:translateX(30px)
    }
}

@-webkit-keyframes tptranslateX2 {
    0%
    {
        -webkit-transform:translateX(-40px);
        -moz-transform:translateX(-40px);
        -ms-transform:translateX(-40px);
        -o-transform:translateX(-40px);
        transform:translateX(-40px)
    }

    100%
    {
        -webkit-transform:translateX(0px);
        -moz-transform:translateX(0px);
        -ms-transform:translateX(0px);
        -o-transform:translateX(0px);
        transform:translateX(0px)
    }
}

@-moz-keyframes tptranslateX2 {
    0%
    {
        -webkit-transform:translateX(-40px);
        -moz-transform:translateX(-40px);
        -ms-transform:translateX(-40px);
        -o-transform:translateX(-40px);
        transform:translateX(-40px)
    }

    100%
    {
        -webkit-transform:translateX(0px);
        -moz-transform:translateX(0px);
        -ms-transform:translateX(0px);
        -o-transform:translateX(0px);
        transform:translateX(0px)
    }
}

@-ms-keyframes tptranslateX2 {
    0%
    {
        -webkit-transform:translateX(-40px);
        -moz-transform:translateX(-40px);
        -ms-transform:translateX(-40px);
        -o-transform:translateX(-40px);
        transform:translateX(-40px)
    }

    100%
    {
        -webkit-transform:translateX(0px);
        -moz-transform:translateX(0px);
        -ms-transform:translateX(0px);
        -o-transform:translateX(0px);
        transform:translateX(0px)
    }
}

@keyframes tptranslateX2 {
    0%
    {
        -webkit-transform:translateX(-40px);
        -moz-transform:translateX(-40px);
        -ms-transform:translateX(-40px);
        -o-transform:translateX(-40px);
        transform:translateX(-40px)
    }

    100%
    {
        -webkit-transform:translateX(0px);
        -moz-transform:translateX(0px);
        -ms-transform:translateX(0px);
        -o-transform:translateX(0px);
        transform:translateX(0px)
    }
}

@-webkit-keyframes pulse-2 {
    0%
    {
        -moz-box-shadow:0 0 0 0 rgba(21,165,150,0.1);
        box-shadow:0 0 0 0 rgba(21,165,150,0.1)
    }

    70%
    {
        -moz-box-shadow:0 0 0 20px rgba(21,165,150,0);
        box-shadow:0 0 0 20px rgba(21,165,150,0)
    }

    100%
    {
        -moz-box-shadow:0 0 0 0 rgba(21,165,150,0);
        box-shadow:0 0 0 0 rgba(21,165,150,0)
    }
}

@-moz-keyframes pulse-2 {
    0%
    {
        -moz-box-shadow:0 0 0 0 rgba(21,165,150,0.1);
        box-shadow:0 0 0 0 rgba(21,165,150,0.1)
    }

    70%
    {
        -moz-box-shadow:0 0 0 20px rgba(21,165,150,0);
        box-shadow:0 0 0 20px rgba(21,165,150,0)
    }

    100%
    {
        -moz-box-shadow:0 0 0 0 rgba(21,165,150,0);
        box-shadow:0 0 0 0 rgba(21,165,150,0)
    }
}

@-ms-keyframes pulse-2 {
    0%
    {
        -moz-box-shadow:0 0 0 0 rgba(21,165,150,0.1);
        box-shadow:0 0 0 0 rgba(21,165,150,0.1)
    }

    70%
    {
        -moz-box-shadow:0 0 0 20px rgba(21,165,150,0);
        box-shadow:0 0 0 20px rgba(21,165,150,0)
    }

    100%
    {
        -moz-box-shadow:0 0 0 0 rgba(21,165,150,0);
        box-shadow:0 0 0 0 rgba(21,165,150,0)
    }
}

@keyframes pulse-2 {
    0%
    {
        -moz-box-shadow:0 0 0 0 rgba(21,165,150,0.1);
        box-shadow:0 0 0 0 rgba(21,165,150,0.1)
    }

    70%
    {
        -moz-box-shadow:0 0 0 20px rgba(21,165,150,0);
        box-shadow:0 0 0 20px rgba(21,165,150,0)
    }

    100%
    {
        -moz-box-shadow:0 0 0 0 rgba(21,165,150,0);
        box-shadow:0 0 0 0 rgba(21,165,150,0)
    }
}

@-webkit-keyframes gadientbg {
    0%
    {
        background-position:0
    }

    100%
    {
        background-position:100%
    }
}

@-moz-keyframes gadientbg {
    0%
    {
        background-position:0
    }

    100%
    {
        background-position:100%
    }
}

@-ms-keyframes gadientbg {
    0%
    {
        background-position:0
    }

    100%
    {
        background-position:100%
    }
}

@keyframes gadientbg {
    0%
    {
        background-position:0
    }

    100%
    {
        background-position:100%
    }
}

@-webkit-keyframes borderRadius {
    0%
    {
        border-radius:65% 35% 50% 50%/59% 50% 50% 41%
    }

    100%
    {
        border-radius:33% 67% 43% 57%/69% 24% 76% 31%
    }
}

@-moz-keyframes borderRadius {
    0%
    {
        border-radius:65% 35% 50% 50%/59% 50% 50% 41%
    }

    100%
    {
        border-radius:33% 67% 43% 57%/69% 24% 76% 31%
    }
}

@-ms-keyframes borderRadius {
    0%
    {
        border-radius:65% 35% 50% 50%/59% 50% 50% 41%
    }

    100%
    {
        border-radius:33% 67% 43% 57%/69% 24% 76% 31%
    }
}

@keyframes borderRadius {
    0%
    {
        border-radius:65% 35% 50% 50%/59% 50% 50% 41%
    }

    100%
    {
        border-radius:33% 67% 43% 57%/69% 24% 76% 31%
    }
}

@-webkit-keyframes tpupdown {
    0%
    {
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }

    100%
    {
        -webkit-transform:translateY(-20px);
        -moz-transform:translateY(-20px);
        -ms-transform:translateY(-20px);
        -o-transform:translateY(-20px);
        transform:translateY(-20px)
    }
}

@-moz-keyframes tpupdown {
    0%
    {
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }

    100%
    {
        -webkit-transform:translateY(-20px);
        -moz-transform:translateY(-20px);
        -ms-transform:translateY(-20px);
        -o-transform:translateY(-20px);
        transform:translateY(-20px)
    }
}

@-ms-keyframes tpupdown {
    0%
    {
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }

    100%
    {
        -webkit-transform:translateY(-20px);
        -moz-transform:translateY(-20px);
        -ms-transform:translateY(-20px);
        -o-transform:translateY(-20px);
        transform:translateY(-20px)
    }
}

@keyframes tpupdown {
    0%
    {
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }

    100%
    {
        -webkit-transform:translateY(-20px);
        -moz-transform:translateY(-20px);
        -ms-transform:translateY(-20px);
        -o-transform:translateY(-20px);
        transform:translateY(-20px)
    }
}

@-webkit-keyframes tpleftright {
    0%
    {
        -webkit-transform:translateX(0);
        -moz-transform:translateX(0);
        -ms-transform:translateX(0);
        -o-transform:translateX(0);
        transform:translateX(0)
    }

    100%
    {
        -webkit-transform:translateX(-20px);
        -moz-transform:translateX(-20px);
        -ms-transform:translateX(-20px);
        -o-transform:translateX(-20px);
        transform:translateX(-20px)
    }
}

@-moz-keyframes tpleftright {
    0%
    {
        -webkit-transform:translateX(0);
        -moz-transform:translateX(0);
        -ms-transform:translateX(0);
        -o-transform:translateX(0);
        transform:translateX(0)
    }

    100%
    {
        -webkit-transform:translateX(-20px);
        -moz-transform:translateX(-20px);
        -ms-transform:translateX(-20px);
        -o-transform:translateX(-20px);
        transform:translateX(-20px)
    }
}

@-ms-keyframes tpleftright {
    0%
    {
        -webkit-transform:translateX(0);
        -moz-transform:translateX(0);
        -ms-transform:translateX(0);
        -o-transform:translateX(0);
        transform:translateX(0)
    }

    100%
    {
        -webkit-transform:translateX(-20px);
        -moz-transform:translateX(-20px);
        -ms-transform:translateX(-20px);
        -o-transform:translateX(-20px);
        transform:translateX(-20px)
    }
}

@keyframes tpleftright {
    0%
    {
        -webkit-transform:translateX(0);
        -moz-transform:translateX(0);
        -ms-transform:translateX(0);
        -o-transform:translateX(0);
        transform:translateX(0)
    }

    100%
    {
        -webkit-transform:translateX(-20px);
        -moz-transform:translateX(-20px);
        -ms-transform:translateX(-20px);
        -o-transform:translateX(-20px);
        transform:translateX(-20px)
    }
}

@-webkit-keyframes tpswing {
    0%
    {
        -webkit-transform:rotate(6deg);
        -moz-transform:rotate(6deg);
        -ms-transform:rotate(6deg);
        -o-transform:rotate(6deg);
        transform:rotate(6deg)
    }

    100%
    {
        -webkit-transform:rotate(-6deg);
        -moz-transform:rotate(-6deg);
        -ms-transform:rotate(-6deg);
        -o-transform:rotate(-6deg);
        transform:rotate(-6deg)
    }
}

@-moz-keyframes tpswing {
    0%
    {
        -webkit-transform:rotate(6deg);
        -moz-transform:rotate(6deg);
        -ms-transform:rotate(6deg);
        -o-transform:rotate(6deg);
        transform:rotate(6deg)
    }

    100%
    {
        -webkit-transform:rotate(-6deg);
        -moz-transform:rotate(-6deg);
        -ms-transform:rotate(-6deg);
        -o-transform:rotate(-6deg);
        transform:rotate(-6deg)
    }
}

@-ms-keyframes tpswing {
    0%
    {
        -webkit-transform:rotate(6deg);
        -moz-transform:rotate(6deg);
        -ms-transform:rotate(6deg);
        -o-transform:rotate(6deg);
        transform:rotate(6deg)
    }

    100%
    {
        -webkit-transform:rotate(-6deg);
        -moz-transform:rotate(-6deg);
        -ms-transform:rotate(-6deg);
        -o-transform:rotate(-6deg);
        transform:rotate(-6deg)
    }
}

@keyframes tpswing {
    0%
    {
        -webkit-transform:rotate(6deg);
        -moz-transform:rotate(6deg);
        -ms-transform:rotate(6deg);
        -o-transform:rotate(6deg);
        transform:rotate(6deg)
    }

    100%
    {
        -webkit-transform:rotate(-6deg);
        -moz-transform:rotate(-6deg);
        -ms-transform:rotate(-6deg);
        -o-transform:rotate(-6deg);
        transform:rotate(-6deg)
    }
}

@-webkit-keyframes tpscale {
    0%
    {
        -webkit-transform:scale(0.7);
        -moz-transform:scale(0.7);
        -ms-transform:scale(0.7);
        -o-transform:scale(0.7);
        transform:scale(0.7)
    }

    100%
    {
        -webkit-transform:rotate(1.05);
        -moz-transform:rotate(1.05);
        -ms-transform:rotate(1.05);
        -o-transform:rotate(1.05);
        transform:rotate(1.05)
    }
}

@-moz-keyframes tpscale {
    0%
    {
        -webkit-transform:scale(0.7);
        -moz-transform:scale(0.7);
        -ms-transform:scale(0.7);
        -o-transform:scale(0.7);
        transform:scale(0.7)
    }

    100%
    {
        -webkit-transform:rotate(1.05);
        -moz-transform:rotate(1.05);
        -ms-transform:rotate(1.05);
        -o-transform:rotate(1.05);
        transform:rotate(1.05)
    }
}

@-ms-keyframes tpscale {
    0%
    {
        -webkit-transform:scale(0.7);
        -moz-transform:scale(0.7);
        -ms-transform:scale(0.7);
        -o-transform:scale(0.7);
        transform:scale(0.7)
    }

    100%
    {
        -webkit-transform:rotate(1.05);
        -moz-transform:rotate(1.05);
        -ms-transform:rotate(1.05);
        -o-transform:rotate(1.05);
        transform:rotate(1.05)
    }
}

@keyframes tpscale {
    0%
    {
        -webkit-transform:scale(0.7);
        -moz-transform:scale(0.7);
        -ms-transform:scale(0.7);
        -o-transform:scale(0.7);
        transform:scale(0.7)
    }

    100%
    {
        -webkit-transform:rotate(1.05);
        -moz-transform:rotate(1.05);
        -ms-transform:rotate(1.05);
        -o-transform:rotate(1.05);
        transform:rotate(1.05)
    }
}

.animate-border::before,.animate-border::after
{
    content:"";
    position:absolute;
    background-color:var(--tp-theme-8);
    width:0;
    height:1px;
    transition:width .0375s;
    -webkit-transition:all .2s ease-out 0;
    -moz-transition:all .2s ease-out 0;
    -ms-transition:all .2s ease-out 0;
    -o-transition:all .2s ease-out 0;
    transition:all .2s ease-out 0
}

.animate-border::before
{
    top:0;
    left:0;
    transition-delay:.6s
}

.animate-border::after
{
    right:0;
    bottom:0;
    left:auto;
    transition-delay:.2s
}

.animate-border .services-border::before,.animate-border .services-border::after
{
    content:"";
    position:absolute;
    background-color:var(--tp-theme-8);
    height:0;
    width:1px;
    transition:height .0375s;
    -webkit-transition:all .2s ease-out 0;
    -moz-transition:all .2s ease-out 0;
    -ms-transition:all .2s ease-out 0;
    -o-transition:all .2s ease-out 0;
    transition:all .2s ease-out 0
}

.animate-border .services-border::before
{
    transition-delay:0;
    bottom:0;
    left:0
}

.animate-border .services-border::after
{
    top:0;
    right:0;
    transition-delay:.4s
}

.animate-border:hover::after,.animate-border:hover::before
{
    width:100%
}

.animate-border:hover::before
{
    transition-delay:0
}

.animate-border:hover::after
{
    transition-delay:.4s
}

.animate-border:hover .services-border::after,.animate-border:hover .services-border::before
{
    height:100%
}

.animate-border:hover .services-border::before
{
    transition-delay:.6s
}

.animate-border:hover .services-border::after
{
    transition-delay:.2s
}

.animate-border-2::before,.animate-border-2::after
{
    content:"";
    position:absolute;
    background-color:var(--tp-theme-8);
    width:0;
    height:1px;
    transition:width .0375s;
    -webkit-transition:all .4s ease-out 0;
    -moz-transition:all .4s ease-out 0;
    -ms-transition:all .4s ease-out 0;
    -o-transition:all .4s ease-out 0;
    transition:all .4s ease-out 0
}

.animate-border-2::before
{
    top:0;
    left:0
}

.animate-border-2::after
{
    right:0;
    bottom:0;
    left:auto
}

.animate-border-2 .services-border-2::before,.animate-border-2 .services-border-2::after
{
    content:"";
    position:absolute;
    background-color:var(--tp-theme-8);
    height:0;
    width:1px;
    transition:height .0375s;
    -webkit-transition:all .4s ease-out 0;
    -moz-transition:all .4s ease-out 0;
    -ms-transition:all .4s ease-out 0;
    -o-transition:all .4s ease-out 0;
    transition:all .4s ease-out 0
}

.animate-border-2 .services-border-2::before
{
    top:0;
    left:0
}

.animate-border-2 .services-border-2::after
{
    top:auto;
    bottom:0;
    right:0
}

.animate-border-2:hover::after,.animate-border-2:hover::before
{
    width:100%
}

.animate-border-2:hover .services-border-2::after,.animate-border-2:hover .services-border-2::before
{
    height:100%
}

@-webkit-keyframes tp_slide_up {
    0%
    {
        -webkit-transform:translateY(3.25rem);
        transform:translateY(3.25rem);
        opacity:0
    }

    100%
    {
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
}

@-moz-keyframes tp_slide_up {
    0%
    {
        -webkit-transform:translateY(3.25rem);
        transform:translateY(3.25rem);
        opacity:0
    }

    100%
    {
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
}

@-ms-keyframes tp_slide_up {
    0%
    {
        -webkit-transform:translateY(3.25rem);
        transform:translateY(3.25rem);
        opacity:0
    }

    100%
    {
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
}

@keyframes tp_slide_up {
    0%
    {
        -webkit-transform:translateY(3.25rem);
        transform:translateY(3.25rem);
        opacity:0
    }

    100%
    {
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
}

@-webkit-keyframes tp_slide_left {
    0%
    {
        -webkit-transform:translateX(3.25rem);
        transform:translateX(3.25rem);
        opacity:0
    }

    100%
    {
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
}

@-moz-keyframes tp_slide_left {
    0%
    {
        -webkit-transform:translateX(3.25rem);
        transform:translateX(3.25rem);
        opacity:0
    }

    100%
    {
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
}

@-ms-keyframes tp_slide_left {
    0%
    {
        -webkit-transform:translateX(3.25rem);
        transform:translateX(3.25rem);
        opacity:0
    }

    100%
    {
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
}

@keyframes tp_slide_left {
    0%
    {
        -webkit-transform:translateX(3.25rem);
        transform:translateX(3.25rem);
        opacity:0
    }

    100%
    {
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
}

.tp-border-loader svg
{
    transform:rotate(-90deg)
}

.tp-border-loader svg circle
{
    stroke:rgba(255,255,255,0.4)
}

.tp-border-loader svg circle:last-child
{
    stroke:#fff;
    stroke-dashoffset:-356px;
    stroke-dasharray:0px,366px
}

@-webkit-keyframes tp-border-loader {
    0%
    {
        stroke-dashoffset:-356px;
        stroke-dasharray:356px,366px
    }

    95%
    {
        stroke-dashoffset:0;
        stroke-dasharray:356px,366px
    }

    100%
    {
        stroke-dashoffset:0;
        stroke-dasharray:0,366px
    }
}

@-moz-keyframes tp-border-loader {
    0%
    {
        stroke-dashoffset:-356px;
        stroke-dasharray:356px,366px
    }

    95%
    {
        stroke-dashoffset:0;
        stroke-dasharray:356px,366px
    }

    100%
    {
        stroke-dashoffset:0;
        stroke-dasharray:0,366px
    }
}

@-ms-keyframes tp-border-loader {
    0%
    {
        stroke-dashoffset:-356px;
        stroke-dasharray:356px,366px
    }

    95%
    {
        stroke-dashoffset:0;
        stroke-dasharray:356px,366px
    }

    100%
    {
        stroke-dashoffset:0;
        stroke-dasharray:0,366px
    }
}

@keyframes tp-border-loader {
    0%
    {
        stroke-dashoffset:-356px;
        stroke-dasharray:356px,366px
    }

    95%
    {
        stroke-dashoffset:0;
        stroke-dasharray:356px,366px
    }

    100%
    {
        stroke-dashoffset:0;
        stroke-dasharray:0,366px
    }
}

@-webkit-keyframes tp-pulse-btn-effect {
    70%
    {
        -webkit-box-shadow:0 0 0 40px currentColor;
        box-shadow:0 0 0 40px currentColor;
        opacity:0
    }

    100%
    {
        -webkit-box-shadow:0 0 0 0 currentColor;
        box-shadow:0 0 0 0 currentColor;
        opacity:0
    }
}

@-moz-keyframes tp-pulse-btn-effect {
    70%
    {
        -webkit-box-shadow:0 0 0 40px currentColor;
        box-shadow:0 0 0 40px currentColor;
        opacity:0
    }

    100%
    {
        -webkit-box-shadow:0 0 0 0 currentColor;
        box-shadow:0 0 0 0 currentColor;
        opacity:0
    }
}

@-ms-keyframes tp-pulse-btn-effect {
    70%
    {
        -webkit-box-shadow:0 0 0 40px currentColor;
        box-shadow:0 0 0 40px currentColor;
        opacity:0
    }

    100%
    {
        -webkit-box-shadow:0 0 0 0 currentColor;
        box-shadow:0 0 0 0 currentColor;
        opacity:0
    }
}

@keyframes tp-pulse-btn-effect {
    70%
    {
        -webkit-box-shadow:0 0 0 40px currentColor;
        box-shadow:0 0 0 40px currentColor;
        opacity:0
    }

    100%
    {
        -webkit-box-shadow:0 0 0 0 currentColor;
        box-shadow:0 0 0 0 currentColor;
        opacity:0
    }
}

@-webkit-keyframes borderanimate2 {
    0%
    {
        transform:translate(-50%,-50%) scale(0.8)
    }

    60%
    {
        opacity:1
    }

    100%
    {
        transform:translate(-50%,-50%) scale(2.5);
        opacity:0
    }
}

@-moz-keyframes borderanimate2 {
    0%
    {
        transform:translate(-50%,-50%) scale(0.8)
    }

    60%
    {
        opacity:1
    }

    100%
    {
        transform:translate(-50%,-50%) scale(2.5);
        opacity:0
    }
}

@-ms-keyframes borderanimate2 {
    0%
    {
        transform:translate(-50%,-50%) scale(0.8)
    }

    60%
    {
        opacity:1
    }

    100%
    {
        transform:translate(-50%,-50%) scale(2.5);
        opacity:0
    }
}

@keyframes borderanimate2 {
    0%
    {
        transform:translate(-50%,-50%) scale(0.8)
    }

    60%
    {
        opacity:1
    }

    100%
    {
        transform:translate(-50%,-50%) scale(2.5);
        opacity:0
    }
}

@-webkit-keyframes borderanimate3 {
    0%
    {
        transform:scale(0.8);
        opacity:0
    }

    60%
    {
        opacity:1
    }

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

@-moz-keyframes borderanimate3 {
    0%
    {
        transform:scale(0.8);
        opacity:0
    }

    60%
    {
        opacity:1
    }

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

@-ms-keyframes borderanimate3 {
    0%
    {
        transform:scale(0.8);
        opacity:0
    }

    60%
    {
        opacity:1
    }

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

@keyframes borderanimate3 {
    0%
    {
        transform:scale(0.8);
        opacity:0
    }

    60%
    {
        opacity:1
    }

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

@-webkit-keyframes tp_arrow {
    49%
    {
        transform:translateX(30%)
    }

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

    51%
    {
        opacity:1
    }
}

@-moz-keyframes tp_arrow {
    49%
    {
        transform:translateX(30%)
    }

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

    51%
    {
        opacity:1
    }
}

@-ms-keyframes tp_arrow {
    49%
    {
        transform:translateX(30%)
    }

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

    51%
    {
        opacity:1
    }
}

@keyframes tp_arrow {
    49%
    {
        transform:translateX(30%)
    }

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

    51%
    {
        opacity:1
    }
}

@-webkit-keyframes tp_arrow_svg {
    49%
    {
        transform:translateX(30%) translateY(-1px)
    }

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

    51%
    {
        opacity:1
    }
}

@-moz-keyframes tp_arrow_svg {
    49%
    {
        transform:translateX(30%) translateY(-1px)
    }

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

    51%
    {
        opacity:1
    }
}

@-ms-keyframes tp_arrow_svg {
    49%
    {
        transform:translateX(30%) translateY(-1px)
    }

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

    51%
    {
        opacity:1
    }
}

@keyframes tp_arrow_svg {
    49%
    {
        transform:translateX(30%) translateY(-1px)
    }

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

    51%
    {
        opacity:1
    }
}

@-webkit-keyframes tp-hotspot {
    0%
    {
        -webkit-transform:scale(0.8);
        -moz-transform:scale(0.8);
        -ms-transform:scale(0.8);
        -o-transform:scale(0.8);
        transform:scale(0.8);
        opacity:0
    }

    70%
    {
        opacity:1
    }

    100%
    {
        -webkit-transform:scale(1.3);
        -moz-transform:scale(1.3);
        -ms-transform:scale(1.3);
        -o-transform:scale(1.3);
        transform:scale(1.3);
        opacity:0
    }
}

@-moz-keyframes tp-hotspot {
    0%
    {
        -webkit-transform:scale(0.8);
        -moz-transform:scale(0.8);
        -ms-transform:scale(0.8);
        -o-transform:scale(0.8);
        transform:scale(0.8);
        opacity:0
    }

    70%
    {
        opacity:1
    }

    100%
    {
        -webkit-transform:scale(1.3);
        -moz-transform:scale(1.3);
        -ms-transform:scale(1.3);
        -o-transform:scale(1.3);
        transform:scale(1.3);
        opacity:0
    }
}

@-ms-keyframes tp-hotspot {
    0%
    {
        -webkit-transform:scale(0.8);
        -moz-transform:scale(0.8);
        -ms-transform:scale(0.8);
        -o-transform:scale(0.8);
        transform:scale(0.8);
        opacity:0
    }

    70%
    {
        opacity:1
    }

    100%
    {
        -webkit-transform:scale(1.3);
        -moz-transform:scale(1.3);
        -ms-transform:scale(1.3);
        -o-transform:scale(1.3);
        transform:scale(1.3);
        opacity:0
    }
}

@keyframes tp-hotspot {
    0%
    {
        -webkit-transform:scale(0.8);
        -moz-transform:scale(0.8);
        -ms-transform:scale(0.8);
        -o-transform:scale(0.8);
        transform:scale(0.8);
        opacity:0
    }

    70%
    {
        opacity:1
    }

    100%
    {
        -webkit-transform:scale(1.3);
        -moz-transform:scale(1.3);
        -ms-transform:scale(1.3);
        -o-transform:scale(1.3);
        transform:scale(1.3);
        opacity:0
    }
}

@-webkit-keyframes tp-hotspot-2 {
    0%
    {
        -webkit-transform:scale(0.1);
        -moz-transform:scale(0.1);
        -ms-transform:scale(0.1);
        -o-transform:scale(0.1);
        transform:scale(0.1);
        opacity:0
    }

    70%
    {
        opacity:1
    }

    100%
    {
        -webkit-transform:scale(1.3);
        -moz-transform:scale(1.3);
        -ms-transform:scale(1.3);
        -o-transform:scale(1.3);
        transform:scale(1.3);
        opacity:0
    }
}

@-moz-keyframes tp-hotspot-2 {
    0%
    {
        -webkit-transform:scale(0.1);
        -moz-transform:scale(0.1);
        -ms-transform:scale(0.1);
        -o-transform:scale(0.1);
        transform:scale(0.1);
        opacity:0
    }

    70%
    {
        opacity:1
    }

    100%
    {
        -webkit-transform:scale(1.3);
        -moz-transform:scale(1.3);
        -ms-transform:scale(1.3);
        -o-transform:scale(1.3);
        transform:scale(1.3);
        opacity:0
    }
}

@-ms-keyframes tp-hotspot-2 {
    0%
    {
        -webkit-transform:scale(0.1);
        -moz-transform:scale(0.1);
        -ms-transform:scale(0.1);
        -o-transform:scale(0.1);
        transform:scale(0.1);
        opacity:0
    }

    70%
    {
        opacity:1
    }

    100%
    {
        -webkit-transform:scale(1.3);
        -moz-transform:scale(1.3);
        -ms-transform:scale(1.3);
        -o-transform:scale(1.3);
        transform:scale(1.3);
        opacity:0
    }
}

@keyframes tp-hotspot-2 {
    0%
    {
        -webkit-transform:scale(0.1);
        -moz-transform:scale(0.1);
        -ms-transform:scale(0.1);
        -o-transform:scale(0.1);
        transform:scale(0.1);
        opacity:0
    }

    70%
    {
        opacity:1
    }

    100%
    {
        -webkit-transform:scale(1.3);
        -moz-transform:scale(1.3);
        -ms-transform:scale(1.3);
        -o-transform:scale(1.3);
        transform:scale(1.3);
        opacity:0
    }
}

.mfp-with-zoom .mfp-container,.mfp-with-zoom.mfp-bg
{
    opacity:0;
    -webkit-backface-visibility:hidden;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}

.mfp-with-zoom.mfp-ready .mfp-container
{
    opacity:1
}

.mfp-with-zoom.mfp-ready.mfp-bg
{
    opacity:.8
}

.mfp-with-zoom.mfp-removing .mfp-container,.mfp-with-zoom.mfp-removing.mfp-bg
{
    opacity:0
}

#loading
{
    background-color:#fff;
    height:100%;
    width:100%;
    position:fixed;
    z-index:999999;
    margin-top:0;
    top:0
}

#loading-center
{
    width:100%;
    height:100%;
    position:relative
}

#loading-center-absolute
{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%)
}

#loading
{
    background-color:#fff;
    height:100%;
    width:100%;
    position:fixed;
    z-index:999999;
    margin-top:0;
    top:0
}

#loading-center
{
    width:100%;
    height:100%;
    position:relative
}

#loading-center-absolute
{
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}

.preloader__bar
{
    width:270px;
    height:4px;
    background-color:#E2E2E8;
    margin:auto;
    margin-bottom:50px;
    position:relative;
    overflow:hidden
}

.preloader__bar-inner
{
    position:absolute;
    left:0;
    top:0;
    width:0;
    height:100%;
    background-image:-webkit-linear-gradient(90deg,#F50963 0%,#6A6BFF 100%);
    background-image:-moz-linear-gradient(90deg,#F50963 0%,#6A6BFF 100%);
    background-image:-ms-linear-gradient(90deg,#F50963 0%,#6A6BFF 100%);
    background-image:-o-linear-gradient(90deg,#F50963 0%,#6A6BFF 100%);
    background-image:linear-gradient(90deg,#F50963 0%,#6A6BFF 100%);
    background:var(--tp-theme-1);
    -webkit-transition:all 1s ease-out 0;
    -moz-transition:all 1s ease-out 0;
    -ms-transition:all 1s ease-out 0;
    -o-transition:all 1s ease-out 0;
    transition:all 1s ease-out 0
}

.preloader__logo
{
    margin-bottom:40px
}

.preloader__logo img.logo-blink
{
    animation:tp-blink .7s ease-in-out .1s infinite
}

@-webkit-keyframes tp-blink {
    0%
    {
        opacity:1
    }

    50%
    {
        opacity:.5
    }

    100%
    {
        opacity:1
    }
}

@-moz-keyframes tp-blink {
    0%
    {
        opacity:1
    }

    50%
    {
        opacity:.5
    }

    100%
    {
        opacity:1
    }
}

@-ms-keyframes tp-blink {
    0%
    {
        opacity:1
    }

    50%
    {
        opacity:.5
    }

    100%
    {
        opacity:1
    }
}

@keyframes tp-blink {
    0%
    {
        opacity:1
    }

    50%
    {
        opacity:.5
    }

    100%
    {
        opacity:1
    }
}

.preloader__title
{
    font-size:170px;
    line-height:1;
    text-transform:uppercase;
    position:relative;
    color:var(--tp-common-black)
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .preloader__title
    {
        font-size:140px
    }
}

@media (max-width: 575px) {
    .preloader__title
    {
        font-size:70px
    }
}

.preloader__title-2
{
    font-size:170px;
    line-height:1;
    font-weight:700;
    text-transform:uppercase;
    position:relative;
    color:var(--tp-grey-1)
}

.preloader__title-2::before
{
    position:absolute;
    content:attr(data-text-preloader);
    top:22px;
    left:0;
    color:var(--tp-common-black);
    opacity:0;
    -webkit-transform:rotateY(-90deg);
    transform:rotateY(-90deg);
    -webkit-animation:letters-loading 3s infinite;
    animation:letters-loading 3s infinite
}

.preloader__title-2:nth-child(2)::before
{
    -webkit-animation-delay:.2s;
    animation-delay:.2s
}

.preloader__title-2:nth-child(3)::before
{
    -webkit-animation-delay:.4s;
    animation-delay:.4s
}

.preloader__title-2:nth-child(4)::before
{
    -webkit-animation-delay:.6s;
    animation-delay:.6s
}

.preloader__title-2:nth-child(5)::before
{
    -webkit-animation-delay:.8s;
    animation-delay:.8s
}

.preloader__title-2:nth-child(6)::before
{
    -webkit-animation-delay:1s;
    animation-delay:1s
}

.preloader__loading
{
    text-transform:uppercase;
    color:var(--tp-common-black);
    font:700 16px/1 var(--tp-ff-space)
}

.preloader__with-text
{
    display:none
}

@-webkit-keyframes letters-loading {
    0%,75%,100%
    {
        opacity:0;
        -webkit-transform:rotateY(-90deg);
        -moz-transform:rotateY(-90deg);
        -ms-transform:rotateY(-90deg);
        -o-transform:rotateY(-90deg);
        transform:rotateY(-90deg)
    }

    25%,50%
    {
        opacity:1;
        -webkit-transform:rotateY(0deg);
        -moz-transform:rotateY(0deg);
        -ms-transform:rotateY(0deg);
        -o-transform:rotateY(0deg);
        transform:rotateY(0deg)
    }
}

@-moz-keyframes letters-loading {
    0%,75%,100%
    {
        opacity:0;
        -webkit-transform:rotateY(-90deg);
        -moz-transform:rotateY(-90deg);
        -ms-transform:rotateY(-90deg);
        -o-transform:rotateY(-90deg);
        transform:rotateY(-90deg)
    }

    25%,50%
    {
        opacity:1;
        -webkit-transform:rotateY(0deg);
        -moz-transform:rotateY(0deg);
        -ms-transform:rotateY(0deg);
        -o-transform:rotateY(0deg);
        transform:rotateY(0deg)
    }
}

@-ms-keyframes letters-loading {
    0%,75%,100%
    {
        opacity:0;
        -webkit-transform:rotateY(-90deg);
        -moz-transform:rotateY(-90deg);
        -ms-transform:rotateY(-90deg);
        -o-transform:rotateY(-90deg);
        transform:rotateY(-90deg)
    }

    25%,50%
    {
        opacity:1;
        -webkit-transform:rotateY(0deg);
        -moz-transform:rotateY(0deg);
        -ms-transform:rotateY(0deg);
        -o-transform:rotateY(0deg);
        transform:rotateY(0deg)
    }
}

@keyframes letters-loading {
    0%,75%,100%
    {
        opacity:0;
        -webkit-transform:rotateY(-90deg);
        -moz-transform:rotateY(-90deg);
        -ms-transform:rotateY(-90deg);
        -o-transform:rotateY(-90deg);
        transform:rotateY(-90deg)
    }

    25%,50%
    {
        opacity:1;
        -webkit-transform:rotateY(0deg);
        -moz-transform:rotateY(0deg);
        -ms-transform:rotateY(0deg);
        -o-transform:rotateY(0deg);
        transform:rotateY(0deg)
    }
}

@keyframes loading {
    0%
    {
        width:0
    }

    100%
    {
        width:100%
    }
}

.grey-bg
{
    background-color:var(--tp-grey-1)
}

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

.grey-bg-4
{
    background-color:var(--tp-grey-4)
}

.grey-bg-7
{
    background-color:var(--tp-grey-7)
}

.grey-bg-8
{
    background-color:var(--tp-grey-8)
}

.grey-bg-10
{
    background-color:var(--tp-grey-10)
}

.grey-bg-12
{
    background-color:var(--tp-grey-12)
}

.grey-bg-13
{
    background-color:var(--tp-grey-13)
}

.grey-bg-14
{
    background-color:var(--tp-grey-14)
}

.grey-bg-15
{
    background-color:var(--tp-grey-15)
}

.grey-bg-17
{
    background-color:var(--tp-grey-17)
}

.grey-bg-18
{
    background-color:var(--tp-grey-18)
}

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

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

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

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

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

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

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

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

.blue-bg
{
    background-color:var(--tp-common-blue)
}

.blue-bg-5
{
    background-color:var(--tp-common-blue-5)
}

.purple-bg
{
    background-color:var(--tp-common-purple)
}

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

.green-light-bg-2
{
    background-color:var(--tp-common-green-light-2)
}

.green-light-bg-4
{
    background-color:var(--tp-common-green-light-4)
}

.green-bg-6
{
    background-color:var(--tp-common-green-6)
}

.khaki-bg
{
    background-color:var(--tp-common-khaki)
}

.khaki-bg-2
{
    background-color:var(--tp-common-khaki-2)
}

.gradient-bg-dark
{
    background:radial-gradient(50.53% 50.53% at 50.23% 49.47%,#414D59 0%,#1D2631 100%)
}

[data-bg-color]
{
    background-color:var(--tp-common-black)
}

[data-bg-color=theme-2]
{
    background-color:var(--tp-theme-2)
}

[data-bg-color=theme-5]
{
    background-color:var(--tp-theme-5)
}

[data-bg-color=black-7]
{
    background-color:var(--tp-common-blue-dark)
}

[data-bg-color=blue-dark]
{
    background-color:var(--tp-common-blue-dark)
}

[data-bg-color=green-dark]
{
    background-color:var(--tp-common-green-dark)
}

[data-bg-color=green-dark-2]
{
    background-color:var(--tp-common-green-dark-2)
}

[data-bg-color=green-light-3]
{
    background-color:var(--tp-common-green-light-3)
}

[data-bg-color=purple-bg-3]
{
    background-color:var(--tp-common-purple-3)
}

[data-bg-color=blue-bg-2]
{
    background-color:var(--tp-common-blue-2)
}

[data-bg-color=footer-bg]
{
    background-color:var(--tp-common-footer-bg)
}

[data-bg-color=footer-bg-white]
{
    background-color:var(--tp-common-white)
}

[data-bg-color=footer-bg-dark]
{
    background-color:var(--tp-common-footer-bg-dark)
}

[data-bg-color=footer-bg-black]
{
    background-color:var(--tp-common-footer-bg-black)
}

[data-bg-color=footer-bg-black-2]
{
    background-color:var(--tp-common-footer-bg-black-2)
}

[data-bg-color=footer-bg-black-3]
{
    background-color:var(--tp-common-footer-bg-black-3)
}

[data-bg-color=footer-bg-black-4]
{
    background-color:var(--tp-common-footer-bg-black-4)
}

[data-bg-color=footer-bg-green]
{
    background-color:var(--tp-common-footer-bg-green)
}

[data-bg-color=footer-bg-green-dark]
{
    background-color:var(--tp-common-footer-bg-green-dark)
}

[data-bg-color=footer-bg-grey]
{
    background-color:var(--tp-common-footer-bg-grey)
}

[data-bg-color=footer-bg-grey-4]
{
    background-color:var(--tp-common-footer-bg-grey-4)
}

[data-bg-color=footer-bg-blue]
{
    background-color:var(--tp-common-footer-bg-blue)
}

[data-overlay=white]
{
    background-color:var(--tp-common-white)
}

[data-overlay=black]
{
    background-color:var(--tp-common-black)
}

[data-overlay=theme]
{
    background-color:var(--tp-theme-1)
}

[data-overlay]
{
    position:relative;
    z-index:1
}

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

[data-overlay=light]::before
{
    background-color:var(--tp-common-white)
}

[data-overlay=dark]::before
{
    background-color:var(--tp-common-black)
}

[data-overlay=green]
{
    position:relative;
    z-index:1
}

[data-overlay=green]::before
{
    background-color:var(--tp-theme-2);
    z-index:-1
}

[data-overlay=footer-bg]::before
{
    background-color:var(--tp-common-black)
}

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

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

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

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

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

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

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

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

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

.tp-range-slider .inside-slider
{
    padding-left:7px;
    padding-right:17px
}

.tp-range-slider .noUi-target
{
    background-color:#191C3C;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    -o-border-radius:12px;
    -ms-border-radius:12px;
    border-radius:12px;
    border:0;
    box-shadow:none
}

.tp-range-slider .noUi-connect
{
    background-color:var(--tp-theme-1)
}

.tp-range-slider .noUi-horizontal
{
    height:6px
}

.tp-range-slider .noUi-handle
{
    height:24px;
    width:24px;
    background-color:var(--tp-theme-1);
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    border:4px solid var(--tp-common-white);
    box-shadow:0 4px 10px rgba(5,9,43,0.3);
    top:-9px
}

.tp-range-slider .noUi-handle:hover
{
    cursor:pointer
}

.tp-range-slider .noUi-handle::before,.tp-range-slider .noUi-handle::after
{
    display:none
}

.tp-range-slider-dark .noUi-handle
{
    border:4px solid #2D314B
}

.tp-swiper-dot .swiper-pagination-bullet
{
    width:8px;
    height:8px;
    background-color:var(--tp-grey-5);
    opacity:1;
    margin:0 9px;
    position:relative
}

.tp-swiper-dot .swiper-pagination-bullet::after
{
    position:absolute;
    content:"";
    left:50%;
    top:50%;
    width:calc(100% + 16px);
    height:calc(100% + 16px);
    background-color:transparent;
    border:1px solid transparent;
    border-radius:50%;
    transform:translate(-50%,-50%) scale(0)
}

.tp-swiper-dot .swiper-pagination-bullet button
{
    font-size:0
}

.tp-swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active
{
    background-color:var(--tp-theme-1)
}

.tp-swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::after
{
    border-color:var(--tp-theme-1);
    transform:translate(-50%,-50%) scale(1)
}

.tp-swiper-dot-2 .swiper-pagination-bullet
{
    background-color:rgba(255,255,255,0.3);
    width:8px;
    height:8px;
    margin:0 7px;
    font-size:0
}

.tp-swiper-dot-2 .swiper-pagination-bullet::after
{
    display:none
}

.tp-swiper-dot-2 .swiper-pagination-bullet.swiper-pagination-bullet-active
{
    width:30px;
    border-radius:50px;
    background-color:var(--tp-theme-8)
}

.tp-swiper-fraction span
{
    color:var(--tp-common-white);
    font:700 30px/1 var(--tp-ff-body)
}

.tp-swiper-fraction-divide
{
    position:relative;
    display:inline-block;
    width:40px;
    height:23px
}

.tp-swiper-fraction-divide::after
{
    position:absolute;
    content:"";
    top:50%;
    left:0;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:40px;
    height:1px;
    background-color:var(--tp-common-white)
}

.offcanvas__area
{
    position:fixed;
    right:0;
    top:0;
    width:360px;
    height:100%;
    -webkit-transform:translateX(calc(100% + 80px));
    -moz-transform:translateX(calc(100% + 80px));
    -ms-transform:translateX(calc(100% + 80px));
    -o-transform:translateX(calc(100% + 80px));
    transform:translateX(calc(100% + 80px));
    background:var(--tp-common-white) none repeat scroll 0 0;
    -webkit-transition:transform .45s ease-in-out,opacity .45s ease-in-out;
    -moz-transition:transform .45s ease-in-out,opacity .45s ease-in-out;
    transition:transform .45s ease-in-out,opacity .45s ease-in-out;
    z-index:999;
    overflow-y:scroll;
    overscroll-behavior-y:contain;
    scrollbar-width:none
}

[dir=rtl] .offcanvas__area
{
    right:auto;
    left:0;
    -webkit-transform:translateX(calc(-100% - 80px));
    -moz-transform:translateX(calc(-100% - 80px));
    -ms-transform:translateX(calc(-100% - 80px));
    -o-transform:translateX(calc(-100% - 80px));
    transform:translateX(calc(-100% - 80px))
}

.offcanvas__area::-webkit-scrollbar
{
    display:none
}

.offcanvas__area.offcanvas-opened
{
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0);
    opacity:1
}

@media (max-width: 575px) {
    .offcanvas__area
    {
        width:100%
    }
}

.offcanvas__area-1 .mean-container .mean-nav ul li a
{
    font-family:var(--tp-ff-space)
}

.offcanvas__area-2 .mean-container .mean-nav ul li a
{
    font-family:var(--tp-ff-oswald);
    font-weight:500
}

.offcanvas__area-2 .mean-container .mean-nav ul li.dropdown-opened > a,.offcanvas__area-2 .mean-container .mean-nav ul li.dropdown-opened > span
{
    color:var(--tp-theme-2)
}

.offcanvas__area-2 .mean-container .mean-nav ul li a:hover,.offcanvas__area-2 .mean-container .mean-nav ul li span:hover
{
    color:var(--tp-theme-2)
}

.offcanvas__area-2 .mean-container .mean-nav ul li a.mean-expand:hover,.offcanvas__area-2 .mean-container .mean-nav ul li span.mean-expand:hover
{
    background-color:var(--tp-theme-2);
    color:var(--tp-common-white)
}

.offcanvas__area-2 .mean-container .mean-nav ul li.dropdown-opened > a.mean-expand.mean-clicked
{
    background-color:var(--tp-theme-2);
    color:var(--tp-common-white)
}

.offcanvas__area-2 .offcanvas__text p
{
    margin-bottom:13px
}

.offcanvas__area-2 .offcanvas__social
{
    padding-bottom:0;
    margin-bottom:0;
    border:0
}

.offcanvas__area-2 .offcanvas__social a:hover
{
    background-color:var(--tp-theme-2);
    border-color:var(--tp-theme-2)
}

.offcanvas__area-2 .offcanvas__close-btn:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-2);
    border-color:var(--tp-theme-2)
}

.offcanvas__area-3
{
    background-color:var(--tp-common-black-8)
}

.offcanvas__area-3 .offcanvas__close-btn
{
    border:0;
    color:#fff;
    opacity:.4
}

.offcanvas__area-3 .offcanvas__close-btn:hover
{
    opacity:1
}

.offcanvas__area-3 .offcanvas__menu ul li a
{
    color:var(--tp-text-17)
}

.offcanvas__area-3 .offcanvas__menu ul li:hover > a
{
    color:var(--tp-common-white)
}

.offcanvas__area-3 .mean-container .mean-nav ul li a
{
    font-family:var(--tp-ff-space);
    color:var(--tp-common-white);
    border-color:var(--tp-border-1)
}

.offcanvas__area-3 .mean-container .mean-nav ul li a.mean-expand
{
    border:none!important;
    color:var(--tp-common-white)
}

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

.offcanvas__area-3 .mean-container .mean-nav ul li.dropdown-opened > a
{
    color:var(--tp-common-white)
}

.offcanvas__area-4
{
    background-color:var(--tp-common-purple)
}

.offcanvas__area-4 .offcanvas__top
{
    margin-bottom:50px
}

.offcanvas__area-4 .offcanvas__close-btn
{
    border:0;
    color:#fff;
    opacity:.5;
    font-size:24px
}

.offcanvas__area-4 .offcanvas__close-btn:hover
{
    opacity:1;
    background-color:transparent;
    border-color:transparent
}

.offcanvas__area-4 .offcanvas__menu ul li a
{
    color:var(--tp-common-white);
    font:16px var(--tp-ff-inter)
}

.offcanvas__area-4 .offcanvas__menu ul li:hover > a
{
    color:var(--tp-common-white)
}

.offcanvas__area-4 .offcanvas__contact-call
{
    color:var(--tp-common-white)
}

.offcanvas__area-4 .offcanvas__contact-call a:hover
{
    color:var(--tp-common-black)
}

.offcanvas__area-4 .offcanvas__contact-mail
{
    color:var(--tp-common-white)
}

.offcanvas__area-4 .offcanvas__contact-mail a:hover
{
    color:var(--tp-common-black)
}

.offcanvas__area-4 .mean-container .mean-nav ul li a
{
    font-family:var(--tp-ff-space);
    color:var(--tp-common-white);
    border-color:rgba(255,255,255,0.1)
}

.offcanvas__area-4 .mean-container .mean-nav ul li a:hover
{
    color:var(--tp-common-black)
}

.offcanvas__area-4 .mean-container .mean-nav ul li a.mean-expand
{
    border:none!important;
    color:var(--tp-common-white)
}

.offcanvas__area-4 .mean-container .mean-nav ul li a.mean-expand:hover,.offcanvas__area-4 .mean-container .mean-nav ul li span.mean-expand:hover
{
    background-color:var(--tp-common-black);
    color:var(--tp-common-white)
}

.offcanvas__area-4 .mean-container .mean-nav ul li.dropdown-opened > a.mean-expand.mean-clicked
{
    background-color:var(--tp-common-black);
    color:var(--tp-common-white)
}

.offcanvas__area-4 .mean-container .mean-nav ul li a.mean-expand.mean-clicked i
{
    color:var(--tp-common-white)
}

.offcanvas__area-4 .mean-container .mean-nav ul li.dropdown-opened > a
{
    color:var(--tp-common-black)
}

.offcanvas__area-5 .mean-container .mean-nav ul li.dropdown-opened > a,.offcanvas__area-5 .mean-container .mean-nav ul li.dropdown-opened > span
{
    color:var(--tp-theme-5)
}

.offcanvas__area-5 .mean-container .mean-nav ul li a:hover,.offcanvas__area-5 .mean-container .mean-nav ul li span:hover
{
    color:var(--tp-theme-5)
}

.offcanvas__area-5 .mean-container .mean-nav ul li a.mean-expand:hover,.offcanvas__area-5 .mean-container .mean-nav ul li span.mean-expand:hover
{
    background-color:var(--tp-theme-5);
    color:var(--tp-common-white)
}

.offcanvas__area-5 .mean-container .mean-nav ul li.dropdown-opened > a.mean-expand.mean-clicked
{
    background-color:var(--tp-theme-5);
    color:var(--tp-common-white)
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .offcanvas__top
    {
        margin-bottom:30px
    }
}

.offcanvas__wrapper
{
    position:relative;
    padding:50px 40px 145px;
    z-index:1;
    min-height:100%
}

@media (max-width: 575px) {
    .offcanvas__wrapper
    {
        padding:20px
    }
}

.offcanvas__wrapper-3
{
    padding:50px 50px 57px
}

@media (max-width: 575px) {
    .offcanvas__wrapper-3
    {
        padding-left:30px;
        padding-right:30px
    }
}

.offcanvas__wrapper-5
{
    padding:50px 40px 90px
}

@media (max-width: 575px) {
    .offcanvas__wrapper-5
    {
        padding-left:30px;
        padding-right:30px
    }
}

.offcanvas__close
{
    position:absolute;
    top:30px;
    right:30px
}

[dir=rtl] .offcanvas__close
{
    left:30px;
    right:auto
}

@media (max-width: 575px) {
    .offcanvas__close
    {
        right:20px;
        top:20px
    }

    [dir=rtl] .offcanvas__close
    {
        right:auto;
        left:20px
    }
}

.offcanvas__close-btn
{
    display:inline-block;
    font-size:16px;
    height:44px;
    width:44px;
    line-height:40px;
    border:2px solid var(--tp-border-5);
    background-color:transparent;
    color:var(--tp-text-1);
    border-radius:50%
}

.offcanvas__close-btn:hover
{
    background-color:var(--tp-theme-1);
    border-color:transparent;
    color:var(--tp-common-white)
}

.offcanvas__close-btn svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.offcanvas__close-btn-2
{
    background-color:#F7F7F9;
    color:var(--tp-common-black);
    border:0;
    line-height:44px
}

.offcanvas__close-btn-3
{
    color:var(--tp-common-white);
    opacity:.4
}

.offcanvas__close-btn-3:hover
{
    opacity:1
}

.offcanvas__close-btn-4
{
    color:var(--tp-common-white);
    background-color:transparent;
    border:0;
    line-height:16px;
    width:16px;
    height:16px;
    opacity:.5
}

.offcanvas__close-btn-4:hover
{
    opacity:1;
    background-color:transparent;
    border-color:none
}

.offcanvas__close-btn-5
{
    color:#9D9DA3;
    background-color:transparent;
    border:0;
    line-height:16px;
    width:16px;
    height:16px
}

.offcanvas__close-btn-5:hover
{
    color:var(--tp-theme-5);
    background-color:transparent;
    border-color:none
}

.offcanvas__color
{
    margin-bottom:40px
}

.offcanvas__color h5
{
    font-size:22px;
    margin-bottom:15px
}

.offcanvas__color input
{
    display:none
}

.offcanvas__color label
{
    width:100%;
    height:60px;
    background-color:var(--tp-theme-1)
}

.offcanvas__color label:hover
{
    cursor:pointer
}

.offcanvas__color-2 label
{
    background-color:var(--tp-theme-2)
}

.offcanvas__inner h4
{
    color:var(--tp-common-white);
    margin-bottom:15px;
    font:24px/1.3 var(--tp-ff-space)
}

.offcanvas__inner p
{
    color:var(--tp-common-white);
    margin-bottom:30px;
    font:16px/22px var(--tp-ff-inter)
}

.offcanvas__inner > img
{
    margin-bottom:30px
}

.offcanvas__search
{
    position:relative
}

.offcanvas__search input
{
    width:100%;
    height:40px;
    line-height:40px;
    padding-right:20px;
    background:transparent;
    border:none;
    outline:none;
    border-bottom:1px solid #D5D5D5;
    font-size:14px;
    color:var(--tp-common-black)
}

[dir=rtl] .offcanvas__search input
{
    padding-left:20px;
    padding-right:0
}

.offcanvas__search input::placeholder
{
    color:var(--tp-text-3)
}

.offcanvas__search input:focus
{
    border-color:var(--tp-theme-1)
}

.offcanvas__search button
{
    position:absolute;
    top:50%;
    right:0;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    font-size:14px;
    color:var(--tp-text-1)
}

[dir=rtl] .offcanvas__search button
{
    right:auto;
    left:0
}

.offcanvas__text p
{
    letter-spacing:.01em;
    color:var(--tp-common-black-4);
    margin-bottom:25px;
    font:400 14px/1.7 var(--tp-ff-inter)
}

.offcanvas__contact-call
{
    color:var(--tp-common-black);
    margin-bottom:5px;
    font:700 20px var(--tp-ff-space)
}

.offcanvas__contact-call a:hover
{
    color:var(--tp-theme-1)
}

.offcanvas__contact-mail
{
    color:var(--tp-text-1);
    font:400 16px var(--tp-ff-space)
}

.offcanvas__contact-mail a:hover
{
    color:var(--tp-theme-1)
}

.offcanvas__social
{
    margin-bottom:22px;
    padding-bottom:40px;
    border-bottom:1px solid var(--tp-border-5)
}

.offcanvas__social-title
{
    font-family:var(--tp-ff-space);
    font:18px var(--tp-ff-space)
}

.offcanvas__social-title-5
{
    text-transform:uppercase;
    color:var(--tp-common-black);
    margin-bottom:10px;
    font:500 14px/10px var(--tp-ff-inter)
}

.offcanvas__social a
{
    display:inline-block;
    width:40px;
    height:40px;
    line-height:36px;
    text-align:center;
    background:transparent;
    color:var(--tp-common-black);
    margin-right:5px;
    border:2px solid var(--tp-border-5)
}

[dir=rtl] .offcanvas__social a
{
    margin-right:0;
    margin-left:5px
}

.offcanvas__social a:hover
{
    background:var(--tp-theme-1);
    color:var(--tp-common-white);
    border-color:var(--tp-theme-1)
}

.offcanvas__social-3 a
{
    display:inline-block;
    width:50px;
    height:50px;
    line-height:44px;
    text-align:center;
    background:transparent;
    color:var(--tp-common-white);
    margin-right:5px;
    border:2px solid rgba(255,255,255,0.1);
    border-radius:50%
}

[dir=rtl] .offcanvas__social-3 a
{
    margin-right:0;
    margin-left:5px
}

.offcanvas__social-3 a:hover
{
    background:var(--tp-theme-1);
    color:var(--tp-common-white);
    border-color:var(--tp-theme-1)
}

.offcanvas__social-4 a
{
    display:inline-block;
    width:44px;
    height:44px;
    line-height:40px;
    text-align:center;
    background-color:transparent;
    color:var(--tp-common-white);
    margin-right:5px;
    border:2px solid rgba(255,255,255,0.1);
    border-radius:50%
}

[dir=rtl] .offcanvas__social-4 a
{
    margin-right:0;
    margin-left:5px
}

.offcanvas__social-4 a:hover
{
    background-color:var(--tp-common-white);
    color:var(--tp-common-black);
    border-color:var(--tp-common-white)
}

.offcanvas__social-5 a
{
    display:inline-block;
    width:40px;
    height:40px;
    line-height:36px;
    text-align:center;
    background-color:transparent;
    color:var(--tp-common-black);
    margin-right:5px;
    border:2px solid var(--tp-border-5);
    border-radius:6px
}

[dir=rtl] .offcanvas__social-5 a
{
    margin-right:0;
    margin-left:5px
}

.offcanvas__social-5 a:hover
{
    background-color:var(--tp-theme-5);
    color:var(--tp-common-white);
    border-color:var(--tp-theme-5)
}

.offcanvas__btn
{
    margin-bottom:125px
}

.offcanvas__btn a
{
    margin-bottom:20px
}

.offcanvas__btn-2
{
    margin-bottom:50px
}

.offcanvas__btn-3
{
    margin-bottom:85px
}

.offcanvas__btn-3 .tp-btn-offcanvas-pink
{
    border-radius:6px
}

.offcanvas__menu
{
    margin-bottom:40px
}

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

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

.offcanvas__menu ul li a
{
    font-weight:700;
    font-size:20px;
    color:var(--tp-common-black)
}

.offcanvas__menu ul li:hover > a
{
    color:var(--tp-theme-1)
}

.offcanvas__menu-ff-space ul li a
{
    font-family:var(--tp-ff-space)
}

.offcanvas__menu-ff-oswald ul li a
{
    font-family:var(--tp-ff-oswald);
    font-weight:500
}

.offcanvas__menu-ff-oswald ul li:hover > a
{
    color:var(--tp-theme-2)
}

.offcanvas__menu-ff-inter ul li a
{
    font-family:var(--tp-ff-inter);
    font-weight:700
}

.offcanvas__menu-ff-inter ul li:hover > a
{
    color:var(--tp-theme-5)
}

.offcanvas__menu-3
{
    margin-bottom:70px;
    margin-top:60px
}

.offcanvas__menu-3 > p
{
    letter-spacing:.04em;
    text-transform:uppercase;
    color:#FFF;
    margin-bottom:35px;
    font:600 14px/10px var(--tp-ff-space)
}

.offcanvas__menu-3 ul li
{
    margin-bottom:17px
}

.offcanvas__menu-3 ul li a
{
    color:#898A94;
    font:700 30px var(--tp-ff-space)
}

.offcanvas__menu-3 ul li a:hover
{
    color:var(--tp-common-white)
}

.offcanvas__menu-5 ul li a
{
    color:var(--tp-common-black);
    text-transform:uppercase;
    font:700 20px var(--tp-ff-inter)
}

.offcanvas__menu-5 ul li a:hover
{
    color:var(--tp-theme-5)
}

.offcanvas__shape-1
{
    position:absolute;
    bottom:0;
    right:0;
    z-index:-1;
    width:100%
}

[dir=rtl] .offcanvas__shape-1
{
    right:auto;
    left:0
}

.offcanvas__shape-2
{
    position:absolute;
    top:4%;
    left:0;
    max-width:100%;
    opacity:.06;
    z-index:-1
}

[dir=rtl] .offcanvas__shape-2
{
    right:0;
    left:auto
}

.offcanvas__shape-3
{
    position:absolute;
    bottom:0;
    right:0;
    z-index:-1;
    width:100%
}

[dir=rtl] .offcanvas__shape-3
{
    right:auto;
    left:0
}

.offcanvas__link-btn
{
    padding-bottom:40px;
    border-bottom:1px solid var(--tp-border-5)
}

.offcanvas__link-btn .tp-link-btn-circle
{
    letter-spacing:.02em;
    color:var(--tp-common-black);
    display:flex;
    align-items:center;
    font:500 16px/20px var(--tp-ff-oswald)
}

.offcanvas__link-btn .tp-link-btn-circle span
{
    width:44px;
    height:44px;
    line-height:42px;
    background-color:var(--tp-common-pink);
    margin-left:0;
    border:0;
    color:var(--tp-common-white);
    margin-right:9px;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}

[dir=rtl] .offcanvas__link-btn .tp-link-btn-circle span
{
    margin-right:0;
    margin-left:9px
}

.offcanvas__link-btn .tp-link-btn-circle:hover
{
    color:var(--tp-common-pink)
}

.offcanvas__info-item
{
    margin-bottom:38px
}

.offcanvas__info-item-title
{
    color:var(--tp-common-white);
    margin-bottom:12px;
    font:700 18px var(--tp-ff-space)
}

.offcanvas__info-item p
{
    font-size:16px;
    color:var(--tp-text-16);
    margin-bottom:0;
    line-height:22px
}

.offcanvas__info-item p a:hover
{
    color:var(--tp-theme-1)
}

.offcanvas__instagram-title
{
    text-transform:uppercase;
    color:var(--tp-common-black);
    position:relative;
    padding-bottom:15px;
    margin-bottom:15px;
    font:500 14px/10px var(--tp-ff-inter)
}

.offcanvas__instagram-title svg
{
    position:absolute;
    bottom:0;
    left:0;
    color:var(--tp-theme-1)
}

[dir=rtl] .offcanvas__instagram-title svg
{
    right:0;
    left:auto
}

.offcanvas__instagram-title svg path
{
    stroke:currentColor;
    fill:currentColor
}

.offcanvas__instagram-thumb a
{
    display:inline-block;
    position:relative
}

.offcanvas__instagram-thumb a::after
{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:var(--tp-common-black);
    opacity:0
}

[dir=rtl] .offcanvas__instagram-thumb a::after
{
    right:0;
    left:auto
}

.offcanvas__instagram-thumb a:hover::after
{
    opacity:.3
}

.offcanvas__full
{
    position:fixed;
    right:0;
    top:0;
    width:100%;
    height:100%;
    background:#161727;
    -webkit-transform:translateY(30%);
    -moz-transform:translateY(30%);
    -ms-transform:translateY(30%);
    -o-transform:translateY(30%);
    transform:translateY(30%);
    z-index:999;
    overflow-y:scroll;
    overscroll-behavior-y:contain;
    scrollbar-width:none;
    opacity:0;
    visibility:hidden
}

[dir=rtl] .offcanvas__full
{
    right:auto;
    left:0
}

.offcanvas__full::-webkit-scrollbar
{
    display:none
}

.offcanvas__full.offcanvas-full-opened
{
    opacity:.98;
    visibility:visible;
    opacity:1;
    -webkit-transform:translateY(0%);
    -moz-transform:translateY(0%);
    -ms-transform:translateY(0%);
    -o-transform:translateY(0%);
    transform:translateY(0%)
}

.offcanvas__full.offcanvas-full-opened .offcanvas__full-menu ul li
{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    visibility:visible;
    opacity:1
}

.offcanvas__full.offcanvas-full-opened .offcanvas__full-menu ul li:nth-child(1)
{
    transition-delay:.1s
}

.offcanvas__full.offcanvas-full-opened .offcanvas__full-menu ul li:nth-child(2)
{
    transition-delay:.2s
}

.offcanvas__full.offcanvas-full-opened .offcanvas__full-menu ul li:nth-child(3)
{
    transition-delay:.3s
}

.offcanvas__full.offcanvas-full-opened .offcanvas__full-menu ul li:nth-child(4)
{
    transition-delay:.4s
}

.offcanvas__full.offcanvas-full-opened .offcanvas__full-menu ul li:nth-child(5)
{
    transition-delay:.5s
}

.offcanvas__full.offcanvas-full-opened .offcanvas__full-menu ul li:nth-child(6)
{
    transition-delay:.6s
}

.offcanvas__full-inner
{
    padding:140px 150px 170px
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px) {
    .offcanvas__full-inner
    {
        padding:140px 40px 170px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .offcanvas__full-inner
    {
        padding:100px 20px 130px
    }
}

@media (max-width: 575px) {
    .offcanvas__full-inner
    {
        padding:100px 15px 130px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .offcanvas__full-right
    {
        margin-bottom:25px
    }
}

.offcanvas__full-close-btn
{
    color:var(--tp-common-white);
    opacity:.4
}

.offcanvas__full-close-btn:hover
{
    opacity:1
}

.offcanvas__full .offcanvas__close
{
    top:60px;
    right:60px
}

[dir=rtl] .offcanvas__full .offcanvas__close
{
    right:auto;
    left:60px
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .offcanvas__full .offcanvas__close
    {
        top:30px;
        right:30px
    }

    [dir=rtl] .offcanvas__full .offcanvas__close
    {
        left:60px;
        right:auto
    }
}

.offcanvas__full .offcanvas__close-btn
{
    font-size:30px;
    border:0;
    color:#fff;
    opacity:.4
}

.offcanvas__full .offcanvas__close-btn:hover
{
    opacity:1;
    background-color:transparent;
    border-color:transparent
}

.offcanvas__full .offcanvas__menu ul li a
{
    color:var(--tp-text-17)
}

.offcanvas__full .offcanvas__menu ul li:hover > a
{
    color:var(--tp-common-white)
}

.offcanvas__full .offcanvas__info-item
{
    margin-right:100px;
    margin-bottom:0
}

[dir=rtl] .offcanvas__full .offcanvas__info-item
{
    margin-right:0;
    margin-left:100px
}

@media (max-width: 575px) {
    .offcanvas__full .offcanvas__info-item
    {
        margin-bottom:30px
    }
}

.offcanvas__full .offcanvas__info-item:last-child
{
    margin-right:0
}

[dir=rtl] .offcanvas__full .offcanvas__info-item:last-child
{
    margin-left:0
}

.offcanvas__full-menu ul
{
    width:315px
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .offcanvas__full-menu ul
    {
        width:90%
    }
}

.offcanvas__full-menu ul li
{
    list-style:none;
    padding-left:25px;
    position:relative;
    -webkit-transition:all .2s ease-out 0;
    -moz-transition:all .2s ease-out 0;
    -ms-transition:all .2s ease-out 0;
    -o-transition:all .2s ease-out 0;
    transition:all .2s ease-out 0;
    -webkit-transform:translateY(20px);
    -moz-transform:translateY(20px);
    -ms-transform:translateY(20px);
    -o-transform:translateY(20px);
    transform:translateY(20px);
    visibility:hidden;
    opacity:0
}

[dir=rtl] .offcanvas__full-menu ul li
{
    padding-left:0;
    padding-right:25px
}

.offcanvas__full-menu ul li:nth-child(1)
{
    transition-delay:.1s
}

.offcanvas__full-menu ul li:nth-child(2)
{
    transition-delay:.2s
}

.offcanvas__full-menu ul li:nth-child(3)
{
    transition-delay:.3s
}

.offcanvas__full-menu ul li:nth-child(4)
{
    transition-delay:.4s
}

.offcanvas__full-menu ul li:nth-child(5)
{
    transition-delay:.5s
}

.offcanvas__full-menu ul li:nth-child(6)
{
    transition-delay:.6s
}

.offcanvas__full-menu ul li::after
{
    position:absolute;
    counter-increment:count;
    content:"0" counter(count);
    left:0;
    top:10px;
    color:#75757A;
    font:500 16px var(--tp-ff-inter)
}

[dir=rtl] .offcanvas__full-menu ul li::after
{
    left:auto;
    right:0
}

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

.offcanvas__full-menu ul li.has-dropdown > a::after
{
    position:absolute;
    content:"+";
    right:0;
    top:50%;
    color:#75757A;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    font:500 18px var(--tp-ff-fontawesome)
}

[dir=rtl] .offcanvas__full-menu ul li.has-dropdown > a::after
{
    left:0;
    right:auto
}

.offcanvas__full-menu ul li a
{
    display:inline-block;
    font-weight:700;
    font-size:50px;
    line-height:1.4;
    color:var(--tp-common-white);
    width:100%
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .offcanvas__full-menu ul li a
    {
        font-size:38px
    }
}

.offcanvas__full-menu ul li .submenu
{
    position:absolute;
    left:100%;
    top:10%;
    visibility:hidden;
    opacity:0
}

[dir=rtl] .offcanvas__full-menu ul li .submenu
{
    left:auto;
    right:100%
}

.offcanvas__full-menu ul li .submenu li::after
{
    display:none
}

.offcanvas__full-menu ul li .submenu li a
{
    font-weight:500;
    font-size:30px;
    line-height:1.6;
    color:#75757A
}

.offcanvas__full-menu ul li .submenu li:hover > a
{
    color:var(--tp-common-white)
}

.offcanvas__full-menu ul li:hover > a
{
    color:#88888C
}

.offcanvas__full-menu ul li:hover > a::after
{
    -webkit-transform:translateY(-50%) rotate(45deg);
    -moz-transform:translateY(-50%) rotate(45deg);
    -ms-transform:translateY(-50%) rotate(45deg);
    -o-transform:translateY(-50%) rotate(45deg);
    transform:translateY(-50%) rotate(45deg)
}

.offcanvas__full-menu ul li:hover .submenu
{
    top:4%;
    visibility:visible;
    opacity:1
}

.offcanvas__full .menu-counter
{
    counter-reset:count
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .offcanvas__full .mean-container .mean-nav
    {
        width:90%
    }
}

@media (max-width: 575px) {
    .offcanvas__full .mean-container .mean-nav
    {
        width:100%
    }
}

.offcanvas__full .mean-container .mean-nav ul li
{
    position:relative;
    padding-left:25px
}

[dir=rtl] .offcanvas__full .mean-container .mean-nav ul li
{
    padding-left:0;
    padding-right:25px
}

@media (max-width: 575px) {
    .offcanvas__full .mean-container .mean-nav ul li
    {
        width:90%
    }
}

.offcanvas__full .mean-container .mean-nav ul li::after
{
    position:absolute;
    counter-increment:count;
    content:"0" counter(count);
    left:0;
    top:-1px;
    color:#75757A;
    font:500 16px var(--tp-ff-inter)
}

[dir=rtl] .offcanvas__full .mean-container .mean-nav ul li::after
{
    right:0;
    left:auto
}

.offcanvas__full .mean-container .mean-nav ul li.dropdown-opened a
{
    color:#88888C
}

.offcanvas__full .mean-container .mean-nav ul li.dropdown-opened.mean-clicked
{
    color:#88888C;
    background-color:transparent
}

.offcanvas__full .mean-container .mean-nav ul li.dropdown-opened.mean-clicked i
{
    color:#88888C;
    background-color:transparent
}

.offcanvas__full .mean-container .mean-nav ul li a
{
    color:var(--tp-common-white);
    border:0;
    border-color:red;
    text-transform:capitalize;
    width:inherit;
    float:none;
    padding:0;
    padding-bottom:20px;
    font:700 50px/1 var(--tp-ff-inter)
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .offcanvas__full .mean-container .mean-nav ul li a
    {
        font-size:40px
    }
}

@media (max-width: 575px) {
    .offcanvas__full .mean-container .mean-nav ul li a
    {
        font-size:35px
    }
}

.offcanvas__full .mean-container .mean-nav ul li a:hover
{
    color:#88888C
}

.offcanvas__full .mean-container .mean-nav ul li a.mean-clicked
{
    color:var(--tp-common-white);
    background-color:transparent!important
}

.offcanvas__full .mean-container .mean-nav ul li a.mean-clicked i
{
    color:var(--tp-common-white);
    background-color:transparent!important
}

.offcanvas__full .mean-container .mean-nav ul li a.mean-expand
{
    border:none!important;
    color:#88888C;
    top:6px
}

.offcanvas__full .mean-container .mean-nav ul li a.mean-expand:hover
{
    color:var(--tp-common-white);
    background-color:transparent
}

.offcanvas__full .mean-container .mean-nav ul li a.mean-expand.mean-clicked
{
    color:#88888C;
    background-color:transparent
}

.offcanvas__full .mean-container .mean-nav ul li a.mean-expand.mean-clicked i
{
    color:#88888C;
    background-color:transparent
}

.offcanvas__full .mean-container .mean-nav ul li .submenu li,.offcanvas__full .mean-container .mean-nav ul li .mega-menu li
{
    padding-left:20px;
    width:96%
}

[dir=rtl] .offcanvas__full .mean-container .mean-nav ul li .submenu li,[dir=rtl] .offcanvas__full .mean-container .mean-nav ul li .mega-menu li
{
    padding-left:0;
    padding-right:20px
}

.offcanvas__full .mean-container .mean-nav ul li .submenu li::after,.offcanvas__full .mean-container .mean-nav ul li .mega-menu li::after
{
    display:none
}

@media (max-width: 575px) {
    .offcanvas__full .mean-container .mean-nav ul li .submenu li,.offcanvas__full .mean-container .mean-nav ul li .mega-menu li
    {
        width:95%;
        padding-left:15px
    }

    [dir=rtl] .offcanvas__full .mean-container .mean-nav ul li .submenu li,[dir=rtl] .offcanvas__full .mean-container .mean-nav ul li .mega-menu li
    {
        padding-left:0;
        padding-right:15px
    }
}

.offcanvas__full .mean-container .mean-nav ul li .submenu li .mean-expand,.offcanvas__full .mean-container .mean-nav ul li .mega-menu li .mean-expand
{
    top:-4px
}

.offcanvas__full .mean-container .mean-nav ul li .submenu li .mean-expand:hover,.offcanvas__full .mean-container .mean-nav ul li .mega-menu li .mean-expand:hover
{
    color:var(--tp-common-white);
    background-color:transparent
}

.offcanvas__full .mean-container .mean-nav ul li .submenu li .mean-expand.mean-clicked,.offcanvas__full .mean-container .mean-nav ul li .mega-menu li .mean-expand.mean-clicked
{
    color:var(--tp-common-white);
    background-color:transparent!important
}

.offcanvas__full .mean-container .mean-nav ul li .submenu li .mean-expand.mean-clicked i,.offcanvas__full .mean-container .mean-nav ul li .mega-menu li .mean-expand.mean-clicked i
{
    color:var(--tp-common-white);
    background-color:transparent!important
}

.offcanvas__full .mean-container .mean-nav ul li .submenu li.dropdown-opened > a,.offcanvas__full .mean-container .mean-nav ul li .mega-menu li.dropdown-opened > a
{
    color:var(--tp-common-white)
}

.offcanvas__full .mean-container .mean-nav ul li .submenu li a,.offcanvas__full .mean-container .mean-nav ul li .mega-menu li a
{
    font-weight:500;
    font-size:20px;
    line-height:1.6;
    color:#75757A
}

.offcanvas__full .mean-container .mean-nav ul li .submenu li a:hover,.offcanvas__full .mean-container .mean-nav ul li .mega-menu li a:hover
{
    color:var(--tp-common-white)
}

.offcanvas__full .mean-container .mean-nav ul li .submenu li:hover > .mean-expand,.offcanvas__full .mean-container .mean-nav ul li .mega-menu li:hover > .mean-expand
{
    color:var(--tp-common-white);
    background-color:transparent
}

.offcanvas__full .mean-container .mean-nav ul li .submenu li:hover > .mean-expand i,.offcanvas__full .mean-container .mean-nav ul li .mega-menu li:hover > .mean-expand i
{
    color:var(--tp-common-white);
    background-color:transparent
}

.offcanvas__full-wrapper
{
    height:100%
}

.offcanvas__full-footer
{
    padding:30px 100px 50px 150px;
    border-top:1px solid rgba(255,255,255,0.08);
    position:relative;
    bottom:0;
    left:0;
    width:100%
}

[dir=rtl] .offcanvas__full-footer
{
    padding:30px 150px 50px 100px;
    right:0;
    left:auto
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px) {
    .offcanvas__full-footer
    {
        padding:29px 40px 50px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .offcanvas__full-footer
    {
        padding:29px 20px 50px
    }
}

@media (max-width: 575px) {
    .offcanvas__full-footer
    {
        padding:29px 15px 50px
    }
}

.offcanvas__full-social
{
    margin-left:100px
}

[dir=rtl] .offcanvas__full-social
{
    margin-left:0;
    margin-right:100px
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .offcanvas__full-social
    {
        margin-left:0;
        margin-top:30px
    }

    [dir=rtl] .offcanvas__full-social
    {
        margin-right:0
    }
}

.offcanvas__full-social a
{
    line-height:46px
}

.offcanvas__full-social a:hover
{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

.offcanvas__full-link a
{
    color:#75757A;
    display:inline-block;
    margin-right:13px;
    font:16px var(--tp-ff-inter)
}

[dir=rtl] .offcanvas__full-link a
{
    margin-right:0;
    margin-left:13px
}

.offcanvas__full-link a:last-child
{
    margin-right:0
}

[dir=rtl] .offcanvas__full-link a:last-child
{
    margin-left:0
}

.offcanvas__full-link a:hover
{
    color:var(--tp-common-white)
}

.cartmini__area
{
    position:fixed;
    right:0;
    top:0;
    width:360px;
    height:100%;
    -webkit-transform:translateX(calc(100% + 80px));
    -moz-transform:translateX(calc(100% + 80px));
    -ms-transform:translateX(calc(100% + 80px));
    -o-transform:translateX(calc(100% + 80px));
    transform:translateX(calc(100% + 80px));
    background:var(--tp-common-white) none repeat scroll 0 0;
    -webkit-transition:transform .45s ease-in-out,opacity .45s ease-in-out;
    -moz-transition:transform .45s ease-in-out,opacity .45s ease-in-out;
    transition:transform .45s ease-in-out,opacity .45s ease-in-out;
    z-index:999;
    overflow-y:scroll;
    overscroll-behavior-y:contain;
    scrollbar-width:none
}

[dir=rtl] .cartmini__area
{
    right:auto;
    left:0;
    -webkit-transform:translateX(calc(-100% - 80px));
    -moz-transform:translateX(calc(-100% - 80px));
    -ms-transform:translateX(calc(-100% - 80px));
    -o-transform:translateX(calc(-100% - 80px));
    transform:translateX(calc(-100% - 80px))
}

.cartmini__area::-webkit-scrollbar
{
    display:none
}

.cartmini__area.cartmini-opened
{
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0)
}

.cartmini__wrapper
{
    position:relative;
    min-height:100%
}

.cartmini__title
{
    padding:20px;
    border-bottom:1px solid var(--tp-border-5);
    box-shadow:0 0 10px 0 rgba(129,129,129,0.2)
}

.cartmini__title h4
{
    font-size:16px;
    text-transform:uppercase;
    font-weight:600;
    margin-bottom:0
}

.cartmini__close
{
    position:absolute;
    top:17px;
    right:20px
}

[dir=rtl] .cartmini__close
{
    right:auto;
    left:20px
}

.cartmini__close-btn
{
    background:transparent;
    color:var(--tp-common-black);
    font-size:22px
}

.cartmini__close-btn:hover
{
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg)
}

.cartmini__widget
{
    height:100%
}

.cartmini__widget-item
{
    position:relative;
    display:flex;
    padding:20px;
    padding-right:35px;
    border-bottom:1px solid rgba(129,129,129,0.2);
    transition:background-color .3s
}

[dir=rtl] .cartmini__widget-item
{
    padding-right:20px;
    padding-left:35px
}

.cartmini__thumb
{
    margin-right:15px
}

[dir=rtl] .cartmini__thumb
{
    margin-right:0;
    margin-left:15px
}

.cartmini__thumb img
{
    width:70px;
    height:90px
}

.cartmini__content h5
{
    font-size:15px;
    margin-bottom:12px;
    font-weight:500
}

.cartmini__content h5 a:hover
{
    color:var(--tp-theme-1)
}

.cartmini__content .tp-product-quantity
{
    width:75px;
    padding:0
}

.cartmini__content .tp-product-quantity .tp-cart-input[type=text]
{
    height:30px;
    text-align:center;
    font-size:13px;
    border:1px solid var(--tp-border-5);
    background-color:var(--tp-common-white);
    padding:0
}

.cartmini__content .tp-product-quantity .tp-cart-plus,.cartmini__content .tp-product-quantity .tp-cart-minus
{
    width:20px;
    height:30px;
    line-height:30px;
    display:inline-block;
    text-align:center;
    font-size:13px;
    left:3px
}

[dir=rtl] .cartmini__content .tp-product-quantity .tp-cart-plus,[dir=rtl] .cartmini__content .tp-product-quantity .tp-cart-minus
{
    left:auto;
    right:3px
}

.cartmini__content .tp-product-quantity .tp-cart-plus svg,.cartmini__content .tp-product-quantity .tp-cart-minus svg
{
    -webkit-transform:translateY(-1px);
    -moz-transform:translateY(-1px);
    -ms-transform:translateY(-1px);
    -o-transform:translateY(-1px);
    transform:translateY(-1px);
    width:10px
}

.cartmini__content .tp-product-quantity .tp-cart-plus::after,.cartmini__content .tp-product-quantity .tp-cart-minus::after
{
    display:none
}

.cartmini__content .tp-product-quantity .tp-cart-plus
{
    left:auto;
    right:3px
}

[dir=rtl] .cartmini__content .tp-product-quantity .tp-cart-plus
{
    left:3px;
    right:auto
}

.cartmini__del
{
    position:absolute;
    top:10px;
    right:10px;
    width:25px;
    height:25px;
    line-height:25px;
    text-align:center;
    color:var(--tp-common-black);
    font-size:12px
}

[dir=rtl] .cartmini__del
{
    right:auto;
    left:10px
}

.cartmini__del:hover
{
    color:var(--tp-theme-1)
}

.cartmini__checkout
{
    padding:20px;
    padding-bottom:85px;
    width:100%;
    background:var(--tp-common-white);
    border-top:2px solid var(--tp-border-5)
}

.cartmini__checkout-title h4
{
    font-size:18px;
    display:inline-block;
    font-weight:600;
    margin-bottom:0
}

.cartmini__checkout-title span
{
    float:right;
    font-size:20px;
    color:var(--tp-common-black);
    font-weight:600;
    color:var(--tp-theme-1)
}

[dir=rtl] .cartmini__checkout-title span
{
    float:left
}

.cartmini__checkout-btn .tp-btn
{
    background-color:var(--tp-grey-1);
    font-size:15px;
    text-transform:capitalize;
    color:var(--tp-common-black);
    padding:10px 30px
}

.cartmini__checkout-btn .tp-btn:hover
{
    background-color:var(--tp-common-black);
    color:var(--tp-common-white)
}

.cartmini__checkout-btn .tp-btn-border
{
    padding:10px 30px;
    font-size:15px;
    text-transform:capitalize
}

.cartmini__price
{
    font-size:14px;
    font-weight:500;
    color:var(--tp-theme-1)
}

.cartmini__quantity
{
    font-size:12px;
    font-weight:500
}

.cartmini__empty
{
    margin-top:150px
}

.cartmini__empty img
{
    margin-bottom:30px
}

.cartmini__empty p
{
    font-size:16px;
    color:var(--tp-common-black);
    margin-bottom:15px
}

.cartmini__empty .tp-btn
{
    background-color:var(--tp-grey-1);
    font-size:15px;
    text-transform:capitalize;
    color:var(--tp-common-black);
    padding:10px 30px
}

.cartmini__empty .tp-btn:hover
{
    background-color:var(--tp-common-black);
    color:var(--tp-common-white)
}

.breadcrumb__title
{
    font-size:70px;
    line-height:1;
    letter-spacing:-.04em;
    color:var(--tp-common-black);
    margin-bottom:10px;
    margin-top: 15px;
}

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

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .breadcrumb__title
    {
        font-size:55px
    }
}

@media (max-width: 575px) {
    .breadcrumb__title
    {
        font-size:40px
    }
}

.breadcrumb__title-pre
{
    display:inline-block;
    letter-spacing:.04em;
    text-transform:uppercase;
    color:var(--tp-common-white);
    margin-bottom:27px;
    font:700 14px/1 var(--tp-ff-space)
}

.breadcrumb__title-2
{
    font-size:70px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .breadcrumb__title-2
    {
        font-size:50px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .breadcrumb__title-2
    {
        font-size:40px
    }
}

@media (max-width: 575px) {
    .breadcrumb__title-2
    {
        font-size:30px
    }
}

.breadcrumb__list span
{
    color:var(--tp-common-black);
    display:inline-block;
    font:400 15px/19px var(--tp-ff-space)
}

.breadcrumb__list span.dvdr
{
    font-size:6px;
    -webkit-transform:translateY(-3px);
    -moz-transform:translateY(-3px);
    -ms-transform:translateY(-3px);
    -o-transform:translateY(-3px);
    transform:translateY(-3px);
    display:inline-block;
    color:var(--tp-common-black);
    padding:0 12px
}

.breadcrumb__list span:nth-last-child(2).dvdr
{
    color:#6B6B7B
}

.breadcrumb__list span:last-child
{
    color:#6B6B7B
}

.breadcrumb__list span a:hover
{
    color:var(--tp-theme-1)
}

.breadcrumb__content p
{
    font-size:20px;
    line-height:1.3;
    color:#343438
}

.breadcrumb__content-2 p
{
    font-size:18px;
    line-height:1.56;
    color:#F0F0F5
}

.breadcrumb__overlay
{
    position:relative
}

.breadcrumb__overlay::after
{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(3,4,28,0.56)
}

.breadcrumb__video-btn
{
    display:inline-block;
    width:60px;
    height:60px;
    line-height:60px;
    text-align:center;
    font-size:18px;
    color:var(--tp-common-white);
    background-color:var(--tp-common-black);
    border-radius:50%
}

.breadcrumb__video-btn svg
{
    -webkit-transform:translate(3px,-2px);
    -moz-transform:translate(3px,-2px);
    -ms-transform:translate(3px,-2px);
    -o-transform:translate(3px,-2px);
    transform:translate(3px,-2px)
}

.breadcrumb__video-btn:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-1)
}

.breadcrumb__bg
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:var(--tp-common-blue);
    opacity:.4
}

.breadcrumb__bg-2
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}

.breadcrumb__bg-3
{
    background-image:-webkit-linear-gradient(173.39deg,#6364DB -16.2%,#4D4ECC 101.3%);
    background-image:-moz-linear-gradient(173.39deg,#6364DB -16.2%,#4D4ECC 101.3%);
    background-image:-ms-linear-gradient(173.39deg,#6364DB -16.2%,#4D4ECC 101.3%);
    background-image:-o-linear-gradient(173.39deg,#6364DB -16.2%,#4D4ECC 101.3%);
    background-image:linear-gradient(173.39deg,#6364DB -16.2%,#4D4ECC 101.3%)
}

.breadcrumb__bg-4
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    z-index:-1
}

.breadcrumb__bg-overlay::after
{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(3,4,28,0.3)
}

.breadcrumb__bg-shape
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    mix-blend-mode:luminosity;
    opacity:.7
}

.breadcrumb__spacing
{
    padding-top:220px;
    padding-bottom:180px
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .breadcrumb__spacing
    {
        padding-top:170px;
        padding-bottom:140px
    }
}

@media (max-width: 575px) {
    .breadcrumb__spacing
    {
        padding-top:150px;
        padding-bottom:120px
    }
}

.breadcrumb__spacing-2
{
    padding-top:200px;
    padding-bottom:235px
}

.breadcrumb__shape-1
{
    position:absolute;
    bottom:20%;
    left:8%;
    z-index:-1;
    -moz-animation:tptranslateX 3s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tptranslateX 3s ease-in-out 1s forwards infinite alternate;
    animation:tptranslateX 3s ease-in-out 1s forwards infinite alternate
}

.breadcrumb__shape-2
{
    position:absolute;
    top:28%;
    right:7%;
    z-index:-1;
    -moz-animation:tptranslateY2 3s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tptranslateY2 3s ease-in-out 1s forwards infinite alternate;
    animation:tptranslateY2 3s ease-in-out 1s forwards infinite alternate
}

.breadcrumb__shape-3
{
    position:absolute;
    top:39%;
    left:3%;
    z-index:-1;
    -moz-animation:tptranslateY2 3s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tptranslateY2 3s ease-in-out 1s forwards infinite alternate;
    animation:tptranslateY2 3s ease-in-out 1s forwards infinite alternate
}

.breadcrumb__shape-4
{
    position:absolute;
    bottom:10%;
    left:13%;
    z-index:-1;
    -moz-animation:tprotate 3s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tprotate 3s ease-in-out 1s forwards infinite alternate;
    animation:tprotate 3s ease-in-out 1s forwards infinite alternate
}

.breadcrumb__shape-5
{
    position:absolute;
    bottom:20%;
    right:39%;
    z-index:-1;
    -moz-animation:tprotate 6s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tprotate 6s ease-in-out 1s forwards infinite alternate;
    animation:tprotate 6s ease-in-out 1s forwards infinite alternate
}

.breadcrumb__shape-6
{
    position:absolute;
    top:40%;
    right:25%;
    z-index:-1;
    -moz-animation:tptranslateX 8s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tptranslateX 8s ease-in-out 1s forwards infinite alternate;
    animation:tptranslateX 8s ease-in-out 1s forwards infinite alternate
}

.breadcrumb__shape-7
{
    position:absolute;
    top:0;
    right:0;
    z-index:-1
}

.breadcrumb__border
{
    border-bottom:1px solid var(--tp-border-5)
}

.breadcrumb__style-2 .breadcrumb__title
{
    display:none
}

.breadcrumb__style-3 .breadcrumb__list
{
    margin-bottom:5px
}

.breadcrumb__style-3 .breadcrumb__list span
{
    font-weight:500;
    font-size:16px;
    color:var(--tp-text-1)
}

.breadcrumb__style-3 .breadcrumb__list span.dvdr
{
    font-size:6px;
    color:var(--tp-text-1)
}

.breadcrumb__style-3 .breadcrumb__title
{
    margin-bottom:18px
}

.breadcrumb__style-4 .breadcrumb__list
{
    margin-bottom:6px
}

.breadcrumb__style-4 .breadcrumb__list span
{
    font-weight:500;
    font-size:16px;
    color:var(--tp-text-1)
}

.breadcrumb__style-4 .breadcrumb__list span.dvdr
{
    font-size:6px;
    color:var(--tp-text-1)
}

.breadcrumb__style-4 .breadcrumb__title
{
    font-size:90px
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .breadcrumb__style-4 .breadcrumb__title
    {
        font-size:65px
    }
}

@media (max-width: 575px) {
    .breadcrumb__style-4 .breadcrumb__title
    {
        font-size:40px
    }
}

.breadcrumb__style-5 .breadcrumb__list
{
    margin-bottom:20px;
    display:none
}

.breadcrumb__style-5 .breadcrumb__list span
{
    font-weight:500;
    font-size:16px;
    color:var(--tp-common-white)
}

.breadcrumb__style-5 .breadcrumb__list span.dvdr
{
    font-size:6px;
    color:var(--tp-common-white)
}

.breadcrumb__style-5 .breadcrumb__title
{
    font-size:70px;
    color:#F0F0F5
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .breadcrumb__style-5 .breadcrumb__title
    {
        font-size:65px
    }
}

@media (max-width: 575px) {
    .breadcrumb__style-5 .breadcrumb__title
    {
        font-size:40px
    }
}

.breadcrumb__style-6 .breadcrumb__list
{
    margin-bottom:20px
}

.breadcrumb__style-6 .breadcrumb__list span
{
    font-weight:500;
    font-size:16px;
    color:var(--tp-common-white)
}

.breadcrumb__style-6 .breadcrumb__list span.dvdr
{
    font-size:6px;
    color:var(--tp-common-white)
}

.breadcrumb__style-6 .breadcrumb__list span:nth-last-child(2).dvdr
{
    color:rgba(255,255,255,0.6980392157)
}

.breadcrumb__style-6 .breadcrumb__list span:last-child
{
    color:rgba(255,255,255,0.6980392157)
}

.breadcrumb__style-6 .breadcrumb__title
{
    font-size:70px;
    color:#F0F0F5
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .breadcrumb__style-6 .breadcrumb__title
    {
        font-size:64px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .breadcrumb__style-6 .breadcrumb__title
    {
        font-size:50px
    }
}

@media (max-width: 575px) {
    .breadcrumb__style-6 .breadcrumb__title
    {
        font-size:40px
    }
}

.breadcrumb__style-7 .breadcrumb__list
{
    margin-bottom:20px
}

.breadcrumb__style-7 .breadcrumb__list span
{
    font-weight:500;
    font-size:16px;
    color:var(--tp-common-white)
}

.breadcrumb__style-7 .breadcrumb__list span.dvdr
{
    font-size:6px;
    color:var(--tp-common-white)
}

.breadcrumb__style-7 .breadcrumb__list span:nth-last-child(2).dvdr
{
    color:rgba(255,255,255,0.8)
}

.breadcrumb__style-7 .breadcrumb__list span:last-child
{
    color:rgba(255,255,255,0.8)
}

.breadcrumb__style-7 .breadcrumb__title
{
    color:#FFF
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .breadcrumb__style-7 .breadcrumb__title
    {
        font-size:64px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .breadcrumb__style-7 .breadcrumb__title
    {
        font-size:50px
    }
}

@media (max-width: 575px) {
    .breadcrumb__style-7 .breadcrumb__title
    {
        font-size:40px
    }
}

.breadcrumb__style-8 .breadcrumb__list
{
    margin-bottom:20px
}

.breadcrumb__style-8 .breadcrumb__list span
{
    font-weight:500;
    font-size:16px;
    color:var(--tp-common-black)
}

.breadcrumb__style-8 .breadcrumb__list span.dvdr
{
    font-size:6px;
    color:#86868B
}

.breadcrumb__style-8 .breadcrumb__list span:nth-last-child(2).dvdr
{
    color:#86868B
}

.breadcrumb__style-8 .breadcrumb__list span:last-child
{
    color:var(--tp-text-1)
}

.breadcrumb__style-8 .breadcrumb__title
{
    color:var(--tp-common-black);
    font-size:50px;
    margin-bottom:13px
}

@media (max-width: 575px) {
    .breadcrumb__style-8 .breadcrumb__title
    {
        font-size:40px
    }
}

.breadcrumb__style-9 .breadcrumb__list
{
    margin-bottom:20px
}

.breadcrumb__style-9 .breadcrumb__list.has-icon
{
    position:relative;
    padding-left:24px
}

[dir=rtl] .breadcrumb__style-9 .breadcrumb__list.has-icon
{
    padding-left:0;
    padding-right:24px
}

.breadcrumb__style-9 .breadcrumb__list.has-icon .breadcrumb-icon
{
    position:absolute;
    left:0;
    top:4px
}

.breadcrumb__style-9 .breadcrumb__list.has-icon .breadcrumb-icon svg
{
    -webkit-transform:translateY(-3px);
    -moz-transform:translateY(-3px);
    -ms-transform:translateY(-3px);
    -o-transform:translateY(-3px);
    transform:translateY(-3px)
}

[dir=rtl] .breadcrumb__style-9 .breadcrumb__list.has-icon .breadcrumb-icon
{
    left:auto;
    right:0
}

.breadcrumb__style-9 .breadcrumb__list span
{
    color:var(--tp-text-1);
    display:inline-block;
    font:400 14px var(--tp-ff-roboto)
}

.breadcrumb__style-9 .breadcrumb__list span.dvdr
{
    -webkit-transform:translateY(0px);
    -moz-transform:translateY(0px);
    -ms-transform:translateY(0px);
    -o-transform:translateY(0px);
    transform:translateY(0px);
    color:var(--tp-text-1);
    padding:0 8px
}

.breadcrumb__style-9 .breadcrumb__list span:nth-last-child(2).dvdr
{
    color:var(--tp-text-1)
}

.breadcrumb__style-9 .breadcrumb__list span:last-child
{
    color:var(--tp-text-1)
}

.breadcrumb__style-9 .breadcrumb__title
{
    color:var(--tp-common-black);
    font-size:50px;
    margin-bottom:13px
}

@media (max-width: 575px) {
    .breadcrumb__style-9 .breadcrumb__title
    {
        font-size:40px
    }
}

.breadcrumb__style-10 .breadcrumb__list
{
    margin-bottom:20px
}

.breadcrumb__style-10 .breadcrumb__list.has-icon
{
    position:relative;
    padding-left:24px
}

.breadcrumb__style-10 .breadcrumb__list.has-icon .breadcrumb-icon
{
    position:absolute;
    left:0;
    top:4px
}

.breadcrumb__style-10 .breadcrumb__list.has-icon .breadcrumb-icon svg
{
    -webkit-transform:translateY(-3px);
    -moz-transform:translateY(-3px);
    -ms-transform:translateY(-3px);
    -o-transform:translateY(-3px);
    transform:translateY(-3px)
}

.breadcrumb__style-10 .breadcrumb__list span
{
    font-weight:400;
    font-size:14px;
    color:var(--tp-common-white)
}

.breadcrumb__style-10 .breadcrumb__list span.dvdr
{
    -webkit-transform:translateY(-3px);
    -moz-transform:translateY(-3px);
    -ms-transform:translateY(-3px);
    -o-transform:translateY(-3px);
    transform:translateY(-3px);
    color:var(--tp-common-white);
    font-size:6px;
    padding:0 12px
}

.breadcrumb__style-10 .breadcrumb__list span:nth-last-child(2).dvdr
{
    color:var(--tp-common-white)
}

.breadcrumb__style-10 .breadcrumb__list span:last-child
{
    color:var(--tp-common-white)
}

.breadcrumb__style-10 .breadcrumb__title
{
    color:var(--tp-common-white);
    margin-bottom:27px;
    font-size:70px
}

@media (max-width: 575px) {
    .breadcrumb__style-10 .breadcrumb__title
    {
        font-size:40px
    }
}

.tp-accordion .accordion-item
{
    background-color:transparent;
    border:0;
    border-bottom:1px solid rgba(255,255,255,0.12)
}

.tp-accordion .accordion-item:first-of-type .accordion-button
{
    border-top-left-radius:0;
    border-top-right-radius:0
}

.tp-accordion .accordion-item:last-of-type
{
    border-bottom-right-radius:0;
    border-bottom-left-radius:0
}

.tp-accordion .accordion-item:last-of-type .accordion-button.collapsed
{
    border-bottom-right-radius:0;
    border-bottom-left-radius:0
}

.tp-accordion .accordion-button
{
    padding:30px 0;
    padding-right:15px;
    font-size:24px;
    font-weight:500;
    color:var(--tp-common-white);
    background-color:transparent
}

.tp-accordion .accordion-button::after
{
    position:absolute;
    content:"\f107";
    font-family:var(--tp-ff-fontawesome);
    background-image:none;
    top:28%;
    right:0;
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);
    color:var(--tp-theme-1);
    width:auto;
    height:auto;
    font-weight:500
}

.tp-accordion .accordion-button.collapsed::after
{
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
    color:var(--tp-common-white)
}

.tp-accordion .accordion-button:not(.collapsed)
{
    color:var(--tp-theme-1);
    background-color:transparent;
    box-shadow:none
}

.tp-accordion .accordion-button:focus
{
    box-shadow:none
}

.tp-accordion .accordion-button:hover
{
    color:var(--tp-theme-1)
}

.tp-accordion .accordion-button:hover::after
{
    color:var(--tp-theme-1)
}

.tp-accordion .accordion-body
{
    padding:0 0 25px
}

.tp-accordion .accordion-body p
{
    font-size:16px;
    color:var(--tp-text-1)
}

.tp-tab .nav-tabs
{
    padding:0;
    margin:0;
    border:0
}

.tp-tab .nav-item
{
    padding:0;
    margin:0;
    border:0
}

.tp-tab .nav-link
{
    padding:0;
    margin:0;
    border:0
}

.search__modal .modal-dialog
{
    max-width:700px
}

.search__modal-form
{
    padding:50px 50px 55px;
    position:relative
}

.search__modal-box p
{
    font-size:18px;
    color:#555;
    font-weight:400;
    margin-bottom:40px
}

.search__modal-box p span
{
    font-weight:600
}

.search__modal-input
{
    position:relative
}

.search__modal-input input
{
    width:100%;
    height:55px;
    line-height:55px;
    border:none;
    border-bottom-color:currentcolor;
    border-bottom-style:none;
    border-bottom-width:medium;
    border-bottom:2px solid #dadada;
    outline:none;
    font-size:20px;
    padding-right:38px
}

.search__modal-input input::-webkit-input-placeholder
{
    color:var(--tp-text-3)
}

.search__modal-input input:-moz-placeholder
{
    color:var(--tp-text-3)
}

.search__modal-input input::-moz-placeholder
{
    color:var(--tp-text-3)
}

.search__modal-input input:-ms-input-placeholder
{
    color:var(--tp-text-3)
}

.search__modal-input input:focus
{
    border-color:var(--tp-theme-1)
}

.search__modal-input .search-modal-btn
{
    position:absolute;
    top:50%;
    right:0;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    font-size:18px;
    color:var(--tp-text-1)
}

.search__modal-input .search-modal-btn:hover
{
    color:var(--tp-theme-1)
}

.search-modal-close
{
    position:absolute;
    top:20px;
    right:20px;
    font-size:16px;
    color:var(--tp-common-black)
}

.search-modal-close:hover
{
    color:var(--tp-theme-1)
}

.elements-modal .tp-btn-border
{
    padding:9px 30px
}

.search__popup
{
    padding-top:70px;
    padding-bottom:100px;
    position:fixed;
    top:0;
    left:0;
    right:0;
    width:100%;
    height:380px;
    background-color:var(--tp-common-black);
    z-index:99;
    -webkit-transform:translateY(calc(-100% - 80px));
    -moz-transform:translateY(calc(-100% - 80px));
    -ms-transform:translateY(calc(-100% - 80px));
    -o-transform:translateY(calc(-100% - 80px));
    transform:translateY(calc(-100% - 80px));
    -webkit-transition:transform .6s ease-in-out,opacity .6s ease-in-out;
    -moz-transition:transform .6s ease-in-out,opacity .6s ease-in-out;
    transition:transform .6s ease-in-out,opacity .6s ease-in-out;
    transition-delay:.7s
}

.search__popup.search-opened
{
    -webkit-transform:translateY(0%);
    -moz-transform:translateY(0%);
    -ms-transform:translateY(0%);
    -o-transform:translateY(0%);
    transform:translateY(0%);
    transition-delay:0
}

.search__popup.search-opened .search__input
{
    -webkit-transform:translateY(0px);
    -moz-transform:translateY(0px);
    -ms-transform:translateY(0px);
    -o-transform:translateY(0px);
    transform:translateY(0px);
    opacity:1;
    transition-delay:.3s
}

.search__popup.search-opened .search__input::after
{
    width:100%;
    transition-delay:.5s
}

.search__popup-2
{
    background-color:var(--tp-common-black-13)
}

.search__popup-2 .search__input .search-input-field ~ .search-focus-border
{
    background-color:var(--tp-theme-8)
}

.search__popup-3 .search__input .search-input-field ~ .search-focus-border
{
    background-color:var(--tp-theme-10)
}

.search__top
{
    margin-bottom:80px
}

.search__input
{
    position:relative;
    height:80px;
    -webkit-transform:translateY(-40px);
    -moz-transform:translateY(-40px);
    -ms-transform:translateY(-40px);
    -o-transform:translateY(-40px);
    transform:translateY(-40px);
    transition-delay:.5s;
    opacity:0
}

.search__input::after
{
    position:absolute;
    content:"";
    left:0;
    bottom:0;
    width:0;
    height:1px;
    background-color:rgba(255,255,255,0.3);
    transition-delay:.3s
}

.search__input input
{
    width:100%;
    height:100%;
    background-color:transparent;
    border:0;
    outline:0;
    font-size:24px;
    color:var(--tp-common-white);
    border-bottom:1px solid transparent;
    padding:0;
    padding-right:30px
}

.search__input input::-webkit-input-placeholder
{
    color:rgba(255,255,255,0.5);
    font-size:24px
}

.search__input input:-moz-placeholder
{
    color:rgba(255,255,255,0.5);
    font-size:24px
}

.search__input input::-moz-placeholder
{
    color:rgba(255,255,255,0.5);
    font-size:24px
}

.search__input input:-ms-input-placeholder
{
    color:rgba(255,255,255,0.5);
    font-size:24px
}

.search__input button
{
    position:absolute;
    top:50%;
    right:0;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    font-size:18px;
    color:var(--tp-common-white)
}

.search__input .search-input-field ~ .search-focus-border
{
    position:absolute;
    bottom:0;
    left:auto;
    right:0;
    width:0;
    height:1px;
    background-color:var(--tp-theme-1);
    -webkit-transition:all .5s ease-out 0;
    -moz-transition:all .5s ease-out 0;
    -ms-transition:all .5s ease-out 0;
    -o-transition:all .5s ease-out 0;
    transition:all .5s ease-out 0
}

.search__input .search-input-field:focus ~ .search-focus-border
{
    width:100%;
    left:0;
    right:auto;
    -webkit-transition:all .5s ease-out 0;
    -moz-transition:all .5s ease-out 0;
    -ms-transition:all .5s ease-out 0;
    -o-transition:all .5s ease-out 0;
    transition:all .5s ease-out 0
}

.search__close-btn
{
    font-size:25px;
    color:rgba(255,255,255,0.3)
}

.search__close-btn:hover
{
    color:var(--tp-common-white)
}

.search__result-title
{
    font-size:50px;
    letter-spacing:-.04em;
    margin-bottom:0
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .search__result-title
    {
        font-size:40px
    }
}

@media (max-width: 575px) {
    .search__result-title
    {
        font-size:35px
    }
}

.search__result-title span
{
    color:var(--tp-theme-1);
    display:inline-block
}

.search__result-content p
{
    font-size:16px;
    line-height:1.62;
    color:var(--tp-text-1)
}

.search__result-input
{
    position:relative
}

.search__result-input-box
{
    position:relative;
    margin-bottom:20px
}

.search__result-input-box button
{
    position:absolute;
    top:0;
    right:0;
    padding:22px 43px
}

@media (max-width: 575px) {
    .search__result-input-box button
    {
        position:relative;
        margin-top:15px
    }
}

.search__result-input-box button:hover
{
    background-color:var(--tp-common-black)
}

.search__result-input input
{
    width:100%;
    height:70px;
    padding-left:60px;
    padding-right:177px;
    background-color:var(--tp-common-white);
    border:1px solid var(--tp-common-white);
    box-shadow:-3px 0 0 var(--tp-theme-1),0 1px 2px rgba(3,4,28,0.14)
}

@media (max-width: 575px) {
    .search__result-input input
    {
        padding-right:25px
    }
}

.search__result-input span
{
    position:absolute;
    top:50%;
    left:30px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    font-size:18px;
    color:#A0A0B5
}

.search__result-input span svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.search__result-tags a
{
    display:inline-block;
    border:1px solid #D5D5DD;
    padding:5px 18px;
    margin-right:2px;
    margin-bottom:7px;
    font:500 13px/1 var(--tp-ff-space)
}

.search__result-tags a:hover
{
    background-color:var(--tp-theme-1);
    border-color:var(--tp-theme-1);
    color:var(--tp-common-white)
}

.search__blog-item
{
    padding:20px;
    border:1px solid #EAEAEF
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .search__blog-item
    {
        padding:30px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .search__blog-item
    {
        padding:25px
    }
}

@media (max-width: 575px) {
    .search__blog-item
    {
        padding:20px
    }
}

.search__blog-title
{
    font-size:30px;
    line-height:1.2;
    letter-spacing:-.04em;
    margin-bottom:13px
}

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

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

    .search__blog-title br
    {
        display:none
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .search__blog-title br
    {
        display:none
    }
}

@media (max-width: 575px) {
    .search__blog-title
    {
        font-size:25px
    }
}

.search__blog-title a:hover
{
    color:var(--tp-theme-1)
}

.search__blog-tag
{
    margin-bottom:10px
}

[dir=rtl] .search__blog-tag
{
    margin-right:0;
    margin-left:15px
}

.search__blog-tag a
{
    display:inline-block;
    background-color:rgba(99,100,219,0.06);
    color:var(--tp-common-purple);
    padding:4px 12px;
    font:500 15px/1 var(--tp-ff-space)
}

.search__blog-tag a:hover
{
    background-color:var(--tp-common-purple);
    color:var(--tp-common-white)
}

.search__blog-meta span
{
    color:var(--tp-text-1);
    margin-right:15px;
    margin-bottom:10px;
    display:inline-block
}

.search__blog-meta span i,.search__blog-meta span svg
{
    margin-right:2px
}

[dir=rtl] .search__blog-meta span i,[dir=rtl] .search__blog-meta span svg
{
    margin-right:2px;
    margin-left:2px
}

.search__blog-meta span svg
{
    -webkit-transform:translateY(-1px);
    -moz-transform:translateY(-1px);
    -ms-transform:translateY(-1px);
    -o-transform:translateY(-1px);
    transform:translateY(-1px)
}

.search__blog-meta span svg path
{
    stroke:#7A7E83
}

.search__blog-meta-author
{
    margin-bottom:10px
}

[dir=rtl] .search__blog-meta-author
{
    margin-right:0;
    margin-left:45px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .search__blog-meta-author
    {
        margin-right:20px
    }

    [dir=rtl] .search__blog-meta-author
    {
        margin-right:0;
        margin-left:20px
    }
}

.search__blog-meta-author-thumb img
{
    width:24px;
    height:24px;
    border-radius:50%;
    margin-right:10px
}

[dir=rtl] .search__blog-meta-author-thumb img
{
    margin-right:0;
    margin-left:10px
}

.search__blog-meta-author-content span
{
    display:inline-block;
    color:#7A7E83;
    font:14px var(--tp-ff-inter)
}

.search__blog-meta-author-content span a
{
    color:var(--tp-common-black-11);
    font-weight:500
}

.search__blog-meta-author-content span a:hover
{
    color:var(--tp-theme-1)
}

.search__blog-content p
{
    font-size:15px;
    line-height:1.47;
    color:var(--tp-text-1);
    margin-bottom:20px
}

.search__blog-btn .tp-btn-border
{
    padding:8px 29px
}

.search__blog-btn .tp-btn-border svg,.search__blog-btn .tp-btn-border i
{
    margin-left:5px
}

[dir=rtl] .search__blog-btn .tp-btn-border svg,[dir=rtl] .search__blog-btn .tp-btn-border i
{
    margin-left:5px;
    margin-right:5px
}

.search__blog-btn .tp-btn-border svg
{
    -webkit-transform:translateY(-1px);
    -moz-transform:translateY(-1px);
    -ms-transform:translateY(-1px);
    -o-transform:translateY(-1px);
    transform:translateY(-1px)
}

.search__blog-btn .tp-btn-border:hover
{
    background-color:var(--tp-theme-1);
    border-color:var(--tp-theme-1);
    color:var(--tp-common-white)
}

.section__title
{
    color:var(--tp-common-black);
    letter-spacing:-.04em;
    font:var(--tp-fw-bold) 70px/1 var(--tp-ff-space)
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .section__title
    {
        font-size:60px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section__title
    {
        font-size:55px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .section__title
    {
        font-size:45px
    }
}

@media (max-width: 575px) {
    .section__title
    {
        font-size:35px
    }
}

.section__title-wrapper.section-title-sm .section__title
{
    font-size:60px
}

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

.section__title-1-2
{
    font-size:60px;
    color:var(--tp-common-white)
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .section__title-1-2
    {
        font-size:45px
    }
}

@media (max-width: 575px) {
    .section__title-1-2
    {
        font-size:35px
    }
}

.section__title-1-2 .section__title-1-pre
{
    color:var(--tp-common-white)
}

.section__title-1-2 .section__title-highlight
{
    color:var(--tp-common-white)
}

.section__title-highlight
{
    color:var(--tp-theme-1);
    position:relative
}

.section__title-highlight svg
{
    position:absolute;
    bottom:-12%;
    left:0;
    width:100%
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .section__title-highlight svg
    {
        bottom:-20%
    }
}

.section__title-highlight svg path
{
    stroke:currentColor;
    fill:currentColor;
    fill-opacity:0;
    stroke-width:.2;
    stroke-dasharray:800;
    stroke-dashoffset:800;
    -moz-animation:section-highlight 1s ease-in-out .3s forwards;
    -webkit-animation:section-highlight 1s ease-in-out .3s forwards;
    animation:section-highlight 1s ease-in-out .3s forwards
}

.section__title-pre
{
    color:var(--tp-common-black);
    display:inline-block;
    text-transform:uppercase;
    padding-left:13px;
    position:relative;
    letter-spacing:1px;
    font:var(--tp-fw-bold) 12px var(--tp-ff-space)
}

.section__title-pre::after,.section__title-pre::before
{
    position:absolute;
    content:"";
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:6px;
    height:6px;
    background-color:var(--tp-theme-1);
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%
}

.section__title-pre::before
{
    left:auto;
    right:0;
    display:none
}

.section__title-pre.is-center
{
    padding-right:13px
}

.section__title-pre.is-center::before
{
    display:block
}

.section__title-pre-1-2
{
    color:var(--tp-common-white);
    padding-left:0;
    font-size:16px;
    font-weight:500;
    text-transform:capitalize
}

.section__title-pre-1-2::after
{
    display:none
}

.section__title-pre-1-3
{
    font-size:14px;
    font-weight:500;
    padding-left:14px;
    height:20px;
    margin-bottom:9px;
    display:inline-block
}

[dir=rtl] .section__title-pre-1-3
{
    padding-left:0;
    padding-right:14px
}

.section__title-pre-1-3::after
{
    top:61%;
    width:3px;
    height:100%;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -o-border-radius:0;
    -ms-border-radius:0;
    border-radius:0
}

[dir=rtl] .section__title-pre-1-3::after
{
    left:auto;
    right:0
}

.section__title-2
{
    text-transform:capitalize;
    color:var(--tp-common-black);
    font:600 60px var(--tp-ff-oswald)
}

@media (max-width: 575px) {
    .section__title-2
    {
        font-size:40px
    }
}

.section__title-pre-2
{
    color:var(--tp-text-5);
    position:absolute;
    top:-40px;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%);
    z-index:-1;
    width:100%;
    text-align:center;
    text-transform:uppercase;
    font:600 110px/1 var(--tp-ff-oswald)
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section__title-pre-2
    {
        font-size:80px;
        top:-12px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section__title-pre-2
    {
        font-size:65px;
        top:1px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .section__title-pre-2
    {
        font-size:60px;
        top:5px
    }
}

@media (max-width: 575px) {
    .section__title-pre-2
    {
        font-size:40px;
        top:4px
    }
}

.section__title-wrapper-2
{
    position:relative;
    z-index:1
}

.section__title-wrapper-2 p
{
    color:var(--tp-text-6);
    font:16px var(--tp-ff-inter)
}

.section__title-3
{
    text-transform:capitalize;
    color:var(--tp-common-white);
    letter-spacing:-.04em;
    font:700 60px/1 var(--tp-ff-space)
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section__title-3
    {
        font-size:45px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .section__title-3
    {
        font-size:50px
    }
}

@media (max-width: 575px) {
    .section__title-3
    {
        font-size:32px
    }

    .section__title-3 br
    {
        display:none
    }
}

.section__title-3.has-gradient span
{
    display:inline-block;
    background-image:-webkit-linear-gradient(89.64deg,#F87171 0.32%,#FACC15 32.07%,#4ADE80 60.55%,#38BDF8 99.28%);
    background-image:-moz-linear-gradient(89.64deg,#F87171 0.32%,#FACC15 32.07%,#4ADE80 60.55%,#38BDF8 99.28%);
    background-image:-ms-linear-gradient(89.64deg,#F87171 0.32%,#FACC15 32.07%,#4ADE80 60.55%,#38BDF8 99.28%);
    background-image:-o-linear-gradient(89.64deg,#F87171 0.32%,#FACC15 32.07%,#4ADE80 60.55%,#38BDF8 99.28%);
    background-image:linear-gradient(89.64deg,#F87171 0.32%,#FACC15 32.07%,#4ADE80 60.55%,#38BDF8 99.28%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    text-fill-color:transparent;
    -moz-animation:sectionPreTitle 3s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:sectionPreTitle 3s ease-in-out 1s forwards infinite alternate;
    animation:sectionPreTitle 3s ease-in-out 1s forwards infinite alternate;
    background-size:150% 150%
}

.section__title-3-2
{
    font-size:46px;
    line-height:.96
}

@media (max-width: 575px) {
    .section__title-3-2
    {
        font-size:35px
    }
}

.section__title-pre-3
{
    color:var(--tp-common-white);
    text-transform:uppercase;
    opacity:.6;
    display:inline-block;
    margin-bottom:10px;
    position:relative;
    padding-right:20px;
    font:500 12px var(--tp-ff-space)
}

[dir=rtl] .section__title-pre-3
{
    padding-right:0;
    padding-left:20px
}

.section__title-pre-3::after
{
    position:absolute;
    content:"";
    top:49%;
    left:100%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:300px;
    height:1px;
    background-image:-webkit-linear-gradient(90deg,#FFF 0%,rgba(255,255,255,0) 100.5%);
    background-image:-moz-linear-gradient(90deg,#FFF 0%,rgba(255,255,255,0) 100.5%);
    background-image:-ms-linear-gradient(90deg,#FFF 0%,rgba(255,255,255,0) 100.5%);
    background-image:-o-linear-gradient(90deg,#FFF 0%,rgba(255,255,255,0) 100.5%);
    background-image:linear-gradient(90deg,#FFF 0%,rgba(255,255,255,0) 100.5%);
    opacity:.3
}

[dir=rtl] .section__title-pre-3::after
{
    left:auto;
    right:100%;
    background-image:-webkit-linear-gradient(-90deg,#FFF 0%,rgba(255,255,255,0) 100.5%);
    background-image:-moz-linear-gradient(-90deg,#FFF 0%,rgba(255,255,255,0) 100.5%);
    background-image:-ms-linear-gradient(-90deg,#FFF 0%,rgba(255,255,255,0) 100.5%);
    background-image:-o-linear-gradient(-90deg,#FFF 0%,rgba(255,255,255,0) 100.5%);
    background-image:linear-gradient(-90deg,#FFF 0%,rgba(255,255,255,0) 100.5%)
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .section__title-pre-3::after
    {
        width:185px
    }
}

@media (max-width: 575px) {
    .section__title-pre-3::after
    {
        width:75px
    }
}

.section__title-pre-3.has-center
{
    padding-left:20px
}

[dir=rtl] .section__title-pre-3.has-center
{
    padding-right:20px
}

.section__title-pre-3.has-center::before
{
    position:absolute;
    content:"";
    top:49%;
    right:100%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:300px;
    height:1px;
    opacity:.3;
    background-image:-webkit-linear-gradient(-90deg,#FFF 0%,rgba(255,255,255,0) 100.5%);
    background-image:-moz-linear-gradient(-90deg,#FFF 0%,rgba(255,255,255,0) 100.5%);
    background-image:-ms-linear-gradient(-90deg,#FFF 0%,rgba(255,255,255,0) 100.5%);
    background-image:-o-linear-gradient(-90deg,#FFF 0%,rgba(255,255,255,0) 100.5%);
    background-image:linear-gradient(-90deg,#FFF 0%,rgba(255,255,255,0) 100.5%)
}

[dir=rtl] .section__title-pre-3.has-center::before
{
    right:auto;
    left:100%;
    background-image:-webkit-linear-gradient(90deg,#FFF 0%,rgba(255,255,255,0) 100.5%);
    background-image:-moz-linear-gradient(90deg,#FFF 0%,rgba(255,255,255,0) 100.5%);
    background-image:-ms-linear-gradient(90deg,#FFF 0%,rgba(255,255,255,0) 100.5%);
    background-image:-o-linear-gradient(90deg,#FFF 0%,rgba(255,255,255,0) 100.5%);
    background-image:linear-gradient(90deg,#FFF 0%,rgba(255,255,255,0) 100.5%)
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .section__title-pre-3.has-center::before
    {
        width:185px
    }
}

@media (max-width: 575px) {
    .section__title-pre-3.has-center::before
    {
        width:75px
    }
}

.section__title-4
{
    color:var(--tp-common-black-solid);
    letter-spacing:-.04em;
    font:700 60px/1 var(--tp-ff-space)
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section__title-4
    {
        font-size:45px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section__title-4
    {
        font-size:35px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .section__title-4
    {
        font-size:40px
    }
}

@media (max-width: 575px) {
    .section__title-4
    {
        font-size:32px
    }

    .section__title-4 br
    {
        display:none
    }
}

.section__title-4-2
{
    color:var(--tp-common-black-solid);
    letter-spacing:-.04em;
    font:50px/1 var(--tp-ff-space)
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px) {
    .section__title-4-2
    {
        font-size:40px
    }
}

@media (max-width: 575px) {
    .section__title-4-2
    {
        font-size:35px
    }
}

.section__title-4-white
{
    color:var(--tp-common-white)
}

.section__title-pre-4
{
    color:var(--tp-theme-4);
    text-transform:uppercase;
    display:inline-block;
    margin-bottom:10px;
    position:relative;
    letter-spacing:.1em;
    font:700 14px var(--tp-ff-space)
}

.section__title-pre-4-white
{
    color:var(--tp-common-white)
}

.section__title-5
{
    letter-spacing:-.04em;
    color:var(--tp-common-black);
    font:60px/1 var(--tp-ff-space)
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .section__title-5
    {
        font-size:55px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section__title-5
    {
        font-size:45px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section__title-5
    {
        font-size:35px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .section__title-5
    {
        font-size:40px
    }
}

@media (max-width: 575px) {
    .section__title-5
    {
        font-size:40px
    }
}

.section__title-5 .has-light
{
    letter-spacing:-.04em;
    text-transform:uppercase;
    font:200 50px var(--tp-ff-inter)
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .section__title-5 .has-light
    {
        font-size:45px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section__title-5 .has-light
    {
        font-size:35px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section__title-5 .has-light
    {
        font-size:25px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .section__title-5 .has-light
    {
        font-size:30px
    }
}

@media (max-width: 575px) {
    .section__title-5 .has-light
    {
        font-size:30px
    }
}

.section__title-pre-5
{
    display:inline-block;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:var(--tp-theme-5);
    font:700 14px var(--tp-ff-space)
}

.section__title-wrapper-6 > p
{
    color:var(--tp-text-18);
    font:16px/24px var(--tp-ff-roboto)
}

.section__title-wrapper-6-white > p
{
    color:var(--tp-common-white);
    font-size:18px
}

.section__title-wrapper-6-white .section__title-6
{
    color:var(--tp-common-white)
}

.section__title-wrapper-6-white .section__title-6-highlight
{
    color:var(--tp-common-white)
}

.section__title-6
{
    color:var(--tp-common-black);
    font:var(--tp-fw-bold) 46px/1 var(--tp-ff-roboto)
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .section__title-6
    {
        font-size:60px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section__title-6
    {
        font-size:55px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .section__title-6
    {
        font-size:45px
    }
}

@media (max-width: 575px) {
    .section__title-6
    {
        font-size:35px
    }
}

.section__title-6-white
{
    color:var(--tp-common-white)
}

.section__title-6-white .section__title-6-highlight
{
    color:var(--tp-common-white)
}

.section__title-6-highlight
{
    color:var(--tp-theme-6);
    position:relative;
    display:inline-block
}

.section__title-6-highlight svg
{
    position:absolute;
    bottom:-12%;
    left:1%;
    width:110%
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .section__title-6-highlight svg
    {
        bottom:-20%
    }
}

.section__title-6-highlight svg path
{
    stroke:currentColor;
    fill:currentColor;
    fill-opacity:0;
    stroke-width:.2;
    stroke-dasharray:800;
    stroke-dashoffset:800;
    -moz-animation:section-highlight 1s ease-in-out .3s forwards;
    -webkit-animation:section-highlight 1s ease-in-out .3s forwards;
    animation:section-highlight 1s ease-in-out .3s forwards
}

.section__title-wrapper-7
{
    position:relative;
    z-index:1
}

.section__title-wrapper-7 > p
{
    color:var(--tp-text-1);
    font:20px/1.5 var(--tp-ff-inter)
}

@media (max-width: 575px) {
    .section__title-wrapper-7 > p br
    {
        display:none
    }
}

.section__title-wrapper-7-white > p
{
    color:var(--tp-common-white);
    font-size:18px
}

.section__title-wrapper-7-white .section__title-6
{
    color:var(--tp-common-white)
}

.section__title-wrapper-7-white .section__title-6-highlight
{
    color:var(--tp-common-white)
}

.section__title-7
{
    color:var(--tp-common-black);
    margin-bottom:25px;
    font:var(--tp-fw-bold) 60px/1.1 var(--tp-ff-play)
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section__title-7
    {
        font-size:50px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section__title-7
    {
        font-size:55px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .section__title-7
    {
        font-size:45px
    }
}

@media (max-width: 575px) {
    .section__title-7
    {
        font-size:35px
    }
}

.section__title-7-white
{
    color:var(--tp-common-white)
}

.section__title-7-highlight
{
    position:relative;
    display:inline-block
}

.section__title-7-highlight svg
{
    position:absolute;
    bottom:-5%;
    left:1%;
    width:0;
    z-index:-1;
    -moz-animation:section-highlight-4 1s ease-in-out .3s forwards;
    -webkit-animation:section-highlight-4 1s ease-in-out .3s forwards;
    animation:section-highlight-4 1s ease-in-out .3s forwards
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .section__title-7-highlight svg
    {
        bottom:-20%
    }
}

.section__title-7-highlight svg path
{
    stroke:var(--tp-common-yellow-3);
    fill:var(--tp-common-yellow-3);
    stroke-dasharray:560;
    stroke-dashoffset:560;
    animation:section_stroke 3s linear forwards infinite,section_stroke_fill .5s cubic-bezier(0.445,0.05,0.55,0.95) .5s forwards;
    -webkit-animation:section_stroke 3s linear forwards infinite,section_stroke_fill .5s cubic-bezier(0.445,0.05,0.55,0.95) .5s forwards
}

@-webkit-keyframes section_stroke {
    0%
    {
        stroke-dashoffset:560
    }

    50%
    {
        stroke-dashoffset:0
    }

    100%
    {
        stroke-dashoffset:-560
    }
}

@-moz-keyframes section_stroke {
    0%
    {
        stroke-dashoffset:560
    }

    50%
    {
        stroke-dashoffset:0
    }

    100%
    {
        stroke-dashoffset:-560
    }
}

@-ms-keyframes section_stroke {
    0%
    {
        stroke-dashoffset:560
    }

    50%
    {
        stroke-dashoffset:0
    }

    100%
    {
        stroke-dashoffset:-560
    }
}

@keyframes section_stroke {
    0%
    {
        stroke-dashoffset:560
    }

    50%
    {
        stroke-dashoffset:0
    }

    100%
    {
        stroke-dashoffset:-560
    }
}

@-webkit-keyframes section_stroke {
    0%
    {
        fill:transparent
    }

    50%
    {
        fill:var(--tp-common-yellow-3)
    }

    100%
    {
        fill:transparent
    }
}

@-moz-keyframes section_stroke {
    0%
    {
        fill:transparent
    }

    50%
    {
        fill:var(--tp-common-yellow-3)
    }

    100%
    {
        fill:transparent
    }
}

@-ms-keyframes section_stroke {
    0%
    {
        fill:transparent
    }

    50%
    {
        fill:var(--tp-common-yellow-3)
    }

    100%
    {
        fill:transparent
    }
}

@keyframes section_stroke {
    0%
    {
        fill:transparent
    }

    50%
    {
        fill:var(--tp-common-yellow-3)
    }

    100%
    {
        fill:transparent
    }
}

.section__title-pre-7
{
    color:var(--tp-theme-7);
    margin-bottom:7px;
    display:inline-block;
    font:500 18px var(--tp-ff-inter)
}

.section__title-wrapper-8
{
    position:relative;
    z-index:1
}

.section__title-wrapper-8 p
{
    color:rgba(255,255,255,0.7);
    font:16px/1.5 var(--tp-ff-space)
}

.section__title-8
{
    letter-spacing:-.04em;
    color:var(--tp-common-white);
    font:700 70px/1 var(--tp-ff-space)
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .section__title-8
    {
        font-size:60px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section__title-8
    {
        font-size:56px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section__title-8
    {
        font-size:55px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .section__title-8
    {
        font-size:45px
    }
}

@media (max-width: 575px) {
    .section__title-8
    {
        font-size:35px
    }
}

.section__title-highlight-8
{
    position:relative
}

.section__title-highlight-8 svg
{
    position:absolute;
    bottom:6%;
    left:-3%;
    z-index:-1;
    width:100%
}

.section__title-highlight-8 svg path
{
    stroke:var(--tp-theme-8);
    stroke-width:6
}

.section__title-pre-8
{
    color:var(--tp-theme-8);
    display:inline-block;
    margin-bottom:10px;
    font:500 18px var(--tp-ff-space)
}

.section__title-wrapper-9
{
    position:relative;
    z-index:1
}

.section__title-wrapper-9.is-center
{
    text-align:center
}

.section__title-wrapper-9.is-center .section__title-pre-9
{
    padding-top:7px;
    padding-left:0
}

[dir=rtl] .section__title-wrapper-9.is-center .section__title-pre-9
{
    padding-right:0
}

.section__title-wrapper-9.is-center .section__title-pre-9::after
{
    width:40px;
    height:3px;
    left:50%;
    top:0;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}

[dir=rtl] .section__title-wrapper-9.is-center .section__title-pre-9::after
{
    left:auto;
    right: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%)
}

.section__title-wrapper-9 p
{
    color:rgba(255,255,255,0.7);
    font:16px/1.5 var(--tp-ff-space)
}

.section__title-9
{
    letter-spacing:-.04em;
    color:var(--tp-common-black);
    font:700 60px/1 var(--tp-ff-syne)
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .section__title-9
    {
        font-size:60px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section__title-9
    {
        font-size:56px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section__title-9
    {
        font-size:55px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .section__title-9
    {
        font-size:45px
    }
}

@media (max-width: 575px) {
    .section__title-9
    {
        font-size:35px
    }
}

.section__title-pre-9
{
    display:inline-block;
    text-transform:uppercase;
    color:var(--tp-common-black);
    position:relative;
    padding-left:13px;
    font:600 14px var(--tp-ff-syne)
}

[dir=rtl] .section__title-pre-9
{
    padding-left:0;
    padding-right:13px
}

.section__title-pre-9::after
{
    position:absolute;
    content:"";
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:3px;
    height:20px;
    background-image:-webkit-linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    background-image:-moz-linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    background-image:-ms-linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    background-image:-o-linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    background-image:linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    background:#f6921e
}

[dir=rtl] .section__title-pre-9::after
{
    left:auto;
    right:0
}

.section__title-wrapper-10
{
    position:relative;
    z-index:1
}

.section__title-wrapper-10 p
{
    font:16px/1.5 var(--tp-ff-space)
}

.section__title-wrapper-10.is-white .section__title-10
{
    color:var(--tp-common-white)
}

.section__title-10
{
    letter-spacing:-.04em;
    color:var(--tp-common-black);
    font:700 60px/1 var(--tp-ff-space)
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .section__title-10
    {
        font-size:60px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section__title-10
    {
        font-size:56px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section__title-10
    {
        font-size:55px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .section__title-10
    {
        font-size:45px
    }
}

@media (max-width: 575px) {
    .section__title-10
    {
        font-size:35px
    }
}

.section__title-pre-10
{
    display:inline-block;
    color:var(--tp-common-orange-4);
    margin-bottom:6px;
    font:500 18px var(--tp-ff-space)
}

.section__title-wrapper-11
{
    position:relative;
    z-index:1
}

.section__title-wrapper-11 p
{
    font:16px/1.5 var(--tp-ff-syne)
}

.section__title-wrapper-11.is-white .section__title-10
{
    color:var(--tp-common-white)
}

.section__title-11
{
    letter-spacing:-.02em;
    font:70px/1 var(--tp-ff-rajdhani)
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .section__title-11
    {
        font-size:60px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section__title-11
    {
        font-size:56px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section__title-11
    {
        font-size:55px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .section__title-11
    {
        font-size:45px
    }
}

@media (max-width: 575px) {
    .section__title-11
    {
        font-size:35px
    }
}

.section__title-pre-11
{
    display:inline-block;
    letter-spacing:.06em;
    text-transform:uppercase;
    color:var(--tp-common-black-15);
    padding-left:11px;
    position:relative;
    font:13px/1 var(--tp-ff-syne)
}

.section__title-pre-11::after
{
    position:absolute;
    content:"";
    left:0;
    top:46%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:2px;
    height:108%;
    background-color:var(--tp-theme-1)
}

.section__title-wrapper-13
{
    position:relative;
    z-index:1
}

.section__title-13
{
    position:relative;
    padding-left:16px;
    font:30px/1 var(--tp-ff-roboto)
}

[dir=rtl] .section__title-13
{
    padding-left:0;
    padding-right:16px
}

.section__title-13::after
{
    position:absolute;
    content:"";
    left:0;
    top:0;
    height:100%;
    width:3px;
    background-color:var(--tp-theme-1)
}

[dir=rtl] .section__title-13::after
{
    left:auto;
    right:0
}

.tp-section-spacing
{
    padding-top:90px;
    padding-bottom:265px
}

.tp-section-bg
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1
}

.tp-section-wrapper p
{
    font-size:16px;
    line-height:1.62;
    padding-left:100px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tp-section-wrapper p
    {
        padding-left:50px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .tp-section-wrapper p
    {
        padding-left:0;
        margin-top:30px
    }
}

.tp-section-wrapper-2.tp-section-wrapper-2-sm .tp-section-title-2
{
    font-size:50px;
    margin-bottom:17px
}

@media (max-width: 575px) {
    .tp-section-wrapper-2.tp-section-wrapper-2-sm .tp-section-title-2
    {
        font-size:35px
    }
}

.tp-section-wrapper-2.tp-section-wrapper-2-sm p
{
    font-size:18px;
    color:var(--tp-text-1)
}

.tp-section-wrapper-2 p
{
    font-size:16px;
    line-height:1.62
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .tp-section-wrapper-2 p br
    {
        display:none
    }
}

.tp-section-wrapper-3 p
{
    font-size:16px
}

.tp-section-wrapper-5 p
{
    font-size:18px
}

.tp-section-subtitle
{
    letter-spacing:.04em;
    text-transform:uppercase;
    color:var(--tp-theme-1);
    font:500 14px/1 var(--tp-ff-space)
}

.tp-section-subtitle-2
{
    display:inline-block;
    letter-spacing:.04em;
    color:var(--tp-common-black);
    font:500 14px var(--tp-ff-space)
}

.tp-section-subtitle-2.is-uppercase
{
    text-transform:uppercase
}

.tp-section-subtitle-2.subtitle-mb-2
{
    margin-bottom:2px
}

.tp-section-subtitle-2.subtitle-mb-7
{
    margin-bottom:7px
}

.tp-section-subtitle-2.subtitle-mb-9
{
    margin-bottom:9px
}

.tp-section-subtitle-2.subtitle-mb-12
{
    margin-bottom:12px
}

.tp-section-subtitle-3
{
    letter-spacing:.04em;
    color:var(--tp-common-black);
    text-transform:uppercase;
    font:500 14px var(--tp-ff-space)
}

.tp-section-subtitle-5
{
    display:inline-block;
    letter-spacing:.04em;
    text-transform:uppercase;
    color:var(--tp-common-purple);
    background-color:rgba(99,100,219,0.06);
    padding:10px 20px;
    margin-bottom:17px;
    font:500 14px/1 var(--tp-ff-space)
}

.tp-section-title
{
    font-size:34px;
    line-height:1;
    letter-spacing:-.04em
}

.tp-section-title-2
{
    letter-spacing:-.04em;
    color:var(--tp-common-black);
    margin-bottom:25px;
    font:700 60px/1 var(--tp-ff-space)
}

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

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

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tp-section-title-2
    {
        font-size:45px
    }
}

@media (max-width: 575px) {
    .tp-section-title-2
    {
        font-size:30px
    }
}

.tp-section-title-2.font-70
{
    font-size:70px
}

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tp-section-title-2.font-70
    {
        font-size:45px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tp-section-title-2.font-70
    {
        font-size:45px
    }
}

@media (max-width: 575px) {
    .tp-section-title-2.font-70
    {
        font-size:30px
    }
}

.tp-section-title-2.font-40
{
    font-size:40px
}

@media (max-width: 575px) {
    .tp-section-title-2.font-40
    {
        font-size:30px
    }
}

.tp-section-title-3
{
    font-size:50px;
    line-height:1;
    letter-spacing:-.04em;
    margin-bottom:11px
}

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

@media (max-width: 575px) {
    .tp-section-title-3
    {
        font-size:40px
    }
}

.tp-section-title-4
{
    font-size:40px;
    letter-spacing:-.04em;
    color:var(--tp-common-black-solid)
}

@media (max-width: 575px) {
    .tp-section-title-4
    {
        font-size:25px
    }
}

.tp-section-title-4 img
{
    -webkit-transform:translateY(-4px);
    -moz-transform:translateY(-4px);
    -ms-transform:translateY(-4px);
    -o-transform:translateY(-4px);
    transform:translateY(-4px);
    margin-right:10px
}

[dir=rtl] .tp-section-title-4 img
{
    margin-right:0;
    margin-left:10px
}

.tp-section-title-5
{
    font-size:50px;
    line-height:1;
    letter-spacing:-.04em;
    margin-bottom:22px
}

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

@-webkit-keyframes section-highlight {
    0%
    {
        stroke-dashoffset:800
    }

    80%
    {
        stroke-dashoffset:0;
        fill-opacity:0
    }

    100%
    {
        stroke-dashoffset:0;
        fill-opacity:1
    }
}

@-moz-keyframes section-highlight {
    0%
    {
        stroke-dashoffset:800
    }

    80%
    {
        stroke-dashoffset:0;
        fill-opacity:0
    }

    100%
    {
        stroke-dashoffset:0;
        fill-opacity:1
    }
}

@-ms-keyframes section-highlight {
    0%
    {
        stroke-dashoffset:800
    }

    80%
    {
        stroke-dashoffset:0;
        fill-opacity:0
    }

    100%
    {
        stroke-dashoffset:0;
        fill-opacity:1
    }
}

@keyframes section-highlight {
    0%
    {
        stroke-dashoffset:800
    }

    80%
    {
        stroke-dashoffset:0;
        fill-opacity:0
    }

    100%
    {
        stroke-dashoffset:0;
        fill-opacity:1
    }
}

@-webkit-keyframes section-highlight-2 {
    0%,100%
    {
        stroke-dashoffset:800
    }

    50%
    {
        stroke-dashoffset:0
    }

    100%
    {
        stroke-dashoffset:0
    }
}

@-moz-keyframes section-highlight-2 {
    0%,100%
    {
        stroke-dashoffset:800
    }

    50%
    {
        stroke-dashoffset:0
    }

    100%
    {
        stroke-dashoffset:0
    }
}

@-ms-keyframes section-highlight-2 {
    0%,100%
    {
        stroke-dashoffset:800
    }

    50%
    {
        stroke-dashoffset:0
    }

    100%
    {
        stroke-dashoffset:0
    }
}

@keyframes section-highlight-2 {
    0%,100%
    {
        stroke-dashoffset:800
    }

    50%
    {
        stroke-dashoffset:0
    }

    100%
    {
        stroke-dashoffset:0
    }
}

@-webkit-keyframes section-highlight-3 {
    100%
    {
        stroke-dashoffset:-900
    }
}

@-moz-keyframes section-highlight-3 {
    100%
    {
        stroke-dashoffset:-900
    }
}

@-ms-keyframes section-highlight-3 {
    100%
    {
        stroke-dashoffset:-900
    }
}

@keyframes section-highlight-3 {
    100%
    {
        stroke-dashoffset:-900
    }
}

@-webkit-keyframes section-highlight-4 {
    100%
    {
        width:100%
    }
}

@-moz-keyframes section-highlight-4 {
    100%
    {
        width:100%
    }
}

@-ms-keyframes section-highlight-4 {
    100%
    {
        width:100%
    }
}

@keyframes section-highlight-4 {
    100%
    {
        width:100%
    }
}

.logo .logo-dark
{
    display:none
}

.logo-2
{
    padding-top:8px;
    padding-bottom:8px
}

.logo-border
{
    position:relative;
    padding:8px 0;
    text-align: center;
    background: rgb(237 238 239 / 33%);   
}

.logo-border::after
{
    position:absolute;
    content:"";
    right:23%;
    top:0;
    width:1px;
    height:102%;
    background-color:var(--tp-border-1)
}

[dir=rtl] .logo-border::after
{
    left:auto;
    right:0
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .logo-border::after
    {
        display:none
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .logo-border::after
    {
        right:0
    }

    [dir=rtl] .logo-border::after
    {
        right:auto;
        left:0
    }
}

.header__transparent
{
    position:absolute!important;
    left:0;
    margin:auto;
    top:0;
    width:100%;
    z-index:99;
    background:transparent
}

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

.header__top-10
{
    background-image:-webkit-linear-gradient(180deg,#FF3939 0.01%,#BF2132 100%);
    background-image:-moz-linear-gradient(180deg,#FF3939 0.01%,#BF2132 100%);
    background-image:-ms-linear-gradient(180deg,#FF3939 0.01%,#BF2132 100%);
    background-image:-o-linear-gradient(180deg,#FF3939 0.01%,#BF2132 100%);
    background-image:linear-gradient(180deg,#FF3939 0.01%,#BF2132 100%);
    box-shadow:0 4px 10px rgba(150,21,35,0.3)
}

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

.header__bottom-border-2
{
    border-bottom:1px solid var(--tp-border-5)
}

.header__bottom-border-3
{
    border-bottom:1px solid var(--tp-border-1)
}

.header__bottom-border-4
{
    border-bottom:1px solid #E2E2E2
}

.header__bottom-3
{
    position:relative;
    z-index:99;
    background-color:var(--tp-common-black-5)
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .header__bottom-3
    {
        padding-top:25px;
        padding-bottom:25px
    }
}

.header__bottom-4
{
    background-color:transparent;
    border-bottom:1px solid rgba(255,255,255,0.1);
    position:relative;
    z-index:9
}

.header__bottom-8
{
    padding-left:65px;
    padding-right:65px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header__bottom-8
    {
        padding-left:15px;
        padding-right:15px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header__bottom-8
    {
        padding:20px 25px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .header__bottom-8
    {
        padding:20px 15px
    }
}

@media (max-width: 575px) {
    .header__bottom-8
    {
        padding:20px 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .header__bottom-9
    {
        padding-top:20px;
        padding-bottom:20px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .header__bottom-10
    {
        padding-top:20px;
        padding-bottom:20px
    }
}

.header__bottom-11
{
    padding-left:87px;
    padding-right:87px
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .header__bottom-11
    {
        padding-left:57px;
        padding-right:57px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .header__bottom-11
    {
        padding-left:47px;
        padding-right:47px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header__bottom-11
    {
        padding-left:37px;
        padding-right:37px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .header__bottom-11
    {
        padding:20px 10px
    }
}

.header__bottom-12
{
    padding:25px 40px
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px) {
    .header__bottom-12
    {
        padding-left:20px;
        padding-right:20px
    }
}

@media (max-width: 575px) {
    .header__bottom-12
    {
        padding-left:0;
        padding-right:0
    }
}

.header__bottom-12 .hamburger-btn-8:hover
{
    color:var(--tp-common-white)
}

.header__bottom-12 .hamburger-btn-8:hover span
{
    background-color:var(--tp-common-white)
}

.header__bottom-12 .hamburger-btn-8:hover::after,.header__bottom-12 .hamburger-btn-8:hover::before
{
    background-color:var(--tp-common-white)
}

.header__bottom-12.header__white-slider .hamburger-btn-8:hover
{
    color:var(--tp-common-white)
}

.header__bottom-12.header__white-slider .hamburger-btn-8:hover::after,.header__bottom-12.header__white-slider .hamburger-btn-8:hover::before
{
    background-color:var(--tp-common-white)
}

.header__bottom-12.header__white-slider .header__info-12 ul li span a:hover
{
    color:var(--tp-common-white)
}

.header__bottom-12.header__white-slider .header-btn-12:hover
{
    color:var(--tp-common-white)
}

.header__bottom-12.header__white-slider .header-btn-12:hover .header-btn-12-icon span
{
    color:var(--tp-common-black);
    background-color:var(--tp-common-white)
}

.header__bottom-13-white .header__search-13 input
{
    border:1px solid #E7E7E7;
    box-shadow:none
}

.header__bottom-13-white .header__search-13 input:focus
{
    border-color:var(--tp-common-black)
}

.header__bottom-13-white .header__action-13 ul li a .tp-item-count,.header__bottom-13-white .header__action-13 ul li button .tp-item-count
{
    border-color:var(--tp-common-white)
}

.header__bottom-14 .header__search-13 input
{
    box-shadow:none;
    border:1px solid #E7E7E7
}

.header__bottom-14 .header__action-13 ul li button .tp-item-count
{
    border-color:var(--tp-common-white)
}

.header__bottom-left-11
{
    margin-left:-90px
}

[dir=rtl] .header__bottom-left-11
{
    margin-left:0;
    margin-right:-90px
}

[dir=rtl] .header__bottom-right
{
    padding-left:0;
    padding-right:30px
}

[dir=rtl] .header__bottom-right-6
{
    padding-left:0;
    padding-right:30px
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .header__bottom-right-6
    {
        padding-left:0
    }

    [dir=rtl] .header__bottom-right-6
    {
        padding-right:0
    }
}

.header__info ul li
{
    list-style:none;
    display:inline-block;
    margin-right:14px;
    padding:4px 0;
    padding-right:20px;
    position:relative
}

[dir=rtl] .header__info ul li
{
    margin-right:0;
    margin-left:14px;
    padding-right:0;
    padding-left:20px
}

.header__info ul li::after
{
    position:absolute;
    content:"";
    top:0;
    right:0;
    width:1px;
    height:104%;
    background-color:var(--tp-border-1)
}

[dir=rtl] .header__info ul li::after
{
    left:auto;
    right:0
}

.header__info ul li a,.header__info ul li span
{
    color:var(--tp-common-white-op-7);
    font-size:14px;
    font-weight:500
}

.header__info ul li a:hover,.header__info ul li span:hover
{
    color:var(--tp-theme-1)
}

.header__info ul li a:hover span,.header__info ul li span:hover span
{
    color:var(--tp-common-white)
}

.header__info ul li a span,.header__info ul li span span
{
    margin-right:4px;
    color:var(--tp-common-white)
}

[dir=rtl] .header__info ul li a span,[dir=rtl] .header__info ul li span span
{
    margin-right:0;
    margin-left:4px
}

.header__info ul li a span svg,.header__info ul li span span svg
{
    width:16px;
    height:16px;
    -webkit-transform:translateY(-1px);
    -moz-transform:translateY(-1px);
    -ms-transform:translateY(-1px);
    -o-transform:translateY(-1px);
    transform:translateY(-1px)
}

.header__info-item
{
    margin-right:60px
}

[dir=rtl] .header__info-item
{
    margin-right:0;
    margin-left:60px
}

.header__info-item:last-child
{
    margin-right:0
}

[dir=rtl] .header__info-item:last-child
{
    margin-left:0
}

.header__info-icon span
{
    display:inline-block;
    width:50px;
    height:50px;
    line-height:46px;
    text-align:center;
    border:1.5px solid var(--tp-theme-4);
    font-size:18px;
    color:var(--tp-theme-4);
    border-radius:50%;
    margin-right:10px
}

[dir=rtl] .header__info-icon span
{
    margin-right:0;
    margin-left:10px
}

.header__info-icon span svg
{
    width:18px;
    height:18px
}

.header__info-content h4
{
    font-size:18px;
    font-weight:700;
    margin-bottom:3px;
    color:var(--tp-common-black-solid)
}

.header__info-content p
{
    font-size:14px;
    margin-bottom:0;
    line-height:1
}

.header__info-content p a:hover
{
    color:var(--tp-theme-4)
}

.header__info-8 ul li
{
    list-style:none;
    display:inline-block
}

.header__info-8 ul li:last-child
{
    margin-right:0
}

[dir=rtl] .header__info-8 ul li:last-child
{
    margin-left:0
}

.header__info-8 ul li span
{
    color:#FFF;
    font:500 16px var(--tp-ff-space)
}

.header__info-8 ul li span i
{
    margin-right:5px
}

[dir=rtl] .header__info-8 ul li span i
{
    margin-right:0;
    margin-left:5px
}

.header__info-8 ul li span svg
{
    margin-right:5px;
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

[dir=rtl] .header__info-8 ul li span svg
{
    margin-right:0;
    margin-left:5px
}

.header__info-10 ul li
{
    padding-top:5px;
    padding-bottom:7px
}

.header__info-10 ul li::after
{
    height:100%;
    background-color:rgba(255,255,255,0.16)
}

.header__info-10 ul li a
{
    color:rgba(255,255,255,0.8);
    font:500 14px/1 var(--tp-ff-space)
}

.header__info-10 ul li a:hover
{
    color:var(--tp-common-white)
}

.header__info-11 ul li:last-child
{
    margin-right:0
}

[dir=rtl] .header__info-11 ul li:last-child
{
    margin-left:0
}

.header__info-11 ul li span
{
    color:var(--tp-common-black);
    text-transform:uppercase;
    font:600 14px var(--tp-ff-syne)
}

.header__info-11 ul li span i
{
    margin-right:5px
}

[dir=rtl] .header__info-11 ul li span i
{
    margin-right:0;
    margin-left:5px
}

.header__info-11 ul li span svg
{
    margin-right:5px;
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

[dir=rtl] .header__info-11 ul li span svg
{
    margin-right:0;
    margin-left:5px
}

.header__info-11 ul li span a span
{
    color:var(--tp-common-black)
}

.header__info-11 ul li span a:hover
{
    color:var(--tp-common-black)
}

.header__info-12 ul li::after
{
    display:none
}

.header__info-12 ul li:last-child
{
    margin-right:0
}

[dir=rtl] .header__info-12 ul li:last-child
{
    margin-left:0
}

.header__info-12 ul li span,.header__info-12 ul li a
{
    color:var(--tp-common-white);
    font:500 16px var(--tp-ff-inter)
}

.header__info-12 ul li span i,.header__info-12 ul li a i
{
    margin-right:5px
}

[dir=rtl] .header__info-12 ul li span i,[dir=rtl] .header__info-12 ul li a i
{
    margin-right:0;
    margin-left:5px
}

.header__info-12 ul li span svg,.header__info-12 ul li a svg
{
    margin-right:5px;
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

[dir=rtl] .header__info-12 ul li span svg,[dir=rtl] .header__info-12 ul li a svg
{
    margin-right:0;
    margin-left:5px
}

.header__info-12 ul li span a,.header__info-12 ul li a a
{
    color:var(--tp-common-white)
}

.header__info-12 ul li span a span,.header__info-12 ul li a a span
{
    color:var(--tp-common-black)
}

.header__info-12 ul li span a:hover,.header__info-12 ul li a a:hover
{
    color:var(--tp-common-white)
}

.header__info-12 ul li .hamburger-btn-8:hover
{
    color:var(--tp-common-white)
}

.header__info-12 ul li .hamburger-btn-8:hover::after,.header__info-12 ul li .hamburger-btn-8:hover::before
{
    background-color:var(--tp-common-white)
}

.header__border
{
    border-bottom:1px solid rgba(3,18,32,0.07)
}

.header__border-3
{
    border-bottom:1px solid var(--tp-border-1)
}

.header__search-input
{
    position:relative
}

.header__search-input input
{
    width:100%;
    height:40px;
    background-color:var(--tp-grey-1);
    border:1px solid var(--tp-grey-1);
    padding:0 20px;
    padding-right:60px
}

[dir=rtl] .header__search-input input
{
    padding-left:60px;
    padding-right:20px
}

.header__search-input input::-webkit-input-placeholder
{
    color:var(--tp-text-3)
}

.header__search-input input:-moz-placeholder
{
    color:var(--tp-text-3)
}

.header__search-input input::-moz-placeholder
{
    color:var(--tp-text-3)
}

.header__search-input input:-ms-input-placeholder
{
    color:var(--tp-text-3)
}

.header__search-btn
{
    position:absolute;
    top:46%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    right:15px;
    font-size:16px;
    color:var(--tp-common-black);
    padding-left:17px;
    background-color:var(--tp-grey-1)
}

[dir=rtl] .header__search-btn
{
    padding-left:0;
    padding-right:17px;
    right:auto;
    left:15px
}

.header__search-btn::after
{
    position:absolute;
    content:"";
    left:0;
    top:57%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    height:100%;
    width:1px;
    background-color:rgba(3,18,32,0.1)
}

[dir=rtl] .header__search-btn::after
{
    left:auto;
    right:0
}

.header__search-2
{
    margin-left:13px
}

[dir=rtl] .header__search-2
{
    margin-left:0;
    margin-right:13px
}

.header__search-2 input
{
    height:44px;
    line-height:44px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
    -ms-border-radius:6px;
    border-radius:6px;
    background-color:var(--tp-grey-5)
}

.header__search-2 input::-webkit-input-placeholder
{
    color:var(--tp-text-10)
}

.header__search-2 input:-moz-placeholder
{
    color:var(--tp-text-10)
}

.header__search-2 input::-moz-placeholder
{
    color:var(--tp-text-10)
}

.header__search-2 input:-ms-input-placeholder
{
    color:var(--tp-text-10)
}

.header__search-2 button::after
{
    background-color:rgba(62,132,84,0.14)
}

.header__search-3 button svg path
{
    stroke:var(--tp-theme-3)
}

.header__search-13
{
    position:relative
}

.header__search-13 input
{
    width:320px;
    height:46px;
    background-color:var(--tp-common-white);
    box-shadow:0 1px 2px rgba(3,4,28,0.1);
    border-radius:30px;
    border:0;
    outline:0;
    padding:0 25px
}

.header__search-13 button
{
    position:absolute;
    top:50%;
    right:20px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%)
}

[dir=rtl] .header__search-13 button
{
    right:auto;
    left:20px
}

.header__search-13 button svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

[dir=rtl] .header__hamburger
{
    margin-left:0;
    margin-right:50px
}

.header__hamburger-2
{
    margin-top:0;
    margin-left:18px
}

[dir=rtl] .header__hamburger-2
{
    margin-left:0;
    margin-right:18px
}

.header__hamburger-2 .hamburger-btn-black:hover span
{
    background-color:var(--tp-theme-2)
}

.header__hamburger-5
{
    margin-top:0
}

.header__hamburger-5 .hamburger-btn-black
{
    top:-5px
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .header__hamburger-5 .hamburger-btn-black
    {
        top:-6px
    }
}

.header__action ul
{
    display:flex;
    align-items:center;
    position:relative
}

.header__action ul::before
{
    position:absolute;
    content:"";
    top:0;
    right:0;
    width:1px;
    height:100%;
    background-color:var(--tp-border-1)
}

[dir=rtl] .header__action ul::before
{
    right:auto;
    left:0
}

.header__action ul li
{
    list-style:none;
    position:relative;
    height:58px;
    width:70px;
    line-height:56px;
    text-align:center
}

.header__action ul li::after
{
    position:absolute;
    content:"";
    top:0;
    left:0;
    width:1px;
    height:100%;
    background-color:var(--tp-border-1)
}

[dir=rtl] .header__action ul li::after
{
    left:auto;
    right:0
}

.header__action ul li:last-child
{
    margin-right:0;
    padding-right:0
}

[dir=rtl] .header__action ul li:last-child
{
    margin-left:0;
    padding-left:0
}

.header__action ul li a
{
    display:inline-block;
    text-align:center;
    font-size:20px;
    color:var(--tp-common-white)
}

.header__action ul li a:hover
{
    border-color:var(--tp-common-black-3)
}

.header__action ul li a svg
{
    width:18px;
    height:18px;
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.header__action ul li .hamburger-btn
{
    top:-4px
}

.header__action-8 ul li
{
    display:inline-block;
    list-style:none;
    margin-right:23px
}

[dir=rtl] .header__action-8 ul li
{
    margin-right:0;
    margin-left:23px
}

.header__action-8 ul li:last-child
{
    margin-right:0
}

[dir=rtl] .header__action-8 ul li:last-child
{
    margin-left:0
}

.header__action-8 ul li a
{
    color:var(--tp-common-white);
    font-size:16px
}

.header__action-8 ul li a svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.header__action-10 ul li
{
    display:inline-block;
    list-style:none;
    margin-right:25px
}

[dir=rtl] .header__action-10 ul li
{
    margin-right:0;
    margin-left:25px
}

.header__action-10 ul li:last-child
{
    margin-right:0
}

[dir=rtl] .header__action-10 ul li:last-child
{
    margin-left:0
}

.header__action-10 ul li a
{
    color:var(--tp-common-white);
    font-size:16px
}

.header__action-10 ul li a svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.header__action-10 ul li a:hover
{
    color:var(--tp-theme-10)
}

.header__action-11 ul li:last-child
{
    margin-right:0
}

[dir=rtl] .header__action-11 ul li:last-child
{
    margin-left:0
}

.header__action-11 ul li a
{
    color:var(--tp-common-black);
    font-size:16px
}

.header__action-11 ul li a:hover
{
    color:var(--tp-common-black)
}

.header__action-11 ul li .hamburger-btn
{
    color:var(--tp-common-black)
}

.header__action-11 ul li .hamburger-btn::after
{
    color:var(--tp-common-black)
}

.header__action-11 ul li .hamburger-btn span
{
    background-color:var(--tp-common-black)
}

.header__action-13
{
    margin-left:42px
}

[dir=rtl] .header__action-13
{
    margin-left:0;
    margin-right:42px
}

.header__action-13 ul li
{
    list-style:none;
    display:inline-block;
    margin-right:19px
}

[dir=rtl] .header__action-13 ul li
{
    margin-right:0;
    margin-left:19px
}

.header__action-13 ul li:last-child
{
    margin-right:0
}

[dir=rtl] .header__action-13 ul li:last-child
{
    margin-left:0
}

.header__action-13 ul li a,.header__action-13 ul li button
{
    font-size:18px;
    display:inline-block;
    position:relative
}

.header__action-13 ul li a .tp-item-count,.header__action-13 ul li button .tp-item-count
{
    position:absolute;
    top:-6px;
    right:-12px;
    display:inline-block;
    font-size:12px;
    font-weight:700;
    color:var(--tp-common-white);
    background-color:var(--tp-theme-1);
    width:23px;
    height:23px;
    line-height:17px;
    border:3px solid #F0F2EE;
    text-align:center;
    border-radius:50%
}

.header__action-13 ul li a svg,.header__action-13 ul li button svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.header__action-13 ul li a:hover,.header__action-13 ul li button:hover
{
    color:var(--tp-common-black)
}

.header__sticky.header-sticky
{
    position:fixed!important;
    left:0;
    margin:auto;
    top:0;
    width:100%;
    box-shadow:0 0 60px 0 rgba(0,0,0,0.07);
    z-index:99;
    -webkit-animation:500ms ease-in-out 0 normal none 1 running fadeInDown;
    animation:500ms ease-in-out 0 normal none 1 running fadeInDown;
    -webkit-box-shadow:0 4px 10px rgba(3,4,28,0.1);
    box-shadow:0 4px 10px rgba(3,4,28,0.1);
    background:var(--tp-common-white)
}

.header__sticky.header-sticky.header-sticky-blur
{
    background-color:rgba(255,255,255,0.8);
    -webkit-backdrop-filter:blur(16px);
    backdrop-filter:blur(16px);
    box-shadow:0 1px 3px rgba(3,4,28,0.12)
}

.header__sticky.header-sticky .logo-dark
{
    display:block
}

.header__sticky.header-sticky .logo-light
{
    display:none
}

.header__sticky.header-sticky .logo-border
{
    padding:14px 0
}

.header__sticky.header-sticky .logo-border::after
{
    background-color:#EAEAEF;
    height:100%
}

.header__sticky.header-sticky .hamburger-btn span
{
    background-color:var(--tp-common-black)
}

.header__sticky.header-sticky.header__bottom-border
{
    border:0!important
}

.header__sticky.header-sticky .tp-header-btn-3
{
    border-color:rgba(3,4,28,0.14);
    color:var(--tp-common-black)
}

.header__sticky.header-sticky .tp-header-btn-3:hover
{
    background-color:var(--tp-common-black);
    border-color:var(--tp-common-black);
    color:var(--tp-common-white)
}

.header__sticky.header-sticky.header__sticky-black
{
    background:var(--tp-common-black)
}

.header__sticky.header-sticky.header__sticky-black .hamburger-btn span
{
    background-color:var(--tp-common-white)
}

.header__sticky.header-sticky.header__sticky-black .main-menu ul li a
{
    color:var(--tp-common-white);
    padding:22px 0
}

.header__sticky.header-sticky.header__sticky-black .main-menu ul li a::after
{
    color:var(--tp-common-white)
}

.header__sticky.header-sticky.header__sticky-black .main-menu ul li .submenu li a
{
    color:var(--tp-common-black);
    padding:0 25px;
    padding-bottom:1px
}

.header__sticky.header-sticky.header__sticky-black .main-menu ul li .submenu li a::after
{
    color:var(--tp-common-black)
}

.header__sticky.header-sticky.header__sticky-black .main-menu ul li .submenu li:hover > a
{
    color:var(--tp-theme-3)
}

.header__sticky.header-sticky.header__sticky-black .main-menu ul li .submenu li:hover > a::after
{
    color:var(--tp-theme-3)
}

.header__sticky.header-sticky.header__sticky-black .main-menu ul li:hover > a
{
    color:var(--tp-theme-3)
}

.header__sticky.header-sticky.header__sticky-black .main-menu ul li:hover > a::after
{
    color:var(--tp-theme-3)
}

.header__sticky.header-sticky.header__sticky-black .main-menu-3 ul li .submenu li a
{
    color:var(--tp-common-white)
}

.header__sticky.header-sticky.header__sticky-black .main-menu-8 ul li a
{
    padding:22px 0
}

.header__sticky.header-sticky.header__sticky-black .main-menu-8 ul li a::before
{
    bottom:0
}

.header__sticky.header-sticky.header__sticky-black .main-menu-8 ul li .submenu
{
    background-color:var(--tp-common-black-13);
    border:1px solid rgba(255,255,255,0.1)
}

.header__sticky.header-sticky.header__sticky-black .main-menu-8 ul li .submenu li a
{
    padding-top:0;
    padding-left:25px;
    padding-bottom:1px;
    color:var(--tp-common-white)
}

[dir=rtl] .header__sticky.header-sticky.header__sticky-black .main-menu-8 ul li .submenu li a
{
    padding-left:0;
    padding-right:25px
}

.header__sticky.header-sticky.header__sticky-black .main-menu-8 ul li .submenu li a::after
{
    color:var(--tp-common-white)
}

.header__sticky.header-sticky.header__sticky-black .main-menu-8 ul li .submenu li:hover > a
{
    padding-left:43px;
    color:var(--tp-theme-8)
}

[dir=rtl] .header__sticky.header-sticky.header__sticky-black .main-menu-8 ul li .submenu li:hover > a
{
    padding-left:0;
    padding-right:43px
}

.header__sticky.header-sticky.header__sticky-black .main-menu-8 ul li .submenu li:hover > a::after
{
    color:var(--tp-theme-8)
}

.header__sticky.header-sticky.header__sticky-black .main-menu-8 ul li .mega-menu
{
    background-color:var(--tp-common-black-13);
    border:1px solid rgba(255,255,255,0.1)
}

.header__sticky.header-sticky.header__sticky-black .main-menu-8 ul li:hover > a
{
    color:var(--tp-theme-8)
}

.header__sticky.header-sticky.header__sticky-black .main-menu-8 ul li:hover > a::after
{
    color:var(--tp-theme-8)
}

.header__sticky.header-sticky.header__sticky-black-2
{
    background-color:var(--tp-common-black-13);
    border-bottom:1px solid rgba(255,255,255,0.1)
}

.header__sticky.header-sticky.header__style-4
{
    display:block
}

.header__sticky.header-sticky.header__style-4 .hamburger-btn span
{
    background-color:var(--tp-theme-4)
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .header__sticky.header-sticky.header__style-4
    {
        padding-top:15px;
        padding-bottom:15px
    }
}

.header__sticky.header-sticky.header__style-4 .main-menu-4 ul li:last-child
{
    margin-right:0
}

[dir=rtl] .header__sticky.header-sticky.header__style-4 .main-menu-4 ul li:last-child
{
    margin-left:0
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header__sticky.header-sticky.header__style-4 .main-menu-4 ul li
    {
        margin-right:15px
    }

    [dir=rtl] .header__sticky.header-sticky.header__style-4 .main-menu-4 ul li
    {
        margin-right:0;
        margin-left:15px
    }
}

.header__sticky.header-sticky.header__bottom-3
{
    background-color:var(--tp-common-black-5)
}

.header__sticky.header-sticky .header__sticky-white
{
    background-color:var(--tp-common-white)
}

.header__sticky.header-sticky .header__action ul::before
{
    background-color:#EAEAEF
}

.header__sticky.header-sticky .header__action ul li
{
    height:70px;
    width:70px;
    line-height:66px
}

.header__sticky.header-sticky .header__action ul li::after
{
    background-color:#EAEAEF
}

.header__sticky.header-sticky .header__action ul li a
{
    color:var(--tp-common-black)
}

.header__sticky.header-sticky .header__action ul li a:hover
{
    color:var(--tp-theme-1)
}

.header__sticky.header-sticky .header__action ul li .hamburger-btn
{
    color:var(--tp-common-black)
}

.header__sticky.header-sticky .header__action ul li .hamburger-btn span
{
    background-color:var(--tp-common-black)
}

.header__sticky.header-sticky .header__action ul li .hamburger-btn:hover
{
    color:var(--tp-theme-1)
}

.header__sticky.header-sticky .header__action ul li .hamburger-btn:hover span
{
    color:var(--tp-theme-1)
}

.header__sticky.header-sticky .header__action-10 ul li a
{
    color:var(--tp-common-black)
}

.header__sticky.header-sticky .header__action-13 ul li a .tp-item-count,.header__sticky.header-sticky .header__action-13 ul li button .tp-item-count
{
    border-color:var(--tp-common-white)
}

.header__sticky.header-sticky .header__search-13 input
{
    box-shadow:none;
    border:1px solid #E7E7E7
}

.header__sticky.header-sticky .header__search-13 input:focus
{
    border-color:var(--tp-common-black)
}

.header__sticky.header-sticky .main-menu ul li a
{
    color:var(--tp-common-black);
    padding:22px 0
}

.header__sticky.header-sticky .main-menu ul li a::after
{
    color:var(--tp-common-black)
}

.header__sticky.header-sticky .main-menu ul li .submenu li a
{
    padding-top:0;
    padding-left:25px;
    padding-bottom:1px
}

[dir=rtl] .header__sticky.header-sticky .main-menu ul li .submenu li a
{
    padding-right:25px;
    padding-left:43px
}

.header__sticky.header-sticky .main-menu ul li .submenu li:hover > a
{
    padding-left:43px
}

[dir=rtl] .header__sticky.header-sticky .main-menu ul li .submenu li:hover > a
{
    padding-left:0;
    padding-right:43px
}

.header__sticky.header-sticky .main-menu ul li .mega-menu li a
{
    padding:0
}

.header__sticky.header-sticky .main-menu ul li .mega-menu li:hover > .mega-menu-title
{
    padding-left:0
}

[dir=rtl] .header__sticky.header-sticky .main-menu ul li .mega-menu li:hover > .mega-menu-title
{
    padding-right:0
}

.header__sticky.header-sticky .main-menu ul li .mega-menu li:hover > a
{
    padding-left:18px
}

[dir=rtl] .header__sticky.header-sticky .main-menu ul li .mega-menu li:hover > a
{
    padding-left:0;
    padding-right:18px
}

.header__sticky.header-sticky .main-menu ul li:hover > a
{
    color:var(--tp-theme-1)
}

.header__sticky.header-sticky .main-menu ul li:hover > a::after
{
    color:var(--tp-theme-1)
}

.header__sticky.header-sticky .main-menu-4 ul li a
{
    color:var(--tp-common-black);
    padding:22px 0
}

.header__sticky.header-sticky .main-menu-4 ul li a::after
{
    color:var(--tp-common-black)
}

.header__sticky.header-sticky .main-menu-4 ul li a::before
{
    bottom:0
}

.header__sticky.header-sticky .main-menu-4 ul li .submenu li a
{
    padding-top:0;
    padding-left:25px;
    padding-bottom:1px
}

[dir=rtl] .header__sticky.header-sticky .main-menu-4 ul li .submenu li a
{
    padding-left:0;
    padding-right:25px
}

.header__sticky.header-sticky .main-menu-4 ul li .submenu li a::before
{
    background-color:var(--tp-theme-4)
}

.header__sticky.header-sticky .main-menu-4 ul li .submenu li:hover > a
{
    padding-left:43px
}

[dir=rtl] .header__sticky.header-sticky .main-menu-4 ul li .submenu li:hover > a
{
    padding-left:0;
    padding-right:43px
}

.header__sticky.header-sticky .main-menu-4 ul li:hover > a
{
    color:var(--tp-theme-4)
}

.header__sticky.header-sticky .main-menu-4 ul li:hover > a::after
{
    color:var(--tp-theme-4)
}

.header__sticky.header-sticky .main-menu-5 ul li a
{
    color:var(--tp-common-black);
    padding:22px 0
}

.header__sticky.header-sticky .main-menu-5 ul li a::after
{
    color:var(--tp-common-black)
}

.header__sticky.header-sticky .main-menu-5 ul li a::before
{
    bottom:0
}

.header__sticky.header-sticky .main-menu-5 ul li .submenu li a
{
    padding-top:0;
    padding-left:25px;
    padding-bottom:1px
}

[dir=rtl] .header__sticky.header-sticky .main-menu-5 ul li .submenu li a
{
    padding-left:0;
    padding-right:25px
}

.header__sticky.header-sticky .main-menu-5 ul li .submenu li a::before
{
    background-color:var(--tp-theme-5)
}

.header__sticky.header-sticky .main-menu-5 ul li .submenu li:hover > a
{
    padding-left:43px
}

[dir=rtl] .header__sticky.header-sticky .main-menu-5 ul li .submenu li:hover > a
{
    padding-left:0;
    padding-right:43px
}

.header__sticky.header-sticky .main-menu-5 ul li:hover > a
{
    color:var(--tp-theme-5)
}

.header__sticky.header-sticky .main-menu-5 ul li:hover > a::after
{
    color:var(--tp-theme-5)
}

.header__sticky.header-sticky .main-menu-6 ul li a
{
    color:var(--tp-common-black);
    padding:22px 0
}

.header__sticky.header-sticky .main-menu-6 ul li a::after
{
    color:var(--tp-common-black)
}

.header__sticky.header-sticky .main-menu-6 ul li a::before
{
    bottom:0
}

.header__sticky.header-sticky .main-menu-6 ul li .submenu li a
{
    padding-top:0;
    padding-left:25px;
    padding-bottom:1px
}

[dir=rtl] .header__sticky.header-sticky .main-menu-6 ul li .submenu li a
{
    padding-left:0;
    padding-right:25px
}

.header__sticky.header-sticky .main-menu-6 ul li .submenu li a::before
{
    background-color:var(--tp-theme-6)
}

.header__sticky.header-sticky .main-menu-6 ul li .submenu li:hover > a
{
    padding-left:43px
}

[dir=rtl] .header__sticky.header-sticky .main-menu-6 ul li .submenu li:hover > a
{
    padding-left:0;
    padding-right:43px
}

.header__sticky.header-sticky .main-menu-6 ul li:hover > a
{
    color:var(--tp-theme-6)
}

.header__sticky.header-sticky .main-menu-6 ul li:hover > a::after
{
    color:var(--tp-theme-6)
}

.header__sticky.header-sticky .main-menu-7 ul li a
{
    color:var(--tp-common-black);
    padding:22px 0
}

.header__sticky.header-sticky .main-menu-7 ul li a::after
{
    color:var(--tp-common-black)
}

.header__sticky.header-sticky .main-menu-7 ul li a::before
{
    bottom:0
}

.header__sticky.header-sticky .main-menu-7 ul li .submenu li a
{
    padding-top:0;
    padding-left:25px;
    padding-bottom:1px
}

[dir=rtl] .header__sticky.header-sticky .main-menu-7 ul li .submenu li a
{
    padding-left:0;
    padding-right:25px
}

.header__sticky.header-sticky .main-menu-7 ul li .submenu li a::before
{
    background-color:var(--tp-theme-7)
}

.header__sticky.header-sticky .main-menu-7 ul li .submenu li:hover > a
{
    padding-left:43px
}

[dir=rtl] .header__sticky.header-sticky .main-menu-7 ul li .submenu li:hover > a
{
    padding-left:0;
    padding-right:43px
}

.header__sticky.header-sticky .main-menu-7 ul li:hover > a
{
    color:var(--tp-theme-7)
}

.header__sticky.header-sticky .main-menu-7 ul li:hover > a::after
{
    color:var(--tp-theme-7)
}

.header__sticky.header-sticky .main-menu-8 ul li a
{
    color:var(--tp-common-black);
    padding:22px 0
}

.header__sticky.header-sticky .main-menu-8 ul li a::after
{
    color:var(--tp-common-black)
}

.header__sticky.header-sticky .main-menu-8 ul li a::before
{
    bottom:0
}

.header__sticky.header-sticky .main-menu-8 ul li .submenu
{
    background-color:var(--tp-common-black-13);
    border:1px solid rgba(255,255,255,0.1)
}

.header__sticky.header-sticky .main-menu-8 ul li .submenu li a
{
    padding-top:0;
    padding-left:25px;
    padding-bottom:1px
}

[dir=rtl] .header__sticky.header-sticky .main-menu-8 ul li .submenu li a
{
    padding-left:0;
    padding-right:25px
}

.header__sticky.header-sticky .main-menu-8 ul li .submenu li a::before
{
    background-color:var(--tp-theme-8)
}

.header__sticky.header-sticky .main-menu-8 ul li .submenu li:hover > a
{
    padding-left:43px
}

[dir=rtl] .header__sticky.header-sticky .main-menu-8 ul li .submenu li:hover > a
{
    padding-left:0;
    padding-right:43px
}

.header__sticky.header-sticky .main-menu-8 ul li:hover > a
{
    color:var(--tp-theme-8)
}

.header__sticky.header-sticky .main-menu-8 ul li:hover > a::after
{
    color:var(--tp-theme-8)
}

.header__sticky.header-sticky .main-menu-9 ul li a
{
    color:var(--tp-common-black);
    padding:22px 0
}

.header__sticky.header-sticky .main-menu-9 ul li a::after
{
    color:var(--tp-common-black)
}

.header__sticky.header-sticky .main-menu-9 ul li a::before
{
    bottom:25px
}

.header__sticky.header-sticky .main-menu-9 ul li .submenu li a
{
    padding-top:0;
    padding-left:25px;
    padding-bottom:1px
}

[dir=rtl] .header__sticky.header-sticky .main-menu-9 ul li .submenu li a
{
    padding-left:0;
    padding-right:25px
}

.header__sticky.header-sticky .main-menu-9 ul li .submenu li a::before
{
    background-color:var(--tp-common-black)
}

.header__sticky.header-sticky .main-menu-9 ul li .submenu li:hover > a
{
    padding-left:43px
}

[dir=rtl] .header__sticky.header-sticky .main-menu-9 ul li .submenu li:hover > a
{
    padding-left:0;
    padding-right:43px
}

.header__sticky.header-sticky .main-menu-9 ul li:hover > a
{
    color:var(--tp-common-black)
}

.header__sticky.header-sticky .main-menu-9 ul li:hover > a::after
{
    color:var(--tp-common-black)
}

.header__sticky.header-sticky .main-menu-10 ul li a
{
    color:var(--tp-common-black);
    padding:22px 0
}

.header__sticky.header-sticky .main-menu-10 ul li a::after
{
    color:var(--tp-common-black)
}

.header__sticky.header-sticky .main-menu-10 ul li .submenu li a
{
    padding-top:0;
    padding-left:25px;
    padding-bottom:1px
}

[dir=rtl] .header__sticky.header-sticky .main-menu-10 ul li .submenu li a
{
    padding-left:0;
    padding-right:25px
}

.header__sticky.header-sticky .main-menu-10 ul li .submenu li a::before
{
    background-color:var(--tp-theme-10)
}

.header__sticky.header-sticky .main-menu-10 ul li .submenu li:hover > a
{
    padding-left:43px
}

[dir=rtl] .header__sticky.header-sticky .main-menu-10 ul li .submenu li:hover > a
{
    padding-left:0;
    padding-right:43px
}

.header__sticky.header-sticky .main-menu-10 ul li:hover > a
{
    color:var(--tp-theme-10)
}

.header__sticky.header-sticky .main-menu-10 ul li:hover > a::after
{
    color:var(--tp-theme-10)
}

.header__lang
{
    padding:4px 28px;
    padding-right:0;
    position:relative;
    z-index:99
}

[dir=rtl] .header__lang
{
    margin-left:0;
    padding-left:0;
    padding-right:28px
}

[dir=rtl] [dir=rtl] .header__lang
{
    margin-right:0;
    padding-right:0;
    padding-left:28px
}

.header__lang .nice-select
{
    padding:0;
    padding-right:18px;
    padding-left:28px;
    font-size:14px;
    border:0;
    color:var(--tp-common-white);
    background-color:transparent
}

[dir=rtl] .header__lang .nice-select
{
    padding-right:28px;
    padding-left:28px
}

.header__lang .nice-select .current
{
    color:var(--tp-common-white);
    font-size:14px;
    font-weight:500
}

.header__lang .nice-select .list
{
    border-radius:0;
    margin-top:0;
    left:auto;
    right:0
}

[dir=rtl] .header__lang .nice-select .list
{
    left:0;
    right:auto
}

.header__lang .nice-select .list .option
{
    color:var(--tp-text-1)
}

.header__lang .nice-select .list .option:hover,.header__lang .nice-select .list .option.selected.focus
{
    color:var(--tp-theme-1)
}

.header__lang-selected-lang
{
    color:var(--tp-common-white-op-7);
    font-size:14px;
    font-weight:500;
    background-color:transparent;
    position:relative;
    padding-right:15px
}

[dir=rtl] .header__lang-selected-lang
{
    padding-left:15px;
    padding-right:0
}

.header__lang-selected-lang:hover
{
    cursor:pointer;
    color:var(--tp-theme-1)
}

.header__lang-selected-lang:hover::after
{
    color:var(--tp-theme-1)
}

.header__lang-selected-lang::after
{
    position:absolute;
    content:"\f107";
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    color:var(--tp-common-white);
    font:14px var(--tp-ff-fontawesome)
}

[dir=rtl] .header__lang-selected-lang::after
{
    left:auto;
    right:-15px
}

.header__lang-list
{
    position:absolute;
    top:120%;
    right:0;
    background-color:var(--tp-common-white);
    z-index:11;
    padding:15px;
    min-width:100px;
    visibility:hidden;
    opacity:0;
    -webkit-transition:all .2s ease-out 0;
    -moz-transition:all .2s ease-out 0;
    -ms-transition:all .2s ease-out 0;
    -o-transition:all .2s ease-out 0;
    transition:all .2s ease-out 0
}

[dir=rtl] .header__lang-list
{
    right:auto;
    left:0
}

.header__lang-list.tp-lang-list-open
{
    visibility:visible;
    opacity:1;
    top:100%
}

.header__lang-list li
{
    list-style:none;
    color:var(--tp-common-black);
    text-align:left
}

[dir=rtl] .header__lang-list li
{
    text-align:right
}

.header__lang-list li:hover
{
    color:var(--tp-theme-1);
    cursor:pointer
}

.header__lang-10
{
    padding-left:0;
    padding-top:5px;
    padding-bottom:6px
}

[dir=rtl] .header__lang-10
{
    margin-left:0;
    padding-right:20px
}

.header__lang-10 .header__lang-selected-lang
{
    padding-top:5px;
    padding-bottom:5px;
    color:var(--tp-common-white);
    font-family:var(--tp-ff-space)
}

.header__lang-10 .header__lang-list
{
    border-radius:4px
}

.header__lang-10 .header__lang-list li:hover
{
    color:var(--tp-theme-10)
}

.header__lang-10:hover .header__lang-selected-lang
{
    color:var(--tp-common-white)
}

.header__lang-10:hover .header__lang-selected-lang::after
{
    color:var(--tp-common-white)
}

.header__social ul
{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex
}

.header__social ul li
{
    list-style:none;
    text-align:center
}

.header__social ul li a
{
    display:inline-block;
    font-size:14px;
    color:var(--tp-common-white);
    border-left:1px solid var(--tp-border-1);
    padding:22px 20px;
    width:54px
}

[dir=rtl] .header__social ul li a
{
    border-left:0;
    border-right:1px solid var(--tp-border-1)
}

.header__social ul li a:hover
{
    background-color:rgba(255,255,255,0.03);
    color:var(--tp-theme-3)
}

.header__social-10 ul
{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex
}

.header__social-10 ul li
{
    list-style:none;
    position:relative
}

.header__social-10 ul li::after
{
    position:absolute;
    content:"";
    top:0;
    right:0;
    width:1px;
    height:100%;
    background-color:rgba(255,255,255,0.16)
}

[dir=rtl] .header__social-10 ul li::after
{
    left:0;
    right:auto
}

.header__social-10 ul li a
{
    color:rgba(255,255,255,0.7);
    display:inline-block;
    width:54px;
    text-align:center;
    padding:6px 0
}

.header__social-10 ul li a:hover
{
    color:var(--tp-common-white)
}

.header__intro p
{
    font-size:14px;
    font-weight:500;
    color:var(--tp-common-black-2);
    text-transform:uppercase;
    margin-bottom:0
}

[dir=rtl] .header__btn-5
{
    margin-left:0;
    margin-right:30px
}

[dir=rtl] .header__btn-7 a:last-child
{
    margin-right:30px;
    margin-left:0
}

[dir=rtl] .header__btn-10
{
    margin-left:0;
    margin-right:30px
}

.header__btn-12 .header-btn-12
{
    color:var(--tp-common-white);
    font:500 16px/1 var(--tp-ff-inter)
}

.header__btn-12 .header-btn-12-icon span
{
    display:inline-block;
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    font-size:18px;
    color:var(--tp-common-black);
    background-color:var(--tp-common-white);
    border-radius:50%;
    margin-left:15px
}

[dir=rtl] .header__btn-12 .header-btn-12-icon span
{
    margin-left:0;
    margin-right:15px
}

.header__btn-12 .header-btn-12-icon span svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.header__btn-12 .header-btn-12:hover
{
    color:var(--tp-common-white)
}

.header__btn-12 .header-btn-12:hover .header-btn-12-icon span
{
    color:var(--tp-common-black);
    background-color:var(--tp-common-white)
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .header__welcome
    {
        margin-left:-35px
    }

    [dir=rtl] .header__welcome
    {
        margin-left:0;
        margin-right:-35px
    }
}

.header__welcome p
{
    display:inline-block;
    font-size:14px;
    font-weight:500;
    margin-bottom:0;
    position:relative;
    padding-right:20px;
    margin-right:15px
}

[dir=rtl] .header__welcome p
{
    padding-right:0;
    margin-right:0;
    padding-left:20px;
    margin-left:15px
}

.header__welcome p:last-child
{
    margin-right:0;
    padding-right:0
}

[dir=rtl] .header__welcome p:last-child
{
    margin-left:0;
    padding-left:0
}

.header__welcome p:last-child::after
{
    display:none
}

.header__welcome p::after
{
    position:absolute;
    content:"";
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    background-color:var(--tp-text-1);
    width:1px;
    height:34px;
    opacity:.2
}

[dir=rtl] .header__welcome p::after
{
    right:auto;
    left:0
}

.header__welcome p i
{
    color:var(--tp-theme-4);
    margin-right:3px
}

[dir=rtl] .header__welcome p i
{
    margin-right:0;
    margin-left:3px
}

.header__padding-2
{
    padding-top:6px;
    padding-bottom:6px
}

.header__padding-4
{
    padding-top:25px;
    padding-bottom:25px;
    background-color:var(--tp-common-white)
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .header__padding-5
    {
        padding-top:25px;
        padding-bottom:25px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .header__padding-6
    {
        padding-top:25px;
        padding-bottom:25px
    }
}

.header__padding-7
{
    padding-left:185px;
    padding-right:185px
}

@media only screen and (min-width: 1600px) and (max-width: 1699px) {
    .header__padding-7
    {
        padding-left:145px;
        padding-right:145px
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .header__padding-7
    {
        padding-left:60px;
        padding-right:60px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .header__padding-7
    {
        padding-left:30px;
        padding-right:30px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header__padding-7
    {
        padding:20px 30px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px) {
    .header__padding-7
    {
        padding:20px 15px
    }
}

@media (max-width: 575px) {
    .header__padding-7
    {
        padding:20px 0
    }
}

.header__call-icon span
{
    display:inline-block;
    font-size:24px;
    color:var(--tp-theme-5);
    margin-right:13px;
    margin-top:5px
}

[dir=rtl] .header__call-icon span
{
    margin-right:0;
    margin-left:13px
}

.header__call-icon span svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.header__call-content p
{
    color:var(--tp-text-15);
    margin-bottom:0;
    font:500 13px/1.3 var(--tp-ff-space)
}

.header__call-content h4
{
    letter-spacing:-.02em;
    margin-bottom:0;
    font:600 15px var(--tp-ff-inter)
}

.header__gradient-bg
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background-image:-webkit-linear-gradient(-90deg,#4353FF 0%,#02D1FF 34.9%,#FFC56D 69.27%,#FD5C2D 100%);
    background-image:-moz-linear-gradient(-90deg,#4353FF 0%,#02D1FF 34.9%,#FFC56D 69.27%,#FD5C2D 100%);
    background-image:-ms-linear-gradient(-90deg,#4353FF 0%,#02D1FF 34.9%,#FFC56D 69.27%,#FD5C2D 100%);
    background-image:-o-linear-gradient(-90deg,#4353FF 0%,#02D1FF 34.9%,#FFC56D 69.27%,#FD5C2D 100%);
    background-image:linear-gradient(-90deg,#4353FF 0%,#02D1FF 34.9%,#FFC56D 69.27%,#FD5C2D 100%);
    -moz-animation:gadientbg 2s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:gadientbg 2s ease-in-out 1s forwards infinite alternate;
    animation:gadientbg 2s ease-in-out 1s forwards infinite alternate;
    background-size:200% 200%
}

.header__style-4
{
    display:none
}

.header__white .logo .logo-dark
{
    display:block
}

.header__white .logo .logo-light
{
    display:none
}

.header__white.header__white-slider .logo .logo-dark
{
    display:none
}

.header__white.header__white-slider .logo .logo-light
{
    display:block
}

.header__white.header__white-slider .main-menu ul li a
{
    color:var(--tp-common-white)
}

.header__white.header__white-slider .main-menu ul li a::after
{
    color:var(--tp-common-white)
}

.header__white.header__white-slider .main-menu ul li .submenu li a
{
    color:var(--tp-common-black)
}

.header__white.header__white-slider .main-menu ul li .submenu li:hover > a
{
    color:var(--tp-theme-1)
}

.header__white.header__white-slider .main-menu ul li .mega-menu li a
{
    color:var(--tp-common-black)
}

.header__white.header__white-slider .main-menu ul li .mega-menu li a.mega-menu-title
{
    color:#7D7D82
}

.header__white.header__white-slider .main-menu ul li .mega-menu li:hover > a
{
    color:var(--tp-theme-1)
}

.header__white.header__white-slider .header__info-11 ul li span
{
    color:var(--tp-common-white)
}

.header__white.header__white-slider .header__info-11 ul li span a:hover
{
    color:var(--tp-theme-1)
}

.header__white.header__white-slider .header__action-11 ul li a
{
    color:var(--tp-common-white)
}

.header__white.header__white-slider .header__action-11 ul li a:hover
{
    color:var(--tp-theme-1)
}

.header__white.header__white-slider .hamburger-btn-text span
{
    background-color:var(--tp-common-white);
    color:var(--tp-common-white)
}

.header__white.header__white-slider .hamburger-btn-text::after
{
    color:var(--tp-common-white)
}

.header__white.header__white-slider .hamburger-btn-text:hover::after
{
    color:var(--tp-theme-1)
}

.header__white.header__white-slider .hamburger-btn-text:hover span
{
    background-color:var(--tp-theme-1)
}

.header__black .logo-border::after
{
    background-color:rgba(3,4,28,0.08)
}

.header__black .header__bottom-border
{
    border-top:0;
    border-color:rgba(3,4,28,0.08)
}

.header__black .main-menu ul li a
{
    color:var(--tp-common-black)
}

.header__black .main-menu ul li a::after
{
    color:var(--tp-common-black)
}

.header__black .main-menu ul li.has-dropdown a::after
{
    color:var(--tp-common-black)
}

.header__black .main-menu ul li .submenu li a
{
    color:var(--tp-common-black)
}

.header__black .main-menu ul li .submenu li:hover > a
{
    color:var(--tp-theme-1)
}

.header__black .main-menu ul li .mega-menu li a
{
    color:var(--tp-common-black)
}

.header__black .main-menu ul li .mega-menu li a.mega-menu-title
{
    color:#7D7D82
}

.header__black .main-menu ul li .mega-menu li:hover > a
{
    color:var(--tp-theme-1)
}

.header__black .main-menu ul li:hover a::after
{
    color:var(--tp-theme-1)
}

.header__black .header__action ul::before
{
    background-color:rgba(3,4,28,0.08)
}

.header__black .header__action ul li::after
{
    background-color:rgba(3,4,28,0.08)
}

.header__black .header__action ul li a
{
    color:var(--tp-common-black)
}

.header__black .header__action ul li a:hover
{
    color:var(--tp-theme-1)
}

.header__black .hamburger-btn-black:hover span
{
    background-color:var(--tp-theme-1)
}

.header__black-3 .main-menu ul li a
{
    color:var(--tp-text-1)
}

.header__black-3 .main-menu ul li a::after
{
    color:var(--tp-text-1)
}

.header__black-3 .main-menu ul li.has-dropdown a::after
{
    color:var(--tp-text-1)
}

.header__black-3 .main-menu ul li .submenu li a
{
    color:var(--tp-text-1)
}

.header__black-3 .main-menu ul li .submenu li:hover > a
{
    color:var(--tp-theme-1)
}

.header__black-3 .main-menu ul li .mega-menu li a
{
    color:var(--tp-text-1)
}

.header__black-3 .main-menu ul li .mega-menu li a.mega-menu-title
{
    color:#7D7D82
}

.header__black-3 .main-menu ul li .mega-menu li:hover > a
{
    color:var(--tp-theme-1)
}

.header__black-3 .main-menu ul li:hover a::after
{
    color:var(--tp-theme-1)
}

.header__black-3 .header__action ul::before
{
    background-color:rgba(3,4,28,0.08)
}

.header__black-3 .header__action ul li::after
{
    background-color:rgba(3,4,28,0.08)
}

.header__black-3 .header__action ul li a
{
    color:var(--tp-common-black)
}

.header__black-3 .header__action ul li a:hover
{
    color:var(--tp-theme-1)
}

.header__black-3 .hamburger-btn-black:hover span
{
    background-color:var(--tp-theme-1)
}

.header__white-solid
{
    box-shadow:0 1px 3px rgba(3,4,28,0.12);
    background-color:var(--tp-common-white);
    position:relative;
    z-index:99
}

.header__white-solid .hamburger-btn-black:hover span
{
    background-color:var(--tp-theme-1)
}

.header__white-solid .main-menu ul li.has-dropdown > a::after
{
    color:var(--tp-common-black)
}

.header__white-solid .main-menu ul li a
{
    color:var(--tp-common-black);
    padding:19px 0
}

.header__white-solid .main-menu ul li a::after
{
    color:var(--tp-common-black)
}

.header__white-solid .main-menu ul li .submenu li a
{
    color:var(--tp-common-black)
}

.header__white-solid .main-menu ul li .submenu li:hover > a
{
    color:var(--tp-theme-1)
}

.header__white-solid .main-menu ul li .mega-menu li a
{
    color:var(--tp-common-black)
}

.header__white-solid .main-menu ul li .mega-menu li a.mega-menu-title
{
    color:#7D7D82
}

.header__white-solid .main-menu ul li .mega-menu li:hover > a
{
    color:var(--tp-theme-1)
}

.header__white-solid .main-menu ul li:hover > a::after
{
    color:var(--tp-theme-1)
}

.header__white-solid .logo-border::after
{
    background-color:#EAEAEF;
    top:0px;
    height:100%;
}

.header__white-solid .header__action ul::before
{
    background-color:#EAEAEF
}

.header__white-solid .header__action ul li
{
    height:66px;
    width:70px;
    line-height:64px
}

.header__white-solid .header__action ul li::after
{
    background-color:#EAEAEF
}

.header__white-solid .header__action ul li a
{
    color:var(--tp-common-black)
}

.header__white-solid .header__action ul li a:hover
{
    color:var(--tp-theme-1)
}

.header__white-solid .header__info ul li
{
    padding:5px 0;
    padding-right:20px
}

[dir=rtl] .header__white-solid .header__info ul li
{
    padding-left:0;
    padding-right:0px
}

.header__white-solid .header__info ul li::after
{
   
}

.header__white-solid .header__info ul li a,.header__white-solid .header__info ul li span
{
    color:var(--tp-text-1);
    font-weight:400
}

.header__white-solid .header__info ul li a:hover,.header__white-solid .header__info ul li span:hover
{
    color:var(--tp-theme-1)
}

.header__white-solid .header__info ul li a:hover span,.header__white-solid .header__info ul li span:hover span
{
    color:var(--tp-theme-1)
}

.header__white-solid .header__lang
{
    position:relative;
    padding:4px 28px;
    padding-right:0;
    z-index:99
}

[dir=rtl] .header__white-solid .header__lang
{
    padding-left:0;
    padding-right:28px
}

.header__white-solid .header__lang .nice-select
{
    padding:0;
    padding-right:18px;
    padding-left:28px;
    font-size:14px;
    border:0;
    color:var(--tp-common-white);
    background-color:transparent
}

[dir=rtl] .header__white-solid .header__lang .nice-select
{
    padding-right:28px;
    padding-left:18px
}

.header__white-solid .header__lang .nice-select .current
{
    color:var(--tp-common-white);
    font-size:14px;
    font-weight:500
}

.header__white-solid .header__lang .nice-select .list
{
    border-radius:0;
    margin-top:0;
    left:auto;
    right:0
}

[dir=rtl] .header__white-solid .header__lang .nice-select .list
{
    left:0;
    right:auto
}

.header__white-solid .header__lang .nice-select .list .option
{
    color:var(--tp-text-1)
}

.header__white-solid .header__lang .nice-select .list .option:hover,.header__white-solid .header__lang .nice-select .list .option.selected.focus
{
    color:var(--tp-theme-1)
}

.header__white-solid .header__lang-selected-lang
{
    color:rgba(82,82,88,0.8)
}

.header__white-solid .header__lang-selected-lang:hover
{
    cursor:pointer;
    color:var(--tp-theme-1)
}

.header__white-solid .header__lang-selected-lang:hover::after
{
    color:var(--tp-theme-1)
}

.header__white-solid .header__lang-selected-lang::after
{
    color:var(--tp-text-1)
}

.header__white-solid .header__lang-list
{
    box-shadow:0 1px 3px rgba(3,4,28,0.12)
}

.header__white-solid .header__lang-list li:hover
{
    color:var(--tp-theme-1);
    cursor:pointer
}

.header__white-solid .header__lang:hover .header__white-solid .header__lang-selected-lang
{
    color:var(--tp-theme-1)
}

.header__white-solid .header__lang:hover .header__white-solid .header__lang-selected-lang::after
{
    color:var(--tp-theme-1)
}

.header__white-solid .header__lang:hover .header__white-solid .header__lang-list
{
    visibility:visible;
    opacity:1;
    -webkit-transform:perspective(400px) rotateX(0deg);
    -moz-transform:perspective(400px) rotateX(0deg);
    -ms-transform:perspective(400px) rotateX(0deg);
    -o-transform:perspective(400px) rotateX(0deg);
    transform:perspective(400px) rotateX(0deg)
}

.header__white-solid-2
{
    background-color:transparent
}

.header__simple
{
    background-color:var(--tp-common-white);
    padding-top:25px
}

.header__simple .hamburger-btn-black
{
    top:-7px
}

.header__shadow
{
    box-shadow:0 1px 3px rgba(3,4,28,0.12)
}

[dir=rtl] .main-menu
{
    padding-left:0;
    padding-right:55px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu
    {
        padding-left:30px
    }

    [dir=rtl] .main-menu
    {
        padding-left:0;
        padding-right:30px
    }
}

.main-menu ul li
{
    position:relative;
    list-style:none;
    display:inline-block;
    margin-right:34px
}

[dir=rtl] .main-menu ul li
{
    margin-right:0;
    margin-left:34px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu ul li
    {
        margin-right:25px
    }

    [dir=rtl] .main-menu ul li
    {
        margin-left:25px;
        margin-right:0
    }
}

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

[dir=rtl] .main-menu ul li:last-child
{
    margin-left:0
}

.main-menu ul li a
{
    display:inline-block;
    font-size:16px;
    font-weight:500;
    color:var(--tp-common-white);
    padding:16px 0;
    text-align:left
}

[dir=rtl] .main-menu ul li a
{
    text-align:right
}

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

.main-menu ul li.has-dropdown > a::after
{
    content:"\f107";
    -webkit-transform:translateY(1px);
    -moz-transform:translateY(1px);
    -ms-transform:translateY(1px);
    -o-transform:translateY(1px);
    transform:translateY(1px);
    color:var(--tp-common-white);
    margin-left:5px;
    display:inline-block;
    font:400 14px var(--tp-ff-fontawesome)
}

[dir=rtl] .main-menu ul li.has-dropdown > a::after
{
    margin-right:5px;
    margin-left:0
}

.main-menu ul li.has-mega-menu
{
    position:static
}

.main-menu ul li .submenu
{
    position:absolute;
    top:100%;
    left:0;
    min-width:200px;
    background:var(--tp-common-white);
    z-index:99;
    visibility:hidden;
    opacity:0;
    transform-origin:top center;
    padding:25px 0 5px;
    background:var(--tp-common-white);
    -webkit-transform:scaleY(0);
    -moz-transform:scaleY(0);
    -ms-transform:scaleY(0);
    -o-transform:scaleY(0);
    transform:scaleY(0);
    -webkit-box-shadow:0 20px 30px rgba(3,4,28,0.1);
    -moz-box-shadow:0 20px 30px rgba(3,4,28,0.1);
    -ms-box-shadow:0 20px 30px rgba(3,4,28,0.1);
    -o-box-shadow:0 20px 30px rgba(3,4,28,0.1);
    box-shadow:0 20px 30px rgba(3,4,28,0.1)
}

[dir=rtl] .main-menu ul li .submenu
{
    left:auto;
    right:0
}

.main-menu ul li .submenu li
{
    display:block;
    width:100%;
    margin:0;
    padding:0;
    -webkit-transform:translateY(-10px);
    -moz-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
    -o-transform:translateY(-10px);
    transform:translateY(-10px)
}

.main-menu ul li .submenu li.has-dropdown > a::after
{
    position:absolute;
    top:50%;
    right:25px;
    -webkit-transform:translateY(-50%) rotate(-90deg);
    -moz-transform:translateY(-50%) rotate(-90deg);
    -ms-transform:translateY(-50%) rotate(-90deg);
    -o-transform:translateY(-50%) rotate(-90deg);
    transform:translateY(-50%) rotate(-90deg);
    color:var(--tp-common-black)
}

[dir=rtl] .main-menu ul li .submenu li.has-dropdown > a::after
{
    right:auto;
    left:25px
}

.main-menu ul li .submenu li a
{
    position:relative;
    z-index:11;
    color:var(--tp-common-black);
    font-weight:400;
    font-size:14px;
    padding:0 25px;
    padding-bottom:1px;
    width:100%
}

.main-menu ul li .submenu li a::before
{
    position:absolute;
    content:"";
    left:25px;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:0;
    height:1px;
    background-color:var(--tp-theme-1)
}

[dir=rtl] .main-menu ul li .submenu li a::before
{
    left:auto;
    right:25px
}

.main-menu ul li .submenu li .submenu
{
    left:100%;
    top:0;
    visibility:hidden;
    opacity:0
}

[dir=rtl] .main-menu ul li .submenu li .submenu
{
    left:auto;
    right:100%
}

.main-menu ul li .submenu li:hover > a
{
    color:var(--tp-theme-1);
    padding-left:43px
}

[dir=rtl] .main-menu ul li .submenu li:hover > a
{
    padding-left:0;
    padding-right:43px
}

.main-menu ul li .submenu li:hover > a::before
{
    width:12px
}

.main-menu ul li .submenu li:hover > a::after
{
    color:var(--tp-theme-1)
}

.main-menu ul li .submenu li:hover > .submenu
{
    -webkit-transform:translateY(1);
    -moz-transform:translateY(1);
    -ms-transform:translateY(1);
    -o-transform:translateY(1);
    transform:translateY(1);
    visibility:visible;
    opacity:1
}

.main-menu ul li .mega-menu
{
    position:absolute;
    top:100%;
    left:0;
    padding:30px 40px;
    background:#FFF;
    box-shadow:0 20px 30px rgba(3,4,28,0.1);
    visibility:hidden;
    opacity:0;
    -webkit-transform:scaleY(0);
    -moz-transform:scaleY(0);
    -ms-transform:scaleY(0);
    -o-transform:scaleY(0);
    transform:scaleY(0);
    transform-origin:top center;
    z-index:99
}

[dir=rtl] .main-menu ul li .mega-menu
{
    right:0;
    left:auto
}

.main-menu ul li .mega-menu li
{
    float:left;
    width:25%;
    margin-right:0;
    text-align:left
}

[dir=rtl] .main-menu ul li .mega-menu li
{
    float:right;
    margin-left:0;
    text-align:right
}

.main-menu ul li .mega-menu li .mega-menu-title
{
    font-weight:500;
    font-size:12px;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:#7D7D82;
    cursor:text;
    padding:0;
    display:inline-block;
    margin-bottom:10px
}

.main-menu ul li .mega-menu li .mega-menu-title::before
{
    display:none
}

.main-menu ul li .mega-menu li ul li
{
    width:100%;
    float:none;
    margin-bottom:2px
}

.main-menu ul li .mega-menu li ul li:last-child
{
    margin-bottom:0
}

.main-menu ul li .mega-menu li ul li a
{
    font-weight:400;
    font-size:14px;
    color:var(--tp-common-black);
    padding:0;
    position:relative
}

.main-menu ul li .mega-menu li ul li a::before
{
    position:absolute;
    content:"";
    left:0;
    right:auto;
    top:50%;
    bottom:auto;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:0;
    height:1px;
    background-color:var(--tp-theme-1)
}

[dir=rtl] .main-menu ul li .mega-menu li ul li a::before
{
    right:0;
    left:auto
}

.main-menu ul li .mega-menu li:hover > .mega-menu-title
{
    color:var(--tp-theme-1);
    padding-left:0
}

[dir=rtl] .main-menu ul li .mega-menu li:hover > .mega-menu-title
{
    padding-right:0
}

.main-menu ul li .mega-menu li:hover > a
{
    color:var(--tp-theme-1);
    padding-left:18px
}

[dir=rtl] .main-menu ul li .mega-menu li:hover > a
{
    padding-left:0;
    padding-right:18px
}

.main-menu ul li .mega-menu li:hover > a::before
{
    width:12px
}

.main-menu ul li:hover > a
{
    color:var(--tp-theme-1)
}

.main-menu ul li:hover > a::after
{
    color:var(--tp-theme-1)
}

.main-menu ul li:hover > .submenu
{
    visibility:visible;
    opacity:1;
    -webkit-transform:scaleY(1);
    -moz-transform:scaleY(1);
    -ms-transform:scaleY(1);
    -o-transform:scaleY(1);
    transform:scaleY(1)
}

.main-menu ul li:hover .mega-menu
{
    visibility:visible;
    opacity:1;
    -webkit-transform:scaleY(1);
    -moz-transform:scaleY(1);
    -ms-transform:scaleY(1);
    -o-transform:scaleY(1);
    transform:scaleY(1)
}

.main-menu-ff-space ul li a
{
    font-family:var(--tp-ff-space)
}

.main-menu-ff-syne ul li a
{
    font-family:var(--tp-ff-syne)
}

.main-menu-2
{
    text-align:center
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu-2
    {
        padding-left:0
    }

    [dir=rtl] .main-menu-2
    {
        padding-right:0
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu-3
    {
        padding-left:0
    }

    [dir=rtl] .main-menu-3
    {
        padding-right:0
    }
}

.main-menu-3 ul li
{
    margin-right:25px
}

[dir=rtl] .main-menu-3 ul li
{
    margin-right:0;
    margin-left:25px
}

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

[dir=rtl] .main-menu-3 ul li:last-child
{
    margin-left:0
}

.main-menu-3 ul li a
{
    color:var(--tp-common-white);
    padding:21px 0
}

.main-menu-3 ul li .submenu
{
    background-color:var(--tp-common-black-5);
    border:1px solid var(--tp-border-1)
}

.main-menu-3 ul li .submenu li a
{
    color:var(--tp-common-white)
}

.main-menu-3 ul li .submenu li.has-dropdown > a::after
{
    color:var(--tp-common-white)
}

.main-menu-3 ul li .submenu li.has-dropdown:hover > a::after
{
    color:var(--tp-theme-3)
}

.main-menu-3 ul li .mega-menu
{
    background-color:var(--tp-common-black-5);
    border:1px solid var(--tp-border-1)
}

.main-menu-3 ul li .mega-menu li .mega-menu-title
{
    color:rgba(255,255,255,0.7)
}

.main-menu-3 ul li .mega-menu li ul li a
{
    color:var(--tp-common-white)
}

.main-menu-3 ul li .mega-menu li ul li:hover > a
{
    color:var(--tp-theme-3)
}

.main-menu-3 ul li .mega-menu li ul li:hover > a::before
{
    background-color:var(--tp-theme-3)
}

.main-menu-3 ul li .mega-menu li:hover > .mega-menu-title
{
    color:var(--tp-theme-3)
}

.main-menu-3 ul li:hover > a
{
    color:var(--tp-theme-3)
}

.main-menu-3 ul li:hover > a::after
{
    color:var(--tp-theme-3)
}

[dir=rtl] .main-menu-4
{
    padding-right:0
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu-4
    {
        padding-left:0
    }

    [dir=rtl] .main-menu-4
    {
        padding-right:0
    }
}

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

[dir=rtl] .main-menu-4 ul li:last-child
{
    margin-left:0
}

.main-menu-4 ul li a
{
    color:var(--tp-common-white);
    padding:11px 0
}

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

[dir=rtl] .main-menu-4 ul li a::before
{
    left:0;
    right:auto
}

.main-menu-4 ul li.has-dropdown a::after
{
    color:var(--tp-common-white)
}

.main-menu-4 ul li .submenu li a
{
    color:var(--tp-common-black)
}

.main-menu-4 ul li .submenu li a::before
{
    background-color:var(--tp-theme-4)
}

.main-menu-4 ul li .submenu li:hover > a
{
    color:var(--tp-theme-4)
}

.main-menu-4 ul li .submenu li:hover > a::after
{
    color:var(--tp-theme-4)
}

.main-menu-4 ul li .mega-menu li ul li:hover > a
{
    color:var(--tp-theme-4)
}

.main-menu-4 ul li .mega-menu li ul li:hover > a::before
{
    background-color:var(--tp-theme-4)
}

.main-menu-4 ul li .mega-menu li:hover > .mega-menu-title
{
    color:var(--tp-theme-4)
}

.main-menu-4 ul li:hover > a
{
    color:var(--tp-theme-4)
}

.main-menu-4 ul li:hover > a::after
{
    color:var(--tp-theme-4)
}

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

[dir=rtl] .main-menu-4 ul li:hover > a::before
{
    left:auto;
    right:0
}

.main-menu-5
{
    margin-left:-66px;
    padding-right:0
}

[dir=rtl] .main-menu-5
{
    margin-left:0;
    margin-right:-66px;
    padding-right:0
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .main-menu-5
    {
        margin-left:-50px
    }

    [dir=rtl] .main-menu-5
    {
        margin-left:0;
        margin-right:-50px;
        padding-right:0
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .main-menu-5
    {
        margin-left:-45px
    }

    [dir=rtl] .main-menu-5
    {
        margin-left:0;
        margin-right:-45px;
        padding-right:0
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu-5
    {
        padding-left:0
    }

    [dir=rtl] .main-menu-5
    {
        padding-right:0
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu-5 ul li
    {
        margin-right:25px
    }

    [dir=rtl] .main-menu-5 ul li
    {
        margin-right:0;
        margin-left:25px
    }
}

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

[dir=rtl] .main-menu-5 ul li:last-child
{
    margin-left:0
}

.main-menu-5 ul li a
{
    color:var(--tp-common-black);
    padding:25px 0
}

.main-menu-5 ul li.has-dropdown a::after
{
    color:var(--tp-common-black)
}

.main-menu-5 ul li .submenu li a
{
    color:var(--tp-common-black)
}

.main-menu-5 ul li .submenu li a::before
{
    background-color:var(--tp-theme-5)
}

.main-menu-5 ul li .submenu li:hover > a
{
    color:var(--tp-theme-5)
}

.main-menu-5 ul li .submenu li:hover > a::after
{
    color:var(--tp-theme-5)
}

.main-menu-5 ul li .mega-menu li ul li:hover > a
{
    color:var(--tp-theme-5)
}

.main-menu-5 ul li .mega-menu li ul li:hover > a::before
{
    background-color:var(--tp-theme-5)
}

.main-menu-5 ul li .mega-menu li:hover > .mega-menu-title
{
    color:var(--tp-theme-5)
}

.main-menu-5 ul li:hover > a
{
    color:var(--tp-theme-5)
}

.main-menu-5 ul li:hover > a::after
{
    color:var(--tp-theme-5)
}

.main-menu-6
{
    margin-left:20px
}

[dir=rtl] .main-menu-6
{
    margin-left:0;
    margin-right:20px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu-6
    {
        padding-left:0;
        margin-left:0
    }

    [dir=rtl] .main-menu-6
    {
        padding-right:0;
        margin-right:0
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu-6 ul li
    {
        margin-right:25px
    }

    [dir=rtl] .main-menu-6 ul li
    {
        margin-right:0;
        margin-left:25px
    }
}

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

[dir=rtl] .main-menu-6 ul li:last-child
{
    margin-left:0
}

.main-menu-6 ul li a
{
    color:var(--tp-common-black-10);
    padding:25px 0;
    font:15px var(--tp-ff-roboto)
}

.main-menu-6 ul li.has-dropdown a::after
{
    color:var(--tp-common-black-10)
}

.main-menu-6 ul li .submenu li a
{
    color:var(--tp-common-black-10)
}

.main-menu-6 ul li .submenu li a::before
{
    background-color:var(--tp-theme-6)
}

.main-menu-6 ul li .submenu li:hover > a
{
    color:var(--tp-theme-6)
}

.main-menu-6 ul li .submenu li:hover > a::after
{
    color:var(--tp-theme-6)
}

.main-menu-6 ul li .mega-menu li ul li:hover > a
{
    color:var(--tp-theme-6)
}

.main-menu-6 ul li .mega-menu li ul li:hover > a::before
{
    background-color:var(--tp-theme-6)
}

.main-menu-6 ul li .mega-menu li:hover > .mega-menu-title
{
    color:var(--tp-theme-6)
}

.main-menu-6 ul li:hover > a
{
    color:var(--tp-theme-6)
}

.main-menu-6 ul li:hover > a::after
{
    color:var(--tp-theme-6)
}

[dir=rtl] .main-menu-7
{
    padding-right:0
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu-7
    {
        padding-left:0
    }

    [dir=rtl] .main-menu-7
    {
        padding-right:0
    }
}

.main-menu-7 ul li
{
    margin-right:40px
}

[dir=rtl] .main-menu-7 ul li
{
    margin-right:0;
    margin-left:40px
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu-7 ul li
    {
        margin-right:25px
    }

    [dir=rtl] .main-menu-7 ul li
    {
        margin-right:0;
        margin-left:25px
    }
}

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

[dir=rtl] .main-menu-7 ul li:last-child
{
    margin-left:0
}

.main-menu-7 ul li a
{
    color:var(--tp-common-black);
    padding:25px 0;
    font-size:16px;
    font-weight:400
}

.main-menu-7 ul li.has-dropdown a::after
{
    color:var(--tp-common-black)
}

.main-menu-7 ul li .submenu li a
{
    color:var(--tp-common-black)
}

.main-menu-7 ul li .submenu li a::before
{
    background-color:var(--tp-theme-7)
}

.main-menu-7 ul li .submenu li:hover > a
{
    color:var(--tp-theme-7)
}

.main-menu-7 ul li .submenu li:hover > a::after
{
    color:var(--tp-theme-7)
}

.main-menu-7 ul li .mega-menu li ul li:hover > a
{
    color:var(--tp-theme-7)
}

.main-menu-7 ul li .mega-menu li ul li:hover > a::before
{
    background-color:var(--tp-theme-7)
}

.main-menu-7 ul li .mega-menu li:hover > .mega-menu-title
{
    color:var(--tp-theme-7)
}

.main-menu-7 ul li:hover > a
{
    color:var(--tp-theme-7)
}

.main-menu-7 ul li:hover > a::after
{
    color:var(--tp-theme-7)
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 1400px) and (max-width: 1599px) {
    .main-menu-8
    {
        padding-left:0
    }

    [dir=rtl] .main-menu-8
    {
        padding-right:0
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .main-menu-8 ul li
    {
        margin-right:30px
    }

    [dir=rtl] .main-menu-8 ul li
    {
        margin-right:0;
        margin-left:30px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu-8 ul li
    {
        margin-right:25px
    }

    [dir=rtl] .main-menu-8 ul li
    {
        margin-right:0;
        margin-left:25px
    }
}

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

[dir=rtl] .main-menu-8 ul li:last-child
{
    margin-left:0
}

.main-menu-8 ul li a
{
    color:var(--tp-common-white);
    padding:35px 0;
    font:500 16px var(--tp-ff-space)
}

.main-menu-8 ul li.has-dropdown a::after
{
    color:var(--tp-common-white)
}

.main-menu-8 ul li .submenu li a::before
{
    background-color:var(--tp-theme-8)
}

.main-menu-8 ul li .submenu li:hover > a
{
    color:var(--tp-theme-8)
}

.main-menu-8 ul li .submenu li:hover > a::after
{
    color:var(--tp-theme-8)
}

.main-menu-8 ul li .mega-menu li ul li:hover > a
{
    color:var(--tp-theme-8)
}

.main-menu-8 ul li .mega-menu li ul li:hover > a::before
{
    background-color:var(--tp-theme-8)
}

.main-menu-8 ul li .mega-menu li:hover > .mega-menu-title
{
    color:var(--tp-theme-8)
}

.main-menu-8 ul li:hover > a
{
    color:var(--tp-theme-8)
}

.main-menu-8 ul li:hover > a::after
{
    color:var(--tp-theme-8)
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu-9
    {
        padding-left:0
    }

    [dir=rtl] .main-menu-9
    {
        padding-right:0
    }
}

.main-menu-9 ul li
{
    margin-right:35px
}

[dir=rtl] .main-menu-9 ul li
{
    margin-right:0;
    margin-left:35px
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .main-menu-9 ul li
    {
        margin-right:30px
    }

    [dir=rtl] .main-menu-9 ul li
    {
        margin-right:0;
        margin-left:30px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu-9 ul li
    {
        margin-right:25px
    }

    [dir=rtl] .main-menu-9 ul li
    {
        margin-right:0;
        margin-left:25px
    }
}

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

[dir=rtl] .main-menu-9 ul li:last-child
{
    margin-left:0
}

.main-menu-9 ul li a
{
    color:rgba(5,18,20,0.8);
    padding:30px 0;
    font:500 16px var(--tp-ff-syne)
}

.main-menu-9 ul li a::before
{
    position:absolute;
    content:"";
    left:0;
    right:0;
    margin:auto;
    bottom:34px;
    width:0;
    height:1px;
    background-color:var(--tp-common-black)
}

.main-menu-9 ul li.has-dropdown a::after
{
    color:rgba(5,18,20,0.8)
}

.main-menu-9 ul li .submenu li.has-dropdown a::after
{
    color:rgba(5,18,20,0.8)
}

.main-menu-9 ul li .submenu li a
{
    color:rgba(5,18,20,0.8)
}

.main-menu-9 ul li .submenu li a::before
{
    right:auto;
    left:25px;
    background-color:var(--tp-common-black)
}

.main-menu-9 ul li .submenu li:hover > a
{
    color:var(--tp-common-black)
}

.main-menu-9 ul li .submenu li:hover > a::after
{
    color:var(--tp-common-black)
}

.main-menu-9 ul li .submenu li:hover > a::before
{
    width:12px
}

.main-menu-9 ul li .mega-menu li ul li:hover > a
{
    color:var(--tp-theme-9)
}

.main-menu-9 ul li .mega-menu li ul li:hover > a::before
{
    background-color:var(--tp-theme-9)
}

.main-menu-9 ul li .mega-menu li:hover > .mega-menu-title
{
    color:var(--tp-theme-9)
}

.main-menu-9 ul li:hover > a
{
    color:var(--tp-common-black)
}

.main-menu-9 ul li:hover > a::after
{
    color:var(--tp-common-black)
}

.main-menu-9 ul li:hover > a::before
{
    width:100%
}

.main-menu-10
{
    padding-left:25px
}

[dir=rtl] .main-menu-10
{
    padding-left:0;
    padding-right:25px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu-10
    {
        padding-left:0
    }

    [dir=rtl] .main-menu-10
    {
        padding-right:0
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .main-menu-10 ul li
    {
        margin-right:30px
    }

    [dir=rtl] .main-menu-10 ul li
    {
        margin-right:0;
        margin-left:30px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu-10 ul li
    {
        margin-right:25px
    }

    [dir=rtl] .main-menu-10 ul li
    {
        margin-right:0;
        margin-left:25px
    }
}

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

[dir=rtl] .main-menu-10 ul li:last-child
{
    margin-left:0
}

.main-menu-10 ul li a
{
    padding:27px 0
}

.main-menu-10 ul li.has-dropdown a::after
{
    color:#fff
}

.main-menu-10 ul li .submenu li a::before
{
    right:auto;
    left:25px;
    background-color:var(--tp-theme-10)
}

[dir=rtl] .main-menu-10 ul li .submenu li a::before
{
    right:25px;
    left:auto
}

.main-menu-10 ul li .submenu li:hover > a
{
    color:var(--tp-theme-10)
}

.main-menu-10 ul li .submenu li:hover > a::after
{
    color:var(--tp-theme-10)
}

.main-menu-10 ul li .submenu li:hover > a::before
{
    width:12px
}

.main-menu-10 ul li .mega-menu li ul li:hover > a
{
    color:var(--tp-theme-10)
}

.main-menu-10 ul li .mega-menu li ul li:hover > a::before
{
    background-color:var(--tp-theme-10)
}

.main-menu-10 ul li .mega-menu li:hover > .mega-menu-title
{
    color:var(--tp-theme-10)
}

.main-menu-10 ul li:hover > a
{
    color:var(--tp-theme-10)
}

.main-menu-10 ul li:hover > a::after
{
    color:var(--tp-theme-10)
}

.main-menu-10 ul li:hover > a::before
{
    width:100%
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu-11
    {
        padding-left:0
    }

    [dir=rtl] .main-menu-11
    {
        padding-right:0
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .main-menu-11 ul li
    {
        margin-right:30px
    }

    [dir=rtl] .main-menu-11 ul li
    {
        margin-right:0;
        margin-left:30px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu-11 ul li
    {
        margin-right:25px
    }

    [dir=rtl] .main-menu-11 ul li
    {
        margin-right:0;
        margin-left:25px
    }
}

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

[dir=rtl] .main-menu-11 ul li:last-child
{
    margin-left:0
}

.main-menu-11 ul li a
{
    padding:27px 0;
    color:var(--tp-common-black-19)
}

.main-menu-11 ul li a::before
{
    position:absolute;
    content:"";
    left:0;
    right:0;
    margin:auto;
    bottom:30px;
    width:0;
    height:1px;
    background-color:var(--tp-common-black)
}

.main-menu-11 ul li.has-dropdown a::after
{
    color:var(--tp-common-black-19)
}

.main-menu-11 ul li .submenu li a::before
{
    right:auto;
    left:25px;
    background-color:var(--tp-theme-10)
}

[dir=rtl] .main-menu-11 ul li .submenu li a::before
{
    left:auto;
    right:25px
}

.main-menu-11 ul li .submenu li:hover > a
{
    color:var(--tp-theme-10)
}

.main-menu-11 ul li .submenu li:hover > a::after
{
    color:var(--tp-theme-10)
}

.main-menu-11 ul li .submenu li:hover > a::before
{
    width:12px
}

.main-menu-11 ul li .mega-menu li ul li a
{
    color:var(--tp-common-black-19)
}

.main-menu-11 ul li .mega-menu li ul li:hover > a
{
    color:var(--tp-common-black)
}

.main-menu-11 ul li .mega-menu li ul li:hover > a::before
{
    background-color:var(--tp-common-black)
}

.main-menu-11 ul li .mega-menu li:hover > .mega-menu-title
{
    color:var(--tp-common-black)
}

.main-menu-11 ul li:hover > a
{
    color:var(--tp-common-black)
}

.main-menu-11 ul li:hover > a::after
{
    color:var(--tp-common-black)
}

.main-menu-11 ul li:hover > a::before
{
    width:100%
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu-12
    {
        padding-left:0
    }

    [dir=rtl] .main-menu-12
    {
        padding-right:0
    }
}

.main-menu-12 ul li
{
    margin-right:36px
}

[dir=rtl] .main-menu-12 ul li
{
    margin-right:0;
    margin-left:36px
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .main-menu-12 ul li
    {
        margin-right:30px
    }

    [dir=rtl] .main-menu-12 ul li
    {
        margin-right:0;
        margin-left:30px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu-12 ul li
    {
        margin-right:25px
    }

    [dir=rtl] .main-menu-12 ul li
    {
        margin-right:0;
        margin-left:25px
    }
}

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

[dir=rtl] .main-menu-12 ul li:last-child
{
    margin-left:0
}

.main-menu-12 ul li a
{
    padding:25px 0;
    color:var(--tp-common-black-19)
}

.main-menu-12 ul li a::before
{
    position:absolute;
    content:"";
    left:0;
    right:0;
    margin:auto;
    bottom:30px;
    width:0;
    height:1px;
    background-color:var(--tp-common-black)
}

.main-menu-12 ul li.has-dropdown a::after
{
    color:var(--tp-common-black-19)
}

.main-menu-12 ul li .submenu li a::before
{
    right:auto;
    left:25px;
    background-color:var(--tp-theme-10)
}

[dir=rtl] .main-menu-12 ul li .submenu li a::before
{
    right:25px;
    left:auto
}

.main-menu-12 ul li .submenu li:hover > a
{
    color:var(--tp-theme-10)
}

.main-menu-12 ul li .submenu li:hover > a::after
{
    color:var(--tp-theme-10)
}

.main-menu-12 ul li .submenu li:hover > a::before
{
    width:12px
}

.main-menu-12 ul li .mega-menu li ul li:hover > a
{
    color:var(--tp-theme-10)
}

.main-menu-12 ul li .mega-menu li ul li:hover > a::before
{
    background-color:var(--tp-theme-10)
}

.main-menu-12 ul li .mega-menu li:hover > .mega-menu-title
{
    color:var(--tp-theme-10)
}

.main-menu-12 ul li:hover > a
{
    color:var(--tp-common-black)
}

.main-menu-12 ul li:hover > a::after
{
    color:var(--tp-common-black)
}

.main-menu-12 ul li:hover > a::before
{
    width:100%
}

.main-menu-13 ul li
{
    margin-right:30px
}

[dir=rtl] .main-menu-13 ul li
{
    margin-right:0;
    margin-left:30px
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .main-menu-13 ul li
    {
        margin-right:25px
    }

    [dir=rtl] .main-menu-13 ul li
    {
        margin-right:0;
        margin-left:25px
    }
}

.main-menu-13 ul li a
{
    font-size:15px;
    padding:25px 0
}

.mean-container
{
    margin-bottom:40px
}

.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,.mean-container .mean-nav ul li span
{
    width:100%;
    padding:10px 0;
    color:var(--tp-common-black);
    border-top:1px solid #ebebeb;
    font-size:14px;
    line-height:1.5;
    font-weight:700
}

[dir=rtl] .mean-container .mean-nav ul li a,[dir=rtl] .mean-container .mean-nav ul li span
{
    float:right;
    text-align:right
}

.mean-container .mean-nav ul li a:hover,.mean-container .mean-nav ul li span:hover
{
    color:var(--tp-theme-1)
}

.mean-container .mean-nav ul li a:hover i,.mean-container .mean-nav ul li span:hover i
{
    color:var(--tp-common-white)
}

.mean-container .mean-nav ul li.dropdown-opened > a,.mean-container .mean-nav ul li.dropdown-opened > span
{
    color:var(--tp-theme-1)
}

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

.mean-container .mean-nav ul li.dropdown-opened > a.mean-expand.mean-clicked i
{
    color:var(--tp-common-white)
}

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

[dir=rtl] .mean-container .mean-nav ul li a.mean-expand,[dir=rtl] .mean-container .mean-nav ul li span.mean-expand
{
    right:auto;
    left:0;
    text-align:center
}

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

.mean-container .mean-nav ul li a.mean-expand:hover i,.mean-container .mean-nav ul li span.mean-expand:hover i
{
    color:var(--tp-common-white)
}

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

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

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

.mean-container .mean-nav ul li a.mean-expand.mean-clicked
{
    color:var(--tp-common-white)
}

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

.mean-container .mean-nav ul li a.mean-expand.mean-clicked:hover i
{
    color:var(--tp-common-white)
}

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

.slider__active .swiper-slide-active .slider__title,.slider__active .swiper-slide-active .slider__title-pre,.slider__active .swiper-slide-active .slider__content,.slider__active .swiper-slide-active .slider__form
{
    animation-name:fadeInUp;
    animation-fill-mode:both
}

.slider__active .swiper-slide-active .slider__title-8,.slider__active .swiper-slide-active .slider__content-8 p,.slider__active .swiper-slide-active .slider__btn-8
{
    animation-name:fadeInUp;
    animation-fill-mode:both
}

.slider__active-11 .swiper-slide-active .slider__title-11,.slider__active-11 .swiper-slide-active .slider__content-11 p,.slider__active-11 .swiper-slide-active .slider__product,.slider__active-11 .swiper-slide-active .slider__btn-11,.slider__active-11 .swiper-slide-active .slider__thumb-11
{
    animation-name:fadeInUp;
    animation-fill-mode:both
}

.slider__active-11 .swiper-slide-active .slider__bg-text h3
{
    animation-name:fadeInDown;
    animation-fill-mode:both
}

.slider__active-11 .swiper-slide-active .slider .contact__shape-2
{
    animation-name:fadeInRight;
    animation-fill-mode:both
}

.slider__active-13 .swiper-slide-active .slider__title-13,.slider__active-13 .swiper-slide-active .slider__title-pre-13,.slider__active-13 .swiper-slide-active .slider__content-13 p,.slider__active-13 .swiper-slide-active .slider__btn-13
{
    animation-name:fadeInUp;
    animation-fill-mode:both
}

.slider__active-13 .swiper-slide-active .slider__thumb-13 img
{
    animation-name:fadeInRight;
    animation-fill-mode:both
}

.slider__active-13 .swiper-slide-active .slider__thumb-13-circle
{
    animation-name:fadeInRight;
    animation-fill-mode:both
}

.slider__item
{
    position:relative;
    z-index:1
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .slider__item-9
    {
        -webkit-transform:translateY(-65px);
        -moz-transform:translateY(-65px);
        -ms-transform:translateY(-65px);
        -o-transform:translateY(-65px);
        transform:translateY(-65px)
    }
}

.slider__item-11.is-dark
{
    background:radial-gradient(50.53% 50.53% at 50.23% 49.47%,#414D59 0%,#1D2631 100%)
}

.slider__item-11.is-dark .slider__bg-text h3
{
    color:#262F3B
}

.slider__item-11.is-dark .slider__title-11
{
    color:var(--tp-common-white)
}

.slider__item-11.is-dark .slider__content-11 p
{
    color:var(--tp-common-white)
}

.slider__item-11.is-dark .slider__product-price
{
    color:#34E7F8
}

.slider__item-11.is-dark .slider__product-price.old-price
{
    color:rgba(255,255,255,0.6)
}

.slider__item-11.is-dark .slider__btn-11 .tp-btn-9
{
    border-color:var(--tp-common-white);
    color:var(--tp-common-white)
}

.slider__item-11.is-dark .slider__btn-11 .tp-btn-9:hover
{
    background-color:var(--tp-common-white);
    color:var(--tp-common-black)
}

.slider__item-11.is-pink
{
    background:radial-gradient(53.05% 53.05% at 52.29% 45.79%,#F9EEEC 0%,#EBD5CF 100%)
}

.slider__item-11.is-pink .slider__bg-text h3
{
    color:#EFDDD8
}

.slider__item-11.is-pink .slider__product-price
{
    color:#FF4343
}

.slider__item-11.is-pink .slider__product-price.old-price
{
    color:rgba(60,186,178,0.6)
}

.slider__item-11.is-khaki
{
    background-color:var(--tp-common-khaki)
}

.slider__item-11.is-khaki .slider__bg-text h3
{
    color:#E3D7BD
}

.slider__item-11.is-white
{
    background-color:#F2F3F5
}

.slider__item-11.is-white .slider__bg-text h3
{
    color:#E8EBF0
}

.slider__item-11.swiper-slide-active .product__features-thumb::after,.slider__item-11.swiper-slide-active .product__features-thumb::before
{
    -webkit-transform:scale(1)!important;
    -moz-transform:scale(1)!important;
    -ms-transform:scale(1)!important;
    -o-transform:scale(1)!important;
    transform:scale(1)!important
}

.slider__item-11.swiper-slide-active .subscribe__thumb::after
{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

.slider__item-11.swiper-slide-active .subscribe__wrapper-11 p,.slider__item-11.swiper-slide-active .subscribe__title-11,.slider__item-11.swiper-slide-active .subscribe__input-11,.slider__item-11.swiper-slide-active .subscribe__social
{
    animation-name:fadeInUp;
    animation-fill-mode:both
}

.slider__item-11.swiper-slide-active .contact__list-item-11,.slider__item-11.swiper-slide-active .contact__form-11
{
    animation-name:fadeInUp;
    animation-fill-mode:both
}

.slider__item-11.swiper-slide-active .contact__shape-2
{
    animation-name:fadeInRight;
    animation-fill-mode:both
}

.slider__item-12.swiper-slide-active .slider__title-12
{
    -webkit-animation-name:tp_slide_up;
    animation-name:tp_slide_up
}

.slider__item-12.swiper-slide-active .slider__thumb-12 > img
{
    -webkit-animation-name:tp_slide_up;
    animation-name:tp_slide_up
}

.slider__item-12.swiper-slide-active .slider__thumb-12-shape svg
{
    -webkit-animation-name:tp_slide_left;
    animation-name:tp_slide_left
}

.slider__item-12.swiper-slide-active .slider__content-12-branding
{
    -webkit-animation-name:tp_slide_up;
    animation-name:tp_slide_up
}

.slider__height
{
    min-height:950px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__height
    {
        min-height:800px
    }
}

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

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__height
    {
        min-height:650px
    }
}

@media (max-width: 575px) {
    .slider__height
    {
        min-height:750px
    }
}

.slider__height-3
{
    min-height:880px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__height-3
    {
        min-height:700px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider__height-3
    {
        min-height:600px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__height-3
    {
        min-height:500px
    }
}

@media (max-width: 575px) {
    .slider__height-3
    {
        min-height:500px
    }
}

.slider__height-5
{
    min-height:870px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__height-5
    {
        min-height:650px
    }
}

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

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__height-5
    {
        min-height:650px
    }
}

@media (max-width: 575px) {
    .slider__height-5
    {
        min-height:750px
    }
}

.slider__height-6
{
    min-height:870px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__height-6
    {
        min-height:650px
    }
}

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

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__height-6
    {
        min-height:650px
    }
}

@media (max-width: 575px) {
    .slider__height-6
    {
        min-height:750px
    }
}

.slider__height-7
{
    min-height:950px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__height-7
    {
        min-height:650px
    }
}

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

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__height-7
    {
        min-height:650px
    }
}

@media (max-width: 575px) {
    .slider__height-7
    {
        min-height:750px
    }
}

.slider__height-8
{
    min-height:950px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__height-8
    {
        min-height:650px
    }
}

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

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__height-8
    {
        min-height:650px
    }
}

@media (max-width: 575px) {
    .slider__height-8
    {
        min-height:750px
    }
}

.slider__height-10
{
    min-height:1050px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__height-10
    {
        min-height:850px
    }
}

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

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__height-10
    {
        min-height:650px
    }
}

@media (max-width: 575px) {
    .slider__height-10
    {
        min-height:750px
    }
}

.slider__height-11
{
    height:100vh
}

.slider__height-12
{
    height:100vh
}

.slider__height-13
{
    min-height:800px
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__height-13
    {
        min-height:1000px
    }
}

@media (max-width: 575px) {
    .slider__height-13
    {
        min-height:700px
    }
}

.slider__overlay
{
    position:relative;
    z-index:1
}

.slider__overlay::after
{
    position:absolute;
    content:"";
    top:0;
    left:0;
    right:auto;
    width:100%;
    height:100%;
    -webkit-transform:translate(0%,0%);
    -moz-transform:translate(0%,0%);
    -ms-transform:translate(0%,0%);
    -o-transform:translate(0%,0%);
    transform:translate(0%,0%);
    background-color:var(--tp-common-blue);
    z-index:-1;
    opacity:.4
}

.slider__overlay-2::after
{
    position:absolute;
    content:"";
    top:0;
    right:70px;
    width:82.5%;
    height:100%;
    z-index:-1;
    background-color:#D9EFEF
}

[dir=rtl] .slider__overlay-2::after
{
    right:auto;
    left:70px
}

@media only screen and (min-width: 1600px) and (max-width: 1699px) {
    .slider__overlay-2::after
    {
        width:87.5%
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .slider__overlay-2::after
    {
        width:89.5%
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .slider__overlay-2::after
    {
        width:100%;
        right:0
    }

    [dir=rtl] .slider__overlay-2::after
    {
        right:auto;
        left:0
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__overlay-2::after
    {
        width:100%;
        right:0
    }

    [dir=rtl] .slider__overlay-2::after
    {
        right:auto;
        left:0
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider__overlay-2::after
    {
        width:calc(100% - 70px);
        right:35px
    }

    [dir=rtl] .slider__overlay-2::after
    {
        right:auto;
        left:35px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .slider__overlay-2::after
    {
        width:100%;
        right:0
    }

    [dir=rtl] .slider__overlay-2::after
    {
        right:auto;
        left:0
    }
}

.slider__overlay-2-2::before
{
    position:absolute;
    content:"";
    bottom:0;
    left:0;
    right:70px;
    width:80%;
    height:245px;
    z-index:-1;
    background-color:var(--tp-grey-7)
}

[dir=rtl] .slider__overlay-2-2::before
{
    left:70px;
    right:0
}

.slider__overlay-8::after
{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:#04040C;
    opacity:.4;
    z-index:-1
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .slider__thumb-wrapper-2
    {
        margin-left:0;
        margin-top:50px
    }

    [dir=rtl] .slider__thumb-wrapper-2
    {
        margin-right:0
    }
}

.slider__thumb-wrapper-6
{
    position:relative;
    min-height:617px
}

@media only screen and (min-width: 1700px) and (max-width: 1899px),only screen and (min-width: 1600px) and (max-width: 1699px) {
    .slider__thumb-wrapper-6
    {
        padding-left:0;
        padding-right:0
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .slider__thumb-wrapper-6
    {
        padding-left:0;
        padding-right:0
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .slider__thumb-wrapper-6
    {
        margin-top:50px
    }
}

.slider__thumb-wrapper-6::after
{
    position:absolute;
    content:"";
    left:14%;
    bottom:12%;
    width:55px;
    height:171px;
    border:2px solid var(--tp-theme-6)
}

[dir=rtl] .slider__thumb-wrapper-6::after
{
    left:auto;
    right:14%
}

.slider__thumb-wrapper-6::before
{
    position:absolute;
    content:"";
    right:-6%;
    top:16%;
    width:54px;
    height:338px;
    border:2px solid var(--tp-common-orange-2)
}

[dir=rtl] .slider__thumb-wrapper-6::before
{
    right:auto;
    left:-6%
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .slider__thumb-wrapper-6::before
    {
        right:0
    }

    [dir=rtl] .slider__thumb-wrapper-6::before
    {
        right:auto;
        left:0
    }
}

.slider__thumb-wrapper-7
{
    position:relative
}

.slider__thumb-wrapper-7::after
{
    position:absolute;
    content:"";
    left:12%;
    top:25%;
    width:420px;
    height:420px;
    background-color:#FFC0C0;
    border-radius:50%;
    z-index:-1
}

[dir=rtl] .slider__thumb-wrapper-7::after
{
    left:auto;
    right:12%
}

.slider__thumb-4
{
    -webkit-transform:translateY(110px);
    -moz-transform:translateY(110px);
    -ms-transform:translateY(110px);
    -o-transform:translateY(110px);
    transform:translateY(110px);
    padding-top:40px;
    background-color:var(--tp-common-green-dark)
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .slider__thumb-4
    {
        margin-right:76px
    }

    [dir=rtl] .slider__thumb-4
    {
        margin-right:0;
        margin-left:76px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .slider__thumb-4
    {
        padding-top:0;
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }
}

.slider__thumb-4 img
{
    background-color:var(--tp-common-green-dark);
    mix-blend-mode:luminosity
}

.slider__thumb-5
{
    position:relative;
    z-index:1;
    min-height:530px
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .slider__thumb-5
    {
        margin-top:70px
    }
}

@media (max-width: 575px) {
    .slider__thumb-5
    {
        padding-bottom:60px
    }
}

.slider__thumb-5::after
{
    position:absolute;
    content:"";
    left:8%;
    top:-7%;
    width:606px;
    height:519px;
    background-color:rgba(8,140,220,0.1411764706);
    z-index:-1;
    border-radius:65% 35% 50% 50%/59% 50% 50% 41%;
    -moz-animation:borderRadius 5s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:borderRadius 5s ease-in-out 1s forwards infinite alternate;
    animation:borderRadius 5s ease-in-out 1s forwards infinite alternate
}

[dir=rtl] .slider__thumb-5::after
{
    left:auto;
    right:8%
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .slider__thumb-5::after
    {
        left:-10%
    }

    [dir=rtl] .slider__thumb-5::after
    {
        left:auto;
        right:-10%
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__thumb-5::after
    {
        left:-11%;
        width:450px;
        height:470px
    }

    [dir=rtl] .slider__thumb-5::after
    {
        left:auto;
        right:-11%
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__thumb-5::after
    {
        left:8%;
        top:-7%;
        width:406px;
        height:419px
    }

    [dir=rtl] .slider__thumb-5::after
    {
        left:auto;
        right:8%
    }
}

@media (max-width: 575px) {
    .slider__thumb-5::after
    {
        top:21%;
        width:250px;
        height:319px
    }
}

.slider__thumb-5 img
{
    -webkit-transition:all .1s ease-out 0;
    -moz-transition:all .1s ease-out 0;
    -ms-transition:all .1s ease-out 0;
    -o-transition:all .1s ease-out 0;
    transition:all .1s ease-out 0
}

.slider__thumb-5 .one
{
    position:absolute;
    top:35%;
    left:0
}

[dir=rtl] .slider__thumb-5 .one
{
    left:auto;
    right:0
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .slider__thumb-5 .one
    {
        left:-13%
    }

    [dir=rtl] .slider__thumb-5 .one
    {
        left:auto;
        right:-13%
    }
}

@media (max-width: 575px) {
    .slider__thumb-5 .one
    {
        position:relative;
        top:-8%;
        left:-19%;
        margin-bottom:30px
    }

    [dir=rtl] .slider__thumb-5 .one
    {
        left:auto;
        right:-6%
    }
}

.slider__thumb-5 .two
{
    position:absolute;
    top:3%;
    left:25%
}

[dir=rtl] .slider__thumb-5 .two
{
    top:0;
    left:-9%
}

@media only screen and (min-width: 992px) and (max-width: 1199px),(max-width: 575px) {
    .slider__thumb-5 .two
    {
        width:100%
    }
}

.slider__thumb-6
{
    margin-bottom:8px
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .slider__thumb-6
    {
        padding-left:0
    }

    [dir=rtl] .slider__thumb-6
    {
        margin-right:0
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .slider__thumb-6
    {
        padding-left:0
    }

    [dir=rtl] .slider__thumb-6
    {
        padding-right:0
    }
}

.slider__thumb-6 img
{
    transition:none
}

.slider__thumb-6.one
{
    position:absolute;
    top:19%;
    left:3%
}

[dir=rtl] .slider__thumb-6.one
{
    left:42%
}

.slider__thumb-6.two
{
    position:absolute;
    right:53%;
    top:6%
}

[dir=rtl] .slider__thumb-6.two
{
    right:auto;
    left:0
}

.slider__thumb-6.three
{
    position:absolute;
    bottom:33.5%;
    left:24%
}

[dir=rtl] .slider__thumb-6.three
{
    left:0
}

@media (max-width: 575px) {
    .slider__thumb-6.three
    {
        left:0
    }

    [dir=rtl] .slider__thumb-6.three
    {
        left:0
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__thumb-7
    {
        -webkit-transform:translateX(-55px);
        -moz-transform:translateX(-55px);
        -ms-transform:translateX(-55px);
        -o-transform:translateX(-55px);
        transform:translateX(-55px)
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .slider__thumb-7 img
    {
        width:100%
    }
}

.slider__thumb-7-shape-1
{
    position:absolute;
    top:21%;
    left:25%;
    z-index:-1
}

[dir=rtl] .slider__thumb-7-shape-1
{
    left:8%
}

.slider__thumb-7-shape-2
{
    position:absolute;
    bottom:4%;
    left:-7%;
    z-index:1
}

[dir=rtl] .slider__thumb-7-shape-2
{
    left:-38%
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__thumb-7-shape-2
    {
        left:auto;
        bottom:-10%;
        right:-11%
    }

    [dir=rtl] .slider__thumb-7-shape-2
    {
        right:0
    }
}

@media (max-width: 575px) {
    .slider__thumb-7-shape-2
    {
        display:none
    }
}

.slider__thumb-7-shape-3
{
    position:absolute;
    top:43%;
    right:-54%;
    z-index:1
}

[dir=rtl] .slider__thumb-7-shape-3
{
    right:-12%
}

@media only screen and (min-width: 1700px) and (max-width: 1899px) {
    .slider__thumb-7-shape-3
    {
        right:-42%
    }

    [dir=rtl] .slider__thumb-7-shape-3
    {
        right:-12%
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1699px) {
    .slider__thumb-7-shape-3
    {
        right:-33%
    }

    [dir=rtl] .slider__thumb-7-shape-3
    {
        right:-12%
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .slider__thumb-7-shape-3
    {
        top:59%;
        right:-18%
    }

    [dir=rtl] .slider__thumb-7-shape-3
    {
        right:-12%
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .slider__thumb-7-shape-3
    {
        top:47%;
        right:-13%
    }

    [dir=rtl] .slider__thumb-7-shape-3
    {
        right:-12%
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .slider__thumb-7-shape-3
    {
        display:none
    }
}

.slider__thumb-9
{
    position:relative
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider__thumb-9
    {
        -webkit-transform:translate(-91px,-155px);
        -moz-transform:translate(-91px,-155px);
        -ms-transform:translate(-91px,-155px);
        -o-transform:translate(-91px,-155px);
        transform:translate(-91px,-155px)
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__thumb-9
    {
        text-align:center
    }
}

.slider__thumb-9::after
{
    position:absolute;
    content:"";
    top:16%;
    left:6%;
    width:500px;
    height:500px;
    border-radius:50%;
    background-image:-webkit-linear-gradient(329deg,#f6921e 13.55%,#126599 48.54%,#f6921e 86.44%);
    background-image:-moz-linear-gradient(329deg,#f6921e 13.55%,#126599 48.54%,#f6921e 86.44%);
    background-image:-ms-linear-gradient(329deg,#f6921e 13.55%,#126599 48.54%,#f6921e 86.44%);
    background-image:-o-linear-gradient(329deg,#f6921e 13.55%,#126599 48.54%,#f6921e 86.44%);
    background-image:linear-gradient(329deg,#f6921e 13.55%,#126599 48.54%,#f6921e 86.44%);
    -webkit-transform:rotate(-180deg);
    -moz-transform:rotate(-180deg);
    -ms-transform:rotate(-180deg);
    -o-transform:rotate(-180deg);
    transform:rotate(-180deg);
    z-index:-1;
    animation:sliderThumb 5s linear infinite alternate;
    -webkit-animation:sliderThumb 5s linear infinite alternate
}

[dir=rtl] .slider__thumb-9::after
{
    left:auto;
    right:6%
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__thumb-9::after
    {
        width:450px;
        height:450px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider__thumb-9::after
    {
        width:345px;
        height:345px;
        top:27%;
        left:12%;
        z-index:-1
    }

    [dir=rtl] .slider__thumb-9::after
    {
        left:auto;
        right:12%
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__thumb-9::after
    {
        top:22%;
        left:16%;
        width:350px;
        height:350px
    }

    [dir=rtl] .slider__thumb-9::after
    {
        left:auto;
        right:16%
    }
}

@media (max-width: 575px) {
    .slider__thumb-9::after
    {
        top:20%;
        left:0;
        width:300px;
        height:300px
    }

    [dir=rtl] .slider__thumb-9::after
    {
        left:auto;
        right:0
    }
}

.slider__thumb-9-main
{
    width:543px;
    height:750px;
    object-fit:contain
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .slider__thumb-9-main
    {
        max-width:100%;
        transform-origin:top right;
        -webkit-transform:scale(1.093);
        -moz-transform:scale(1.093);
        -ms-transform:scale(1.093);
        -o-transform:scale(1.093);
        transform:scale(1.093)
    }

    [dir=rtl] .slider__thumb-9-main
    {
        transform-origin:top left
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__thumb-9-main
    {
        width:443px;
        height:650px;
        transform-origin:top right;
        -webkit-transform:scale(1.03);
        -moz-transform:scale(1.03);
        -ms-transform:scale(1.03);
        -o-transform:scale(1.03);
        transform:scale(1.03)
    }

    [dir=rtl] .slider__thumb-9-main
    {
        transform-origin:top left
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider__thumb-9-main
    {
        width:543px;
        height:450px;
        -webkit-transform:scale(1.345);
        -moz-transform:scale(1.345);
        -ms-transform:scale(1.345);
        -o-transform:scale(1.345);
        transform:scale(1.345);
        transform-origin:top right
    }

    [dir=rtl] .slider__thumb-9-main
    {
        transform-origin:top left
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__thumb-9-main
    {
        width:343px;
        height:550px;
        text-align:center
    }
}

@media (max-width: 575px) {
    .slider__thumb-9-main
    {
        width:290px;
        height:450px
    }
}

.slider__thumb-10
{
    position:relative
}

.slider__thumb-10 .thumb-border
{
    position:absolute;
    top:51%;
    left:42%;
    display:inline-block;
    height:600px;
    width:600px
}

.slider__thumb-10 .thumb-border::after,.slider__thumb-10 .thumb-border::before
{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:100%;
    height:100%;
    border-radius:50%;
    border:2px solid rgba(255,255,255,0.1);
    background-color:rgba(255,255,255,0.02);
    animation:borderanimate 4s linear infinite;
    animation-delay:0;
    -webkit-animation-delay:0;
    animation-delay:0
}

.slider__thumb-10 .thumb-border::before
{
    animation-delay:1s
}

.slider__thumb-10 > img
{
    -webkit-transform:translate(-65px,-15px);
    -moz-transform:translate(-65px,-15px);
    -ms-transform:translate(-65px,-15px);
    -o-transform:translate(-65px,-15px);
    transform:translate(-65px,-15px)
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__thumb-10 > img
    {
        -webkit-transform:translate(-65px,-15px) scale(0.8);
        -moz-transform:translate(-65px,-15px) scale(0.8);
        -ms-transform:translate(-65px,-15px) scale(0.8);
        -o-transform:translate(-65px,-15px) scale(0.8);
        transform:translate(-65px,-15px) scale(0.8)
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider__thumb-10 > img
    {
        -webkit-transform:translate(-120px,-15px) scale(0.7);
        -moz-transform:translate(-120px,-15px) scale(0.7);
        -ms-transform:translate(-120px,-15px) scale(0.7);
        -o-transform:translate(-120px,-15px) scale(0.7);
        transform:translate(-120px,-15px) scale(0.7)
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__thumb-10 > img
    {
        -webkit-transform:translate(-200px,-14px) scale(0.5);
        -moz-transform:translate(-200px,-14px) scale(0.5);
        -ms-transform:translate(-200px,-14px) scale(0.5);
        -o-transform:translate(-200px,-14px) scale(0.5);
        transform:translate(-200px,-14px) scale(0.5)
    }
}

@media (max-width: 575px) {
    .slider__thumb-10 > img
    {
        -webkit-transform:translate(-120px,-15px) scale(0.5);
        -moz-transform:translate(-120px,-15px) scale(0.5);
        -ms-transform:translate(-120px,-15px) scale(0.5);
        -o-transform:translate(-120px,-15px) scale(0.5);
        transform:translate(-120px,-15px) scale(0.5)
    }
}

.slider__thumb-11
{
    animation-delay:.2s;
    animation-duration:1s;
    position:relative
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__thumb-11 img
    {
        margin-left:-204px
    }

    [dir=rtl] .slider__thumb-11 img
    {
        margin-left:0;
        margin-right:-204px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider__thumb-11 img
    {
        -webkit-transform:scale(0.8) translateY(13%) translateX(-41%);
        -moz-transform:scale(0.8) translateY(13%) translateX(-41%);
        -ms-transform:scale(0.8) translateY(13%) translateX(-41%);
        -o-transform:scale(0.8) translateY(13%) translateX(-41%);
        transform:scale(0.8) translateY(13%) translateX(-41%)
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__thumb-11 img
    {
        -webkit-transform:scale(0.8) translateX(-300px) translateY(105px);
        -moz-transform:scale(0.8) translateX(-300px) translateY(105px);
        -ms-transform:scale(0.8) translateX(-300px) translateY(105px);
        -o-transform:scale(0.8) translateX(-300px) translateY(105px);
        transform:scale(0.8) translateX(-300px) translateY(105px)
    }
}

@media (max-width: 575px) {
    .slider__thumb-11 img
    {
        -webkit-transform:scale(0.6) translate(-738px,357px);
        -moz-transform:scale(0.6) translate(-738px,357px);
        -ms-transform:scale(0.6) translate(-738px,357px);
        -o-transform:scale(0.6) translate(-738px,357px);
        transform:scale(0.6) translate(-738px,357px)
    }
}

.slider__thumb-11::after
{
    position:absolute;
    content:"";
    top:11%;
    right:0;
    width:700px;
    height:700px;
    border-radius:50%;
    background-image:-webkit-linear-gradient(219.77deg,rgba(255,255,255,0.08) 15.44%,rgba(255,255,255,0.04) 85.89%);
    background-image:-moz-linear-gradient(219.77deg,rgba(255,255,255,0.08) 15.44%,rgba(255,255,255,0.04) 85.89%);
    background-image:-ms-linear-gradient(219.77deg,rgba(255,255,255,0.08) 15.44%,rgba(255,255,255,0.04) 85.89%);
    background-image:-o-linear-gradient(219.77deg,rgba(255,255,255,0.08) 15.44%,rgba(255,255,255,0.04) 85.89%);
    background-image:linear-gradient(219.77deg,rgba(255,255,255,0.08) 15.44%,rgba(255,255,255,0.04) 85.89%);
    z-index:-1
}

[dir=rtl] .slider__thumb-11::after
{
    left:0;
    right:auto
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__thumb-12
    {
        -webkit-transform:scale(0.8);
        -moz-transform:scale(0.8);
        -ms-transform:scale(0.8);
        -o-transform:scale(0.8);
        transform:scale(0.8)
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider__thumb-12
    {
        -webkit-transform:scale(0.7) translate(-100px,-20px);
        -moz-transform:scale(0.7) translate(-100px,-20px);
        -ms-transform:scale(0.7) translate(-100px,-20px);
        -o-transform:scale(0.7) translate(-100px,-20px);
        transform:scale(0.7) translate(-100px,-20px)
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__thumb-12
    {
        -webkit-transform:scale(0.7) translate(-100px,-20px);
        -moz-transform:scale(0.7) translate(-100px,-20px);
        -ms-transform:scale(0.7) translate(-100px,-20px);
        -o-transform:scale(0.7) translate(-100px,-20px);
        transform:scale(0.7) translate(-100px,-20px)
    }
}

@media (max-width: 575px) {
    .slider__thumb-12
    {
        -webkit-transform:scale(0.5) translate(-148px,-20px);
        -moz-transform:scale(0.5) translate(-148px,-20px);
        -ms-transform:scale(0.5) translate(-148px,-20px);
        -o-transform:scale(0.5) translate(-148px,-20px);
        transform:scale(0.5) translate(-148px,-20px)
    }
}

.slider__thumb-12 > img
{
    will-change:transform;
    opacity:0;
    animation-delay:.5s;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-transition-timing-function:cubic-bezier(0.645,0.045,0.355,1);
    -o-transition-timing-function:cubic-bezier(0.645,0.045,0.355,1);
    transition-timing-function:cubic-bezier(0.645,0.045,0.355,1)
}

.slider__thumb-12-shape svg:first-child
{
    position:absolute;
    top:18%;
    left:-3%;
    z-index:1;
    will-change:transform;
    opacity:0;
    animation-delay:.7s;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-transition-timing-function:cubic-bezier(0.645,0.045,0.355,1);
    -o-transition-timing-function:cubic-bezier(0.645,0.045,0.355,1);
    transition-timing-function:cubic-bezier(0.645,0.045,0.355,1)
}

.slider__thumb-12-shape svg:last-child
{
    position:absolute;
    top:16%;
    left:-9%;
    mix-blend-mode:screen;
    z-index:-1;
    will-change:transform;
    opacity:0;
    animation-delay:1s;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-transition-timing-function:cubic-bezier(0.645,0.045,0.355,1);
    -o-transition-timing-function:cubic-bezier(0.645,0.045,0.355,1);
    transition-timing-function:cubic-bezier(0.645,0.045,0.355,1)
}

.slider__thumb-13
{
    position:relative;
    z-index:1
}

.slider__thumb-13-circle-1,.slider__thumb-13-circle-2
{
    position:absolute;
    top:-30%;
    right:-25%;
    width:550px;
    height:550px;
    border-radius:50%;
    background-color:var(--tp-common-white);
    -webkit-animation:tp-hotspot 3s infinite cubic-bezier(0.4,0,1,1);
    animation:tp-hotspot 3s infinite cubic-bezier(0.4,0,1,1);
    animation-delay:0
}

[dir=rtl] .slider__thumb-13-circle-1,[dir=rtl] .slider__thumb-13-circle-2
{
    right:auto;
    left:-25%
}

.slider__thumb-13-circle-1
{
    animation-delay:1s
}

.slider__thumb-13 img
{
    animation-delay:.9s;
    animation-duration:1s
}

@media (max-width: 575px) {
    .slider__thumb-13 img
    {
        width:58%
    }
}

@media (max-width: 366px) {
    .slider__thumb-13 img
    {
        width:100%
    }
}

.slider__bg
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
    background-color:var(--tp-common-blue);
    background-blend-mode:luminosity
}

.slider__bg::after
{
    position:absolute;
    content:"";
    top:0;
    left:0;
    right:auto;
    width:100%;
    height:100%;
    -webkit-transform:translate(0%,0%);
    -moz-transform:translate(0%,0%);
    -ms-transform:translate(0%,0%);
    -o-transform:translate(0%,0%);
    transform:translate(0%,0%);
    background-color:var(--tp-common-blue);
    z-index:-1;
    mix-blend-mode:luminosity;
    opacity:.4
}

.slider__bg-3
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
    background-color:var(--tp-common-black-5);
    background-blend-mode:exclusion
}

.slider__bg-8
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1
}

.slider__bg-8::after
{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:#04040C;
    opacity:.4
}

.slider__bg-10
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-blend-mode:luminosity;
    opacity:.05;
    z-index:-1
}

.slider__bg-12
{
    position:relative;
    background:radial-gradient(98.58% 98.5% at 64.83% 79.1%,#FF80FF 0%,#F174FF 19%,#CD53FF 55%,#9721FF 100%)
}

.slider__bg-12::after
{
    position:absolute;
    content:"";
    left:50%;
    top:50%;
    width:1480px;
    height:883px;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    background:radial-gradient(49.82% 49.96% at 50.09% 49.95%,rgba(230,231,232,0.3) 0%,rgba(225,226,227,0.3) 9%,rgba(209,210,211,0.3) 20%,rgba(184,185,186,0.3) 33%,rgba(154,155,155,0.3) 44%,rgba(137,138,138,0.3) 54%,rgba(118,119,119,0.3) 63%,rgba(92,93,93,0.3) 71%,rgba(49,50,50,0.3) 81%,rgba(0,0,0,0.3) 100%);
    background-blend-mode:screen;
    mix-blend-mode:screen
}

.slider__bg-12.has-yellow-gradient
{
    background:radial-gradient(98.58% 98.5% at 64.83% 79.1%,#FFAE80 0%,#FFA674 19%,#FF9153 55%,#AB5C3B 100%)
}

.slider__bg-12.has-yellow-gradient::after
{
    background:radial-gradient(49.82% 49.96% at 50.09% 49.95%,rgba(230,231,232,0.4) 0%,rgba(225,226,227,0.4) 9%,rgba(209,210,211,0.4) 20%,rgba(184,185,186,0.4) 33%,rgba(154,155,155,0.4) 44%,rgba(137,138,138,0.4) 54%,rgba(118,119,119,0.4) 63%,rgba(92,93,93,0.4) 71%,rgba(49,50,50,0.4) 81%,rgba(0,0,0,0.4) 100%)
}

.slider__bg-12.has-red-gradient
{
    background:radial-gradient(98.58% 98.5% at 64.83% 79.1%,#FF8080 0%,#FF7474 19%,#FF5353 55%,#D02B2B 100%)
}

.slider__bg-12.has-red-gradient::after
{
    width:1140px;
    background:radial-gradient(49.82% 49.96% at 50.09% 49.95%,rgba(230,231,232,0.4) 0%,rgba(225,226,227,0.4) 9%,rgba(209,210,211,0.4) 20%,rgba(184,185,186,0.4) 33%,rgba(154,155,155,0.4) 44%,rgba(137,138,138,0.4) 54%,rgba(118,119,119,0.4) 63%,rgba(92,93,93,0.4) 71%,rgba(49,50,50,0.4) 81%,rgba(0,0,0,0.4) 100%)
}

.slider__bg-12.has-blue-gradient
{
    background:radial-gradient(98.58% 98.5% at 64.83% 79.1%,#80D1FF 0%,#74C5FF 19%,#53ACFF 55%,#2B77D0 100%)
}

.slider__bg-12.has-blue-gradient::after
{
    width:1140px;
    background:radial-gradient(49.82% 49.96% at 50.09% 49.95%,rgba(230,231,232,0.4) 0%,rgba(225,226,227,0.4) 9%,rgba(209,210,211,0.4) 20%,rgba(184,185,186,0.4) 33%,rgba(154,155,155,0.4) 44%,rgba(137,138,138,0.4) 54%,rgba(118,119,119,0.4) 63%,rgba(92,93,93,0.4) 71%,rgba(49,50,50,0.4) 81%,rgba(0,0,0,0.4) 100%)
}

.slider__bg-12.has-purple-gradient
{
    background:radial-gradient(98.58% 98.5% at 64.83% 79.1%,#808DFF 0%,#7774FF 19%,#7553FF 55%,#422BD0 100%)
}

.slider__bg-12.has-purple-gradient::after
{
    width:1140px;
    background:radial-gradient(49.82% 49.96% at 50.09% 49.95%,rgba(230,231,232,0.4) 0%,rgba(225,226,227,0.4) 9%,rgba(209,210,211,0.4) 20%,rgba(184,185,186,0.4) 33%,rgba(154,155,155,0.4) 44%,rgba(137,138,138,0.4) 54%,rgba(118,119,119,0.4) 63%,rgba(92,93,93,0.4) 71%,rgba(49,50,50,0.4) 81%,rgba(0,0,0,0.4) 100%)
}

.slider__bg-12.has-black-gradient
{
    background:radial-gradient(98.58% 98.5% at 64.83% 79.1%,#0B0D17 0%,#05021F 19%,#030622 55%,#010316 100%)
}

.slider__bg-12.has-black-gradient::after
{
    height:1146px;
    background:radial-gradient(49.82% 49.96% at 50.09% 49.95%,rgba(230,231,232,0.2) 0%,rgba(225,226,227,0.2) 9%,rgba(209,210,211,0.2) 20%,rgba(184,185,186,0.2) 33%,rgba(154,155,155,0.2) 44%,rgba(137,138,138,0.2) 54%,rgba(118,119,119,0.2) 63%,rgba(92,93,93,0.2) 71%,rgba(49,50,50,0.2) 81%,rgba(0,0,0,0.2) 100%)
}

.slider__bg-text
{
    position:absolute;
    top:43%;
    left:0;
    -webkit-transform:rotate(-90deg) translateY(-475px);
    -moz-transform:rotate(-90deg) translateY(-475px);
    -ms-transform:rotate(-90deg) translateY(-475px);
    -o-transform:rotate(-90deg) translateY(-475px);
    transform:rotate(-90deg) translateY(-475px);
    z-index:-1
}

[dir=rtl] .slider__bg-text
{
    left:auto;
    right:0
}

.slider__bg-text h3
{
    text-transform:uppercase;
    color:#CFD3AD;
    text-shadow:0 2px 2px rgba(10,54,64,0.06);
    animation-delay:.5s;
    animation-duration:1s;
    font:700 208px/.58 var(--tp-ff-rajdhani)
}

.slider__border
{
    position:relative
}

.slider__border::after
{
    position:absolute;
    content:"";
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:1px;
    background-color:rgba(255,255,255,0.1)
}

.slider__title
{
    color:var(--tp-common-white);
    letter-spacing:-3px;
    margin-bottom:28px;
    animation-delay:.5s;
    animation-duration:1s;
    font:var(--tp-fw-bold) 100px/1 var(--tp-ff-space)
}

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider__title
    {
        font-size:65px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__title
    {
        font-size:55px
    }
}

@media (max-width: 575px) {
    .slider__title
    {
        font-size:30px;
        letter-spacing:0;
        line-height:1.2
    }
}

.slider__title-2
{
    text-transform:uppercase;
    margin-bottom:52px;
    letter-spacing:-.02em;
    font:600 100px/1.05 var(--tp-ff-oswald)
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .slider__title-2
    {
        font-size:85px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__title-2
    {
        font-size:80px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__title-2
    {
        font-size:75px
    }
}

@media (max-width: 575px) {
    .slider__title-2
    {
        font-size:55px
    }
}

.slider__title-3
{
    font-size:100px;
    line-height:1.06;
    letter-spacing:-.06em;
    background-image:-webkit-linear-gradient(89.64deg,#F87171 0.32%,#FACC15 32.07%,#4ADE80 60.55%,#38BDF8 99.28%);
    background-image:-moz-linear-gradient(89.64deg,#F87171 0.32%,#FACC15 32.07%,#4ADE80 60.55%,#38BDF8 99.28%);
    background-image:-ms-linear-gradient(89.64deg,#F87171 0.32%,#FACC15 32.07%,#4ADE80 60.55%,#38BDF8 99.28%);
    background-image:-o-linear-gradient(89.64deg,#F87171 0.32%,#FACC15 32.07%,#4ADE80 60.55%,#38BDF8 99.28%);
    background-image:linear-gradient(89.64deg,#F87171 0.32%,#FACC15 32.07%,#4ADE80 60.55%,#38BDF8 99.28%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    text-fill-color:transparent;
    margin-bottom:40px;
    -moz-animation:sliderTitle3 2s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:sliderTitle3 2s ease-in-out 1s forwards infinite alternate;
    animation:sliderTitle3 2s ease-in-out 1s forwards infinite alternate;
    background-size:150% 150%
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__title-3
    {
        font-size:75px
    }
}

@media (max-width: 575px) {
    .slider__title-3
    {
        font-size:55px
    }
}

.slider__title-4
{
    color:var(--tp-common-white);
    text-transform:capitalize;
    margin-bottom:10px;
    letter-spacing:-.02em;
    font:80px/1 var(--tp-ff-space)
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .slider__title-4
    {
        font-size:61px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__title-4
    {
        font-size:51px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider__title-4
    {
        font-size:40px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__title-4
    {
        font-size:50px
    }
}

@media (max-width: 575px) {
    .slider__title-4
    {
        font-size:30px
    }
}

.slider__title-5
{
    letter-spacing:-.04em;
    margin-bottom:20px;
    font:700 86px/1 var(--tp-ff-space)
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .slider__title-5
    {
        font-size:75px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .slider__title-5
    {
        font-size:68px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__title-5
    {
        font-size:60px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider__title-5
    {
        font-size:81px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__title-5
    {
        font-size:65px
    }
}

@media (max-width: 575px) {
    .slider__title-5
    {
        font-size:38px
    }
}

.slider__title-6
{
    color:var(--tp-common-black-9);
    font:800 80px/1.05 var(--tp-ff-roboto)
}

@media only screen and (min-width: 1600px) and (max-width: 1699px) {
    .slider__title-6
    {
        font-size:75px
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .slider__title-6
    {
        font-size:70px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .slider__title-6
    {
        font-size:68px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__title-6
    {
        font-size:60px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider__title-6
    {
        font-size:81px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__title-6
    {
        font-size:65px
    }
}

@media (max-width: 575px) {
    .slider__title-6
    {
        font-size:38px
    }
}

.slider__title-7
{
    color:var(--tp-common-black-11);
    margin-bottom:20px;
    font:700 80px/1.12 var(--tp-ff-play)
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .slider__title-7 br
    {
        display:none
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .slider__title-7
    {
        font-size:70px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__title-7
    {
        font-size:60px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider__title-7
    {
        font-size:65px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__title-7
    {
        font-size:50px
    }
}

@media (max-width: 575px) {
    .slider__title-7
    {
        font-size:40px
    }
}

.slider__title-7 .slider-highlight
{
    position:relative
}

.slider__title-7 .slider-highlight svg
{
    position:absolute;
    bottom:0;
    left:0;
    z-index:-1;
    width:100%
}

.slider__title-7 .slider-highlight svg path
{
    stroke:var(--tp-common-yellow-3);
    fill:var(--tp-common-yellow-3);
    stroke-dasharray:800;
    stroke-dashoffset:800
}

.slider__title-8
{
    letter-spacing:-.04em;
    color:var(--tp-common-white);
    margin-bottom:13px;
    animation-delay:.3s;
    animation-duration:1s;
    font:700 80px/1.12 var(--tp-ff-space)
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .slider__title-8 br
    {
        display:none
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .slider__title-8
    {
        font-size:70px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__title-8
    {
        font-size:60px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider__title-8
    {
        font-size:65px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__title-8
    {
        font-size:50px
    }
}

@media (max-width: 575px) {
    .slider__title-8
    {
        font-size:40px
    }
}

.slider__title-8 .slider-highlight
{
    position:relative
}

.slider__title-8 .slider-highlight svg
{
    position:absolute;
    bottom:0;
    left:-5px;
    z-index:-1;
    width:100%
}

.slider__title-9
{
    letter-spacing:-.04em;
    color:var(--tp-common-black);
    margin-bottom:20px;
    font:700 80px/1 var(--tp-ff-syne)
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .slider__title-9
    {
        font-size:70px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__title-9
    {
        font-size:48px
    }

    .slider__title-9 br
    {
        display:none
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider__title-9
    {
        font-size:48px
    }

    .slider__title-9 br
    {
        display:none
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__title-9
    {
        font-size:50px
    }
}

@media (max-width: 575px) {
    .slider__title-9
    {
        font-size:35px
    }
}

.slider__title-10
{
    font-size:100px;
    line-height:1;
    letter-spacing:-.05em;
    color:var(--tp-common-white);
    margin-bottom:25px
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .slider__title-10
    {
        font-size:70px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__title-10
    {
        font-size:48px
    }

    .slider__title-10 br
    {
        display:none
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider__title-10
    {
        font-size:48px
    }

    .slider__title-10 br
    {
        display:none
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__title-10
    {
        font-size:50px
    }
}

@media (max-width: 575px) {
    .slider__title-10
    {
        font-size:35px
    }
}

.slider__title-11
{
    letter-spacing:-.04em;
    color:var(--tp-common-black);
    animation-delay:.3s;
    animation-duration:1s;
    font:120px/.92 var(--tp-ff-rajdhani)
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__title-11
    {
        font-size:85px
    }
}

@media (max-width: 575px) {
    .slider__title-11
    {
        font-size:50px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px) {
    .slider__title-11-product
    {
        font-size:90px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__title-11-product
    {
        font-size:65px
    }
}

@media (max-width: 575px) {
    .slider__title-11-product
    {
        font-size:45px
    }
}

.slider__title-12
{
    letter-spacing:.02em;
    text-transform:uppercase;
    color:var(--tp-common-white);
    will-change:transform;
    opacity:0;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-transition-timing-function:cubic-bezier(0.645,0.045,0.355,1);
    -o-transition-timing-function:cubic-bezier(0.645,0.045,0.355,1);
    transition-timing-function:cubic-bezier(0.645,0.045,0.355,1);
    font:700 180px/1.1 var(--tp-ff-inter)
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .slider__title-12
    {
        font-size:150px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__title-12
    {
        font-size:120px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider__title-12
    {
        font-size:100px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__title-12
    {
        font-size:80px
    }
}

@media (max-width: 575px) {
    .slider__title-12
    {
        font-size:60px
    }
}

.slider__title-13
{
    letter-spacing:-.01em;
    margin-bottom:45px;
    animation-delay:.5s;
    animation-duration:1s;
    font:500 80px/1.05 var(--tp-ff-roboto)
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__title-13
    {
        font-size:70px
    }
}

@media (max-width: 575px) {
    .slider__title-13
    {
        font-size:40px
    }
}

.slider__title-pre
{
    color:var(--tp-common-white);
    display:inline-block;
    margin-bottom:5px;
    text-transform:uppercase;
    letter-spacing:8px;
    animation-delay:.3s;
    animation-duration:1s;
    font:500 16px var(--tp-ff-space)
}

.slider__title-pre-2
{
    position:relative;
    color:var(--tp-common-black);
    display:inline-block;
    margin-bottom:25px;
    font:28px var(--tp-ff-oswald)
}

.slider__title-pre-2::after
{
    position:absolute;
    content:"";
    bottom:-6px;
    left:0;
    width:100%;
    height:1px;
    background-color:var(--tp-common-green-light)
}

.slider__title-pre-3
{
    color:rgba(255,255,255,0.6);
    text-transform:uppercase;
    display:inline-block;
    margin-bottom:5px;
    letter-spacing:.1em;
    font:500 13px var(--tp-ff-space)
}

.slider__title-pre-4
{
    display:inline-block;
    color:var(--tp-common-white);
    letter-spacing:.5em;
    text-transform:uppercase;
    margin-bottom:3px;
    font:500 16px var(--tp-ff-space)
}

.slider__title-pre-5
{
    display:inline-block;
    color:#4353FF;
    background-color:#EEEFFF;
    padding:2px 20px;
    border-radius:20px;
    margin-bottom:10px;
    font:500 15px var(--tp-ff-space)
}

.slider__title-pre-6
{
    display:inline-block;
    letter-spacing:.2em;
    color:var(--tp-theme-6);
    font:500 13px var(--tp-ff-roboto)
}

.slider__title-pre-9
{
    display:inline-block;
    color:var(--tp-common-black);
    position:relative;
    padding-left:14px;
    font:500 18px var(--tp-ff-syne)
}

[dir=rtl] .slider__title-pre-9
{
    padding-left:0;
    padding-right:14px
}

.slider__title-pre-9::after
{
    position:absolute;
    content:"";
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:3px;
    height:80%;
    background-image:-webkit-linear-gradient(329deg,#f6921e 13.55%,#126599 48.54%,#f6921e 86.44%);
    background-image:-moz-linear-gradient(329deg,#f6921e 13.55%,#126599 48.54%,#f6921e 86.44%);
    background-image:-ms-linear-gradient(329deg,#f6921e 13.55%,#126599 48.54%,#f6921e 86.44%);
    background-image:-o-linear-gradient(329deg,#f6921e 13.55%,#126599 48.54%,#f6921e 86.44%);
    background-image:linear-gradient(329deg,#f6921e 13.55%,#126599 48.54%,#f6921e 86.44%)
}

[dir=rtl] .slider__title-pre-9::after
{
    left:auto;
    right:0
}

.slider__title-pre-10
{
    display:inline-block;
    color:var(--tp-common-white);
    margin-bottom:14px;
    font:500 20px var(--tp-ff-space)
}

.slider__title-pre-13
{
    letter-spacing:.03em;
    color:var(--tp-text-1);
    position:relative;
    padding-left:13px;
    display:inline-block;
    margin-bottom:11px;
    animation-delay:.3s;
    animation-duration:1s;
    font:16px/1.12 var(--tp-ff-roboto)
}

[dir=rtl] .slider__title-pre-13
{
    padding-left:0;
    padding-right:13px
}

.slider__title-pre-13::after
{
    position:absolute;
    content:"";
    left:0;
    top:-2px;
    width:2px;
    height:37px;
    background-color:var(--tp-theme-1)
}

[dir=rtl] .slider__title-pre-13::after
{
    left:auto;
    right:0
}

.slider__content p
{
    font-size:18px;
    line-height:28px;
    color:var(--tp-common-white);
    margin-bottom:45px;
    animation-delay:.7s;
    animation-duration:1s
}

.slider__content-2
{
    margin-top:3px
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 768px) and (max-width: 991px) {
    .slider__content-2
    {
        padding-left:40px
    }

    [dir=rtl] .slider__content-2
    {
        padding-left:0;
        padding-right:40px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .slider__content-2
    {
        padding-left:0
    }

    [dir=rtl] .slider__content-2
    {
        padding-right:0
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .slider__content-4
    {
        margin-top:115px;
        margin-bottom:50px
    }
}

.slider__content-4 > p
{
    font-size:18px;
    color:var(--tp-common-white);
    opacity:.7;
    line-height:28px;
    margin-bottom:30px;
    padding-right:100px
}

[dir=rtl] .slider__content-4 > p
{
    padding-right:0;
    padding-left:100px
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .slider__content-4 > p
    {
        padding-right:0
    }

    [dir=rtl] .slider__content-4 > p
    {
        padding-left:0
    }
}

.slider__content-5
{
    margin-top:35px
}

.slider__content-5 > p
{
    font-size:18px;
    line-height:28px;
    color:#525258;
    padding-right:150px;
    margin-bottom:40px
}

[dir=rtl] .slider__content-5 > p
{
    padding-right:0;
    padding-left:150px
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .slider__content-5 > p
    {
        padding-right:95px
    }

    [dir=rtl] .slider__content-5 > p
    {
        padding-right:0;
        padding-left:40px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__content-5 > p
    {
        padding-right:40px
    }

    [dir=rtl] .slider__content-5 > p
    {
        padding-right:0;
        padding-left:40px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__content-5 > p
    {
        padding-right:50px
    }

    [dir=rtl] .slider__content-5 > p
    {
        padding-right:0;
        padding-left:40px
    }
}

@media (max-width: 575px) {
    .slider__content-5 > p
    {
        padding-right:0
    }

    [dir=rtl] .slider__content-5 > p
    {
        padding-left:40px
    }
}

.slider__content-6
{
    margin-top:105px
}

.slider__content-6 > p
{
    color:var(--tp-common-black-10);
    margin-bottom:40px;
    padding-right:40px;
    font:18px/28px var(--tp-ff-roboto)
}

[dir=rtl] .slider__content-6 > p
{
    padding-right:0;
    padding-left:40px
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .slider__content-6 > p
    {
        padding-right:0
    }

    [dir=rtl] .slider__content-6 > p
    {
        padding-left:0
    }
}

.slider__content-7
{
    margin-bottom:175px
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .slider__content-7
    {
        margin-bottom:50px
    }
}

.slider__content-7 > p
{
    color:#525258;
    margin-bottom:27px;
    font:20px/1.6 var(--tp-ff-inter)
}

@media (max-width: 575px) {
    .slider__content-7 > p
    {
        font-size:17px
    }
}

.slider__content-8
{
    margin-top:5px
}

.slider__content-8 > p
{
    color:var(--tp-common-white);
    margin-bottom:40px;
    padding-right:280px;
    animation-delay:.5s;
    animation-duration:1s;
    font:18px/1.56 var(--tp-ff-space)
}

[dir=rtl] .slider__content-8 > p
{
    padding-right:0;
    padding-left:280px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__content-8 > p
    {
        padding-right:120px
    }

    [dir=rtl] .slider__content-8 > p
    {
        padding-left:120px;
        padding-right:0
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__content-8 > p
    {
        padding-right:80px
    }

    [dir=rtl] .slider__content-8 > p
    {
        padding-left:80px;
        padding-right:0
    }
}

@media (max-width: 575px) {
    .slider__content-8 > p
    {
        padding-right:0
    }

    [dir=rtl] .slider__content-8 > p
    {
        padding-left:0
    }
}

.slider__content-9
{
    margin-bottom:110px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__content-9
    {
        margin-bottom:80px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider__content-9
    {
        margin-bottom:70px;
        margin-top:30px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .slider__content-9
    {
        margin-bottom:10px;
        margin-top:30px
    }
}

.slider__content-9 > p
{
    margin-bottom:40px;
    padding-right:140px;
    font:400 18px/1.4 var(--tp-ff-syne)
}

[dir=rtl] .slider__content-9 > p
{
    padding-right:0;
    padding-left:140px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__content-9 > p
    {
        padding-right:90px
    }

    [dir=rtl] .slider__content-9 > p
    {
        padding-right:0;
        padding-left:90px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider__content-9 > p
    {
        padding-right:30px
    }

    [dir=rtl] .slider__content-9 > p
    {
        padding-right:0;
        padding-left:30px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__content-9 > p
    {
        padding-right:80px
    }

    [dir=rtl] .slider__content-9 > p
    {
        padding-right:0;
        padding-left:80px
    }
}

@media (max-width: 575px) {
    .slider__content-9 > p
    {
        padding-right:0
    }

    [dir=rtl] .slider__content-9 > p
    {
        padding-right:0;
        padding-left:0
    }
}

.slider__content-10
{
    position:relative;
    z-index:1
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__content-10
    {
        margin-bottom:0
    }
}

@media (max-width: 575px) {
    .slider__content-10
    {
        -webkit-transform:translateY(-155px);
        -moz-transform:translateY(-155px);
        -ms-transform:translateY(-155px);
        -o-transform:translateY(-155px);
        transform:translateY(-155px)
    }
}

.slider__content-10 > p
{
    letter-spacing:-.02em;
    color:var(--tp-common-white);
    margin-bottom:45px;
    font:18px/1.11 var(--tp-ff-space)
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider__content-11
    {
        margin-bottom:0;
        margin-top:110px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__content-11
    {
        margin-bottom:0;
        margin-top:110px
    }
}

@media (max-width: 575px) {
    .slider__content-11
    {
        margin-bottom:0;
        margin-top:0
    }
}

.slider__content-11 > p
{
    letter-spacing:-.02em;
    color:var(--tp-common-white);
    margin-bottom:45px;
    animation-delay:.6s;
    animation-duration:1s;
    font:18px/1.11 var(--tp-ff-rajdhani)
}

.slider__content-11-product
{
    position:relative;
    z-index:1
}

@media (max-width: 575px) {
    .slider__content-11-product
    {
        margin-top:0
    }
}

.slider__content-12
{
    position:absolute;
    top:41%;
    left:0;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:100%;
    text-align:center;
    margin-top:45px
}

.slider__content-12.tp-slider-content-position
{
    left:5%
}

[dir=rtl] .slider__content-12.tp-slider-content-position
{
    left:auto;
    right:5%
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__content-12.tp-slider-content-position
    {
        left:7%;
        top:47%
    }

    [dir=rtl] .slider__content-12.tp-slider-content-position
    {
        left:auto;
        right:7%
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider__content-12.tp-slider-content-position
    {
        top:45%
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__content-12.tp-slider-content-position
    {
        top:46%;
        left:4%
    }

    [dir=rtl] .slider__content-12.tp-slider-content-position
    {
        left:auto;
        right:4%
    }
}

@media (max-width: 575px) {
    .slider__content-12.tp-slider-content-position
    {
        top:52%;
        left:4%
    }

    [dir=rtl] .slider__content-12.tp-slider-content-position
    {
        left:auto;
        right:4%
    }
}

.slider__content-12.tp-slider-content-position-2
{
    left:1%
}

[dir=rtl] .slider__content-12.tp-slider-content-position-2
{
    left:auto;
    right:1%
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .slider__content-12.tp-slider-content-position-2
    {
        left:7%
    }

    [dir=rtl] .slider__content-12.tp-slider-content-position-2
    {
        left:auto;
        right:7%
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__content-12.tp-slider-content-position-2
    {
        left:10%;
        top:45%
    }

    [dir=rtl] .slider__content-12.tp-slider-content-position-2
    {
        left:auto;
        right:10%
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider__content-12.tp-slider-content-position-2
    {
        left:15%
    }

    [dir=rtl] .slider__content-12.tp-slider-content-position-2
    {
        left:auto;
        right:15%
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__content-12.tp-slider-content-position-2
    {
        left:22%
    }

    [dir=rtl] .slider__content-12.tp-slider-content-position-2
    {
        left:auto;
        right:22%
    }
}

.slider__content-12.tp-slider-content-position-3
{
    left:12%
}

[dir=rtl] .slider__content-12.tp-slider-content-position-3
{
    left:auto;
    right:12%
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .slider__content-12.tp-slider-content-position-3
    {
        left:7%;
        top:43%
    }

    [dir=rtl] .slider__content-12.tp-slider-content-position-3
    {
        left:auto;
        right:7%
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__content-12.tp-slider-content-position-3
    {
        left:8%;
        top:45%
    }

    [dir=rtl] .slider__content-12.tp-slider-content-position-3
    {
        left:auto;
        right:8%
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider__content-12.tp-slider-content-position-3
    {
        left:3%;
        top:50%
    }

    [dir=rtl] .slider__content-12.tp-slider-content-position-3
    {
        left:auto;
        right:3%
    }
}

@media (max-width: 575px) {
    .slider__content-12.tp-slider-content-position-3
    {
        left:0;
        top:50%
    }

    [dir=rtl] .slider__content-12.tp-slider-content-position-3
    {
        left:auto;
        right:0
    }
}

.slider__content-12.tp-slider-content-position-4
{
    left:11%
}

[dir=rtl] .slider__content-12.tp-slider-content-position-4
{
    left:auto;
    right:11%
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .slider__content-12.tp-slider-content-position-4
    {
        left:8%;
        top:44%
    }

    [dir=rtl] .slider__content-12.tp-slider-content-position-4
    {
        left:auto;
        right:8%
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider__content-12.tp-slider-content-position-4
    {
        left:5%;
        top:49%
    }

    [dir=rtl] .slider__content-12.tp-slider-content-position-4
    {
        left:auto;
        right:5%
    }
}

@media (max-width: 575px) {
    .slider__content-12.tp-slider-content-position-4
    {
        left:0;
        top:52%
    }

    [dir=rtl] .slider__content-12.tp-slider-content-position-4
    {
        left:auto;
        right:0
    }
}

.slider__content-12.tp-slider-content-position-5
{
    left:5%
}

[dir=rtl] .slider__content-12.tp-slider-content-position-5
{
    left:auto;
    right:5%
}

@media (max-width: 575px) {
    .slider__content-12.tp-slider-content-position-5
    {
        left:0;
        top:52%
    }

    [dir=rtl] .slider__content-12.tp-slider-content-position-5
    {
        left:auto;
        right:0
    }
}

.slider__content-12.tp-slider-content-position-6
{
    left:13%
}

[dir=rtl] .slider__content-12.tp-slider-content-position-6
{
    left:auto;
    right:13%
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .slider__content-12.tp-slider-content-position-6
    {
        left:3%;
        top:48%
    }

    [dir=rtl] .slider__content-12.tp-slider-content-position-6
    {
        left:auto;
        right:3%
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__content-12.tp-slider-content-position-6
    {
        left:6%;
        top:48%
    }

    [dir=rtl] .slider__content-12.tp-slider-content-position-6
    {
        left:auto;
        right:6%
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider__content-12.tp-slider-content-position-6
    {
        left:2%;
        top:52%
    }

    [dir=rtl] .slider__content-12.tp-slider-content-position-6
    {
        left:auto;
        right:2%
    }
}

@media (max-width: 575px) {
    .slider__content-12.tp-slider-content-position-6
    {
        left:0;
        top:54%
    }

    [dir=rtl] .slider__content-12.tp-slider-content-position-6
    {
        left:auto;
        right:0
    }
}

.slider__content-12-wrapper
{
    margin-top:30px;
    padding-left:40px
}

[dir=rtl] .slider__content-12-wrapper
{
    padding-left:0;
    padding-right:40px
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .slider__content-12-wrapper
    {
        margin-left:90px
    }

    [dir=rtl] .slider__content-12-wrapper
    {
        margin-left:0;
        margin-right:90px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__content-12-wrapper
    {
        padding-left:0
    }

    [dir=rtl] .slider__content-12-wrapper
    {
        padding-right:0
    }
}

@media (max-width: 575px) {
    .slider__content-12-wrapper
    {
        padding-left:0;
        -webkit-transform:translateY(-50px);
        -moz-transform:translateY(-50px);
        -ms-transform:translateY(-50px);
        -o-transform:translateY(-50px);
        transform:translateY(-50px)
    }

    [dir=rtl] .slider__content-12-wrapper
    {
        padding-right:0
    }
}

.slider__content-12-branding
{
    position:absolute;
    top:38px;
    left:-73px;
    will-change:transform;
    opacity:0;
    animation-delay:.7s;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-transition-timing-function:cubic-bezier(0.645,0.045,0.355,1);
    -o-transition-timing-function:cubic-bezier(0.645,0.045,0.355,1);
    transition-timing-function:cubic-bezier(0.645,0.045,0.355,1)
}

[dir=rtl] .slider__content-12-branding
{
    left:auto;
    right:-73px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__content-12-branding
    {
        top:108px;
        left:0
    }

    [dir=rtl] .slider__content-12-branding
    {
        left:auto;
        right:0
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider__content-12-branding
    {
        top:130px;
        left:-40px
    }

    [dir=rtl] .slider__content-12-branding
    {
        left:auto;
        right:-40px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__content-12-branding
    {
        left:6px;
        top:60px
    }

    [dir=rtl] .slider__content-12-branding
    {
        left:auto;
        right:6px
    }
}

@media (max-width: 575px) {
    .slider__content-12-branding
    {
        left:0;
        top:115px
    }

    [dir=rtl] .slider__content-12-branding
    {
        left:auto;
        right:0
    }
}

.slider__content-12-branding p
{
    letter-spacing:.16em;
    color:var(--tp-common-white);
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg);
    margin-bottom:0;
    font:600 18px/1.11 var(--tp-ff-inter)
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .slider__content-12-branding p
    {
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg)
    }

    .slider__content-12-branding p br
    {
        display:none
    }
}

.slider__content-13
{
    position:relative;
    z-index:11
}

.slider__content-13 .tp-btn-border
{
    color:var(--tp-common-black);
    border:1.5px solid var(--tp-common-black);
    padding:7px 33px;
    font:500 14px var(--tp-ff-roboto)
}

.slider__content-13 .tp-btn-border span
{
    margin-left:2px
}

[dir=rtl] .slider__content-13 .tp-btn-border span
{
    margin-left:0;
    margin-right:2px
}

.slider__content-13 .tp-btn-border svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.slider__content-13 .tp-btn-border:hover
{
    color:var(--tp-common-white)
}

.slider__wrapper .slider-pagination-btn
{
    position:absolute;
    bottom:0;
    left:0;
    width:80px;
    height:80px;
    line-height:80px;
    font-size:20px;
    text-align:center;
    background-color:var(--tp-common-white);
    color:var(--tp-common-black);
    z-index:1
}

[dir=rtl] .slider__wrapper .slider-pagination-btn
{
    left:auto;
    right:0
}

.slider__wrapper .slider-pagination-btn:hover
{
    background-color:var(--tp-common-black);
    color:var(--tp-common-white)
}

.slider__wrapper .slider-pagination-btn.slider-button-next
{
    left:auto;
    right:0
}

[dir=rtl] .slider__wrapper .slider-pagination-btn.slider-button-next
{
    left:0;
    right:auto
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .slider__pagination
    {
        display:none
    }
}

.slider__dot
{
    position:absolute;
    bottom:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%);
    z-index:9;
    text-align:center
}

.slider__dot .swiper-pagination-bullet
{
    width:8px;
    height:8px;
    background-color:var(--tp-common-white);
    margin:0 8px;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

.slider__form
{
    animation-delay:.9s;
    animation-duration:1s;
    width:770px;
    margin:auto
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .slider__form
    {
        width:100%
    }
}

.slider__form-wrapper
{
    background-color:var(--tp-common-white);
    border-radius:40px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .slider__form-wrapper
    {
        padding:20px
    }
}

.slider__form-input
{
    width:200px
}

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

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__form-input
    {
        width:47%;
        margin:0 6px
    }
}

@media (max-width: 575px) {
    .slider__form-input
    {
        width:100%
    }
}

.slider__form-input.has-select
{
    width:160px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider__form-input.has-select
    {
        width:173px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__form-input.has-select
    {
        width:47%;
        margin:0 8px
    }
}

@media (max-width: 575px) {
    .slider__form-input.has-select
    {
        width:100%
    }
}

.slider__form-input:first-child input
{
    border-top-left-radius:40px;
    border-bottom-left-radius:40px
}

[dir=rtl] .slider__form-input:first-child input
{
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-top-right-radius:40px;
    border-bottom-right-radius:40px
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    [dir=rtl] .slider__form-input:first-child input
    {
        border-radius:40px
    }
}

.slider__form-input input
{
    width:100%;
    height:70px;
    color:var(--tp-common-black);
    border:0;
    outline:0;
    padding:0 26px;
    border-right:1px solid var(--tp-border-2);
    background-color:var(--tp-common-white);
    font:400 14px/70px var(--tp-ff-space)
}

[dir=rtl] .slider__form-input input
{
    border-right:0;
    border-left:1px solid var(--tp-border-2)
}

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

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .slider__form-input input
    {
        width:100%;
        border-radius:40px;
        border-right:0;
        border:1px solid var(--tp-border-2);
        margin-bottom:15px;
        height:50px;
        line-height:50px
    }
}

.slider__form-input input::-webkit-input-placeholder
{
    color:var(--tp-common-black);
    font-size:14px;
    text-transform:capitalize;
    font-weight:500
}

.slider__form-input input:-moz-placeholder
{
    color:var(--tp-common-black);
    font-size:14px;
    text-transform:capitalize;
    font-weight:500
}

.slider__form-input input::-moz-placeholder
{
    color:var(--tp-common-black);
    font-size:14px;
    text-transform:capitalize;
    font-weight:500
}

.slider__form-input input:-ms-input-placeholder
{
    color:var(--tp-common-black);
    font-size:14px;
    text-transform:capitalize;
    font-weight:500
}

.slider__form-input .nice-select
{
    min-width:160px;
    color:var(--tp-common-black);
    border:0;
    padding-left:26px;
    padding-right:50px;
    font:500 14px var(--tp-ff-space)
}

[dir=rtl] .slider__form-input .nice-select
{
    padding-right:26px;
    padding-left:50px
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .slider__form-input .nice-select
    {
        width:100%;
        border-radius:40px;
        border:1px solid var(--tp-border-2);
        height:50px;
        line-height:50px
    }
}

.slider__form-input .nice-select::after
{
    right:5px
}

[dir=rtl] .slider__form-input .nice-select::after
{
    right:auto
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .slider__form-input .nice-select::after
    {
        right:25px
    }

    [dir=rtl] .slider__form-input .nice-select::after
    {
        right:auto;
        left:15px
    }
}

.slider__form-input .nice-select .list
{
    margin-top:14px;
    border-radius:0;
    width:100%;
    padding-bottom:10px;
    padding-top:9px
}

@media (max-width: 575px) {
    .slider__form-input .nice-select .list
    {
        margin-top:0
    }
}

.slider__form-input .nice-select .list .option
{
    line-height:29px;
    min-height:29px;
    padding-left:18px;
    padding-right:18px
}

.slider__form-input .nice-select .list .option:first-child
{
    display:none!important
}

.slider__form-input .nice-select .list .option:hover
{
    color:var(--tp-theme-1)
}

.slider__form-input .nice-select .list .option.selected
{
    color:var(--tp-theme-1)
}

.slider__review
{
    margin-top:213px
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px) {
    .slider__review
    {
        margin-top:100px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .slider__review
    {
        margin-top:50px
    }
}

.slider__review-icon
{
    font-size:15px;
    color:var(--tp-theme-2);
    margin-right:5px;
    -webkit-transform:translateY(-3px);
    -moz-transform:translateY(-3px);
    -ms-transform:translateY(-3px);
    -o-transform:translateY(-3px);
    transform:translateY(-3px);
    display:inline-block
}

[dir=rtl] .slider__review-icon
{
    margin-right:0;
    margin-left:5px
}

.slider__review p
{
    text-transform:uppercase;
    display:inline-block;
    margin-right:5px;
    font:15px var(--tp-ff-oswald)
}

[dir=rtl] .slider__review p
{
    margin-right:0;
    margin-left:5px
}

.slider__review p span
{
    color:var(--tp-common-black-3)
}

.slider__portfolio-btn
{
    position:absolute;
    top:50%;
    left:-20px;
    -webkit-transform:rotate(-90deg) translateX(80px);
    -moz-transform:rotate(-90deg) translateX(80px);
    -ms-transform:rotate(-90deg) translateX(80px);
    -o-transform:rotate(-90deg) translateX(80px);
    transform:rotate(-90deg) translateX(80px)
}

[dir=rtl] .slider__portfolio-btn
{
    left:auto;
    right:-20px;
    -webkit-transform:rotate(-90deg) translateX(-80px);
    -moz-transform:rotate(-90deg) translateX(-80px);
    -ms-transform:rotate(-90deg) translateX(-80px);
    -o-transform:rotate(-90deg) translateX(-80px);
    transform:rotate(-90deg) translateX(-80px)
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__portfolio-btn
    {
        top:auto;
        bottom:50px;
        -webkit-transform:rotate(0deg) translateX(47px);
        -moz-transform:rotate(0deg) translateX(47px);
        -ms-transform:rotate(0deg) translateX(47px);
        -o-transform:rotate(0deg) translateX(47px);
        transform:rotate(0deg) translateX(47px)
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider__portfolio-btn
    {
        top:22%;
        left:-40px
    }

    [dir=rtl] .slider__portfolio-btn
    {
        left:auto;
        right:-40px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__portfolio-btn
    {
        right:-30px;
        left:auto;
        top:22%
    }

    [dir=rtl] .slider__portfolio-btn
    {
        right:auto;
        left:-30px
    }
}

@media (max-width: 575px) {
    .slider__portfolio-btn
    {
        right:-30px;
        left:auto;
        top:22%
    }

    [dir=rtl] .slider__portfolio-btn
    {
        left:-30px;
        right:auto
    }
}

.slider__mouse-scroll
{
    position:absolute;
    top:50%;
    right:-20px;
    -webkit-transform:rotate(-90deg) translateX(80px);
    -moz-transform:rotate(-90deg) translateX(80px);
    -ms-transform:rotate(-90deg) translateX(80px);
    -o-transform:rotate(-90deg) translateX(80px);
    transform:rotate(-90deg) translateX(80px);
    z-index:9
}

[dir=rtl] .slider__mouse-scroll
{
    left:-20px;
    right:auto;
    -webkit-transform:rotate(-90deg) translateX(-80px);
    -moz-transform:rotate(-90deg) translateX(-80px);
    -ms-transform:rotate(-90deg) translateX(-80px);
    -o-transform:rotate(-90deg) translateX(-80px);
    transform:rotate(-90deg) translateX(-80px)
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .slider__mouse-scroll
    {
        right:-35px
    }

    [dir=rtl] .slider__mouse-scroll
    {
        right:auto;
        left:-35px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__mouse-scroll
    {
        right:48%;
        top:auto;
        bottom:0
    }

    [dir=rtl] .slider__mouse-scroll
    {
        right:auto;
        left:48%
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider__mouse-scroll
    {
        top:22%;
        right:-37px
    }

    [dir=rtl] .slider__mouse-scroll
    {
        right:auto;
        left:-37px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__mouse-scroll
    {
        top:35%;
        right:-30px
    }

    [dir=rtl] .slider__mouse-scroll
    {
        right:auto;
        left:-30px
    }
}

@media (max-width: 575px) {
    .slider__mouse-scroll
    {
        right:-30px
    }

    [dir=rtl] .slider__mouse-scroll
    {
        right:auto;
        left:-30px
    }
}

.slider__mouse-scroll p
{
    text-transform:uppercase;
    color:var(--tp-common-black-3);
    margin-bottom:0;
    font:500 12px var(--tp-ff-inter)
}

[dir=rtl] .slider__mouse-scroll p
{
    -webkit-transform:translateX(120px);
    -moz-transform:translateX(120px);
    -ms-transform:translateX(120px);
    -o-transform:translateX(120px);
    transform:translateX(120px)
}

.slider__mouse-scroll .mouse-scroll-icon
{
    -webkit-transform:rotate(90deg) translate(1px,17px);
    -moz-transform:rotate(90deg) translate(1px,17px);
    -ms-transform:rotate(90deg) translate(1px,17px);
    -o-transform:rotate(90deg) translate(1px,17px);
    transform:rotate(90deg) translate(1px,17px)
}

.slider__mouse-scroll-4
{
    top:85%
}

.slider__mouse-scroll-4 p
{
    letter-spacing:.5em;
    text-transform:uppercase;
    color:#FFF;
    opacity:.7;
    font:400 12px/15px var(--tp-ff-space)
}

[dir=rtl] .slider__mouse-scroll-4 p
{
    -webkit-transform:translateX(180px);
    -moz-transform:translateX(180px);
    -ms-transform:translateX(180px);
    -o-transform:translateX(180px);
    transform:translateX(180px)
}

.slider__shape-camera
{
    position:absolute;
    bottom:12%;
    left:-13.5%;
    mix-blend-mode:exclusion;
    opacity:.5
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider__shape-camera
    {
        left:-33.5%
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__shape-camera
    {
        bottom:-11%;
        left:-42.5%
    }
}

@media (max-width: 575px) {
    .slider__shape-camera
    {
        bottom:-11%;
        left:-84.5%
    }
}

.slider__shape-2-1
{
    position:absolute;
    top:14%;
    right:10%;
    -moz-animation:tptranslateY 3s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tptranslateY 3s ease-in-out 1s forwards infinite alternate;
    animation:tptranslateY 3s ease-in-out 1s forwards infinite alternate
}

@media (max-width: 575px) {
    .slider__shape-2-1
    {
        top:5%;
        display:none
    }
}

[dir=rtl] .slider__shape-2-1
{
    right:auto;
    left:10%
}

.slider__shape-2-2
{
    position:absolute;
    top:44%;
    right:12%;
    -moz-animation:tprotate 3s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tprotate 3s ease-in-out 1s forwards infinite alternate;
    animation:tprotate 3s ease-in-out 1s forwards infinite alternate
}

@media (max-width: 575px) {
    .slider__shape-2-2
    {
        top:25%;
        right:5%
    }
}

[dir=rtl] .slider__shape-2-2
{
    right:auto;
    left:12%
}

.slider__shape-2-3
{
    position:absolute;
    bottom:15%;
    right:16%;
    -moz-animation:tptranslateX2 3s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tptranslateX2 3s ease-in-out 1s forwards infinite alternate;
    animation:tptranslateX2 3s ease-in-out 1s forwards infinite alternate
}

[dir=rtl] .slider__shape-2-3
{
    right:auto;
    left:16%
}

.slider__shape-4-1
{
    position:absolute;
    bottom:0;
    right:0;
    z-index:-1;
    height:100%
}

[dir=rtl] .slider__shape-4-1
{
    width:100%
}

.slider__shape-4-2
{
    position:absolute;
    top:16%;
    left:4%;
    z-index:-1;
    -moz-animation:tprotate 3s ease-in-out 3s forwards infinite alternate;
    -webkit-animation:tprotate 3s ease-in-out 3s forwards infinite alternate;
    animation:tprotate 3s ease-in-out 3s forwards infinite alternate
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .slider__shape-4-2
    {
        top:4%
    }
}

.slider__shape-4-3
{
    position:absolute;
    top:34%;
    left:9%;
    z-index:-1;
    -moz-animation:tpupdown 2.3s ease-in-out 2.3s forwards infinite alternate;
    -webkit-animation:tpupdown 2.3s ease-in-out 2.3s forwards infinite alternate;
    animation:tpupdown 2.3s ease-in-out 2.3s forwards infinite alternate
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .slider__shape-4-3
    {
        left:3%
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .slider__shape-4-3
    {
        top:22%;
        left:2%
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .slider__shape-4-3
    {
        display:none
    }
}

.slider__shape-5
{
    position:absolute;
    top:15%;
    left:2%;
    -moz-animation:tpupdown 1.5s ease-in-out 1.5s forwards infinite alternate;
    -webkit-animation:tpupdown 1.5s ease-in-out 1.5s forwards infinite alternate;
    animation:tpupdown 1.5s ease-in-out 1.5s forwards infinite alternate
}

.slider__shape-6
{
    position:absolute;
    bottom:32%;
    left:6%;
    -moz-animation:tprotate 3s ease-in-out 3s forwards infinite alternate;
    -webkit-animation:tprotate 3s ease-in-out 3s forwards infinite alternate;
    animation:tprotate 3s ease-in-out 3s forwards infinite alternate
}

.slider__shape-7
{
    position:absolute;
    bottom:14%;
    right:38%;
    -moz-animation:tpupdown 1.5s ease-in-out 1.5s forwards infinite alternate;
    -webkit-animation:tpupdown 1.5s ease-in-out 1.5s forwards infinite alternate;
    animation:tpupdown 1.5s ease-in-out 1.5s forwards infinite alternate
}

.slider__shape-8
{
    position:absolute;
    top:19%;
    left:37%;
    -moz-animation:tprotate 3s ease-in-out 3s forwards infinite alternate;
    -webkit-animation:tprotate 3s ease-in-out 3s forwards infinite alternate;
    animation:tprotate 3s ease-in-out 3s forwards infinite alternate
}

.slider__shape-9
{
    position:absolute;
    top:30%;
    left:42%;
    z-index:-1;
    -moz-animation:tpswing 1s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tpswing 1s ease-in-out 1s forwards infinite alternate;
    animation:tpswing 1s ease-in-out 1s forwards infinite alternate;
    transform-origin:left center
}

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

@media (max-width: 575px) {
    .slider__shape-10
    {
        width:100%
    }
}

.slider__shape-11
{
    position:absolute;
    bottom:27%;
    left:4%;
    z-index:-1;
    -moz-animation:tpupdown 1s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tpupdown 1s ease-in-out 1s forwards infinite alternate;
    animation:tpupdown 1s ease-in-out 1s forwards infinite alternate
}

.slider__shape-12
{
    position:absolute;
    bottom:10%;
    right:6%;
    z-index:-1;
    -moz-animation:tpupdown 1s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tpupdown 1s ease-in-out 1s forwards infinite alternate;
    animation:tpupdown 1s ease-in-out 1s forwards infinite alternate
}

.slider__shape-13
{
    position:absolute;
    top:10%;
    right:48%;
    z-index:-1;
    -moz-animation:tprotate 3s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tprotate 3s ease-in-out 1s forwards infinite alternate;
    animation:tprotate 3s ease-in-out 1s forwards infinite alternate
}

@media (max-width: 575px) {
    .slider__shape-13
    {
        top:2%
    }
}

.slider__shape-14
{
    position:absolute;
    top:8%;
    right:6%;
    z-index:-1
}

.slider__shape-15
{
    position:absolute;
    top:3%;
    right:31%;
    z-index:-1
}

.slider__shape-16
{
    position:absolute;
    top:15%;
    right:0;
    z-index:-1
}

.slider__shape-17
{
    position:absolute;
    top:-7%;
    right:11%;
    z-index:-1
}

.slider__shape-18
{
    position:absolute;
    top:34%;
    right:38%;
    z-index:-1
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .slider__shape-18
    {
        display:none
    }
}

.slider__shape-19
{
    position:absolute;
    top:20%;
    left:0;
    z-index:-1
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .slider__shape-19
    {
        top:3%
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .slider__shape-19
    {
        top:10%;
        width:7%
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__shape-19
    {
        top:12%;
        width:10%
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .slider__shape-19
    {
        top:5%;
        left:auto;
        right:0;
        -webkit-transform:scale(-1,1);
        -moz-transform:scale(-1,1);
        -ms-transform:scale(-1,1);
        -o-transform:scale(-1,1);
        transform:scale(-1,1)
    }

    [dir=rtl] .slider__shape-19
    {
        left:0;
        right:auto;
        -webkit-transform:scale(1,1);
        -moz-transform:scale(1,1);
        -ms-transform:scale(1,1);
        -o-transform:scale(1,1);
        transform:scale(1,1)
    }
}

@media (max-width: 575px) {
    .slider__shape-19
    {
        width:22%
    }
}

.slider__shape-20
{
    position:absolute;
    top:30%;
    right:-24%;
    z-index:-1
}

[dir=rtl] .slider__shape-20
{
    right:-5%
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .slider__shape-20
    {
        top:20%;
        right:-18%
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .slider__shape-20
    {
        top:7%;
        right:-7%
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__shape-20
    {
        top:1%;
        right:-2%
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider__shape-20
    {
        top:10%;
        left:83%;
        -webkit-transform:scale(0.8);
        -moz-transform:scale(0.8);
        -ms-transform:scale(0.8);
        -o-transform:scale(0.8);
        transform:scale(0.8)
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__shape-20
    {
        top:15%;
        right:11%
    }
}

@media (max-width: 575px) {
    .slider__shape-20
    {
        top:0;
        right:-7%;
        -webkit-transform:scale(0.6);
        -moz-transform:scale(0.6);
        -ms-transform:scale(0.6);
        -o-transform:scale(0.6);
        transform:scale(0.6)
    }
}

.slider__shape-21
{
    position:absolute;
    top:17%;
    left:14%
}

[dir=rtl] .slider__shape-21
{
    top:22%;
    left:-3%
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider__shape-21
    {
        top:30%;
        left:13%;
        -webkit-transform:scale(0.7);
        -moz-transform:scale(0.7);
        -ms-transform:scale(0.7);
        -o-transform:scale(0.7);
        transform:scale(0.7)
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__shape-21
    {
        top:22%;
        left:18%
    }
}

@media (max-width: 575px) {
    .slider__shape-21
    {
        top:17%;
        left:14%;
        -webkit-transform:scale(0.7) translateX(-39px);
        -moz-transform:scale(0.7) translateX(-39px);
        -ms-transform:scale(0.7) translateX(-39px);
        -o-transform:scale(0.7) translateX(-39px);
        transform:scale(0.7) translateX(-39px)
    }
}

.slider__btn-4 .tp-btn-brown
{
    border:2px solid var(--tp-theme-4);
    padding:10px 33px
}

.slider__btn-4 .tp-btn-brown:hover
{
    color:var(--tp-common-white);
    background-color:transparent;
    border-color:rgba(255,255,255,0.1)
}

.slider__btn-8
{
    animation-delay:.7s;
    animation-duration:1s
}

.slider__btn-8 .tp-style-border
{
    border:2px solid var(--tp-theme-8);
    padding:11px 41px 13px
}

.slider__btn-8 .tp-style-border:hover
{
    color:var(--tp-common-white);
    border-color:rgba(255,255,255,0.2);
    background-color:transparent
}

.slider__btn-11
{
    animation-delay:.9s;
    animation-duration:1s
}

.slider__btn-13
{
    animation-delay:.7s;
    animation-duration:1s
}

.slider__user
{
    margin-top:150px;
    display:flex;
    align-items:center
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .slider__user
    {
        margin-top:50px
    }
}

.slider__user p
{
    color:var(--tp-common-black-9);
    margin-bottom:0;
    margin-left:10px;
    font:500 12px/14px var(--tp-ff-roboto)
}

[dir=rtl] .slider__user p
{
    margin-left:0;
    margin-right:10px
}

.slider__user ul li
{
    list-style:none;
    display:inline-block;
    margin-left:-15px
}

[dir=rtl] .slider__user ul li
{
    margin-left:0;
    margin-right:-15px
}

.slider__user ul li:first-child
{
    margin-left:0
}

[dir=rtl] .slider__user ul li:first-child
{
    margin-right:0
}

.slider__user ul li a img
{
    width:44px;
    height:44px;
    border-radius:50%;
    border:2px solid var(--tp-common-white);
    box-shadow:0 1px 2px rgba(13,18,30,0.1)
}

.slider__subscribe
{
    padding-right:75px
}

[dir=rtl] .slider__subscribe
{
    padding-right:0;
    padding-left:75px
}

@media (max-width: 575px) {
    .slider__subscribe
    {
        padding-right:0
    }

    [dir=rtl] .slider__subscribe
    {
        padding-left:0
    }
}

.slider__subscribe-input
{
    position:relative;
    margin-bottom:16px
}

.slider__subscribe-input input
{
    width:100%;
    height:70px;
    box-shadow:0 2px 3px rgba(4,36,30,0.1);
    border-radius:40px;
    background-color:var(--tp-common-white);
    border:0;
    outline:0;
    padding:0 180px;
    padding-left:57px
}

[dir=rtl] .slider__subscribe-input input
{
    padding-left:180px;
    padding-right:57px;
    text-align:right
}

@media (max-width: 575px) {
    .slider__subscribe-input input
    {
        padding-right:30px
    }

    [dir=rtl] .slider__subscribe-input input
    {
        padding-right:0;
        padding-left:30px
    }
}

.slider__subscribe-input input::-webkit-input-placeholder
{
    color:var(--tp-text-22);
    font:15px var(--tp-ff-inter)
}

.slider__subscribe-input input:-moz-placeholder
{
    color:var(--tp-text-22);
    font:15px var(--tp-ff-inter)
}

.slider__subscribe-input input::-moz-placeholder
{
    color:var(--tp-text-22);
    font:15px var(--tp-ff-inter)
}

.slider__subscribe-input input:-ms-input-placeholder
{
    color:var(--tp-text-22);
    font:15px var(--tp-ff-inter)
}

.slider__subscribe-input i,.slider__subscribe-input span
{
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    left:30px;
    font-size:15px;
    color:var(--tp-text-22)
}

[dir=rtl] .slider__subscribe-input i,[dir=rtl] .slider__subscribe-input span
{
    left:auto;
    right:30px
}

.slider__subscribe-input svg
{
    -webkit-transform:translateY(-1px);
    -moz-transform:translateY(-1px);
    -ms-transform:translateY(-1px);
    -o-transform:translateY(-1px);
    transform:translateY(-1px)
}

.slider__subscribe-input-box
{
    position:relative
}

.slider__subscribe-input-box button
{
    position:absolute;
    top:10px;
    right:10px
}

[dir=rtl] .slider__subscribe-input-box button
{
    right:auto;
    left:10px
}

@media (max-width: 575px) {
    .slider__subscribe-input-box button
    {
        position:relative;
        top:0;
        right:auto;
        left:0;
        margin-bottom:20px
    }

    [dir=rtl] .slider__subscribe-input-box button
    {
        left:auto;
        right:0
    }
}

.slider__subscribe-list ul li
{
    list-style:none;
    display:inline-block;
    margin-right:25px
}

[dir=rtl] .slider__subscribe-list ul li
{
    margin-right:0;
    margin-left:25px
}

@media (max-width: 575px) {
    .slider__subscribe-list ul li
    {
        margin-bottom:15px
    }
}

.slider__subscribe-list ul li i
{
    display:inline-block;
    background-image:-webkit-linear-gradient(142.96deg,#28D58A 14.78%,#2CAE76 95.99%);
    background-image:-moz-linear-gradient(142.96deg,#28D58A 14.78%,#2CAE76 95.99%);
    background-image:-ms-linear-gradient(142.96deg,#28D58A 14.78%,#2CAE76 95.99%);
    background-image:-o-linear-gradient(142.96deg,#28D58A 14.78%,#2CAE76 95.99%);
    background-image:linear-gradient(142.96deg,#28D58A 14.78%,#2CAE76 95.99%);
    box-shadow:0 1px 2px rgba(6,138,75,0.3);
    width:20px;
    height:20px;
    line-height:20px;
    text-align:center;
    color:var(--tp-common-white);
    font-size:10px;
    border-radius:50%;
    margin-right:5px
}

[dir=rtl] .slider__subscribe-list ul li i
{
    margin-right:0;
    margin-left:5px
}

.slider__social
{
    position:absolute;
    top:40%;
    left:75px;
    z-index:9
}

[dir=rtl] .slider__social
{
    left:auto;
    right:75px
}

.slider__social ul li
{
    list-style:none
}

.slider__social ul li a
{
    display:inline-block;
    width:40px;
    height:40px;
    line-height:36px;
    text-align:center;
    border:2px solid rgba(255,255,255,0.2);
    color:var(--tp-common-white);
    border-radius:50%;
    margin-bottom:8px
}

.slider__social ul li a:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-8);
    border-color:var(--tp-theme-8)
}

.slider__social ul li a.tw
{
    font-size:13px
}

.slider__social span
{
    display:inline-block;
    letter-spacing:-.02em;
    color:#FFF;
    -webkit-transform:rotate(-90deg) translate(-38px,-28px);
    -moz-transform:rotate(-90deg) translate(-38px,-28px);
    -ms-transform:rotate(-90deg) translate(-38px,-28px);
    -o-transform:rotate(-90deg) translate(-38px,-28px);
    transform:rotate(-90deg) translate(-38px,-28px);
    position:relative;
    padding-right:25px;
    font:700 16px/20px var(--tp-ff-space)
}

[dir=rtl] .slider__social span
{
    padding-right:0;
    padding-left:25px;
    -webkit-transform:rotate(-90deg) translate(-38px,28px);
    -moz-transform:rotate(-90deg) translate(-38px,28px);
    -ms-transform:rotate(-90deg) translate(-38px,28px);
    -o-transform:rotate(-90deg) translate(-38px,28px);
    transform:rotate(-90deg) translate(-38px,28px)
}

.slider__social span::after
{
    position:absolute;
    content:"";
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:14px;
    height:2px;
    background-color:var(--tp-common-white)
}

[dir=rtl] .slider__social span::after
{
    right:auto;
    left:0
}

.slider__social-9 > span
{
    color:var(--tp-common-black);
    display:inline-block;
    margin-right:10px;
    margin-bottom:15px;
    font:400 16px/16px var(--tp-ff-syne)
}

[dir=rtl] .slider__social-9 > span
{
    margin-right:0;
    margin-left:10px
}

.slider__social-9 ul
{
    margin-bottom:15px
}

.slider__social-9 ul li
{
    list-style:none;
    display:inline-block;
    margin-right:5px
}

[dir=rtl] .slider__social-9 ul li
{
    margin-right:0;
    margin-left:5px
}

.slider__social-9 ul li:last-child
{
    margin-right:0
}

[dir=rtl] .slider__social-9 ul li:last-child
{
    margin-left:0
}

.slider__social-9 ul li a
{
    display:inline-block;
    width:50px;
    height:50px;
    line-height:48px;
    text-align:center;
    border:1px solid #EAEAEF;
    border-radius:50%
}

.slider__social-9 ul li a svg
{
    -webkit-transform:translateY(-1px);
    -moz-transform:translateY(-1px);
    -ms-transform:translateY(-1px);
    -o-transform:translateY(-1px);
    transform:translateY(-1px)
}

.slider__social-9 ul li a:hover
{
    background-color:var(--tp-common-black);
    border-color:var(--tp-common-black);
    color:var(--tp-common-white)
}

.slider__social-12
{
    position:absolute;
    bottom:43px;
    left:50px
}

[dir=rtl] .slider__social-12
{
    left:auto;
    right:50px
}

@media (max-width: 575px) {
    .slider__social-12
    {
        left:15px
    }

    [dir=rtl] .slider__social-12
    {
        left:auto;
        right:15px
    }
}

.slider__social-12 span
{
    color:var(--tp-common-white);
    margin-right:3px;
    font:500 16px var(--tp-ff-inter)
}

[dir=rtl] .slider__social-12 span
{
    margin-right:0;
    margin-left:3px
}

.slider__social-12 a
{
    color:var(--tp-common-white-op-7);
    margin-right:5px
}

[dir=rtl] .slider__social-12 a
{
    margin-right:0;
    margin-left:5px
}

.slider__social-12 a:last-child
{
    margin-right:0
}

[dir=rtl] .slider__social-12 a:last-child
{
    margin-left:0
}

.slider__social-12 a:hover
{
    color:var(--tp-common-white)
}

.slider__nav
{
    width:650px;
    position:absolute;
    bottom:0;
    right:0;
    z-index:9
}

[dir=rtl] .slider__nav
{
    right:auto;
    left:0
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__nav
    {
        bottom:-18px;
        right:-98px;
        -webkit-transform:scale(0.7);
        -moz-transform:scale(0.7);
        -ms-transform:scale(0.7);
        -o-transform:scale(0.7);
        transform:scale(0.7)
    }

    [dir=rtl] .slider__nav
    {
        right:auto;
        left:-98px
    }
}

.slider__nav-content
{
    padding:20px 40px 16px;
    padding-right:109px;
    background-color:var(--tp-theme-8);
    min-width:380px
}

[dir=rtl] .slider__nav-content
{
    padding-right:40px;
    padding-left:109px
}

.slider__nav-content span
{
    display:inline-block;
    color:#FFF;
    margin-bottom:2px;
    animation-delay:.2s;
    animation-duration:.5s;
    font:700 18px var(--tp-ff-space)
}

.slider__nav-content .slider-nav-title
{
    letter-spacing:-.04em;
    color:var(--tp-common-white);
    animation-delay:.4s;
    animation-duration:.5s;
    font:700 20px/24px var(--tp-ff-space)
}

.slider__nav-arrow
{
    position:absolute;
    top:0;
    right:calc(100% + 1px);
    z-index:11
}

[dir=rtl] .slider__nav-arrow
{
    right:auto;
    left:calc(100% + 1px)
}

.slider__nav-arrow button
{
    display:inline-block;
    width:60px;
    height:59.5px;
    line-height:60px;
    text-align:center;
    background-color:var(--tp-common-white);
    color:var(--tp-common-black-12);
    font-size:18px;
    margin-top:.5px
}

.slider__nav-arrow button:hover
{
    background-color:var(--tp-theme-8);
    color:var(--tp-common-white)
}

.slider__nav-arrow button.slider-button-8-next
{
    margin-bottom:.5px;
    height:59.5px;
    margin-top:0
}

.slider__nav-arrow button.slider-button-8-next:hover
{
    border-color:var(--tp-theme-8)
}

.slider__nav-arrow-12 button
{
    position:absolute;
    top:50%;
    left:50px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:50px;
    height:50px;
    line-height:46px;
    text-align:center;
    border:2px solid rgba(255,255,255,0.1);
    z-index:9;
    color:var(--tp-common-white)
}

[dir=rtl] .slider__nav-arrow-12 button
{
    left:auto;
    right:50px
}

.slider__nav-arrow-12 button.slider-button-12-next
{
    left:auto;
    right:50px
}

[dir=rtl] .slider__nav-arrow-12 button.slider-button-12-next
{
    left:50px;
    right:auto
}

.slider__nav-arrow-12 button:hover
{
    color:var(--tp-common-black);
    background-color:var(--tp-common-white);
    border-color:var(--tp-common-white)
}

.slider__nav .swiper-slide-active .slider__nav-content span,.slider__nav .swiper-slide-active .slider__nav-content .slider-nav-title
{
    animation-name:fadeInUp;
    animation-fill-mode:both
}

.slider__product
{
    animation-delay:.6s;
    animation-duration:1s
}

.slider__product-price
{
    letter-spacing:-.04em;
    color:var(--tp-common-yellow-4);
    position:relative;
    font:700 40px/1 var(--tp-ff-rajdhani)
}

.slider__product-price svg
{
    position:absolute;
    bottom:-3px;
    left:0
}

[dir=rtl] .slider__product-price svg
{
    left:auto;
    right:0
}

.slider__product-price.old-price
{
    color:var(--tp-common-black-19);
    font-size:18px;
    font-weight:500;
    margin-left:3px;
    text-decoration-line:line-through
}

[dir=rtl] .slider__product-price.old-price
{
    margin-left:0;
    margin-right:3px
}

.slider__product-tooltip .tp-tooltip-single
{
    position:absolute;
    text-align:center;
    width:70px;
    height:70px;
    top:39%;
    right:21%;
    z-index:1
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider__product-tooltip .tp-tooltip-single
    {
        top:48%;
        right:2%
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__product-tooltip .tp-tooltip-single
    {
        top:45%;
        right:60%
    }
}

@media (max-width: 575px) {
    .slider__product-tooltip .tp-tooltip-single
    {
        display:none
    }
}

.slider__product-tooltip .tp-tooltip-single.tp-tooltip-two
{
    right:11%;
    top:18%
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .slider__product-tooltip .tp-tooltip-single.tp-tooltip-two
    {
        right:6%
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider__product-tooltip .tp-tooltip-single.tp-tooltip-two
    {
        right:71%;
        top:43%
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .slider__product-tooltip .tp-tooltip-single.tp-tooltip-two
    {
        display:none
    }
}

.slider__product-tooltip .tp-tooltip-single:hover .tp-tooltip-content
{
    visibility:visible;
    opacity:1;
    -webkit-transform:translate(-45%,36px);
    -moz-transform:translate(-45%,36px);
    -ms-transform:translate(-45%,36px);
    -o-transform:translate(-45%,36px);
    transform:translate(-45%,36px)
}

.slider__product-tooltip .tp-tooltip-circle
{
    width:24px;
    height:24px;
    background-color:var(--tp-theme-1);
    border:9px solid var(--tp-common-white);
    border-radius:50%;
    box-shadow:0 6px 14px rgba(9,22,24,0.3);
    position:relative
}

.slider__product-tooltip .tp-tooltip-circle .tp-tooltip-effect-1,.slider__product-tooltip .tp-tooltip-circle .tp-tooltip-effect-2
{
    position:absolute;
    left:-32px;
    top:-32px;
    width:70px;
    height:70px;
    background:rgba(255,255,255,0.1);
    border:1px solid rgba(255,255,255,0.4);
    backdrop-filter:blur(6px);
    border-radius:50%;
    z-index:-1;
    -webkit-animation:tp-hotspot-2 2s infinite cubic-bezier(0.4,0,1,1);
    animation:tp-hotspot-2 2s infinite cubic-bezier(0.4,0,1,1);
    animation-delay:0
}

.slider__product-tooltip .tp-tooltip-circle .tp-tooltip-effect-2
{
    animation-delay:.4s
}

.slider__product-tooltip .tp-tooltip-content
{
    background-color:var(--tp-common-white);
    position:relative;
    min-width:220px;
    padding:15px 20px;
    -webkit-transform:translate(-45%,50px);
    -moz-transform:translate(-45%,50px);
    -ms-transform:translate(-45%,50px);
    -o-transform:translate(-45%,50px);
    transform:translate(-45%,50px);
    transform-origin:top center;
    visibility:hidden;
    opacity:0
}

.slider__product-tooltip .tp-tooltip-content::after
{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:14px;
    height:14px;
    background-color:var(--tp-common-white);
    top:0;
    left:50%;
    -webkit-transform:translate(-50%,-50%) rotate(45deg);
    -moz-transform:translate(-50%,-50%) rotate(45deg);
    -ms-transform:translate(-50%,-50%) rotate(45deg);
    -o-transform:translate(-50%,-50%) rotate(45deg);
    transform:translate(-50%,-50%) rotate(45deg)
}

.slider__product-tooltip .tp-tooltip-content h5
{
    margin-bottom:3px;
    text-align:center;
    color:var(--tp-common-black-15);
    font:600 18px/1 var(--tp-ff-syne)
}

.slider__product-tooltip .tp-tooltip-content p
{
    letter-spacing:.04em;
    color:#4E5657;
    margin-bottom:0;
    font:15px/1 var(--tp-ff-syne)
}

.slider__product-wrapper
{
    margin-left:-30px
}

[dir=rtl] .slider__product-wrapper
{
    margin-left:0;
    margin-right:-30px
}

#product_wrapper
{
    position:relative;
    width:540px;
    height:614px
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    #product_wrapper
    {
        margin-left:-180px
    }

    [dir=rtl] #product_wrapper
    {
        margin-left:0;
        margin-right:-180px
    }
}

#product_wrapper::after
{
    position:absolute;
    content:"";
    left:-19%;
    top:-1%;
    width:700px;
    height:700px;
    background-image:-webkit-linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 100%);
    background-image:-moz-linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 100%);
    background-image:-ms-linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 100%);
    background-image:-o-linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 100%);
    background-image:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 100%);
    border-radius:50%
}

[dir=rtl] #product_wrapper::after
{
    left:auto;
    right:-19%
}

#product_wrapper .slider__product-thumb-single
{
    visibility:hidden;
    opacity:0
}

#product_wrapper.product-img-1 .product-img-1
{
    visibility:visible;
    opacity:1
}

#product_wrapper.product-img-2 .product-img-2
{
    visibility:visible;
    opacity:1
}

#product_wrapper.product-img-3 .product-img-3
{
    visibility:visible;
    opacity:1
}

#product_wrapper.product-img-4 .product-img-4
{
    visibility:visible;
    opacity:1
}

#product_wrapper.product-img-5 .product-img-5
{
    visibility:visible;
    opacity:1
}

#product_wrapper.product-img-6 .product-img-6
{
    visibility:visible;
    opacity:1
}

#product_wrapper.product-img-7 .product-img-7
{
    visibility:visible;
    opacity:1
}

#product_wrapper.product-img-8 .product-img-8
{
    visibility:visible;
    opacity:1
}

#product_wrapper.product-img-9 .product-img-9
{
    visibility:visible;
    opacity:1
}

#product_wrapper.product-img-10 .product-img-10
{
    visibility:visible;
    opacity:1
}

#product_wrapper.product-img-11 .product-img-11
{
    visibility:visible;
    opacity:1
}

#product_wrapper.product-img-12 .product-img-12
{
    visibility:visible;
    opacity:1
}

#product_wrapper.product-img-13 .product-img-13
{
    visibility:visible;
    opacity:1
}

#product_wrapper.product-img-14 .product-img-14
{
    visibility:visible;
    opacity:1
}

#product_wrapper.product-img-15 .product-img-15
{
    visibility:visible;
    opacity:1
}

#product_wrapper.product-img-16 .product-img-16
{
    visibility:visible;
    opacity:1
}

#product_wrapper.product-img-17 .product-img-17
{
    visibility:visible;
    opacity:1
}

#product_wrapper.product-img-18 .product-img-18
{
    visibility:visible;
    opacity:1
}

#product_wrapper.product-img-19 .product-img-19
{
    visibility:visible;
    opacity:1
}

#product_wrapper.product-img-20 .product-img-20
{
    visibility:visible;
    opacity:1
}

#product_wrapper.product-img-21 .product-img-21
{
    visibility:visible;
    opacity:1
}

#product_wrapper.product-img-22 .product-img-22
{
    visibility:visible;
    opacity:1
}

#product_wrapper.product-img-23 .product-img-23
{
    visibility:visible;
    opacity:1
}

#product_wrapper.product-img-24 .product-img-24
{
    visibility:visible;
    opacity:1
}

.slider__product-thumb-single
{
    position:absolute;
    top:-7%;
    left:-16%
}

[dir=rtl] .slider__product-thumb-single
{
    left:auto;
    right:-16%
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),only screen and (min-width: 1200px) and (max-width: 1399px) {
    .slider__product-thumb-single
    {
        -webkit-transform:scale(0.7);
        -moz-transform:scale(0.7);
        -ms-transform:scale(0.7);
        -o-transform:scale(0.7);
        transform:scale(0.7)
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__product-thumb-single
    {
        left:-60%;
        -webkit-transform:scale(0.7);
        -moz-transform:scale(0.7);
        -ms-transform:scale(0.7);
        -o-transform:scale(0.7);
        transform:scale(0.7)
    }

    [dir=rtl] .slider__product-thumb-single
    {
        left:auto;
        right:-60%
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider__product-thumb-single
    {
        left:-48%;
        -webkit-transform:scale(0.6);
        -moz-transform:scale(0.6);
        -ms-transform:scale(0.6);
        -o-transform:scale(0.6);
        transform:scale(0.6)
    }

    [dir=rtl] .slider__product-thumb-single
    {
        left:auto;
        right:-48%
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__product-thumb-single
    {
        top:0;
        left:-71%;
        -webkit-transform:scale(0.4);
        -moz-transform:scale(0.4);
        -ms-transform:scale(0.4);
        -o-transform:scale(0.4);
        transform:scale(0.4)
    }

    [dir=rtl] .slider__product-thumb-single
    {
        left:auto;
        right:-71%
    }
}

@media (max-width: 575px) {
    .slider__product-thumb-single
    {
        top:0;
        left:0;
        -webkit-transform:scale(0.3) translate(-950px,-150px);
        -moz-transform:scale(0.3) translate(-950px,-150px);
        -ms-transform:scale(0.3) translate(-950px,-150px);
        -o-transform:scale(0.3) translate(-950px,-150px);
        transform:scale(0.3) translate(-950px,-150px)
    }

    [dir=rtl] .slider__product-thumb-single
    {
        left:auto;
        right:0
    }
}

.slider__product-thumb-nav
{
    position:absolute;
    right:12%;
    top:22%;
    width:220px;
    height:540px
}

[dir=rtl] .slider__product-thumb-nav
{
    right:auto;
    left:12%
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),only screen and (min-width: 1200px) and (max-width: 1399px) {
    .slider__product-thumb-nav
    {
        -webkit-transform:scale(0.7);
        -moz-transform:scale(0.7);
        -ms-transform:scale(0.7);
        -o-transform:scale(0.7);
        transform:scale(0.7)
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider__product-thumb-nav
    {
        right:9%;
        top:22%;
        -webkit-transform:scale(0.7);
        -moz-transform:scale(0.7);
        -ms-transform:scale(0.7);
        -o-transform:scale(0.7);
        transform:scale(0.7)
    }

    [dir=rtl] .slider__product-thumb-nav
    {
        right:auto;
        left:9%
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider__product-thumb-nav
    {
        bottom:0;
        top:auto;
        right:0;
        width:540px;
        height:220px;
        -webkit-transform:scale(0.6) translateY(50px);
        -moz-transform:scale(0.6) translateY(50px);
        -ms-transform:scale(0.6) translateY(50px);
        -o-transform:scale(0.6) translateY(50px);
        transform:scale(0.6) translateY(50px)
    }

    [dir=rtl] .slider__product-thumb-nav
    {
        right:auto;
        left:0
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__product-thumb-nav
    {
        bottom:0;
        top:auto;
        right:0;
        width:540px;
        height:220px;
        -webkit-transform:scale(0.6) translateY(90px);
        -moz-transform:scale(0.6) translateY(90px);
        -ms-transform:scale(0.6) translateY(90px);
        -o-transform:scale(0.6) translateY(90px);
        transform:scale(0.6) translateY(90px)
    }

    [dir=rtl] .slider__product-thumb-nav
    {
        right:auto;
        left:0
    }
}

@media (max-width: 575px) {
    .slider__product-thumb-nav
    {
        bottom:0;
        top:auto;
        right:0;
        width:inherit;
        height:220px;
        -webkit-transform:scale(0.6) translate(98px,-120px);
        -moz-transform:scale(0.6) translate(98px,-120px);
        -ms-transform:scale(0.6) translate(98px,-120px);
        -o-transform:scale(0.6) translate(98px,-120px);
        transform:scale(0.6) translate(98px,-120px)
    }

    [dir=rtl] .slider__product-thumb-nav
    {
        right:auto;
        left:0
    }
}

.slider__product-thumb-nav-border
{
    position:absolute;
    top:7%;
    left:2%
}

[dir=rtl] .slider__product-thumb-nav-border
{
    left:auto;
    right:2%
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .slider__product-thumb-nav-border
    {
        display:none
    }
}

.slider__product-thumb-nav .product-img-sm-1
{
    position:absolute;
    top:-25px;
    left:0
}

[dir=rtl] .slider__product-thumb-nav .product-img-sm-1
{
    left:auto;
    right:0
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__product-thumb-nav .product-img-sm-1
    {
        position:relative;
        left:inherit;
        top:inherit
    }

    [dir=rtl] .slider__product-thumb-nav .product-img-sm-1
    {
        left:auto;
        right:inherit
    }
}

@media (max-width: 575px) {
    .slider__product-thumb-nav .product-img-sm-1
    {
        position:relative;
        left:inherit;
        top:inherit
    }

    [dir=rtl] .slider__product-thumb-nav .product-img-sm-1
    {
        left:auto;
        right:inherit
    }
}

.slider__product-thumb-nav .product-img-sm-2
{
    position:absolute;
    right:-18%;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%)
}

[dir=rtl] .slider__product-thumb-nav .product-img-sm-2
{
    right:auto;
    left:-18%
}

.slider__product-thumb-nav .product-img-sm-2::after
{
    background-image:-webkit-linear-gradient(216.8deg,#9795F0 23.15%,#FBC8D4 74.43%);
    background-image:-moz-linear-gradient(216.8deg,#9795F0 23.15%,#FBC8D4 74.43%);
    background-image:-ms-linear-gradient(216.8deg,#9795F0 23.15%,#FBC8D4 74.43%);
    background-image:-o-linear-gradient(216.8deg,#9795F0 23.15%,#FBC8D4 74.43%);
    background-image:linear-gradient(216.8deg,#9795F0 23.15%,#FBC8D4 74.43%)
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__product-thumb-nav .product-img-sm-2
    {
        position:relative;
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0);
        top:inherit;
        right:inherit
    }

    [dir=rtl] .slider__product-thumb-nav .product-img-sm-2
    {
        right:auto;
        left:inherit
    }
}

@media (max-width: 575px) {
    .slider__product-thumb-nav .product-img-sm-2
    {
        position:relative;
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0);
        top:inherit;
        right:inherit
    }

    [dir=rtl] .slider__product-thumb-nav .product-img-sm-2
    {
        right:auto;
        left:inherit
    }
}

.slider__product-thumb-nav .product-img-sm-3
{
    position:absolute;
    bottom:-10px;
    left:0
}

[dir=rtl] .slider__product-thumb-nav .product-img-sm-3
{
    left:auto;
    right:0
}

.slider__product-thumb-nav .product-img-sm-3::after
{
    background-image:-webkit-linear-gradient(223.95deg,#FFDD71 16.77%,#FF7750 83.83%);
    background-image:-moz-linear-gradient(223.95deg,#FFDD71 16.77%,#FF7750 83.83%);
    background-image:-ms-linear-gradient(223.95deg,#FFDD71 16.77%,#FF7750 83.83%);
    background-image:-o-linear-gradient(223.95deg,#FFDD71 16.77%,#FF7750 83.83%);
    background-image:linear-gradient(223.95deg,#FFDD71 16.77%,#FF7750 83.83%)
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__product-thumb-nav .product-img-sm-3
    {
        position:relative;
        bottom:inherit;
        left:inherit
    }

    [dir=rtl] .slider__product-thumb-nav .product-img-sm-3
    {
        left:auto;
        right:inherit
    }
}

@media (max-width: 575px) {
    .slider__product-thumb-nav .product-img-sm-3
    {
        position:relative;
        bottom:inherit;
        left:inherit
    }

    [dir=rtl] .slider__product-thumb-nav .product-img-sm-3
    {
        left:auto;
        right:inherit
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px) {
    .slider__product-thumb-sm
    {
        margin-right:60px
    }

    [dir=rtl] .slider__product-thumb-sm
    {
        margin-right:0;
        margin-left:60px
    }

    .slider__product-thumb-sm:last-child
    {
        margin-right:0
    }

    [dir=rtl] .slider__product-thumb-sm:last-child
    {
        margin-left:0
    }
}

.slider__product-thumb-sm:hover
{
    cursor:pointer
}

.slider__product-thumb-sm::after
{
    position:absolute;
    content:"";
    width:120px;
    height:120px;
    top:22%;
    left:3%;
    background-image:-webkit-linear-gradient(207.57deg,#FF758C 17.24%,#FF7EB3 79.95%);
    background-image:-moz-linear-gradient(207.57deg,#FF758C 17.24%,#FF7EB3 79.95%);
    background-image:-ms-linear-gradient(207.57deg,#FF758C 17.24%,#FF7EB3 79.95%);
    background-image:-o-linear-gradient(207.57deg,#FF758C 17.24%,#FF7EB3 79.95%);
    background-image:linear-gradient(207.57deg,#FF758C 17.24%,#FF7EB3 79.95%);
    background:#f6921e;
    border-radius:50%;
    z-index:-1;
    transform-origin:center center
}

[dir=rtl] .slider__product-thumb-sm::after
{
    left:auto;
    right:3%
}

.slider__product-thumb-sm img
{
    -webkit-transform:scale(0.9);
    -moz-transform:scale(0.9);
    -ms-transform:scale(0.9);
    -o-transform:scale(0.9);
    transform:scale(0.9)
}

.slider__product-thumb-sm.active img
{
    -webkit-transform:scale(1.4) translate(1px,-14px);
    -moz-transform:scale(1.4) translate(1px,-14px);
    -ms-transform:scale(1.4) translate(1px,-14px);
    -o-transform:scale(1.4) translate(1px,-14px);
    transform:scale(1.4) translate(1px,-14px)
}

.slider__product-thumb-sm.active::after
{
    -webkit-transform:scale(1.42);
    -moz-transform:scale(1.42);
    -ms-transform:scale(1.42);
    -o-transform:scale(1.42);
    transform:scale(1.42)
}

.slider-form-btn
{
    display:inline-block;
    padding:12px 27px;
    color:var(--tp-common-white);
    background-color:var(--tp-theme-1);
    border-radius:30px;
    margin-left:29px;
    font:700 14px var(--tp-ff-space)
}

[dir=rtl] .slider-form-btn
{
    margin-left:0;
    margin-right:29px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-form-btn
    {
        padding-left:15px;
        padding-right:15px;
        margin-left:5px
    }

    [dir=rtl] .slider-form-btn
    {
        margin-left:0;
        margin-right:5px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider-form-btn
    {
        margin-left:0;
        width:100%
    }

    [dir=rtl] .slider-form-btn
    {
        margin-right:0
    }
}

@media (max-width: 575px) {
    .slider-form-btn
    {
        margin-left:0;
        width:100%;
        margin-top:15px
    }

    [dir=rtl] .slider-form-btn
    {
        margin-right:0
    }
}

.slider-form-btn i
{
    margin-left:3px
}

[dir=rtl] .slider-form-btn i
{
    margin-left:0;
    margin-right:3px
}

.slider-form-btn:hover
{
    background-color:var(--tp-theme-1-dark);
    color:var(--tp-common-white)
}

.main-slider-dot
{
    position:absolute;
    top:50%;
    right:40px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    z-index:1;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    flex-direction:column;
    width:inherit!important;
    left:auto!important
}

[dir=rtl] .main-slider-dot
{
    right:auto;
    left:40px!important
}

.main-slider-dot .swiper-pagination-bullet
{
    height:2px;
    width:20px;
    background-color:var(--tp-common-white);
    border-radius:0;
    opacity:1;
    margin:5px 0!important;
    position:relative
}

.main-slider-dot .swiper-pagination-bullet.swiper-pagination-bullet-active,.main-slider-dot .swiper-pagination-bullet:hover
{
    background-color:var(--tp-theme-1);
    width:50px
}

.main-slider-dot .swiper-pagination-bullet.swiper-pagination-bullet-active button,.main-slider-dot .swiper-pagination-bullet:hover button
{
    opacity:1
}

.main-slider-dot .swiper-pagination-bullet button
{
    color:var(--tp-common-white);
    position:absolute;
    top:-1px;
    left:-25px;
    -webkit-transform:translateY(-13px);
    -moz-transform:translateY(-13px);
    -ms-transform:translateY(-13px);
    -o-transform:translateY(-13px);
    transform:translateY(-13px);
    opacity:0;
    font:700 16px var(--tp-ff-space)
}

[dir=rtl] .main-slider-dot .swiper-pagination-bullet button
{
    left:auto;
    right:-25px
}

.main-slider-dot-8
{
    position:absolute;
    top:52%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    right:84px;
    left:auto;
    align-items:flex-end;
    justify-content:center;
    flex-direction:column;
    width:inherit!important;
    left:auto!important;
    z-index:99
}

[dir=rtl] .main-slider-dot-8
{
    right:auto!important;
    left:84px!important
}

.main-slider-dot-8 .swiper-pagination-bullet
{
    margin:17px 0!important;
    display:inline-block;
    opacity:1;
    height:0;
    width:1px;
    background-color:var(--tp-common-white);
    border-radius:0;
    position:relative
}

.main-slider-dot-8 .swiper-pagination-bullet button
{
    position:absolute;
    top:-38px;
    left:-9px;
    color:var(--tp-common-white);
    margin:7px 0;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg);
    transition:all .2s ease;
    font:700 15px/19px var(--tp-ff-space)
}

[dir=rtl] .main-slider-dot-8 .swiper-pagination-bullet button
{
    left:auto;
    right:-9px
}

.main-slider-dot-8 .swiper-pagination-bullet.swiper-pagination-bullet-active
{
    height:100px;
    margin:23px 0!important
}

.main-slider-dot-8 .swiper-pagination-bullet.swiper-pagination-bullet-active button
{
    left:-13px;
    -webkit-transform:rotate(90deg) scale(1.4) translateY(-4px);
    -moz-transform:rotate(90deg) scale(1.4) translateY(-4px);
    -ms-transform:rotate(90deg) scale(1.4) translateY(-4px);
    -o-transform:rotate(90deg) scale(1.4) translateY(-4px);
    transform:rotate(90deg) scale(1.4) translateY(-4px)
}

[dir=rtl] .main-slider-dot-8 .swiper-pagination-bullet.swiper-pagination-bullet-active button
{
    left:auto;
    right:-13px;
    -webkit-transform:rotate(90deg) scale(1.4) translateY(4px);
    -moz-transform:rotate(90deg) scale(1.4) translateY(4px);
    -ms-transform:rotate(90deg) scale(1.4) translateY(4px);
    -o-transform:rotate(90deg) scale(1.4) translateY(4px);
    transform:rotate(90deg) scale(1.4) translateY(4px)
}

.slider-pagination-11
{
    position:absolute;
    top:50%;
    right:60px!important;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    z-index:9
}

[dir=rtl] .slider-pagination-11
{
    right:auto!important;
    left:60px!important
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .slider-pagination-11
    {
        right:30px!important
    }

    [dir=rtl] .slider-pagination-11
    {
        right:auto!important;
        left:30px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px) {
    .slider-pagination-11
    {
        right:20px!important
    }

    [dir=rtl] .slider-pagination-11
    {
        right:auto!important;
        left:20px
    }
}

@media (max-width: 575px) {
    .slider-pagination-11
    {
        right:15px!important
    }

    [dir=rtl] .slider-pagination-11
    {
        right:auto!important;
        left:15px
    }
}

.slider-pagination-11 .swiper-pagination-bullet
{
    margin:28px 0!important;
    width:5px;
    height:5px;
    background-color:rgba(3,4,28,0.6)
}

.slider-pagination-11 .swiper-pagination-bullet.swiper-pagination-bullet-active
{
    background-color:#03041c
}

.slider-pagination-11 .swiper-pagination-bullet.swiper-pagination-bullet-active::after
{
    left:49%;
    top:50%;
    border-color:var(--tp-common-black);
    width:calc(100% + 20px);
    height:calc(100% + 20px)
}

.slider-pagination-11-white .swiper-pagination-bullet
{
    background-color:rgba(255,255,255,0.6)
}

.slider-pagination-11-white .swiper-pagination-bullet.swiper-pagination-bullet-active
{
    background-color:#fff
}

.slider-pagination-11-white .swiper-pagination-bullet.swiper-pagination-bullet-active::after
{
    border-color:var(--tp-common-white)
}

.slider-pagination-12
{
    position:absolute;
    bottom:43px;
    right:50px;
    z-index:9;
    width:auto;
    left:auto
}

[dir=rtl] .slider-pagination-12
{
    right:auto;
    left:50px
}

@media (max-width: 575px) {
    .slider-pagination-12
    {
        right:15px
    }

    [dir=rtl] .slider-pagination-12
    {
        right:auto;
        left:15px
    }
}

.slider-portfolio-btn
{
    color:var(--tp-common-black);
    text-transform:uppercase;
    font:500 13px var(--tp-ff-inter)
}

.slider-portfolio-btn i,.slider-portfolio-btn svg
{
    margin-right:7px
}

[dir=rtl] .slider-portfolio-btn i,[dir=rtl] .slider-portfolio-btn svg
{
    margin-right:0;
    margin-left:7px
}

.slider-portfolio-btn:hover
{
    color:var(--tp-theme-2)
}

@-webkit-keyframes sliderThumb {
    0%
    {
        -webkit-transform:rotate(-180deg) scale(0.9);
        -moz-transform:rotate(-180deg) scale(0.9);
        -ms-transform:rotate(-180deg) scale(0.9);
        -o-transform:rotate(-180deg) scale(0.9);
        transform:rotate(-180deg) scale(0.9)
    }

    100%
    {
        -webkit-transform:rotate(-180deg) scale(1);
        -moz-transform:rotate(-180deg) scale(1);
        -ms-transform:rotate(-180deg) scale(1);
        -o-transform:rotate(-180deg) scale(1);
        transform:rotate(-180deg) scale(1)
    }
}

@-moz-keyframes sliderThumb {
    0%
    {
        -webkit-transform:rotate(-180deg) scale(0.9);
        -moz-transform:rotate(-180deg) scale(0.9);
        -ms-transform:rotate(-180deg) scale(0.9);
        -o-transform:rotate(-180deg) scale(0.9);
        transform:rotate(-180deg) scale(0.9)
    }

    100%
    {
        -webkit-transform:rotate(-180deg) scale(1);
        -moz-transform:rotate(-180deg) scale(1);
        -ms-transform:rotate(-180deg) scale(1);
        -o-transform:rotate(-180deg) scale(1);
        transform:rotate(-180deg) scale(1)
    }
}

@-ms-keyframes sliderThumb {
    0%
    {
        -webkit-transform:rotate(-180deg) scale(0.9);
        -moz-transform:rotate(-180deg) scale(0.9);
        -ms-transform:rotate(-180deg) scale(0.9);
        -o-transform:rotate(-180deg) scale(0.9);
        transform:rotate(-180deg) scale(0.9)
    }

    100%
    {
        -webkit-transform:rotate(-180deg) scale(1);
        -moz-transform:rotate(-180deg) scale(1);
        -ms-transform:rotate(-180deg) scale(1);
        -o-transform:rotate(-180deg) scale(1);
        transform:rotate(-180deg) scale(1)
    }
}

@keyframes sliderThumb {
    0%
    {
        -webkit-transform:rotate(-180deg) scale(0.9);
        -moz-transform:rotate(-180deg) scale(0.9);
        -ms-transform:rotate(-180deg) scale(0.9);
        -o-transform:rotate(-180deg) scale(0.9);
        transform:rotate(-180deg) scale(0.9)
    }

    100%
    {
        -webkit-transform:rotate(-180deg) scale(1);
        -moz-transform:rotate(-180deg) scale(1);
        -ms-transform:rotate(-180deg) scale(1);
        -o-transform:rotate(-180deg) scale(1);
        transform:rotate(-180deg) scale(1)
    }
}

@-webkit-keyframes borderanimate {
    0%
    {
        transform:translate(-50%,-50%) scale(0.5);
        opacity:1;
        border-width:3px
    }

    40%
    {
        opacity:.5;
        border-width:2px
    }

    65%
    {
        border-width:1px
    }

    100%
    {
        transform:translate(-50%,-50%) scale(1.5);
        opacity:0;
        border-width:1px
    }
}

@-moz-keyframes borderanimate {
    0%
    {
        transform:translate(-50%,-50%) scale(0.5);
        opacity:1;
        border-width:3px
    }

    40%
    {
        opacity:.5;
        border-width:2px
    }

    65%
    {
        border-width:1px
    }

    100%
    {
        transform:translate(-50%,-50%) scale(1.5);
        opacity:0;
        border-width:1px
    }
}

@-ms-keyframes borderanimate {
    0%
    {
        transform:translate(-50%,-50%) scale(0.5);
        opacity:1;
        border-width:3px
    }

    40%
    {
        opacity:.5;
        border-width:2px
    }

    65%
    {
        border-width:1px
    }

    100%
    {
        transform:translate(-50%,-50%) scale(1.5);
        opacity:0;
        border-width:1px
    }
}

@keyframes borderanimate {
    0%
    {
        transform:translate(-50%,-50%) scale(0.5);
        opacity:1;
        border-width:3px
    }

    40%
    {
        opacity:.5;
        border-width:2px
    }

    65%
    {
        border-width:1px
    }

    100%
    {
        transform:translate(-50%,-50%) scale(1.5);
        opacity:0;
        border-width:1px
    }
}

@keyframes slideOver {
    0%
    {
        transform:translateX(0)
    }

    25%
    {
        transform:translateX(100%)
    }

    50%
    {
        transform:translateX(100%)
    }

    75%
    {
        transform:translateX(0)
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .about__section-wrapper-6 .section__title-wrapper-6
    {
        margin-bottom:40px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .about__section-wrapper-6 .section__title-wrapper-6 p
    {
        margin-bottom:40px
    }
}

[dir=rtl] .about__wrapper
{
    padding-right:0;
    padding-left:95px
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .about__wrapper
    {
        padding-right:135px
    }

    [dir=rtl] .about__wrapper
    {
        padding-right:0;
        padding-left:135px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about__wrapper
    {
        padding-right:0
    }

    [dir=rtl] .about__wrapper
    {
        padding-left:0
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .about__wrapper
    {
        margin-top:50px;
        padding-right:0
    }

    [dir=rtl] .about__wrapper
    {
        padding-left:0
    }
}

.about__wrapper > p
{
    font-size:16px;
    line-height:1.5;
    margin-bottom:23px;
    letter-spacing:-.02em
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .about__wrapper-3
    {
        padding-left:65px
    }

    [dir=rtl] .about__wrapper-3
    {
        padding-left:0;
        padding-right:65px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about__wrapper-3
    {
        padding-left:0
    }

    [dir=rtl] .about__wrapper-3
    {
        padding-right:0
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .about__wrapper-3
    {
        padding-left:0;
        margin-top:50px
    }

    [dir=rtl] .about__wrapper-3
    {
        padding-right:0
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .about__wrapper-4
    {
        padding-right:0
    }

    [dir=rtl] .about__wrapper-4
    {
        padding-left:0
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .about__wrapper-4
    {
        padding-right:0;
        margin-top:60px
    }

    [dir=rtl] .about__wrapper-4
    {
        padding-left:0
    }
}

.about__wrapper-4 > p
{
    font-size:16px;
    line-height:24px;
    letter-spacing:-.02em;
    padding-right:25px;
    margin-bottom:23px
}

[dir=rtl] .about__wrapper-4 > p
{
    padding-right:0;
    padding-left:25px
}

[dir=rtl] .about__wrapper-5
{
    padding-right:0;
    padding-left:90px
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .about__wrapper-5
    {
        padding-right:0
    }

    [dir=rtl] .about__wrapper-5
    {
        padding-left:0
    }
}

.about__wrapper-5 > p
{
    font-size:18px;
    line-height:28px;
    color:var(--tp-text-1);
    margin-bottom:50px
}

[dir=rtl] .about__wrapper-8
{
    padding-left:0;
    padding-right:70px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about__wrapper-8
    {
        padding-left:0
    }

    [dir=rtl] .about__wrapper-8
    {
        padding-right:0
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .about__wrapper-8
    {
        padding-left:0;
        margin-top:50px
    }

    [dir=rtl] .about__wrapper-8
    {
        padding-right:0
    }
}

.about__wrapper-8 > p
{
    color:rgba(255,255,255,0.7);
    margin-bottom:65px;
    font:16px/1.5 var(--tp-ff-space)
}

.about__wrapper-8 .about-wrapper-8-paragraph
{
    letter-spacing:-.04em;
    color:#FFF;
    margin-bottom:27px;
    font:500 22px/1.45 var(--tp-ff-space)
}

.about__wrapper-9
{
    padding-top:115px;
    padding-bottom:130px;
    position:relative;
    z-index:1
}

.about__wrapper-9 .about-subtitle
{
    display:inline-block;
    text-transform:uppercase;
    color:#FFF;
    position:relative;
    padding-left:13px;
    margin-bottom:0;
    font:600 14px var(--tp-ff-syne)
}

[dir=rtl] .about__wrapper-9 .about-subtitle
{
    padding-left:0;
    padding-right:13px
}

.about__wrapper-9 .about-subtitle::after
{
    position:absolute;
    content:"";
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:3px;
    height:20px;
    background-image:-webkit-linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    background-image:-moz-linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    background-image:-ms-linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    background-image:-o-linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    background-image:linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%)
}

[dir=rtl] .about__wrapper-9 .about-subtitle::after
{
    left:auto;
    right:0
}

.about__wrapper-9 .about-title
{
    letter-spacing:-.02em;
    color:#7C7C85;
    margin-bottom:25px;
    font:700 40px var(--tp-ff-syne)
}

.about__wrapper-9 .about-title span
{
    color:var(--tp-common-white)
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about__wrapper-9 .about-title
    {
        font-size:39px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 575px) {
    .about__wrapper-9 .about-title
    {
        font-size:32px
    }
}

.about__wrapper-9 p
{
    color:#A3A3AA;
    padding-right:180px;
    margin-bottom:50px;
    font:18px/1.5 var(--tp-ff-syne)
}

[dir=rtl] .about__wrapper-9 p
{
    padding-right:0;
    padding-left:180px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about__wrapper-9 p
    {
        padding-right:80px
    }

    [dir=rtl] .about__wrapper-9 p
    {
        padding-right:0;
        padding-left:80px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .about__wrapper-9 p
    {
        padding-right:0
    }

    [dir=rtl] .about__wrapper-9 p
    {
        padding-left:0
    }
}

.about__wrapper-14
{
    margin-right:-50px
}

[dir=rtl] .about__wrapper-14
{
    margin-right:0;
    margin-left:-50px
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .about__wrapper-14
    {
        padding-left:0;
        margin-right:0
    }

    [dir=rtl] .about__wrapper-14
    {
        padding-right:0;
        margin-left:0
    }
}

.about__wrapper-14 p
{
    font-size:16px;
    line-height:1.62;
    margin-bottom:42px;
    padding-right:150px
}

[dir=rtl] .about__wrapper-14 p
{
    padding-right:0;
    padding-left:150px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about__wrapper-14 p
    {
        padding-right:50px
    }

    [dir=rtl] .about__wrapper-14 p
    {
        padding-right:0;
        padding-left:50px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .about__wrapper-14 p
    {
        padding-right:130px
    }

    [dir=rtl] .about__wrapper-14 p
    {
        padding-right:0;
        padding-left:130px
    }
}

@media (max-width: 575px) {
    .about__wrapper-14 p
    {
        padding-right:0
    }

    [dir=rtl] .about__wrapper-14 p
    {
        padding-left:0
    }
}

.about__wrapper-14 .about-btn .tp-btn
{
    font-size:15px;
    padding:11px 34px 13px
}

.about__wrapper-14 .about-btn .tp-btn:hover
{
    background-color:var(--tp-common-black)
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px) {
    .about__wrapper-15
    {
        padding-left:0
    }

    [dir=rtl] .about__wrapper-15
    {
        padding-right:0
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .about__wrapper-15
    {
        padding-left:0;
        margin-top:50px
    }

    [dir=rtl] .about__wrapper-15
    {
        padding-right:0
    }
}

.about__thumb
{
    position:relative;
    animation-duration:1s;
    animation-delay:.5s;
    animation-iteration-count:1;
    animation-fill-mode:both
}

.about__thumb-wrapper
{
    position:relative;
    z-index:1
}

[dir=rtl] .about__thumb-wrapper
{
    padding-right:0;
    margin-left:0;
    margin-right:70px;
    padding-left:100px
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px) {
    .about__thumb-wrapper
    {
        margin-left:0
    }

    [dir=rtl] .about__thumb-wrapper
    {
        margin-right:0
    }
}

@media (max-width: 575px) {
    .about__thumb-wrapper
    {
        margin-left:0;
        padding-right:0
    }

    [dir=rtl] .about__thumb-wrapper
    {
        margin-right:0;
        padding-left:0
    }
}

.about__thumb-wrapper-7
{
    position:relative;
    padding-bottom:70px
}

@media (max-width: 575px) {
    .about__thumb-wrapper-7
    {
        padding-right:0;
        padding-bottom:0
    }

    [dir=rtl] .about__thumb-wrapper-7
    {
        padding-left:0
    }
}

[dir=rtl] .about__thumb-wrapper-8
{
    padding-right:0;
    padding-left:100px
}

@media (max-width: 575px) {
    .about__thumb-wrapper-8
    {
        padding-right:0
    }

    [dir=rtl] .about__thumb-wrapper-8
    {
        padding-left:0
    }
}

.about__thumb-text
{
    position:absolute;
    top:30%;
    left:0;
    -webkit-transform:rotate(-90deg) translateY(-188px);
    -moz-transform:rotate(-90deg) translateY(-188px);
    -ms-transform:rotate(-90deg) translateY(-188px);
    -o-transform:rotate(-90deg) translateY(-188px);
    transform:rotate(-90deg) translateY(-188px);
    z-index:-1
}

[dir=rtl] .about__thumb-text
{
    left:auto;
    right:0;
    -webkit-transform:rotate(-90deg) translateY(188px);
    -moz-transform:rotate(-90deg) translateY(188px);
    -ms-transform:rotate(-90deg) translateY(188px);
    -o-transform:rotate(-90deg) translateY(188px);
    transform:rotate(-90deg) translateY(188px)
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px) {
    .about__thumb-text
    {
        left:auto;
        right:0;
        -webkit-transform:rotate(-90deg) translateY(110px) scale(-1,-1);
        -moz-transform:rotate(-90deg) translateY(110px) scale(-1,-1);
        -ms-transform:rotate(-90deg) translateY(110px) scale(-1,-1);
        -o-transform:rotate(-90deg) translateY(110px) scale(-1,-1);
        transform:rotate(-90deg) translateY(110px) scale(-1,-1)
    }

    [dir=rtl] .about__thumb-text
    {
        left:0;
        right:auto
    }
}

@media (max-width: 575px) {
    .about__thumb-text
    {
        left:auto;
        top:0;
        -webkit-transform:rotate(0) translateY(-43px);
        -moz-transform:rotate(0) translateY(-43px);
        -ms-transform:rotate(0) translateY(-43px);
        -o-transform:rotate(0) translateY(-43px);
        transform:rotate(0) translateY(-43px)
    }

    [dir=rtl] .about__thumb-text
    {
        left:0;
        right:auto
    }
}

.about__thumb-text h3
{
    color:var(--tp-grey-3);
    text-transform:uppercase;
    position:relative;
    font:700 100px var(--tp-ff-space)
}

@media (max-width: 575px) {
    .about__thumb-text h3
    {
        font-size:60px
    }
}

.about__thumb-text h3::after
{
    content:attr(data-text);
    position:absolute;
    top:0;
    left:0;
    color:var(--tp-theme-1);
    overflow:hidden;
    width:100%;
    -webkit-transition:all 2s ease-out 0;
    -moz-transition:all 2s ease-out 0;
    -ms-transition:all 2s ease-out 0;
    -o-transition:all 2s ease-out 0;
    transition:all 2s ease-out 0;
    -moz-animation:about-text 2s ease-in-out 1s forwards infinite alternate-reverse;
    -webkit-animation:about-text 2s ease-in-out 1s forwards infinite alternate-reverse;
    animation:about-text 2s ease-in-out 1s forwards infinite alternate-reverse
}

[dir=rtl] .about__thumb-text h3::after
{
    left:auto;
    right:0
}

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

.about__thumb-3 .about-3-main-thumb
{
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    -ms-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0);
    -webkit-animation-duration:1s;
    animation-duration:1s;
    animation-delay:.3s;
    -webkit-animation-name:aboutRotate3;
    animation-name:aboutRotate3
}

.about__thumb-3::after
{
    position:absolute;
    content:"";
    left:0;
    top:-10px;
    width:350px;
    height:655px;
    background:linear-gradient(0deg,#FDB348 -2.63%,#FF6B6B 91.65%);
    -webkit-transform:rotate(171deg);
    -moz-transform:rotate(171deg);
    -ms-transform:rotate(171deg);
    -o-transform:rotate(171deg);
    transform:rotate(171deg);
    z-index:-1;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    animation-delay:.7s;
    -webkit-animation-name:aboutGradient;
    animation-name:aboutGradient
}

[dir=rtl] .about__thumb-3::after
{
    left:auto;
    right:0
}

@media (max-width: 575px) {
    .about__thumb-3::after
    {
        width:260px;
        height:399px
    }
}

.about__thumb-4
{
    margin-left:130px;
    margin-right:100px;
    background-color:var(--tp-common-green-dark);
    position:relative;
    z-index:1
}

[dir=rtl] .about__thumb-4
{
    margin-left:100px;
    margin-right:130px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about__thumb-4
    {
        margin-left:0;
        margin-right:30px
    }

    [dir=rtl] .about__thumb-4
    {
        margin-right:0;
        margin-left:30px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .about__thumb-4
    {
        margin-left:30px;
        margin-right:30px
    }
}

@media (max-width: 575px) {
    .about__thumb-4
    {
        margin-left:0;
        margin-right:0
    }
}

.about__thumb-4 .about-thumb-main
{
    margin-left:-50px;
    margin-top:-100px
}

[dir=rtl] .about__thumb-4 .about-thumb-main
{
    margin-right:-50px;
    margin-left:0
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .about__thumb-4 .about-thumb-main
    {
        margin-left:-75px
    }

    [dir=rtl] .about__thumb-4 .about-thumb-main
    {
        margin-left:0;
        margin-right:-75px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about__thumb-4 .about-thumb-main
    {
        margin-left:-20px
    }

    [dir=rtl] .about__thumb-4 .about-thumb-main
    {
        margin-left:0;
        margin-right:-20px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .about__thumb-4 .about-thumb-main
    {
        margin-left:0
    }

    [dir=rtl] .about__thumb-4 .about-thumb-main
    {
        margin-right:0
    }
}

@media (max-width: 575px) {
    .about__thumb-4 .about-thumb-main
    {
        margin-left:0;
        max-width:100%
    }

    [dir=rtl] .about__thumb-4 .about-thumb-main
    {
        margin-right:0
    }
}

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

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .about__thumb-5
    {
        margin-top:50px
    }
}

.about__thumb-5::after
{
    position:absolute;
    content:"";
    left:-11%;
    top:-15%;
    width:350px;
    height:350px;
    border-radius:50%;
    background-color:#F8ECFF;
    z-index:-1
}

[dir=rtl] .about__thumb-5::after
{
    left:auto;
    right:-11%
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about__thumb-5::after
    {
        top:0
    }
}

@media (max-width: 575px) {
    .about__thumb-5::after
    {
        top:-20%;
        width:200px;
        height:200px
    }
}

.about__thumb-5::before
{
    position:absolute;
    content:"";
    right:-26%;
    bottom:24%;
    width:180px;
    height:180px;
    border-radius:50%;
    background-color:#EFF8ED;
    z-index:-1
}

[dir=rtl] .about__thumb-5::before
{
    right:auto;
    left:-26%
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .about__thumb-5::before
    {
        right:0;
        bottom:-17%
    }

    [dir=rtl] .about__thumb-5::before
    {
        right:auto;
        left:0
    }
}

.about__thumb-5 .about-main-5
{
    position:absolute;
    top:20px;
    left:20px;
    border-radius:14px;
    width:641px;
    height:450px
}

[dir=rtl] .about__thumb-5 .about-main-5
{
    left:auto;
    right:20px
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .about__thumb-5 .about-main-5
    {
        top:17px;
        left:16px;
        width:515px;
        height:357px
    }

    [dir=rtl] .about__thumb-5 .about-main-5
    {
        left:auto;
        right:16px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about__thumb-5 .about-main-5
    {
        top:14px;
        left:15px;
        width:430px;
        height:300px;
        border-radius:7px
    }

    [dir=rtl] .about__thumb-5 .about-main-5
    {
        left:auto;
        right:15px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about__thumb-5 .about-main-5
    {
        top:20px;
        left:20px;
        width:655px;
        height:458px
    }

    [dir=rtl] .about__thumb-5 .about-main-5
    {
        left:auto;
        right:20px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .about__thumb-5 .about-main-5
    {
        top:16px;
        left:17px;
        border-radius:8px;
        width:483px;
        height:339px
    }

    [dir=rtl] .about__thumb-5 .about-main-5
    {
        left:auto;
        right:17px
    }
}

@media (max-width: 575px) {
    .about__thumb-5 .about-main-5
    {
        top:8px;
        left:9px;
        border-radius:4px;
        width:95%;
        height:89%;
        object-fit:cover
    }

    [dir=rtl] .about__thumb-5 .about-main-5
    {
        left:auto;
        right:9px
    }
}

.about__thumb-5 .about-play-btn
{
    position:absolute;
    top:48%;
    left:59%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    display:inline-block;
    width:80px;
    height:80px;
    line-height:84px;
    text-align:center;
    color:var(--tp-common-white);
    box-shadow:0 4px 10px rgba(91,29,8,0.36)
}

[dir=rtl] .about__thumb-5 .about-play-btn
{
    left:auto;
    right:44%
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .about__thumb-5 .about-play-btn
    {
        left:50%
    }

    [dir=rtl] .about__thumb-5 .about-play-btn
    {
        left:auto;
        right:35%
    }
}

.about__thumb-5 .about-play-btn svg
{
    -webkit-transform:translate(2px,-3px);
    -moz-transform:translate(2px,-3px);
    -ms-transform:translate(2px,-3px);
    -o-transform:translate(2px,-3px);
    transform:translate(2px,-3px)
}

[dir=rtl] .about__thumb-5 .about-play-btn svg
{
    -webkit-transform:translate(-2px,-3px);
    -moz-transform:translate(-2px,-3px);
    -ms-transform:translate(-2px,-3px);
    -o-transform:translate(-2px,-3px);
    transform:translate(-2px,-3px)
}

.about__thumb-5 .about-play-btn:hover .video-play-bg
{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1)
}

.about__thumb-5 .video-play-bg
{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-image:-webkit-linear-gradient(45deg,#F96033 15%,#FFAD91 85.5%);
    background-image:-moz-linear-gradient(45deg,#F96033 15%,#FFAD91 85.5%);
    background-image:-ms-linear-gradient(45deg,#F96033 15%,#FFAD91 85.5%);
    background-image:-o-linear-gradient(45deg,#F96033 15%,#FFAD91 85.5%);
    background-image:linear-gradient(45deg,#F96033 15%,#FFAD91 85.5%);
    border-radius:50%
}

[dir=rtl] .about__thumb-5 .video-play-bg
{
    left:auto;
    right:0
}

.about__thumb-mockup
{
    position:relative
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .about__thumb-mockup > img
    {
        width:100%
    }
}

.about__thumb-shape-1
{
    position:absolute;
    top:0;
    right:0;
    z-index:-1;
    width:auto;
    height:100%
}

[dir=rtl] .about__thumb-shape-1
{
    right:auto;
    left:0
}

.about__thumb-shape-2
{
    position:absolute;
    top:0;
    right:7%;
    z-index:1;
    width:120px;
    height:120px;
    border-radius:50%;
    box-shadow:0 20px 30px rgba(3,4,28,0.1)
}

[dir=rtl] .about__thumb-shape-2
{
    right:auto;
    left:7%
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about__thumb-shape-2
    {
        right:0
    }

    [dir=rtl] .about__thumb-shape-2
    {
        right:auto;
        left:0
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .about__thumb-shape-2
    {
        right:-2%
    }

    [dir=rtl] .about__thumb-shape-2
    {
        right:auto;
        left:-2%
    }
}

@media (max-width: 575px) {
    .about__thumb-shape-2
    {
        top:74%;
        right:8px
    }

    [dir=rtl] .about__thumb-shape-2
    {
        right:auto;
        left:8px
    }
}

.about__thumb-shape-logo
{
    -webkit-animation:rotate-infinite 15s linear infinite;
    animation:rotate-infinite 15s linear infinite
}

.about__thumb-shape-logo-icon
{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}

[dir=rtl] .about__thumb-shape-logo-icon
{
    left:auto;
    right: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%)
}

.about__thumb-7
{
    margin-left:-70px
}

[dir=rtl] .about__thumb-7
{
    margin-left:0;
    margin-right:-70px
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .about__thumb-7
    {
        margin-left:0
    }

    [dir=rtl] .about__thumb-7
    {
        margin-right:0
    }
}

.about__thumb-7 img
{
    border-radius:40px
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .about__thumb-7 img
    {
        width:100%
    }
}

.about__thumb-8-right
{
    position:absolute;
    z-index:1;
    bottom:0;
    right:20px
}

[dir=rtl] .about__thumb-8-right
{
    right:auto;
    left:20px
}

@media (max-width: 575px) {
    .about__thumb-8-right
    {
        right:0
    }

    [dir=rtl] .about__thumb-8-right
    {
        right:auto;
        left:0
    }
}

.about__thumb-8-right-content
{
    position:absolute;
    bottom:38px;
    left:58px
}

[dir=rtl] .about__thumb-8-right-content
{
    left:auto;
    right:58px
}

.about__thumb-8-right-content p
{
    text-transform:uppercase;
    color:#FFF;
    font:700 20px/24px var(--tp-ff-space)
}

.about__thumb-8-right-year
{
    position:absolute;
    top:48px;
    right:52px
}

[dir=rtl] .about__thumb-8-right-year
{
    right:auto;
    left:52px
}

.about__thumb-8-right-year p
{
    text-align:right;
    text-transform:uppercase;
    color:#FFF;
    font:700 18px/1.22 var(--tp-ff-space)
}

[dir=rtl] .about__thumb-8-right-year p
{
    text-align:left
}

.about__thumb-14 .about-img-2
{
    float:right;
    position:relative;
    z-index:1;
    margin-top:-200px
}

[dir=rtl] .about__thumb-14 .about-img-2
{
    float:left
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .about__thumb-14 .about-img-2
    {
        margin-right:25px
    }

    [dir=rtl] .about__thumb-14 .about-img-2
    {
        margin-right:0;
        margin-left:25px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about__thumb-14 .about-img-2
    {
        margin-right:20px
    }

    [dir=rtl] .about__thumb-14 .about-img-2
    {
        margin-right:0;
        margin-left:20px
    }
}

@media (max-width: 575px) {
    .about__thumb-14 .about-img-2
    {
        margin-top:-90px;
        width:150px
    }
}

.about__thumb-15
{
    margin-left:75px;
    margin-right:25px
}

[dir=rtl] .about__thumb-15
{
    margin-left:25px;
    margin-right:75px
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .about__thumb-15
    {
        margin-left:30px
    }

    [dir=rtl] .about__thumb-15
    {
        margin-left:30px
    }
}

.about__thumb-15-shape
{
    position:absolute;
    width:100%;
    height:100%;
    left:-30px;
    top:-30px;
    background-color:var(--tp-theme-1);
    overflow:hidden;
    z-index:-1
}

[dir=rtl] .about__thumb-15-shape
{
    left:auto;
    right:-30px
}

.about__thumb-15-shape img
{
    opacity:.3;
    position:absolute;
    left:-55%;
    top:-40%;
    width:auto
}

[dir=rtl] .about__thumb-15-shape img
{
    left:auto;
    right:-55%
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about__thumb-15-shape img
    {
        left:-29%;
        top:-15%
    }

    [dir=rtl] .about__thumb-15-shape img
    {
        left:auto;
        right:-29%
    }
}

.about__thumb-15-shape-2
{
    width:auto!important;
    position:absolute;
    bottom:-15%;
    left:6%;
    z-index:-1
}

[dir=rtl] .about__thumb-15-shape-2
{
    left:auto;
    right:6%
}

@media (max-width: 575px) {
    .about__thumb-15-shape-2
    {
        width:70%!important
    }
}

.about__thumb-bg
{
    position:relative;
    letter-spacing:.02em;
    color:var(--tp-common-white);
    padding:290px 86px 0 17px;
    text-align:center;
    color:#fff;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    width:350px;
    height:490px;
    font:700 150px/40px var(--tp-ff-space)
}

[dir=rtl] .about__thumb-bg
{
    padding-left:86px;
    padding-right:17px
}

@media (max-width: 575px) {
    .about__thumb-bg
    {
        font-size:80px;
        padding:135px 86px 0 47px;
        width:250px;
        height:300px
    }

    [dir=rtl] .about__thumb-bg
    {
        padding-left:86px;
        padding-right:47px
    }
}

.about__thumb-bg::after,.about__thumb-bg::before
{
    position:absolute;
    content:""
}

.about__thumb-bg::before
{
    z-index:-2;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-image:inherit
}

.about__thumb-bg::after
{
    position:absolute;
    content:"";
    z-index:-1;
    left:20px;
    top:20px;
    right:20px;
    bottom:20px;
    background-color:rgba(18,23,29,0.95);
    backdrop-filter:blur(10px)
}

[dir=rtl] .about__author-inner
{
    margin-left:10px
}

@media (max-width: 575px) {
    .about__author-inner
    {
        margin-bottom:20px
    }
}

[dir=rtl] .about__author-thumb
{
    margin-right:0;
    margin-left:10px
}

.about__author-thumb img
{
    width:40px;
    height:40px;
    border-radius:50%
}

.about__author-title
{
    color:var(--tp-text-1);
    margin-bottom:0;
    margin-right:10px;
    font:400 16px var(--tp-ff-inter)
}

[dir=rtl] .about__author-title
{
    margin-right:0;
    margin-left:10px
}

.about__author-title span
{
    font-weight:700;
    color:var(--tp-common-black)
}

.about__author-title-2
{
    color:var(--tp-common-black);
    font:600 20px var(--tp-ff-inter)
}

.about__author-text
{
    padding:0 75px
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .about__author-text
    {
        padding-left:50px;
        padding-right:50px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about__author-text
    {
        padding-left:30px;
        padding-right:30px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .about__author-text
    {
        padding:0
    }
}

.about__author-text p
{
    color:var(--tp-common-black-4);
    margin-bottom:37px;
    letter-spacing:.01em;
    font:22px/1.55 var(--tp-ff-oswald)
}

.about__experience
{
    position:absolute;
    right:20px;
    bottom:30px;
    padding:15px 31px 8px;
    background-color:var(--tp-common-white);
    box-shadow:0 30px 50px rgba(3,4,28,0.1);
    z-index:99
}

[dir=rtl] .about__experience
{
    right:auto;
    left:20px;
    text-align:left
}

@media (max-width: 575px) {
    .about__experience
    {
        right:0;
        bottom:0
    }

    [dir=rtl] .about__experience
    {
        right:auto;
        left:0
    }
}

.about__experience h4
{
    background:linear-gradient(78.5deg,#5A5BFF 23.32%,#F43D55 83.37%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    text-fill-color:transparent;
    margin-bottom:0;
    font:700 80px/1 var(--tp-ff-space)
}

.about__experience p
{
    color:var(--tp-common-black-solid);
    font:700 20px var(--tp-ff-space)
}

.about__experience-4
{
    position:absolute;
    bottom:-10px;
    left:0;
    z-index:1;
    padding:22px 45px 12px 38px;
    background-color:var(--tp-theme-4);
    background-color:rgba(171,108,86,0.85);
    box-shadow:0 20px 30px rgba(50,15,3,0.2);
    backdrop-filter:blur(20px)
}

[dir=rtl] .about__experience-4
{
    left:auto;
    right:0
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about__experience-4
    {
        left:-15px
    }

    [dir=rtl] .about__experience-4
    {
        left:auto;
        right:-15px
    }
}

.about__experience-icon-4
{
    margin-top:8px
}

[dir=rtl] .about__experience-icon-4
{
    margin-right:0;
    margin-left:15px
}

.about__experience-icon-4 i
{
    font-size:40px;
    color:var(--tp-common-white)
}

.about__experience-content-4 h4
{
    color:var(--tp-common-white);
    margin-bottom:0;
    font:300 60px/1 var(--tp-ff-space)
}

.about__experience-content-4 h4 span
{
    font-weight:700
}

.about__experience-content-4 p
{
    font-size:14px;
    line-height:1.4;
    color:var(--tp-common-white)
}

.about__counter-item
{
    background-color:var(--tp-common-white);
    box-shadow:0 1px 2px rgba(22,34,19,0.1);
    padding:33px 0 35px
}

[dir=rtl] .about__counter-text
{
    margin-right:0;
    margin-left:15px
}

.about__counter-text h3
{
    text-transform:uppercase;
    margin-bottom:0;
    color:var(--tp-theme-2);
    font:300 50px var(--tp-ff-oswald)
}

.about__counter-text h3 span
{
    font-weight:500
}

.about__counter-content h3
{
    margin-bottom:0;
    font:600 16px var(--tp-ff-inter)
}

.about__counter-content p
{
    font-size:13px;
    margin-bottom:0
}

.about__tab-inner
{
    position:relative
}

.about__tab-nav
{
    border-bottom:1px solid rgba(255,255,255,0.1)
}

.about__tab-nav .nav-item
{
    display:inline-block
}

.about__tab-nav .nav-item:not(:last-child)
{
    margin-right:24px
}

[dir=rtl] .about__tab-nav .nav-item:not(:last-child)
{
    margin-right:0;
    margin-left:24px
}

.about__tab-nav .nav-link
{
    padding:0 6px;
    padding-bottom:4px;
    margin:0;
    border:0;
    color:var(--tp-common-white);
    position:relative;
    font:500 22px var(--tp-ff-space)
}

@media (max-width: 575px) {
    .about__tab-nav .nav-link
    {
        margin-bottom:12px
    }
}

.about__tab-nav .nav-link:not(:last-child)
{
    margin-right:30px
}

[dir=rtl] .about__tab-nav .nav-link:not(:last-child)
{
    margin-right:0;
    margin-left:30px
}

.about__tab-nav .nav-link:hover,.about__tab-nav .nav-link.active
{
    color:var(--tp-theme-3)
}

.about__tab-nav .nav-link:hover::after,.about__tab-nav .nav-link.active::after
{
    width:100%;
    left:0;
    right:auto
}

[dir=rtl] .about__tab-nav .nav-link:hover::after,[dir=rtl] .about__tab-nav .nav-link.active::after
{
    left:auto;
    right:0
}

@media (max-width: 575px) {
    .about__tab-nav .nav-link::after
    {
        position:absolute;
        content:"";
        left:auto;
        right:0;
        bottom:-1px;
        width:0;
        height:2px;
        background-color:var(--tp-theme-3);
        -webkit-transition:all .3s ease-out 0;
        -moz-transition:all .3s ease-out 0;
        -ms-transition:all .3s ease-out 0;
        -o-transition:all .3s ease-out 0;
        transition:all .3s ease-out 0
    }

    [dir=rtl] .about__tab-nav .nav-link::after
    {
        left:0;
        right:auto
    }
}

.about__tab-nav .tp-tab-menu
{
    position:relative
}

.about__tab-nav .tp-tab-line
{
    position:absolute;
    content:"";
    left:0;
    bottom:-1px;
    width:80%;
    height:2px;
    background-color:var(--tp-theme-3)
}

[dir=rtl] .about__tab-nav .tp-tab-line
{
    left:auto;
    right:0;
    display:none!important
}

.about__self-des p
{
    font-size:18px;
    color:var(--tp-text-7);
    line-height:1.7;
    margin-bottom:45px
}

.about__self-des p span
{
    color:var(--tp-common-white)
}

.about__education-des
{
    margin-bottom:25px
}

.about__education-des p
{
    font-size:18px;
    color:var(--tp-text-7);
    line-height:1.95
}

.about__education-des p a
{
    color:var(--tp-common-white);
    position:relative
}

.about__education-des p a::after
{
    position:absolute;
    content:"";
    left:auto;
    right:0;
    bottom:0;
    width:0;
    height:2px;
    background-color:var(--tp-common-white);
    opacity:.4
}

[dir=rtl] .about__education-des p a::after
{
    right:auto;
    left:0
}

.about__education-des p a:hover::after
{
    width:100%;
    left:0;
    right:auto
}

[dir=rtl] .about__education-des p a:hover::after
{
    left:auto;
    right:0
}

.about__education-title
{
    color:var(--tp-text-7);
    margin-bottom:35px;
    font:600 16px var(--tp-ff-inter)
}

.about__education-list
{
    margin-bottom:50px
}

.about__education-list ul li
{
    list-style:none;
    color:var(--tp-text-7);
    margin-bottom:10px;
    position:relative;
    padding-left:14px;
    font:15px var(--tp-ff-inter)
}

[dir=rtl] .about__education-list ul li
{
    padding-left:0;
    padding-right:14px
}

.about__education-list ul li::after
{
    position:absolute;
    content:"";
    left:0;
    top:10px;
    width:5px;
    height:5px;
    border-radius:50%;
    background-color:#44C987
}

[dir=rtl] .about__education-list ul li::after
{
    left:auto;
    right:0
}

.about__skill-wrapper
{
    margin-top:8px
}

.about__skill-title
{
    color:var(--tp-text-7);
    margin-bottom:35px;
    font:700 13px var(--tp-ff-space)
}

.about__skill-item
{
    margin-bottom:15px
}

.about__skill-item h4
{
    color:var(--tp-common-white);
    margin-bottom:0;
    font:700 18px var(--tp-ff-space)
}

.about__skill-item p
{
    font-size:14px;
    color:var(--tp-text-7);
    margin-bottom:0
}

[dir=rtl] .about__info-item
{
    margin-right:0;
    margin-left:40px
}

.about__info-item:last-child
{
    margin-right:0
}

[dir=rtl] .about__info-item:last-child
{
    margin-left:0
}

[dir=rtl] .about__info-icon
{
    margin-right:0;
    margin-left:15px
}

.about__info-icon span
{
    display:inline-block;
    width:44px;
    height:44px;
    line-height:40px;
    text-align:center;
    color:var(--tp-common-white);
    border:1.5px solid rgba(255,255,255,0.2);
    border-radius:50%
}

.about__info-content h4
{
    color:var(--tp-common-white);
    margin-bottom:0;
    font:700 18px var(--tp-ff-space)
}

.about__info-content p
{
    font-size:16px;
    color:var(--tp-common-white);
    opacity:.9;
    margin-bottom:0
}

.about__info-content p a:hover
{
    color:var(--tp-theme-1)
}

@media (max-width: 575px) {
    .about__call
    {
        margin-top:30px
    }
}

.about__call-icon span
{
    font-size:26px;
    color:#03A191;
    margin-right:9px;
    display:inline-block;
    margin-top:5px
}

[dir=rtl] .about__call-icon-8
{
    margin-right:0;
    margin-left:20px
}

.about__call-icon-8 span
{
    display:inline-block;
    font-size:18px;
    color:var(--tp-common-white);
    width:54px;
    height:54px;
    line-height:52px;
    text-align:center;
    border:2px solid rgba(255,255,255,0.1);
    border-radius:50%
}

.about__call-icon-8 span svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

[dir=rtl] .about__call-content
{
    margin-right:10px
}

.about__call-content h4
{
    margin-bottom:0;
    color:var(--tp-text-1);
    font:400 14px var(--tp-ff-inter)
}

.about__call-content p
{
    color:var(--tp-common-black);
    margin-bottom:0;
    font:700 16px var(--tp-ff-space)
}

.about__call-content-8 h4
{
    font-weight:500;
    font-size:12px;
    line-height:15px;
    letter-spacing:.06em;
    text-transform:uppercase;
    color:var(--tp-common-white);
    opacity:.7;
    margin-bottom:2px
}

.about__call-content-8 p
{
    letter-spacing:-.02em;
    text-transform:uppercase;
    color:var(--tp-theme-8);
    margin-bottom:0;
    font:500 24px var(--tp-ff-space)
}

.about__shape-1
{
    position:absolute;
    right:11%;
    top:24%;
    -webkit-animation:tpleftright 1s infinite alternate;
    animation:tpleftright 1s infinite alternate
}

[dir=rtl] .about__shape-1
{
    left:auto;
    right:11%
}

.about__shape-2
{
    position:absolute;
    left:3%;
    top:41%;
    -webkit-animation:tpupdown 1s infinite alternate;
    animation:tpupdown 1s infinite alternate
}

[dir=rtl] .about__shape-2
{
    left:auto;
    right:3%
}

.about__shape-3
{
    position:absolute;
    top:21%;
    left:4%;
    z-index:-1;
    -moz-animation:tprotate 3s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tprotate 3s ease-in-out 1s forwards infinite alternate;
    animation:tprotate 3s ease-in-out 1s forwards infinite alternate
}

[dir=rtl] .about__shape-3
{
    left:auto;
    right:4%
}

.about__shape-4
{
    position:absolute;
    bottom:9%;
    left:6%;
    z-index:-1;
    -moz-animation:tpleftright 1s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tpleftright 1s ease-in-out 1s forwards infinite alternate;
    animation:tpleftright 1s ease-in-out 1s forwards infinite alternate
}

[dir=rtl] .about__shape-4
{
    left:auto;
    right:6%
}

.about__shape-5
{
    position:absolute;
    top:17%;
    right:6%;
    z-index:-1;
    -moz-animation:tpupdown 1s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tpupdown 1s ease-in-out 1s forwards infinite alternate;
    animation:tpupdown 1s ease-in-out 1s forwards infinite alternate
}

[dir=rtl] .about__shape-5
{
    right:auto;
    left:6%
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about__shape-5
    {
        top:22%
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px) {
    .about__shape-5
    {
        top:24%
    }
}

@media (max-width: 575px) {
    .about__shape-5
    {
        top:3%
    }
}

.about__shape-6
{
    position:absolute;
    top:52%;
    right:14%;
    z-index:-1;
    -moz-animation:tprotate 5s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tprotate 5s ease-in-out 1s forwards infinite alternate;
    animation:tprotate 5s ease-in-out 1s forwards infinite alternate
}

[dir=rtl] .about__shape-6
{
    right:auto;
    left:14%
}

.about__shape-7
{
    position:absolute;
    top:-9%;
    right:0;
    z-index:-1
}

[dir=rtl] .about__shape-7
{
    right:auto;
    left:0
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about__shape-7
    {
        top:-6%
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .about__shape-7
    {
        top:4%
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about__shape-7
    {
        top:3%
    }
}

.about__shape-8
{
    position:absolute;
    z-index:-1;
    bottom:-20%;
    left:-22%;
    -moz-animation:tpupdown 1s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tpupdown 1s ease-in-out 1s forwards infinite alternate;
    animation:tpupdown 1s ease-in-out 1s forwards infinite alternate
}

[dir=rtl] .about__shape-8
{
    left:auto;
    right:-22%
}

@media (max-width: 575px) {
    .about__shape-8
    {
        bottom:-45%;
        left:-35%
    }

    [dir=rtl] .about__shape-8
    {
        left:auto;
        right:-35%
    }
}

.about__shape-9
{
    position:absolute;
    z-index:-1;
    top:7%;
    right:1%;
    -moz-animation:tpupdown 3s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tpupdown 3s ease-in-out 1s forwards infinite alternate;
    animation:tpupdown 3s ease-in-out 1s forwards infinite alternate
}

[dir=rtl] .about__shape-9
{
    right:auto;
    left:1%
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .about__features
    {
        margin-top:40px;
        margin-bottom:125px
    }
}

.about__features-item
{
    position:relative;
    margin-bottom:60px;
    padding-right:25px
}

[dir=rtl] .about__features-item
{
    padding-right:0;
    padding-left:25px
}

.about__features-item:last-child
{
    margin-bottom:0
}

.about__features-item:last-child::after
{
    display:none
}

.about__features-item::after
{
    position:absolute;
    content:"";
    left:26px;
    top:66px;
    width:1px;
    height:82%;
    border:1px dashed rgba(13,18,30,0.2)
}

[dir=rtl] .about__features-item::after
{
    left:auto;
    right:26px
}

.about__features-icon.yellow-color span
{
    color:var(--tp-common-yellow-2)
}

.about__features-icon.purple-color span
{
    color:var(--tp-common-purple-6)
}

.about__features-icon span
{
    display:inline-block;
    font-size:20px;
    width:54px;
    line-height:54px;
    height:54px;
    text-align:center;
    background-color:var(--tp-common-white);
    border-radius:50%;
    box-shadow:0 10px 30px rgba(13,18,30,0.12);
    color:var(--tp-common-pink-4);
    margin-right:30px
}

[dir=rtl] .about__features-icon span
{
    margin-right:0;
    margin-left:30px
}

.about__features-icon span svg
{
    -webkit-transform:translateY(-1px) translateX(3px);
    -moz-transform:translateY(-1px) translateX(3px);
    -ms-transform:translateY(-1px) translateX(3px);
    -o-transform:translateY(-1px) translateX(3px);
    transform:translateY(-1px) translateX(3px)
}

.about__features-icon span svg:not(.center-icon)
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

[dir=rtl] .about__features-icon span svg
{
    -webkit-transform:translateY(-2px) translateX(2px);
    -moz-transform:translateY(-2px) translateX(2px);
    -ms-transform:translateY(-2px) translateX(2px);
    -o-transform:translateY(-2px) translateX(2px);
    transform:translateY(-2px) translateX(2px)
}

.about__features-content
{
    margin-top:5px
}

.about__features-content > p
{
    color:var(--tp-text-18);
    font:15px/22px var(--tp-ff-roboto)
}

.about__features-title
{
    color:var(--tp-common-black-9);
    margin-bottom:5px;
    font:700 18px var(--tp-ff-roboto)
}

.about__play
{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}

.about__play-btn
{
    display:inline-block;
    width:110px;
    height:110px;
    line-height:110px;
    text-align:center;
    color:var(--tp-common-white);
    font-size:16px;
    background:linear-gradient;
    position:relative;
    box-shadow:0 4px 10px rgba(176,8,79,0.4)
}

.about__play-btn img
{
    -webkit-transform:translate(2px,2px);
    -moz-transform:translate(2px,2px);
    -ms-transform:translate(2px,2px);
    -o-transform:translate(2px,2px);
    transform:translate(2px,2px)
}

.about__play-btn .video-play-bg
{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    border-radius:50%;
    background-image:-webkit-linear-gradient(27.86deg,#FF0870 8.41%,#FFDC84 93.57%);
    background-image:-moz-linear-gradient(27.86deg,#FF0870 8.41%,#FFDC84 93.57%);
    background-image:-ms-linear-gradient(27.86deg,#FF0870 8.41%,#FFDC84 93.57%);
    background-image:-o-linear-gradient(27.86deg,#FF0870 8.41%,#FFDC84 93.57%);
    background-image:linear-gradient(27.86deg,#FF0870 8.41%,#FFDC84 93.57%)
}

@media (max-width: 575px) {
    .about__play-btn
    {
        width:70px;
        height:70px;
        line-height:72px
    }
}

.about__play-btn:hover .video-play-bg
{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1)
}

.about__video-wrapper
{
    position:relative
}

.about__video-thumb
{
    position:relative
}

.about__video-thumb > img
{
    width:100%
}

.about__video-counter
{
    position:absolute;
    top:0;
    right:100px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    padding:40px 48px;
    background-color:var(--tp-common-blue-4);
    z-index:1
}

[dir=rtl] .about__video-counter
{
    right:auto;
    left:100px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about__video-counter
    {
        right:50px
    }

    [dir=rtl] .about__video-counter
    {
        right:auto;
        left:50px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .about__video-counter
    {
        position:static
    }
}

.about__video-counter-item
{
    position:relative;
    padding-right:53px;
    margin-right:38px
}

[dir=rtl] .about__video-counter-item
{
    padding-right:0;
    margin-right:0;
    padding-left:53px;
    margin-left:38px
}

@media (max-width: 575px) {
    .about__video-counter-item
    {
        padding-right:0;
        margin-right:0;
        margin-bottom:20px;
        padding-bottom:20px
    }

    [dir=rtl] .about__video-counter-item
    {
        padding-left:0;
        margin-left:0
    }
}

.about__video-counter-item:last-child
{
    margin-right:0;
    padding-right:0;
    margin-bottom:0;
    padding-bottom:0
}

[dir=rtl] .about__video-counter-item:last-child
{
    margin-left:0;
    padding-left:0
}

.about__video-counter-item:last-child::after
{
    display:none
}

.about__video-counter-item::after
{
    position:absolute;
    content:"";
    right:0;
    top:50%;
    width:1px;
    height:70px;
    border:1px solid rgba(255,255,255,0.2);
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%)
}

[dir=rtl] .about__video-counter-item::after
{
    right:auto;
    left:0
}

@media (max-width: 575px) {
    .about__video-counter-item::after
    {
        width:100%;
        height:1px;
        bottom:0;
        top:auto
    }
}

.about__video-counter-item h4
{
    letter-spacing:-.03em;
    color:var(--tp-common-white);
    margin-bottom:0;
    font:900 50px var(--tp-ff-roboto)
}

.about__video-counter-item p
{
    color:var(--tp-common-white);
    margin-bottom:0;
    margin-left:7px;
    font:500 14px/18px var(--tp-ff-roboto)
}

[dir=rtl] .about__video-counter-item p
{
    margin-left:0;
    margin-right:7px
}

.about__analysis
{
    position:absolute;
    bottom:-6%;
    right:70px;
    background-color:var(--tp-theme-7);
    padding:52px 40px;
    padding-right:50px;
    border-radius:20px
}

[dir=rtl] .about__analysis
{
    right:auto;
    left:70px;
    padding-left:50px
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .about__analysis
    {
        right:0
    }

    [dir=rtl] .about__analysis
    {
        right:auto;
        left:0
    }
}

@media (max-width: 575px) {
    .about__analysis
    {
        position:static;
        margin-top:50px;
        right:0
    }

    [dir=rtl] .about__analysis
    {
        right:auto;
        left:0
    }
}

.about__analysis-icon
{
    margin-bottom:37px
}

.about__analysis-icon span
{
    display:inline-block;
    margin-bottom:10px;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    color:var(--tp-theme-7);
    background-color:var(--tp-common-white);
    border-radius:12px;
    font-size:16px
}

.about__analysis-icon p
{
    font-weight:600;
    font-size:20px;
    color:var(--tp-common-white);
    margin-bottom:0
}

.about__analysis-item
{
    margin-bottom:40px
}

.about__analysis-item h4
{
    letter-spacing:-.04em;
    color:var(--tp-common-white);
    margin-bottom:0;
    font:700 44px/1 var(--tp-ff-inter)
}

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

.about__analysis-item-2
{
    margin-bottom:20px
}

.about__analysis-item-2 h4
{
    letter-spacing:-.04em;
    color:var(--tp-common-white);
    margin-bottom:0;
    font:700 28px/1 var(--tp-ff-inter)
}

.about__analysis-item-2 p
{
    font-weight:500;
    font-size:15px;
    color:var(--tp-common-white);
    margin-bottom:0
}

.about__analysis-discount span
{
    display:inline-block;
    font-weight:600;
    font-size:15px;
    letter-spacing:-.03em;
    color:var(--tp-common-black-11);
    background-color:#FFC774;
    border-radius:6px;
    padding:2px 15px
}

.about__list
{
    padding-right:200px;
    margin-bottom:27px
}

[dir=rtl] .about__list
{
    padding-right:0;
    padding-left:200px
}

@media (max-width: 575px) {
    .about__list
    {
        padding-right:0
    }

    [dir=rtl] .about__list
    {
        padding-left:0
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about__list
    {
        padding-right:100px
    }

    [dir=rtl] .about__list
    {
        padding-left:100px
    }
}

.about__list-counter
{
    counter-reset:count
}

.about__list-item
{
    margin-bottom:20px
}

.about__list-icon
{
    margin-right:18px
}

[dir=rtl] .about__list-icon
{
    margin-right:0;
    margin-left:18px
}

.about__list-icon span
{
    display:inline-block;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    background-color:#F0F0F0;
    border-radius:50%;
    font-weight:600;
    font-size:18px;
    color:var(--tp-common-black-11);
    position:relative
}

.about__list-icon span::after
{
    position:absolute;
    counter-increment:count;
    content:counter(count);
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    color:var(--tp-common-black-11)
}

.about__list-content h4
{
    color:var(--tp-common-black-11);
    font:600 22px var(--tp-ff-inter)
}

.about__list-content p
{
    font-size:16px;
    line-height:1.5
}

.about__list-2
{
    overflow:hidden;
    padding-right:46px
}

[dir=rtl] .about__list-2
{
    padding-right:0;
    padding-left:46px
}

@media (max-width: 575px) {
    .about__list-2
    {
        padding-right:0
    }

    [dir=rtl] .about__list-2
    {
        padding-left:0
    }
}

.about__list-2 ul li
{
    position:relative;
    list-style:none;
    font-size:16px;
    color:var(--tp-common-black);
    padding-left:14px;
    float:left;
    width:50%;
    margin-bottom:14px
}

[dir=rtl] .about__list-2 ul li
{
    padding-left:0;
    padding-right:14px;
    float:right
}

@media (max-width: 575px) {
    .about__list-2 ul li
    {
        float:none;
        width:100%
    }
}

.about__list-2 ul li::after
{
    position:absolute;
    content:"";
    left:0;
    top:11px;
    width:5px;
    height:5px;
    border-radius:50%;
    background-color:var(--tp-common-black)
}

[dir=rtl] .about__list-2 ul li::after
{
    left:auto;
    right:0
}

.about__space-145
{
    padding-left:145px;
    padding-right:145px
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),only screen and (min-width: 1200px) and (max-width: 1399px) {
    .about__space-145
    {
        padding-left:50px;
        padding-right:50px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about__space-145
    {
        padding-left:30px;
        padding-right:30px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about__space-145
    {
        padding-left:30px;
        padding-right:30px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .about__space-145
    {
        padding-left:0;
        padding-right:0
    }
}

.about__heading-subtitle
{
    color:var(--tp-common-white);
    display:inline-block;
    margin-bottom:7px;
    font:500 18px/1.11 var(--tp-ff-space)
}

.about__heading-title
{
    font-size:70px;
    line-height:1;
    letter-spacing:-.04em;
    color:var(--tp-common-white)
}

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

.about__heading-overlay
{
    position:relative
}

.about__heading-overlay::after
{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(3,4,28,0.56)
}

[dir=rtl] .about__heading-overlay::after
{
    left:auto;
    right:0
}

.about__text-title
{
    font-size:30px;
    line-height:1;
    letter-spacing:-.02em;
    color:var(--tp-common-black);
    margin-bottom:25px
}

.about__text p
{
    font-size:16px;
    line-height:1.62;
    margin-bottom:15px
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .about__gallery-slider
    {
        padding-left:100px;
        padding-right:100px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about__gallery-slider
    {
        padding-left:30px;
        padding-right:30px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .about__gallery-slider
    {
        padding-left:0;
        padding-right:0
    }
}

.about__gallery-slider .slick-list
{
    overflow:visible;
    margin:0 -40px
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .about__gallery-slider .slick-list
    {
        overflow:hidden
    }
}

.about__gallery-slider .slick-slide > div
{
    margin:0 40px
}

.about__gallery-arrow button
{
    position:absolute;
    top:50%;
    left:-9%;
    border-radius:50%;
    background-color:var(--tp-common-white);
    width:100px;
    height:100px;
    line-height:100px;
    display:inline-block;
    z-index:9;
    font-size:24px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%)
}

[dir=rtl] .about__gallery-arrow button
{
    left:auto;
    right:-9%
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .about__gallery-arrow button
    {
        left:-3%
    }

    [dir=rtl] .about__gallery-arrow button
    {
        left:auto;
        right:-3%
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about__gallery-arrow button
    {
        left:-5%
    }

    [dir=rtl] .about__gallery-arrow button
    {
        left:auto;
        right:-5%
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about__gallery-arrow button
    {
        width:60px;
        height:60px;
        line-height:60px;
        left:-4%
    }

    [dir=rtl] .about__gallery-arrow button
    {
        left:auto;
        right:-4%
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .about__gallery-arrow button
    {
        width:60px;
        height:60px;
        line-height:60px;
        left:-4%
    }

    [dir=rtl] .about__gallery-arrow button
    {
        left:auto;
        right:-4%
    }
}

@media (max-width: 575px) {
    .about__gallery-arrow button
    {
        width:60px;
        height:60px;
        line-height:60px;
        left:0
    }

    [dir=rtl] .about__gallery-arrow button
    {
        left:auto;
        right:0
    }
}

.about__gallery-arrow button span
{
    display:inline-block;
    background:var(--tp-common-white);
    border:1px solid var(--tp-text-1);
    height:90px;
    width:90px;
    line-height:88px;
    text-align:center;
    border-radius:50%
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .about__gallery-arrow button span
    {
        width:50px;
        height:50px;
        line-height:48px
    }
}

.about__gallery-arrow button span svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.about__gallery-arrow button:hover
{
    color:var(--tp-common-white)
}

.about__gallery-arrow button:hover span
{
    color:var(--tp-common-white);
    background-color:var(--tp-common-black);
    border-color:var(--tp-common-black)
}

.about__gallery-arrow button.about-button-next
{
    left:auto;
    right:-9%
}

[dir=rtl] .about__gallery-arrow button.about-button-next
{
    left:-9%;
    right:auto
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .about__gallery-arrow button.about-button-next
    {
        right:-3%
    }

    [dir=rtl] .about__gallery-arrow button.about-button-next
    {
        right:auto;
        left:-3%
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about__gallery-arrow button.about-button-next
    {
        right:-5%
    }

    [dir=rtl] .about__gallery-arrow button.about-button-next
    {
        right:auto;
        left:-5%
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about__gallery-arrow button.about-button-next
    {
        right:-4%
    }

    [dir=rtl] .about__gallery-arrow button.about-button-next
    {
        right:auto;
        left:-4%
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .about__gallery-arrow button.about-button-next
    {
        right:-4%
    }

    [dir=rtl] .about__gallery-arrow button.about-button-next
    {
        right:auto;
        left:-4%
    }
}

@media (max-width: 575px) {
    .about__gallery-arrow button.about-button-next
    {
        right:0
    }

    [dir=rtl] .about__gallery-arrow button.about-button-next
    {
        right:auto;
        left:0
    }
}

.about__me-title
{
    font-weight:700;
    font-size:270px;
    line-height:1;
    letter-spacing:-.04em;
    color:var(--tp-common-white);
    -webkit-text-stroke-width:2px;
    -webkit-text-stroke-color:var(--tp-common-white)
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .about__me-title
    {
        font-size:255px
    }
}

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

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

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .about__me-title
    {
        font-size:115px
    }
}

@media (max-width: 575px) {
    .about__me-title
    {
        font-size:65px
    }
}

.about__me-spacing
{
    padding-top:420px
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px) {
    .about__me-spacing
    {
        padding-top:350px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about__me-spacing
    {
        padding-top:320px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .about__me-spacing
    {
        padding-top:220px
    }
}

.about__me-translate
{
    overflow:hidden
}

.about__me-translate .about__me-title
{
    -webkit-transform:translateY(41%) translateX(40px);
    -moz-transform:translateY(41%) translateX(40px);
    -ms-transform:translateY(41%) translateX(40px);
    -o-transform:translateY(41%) translateX(40px);
    transform:translateY(41%) translateX(40px)
}

[dir=rtl] .about__me-translate .about__me-title
{
    -webkit-transform:translateY(41%) translateX(-40px);
    -moz-transform:translateY(41%) translateX(-40px);
    -ms-transform:translateY(41%) translateX(-40px);
    -o-transform:translateY(41%) translateX(-40px);
    transform:translateY(41%) translateX(-40px)
}

.about__me-info-subtitle
{
    letter-spacing:.04em;
    text-transform:uppercase;
    color:var(--tp-common-black);
    position:relative;
    padding-left:13px;
    font:700 14px/1 var(--tp-ff-space)
}

[dir=rtl] .about__me-info-subtitle
{
    padding-left:0;
    padding-right:13px
}

.about__me-info-subtitle::after
{
    position:absolute;
    content:"";
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:3px;
    height:100%;
    background-color:var(--tp-theme-1)
}

[dir=rtl] .about__me-info-subtitle::after
{
    left:auto;
    right:0
}

.about__me-info-title
{
    font-size:40px;
    line-height:1.15;
    letter-spacing:-.04em;
    margin-bottom:15px
}

.about__me-info-content p
{
    font-size:18px;
    line-height:1.56;
    color:#525258
}

.about__me-info-social a
{
    display:inline-block;
    letter-spacing:-.02em;
    color:var(--tp-text-1);
    position:relative;
    padding-right:13px;
    margin-right:10px;
    font:500 15px/1 var(--tp-ff-space)
}

[dir=rtl] .about__me-info-social a
{
    padding-right:0;
    margin-right:0;
    padding-left:13px;
    margin-left:10px
}

.about__me-info-social a i
{
    margin-right:2px
}

[dir=rtl] .about__me-info-social a i
{
    margin-right:0;
    margin-left:2px
}

.about__me-info-social a:not(:last-child)
{
    padding-right:13px;
    margin-right:8px
}

[dir=rtl] .about__me-info-social a:not(:last-child)
{
    padding-right:0;
    margin-right:0;
    padding-left:13px;
    margin-left:8px
}

.about__me-info-social a:not(:last-child)::after
{
    position:absolute;
    content:"";
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:1px;
    height:100%;
    background-color:#EAEAEF
}

[dir=rtl] .about__me-info-social a:not(:last-child)::after
{
    right:auto;
    left:0
}

.about__me-info-social a:hover
{
    color:var(--tp-theme-1)
}

[dir=rtl] .about__me-info-btn
{
    margin-right:0;
    margin-left:30px
}

@media (max-width: 575px) {
    .about__me-info-btn
    {
        margin-bottom:20px
    }
}

.about__me-info-btn .tp-btn
{
    padding:14px 30px
}

.about__me-info-btn .tp-btn:hover
{
    background-color:var(--tp-common-black)
}

.about__spacing
{
    padding-top:225px;
    padding-bottom:180px
}

.about__btn-3-inner
{
    margin-right:16px
}

[dir=rtl] .about__btn-3-inner
{
    margin-right:0;
    margin-left:16px
}

.about__btn-4 .tp-btn-brown
{
    padding:10px 26px;
    border:2px solid var(--tp-theme-4)
}

[dir=rtl] .about__btn-4 .tp-btn-brown
{
    margin-right:0;
    margin-left:30px
}

.about__btn-4 .tp-btn-brown:hover
{
    border-color:#EAEAEF;
    background-color:transparent;
    color:var(--tp-common-black)
}

.about__btn-8 .tp-btn-border-8
{
    margin-right:0;
    margin-left:30px
}

.about-author-link
{
    display:inline-block;
    font-size:12px;
    font-weight:500;
    color:var(--tp-common-black);
    border:2px solid var(--tp-border-4);
    border-radius:20px;
    text-transform:uppercase;
    padding:0 20px;
    font-weight:500
}

.about-play-btn-2
{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    position:relative;
    letter-spacing:-.02em;
    color:var(--tp-common-white);
    font:500 16px/1.5 var(--tp-ff-space)
}

.about-play-btn-2 span
{
    display:inline-block;
    width:60px;
    height:60px;
    line-height:60px;
    background-color:var(--tp-theme-8);
    color:var(--tp-common-white);
    border-radius:50%;
    text-align:center;
    margin-right:13px;
    position:relative;
    z-index:1
}

[dir=rtl] .about-play-btn-2 span
{
    margin-right:0;
    margin-left:13px
}

.about-play-btn-2 span::after
{
    display:inline-block;
    position:relative;
    content:"";
    left:0;
    bottom:100%;
    width:100%;
    height:100%;
    background-color:var(--tp-theme-8);
    border-radius:50%;
    -webkit-transition:all .2s ease-out 0;
    -moz-transition:all .2s ease-out 0;
    -ms-transition:all .2s ease-out 0;
    -o-transition:all .2s ease-out 0;
    transition:all .2s ease-out 0;
    z-index:-1
}

.about-play-btn-2 span img
{
    -webkit-transform:translate(2px,2px);
    -moz-transform:translate(2px,2px);
    -ms-transform:translate(2px,2px);
    -o-transform:translate(2px,2px);
    transform:translate(2px,2px)
}

[dir=rtl] .about-play-btn-2 span img
{
    -webkit-transform:translate(2px,2px);
    -moz-transform:translate(2px,2px);
    -ms-transform:translate(2px,2px);
    -o-transform:translate(2px,2px);
    transform:translate(2px,2px)
}

.about-play-btn-2 span svg
{
    -webkit-transform:translate(2px,-2px);
    -moz-transform:translate(2px,-2px);
    -ms-transform:translate(2px,-2px);
    -o-transform:translate(2px,-2px);
    transform:translate(2px,-2px)
}

[dir=rtl] .about-play-btn-2 span svg
{
    -webkit-transform:translate(2px,-2px);
    -moz-transform:translate(2px,-2px);
    -ms-transform:translate(2px,-2px);
    -o-transform:translate(2px,-2px);
    transform:translate(2px,-2px)
}

.about-play-btn-2:hover
{
    color:var(--tp-common-white)
}

.about-play-btn-2:hover span::after
{
    -webkit-transform:scale(1.08);
    -moz-transform:scale(1.08);
    -ms-transform:scale(1.08);
    -o-transform:scale(1.08);
    transform:scale(1.08)
}

@-webkit-keyframes aboutGradient {
    0%
    {
        -webkit-transform:rotate(180deg);
        -moz-transform:rotate(180deg);
        -ms-transform:rotate(180deg);
        -o-transform:rotate(180deg);
        transform:rotate(180deg)
    }

    100%
    {
        -webkit-transform:rotate(171deg);
        -moz-transform:rotate(171deg);
        -ms-transform:rotate(171deg);
        -o-transform:rotate(171deg);
        transform:rotate(171deg)
    }
}

@-moz-keyframes aboutGradient {
    0%
    {
        -webkit-transform:rotate(180deg);
        -moz-transform:rotate(180deg);
        -ms-transform:rotate(180deg);
        -o-transform:rotate(180deg);
        transform:rotate(180deg)
    }

    100%
    {
        -webkit-transform:rotate(171deg);
        -moz-transform:rotate(171deg);
        -ms-transform:rotate(171deg);
        -o-transform:rotate(171deg);
        transform:rotate(171deg)
    }
}

@-ms-keyframes aboutGradient {
    0%
    {
        -webkit-transform:rotate(180deg);
        -moz-transform:rotate(180deg);
        -ms-transform:rotate(180deg);
        -o-transform:rotate(180deg);
        transform:rotate(180deg)
    }

    100%
    {
        -webkit-transform:rotate(171deg);
        -moz-transform:rotate(171deg);
        -ms-transform:rotate(171deg);
        -o-transform:rotate(171deg);
        transform:rotate(171deg)
    }
}

@keyframes aboutGradient {
    0%
    {
        -webkit-transform:rotate(180deg);
        -moz-transform:rotate(180deg);
        -ms-transform:rotate(180deg);
        -o-transform:rotate(180deg);
        transform:rotate(180deg)
    }

    100%
    {
        -webkit-transform:rotate(171deg);
        -moz-transform:rotate(171deg);
        -ms-transform:rotate(171deg);
        -o-transform:rotate(171deg);
        transform:rotate(171deg)
    }
}

@-webkit-keyframes aboutRotate3 {
    0%
    {
        -webkit-transform:rotate(12deg);
        -moz-transform:rotate(12deg);
        -ms-transform:rotate(12deg);
        -o-transform:rotate(12deg);
        transform:rotate(12deg)
    }

    100%
    {
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg)
    }
}

@-moz-keyframes aboutRotate3 {
    0%
    {
        -webkit-transform:rotate(12deg);
        -moz-transform:rotate(12deg);
        -ms-transform:rotate(12deg);
        -o-transform:rotate(12deg);
        transform:rotate(12deg)
    }

    100%
    {
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg)
    }
}

@-ms-keyframes aboutRotate3 {
    0%
    {
        -webkit-transform:rotate(12deg);
        -moz-transform:rotate(12deg);
        -ms-transform:rotate(12deg);
        -o-transform:rotate(12deg);
        transform:rotate(12deg)
    }

    100%
    {
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg)
    }
}

@keyframes aboutRotate3 {
    0%
    {
        -webkit-transform:rotate(12deg);
        -moz-transform:rotate(12deg);
        -ms-transform:rotate(12deg);
        -o-transform:rotate(12deg);
        transform:rotate(12deg)
    }

    100%
    {
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg)
    }
}

.counter__border .row [class*=col-]:first-child .counter__item
{
    padding-left:120px
}

[dir=rtl] .counter__border .row [class*=col-]:first-child .counter__item
{
    padding-left:0;
    padding-right:120px
}

.counter__border .row [class*=col-]:first-child .counter__item::after
{
    right:-50px
}

[dir=rtl] .counter__border .row [class*=col-]:first-child .counter__item::after
{
    right:auto;
    left:-50px
}

.counter__border .row [class*=col-]:last-child .counter__item
{
    padding-right:122px
}

[dir=rtl] .counter__border .row [class*=col-]:last-child .counter__item
{
    padding-left:120px;
    padding-right:0
}

.counter__border .row [class*=col-]:last-child .counter__item::after
{
    display:none
}

.counter__border-2 .row [class*=col-]:last-child .counter__item-4-wrapper
{
    border-bottom:0
}

.counter__border-2 .row [class*=col-]:last-child .counter__item-4-wrapper::after
{
    display:none
}

.counter__border-8 .row [class*=col-]:nth-child(2) .counter__item-8::after
{
    right:40px
}

[dir=rtl] .counter__border-8 .row [class*=col-]:nth-child(2) .counter__item-8::after
{
    right:auto;
    left:40px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .counter__border-8 .row [class*=col-]:nth-child(2) .counter__item-8::after
    {
        right:10px
    }

    [dir=rtl] .counter__border-8 .row [class*=col-]:nth-child(2) .counter__item-8::after
    {
        right:auto;
        left:10px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .counter__border-8 .row [class*=col-]:nth-child(2) .counter__item-8::after
    {
        display:none
    }
}

.counter__border-8 .row [class*=col-]:last-child .counter__item-8::after
{
    display:none
}

.counter__border-radius .row [class*=col-]:first-child .counter__item-5
{
    border-top-left-radius:10px;
    border-bottom-left-radius:10px
}

[dir=rtl] .counter__border-radius .row [class*=col-]:first-child .counter__item-5
{
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px
}

.counter__border-radius .row [class*=col-]:last-child .counter__item-5
{
    border-top-right-radius:10px;
    border-bottom-right-radius:10px
}

[dir=rtl] .counter__border-radius .row [class*=col-]:last-child .counter__item-5
{
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-top-left-radius:10px;
    border-bottom-left-radius:10px
}

.counter__inner
{
    position:relative;
    z-index:1;
    padding:40px 0
}

.counter__inner-4
{
    padding:52px 0 8px;
    position:relative;
    overflow:hidden
}

.counter__inner-10
{
    background:var(--tp-common-orange-4);
    box-shadow:0 30px 50px rgba(129,51,10,0.2);
    border-radius:20px;
    padding:58px 0 30px;
    position:relative;
    z-index:1;
    overflow:hidden
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .counter__inner-10
    {
        margin-bottom:40px
    }
}

.counter__inner-10-shape
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    mix-blend-mode:soft-light;
    opacity:.5;
    z-index:-1
}

.counter__inner-10 .row [class*=col-]:last-child .counter__item-10
{
    padding-right:55px
}

[dir=rtl] .counter__inner-10 .row [class*=col-]:last-child .counter__item-10
{
    padding-right:0;
    padding-left:55px
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .counter__inner-10 .row [class*=col-]:last-child .counter__item-10
    {
        padding-right:0
    }

    [dir=rtl] .counter__inner-10 .row [class*=col-]:last-child .counter__item-10
    {
        padding-left:0
    }
}

.counter__inner-10 .row [class*=col-]:last-child .counter__item-10::after
{
    display:none
}

.counter__inner-10 .row [class*=col-]:nth-child(2) .counter__item-10
{
    padding-right:50px
}

[dir=rtl] .counter__inner-10 .row [class*=col-]:nth-child(2) .counter__item-10
{
    padding-right:0;
    padding-left:50px
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .counter__inner-10 .row [class*=col-]:nth-child(2) .counter__item-10
    {
        padding-right:0
    }

    [dir=rtl] .counter__inner-10 .row [class*=col-]:nth-child(2) .counter__item-10
    {
        padding-left:0
    }
}

.counter__inner-10 .row [class*=col-]:nth-child(2) .counter__item-10::after
{
    right:6px
}

[dir=rtl] .counter__inner-10 .row [class*=col-]:nth-child(2) .counter__item-10::after
{
    right:auto;
    left:6px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .counter__inner-10 .row [class*=col-]:nth-child(2) .counter__item-10::after
    {
        right:21px
    }

    [dir=rtl] .counter__inner-10 .row [class*=col-]:nth-child(2) .counter__item-10::after
    {
        right:auto;
        left:21px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .counter__inner-10 .row [class*=col-]:nth-child(2) .counter__item-10::after
    {
        display:none
    }
}

.counter__item
{
    text-align:center;
    position:relative
}

.counter__item::after
{
    position:absolute;
    content:"";
    right:21px;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:1px;
    height:100%;
    background-color:rgba(255,255,255,0.2)
}

[dir=rtl] .counter__item::after
{
    right:auto;
    left:21px
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .counter__item::after
    {
        display:none
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .counter__item
    {
        margin-bottom:25px;
        padding-bottom:25px;
        border-right:0;
        border-bottom:1px solid var(--tp-border-3)
    }

    [dir=rtl] .counter__item
    {
        border-left:0
    }
}

.counter__item-wrapper
{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:space-between
}

.counter__item-4
{
    margin-bottom:30px;
    position:relative
}

.counter__item-4-wrapper
{
    z-index:1;
    position:relative
}

.counter__item-4-wrapper::after
{
    position:absolute;
    content:"";
    right:0;
    top:30%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:1px;
    height:75px;
    background-color:rgba(255,255,255,0.2)
}

[dir=rtl] .counter__item-4-wrapper::after
{
    right:auto;
    left:0
}

@media (max-width: 575px) {
    .counter__item-4
    {
        margin-bottom:25px;
        padding-bottom:25px;
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,0.2)
    }

    [dir=rtl] .counter__item-4
    {
        border-left:0
    }
}

.counter__item-5
{
    position:relative;
    padding:35px 40px 33px;
    overflow:hidden;
    z-index:1
}

.counter__item-7
{
    box-shadow:0 1px 2px rgba(4,41,35,0.08);
    border-radius:40px;
    padding:57px 0 33px
}

.counter__item-8
{
    position:relative
}

.counter__item-8::after
{
    position:absolute;
    content:"";
    right:48px;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    height:70px;
    width:1px;
    background-color:rgba(255,255,255,0.1)
}

[dir=rtl] .counter__item-8::after
{
    right:auto;
    left:48px
}

.counter__item-10
{
    position:relative
}

.counter__item-10::after
{
    position:absolute;
    content:"";
    right:18px;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    height:100px;
    width:1px;
    background-color:rgba(255,255,255,0.2)
}

[dir=rtl] .counter__item-10::after
{
    right:auto;
    left:18px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .counter__item-10::after
    {
        right:7px
    }

    [dir=rtl] .counter__item-10::after
    {
        right:auto;
        left:7px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .counter__item-10::after
    {
        display:none
    }
}

.counter__title
{
    color:var(--tp-common-white);
    text-transform:uppercase;
    margin-bottom:0;
    font:700 50px var(--tp-ff-space)
}

.counter__title-4
{
    letter-spacing:-.04em;
    color:var(--tp-common-white);
    margin-bottom:0;
    font:50px/1 var(--tp-ff-space)
}

.counter__title-5
{
    letter-spacing:-.04em;
    margin-bottom:0;
    font:700 20px var(--tp-ff-space)
}

.counter__content p
{
    color:var(--tp-text-2);
    text-transform:uppercase;
    margin-bottom:0;
    font:700 16px var(--tp-ff-space)
}

.counter__content-4 p
{
    color:rgba(255,255,255,0.7);
    text-transform:capitalize;
    font:500 16px var(--tp-ff-space)
}

.counter__content-7 h4
{
    color:var(--tp-common-black-11);
    margin-bottom:5px;
    font:400 60px/1 var(--tp-ff-inter)
}

.counter__content-7 p
{
    font:16px var(--tp-ff-inter)
}

.counter__content-8 h4
{
    color:var(--tp-common-white);
    margin-bottom:0;
    margin-right:20px;
    font:400 60px/1 var(--tp-ff-space)
}

[dir=rtl] .counter__content-8 h4
{
    margin-right:0;
    margin-left:20px
}

.counter__content-8 p
{
    font-size:18px;
    color:var(--tp-common-white);
    margin-bottom:0;
    font:300 16px/24px var(--tp-ff-space)
}

.counter__content-10 h4
{
    font-size:50px;
    letter-spacing:-.02em;
    color:var(--tp-common-white);
    line-height:1;
    margin-bottom:8px
}

.counter__content-10 p
{
    color:var(--tp-common-white);
    margin-bottom:0;
    font:500 16px/20px var(--tp-ff-space)
}

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

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

.counter__shape-3
{
    position:absolute;
    bottom:0;
    right:0;
    z-index:-1
}

.counter__shape-4
{
    position:absolute;
    bottom:0;
    right:0;
    z-index:-1
}

.counter__shape-5
{
    position:absolute;
    top:13%;
    left:8%;
    z-index:-1
}

.counter__shape-6
{
    position:absolute;
    bottom:10%;
    right:11%;
    z-index:-1
}

.counter__shape-7
{
    position:absolute;
    left:6%;
    bottom:17%;
    z-index:-1
}

.counter__shape-8
{
    position:absolute;
    right:29%;
    top:25%;
    z-index:-1
}

.counter__shape-9
{
    position:absolute;
    right:5%;
    bottom:-4%;
    z-index:-1
}

.counter__shape-10
{
    position:absolute;
    right:0;
    bottom:0;
    width:100%;
    mix-blend-mode:luminosity
}

.counter__shape-11
{
    position:absolute;
    z-index:-1;
    left:10%;
    top:-12%;
    -webkit-animation:tpleftright 2s infinite alternate;
    animation:tpleftright 2s infinite alternate
}

.counter__shape-12
{
    position:absolute;
    z-index:-1;
    right:9%;
    top:17%;
    -webkit-animation:tprotate 3s infinite alternate;
    animation:tprotate 3s infinite alternate
}

.counter__shape-13
{
    position:absolute;
    top:15%;
    left:0;
    z-index:-1
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .counter__shape-13
    {
        top:0
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .counter__shape-13
    {
        top:1%;
        width:25%
    }
}

@media (max-width: 575px) {
    .counter__shape-13
    {
        top:0;
        width:21%
    }
}

.counter__shape-14
{
    position:absolute;
    top:11%;
    right:8%;
    z-index:-1
}

@media (max-width: 575px) {
    .counter__shape-14
    {
        top:3%
    }
}

.counter__shape-15
{
    position:absolute;
    bottom:4%;
    right:1%;
    z-index:-1
}

.counter__shape-16
{
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    width:100%
}

.counter__icon-5
{
    margin-bottom:15px
}

.counter__icon-5 span
{
    color:var(--tp-common-green-4)
}

.counter__icon-7
{
    margin-bottom:40px
}

.counter__icon-7 span
{
    font-size:60px;
    color:var(--tp-theme-7);
    position:relative
}

.counter__icon-7-shape
{
    position:absolute;
    left:-28px;
    top:-7px
}

.counter__no
{
    position:absolute;
    bottom:-65px;
    right:30px
}

[dir=rtl] .counter__no
{
    right:auto;
    left:30px
}

.counter__no h4
{
    letter-spacing:-.04em;
    color:var(--tp-common-green-4);
    opacity:.2;
    font:700 130px var(--tp-ff-space)
}

.counter__border-animation
{
    position:absolute;
    top:50%;
    left:50%;
    display:inline-block;
    height:700px;
    width:700px;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    z-index:-1
}

.counter__border-animation::after,.counter__border-animation::before
{
    position:absolute;
    content:"";
    top:55%;
    left:50%;
    width:100%;
    height:100%;
    border-radius:50%;
    border:2px solid rgba(44,174,118,0.4);
    background-color:transparent;
    animation:borderanimate 3.25s linear infinite;
    -webkit-animation-delay:0;
    animation-delay:0;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}

.counter__border-animation::before
{
    -webkit-animation-delay:1s;
    animation-delay:1s
}

.counter__info-5 p
{
    letter-spacing:-.04em;
    color:var(--tp-text-1);
    font:400 20px var(--tp-ff-space)
}

.counter__info-5 p span
{
    color:var(--tp-theme-5);
    font-weight:700
}

.counter__green
{
    background-color:rgba(94,183,75,0.1)
}

.counter__brown
{
    background-color:rgba(171,108,86,0.1)
}

.counter__brown .counter__icon-5 span
{
    color:var(--tp-theme-4)
}

.counter__brown .counter__no h4
{
    color:var(--tp-theme-4)
}

.counter__purple
{
    background-color:rgba(124,106,221,0.1)
}

.counter__purple .counter__icon-5 span
{
    color:var(--tp-common-purple-4)
}

.counter__purple .counter__no h4
{
    color:var(--tp-common-purple-4)
}

.counter__overlay-10
{
    position:relative
}

.counter__overlay-10::after
{
    position:absolute;
    content:"";
    top:0;
    left:0;
    width:100%;
    height:65px;
    background-color:var(--tp-grey-4)
}

.fact__item
{
    padding:40px;
    box-shadow:0 20px 26px rgba(3,4,28,0.1)
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .fact__item
    {
        padding-left:25px;
        padding-right:25px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fact__item
    {
        padding-left:20px;
        padding-right:20px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fact__item
    {
        padding-left:20px;
        padding-right:20px
    }
}

@media (max-width: 575px) {
    .fact__item
    {
        padding-left:20px;
        padding-right:20px
    }
}

.fact__icon p
{
    display:inline-block;
    width:80px;
    height:80px;
    text-align:center;
    margin-bottom:0;
    margin-right:15px;
    border:2px solid var(--tp-theme-4);
    padding-top:14px;
    border-radius:50%
}

[dir=rtl] .fact__icon p
{
    margin-right:0;
    margin-left:15px
}

.fact__icon p i
{
    color:var(--tp-theme-4)
}

.fact__icon p svg
{
    color:var(--tp-theme-4);
    margin-bottom:6px
}

.fact__icon p span
{
    color:var(--tp-common-black);
    display:block;
    font:700 16px/1 var(--tp-ff-space)
}

.fact__content h4
{
    color:var(--tp-common-black);
    margin-bottom:0;
    font:24px var(--tp-ff-space)
}

@media (max-width: 575px) {
    .fact__content h4
    {
        font-size:19px
    }
}

.fact__content p
{
    font-family:var(--tp-ff-inter);
    margin-bottom:0
}

.fact__banner
{
    padding:35px 40px 18px;
    min-height:160px;
    box-shadow:0 20px 26px rgba(3,4,28,0.1)
}

.fact__banner-overlay
{
    position:relative
}

.fact__banner-overlay::after
{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:linear-gradient(90deg,#002D28 49.48%,rgba(0,45,40,0.1) 100%);
    opacity:.9
}

.fact__banner-bg
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1
}

.fact__banner-content
{
    position:relative;
    z-index:1
}

.fact__banner-content h5
{
    color:var(--tp-common-white);
    font:27px var(--tp-ff-space)
}

.fact__banner-content p
{
    color:var(--tp-common-white);
    font:500 16px var(--tp-ff-space)
}

.fact__translate
{
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%)
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fact__translate
    {
        -webkit-transform:translateY(-23%);
        -moz-transform:translateY(-23%);
        -ms-transform:translateY(-23%);
        -o-transform:translateY(-23%);
        transform:translateY(-23%)
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fact__translate
    {
        -webkit-transform:translateY(-25%);
        -moz-transform:translateY(-25%);
        -ms-transform:translateY(-25%);
        -o-transform:translateY(-25%);
        transform:translateY(-25%)
    }
}

@media (max-width: 575px) {
    .fact__translate
    {
        -webkit-transform:translateY(-20%);
        -moz-transform:translateY(-20%);
        -ms-transform:translateY(-20%);
        -o-transform:translateY(-20%);
        transform:translateY(-20%)
    }
}

.services__section-title-5
{
    padding-left:70px;
    padding-right:70px
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .services__section-title-5
    {
        padding-left:0;
        padding-right:0
    }
}

.services__item
{
    position:relative;
    z-index:1
}

.services__item-inner
{
    position:relative;
    z-index:1;
    padding:50px 30px;
    padding-right:25px;
    padding-top:50px;
    border:1px solid var(--tp-border-5)
}

[dir=rtl] .services__item-inner
{
    padding-left:30px;
    padding-right:25px
}

@media only screen and (min-width: 992px) and (max-width: 1199px),(max-width: 575px) {
    .services__item-inner
    {
        padding-left:25px;
        padding-right:25px
    }
}

.services__item:hover .services__item-inner
{
    background-color:var(--tp-common-purple);
    border-color:transparent
}

.services__item:hover .services__title
{
    color:var(--tp-common-white)
}

.services__item:hover .services__title a
{
    color:var(--tp-common-white)
}

.services__item:hover .services__content p
{
    color:var(--tp-common-white)
}

.services__item:hover .services__icon span
{
    color:var(--tp-common-white-op-7)
}

.services__item:hover .services__btn .tp-btn-border
{
    color:var(--tp-common-white);
    border-color:rgba(255,255,255,0.3)
}

.services__item:hover .services__btn .tp-btn-border:hover
{
    background-color:var(--tp-common-white);
    color:var(--tp-common-black);
    border-color:var(--tp-common-white)
}

.services__item:hover .services__shape-1
{
    top:0;
    visibility:visible;
    opacity:1
}

.services__item:hover .services__shape-2
{
    right:0;
    visibility:visible;
    opacity:1
}

[dir=rtl] .services__item:hover .services__shape-2
{
    right:auto;
    left:0
}

.services__item-4
{
    border:2px solid var(--tp-border-5);
    background-color:var(--tp-common-white);
    padding:47px 40px 40px;
    position:relative;
    z-index:1
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .services__item-4
    {
        padding:25px 15px 30px
    }
}

.services__item-4::after
{
    position:absolute;
    content:"";
    left:15px;
    top:15px;
    right:15px;
    bottom:15px;
    border:2px solid rgba(255,255,255,0.1411764706);
    z-index:-1;
    opacity:0;
    visibility:hidden;
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2)
}

.services__item-4:hover
{
    background-color:var(--tp-theme-4);
    border-color:var(--tp-theme-4)
}

.services__item-4:hover::after
{
    opacity:1;
    visibility:visible;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

.services__item-4:hover .services-link-btn
{
    color:var(--tp-common-white);
    bottom:35px;
    visibility:visible;
    opacity:1;
    transition-delay:.1s
}

.services__item-4:hover .services__title-4
{
    color:var(--tp-common-white);
    -webkit-transform:translateY(-93px);
    -moz-transform:translateY(-93px);
    -ms-transform:translateY(-93px);
    -o-transform:translateY(-93px);
    transform:translateY(-93px);
    transition-delay:0
}

.services__item-4:hover .services__title-4 a
{
    color:var(--tp-common-white)
}

.services__item-4:hover .services__thumb-4
{
    opacity:.14
}

.services__item-4:hover .services__icon-4 i,.services__item-4:hover .services__icon-4 span
{
    color:var(--tp-common-white);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0)
}

.services__item-4:hover .services__content-4 p
{
    color:var(--tp-common-white);
    -webkit-transform:translateY(-93px);
    -moz-transform:translateY(-93px);
    -ms-transform:translateY(-93px);
    -o-transform:translateY(-93px);
    transform:translateY(-93px);
    transition-delay:.1s
}

.services__item-5
{
    position:relative;
    z-index:1;
    border-radius:10px
}

.services__item-5-inner
{
    padding:63px 40px 50px;
    box-shadow:0 30px 40px rgba(2,45,62,0.08);
    border-radius:10px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .services__item-5-inner
    {
        padding-left:20px;
        padding-right:20px
    }
}

@media (max-width: 575px) {
    .services__item-5-inner
    {
        padding:50px 15px 42px
    }
}

.services__item-5::after
{
    position:absolute;
    content:"";
    width:0;
    height:20px;
    top:-4px;
    left:auto;
    right:0;
    background-color:var(--tp-common-purple-3);
    border-radius:10px;
    z-index:-1
}

[dir=rtl] .services__item-5::after
{
    right:auto;
    left:0
}

.services__item-5:hover::after
{
    width:100%;
    left:0;
    right:auto
}

[dir=rtl] .services__item-5:hover::after
{
    left:auto;
    right:0
}

.services__item-wrapper-7 .row [class*=col-]:nth-child(2n) .services__content-7
{
    background-color:var(--tp-common-white);
    border-color:rgba(4,18,31,0.1)
}

.services__item-wrapper-7 .row [class*=col-]:nth-child(2n) .services__icon-7 span
{
    background:linear-gradient(35.1deg,#E8D8C1 18.5%,#FFF9F0 92.94%);
    box-shadow:0 3px 5px rgba(47,28,6,0.1);
    color:var(--tp-common-black-11)
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .services__item-wrapper-14
    {
        padding-left:50px
    }

    [dir=rtl] .services__item-wrapper-14
    {
        padding-left:0;
        padding-right:50px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .services__item-wrapper-14
    {
        padding-left:0;
        margin-top:50px
    }

    [dir=rtl] .services__item-wrapper-14
    {
        padding-right:0
    }
}

.services__item-7:hover .services__icon-7 span
{
    -webkit-transform:translateY(0px) translate3d(0,5px,0);
    -moz-transform:translateY(0px) translate3d(0,5px,0);
    -ms-transform:translateY(0px) translate3d(0,5px,0);
    -o-transform:translateY(0px) translate3d(0,5px,0);
    transform:translateY(0px) translate3d(0,5px,0)
}

.services__item-8
{
    padding:61px 90px 57px 70px;
    border:1.5px solid rgba(255,255,255,0.08);
    position:relative;
    z-index:1
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .services__item-8
    {
        padding:56px 40px 60px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .services__item-8
    {
        padding:56px 35px 60px 30px
    }
}

@media (max-width: 575px) {
    .services__item-8
    {
        padding:56px 30px 60px
    }
}

.services__item-8:hover .services__project-no span
{
    color:var(--tp-theme-8)
}

.services__item-8:hover .services__shape-11
{
    opacity:.04
}

.services__item-8:hover .services__icon-8 span i,.services__item-8:hover .services__icon-8 span svg,.services__item-8:hover .services__icon-8 span img
{
    animation-name:tpshake;
    animation-timing-function:ease-in-out;
    animation-duration:.4s;
    animation-iteration-count:1
}

.services__item-9
{
    padding:40px 42px 37px 40px;
    border:1px solid #EAEAEF;
    background-color:var(--tp-common-white);
    position:relative
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .services__item-9
    {
        padding-left:35px;
        padding-right:35px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .services__item-9
    {
        padding:30px 25px 27px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .services__item-9
    {
        padding:35px 30px 32px
    }
}

@media (max-width: 575px) {
    .services__item-9
    {
        padding-left:30px;
        padding-right:30px
    }
}

.services__item-9::after
{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-image:-webkit-linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    background-image:-moz-linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    background-image:-ms-linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    background-image:-o-linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    background-image:linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    background:#f6921e;
    z-index:-1
}

.services__item-9:hover
{
    background-color:var(--tp-common-white);
    border-color:var(--tp-common-white);
    box-shadow:0 20px 40px rgba(3,4,28,0.14)
}

.services__item-9:hover::after
{
    -webkit-transform:translate(8px,8px);
    -moz-transform:translate(8px,8px);
    -ms-transform:translate(8px,8px);
    -o-transform:translate(8px,8px);
    transform:translate(8px,8px)
}

.services__item-9:hover .services__icon-9 span i,.services__item-9:hover .services__icon-9 span svg
{
    -webkit-transform:translateY(-5px) translate3d(0,-5px,0);
    -moz-transform:translateY(-5px) translate3d(0,-5px,0);
    -ms-transform:translateY(-5px) translate3d(0,-5px,0);
    -o-transform:translateY(-5px) translate3d(0,-5px,0);
    transform:translateY(-5px) translate3d(0,-5px,0)
}

.services__item-14
{
    height:400px;
    position:relative;
    z-index:1;
    overflow:hidden
}

.services__item-14:hover .services__thumb-14
{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1)
}

.services__item-14::after
{
    position:absolute;
    content:"";
    left:0;
    top:0;
    height:100%;
    width:100%;
    background-image:-webkit-linear-gradient(180deg,rgba(3,4,28,0) 0.25%,#03041C 98.96%);
    background-image:-moz-linear-gradient(180deg,rgba(3,4,28,0) 0.25%,#03041C 98.96%);
    background-image:-ms-linear-gradient(180deg,rgba(3,4,28,0) 0.25%,#03041C 98.96%);
    background-image:-o-linear-gradient(180deg,rgba(3,4,28,0) 0.25%,#03041C 98.96%);
    background-image:linear-gradient(180deg,rgba(3,4,28,0) 0.25%,#03041C 98.96%);
    z-index:-1
}

.services__item-15
{
    padding:50px 60px 47px;
    background:var(--tp-common-white);
    box-shadow:0 1px 2px rgba(3,4,28,0.1)
}

@media only screen and (min-width: 992px) and (max-width: 1199px),(max-width: 575px) {
    .services__item-15
    {
        padding:40px 47px 37px
    }
}

.services__item-15:hover
{
    box-shadow:0 10px 20px rgba(3,4,28,0.08)
}

.services__item-15:hover .services__icon-15 span i,.services__item-15:hover .services__icon-15 span svg
{
    animation-name:tpshake;
    animation-timing-function:ease-in-out;
    animation-duration:.4s;
    animation-iteration-count:1
}

.services__item-style-2::after
{
    display:none
}

.services__item-style-2:hover
{
    box-shadow:0 10px 10px rgba(3,4,28,0.1)
}

.services__item-style-2 .services__btn-9 a:hover
{
    color:var(--tp-theme-1)
}

.services__icon
{
    margin-bottom:32px;
    min-height:43px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:flex-end
}

[dir=rtl] .services__icon
{
    align-items:flex-start
}

.services__icon span
{
    font-size:40px;
    color:var(--tp-common-purple)
}

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

.services__icon-4 i
{
    display:inline-block;
    font-size:50px;
    color:var(--tp-theme-4)
}

.services__icon-4 span
{
    display:inline-block;
    font-size:40px;
    color:var(--tp-theme-4);
    min-height:52px
}

.services__icon-7
{
    margin-bottom:-45px
}

.services__icon-7 span
{
    display:inline-block;
    width:90px;
    height:90px;
    line-height:90px;
    text-align:center;
    color:var(--tp-common-white);
    background:linear-gradient(213.79deg,#3FF1A5 11.02%,#2CAE76 84.5%);
    box-shadow:0 3px 5px rgba(14,63,42,0.12);
    border-radius:50%;
    font-size:26px;
    backface-visibility:hidden;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    -webkit-transition:transform .3s cubic-bezier(0.21,0.6,0.44,2.18);
    -moz-transition:transform .3s cubic-bezier(0.21,0.6,0.44,2.18);
    -ms-transition:transform .3s cubic-bezier(0.21,0.6,0.44,2.18);
    -o-transition:transform .3s cubic-bezier(0.21,0.6,0.44,2.18);
    transition:transform .3s cubic-bezier(0.21,0.6,0.44,2.18)
}

[dir=rtl] .services__icon-8
{
    margin-right:0;
    margin-left:30px
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .services__icon-8
    {
        margin-bottom:30px
    }
}

.services__icon-8 span
{
    display:inline-block;
    font-size:60px;
    color:var(--tp-common-white)
}

.services__icon-8 span svg,.services__icon-8 span i,.services__icon-8 span img
{
    -webkit-transition:.2s ease-in-out;
    transition:.2s ease-in-out
}

.services__icon-9 span
{
    display:inline-block;
    width:40px;
    height:40px;
    text-align:center;
    font-size:40px;
    position:relative;
    color:var(--tp-common-black);
    margin-bottom:37px;
    font:400 16px/40px var(--tp-ff-syne)
}

.services__icon-9 span i,.services__icon-9 span svg
{
    backface-visibility:hidden;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    -webkit-transition:transform .3s cubic-bezier(0.21,0.6,0.44,2.18);
    -moz-transition:transform .3s cubic-bezier(0.21,0.6,0.44,2.18);
    -ms-transition:transform .3s cubic-bezier(0.21,0.6,0.44,2.18);
    -o-transition:transform .3s cubic-bezier(0.21,0.6,0.44,2.18);
    transition:transform .3s cubic-bezier(0.21,0.6,0.44,2.18)
}

.services__icon-9 span img
{
    position:absolute;
    bottom:-17px;
    right:-19px
}

[dir=rtl] .services__icon-9 span img
{
    right:auto;
    left:-19px
}

.services__icon-15
{
    margin-top:5px
}

[dir=rtl] .services__icon-15
{
    margin-right:0;
    margin-left:45px
}

@media (max-width: 575px) {
    .services__icon-15
    {
        margin-bottom:30px
    }
}

.services__icon-15 span
{
    font-size:42px;
    position:relative;
    min-width:42px;
    display:inline-block
}

.services__icon-15 span svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.services__icon-15 span i,.services__icon-15 span svg
{
    -webkit-transition:.2s ease-in-out;
    transition:.2s ease-in-out
}

.services__icon-15 span::after
{
    position:absolute;
    content:"";
    left:3px;
    bottom:-17px;
    width:58px;
    height:58px;
    border-radius:50%;
    background-image:-webkit-linear-gradient(314.27deg,rgba(3,4,28,0.1) 0%,rgba(3,4,28,0) 79.01%);
    background-image:-moz-linear-gradient(314.27deg,rgba(3,4,28,0.1) 0%,rgba(3,4,28,0) 79.01%);
    background-image:-ms-linear-gradient(314.27deg,rgba(3,4,28,0.1) 0%,rgba(3,4,28,0) 79.01%);
    background-image:-o-linear-gradient(314.27deg,rgba(3,4,28,0.1) 0%,rgba(3,4,28,0) 79.01%);
    background-image:linear-gradient(314.27deg,rgba(3,4,28,0.1) 0%,rgba(3,4,28,0) 79.01%)
}

[dir=rtl] .services__icon-15 span::after
{
    left:auto;
    right:3px
}

.services__title
{
    color:var(--tp-common-black-solid);
    margin-bottom:11px;
    font:700 24px var(--tp-ff-space)
}

.services__title-4
{
    letter-spacing:-.02em;
    margin-bottom:12px;
    transition-duration:.4s;
    transition-delay:.1s;
    font:24px var(--tp-ff-space)
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .services__title-4
    {
        font-size:22px
    }
}

@media (max-width: 575px) {
    .services__title-4
    {
        font-size:22px
    }
}

.services__title-5
{
    letter-spacing:-.04em;
    margin-bottom:12px;
    font-size:24px;
    color:var(--tp-common-black);
    margin-bottom:12px;
    font:24px var(--tp-ff-space)
}

.services__title-5 a:hover
{
    color:var(--tp-theme-5)
}

.services__title-7
{
    color:var(--tp-common-black-11);
    margin-bottom:10px;
    font:600 22px/1.3 var(--tp-ff-inter)
}

.services__title-7 a:hover
{
    color:var(--tp-theme-7)
}

.services__title-8
{
    color:var(--tp-common-white);
    margin-bottom:17px;
    font:700 30px/1 var(--tp-ff-space)
}

.services__title-8 a:hover
{
    color:var(--tp-theme-8)
}

.services__title-9
{
    color:var(--tp-common-black);
    font:700 26px/1 var(--tp-ff-syne)
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .services__title-9
    {
        font-size:22px
    }
}

.services__title-9 a
{
    background-image:linear-gradient(#03041C,#03041C),linear-gradient(#03041C,#03041C);
    background-size:0 2px,0 2px;
    background-position:100% 100%,0 100%;
    background-repeat:no-repeat;
    transition:background-size .2s linear
}

.services__title-9 a:hover
{
    background-size:0 2px,100% 2px
}

.services__title-14
{
    font-size:34px;
    line-height:1;
    letter-spacing:-.04em;
    color:var(--tp-common-white);
    margin-bottom:11px
}

.services__title-14 a:hover
{
    color:var(--tp-theme-1)
}

.services__title-15
{
    font-size:24px;
    line-height:1.17;
    letter-spacing:-.02em
}

.services__title-15 a:hover
{
    color:var(--tp-theme-1)
}

.services__content p
{
    color:var(--tp-text-1);
    margin-bottom:35px;
    font:16px/1.4 var(--tp-ff-inter)
}

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

.services__content-4 p
{
    color:var(--tp-text-1);
    transition-duration:.4s;
    transition-delay:0;
    font:400 16px/22px var(--tp-ff-inter)
}

.services__content-5 p
{
    color:var(--tp-text-1);
    margin-bottom:35px;
    font:400 16px/24px var(--tp-ff-inter)
}

.services__content-7
{
    padding:77px 40px 35px;
    background-color:#F8F4EE;
    border:1px solid #F8F4EE;
    border-radius:40px
}

@media only screen and (min-width: 992px) and (max-width: 1199px),(max-width: 575px) {
    .services__content-7
    {
        padding-left:20px;
        padding-right:20px
    }
}

.services__content-7 p
{
    color:var(--tp-text-1);
    margin-bottom:25px;
    font:400 15px/24px var(--tp-ff-poppins)
}

.services__content-8 p
{
    color:var(--tp-common-white);
    opacity:.7;
    margin-bottom:25px;
    font:16px/1.5 var(--tp-ff-space)
}

.services__content-14
{
    position:absolute;
    left:60px;
    bottom:60px;
    right:60px
}

@media (max-width: 575px) {
    .services__content-14
    {
        left:25px;
        bottom:30px;
        right:30px
    }
}

.services__content-14 p
{
    font-size:16px;
    line-height:1.5;
    color:var(--tp-common-white);
    margin-bottom:25px
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 576px) and (max-width: 767px) {
    .services__content-14 p br
    {
        display:none
    }
}

.services__content-15 p
{
    font-size:16px;
    line-height:1.5;
    color:rgba(3,4,28,0.7);
    margin-bottom:19px
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .services__content-15 p br
    {
        display:none
    }
}

.services__shape-1
{
    position:absolute;
    top:-40px;
    right:0;
    visibility:hidden;
    opacity:0;
    z-index:111
}

[dir=rtl] .services__shape-1
{
    right:auto;
    left:0;
    -webkit-transform:scale(-1,1);
    -moz-transform:scale(-1,1);
    -ms-transform:scale(-1,1);
    -o-transform:scale(-1,1);
    transform:scale(-1,1)
}

.services__shape-2
{
    position:absolute;
    top:0;
    right:-30px;
    visibility:hidden;
    opacity:0;
    z-index:11
}

[dir=rtl] .services__shape-2
{
    right:auto;
    left:-30px;
    -webkit-transform:scale(-1,1);
    -moz-transform:scale(-1,1);
    -ms-transform:scale(-1,1);
    -o-transform:scale(-1,1);
    transform:scale(-1,1)
}

.services__shape-3
{
    position:absolute;
    bottom:-25%;
    right:20%;
    z-index:-1
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .services__shape-3
    {
        bottom:-34%;
        right:0
    }
}

.services__shape-4
{
    position:absolute;
    left:14%;
    top:55%;
    -webkit-animation:tprotate 2s infinite alternate;
    animation:tprotate 2s infinite alternate
}

.services__shape-5
{
    position:absolute;
    left:26%;
    top:20%;
    z-index:-1;
    -webkit-animation:tpleftright 1s infinite alternate;
    animation:tpleftright 1s infinite alternate
}

@media (max-width: 575px) {
    .services__shape-5
    {
        display:none
    }
}

.services__shape-6
{
    position:absolute;
    left:10%;
    top:10%;
    left:22%;
    top:10%;
    -webkit-animation:tpleftright 1s infinite alternate;
    animation:tpleftright 1s infinite alternate
}

.services__shape-7
{
    position:absolute;
    right:23%;
    top:17%;
    -webkit-animation:tpupdown 1s infinite alternate;
    animation:tpupdown 1s infinite alternate
}

.services__shape-8
{
    position:absolute;
    right:12%;
    top:45%;
    -webkit-animation:tpleftright 1s infinite alternate;
    animation:tpleftright 1s infinite alternate
}

.services__shape-9
{
    position:absolute;
    right:26%;
    bottom:29%
}

.services__shape-10
{
    position:absolute;
    left:0;
    bottom:0;
    z-index:-1
}

.services__shape-11
{
    position:absolute;
    bottom:0;
    right:0;
    opacity:0;
    z-index:-1
}

[dir=rtl] .services__list
{
    padding-left:0;
    padding-right:100px
}

@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 575px) {
    .services__list
    {
        padding-left:0
    }

    [dir=rtl] .services__list
    {
        padding-right:5px
    }
}

.services__list-item.active .services__list-title
{
    font-weight:700
}

.services__list-item.active .services__list-title button
{
    -webkit-transform:scale(1.4);
    -moz-transform:scale(1.4);
    -ms-transform:scale(1.4);
    -o-transform:scale(1.4);
    transform:scale(1.4);
    color:var(--tp-common-white)
}

.services__list-item.active .services__list-title .services-tab-link-btn
{
    left:-66px;
    visibility:visible;
    opacity:1
}

[dir=rtl] .services__list-item.active .services__list-title .services-tab-link-btn
{
    left:auto;
    right:-66px
}

#services-item-thumb
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:var(--tp-common-black-12)
}

#services-item-thumb.services-img-1 .services-img-1
{
    visibility:visible;
    opacity:1
}

#services-item-thumb.services-img-2 .services-img-2
{
    visibility:visible;
    opacity:1
}

#services-item-thumb.services-img-3 .services-img-3
{
    visibility:visible;
    opacity:1
}

#services-item-thumb.services-img-4 .services-img-4
{
    visibility:visible;
    opacity:1
}

#services-item-thumb.services-img-5 .services-img-5
{
    visibility:visible;
    opacity:1
}

#services-item-thumb.services-img-6 .services-img-6
{
    visibility:visible;
    opacity:1
}

#services-item-thumb.services-img-7 .services-img-7
{
    visibility:visible;
    opacity:1
}

#services-item-thumb.services-img-8 .services-img-8
{
    visibility:visible;
    opacity:1
}

#services-item-thumb.services-img-9 .services-img-9
{
    visibility:visible;
    opacity:1
}

#services-item-thumb.services-img-10 .services-img-10
{
    visibility:visible;
    opacity:1
}

#services-item-thumb.services-img-11 .services-img-11
{
    visibility:visible;
    opacity:1
}

#services-item-thumb.services-img-12 .services-img-12
{
    visibility:visible;
    opacity:1
}

#services-item-thumb.services-img-13 .services-img-13
{
    visibility:visible;
    opacity:1
}

#services-item-thumb.services-img-14 .services-img-14
{
    visibility:visible;
    opacity:1
}

#services-item-thumb.services-img-15 .services-img-15
{
    visibility:visible;
    opacity:1
}

#services-item-thumb.services-img-16 .services-img-16
{
    visibility:visible;
    opacity:1
}

#services-item-thumb.services-img-17 .services-img-17
{
    visibility:visible;
    opacity:1
}

#services-item-thumb.services-img-18 .services-img-18
{
    visibility:visible;
    opacity:1
}

#services-item-thumb.services-img-19 .services-img-19
{
    visibility:visible;
    opacity:1
}

#services-item-thumb.services-img-20 .services-img-20
{
    visibility:visible;
    opacity:1
}

#services-item-thumb.services-img-21 .services-img-21
{
    visibility:visible;
    opacity:1
}

#services-item-thumb.services-img-22 .services-img-22
{
    visibility:visible;
    opacity:1
}

#services-item-thumb.services-img-23 .services-img-23
{
    visibility:visible;
    opacity:1
}

#services-item-thumb.services-img-24 .services-img-24
{
    visibility:visible;
    opacity:1
}

.services__list-title
{
    color:rgba(255,255,255,0.6);
    text-align:left;
    transition-duration:.3s;
    position:relative;
    margin-bottom:26px;
    position:relative;
    font:500 18px var(--tp-ff-space)
}

[dir=rtl] .services__list-title
{
    text-align:right
}

.services__list-title button
{
    display:inline-block;
    transform-origin:left center
}

[dir=rtl] .services__list-title button
{
    transform-origin:right center
}

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

.services-tab-link-btn
{
    display:inline-block;
    width:60px;
    height:60px;
    line-height:60px;
    text-align:center;
    background-color:rgba(255,255,255,0.0784313725);
    color:var(--tp-common-white);
    border-radius:50%;
    font-size:20px;
    position:absolute;
    left:-96px;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    visibility:hidden;
    opacity:0
}

[dir=rtl] .services-tab-link-btn
{
    left:auto;
    right:-96px
}

@media (max-width: 575px),only screen and (min-width: 768px) and (max-width: 991px) {
    .services-tab-link-btn
    {
        display:none
    }
}

.services-tab-link-btn::after
{
    position:absolute;
    content:"";
    top:48%;
    left:0;
    width:68px;
    height:2px;
    background-color:var(--tp-common-white);
    -webkit-transform:translateX(-51%);
    -moz-transform:translateX(-51%);
    -ms-transform:translateX(-51%);
    -o-transform:translateX(-51%);
    transform:translateX(-51%)
}

[dir=rtl] .services-tab-link-btn::after
{
    left:110%
}

.services-tab-link-btn:hover
{
    color:var(--tp-common-white)
}

.services__list-thumb
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    visibility:hidden;
    opacity:0
}

.services__tab-content
{
    position:relative;
    max-width:570px;
    height:420px
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px) {
    .services__tab-content
    {
        padding-left:0;
        padding-right:0
    }
}

@media (max-width: 575px),only screen and (min-width: 576px) and (max-width: 767px) {
    .services__tab-content
    {
        padding-left:0;
        margin-top:50px;
        padding-right:0
    }
}

.services__tab-content::after
{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(255,255,255,0.1019607843);
    -webkit-transform:rotate(-20deg);
    -moz-transform:rotate(-20deg);
    -ms-transform:rotate(-20deg);
    -o-transform:rotate(-20deg);
    transform:rotate(-20deg);
    z-index:-1
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 576px) and (max-width: 767px) {
    .services__tab-content::after
    {
        width:93%
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .services__tab-content::after
    {
        width:90%
    }
}

@media (max-width: 575px) {
    .services__tab-content::after
    {
        display:none
    }
}

.services__tab-logo
{
    position:absolute;
    bottom:0;
    left:50%;
    -webkit-transform:translate(-50%,50%);
    -moz-transform:translate(-50%,50%);
    -ms-transform:translate(-50%,50%);
    -o-transform:translate(-50%,50%);
    transform:translate(-50%,50%);
    z-index:1
}

.services__tab-logo-thumb
{
    -webkit-animation:rotate-infinite 15s linear infinite;
    animation:rotate-infinite 15s linear infinite
}

@-webkit-keyframes rotate-infinite {
    0%
    {
        transform:rotate(0deg)
    }

    100%
    {
        transform:rotate(360deg)
    }
}

@-moz-keyframes rotate-infinite {
    0%
    {
        transform:rotate(0deg)
    }

    100%
    {
        transform:rotate(360deg)
    }
}

@-ms-keyframes rotate-infinite {
    0%
    {
        transform:rotate(0deg)
    }

    100%
    {
        transform:rotate(360deg)
    }
}

@keyframes rotate-infinite {
    0%
    {
        transform:rotate(0deg)
    }

    100%
    {
        transform:rotate(360deg)
    }
}

.services__tab-logo-icon
{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}

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

.services__thumb-3::after
{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:#22264C;
    -webkit-transform:rotate(-20deg);
    -moz-transform:rotate(-20deg);
    -ms-transform:rotate(-20deg);
    -o-transform:rotate(-20deg);
    transform:rotate(-20deg);
    z-index:-1
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px) {
    .services__thumb-3::after
    {
        left:-7%
    }

    [dir=rtl] .services__thumb-3::after
    {
        right:-7%;
        left:auto
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .services__thumb-3::after
    {
        left:-12%
    }

    [dir=rtl] .services__thumb-3::after
    {
        left:auto;
        right:-12%
    }
}

.services__thumb-4
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0
}

.services__thumb-5 img
{
    height:220px
}

@media (max-width: 575px) {
    .services__thumb-5 img
    {
        max-width:100%
    }
}

.services__thumb-14
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1
}

.services__more .tp-link-btn-2
{
    text-align:right;
    letter-spacing:-.02em;
    color:var(--tp-common-black);
    padding-bottom:2px;
    font:700 14px var(--tp-ff-space)
}

[dir=rtl] .services__more .tp-link-btn-2
{
    text-align:left
}

.services__more .tp-link-btn-2:hover
{
    color:var(--tp-theme-1)
}

.services__more-4 p
{
    font:16px/24px var(--tp-ff-inter)
}

.services__btn-5
{
    margin-bottom:70px
}

.services__btn-5 .tp-link-btn-circle
{
    letter-spacing:-.02em;
    color:var(--tp-common-black);
    font:500 15px var(--tp-ff-inter)
}

.services__btn-5 .tp-link-btn-circle span
{
    margin-left:7px
}

[dir=rtl] .services__btn-5 .tp-link-btn-circle span
{
    margin-left:0;
    margin-right:7px
}

.services__btn-5 .tp-link-btn-circle:hover
{
    color:var(--tp-theme-5)
}

.services__btn-5 .tp-link-btn-circle:hover span
{
    border-color:var(--tp-theme-5);
    background-color:var(--tp-theme-5);
    color:var(--tp-common-white)
}

.services__btn-7 a
{
    text-align:center;
    letter-spacing:-.01em;
    color:var(--tp-common-black-solid);
    padding-right:20px;
    font:500 15px var(--tp-ff-inter)
}

[dir=rtl] .services__btn-7 a
{
    padding-right:0;
    padding-left:20px
}

.services__btn-7 a:hover
{
    color:var(--tp-theme-7)
}

.services__btn-9
{
    -webkit-transform:translateY(-4px);
    -moz-transform:translateY(-4px);
    -ms-transform:translateY(-4px);
    -o-transform:translateY(-4px);
    transform:translateY(-4px)
}

.services__btn-9 a
{
    font-size:26px;
    position:relative;
    color:transparent;
    -webkit-background-clip:text;
    color:var(--tp-common-black);
    background-image:-webkit-linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    background-image:-moz-linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    background-image:-ms-linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    background-image:-o-linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    background-image:linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%)
}

.services__btn-9 a:hover
{
    color:transparent
}

.services__btn-14 .tp-link-btn
{
    letter-spacing:-.02em;
    color:var(--tp-common-white);
    font:500 16px var(--tp-ff-space)
}

.services__btn-14 .tp-link-btn:hover
{
    color:var(--tp-theme-1)
}

.services__btn-15 a
{
    color:var(--tp-common-black);
    font-size:15px;
    font-weight:500
}

.services__btn-15 a:hover
{
    color:var(--tp-theme-1)
}

.services__btn-15 a:hover i,.services__btn-15 a:hover svg
{
    -webkit-transform:translateX(6px);
    -moz-transform:translateX(6px);
    -ms-transform:translateX(6px);
    -o-transform:translateX(6px);
    transform:translateX(6px)
}

.services__btn-15 a i,.services__btn-15 a svg
{
    margin-left:4px;
    transition:transform .3s ease-in-out
}

[dir=rtl] .services__btn-15 a i,[dir=rtl] .services__btn-15 a svg
{
    margin-left:0;
    margin-right:4px
}

.services__project-no span
{
    color:var(--tp-common-white);
    -webkit-transition:all .2s ease-out 0;
    -moz-transition:all .2s ease-out 0;
    -ms-transition:all .2s ease-out 0;
    -o-transition:all .2s ease-out 0;
    transition:all .2s ease-out 0;
    font:500 16px/1.5 var(--tp-ff-space)
}

.services__widget
{
    position:sticky;
    top:100px
}

.services__widget-title
{
    font-size:24px;
    letter-spacing:-.02em;
    margin-bottom:22px
}

.services__widget-tab .nav-tabs .nav-item
{
    margin-bottom:10px;
    border-radius:0
}

.services__widget-tab .nav-tabs .nav-item:last-child
{
    margin-bottom:0
}

.services__widget-tab .nav-tabs .nav-item .nav-link
{
    width:100%;
    color:var(--tp-text-1);
    text-align:left;
    border:1px solid #EAEAEF;
    padding:13px 30px;
    padding-right:35px;
    position:relative;
    border-radius:0;
    font:500 16px var(--tp-ff-space)
}

[dir=rtl] .services__widget-tab .nav-tabs .nav-item .nav-link
{
    padding-right:30px;
    padding-left:35px;
    text-align:right
}

.services__widget-tab .nav-tabs .nav-item .nav-link svg,.services__widget-tab .nav-tabs .nav-item .nav-link i
{
    position:absolute;
    top:50%;
    right:24px;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}

[dir=rtl] .services__widget-tab .nav-tabs .nav-item .nav-link svg,[dir=rtl] .services__widget-tab .nav-tabs .nav-item .nav-link i
{
    right:auto;
    left:24px
}

.services__widget-tab .nav-tabs .nav-item .nav-link:hover,.services__widget-tab .nav-tabs .nav-item .nav-link.active
{
    background-color:var(--tp-theme-1);
    border-color:var(--tp-theme-1);
    color:var(--tp-common-white)
}

.services__widget-tab-2 ul li
{
    margin-bottom:8px;
    border-radius:0;
    list-style:none
}

.services__widget-tab-2 ul li:last-child
{
    margin-bottom:0
}

.services__widget-tab-2 ul li a
{
    display:inline-block;
    width:100%;
    color:var(--tp-text-1);
    text-align:left;
    border:1px solid #EAEAEF;
    padding:23px 35px;
    position:relative;
    border-radius:0;
    font:500 17px var(--tp-ff-space)
}

[dir=rtl] .services__widget-tab-2 ul li a
{
    text-align:right
}

.services__widget-tab-2 ul li a > svg,.services__widget-tab-2 ul li a > i
{
    position:absolute;
    top:50%;
    right:24px;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}

[dir=rtl] .services__widget-tab-2 ul li a > svg,[dir=rtl] .services__widget-tab-2 ul li a > i
{
    right:auto;
    left:24px
}

.services__widget-tab-2 ul li a span
{
    display:inline-block;
    min-width:22px;
    margin-right:20px
}

[dir=rtl] .services__widget-tab-2 ul li a span
{
    margin-right:0;
    margin-left:20px
}

.services__widget-tab-2 ul li a span svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.services__widget-tab-2 ul li a.active
{
    background-color:var(--tp-theme-1);
    border-color:var(--tp-theme-1);
    color:var(--tp-common-white)
}

.services__widget-tab-2 ul li a.active:hover
{
    background-color:var(--tp-theme-1)
}

.services__widget-tab-2 ul li a:hover
{
    background-color:#F5F5F8
}

.services__widget-2
{
    position:sticky;
    top:100px
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .services__widget-2
    {
        padding-right:40px
    }

    [dir=rtl] .services__widget-2
    {
        padding-right:0;
        padding-left:40px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .services__widget-2
    {
        padding-right:0
    }

    [dir=rtl] .services__widget-2
    {
        padding-left:0
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .services__widget-2
    {
        padding-right:0;
        margin-top:50px
    }

    [dir=rtl] .services__widget-2
    {
        padding-left:0
    }
}

.services__contact
{
    border:1px solid #EAEAEF;
    padding:22px 35px 45px
}

.services__contact-title
{
    font-weight:500;
    font-size:22px;
    letter-spacing:-.02em;
    margin-bottom:18px
}

.services__contact-input
{
    margin-bottom:10px
}

.services__contact-input input,.services__contact-input textarea
{
    width:100%;
    height:54px;
    background-color:#F5F5F8;
    border:1px solid #F5F5F8;
    color:var(--tp-common-black);
    padding:0 24px
}

[dir=rtl] .services__contact-input input,[dir=rtl] .services__contact-input textarea
{
    text-align:right
}

.services__contact-input input:focus,.services__contact-input textarea:focus
{
    background-color:var(--tp-common-white);
    border-color:var(--tp-theme-1)
}

.services__contact-input input:focus::placeholder,.services__contact-input textarea:focus::placeholder
{
    color:var(--tp-common-black)
}

.services__contact-input textarea
{
    height:130px;
    padding:20px 24px
}

.services__contact-btn .tp-btn
{
    font-size:15px;
    padding:12px 30px
}

.services__contact-btn .tp-btn:hover
{
    background-color:var(--tp-common-black)
}

.services__contact-info-item
{
    background:var(--tp-common-white);
    border:1px solid #EAEAEF;
    padding:25px 35px 22px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .services__contact-info-item
    {
        padding:25px 28px 22px
    }
}

@media (max-width: 575px) {
    .services__contact-info-item
    {
        padding:25px 25px 22px
    }
}

.services__contact-info-icon span
{
    font-size:30px;
    display:inline-block;
    min-width:40px;
    margin-right:35px;
    position:relative
}

[dir=rtl] .services__contact-info-icon span
{
    margin-right:0;
    margin-left:35px
}

.services__contact-info-icon span::after
{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:50px;
    height:50px;
    background-image:-webkit-linear-gradient(314.27deg,rgba(3,4,28,0.08) 0%,rgba(3,4,28,0) 79.01%);
    background-image:-moz-linear-gradient(314.27deg,rgba(3,4,28,0.08) 0%,rgba(3,4,28,0) 79.01%);
    background-image:-ms-linear-gradient(314.27deg,rgba(3,4,28,0.08) 0%,rgba(3,4,28,0) 79.01%);
    background-image:-o-linear-gradient(314.27deg,rgba(3,4,28,0.08) 0%,rgba(3,4,28,0) 79.01%);
    background-image:linear-gradient(314.27deg,rgba(3,4,28,0.08) 0%,rgba(3,4,28,0) 79.01%);
    border-radius:50%
}

[dir=rtl] .services__contact-info-icon span::after
{
    left:auto;
    right:0
}

.services__contact-info-content span
{
    display:inline-block;
    color:#85858B
}

.services__contact-info-content h4
{
    font-size:20px;
    line-height:1
}

.services__contact-info-content h4 a:hover
{
    color:var(--tp-theme-1)
}

.services__details-wrapper p
{
    font-size:16px;
    line-height:1.75;
    margin-bottom:25px
}

.services__details-title
{
    font-size:50px;
    line-height:1;
    letter-spacing:-.04em;
    color:var(--tp-common-black-solid);
    margin-bottom:20px
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .services__details-title
    {
        font-size:40px
    }
}

@media (max-width: 575px) {
    .services__details-title
    {
        font-size:28px
    }
}

.services__details-thumb
{
    padding-top:15px;
    margin-bottom:42px
}

.services__details-text-title
{
    font-size:24px;
    letter-spacing:-.02em;
    color:var(--tp-common-black-solid);
    margin-bottom:9px
}

.services__details-text-title-2
{
    margin-bottom:14px
}

.services__details-list-title
{
    font-size:24px;
    letter-spacing:-.02em;
    color:var(--tp-common-black-solid);
    margin-bottom:15px
}

.services__details-list ul li
{
    font-size:16px;
    color:var(--tp-common-black);
    list-style:none;
    position:relative;
    padding-left:15px
}

[dir=rtl] .services__details-list ul li
{
    padding-left:0;
    padding-right:15px
}

.services__details-list ul li:not(:last-child)
{
    margin-bottom:8px
}

.services__details-list ul li::after
{
    position:absolute;
    content:"";
    left:0;
    top:10px;
    width:5px;
    height:5px;
    background-color:var(--tp-common-black);
    border-radius:50%
}

.services__details-faq-title
{
    font-size:50px;
    line-height:1;
    letter-spacing:-.04em;
    color:var(--tp-common-black);
    margin-bottom:40px
}

@media (max-width: 575px) {
    .services__details-faq-title
    {
        font-size:28px
    }
}

.services-link-btn
{
    position:absolute;
    bottom:-35px;
    left:40px;
    letter-spacing:-.02em;
    color:var(--tp-common-white);
    transition-delay:0;
    transition-duration:.3s;
    visibility:hidden;
    opacity:0;
    font:700 14px var(--tp-ff-space)
}

[dir=rtl] .services-link-btn
{
    left:auto;
    right:40px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .services-link-btn
    {
        left:20px
    }

    [dir=rtl] .services-link-btn
    {
        left:auto;
        right:20px
    }
}

.services-link-btn i
{
    display:inline-block;
    width:30px;
    height:30px;
    line-height:28px;
    text-align:center;
    border:1px solid rgba(255,255,255,0.3019607843);
    border-radius:50%;
    margin-left:5px
}

[dir=rtl] .services-link-btn i
{
    margin-left:0;
    margin-right:5px
}

.services-link-btn:hover i
{
    border-color:var(--tp-common-white);
    background-color:var(--tp-common-white);
    color:var(--tp-common-black)
}

.event__title
{
    margin-bottom:0;
    font:20px var(--tp-ff-space)
}

@media (max-width: 575px) {
    .event__title
    {
        margin-bottom:10px
    }
}

.event__title a:hover
{
    color:var(--tp-theme-1)
}

.event__title-10
{
    font-size:24px;
    margin-bottom:0
}

.event__title-10 a:hover
{
    color:var(--tp-theme-10)
}

.event__item
{
    padding:13px 40px;
    box-shadow:0 1px 2px rgba(3,4,28,0.08);
    margin-bottom:10px;
    position:relative
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .event__item
    {
        padding-left:30px;
        padding-right:30px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .event__item
    {
        padding-left:25px;
        padding-right:25px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .event__item
    {
        padding:20px 25px
    }
}

.event__item:hover
{
    box-shadow:0 20px 20px rgba(3,4,28,0.08);
    z-index:1
}

.event__item-10
{
    border-radius:14px;
    border:2px solid #EAEAEF;
    padding:30px;
    padding-right:40px;
    margin-bottom:20px
}

[dir=rtl] .event__item-10
{
    padding-right:30px;
    padding-left:40px
}

@media (max-width: 575px) {
    .event__item-10
    {
        padding:20px
    }
}

.event__item-10:last-child
{
    margin-bottom:0
}

.event__item-10-inner
{
    width:76%
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .event__item-10-inner
    {
        width:66%
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .event__item-10-inner
    {
        width:59%
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .event__item-10-inner
    {
        width:100%
    }
}

.event__item-10:hover
{
    border-color:var(--tp-theme-10)
}

.event__item-10:hover .event__thumb-10 .event-thumb-shape
{
    bottom:0;
    visibility:visible;
    opacity:1;
    transition-delay:0
}

.event__item-10:hover .event__thumb-10-overlay h3
{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    visibility:visible;
    opacity:1
}

.event__item-10:hover .event__thumb-10-overlay span
{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    visibility:visible;
    opacity:1
}

.event__thumb
{
    position:relative;
    overflow:hidden;
    border-radius:10px
}

.event__thumb img
{
    border-radius:10px
}

.event__thumb-10
{
    width:24%;
    position:relative;
    overflow:hidden;
    border-radius:10px
}

[dir=rtl] .event__thumb-10
{
    margin-right:0;
    margin-left:25px
}

.event__thumb-10 img
{
    border-radius:10px;
    height:140px;
    object-fit:cover
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .event__thumb-10
    {
        width:34%
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .event__thumb-10
    {
        width:41%
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .event__thumb-10
    {
        width:100%;
        margin-bottom:25px
    }

    .event__thumb-10 img
    {
        width:100%
    }
}

.event__thumb-10-overlay
{
    position:absolute;
    bottom:15px;
    left:25px;
    z-index:1
}

[dir=rtl] .event__thumb-10-overlay
{
    left:auto;
    right:25px
}

.event__thumb-10-overlay .event-thumb-shape
{
    position:absolute;
    left:0;
    bottom:-100px;
    -webkit-transform:translate(-26%,40%);
    -moz-transform:translate(-26%,40%);
    -ms-transform:translate(-26%,40%);
    -o-transform:translate(-26%,40%);
    transform:translate(-26%,40%);
    z-index:-1;
    visibility:hidden;
    opacity:0;
    transition-delay:.1s;
    width:inherit;
    max-width:inherit
}

.event__thumb-10-overlay h3
{
    font-size:16px;
    letter-spacing:-.02em;
    color:var(--tp-common-white);
    margin-bottom:0;
    line-height:1;
    visibility:hidden;
    opacity:0;
    -webkit-transform:translateY(15px);
    -moz-transform:translateY(15px);
    -ms-transform:translateY(15px);
    -o-transform:translateY(15px);
    transform:translateY(15px)
}

.event__thumb-10-overlay span
{
    display:inline-block;
    color:rgba(255,255,255,0.9);
    visibility:hidden;
    opacity:0;
    -webkit-transform:translateY(15px);
    -moz-transform:translateY(15px);
    -ms-transform:translateY(15px);
    -o-transform:translateY(15px);
    transform:translateY(15px);
    font:500 13px var(--tp-ff-space)
}

@media (max-width: 575px) {
    .event__speaker
    {
        margin-bottom:10px
    }
}

.event__speaker ul
{
    display:inline-block;
    margin-right:8px
}

[dir=rtl] .event__speaker ul
{
    margin-right:0;
    margin-left:8px
}

.event__speaker ul li
{
    display:inline-block;
    list-style:none;
    margin-left:-8px
}

[dir=rtl] .event__speaker ul li
{
    margin-left:0;
    margin-right:-8px
}

.event__speaker ul li:first-child
{
    margin-left:0
}

[dir=rtl] .event__speaker ul li:first-child
{
    margin-right:0
}

.event__speaker ul li img
{
    width:30px;
    height:30px;
    border-radius:50%;
    border:2px solid var(--tp-common-white)
}

.event__speaker span
{
    color:var(--tp-text-1);
    display:inline-block;
    font:500 14px var(--tp-ff-space)
}

.event__speaker-item
{
    background-color:var(--tp-common-white);
    border:1px solid #EAEAEF;
    padding:18px 24px
}

.event__speaker-item:not(:last-child)
{
    margin-bottom:6px
}

.event__speaker-thumb img
{
    width:46px;
    height:46px;
    border-radius:50%;
    margin-right:16px
}

[dir=rtl] .event__speaker-thumb img
{
    margin-right:0;
    margin-left:16px
}

.event__speaker-title
{
    letter-spacing:-.02em;
    margin-bottom:0;
    font:600 16px/1 var(--tp-ff-inter)
}

.event__speaker-title a:hover
{
    color:var(--tp-theme-1)
}

.event__speaker-designation
{
    letter-spacing:-.02em;
    color:var(--tp-text-1);
    font:14px/1 var(--tp-ff-space)
}

@media (max-width: 575px) {
    .event__meta
    {
        margin-bottom:10px
    }
}

.event__meta span
{
    display:inline-block;
    color:var(--tp-text-1);
    display:inline-block;
    font:500 14px var(--tp-ff-space)
}

.event__meta-10
{
    margin-bottom:12px
}

.event__meta-10 span
{
    display:inline-block;
    color:var(--tp-text-1);
    margin-right:15px;
    font:500 14px var(--tp-ff-space)
}

[dir=rtl] .event__meta-10 span
{
    margin-right:0;
    margin-left:15px
}

@media (max-width: 575px) {
    .event__meta-10 span
    {
        display:block;
        margin-bottom:10px
    }
}

.event__meta-10 span:last-child
{
    margin-right:0
}

[dir=rtl] .event__meta-10 span:last-child
{
    margin-left:0
}

.event__meta-10 span.event-tag
{
    background-color:var(--tp-common-purple-7);
    font-size:13px;
    color:#FFF;
    padding:3px 12px;
    border-radius:6px;
    margin-right:15px
}

[dir=rtl] .event__meta-10 span.event-tag
{
    margin-right:0;
    margin-left:15px
}

@media (max-width: 575px) {
    .event__meta-10 span.event-tag
    {
        display:inline-block;
        margin-bottom:10px
    }
}

.event__meta-10 span.event-tag a:hover
{
    color:var(--tp-common-white)
}

.event__meta-10 span i
{
    margin-right:2px
}

[dir=rtl] .event__meta-10 span i
{
    margin-right:0;
    margin-left:2px
}

.event__meta-10 span a:hover
{
    color:var(--tp-theme-10)
}

.event__content-10 > p
{
    color:#84848B;
    margin-bottom:0;
    font:16px/1.5 var(--tp-ff-space)
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px) {
    .event__more
    {
        margin-top:15px
    }
}

.event__more-10
{
    flex:0 0 auto;
    margin-left:20px
}

[dir=rtl] .event__more-10
{
    margin-left:0;
    margin-right:20px
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .event__more-10
    {
        margin-top:20px;
        margin-left:0
    }

    [dir=rtl] .event__more-10
    {
        margin-right:0
    }
}

.event__more-10 .tp-btn-border-9
{
    padding:10px 26px
}

.event__details-tag span
{
    display:inline-block;
    font-weight:600;
    font-size:14px;
    line-height:1;
    color:var(--tp-common-white);
    background-color:var(--tp-common-purple);
    padding:8px 10px 10px
}

.event__details-title
{
    font-size:50px;
    letter-spacing:-.04em
}

@media (max-width: 575px) {
    .event__details-title
    {
        font-size:30px
    }
}

.event__details-meta span
{
    font-size:14px;
    display:inline-block;
    position:relative
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .event__details-meta span
    {
        margin-bottom:15px
    }
}

.event__details-meta span:not(:last-child)
{
    margin-right:15px;
    padding-right:18px
}

[dir=rtl] .event__details-meta span:not(:last-child)
{
    margin-right:0;
    padding-right:0;
    margin-left:15px;
    padding-left:18px
}

.event__details-meta span:not(:last-child)::after
{
    position:absolute;
    content:"";
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:1px;
    height:20px;
    background-color:#D9D9D9
}

[dir=rtl] .event__details-meta span:not(:last-child)::after
{
    right:auto;
    left:0
}

.event__details-meta span i,.event__details-meta span svg
{
    margin-right:4px
}

[dir=rtl] .event__details-meta span i,[dir=rtl] .event__details-meta span svg
{
    margin-right:0;
    margin-left:4px
}

.event__details-meta span svg
{
    -webkit-transform:translateY(-1px);
    -moz-transform:translateY(-1px);
    -ms-transform:translateY(-1px);
    -o-transform:translateY(-1px);
    transform:translateY(-1px)
}

.event__details-about-title
{
    font-size:40px;
    letter-spacing:-.04em;
    color:var(--tp-common-black-solid);
    margin-bottom:15px
}

.event__details-about p
{
    font-size:16px;
    line-height:1.75;
    margin-bottom:27px
}

[dir=rtl] .event__details-about p
{
    display:inline-block
}

.event__details-quote
{
    background-color:#F4F4F9;
    padding:30px 85px 20px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .event__details-quote
    {
        padding:30px 45px 20px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px) {
    .event__details-quote
    {
        padding:30px 35px 20px
    }
}

@media (max-width: 575px) {
    .event__details-quote
    {
        padding:20px 25px 10px
    }
}

.event__details-quote p
{
    letter-spacing:-.02em;
    color:var(--tp-common-black);
    font:500 22px/1.36 var(--tp-ff-space)
}

.event__details-quote-icon
{
    margin-bottom:8px
}

.event__details-quote-icon span
{
    color:#D1D1E7;
    font-size:34px
}

.event__details-list-title
{
    font-size:30px;
    letter-spacing:-.04em;
    color:var(--tp-common-black-solid);
    margin-bottom:25px
}

.event__details-list ul li
{
    list-style:none;
    font-size:16px;
    position:relative;
    padding-left:16px;
    letter-spacing:-.02em;
    color:var(--tp-common-black)
}

[dir=rtl] .event__details-list ul li
{
    padding-left:0;
    padding-right:16px
}

.event__details-list ul li:not(:last-child)
{
    margin-bottom:9px
}

.event__details-list ul li::after
{
    position:absolute;
    content:"";
    left:0;
    top:11px;
    width:5px;
    height:5px;
    background-color:var(--tp-common-black);
    border-radius:50%
}

[dir=rtl] .event__details-list ul li::after
{
    left:auto;
    right:0
}

.event__details-list ul.has-two-side
{
    overflow:hidden
}

.event__details-list ul.has-two-side li
{
    float:left;
    width:50%
}

[dir=rtl] .event__details-list ul.has-two-side li
{
    float:right
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .event__details-list ul.has-two-side li
    {
        float:none;
        width:100%
    }
}

.event__details-info
{
    border:1px solid #EAEAEF;
    padding:21px 30px 27px
}

.event__details-info-item:not(:last-child)
{
    padding-bottom:20px;
    border-bottom:1px solid #EAEAEF;
    margin-bottom:23px
}

.event__details-info-icon span
{
    display:inline-block;
    min-width:20px;
    margin-right:12px
}

[dir=rtl] .event__details-info-icon span
{
    margin-right:0;
    margin-left:12px
}

.event__details-info-icon span svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.event__details-info-title
{
    letter-spacing:-.02em;
    margin-bottom:5px;
    font:500 16px/1 var(--tp-ff-inter)
}

.event__details-info-content p
{
    font-size:14px;
    line-height:1;
    margin-bottom:0
}

.event__details-btn .tp-btn
{
    padding:12px 30px
}

.event__details-btn .tp-btn:hover
{
    background-color:var(--tp-common-black)
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .event__details-left
    {
        padding-right:0
    }

    [dir=rtl] .event__details-left
    {
        padding-left:0
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .event__sidebar
    {
        margin-left:0
    }

    [dir=rtl] .event__sidebar
    {
        margin-right:0
    }
}

.event__widget-title
{
    font-weight:500;
    font-size:22px;
    letter-spacing:-.02em;
    margin-bottom:16px
}

.team__item:hover .team__thumb img
{
    -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -ms-transform:scale(1.05);
    -o-transform:scale(1.05);
    transform:scale(1.05)
}

.team__item-4:hover .team__social-4
{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    visibility:visible;
    opacity:1;
    transition-delay:.3s
}

.team__item-4:hover .team__content-4
{
    top:55px;
    padding:20px 25px;
    transition-delay:0
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .team__item-4:hover .team__content-4
    {
        top:65px
    }
}

.team__item-4:hover .team__content-4 > p
{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    visibility:visible;
    opacity:1;
    transition-delay:.2s
}

.team__item-6
{
    position:relative
}

.team__item-6:hover .team__content-6-bg,.team__item-6:hover .team__title-6,.team__item-6:hover .team__designation-6
{
    -webkit-transform:translateY(-70px);
    -moz-transform:translateY(-70px);
    -ms-transform:translateY(-70px);
    -o-transform:translateY(-70px);
    transform:translateY(-70px)
}

.team__item-6:hover .team__content-6-bg
{
    transition-delay:.1s
}

.team__item-6:hover .team__thumb-6 img
{
    -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -ms-transform:scale(1.05);
    -o-transform:scale(1.05);
    transform:scale(1.05)
}

.team__item-6:hover .team__title-6
{
    transition-delay:.15s
}

.team__item-6:hover .team__designation-6
{
    transition-delay:.17s
}

.team__item-8
{
    -webkit-transition:all .2s ease-out 0;
    -moz-transition:all .2s ease-out 0;
    -ms-transition:all .2s ease-out 0;
    -o-transition:all .2s ease-out 0;
    transition:all .2s ease-out 0;
    padding:50px 25px;
    position:relative
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .team__item-8
    {
        padding-left:15px;
        padding-right:15px
    }
}

.team__item-8::after
{
    position:absolute;
    content:"";
    top:0;
    left:auto;
    right:0;
    width:0;
    height:2px;
    background-color:var(--tp-theme-8)
}

[dir=rtl] .team__item-8::after
{
    left:0;
    right:auto
}

.team__item-8:hover
{
    -webkit-transform:translateY(-10px);
    -moz-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
    -o-transform:translateY(-10px);
    transform:translateY(-10px);
    transition-delay:0
}

.team__item-8:hover::after
{
    width:100%;
    left:0;
    right:auto
}

[dir=rtl] .team__item-8:hover::after
{
    left:auto;
    right:0
}

.team__item-8:hover .team__thumb-8 img
{
    padding:0;
    border-color:transparent;
    transition-delay:.1s
}

.team__item-10
{
    border-radius:14px
}

.team__item-10:hover .team__contact-overlay
{
    -webkit-transform:scaleX(1);
    -moz-transform:scaleX(1);
    -ms-transform:scaleX(1);
    -o-transform:scaleX(1);
    transform:scaleX(1);
    visibility:visible;
    opacity:1
}

.team__thumb
{
    position:relative;
    animation-duration:1s;
    animation-delay:.5s;
    animation-iteration-count:1;
    animation-fill-mode:both
}

.team__thumb-4
{
    position:relative;
    z-index:1;
    animation-duration:1s;
    animation-delay:.5s;
    animation-iteration-count:1;
    animation-fill-mode:both
}

.team__thumb-4::after
{
    position:absolute;
    content:"";
    left:0;
    bottom:0;
    width:100%;
    height:90%;
    background-color:#E9ECF1;
    z-index:-1
}

.team__thumb-8 img
{
    width:160px;
    height:160px;
    padding:15px;
    border:1px solid rgba(255,255,255,0.1);
    border-radius:50%;
    -webkit-transition:all .2s ease-out 0;
    -moz-transition:all .2s ease-out 0;
    -ms-transition:all .2s ease-out 0;
    -o-transition:all .2s ease-out 0;
    transition:all .2s ease-out 0;
    transition-delay:0
}

.team__thumb-10 img
{
    border-top-left-radius:14px;
    border-top-right-radius:14px;
    border: 2px solid #EAEAEF;
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .team__thumb-10 img
    {
        width:100%
    }
}

.team__action
{
    position:absolute;
    bottom:20px;
    right:20px
}

.team__action ul li
{
    position:relative;
    margin-bottom:1px;
    z-index:1;
    list-style:none
}

.team__action ul li > a
{
    display:inline-block;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:15px;
    color:var(--tp-common-white);
    background-color:var(--tp-common-purple)
}

.team__action ul li > a:hover
{
    background-color:var(--tp-theme-1)
}

.team__action ul li:hover > .team__social ul li
{
    visibility:visible;
    opacity:1
}

.team__action ul li:hover > .team__social ul li:nth-child(1)
{
    right:calc(100% + 41px);
    z-index:-1
}

.team__action ul li:hover > .team__social ul li:nth-child(2)
{
    right:calc(100% + 82px);
    z-index:-2
}

.team__action ul li:hover > .team__social ul li:nth-child(3)
{
    right:calc(100% + 123px);
    z-index:-3
}

.team__action ul li:hover > .team__social ul li:nth-child(4)
{
    right:calc(100% + 164px);
    z-index:-4
}

.team__action ul li:hover > .team__social ul li:nth-child(5)
{
    right:calc(100% + 205px)
}

.team__action ul li:hover > .team__social ul li:nth-child(6)
{
    right:calc(100% + 246px)
}

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

.team__social ul
{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center
}

.team__social ul li
{
    display:inline-block;
    position:absolute;
    right:0;
    top:0;
    opacity:0;
    visibility:hidden;
    z-index:11;
    -webkit-transition:all .4s ease-out 0;
    -moz-transition:all .4s ease-out 0;
    -ms-transition:all .4s ease-out 0;
    -o-transition:all .4s ease-out 0;
    transition:all .4s ease-out 0
}

.team__social ul li a
{
    display:inline-block;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:15px;
    color:var(--tp-common-black);
    background-color:var(--tp-common-white);
    margin-left:1px
}

.team__social ul li a:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-1)
}

.team__social-4
{
    -webkit-transform:translateY(20px);
    -moz-transform:translateY(20px);
    -ms-transform:translateY(20px);
    -o-transform:translateY(20px);
    transform:translateY(20px);
    visibility:hidden;
    opacity:0;
    transition-delay:0;
    margin-bottom:70px
}

.team__social-4 a
{
    margin-right:10px;
    color:var(--tp-common-white)
}

[dir=rtl] .team__social-4 a
{
    margin-right:0;
    margin-left:10px
}

.team__social-4 a:hover
{
    opacity:.7
}

.team__social-8 a
{
    display:inline-block;
    color:rgba(255,255,255,0.7);
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    background-color:var(--tp-common-white-op-1);
    margin:0 .5px
}

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

.team__social-10 a
{
    display:inline-block;
    width:36px;
    height:36px;
    line-height:31px;
    text-align:center;
    background-color:transparent;
    border:2px solid rgba(255,255,255,0.14);
    border-radius:6px;
    margin-right:2px;
    color:var(--tp-common-white)
}

[dir=rtl] .team__social-10 a
{
    margin-right:0;
    margin-left:2px
}

.team__social-10 a:last-child
{
    margin-right:0
}

[dir=rtl] .team__social-10 a:last-child
{
    margin-left:0
}

.team__social-10 a:hover
{
    background-color:var(--tp-common-white);
    border-color:var(--tp-common-white);
    color:var(--tp-common-black)
}

.team__title
{
    margin-bottom:0;
    font:20px/1.1 var(--tp-ff-inter)
}

.team__title a:hover
{
    color:var(--tp-theme-1)
}

.team__title-4
{
    letter-spacing:-.04em;
    color:var(--tp-common-white);
    margin-bottom:0;
    font:24px/1 var(--tp-ff-space)
}

.team__title-6
{
    color:var(--tp-common-black-9);
    margin-bottom:0;
    will-change:transform;
    transform:translateY(0px);
    transition:transform 1s cubic-bezier(0.23,1,0.32,1);
    font:500 18px/1 var(--tp-ff-roboto)
}

.team__title-6 a:hover
{
    color:var(--tp-theme-6)
}

.team__title-8
{
    font-size:22px;
    letter-spacing:-.02em;
    line-height:1;
    color:var(--tp-common-white);
    margin-bottom:0
}

.team__title-8 a:hover
{
    color:var(--tp-theme-8)
}

.team__title-10
{
    font-size:20px;
    line-height:1;
    letter-spacing:-.04em;
    color:var(--tp-common-black);
    margin-bottom:0
}

.team__title-10 a:hover
{
    color:var(--tp-theme-10)
}

.team__designation
{
    color:var(--tp-text-1);
    display:inline-block;
    text-transform:uppercase;
    font:500 12px/1 var(--tp-ff-space)
}

.team__designation-4
{
    display:inline-block;
    color:rgba(255,255,255,0.8);
    margin-bottom:12px;
    font:500 14px var(--tp-ff-inter)
}

.team__designation-6
{
    display:inline-block;
    color:var(--tp-text-18);
    will-change:transform;
    transform:translateY(0px);
    transition:transform 1s cubic-bezier(0.23,1,0.32,1);
    font:15px var(--tp-ff-roboto)
}

.team__designation-8
{
    text-transform:uppercase;
    color:rgba(255,255,255,0.6);
    display:inline-block;
    margin-bottom:28px;
    font:500 12px/10px var(--tp-ff-space)
}

.team__designation-10
{
    color:#525258;
    font:14px/1 var(--tp-ff-inter)
}

.team__content
{
    padding-top:18px
}

.team__content-4
{
    position:absolute;
    bottom:20px;
    left:20px;
    right:20px;
    top:72%;
    background-color:rgba(171,108,86,0.8);
    backdrop-filter:blur(10px);
    z-index:1;
    padding:15px 25px;
    -webkit-transition:all .4s ease-out 0;
    -moz-transition:all .4s ease-out 0;
    -ms-transition:all .4s ease-out 0;
    -o-transition:all .4s ease-out 0;
    transition:all .4s ease-out 0;
    transition-delay:0
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .team__content-4
    {
        top:77%
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .team__content-4
    {
        top:72%;
        padding-top:10px;
        padding-bottom:10px
    }
}

@media (max-width: 575px) {
    .team__content-4
    {
        top:74%
    }
}

.team__content-4 > p
{
    letter-spacing:-.04em;
    color:var(--tp-common-white);
    margin-bottom:54px;
    -webkit-transform:translateY(20px);
    -moz-transform:translateY(20px);
    -ms-transform:translateY(20px);
    -o-transform:translateY(20px);
    transform:translateY(20px);
    opacity:0;
    visibility:hidden;
    transition-delay:.1s;
    font:400 14px var(--tp-ff-inter)
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .team__content-4 > p
    {
        margin-bottom:35px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .team__content-4 > p
    {
        margin-bottom:20px;
        line-height:1.5
    }
}

.team__content-6
{
    position:absolute;
    left:35px;
    right:35px;
    bottom:0;
    padding:21px 30px 14px;
    background-color:transparent;
    -webkit-transform:translateY(50%);
    -moz-transform:translateY(50%);
    -ms-transform:translateY(50%);
    -o-transform:translateY(50%);
    transform:translateY(50%);
    z-index:1
}

.team__content-6-bg
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:var(--tp-common-white);
    box-shadow:0 20px 60px rgba(13,18,30,0.1);
    z-index:-1;
    will-change:transform;
    transform:translateY(0px);
    transition:transform 1s cubic-bezier(0.23,1,0.32,1)
}

.team__content-10
{
    border:2px solid #EAEAEF;
    border-top:0;
    border-bottom-left-radius:14px;
    border-bottom-right-radius:14px;
    padding-top:22px;
    padding-bottom:18px
}

.team__bg-8
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:.2;
    background-repeat:no-repeat
}

.team__border
{
    border-top:1px solid rgba(255,255,255,0.1);
    border-bottom:1px solid rgba(255,255,255,0.1)
}

.team__join .tp-link-btn-2
{
    text-align:right;
    letter-spacing:-.02em;
    color:var(--tp-common-black);
    padding-bottom:2px;
    font:700 14px var(--tp-ff-space)
}

.team__join .tp-link-btn-2:hover
{
    color:var(--tp-theme-1)
}

.team__contact-overlay
{
    position:absolute;
    top:15px;
    left:15px;
    width:calc(100% - 30px);
    height:calc(100% - 30px);
    background-image:-webkit-linear-gradient(180deg,rgba(255,57,57,0.95) 0.01%,rgba(191,33,50,0.95) 100%);
    background-image:-moz-linear-gradient(180deg,rgba(255,57,57,0.95) 0.01%,rgba(191,33,50,0.95) 100%);
    background-image:-ms-linear-gradient(180deg,rgba(255,57,57,0.95) 0.01%,rgba(191,33,50,0.95) 100%);
    background-image:-o-linear-gradient(180deg,rgba(255,57,57,0.95) 0.01%,rgba(191,33,50,0.95) 100%);
    background-image:linear-gradient(180deg,rgba(255,57,57,0.95) 0.01%,rgba(191,33,50,0.95) 100%);
    background:#f6921e;
    border-radius:10px;
    text-align:center;
    padding:35px 40px;
    -webkit-transform:scaleX(0);
    -moz-transform:scaleX(0);
    -ms-transform:scaleX(0);
    -o-transform:scaleX(0);
    transform:scaleX(0);
    visibility:hidden;
    opacity:0;
    transform-origin:center center
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .team__contact-overlay
    {
        padding:25px 30px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .team__contact-overlay
    {
        padding:60px 40px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .team__contact-overlay
    {
        padding:150px 40px
    }
}

.team__contact-top
{
    border-bottom:1px solid rgba(255,255,255,0.14);
    margin-bottom:22px
}

.team__contact-top span
{
    font-size:50px;
    color:var(--tp-common-white);
    display:inline-block;
    margin-bottom:15px
}

.team__contact-top p
{
    text-transform:uppercase;
    color:var(--tp-common-white);
    margin-bottom:4px;
    font:700 12px var(--tp-ff-space)
}

.team__contact-wrapper
{
    margin-bottom:25px
}

.team__contact-wrapper p
{
    color:var(--tp-common-white);
    margin-bottom:5px;
    font:500 14px/18px var(--tp-ff-space)
}

.team__contact-wrapper p.team-tel
{
    font-size:18px;
    font-weight:700
}

.team__details-border
{
    padding:70px 100px;
    background:#FFF;
    border:1px solid #EAEAEF
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .team__details-border
    {
        padding:70px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .team__details-border
    {
        padding:50px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .team__details-border
    {
        padding:30px
    }
}

@media (max-width: 575px) {
    .team__details-border
    {
        padding:20px;
        padding-bottom:30px
    }
}

.team__details-subtitle
{
    letter-spacing:.04em;
    text-transform:uppercase;
    color:var(--tp-common-black);
    font:500 14px var(--tp-ff-space)
}

.team__details-title
{
    letter-spacing:-.02em;
    font:44px var(--tp-ff-inter)
}

@media (max-width: 575px) {
    .team__details-title
    {
        font-size:35px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px) {
    .team__details-content
    {
        padding-right:0
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .team__details-content
    {
        padding-right:0;
        padding-left:0
    }
}

.team__details-content p
{
    font-size:16px;
    line-height:1.62;
    margin-bottom:30px
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .team__details-content p br
    {
        display:none
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .team__details-thumb img
    {
        width:100%
    }
}

.team__details-contact-icon
{
    font-size:22px;
    color:var(--tp-common-black)
}

.team__details-contact-content p
{
    color:var(--tp-common-black);
    margin-bottom:0;
    font:500 22px var(--tp-ff-space)
}

.team__details-contact-content p a:hover
{
    color:var(--tp-theme-1)
}

.team__details-social a
{
    display:inline-block;
    width:40px;
    height:40px;
    line-height:38px;
    text-align:center;
    font-size:14px;
    background:var(--tp-common-white);
    border:1px solid #EAEAEF
}

.team__details-social a:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-1);
    border-color:var(--tp-theme-1)
}

.team__details-about-border
{
    border-bottom:1px solid #EAEAEF
}

.team__details-about-title
{
    font-size:40px;
    letter-spacing:-.04em;
    margin-bottom:16px
}

.team__details-about-content p
{
    font-size:16px;
    line-height:1.62;
    color:var(--tp-text-1);
    opacity:.9;
    margin-bottom:25px
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .team__details-about-content p br
    {
        display:none
    }
}

.team__details-about-list ol li
{
    font-size:16px;
    color:var(--tp-text-1);
    opacity:.9
}

.team__details-about-list ol li:not(:last-child)
{
    margin-bottom:8px
}

.team__details-about-list ul li
{
    font-size:16px;
    color:var(--tp-text-1);
    opacity:.9
}

.team__details-about-list ul li:not(:last-child)
{
    margin-bottom:8px
}

.team__details-shape-1
{
    position:absolute;
    left:13.3%;
    top:34%;
    z-index:-1;
    -moz-animation:tptranslateY2 4s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tptranslateY2 4s ease-in-out 1s forwards infinite alternate;
    animation:tptranslateY2 4s ease-in-out 1s forwards infinite alternate
}

.team__details-shape-2
{
    position:absolute;
    left:2%;
    top:19%;
    z-index:-1;
    -moz-animation:tprotate 6s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tprotate 6s ease-in-out 1s forwards infinite alternate;
    animation:tprotate 6s ease-in-out 1s forwards infinite alternate
}

.team__details-shape-3
{
    position:absolute;
    right:15%;
    bottom:14%;
    z-index:-1;
    -moz-animation:tptranslateY2 4s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tptranslateY2 4s ease-in-out 1s forwards infinite alternate;
    animation:tptranslateY2 4s ease-in-out 1s forwards infinite alternate
}

.team__details-shape-4
{
    position:absolute;
    right:9%;
    top:15%;
    z-index:-1;
    mix-blend-mode:darken;
    -moz-animation:tptranslateX 4s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tptranslateX 4s ease-in-out 1s forwards infinite alternate;
    animation:tptranslateX 4s ease-in-out 1s forwards infinite alternate
}

div.team__details-shape-4 img
{
    margin-left:10px
}

.team-slider-dot-10 .swiper-pagination-bullet
{
    background-color:#E2E2E2
}

.team-slider-dot-10 .swiper-pagination-bullet.swiper-pagination-bullet-active
{
    background:#f6921e;
    width:50px
}

.faq__text
{
    position:absolute;
    top:30%;
    left:0;
    -webkit-transform:rotate(-90deg) translateY(-102px);
    -moz-transform:rotate(-90deg) translateY(-102px);
    -ms-transform:rotate(-90deg) translateY(-102px);
    -o-transform:rotate(-90deg) translateY(-102px);
    transform:rotate(-90deg) translateY(-102px)
}

[dir=rtl] .faq__text
{
    left:auto;
    right:-13%
}

.faq__text h3
{
    color:rgba(213,213,223,0.5019607843);
    text-transform:uppercase;
    position:relative;
    font:700 200px var(--tp-ff-space)
}

.faq__wrapper .accordion-item
{
    border-color:var(--tp-border-5);
    background-color:var(--tp-common-white)
}

.faq__wrapper .accordion-item:last-of-type
{
    border-bottom:none
}

.faq__wrapper .accordion-button
{
    padding:24px 25px 25px;
    color:var(--tp-common-black);
    position:relative;
    -webkit-transform:inherit;
    -moz-transform:inherit;
    -ms-transform:inherit;
    -o-transform:inherit;
    transform:inherit;
    font:700 26px var(--tp-ff-space)
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .faq__wrapper .accordion-button
    {
        font-size:20px
    }
}

.faq__wrapper .accordion-button::before
{
    position:absolute;
    content:"";
    left:0;
    top:35px;
    width:8px;
    height:8px;
    background-color:var(--tp-common-black);
    border-radius:50%
}

[dir=rtl] .faq__wrapper .accordion-button::before
{
    left:auto;
    right:0
}

.faq__wrapper .accordion-button::after
{
    content:"\f068";
    display:none
}

.faq__wrapper .accordion-button.collapsed::after
{
    color:var(--tp-common-black);
    content:"+";
    -webkit-transform:inherit;
    -moz-transform:inherit;
    -ms-transform:inherit;
    -o-transform:inherit;
    transform:inherit
}

.faq__wrapper .accordion-button:not(.collapsed)
{
    color:var(--tp-common-black)
}

.faq__wrapper .accordion-button:not(.collapsed)::after
{
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg)
}

.faq__wrapper .accordion-button:not(.collapsed) .accordion-btn::before
{
    -webkit-transform:translateX(-50%) rotate(90deg);
    -moz-transform:translateX(-50%) rotate(90deg);
    -ms-transform:translateX(-50%) rotate(90deg);
    -o-transform:translateX(-50%) rotate(90deg);
    transform:translateX(-50%) rotate(90deg);
    background-color:var(--tp-theme-1)
}

[dir=rtl] .faq__wrapper .accordion-button:not(.collapsed) .accordion-btn::before
{
    -webkit-transform:translateX(50%) rotate(90deg);
    -moz-transform:translateX(50%) rotate(90deg);
    -ms-transform:translateX(50%) rotate(90deg);
    -o-transform:translateX(50%) rotate(90deg);
    transform:translateX(50%) rotate(90deg)
}

.faq__wrapper .accordion-button:not(.collapsed) .accordion-btn::after
{
    background-color:var(--tp-theme-1)
}

.faq__wrapper .accordion-button .accordion-btn
{
    position:absolute;
    top:50%;
    right:0;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    display:inline-block;
    width:14px;
    height:14px
}

[dir=rtl] .faq__wrapper .accordion-button .accordion-btn
{
    right:auto;
    left:0
}

.faq__wrapper .accordion-button .accordion-btn::after
{
    position:absolute;
    content:"";
    width:100%;
    height:2px;
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    background-color:#525258;
    border-radius:2px
}

[dir=rtl] .faq__wrapper .accordion-button .accordion-btn::after
{
    right:0;
    left:auto
}

.faq__wrapper .accordion-button .accordion-btn::before
{
    position:absolute;
    content:"";
    width:2px;
    height:100%;
    left:50%;
    top:0;
    background-color:#525258;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%);
    border-radius:2px
}

[dir=rtl] .faq__wrapper .accordion-button .accordion-btn::before
{
    right:50%;
    left:auto;
    -webkit-transform:translateX(50%);
    -moz-transform:translateX(50%);
    -ms-transform:translateX(50%);
    -o-transform:translateX(50%);
    transform:translateX(50%)
}

.faq__wrapper .accordion-button:hover
{
    color:var(--tp-theme-1)
}

.faq__wrapper .accordion-body
{
    padding:0 0 15px;
    padding-right:30px;
    padding-left:25px;
    -webkit-transform:translateY(-5px);
    -moz-transform:translateY(-5px);
    -ms-transform:translateY(-5px);
    -o-transform:translateY(-5px);
    transform:translateY(-5px)
}

[dir=rtl] .faq__wrapper .accordion-body
{
    padding-left:30px;
    padding-right:25px
}

.faq__wrapper .accordion-body p
{
    color:var(--tp-text-1);
    font:16px var(--tp-ff-inter)
}

[dir=rtl] .faq__tab
{
    padding-right:0;
    padding-left:200px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .faq__tab
    {
        padding-right:150px
    }

    [dir=rtl] .faq__tab
    {
        padding-right:0;
        padding-left:150px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .faq__tab
    {
        padding-right:0;
        margin-bottom:50px
    }

    [dir=rtl] .faq__tab
    {
        padding-left:0
    }
}

.faq__tab .nav-link
{
    padding:20px 30px;
    text-align:left;
    border-radius:40px;
    color:var(--tp-text-1);
    font:500 16px var(--tp-ff-inter)
}

[dir=rtl] .faq__tab .nav-link
{
    text-align:right
}

.faq__tab .nav-link span
{
    display:inline-block;
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px);
    margin-right:10px;
    color:var(--tp-theme-7)
}

[dir=rtl] .faq__tab .nav-link span
{
    margin-right:0;
    margin-left:10px
}

.faq__tab .nav-link.active
{
    background-color:rgba(44,174,118,0.1019607843);
    color:var(--tp-theme-7)
}

.faq__tab .nav-link:hover
{
    color:var(--tp-theme-7)
}

.faq__tab-content .accordion-item
{
    border:1px solid rgba(4,18,31,0.0784313725);
    border-radius:45px;
    margin-bottom:15px;
    background-color:var(--tp-common-white)
}

.faq__tab-content .accordion-item:last-of-type
{
    border-bottom-right-radius:45px;
    border-bottom-left-radius:45px
}

[dir=rtl] .faq__tab-content .accordion-item:last-of-type
{
    border-bottom-right-radius:0;
    border-bottom-left-radius:0;
    border-bottom-left-radius:45px;
    border-bottom-right-radius:45px
}

.faq__tab-content .accordion-button
{
    color:var(--tp-common-black-11);
    padding:33px 34px;
    font:500 20px/24px var(--tp-ff-inter)
}

@media (max-width: 575px) {
    .faq__tab-content .accordion-button
    {
        padding-left:22px;
        padding-right:40px
    }

    [dir=rtl] .faq__tab-content .accordion-button
    {
        padding-left:40px;
        padding-right:22px
    }
}

.faq__tab-content .accordion-button:not(.collapsed)
{
    color:var(--tp-common-black-11)
}

.faq__tab-content .accordion-button.collapsed::after
{
    color:var(--tp-common-black-11)
}

.faq__tab-content .accordion-button::after
{
    top:35%;
    right:34px;
    color:var(--tp-common-black-11)
}

[dir=rtl] .faq__tab-content .accordion-button::after
{
    right:auto;
    left:34px
}

@media (max-width: 575px) {
    .faq__tab-content .accordion-button::after
    {
        right:20px
    }

    [dir=rtl] .faq__tab-content .accordion-button::after
    {
        right:auto;
        left:20px
    }
}

.faq__tab-content .accordion-button:hover
{
    color:var(--tp-theme-7)
}

.faq__tab-content .accordion-button:hover::after
{
    color:var(--tp-theme-7)
}

.faq__tab-content .accordion-body
{
    padding:0 34px 29px
}

.faq__tab-content .accordion-body.show
{
    box-shadow:0 14px 50px rgba(4,11,17,0.12)
}

.faq__tab-content .accordion-body p
{
    margin-bottom:0;
    -webkit-transform:translateY(-5px);
    -moz-transform:translateY(-5px);
    -ms-transform:translateY(-5px);
    -o-transform:translateY(-5px);
    transform:translateY(-5px);
    font:16px/1.5 var(--tp-ff-inter)
}

.faq__tab-2
{
    border-bottom:1px solid #EAEAEF
}

.faq__tab-2 .nav-link
{
    font-weight:500;
    font-size:15px;
    color:var(--tp-text-1);
    padding:14px 30px;
    background-color:var(--tp-common-white);
    position:relative;
    border-radius:0
}

.faq__tab-2 .nav-link::after
{
    position:absolute;
    content:"";
    left:0;
    bottom:0;
    left:0;
    right:0;
    width:0;
    margin:auto;
    background-color:var(--tp-theme-1);
    height:2px
}

.faq__tab-2 .nav-link span
{
    margin-right:7px
}

[dir=rtl] .faq__tab-2 .nav-link span
{
    margin-right:0;
    margin-left:7px
}

.faq__tab-2 .nav-link.active
{
    color:var(--tp-theme-1);
    background-color:rgba(245,9,99,0.06)
}

.faq__tab-2 .nav-link.active:hover
{
    background-color:rgba(245,9,99,0.06)
}

.faq__tab-2 .nav-link.active::after
{
    width:100%
}

.faq__tab-2 .nav-link:hover
{
    background-color:var(--tp-grey-16)
}

.faq__shape-1
{
    position:absolute;
    bottom:-8%;
    right:0;
    z-index:-1
}

.faq__title
{
    font-size:50px;
    line-height:1;
    letter-spacing:-.04em;
    color:var(--tp-common-black);
    margin-bottom:40px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .faq__title
    {
        font-size:44px
    }
}

.faq__title-pre
{
    display:inline-block;
    letter-spacing:-.02em;
    color:var(--tp-common-black-solid);
    margin-bottom:12px;
    font:500 18px/1.1 var(--tp-ff-space)
}

.faq__title-2
{
    padding-top:22px;
    font-size:30px;
    line-height:1.13;
    letter-spacing:-.04em;
    margin-bottom:30px
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .faq__title-2 br
    {
        display:none
    }
}

.faq__gradient-border
{
    position:relative
}

.faq__gradient-border::after,.faq__gradient-border::before
{
    position:absolute;
    content:"";
    top:0;
    left:0;
    width:100%;
    height:2px;
    background-image:-webkit-linear-gradient(90deg,#03041c 0%,#fff 100%);
    background-image:-moz-linear-gradient(90deg,#03041c 0%,#fff 100%);
    background-image:-ms-linear-gradient(90deg,#03041c 0%,#fff 100%);
    background-image:-o-linear-gradient(90deg,#03041c 0%,#fff 100%);
    background-image:linear-gradient(90deg,#03041c 0%,#fff 100%)
}

[dir=rtl] .faq__gradient-border::after,[dir=rtl] .faq__gradient-border::before
{
    background-image:-webkit-linear-gradient(-90deg,#03041c 0%,#fff 100%);
    background-image:-moz-linear-gradient(-90deg,#03041c 0%,#fff 100%);
    background-image:-ms-linear-gradient(-90deg,#03041c 0%,#fff 100%);
    background-image:-o-linear-gradient(-90deg,#03041c 0%,#fff 100%);
    background-image:linear-gradient(-90deg,#03041c 0%,#fff 100%)
}

.faq__gradient-border::before
{
    top:auto;
    bottom:0
}

.faq__video
{
    position:absolute;
    top:60px;
    left:0;
    width:46%;
    height:calc(100% - 120px);
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    z-index:1
}

[dir=rtl] .faq__video
{
    left:auto;
    right:0
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .faq__video
    {
        position:relative;
        width:100%;
        height:560px;
        top:0
    }
}

.faq__video-btn
{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}

.faq__video-btn a
{
    display:inline-block;
    width:90px;
    height:90px;
    line-height:90px;
    text-align:center;
    background-color:var(--tp-common-white);
    border-radius:50%;
    color:var(--tp-theme-1)
}

.faq__video-btn a::after,.faq__video-btn a::before
{
    background:rgba(255,255,255,0.06);
    border:1px solid rgba(255,255,255,0.6);
    box-shadow:0 0 40px rgba(3,4,28,0.06);
    backdrop-filter:blur(4px)
}

.faq__video-btn a svg
{
    -webkit-transform:translate(2px,-1px);
    -moz-transform:translate(2px,-1px);
    -ms-transform:translate(2px,-1px);
    -o-transform:translate(2px,-1px);
    transform:translate(2px,-1px)
}

.faq__style-2
{
    padding-right:415px;
    padding-top:95px;
    padding-bottom:100px;
    border-left:2px solid var(--tp-common-black)
}

[dir=rtl] .faq__style-2
{
    border-left:0;
    border-right:2px solid var(--tp-common-black);
    padding-right:0;
    padding-left:415px
}

@media only screen and (min-width: 1700px) and (max-width: 1899px) {
    .faq__style-2
    {
        padding-right:230px
    }

    [dir=rtl] .faq__style-2
    {
        padding-right:0;
        padding-left:230px
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1699px) {
    .faq__style-2
    {
        padding-right:210px
    }

    [dir=rtl] .faq__style-2
    {
        padding-right:0;
        padding-left:210px
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .faq__style-2
    {
        padding-right:120px
    }

    [dir=rtl] .faq__style-2
    {
        padding-right:0;
        padding-left:120px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .faq__style-2
    {
        padding-right:60px;
        padding-left:70px
    }

    [dir=rtl] .faq__style-2
    {
        padding-right:70px;
        padding-left:60px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .faq__style-2
    {
        padding-right:20px;
        padding-left:70px
    }

    [dir=rtl] .faq__style-2
    {
        padding-right:70px;
        padding-left:20px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .faq__style-2
    {
        padding-right:50px;
        padding-left:50px;
        margin-top:50px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .faq__style-2
    {
        padding-right:30px;
        padding-left:30px;
        margin-top:50px
    }
}

@media (max-width: 575px) {
    .faq__style-2
    {
        padding-right:20px;
        padding-left:20px;
        margin-top:50px
    }
}

.faq__style-2 .accordion-item
{
    border-bottom:1px solid #E7E7E7;
    padding-top:25px;
    padding-bottom:25px
}

.faq__style-2 .accordion-item:first-child
{
    border-top:1px solid #E7E7E7
}

.faq__style-2 .accordion-item:first-of-type
{
    border-radius:0
}

.faq__style-2 .accordion-button
{
    font-weight:500;
    font-size:18px;
    letter-spacing:-.02em;
    color:var(--tp-common-black);
    padding-top:0;
    padding-bottom:0
}

.faq__style-2 .accordion-button::after
{
    display:none
}

.faq__style-2 .accordion-button .accordion-btn
{
    position:absolute;
    top:50%;
    right:0;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    display:inline-block;
    width:14px;
    height:14px
}

[dir=rtl] .faq__style-2 .accordion-button .accordion-btn
{
    right:auto;
    left:0
}

.faq__style-2 .accordion-button .accordion-btn::after
{
    position:absolute;
    content:"";
    width:100%;
    height:2px;
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    background-color:var(--tp-common-black);
    border-radius:2px
}

.faq__style-2 .accordion-button .accordion-btn::before
{
    position:absolute;
    content:"";
    width:2px;
    height:100%;
    left:50%;
    top:0;
    background-color:var(--tp-common-black);
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%);
    border-radius:2px
}

.faq__style-2 .accordion-button:not(.collapsed)
{
    color:var(--tp-theme-1)
}

.faq__style-2 .accordion-button:not(.collapsed) .accordion-btn::before
{
    -webkit-transform:translateX(-50%) rotate(90deg);
    -moz-transform:translateX(-50%) rotate(90deg);
    -ms-transform:translateX(-50%) rotate(90deg);
    -o-transform:translateX(-50%) rotate(90deg);
    transform:translateX(-50%) rotate(90deg);
    background-color:var(--tp-theme-1)
}

.faq__style-2 .accordion-button:not(.collapsed) .accordion-btn::after
{
    background-color:var(--tp-theme-1)
}

.faq__style-2 .accordion-body
{
    padding-top:24px;
    padding-bottom:0
}

.faq__style-2 .accordion-body p
{
    font-size:15px;
    line-height:1.6;
    color:var(--tp-text-1);
    margin-bottom:2px;
    padding-right:50px
}

[dir=rtl] .faq__style-2 .accordion-body p
{
    padding-right:0;
    padding-left:50px
}

.faq__style-3 .section__title-pre-7
{
    letter-spacing:.04em;
    color:var(--tp-common-black);
    text-transform:uppercase;
    font:500 14px var(--tp-ff-space)
}

.faq__style-3 .section__title-7
{
    letter-spacing:-.04em;
    margin-bottom:11px;
    font:50px/1 var(--tp-ff-space)
}

.faq__style-3 .faq__tab .nav-link
{
    border-radius:0;
    background:rgba(255,255,255,0.06);
    border:1px solid #EAEAEF;
    color:var(--tp-text-1)
}

.faq__style-3 .faq__tab .nav-link:not(:last-child)
{
    margin-bottom:8px
}

.faq__style-3 .faq__tab .nav-link span
{
    color:var(--tp-text-1)
}

.faq__style-3 .faq__tab .nav-link.active
{
    background-color:var(--tp-theme-1);
    border-color:var(--tp-theme-1);
    color:var(--tp-common-white)
}

.faq__style-3 .faq__tab .nav-link.active span
{
    color:var(--tp-common-white)
}

.faq__style-3 .faq__tab-content .accordion-body
{
    padding-bottom:34px
}

.faq__style-3 .faq__tab-content .accordion-item
{
    background:var(--tp-common-white);
    border:1px solid rgba(4,18,31,0.08);
    border-radius:0
}

.faq__style-3 .faq__tab-content .accordion-button
{
    color:var(--tp-common-black-11);
    font:500 20px var(--tp-ff-space)
}

.faq__style-3 .faq__tab-content .accordion-button:hover
{
    color:var(--tp-theme-1)
}

.faq__style-3 .faq__tab-content .accordion-button:hover::after
{
    color:var(--tp-theme-1)
}

.faq__style-4 .accordion-item
{
    border-bottom:1px solid #E7E7E7;
    padding-top:27px;
    padding-bottom:27px
}

.faq__style-4 .accordion-item:first-of-type
{
    border-radius:0
}

.faq__style-4 .accordion-item:last-of-type
{
    border-bottom:1px solid #E7E7E7
}

.faq__style-4 .accordion-button
{
    font-weight:500;
    font-size:20px;
    letter-spacing:-.02em;
    color:var(--tp-common-black);
    padding-top:0;
    padding-bottom:0
}

.faq__style-4 .accordion-button::before
{
    width:6px;
    height:6px;
    top:9px
}

.faq__style-4 .accordion-body
{
    padding-top:24px;
    padding-bottom:10px
}

.faq__style-4 .accordion-body p
{
    font-size:16px;
    padding-right:85px
}

[dir=rtl] .faq__style-4 .accordion-body p
{
    padding-right:0;
    padding-left:85px
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .faq__style-4 .accordion-body p
    {
        padding-right:0
    }

    [dir=rtl] .faq__style-4 .accordion-body p
    {
        padding-left:0
    }
}
/*
----------------
 */

.w-90{
   width: 90px!important;
}