@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Oswald:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700;800&family=Rajdhani:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;700;900&family=Space+Grotesk:wght@300;400;500;600;700&family=Syne:wght@400;500;600;700;800&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 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

:root {
  /**
  @font family declaration
  */
  --tp-ff-body: "Sarabun", Sans-serif;
  --tp-ff-heading: "Sarabun", Sans-serif;
  --tp-ff-p: "Sarabun", Sans-serif;
  --tp-ff-inter: "Sarabun", Sans-serif;
  --tp-ff-roboto: "Sarabun", Sans-serif;
  --tp-ff-oswald: "Sarabun", Sans-serif;
  --tp-ff-poppins: "Sarabun", Sans-serif;
  --tp-ff-space: "Sarabun", Sans-serif;
  --tp-ff-play: "Sarabun", Sans-serif;
  --tp-ff-syne: "Sarabun", Sans-serif;
  --tp-ff-rajdhani: "Sarabun", Sans-serif;
  --tp-ff-fontawesome: "Font Awesome 6 Pro";
  /**
  @color declaration
  */
  --tp-common-white: #ffffff;
  --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: #006c63;
  --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: #00a65d;
  --tp-theme-1-dark: #C3004B;
  --tp-theme-2: #008080;
  --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: #006c63;
  --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;
  /**
  @font weight declaration
  */
  --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;
  /**
  @font size declaration
  */
  --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;
}


/*---------------------------------
	typography css start 
---------------------------------*/
body {
  font-family: var(--tp-ff-body);
  font-size: var(--tp-fz-body);
  font-weight: var(--tp-fw-regular);
  color: #ffffff;
  line-height: 26px;
  scroll-behavior: smooth;
}

a {
  text-decoration: none;
}

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

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: 0px;
  padding: 0px;
}

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

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

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

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

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

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

/* Estilos para la lista personalizada */
.custom-list {
    list-style-type: none; /* Elimina los puntos predeterminados */
    padding-left: 20px;    /* Espacio hacia la izquierda */
    text-align: center;      /* Opcional: alinea la lista a la izquierda */
}

/* Asterisco antes de cada elemento de la lista */
.custom-list li::before {
    content: "* ";         /* Asterisco antes del texto */
    color: black;          /* Asterisco de color negro */
    font-weight: bold;     /* Opcional: asterisco en negritas */
    font-size: 1.2rem;     /* Ajusta el tamaño del asterisco */
}

/* Estilo del texto dentro de la lista */
.custom-list li {
    color: #525258;           /* El texto de los elementos también será negro */
    font-size: 1rem;       /* Tamaño del texto */
    line-height: 1.5;      /* Espaciado entre líneas */
}


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

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

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

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

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

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

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

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

.background-fixed {
  background-attachment: fixed;
}
.responsive-container {
            max-width: 600px;
            margin: 0 auto;
        }

        .img-responsive {
            max-width: 100%;
            height: auto;
        }
        

/*----------------------------------------
    Body Overlay 
-----------------------------------------*/
.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: 0.7;
  visibility: visible;
}

/*----------------------------------------
    Progress Wrap
-----------------------------------------*/
@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;
  font-family: var(--tp-ff-space);
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  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: 0px 1px 3px rgba(3, 4, 28, 0.06);
}
.tp-pagination ul li a:hover, .tp-pagination ul li a.current, .tp-pagination ul li span:hover, .tp-pagination ul li span.current {
  background: var(--tp-theme-1);
  border-color: var(--tp-theme-1);
  color: var(--tp-common-white);
  box-shadow: 0px 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: 0.3s;
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation-duration: 1s;
  animation-delay: 0.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: 0px 8px 16px rgba(3, 4, 28, 0.3);
  color: var(--tp-common-white);
  border-radius: 50%;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -ms-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.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);
}

/*--
    - Spacing
-----------------------------------------*/
.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;
  }
}

/* for home 5 */
.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;
  }
}

/* for home 6 */
.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;
  }
}

/* for home 3*/
.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;
  }
}

/* for home 5*/
.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;
  }
}

/* for home 8*/
.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;
}

/*----------------------------------------*/
/*  ALL Button CSS START
/*----------------------------------------*/
/* pulse btn */
.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: 0s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  z-index: -1;
}
.tp-pulse-border::before {
  animation-delay: 0.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: 0.6;
  z-index: -1;
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

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

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

/* hambur btn */
.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-common-green);
}
.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;
  font-size: 13px;
  font-weight: 600;
  color: var(--tp-common-black);
  text-transform: uppercase;
  font-family: var(--tp-ff-syne);
  line-height: 1;
}
.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 {
  font-family: var(--tp-ff-space);
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #FFFFFF;
  position: relative;
  cursor: pointer;
  padding-right: 35px;
}
.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 0.2s ease-in-out, opacity 0.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 0.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 0.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;
}

/* link btn style 1 */
.tp-link-btn span {
  position: relative;
  margin-left: 5px;
}
.tp-link-btn span i, .tp-link-btn span svg {
  transition: transform 0.2s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.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;
}

/* load more btn */
.tp-load-more-btn {
  display: inline-block;
  font-family: var(--tp-ff-space);
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.02em;
  color: var(--tp-common-black);
  background: #FFFFFF;
  border: 1px solid #EAEAEF;
  padding: 13px 112px;
}
.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 */
.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%;
  }
}

/* theme btn */
.tp-btn {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: var(--tp-common-white);
  background: var(--tp-theme-1);
  text-align: center;
  font-family: var(--tp-ff-space);
  padding: 10px 30px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  letter-spacing: -0.02em;
}
.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;
  font-size: 16px;
  font-weight: 700;
  color: var(--tp-common-white);
  background: var(--tp-theme-3);
  text-align: center;
  font-family: var(--tp-ff-space);
  padding: 17px 56px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.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;
  font-size: 16px;
  font-weight: 700;
  color: var(--tp-common-white);
  background: var(--tp-theme-3);
  text-align: center;
  font-family: var(--tp-ff-space);
  padding: 15px 40px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-transform: capitalize;
  border: 2px solid var(--tp-theme-3);
}
.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;
  font-size: 18px;
  font-weight: 500;
  color: var(--tp-common-white);
  background: var(--tp-common-green);
  text-align: center;
  font-family: var(--tp-ff-space);
  padding: 13px 41px 15px;
  position: relative;
  z-index: 1;
}
.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;
  font-family: var(--tp-ff-syne);
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
  padding: 17px 33px;
  position: relative;
}
.tp-btn-5::after {
  position: absolute;
  content: "";
  left: 8px;
  top: 8px;
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(329deg, #00a65d 13.55%, #00769a 48.54%, #ffffff 86.44%);
  background-image: -moz-linear-gradient(329deg, #00a65d 13.55%, #00769a 48.54%, #ffffff 86.44%);
  background-image: -ms-linear-gradient(329deg, #00a65d 13.55%, #00769a 48.54%, #ffffff 86.44%);
  background-image: -o-linear-gradient(329deg, #00a65d 13.55%, #00769a 48.54%, #ffffff 86.44%);
  background-image: linear-gradient(329deg, #00a65d 13.55%, #00769a 48.54%, #ffffff 86.44%);
  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;
  font-family: var(--tp-ff-syne);
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
  padding: 15px 33px;
  border: 2px solid var(--tp-common-black);
}
.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;
  font-family: var(--tp-ff-space);
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  color: var(--tp-common-white);
  box-shadow: 0px 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 0.2s ease-in-out;
}
.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;
  font-family: var(--tp-ff-space);
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  color: var(--tp-common-white);
  padding: 14px 33px 16px;
  background: var(--tp-common-purple-7);
  border-radius: 6px;
}
.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: 0px 6px 10px rgba(99, 9, 19, 0.3);
}

.tp-btn-9 {
  display: inline-block;
  font-family: var(--tp-ff-syne);
  font-weight: 700;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--tp-common-black);
  border: 1px solid var(--tp-common-black);
  padding: 18px 30px 18px;
}
.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;
  font-family: var(--tp-ff-syne);
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.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 19px;
}
.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: 0px 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;
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-common-white);
  background: var(--tp-theme-2);
  text-align: center;
  font-family: var(--tp-ff-oswald);
  padding: 12px 42px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-transform: uppercase;
}
.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;
  font-size: 16px;
  font-weight: 400;
  color: var(--tp-common-black);
  background: var(--tp-common-white);
  text-align: center;
  font-family: var(--tp-ff-oswald);
  padding: 7px 29px 8px;
  position: relative;
  z-index: 1;
  text-transform: uppercase;
  box-shadow: 0px 2px 2px rgba(0, 128, 128, 0.1);
}
.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;
  font-size: 15px;
  font-weight: 500;
  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-family: 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: 0px 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;
  font-size: 16px;
  font-weight: 400;
  color: var(--tp-common-white);
  background: var(--tp-common-purple-2);
  text-align: center;
  font-family: var(--tp-ff-oswald);
  padding: 7px 29px 8px;
  position: relative;
  z-index: 1;
  text-transform: uppercase;
  box-shadow: 0px 2px 2px rgba(0, 128, 128, 0.1);
}
.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-common-green);
  font-weight: 600;
  letter-spacing: -0.02em;
}
.tp-btn-brown:hover {
  color: var(--tp-common-white);
  background-color: #01a191;
}

.tp-btn-orange {
  display: inline-block;
  font-size: 15px;
  color: var(--tp-common-white);
  padding: 12px 30px 12px;
  background-color: var(--tp-common-orange);
  font-weight: 500;
  letter-spacing: -0.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: -0.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: 0px 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: -0.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;
  font-size: 15px;
  font-weight: 500;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-5);
  padding: 9px 24px;
  font-family: 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: -0.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 9px;
  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;
  font-size: 16px;
  font-weight: 700;
  color: var(--tp-common-white);
  font-family: var(--tp-ff-space);
  text-transform: capitalize;
  padding: 22px 36px 23px;
  background-color: var(--tp-theme-3);
}
.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;
  font-family: var(--tp-ff-space);
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  color: var(--tp-common-white);
  border: 2px solid rgba(255, 255, 255, 0.14);
  border-radius: 6px;
  padding: 8px 30px 9px;
}
.tp-header-btn-3 i {
  margin-right: 5px;
}
.tp-header-btn-3:hover {
  color: var(--tp-common-green);
  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;
  font-size: 14px;
  font-weight: 500;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-space);
  padding: 6px 18px;
  border: 1px solid var(--tp-border-5);
  text-align: center;
}
.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;
  font-size: 16px;
  font-weight: 700;
  font-family: var(--tp-ff-space);
  color: var(--tp-common-white);
  padding: 14px 37px 16px;
  border: 2px solid rgba(255, 255, 255, 0.14);
  text-transform: capitalize;
}
.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;
  font-size: 18px;
  font-weight: 700;
  font-family: var(--tp-ff-space);
  color: var(--tp-common-white);
  padding: 14px 48px 16px;
  border: 2px solid rgba(255, 255, 255, 0.14);
  text-transform: capitalize;
}
.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;
  font-size: 16px;
  font-weight: 700;
  font-family: var(--tp-ff-space);
  color: var(--tp-common-white);
  padding: 11px 43px 13px;
  border: 2px solid rgba(255, 255, 255, 0.14);
  text-transform: capitalize;
}
.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;
  font-size: 15px;
  font-weight: 500;
  color: var(--tp-common-black-9);
  padding: 10px 25px 10px 26px;
  border: 2px solid rgba(13, 18, 30, 0.1019607843);
  text-transform: capitalize;
  font-family: 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 24px;
  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 11px 31px;
  border: 1.5px solid rgba(255, 255, 255, 0.1019607843);
  font-family: var(--tp-ff-space);
  font-weight: 500;
  font-size: 16px;
  color: var(--tp-common-white);
}
.tp-btn-border-7:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-common-green);
  border-color: var(--tp-common-green);
}

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

.tp-btn-border-9 {
  display: inline-block;
  font-family: var(--tp-ff-space);
  font-weight: 500;
  font-size: 15px;
  text-align: center;
  color: var(--tp-common-black);
  border: 2px solid #EAEAEF;
  position: relative;
  padding: 4px 30px 6px;
  border-radius: 6px;
  z-index: 1;
}
.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: 0px 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;
  font-size: 14px;
  font-weight: 500;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-space);
  padding: 6px 23px 6px;
  border: 1px solid var(--tp-border-5);
  letter-spacing: -0.02em;
}
.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;
  font-size: 16px;
  font-weight: 700;
  color: var(--tp-theme-3);
  font-family: var(--tp-ff-space);
  padding: 17px 35px;
  border: 2px solid var(--tp-theme-3);
  border-radius: 2px;
}
.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;
  font-size: 16px;
  font-weight: 400;
  color: var(--tp-common-black);
  background: transparent;
  text-align: center;
  font-family: var(--tp-ff-oswald);
  padding: 5px 26px 6px;
  position: relative;
  z-index: 1;
  text-transform: uppercase;
  border: 2px solid var(--tp-border-8);
}
.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;
  font-size: 16px;
  font-weight: 400;
  color: var(--tp-common-black);
  background: transparent;
  text-align: center;
  font-family: var(--tp-ff-oswald);
  padding: 5px 34px 6px;
  position: relative;
  z-index: 1;
  text-transform: uppercase;
  border: 2px solid var(--tp-border-8);
}
.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;
  font-size: 14px;
  font-weight: 700;
  color: var(--tp-common-black);
  background: transparent;
  text-align: center;
  font-family: var(--tp-ff-space);
  padding: 10px 31px;
  letter-spacing: -0.02em;
  position: relative;
  z-index: 1;
  text-transform: capitalize;
  border: 2px solid var(--tp-border-5);
}
.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;
  font-size: 14px;
  font-weight: 700;
  color: var(--tp-common-black);
  background: transparent;
  text-align: center;
  font-family: var(--tp-ff-space);
  padding: 5px 23px;
  letter-spacing: -0.02em;
  position: relative;
  z-index: 1;
  text-transform: capitalize;
  border: 2px solid var(--tp-border-5);
}
.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;
  font-size: 14px;
  font-weight: 700;
  color: var(--tp-common-white);
  background: transparent;
  text-align: center;
  font-family: var(--tp-ff-space);
  padding: 9px 31px 10px;
  letter-spacing: -0.02em;
  position: relative;
  z-index: 1;
  text-transform: capitalize;
  border: 2px solid rgba(255, 255, 255, 0.1);
}
.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;
  font-size: 14px;
  font-weight: 600;
  color: var(--tp-common-white);
  background: var(--tp-theme-1);
  text-align: center;
  font-family: var(--tp-ff-space);
  padding: 9px 22px;
  letter-spacing: -0.02em;
  position: relative;
  z-index: 1;
  text-transform: capitalize;
}
.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;
  font-size: 16px;
  font-weight: 400;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-2);
  text-align: center;
  font-family: var(--tp-ff-oswald);
  text-transform: uppercase;
  padding: 9px 27px;
  letter-spacing: -0.02em;
  position: relative;
  z-index: 1;
}
.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;
  font-size: 16px;
  font-weight: 600;
  color: var(--tp-common-white);
  background: var(--tp-theme-1);
  text-align: center;
  font-family: var(--tp-ff-space);
  text-transform: capitalize;
  padding: 11px 42px 13px;
  letter-spacing: -0.02em;
  position: relative;
  z-index: 1;
}
.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;
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-common-black);
  background: var(--tp-common-white);
  text-align: center;
  font-family: var(--tp-ff-space);
  text-transform: capitalize;
  padding: 12px 42px;
  letter-spacing: -0.02em;
  position: relative;
  z-index: 1;
  border-radius: 6px;
}
.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: -0.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 10px;
  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: 0.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 0.4s;
  transition: all 0.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 0.6s;
  transition-delay: 0.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 10px;
  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 25px;
  }
}
.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 0.2s linear;
}
.tp-link-btn-3:hover svg {
  animation: tp_arrow_svg 0.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 0.2s linear;
}
.tp-link-btn-4:hover svg {
  animation: tp_arrow_svg 0.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);
}

/*----------------------------------------*/
/*  KEYFRAME CSS START
/*----------------------------------------*/
/* pulse effect animation */
@-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 0.0375s;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -ms-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.animate-border::before {
  top: 0;
  left: 0;
  transition-delay: 0.6s;
}
.animate-border::after {
  right: 0;
  bottom: 0;
  left: auto;
  transition-delay: 0.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 0.0375s;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -ms-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.animate-border .services-border::before {
  transition-delay: 0s;
  bottom: 0;
  left: 0;
}
.animate-border .services-border::after {
  top: 0;
  right: 0;
  transition-delay: 0.4s;
}
.animate-border:hover::after, .animate-border:hover::before {
  width: 100%;
}
.animate-border:hover::before {
  transition-delay: 0s;
}
.animate-border:hover::after {
  transition-delay: 0.4s;
}
.animate-border:hover .services-border::after, .animate-border:hover .services-border::before {
  height: 100%;
}
.animate-border:hover .services-border::before {
  transition-delay: 0.6s;
}
.animate-border:hover .services-border::after {
  transition-delay: 0.2s;
}

.animate-border-2::before, .animate-border-2::after {
  content: "";
  position: absolute;
  background-color: #006c63;
  width: 0;
  height: 1px;
  transition: width 0.0375s;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.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: #006c63;
  height: 0;
  width: 1px;
  transition: height 0.0375s;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.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;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

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

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8;
}

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

/*----------------------------------------*/
/*  PRELOADER CSS START
/*----------------------------------------*/
#loading {
  background-color: #fff;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 999999;
  margin-top: 0px;
  top: 0px;
}

#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: 0px;
  top: 0px;
}

#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%);
  -webkit-transition: all 1s ease-out 0s;
  -moz-transition: all 1s ease-out 0s;
  -ms-transition: all 1s ease-out 0s;
  -o-transition: all 1s ease-out 0s;
  transition: all 1s ease-out 0s;
}
.preloader__logo {
  margin-bottom: 40px;
}
.preloader__logo img.logo-blink {
  animation: tp-blink 0.7s ease-in-out 0.1s infinite;
}
@-webkit-keyframes tp-blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes tp-blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes tp-blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tp-blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.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: 0.2s;
  animation-delay: 0.2s;
}
.preloader__title-2:nth-child(3)::before {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.preloader__title-2:nth-child(4)::before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.preloader__title-2:nth-child(5)::before {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.preloader__title-2:nth-child(6)::before {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.preloader__loading {
  font-family: var(--tp-ff-space);
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.9em;
  text-transform: uppercase;
  color: var(--tp-common-black);
}
.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%;
  }
}
/*--
    - Background color
-----------------------------------------*/
.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: rgb(0 152 68 / 38%);
}

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

.black-bg-13 {
  background-color: #ffffff;
}

.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: #0599473b;
}

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

.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: #dedede;
}

.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 css
------------------------------------------*/
[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 color css
------------------------------------------*/
[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 css
------------------------------------------*/
[data-overlay] {
  position: relative;
  z-index: 1;
}
[data-overlay]::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

/*-- Overlay Color --*/
[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);
}

/*-- Overlay Opacity --*/
[data-overlay-opacity="1"]::before {
  opacity: 0.1;
}

[data-overlay-opacity="2"]::before {
  opacity: 0.2;
}

[data-overlay-opacity="3"]::before {
  opacity: 0.3;
}

[data-overlay-opacity="4"]::before {
  opacity: 0.4;
}

[data-overlay-opacity="5"]::before {
  opacity: 0.5;
}

[data-overlay-opacity="6"]::before {
  opacity: 0.6;
}

[data-overlay-opacity="7"]::before {
  opacity: 0.7;
}

[data-overlay-opacity="8"]::before {
  opacity: 0.8;
}

[data-overlay-opacity="9"]::before {
  opacity: 0.9;
}

/* tp range slider css */
.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: 0px 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 slider dot */
.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 {
  font-family: var(--tp-ff-body);
  font-weight: 700;
  font-size: 30px;
  line-height: 1;
  color: var(--tp-common-white);
}
.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 CSS START
/*----------------------------------------*/
.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 0.45s ease-in-out, opacity 0.45s ease-in-out;
  -moz-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  transition: transform 0.45s ease-in-out, opacity 0.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; /* for Chrome, Safari, and Opera */
}
.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: 0.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: 0.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 {
  font-family: var(--tp-ff-inter);
  color: var(--tp-common-white);
  font-size: 16px;
}
.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: 0.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: 0.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 {
  font-family: var(--tp-ff-space);
  font-size: 24px;
  color: var(--tp-common-white);
  line-height: 1.3;
  margin-bottom: 15px;
}
.offcanvas__inner p {
  font-family: var(--tp-ff-inter);
  font-size: 16px;
  line-height: 22px;
  color: var(--tp-common-white);
  margin-bottom: 30px;
}
.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 {
  font-family: var(--tp-ff-inter);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: 0.01em;
  color: var(--tp-common-black-4);
  margin-bottom: 25px;
}
.offcanvas__contact-call {
  font-family: var(--tp-ff-space);
  font-weight: 700;
  font-size: 20px;
  color: var(--tp-common-black);
  margin-bottom: 5px;
}
.offcanvas__contact-call a:hover {
  color: var(--tp-theme-1);
}
.offcanvas__contact-mail {
  font-family: var(--tp-ff-space);
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-text-1);
}
.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-size: 18px;
  font-family: var(--tp-ff-space);
}
.offcanvas__social-title-5 {
  font-family: var(--tp-ff-inter);
  font-weight: 500;
  font-size: 14px;
  line-height: 10px;
  text-transform: uppercase;
  color: var(--tp-common-black);
  margin-bottom: 10px;
}
.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 {
  font-family: var(--tp-ff-space);
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 10px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 35px;
}
.offcanvas__menu-3 ul li {
  margin-bottom: 17px;
}
.offcanvas__menu-3 ul li a {
  font-family: var(--tp-ff-space);
  font-weight: 700;
  font-size: 30px;
  color: #898A94;
}
.offcanvas__menu-3 ul li a:hover {
  color: var(--tp-common-white);
}
.offcanvas__menu-5 ul li a {
  font-family: var(--tp-ff-inter);
  font-weight: 700;
  font-size: 20px;
  color: var(--tp-common-black);
  text-transform: uppercase;
}
.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: 0.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 {
  font-family: var(--tp-ff-oswald);
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: var(--tp-common-black);
  display: flex;
  align-items: center;
}
.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 {
  font-family: var(--tp-ff-space);
  font-weight: 700;
  font-size: 18px;
  color: var(--tp-common-white);
  margin-bottom: 12px;
}
.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 {
  font-family: var(--tp-ff-inter);
  font-weight: 500;
  font-size: 14px;
  line-height: 10px;
  text-transform: uppercase;
  color: var(--tp-common-black);
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.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: 0.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; /* for Chrome, Safari, and Opera */
}
.offcanvas__full.offcanvas-full-opened {
  opacity: 0.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: 0.1s;
}
.offcanvas__full.offcanvas-full-opened .offcanvas__full-menu ul li:nth-child(2) {
  transition-delay: 0.2s;
}
.offcanvas__full.offcanvas-full-opened .offcanvas__full-menu ul li:nth-child(3) {
  transition-delay: 0.3s;
}
.offcanvas__full.offcanvas-full-opened .offcanvas__full-menu ul li:nth-child(4) {
  transition-delay: 0.4s;
}
.offcanvas__full.offcanvas-full-opened .offcanvas__full-menu ul li:nth-child(5) {
  transition-delay: 0.5s;
}
.offcanvas__full.offcanvas-full-opened .offcanvas__full-menu ul li:nth-child(6) {
  transition-delay: 0.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: 0.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: 0.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 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -ms-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  -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: 0.1s;
}
.offcanvas__full-menu ul li:nth-child(2) {
  transition-delay: 0.2s;
}
.offcanvas__full-menu ul li:nth-child(3) {
  transition-delay: 0.3s;
}
.offcanvas__full-menu ul li:nth-child(4) {
  transition-delay: 0.4s;
}
.offcanvas__full-menu ul li:nth-child(5) {
  transition-delay: 0.5s;
}
.offcanvas__full-menu ul li:nth-child(6) {
  transition-delay: 0.6s;
}
.offcanvas__full-menu ul li::after {
  position: absolute;
  counter-increment: count;
  content: "0" counter(count);
  left: 0;
  top: 10px;
  color: #75757A;
  font-size: 16px;
  font-family: var(--tp-ff-inter);
  font-weight: 500;
}
[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;
  font-family: var(--tp-ff-fontawesome);
  font-weight: 500;
  font-size: 18px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
[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-size: 16px;
  font-family: var(--tp-ff-inter);
  font-weight: 500;
}
[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 {
  font-family: var(--tp-ff-inter);
  color: var(--tp-common-white);
  border: 0;
  border-color: red;
  font-size: 50px;
  font-weight: 700;
  text-transform: capitalize;
  width: inherit;
  float: none;
  padding: 0;
  padding-bottom: 20px;
  line-height: 1;
}
@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 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .offcanvas__full-footer {
    padding: 29px 20px 50px 20px;
  }
}
@media (max-width: 575px) {
  .offcanvas__full-footer {
    padding: 29px 15px 50px 15px;
  }
}
.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 {
  font-size: 16px;
  font-family: var(--tp-ff-inter);
  color: #75757A;
  display: inline-block;
  margin-right: 13px;
}
[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 0.45s ease-in-out, opacity 0.45s ease-in-out;
  -moz-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  transition: transform 0.45s ease-in-out, opacity 0.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; /* for Chrome, Safari, and Opera */
}
.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 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 0.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 CSS START
/*----------------------------------------*/
.breadcrumb__title {
  font-size: 70px;
  line-height: 1;
  letter-spacing: -0.04em;
  color: #ffffff;
  margin-bottom: 10px;
}
@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;
  font-family: var(--tp-ff-space);
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--tp-common-white);
  margin-bottom: 27px;
}
.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 {
  font-family: var(--tp-ff-space);
  font-weight: 400;
  font-size: 15px;
  line-height: 19px;
  color: var(--tp-common-black);
  display: inline-block;
}
.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-common-green);
}
.breadcrumb__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--tp-common-blue);
  opacity: 0.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: 0.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: #FFFFFF;
}
@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 {
  font-weight: 400;
  font-size: 14px;
  color: var(--tp-text-1);
  font-family: var(--tp-ff-roboto);
  display: inline-block;
}
.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;
  }
}

/*----------------------------------------*/
/*  ACCORDION CSS START
/*----------------------------------------*/
.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);
}

/*----------------------------------------*/
/*  NAV TAB CSS START
/*----------------------------------------*/
.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;
}

/*----------------------------------------*/
/*  MODAL CSS START
/*----------------------------------------*/
.search__modal .modal-dialog {
  max-width: 700px;
}
.search__modal-form {
  padding: 50px 50px 55px;
  position: relative;
}
.search__modal-box p {
  font-size: 18px;
  color: #555555;
  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;
}


/*----------------------------------------*/
/*  SECTION TITLE CSS START
/*----------------------------------------*/
.section__title {
  font-size: 70px;
  color: #122243;
  font-weight: var(--tp-fw-bold);
  line-height: 1;
  font-family: var(--tp-ff-space);
  letter-spacing: -0.04em;
}
@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: #006c63;
  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: 0.2;
  stroke-dasharray: 800;
  stroke-dashoffset: 800;
  -moz-animation: section-highlight 1s ease-in-out 0.3s forwards;
  -webkit-animation: section-highlight 1s ease-in-out 0.3s forwards;
  animation: section-highlight 1s ease-in-out 0.3s forwards;
}
.section__title-pre {
  font-size: 12px;
  font-weight: var(--tp-fw-bold);
  color: var(--tp-common-black);
  display: inline-block;
  text-transform: uppercase;
  padding-left: 13px;
  position: relative;
  font-family: var(--tp-ff-space);
  letter-spacing: 1px;
}
.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-common-green);
  -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 {
  font-size: 60px;
  font-weight: 600;
  font-family: var(--tp-ff-oswald);
  text-transform: capitalize;
  color: var(--tp-common-black);
}
@media (max-width: 575px) {
  .section__title-2 {
    font-size: 40px;
  }
}
.section__title-pre-2 {
  font-size: 110px;
  font-weight: 600;
  color: var(--tp-text-5);
  position: absolute;
  top: -40px;
  line-height: 1;
  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-family: 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 {
  font-size: 16px;
  font-family: var(--tp-ff-inter);
  color: var(--tp-text-6);
}

.section__title-3 {
  font-size: 60px;
  font-weight: 700;
  font-family: var(--tp-ff-space);
  text-transform: capitalize;
  color: var(--tp-common-white);
  letter-spacing: -0.04em;
  line-height: 1;
}
@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: 0.96;
}
@media (max-width: 575px) {
  .section__title-3-2 {
    font-size: 35px;
  }
}
.section__title-pre-3 {
  font-size: 12px;
  font-weight: 500;
  color: var(--tp-common-white);
  text-transform: uppercase;
  font-family: var(--tp-ff-space);
  opacity: 0.6;
  display: inline-block;
  margin-bottom: 10px;
  position: relative;
  padding-right: 20px;
}
[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, #FFFFFF 0%, rgba(255, 255, 255, 0) 100.5%);
  background-image: -moz-linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100.5%);
  background-image: -ms-linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100.5%);
  background-image: -o-linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100.5%);
  background-image: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100.5%);
  opacity: 0.3;
}
[dir=rtl] .section__title-pre-3::after {
  left: auto;
  right: 100%;
  background-image: -webkit-linear-gradient(-90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100.5%);
  background-image: -moz-linear-gradient(-90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100.5%);
  background-image: -ms-linear-gradient(-90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100.5%);
  background-image: -o-linear-gradient(-90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100.5%);
  background-image: linear-gradient(-90deg, #FFFFFF 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: 0.3;
  background-image: -webkit-linear-gradient(-90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100.5%);
  background-image: -moz-linear-gradient(-90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100.5%);
  background-image: -ms-linear-gradient(-90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100.5%);
  background-image: -o-linear-gradient(-90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100.5%);
  background-image: linear-gradient(-90deg, #FFFFFF 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, #FFFFFF 0%, rgba(255, 255, 255, 0) 100.5%);
  background-image: -moz-linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100.5%);
  background-image: -ms-linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100.5%);
  background-image: -o-linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100.5%);
  background-image: linear-gradient(90deg, #FFFFFF 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 {
  font-size: 60px;
  font-weight: 700;
  font-family: var(--tp-ff-space);
  color: var(--tp-common-black-solid);
  letter-spacing: -0.04em;
  line-height: 1;
}
@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 {
  font-size: 50px;
  font-family: var(--tp-ff-space);
  color: var(--tp-common-black-solid);
  letter-spacing: -0.04em;
  line-height: 1;
}
@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 {
  font-size: 14px;
  font-weight: 700;
  color: var(--tp-theme-4);
  text-transform: uppercase;
  font-family: var(--tp-ff-space);
  display: inline-block;
  margin-bottom: 10px;
  position: relative;
  letter-spacing: 0.1em;
}
.section__title-pre-4-white {
  color: var(--tp-common-white);
}

.section__title-5 {
  font-family: var(--tp-ff-space);
  font-size: 60px;
  line-height: 1;
  letter-spacing: -0.04em;
  color: var(--tp-common-black);
}
@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 {
  font-family: var(--tp-ff-inter);
  font-weight: 200;
  font-size: 50px;
  letter-spacing: -0.04em;
  text-transform: uppercase;
}
@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;
  font-family: var(--tp-ff-space);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tp-theme-5);
}

.section__title-wrapper-6 > p {
  font-size: 16px;
  line-height: 24px;
  color: var(--tp-text-18);
  font-family: 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 {
  font-size: 46px;
  color: var(--tp-common-black);
  font-weight: var(--tp-fw-bold);
  line-height: 1;
  font-family: 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-common-green);
  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: 0.2;
  stroke-dasharray: 800;
  stroke-dashoffset: 800;
  -moz-animation: section-highlight 1s ease-in-out 0.3s forwards;
  -webkit-animation: section-highlight 1s ease-in-out 0.3s forwards;
  animation: section-highlight 1s ease-in-out 0.3s forwards;
}

.section__title-wrapper-7 {
  position: relative;
  z-index: 1;
}
.section__title-wrapper-7 > p {
  font-family: var(--tp-ff-inter);
  font-size: 20px;
  line-height: 1.5;
  color: var(--tp-text-1);
}
@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 {
  font-size: 60px;
  color: var(--tp-common-black);
  font-weight: var(--tp-fw-bold);
  line-height: 1.1;
  font-family: var(--tp-ff-play);
  margin-bottom: 25px;
}
@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 0.3s forwards;
  -webkit-animation: section-highlight-4 1s ease-in-out 0.3s forwards;
  animation: section-highlight-4 1s ease-in-out 0.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-green);
  fill: var(--tp-common-green);
  stroke-dasharray: 560;
  stroke-dashoffset: 560;
  animation: section_stroke 3s linear forwards infinite, section_stroke_fill 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.5s forwards;
  -webkit-animation: section_stroke 3s linear forwards infinite, section_stroke_fill 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.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 {
  font-family: var(--tp-ff-inter);
  font-weight: 500;
  font-size: 18px;
  color: var(--tp-theme-7);
  margin-bottom: 7px;
  display: inline-block;
}

.section__title-wrapper-8 {
  position: relative;
  z-index: 1;
}
.section__title-wrapper-8 p {
  font-family: "Sarabun", Sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: rgb(0 0 0 / 70%);
}
.section__title-8 {
  font-family: "Sarabun", Sans-serif;
  font-weight: 700;
  font-size: 70px;
  line-height: 1;
  letter-spacing: -0.04em;
  color: #122243;
}
@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-common-green);
  stroke-width: 6;
}
.section__title-pre-8 {
  font-family: var(--tp-ff-space);
  font-weight: 500;
  font-size: 18px;
  color: var(--tp-common-green);
  display: inline-block;
  margin-bottom: 10px;
}

.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 {
  font-family: var(--tp-ff-space);
  font-size: 16px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.7);
}
.section__title-9 {
  font-family: var(--tp-ff-syne);
  font-weight: 700;
  font-size: 80px;
  line-height: 1;
  letter-spacing: -0.04em;
  color: var(--tp-common-black);
}
@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;
  font-family: var(--tp-ff-syne);
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  color: var(--tp-common-black);
  position: relative;
  padding-left: 13px;
}
[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%);
}
[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-family: var(--tp-ff-space);
  font-size: 16px;
  line-height: 1.5;
}
.section__title-wrapper-10.is-white .section__title-10 {
  color: var(--tp-common-white);
}
.section__title-10 {
  font-family: var(--tp-ff-space);
  font-weight: 700;
  font-size: 60px;
  line-height: 1;
  letter-spacing: -0.04em;
  color: var(--tp-common-black);
}
@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;
  font-family: var(--tp-ff-space);
  font-weight: 500;
  font-size: 18px;
  color: var(--tp-common-orange-4);
  margin-bottom: 6px;
}

.section__title-wrapper-11 {
  position: relative;
  z-index: 1;
}
.section__title-wrapper-11 p {
  font-family: var(--tp-ff-syne);
  font-size: 16px;
  line-height: 1.5;
}
.section__title-wrapper-11.is-white .section__title-10 {
  color: var(--tp-common-white);
}
.section__title-11 {
  font-family: var(--tp-ff-rajdhani);
  font-size: 70px;
  line-height: 1;
  letter-spacing: -0.02em;
}
@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;
  font-family: var(--tp-ff-syne);
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--tp-common-black-15);
  padding-left: 11px;
  position: relative;
}
.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 {
  font-family: var(--tp-ff-roboto);
  font-size: 30px;
  line-height: 1;
  position: relative;
  padding-left: 16px;
}
[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 {
  font-family: var(--tp-ff-space);
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--tp-theme-1);
}
.tp-section-subtitle-2 {
  display: inline-block;
  font-family: var(--tp-ff-space);
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.04em;
  color: var(--tp-common-black);
}
.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 {
  font-family: var(--tp-ff-space);
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.04em;
  color: var(--tp-common-black);
  text-transform: uppercase;
}
.tp-section-subtitle-5 {
  display: inline-block;
  font-family: var(--tp-ff-space);
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--tp-common-purple);
  background-color: rgba(99, 100, 219, 0.06);
  padding: 10px 20px;
  margin-bottom: 17px;
}
.tp-section-title {
  font-size: 34px;
  line-height: 1;
  letter-spacing: -0.04em;
}
.tp-section-title-2 {
  font-family: var(--tp-ff-space);
  font-weight: 700;
  font-size: 60px;
  line-height: 1;
  letter-spacing: -0.04em;
  color: var(--tp-common-black);
  margin-bottom: 25px;
}
@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: -0.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: -0.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: -0.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%;
  }
}
/*----------------------------------------*/
/*  02. LOGO CSS START
/*----------------------------------------*/
/* logo css */
.logo .logo-dark {
  display: none;
}

.logo-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.logo-border {
  position: relative;
  padding: 8px 0;
}
.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 {
  right: auto;
  left: 23%;
}
@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;
  }
}

/*----------------------------------------*/
/*  03. HEADER CSS START
/*----------------------------------------*/
.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: 0px 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-top: 20px;
    padding-bottom: 20px;
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header__bottom-8 {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 575px) {
  .header__bottom-8 {
    padding-top: 20px;
    padding-bottom: 20px;
    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) {
  .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-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.header__bottom-12 {
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 25px;
  padding-bottom: 25px;
}
@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 {
  right: auto;
  left: 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 {
  font-family: var(--tp-ff-space);
  font-weight: 500;
  font-size: 16px;
  color: #FFFFFF;
}
.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 {
  font-family: var(--tp-ff-space);
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  color: rgba(255, 255, 255, 0.8);
}
.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 {
  font-family: var(--tp-ff-syne);
  color: var(--tp-common-black);
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}
.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 {
  font-family: var(--tp-ff-inter);
  color: var(--tp-common-white);
  font-size: 16px;
  font-weight: 500;
}
.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: 0px 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-common-green);
}
.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 0s normal none 1 running fadeInDown;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-box-shadow: 0px 4px 10px rgba(3, 4, 28, 0.1);
  box-shadow: 0px 4px 10px rgba(3, 4, 28, 0.1);
  background: var(--tp-common-white);
  /* logo change on sticky active */
  /* header border */
  /* for white header sticky */
  /* for header sticky home 4 lawyer */
  /* menu css on sticky active */
  /* menu css for home 4 lawyer */
  /* menu css for home 5 */
  /* menu css for home 6 */
  /* menu css for home 7 */
  /* menu css for home 8 */
  /* menu css for home 8 */
  /* menu css for home 8 */
}
.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: 0px 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);
  /* menu css for home 8 */
}
.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-common-green);
}
.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-common-green);
}
.header__sticky.header-sticky .main-menu-10 ul li:hover > a::after {
  color: var(--tp-common-green);
}
.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-size: 14px;
  font-family: var(--tp-ff-fontawesome);
}
[dir=rtl] .header__lang-selected-lang::after {
  right: auto;
  left: -15px;
}
.header__lang-list {
  position: absolute;
  top: 120%;
  right: 0;
  background-color: var(--tp-common-white);
  z-index: 11;
  padding: 15px 15px;
  min-width: 100px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -ms-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
[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-common-green);
}
.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 {
  font-family: var(--tp-ff-inter);
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  color: var(--tp-common-white);
}
.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: 0.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-top: 20px;
    padding-bottom: 20px;
    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) {
  .header__padding-7 {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 575px) {
  .header__padding-7 {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 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-size: 13px;
  font-weight: 500;
  font-family: var(--tp-ff-space);
  line-height: 1.3;
}
.header__call-content h4 {
  font-family: var(--tp-ff-inter);
  font-weight: 600;
  font-size: 15px;
  letter-spacing: -0.02em;
  margin-bottom: 0;
}
.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: 0px 1px 3px rgba(3, 4, 28, 0.12);
  background-color: #152842;
  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: #ffffff;
  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: -5px;
  height: 116%;
}
.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: 20px;
}
.header__white-solid .header__info ul li::after {
  background-color: #EAEAEF;
}
.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: 0px 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: 0px 1px 3px rgba(3, 4, 28, 0.12);
}

/*----------------------------------------*/
/*  04. MENU CSS START
/*----------------------------------------*/
[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;
  /* submenu css start */
  /* mega menu start */
}
[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);
  font-size: 14px;
  color: var(--tp-common-white);
  font-family: var(--tp-ff-fontawesome);
  font-weight: 400;
  margin-left: 5px;
  display: inline-block;
}
[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: 0px 20px 30px rgba(3, 4, 28, 0.1);
  -moz-box-shadow: 0px 20px 30px rgba(3, 4, 28, 0.1);
  -ms-box-shadow: 0px 20px 30px rgba(3, 4, 28, 0.1);
  -o-box-shadow: 0px 20px 30px rgba(3, 4, 28, 0.1);
  box-shadow: 0px 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: #FFFFFF;
  box-shadow: 0px 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: 0.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-size: 15px;
  font-family: 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-size: 16px;
  font-weight: 500;
  font-family: 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 {
  font-family: var(--tp-ff-syne);
  font-weight: 500;
  font-size: 16px;
  color: rgba(5, 18, 20, 0.8);
  padding: 30px 0;
}
.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: 0px;
}
[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: 15px;
  }
  [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: white;
}
.main-menu-10 ul li .submenu li a::before {
  right: auto;
  left: 25px;
  background-color: var(--tp-common-green);
}
[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-common-green);
}
.main-menu-10 ul li .submenu li:hover > a::after {
  color: var(--tp-common-green);
}
.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-common-green);
}
.main-menu-10 ul li .mega-menu li ul li:hover > a::before {
  background-color: var(--tp-common-green);
}
.main-menu-10 ul li .mega-menu li:hover > .mega-menu-title {
  color: var(--tp-common-green);
}
.main-menu-10 ul li:hover > a {
  color: var(--tp-common-green);
}
.main-menu-10 ul li:hover > a::after {
  color: var(--tp-common-green);
}
.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-common-green);
}
[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-common-green);
}
.main-menu-11 ul li .submenu li:hover > a::after {
  color: var(--tp-common-green);
}
.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-common-green);
}
[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-common-green);
}
.main-menu-12 ul li .submenu li:hover > a::after {
  color: var(--tp-common-green);
}
.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-common-green);
}
.main-menu-12 ul li .mega-menu li ul li:hover > a::before {
  background-color: var(--tp-common-green);
}
.main-menu-12 ul li .mega-menu li:hover > .mega-menu-title {
  color: var(--tp-common-green);
}
.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;
}

/*----------------------------------------*/
/*  05. MEAN MENU CSS START
/*----------------------------------------*/
/* mean menu customize */
.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);
}

/*----------------------------------------*/
/*  06. SLIDER CSS START
/*----------------------------------------*/
.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: 0.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: 0.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 0.1s ease-out 0s;
  -moz-transition: all 0.1s ease-out 0s;
  -ms-transition: all 0.1s ease-out 0s;
  -o-transition: all 0.1s ease-out 0s;
  transition: all 0.1s ease-out 0s;
}
.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, #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%);
  -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: 0s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.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: 0.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: 0.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: 0.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: 0s;
}
[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: 0.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: 0.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%;
}
.slider__bg-10 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-blend-mode: luminosity;
  opacity: 0.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 {
  font-family: var(--tp-ff-rajdhani);
  font-weight: 700;
  font-size: 208px;
  line-height: 0.58;
  text-transform: uppercase;
  color: #CFD3AD;
  text-shadow: 0px 2px 2px rgba(10, 54, 64, 0.06);
  animation-delay: 0.5s;
  animation-duration: 1s;
}
.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 {
  font-size: 100px;
  color: var(--tp-common-white);
  font-weight: var(--tp-fw-bold);
  line-height: 1;
  font-family: var(--tp-ff-space);
  letter-spacing: -3px;
  margin-bottom: 28px;
  animation-delay: 0.5s;
  animation-duration: 1s;
  /* index 2 title css */
  /* index 3 title css */
  /* index 4 title css */
  /* index 5 title css */
  /* index 6 title css */
  /* index 7 title css*/
  /* index 8 title css*/
  /* index 9 title css*/
  /* index 10 title css*/
}
@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 {
  font-size: 100px;
  font-weight: 600;
  text-transform: uppercase;
  font-family: var(--tp-ff-oswald);
  line-height: 1.05;
  margin-bottom: 52px;
  letter-spacing: -0.02em;
}
@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: -0.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 {
  font-size: 80px;
  line-height: 1;
  color: var(--tp-common-white);
  text-transform: capitalize;
  margin-bottom: 10px;
  letter-spacing: -0.02em;
  font-family: 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 {
  font-family: var(--tp-ff-space);
  font-weight: 700;
  font-size: 86px;
  line-height: 1;
  letter-spacing: -0.04em;
  margin-bottom: 20px;
}
@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-weight: 800;
  font-size: 80px;
  line-height: 1.05;
  font-family: 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 {
  font-family: var(--tp-ff-play);
  font-weight: 700;
  font-size: 80px;
  line-height: 1.12;
  color: var(--tp-common-black-11);
  margin-bottom: 20px;
}
@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-green);
  fill: var(--tp-common-green);
  stroke-dasharray: 800;
  stroke-dashoffset: 800;
}
.slider__title-8 {
  font-weight: 700;
  font-size: 80px;
  line-height: 1.12;
  letter-spacing: -0.04em;
  color: var(--tp-common-white);
  margin-bottom: 13px;
  animation-delay: 0.3s;
  animation-duration: 1s;
}
@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 {
  font-family: var(--tp-ff-syne);
  font-weight: 700;
  font-size: 80px;
  line-height: 1;
  letter-spacing: -0.04em;
  color: var(--tp-common-black);
  margin-bottom: 20px;
}
@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: -0.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 {
  font-family: var(--tp-ff-rajdhani);
  font-size: 120px;
  line-height: 0.92;
  letter-spacing: -0.04em;
  color: var(--tp-common-black);
  animation-delay: 0.3s;
  animation-duration: 1s;
}
@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 {
  font-family: var(--tp-ff-inter);
  font-weight: 700;
  font-size: 180px;
  line-height: 1.1;
  letter-spacing: 0.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);
}
@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 {
  font-family: var(--tp-ff-roboto);
  font-weight: 500;
  font-size: 80px;
  line-height: 1.05;
  letter-spacing: -0.01em;
  margin-bottom: 45px;
  animation-delay: 0.5s;
  animation-duration: 1s;
}
@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 {
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-common-white);
  display: inline-block;
  margin-bottom: 5px;
  text-transform: uppercase;
  letter-spacing: 8px;
  font-family: var(--tp-ff-space);
  animation-delay: 0.3s;
  animation-duration: 1s;
  /* index 2 title css */
  /* index 3 title css */
  /* index 4 title css */
  /* index 5 title css */
  /* index 6 title css */
  /* index 9 title css */
  /* index 10 title css */
}
.slider__title-pre-2 {
  font-size: 28px;
  font-family: var(--tp-ff-oswald);
  position: relative;
  color: var(--tp-common-black);
  display: inline-block;
  margin-bottom: 25px;
}
.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 {
  font-family: var(--tp-ff-space);
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 5px;
  letter-spacing: 0.1em;
}
.slider__title-pre-4 {
  display: inline-block;
  color: var(--tp-common-white);
  font-size: 16px;
  font-weight: 500;
  font-family: var(--tp-ff-space);
  letter-spacing: 0.5em;
  text-transform: uppercase;
  margin-bottom: 3px;
}
.slider__title-pre-5 {
  display: inline-block;
  font-family: var(--tp-ff-space);
  font-weight: 500;
  font-size: 15px;
  color: #4353FF;
  background-color: #EEEFFF;
  padding: 2px 20px;
  border-radius: 20px;
  margin-bottom: 10px;
}
.slider__title-pre-6 {
  display: inline-block;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.2em;
  color: var(--tp-theme-6);
  font-family: var(--tp-ff-roboto);
}
.slider__title-pre-9 {
  display: inline-block;
  font-family: var(--tp-ff-syne);
  font-weight: 500;
  font-size: 18px;
  color: var(--tp-common-black);
  position: relative;
  padding-left: 14px;
}
[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(66.87deg, #FF91FA -31.45%, #FA6490 44.59%, #F7D86A 126.96%);
  background-image: -moz-linear-gradient(66.87deg, #FF91FA -31.45%, #FA6490 44.59%, #F7D86A 126.96%);
  background-image: -ms-linear-gradient(66.87deg, #FF91FA -31.45%, #FA6490 44.59%, #F7D86A 126.96%);
  background-image: -o-linear-gradient(66.87deg, #FF91FA -31.45%, #FA6490 44.59%, #F7D86A 126.96%);
  background-image: linear-gradient(66.87deg, #FF91FA -31.45%, #FA6490 44.59%, #F7D86A 126.96%);
}
[dir=rtl] .slider__title-pre-9::after {
  left: auto;
  right: 0;
}
.slider__title-pre-10 {
  display: inline-block;
  font-family: var(--tp-ff-space);
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  color: var(--tp-common-white);
  margin-bottom: 14px;
}
.slider__title-pre-13 {
  font-family: var(--tp-ff-roboto);
  font-size: 16px;
  letter-spacing: 0.03em;
  color: var(--tp-text-1);
  position: relative;
  padding-left: 13px;
  display: inline-block;
  line-height: 1.12;
  margin-bottom: 11px;
  animation-delay: 0.3s;
  animation-duration: 1s;
}
[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: 0.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: 0.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 {
  font-size: 18px;
  line-height: 28px;
  color: var(--tp-common-black-10);
  margin-bottom: 40px;
  padding-right: 40px;
  font-family: 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 {
  font-family: var(--tp-ff-inter);
  font-size: 20px;
  line-height: 1.6;
  color: #525258;
  margin-bottom: 27px;
}
@media (max-width: 575px) {
  .slider__content-7 > p {
    font-size: 17px;
  }
}
.slider__content-8 {
  margin-top: 5px;
}
.slider__content-8 > p {
  font-family: var(--tp-ff-space);
  font-size: 18px;
  line-height: 1.56;
  color: var(--tp-common-white);
  margin-bottom: 40px;
  padding-right: 280px;
  animation-delay: 0.5s;
  animation-duration: 1s;
}
[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 {
  font-family: var(--tp-ff-syne);
  font-weight: 400;
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 40px;
  padding-right: 140px;
}
[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 {
  font-family: var(--tp-ff-space);
  font-size: 18px;
  line-height: 1.11;
  letter-spacing: -0.02em;
  color: var(--tp-common-white);
  margin-bottom: 45px;
}
@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 {
  font-family: var(--tp-ff-rajdhani);
  font-size: 18px;
  line-height: 1.11;
  letter-spacing: -0.02em;
  color: var(--tp-common-white);
  margin-bottom: 45px;
  animation-delay: 0.6s;
  animation-duration: 1s;
}
.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: 0.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 {
  font-family: var(--tp-ff-inter);
  font-weight: 600;
  font-size: 18px;
  line-height: 1.11;
  letter-spacing: 0.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;
}
@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);
  font-size: 14px;
  font-weight: 500;
  font-family: var(--tp-ff-roboto);
  padding: 7px 33px;
}
.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: 0.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;
  line-height: 70px;
  font-size: 14px;
  font-weight: 400;
  color: var(--tp-common-black);
  border: 0;
  outline: 0;
  padding: 0 26px;
  border-right: 1px solid var(--tp-border-2);
  font-family: var(--tp-ff-space);
  background-color: var(--tp-common-white);
}
[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;
  font-family: var(--tp-ff-space);
  color: var(--tp-common-black);
  font-size: 14px;
  border: 0;
  padding-left: 26px;
  padding-right: 50px;
  font-weight: 500;
}
[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 {
  font-size: 15px;
  text-transform: uppercase;
  font-family: var(--tp-ff-oswald);
  display: inline-block;
  margin-right: 5px;
}
[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 {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 12px;
  font-family: var(--tp-ff-inter);
  color: var(--tp-common-black-3);
  margin-bottom: 0;
}
[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 {
  font-family: var(--tp-ff-space);
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0.5em;
  text-transform: uppercase;
  color: #FFFFFF;
  opacity: 0.7;
}
[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: 0.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: 0.7s;
  animation-duration: 1s;
}
.slider__btn-8 .tp-style-border {
  border: 2px solid var(--tp-common-green);
  padding: 11px 41px 13px;
}
.slider__btn-8 .tp-style-border:hover {
  color: var(--tp-common-green);
  border-color: rgba(255, 255, 255,);
  background-color: transparent;
}
.slider__btn-11 {
  animation-delay: 0.9s;
  animation-duration: 1s;
}
.slider__btn-13 {
  animation-delay: 0.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 {
  font-size: 12px;
  font-weight: 500;
  color: var(--tp-common-black-9);
  line-height: 14px;
  margin-bottom: 0;
  margin-left: 10px;
  font-family: 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: 0px 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: 0px 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 {
  font-family: var(--tp-ff-inter);
  font-size: 15px;
  color: var(--tp-text-22);
}
.slider__subscribe-input input:-moz-placeholder {
  font-family: var(--tp-ff-inter);
  font-size: 15px;
  color: var(--tp-text-22);
}
.slider__subscribe-input input::-moz-placeholder {
  font-family: var(--tp-ff-inter);
  font-size: 15px;
  color: var(--tp-text-22);
}
.slider__subscribe-input input:-ms-input-placeholder {
  font-family: var(--tp-ff-inter);
  font-size: 15px;
  color: var(--tp-text-22);
}
.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: 0px 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;
  font-family: var(--tp-ff-space);
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  -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;
}
[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 {
  font-family: var(--tp-ff-syne);
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: var(--tp-common-black);
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 15px;
}
[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 {
  font-family: var(--tp-ff-inter);
  font-weight: 500;
  font-size: 16px;
  color: var(--tp-common-white);
  margin-right: 3px;
}
[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;
  font-family: var(--tp-ff-space);
  font-weight: 700;
  font-size: 18px;
  color: #FFFFFF;
  margin-bottom: 2px;
  animation-delay: 0.2s;
  animation-duration: 0.5s;
}
.slider__nav-content .slider-nav-title {
  font-family: var(--tp-ff-space);
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.04em;
  color: var(--tp-common-white);
  animation-delay: 0.4s;
  animation-duration: 0.5s;
}
.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: 0.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: 0.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: 0.6s;
  animation-duration: 1s;
}
.slider__product-price {
  font-family: var(--tp-ff-rajdhani);
  font-weight: 700;
  font-size: 40px;
  line-height: 1;
  letter-spacing: -0.04em;
  color: var(--tp-common-yellow-4);
  position: relative;
}
.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: 0px 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: 0s;
}
.slider__product-tooltip .tp-tooltip-circle .tp-tooltip-effect-2 {
  animation-delay: 0.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 {
  font-family: var(--tp-ff-syne);
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
  margin-bottom: 3px;
  text-align: center;
  color: var(--tp-common-black-15);
}
.slider__product-tooltip .tp-tooltip-content p {
  font-family: var(--tp-ff-syne);
  font-size: 15px;
  letter-spacing: 0.04em;
  color: #4E5657;
  line-height: 1;
  margin-bottom: 0;
}
.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%);
  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);
}

.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;
  font-family: var(--tp-ff-space);
  font-weight: 700;
  font-size: 15px;
  line-height: 19px;
  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 0.2s ease;
}
[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);
}