/*
Theme Name: Xports 
Author: Gramentheme
Author URI: https://themeforest.net/user/Gramentheme/portfolio
Description: Xports - Gaming and eSports Theme HTML Template
Service Html Template 
Version: 1.0.0
*/
/*CSS Table Of Content Ends Here*/
/*
--------------------------------------------------------------
[Table of Contents]
--------------------------------------------------------------
01. Variables & Mixins
02. Typography
03. Buttons
04. About 
05. Animation 
06. Brand 
07. Contact
08. Cta
09. Event
10. Faq
11. Feature
12. Footer
13. Header
14. Helping
15. Hero
16. Marquee
17. Meanmenu
18. News
19. Preloader
20. Pricing
21. Section
22. Service
23. Speaker
24. Sponsor
25. Testimonial

--------------------------------------------------------------
*/
/* ProShow (entrega 21): la letra Sora ya no se pide a Google Fonts; va en el
   mismo servidor (assets/webfonts/sora-latin-variable.woff2, licencia libre
   SIL OFL en sora-OFL.txt). Se quitaron también Yellowtail y Roboto Serif,
   que la página no usa. Antes eran 4 @import que frenaban la primera
   pintada de la página. */
@font-face {
  font-family: "Sora";
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url("../webfonts/sora-latin-variable.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  --gt-body: #fff;
  --gt-black: #000;
  --gt-white: #fff;
  --gt-theme: #1539EE;
  --gt-theme-2: #7A73D1;
  --gt-theme-3: #9900FF;
  --gt-theme-4: #FFFF00;
  --gt-header: #11112C;
  --gt-text: #11112C;
  --gt-text-2: #211C84;
  --gt-border: #00000026;
  --gt-bg: #FCFCFC;
  --gt-bg-2: #F2F2F2;
  --gt-box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.13);
}

.gt-theme-btn {
  font-size: 17px;
  font-weight: 600;
  font-family: "Sora";
  text-transform: capitalize;
  color: var(--gt-white);
  display: inline-block;
  text-align: center;
  min-width: 170px;
  overflow: hidden;
  border-radius: 100px;
  padding: 16px 25px;
  background-size: 200% auto;
  background-image: linear-gradient(to right, #1539EE 0%, #ffabf4 50%, #1539EE 100%);
  border-radius: 100px;
  transition: 0.5s;
}
@media (max-width: 575px) {
  .gt-theme-btn {
    padding: 14px 25px;
  }
}
.gt-theme-btn i {
  color: var(--gt-theme);
  transform: rotate(45deg);
  margin-right: 10px;
}
.gt-theme-btn.gt-style-2 {
  background-image: none;
  border: 1px solid rgba(21, 57, 238, 0.2);
  color: var(--gt-theme);
  transition: all 0.4s ease-in-out;
}
.gt-theme-btn.gt-theme-btn-3 {
  background-image: linear-gradient(to right, #90F 0%, #FFF600 50%, #90F 100%);
  padding: 14px 25px;
  text-transform: uppercase;
}
.gt-theme-btn.gt-theme-btn-3 i {
  color: var(--gt-white);
}
.gt-theme-btn.style-5 {
  background-image: linear-gradient(to right, #90C 0%, #FF1ABC 50%, #90C 100%);
}
.gt-theme-btn.style-5 i {
  color: var(--gt-white);
}
.gt-theme-btn:hover {
  background-position: right center;
}
.gt-theme-btn:hover.gt-style-2 {
  background-image: linear-gradient(to right, #2ADDC8 0%, #1539EE 50%, #2ADDC8 100%);
  color: var(--gt-white);
  border: 1px solid transparent;
}
.gt-theme-btn:hover.gt-style-2 i {
  color: var(--gt-white);
}
.gt-theme-btn.gt-theme-btn-2 {
  background-image: linear-gradient(to right, #211C84 0%, #7A73D1 50%, #211C84 100%);
  border-radius: 6px;
  padding: 12px 25px;
}
.gt-theme-btn.gt-theme-btn-2 i {
  transform: rotate(0);
  color: var(--gt-white);
}
.gt-theme-btn.gt-theme-btn-2.gt-border-btn {
  border: 1px solid #4D55CC;
  background-image: none;
  color: #4D55CC;
}
.gt-theme-btn.gt-theme-btn-2.gt-border-btn i {
  margin-right: 10px;
  color: #4D55CC;
  transform: rotate(0);
}
.gt-theme-btn.gt-theme-btn-2.gt-border-btn:hover {
  background-color: #4D55CC;
  color: var(--gt-white);
}
.gt-theme-btn.gt-theme-btn-2.gt-border-btn:hover i {
  color: var(--gt-white);
}

.gt-link-btn .gt-icon-btn {
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  border-radius: 100px;
  border: 1px solid rgba(77, 85, 204, 0.2);
  color: var(--gt-theme);
  margin-right: 5px;
  display: inline-block;
  font-size: 17px;
  transition: all 0.4s ease-in-out;
}
.gt-link-btn .gt-radius-btn {
  font-size: 16px;
  font-weight: 700;
  color: var(--gt-theme);
  padding: 12px 20px;
  letter-spacing: 0.5px;
  font-family: Sora;
  border-radius: 100px;
  border: 1px solid rgba(77, 85, 204, 0.2);
  line-height: 1;
  transition: all 0.4s ease-in-out;
}
.gt-link-btn:hover .gt-icon-btn,
.gt-link-btn:hover .gt-radius-btn {
  background-color: var(--gt-theme);
  color: var(--gt-white);
}

.gt-links-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #4D55CC;
  overflow: hidden;
  transition: 700ms;
  position: relative;
  vertical-align: middle;
  border: none;
  outline: none !important;
  z-index: 1;
}
.gt-links-btn .gt-text-btn {
  font-size: 16px;
  font-weight: 700;
  font-family: "Sora", sans-serif;
  background-color: var(--gt-white);
  border-radius: 6px;
  border: 1px solid rgba(77, 85, 204, 0.2);
  line-height: 1;
  padding: 14px 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  transition: all 700ms ease;
  text-transform: uppercase;
  z-index: 99;
}
.gt-links-btn .gt-text-btn .gt-text-2 {
  display: inline-block;
}
.gt-links-btn .gt-text-btn::after {
  content: "";
  width: 0%;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: var(--gt-theme-2);
  z-index: -1;
  transition: all 500ms ease;
}
.gt-links-btn .gt-icon-btn {
  background-color: var(--gt-white);
  line-height: 1;
  padding: 12px 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  transition: all 500ms ease;
  z-index: 99;
  font-size: 18px;
  border-radius: 6px;
  border: 1px solid rgba(77, 85, 204, 0.2);
}
.gt-links-btn .gt-icon-btn::after {
  content: "";
  width: 0%;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: var(--gt-theme-2);
  z-index: -1;
  transition: all 500ms ease;
}
.gt-links-btn .gt-icon-btn i {
  display: inline-block;
}
.gt-links-btn:hover .gt-text-btn {
  color: var(--gt-white);
}
.gt-links-btn:hover .gt-text-btn .gt-text-2 {
  animation: slideRight 600ms;
}
.gt-links-btn:hover .gt-text-btn::after {
  width: 100%;
  left: 0px;
}
.gt-links-btn:hover .gt-icon-btn {
  color: var(--gt-white);
}
.gt-links-btn:hover .gt-icon-btn::after {
  width: 100%;
  left: 0px;
}
.gt-links-btn:hover .gt-icon-btn i {
  animation: slideRight 500ms;
}

.gt-link-btn-3 {
  border-radius: 20px 20px 0px 0px;
  background: var(--gt-white);
  padding: 9px 20px;
  color: var(--gt-theme-2);
  color: #4D55CC;
  font-family: "Sora", sans-serif;
  transition: all 0.4s ease-in-out;
}
.gt-link-btn-3 i {
  color: #4D55CC;
  margin-right: 10px;
  transform: rotate(-45deg);
  transition: all 0.4s ease-in-out;
}
.gt-link-btn-3:hover {
  background-color: #4D55CC;
  color: var(--gt-white);
}
.gt-link-btn-3:hover i {
  color: var(--gt-white);
  transform: rotate(0);
}

/* --------------------------------------------
    Template Default Fonts & Fonts Styles
 ---------------------------------------------- */
body {
  font-family: "Sora", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  color: var(--gt-text);
  background-color: var(--gt-white);
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  text-transform: capitalize;
}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

button {
  border: none;
  background-color: transparent;
  padding: 0;
}

input:focus {
  color: var(--gt-white);
  outline: none;
}

input {
  color: var(--gt-white);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Sora", sans-serif;
  margin: 0px;
  padding: 0;
  color: var(--gt-header);
  transition: all 0.4s ease-in-out;
  text-transform: capitalize;
}

h1 {
  font-size: 96px;
  font-weight: 800;
  line-height: 100%;
}
@media (max-width: 1600px) {
  h1 {
    font-size: 70px;
  }
}
@media (max-width: 1399px) {
  h1 {
    font-size: 60px;
  }
}
@media (max-width: 1199px) {
  h1 {
    font-size: 55px;
  }
}
@media (max-width: 991px) {
  h1 {
    font-size: 65px;
  }
}
@media (max-width: 767px) {
  h1 {
    font-size: 55px;
  }
}
@media (max-width: 575px) {
  h1 {
    font-size: 43px;
  }
}
@media (max-width: 470px) {
  h1 {
    font-size: 32px;
  }
}

h2 {
  font-size: 50px;
  font-weight: 700;
  line-height: 140%;
}
@media (max-width: 1399px) {
  h2 {
    font-size: 50px;
  }
}
@media (max-width: 1199px) {
  h2 {
    font-size: 40px;
  }
}
@media (max-width: 991px) {
  h2 {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  h2 {
    font-size: 35px;
  }
}
@media (max-width: 575px) {
  h2 {
    font-size: 30px;
  }
}
@media (max-width: 470px) {
  h2 {
    font-size: 25px;
  }
}

h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}
@media (max-width: 1199px) {
  h3 {
    font-size: 20px;
  }
}

h4 {
  font-size: 20px;
  font-weight: 600;
  line-height: 144%;
}
@media (max-width: 1199px) {
  h4 {
    font-size: 20px;
  }
}

h5 {
  font-size: 18px;
  font-weight: 600;
  line-height: 144%;
}

h6 {
  font-size: 16px;
  font-weight: 600;
}

a {
  text-decoration: none;
  outline: none !important;
  cursor: pointer;
  color: var(--gt-header);
  transition: all 0.4s ease-in-out;
}

p {
  margin: 0px;
  transition: all 0.4s ease-in-out;
}

span {
  margin: 0px;
}

.gt-about-wrapper-3 .gt-about-image {
  max-width: 668px;
  z-index: 9;
}
.gt-about-wrapper-3 .gt-about-image img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.gt-about-wrapper-3 .gt-about-image .gt-circle-shape {
  position: absolute;
  left: 13%;
  z-index: -1;
  max-width: initial;
  bottom: 13%;
}
@media (max-width: 1600px) {
  .gt-about-wrapper-3 .gt-about-image .gt-circle-shape {
    display: none;
  }
}
.gt-about-wrapper-3 .gt-about-image .gt-circle-shape img {
  width: initial;
  height: initial;
  border-radius: 0;
}
.gt-about-wrapper-3 .gt-about-content .gt-text {
  margin-top: 30px;
  max-width: 690px;
  color: var(--gt-text-2);
  margin-top: 15px;
}
.gt-about-wrapper-3 .gt-about-content .gt-counter-box {
  background-color: var(--gt-white);
  border-radius: 10px;
  box-shadow: 0px 4px 84px 0px rgba(21, 57, 238, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px;
  margin-top: 30px;
  margin-bottom: 50px;
}
@media (max-width: 1199px) {
  .gt-about-wrapper-3 .gt-about-content .gt-counter-box {
    margin-bottom: 30px;
    flex-wrap: wrap;
    gap: 30px;
  }
}
.gt-about-wrapper-3 .gt-about-content .gt-counter-box .gt-count-item h2 {
  color: var(--gt-theme);
}
.gt-about-wrapper-3 .gt-about-content .gt-counter-box .gt-count-item p {
  color: var(--gt-text-2);
}
.gt-about-wrapper-3 .gt-about-content .gt-about-button {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 1199px) {
  .gt-about-wrapper-3 .gt-about-content .gt-about-button {
    flex-wrap: wrap;
  }
}
.gt-about-wrapper-3 .gt-about-content .gt-about-button .gt-button li {
  font-size: 18px;
  font-weight: 600;
  padding: 12px 20px;
  background-color: var(--gt-theme-3);
  border-radius: 100px;
}
.gt-about-wrapper-3 .gt-about-content .gt-about-button .gt-button li a {
  color: var(--gt-white);
}
.gt-about-wrapper-3 .gt-about-content .gt-about-button .gt-button li i {
  margin-right: 5px;
  color: var(--gt-white);
}

.gt-about-section {
  position: relative;
}
@media (max-width: 1199px) {
  .gt-about-section {
    margin-bottom: -100px;
  }
}
@media (max-width: 991px) {
  .gt-about-section {
    margin-bottom: -80px;
  }
}
.gt-about-section .gt-left-shape {
  position: absolute;
  left: 0;
  top: 25%;
}
@media (max-width: 1600px) {
  .gt-about-section .gt-left-shape {
    display: none;
  }
}
.gt-about-section .gt-right-shape {
  position: absolute;
  right: 0;
  bottom: 10%;
}
@media (max-width: 1600px) {
  .gt-about-section .gt-right-shape {
    display: none;
  }
}
.gt-about-section .gt-blur-shape {
  position: absolute;
  left: -2%;
  top: -22%;
  z-index: -1;
  max-width: initial;
}
@media (max-width: 1199px) {
  .gt-about-section .gt-blur-shape {
    display: none;
  }
}
.gt-about-section .gt-blur-shape img {
  width: 100%;
  height: 100%;
}

@-webkit-keyframes rippleOne {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
  }
}
@keyframes rippleOne {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
  }
}
@keyframes cir36 {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rounded {
  50% {
    transform: rotate(15deg);
  }
}
@keyframes up-down {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
}
@-webkit-keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@-webkit-keyframes letters-loading {
  0%, 75%, 100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}
@keyframes letters-loading {
  0%, 75%, 100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}
@keyframes loaderspin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes tpswing {
  0% {
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes loaderspin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes loaderpulse {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
@keyframes rounded {
  50% {
    transform: rotate(20deg);
  }
}
@keyframes cir36 {
  100% {
    transform: rotate(360deg);
  }
}
.float-bob-y {
  -webkit-animation-name: float-bob-y;
  animation-name: float-bob-y;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}
@keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}
.float-bob-x {
  -webkit-animation-name: float-bob-x;
  animation-name: float-bob-x;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(30px);
  }
  50% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
}
@keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  50% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
}
@keyframes bounce-x {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.bounce-x {
  -webkit-animation: bounce-x 7s infinite linear;
  animation: bounce-x 7s infinite linear;
}

@keyframes criss-cross-left {
  0% {
    left: -20px;
  }
  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    left: 50%;
    width: 375px;
    height: 375px;
  }
}
@keyframes criss-cross-right {
  0% {
    right: -20px;
  }
  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    right: 50%;
    width: 375px;
    height: 375px;
  }
}
@keyframes rotated2 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes wave {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-25%);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes zoom {
  0% {
    transform: scale(0.5);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.5);
  }
}
@keyframes translateY2 {
  0% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes translateX2 {
  0% {
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  100% {
    -webkit-transform: translatXY(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@keyframes moving {
  0% {
    transform: translatey(0px);
  }
  20% {
    transform: translateX(-50px);
  }
  50% {
    transform: translatey(-40px);
  }
  100% {
    transform: translatey(0px);
  }
}
/*img-animation**********************/
.img-custom-anim-right {
  animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-right {
  0% {
    transform: translateX(5%);
    clip-path: inset(0 0 0 100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-left {
  animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-left {
  0% {
    transform: translateX(-5%);
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-top {
  animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}

@keyframes img-anim-top {
  0% {
    transform: translateY(-5%);
    clip-path: inset(0 0 100% 0);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
@keyframes slideInLeft {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes shine {
  0% {
    left: -100%;
  }
  50% {
    left: 100%;
  }
  100% {
    left: 100%;
  }
}
.animation-infinite {
  animation: ShapeAnim 80s linear infinite;
  height: 30px;
  width: 100%;
  background-repeat: repeat;
  overflow: hidden;
}

.img-custom-anim-bottom {
  animation: img-anim-bottom 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}

@keyframes img-anim-bottom {
  0% {
    transform: translateY(5%);
    clip-path: inset(100% 0 0 0);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
@keyframes sparkle {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1.5);
  }
  100% {
    opacity: 0;
    transform: scale(0.5);
  }
}
@keyframes borderAnim {
  0% {
    width: 0;
  }
  100% {
    width: 44px;
  }
}
.brand-wrapper {
  text-align: center;
}
.brand-wrapper h4 {
  margin-bottom: 50px;
  position: relative;
  padding-left: 60px;
  padding-right: 60px;
  display: inline-block;
}
.brand-wrapper h4::before {
  position: absolute;
  content: "";
  left: -41%;
  top: 12px;
  height: 1px;
  width: 186px;
  background-color: #C4C4C4;
}
@media (max-width: 575px) {
  .brand-wrapper h4::before {
    display: none;
  }
}
.brand-wrapper h4::after {
  position: absolute;
  content: "";
  right: -40%;
  top: 12px;
  left: initial;
  height: 1px;
  width: 186px;
  background-color: #C4C4C4;
}
@media (max-width: 575px) {
  .brand-wrapper h4::after {
    display: none;
  }
}
.brand-wrapper .brand-image {
  text-align: center;
  filter: grayscale(100%);
  transition: all 0.4s ease-in-out;
  opacity: 0.4;
}
.brand-wrapper .brand-image:hover {
  filter: initial;
  opacity: 1;
}
.brand-wrapper .swiper-slide.swiper-slide-active .brand-image {
  filter: initial;
  opacity: 1;
}
.brand-wrapper.gt-style-2 .brand-image {
  text-align: center;
  filter: grayscale(100%);
  transition: all 0.4s ease-in-out;
  opacity: 0.4;
  width: 210px;
  height: 95px;
  line-height: 90px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  margin: 0 auto;
}
.brand-wrapper.gt-style-2 .brand-image:hover {
  filter: initial;
  opacity: 1;
}

.gt-newsletter-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 48px 55px;
  position: relative;
  border-radius: 20px;
  z-index: 999;
}
@media (max-width: 1199px) {
  .gt-newsletter-wrapper {
    flex-wrap: wrap;
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .gt-newsletter-wrapper {
    padding: 40px;
  }
}
@media (max-width: 575px) {
  .gt-newsletter-wrapper {
    padding: 30px;
  }
}
.gt-newsletter-wrapper .gt-microphone {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
@media (max-width: 1199px) {
  .gt-newsletter-wrapper .gt-microphone {
    display: none;
  }
}
.gt-newsletter-wrapper .gt-microphone img {
  width: 100%;
  height: 100%;
}
.gt-newsletter-wrapper .gt-newsletter-content h3 {
  font-size: 30px;
  color: var(--gt-white);
}
.gt-newsletter-wrapper form {
  max-width: 515px;
  width: 100%;
}
.gt-newsletter-wrapper .form-clt {
  position: relative;
}
.gt-newsletter-wrapper .form-clt input {
  width: 100%;
  outline: none;
  border: none;
  background-color: var(--gt-white);
  color: #ABABAB;
  line-height: 1;
  padding: 20px;
  border-radius: 10px;
  max-width: 515px;
}
.gt-newsletter-wrapper .form-clt input::placeholder {
  color: #ABABAB;
}
.gt-newsletter-wrapper .form-clt .gt-theme-btn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 12px 30px;
  background-image: none;
  background: #2ADDC8;
  border-radius: 10px;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 11% 100%);
}
.gt-newsletter-wrapper .form-clt .gt-theme-btn:hover {
  background-color: var(--gt-theme-2);
}
@media (max-width: 470px) {
  .gt-newsletter-wrapper .form-clt .gt-theme-btn {
    position: static;
    margin-top: 20px;
  }
}

.gt-newsletter-section {
  margin-bottom: -150px;
}
@media (max-width: 1600px) {
  .gt-newsletter-section {
    margin-bottom: 120px;
  }
}
@media (max-width: 1199px) {
  .gt-newsletter-section {
    margin-bottom: 100px;
  }
}
@media (max-width: 991px) {
  .gt-newsletter-section {
    margin-bottom: 80px;
  }
}

.gt-contact-us-wrapper .gt-contact-us-box {
  display: flex;
  align-items: center;
  gap: 24px;
  border-radius: 12px;
  background: rgba(77, 85, 204, 0.07);
  padding: 25px;
  margin-bottom: 20px;
  max-width: 420px;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1199px) {
  .gt-contact-us-wrapper .gt-contact-us-box {
    display: grid;
  }
}
@media (max-width: 991px) {
  .gt-contact-us-wrapper .gt-contact-us-box {
    max-width: initial;
    display: flex;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .gt-contact-us-wrapper .gt-contact-us-box {
    display: grid;
  }
}
.gt-contact-us-wrapper .gt-contact-us-box .gt-icon {
  width: 64px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  background-color: var(--gt-header);
  font-size: 30px;
  color: var(--gt-white);
  border-radius: 4px;
}
.gt-contact-us-wrapper .gt-contact-us-box .gt-contact-us-content span {
  color: var(--gt-header);
  margin-bottom: 5px;
}
@media (max-width: 1199px) {
  .gt-contact-us-wrapper .gt-contact-us-box .gt-contact-us-content h5 br {
    display: none;
  }
}
@media (max-width: 991px) {
  .gt-contact-us-wrapper .gt-contact-us-box .gt-contact-us-content h5 br {
    display: initial;
  }
}
.gt-contact-us-wrapper .gt-contact-us-box:hover {
  background-color: var(--gt-white);
  box-shadow: 0px 4px 60px 0px rgba(21, 57, 238, 0.1);
}
.gt-contact-us-wrapper .gt-contact-us-box:hover .gt-icon {
  background: linear-gradient(180deg, #1539EE 0%, #2ADDC8 100%);
}
.gt-contact-us-wrapper .gt-comment-form-wrap {
  padding: 40px;
  border-radius: 24px;
  background: var(--gt-white);
  box-shadow: 0px 4px 60px 0px rgba(21, 57, 238, 0.1);
}
@media (max-width: 575px) {
  .gt-contact-us-wrapper .gt-comment-form-wrap {
    padding: 30px;
  }
}
.gt-contact-us-wrapper .gt-comment-form-wrap h3 {
  font-size: 40px;
}
@media (max-width: 575px) {
  .gt-contact-us-wrapper .gt-comment-form-wrap h3 {
    font-size: 28px;
  }
}
.gt-contact-us-wrapper .gt-comment-form-wrap p {
  margin-bottom: 20px;
}
.gt-contact-us-wrapper .gt-comment-form-wrap .form-clt span {
  color: var(--gt-header);
  display: inline-block;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 600;
}
.gt-contact-us-wrapper .gt-comment-form-wrap .form-clt input, .gt-contact-us-wrapper .gt-comment-form-wrap .form-clt textarea {
  width: 100%;
  outline: none;
  border: none;
  border-radius: 8px;
  background: rgba(77, 85, 204, 0.07);
  padding: 12px 20px;
  font-weight: 400;
  font-size: 16px;
  color: var(--gt-header);
}
.gt-contact-us-wrapper .gt-comment-form-wrap .form-clt input::placeholder, .gt-contact-us-wrapper .gt-comment-form-wrap .form-clt textarea::placeholder {
  color: var(--gt-header);
}
.gt-contact-us-wrapper .gt-comment-form-wrap .form-clt textarea {
  padding-bottom: 80px;
  resize: none;
}

.gt-instagram-item .gt-insta-item {
  text-align: center;
  margin-bottom: 60px;
}
.gt-instagram-item .gt-insta-item .gt-icon {
  background: linear-gradient(90deg, rgb(255, 123, 107), rgb(226, 0, 196));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 30px;
  margin-bottom: 20px;
}
.gt-instagram-item .gt-insta-item h4 {
  font-weight: 400;
}
.gt-instagram-item .gt-insta-item h4 span {
  background: linear-gradient(90deg, #2ADDC8 34.44%, #4D55CC 79.33%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gt-instagram-item .gt-instagram-image {
  position: relative;
  overflow: hidden;
}
.gt-instagram-item .gt-instagram-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  top: 0;
  bottom: 0px;
  right: 0;
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(77, 85, 204, 0.7) 0%, rgba(42, 221, 200, 0.7) 100%);
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  z-index: 9;
}
.gt-instagram-item .gt-instagram-image img {
  width: 100%;
  height: 100%;
  transition: all 1.5s ease-out;
  border-radius: 10px;
}
.gt-instagram-item .gt-instagram-image.gt-style-2 {
  position: relative;
  overflow: hidden;
}
.gt-instagram-item .gt-instagram-image.gt-style-2::before {
  border-radius: 100%;
}
.gt-instagram-item .gt-instagram-image.gt-style-2::before img {
  border-radius: 100%;
}
.gt-instagram-item .gt-instagram-image .gt-icon {
  display: inline-block;
  position: absolute;
  top: -100px;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 30px;
  color: var(--gt-white);
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
  z-index: 99;
}
.gt-instagram-item .gt-instagram-image:hover .gt-icon {
  top: 50%;
  opacity: 1;
  visibility: visible;
}
.gt-instagram-item .gt-instagram-image:hover::before {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  transform-origin: bottom center;
}
@media (max-width: 1199px) {
  .gt-instagram-item .gt-instagram-slider {
    margin-left: 0;
    margin-right: 0;
  }
}

.gt-couinter-box-item-5 {
  border-radius: 10px;
  background: rgba(255, 26, 188, 0.1);
  padding: 26px 0;
  text-align: center;
  position: relative;
}
.gt-couinter-box-item-5::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(101deg, #FF1ABC 0.86%, #90F 100%);
  border-radius: 10px;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
.gt-couinter-box-item-5 h2 {
  color: #FF1ABC;
  font-size: 75px;
  font-weight: 700;
}
@media (max-width: 991px) {
  .gt-couinter-box-item-5 h2 {
    font-size: 70px;
  }
}
@media (max-width: 767px) {
  .gt-couinter-box-item-5 h2 {
    font-size: 50px;
  }
}
.gt-couinter-box-item-5:hover::before {
  opacity: 1;
  visibility: visible;
}
.gt-couinter-box-item-5:hover h2 {
  color: var(--gt-white);
}
.gt-couinter-box-item-5:hover p {
  color: var(--gt-white);
}

.gt-event-wrapper {
  padding: 130px 0 440px;
  position: relative;
}
@media (max-width: 991px) {
  .gt-event-wrapper {
    padding: 150px 0;
  }
}
@media (max-width: 575px) {
  .gt-event-wrapper {
    padding: 100px 0;
  }
}
.gt-event-wrapper .video-btn {
  width: 138px;
  height: 138px;
  line-height: 138px;
  text-align: center;
  border-radius: 100px;
  background-color: transparent;
  color: var(--gt-white);
  display: inline-block;
  text-align: center;
  font-size: 30px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  text-align: center;
  position: absolute;
  top: 49%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 991px) {
  .gt-event-wrapper .video-btn {
    width: 100px;
    height: 100px;
    line-height: 100px;
  }
}
@media (max-width: 767px) {
  .gt-event-wrapper .video-btn {
    width: 80px;
    height: 80px;
    line-height: 80px;
  }
}

.gt-event-bg-section.bg-cover {
  background-position: bottom center;
}

.gt-event-card-item {
  background-color: var(--gt-white);
  padding: 25px;
  border-radius: 20px;
  position: relative;
  z-index: 999;
  box-shadow: 0px 4px 60px 0px rgba(21, 57, 238, 0.08);
}
.gt-event-card-item::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  transform: scale(1, 0);
  transition: transform 500ms ease;
  transform-origin: bottom center;
  border-radius: 20px;
  background: linear-gradient(180deg, #1539EE 0%, #2ADDC8 100%);
  z-index: 9;
}
.gt-event-card-item .gt-line-shape {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}
.gt-event-card-item .gt-line-shape img {
  width: 100%;
  height: 100%;
}
.gt-event-card-item .gt-event-content h2 {
  font-size: 60px;
  font-weight: 400;
  background: linear-gradient(180deg, #1539EE 0%, #2ADDC8 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gt-event-card-item .gt-event-content h3 {
  margin-bottom: 15px;
}
.gt-event-card-item .gt-event-content p {
  max-width: 370px;
  color: var(--gt-text-2);
}
.gt-event-card-item:hover .gt-event-content {
  position: relative;
  z-index: 999;
}
.gt-event-card-item:hover .gt-event-content h2 {
  background: linear-gradient(180deg, #fff 0%, #fff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  z-index: 1;
}
.gt-event-card-item:hover .gt-event-content h3 a {
  color: var(--gt-white);
}
.gt-event-card-item:hover .gt-event-content p {
  color: var(--gt-white);
}
.gt-event-card-item:hover::before {
  transform: scale(1, 1);
  transform-origin: top center;
}

.gt-event-top-section {
  margin-top: -120px;
}
@media (max-width: 1199px) {
  .gt-event-top-section {
    margin-top: 100px;
  }
}
@media (max-width: 991px) {
  .gt-event-top-section {
    margin-top: 80px;
  }
}

.gt-event-schedule-wrapper {
  border-top: 1px solid rgba(17, 17, 44, 0.2);
  padding-top: 30px;
}
@media (max-width: 1199px) {
  .gt-event-schedule-wrapper {
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .gt-event-schedule-wrapper {
    margin-top: 30px;
  }
}
.gt-event-schedule-wrapper .nav {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  gap: 10px;
  justify-content: center;
  position: relative;
}
@media (max-width: 991px) {
  .gt-event-schedule-wrapper .nav {
    flex-wrap: wrap;
    gap: 20px;
    border: 1px none;
  }
}
.gt-event-schedule-wrapper .nav li .nav-link {
  transition: all 0.4s ease-in-out;
  padding: 12px 15px;
  border-radius: 100px;
  background: rgba(77, 85, 204, 0.2);
  line-height: 1;
  color: var(--gt-header);
  font-weight: 600;
}
.gt-event-schedule-wrapper .nav li .nav-link.active {
  position: relative;
  border-radius: 100px;
  background: linear-gradient(90deg, #1539EE 0%, #2ADDC8 100%);
  color: var(--gt-white);
}
.gt-event-schedule-wrapper .gt-event-schedule-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 20px;
  position: relative;
  box-shadow: 0px 4px 60px 0px rgba(21, 57, 238, 0.08);
  padding: 0px 60px 0 0px;
  z-index: 9;
  margin-top: 30px;
}
@media (max-width: 1199px) {
  .gt-event-schedule-wrapper .gt-event-schedule-item {
    flex-wrap: wrap;
    gap: 30px;
    padding: 60px;
  }
}
@media (max-width: 991px) {
  .gt-event-schedule-wrapper .gt-event-schedule-item {
    padding: 50px;
  }
}
@media (max-width: 767px) {
  .gt-event-schedule-wrapper .gt-event-schedule-item {
    padding: 40px;
  }
}
@media (max-width: 575px) {
  .gt-event-schedule-wrapper .gt-event-schedule-item {
    padding: 30px;
  }
}
@media (max-width: 470px) {
  .gt-event-schedule-wrapper .gt-event-schedule-item {
    padding: 25px;
  }
}
.gt-event-schedule-wrapper .gt-event-schedule-item .gt-dot-shape {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}
@media (max-width: 1199px) {
  .gt-event-schedule-wrapper .gt-event-schedule-item .gt-dot-shape {
    display: none;
  }
}
.gt-event-schedule-wrapper .gt-event-schedule-item .gt-dot-shape img {
  width: 100%;
  height: 100%;
}
@media (max-width: 1199px) {
  .gt-event-schedule-wrapper .gt-event-schedule-item .gt-event-image {
    flex-basis: 100%;
  }
}
.gt-event-schedule-wrapper .gt-event-schedule-item .gt-event-image img {
  width: 100%;
  height: 100%;
}
.gt-event-schedule-wrapper .gt-event-schedule-item .gt-event-schedule-content {
  max-width: 482px;
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
@media (max-width: 1199px) {
  .gt-event-schedule-wrapper .gt-event-schedule-item .gt-event-schedule-content {
    border-right: none;
  }
}
.gt-event-schedule-wrapper .gt-event-schedule-item .gt-event-schedule-content .gt-event-list {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 30px;
}
@media (max-width: 1199px) {
  .gt-event-schedule-wrapper .gt-event-schedule-item .gt-event-schedule-content .gt-event-list {
    flex-wrap: wrap;
    gap: 10px;
  }
}
.gt-event-schedule-wrapper .gt-event-schedule-item .gt-event-schedule-content .gt-event-list li {
  font-size: 14px;
  font-weight: 500;
  color: var(--gt-theme);
  padding: 8px 16px;
  background-color: var(--gt-white);
  border-radius: 40px;
  line-height: 1;
  border: 1px solid var(--gt-theme);
  transition: all 0.4s ease-in-out;
}
.gt-event-schedule-wrapper .gt-event-schedule-item .gt-event-schedule-content .gt-event-list li:hover {
  background-color: var(--gt-theme);
  color: var(--gt-white);
}
.gt-event-schedule-wrapper .gt-event-schedule-item .gt-event-schedule-content .gt-event-list li i {
  margin-right: 5px;
}
.gt-event-schedule-wrapper .gt-event-schedule-item .gt-event-schedule-content h3 {
  margin-bottom: 15px;
}
.gt-event-schedule-wrapper .gt-event-schedule-item .gt-event-schedule-content h3 a:hover {
  color: var(--gt-theme);
}
.gt-event-schedule-wrapper .gt-event-schedule-item .gt-event-schedule-content .gt-list li {
  color: var(--gt-header);
}
.gt-event-schedule-wrapper .gt-event-schedule-item .gt-event-schedule-content .gt-list li i {
  margin-right: 10px;
  color: var(--gt-theme);
}
.gt-event-schedule-wrapper .gt-event-schedule-item .gt-event-schedule-content .gt-client-info {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
}
.gt-event-schedule-wrapper .gt-event-schedule-item .gt-event-button .gt-theme-btn {
  background-image: none;
  border: 1px solid rgba(21, 57, 238, 0.2);
  color: var(--gt-theme);
  transition: all 0.4s ease-in-out;
}
.gt-event-schedule-wrapper .gt-event-schedule-item .gt-event-button .gt-theme-btn i {
  color: var(--gt-theme);
}
.gt-event-schedule-wrapper .gt-event-schedule-item .gt-event-button .gt-theme-btn:hover {
  background-image: linear-gradient(to right, #2ADDC8 0%, #1539EE 50%, #2ADDC8 100%);
  color: var(--gt-white);
}
.gt-event-schedule-wrapper .gt-event-schedule-item .gt-event-button .gt-theme-btn:hover i {
  color: var(--gt-white);
}

.gt-events-schedule-section {
  position: relative;
}
@media (max-width: 1600px) {
  .gt-events-schedule-section {
    overflow: hidden;
  }
}
@media (max-width: 1199px) {
  .gt-events-schedule-section {
    margin-bottom: -30px;
  }
}
.gt-events-schedule-section .gt-middle-shape {
  position: absolute;
  left: 22%;
  top: -71%;
  z-index: -1;
}
@media (max-width: 1600px) {
  .gt-events-schedule-section .gt-middle-shape {
    display: none;
  }
}
.gt-events-schedule-section .gt-middle-shape img {
  width: 100%;
  height: 100%;
}
.gt-events-schedule-section .gt-left-shape {
  position: absolute;
  left: -29%;
  top: -62%;
  z-index: -1;
}
@media (max-width: 1600px) {
  .gt-events-schedule-section .gt-left-shape {
    display: none;
  }
}
.gt-events-schedule-section .gt-left-shape img {
  width: 100%;
  height: 100%;
}
.gt-events-schedule-section .gt-right-shape {
  position: absolute;
  right: 0;
  top: -60%;
  z-index: -1;
}
@media (max-width: 1600px) {
  .gt-events-schedule-section .gt-right-shape {
    display: none;
  }
}
.gt-events-schedule-section .gt-right-shape img {
  width: 100%;
  height: 100%;
}

.gt-attended-item {
  position: relative;
}
.gt-attended-item .gt-attended-iamge {
  position: relative;
  z-index: 9;
  overflow: hidden;
}
.gt-attended-item .gt-attended-iamge img {
  width: 100%;
  height: 100%;
}
.gt-attended-item .gt-attended-iamge .icon {
  position: absolute;
  top: -100px;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
  color: var(--gt-white);
  z-index: 999;
  font-size: 32px;
}
.gt-attended-item .gt-attended-iamge:before, .gt-attended-item .gt-attended-iamge:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 50%;
  top: 0;
  left: 0;
  background: rgba(21, 57, 238, 0.7);
  transform: translateX(-100%) rotate(15deg);
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.gt-attended-item .gt-attended-iamge:after {
  left: auto;
  right: 0;
  transform: translateX(100%) rotate(-15deg);
}
.gt-attended-item .gt-attended-iamge-2 {
  position: relative;
}
.gt-attended-item .gt-attended-iamge-2 img {
  width: 100%;
  height: 100%;
}
.gt-attended-item .gt-attended-iamge-2::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(180deg, rgba(21, 57, 238, 0.9) 0%, rgba(42, 221, 200, 0.9) 100%);
}
.gt-attended-item .gt-attended-iamge-2 .gt-attended-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.gt-attended-item .gt-attended-iamge-2 .gt-attended-content h6 {
  font-size: 16px;
  font-weight: 600;
  color: var(--gt-white);
  font-family: "Sora", sans-serif;
  margin-bottom: 25px;
  text-transform: capitalize;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.1);
  padding: 10px 24px;
  line-height: 1;
  display: inline-block;
}
@media (max-width: 1199px) {
  .gt-attended-item .gt-attended-iamge-2 .gt-attended-content h6 {
    padding: 10px 15px;
  }
}
.gt-attended-item .gt-attended-iamge-2 .gt-attended-content h2 {
  color: var(--gt-white);
  line-height: 100%;
}
@media (max-width: 1199px) {
  .gt-attended-item .gt-attended-iamge-2 .gt-attended-content h2 {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .gt-attended-item .gt-attended-iamge-2 .gt-attended-content h2 {
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  .gt-attended-item .gt-attended-iamge-2 .gt-attended-content h2 {
    font-size: 25px;
  }
}
.gt-attended-item:hover .gt-attended-iamge .icon {
  top: 50%;
  opacity: 1;
  visibility: visible;
}
.gt-attended-item:hover .gt-attended-iamge:before, .gt-attended-item:hover .gt-attended-iamge:after {
  transform: none;
  opacity: 1;
  visibility: visible;
}

.gt-event-ticket-section {
  position: relative;
}
.gt-event-ticket-section.bg-cover {
  background-position: bottom center;
}
.gt-event-ticket-section .gt-blur-shape {
  position: absolute;
  left: 25%;
  top: -6%;
}
@media (max-width: 1199px) {
  .gt-event-ticket-section .gt-blur-shape {
    display: none;
  }
}

.gt-main-card-item {
  padding: 12px;
  background-color: var(--gt-theme);
  border-radius: 10px;
  position: relative;
  margin-top: 30px;
  margin-bottom: 30px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  transform: translateY(0);
}
.gt-main-card-item.gt-bg {
  background: rgba(122, 115, 209, 0.3);
}
@media (max-width: 1199px) {
  .gt-main-card-item {
    margin-bottom: 0;
  }
}
.gt-main-card-item.gt-style-2 {
  background: linear-gradient(180deg, #2ADDC8 0%, #4D55CC 100%);
}
.gt-main-card-item.gt-style-2 .gt-event-ticket-card-item {
  background: rgba(255, 255, 255, 0.8);
}
.gt-main-card-item.gt-bg-color {
  background: linear-gradient(180deg, #1539EE 0%, #90F 100%);
}
.gt-main-card-item .gt-event-ticket-card-item {
  border-radius: 10px;
  background-color: var(--gt-white);
  position: relative;
  padding: 30px 35px;
  position: relative;
}
@media (max-width: 575px) {
  .gt-main-card-item .gt-event-ticket-card-item {
    padding: 30px;
  }
}
@media (max-width: 470px) {
  .gt-main-card-item .gt-event-ticket-card-item {
    padding: 25px;
  }
}
.gt-main-card-item .gt-event-ticket-card-item h3 {
  border-bottom: 1.5px solid rgba(191, 191, 191, 0.32);
  padding-bottom: 16px;
  margin-bottom: 40px;
  font-weight: 800;
}
.gt-main-card-item .gt-event-ticket-card-item .gt-event-box-item {
  padding: 24px 20px;
  background-color: var(--gt-bg);
  position: relative;
  margin-bottom: 16px;
}
.gt-main-card-item .gt-event-ticket-card-item .gt-event-box-item::before {
  position: absolute;
  content: "";
  left: -13px;
  top: 41px;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background: var(--gt-bg-2);
}
@media (max-width: 575px) {
  .gt-main-card-item .gt-event-ticket-card-item .gt-event-box-item::before {
    display: none;
  }
}
.gt-main-card-item .gt-event-ticket-card-item .gt-event-box-item::after {
  position: absolute;
  content: "";
  right: -13px;
  top: 41px;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background: var(--gt-bg-2);
}
@media (max-width: 575px) {
  .gt-main-card-item .gt-event-ticket-card-item .gt-event-box-item::after {
    display: none;
  }
}
.gt-main-card-item .gt-event-ticket-card-item .gt-event-box-item h6 {
  border-bottom: 1px dashed rgb(191, 191, 191);
  margin-bottom: 16px;
  padding-bottom: 16px;
  font-weight: 700;
}
.gt-main-card-item .gt-event-ticket-card-item .gt-event-box-item h6 span {
  color: #595959;
  font-size: 14px;
  font-weight: 400;
}
.gt-main-card-item .gt-event-ticket-card-item .gt-event-box-item .gt-box-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .gt-main-card-item .gt-event-ticket-card-item .gt-event-box-item .gt-box-item {
    flex-wrap: wrap;
    gap: 10px;
  }
}
.gt-main-card-item .gt-event-ticket-card-item .gt-event-box-item .gt-box-item .gt-item {
  text-align: center;
}
.gt-main-card-item .gt-event-ticket-card-item .gt-event-box-item .gt-box-item .gt-item span {
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 10px;
  color: #595959;
}
.gt-main-card-item .gt-event-ticket-card-item .gt-event-box-item .gt-box-item .gt-item p {
  text-align: center;
  color: #595959;
}
@media (max-width: 1199px) {
  .gt-main-card-item .gt-event-ticket-card-item .gt-event-box-item .gt-box-item .gt-item p {
    text-align: left;
  }
}
.gt-main-card-item .gt-event-ticket-card-item .gt-event-box-item .gt-box-item .gt-item .qty {
  display: flex;
  align-items: center;
  background-color: var(--gt-bg-2);
  padding: 5px 12px;
  line-height: 1;
  justify-content: space-between;
  margin-top: 0;
  width: 100px;
}
.gt-main-card-item .gt-event-ticket-card-item .gt-event-box-item .gt-box-item .gt-item .qty button,
.gt-main-card-item .gt-event-ticket-card-item .gt-event-box-item .gt-box-item .gt-item .qty input {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--gt-header);
  font-weight: 400;
  font-size: 16px;
  width: 45px;
}
.gt-main-card-item .gt-event-ticket-card-item .gt-event-box-item .gt-box-item .gt-item .qty input {
  background-color: transparent;
  text-align: center;
  border-radius: 0;
  border: unset;
  outline: none;
}
.gt-main-card-item .gt-event-ticket-card-item .gt-list-item {
  background-color: var(--gt-bg);
  padding: 24px;
}
.gt-main-card-item .gt-event-ticket-card-item .gt-list-item li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  color: var(--gt-header);
}
@media (max-width: 1199px) {
  .gt-main-card-item .gt-event-ticket-card-item .gt-list-item li {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .gt-main-card-item .gt-event-ticket-card-item .gt-list-item li {
    font-size: 16px;
  }
}
.gt-main-card-item .gt-event-ticket-card-item .gt-list-item li:not(:last-child) {
  border-bottom: 1px solid rgba(191, 191, 191, 0.32);
  padding-bottom: 16px;
  margin-bottom: 16px;
}
.gt-main-card-item .gt-event-ticket-card-item .gt-list-item li span {
  font-weight: 400;
  color: #595959;
}
.gt-main-card-item .gt-event-ticket-card-item .gt-card-button {
  margin-top: 30px;
}
.gt-main-card-item .gt-event-ticket-card-item .gt-card-button .gt-theme-btn.gt-style-2 {
  border: 1px solid var(--gt-theme);
  width: 100%;
}
.gt-main-card-item .gt-event-ticket-card-item .gt-card-button .gt-theme-btn.gt-style-2:hover {
  border: 1px solid transparent;
  border-image: linear-gradient(90deg, rgba(21, 57, 238, 0.6), rgba(42, 221, 200, 0.6));
}
.gt-main-card-item .gt-event-ticket-card-item .gt-card-button .gt-theme-btn.gt-theme-btn-2 {
  background-image: none;
  width: 100%;
  border: 1.5px solid #4D55CC;
  color: var(--gt-header);
}
.gt-main-card-item .gt-event-ticket-card-item .gt-card-button .gt-theme-btn.gt-theme-btn-2:hover {
  background: #4D55CC;
  color: var(--gt-white);
}
.gt-main-card-item .gt-event-ticket-card-item .gt-card-button.gt-cart-button-2 .gt-theme-btn.gt-theme-btn-2 {
  background-image: none;
  width: 100%;
  border: 1.5px solid #4D55CC;
  color: var(--gt-header);
  border-radius: 100px;
}
.gt-main-card-item .gt-event-ticket-card-item .gt-card-button.gt-cart-button-2 .gt-theme-btn.gt-theme-btn-2:hover {
  background-image: linear-gradient(to right, #1539EE 0%, #90F 50%, #1539EE 100%);
  border: 1.5px solid transparent;
  color: var(--gt-white);
}
.gt-main-card-item:hover {
  transform: translateY(-10px);
}

.gt-event-ticket-section-2 {
  position: relative;
}
.gt-event-ticket-section-2 .gt-left-shape {
  position: absolute;
  left: 50px;
  bottom: 270px;
}
@media (max-width: 1199px) {
  .gt-event-ticket-section-2 .gt-left-shape {
    display: none;
  }
}
.gt-event-ticket-section-2 .gt-top-shape {
  position: absolute;
  right: 37%;
  top: 120px;
}
@media (max-width: 1199px) {
  .gt-event-ticket-section-2 .gt-top-shape {
    display: none;
  }
}
.gt-event-ticket-section-2 .gt-right-shape {
  position: absolute;
  right: 50px;
  bottom: 230px;
}
@media (max-width: 1199px) {
  .gt-event-ticket-section-2 .gt-right-shape {
    display: none;
  }
}
.gt-event-ticket-section-2 .gt-right-shape-2 {
  position: absolute;
  right: 0;
  top: -20%;
}
@media (max-width: 1199px) {
  .gt-event-ticket-section-2 .gt-right-shape-2 {
    display: none;
  }
}

.tab-content {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 40px;
  margin-top: 30px;
}
.tab-content .gt-event-box-item {
  background-color: var(--gt-white);
  padding: 25px;
  border-radius: 20px;
  position: relative;
}
.tab-content .gt-event-box-item .gt-event-image {
  position: relative;
}
.tab-content .gt-event-box-item .gt-event-image .gt-link-btn-3 {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
@media (max-width: 1199px) {
  .tab-content .gt-event-box-item .gt-event-image .gt-link-btn-3 {
    padding: 9px 15px;
  }
}
.tab-content .gt-event-box-item .gt-event-image img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.tab-content .gt-event-box-item .gt-event-content {
  margin-top: 30px;
}
.tab-content .gt-event-box-item .gt-event-content .gt-event-list {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 15px;
}
@media (max-width: 1199px) {
  .tab-content .gt-event-box-item .gt-event-content .gt-event-list {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.tab-content .gt-event-box-item .gt-event-content .gt-event-list li {
  font-size: 16px;
  font-weight: 400;
  color: #4D55CC;
  padding: 8px 16px;
  background-color: var(--gt-white);
  line-height: 1;
  border-radius: 4px;
  border: 1px solid #4D55CC;
  transition: all 0.4s ease-in-out;
}
.tab-content .gt-event-box-item .gt-event-content .gt-event-list li:hover {
  background-color: var(--gt-theme-2);
  border: 1px solid var(--gt-theme-2);
  color: var(--gt-white);
}
.tab-content .gt-event-box-item .gt-event-content .gt-event-list li i {
  margin-right: 5px;
}
.tab-content .gt-event-box-item .gt-event-content h3 {
  margin-bottom: 10px;
}
.tab-content .gt-event-box-item .gt-event-content h3 a:hover {
  color: var(--gt-theme);
}
.tab-content .gt-event-box-item .gt-event-content p {
  color: var(--gt-text-2);
  max-width: 390px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 15px;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 400;
}
.tab-content .gt-event-box-item .gt-event-content .gt-client-info {
  display: flex;
  align-items: center;
  gap: 10px;
}
.tab-content .gt-event-box-item .gt-event-content .gt-client-info .gt-text h6 {
  color: var(--gt-theme-2);
}
.tab-content .gt-event-main-box-item {
  border-radius: 20px;
  background-color: var(--gt-white);
  padding: 25px;
}
.tab-content .gt-event-main-box-item .gt-event-box-item-2 {
  display: flex;
  align-items: center;
  gap: 25px;
}
@media (max-width: 1199px) {
  .tab-content .gt-event-main-box-item .gt-event-box-item-2 {
    flex-wrap: wrap;
    gap: 30px;
  }
}
.tab-content .gt-event-main-box-item .gt-event-box-item-2 .gt-event-image {
  position: relative;
}
@media (max-width: 1199px) {
  .tab-content .gt-event-main-box-item .gt-event-box-item-2 .gt-event-image {
    flex-basis: 100%;
  }
}
.tab-content .gt-event-main-box-item .gt-event-box-item-2 .gt-event-image .gt-link-btn-3 {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
@media (max-width: 1199px) {
  .tab-content .gt-event-main-box-item .gt-event-box-item-2 .gt-event-image .gt-link-btn-3 {
    padding: 9px 15px;
  }
}
.tab-content .gt-event-main-box-item .gt-event-box-item-2 .gt-event-image img {
  border-radius: 20px;
}
@media (max-width: 1199px) {
  .tab-content .gt-event-main-box-item .gt-event-box-item-2 .gt-event-image img {
    width: 100%;
    height: 100%;
  }
}
.tab-content .gt-event-main-box-item .gt-event-box-item-2 .gt-event-content .gt-event-list {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 15px;
}
@media (max-width: 1199px) {
  .tab-content .gt-event-main-box-item .gt-event-box-item-2 .gt-event-content .gt-event-list {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.tab-content .gt-event-main-box-item .gt-event-box-item-2 .gt-event-content .gt-event-list li {
  font-size: 16px;
  font-weight: 400;
  color: #4D55CC;
  padding: 8px 16px;
  background-color: var(--gt-white);
  line-height: 1;
  border-radius: 4px;
  border: 1px solid #4D55CC;
  transition: all 0.4s ease-in-out;
}
.tab-content .gt-event-main-box-item .gt-event-box-item-2 .gt-event-content .gt-event-list li:hover {
  background-color: var(--gt-theme-2);
  border: 1px solid var(--gt-theme-2);
  color: var(--gt-white);
}
.tab-content .gt-event-main-box-item .gt-event-box-item-2 .gt-event-content .gt-event-list li i {
  margin-right: 5px;
}
.tab-content .gt-event-main-box-item .gt-event-box-item-2 .gt-event-content h3 {
  margin-bottom: 10px;
}
.tab-content .gt-event-main-box-item .gt-event-box-item-2 .gt-event-content h3 a:hover {
  color: var(--gt-theme);
}
.tab-content .gt-event-main-box-item .gt-event-box-item-2 .gt-event-content p {
  color: var(--gt-text-2);
  max-width: 390px;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 400;
}
.tab-content .gt-event-main-box-item .gt-event-box-item-2 .gt-event-content .gt-client-info {
  display: flex;
  align-items: center;
  gap: 10px;
}
.tab-content .gt-event-main-box-item .gt-event-box-item-2 .gt-event-content .gt-client-info .gt-text h6 {
  color: var(--gt-theme-2);
}
.tab-content .gt-event-main-box-item .gt-event-box-item-2.gt-style-2 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 25px;
  margin-bottom: 25px;
}

.gt-our-event-section {
  position: relative;
  z-index: 9;
}
.gt-our-event-section::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(180deg, rgba(33, 28, 132, 0.9) 0%, rgba(9, 0, 255, 0.9) 52.88%, rgba(122, 115, 209, 0.9) 100%);
  z-index: -1;
}
.gt-our-event-section .gt-circle-shape {
  position: absolute;
  bottom: 40px;
  left: 60px;
}
@media (max-width: 1199px) {
  .gt-our-event-section .gt-circle-shape {
    display: none;
  }
}
.gt-our-event-section .gt-circle-shape img {
  width: 100%;
  height: 100%;
}
.gt-our-event-section .nav {
  display: grid;
  gap: 20px;
  justify-content: center;
  position: absolute;
  right: 150px;
  bottom: 300px;
}
@media (max-width: 1600px) {
  .gt-our-event-section .nav {
    display: none;
  }
}
.gt-our-event-section .nav .nav-item {
  list-style: none;
}
.gt-our-event-section .nav .nav-item .nav-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  text-decoration: none;
  transition: all 0.3s ease;
}
.gt-our-event-section .nav .nav-item .nav-link .day-text,
.gt-our-event-section .nav .nav-item .nav-link .day-number {
  font-weight: 700;
  font-size: 14px;
  color: #B5A8D5;
  text-transform: uppercase;
}
.gt-our-event-section .nav .nav-item .nav-link .day-number {
  font-size: 16px;
}
.gt-our-event-section .nav .nav-item .nav-link.active {
  background: linear-gradient(180deg, #00E5FF 0%, #90F 100%);
  border: 1px none;
}
.gt-our-event-section .nav .nav-item .nav-link.active .day-text,
.gt-our-event-section .nav .nav-item .nav-link.active .day-number {
  color: var(--gt-white);
}

.gt-event-intro-items .gt-intro-video {
  display: flex;
  align-items: center;
  gap: 50px;
  margin-left: -200px;
}
@media (max-width: 1600px) {
  .gt-event-intro-items .gt-intro-video {
    margin-left: 0;
  }
}
@media (max-width: 1199px) {
  .gt-event-intro-items .gt-intro-video {
    gap: 30px;
  }
}
.gt-event-intro-items .gt-intro-video .gt-intro-image img {
  width: 100%;
  height: 100%;
}
.gt-event-intro-items .gt-intro-video .video-icon .video-btn {
  background: linear-gradient(180deg, #1539EE 0%, #90F 100%);
  color: var(--gt-white);
  display: inline-block;
  font-size: 16px;
  height: 156px;
  width: 156px;
  line-height: 156px;
  border-radius: 50%;
  text-align: center;
  position: relative;
  font-size: 30px;
}
@media (max-width: 1600px) {
  .gt-event-intro-items .gt-intro-video .video-icon .video-btn.ripple::before, .gt-event-intro-items .gt-intro-video .video-icon .video-btn.ripple::after {
    box-shadow: initial;
  }
}
@media (max-width: 1199px) {
  .gt-event-intro-items .gt-intro-video .video-icon .video-btn {
    width: 140px;
    height: 140px;
    line-height: 140px;
  }
}
@media (max-width: 991px) {
  .gt-event-intro-items .gt-intro-video .video-icon .video-btn {
    width: 110px;
    height: 110px;
    line-height: 110px;
  }
}
@media (max-width: 767px) {
  .gt-event-intro-items .gt-intro-video .video-icon .video-btn {
    width: 70px;
    height: 70px;
    line-height: 70px;
  }
}
.gt-event-intro-items .gt-intro-video .video-icon .video-btn::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 196px;
  height: 196px;
  border-radius: 100%;
  border: 1px solid rgba(255, 255, 255, 0.4);
}
@media (max-width: 1199px) {
  .gt-event-intro-items .gt-intro-video .video-icon .video-btn::before {
    width: 160px;
    height: 160px;
  }
}
@media (max-width: 991px) {
  .gt-event-intro-items .gt-intro-video .video-icon .video-btn::before {
    width: 130px;
    height: 130px;
  }
}
@media (max-width: 767px) {
  .gt-event-intro-items .gt-intro-video .video-icon .video-btn::before {
    width: 90px;
    height: 90px;
  }
}
.gt-event-intro-items .gt-intro-content {
  margin-left: 150px;
}
@media (max-width: 1199px) {
  .gt-event-intro-items .gt-intro-content {
    margin-left: 0;
  }
}
.gt-event-intro-items .gt-intro-content h2 {
  font-size: 200px;
  font-weight: 800;
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: var(--gt-header);
  text-transform: uppercase;
}
@media (max-width: 1600px) {
  .gt-event-intro-items .gt-intro-content h2 {
    font-size: 170px;
  }
}
@media (max-width: 1199px) {
  .gt-event-intro-items .gt-intro-content h2 {
    font-size: 120px;
  }
}
@media (max-width: 991px) {
  .gt-event-intro-items .gt-intro-content h2 {
    font-size: 70px;
  }
}
@media (max-width: 767px) {
  .gt-event-intro-items .gt-intro-content h2 {
    font-size: 45px;
  }
}
@media (max-width: 575px) {
  .gt-event-intro-items .gt-intro-content h2 {
    font-size: 35px;
    -webkit-text-stroke-width: 1px;
  }
}

.gt-event-intro-section {
  position: relative;
}
.gt-event-intro-section .gt-blur-shape {
  position: absolute;
  right: 0;
  top: -45%;
  z-index: -1;
}
.gt-event-intro-section .gt-blur-shape img {
  width: 100%;
  height: 100%;
}

.gt-event-ticket-section-3 {
  position: relative;
  z-index: 9;
}
@media (max-width: 1199px) {
  .gt-event-ticket-section-3 {
    overflow: hidden;
    margin-top: -100px;
  }
}
@media (max-width: 991px) {
  .gt-event-ticket-section-3 {
    margin-top: -80px;
  }
}
.gt-event-ticket-section-3 .gt-right-shape {
  position: absolute;
  right: 0;
  top: -115px;
}
@media (max-width: 1199px) {
  .gt-event-ticket-section-3 .gt-right-shape {
    display: none;
  }
}
.gt-event-ticket-section-3 .gt-dark-shape {
  position: absolute;
  top: -26%;
  left: 0;
  z-index: -1;
}
@media (max-width: 1199px) {
  .gt-event-ticket-section-3 .gt-dark-shape {
    display: none;
  }
}

.tab-content {
  margin-top: 60px;
  border-top: 1px none;
  padding-top: 0;
}
@media (max-width: 1199px) {
  .tab-content {
    margin-top: 30px;
  }
}
.tab-content .event-schedule-box-items-3 {
  border-radius: 165px;
  background: #F5F0FF;
  text-align: center;
}
@media (max-width: 1199px) {
  .tab-content .event-schedule-box-items-3 {
    border-radius: 60px;
  }
}
@media (max-width: 991px) {
  .tab-content .event-schedule-box-items-3 {
    border-radius: 50px;
  }
}
@media (max-width: 767px) {
  .tab-content .event-schedule-box-items-3 {
    border-radius: 40px;
  }
}
@media (max-width: 575px) {
  .tab-content .event-schedule-box-items-3 {
    border-radius: 30px;
  }
}
.tab-content .event-schedule-box-items-3 .event-schedule-image {
  position: relative;
}
.tab-content .event-schedule-box-items-3 .event-schedule-image img {
  width: 100%;
  height: 100%;
  border-top-left-radius: 165px;
  border-top-right-radius: 165px;
}
@media (max-width: 1199px) {
  .tab-content .event-schedule-box-items-3 .event-schedule-image img {
    border-top-left-radius: 60px;
    border-top-right-radius: 60px;
  }
}
@media (max-width: 991px) {
  .tab-content .event-schedule-box-items-3 .event-schedule-image img {
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
  }
}
@media (max-width: 767px) {
  .tab-content .event-schedule-box-items-3 .event-schedule-image img {
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
  }
}
@media (max-width: 575px) {
  .tab-content .event-schedule-box-items-3 .event-schedule-image img {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
  }
}
.tab-content .event-schedule-box-items-3 .event-schedule-image .gt-event-post {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
.tab-content .event-schedule-box-items-3 .event-schedule-image .gt-event-post li {
  font-size: 16px;
  font-weight: 400;
  color: var(--gt-white);
  padding: 8px 13px;
  line-height: 1;
  border-radius: 4px 4px 0px 0px;
  background: linear-gradient(90deg, #1539EE 0%, #90F 100%);
}
.tab-content .event-schedule-box-items-3 .event-schedule-image .gt-event-post li i {
  margin-right: 5px;
}
.tab-content .event-schedule-box-items-3 .gt-event-schedule-content {
  padding: 30px;
}
.tab-content .event-schedule-box-items-3 .gt-event-schedule-content h3 {
  margin-bottom: 15px;
}
.tab-content .event-schedule-box-items-3 .gt-event-schedule-content h3 a:hover {
  color: var(--gt-theme);
}
.tab-content .event-schedule-box-items-3 .gt-event-schedule-content .gt-list {
  margin-bottom: 30px;
}
.tab-content .event-schedule-box-items-3 .gt-event-schedule-content .gt-list li {
  font-size: 16px;
  font-weight: 400;
  color: #4D55CC;
  padding: 8px 13px;
  line-height: 1;
  border-radius: 4px;
  border: 1px solid #4D55CC;
  background-color: var(--gt-white);
  display: inline-block;
}
.tab-content .event-schedule-box-items-3 .gt-event-schedule-content .gt-list li i {
  margin-right: 5px;
  color: #4D55CC;
}
.tab-content .event-schedule-box-items-3 .gt-event-schedule-content .gt-group-image {
  margin-bottom: 40px;
}
.tab-content .event-schedule-box-items-3 .gt-event-schedule-content .gt-icon {
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  border-radius: 100%;
  background-color: var(--gt-white);
  color: var(--gt-theme);
  transition: all 0.4s ease-in-out;
  display: inline-block;
  font-size: 24px;
}
.tab-content .event-schedule-box-items-3 .gt-event-schedule-content .gt-icon:hover {
  background: linear-gradient(180deg, #FF0 0%, #90F 100%);
  color: var(--gt-white);
}

.gt-event-schedule-section-3 {
  position: relative;
  margin-top: -40px;
}
@media (max-width: 1199px) {
  .gt-event-schedule-section-3 {
    margin-top: 0;
  }
}
.gt-event-schedule-section-3 .gt-section-title-area .gt-section-title {
  margin-left: 140px;
}
@media (max-width: 1199px) {
  .gt-event-schedule-section-3 .gt-section-title-area .gt-section-title {
    margin-left: 0;
  }
}
.gt-event-schedule-section-3 .gt-top-shape {
  position: absolute;
  left: 260px;
  top: 0;
}
@media (max-width: 1600px) {
  .gt-event-schedule-section-3 .gt-top-shape {
    display: none;
  }
}

.gt-event-video-item .tab-content .gt-event-video-image {
  height: 557px;
  border-radius: 40px;
  overflow: hidden;
}
.gt-event-video-item .tab-content .gt-event-video-image video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 40px;
}
.gt-event-video-item .gt-gallery-items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
@media (max-width: 1199px) {
  .gt-event-video-item .gt-gallery-items {
    flex-wrap: wrap;
    gap: 30px;
  }
}
.gt-event-video-item .gt-gallery-items .gt-nav {
  display: flex;
  justify-content: space-between;
  gap: 70px;
  position: relative;
}
@media (max-width: 991px) {
  .gt-event-video-item .gt-gallery-items .gt-nav {
    flex-wrap: wrap;
    gap: 20px;
    border: 1px none;
  }
}
.gt-event-video-item .gt-gallery-items .gt-nav li .nav-link {
  transition: all 0.4s ease-in-out;
  line-height: 1;
  color: #B5A8D5;
  font-weight: 600;
  font-size: 24px;
  position: relative;
}
.gt-event-video-item .gt-gallery-items .gt-nav li .nav-link::before {
  position: absolute;
  content: "";
  left: 100px;
  top: 10px;
  width: 6px;
  height: 6px;
  line-height: 6px;
  border-radius: 30px;
  background-color: #D8CEF0;
}
.gt-event-video-item .gt-gallery-items .gt-nav li .nav-link.gt-style-2::before {
  display: none;
}
.gt-event-video-item .gt-gallery-items .gt-nav li .nav-link.active {
  position: relative;
  background: linear-gradient(90deg, #1539EE 0%, #90F 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gt-event-video-item .gt-gallery-items .gt-nav li .nav-link.active::after {
  position: absolute;
  content: "";
  width: 32px;
  height: 15px;
  background-color: var(--gt-theme);
  left: 50%;
  transform: translateX(-50%);
  top: -75%;
  clip-path: polygon(50% 0%, 0% 131%, 85% 100%);
  transition: all 0.4s ease-in-out;
}

.gt-event-video-section {
  position: relative;
}
@media (max-width: 1199px) {
  .gt-event-video-section {
    overflow: hidden;
  }
}
.gt-event-video-section .gt-left-shape {
  position: absolute;
  left: 0;
  top: 5%;
}
.gt-event-video-section .gt-left-shape img {
  width: 100%;
  height: 100%;
}
@media (max-width: 1199px) {
  .gt-event-video-section .gt-left-shape {
    display: none;
  }
}

.gt-event-artist-item {
  border-radius: 20.179px 20.179px 0px 0px;
  margin-top: 30px;
}
.gt-event-artist-item .gt-artist-image img {
  width: 100%;
  height: 100%;
  border-radius: 20.179px 20.179px 0px 0px;
}
.gt-event-artist-item .gt-artist-content {
  padding: 20px 40px;
  border-radius: 0px 0px 40.358px 40.358px;
  border: 1.261px solid rgba(255, 255, 255, 0.3);
  background: linear-gradient(180deg, rgba(250, 250, 250, 0.08) 0%, rgba(250, 250, 250, 0.08) 100%);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .gt-event-artist-item .gt-artist-content {
    flex-wrap: wrap;
    gap: 30px;
  }
}
@media (max-width: 575px) {
  .gt-event-artist-item .gt-artist-content {
    padding: 20px 30px;
  }
}
.gt-event-artist-item .gt-artist-content h3 {
  font-weight: 600;
}
.gt-event-artist-item .gt-artist-content h3 a {
  color: var(--gt-white);
}
.gt-event-artist-item .gt-artist-content .play-btn i {
  color: var(--gt-white);
}

.gt-event-artist-section {
  position: relative;
}
@media (max-width: 1199px) {
  .gt-event-artist-section {
    overflow: hidden;
  }
}
.gt-event-artist-section .gt-shape {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 1199px) {
  .gt-event-artist-section .gt-shape {
    display: none;
  }
}

.gt-event-gallery-item {
  position: relative;
  margin-top: 30px;
}
.gt-event-gallery-item .gt-event-gallery-iamge {
  position: relative;
  z-index: 9;
  overflow: hidden;
  border-radius: 10px;
}
@media (max-width: 1199px) {
  .gt-event-gallery-item .gt-event-gallery-iamge {
    height: 426px;
  }
}
.gt-event-gallery-item .gt-event-gallery-iamge img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
}
.gt-event-gallery-item .gt-event-gallery-iamge .icon {
  position: absolute;
  top: -100px;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
  color: var(--gt-white);
  z-index: 999;
  font-size: 32px;
}
.gt-event-gallery-item .gt-event-gallery-iamge:before, .gt-event-gallery-item .gt-event-gallery-iamge:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 50%;
  top: 0;
  left: 0;
  background: rgba(24, 24, 24, 0.8);
  transform: translateX(-100%) rotate(15deg);
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.gt-event-gallery-item .gt-event-gallery-iamge:after {
  left: auto;
  right: 0;
  transform: translateX(100%) rotate(-15deg);
}
.gt-event-gallery-item:hover .gt-event-gallery-iamge .icon {
  top: 50%;
  opacity: 1;
  visibility: visible;
}
.gt-event-gallery-item:hover .gt-event-gallery-iamge:before, .gt-event-gallery-item:hover .gt-event-gallery-iamge:after {
  transform: none;
  opacity: 1;
  visibility: visible;
}

.gt-event-schedule-wrapper-4 .nav.gt-style-4 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  gap: 10px;
  justify-content: center;
  position: relative;
}
@media (max-width: 991px) {
  .gt-event-schedule-wrapper-4 .nav.gt-style-4 {
    flex-wrap: wrap;
    gap: 20px;
    border: 1px none;
  }
}
@media (max-width: 575px) {
  .gt-event-schedule-wrapper-4 .nav.gt-style-4 {
    margin-top: 30px;
  }
}
.gt-event-schedule-wrapper-4 .nav.gt-style-4 li .nav-link {
  transition: all 0.4s ease-in-out;
  padding: 12px 15px;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.2);
  line-height: 1;
  color: var(--gt-white);
  font-weight: 600;
}
.gt-event-schedule-wrapper-4 .nav.gt-style-4 li .nav-link.active {
  position: relative;
  border-radius: 100px;
  background: var(--gt-white);
  color: rgb(153, 0, 255);
}
@media (max-width: 1199px) {
  .gt-event-schedule-wrapper-4 .tab-content.gt-style-4 {
    margin-top: 30px;
  }
}
.gt-event-schedule-wrapper-4 .tab-content.gt-style-4 .gt-event-schedule-item-4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 999;
  margin-top: 30px;
  border-bottom: 1px solid rgb(65, 65, 65);
  padding-bottom: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1199px) {
  .gt-event-schedule-wrapper-4 .tab-content.gt-style-4 .gt-event-schedule-item-4 {
    flex-wrap: wrap;
    gap: 30px;
  }
}
.gt-event-schedule-wrapper-4 .tab-content.gt-style-4 .gt-event-schedule-item-4 .gt-event-schedule-content-4 .gt-event-list-4 {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 20px;
}
@media (max-width: 1199px) {
  .gt-event-schedule-wrapper-4 .tab-content.gt-style-4 .gt-event-schedule-item-4 .gt-event-schedule-content-4 .gt-event-list-4 {
    flex-wrap: wrap;
    gap: 10px;
  }
}
.gt-event-schedule-wrapper-4 .tab-content.gt-style-4 .gt-event-schedule-item-4 .gt-event-schedule-content-4 .gt-event-list-4 li {
  font-size: 14px;
  font-weight: 500;
  color: var(--gt-theme);
  padding: 8px 16px;
  background-color: rgb(153, 0, 255);
  border-radius: 100px;
  line-height: 1;
  transition: all 0.4s ease-in-out;
  color: var(--gt-white);
}
.gt-event-schedule-wrapper-4 .tab-content.gt-style-4 .gt-event-schedule-item-4 .gt-event-schedule-content-4 .gt-event-list-4 li.gt-bg {
  background-color: var(--gt-white);
  color: rgb(153, 0, 255);
}
.gt-event-schedule-wrapper-4 .tab-content.gt-style-4 .gt-event-schedule-item-4 .gt-event-schedule-content-4 .gt-event-list-4 li i {
  margin-right: 5px;
}
.gt-event-schedule-wrapper-4 .tab-content.gt-style-4 .gt-event-schedule-item-4 .gt-event-schedule-content-4 h3 {
  margin-bottom: 10px;
  font-size: 30px;
}
@media (max-width: 1199px) {
  .gt-event-schedule-wrapper-4 .tab-content.gt-style-4 .gt-event-schedule-item-4 .gt-event-schedule-content-4 h3 {
    font-size: 20px;
  }
}
.gt-event-schedule-wrapper-4 .tab-content.gt-style-4 .gt-event-schedule-item-4 .gt-event-schedule-content-4 h3 a {
  color: var(--gt-white);
  opacity: 0.25;
}
.gt-event-schedule-wrapper-4 .tab-content.gt-style-4 .gt-event-schedule-item-4 .gt-event-schedule-content-4 .gt-list li {
  color: var(--gt-white);
  opacity: 0.25;
  transition: all 0.4s ease-in-out;
}
.gt-event-schedule-wrapper-4 .tab-content.gt-style-4 .gt-event-schedule-item-4 .gt-event-schedule-content-4 .gt-list li i {
  margin-right: 10px;
  color: rgb(255, 255, 0);
}
.gt-event-schedule-wrapper-4 .tab-content.gt-style-4 .gt-event-schedule-item-4 .image-hover {
  width: 182px;
  height: 182px;
  position: absolute;
  top: 50%;
  transform: rotate(15deg);
  inset-inline-start: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: 75%;
  opacity: 0;
  transition: opacity 0.3s, transform 0.4s ease-out;
  margin: -200px 0 0 -50px;
  overflow: hidden;
  pointer-events: none;
  z-index: 2;
  visibility: hidden;
  border-radius: 10px;
}
.gt-event-schedule-wrapper-4 .tab-content.gt-style-4 .gt-event-schedule-item-4 .gt-client-info {
  display: flex;
  align-items: center;
  gap: 10px;
}
.gt-event-schedule-wrapper-4 .tab-content.gt-style-4 .gt-event-schedule-item-4 .gt-client-info .gt-client-image img {
  opacity: 0.25;
  transition: all 0.4s ease-in-out;
}
.gt-event-schedule-wrapper-4 .tab-content.gt-style-4 .gt-event-schedule-item-4 .gt-client-info .gt-text h6 {
  color: var(--gt-theme-4);
  opacity: 0.25;
}
.gt-event-schedule-wrapper-4 .tab-content.gt-style-4 .gt-event-schedule-item-4 .gt-icon {
  width: 82px;
  height: 82px;
  line-height: 82px;
  text-align: center;
  border-radius: 100%;
  border: 1px solid rgb(65, 65, 65);
  display: inline-block;
  color: var(--gt-white);
  font-size: 30px;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .gt-event-schedule-wrapper-4 .tab-content.gt-style-4 .gt-event-schedule-item-4 .gt-icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
}
.gt-event-schedule-wrapper-4 .tab-content.gt-style-4 .gt-event-schedule-item-4:hover .image-hover {
  opacity: 1;
  visibility: visible;
}
.gt-event-schedule-wrapper-4 .tab-content.gt-style-4 .gt-event-schedule-item-4:hover .gt-event-schedule-content-4 h3 a {
  color: var(--gt-white);
  opacity: initial;
}
.gt-event-schedule-wrapper-4 .tab-content.gt-style-4 .gt-event-schedule-item-4:hover .gt-event-schedule-content-4 .gt-list li {
  color: var(--gt-white);
  opacity: initial;
}
.gt-event-schedule-wrapper-4 .tab-content.gt-style-4 .gt-event-schedule-item-4:hover .gt-event-schedule-content-4 .gt-list li i {
  margin-right: 10px;
  color: rgb(255, 255, 0);
}
.gt-event-schedule-wrapper-4 .tab-content.gt-style-4 .gt-event-schedule-item-4:hover .gt-client-info {
  display: flex;
  align-items: center;
  gap: 10px;
}
.gt-event-schedule-wrapper-4 .tab-content.gt-style-4 .gt-event-schedule-item-4:hover .gt-client-info .gt-client-image img {
  opacity: initial;
}
.gt-event-schedule-wrapper-4 .tab-content.gt-style-4 .gt-event-schedule-item-4:hover .gt-client-info .gt-text h6 {
  opacity: initial;
}
.gt-event-schedule-wrapper-4 .tab-content.gt-style-4 .gt-event-schedule-item-4:hover .gt-icon {
  background: linear-gradient(90deg, rgb(153, 0, 255) 0%, rgb(255, 255, 0) 100%);
  color: var(--gt-white);
}

.gt-events-schedule-section-4 {
  position: relative;
}
.gt-events-schedule-section-4::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(90deg, #90F 0%, #FF0 100%);
  height: 96px;
  top: 21%;
}
@media (max-width: 1199px) {
  .gt-events-schedule-section-4::before {
    display: none;
  }
}
.gt-events-schedule-section-4 .gt-line-shape {
  position: absolute;
  left: 0;
  right: 0;
  top: 21%;
}
@media (max-width: 1199px) {
  .gt-events-schedule-section-4 .gt-line-shape {
    display: none;
  }
}

.gt-music-box {
  border-radius: 10px;
  background-color: rgb(0, 0, 0);
}
.gt-music-box .gt-top-box {
  background: linear-gradient(90deg, #181818 0%, #90F 100%);
  padding: 20px 0;
  border-radius: 10px 10px 0px 0px;
  position: relative;
}
.gt-music-box .gt-top-box .play-btn {
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background-color: var(--gt-white);
  border-radius: 100px;
  position: absolute;
  right: 25px;
  bottom: -20px;
  transition: all 0.4s ease-in-out;
}
.gt-music-box .gt-top-box .play-btn i {
  color: rgb(21, 57, 238);
}
.gt-music-box .gt-top-box .play-btn:hover {
  background: linear-gradient(to bottom, rgb(255, 255, 0), rgb(153, 0, 255));
}
.gt-music-box .gt-top-box .play-btn:hover i {
  color: var(--gt-white);
}
.gt-music-box .gt-top-box .gt-music-shape img {
  width: 100%;
  height: 100%;
}
.gt-music-box .gt-music-content {
  padding: 30px;
}
.gt-music-box .gt-music-content h4 {
  color: var(--gt-white);
}
.gt-music-box .gt-music-content h6 {
  font-weight: 700;
  color: #7A73D1;
}
.gt-music-box .gt-music-content .music-list {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
}
.gt-music-box .gt-music-content .music-list li a {
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 8px;
  color: #C4C4C4;
  display: inline-block;
  line-height: 1;
  font-size: 12px;
  font-weight: 400;
}
.gt-music-box .gt-music-content .gt-music-button {
  margin-top: 40px;
  display: flex;
  align-items: end;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .gt-music-box .gt-music-content .gt-music-button {
    flex-wrap: wrap;
    gap: 10px;
  }
}
.gt-music-box .gt-music-content .gt-music-button .gt-button .gt-theme-btn {
  background-image: none;
  background-color: var(--gt-white);
  color: rgb(21, 57, 238);
}
.gt-music-box .gt-music-content .gt-music-button .gt-button .gt-theme-btn i {
  transform: rotate(0);
  margin-left: 10px;
}
.gt-music-box .gt-music-content .gt-music-button .gt-button .gt-theme-btn:hover {
  background-image: linear-gradient(to right, #90F 0%, #FFF600 50%, #90F 100%);
  color: var(--gt-white);
}
.gt-music-box .gt-music-content .gt-music-button .gt-button .gt-theme-btn:hover i {
  color: var(--gt-white);
}
.gt-music-box .gt-music-content .gt-music-button .gt-right-text h4 {
  color: rgb(255, 255, 0);
  line-height: 1;
}
.gt-music-box .gt-music-content .gt-music-button .gt-right-text span {
  color: #C4C4C4;
  font-size: 14px;
  font-weight: 400;
}

.gt-music-section {
  position: relative;
  z-index: 9;
}
@media (max-width: 1199px) {
  .gt-music-section {
    overflow: hidden;
  }
}
.gt-music-section .gt-top-blur {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  top: -120%;
}
@media (max-width: 1199px) {
  .gt-music-section .gt-top-blur {
    display: none;
  }
}

.gt-event-details-wrapper .gt-details-post .gt-event-list {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-bottom: 30px;
  margin-left: 220px;
}
@media (max-width: 1199px) {
  .gt-event-details-wrapper .gt-details-post .gt-event-list {
    flex-wrap: wrap;
    gap: 15px;
    margin-left: 0;
  }
}
.gt-event-details-wrapper .gt-details-post .gt-event-list li {
  font-size: 14px;
  font-weight: 500;
  color: var(--gt-theme);
  padding: 8px 16px;
  background-color: var(--gt-white);
  border-radius: 40px;
  line-height: 1;
  border: 1px solid var(--gt-theme);
  transition: all 0.4s ease-in-out;
}
.gt-event-details-wrapper .gt-details-post .gt-event-list li:hover {
  background-color: var(--gt-theme);
  color: var(--gt-white);
}
.gt-event-details-wrapper .gt-details-post .gt-event-list li i {
  margin-right: 5px;
}
.gt-event-details-wrapper .gt-details-image {
  position: relative;
  margin-bottom: 20px;
}
@media (max-width: 575px) {
  .gt-event-details-wrapper .gt-details-image {
    height: 300px;
  }
}
.gt-event-details-wrapper .gt-details-image img {
  width: 100%;
  height: 100%;
  border-radius: 24px;
}
.gt-event-details-wrapper .gt-details-image .gt-client-image {
  position: absolute;
  top: -50px;
  left: 50px;
}
@media (max-width: 1199px) {
  .gt-event-details-wrapper .gt-details-image .gt-client-image {
    top: 0;
    left: 0;
  }
}
.gt-event-details-wrapper .gt-details-image .gt-client-image img {
  border-radius: 100%;
}
.gt-event-details-wrapper .gt-event-details-content h2 {
  font-size: 48px;
  font-weight: 800;
  margin-bottom: 12px;
}
@media (max-width: 1199px) {
  .gt-event-details-wrapper .gt-event-details-content h2 {
    font-size: 40px;
  }
}
@media (max-width: 991px) {
  .gt-event-details-wrapper .gt-event-details-content h2 {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .gt-event-details-wrapper .gt-event-details-content h2 {
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  .gt-event-details-wrapper .gt-event-details-content h2 {
    font-size: 25px;
  }
}
.gt-event-details-wrapper .gt-event-details-content .gt-details-list-item h3 {
  font-size: 32px;
  margin-bottom: 20px;
}
@media (max-width: 1199px) {
  .gt-event-details-wrapper .gt-event-details-content .gt-details-list-item h3 {
    font-size: 25px;
  }
}
.gt-event-details-wrapper .gt-event-details-content .gt-details-list-item .gt-list li {
  font-size: 14px;
  font-weight: 600;
  color: var(--gt-header);
}
.gt-event-details-wrapper .gt-event-details-content .gt-details-list-item .gt-list li:not(:last-child) {
  margin-bottom: 12px;
}
.gt-event-details-wrapper .gt-event-details-content .gt-details-list-item .gt-list li i {
  margin-right: 10px;
  color: var(--gt-theme-2);
}
.gt-event-details-wrapper .gt-event-details-content .gt-thumb img {
  width: 100%;
  height: 100%;
  border-radius: 16px;
}
.gt-event-details-wrapper .gt-event-details-content h3 {
  font-size: 32px;
}
@media (max-width: 1199px) {
  .gt-event-details-wrapper .gt-event-details-content h3 {
    font-size: 25px;
  }
}
.gt-event-details-wrapper .gt-event-details-content .gt-Registration-Fees-item {
  margin-bottom: 30px;
}
.gt-event-details-wrapper .gt-event-details-content .gt-Registration-Fees-item h3 {
  font-size: 32px;
}
@media (max-width: 1199px) {
  .gt-event-details-wrapper .gt-event-details-content .gt-Registration-Fees-item h3 {
    font-size: 25px;
  }
}
.gt-event-details-wrapper .gt-event-details-content .gt-Registration-Fees-item .gt-Registration-Fees-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 70px 12px;
}
@media (max-width: 1199px) {
  .gt-event-details-wrapper .gt-event-details-content .gt-Registration-Fees-item .gt-Registration-Fees-title {
    flex-wrap: wrap;
    gap: 30px;
    padding: 12px 0;
  }
}
.gt-event-details-wrapper .gt-event-details-content .gt-Registration-Fees-item .gt-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 70px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
@media (max-width: 1199px) {
  .gt-event-details-wrapper .gt-event-details-content .gt-Registration-Fees-item .gt-list {
    flex-wrap: wrap;
    gap: 30px;
    padding: 12px 0;
  }
}
.gt-event-details-wrapper .gt-event-details-content .gt-Registration-Fees-item .gt-list li {
  font-weight: 400;
  color: var(--gt-header);
}
.gt-event-details-wrapper .gt-event-details-content .gt-map-items h3 {
  font-size: 24px;
}
.gt-event-details-wrapper .gt-event-details-content .gt-map-items .googpemap iframe {
  width: 100%;
  height: 420px;
  position: initial;
  border-radius: 16px;
}
@media (max-width: 575px) {
  .gt-event-details-wrapper .gt-event-details-content .gt-map-items .googpemap iframe {
    height: 300px;
  }
}
.gt-event-details-wrapper .gt-event-main-sideber {
  margin-top: 15px;
}
.gt-event-details-wrapper .gt-event-main-sideber .gt-event-sideber-widget {
  padding: 30px;
  background-color: var(--gt-white);
  margin-bottom: 30px;
  border-radius: 16px;
  box-shadow: 0px 4px 60px 0px rgba(21, 57, 238, 0.1);
}
.gt-event-details-wrapper .gt-event-main-sideber .gt-event-sideber-widget .gt-widget-title {
  border-bottom: 1.5px solid rgba(0, 0, 0, 0.08);
  margin-bottom: 20px;
  padding-bottom: 16px;
}
.gt-event-details-wrapper .gt-event-main-sideber .gt-event-sideber-widget .gt-sideber-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  font-size: 16px;
  font-family: "Sora", sans-serif;
  color: var(--gt-header);
}
@media (max-width: 1199px) {
  .gt-event-details-wrapper .gt-event-main-sideber .gt-event-sideber-widget .gt-sideber-list li {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .gt-event-details-wrapper .gt-event-main-sideber .gt-event-sideber-widget .gt-sideber-list li {
    font-size: 16px;
  }
}
.gt-event-details-wrapper .gt-event-main-sideber .gt-event-sideber-widget .gt-sideber-list li:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding-bottom: 16px;
  margin-bottom: 16px;
}
.gt-event-details-wrapper .gt-event-main-sideber .gt-event-sideber-widget .gt-sideber-list li span {
  font-weight: 400;
  color: var(--gt-text);
}
.gt-event-details-wrapper .gt-event-main-sideber .gt-event-sideber-widget .gt-sideber-list.gt-box {
  background: #F6F6F6;
  padding: 24px;
}
.gt-event-details-wrapper .gt-event-main-sideber .gt-event-sideber-widget .gt-theme-btn {
  width: 100%;
  margin-top: 30px;
  display: inline-block;
}
.gt-event-details-wrapper .gt-event-main-sideber .gt-event-sideber-widget .gt-social-icon {
  gap: 12px;
}
.gt-event-details-wrapper .gt-event-main-sideber .gt-event-sideber-widget .gt-social-icon a {
  display: inline-block;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  background: #F6F6F6;
  color: var(--gt-header);
  border-radius: 8px;
}
.gt-event-details-wrapper .gt-event-main-sideber .gt-event-sideber-widget .gt-social-icon a:hover {
  background: linear-gradient(90deg, #1539EE 0%, #2ADDC8 100%);
  color: var(--gt-white);
}
.gt-event-details-wrapper .gt-event-main-sideber .gt-event-sideber-widget .gt-event-box-item {
  padding: 24px 20px;
  background: #F6F6F6;
  position: relative;
  margin-bottom: 16px;
  border-radius: 12px;
}
.gt-event-details-wrapper .gt-event-main-sideber .gt-event-sideber-widget .gt-event-box-item::before {
  position: absolute;
  content: "";
  left: -18px;
  top: 41px;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background: var(--gt-white);
}
.gt-event-details-wrapper .gt-event-main-sideber .gt-event-sideber-widget .gt-event-box-item::after {
  position: absolute;
  content: "";
  right: -18px;
  top: 41px;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background: var(--gt-white);
}
.gt-event-details-wrapper .gt-event-main-sideber .gt-event-sideber-widget .gt-event-box-item h6 {
  border-bottom: 1px dashed rgb(191, 191, 191);
  margin-bottom: 16px;
  padding-bottom: 16px;
}
.gt-event-details-wrapper .gt-event-main-sideber .gt-event-sideber-widget .gt-event-box-item h6 span {
  color: var(--gt-text);
  font-size: 14px;
  font-weight: 400;
}
.gt-event-details-wrapper .gt-event-main-sideber .gt-event-sideber-widget .gt-event-box-item .gt-box-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .gt-event-details-wrapper .gt-event-main-sideber .gt-event-sideber-widget .gt-event-box-item .gt-box-item {
    flex-wrap: wrap;
    gap: 10px;
  }
}
.gt-event-details-wrapper .gt-event-main-sideber .gt-event-sideber-widget .gt-event-box-item .gt-box-item .gt-item span {
  font-size: 12px;
  font-weight: 400;
  display: inline-block;
  margin-bottom: 10px;
}
.gt-event-details-wrapper .gt-event-main-sideber .gt-event-sideber-widget .gt-event-box-item .gt-box-item .gt-item p {
  text-align: center;
}
@media (max-width: 1199px) {
  .gt-event-details-wrapper .gt-event-main-sideber .gt-event-sideber-widget .gt-event-box-item .gt-box-item .gt-item p {
    text-align: left;
  }
}
.gt-event-details-wrapper .gt-event-main-sideber .gt-event-sideber-widget .gt-event-box-item .gt-box-item .gt-item .qty {
  display: flex;
  align-items: center;
  background-color: #F2F2F2;
  padding: 5px 12px;
  line-height: 1;
  justify-content: space-between;
  margin-top: 0;
  width: 100px;
}
.gt-event-details-wrapper .gt-event-main-sideber .gt-event-sideber-widget .gt-event-box-item .gt-box-item .gt-item .qty button,
.gt-event-details-wrapper .gt-event-main-sideber .gt-event-sideber-widget .gt-event-box-item .gt-box-item .gt-item .qty input {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--gt-header);
  font-weight: 400;
  font-size: 16px;
  width: 45px;
}
.gt-event-details-wrapper .gt-event-main-sideber .gt-event-sideber-widget .gt-event-box-item .gt-box-item .gt-item .qty input {
  background-color: transparent;
  text-align: center;
  border-radius: 0;
  border: unset;
  outline: none;
}

.gt-concert-image video {
  width: 100%;
  height: 609px;
  border-radius: 40px;
  object-fit: cover;
}
@media (max-width: 575px) {
  .gt-concert-image video {
    height: 400px;
  }
}

.gt-event-concert-section {
  margin-top: 60px;
  position: relative;
}

.gt-event-ticket-box-5 {
  border-radius: 10px;
  background-color: var(--gt-white);
  border-radius: 10px 10px 0px 0px;
  margin-top: 30px;
  box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.1);
}
.gt-event-ticket-box-5 .gt-event-image img {
  width: 100%;
  height: 100%;
  border-radius: 10px 10px 0px 0px;
}
.gt-event-ticket-box-5 .gt-event-content {
  padding: 30px;
}
.gt-event-ticket-box-5 .gt-event-content h4 {
  margin-bottom: 5px;
}
.gt-event-ticket-box-5 .gt-event-content h4 a:hover {
  color: #FF1ABC;
}
.gt-event-ticket-box-5 .gt-event-content h6 {
  font-weight: 700;
  color: var(--gt-theme-3);
}
.gt-event-ticket-box-5 .gt-event-content .event-list {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
}
.gt-event-ticket-box-5 .gt-event-content .event-list li a {
  border-radius: 100px;
  border: 1px solid #C4C4C4;
  padding: 8px;
  border: 1px solid #C4C4C4;
  display: inline-block;
  line-height: 1;
  font-size: 12px;
  font-weight: 400;
}
.gt-event-ticket-box-5 .gt-event-content .gt-event-button {
  margin-top: 40px;
  display: flex;
  align-items: end;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .gt-event-ticket-box-5 .gt-event-content .gt-event-button {
    flex-wrap: wrap;
    gap: 10px;
  }
}
.gt-event-ticket-box-5 .gt-event-content .gt-event-button .gt-button .gt-theme-btn {
  background-image: none;
  background-image: linear-gradient(to right, #90C 0%, #FF1ABC 50%, #90C 100%);
  color: var(--gt-white);
}
.gt-event-ticket-box-5 .gt-event-content .gt-event-button .gt-button .gt-theme-btn i {
  transform: rotate(0);
  margin-left: 10px;
  color: var(--gt-white);
}
.gt-event-ticket-box-5 .gt-event-content .gt-event-button .gt-button .gt-theme-btn:hover {
  color: var(--gt-white);
}
.gt-event-ticket-box-5 .gt-event-content .gt-event-button .gt-button .gt-theme-btn:hover i {
  color: var(--gt-white);
}
.gt-event-ticket-box-5 .gt-event-content .gt-event-button .gt-right-text h4 {
  color: #FF1ABC;
  line-height: 1;
}
.gt-event-ticket-box-5 .gt-event-content .gt-event-button .gt-right-text span {
  color: #C4C4C4;
  font-size: 14px;
  font-weight: 400;
}

.gt-event-ticket-section-5 {
  position: relative;
  z-index: 9;
}
.gt-event-ticket-section-5 .shape {
  position: absolute;
  left: 0;
  top: -50%;
  z-index: -1;
}
@media (max-width: 1199px) {
  .gt-event-ticket-section-5 .shape {
    display: none;
  }
}
.gt-event-ticket-section-5 .shape-2 {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.gt-fashion-image {
  position: relative;
}
.gt-fashion-image .video-btn {
  background: var(--gt-white);
  color: #FF1ABC;
  display: inline-block;
  font-size: 16px;
  height: 68px;
  width: 68px;
  line-height: 68px;
  border-radius: 50%;
  text-align: center;
  position: relative;
  font-size: 24px;
  position: absolute;
  right: 40px;
  bottom: 40px;
}
.gt-fashion-image .video-btn::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 96px;
  height: 96px;
  border-radius: 100%;
  border: 1px solid var(--gt-white);
}
.gt-fashion-image video {
  width: 100%;
  height: 630px;
  border-radius: 10px;
  object-fit: cover;
}
@media (max-width: 575px) {
  .gt-fashion-image video {
    height: 400px;
  }
}

.gt-event-fashion-section {
  position: relative;
}
.gt-event-fashion-section .left-shape {
  position: absolute;
  left: 0;
  top: -12%;
}
@media (max-width: 1199px) {
  .gt-event-fashion-section .left-shape {
    display: none;
  }
}
.gt-event-fashion-section .right-shape {
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 1199px) {
  .gt-event-fashion-section .right-shape {
    display: none;
  }
}
.gt-event-fashion-section .gt-section-title-area .gt-section-title-5 .gt-theme-btn {
  background-color: var(--gt-white);
  color: #FF1ABC;
  margin-top: 30px;
  background-image: initial;
}
.gt-event-fashion-section .gt-section-title-area .gt-section-title-5 .gt-theme-btn i {
  color: #FF1ABC;
  transform: rotate(0);
}
@media (max-width: 1199px) {
  .gt-event-fashion-section .gt-section-title-area .gt-section-title-5 .gt-theme-btn {
    background-image: linear-gradient(to right, #90C 0%, #FF1ABC 50%, #90C 100%);
    background-position: right center;
    color: var(--gt-white);
  }
  .gt-event-fashion-section .gt-section-title-area .gt-section-title-5 .gt-theme-btn i {
    color: var(--gt-white);
  }
}
.gt-event-fashion-section .gt-section-title-area .gt-section-title-5 .gt-theme-btn:hover {
  background-image: linear-gradient(to right, #90C 0%, #FF1ABC 50%, #90C 100%);
  background-position: right center;
  color: var(--gt-white);
}
.gt-event-fashion-section .gt-section-title-area .gt-section-title-5 .gt-theme-btn:hover i {
  color: var(--gt-white);
}
.gt-event-fashion-section .gt-section-title-area .content p {
  max-width: 570px;
  margin-bottom: 15px;
}
.gt-event-fashion-section .gt-section-title-area .content .counter-item {
  display: flex;
  align-items: center;
  gap: 50px;
}
@media (max-width: 1199px) {
  .gt-event-fashion-section .gt-section-title-area .content .counter-item {
    flex-wrap: wrap;
    gap: 15px;
  }
}
.gt-event-fashion-section .gt-section-title-area .content .counter-item .counter-content h2 {
  color: var(--gt-theme-3);
}

.gt-event-schedule-wrapper-5 {
  padding: 60px;
  border-radius: 10px;
  position: relative;
}
@media (max-width: 1199px) {
  .gt-event-schedule-wrapper-5 {
    padding: 30px;
  }
}
.gt-event-schedule-wrapper-5 .array-buttons-4 {
  display: grid;
  position: absolute;
  right: 100px;
  bottom: 296px;
}
@media (max-width: 1199px) {
  .gt-event-schedule-wrapper-5 .array-buttons-4 {
    display: none;
  }
}
.gt-event-schedule-wrapper-5 .array-buttons-4 .array-prev {
  background: linear-gradient(90deg, #9900FF 0%, #FF1ABC 100%);
  width: 75px;
  height: 75px;
  line-height: 75px;
  color: var(--gt-white);
}
.gt-event-schedule-wrapper-5 .array-buttons-4 .array-prev:hover {
  background: var(--gt-white);
  color: var(--gt-theme-3);
}
.gt-event-schedule-wrapper-5 .array-buttons-4 .array-next {
  background: var(--gt-white);
  width: 75px;
  height: 75px;
  line-height: 75px;
  color: var(--gt-theme-3);
  border: 1px none;
}
.gt-event-schedule-wrapper-5 .array-buttons-4 .array-next:hover {
  background: linear-gradient(90deg, #9900FF 0%, #FF1ABC 100%);
}
.gt-event-schedule-wrapper-5 .gt-event-schedule-item-5 .gt-event-list {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 30px;
}
@media (max-width: 1199px) {
  .gt-event-schedule-wrapper-5 .gt-event-schedule-item-5 .gt-event-list {
    flex-wrap: wrap;
    gap: 10px;
  }
}
.gt-event-schedule-wrapper-5 .gt-event-schedule-item-5 .gt-event-list li {
  font-size: 14px;
  font-weight: 500;
  color: var(--gt-theme);
  padding: 8px 16px;
  background-color: var(--gt-white);
  border-radius: 40px;
  line-height: 1;
  border: 1px solid var(--gt-theme);
  transition: all 0.4s ease-in-out;
}
.gt-event-schedule-wrapper-5 .gt-event-schedule-item-5 .gt-event-list li:hover {
  background-color: var(--gt-theme);
  color: var(--gt-white);
}
.gt-event-schedule-wrapper-5 .gt-event-schedule-item-5 .gt-event-list li i {
  margin-right: 5px;
}
.gt-event-schedule-wrapper-5 .gt-event-schedule-item-5 h3 {
  margin-bottom: 15px;
}
.gt-event-schedule-wrapper-5 .gt-event-schedule-item-5 h3 a:hover {
  color: var(--gt-theme);
}
.gt-event-schedule-wrapper-5 .gt-event-schedule-item-5 .gt-list {
  margin-bottom: 30px;
}
.gt-event-schedule-wrapper-5 .gt-event-schedule-item-5 .gt-list li {
  color: var(--gt-header);
}
.gt-event-schedule-wrapper-5 .gt-event-schedule-item-5 .gt-list li i {
  margin-right: 10px;
  color: var(--gt-theme);
}
.gt-event-schedule-wrapper-5 .gt-event-schedule-item-5 .gt-event-schedule-image img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.gt-service-wrapper .gt-service-content .gt-text {
  color: var(--gt-text-2);
  margin-top: 30px;
}
.gt-service-wrapper .gt-service-content .gt-service-count {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
  padding: 30px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 50px;
}
@media (max-width: 1199px) {
  .gt-service-wrapper .gt-service-content .gt-service-count {
    flex-wrap: wrap;
    gap: 30px;
  }
}
.gt-service-wrapper .gt-service-content .gt-service-count .gt-service-item p {
  font-size: 16px;
  font-weight: 400;
  color: var(--gt-header);
}
.gt-service-wrapper .gt-service-item {
  border-radius: 10px;
  background: var(--gt-white);
  box-shadow: 0px 0px 200px 0px rgba(33, 28, 132, 0.1);
  padding: 50px;
}
@media (max-width: 1199px) {
  .gt-service-wrapper .gt-service-item {
    padding: 30px;
  }
}
.gt-service-wrapper .gt-service-item .accordion-item {
  border: 0;
  background-color: var(--gt-white);
}
.gt-service-wrapper .gt-service-item .accordion-item .accordion-header .accordion-button {
  font-weight: 700;
  color: var(--gt-theme-2);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background-color: var(--gt-white);
  padding: 25px 30px 0;
  text-transform: capitalize;
  font-size: 24px;
  border: none;
  padding: 0 0 0;
}
@media (max-width: 1199px) {
  .gt-service-wrapper .gt-service-item .accordion-item .accordion-header .accordion-button {
    font-size: 20px;
  }
}
.gt-service-wrapper .gt-service-item .accordion-item .accordion-header .accordion-button span {
  font-size: 24px;
  font-weight: 300;
  color: #D8CEF0;
}
@media (max-width: 1199px) {
  .gt-service-wrapper .gt-service-item .accordion-item .accordion-header .accordion-button span {
    font-size: 18px;
  }
}
.gt-service-wrapper .gt-service-item .accordion-item .accordion-header .accordion-button::after {
  content: "\f078";
  font-family: "Font Awesome 6 Pro";
  background: transparent;
  font-weight: 500;
  transition: all 0.3s ease-in-out !important;
  color: var(--gt-theme-2);
}
.gt-service-wrapper .gt-service-item .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  content: "\f077";
  font-family: "Font Awesome 6 Pro";
  background: transparent;
  font-weight: 500;
  color: var(--gt-theme-2);
  transform: rotate(0);
}
.gt-service-wrapper .gt-service-item .accordion-item .accordion-header .accordion-button.collapsed {
  background-color: var(--gt-white);
  padding-bottom: 40px;
  margin-bottom: 40px;
  color: var(--gt-theme-2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.gt-service-wrapper .gt-service-item .accordion-item .accordion-header .accordion-button.gt-style-2 {
  margin-bottom: 0;
  border-bottom: 1px none;
  padding-bottom: 0;
}
.gt-service-wrapper .gt-service-item .accordion-item .accordion-collapse .accordion-body {
  padding-right: 0;
  padding-left: 0;
  padding-top: 15px;
  color: var(--gt-text-2);
  background-color: var(--gt-white);
  font-weight: 400;
}
.gt-service-wrapper .gt-service-item .accordion-item .accordion-collapse .accordion-body .thumb {
  margin-top: 30px;
}
.gt-service-wrapper .gt-service-item .accordion-item .accordion-collapse .accordion-body .thumb img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.gt-service-section {
  position: relative;
}
.gt-service-section .gt-star-shape {
  position: absolute;
  left: 100px;
  bottom: 170px;
}
@media (max-width: 1199px) {
  .gt-service-section .gt-star-shape {
    display: none;
  }
}

.scrolling-wrap-2 {
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  gap: 20px;
  padding: 15px 0;
}
.scrolling-wrap-2 .comm {
  display: flex;
  align-items: center;
  animation: scroll 60s linear infinite;
  gap: 15px;
  cursor: pointer;
}
.scrolling-wrap-2 .comm .cmn-textslide {
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
  text-transform: capitalize;
  color: var(--gt-white);
  font-family: "Sora", sans-serif;
  display: flex;
  align-items: center;
  gap: 15px;
}
.scrolling-wrap-2 .comm .cmn-textslide i {
  font-size: 21px;
}
.scrolling-wrap-2 .comm .cmn-textslide.text-color-2 {
  color: var(--gt-header);
}
.scrolling-wrap-2:hover .comm {
  animation-play-state: paused;
}
@media (max-width: 1399px) {
  .scrolling-wrap-2 .comm {
    gap: 20px;
  }
}
@media (max-width: 991px) {
  .scrolling-wrap-2 {
    gap: 14px;
  }
  .scrolling-wrap-2 .comm {
    gap: 14px;
  }
}
@media (max-width: 575px) {
  .scrolling-wrap-2 .comm {
    gap: 12px;
  }
}

.mycustom-marque.style-2 {
  transform: rotate(-2.579deg);
  position: relative;
  z-index: -1;
  margin-bottom: 120px;
}
@media (max-width: 1199px) {
  .mycustom-marque.style-2 {
    margin-bottom: 100px;
  }
}
@media (max-width: 991px) {
  .mycustom-marque.style-2 {
    margin-bottom: 80px;
  }
}
.mycustom-marque.theme-green-bg {
  background-color: var(--gt-theme-2);
}
.mycustom-marque.theme-pink-bg {
  background: #D8CEF0;
}
.mycustom-marque.theme-pink-bg .scrolling-wrap-2 .comm {
  animation: scrollRight 60s linear infinite;
  display: flex;
  align-items: center;
  gap: 15px;
  cursor: pointer;
}
.mycustom-marque.theme-pink-bg .scrolling-wrap-2 .cmn-textslide {
  color: var(--gt-header);
}
.mycustom-marque.theme-pink-bg .scrolling-wrap-2 .cmn-textslide i {
  color: var(--gt-header);
}
.mycustom-marque.header-marque .scrolling-wrap {
  padding: 5px 0;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes scrolly {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-60%);
  }
}
@keyframes scrollRight {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}
.gt-feature-bg-wrapper {
  padding: 75px;
  position: relative;
  display: flex;
  align-items: end;
  justify-content: space-between;
  border-radius: 20px;
}
@media (max-width: 1199px) {
  .gt-feature-bg-wrapper {
    flex-wrap: wrap;
    gap: 30px;
    padding: 60px;
  }
}
@media (max-width: 991px) {
  .gt-feature-bg-wrapper {
    padding: 50px;
  }
}
@media (max-width: 767px) {
  .gt-feature-bg-wrapper {
    padding: 40px;
  }
}
@media (max-width: 575px) {
  .gt-feature-bg-wrapper {
    padding: 30px;
  }
}
.gt-feature-bg-wrapper .gt-ai-image {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (max-width: 1199px) {
  .gt-feature-bg-wrapper .gt-ai-image {
    display: none;
  }
}
.gt-feature-bg-wrapper .gt-ai-image img {
  width: 100%;
  height: 100%;
}
.gt-feature-bg-wrapper .gt-feature-content h2 {
  color: var(--gt-white);
  margin-bottom: 10px;
}
.gt-feature-bg-wrapper .gt-feature-content h4 {
  color: var(--gt-white);
  margin-bottom: 20px;
}
.gt-feature-bg-wrapper .gt-feature-content p {
  color: var(--gt-white);
  font-weight: 400;
  font-size: 16px;
  padding-bottom: 35px;
}
.gt-feature-bg-wrapper .gt-feature-content .gt-theme-btn.gt-theme-btn-2.gt-border-btn {
  border: 1px solid var(--gt-white);
  color: var(--gt-white);
}
.gt-feature-bg-wrapper .gt-feature-content .gt-theme-btn.gt-theme-btn-2.gt-border-btn i {
  color: var(--gt-white);
}
.gt-feature-bg-wrapper .gt-feature-content .gt-theme-btn.gt-theme-btn-2.gt-border-btn:hover {
  border: 1px solid #4D55CC;
}
.gt-feature-bg-wrapper .gt-coming-soon-time {
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
}
@media (max-width: 1199px) {
  .gt-feature-bg-wrapper .gt-coming-soon-time {
    flex-wrap: wrap;
  }
}
.gt-feature-bg-wrapper .gt-coming-soon-time .gt-timer-content {
  text-align: center;
  width: 70px;
  height: 70px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--gt-white);
  border-radius: 100%;
}
.gt-feature-bg-wrapper .gt-coming-soon-time .gt-timer-content h3 {
  font-size: 14px;
  font-weight: 700;
  color: var(--gt-header);
  line-height: 1;
}
.gt-feature-bg-wrapper .gt-coming-soon-time .gt-timer-content p {
  font-size: 14px;
  font-weight: 300;
  color: var(--gt-header);
  text-transform: uppercase;
}

.gt-coming-soon-items {
  text-align: center;
  position: relative;
}
.gt-coming-soon-items .gt-coming-soon-image {
  position: relative;
  max-width: 600px;
  text-align: center;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 50px;
}
.gt-coming-soon-items .gt-coming-soon-image img {
  width: 100%;
  height: 100%;
}
.gt-coming-soon-items .gt-coming-soon-image .gt-coming-soon-time {
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 991px) {
  .gt-coming-soon-items .gt-coming-soon-image .gt-coming-soon-time {
    flex-wrap: wrap;
    position: static;
    transform: translate(0);
    margin-top: 30px;
    justify-content: center;
  }
}
.gt-coming-soon-items .gt-coming-soon-image .gt-coming-soon-time .gt-timer-content {
  text-align: center;
  width: 210px;
  height: 210px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--gt-white);
  box-shadow: 0px 4px 60px 0px rgba(21, 57, 238, 0.1);
  border-radius: 100%;
}
@media (max-width: 767px) {
  .gt-coming-soon-items .gt-coming-soon-image .gt-coming-soon-time .gt-timer-content {
    width: 100px;
    height: 100px;
  }
}
.gt-coming-soon-items .gt-coming-soon-image .gt-coming-soon-time .gt-timer-content h3 {
  font-size: 64px;
  font-weight: 800;
  color: var(--gt-header);
  line-height: 1;
}
@media (max-width: 1199px) {
  .gt-coming-soon-items .gt-coming-soon-image .gt-coming-soon-time .gt-timer-content h3 {
    font-size: 45px;
  }
}
@media (max-width: 991px) {
  .gt-coming-soon-items .gt-coming-soon-image .gt-coming-soon-time .gt-timer-content h3 {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .gt-coming-soon-items .gt-coming-soon-image .gt-coming-soon-time .gt-timer-content h3 {
    font-size: 34px;
  }
}
@media (max-width: 575px) {
  .gt-coming-soon-items .gt-coming-soon-image .gt-coming-soon-time .gt-timer-content h3 {
    font-size: 28px;
  }
}
.gt-coming-soon-items .gt-coming-soon-image .gt-coming-soon-time .gt-timer-content p {
  font-size: 20px;
  font-weight: 400;
  color: var(--gt-header);
  text-transform: uppercase;
}
@media (max-width: 1199px) {
  .gt-coming-soon-items .gt-coming-soon-image .gt-coming-soon-time .gt-timer-content p {
    font-size: 16px;
  }
}
@media (max-width: 575px) {
  .gt-coming-soon-items .gt-coming-soon-image .gt-coming-soon-time .gt-timer-content p {
    font-size: 14px;
  }
}
.gt-coming-soon-items .gt-coming-soon-content h2 {
  font-size: 45px;
  margin-bottom: 20px;
}
@media (max-width: 1199px) {
  .gt-coming-soon-items .gt-coming-soon-content h2 {
    font-size: 40px;
  }
}
@media (max-width: 991px) {
  .gt-coming-soon-items .gt-coming-soon-content h2 {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .gt-coming-soon-items .gt-coming-soon-content h2 {
    font-size: 32px;
  }
}
@media (max-width: 575px) {
  .gt-coming-soon-items .gt-coming-soon-content h2 {
    font-size: 28px;
  }
}
.gt-coming-soon-items .gt-coming-soon-content p {
  margin-bottom: 50px;
}
@media (max-width: 1199px) {
  .gt-coming-soon-items .gt-coming-soon-content p {
    margin-bottom: 30px;
  }
}
.gt-coming-soon-items .gt-coming-soon-content form {
  max-width: 752px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
@media (max-width: 575px) {
  .gt-coming-soon-items .gt-coming-soon-content form {
    text-align: left;
  }
}
.gt-coming-soon-items .gt-coming-soon-content .form-clt {
  position: relative;
}
.gt-coming-soon-items .gt-coming-soon-content .form-clt input {
  width: 100%;
  outline: none;
  border: none;
  border-radius: 100px;
  background: rgba(77, 85, 204, 0.07);
  line-height: 1;
  padding: 20px;
  max-width: 664px;
  color: var(--gt-header);
}
@media (max-width: 470px) {
  .gt-coming-soon-items .gt-coming-soon-content .form-clt input {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.gt-coming-soon-items .gt-coming-soon-content .form-clt .gt-theme-btn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: center;
}
@media (max-width: 470px) {
  .gt-coming-soon-items .gt-coming-soon-content .form-clt .gt-theme-btn {
    position: static;
  }
}

.gt-feature-bg-section {
  position: relative;
}
.gt-feature-bg-section .gt-top-shape {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.gt-feature-bg-section .gt-top-shape img {
  width: 100%;
  height: 100%;
}

.gt-counter-wrapper-4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .gt-counter-wrapper-4 {
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
  }
}
.gt-counter-wrapper-4 .gt-counter-item {
  width: 100%;
  height: 388.462px;
  width: 388.462px;
  border-radius: 388.462px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  text-align: center;
  position: relative;
  overflow: hidden;
}
.gt-counter-wrapper-4 .gt-counter-item.gt-style-2 {
  margin-left: -35px;
}
@media (max-width: 991px) {
  .gt-counter-wrapper-4 .gt-counter-item.gt-style-2 {
    margin-left: 0;
  }
}
@media (max-width: 991px) {
  .gt-counter-wrapper-4 .gt-counter-item {
    height: 330.462px;
    width: 330.462px;
  }
}
@media (max-width: 767px) {
  .gt-counter-wrapper-4 .gt-counter-item {
    height: 300.462px;
    width: 300.462px;
  }
}
.gt-counter-wrapper-4 .gt-counter-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("../../assets/img/home-4/counter/bg.png");
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: all 0.4s ease-in-out;
  z-index: -1;
}
.gt-counter-wrapper-4 .gt-counter-item .gt-content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.gt-counter-wrapper-4 .gt-counter-item .gt-content .gt-icon {
  margin-bottom: 10px;
}
.gt-counter-wrapper-4 .gt-counter-item .gt-content h3 {
  font-weight: 600;
  color: #686868;
}
.gt-counter-wrapper-4 .gt-counter-item .gt-content h2 {
  font-size: 75px;
  color: var(--gt-white);
}
.gt-counter-wrapper-4 .gt-counter-item:hover .gt-content h3 {
  color: var(--gt-white);
}
.gt-counter-wrapper-4 .gt-counter-item:hover::before {
  opacity: 1;
  z-index: 9;
}

.gt-why-attend-item {
  margin-top: 30px;
}
.gt-why-attend-item .gt-why-attend-content {
  border-bottom: 1px solid rgba(17, 17, 44, 0.2);
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.gt-why-attend-item .gt-why-attend-content span {
  font-weight: 600;
  color: #FF1ABC;
  margin-bottom: 5px;
  display: inline-block;
}
.gt-why-attend-item .gt-why-attend-content p {
  max-width: 450px;
}
.gt-why-attend-item .gt-why-attend-image video {
  width: 100%;
  height: 683px;
  border-radius: 225px;
  object-fit: cover;
}
@media (max-width: 575px) {
  .gt-why-attend-item .gt-why-attend-image video {
    height: 400px;
  }
}

.gt-why-attend-section {
  position: relative;
  z-index: 9;
}
.gt-why-attend-section .shape {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 55%;
  z-index: -1;
}
@media (max-width: 1199px) {
  .gt-why-attend-section .shape {
    display: none;
  }
}

.gt-footer-widget-wrapper {
  padding: 100px 0 0;
}
@media (max-width: 991px) {
  .gt-footer-widget-wrapper {
    padding: 80px 0 0;
  }
}
@media (max-width: 1199px) {
  .gt-footer-widget-wrapper.gt-inner {
    padding: 0 0 0;
  }
}
.gt-footer-widget-wrapper.gt-style-2 {
  padding: 250px 0 30px;
  position: relative;
}
@media (max-width: 1600px) {
  .gt-footer-widget-wrapper.gt-style-2 {
    padding: 100px 0 30px;
  }
}
@media (max-width: 1199px) {
  .gt-footer-widget-wrapper.gt-style-2 {
    padding: 80px 0 30px;
  }
}
@media (max-width: 991px) {
  .gt-footer-widget-wrapper.gt-style-2 {
    padding: 60px 0 30px;
  }
}
.gt-footer-widget-wrapper .gt-footer-bg-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--gt-theme);
  border-radius: 100px;
  padding: 50px;
  position: relative;
}
.gt-footer-widget-wrapper .gt-footer-bg-item.style-5 {
  background-color: #FF1ABC;
}
.gt-footer-widget-wrapper .gt-footer-bg-item.style-5:before {
  border: 2px solid #FF1ABC;
}
.gt-footer-widget-wrapper .gt-footer-bg-item.style-5 .gt-social-icon a {
  color: #FF1ABC;
}
.gt-footer-widget-wrapper .gt-footer-bg-item.style-5 .gt-social-icon a:hover {
  background: rgba(153, 0, 255, 0.88);
  color: var(--gt-white);
}
@media (max-width: 1199px) {
  .gt-footer-widget-wrapper .gt-footer-bg-item {
    flex-wrap: wrap;
    gap: 30px;
    border-radius: 0;
  }
}
@media (max-width: 767px) {
  .gt-footer-widget-wrapper .gt-footer-bg-item {
    padding: 40px;
  }
}
@media (max-width: 575px) {
  .gt-footer-widget-wrapper .gt-footer-bg-item {
    padding: 30px;
  }
}
.gt-footer-widget-wrapper .gt-footer-bg-item::before {
  position: absolute;
  content: "";
  border: 2px solid rgb(42, 221, 200);
  top: -10px;
  left: 10px;
  right: -10px;
  bottom: 10px;
  border-radius: 100px;
}
@media (max-width: 1199px) {
  .gt-footer-widget-wrapper .gt-footer-bg-item::before {
    display: none;
  }
}
.gt-footer-widget-wrapper .gt-footer-bg-item .footer-logo {
  position: relative;
}
.gt-footer-widget-wrapper .gt-footer-bg-item .gt-list li {
  color: var(--gt-white);
  font-size: 18px;
}
.gt-footer-widget-wrapper .gt-footer-bg-item .gt-list li i {
  margin-right: 10px;
  color: var(--gt-white);
}
.gt-footer-widget-wrapper .gt-footer-bg-item .gt-social-icon {
  gap: 15px;
  justify-content: center;
  margin-top: 15px;
  position: relative;
}
.gt-footer-widget-wrapper .gt-footer-bg-item .gt-social-icon a {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 100px;
  background-color: var(--gt-white);
  color: var(--gt-theme);
  transition: all 0.4s ease-in-out;
}
.gt-footer-widget-wrapper .gt-footer-bg-item .gt-social-icon a:hover {
  background: linear-gradient(180deg, #1539EE 0%, #2ADDC8 100%);
  color: var(--gt-white);
}
.gt-footer-widget-wrapper .gt-footer-widget-items {
  margin-top: 30px;
}
.gt-footer-widget-wrapper .gt-footer-widget-items .gt-widget-head {
  margin-bottom: 30px;
}
.gt-footer-widget-wrapper .gt-footer-widget-items .gt-widget-head h4 {
  color: var(--gt-white);
  font-weight: 700;
}
.gt-footer-widget-wrapper .gt-footer-widget-items .gt-footer-content p {
  max-width: 450px;
  color: var(--gt-white);
}
.gt-footer-widget-wrapper .gt-footer-widget-items .gt-footer-content .gt-social-icon {
  gap: 15px;
  margin-top: 30px;
}
.gt-footer-widget-wrapper .gt-footer-widget-items .gt-footer-content .gt-social-icon a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: var(--gt-white);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 6px;
  color: #4D55CC;
  transition: all 0.4s ease-in-out;
}
.gt-footer-widget-wrapper .gt-footer-widget-items .gt-footer-content .gt-social-icon a:hover {
  background: #4D55CC;
  color: var(--gt-white);
  border: 1px solid #4D55CC;
}
.gt-footer-widget-wrapper .gt-footer-widget-items .gt-list-area li {
  transition: all 0.4s ease-in-out;
}
.gt-footer-widget-wrapper .gt-footer-widget-items .gt-list-area li:not(:last-child) {
  margin-bottom: 20px;
}
.gt-footer-widget-wrapper .gt-footer-widget-items .gt-list-area li a {
  color: var(--gt-white);
}
.gt-footer-widget-wrapper .gt-footer-widget-items .gt-list-area li:hover {
  margin-left: 5px;
}
.gt-footer-widget-wrapper .gt-footer-widget-items .gt-list-area li:hover a {
  color: var(--gt-theme-2);
}
.gt-footer-widget-wrapper .gt-footer-widget-items .gt-footer-app {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 30px;
}
@media (max-width: 1199px) {
  .gt-footer-widget-wrapper .gt-footer-widget-items .gt-footer-app {
    flex-wrap: wrap;
  }
}

.gt-footer-section {
  position: relative;
}
.gt-footer-section .gt-footer-shape {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.gt-footer-section .gt-footer-shape img {
  width: 100%;
  height: 100%;
}

.gt-footer-bottom {
  padding: 30px 0;
}
.gt-footer-bottom .gt-footer-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .gt-footer-bottom .gt-footer-wrapper {
    flex-wrap: wrap;
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .gt-footer-bottom .gt-footer-wrapper {
    justify-content: center;
  }
}
.gt-footer-bottom .gt-footer-wrapper p {
  color: var(--gt-header);
}
.gt-footer-bottom .gt-footer-wrapper .gt-footer-list {
  display: flex;
  align-items: center;
  gap: 40px;
}
.gt-footer-bottom .gt-footer-wrapper .gt-footer-list li a {
  color: var(--gt-header);
}
.gt-footer-bottom .gt-footer-wrapper .gt-footer-list li a:hover {
  color: var(--gt-theme);
}
.gt-footer-bottom .gt-footer-wrapper.gt-style-2 {
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 30px;
}
.gt-footer-bottom .gt-footer-wrapper.gt-style-2 p {
  color: var(--gt-white);
}
.gt-footer-bottom .gt-footer-wrapper.gt-style-2 .gt-footer-list li a {
  color: var(--gt-white);
}

.gt-footer-section-2 {
  position: relative;
}
.gt-footer-section-2::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(180deg, #6C75FF 30%, #E200C4 100%);
}
.gt-footer-section-2 .gt-top-shape {
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (max-width: 1600px) {
  .gt-footer-section-2 .gt-top-shape {
    display: none;
  }
}

.footer-widget-wrapper-3 {
  padding: 100px 0 0;
  position: relative;
  text-align: center;
}
@media (max-width: 991px) {
  .footer-widget-wrapper-3 {
    padding: 80px 0 0;
  }
}
.footer-widget-wrapper-3 .gt-widget-head-logo {
  margin-bottom: 40px;
}
.footer-widget-wrapper-3 .gt-footer-list {
  display: flex;
  align-items: center;
  gap: 55px;
  justify-content: center;
  margin-bottom: 60px;
}
@media (max-width: 1199px) {
  .footer-widget-wrapper-3 .gt-footer-list {
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 30px;
  }
}
.footer-widget-wrapper-3 .gt-footer-list li {
  font-size: 17px;
}
.footer-widget-wrapper-3 .gt-footer-list li a {
  color: var(--gt-white);
}
.footer-widget-wrapper-3 form {
  max-width: 1168px;
  width: 100%;
}
.footer-widget-wrapper-3 .form-clt {
  position: relative;
}
.footer-widget-wrapper-3 .form-clt input {
  width: 100%;
  outline: none;
  border: none;
  background-color: var(--gt-white);
  color: #ABABAB;
  line-height: 1;
  padding: 20px;
  border-radius: 100px;
  max-width: 1168px;
}
.footer-widget-wrapper-3 .form-clt input::placeholder {
  color: #ABABAB;
}
.footer-widget-wrapper-3 .form-clt .gt-theme-btn {
  position: absolute;
  top: 4px;
  right: 4px;
  bottom: 4px;
  padding: 12px 30px;
  background-image: none;
  background: var(--gt-theme-3);
  border-radius: 100px;
}
.footer-widget-wrapper-3 .form-clt .gt-theme-btn:hover {
  background-color: var(--gt-header);
}
@media (max-width: 470px) {
  .footer-widget-wrapper-3 .form-clt .gt-theme-btn {
    position: static;
    margin-top: 20px;
  }
}
.footer-widget-wrapper-3 .gt-footer-wrapper-3 {
  padding: 0 0 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px;
}
@media (max-width: 1199px) {
  .footer-widget-wrapper-3 .gt-footer-wrapper-3 {
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .footer-widget-wrapper-3 .gt-footer-wrapper-3 {
    justify-content: center;
  }
}
.footer-widget-wrapper-3 .gt-footer-wrapper-3 p {
  color: var(--gt-white);
}
.footer-widget-wrapper-3 .gt-footer-wrapper-3 .gt-social-icon {
  gap: 15px;
  justify-content: center;
  margin-top: 15px;
  position: relative;
}
.footer-widget-wrapper-3 .gt-footer-wrapper-3 .gt-social-icon a {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 100px;
  background-color: var(--gt-white);
  color: var(--gt-theme);
  transition: all 0.4s ease-in-out;
}
.footer-widget-wrapper-3 .gt-footer-wrapper-3 .gt-social-icon a:hover {
  background: linear-gradient(180deg, #1539EE 0%, #90F 100%);
  color: var(--gt-white);
}

.gt-footer-section-3 {
  position: relative;
  border-radius: 100px 100px 0px 0px;
}
.gt-footer-section-3::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 100px 100px 0px 0px;
  background: linear-gradient(180deg, rgba(21, 57, 238, 0.8) 0%, rgba(153, 0, 255, 0.8) 100%);
}

.gt-footer-widget-wrapper-4 {
  position: relative;
  border-radius: 20px;
  z-index: 9;
  padding: 60px 60px 0;
  margin-bottom: 30px;
}
@media (max-width: 1199px) {
  .gt-footer-widget-wrapper-4 {
    padding: 60px 30px 0;
  }
}
@media (max-width: 991px) {
  .gt-footer-widget-wrapper-4 {
    padding: 50px 50px 0;
  }
}
@media (max-width: 767px) {
  .gt-footer-widget-wrapper-4 {
    padding: 40px 40px 0;
  }
}
@media (max-width: 575px) {
  .gt-footer-widget-wrapper-4 {
    padding: 30px 30px 0;
  }
}
.gt-footer-widget-wrapper-4::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 25%, rgba(0, 0, 0, 0.25) 100%);
  z-index: -1;
}
.gt-footer-widget-wrapper-4 .gt-widget-head-logo {
  text-align: center;
}
@media (max-width: 1199px) {
  .gt-footer-widget-wrapper-4 .gt-widget-head-logo {
    text-align: left;
  }
}
.gt-footer-widget-wrapper-4 .gt-list {
  display: flex;
  align-items: center;
  gap: 40px;
  justify-content: center;
  margin-top: 50px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 40px;
}
@media (max-width: 1199px) {
  .gt-footer-widget-wrapper-4 .gt-list {
    flex-wrap: wrap;
    margin-top: 30px;
    gap: 20px;
    justify-content: start;
  }
}
.gt-footer-widget-wrapper-4 .gt-list li {
  font-size: 18px;
  font-weight: 400;
  color: var(--gt-white);
  position: relative;
}
@media (max-width: 575px) {
  .gt-footer-widget-wrapper-4 .gt-list li {
    font-size: 16px;
  }
}
.gt-footer-widget-wrapper-4 .gt-list li.gt-style-3 {
  position: relative;
}
.gt-footer-widget-wrapper-4 .gt-list li.gt-style-3::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 15px;
  top: 8px;
  left: -20px;
  background-color: var(--gt-white);
}
@media (max-width: 1199px) {
  .gt-footer-widget-wrapper-4 .gt-list li.gt-style-3::before {
    display: none;
  }
}
.gt-footer-widget-wrapper-4 .gt-list li i {
  margin-right: 5px;
  color: var(--gt-white);
}
.gt-footer-widget-wrapper-4 .gt-footer-widget-items {
  margin-top: 30px;
}
.gt-footer-widget-wrapper-4 .gt-footer-widget-items .gt-widget-head {
  margin-bottom: 30px;
}
.gt-footer-widget-wrapper-4 .gt-footer-widget-items .gt-widget-head h4 {
  color: var(--gt-white);
  font-weight: 700;
  position: relative;
  padding-bottom: 10px;
}
.gt-footer-widget-wrapper-4 .gt-footer-widget-items .gt-widget-head h4::before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 13px;
  height: 2px;
  background-color: var(--gt-theme-4);
}
.gt-footer-widget-wrapper-4 .gt-footer-widget-items .gt-widget-head h4::after {
  position: absolute;
  bottom: 0;
  left: 20px;
  content: "";
  width: 57px;
  height: 2px;
  background-color: var(--gt-theme-4);
}
.gt-footer-widget-wrapper-4 .gt-footer-widget-items .gt-list-area li {
  transition: all 0.4s ease-in-out;
}
.gt-footer-widget-wrapper-4 .gt-footer-widget-items .gt-list-area li:not(:last-child) {
  margin-bottom: 10px;
}
.gt-footer-widget-wrapper-4 .gt-footer-widget-items .gt-list-area li a {
  color: var(--gt-white);
}
.gt-footer-widget-wrapper-4 .gt-footer-widget-items .gt-list-area li:hover {
  margin-left: 5px;
}
.gt-footer-widget-wrapper-4 .gt-footer-widget-items .gt-list-area li:hover a {
  color: var(--gt-theme-4);
}
.gt-footer-widget-wrapper-4 .gt-footer-widget-items .gt-social-icon {
  gap: 15px;
  margin-top: 30px;
}
@media (max-width: 1199px) {
  .gt-footer-widget-wrapper-4 .gt-footer-widget-items .gt-social-icon {
    gap: 5px;
  }
}
@media (max-width: 991px) {
  .gt-footer-widget-wrapper-4 .gt-footer-widget-items .gt-social-icon {
    gap: 15px;
  }
}
.gt-footer-widget-wrapper-4 .gt-footer-widget-items .gt-social-icon a {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: var(--gt-white);
  border-radius: 100px;
  color: rgb(21, 57, 238);
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1199px) {
  .gt-footer-widget-wrapper-4 .gt-footer-widget-items .gt-social-icon a {
    gap: 5px;
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}
@media (max-width: 991px) {
  .gt-footer-widget-wrapper-4 .gt-footer-widget-items .gt-social-icon a {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
}
.gt-footer-widget-wrapper-4 .gt-footer-widget-items .gt-social-icon a:hover {
  border-radius: 100px;
  background: linear-gradient(180deg, #90F 0%, #FF0 100%);
  color: var(--gt-white);
}
.gt-footer-widget-wrapper-4 .gt-footer-widget-items .footer-gallery {
  margin-top: 40px;
}
.gt-footer-widget-wrapper-4 .gt-footer-widget-items .footer-gallery .gallery-wrap .gallery-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.gt-footer-widget-wrapper-4 .gt-footer-widget-items .footer-gallery .gallery-wrap .gallery-item:not(:last-child) {
  margin-bottom: 10px;
}
.gt-footer-widget-wrapper-4 .gt-footer-widget-items .footer-gallery .gallery-wrap .gallery-item .thumb {
  position: relative;
}
.gt-footer-widget-wrapper-4 .gt-footer-widget-items .footer-gallery .gallery-wrap .gallery-item .thumb img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.gt-footer-widget-wrapper-4 .gt-footer-widget-items .footer-gallery .gallery-wrap .gallery-item .thumb .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  text-align: center;
  transition: 0.3s;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.gt-footer-widget-wrapper-4 .gt-footer-widget-items .footer-gallery .gallery-wrap .gallery-item .thumb .icon::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 0, 0.5);
  transition: 0.4s;
  opacity: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.gt-footer-widget-wrapper-4 .gt-footer-widget-items .footer-gallery .gallery-wrap .gallery-item .thumb .icon i {
  color: var(--gt-white);
  font-size: 22px;
  z-index: 99;
  position: relative;
  margin-top: 30px;
}
.gt-footer-widget-wrapper-4 .gt-footer-widget-items .footer-gallery .gallery-wrap .gallery-item .thumb:hover .icon {
  opacity: 1;
}
.gt-footer-widget-wrapper-4 .gt-footer-widget-items .footer-gallery .gallery-wrap .gallery-item .thumb:hover .icon::after {
  opacity: 1;
}
.gt-footer-widget-wrapper-4 .gt-footer-bottom-4 {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding: 30px 0;
  margin-top: 60px;
}
@media (max-width: 991px) {
  .gt-footer-widget-wrapper-4 .gt-footer-bottom-4 {
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .gt-footer-widget-wrapper-4 .gt-footer-bottom-4 {
    margin-top: 40px;
  }
}
@media (max-width: 575px) {
  .gt-footer-widget-wrapper-4 .gt-footer-bottom-4 {
    margin-top: 30px;
  }
}
.gt-footer-widget-wrapper-4 .gt-footer-bottom-4 p {
  text-align: center;
  color: var(--gt-theme-4);
}

.gt-footer-section-4 {
  position: relative;
}
.gt-footer-section-4 .gt-top-shape {
  position: absolute;
  left: 0;
  bottom: 0;
}
.gt-footer-section-4 .gt-top-shape img {
  width: 100%;
  height: 100%;
}
@media (max-width: 1199px) {
  .gt-footer-section-4 .gt-top-shape {
    display: none;
  }
}
.gt-footer-section-4 .gt-right-shape {
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 1199px) {
  .gt-footer-section-4 .gt-right-shape {
    display: none;
  }
}
.gt-footer-section-4 .gt-right-shape img {
  width: 100%;
  height: 100%;
}

@media (max-width: 1199px) {
  .menu-thumb {
    display: none !important;
  }
}

.header-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
}
.header-main.style-5 {
  display: none;
}
@media (max-width: 1199px) {
  .header-main.style-5 {
    display: flex;
  }
}
@media (max-width: 575px) {
  .header-main .logo .header-logo img {
    width: 130px;
  }
}
.header-main .main-menu ul {
  margin-bottom: 0;
}
.header-main .main-menu ul li {
  position: relative;
  list-style: none;
  display: inline-block;
  margin-inline-end: 50px;
}
@media (max-width: 1199px) {
  .header-main .main-menu ul li {
    margin-inline-end: 30px;
  }
}
.header-main .main-menu ul li:last-child {
  margin-inline-end: 0;
}
.header-main .main-menu ul li a {
  display: inline-block;
  font-size: 17px;
  font-weight: 600;
  color: var(--gt-header);
  font-family: "Sora", sans-serif;
  padding: 20px 0;
  text-align: left;
  position: relative;
  text-transform: capitalize;
  transition: all 0.4s ease-in-out;
}
.header-main .main-menu ul li a i {
  margin-left: 4px;
  font-size: 14px;
}
.header-main .main-menu ul li a:hover {
  color: var(--gt-theme) !important;
}
.header-main .main-menu ul li .submenu {
  position: absolute;
  top: 115%;
  inset-inline-start: 0;
  min-width: 260px;
  padding: 20px 0;
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
  transform-origin: top center;
  color: var(--gt-header);
  transform: translateY(-10px);
  transition: all 0.4s ease-in-out;
  border-top: 6px solid var(--gt-theme);
  background-color: var(--gt-white);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.header-main .main-menu ul li .submenu li {
  display: block;
  width: 100%;
  margin: 0;
}
.header-main .main-menu ul li .submenu li a {
  position: relative;
  z-index: 11;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -0.34px;
  color: var(--gt-header);
  line-height: 38px;
  padding: 0px 0px 0px 32px;
  padding-right: 22px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-main .main-menu ul li .submenu li a::before {
  content: "";
  position: absolute;
  width: 0px;
  height: 2px;
  background: var(--gt-theme);
  left: 14px;
  bottom: 18px;
  transition: all 0.4s ease-in-out;
}
.header-main .main-menu ul li .submenu li a:hover {
  color: var(--gt-theme) !important;
}
.header-main .main-menu ul li .submenu li:last-child a {
  border: none;
}
.header-main .main-menu ul li .submenu li .submenu {
  inset-inline-start: 100%;
  top: 0;
  visibility: hidden;
  opacity: 0;
}
.header-main .main-menu ul li .submenu li:hover > a {
  color: var(--gt-theme) !important;
  margin-left: 10px;
}
.header-main .main-menu ul li .submenu li:hover > a::before {
  width: 10px;
}
.header-main .main-menu ul li .submenu li:hover > a::after {
  color: var(--gt-theme);
}
.header-main .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;
}
.header-main .main-menu ul li .submenu li.has-dropdown > a::after {
  position: absolute;
  top: 50%;
  inset-inline-end: 25px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: var(--gt-theme);
}
.header-main .main-menu ul li .has-homemenu {
  width: 1000px;
  padding: 30px 30px 10px 30px;
  opacity: 0;
  left: -250px;
  visibility: hidden;
  padding: 30px 30px 10px 30px;
  background-color: var(--gt-white);
}
.header-main .main-menu ul li .has-homemenu .homemenu-items {
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .header-main .main-menu ul li .has-homemenu .homemenu-items {
    flex-wrap: wrap;
  }
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu {
  position: relative;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb {
  position: relative;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
  margin-top: 20px;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .gt-theme-btn {
  color: var(--gt-white);
}
@media (max-width: 1399px) {
  .header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .gt-theme-btn {
    font-size: 14px;
    min-width: 140px;
  }
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .gt-theme-btn {
  padding: 18px 30px;
  justify-content: center;
  line-height: 1;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .gt-theme-btn:hover {
  color: var(--gt-white) !important;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb::before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(20, 19, 19, 0)), to(#5e5ef6));
  background: linear-gradient(to bottom, rgba(99, 92, 92, 0) 0%, #252527 100%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover::before {
  visibility: visible;
  opacity: 1;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover .demo-button {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover .homemenu-btn {
  opacity: 1;
  visibility: visible;
  bottom: 50%;
  transform: translateY(50%);
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb img {
  width: 100%;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-title {
  text-align: center;
  margin: 15px auto;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  font-family: "Sora", sans-serif;
  color: var(--gt-header);
}
.header-main .main-menu ul li:hover > a {
  color: var(--gt-theme);
}
.header-main .main-menu ul li:hover > a::after {
  color: var(--gt-theme);
}
.header-main .main-menu ul li:hover > .submenu {
  visibility: visible;
  opacity: 1;
  transform: translateY(0px);
}
.header-main .header-right {
  gap: 30px;
}
@media (max-width: 1399px) {
  .header-main .header-right {
    gap: 20px;
  }
}
.header-main .sidebar__toggle {
  cursor: pointer;
  font-size: 20px;
}

.header-1 {
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  z-index: 9999;
}
@media (max-width: 1899px) {
  .header-1.header-new {
    position: static;
  }
}
.header-1 .container-fluid {
  padding: 0 110px;
}
@media (max-width: 1600px) {
  .header-1 .container-fluid {
    padding: 0 50px;
  }
}
@media (max-width: 1399px) {
  .header-1 .container-fluid {
    padding: 0 40px;
  }
}
@media (max-width: 1199px) {
  .header-1 .container-fluid {
    padding: 0 30px;
  }
}
@media (max-width: 470px) {
  .header-1 .container-fluid {
    padding: 0 15px;
  }
}
.header-1 .header-left {
  display: flex;
  align-items: center;
  gap: 120px;
}
@media (max-width: 991px) {
  .header-1 .header-left .logo .header-logo img {
    width: 100px;
  }
}
.header-1 .header-right {
  gap: 50px;
}
@media (max-width: 1199px) {
  .header-1 .header-right {
    gap: 30px;
  }
}
.header-1 .header-right .header-right-icon {
  display: flex;
  align-items: center;
  gap: 50px;
}
@media (max-width: 1399px) {
  .header-1 .header-right .header-right-icon {
    gap: 30px;
  }
}
@media (max-width: 575px) {
  .header-1 .header-right .header-right-icon {
    gap: 15px;
  }
}
.header-1 .header-right .header-right-icon .search-toggler {
  font-size: 20px;
  color: var(--gt-header);
}
@media (max-width: 1199px) {
  .header-1 .header-right .header-right-icon .search-toggler {
    display: none;
  }
}
@media (max-width: 1399px) {
  .header-1 .header-right .header-button {
    display: none;
  }
}
.header-1 .header-right .header-button .gt-theme-btn {
  padding: 12px 25px;
}
.header-1 .header-right .header-button .gt-theme-btn i {
  transform: rotate(0);
  color: var(--gt-white);
}
.header-1 .header-right .sidebar__toggle {
  color: var(--gt-theme);
}
.header-1.header-2 .header-main .logo .header-logo-2 {
  display: none;
}
.header-1.header-2 .header-main .header-right .main-menu ul li a {
  color: var(--gt-white);
}
.header-1.header-2 .header-main .header-right .main-menu ul li .submenu {
  border-top: 6px solid var(--gt-theme-2);
}
.header-1.header-2 .header-main .header-right .main-menu ul li .submenu li a {
  color: var(--gt-header);
}
.header-1.header-2 .header-main .header-right .main-menu ul li .submenu li a::before {
  background: var(--gt-theme-2);
}
.header-1.header-2 .header-main .header-right .main-menu ul li .submenu li a:hover {
  color: var(--gt-theme-2) !important;
}
.header-1.header-2 .header-main .header-right .header-right-icon .search-toggler {
  color: var(--gt-white);
}
.header-1.header-2 .header-main .header-right .header-button .gt-theme-btn {
  background-image: linear-gradient(to right, #211C84 0%, #7A73D1 50%, #211C84 100%);
  border-radius: 6px;
}
.header-1.header-2 .header-main .header-right .header-button .gt-theme-btn i {
  transform: rotate(0);
  color: var(--gt-white);
}
.header-1.header-2 .header-main .header-right .sidebar__toggle {
  color: var(--gt-white);
}
.header-1.header-3 {
  margin-top: 20px;
}
.header-1.header-3 .header-main {
  background-color: var(--gt-white);
  padding: 5px 20px;
  border-radius: 100px;
  box-shadow: 0px 4px 70px 0px rgba(153, 0, 255, 0.5);
}
@media (max-width: 1199px) {
  .header-1.header-3 .header-main {
    padding: 10px 20px;
  }
}
@media (max-width: 1199px) {
  .header-1.header-3 .header-main .header-left {
    display: none;
  }
}
.header-1.header-3 .header-main .header-left .gt-left li {
  font-size: 18px;
  font-weight: 600;
}
.header-1.header-3 .header-main .header-left .gt-left li i {
  margin-right: 10px;
  color: var(--gt-theme);
}
.header-1.header-3 .header-main .header-right {
  gap: 30px;
}
.header-1.header-3 .header-main .header-right .main-menu ul li a {
  color: var(--gt-white);
}
.header-1.header-3 .header-main .header-right .main-menu ul li .submenu {
  border-top: 6px solid var(--gt-theme-3);
}
.header-1.header-3 .header-main .header-right .main-menu ul li .submenu li a {
  color: var(--gt-header);
}
.header-1.header-3 .header-main .header-right .main-menu ul li .submenu li a::before {
  background: var(--gt-theme-3);
}
.header-1.header-3 .header-main .header-right .main-menu ul li .submenu li a:hover {
  color: var(--gt-theme-3) !important;
}
.header-1.header-3 .header-main .header-right .header-right-icon .search-toggler {
  color: var(--gt-theme-3);
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 100%;
  text-align: center;
  background-color: rgba(21, 57, 238, 0.1);
  font-size: 16px;
}
.header-1.header-3 .header-main .header-right .sidebar__toggle {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 100%;
  text-align: center;
  background-color: var(--gt-theme-3);
  color: var(--gt-white);
}
.header-1.header-3 .header-main .header-right .gt-theme-btn {
  background-image: linear-gradient(to right, #1539EE 0%, #90F 50%, #1539EE 100%);
  text-transform: uppercase;
}
.header-1.header-4 .header-main .logo .header-logo-2 {
  display: none;
}
.header-1.header-4 .header-main .main-menu ul li a {
  color: var(--gt-white);
}
.header-1.header-4 .header-main .main-menu ul li .submenu li a {
  color: var(--gt-header);
}
@media (max-width: 1199px) {
  .header-1.header-4 .header-right .header-button-4 {
    display: none;
  }
}
.header-1.header-4 .header-right .search-toggler {
  color: var(--gt-white);
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 100px;
  text-align: center;
  background: #22222d;
}
@media (max-width: 1199px) {
  .header-1.header-4 .header-right .search-toggler {
    display: none;
  }
}
.header-1.header-4 .header-right .sidebar__toggle {
  color: var(--gt-white);
}

.sticky {
  position: fixed !important;
  top: 0 !important;
  left: 0;
  width: 100%;
  z-index: 9999;
  transition: all 0.9s;
  background-color: var(--gt-white);
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.sticky.header-1 .header-right {
  padding-bottom: 0;
  margin-top: 0;
}
.sticky.header-2 .header-main .logo .header-logo {
  display: none;
}
.sticky.header-2 .header-main .logo .header-logo-2 {
  display: block;
}
.sticky.header-2 .header-main .header-right .main-menu ul li a {
  color: var(--gt-header);
}
.sticky.header-2 .header-main .header-right .main-menu ul li .submenu li a {
  color: var(--gt-header);
}
.sticky.header-2 .header-main .header-right .header-right-icon .search-toggler {
  color: var(--gt-header);
}
.sticky.header-2 .header-main .header-right .sidebar__toggle {
  color: var(--gt-header);
}
.sticky.header-3 {
  margin-top: 0;
}
.sticky.header-3 .header-main {
  box-shadow: none;
  border-radius: 0;
}
.sticky.header-4 .header-main .logo .header-logo {
  display: none;
}
.sticky.header-4 .header-main .logo .header-logo-2 {
  display: block;
}
.sticky.header-4 .header-main .main-menu ul li a {
  color: var(--gt-header);
}
.sticky.header-4 .header-main .main-menu ul li .submenu li a {
  color: var(--gt-header);
}

.offcanvas__info {
  background: var(--gt-white) none repeat scroll 0 0;
  border-left: 2px solid var(--gt-theme);
  position: fixed;
  right: 0;
  top: 0;
  width: 450px;
  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));
  -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: 9999999;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
.offcanvas__info::-webkit-scrollbar {
  display: none;
}

.style-offcanvas-2 .offcanvas__wrapper {
  position: relative;
  height: 100%;
  padding: 30px 30px;
}
.style-offcanvas-2 .offcanvas__info {
  background: var(--gt-white) none repeat scroll 0 0;
  border-left: 2px solid var(--gt-theme);
  position: fixed;
  right: 0;
  top: 0;
  width: 450px;
  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));
  -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: 9999999;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
.style-offcanvas-2 .offcanvas__info::-webkit-scrollbar {
  display: none;
}
@media (max-width: 450px) {
  .style-offcanvas-2 .offcanvas__info {
    width: 300px;
  }
}
.style-offcanvas-2 .mean-nav > ul > li > a:hover {
  color: var(--gt-theme) !important;
}
.style-offcanvas-2 .mean-container .mean-nav ul li li a {
  color: #1C1D20 !important;
}
.style-offcanvas-2 .mean-container .mean-nav ul li li a:hover {
  color: var(--gt-theme) !important;
}

.offcanvas__info.info-open {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.offcanvas__wrapper {
  position: relative;
  height: 100%;
  padding: 30px 30px;
}
.offcanvas__wrapper .offcanvas__content .text {
  color: var(--gt-black);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__close {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--gt-theme);
  position: relative;
  z-index: 9;
  cursor: pointer;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__close.gt-close-2 {
  background-color: var(--gt-theme-2);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__close.gt-close-3 {
  background-color: var(--gt-theme-3);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__close i {
  color: var(--gt-white);
}
.offcanvas__wrapper .offcanvas__content .sideber-image {
  margin-top: 80px;
}
.offcanvas__wrapper .offcanvas__content .sideber-image img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact {
  margin-top: 20px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact h4 {
  margin-bottom: 20px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul {
  margin-top: 0;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li {
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
}
@media (max-width: 575px) {
  .offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li {
    font-size: 14px;
  }
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li:not(:last-child) {
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li:not(:last-child) {
    margin-bottom: 20px;
  }
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li a {
  color: var(--gt-black);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li .offcanvas__contact-icon {
  margin-right: 20px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li .offcanvas__contact-icon i {
  color: var(--gt-theme);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact span {
  text-transform: initial;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .header-button .theme-btn {
  width: 100%;
  padding: 20px 40px;
  text-transform: capitalize !important;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon {
  margin-top: 30px;
  gap: 10px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon a {
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 100%;
  text-align: center;
  font-size: 16px;
  display: block;
  background: transparent;
  color: #000;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  text-align: center;
  border: 1px solid var(--gt-border);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon a:hover {
  background-color: var(--gt-theme);
  color: var(--gt-white);
}

.offcanvas__overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #151515;
  z-index: 900;
  top: 0;
  opacity: 0;
  visibility: hidden;
  right: 0;
}

.offcanvas__overlay.overlay-open {
  opacity: 0.8;
  visibility: visible;
}

@media (max-width: 450px) {
  .offcanvas__info {
    width: 300px;
  }
}
@media (max-width: 575px) {
  .offcanvas__wrapper {
    padding: 20px;
  }
}
.gt-breadcrumb-wrapper {
  position: relative;
}
.gt-breadcrumb-wrapper .gt-top-shape {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (max-width: 991px) {
  .gt-breadcrumb-wrapper .gt-top-shape {
    display: none;
  }
}
.gt-breadcrumb-wrapper .gt-top-shape img {
  width: 100%;
  height: 100%;
}
.gt-breadcrumb-wrapper .gt-line-shape {
  position: absolute;
  left: 50px;
  right: 50px;
  top: 0px;
  z-index: 999;
}
@media (max-width: 1600px) {
  .gt-breadcrumb-wrapper .gt-line-shape {
    display: none;
  }
}
.gt-breadcrumb-wrapper .gt-arrow-shape {
  position: absolute;
  left: 26%;
  bottom: 20%;
  z-index: 999;
}
@media (max-width: 1199px) {
  .gt-breadcrumb-wrapper .gt-arrow-shape {
    display: none;
  }
}
.gt-breadcrumb-wrapper .container-fluid {
  padding: 100px 100px 20px;
}
@media (max-width: 1199px) {
  .gt-breadcrumb-wrapper .container-fluid {
    padding: 100px 40px 20px;
  }
}
@media (max-width: 991px) {
  .gt-breadcrumb-wrapper .container-fluid {
    padding: 100px 30px 0;
  }
}
@media (max-width: 767px) {
  .gt-breadcrumb-wrapper .container-fluid {
    padding: 100px 30px 0;
  }
}
@media (max-width: 575px) {
  .gt-breadcrumb-wrapper .container-fluid {
    padding: 100px 25px 0;
  }
}
.gt-breadcrumb-wrapper .gt-page-heading {
  padding: 120px 70px 160px;
  border-radius: 50px;
}
@media (max-width: 1199px) {
  .gt-breadcrumb-wrapper .gt-page-heading {
    border-radius: 20px;
  }
}
@media (max-width: 991px) {
  .gt-breadcrumb-wrapper .gt-page-heading {
    padding: 80px 30px 80px;
    background-image: none !important;
    background-color: var(--gt-text);
  }
}
@media (max-width: 767px) {
  .gt-breadcrumb-wrapper .gt-page-heading {
    padding: 80px 30px 80px;
  }
}
@media (max-width: 575px) {
  .gt-breadcrumb-wrapper .gt-page-heading {
    padding: 80px 30px 80px;
  }
}
.gt-breadcrumb-wrapper .gt-page-heading h1 {
  color: var(--gt-white);
  font-size: 72px;
  position: relative;
  text-transform: uppercase;
  z-index: 9;
  font-weight: 800;
}
@media (max-width: 1199px) {
  .gt-breadcrumb-wrapper .gt-page-heading h1 {
    font-size: 60px;
  }
}
@media (max-width: 991px) {
  .gt-breadcrumb-wrapper .gt-page-heading h1 {
    font-size: 50px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .gt-breadcrumb-wrapper .gt-page-heading h1 {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .gt-breadcrumb-wrapper .gt-page-heading h1 {
    font-size: 30px;
  }
}
@media (max-width: 470px) {
  .gt-breadcrumb-wrapper .gt-page-heading h1 {
    font-size: 30px;
  }
}
.gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items {
  display: flex;
  align-items: center;
  margin-top: 20px;
  gap: 10px;
}
@media (max-width: 991px) {
  .gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items {
    justify-content: center;
  }
}
@media (max-width: 575px) {
  .gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items {
    margin-top: 15px;
  }
}
.gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items li {
  color: var(--gt-white);
  text-transform: capitalize;
  font-weight: 400;
  font-size: 16px;
}
.gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items li span {
  background: linear-gradient(180deg, #1539EE 0%, #2ADDC8 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items li a {
  color: var(--gt-white);
  transition: all 0.4s ease-in-out;
}
.gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items li a:hover {
  color: var(--gt-theme);
}
.gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items li a i {
  color: var(--gt-theme);
  margin-right: 5px;
}
.gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items li i {
  color: var(--gt-white);
}

.gt-error-items {
  text-align: center;
}
.gt-error-items .gt-error-image {
  margin-bottom: 50px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1199px) {
  .gt-error-items .gt-error-image {
    margin-bottom: 40px;
  }
}
.gt-error-items .gt-error-image img {
  width: 100%;
  height: 100%;
}
.gt-error-items .gt-error-image .gt-error-shape {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  z-index: -1;
}
@media (max-width: 1199px) {
  .gt-error-items .gt-error-image .gt-error-shape {
    display: none;
  }
}
.gt-error-items h2 {
  font-size: 80px;
  font-weight: 800;
  margin-bottom: 20px;
}
@media (max-width: 1199px) {
  .gt-error-items h2 {
    font-size: 55px;
  }
}
@media (max-width: 991px) {
  .gt-error-items h2 {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .gt-error-items h2 {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .gt-error-items h2 {
    font-size: 30px;
  }
}
.gt-error-items p {
  margin-bottom: 50px;
}
@media (max-width: 1199px) {
  .gt-error-items p {
    margin-bottom: 30px;
  }
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px var(--gt-bg);
  border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--gt-theme);
  border-radius: 10px;
}

.fix {
  overflow: hidden;
}

.ralt {
  position: relative;
}

.ripple {
  position: relative;
}
.ripple::before, .ripple::after {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 30px;
  height: 30px;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(21, 57, 238, 0.6);
  -webkit-animation: rippleOne 3s infinite;
  animation: rippleOne 3s infinite;
}
.ripple::before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
}
.ripple::after {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
}

.array-buttons {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 1199px) {
  .array-buttons {
    flex-wrap: wrap;
  }
}
.array-buttons .array-prev {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  background-color: #C9EDFF;
  color: var(--gt-theme);
  transition: all 0.4s ease-in-out;
  border-radius: 100%;
}
.array-buttons .array-prev:hover {
  background: linear-gradient(to right, #1539EE, #2ADDC8);
  color: var(--gt-white);
}
.array-buttons .array-next {
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 100%;
  text-align: center;
  background: linear-gradient(to right, #1539EE, #2ADDC8);
  color: var(--gt-white);
  transition: all 0.4s ease-in-out;
}
.array-buttons .array-next:hover {
  background: #C9EDFF;
  color: var(--gt-theme);
}

.array-buttons-2 {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 1199px) {
  .array-buttons-2 {
    flex-wrap: wrap;
  }
}
.array-buttons-2.style-5 .array-prev i {
  color: var(--gt-white);
}
.array-buttons-2.style-5 .array-prev:hover {
  background: linear-gradient(90deg, #FF1ABC 0%, #90F 100%);
}
.array-buttons-2.style-5 .array-next {
  background: linear-gradient(90deg, #FF1ABC 0%, #90F 100%);
}
.array-buttons-2.style-5 .array-next i {
  color: var(--gt-white);
}
.array-buttons-2.style-5 .array-next:hover {
  background-color: #FF1ABC;
}
.array-buttons-2 .array-prev {
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  background-color: var(--gt-header);
  color: #00E5FF;
  transition: all 0.4s ease-in-out;
  border-radius: 100%;
}
.array-buttons-2 .array-prev:hover {
  background: var(--gt-theme-2);
  color: var(--gt-white);
}
.array-buttons-2 .array-next {
  width: 42px;
  height: 42px;
  line-height: 42px;
  border-radius: 100%;
  text-align: center;
  background: #2ADDC8;
  color: var(--gt-header);
  transition: all 0.4s ease-in-out;
}
.array-buttons-2 .array-next:hover {
  background: var(--gt-theme-2);
  color: var(--gt-white);
}

.array-buttons-4 {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 1199px) {
  .array-buttons-4 {
    flex-wrap: wrap;
  }
}
.array-buttons-4 .array-prev {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  background: linear-gradient(90deg, rgb(255, 255, 0), rgb(153, 0, 255));
  color: var(--gt-white);
  transition: all 0.4s ease-in-out;
  border-radius: 100%;
}
.array-buttons-4 .array-next {
  width: 45px;
  height: 45px;
  line-height: 45px;
  border: 1px solid rgb(65, 65, 65);
  border-radius: 100%;
  text-align: center;
  background: transparent;
  color: var(--gt-white);
  transition: all 0.4s ease-in-out;
}
.array-buttons-4 .array-next:hover {
  background: linear-gradient(90deg, rgb(255, 255, 0), rgb(153, 0, 255));
  border: 1px none;
  color: var(--gt-white);
}

.swiper-dot {
  text-align: center;
}
.swiper-dot .swiper-pagination-bullet {
  width: 5px;
  height: 5px;
  transition: 0.6s;
  background-color: var(--gt-white);
  border-radius: 0;
  opacity: 1;
  position: relative;
}
.swiper-dot .swiper-pagination-bullet:not(:last-child) {
  margin-right: 15px;
}
.swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--gt-theme);
  border: 1px solid var(--gt-theme);
  transition: 0.6s;
  position: relative;
  width: 5px;
  height: 5px;
  border-radius: 0;
}
.swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  border: 1px solid var(--gt-theme);
  width: 20px;
  height: 20px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.swiper-dot-2 {
  text-align: center;
}
.swiper-dot-2 .swiper-pagination-bullet {
  width: 5px;
  height: 5px;
  transition: 0.6s;
  background-color: var(--gt-white);
  border-radius: 30px;
  opacity: 1;
  position: relative;
}
.swiper-dot-2 .swiper-pagination-bullet:not(:last-child) {
  margin-bottom: 30px;
}
.swiper-dot-2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--gt-theme);
  border: 1px solid var(--gt-theme);
  transition: 0.6s;
  position: relative;
  width: 5px;
  height: 5px;
  border-radius: 30px;
}
.swiper-dot-2 .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  border: 1px solid var(--gt-theme);
  width: 20px;
  height: 20px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

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

.slide-transtion {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

.brand-slide-element {
  width: auto;
  display: inline-block;
}

.footer-bg {
  background-color: var(--gt-header);
}

.page-nav-wrap {
  margin-top: 60px;
}
.page-nav-wrap ul li {
  display: inline-block;
}
.page-nav-wrap ul li.active .page-numbers {
  background: linear-gradient(180deg, #1539EE 0%, #2ADDC8 100%);
  color: var(--gt-white);
  border: 1px none;
}
.page-nav-wrap ul li .page-numbers {
  display: inline-block;
  width: 48px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  border-radius: 12px;
  border: 1px solid rgba(21, 57, 238, 0.2);
  background: transparent;
  color: var(--gt-header);
  font-weight: 400;
  transition: all 0.3s ease-in-out;
  margin: 0 2px;
}
.page-nav-wrap ul li .page-numbers.current {
  background: linear-gradient(180deg, #1539EE 0%, #2ADDC8 100%);
  color: var(--gt-white);
  border-radius: 10px;
}
@media (max-width: 767px) {
  .page-nav-wrap ul li .page-numbers {
    margin-top: 10px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
}
.page-nav-wrap ul li .page-numbers i {
  margin-top: 2px;
  color: var(--gt-theme);
  transition: all 0.4s ease-in-out;
}
.page-nav-wrap ul li .page-numbers:hover {
  border-radius: 12px;
  background: linear-gradient(180deg, #1539EE 0%, #2ADDC8 100%);
  color: var(--gt-white);
  border: 1px none;
}
.page-nav-wrap ul li .page-numbers:hover i {
  color: var(--gt-white);
}

.swiper-number4 {
  text-align: center;
}
.swiper-number4 .swiper-number-bullet {
  transition: 0.6s;
  opacity: 1;
  border: 1px transparent;
  position: relative;
  color: var(--gt-white);
}
.swiper-number4 .swiper-number-bullet.swiper-number-bullet-active {
  background-color: var(--gt-theme);
  transition: 0.6s;
  position: relative;
  width: 35px;
  border-radius: 30px;
}

.sticky-style {
  position: sticky !important;
  top: 100px;
}

.hero-1 {
  padding: 340px 110px 80px;
  position: relative;
}
@media (max-width: 1899px) {
  .hero-1 {
    background-image: none !important;
    padding: 270px 30px 70px;
  }
}
@media (max-width: 1199px) {
  .hero-1 {
    padding: 170px 0px 130px;
    background-image: none !important;
  }
}
@media (max-width: 991px) {
  .hero-1 {
    padding: 170px 0px 130px;
    background-image: none !important;
  }
}
@media (max-width: 575px) {
  .hero-1 {
    margin-top: 70px;
    margin-bottom: 405px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 2px 0px 15px;
    padding: 0 10px;
    overflow: visible;
    background-image: none !important;
  }
}
.hero-1 .gt-top-bg {
  display: none;
}
.hero-1 .gt-top-bg img {
  width: 100%;
  height: 100%;
}
@media (max-width: 575px) {
  .hero-1 .gt-top-bg {
    display: initial;
  }
}
.hero-1 .gt-top-shape {
  display: none;
  bottom: -220%;
  left: 0;
  right: 0;
  z-index: -1;
  position: absolute;
}
.hero-1 .gt-top-shape img {
  width: 100%;
  height: 100%;
}
@media (max-width: 575px) {
  .hero-1 .gt-top-shape {
    display: initial;
  }
}
.hero-1 .gt-shape-2 {
  display: none;
  position: absolute;
  top: -60%;
  left: 0;
  right: 0;
}
@media (max-width: 575px) {
  .hero-1 .gt-shape-2 {
    display: initial;
  }
}
.hero-1 .gt-arrow-shape {
  position: absolute;
  left: 19%;
  top: 74%;
}
@media (max-width: 1199px) {
  .hero-1 .gt-arrow-shape {
    display: none;
  }
}
.hero-1 .gt-top-image {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  display: none;
  bottom: 0;
  display: initial;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: 87%;
  display: none;
}
@media (max-width: 1899px) {
  .hero-1 .gt-top-image {
    background-position-x: 35%;
    display: initial;
  }
}
@media (max-width: 1399px) {
  .hero-1 .gt-top-image {
    background-position-x: 87%;
  }
}
.hero-1 .gt-top-image img {
  width: 100%;
  height: 100%;
}
.hero-1 .container-fluid {
  padding: 0 60px;
}
@media (max-width: 1199px) {
  .hero-1 .container-fluid {
    padding: 0 40px;
  }
}
@media (max-width: 767px) {
  .hero-1 .container-fluid {
    padding: 0 40px;
  }
}
@media (max-width: 575px) {
  .hero-1 .container-fluid {
    padding: 0 0;
  }
}
.hero-1 .gt-border-shape {
  position: absolute;
  left: 70px;
  right: 70px;
  bottom: 32px;
}
.hero-1 .gt-border-shape img {
  width: 100%;
  height: 100%;
}
@media (max-width: 1899px) {
  .hero-1 .gt-border-shape {
    display: none;
  }
}
@media (max-width: 1600px) {
  .hero-1 .gt-border-shape {
    left: 26px;
    right: 26px;
    bottom: 25px;
  }
}
.hero-1 .gt-shape {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.hero-1 .gt-shape img {
  width: 100%;
  height: 100%;
}
.hero-1 .hero-content {
  position: relative;
  z-index: 999;
}
@media (max-width: 575px) {
  .hero-1 .hero-content {
    position: absolute;
    top: 110%;
    z-index: 999;
  }
}
.hero-1 .hero-content .gt-client-info {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .hero-1 .hero-content .gt-client-info {
    margin-bottom: 20px;
  }
}
.hero-1 .hero-content .gt-client-info .gt-text h6 {
  color: var(--gt-white);
}
@media (max-width: 575px) {
  .hero-1 .hero-content .gt-client-info .gt-text h6 {
    color: var(--gt-header);
  }
}
.hero-1 .hero-content h1 {
  margin-bottom: 15px;
  color: var(--gt-white);
}
@media (max-width: 1600px) {
  .hero-1 .hero-content h1 {
    font-size: 70px;
  }
}
@media (max-width: 1399px) {
  .hero-1 .hero-content h1 {
    font-size: 60px;
  }
}
@media (max-width: 1199px) {
  .hero-1 .hero-content h1 {
    font-size: 50px;
  }
}
@media (max-width: 991px) {
  .hero-1 .hero-content h1 {
    font-size: 37px;
  }
}
@media (max-width: 767px) {
  .hero-1 .hero-content h1 {
    font-size: 35px;
  }
}
@media (max-width: 575px) {
  .hero-1 .hero-content h1 {
    color: var(--gt-header);
    line-height: 130%;
    font-size: 32px;
  }
}
.hero-1 .hero-content h1 span {
  color: #2ADDC8;
}
.hero-1 .hero-content h5 {
  color: var(--gt-white);
}
@media (max-width: 575px) {
  .hero-1 .hero-content h5 {
    color: var(--gt-header);
  }
}
.hero-1 .hero-content .gt-hero-button {
  margin-top: 40px;
}
@media (max-width: 575px) {
  .hero-1 .hero-content .gt-hero-button {
    margin-top: 25px;
  }
}
.hero-1 .hero-content .gt-coming-soon-time {
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
  margin-top: 70px;
}
@media (max-width: 1199px) {
  .hero-1 .hero-content .gt-coming-soon-time {
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .hero-1 .hero-content .gt-coming-soon-time {
    margin-top: 30px;
  }
}
.hero-1 .hero-content .gt-coming-soon-time .gt-timer-content {
  text-align: center;
  width: 70px;
  height: 70px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--gt-white);
  border-radius: 100%;
}
@media (max-width: 767px) {
  .hero-1 .hero-content .gt-coming-soon-time .gt-timer-content {
    width: 60px;
    height: 60px;
  }
}
.hero-1 .hero-content .gt-coming-soon-time .gt-timer-content h3 {
  font-size: 14px;
  font-weight: 700;
  color: var(--gt-theme);
  line-height: 1;
}
.hero-1 .hero-content .gt-coming-soon-time .gt-timer-content p {
  font-size: 14px;
  font-weight: 300;
  color: var(--gt-theme);
  text-transform: uppercase;
}
.hero-1 .hero-image {
  position: absolute;
  bottom: 20px;
  right: 110px;
}
@media (max-width: 1899px) {
  .hero-1 .hero-image {
    display: none;
  }
}
@media (max-width: 575px) {
  .hero-1 .hero-image {
    display: none;
  }
}
.hero-1 .hero-image img {
  width: 100%;
  height: 100%;
}

.gt-hero-2 {
  padding: 300px 0 230px;
  position: relative;
}
@media (max-width: 1600px) {
  .gt-hero-2 {
    padding: 250px 0 200px;
  }
}
@media (max-width: 1199px) {
  .gt-hero-2 {
    padding: 200px 0 150px;
  }
}
@media (max-width: 991px) {
  .gt-hero-2 {
    padding: 160px 0 100px;
  }
}
@media (max-width: 767px) {
  .gt-hero-2 {
    padding: 150px 0 90px;
  }
}
.gt-hero-2 .video {
  position: relative;
  position: absolute;
  text-align: center;
  z-index: 999;
  left: 115px;
  bottom: 113px;
}
@media (max-width: 1600px) {
  .gt-hero-2 .video {
    left: 64px;
    bottom: 70px;
  }
}
@media (max-width: 1199px) {
  .gt-hero-2 .video {
    display: none;
  }
}
.gt-hero-2 .video .video-btn {
  text-align: center;
  color: #4D55CC;
  display: inline-block;
  text-align: center;
  font-size: 24px;
  z-index: 999;
  position: absolute;
  z-index: 99;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  line-height: 100px;
  background-color: rgba(77, 85, 204, 0.07);
  border-radius: 100%;
}
@media (max-width: 1600px) {
  .gt-hero-2 .video .video-btn {
    width: 80px;
    height: 80px;
    line-height: 80px;
  }
}
.gt-hero-2 .video .video-btn i {
  z-index: 99;
  position: relative;
}
.gt-hero-2 .video .circle-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.gt-hero-2 .video .circle-image img {
  animation: cir36 10s linear infinite;
  max-width: 150px;
}
@media (max-width: 1600px) {
  .gt-hero-2 .video .circle-image img {
    max-width: 120px;
  }
}
.gt-hero-2 .gt-social-icon {
  display: grid;
  align-items: center;
  gap: 20px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1199px) {
  .gt-hero-2 .gt-social-icon {
    display: none;
  }
}
.gt-hero-2 .gt-social-icon a {
  color: var(--gt-white);
  transform: rotate(-90deg);
}
.gt-hero-2 .gt-social-icon span {
  color: var(--gt-white);
  letter-spacing: 0.7px;
  text-transform: uppercase;
  transform: rotate(-90deg);
  display: inline-block;
  margin-top: 115px;
  position: relative;
}
.gt-hero-2 .gt-social-icon span::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 35px;
  background-color: var(--gt-white);
  top: -4px;
  left: 133px;
  right: 0;
  bottom: 0;
  transform: rotate(-90deg);
}
.gt-hero-2 .gt-hero-image {
  max-width: 613px;
  z-index: 9;
  position: relative;
}
.gt-hero-2 .gt-hero-image img {
  width: 100%;
  height: 100%;
}
.gt-hero-2 .gt-hero-image .gt-group-shape {
  position: absolute;
  top: -90%;
  left: -53%;
  z-index: -1;
}
@media (max-width: 1600px) {
  .gt-hero-2 .gt-hero-image .gt-group-shape {
    display: none;
  }
}
.gt-hero-2 .gt-hero-image .gt-group-shape img {
  width: initial;
  height: initial;
}
.gt-hero-2 .gt-hero-content h6 {
  letter-spacing: 3.2px;
  text-transform: uppercase;
  margin-bottom: 30px;
  color: var(--gt-white);
}
.gt-hero-2 .gt-hero-content h6 span {
  color: #FF0;
}
@media (max-width: 1199px) {
  .gt-hero-2 .gt-hero-content h6 {
    margin-bottom: 20px;
  }
}
.gt-hero-2 .gt-hero-content h1 {
  color: var(--gt-white);
  margin-bottom: 30px;
  font-size: 80px;
  font-weight: 600;
}
@media (max-width: 1600px) {
  .gt-hero-2 .gt-hero-content h1 {
    font-size: 70px;
  }
}
@media (max-width: 1399px) {
  .gt-hero-2 .gt-hero-content h1 {
    font-size: 60px;
  }
}
@media (max-width: 1199px) {
  .gt-hero-2 .gt-hero-content h1 {
    font-size: 55px;
  }
}
@media (max-width: 991px) {
  .gt-hero-2 .gt-hero-content h1 {
    font-size: 45px;
  }
}
@media (max-width: 767px) {
  .gt-hero-2 .gt-hero-content h1 {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .gt-hero-2 .gt-hero-content h1 {
    font-size: 30px;
  }
}
.gt-hero-2 .gt-hero-content .gt-hero-list {
  display: flex;
  align-items: center;
  gap: 15px;
}
@media (max-width: 1199px) {
  .gt-hero-2 .gt-hero-content .gt-hero-list {
    flex-wrap: wrap;
  }
}
.gt-hero-2 .gt-hero-content .gt-hero-list li {
  color: var(--gt-white);
}
.gt-hero-2 .gt-hero-content .gt-hero-list li.style-2 {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  padding-right: 15px;
}
.gt-hero-2 .gt-hero-content .gt-hero-list li i {
  color: #FFFF00;
}
.gt-hero-2 .gt-hero-content .gt-hero-button {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 40px;
}
@media (max-width: 1199px) {
  .gt-hero-2 .gt-hero-content .gt-hero-button {
    flex-wrap: wrap;
  }
}
.gt-hero-2 .gt-hero-content .gt-hero-button .gt-theme-btn.gt-theme-btn-2 {
  background-image: none;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.gt-hero-2 .gt-hero-content .gt-hero-button .gt-theme-btn.gt-theme-btn-2:hover {
  background-image: linear-gradient(to right, #211C84 0%, #7A73D1 50%, #211C84 100%);
  border: 1px solid transparent;
}

.gt-hero-3 {
  padding: 280px 0 200px;
  position: relative;
  border-radius: 0px 0px 100px 100px;
}
@media (max-width: 1199px) {
  .gt-hero-3 {
    padding: 210px 0 200px;
  }
}
@media (max-width: 991px) {
  .gt-hero-3 {
    padding: 180px 0 80px;
  }
}
.gt-hero-3::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 0px 0px 100px 100px;
  background: linear-gradient(105deg, rgba(21, 57, 238, 0.6) 0%, rgba(153, 0, 255, 0.6) 100%);
}
.gt-hero-3 .gt-shape {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
@media (max-width: 991px) {
  .gt-hero-3 .gt-shape {
    display: none;
  }
}
.gt-hero-3 .gt-coming-soon-time {
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 15px;
}
@media (max-width: 1199px) {
  .gt-hero-3 .gt-coming-soon-time {
    flex-wrap: wrap;
  }
}
@media (max-width: 991px) {
  .gt-hero-3 .gt-coming-soon-time {
    display: none;
  }
}
.gt-hero-3 .gt-coming-soon-time .gt-timer-content {
  text-align: center;
  width: 70px;
  height: 70px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: transparent;
  border: 1px solid rgba(153, 0, 255, 0.2);
  border-radius: 100%;
}
.gt-hero-3 .gt-coming-soon-time .gt-timer-content h3 {
  font-size: 14px;
  font-weight: 700;
  color: var(--gt-theme-3);
  line-height: 1;
}
.gt-hero-3 .gt-coming-soon-time .gt-timer-content p {
  font-size: 14px;
  font-weight: 300;
  color: var(--gt-theme-3);
  text-transform: uppercase;
}
.gt-hero-3 .gt-hero-content {
  position: relative;
  text-align: center;
}
.gt-hero-3 .gt-hero-content span {
  font-size: 96px;
  font-weight: 200;
  text-transform: uppercase;
  color: #2ADDC8;
}
.gt-hero-3 .gt-hero-content span.gt-style-2 {
  letter-spacing: 32.64px;
}
@media (max-width: 1199px) {
  .gt-hero-3 .gt-hero-content span {
    font-size: 65px;
  }
}
@media (max-width: 991px) {
  .gt-hero-3 .gt-hero-content span {
    font-size: 55px;
  }
}
@media (max-width: 767px) {
  .gt-hero-3 .gt-hero-content span {
    font-size: 45px;
  }
}
@media (max-width: 575px) {
  .gt-hero-3 .gt-hero-content span {
    font-size: 35px;
  }
}
.gt-hero-3 .gt-hero-content h1 {
  font-size: 150px;
  font-weight: 800;
  color: var(--gt-white);
  margin-bottom: 40px;
}
@media (max-width: 1199px) {
  .gt-hero-3 .gt-hero-content h1 {
    font-size: 120px;
    margin-bottom: 30px;
  }
}
@media (max-width: 991px) {
  .gt-hero-3 .gt-hero-content h1 {
    font-size: 100px;
  }
}
@media (max-width: 767px) {
  .gt-hero-3 .gt-hero-content h1 {
    font-size: 55px;
  }
}
@media (max-width: 575px) {
  .gt-hero-3 .gt-hero-content h1 {
    font-size: 45px;
  }
}
.gt-hero-3 .gt-hero-content p {
  color: var(--gt-white);
}
.gt-hero-3 .gt-hero-content .hero-button {
  margin-top: 50px;
}
@media (max-width: 1199px) {
  .gt-hero-3 .gt-hero-content .hero-button {
    margin-top: 30px;
  }
}

.gt-hero-4 {
  position: relative;
  padding: 230px 0;
}
@media (max-width: 1199px) {
  .gt-hero-4 {
    padding: 160px 0 120px;
  }
}
@media (max-width: 991px) {
  .gt-hero-4 {
    padding: 130px 0 100px;
  }
}
@media (max-width: 767px) {
  .gt-hero-4 {
    padding: 130px 0 80px;
  }
}
@media (max-width: 575px) {
  .gt-hero-4 {
    padding: 130px 0 80px;
  }
}
.gt-hero-4::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(180deg, #11112C 0%, rgba(17, 17, 44, 0) 100%);
}
.gt-hero-4 .gt-left-shape {
  position: absolute;
  left: 50px;
  top: 280px;
}
@media (max-width: 1199px) {
  .gt-hero-4 .gt-left-shape {
    display: none;
  }
}
.gt-hero-4 .gt-right-shape {
  position: absolute;
  right: 50px;
  top: 280px;
}
@media (max-width: 1199px) {
  .gt-hero-4 .gt-right-shape {
    display: none;
  }
}
.gt-hero-4 .gt-hero-content {
  text-align: center;
  position: relative;
}
.gt-hero-4 .gt-hero-content h2 {
  font-family: "Yellowtail", sans-serif;
  color: var(--gt-theme-4);
}
.gt-hero-4 .gt-hero-content .gt-coming-soon-time {
  display: flex;
  align-items: center;
  gap: 70px;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: 30px;
}
@media (max-width: 1199px) {
  .gt-hero-4 .gt-hero-content .gt-coming-soon-time {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.gt-hero-4 .gt-hero-content .gt-coming-soon-time .gt-timer-content {
  position: relative;
}
.gt-hero-4 .gt-hero-content .gt-coming-soon-time .gt-timer-content::before {
  position: absolute;
  content: "";
  left: 163%;
  right: 0;
  top: 20px;
  width: 6px;
  height: 6px;
  border-radius: 30px;
  background-color: var(--gt-theme-4);
}
@media (max-width: 1199px) {
  .gt-hero-4 .gt-hero-content .gt-coming-soon-time .gt-timer-content::before {
    display: none;
  }
}
.gt-hero-4 .gt-hero-content .gt-coming-soon-time .gt-timer-content.gt-style-2::before {
  display: none;
}
.gt-hero-4 .gt-hero-content .gt-coming-soon-time .gt-timer-content h3 {
  color: var(--gt-white);
  text-align: center;
  line-height: 1;
}
.gt-hero-4 .gt-hero-content .gt-coming-soon-time .gt-timer-content p {
  font-size: 14px;
  font-weight: 300;
  color: var(--gt-theme-4);
  text-transform: uppercase;
}
.gt-hero-4 .gt-hero-content h1 {
  color: var(--gt-theme-4);
  font-size: 150px;
  font-weight: 400;
  font-family: "Yellowtail", sans-serif;
}
@media (max-width: 1199px) {
  .gt-hero-4 .gt-hero-content h1 {
    font-size: 100px;
  }
}
@media (max-width: 991px) {
  .gt-hero-4 .gt-hero-content h1 {
    font-size: 80px;
  }
}
@media (max-width: 767px) {
  .gt-hero-4 .gt-hero-content h1 {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .gt-hero-4 .gt-hero-content h1 {
    font-size: 40px;
  }
}
.gt-hero-4 .gt-hero-content .gt-list {
  display: flex;
  align-items: center;
  gap: 40px;
  justify-content: center;
  margin-top: 40px;
}
@media (max-width: 1199px) {
  .gt-hero-4 .gt-hero-content .gt-list {
    flex-wrap: wrap;
    margin-top: 30px;
    gap: 20px;
  }
}
.gt-hero-4 .gt-hero-content .gt-list li {
  font-size: 18px;
  font-weight: 400;
  color: var(--gt-white);
  position: relative;
}
.gt-hero-4 .gt-hero-content .gt-list li.gt-style-3 {
  position: relative;
}
.gt-hero-4 .gt-hero-content .gt-list li.gt-style-3::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 15px;
  top: 8px;
  left: -20px;
  background-color: var(--gt-white);
}
@media (max-width: 1199px) {
  .gt-hero-4 .gt-hero-content .gt-list li.gt-style-3::before {
    display: none;
  }
}
.gt-hero-4 .gt-hero-content .gt-list li i {
  margin-right: 5px;
  color: var(--gt-white);
}
.gt-hero-4 .gt-hero-content .gt-hero-button {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: center;
  margin-top: 50px;
}
@media (max-width: 1199px) {
  .gt-hero-4 .gt-hero-content .gt-hero-button {
    flex-wrap: wrap;
    margin-top: 30px;
  }
}
.gt-hero-4 .gt-hero-content .gt-hero-button .video-btn {
  color: var(--gt-white);
  border-radius: 100px;
  padding: 14px 25px;
  background-color: var(--gt-theme-3);
  color: var(--gt-white);
}
.gt-hero-4 .gt-hero-content .gt-hero-button .video-btn span {
  font-size: 18px;
  font-weight: 600;
  color: var(--gt-white);
}

.gt-hero-5 {
  padding: 345px 0 350px;
  position: relative;
}
@media (max-width: 1199px) {
  .gt-hero-5 {
    padding: 200px 0 200px;
  }
}
@media (max-width: 991px) {
  .gt-hero-5 {
    padding: 180px 0 180px;
  }
}
@media (max-width: 575px) {
  .gt-hero-5 {
    padding: 150px 0 150px;
  }
}
.gt-hero-5 .side-hero {
  position: absolute;
  right: 30px;
  top: 30px;
  bottom: 30px;
}
.gt-hero-5 .side-hero .offcanvas__info {
  background: var(gt-white) none repeat scroll 0 0;
  border-left: 2px none;
  position: relative;
  width: 314px;
  height: 100%;
  transform: translateX(0%);
  transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  z-index: 9999999;
}
@media (max-width: 1199px) {
  .gt-hero-5 .side-hero .offcanvas__info {
    display: none;
  }
}
.gt-hero-5 .side-hero .offcanvas__info .offcanvas__wrapper {
  overflow: hidden;
}
.gt-hero-5 .side-hero .offcanvas__info .offcanvas__wrapper .offcanvas__content {
  overflow: hidden;
}
.gt-hero-5 .side-hero .offcanvas__info .offcanvas__wrapper .offcanvas__content .sideber-image {
  margin-top: 50px;
}
.gt-hero-5 .side-hero .offcanvas__info .offcanvas__wrapper .offcanvas__content .sideber-image img {
  border-radius: 10px;
}
.gt-hero-5 .side-hero .offcanvas__info .offcanvas__wrapper .offcanvas__content .gt-theme-btn.style-5 {
  width: 100%;
  margin-top: 30px;
}
.gt-hero-5 .side-hero .offcanvas__info .offcanvas__wrapper .offcanvas__content .gt-theme-btn.style-5 i {
  transform: rotate(0);
}
.gt-hero-5 .gt-hero-list {
  display: flex;
  align-items: center;
  gap: 15px;
  position: absolute;
  left: 88px;
  bottom: 50px;
}
@media (max-width: 1199px) {
  .gt-hero-5 .gt-hero-list {
    flex-wrap: wrap;
    left: 10px;
    bottom: 30px;
  }
}
.gt-hero-5 .gt-hero-list li {
  color: var(--gt-white);
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
}
.gt-hero-5 .gt-hero-list li i {
  color: var(--gt-white);
  margin-right: 5px;
}
.gt-hero-5 .year {
  text-shadow: 0px 55px 20px rgba(0, 0, 0, 0.25);
  -webkit-text-stroke-width: 8px;
  -webkit-text-stroke-color: #fff;
  font-size: 170px;
  font-weight: 800;
  background: linear-gradient(90deg, #EF0F8A 0%, #90F 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transform: rotate(-15deg);
  position: absolute;
  left: 37%;
  top: 17%;
}
@media (max-width: 1199px) {
  .gt-hero-5 .year {
    left: 45%;
    top: 10%;
    font-size: 140px;
  }
}
@media (max-width: 991px) {
  .gt-hero-5 .year {
    left: 45%;
    top: 10%;
    font-size: 120px;
  }
}
@media (max-width: 575px) {
  .gt-hero-5 .year {
    font-size: 70px;
    left: 40%;
    top: 20%;
  }
}
.gt-hero-5 .gt-hero-content h1 {
  font-family: "Roboto Serif", sans-serif;
  color: var(--gt-white);
  font-size: 150px;
  font-weight: 500;
  letter-spacing: -4.5px;
}
@media (max-width: 1199px) {
  .gt-hero-5 .gt-hero-content h1 {
    font-size: 120px;
  }
}
@media (max-width: 991px) {
  .gt-hero-5 .gt-hero-content h1 {
    font-size: 90px;
  }
}
@media (max-width: 575px) {
  .gt-hero-5 .gt-hero-content h1 {
    font-size: 40px;
    letter-spacing: initial;
  }
}
.gt-hero-5 .gt-hero-content h1 span {
  display: inline-block;
  margin-left: 220px;
}
@media (max-width: 1600px) {
  .gt-hero-5 .gt-hero-content h1 span {
    margin-left: 0;
  }
}

.marquee-text-slider-3 {
  background-color: var(--gt-bg);
}
.marquee-text-slider-3.style-11 {
  background-color: transparent;
  padding: 0;
  margin-top: 50px;
  position: relative;
  margin-left: 50px;
}
@media (max-width: 1199px) {
  .marquee-text-slider-3.style-11 {
    margin-left: 0;
  }
}
.marquee-text-slider-3.style-11 .marquee-text-3 {
  display: flex;
  align-items: center;
  background-color: var(--gt-white);
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 15px 20px;
  line-height: 1;
  border-radius: 100px;
}
.marquee-text-slider-3.style-11 .marquee-text-3.bg-cover {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.marquee-text-slider-3.style-11 .marquee-text-3.bg-cover::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("../../assets/img/home-1/marque/bg-image.png");
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: all 0.4s ease-in-out;
  z-index: -1;
}
.marquee-text-slider-3.style-11 .marquee-text-3 .text-marquee {
  font-size: 16px;
  font-weight: 600;
  color: var(--gt-header);
  transition: all 0.4s ease-in-out;
}
.marquee-text-slider-3.style-11 .marquee-text-3:hover .text-marquee {
  color: var(--gt-white);
}
.marquee-text-slider-3.style-11 .marquee-text-3:hover.bg-cover::before {
  opacity: 1;
}
.marquee-text-slider-3.style-12 {
  background-color: transparent;
  padding-top: 30px;
  margin-top: 0;
  margin-right: 50px;
  padding-bottom: 30px;
}
@media (max-width: 1199px) {
  .marquee-text-slider-3.style-12 {
    padding-bottom: 100px;
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .marquee-text-slider-3.style-12 {
    padding-bottom: 80px;
  }
}
.marquee-text-slider-3.style-12 .marquee-text-3 {
  display: flex;
  align-items: center;
  background-color: var(--gt-white);
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 15px 20px;
  line-height: 1;
  border-radius: 100px;
}
.marquee-text-slider-3.style-12 .marquee-text-3.bg-cover {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.marquee-text-slider-3.style-12 .marquee-text-3.bg-cover::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("../../assets/img/home-1/marque/bg-image.png");
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: all 0.4s ease-in-out;
  z-index: -1;
}
.marquee-text-slider-3.style-12 .marquee-text-3 .text-marquee {
  font-size: 16px;
  font-weight: 600;
  color: var(--gt-header);
  transition: all 0.4s ease-in-out;
}
.marquee-text-slider-3.style-12 .marquee-text-3:hover .text-marquee {
  color: var(--gt-white);
}
.marquee-text-slider-3.style-12 .marquee-text-3:hover.bg-cover::before {
  opacity: 1;
}

.gt-marque-section {
  position: relative;
}
.gt-marque-section .overlay-shape {
  position: absolute;
  left: 0;
  top: 288px;
  z-index: 999;
}
@media (max-width: 1199px) {
  .gt-marque-section .overlay-shape {
    display: none;
  }
}
.gt-marque-section .overlay-shape-2 {
  position: absolute;
  right: 0;
  top: 288px;
  z-index: 999;
}
@media (max-width: 1199px) {
  .gt-marque-section .overlay-shape-2 {
    display: none;
  }
}

.scrolling-wrap {
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  gap: 40px;
  padding: 50px 0 0;
  position: relative;
  z-index: 999;
}
.scrolling-wrap.gt-style-3 {
  padding: 7px 0 0;
}
.scrolling-wrap.gt-style-inner {
  padding: 7px 0 0;
}
.scrolling-wrap .comm {
  display: flex;
  align-items: center;
  animation: scroll 60s linear infinite;
  gap: 20px;
  cursor: pointer;
}
.scrolling-wrap .comm .cmn-textslide {
  font-size: 96px;
  font-weight: 800;
  line-height: 70px;
  text-transform: uppercase;
  font-family: "Sora", sans-serif;
  display: flex;
  align-items: center;
  gap: 30px;
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #2ADDC8;
  transition: all 0.4s ease-in-out;
}
.scrolling-wrap .comm .cmn-textslide:hover {
  color: var(--gt-header);
  -webkit-text-stroke-color: transparent;
}
.scrolling-wrap:hover .comm {
  animation-play-state: paused;
}
@media (max-width: 1399px) {
  .scrolling-wrap .comm {
    gap: 20px;
  }
}
@media (max-width: 991px) {
  .scrolling-wrap {
    gap: 14px;
  }
  .scrolling-wrap .comm {
    gap: 14px;
  }
}
@media (max-width: 575px) {
  .scrolling-wrap .comm {
    gap: 12px;
  }
}

.mycustom-marque-4 .scrolling-wrap-4 {
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  gap: 40px;
  position: relative;
  z-index: 999;
}
.mycustom-marque-4 .scrolling-wrap-4 .comm {
  display: flex;
  align-items: center;
  animation: scroll 60s linear infinite;
  gap: 60px;
  cursor: pointer;
}
.mycustom-marque-4 .scrolling-wrap-4 .comm .cmn-textslide {
  font-size: 150px;
  font-weight: 400;
  line-height: 130px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 60px;
  color: var(--gt-theme-4);
  font-family: "Yellowtail", sans-serif;
}
@media (max-width: 1199px) {
  .mycustom-marque-4 .scrolling-wrap-4 .comm .cmn-textslide {
    font-size: 120px;
    line-height: 90px;
  }
}
@media (max-width: 991px) {
  .mycustom-marque-4 .scrolling-wrap-4 .comm .cmn-textslide {
    font-size: 100px;
    line-height: 90px;
  }
}
@media (max-width: 767px) {
  .mycustom-marque-4 .scrolling-wrap-4 .comm .cmn-textslide {
    font-size: 70px;
    line-height: 90px;
  }
}
.mycustom-marque-4 .scrolling-wrap-4 .comm .cmn-textslide i {
  font-size: 42px;
  color: var(--gt-white);
}
.mycustom-marque-4 .scrolling-wrap-4:hover .comm {
  animation-play-state: paused;
}
@media (max-width: 1399px) {
  .mycustom-marque-4 .scrolling-wrap-4 .comm {
    gap: 20px;
  }
}
@media (max-width: 991px) {
  .mycustom-marque-4 .scrolling-wrap-4 {
    gap: 14px;
  }
  .mycustom-marque-4 .scrolling-wrap-4 .comm {
    gap: 14px;
  }
}
@media (max-width: 575px) {
  .mycustom-marque-4 .scrolling-wrap-4 .comm {
    gap: 12px;
  }
}

.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;
  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 {
  display: block;
  width: 100%;
  padding: 10px 0;
  color: var(--gt-black);
  font-size: 17px;
  line-height: 2;
  font-weight: 700;
  text-transform: capitalize;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
  border: none;
  font-family: "Sora", sans-serif;
}
.mean-container .mean-nav ul li a:hover {
  color: var(--gt-theme);
}

.mean-container .mean-nav ul li .submenu li a {
  border-bottom: none !important;
  font-size: 14px;
  padding: 6px 0;
  color: #9A9A9A;
}

.mean-container .mean-nav ul li a:last-child {
  border-bottom: 0;
}

.mean-container .mean-nav ul li a:hover {
  color: var(--gt-theme);
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 5px;
  padding: 0 !important;
}

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

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

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

.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);
  transition: all 0.4s ease-in-out;
}

.mean-container .mean-nav ul li .mega-menu li a {
  height: 200px;
  width: 100%;
  padding: 0;
  border-top: 0;
  margin-bottom: 20px;
}

.gt-news-card-item {
  margin-top: 30px;
  border-radius: 10px;
  border: 1px solid rgba(21, 57, 238, 0.1);
  background: var(--gt-white);
}
.gt-news-card-item .gt-news-image {
  position: relative;
}
.gt-news-card-item .gt-news-image img {
  width: 100%;
  height: 100%;
  border-radius: 10px 10px 0px 0px;
}
.gt-news-card-item .gt-news-image span {
  position: absolute;
  top: 30px;
  left: 30px;
  background-color: var(--gt-theme);
  color: var(--gt-white);
  font-size: 14px;
  font-weight: 700;
  padding: 8px 10px;
  border-radius: 100px;
  line-height: 1;
}
.gt-news-card-item .gt-news-content {
  padding: 30px;
}
@media (max-width: 470px) {
  .gt-news-card-item .gt-news-content {
    padding: 25px;
  }
}
.gt-news-card-item .gt-news-content.gt-style-2 h3 {
  font-size: 32px;
}
@media (max-width: 1199px) {
  .gt-news-card-item .gt-news-content.gt-style-2 h3 {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .gt-news-card-item .gt-news-content.gt-style-2 h3 {
    font-size: 20px;
  }
}
.gt-news-card-item .gt-news-content h3 {
  margin-bottom: 10px;
}
.gt-news-card-item .gt-news-content h3 a:hover {
  color: var(--gt-theme);
}
.gt-news-card-item .gt-news-content p {
  color: var(--gt-text-2);
}
.gt-news-card-item .gt-news-post-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 30px;
  border-top: 1px solid rgba(21, 57, 238, 0.2);
}
@media (max-width: 1199px) {
  .gt-news-card-item .gt-news-post-item {
    flex-wrap: wrap;
    gap: 20px;
  }
}
@media (max-width: 470px) {
  .gt-news-card-item .gt-news-post-item {
    padding: 25px;
  }
}
.gt-news-card-item .gt-news-post-item .post-date {
  width: 68px;
  height: 68px;
  padding: 8px;
  text-align: center;
  border-radius: 6px;
  background: linear-gradient(180deg, #1539EE 0%, #2ADDC8 100%);
}
.gt-news-card-item .gt-news-post-item .post-date h5 {
  color: var(--gt-white);
  font-weight: 700;
}
.gt-news-card-item .gt-news-post-item .post-date p {
  color: var(--gt-white);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

.gt-news-section {
  position: relative;
}
.gt-news-section::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: radial-gradient(ellipse at 20% 80%, rgba(173, 216, 230, 0.6) 0%, rgba(255, 255, 224, 0.4) 60%, rgb(240, 240, 240) 100%);
  top: 50%;
  z-index: -1;
}

.gt-news-card-item-2 {
  margin-top: 30px;
}
.gt-news-card-item-2 .gt-news-image {
  position: relative;
}
.gt-news-card-item-2 .gt-news-image img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.gt-news-card-item-2 .gt-news-image .post-box {
  position: absolute;
  left: 30px;
  top: 30px;
}
.gt-news-card-item-2 .gt-news-image .post-box li {
  background-color: var(--gt-white);
  padding: 2px 10px;
  border-radius: 6px;
  color: #ABABAB;
}
.gt-news-card-item-2 .gt-news-image .post-box li i {
  margin-right: 5px;
  color: #4D55CC;
}
.gt-news-card-item-2 .gt-news-content {
  margin-top: 30px;
}
.gt-news-card-item-2 .gt-news-content .gt-post-list {
  margin-bottom: 6px;
}
.gt-news-card-item-2 .gt-news-content .gt-post-list li {
  color: #ABABAB;
}
.gt-news-card-item-2 .gt-news-content .gt-post-list li i {
  color: #4D55CC;
  margin-right: 5px;
}
.gt-news-card-item-2 .gt-news-content h3 {
  margin-bottom: 30px;
}
.gt-news-card-item-2 .gt-news-content h3 a:hover {
  color: var(--gt-theme-2);
}

.gt-news-card-item-5 {
  margin-top: 30px;
  position: relative;
  z-index: 999;
}
.gt-news-card-item-5 .gt-news-image {
  position: relative;
}
.gt-news-card-item-5 .gt-news-image img {
  width: 100%;
  height: 100%;
}
.gt-news-card-item-5 .gt-news-image .gt-post {
  background-color: #FF1ABC;
  color: var(--gt-white);
  display: inline-block;
  padding: 10px 12px;
  transform: rotate(-90deg);
  position: absolute;
  left: 0;
  bottom: 0;
  transform: rotate(-90deg) translate(0%, 100%);
  transform-origin: bottom left;
  margin: 0;
  line-height: 1;
  z-index: 999;
}
.gt-news-card-item-5 .gt-news-image .gt-post::before {
  position: absolute;
  content: "";
  width: 26px;
  height: 36px;
  background-color: #DA029B;
  left: -26px;
  bottom: 0px;
  z-index: 999;
  clip-path: polygon(100% 100%, 100% 0, 0 0);
}
.gt-news-card-item-5 .gt-news-content {
  padding: 15px 30px 0;
  background-color: #F4F4F4;
  position: relative;
}
@media (max-width: 575px) {
  .gt-news-card-item-5 .gt-news-content {
    padding: 15px 25px 0;
  }
}
.gt-news-card-item-5 .gt-news-content .gt-news-post {
  display: flex;
  align-items: center;
  gap: 60px;
  margin-bottom: 12px;
}
@media (max-width: 1199px) {
  .gt-news-card-item-5 .gt-news-content .gt-news-post {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.gt-news-card-item-5 .gt-news-content .gt-news-post li {
  position: relative;
  padding-left: 25px;
}
.gt-news-card-item-5 .gt-news-content .gt-news-post li::before {
  position: absolute;
  content: "";
  left: 0;
  background-color: #FF1ABC;
  width: 16px;
  height: 2px;
  top: 12px;
}
.gt-news-card-item-5 .gt-news-content .gt-news-post li.gt-style-2::after {
  position: absolute;
  content: "";
  left: -30px;
  background-color: #CDCED0;
  width: 1px;
  opacity: 0.7;
  height: 24px;
  top: 2px;
}
@media (max-width: 1199px) {
  .gt-news-card-item-5 .gt-news-content .gt-news-post li.gt-style-2::after {
    display: none;
  }
}
.gt-news-card-item-5 .gt-news-content h3 a:hover {
  color: #FF1ABC;
}
.gt-news-card-item-5 .gt-news-content .gt-link-btn-5 {
  background-color: var(--gt-theme-3);
  color: var(--gt-white);
  padding: 10px 38px;
  margin-top: 30px;
  margin-left: -30px;
  display: inline-block;
  position: relative;
}
@media (max-width: 575px) {
  .gt-news-card-item-5 .gt-news-content .gt-link-btn-5 {
    margin-left: -24px;
  }
}
.gt-news-card-item-5 .gt-news-content .gt-link-btn-5::before {
  position: absolute;
  content: "";
  right: -44px;
  bottom: 0;
  width: 44px;
  height: 47px;
  background-color: rgba(153, 0, 255, 0.88);
  opacity: 0.88;
  clip-path: polygon(0 0, -10% 101%, 64% 100%);
  transition: all 0.4s ease-in-out;
}
.gt-news-card-item-5 .gt-news-content .gt-link-btn-5 i {
  color: var(--gt-white);
  transform: rotate(15deg);
  transition: all 0.4s ease-in-out;
  margin-left: 10px;
}
.gt-news-card-item-5 .gt-news-content .gt-link-btn-5:hover {
  background-color: #FF1ABC;
}
.gt-news-card-item-5 .gt-news-content .gt-link-btn-5:hover::before {
  background-color: #FF1ABC;
  opacity: 0.88;
}
.gt-news-card-item-5 .gt-news-content .gt-link-btn-5:hover i {
  transform: rotate(45deg);
}

.news-wrapper-3 {
  margin-top: 30px;
}
.news-wrapper-3 .gt-news-items-3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 20px 0;
}
@media (max-width: 1199px) {
  .news-wrapper-3 .gt-news-items-3 {
    flex-wrap: wrap;
    gap: 30px;
  }
}
.news-wrapper-3 .gt-news-items-3.gt-style-2 {
  border-bottom: 1px none;
}
.news-wrapper-3 .gt-news-items-3 .gt-news-content .gt-post {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.news-wrapper-3 .gt-news-items-3 .gt-news-content .gt-post li {
  font-size: 14px;
  font-weight: 400;
  padding: 8px 10px;
  border-radius: 100px;
  background-color: var(--gt-theme-3);
  line-height: 1;
  color: var(--gt-white);
}
.news-wrapper-3 .gt-news-items-3 .gt-news-content .gt-post li.gt-style-2 {
  background-color: var(--gt-theme);
}
.news-wrapper-3 .gt-news-items-3 .gt-news-content h3 {
  margin-bottom: 15px;
}
.news-wrapper-3 .gt-news-items-3 .gt-news-content h3 a:hover {
  color: var(--gt-theme);
}
.news-wrapper-3 .gt-news-items-3 .gt-news-content p {
  color: var(--gt-text-2);
  margin-bottom: 30px;
}
.news-wrapper-3 .gt-news-items-3 .gt-news-image {
  position: relative;
}
@media (max-width: 1199px) {
  .news-wrapper-3 .gt-news-items-3 .gt-news-image {
    flex-basis: 100%;
  }
}
.news-wrapper-3 .gt-news-items-3 .gt-news-image img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.news-wrapper-3 .gt-news-items-3 .gt-news-image .post-date {
  width: 68px;
  height: 68px;
  padding: 8px;
  text-align: center;
  border-radius: 6px;
  background: linear-gradient(180deg, #1539EE 0%, #90F 100%);
  position: absolute;
  right: 30px;
  top: 30px;
}
.news-wrapper-3 .gt-news-items-3 .gt-news-image .post-date h5 {
  color: var(--gt-white);
  font-weight: 700;
}
.news-wrapper-3 .gt-news-items-3 .gt-news-image .post-date p {
  color: var(--gt-white);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

.gt-news-section-3 {
  position: relative;
}
.gt-news-section-3 .gt-left-shape {
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (max-width: 1600px) {
  .gt-news-section-3 .gt-left-shape {
    display: none;
  }
}

.gt-news-card-items-5 {
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  margin-top: 30px;
}
.gt-news-card-items-5 .gt-list {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 20px;
}
.gt-news-card-items-5 .gt-list li {
  font-size: 12px;
  font-weight: 600;
  color: var(--gt-white);
}
.gt-news-card-items-5 .gt-list li i {
  margin-right: 10px;
  color: var(--gt-theme-4);
}
.gt-news-card-items-5 .gt-news-image {
  padding: 0 20px;
  position: relative;
}
.gt-news-card-items-5 .gt-news-image .gt-post-circle {
  position: absolute;
  top: 20px;
  right: 40px;
  width: 85px;
  height: 85px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 100px;
  background-color: var(--gt-theme-3);
}
.gt-news-card-items-5 .gt-news-image .gt-post-circle h6 {
  color: var(--gt-white);
  font-weight: 700;
  text-align: center;
}
.gt-news-card-items-5 .gt-news-image img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.gt-news-card-items-5 .gt-news-content {
  padding: 20px;
}
.gt-news-card-items-5 .gt-news-content h4 a {
  color: var(--gt-white);
}
.gt-news-card-items-5 .gt-news-content h4 a:hover {
  color: var(--gt-theme-4);
}
.gt-news-card-items-5 .gt-news-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgb(65, 65, 65);
  padding: 24px 20px;
}
.gt-news-card-items-5 .gt-news-button .gt-news-btn {
  font-size: 14px;
  font-weight: 400;
  color: var(--gt-white);
}
.gt-news-card-items-5 .gt-news-button .gt-news-btn:hover {
  color: var(--gt-theme-4);
}
.gt-news-card-items-5 .gt-news-button .gt-icon-btn {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 100px;
  text-align: center;
  color: var(--gt-white);
  background: linear-gradient(90deg, rgb(153, 0, 255) 0%, rgb(255, 255, 0) 100%);
}

.gt-main-sideber .gt-single-sideber-widget {
  margin-bottom: 40px;
  border-radius: 16px;
  background: var(--gt-white);
  box-shadow: 0px 4px 60px 0px rgba(21, 57, 238, 0.1);
  padding: 30px;
}
.gt-main-sideber .gt-single-sideber-widget .gt-search-widget form {
  width: 100%;
  position: relative;
}
.gt-main-sideber .gt-single-sideber-widget .gt-search-widget form input {
  border-radius: 4px;
  background: rgba(77, 85, 204, 0.07);
  font-size: 16px;
  font-weight: 400;
  padding: 16px 20px;
  width: 100%;
  border: none;
  color: var(--gt-header);
}
.gt-main-sideber .gt-single-sideber-widget .gt-search-widget form input::placeholder {
  color: var(--gt-header);
}
.gt-main-sideber .gt-single-sideber-widget .gt-search-widget form button {
  position: absolute;
  right: -2px;
  top: 0;
  width: 58px;
  border-radius: 4px;
  font-size: 18px;
  height: 100%;
  border-radius: 4px;
  background: linear-gradient(180deg, #1539EE 0%, #2ADDC8 100%);
  color: var(--gt-white);
  text-align: center;
  transition: all 0.3s ease-in-out;
}
.gt-main-sideber .gt-single-sideber-widget .gt-widget-title {
  border-bottom: 1.2px solid rgba(0, 0, 0, 0.08);
  padding-bottom: 16px;
  margin-bottom: 20px;
}
.gt-main-sideber .gt-single-sideber-widget .gt-widget-title h3 {
  font-size: 32px;
}
@media (max-width: 1199px) {
  .gt-main-sideber .gt-single-sideber-widget .gt-widget-title h3 {
    font-size: 30px;
  }
}
.gt-main-sideber .gt-single-sideber-widget ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 400;
  color: var(--gt-header);
  transition: all 0.4s ease-in-out;
  border-radius: 12px;
  padding: 12px 15px;
}
.gt-main-sideber .gt-single-sideber-widget ul li a {
  color: var(--gt-header);
}
.gt-main-sideber .gt-single-sideber-widget ul li span {
  transition: all 0.4s ease-in-out;
  color: var(--gt-header);
}
.gt-main-sideber .gt-single-sideber-widget ul li:hover {
  background: linear-gradient(180deg, #1539EE 0%, #2ADDC8 100%);
}
.gt-main-sideber .gt-single-sideber-widget ul li:hover a {
  color: var(--gt-white);
}
.gt-main-sideber .gt-single-sideber-widget ul li:hover span {
  color: var(--gt-white);
}
.gt-main-sideber .gt-single-sideber-widget .gt-recent-post-area .gt-recent-items {
  margin-bottom: 20px;
}
.gt-main-sideber .gt-single-sideber-widget .gt-recent-post-area .gt-recent-items .gt-recent-thumb {
  margin-bottom: 15px;
}
.gt-main-sideber .gt-single-sideber-widget .gt-recent-post-area .gt-recent-items .gt-recent-thumb img {
  border-radius: 12px;
  width: 100%;
  height: 100%;
}
.gt-main-sideber .gt-single-sideber-widget .gt-recent-post-area .gt-recent-items:not(:last-child) {
  margin-bottom: 24px;
}
.gt-main-sideber .gt-single-sideber-widget .gt-recent-post-area .gt-recent-items .gt-recent-content .gt-list li {
  color: #4D55CC;
  padding: 0;
  background: none;
}
.gt-main-sideber .gt-single-sideber-widget .gt-recent-post-area .gt-recent-items .gt-recent-content h4 a:hover {
  color: var(--gt-theme);
}
.gt-main-sideber .gt-single-sideber-widget .gt-tagcloud a {
  display: inline-block;
  padding: 10px 16px;
  line-height: 1;
  font-size: 14px;
  font-weight: 400;
  background: transparent;
  margin-right: 5px;
  text-transform: capitalize;
  margin-bottom: 10px;
  color: var(--gt-header);
  border-radius: 100px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  transition: all 0.4s ease-in-out;
}
.gt-main-sideber .gt-single-sideber-widget .gt-tagcloud a:last-child {
  margin-right: 0;
}
.gt-main-sideber .gt-single-sideber-widget .gt-tagcloud a:hover {
  background: linear-gradient(180deg, #1539EE 0%, #2ADDC8 100%);
  color: var(--gt-white);
  border: 1px solid transparent;
  background-image: near-gradient(#fff, #fff), linear-gradient(180deg, #1539EE 0%, #2ADDC8 100%);
  background-origin: border-box;
}

.gt-news-details-post .gt-news-details-image {
  position: relative;
  margin-bottom: 30px;
}
.gt-news-details-post .gt-news-details-image img {
  width: 100%;
  height: 100%;
  border-radius: 16px;
}
.gt-news-details-post .gt-news-details-image span {
  position: absolute;
  top: 30px;
  left: 30px;
  background-color: var(--gt-theme);
  color: var(--gt-white);
  font-size: 14px;
  font-weight: 700;
  padding: 8px 10px;
  border-radius: 100px;
  line-height: 1;
}
.gt-news-details-post .gt-news-details-content {
  margin-left: 30px;
}
@media (max-width: 1199px) {
  .gt-news-details-post .gt-news-details-content {
    margin-left: 0;
  }
}
.gt-news-details-post .gt-news-details-content h2 {
  font-size: 40px;
  margin-bottom: 10px;
}
@media (max-width: 1199px) {
  .gt-news-details-post .gt-news-details-content h2 {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .gt-news-details-post .gt-news-details-content h2 {
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  .gt-news-details-post .gt-news-details-content h2 {
    font-size: 25px;
  }
}
.gt-news-details-post .gt-news-details-content p {
  color: var(--gt-header);
  margin-bottom: 15px;
}
.gt-news-details-post .gt-news-details-content h5 {
  color: #211C84;
  border-bottom: 1px solid rgba(21, 57, 238, 0.2);
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.gt-news-details-post .gt-news-details-content h3 {
  font-size: 32px;
  margin-bottom: 15px;
}
@media (max-width: 1199px) {
  .gt-news-details-post .gt-news-details-content h3 {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .gt-news-details-post .gt-news-details-content h3 {
    font-size: 20px;
  }
}
.gt-news-details-post .gt-news-details-content p {
  margin-bottom: 30px;
}
.gt-news-details-post .gt-news-details-content .gt-thumb img {
  width: 100%;
  height: 100%;
  border-radius: 16px;
}
.gt-news-details-post .gt-news-details-content .gt-list-content h3 {
  font-size: 32px;
  margin-bottom: 5px;
}
@media (max-width: 1199px) {
  .gt-news-details-post .gt-news-details-content .gt-list-content h3 {
    font-size: 25px;
  }
}
.gt-news-details-post .gt-news-details-content .gt-list-content p {
  margin-bottom: 0;
}
.gt-news-details-post .gt-news-details-content .gt-list-content .gt-list {
  margin-top: 20px;
}
.gt-news-details-post .gt-news-details-content .gt-list-content .gt-list li {
  font-size: 16px;
  font-weight: 600;
  color: var(--gt-header);
}
@media (max-width: 1199px) {
  .gt-news-details-post .gt-news-details-content .gt-list-content .gt-list li {
    font-size: 14px;
  }
}
.gt-news-details-post .gt-news-details-content .gt-list-content .gt-list li:not(:last-child) {
  margin-bottom: 12px;
}
.gt-news-details-post .gt-news-details-content .gt-list-content .gt-list li i {
  margin-right: 10px;
  color: var(--gt-theme-2);
}
.gt-news-details-post .gt-news-details-content .gt-tag-share-wrap {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  padding: 30px 0;
}
.gt-news-details-post .gt-news-details-content .gt-tag-share-wrap .tagcloud span {
  font-size: 20px;
  font-weight: 600;
  display: inline-block;
  margin-right: 8px;
  color: var(--gt-header);
  font-family: "Sora", sans-serif;
}
.gt-news-details-post .gt-news-details-content .gt-tag-share-wrap .tagcloud a {
  display: inline-block;
  padding: 10px 25px;
  line-height: 1;
  border-radius: 100px;
  background: linear-gradient(0deg, rgba(77, 85, 204, 0.07) 0%, rgba(77, 85, 204, 0.07) 100%), #FFF;
  margin-right: 8px;
  text-transform: capitalize;
  font-weight: 400;
  transition: all 0.4s ease-in-out;
  color: var(--gt-header);
}
@media (max-width: 1199px) {
  .gt-news-details-post .gt-news-details-content .gt-tag-share-wrap .tagcloud a {
    padding: 10px 18px;
  }
}
@media (max-width: 1199px) {
  .gt-news-details-post .gt-news-details-content .gt-tag-share-wrap .tagcloud a {
    margin-bottom: 15px;
  }
}
.gt-news-details-post .gt-news-details-content .gt-tag-share-wrap .tagcloud a:hover {
  background-color: var(--gt-theme);
  color: var(--gt-white);
}
.gt-news-details-post .gt-news-details-content .gt-tag-share-wrap .social-share a {
  font-size: 16px;
  color: var(--gt-header);
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 100px;
  background: rgba(77, 85, 204, 0.07);
  box-shadow: 0px 4px 60px 0px rgba(21, 57, 238, 0.1);
}
.gt-news-details-post .gt-news-details-content .gt-tag-share-wrap .social-share a:not(:last-child) {
  margin-right: 10px;
}
.gt-news-details-post .gt-news-details-content .gt-tag-share-wrap .social-share a:hover {
  color: var(--gt-white);
  background-color: var(--gt-theme);
}
.gt-news-details-post .gt-news-details-content .gt-comments-area {
  margin-top: 40px;
}
.gt-news-details-post .gt-news-details-content .gt-comments-area .gt-blog-single-comment {
  border-bottom: 1.2px solid rgba(191, 191, 191, 0.24);
}
@media (max-width: 575px) {
  .gt-news-details-post .gt-news-details-content .gt-comments-area .gt-blog-single-comment {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.gt-news-details-post .gt-news-details-content .gt-comments-area .gt-blog-single-comment.gt-style-2 {
  margin-left: 100px;
}
@media (max-width: 1199px) {
  .gt-news-details-post .gt-news-details-content .gt-comments-area .gt-blog-single-comment.gt-style-2 {
    margin-left: 0;
  }
}
.gt-news-details-post .gt-news-details-content .gt-comments-area .gt-blog-single-comment .gt-content .head .con h4 {
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 20px;
}
.gt-news-details-post .gt-news-details-content .gt-comments-area .gt-blog-single-comment .gt-content .reply {
  border-radius: 20px;
  padding: 5px 18px;
  font-weight: 400;
  background-color: var(--gt-header);
  color: var(--gt-white);
  transition: all 0.4s ease-in-out;
}
.gt-news-details-post .gt-news-details-content .gt-comments-area .gt-blog-single-comment .gt-content .reply:hover {
  background-color: var(--gt-theme-2);
}
.gt-news-details-post .gt-news-details-content .gt-comment-form-wrap h3 {
  border-bottom: 1.2px solid rgba(0, 0, 0, 0.08);
  padding-bottom: 24px;
  margin-bottom: 24px;
  font-size: 32px;
}
@media (max-width: 1199px) {
  .gt-news-details-post .gt-news-details-content .gt-comment-form-wrap h3 {
    font-size: 25px;
  }
}
.gt-news-details-post .gt-news-details-content .gt-comment-form-wrap .form-clt span {
  color: var(--gt-header);
  display: inline-block;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
  font-family: "Sora", sans-serif;
}
.gt-news-details-post .gt-news-details-content .gt-comment-form-wrap .form-clt input, .gt-news-details-post .gt-news-details-content .gt-comment-form-wrap .form-clt textarea {
  width: 100%;
  outline: none;
  border: none;
  border-radius: 8px;
  background: rgba(77, 85, 204, 0.07);
  padding: 16px 20px;
  font-weight: 400;
  color: var(--gt-header);
}
.gt-news-details-post .gt-news-details-content .gt-comment-form-wrap .form-clt input::placeholder, .gt-news-details-post .gt-news-details-content .gt-comment-form-wrap .form-clt textarea::placeholder {
  color: var(--gt-header);
}
.gt-news-details-post .gt-news-details-content .gt-comment-form-wrap .form-clt textarea {
  padding-bottom: 100px;
  resize: none;
}

.small-toggle-btn {
  cursor: pointer;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.small-toggle-btn .small-play-btn {
  display: inline-block;
}
.small-toggle-btn .small-play-btn:before {
  content: "\f04b";
  font: 1em "FontAwesome";
}
.small-toggle-btn .small-pause-btn {
  display: inline-block;
}
.small-toggle-btn .small-pause-btn:before {
  content: "\f04c";
  font: 1em "FontAwesome";
}

.preloader {
  align-items: center;
  cursor: default;
  display: flex;
  height: 100%;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9999999;
}
.preloader .animation-preloader {
  z-index: 1000;
}
.preloader .animation-preloader .spinner {
  animation: spinner 1s infinite linear;
  border-radius: 50%;
  border: 3px solid rgba(0, 0, 0, 0.2);
  border-top-color: var(--gt-theme);
  height: 9em;
  margin: 0 auto 3.5em auto;
  width: 9em;
}
@media (max-width: 767px) {
  .preloader .animation-preloader .spinner {
    width: 7.5em;
    height: 7.5em;
    margin: 0 auto 1.5em auto;
  }
}
.preloader .animation-preloader .txt-loading {
  font: bold 5em "Sora", sans-serif, "Sora", sans-serif;
  text-align: center;
  user-select: none;
}
@media (max-width: 767px) {
  .preloader .animation-preloader .txt-loading {
    font-size: 2.5em;
  }
}
.preloader .animation-preloader .txt-loading .letters-loading {
  color: var(--gt-theme);
  position: relative;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
  animation-delay: 0.2s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
  animation-delay: 0.4s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
  animation-delay: 0.6s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
  animation-delay: 0.8s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
  animation-delay: 1s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
  animation-delay: 1.2s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
  animation-delay: 1.4s;
}
.preloader .animation-preloader .txt-loading .letters-loading::before {
  animation: letters-loading 4s infinite;
  color: var(--gt-header);
  content: attr(data-text-preloader);
  left: 0;
  opacity: 0;
  font-family: "Sora", sans-serif;
  position: absolute;
  top: -3px;
  transform: rotateY(-90deg);
}
.preloader p {
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 8px;
  color: var(--gt-theme);
}
.preloader .loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  z-index: 1;
  pointer-events: none;
}
.preloader .loader .row {
  height: 100%;
}
.preloader .loader .loader-section {
  padding: 0px;
}
.preloader .loader .loader-section .bg {
  background-color: var(--gt-bg);
  height: 100%;
  left: 0;
  width: 100%;
  transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}
.preloader.loaded .animation-preloader {
  opacity: 0;
  transition: 0.3s ease-out;
}
.preloader.loaded .loader-section .bg {
  width: 0;
  transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
}

.gt-back-to-top {
  background-color: var(--gt-theme);
  width: 50px;
  height: 50px;
  line-height: 40px;
  color: var(--gt-white);
  font-size: 16px;
  position: fixed;
  display: inline-block;
  z-index: 9999;
  right: 30px;
  bottom: 30px;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
}
@media (max-width: 575px) {
  .gt-back-to-top {
    display: none;
  }
}
.gt-back-to-top:hover {
  background-color: var(--gt-header);
  color: var(--gt-bg);
}
.gt-back-to-top.show {
  opacity: 1;
  visibility: visible;
  transform: translate(0);
}

.cursor-outer {
  -webkit-margin-start: -12px;
  margin-inline-start: -12px;
  margin-top: -12px;
  width: 30px;
  height: 30px;
  border: 1px solid var(--gt-theme);
  background-color: var(--gt-theme);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10000000;
  opacity: 0.34;
  -webkit-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.cursor-outer.cursor-hover {
  opacity: 0.14;
}

.cursor-outer.cursor-big {
  opacity: 0;
}

.mouseCursor {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  bottom: 0;
  pointer-events: none;
  border-radius: 50%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  visibility: hidden;
  text-align: center;
}

.mouseCursor.cursor-big {
  width: 20px;
  height: 20px;
  -webkit-margin-start: -12px;
  margin-inline-start: -12px;
  margin-top: -12px;
}

.cursor-inner {
  -webkit-margin-start: -3px;
  margin-inline-start: -3px;
  margin-top: -3px;
  width: 10px;
  height: 10px;
  z-index: 10000001;
  background-color: var(--gt-theme);
  opacity: 1;
  -webkit-transition: all 0.24s ease-out 0s;
  transition: all 0.24s ease-out 0s;
}
.cursor-inner span {
  color: var(--gt-text);
  line-height: 60px;
  opacity: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
}

.cursor-inner.cursor-big span {
  opacity: 1;
}

.cursor-inner.cursor-hover {
  -webkit-margin-start: -10px;
  margin-inline-start: -10px;
  margin-top: -10px;
  width: 30px;
  height: 30px;
  background-color: var(--gt-theme);
  border: 1px solid #686363;
  opacity: 0;
}

.search-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -2;
  -webkit-transition: all 1s ease;
  -khtml-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.search-popup__overlay {
  position: fixed;
  width: 224vw;
  height: 224vw;
  top: calc(90px - 112vw);
  right: calc(50% - 112vw);
  z-index: 3;
  display: block;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: scale(0);
  -khtml-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: transform 0.8s ease-in-out;
  -khtml-transition: transform 0.8s ease-in-out;
  -moz-transition: transform 0.8s ease-in-out;
  -ms-transition: transform 0.8s ease-in-out;
  -o-transition: transform 0.8s ease-in-out;
  transition: transform 0.8s ease-in-out;
  transition-delay: 0s;
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  background-color: #000000;
  opacity: 0.7;
  cursor: url(../../assets/img/close.png), auto;
}

@media (max-width: 767px) {
  .search-popup__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: none;
    width: 100%;
    height: 100%;
    border-radius: 0;
    transform: translateY(-110%);
  }
}
.search-popup__content {
  position: fixed;
  width: 0;
  max-width: 560px;
  padding: 30px 15px;
  left: 50%;
  top: 50%;
  opacity: 0;
  z-index: 3;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  -khtml-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  -moz-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  -ms-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  -o-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  transition-delay: 0s, 0.8s, 0s;
  transition-delay: 0s, 0.4s, 0s;
  transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
}

.search-popup__form {
  position: relative;
}

.search-popup__form input[type=search],
.search-popup__form input[type=text] {
  width: 100%;
  height: 66px;
  border: none;
  outline: none;
  padding-left: 20px;
  background-color: var(--gt-white);
  font-size: 16px;
  font-weight: 400;
  color: var(--gt-text);
  transition: all 500ms ease;
}

.search-popup__form input[type=search]:focus,
.search-popup__form input[type=text]:focus {
  color: var(--gt-header);
}

.search-popup__form .search-btn {
  padding: 0;
  width: 66px;
  height: 66px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: -1px;
  border-radius: 0;
  font-size: 20px;
  color: var(--gt-white);
  background-color: var(--gt-theme);
  transition: all 0.4s ease-in-out;
}
.search-popup__form .search-btn:hover {
  background-color: var(--gt-black);
}

.search-popup__form .eolexi-btn svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}

.search-popup.active {
  z-index: 9999;
}

.search-popup.active .search-popup__overlay {
  top: auto;
  bottom: calc(90px - 112vw);
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
  opacity: 0.7;
  -webkit-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  -khtml-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  -moz-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  -ms-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  -o-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
}

@media (max-width: 767px) {
  .search-popup.active .search-popup__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: none;
    width: 100%;
    height: 100%;
    border-radius: 0;
    transform: translateY(0%);
  }
}
.search-popup.active .search-popup__content {
  width: 100%;
  opacity: 1;
  transition-delay: 0.7s;
  -webkit-transition-delay: 0.7s;
}

.gt-page-nav-wrap ul {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
}
.gt-page-nav-wrap ul li {
  display: inline-block;
}
.gt-page-nav-wrap ul li:first-child a {
  color: var(--gt-white);
  background-color: transparent;
  border: 1px none;
}
.gt-page-nav-wrap ul li:last-child a {
  color: var(--gt-white);
  background-color: transparent;
  border: 1px none;
}
.gt-page-nav-wrap ul li .gt-page-numbers {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  border-radius: 100%;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
  font-weight: 600;
  transition: all 0.3s ease-in-out;
  color: var(--gt-text);
  text-align: center;
  background-color: transparent;
}
.gt-page-nav-wrap ul li .gt-page-numbers.current {
  background-color: var(--gt-theme);
  color: var(--gt-white);
}
@media (max-width: 991px) {
  .gt-page-nav-wrap ul li .gt-page-numbers {
    margin-top: 10px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
  }
}
@media (max-width: 470px) {
  .gt-page-nav-wrap ul li .gt-page-numbers {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}
.gt-page-nav-wrap ul li .gt-page-numbers.active {
  background-color: var(--gt-theme);
  color: var(--gt-white);
}
.gt-page-nav-wrap ul li .gt-page-numbers i {
  margin-top: 2px;
}
.gt-page-nav-wrap ul li .gt-page-numbers:hover {
  background-color: var(--gt-theme);
  color: var(--gt-white);
}

.gt-section-title {
  position: relative;
  z-index: 99;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .gt-section-title {
    margin-bottom: 0;
  }
}
.gt-section-title .gt-sub-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--gt-theme);
  font-family: "Sora", sans-serif;
  margin-bottom: 25px;
  text-transform: capitalize;
  border-radius: 100px;
  background: rgba(21, 57, 238, 0.1);
  padding: 10px 24px;
  line-height: 1;
  display: inline-block;
}
.gt-section-title .gt-sub-title.gt-style-4 {
  color: var(--gt-theme-3);
  padding: 0;
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
  margin-bottom: 15px;
}
.gt-section-title .gt-sub-title.gt-style-5 {
  font-family: "Yellowtail", sans-serif;
  color: var(--gt-theme-4);
  padding: 0;
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
  margin-bottom: 15px;
  letter-spacing: 1.3px;
  font-size: 18px;
}
.gt-section-title .gt-sub-title.gt-bg {
  background: rgba(255, 255, 255, 0.1);
}
.gt-section-title.style-5 h2 {
  font-family: "Roboto Serif", sans-serif;
}

.gt-section-title-2 {
  position: relative;
  z-index: 99;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .gt-section-title-2 {
    margin-bottom: 0;
  }
}
.gt-section-title-2 .gt-sub-title {
  font-size: 16px;
  font-weight: 700;
  color: #7A73D1;
  font-family: "Sora", sans-serif;
  margin-bottom: 25px;
  text-transform: capitalize;
  line-height: 1;
  padding-left: 60px;
  padding-right: 60px;
  position: relative;
  text-transform: uppercase;
}
.gt-section-title-2 .gt-sub-title.style-3 {
  position: relative;
}
.gt-section-title-2 .gt-sub-title.style-3:before {
  position: absolute;
  content: "";
  width: 30px;
  height: 4px;
  left: 0;
  top: 10px;
  background-color: var(--gt-theme-2);
  border-radius: 100px;
}
.gt-section-title-2 .gt-sub-title.style-3::after {
  position: absolute;
  content: "";
  width: 10px;
  height: 4px;
  left: 38px;
  top: 10px;
  background-color: var(--gt-theme-2);
  border-radius: 100px;
}
.gt-section-title-2 .gt-sub-title.style-3 .right-small-border {
  position: absolute;
  content: "";
  width: 10px;
  height: 4px;
  right: 38px;
  top: 10px;
  background-color: var(--gt-theme-2);
  border-radius: 100px;
}
.gt-section-title-2 .gt-sub-title.style-3 .right-large-border {
  position: absolute;
  content: "";
  width: 30px;
  height: 4px;
  right: 0;
  top: 10px;
  background-color: var(--gt-theme-2);
  border-radius: 100px;
}
.gt-section-title-2 .gt-sub-title.gt-style-2 {
  position: relative;
}
.gt-section-title-2 .gt-sub-title.gt-style-2:before {
  position: absolute;
  content: "";
  width: 30px;
  height: 4px;
  left: 0;
  top: 10px;
  background-color: var(--gt-theme-2);
  border-radius: 100px;
}
.gt-section-title-2 .gt-sub-title.gt-style-2::after {
  position: absolute;
  content: "";
  width: 10px;
  height: 4px;
  left: 38px;
  top: 10px;
  background-color: var(--gt-theme-2);
  border-radius: 100px;
}
.gt-section-title-2 .gt-sub-title.gt-style-2 .right-small-border {
  position: absolute;
  content: "";
  width: 10px;
  height: 4px;
  right: 38px;
  top: 10px;
  background-color: var(--gt-theme-2);
  border-radius: 100px;
}
.gt-section-title-2 .gt-sub-title.gt-style-2 .right-large-border {
  position: absolute;
  content: "";
  width: 30px;
  height: 4px;
  right: 0;
  top: 10px;
  background-color: var(--gt-theme-2);
  border-radius: 100px;
}
.gt-section-title-2 h2 span {
  background: linear-gradient(90deg, #2ADDC8 47.48%, #7A73D1 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gt-section-title-5 h2 span {
  background: linear-gradient(90deg, #90F 27.17%, #FF1ABC 80.06%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Roboto Serif", sans-serif;
}

.gt-section-title-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 9;
  margin-bottom: 30px;
}
.gt-section-title-area .gt-section-title-2 {
  margin-bottom: 0;
}
.gt-section-title-area .gt-section-title {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .gt-section-title-area {
    flex-wrap: wrap;
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .gt-section-title-area {
    margin-bottom: 0;
  }
}
.gt-section-title-area .rating span {
  font-size: 14px;
  font-weight: 400;
  color: rgb(136, 136, 136);
}
.gt-section-title-area .rating .star {
  margin-top: 5px;
  color: rgb(255, 8, 8);
}
.gt-section-title-area .nav {
  display: flex;
  align-items: center;
  gap: 40px;
}
.gt-section-title-area .nav .nav-item .nav-link {
  font-size: 18px;
  font-weight: 700;
  color: #ABABAB;
  padding: 0;
}
.gt-section-title-area .nav .nav-item .nav-link.active {
  color: var(--gt-theme);
}
.gt-section-title-area .gt-nav {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  justify-content: center;
  position: relative;
}
@media (max-width: 991px) {
  .gt-section-title-area .gt-nav {
    flex-wrap: wrap;
    gap: 20px;
    border: 1px none;
  }
}
.gt-section-title-area .gt-nav li .nav-link {
  transition: all 0.4s ease-in-out;
  padding: 12px 15px;
  border-radius: 100px;
  background: rgba(77, 85, 204, 0.2);
  line-height: 1;
  color: var(--gt-header);
  font-weight: 600;
}
.gt-section-title-area .gt-nav li .nav-link.active {
  position: relative;
  border-radius: 100px;
  background: linear-gradient(90deg, #1539EE 0%, #90F 100%);
  color: var(--gt-white);
}

.center {
  text-align: center;
  margin: 0 auto;
}

.section-bg {
  background-color: var(--gt-bg-2);
}

.section-bg-1 {
  background-color: var(--gt-bg);
}

.text-bg {
  background-color: var(--gt-text);
}

.black-bg {
  background-color: var(--gt-black);
}

.section-padding {
  padding: 120px 0;
}
@media (max-width: 1199px) {
  .section-padding {
    padding: 100px 0;
  }
}
@media (max-width: 991px) {
  .section-padding {
    padding: 80px 0;
  }
}

.gt-service-wrapper .gt-service-content .gt-text {
  color: var(--gt-text-2);
  margin-top: 30px;
}
.gt-service-wrapper .gt-service-content .gt-service-count {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
  padding: 30px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 50px;
}
@media (max-width: 1199px) {
  .gt-service-wrapper .gt-service-content .gt-service-count {
    flex-wrap: wrap;
    gap: 30px;
  }
}
.gt-service-wrapper .gt-service-content .gt-service-count .gt-service-item p {
  font-size: 16px;
  font-weight: 400;
  color: var(--gt-header);
}
.gt-service-wrapper .gt-service-content .gt-theme-btn.gt-theme-btn-2 {
  position: relative;
  z-index: 999;
}
.gt-service-wrapper .gt-service-content .gt-man-image {
  margin-top: -60px;
  text-align: right;
  margin-bottom: -35px;
}
@media (max-width: 1600px) {
  .gt-service-wrapper .gt-service-content .gt-man-image {
    left: 18%;
  }
}
@media (max-width: 1199px) {
  .gt-service-wrapper .gt-service-content .gt-man-image {
    display: none;
  }
}
.gt-service-wrapper .gt-service-item {
  border-radius: 10px;
  background: var(--gt-white);
  box-shadow: 0px 0px 200px 0px rgba(33, 28, 132, 0.1);
  padding: 50px;
}
@media (max-width: 1199px) {
  .gt-service-wrapper .gt-service-item {
    padding: 30px;
    margin-bottom: 100px;
  }
}
@media (max-width: 991px) {
  .gt-service-wrapper .gt-service-item {
    margin-bottom: 80px;
  }
}
.gt-service-wrapper .gt-service-item.gt-style-2 {
  position: relative;
  border-radius: 10px;
  background: linear-gradient(90deg, #1539EE 0%, #90F 100%);
  z-index: 9;
}
.gt-service-wrapper .gt-service-item.gt-style-2 .gt-bg-shape {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.gt-service-wrapper .gt-service-item.gt-style-2 .gt-bg-shape img {
  width: 100%;
  height: 100%;
}
.gt-service-wrapper .gt-service-item.gt-style-2 .accordion-item {
  background-color: transparent;
}
.gt-service-wrapper .gt-service-item.gt-style-2 .accordion-item .accordion-header .accordion-button {
  background-color: transparent;
  color: var(--gt-white);
}
.gt-service-wrapper .gt-service-item.gt-style-2 .accordion-item .accordion-header .accordion-button::after {
  color: var(--gt-white);
}
.gt-service-wrapper .gt-service-item.gt-style-2 .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  color: var(--gt-white);
}
.gt-service-wrapper .gt-service-item.gt-style-2 .accordion-item .accordion-header .accordion-button.collapsed {
  background-color: transparent;
  color: var(--gt-white);
  border-bottom: 1px solid var(--gt-white);
  margin-bottom: 30px;
  padding-bottom: 25px;
}
.gt-service-wrapper .gt-service-item.gt-style-2 .accordion-item .accordion-collapse {
  transition: height 0.3s ease !important;
}
.gt-service-wrapper .gt-service-item.gt-style-2 .accordion-item .accordion-collapse .accordion-body {
  background-color: transparent;
  color: var(--gt-white);
  transition: all 0.3s ease;
}
.gt-service-wrapper .gt-service-item .accordion-item {
  border: 0;
  background-color: var(--gt-white);
}
.gt-service-wrapper .gt-service-item .accordion-item .accordion-header .accordion-button {
  font-weight: 700;
  color: var(--gt-theme-2);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background-color: var(--gt-white);
  padding: 25px 30px 0;
  text-transform: capitalize;
  font-size: 24px;
  border: none;
  padding: 0 0 0;
}
@media (max-width: 1199px) {
  .gt-service-wrapper .gt-service-item .accordion-item .accordion-header .accordion-button {
    font-size: 20px;
  }
}
.gt-service-wrapper .gt-service-item .accordion-item .accordion-header .accordion-button span {
  font-size: 24px;
  font-weight: 300;
  color: #D8CEF0;
}
@media (max-width: 1199px) {
  .gt-service-wrapper .gt-service-item .accordion-item .accordion-header .accordion-button span {
    font-size: 18px;
  }
}
.gt-service-wrapper .gt-service-item .accordion-item .accordion-header .accordion-button::after {
  content: "\f078";
  font-family: "Font Awesome 6 Pro";
  background: transparent;
  font-weight: 500;
  transition: all 0.3s ease-in-out !important;
  color: var(--gt-theme-2);
}
.gt-service-wrapper .gt-service-item .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  content: "\f077";
  font-family: "Font Awesome 6 Pro";
  background: transparent;
  font-weight: 500;
  color: var(--gt-theme-2);
  transform: rotate(0);
}
.gt-service-wrapper .gt-service-item .accordion-item .accordion-header .accordion-button.collapsed {
  background-color: var(--gt-white);
  padding-bottom: 40px;
  margin-bottom: 40px;
  color: var(--gt-header);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.gt-service-wrapper .gt-service-item .accordion-item .accordion-header .accordion-button.gt-style-2 {
  margin-bottom: 0;
  border-bottom: 1px none;
  padding-bottom: 0;
}
.gt-service-wrapper .gt-service-item .accordion-item .accordion-collapse .accordion-body {
  padding-right: 0;
  padding-left: 0;
  padding-top: 15px;
  color: var(--gt-text-2);
  background-color: var(--gt-white);
  font-weight: 400;
}
.gt-service-wrapper .gt-service-item .accordion-item .accordion-collapse .accordion-body .thumb {
  margin-top: 30px;
}
.gt-service-wrapper .gt-service-item .accordion-item .accordion-collapse .accordion-body .thumb img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.gt-service-wrapper .gt-service-dark-box {
  background-color: var(--gt-white);
  padding: 40px 60px 0;
  position: relative;
  z-index: 9;
  border-radius: 10px;
}
@media (max-width: 991px) {
  .gt-service-wrapper .gt-service-dark-box {
    padding: 50px;
  }
}
@media (max-width: 767px) {
  .gt-service-wrapper .gt-service-dark-box {
    padding: 40px;
  }
}
@media (max-width: 575px) {
  .gt-service-wrapper .gt-service-dark-box {
    padding: 30px;
  }
}
.gt-service-wrapper .gt-service-dark-box .gt-shape {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.gt-service-wrapper .gt-service-dark-box .gt-shape img {
  width: 100%;
  height: 100%;
}
.gt-service-wrapper .gt-service-dark-box h6 {
  color: var(--gt-theme);
}
.gt-service-wrapper .gt-service-dark-box .gt-service-image {
  margin-top: 30px;
  max-width: 525px;
}
.gt-service-wrapper .gt-service-dark-box .gt-service-image img {
  width: 100%;
  height: 100%;
}

.gt-service-section {
  position: relative;
}
.gt-service-section .gt-star-shape {
  position: absolute;
  left: 100px;
  bottom: 170px;
}
@media (max-width: 1199px) {
  .gt-service-section .gt-star-shape {
    display: none;
  }
}

.gt-service-section-3 {
  position: relative;
}
@media (max-width: 1199px) {
  .gt-service-section-3 {
    overflow: hidden;
  }
}
.gt-service-section-3 .gt-circle-shape {
  position: absolute;
  top: 20%;
  left: 4%;
}
@media (max-width: 1199px) {
  .gt-service-section-3 .gt-circle-shape {
    display: none;
  }
}
.gt-service-section-3 .gt-top-shape {
  position: absolute;
  left: 0;
  right: 0;
  top: -13%;
}
.gt-service-section-3 .gt-top-shape img {
  width: 100%;
  height: 100%;
}
@media (max-width: 1199px) {
  .gt-service-section-3 .gt-top-shape {
    display: none;
  }
}

.gt-service-details-wrapper .gt-service-details-post .gt-service-details-image {
  margin-bottom: 15px;
}
.gt-service-details-wrapper .gt-service-details-post .gt-service-details-image img {
  width: 100%;
  height: 100%;
  border-radius: 24px;
}
.gt-service-details-wrapper .gt-service-details-post .gt-service-details-content h2 {
  font-size: 48px;
  margin-bottom: 10px;
}
@media (max-width: 1199px) {
  .gt-service-details-wrapper .gt-service-details-post .gt-service-details-content h2 {
    font-size: 40px;
  }
}
@media (max-width: 991px) {
  .gt-service-details-wrapper .gt-service-details-post .gt-service-details-content h2 {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .gt-service-details-wrapper .gt-service-details-post .gt-service-details-content h2 {
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  .gt-service-details-wrapper .gt-service-details-post .gt-service-details-content h2 {
    font-size: 25px;
  }
}
.gt-service-details-wrapper .gt-service-details-post .gt-service-details-content .gt-text {
  font-size: 32px;
  margin-bottom: 30px;
}
@media (max-width: 1199px) {
  .gt-service-details-wrapper .gt-service-details-post .gt-service-details-content .gt-text {
    font-size: 20px;
  }
}
.gt-service-details-wrapper .gt-service-details-post .gt-service-details-content .gt-list-item {
  margin-bottom: 24px;
}
.gt-service-details-wrapper .gt-service-details-post .gt-service-details-content .gt-list-item h4 {
  margin-bottom: 20px;
}
.gt-service-details-wrapper .gt-service-details-post .gt-service-details-content .gt-list-item h3 {
  margin-bottom: 20px;
}
.gt-service-details-wrapper .gt-service-details-post .gt-service-details-content .gt-list-item .gt-list li {
  font-size: 16px;
  font-weight: 400;
  color: var(--gt-header);
}
@media (max-width: 991px) {
  .gt-service-details-wrapper .gt-service-details-post .gt-service-details-content .gt-list-item .gt-list li {
    font-size: 14px;
  }
}
.gt-service-details-wrapper .gt-service-details-post .gt-service-details-content .gt-list-item .gt-list li:not(:last-child) {
  margin-bottom: 12px;
}
.gt-service-details-wrapper .gt-service-details-post .gt-service-details-content .gt-list-item .gt-list li i {
  margin-right: 10px;
  color: var(--gt-theme-2);
}
.gt-service-details-wrapper .gt-service-details-post .gt-service-details-content .gt-thumb {
  margin-bottom: 30px;
}
.gt-service-details-wrapper .gt-service-details-post .gt-service-details-content .gt-thumb img {
  width: 100%;
  height: 100%;
  border-radius: 16px;
}
.gt-service-details-wrapper .gt-service-details-post .gt-service-details-content .faq-items h3 {
  margin-bottom: 30px;
}
.gt-service-details-wrapper .gt-service-details-post .gt-service-details-content .faq-items .accordion-item {
  border: 0;
  background: var(--gt-white);
  box-shadow: 0px 4px 60px 0px rgba(21, 57, 238, 0.1);
  border-radius: 12px;
}
.gt-service-details-wrapper .gt-service-details-post .gt-service-details-content .faq-items .accordion-item .accordion-header {
  border: none;
}
.gt-service-details-wrapper .gt-service-details-post .gt-service-details-content .faq-items .accordion-item .accordion-header .accordion-button {
  font-weight: 600;
  color: var(--gt-header);
  border: 0;
  background: var(--gt-white);
  box-shadow: none;
  padding: 25px 30px 0;
  text-transform: capitalize;
  font-size: 20px;
  outline: line;
}
@media (max-width: 1199px) {
  .gt-service-details-wrapper .gt-service-details-post .gt-service-details-content .faq-items .accordion-item .accordion-header .accordion-button {
    font-size: 18px;
  }
}
.gt-service-details-wrapper .gt-service-details-post .gt-service-details-content .faq-items .accordion-item .accordion-header .accordion-button::after {
  content: "\f054";
  background: transparent;
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  transition: all 0.3s ease-in-out !important;
  color: var(--gt-theme-2);
}
.gt-service-details-wrapper .gt-service-details-post .gt-service-details-content .faq-items .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  content: "\f078";
  background: transparent;
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  transform: rotate(0);
  color: var(--gt-theme-2);
}
.gt-service-details-wrapper .gt-service-details-post .gt-service-details-content .faq-items .accordion-item .accordion-header .accordion-button.collapsed {
  background-color: transparent;
  padding: 25px 30px;
  color: var(--gt-header);
}
.gt-service-details-wrapper .gt-service-details-post .gt-service-details-content .faq-items .accordion-item .accordion-collapse .accordion-body {
  padding-left: 30px;
  padding-top: 15px;
  color: var(--gt-header);
  background-color: var(--gt-white);
  border-radius: 12px;
}
.gt-service-details-wrapper .gt-service-main-sideber .gt-service-sideber-widget {
  border-radius: 16px;
  background: var(--gt-white);
  box-shadow: 0px 4px 60px 0px rgba(21, 57, 238, 0.1);
  padding: 30px;
  text-align: center;
  margin-bottom: 30px;
}
.gt-service-details-wrapper .gt-service-main-sideber .gt-service-sideber-widget .gt-widget-title {
  border-bottom: 1.5px solid rgba(0, 0, 0, 0.08);
  padding-bottom: 16px;
  margin-bottom: 30px;
}
.gt-service-details-wrapper .gt-service-main-sideber .gt-service-sideber-widget .gt-widget-title h3 {
  font-size: 32px;
}
@media (max-width: 1199px) {
  .gt-service-details-wrapper .gt-service-main-sideber .gt-service-sideber-widget .gt-widget-title h3 {
    font-size: 25px;
  }
}
@media (max-width: 575px) {
  .gt-service-details-wrapper .gt-service-main-sideber .gt-service-sideber-widget .gt-widget-title h3 {
    font-size: 20px;
  }
}
.gt-service-details-wrapper .gt-service-main-sideber .gt-service-sideber-widget .gt-widget-title .text {
  font-weight: 800;
  font-size: 24px;
}
@media (max-width: 575px) {
  .gt-service-details-wrapper .gt-service-main-sideber .gt-service-sideber-widget .gt-widget-title .text {
    font-size: 20px;
  }
}
.gt-service-details-wrapper .gt-service-main-sideber .gt-service-sideber-widget ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 400;
  color: var(--gt-header);
  transition: all 0.4s ease-in-out;
  border-radius: 0;
}
.gt-service-details-wrapper .gt-service-main-sideber .gt-service-sideber-widget ul li a {
  color: var(--gt-header);
}
.gt-service-details-wrapper .gt-service-main-sideber .gt-service-sideber-widget ul li i {
  transition: all 0.4s ease-in-out;
  color: var(--gt-theme-2);
}
.gt-service-details-wrapper .gt-service-main-sideber .gt-service-sideber-widget ul li:not(:last-child) {
  margin-bottom: 20px;
}
.gt-service-details-wrapper .gt-service-main-sideber .gt-service-sideber-widget ul li:hover a {
  color: var(--gt-theme);
}
.gt-service-details-wrapper .gt-service-main-sideber .gt-service-sideber-widget ul li:hover i {
  color: var(--gt-theme-2);
}
.gt-service-details-wrapper .gt-service-main-sideber .gt-service-sideber-widget .client-image {
  margin-bottom: 10px;
}
.gt-service-details-wrapper .gt-service-main-sideber .gt-service-sideber-widget .client-image img {
  border-radius: 100%;
}
.gt-service-details-wrapper .gt-service-main-sideber .gt-service-sideber-widget h6 {
  font-weight: 400;
  margin-top: 10px;
}
.gt-service-details-wrapper .gt-service-main-sideber .gt-service-sideber-widget h6 span {
  color: #4D55CC;
}
.gt-service-details-wrapper .gt-service-main-sideber .gt-service-sideber-widget .button-text {
  margin-top: 15px;
  margin-bottom: 24px;
  display: inline-block;
}
.gt-service-details-wrapper .gt-service-main-sideber .gt-service-sideber-widget .button-text .video-btn {
  color: #4D55CC;
  font-size: 18px;
}
.gt-service-details-wrapper .gt-service-main-sideber .gt-service-sideber-widget .button-text span {
  font-size: 14px;
  color: var(--gt-header);
  font-weight: 400;
}
.gt-service-details-wrapper .gt-service-main-sideber .gt-service-sideber-widget p {
  color: var(--gt-header);
  max-width: 356px;
  margin: 0 auto;
}
.gt-service-details-wrapper .gt-service-main-sideber .gt-service-sideber-widget .gt-social-icon {
  gap: 15px;
  margin-top: 40px;
  justify-content: center;
}
@media (max-width: 1199px) {
  .gt-service-details-wrapper .gt-service-main-sideber .gt-service-sideber-widget .gt-social-icon {
    margin-top: 30px;
  }
}
.gt-service-details-wrapper .gt-service-main-sideber .gt-service-sideber-widget .gt-social-icon a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: var(--gt-white);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 100%;
  color: var(--gt-theme);
  transition: all 0.4s ease-in-out;
}
.gt-service-details-wrapper .gt-service-main-sideber .gt-service-sideber-widget .gt-social-icon a:hover {
  background: linear-gradient(180deg, #1539EE 0%, #2ADDC8 100%);
  color: var(--gt-white);
  border: 1px solid none;
}
.gt-service-details-wrapper .gt-service-main-sideber .gt-service-sideber-widget.gt-style-2 {
  text-align: left;
}
.gt-service-details-wrapper .gt-service-main-sideber .gt-service-sideber-widget.gt-style-2 .gt-dwonload-item {
  display: flex;
  gap: 24px;
}
@media (max-width: 1199px) {
  .gt-service-details-wrapper .gt-service-main-sideber .gt-service-sideber-widget.gt-style-2 .gt-dwonload-item {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.gt-service-details-wrapper .gt-service-main-sideber .gt-service-sideber-widget.gt-style-2 .gt-dwonload-item .gt-down-content p {
  color: var(--gt-header);
  margin-bottom: 15px;
}
.gt-service-details-wrapper .gt-service-main-sideber .gt-service-sideber-widget.gt-style-2 .gt-dwonload-item .gt-down-content h6 a {
  color: var(--gt-theme);
}

@media (max-width: 575px) {
  .gt-speaker-wrapper .gt-left-image {
    margin-top: 30px;
  }
}
.gt-speaker-wrapper .gt-left-image .gt-text {
  max-width: 690px;
  color: var(--gt-text-2);
}
.gt-speaker-wrapper .gt-left-image .gt-speaker-image {
  max-width: 690px;
  margin-top: 60px;
}
@media (max-width: 1199px) {
  .gt-speaker-wrapper .gt-left-image .gt-speaker-image {
    margin-top: 30px;
  }
}
.gt-speaker-wrapper .gt-left-image .gt-speaker-image img {
  width: 100%;
  height: 100%;
}
.gt-speaker-wrapper .gt-speaker-item .gt-speaker-image {
  position: relative;
  overflow: hidden;
}
.gt-speaker-wrapper .gt-speaker-item .gt-speaker-image::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(42, 221, 200, 0.75) 0%, rgba(21, 57, 238, 0.75) 100%);
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
  transform: scale(1, 0);
  transition: transform 500ms ease;
  transform-origin: top center;
}
.gt-speaker-wrapper .gt-speaker-item .gt-speaker-image.gt-style-2 {
  height: 865px;
}
@media (max-width: 1199px) {
  .gt-speaker-wrapper .gt-speaker-item .gt-speaker-image.gt-style-2 {
    height: 575px;
  }
}
@media (max-width: 991px) {
  .gt-speaker-wrapper .gt-speaker-item .gt-speaker-image.gt-style-2 {
    height: 420px;
  }
}
.gt-speaker-wrapper .gt-speaker-item .gt-speaker-image.gt-style-2 img {
  object-fit: cover;
}
.gt-speaker-wrapper .gt-speaker-item .gt-speaker-image img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.gt-speaker-wrapper .gt-speaker-item .gt-speaker-image .gt-button-text {
  position: absolute;
  left: -20px;
  top: 20px;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
}
.gt-speaker-wrapper .gt-speaker-item .gt-speaker-image .gt-button-text .video-btn {
  background-color: rgba(255, 255, 255, 0.25);
  color: var(--gt-white);
  display: inline-block;
  font-size: 12px;
  height: 42px;
  width: 42px;
  line-height: 42px;
  border-radius: 100%;
  text-align: center;
  position: relative;
}
.gt-speaker-wrapper .gt-speaker-item .gt-speaker-image .gt-button-text span {
  font-size: 14px;
  color: var(--gt-white);
  font-weight: 600;
}
.gt-speaker-wrapper .gt-speaker-item .gt-speaker-image .gt-speaker-content {
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: -30px;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1199px) {
  .gt-speaker-wrapper .gt-speaker-item .gt-speaker-image .gt-speaker-content {
    left: 20px;
    right: 20px;
  }
}
.gt-speaker-wrapper .gt-speaker-item .gt-speaker-image .gt-speaker-content h3 {
  font-size: 30px;
}
@media (max-width: 1199px) {
  .gt-speaker-wrapper .gt-speaker-item .gt-speaker-image .gt-speaker-content h3 {
    font-size: 20px;
  }
}
.gt-speaker-wrapper .gt-speaker-item .gt-speaker-image .gt-speaker-content h3 a {
  color: var(--gt-white);
}
.gt-speaker-wrapper .gt-speaker-item .gt-speaker-image .gt-speaker-content p {
  color: var(--gt-white);
}
.gt-speaker-wrapper .gt-speaker-item .gt-speaker-image .gt-speaker-content p span {
  color: #2ADDC8;
}
.gt-speaker-wrapper .gt-speaker-item .gt-speaker-image .gt-speaker-content .gt-social-icon {
  gap: 15px;
  justify-content: center;
  margin-top: 15px;
}
@media (max-width: 1199px) {
  .gt-speaker-wrapper .gt-speaker-item .gt-speaker-image .gt-speaker-content .gt-social-icon {
    gap: 10px;
  }
}
.gt-speaker-wrapper .gt-speaker-item .gt-speaker-image .gt-speaker-content .gt-social-icon a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: var(--gt-white);
  transition: all 0.4s ease-in-out;
}
.gt-speaker-wrapper .gt-speaker-item .gt-speaker-image .gt-speaker-content .gt-social-icon a:hover {
  background: linear-gradient(180deg, #1539EE 0%, #2ADDC8 100%);
  border: 1px solid rgba(255, 255, 255, 0.25);
}
.gt-speaker-wrapper .gt-speaker-item:hover .gt-speaker-image::before {
  opacity: 1;
  visibility: visible;
  transform: scale(1, 1);
  transform-origin: bottom center;
  z-index: 1;
}
.gt-speaker-wrapper .gt-speaker-item:hover .gt-speaker-image .gt-button-text {
  opacity: 1;
  visibility: visible;
  left: 20px;
}
.gt-speaker-wrapper .gt-speaker-item:hover .gt-speaker-image .gt-speaker-content {
  opacity: 1;
  visibility: visible;
  bottom: 30px;
  z-index: 999;
}

.gt-speaker-section {
  position: relative;
  z-index: 9;
}
@media (max-width: 991px) {
  .gt-speaker-section {
    overflow: hidden;
  }
}
.gt-speaker-section .gt-blur-shape {
  position: absolute;
  left: -10%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
@media (max-width: 1600px) {
  .gt-speaker-section .gt-blur-shape {
    display: none;
  }
}
.gt-speaker-section .gt-blur-shape img {
  width: 100%;
  height: 100%;
}
.gt-speaker-section .gt-blur-shape-2 {
  position: absolute;
  top: -10%;
  right: 0;
}
@media (max-width: 1199px) {
  .gt-speaker-section .gt-blur-shape-2 {
    display: none;
  }
}
.gt-speaker-section .gt-blur-shape-2 img {
  width: 100%;
  height: 100%;
}

.gt-speaker-details-wrapper .gt-speaker-details-item .gt-speaker-image {
  position: relative;
  overflow: hidden;
  max-width: 567px;
  border-radius: 20px;
}
@media (max-width: 1199px) {
  .gt-speaker-details-wrapper .gt-speaker-details-item .gt-speaker-image {
    max-width: initial;
  }
}
.gt-speaker-details-wrapper .gt-speaker-details-item .gt-speaker-image::before {
  position: absolute;
  top: 69%;
  left: -19px;
  right: 0px;
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 700px !important;
  background: linear-gradient(270deg, #1539EE 0%, #2ADDC8 100%);
  width: 600px;
  height: 550px;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
  overflow: hidden !important;
  transform: scale(1, 0);
  transition: transform 500ms ease;
  transform-origin: top center;
}
@media (max-width: 1199px) {
  .gt-speaker-details-wrapper .gt-speaker-details-item .gt-speaker-image::before {
    display: none;
  }
}
.gt-speaker-details-wrapper .gt-speaker-details-item .gt-speaker-image img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.gt-speaker-details-wrapper .gt-speaker-details-item .gt-speaker-image .gt-button-text {
  position: absolute;
  left: -20px;
  top: 20px;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
}
.gt-speaker-details-wrapper .gt-speaker-details-item .gt-speaker-image .gt-button-text .video-btn {
  background-color: rgba(255, 255, 255, 0.25);
  color: var(--gt-white);
  display: inline-block;
  font-size: 12px;
  height: 42px;
  width: 42px;
  line-height: 42px;
  border-radius: 100%;
  text-align: center;
  position: relative;
}
.gt-speaker-details-wrapper .gt-speaker-details-item .gt-speaker-image .gt-button-text span {
  font-size: 14px;
  color: var(--gt-white);
  font-weight: 600;
}
.gt-speaker-details-wrapper .gt-speaker-details-item .gt-speaker-image .gt-speaker-content {
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: -30px;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1199px) {
  .gt-speaker-details-wrapper .gt-speaker-details-item .gt-speaker-image .gt-speaker-content {
    left: 20px;
    right: 20px;
  }
}
.gt-speaker-details-wrapper .gt-speaker-details-item .gt-speaker-image .gt-speaker-content .gt-social-icon {
  gap: 15px;
  justify-content: center;
  margin-bottom: 40px;
}
@media (max-width: 1199px) {
  .gt-speaker-details-wrapper .gt-speaker-details-item .gt-speaker-image .gt-speaker-content .gt-social-icon {
    gap: 10px;
    margin-bottom: 30px;
  }
}
.gt-speaker-details-wrapper .gt-speaker-details-item .gt-speaker-image .gt-speaker-content .gt-social-icon a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 12px;
  color: var(--gt-header);
  transition: all 0.4s ease-in-out;
  background-color: var(--gt-white);
}
.gt-speaker-details-wrapper .gt-speaker-details-item .gt-speaker-image .gt-speaker-content .gt-social-icon a:hover {
  background-color: var(--gt-theme);
  color: var(--gt-white);
}
.gt-speaker-details-wrapper .gt-speaker-details-item .gt-speaker-image .gt-speaker-content h3 {
  font-size: 30px;
}
@media (max-width: 1199px) {
  .gt-speaker-details-wrapper .gt-speaker-details-item .gt-speaker-image .gt-speaker-content h3 {
    font-size: 20px;
  }
}
.gt-speaker-details-wrapper .gt-speaker-details-item .gt-speaker-image .gt-speaker-content h3 a {
  color: var(--gt-white);
}
.gt-speaker-details-wrapper .gt-speaker-details-item .gt-speaker-image .gt-speaker-content p {
  color: var(--gt-white);
}
.gt-speaker-details-wrapper .gt-speaker-details-item .gt-speaker-image .gt-speaker-content p span {
  color: #2ADDC8;
}
.gt-speaker-details-wrapper .gt-speaker-details-item:hover .gt-speaker-image::before {
  opacity: 1;
  visibility: visible;
  transform: scale(1, 1);
  transform-origin: bottom center;
  z-index: 1;
}
.gt-speaker-details-wrapper .gt-speaker-details-item:hover .gt-speaker-image .gt-button-text {
  opacity: 1;
  visibility: visible;
  left: 20px;
}
.gt-speaker-details-wrapper .gt-speaker-details-item:hover .gt-speaker-image .gt-speaker-content {
  opacity: 1;
  visibility: visible;
  bottom: 30px;
  z-index: 999;
}
.gt-speaker-details-wrapper .gt-details-content {
  margin-left: 30px;
}
@media (max-width: 1199px) {
  .gt-speaker-details-wrapper .gt-details-content {
    margin-left: 0;
  }
}
.gt-speaker-details-wrapper .gt-details-content h2 {
  margin-bottom: 10px;
  font-size: 48px;
  font-weight: 700;
}
@media (max-width: 1199px) {
  .gt-speaker-details-wrapper .gt-details-content h2 {
    font-size: 45px;
  }
}
@media (max-width: 991px) {
  .gt-speaker-details-wrapper .gt-details-content h2 {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .gt-speaker-details-wrapper .gt-details-content h2 {
    font-size: 35px;
  }
}
@media (max-width: 575px) {
  .gt-speaker-details-wrapper .gt-details-content h2 {
    font-size: 30px;
  }
}
.gt-speaker-details-wrapper .gt-details-content h3 {
  font-weight: 400;
  margin-bottom: 20px;
}
.gt-speaker-details-wrapper .gt-details-content h3 span {
  color: #2ADDC8;
}
.gt-speaker-details-wrapper .gt-details-content p {
  color: var(--gt-header);
}
.gt-speaker-details-wrapper .gt-details-content .gt-list {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  padding-top: 30px;
  margin-top: 30px;
}
.gt-speaker-details-wrapper .gt-details-content .gt-list li {
  color: var(--gt-header);
  font-weight: 400;
}
.gt-speaker-details-wrapper .gt-details-content .gt-list li:not(:last-child) {
  margin-bottom: 10px;
}
.gt-speaker-details-wrapper .gt-details-content .gt-list li span {
  font-size: 18px;
  font-weight: 600;
  color: var(--gt-header);
  margin-right: 5px;
}
.gt-speaker-details-wrapper .gt-speaker-skill-wrapper {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  padding-top: 50px;
  margin-top: 100px;
  display: flex;
  align-items: center;
  gap: 50px;
}
@media (max-width: 1199px) {
  .gt-speaker-details-wrapper .gt-speaker-skill-wrapper {
    margin-top: 30px;
    padding-top: 30px;
  }
}
@media (max-width: 1199px) {
  .gt-speaker-details-wrapper .gt-speaker-skill-wrapper {
    flex-wrap: wrap;
    gap: 30px;
  }
}
.gt-speaker-details-wrapper .gt-speaker-skill-wrapper .gt-speaker-skill-content {
  max-width: 670px;
}
.gt-speaker-details-wrapper .gt-speaker-skill-wrapper .gt-speaker-skill-content h2 {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 10px;
}
@media (max-width: 1199px) {
  .gt-speaker-details-wrapper .gt-speaker-skill-wrapper .gt-speaker-skill-content h2 {
    font-size: 35px;
  }
}
.gt-speaker-details-wrapper .gt-speaker-skill-wrapper .gt-speaker-skill-content p {
  color: var(--gt-header);
}
.gt-speaker-details-wrapper .gt-speaker-skill-wrapper .gt-progress-wrap {
  width: 100%;
}
.gt-speaker-details-wrapper .gt-speaker-skill-wrapper .gt-progress-wrap .pro-items {
  width: 100%;
}
.gt-speaker-details-wrapper .gt-speaker-skill-wrapper .gt-progress-wrap .pro-items:not(:last-child) {
  margin-bottom: 25px;
}
.gt-speaker-details-wrapper .gt-speaker-skill-wrapper .gt-progress-wrap .pro-items .pro-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}
.gt-speaker-details-wrapper .gt-speaker-skill-wrapper .gt-progress-wrap .pro-items .pro-head .point {
  font-size: 18px;
  font-weight: 600;
  color: var(--gt-header);
}
.gt-speaker-details-wrapper .gt-speaker-skill-wrapper .gt-progress-wrap .pro-items .progress {
  background: rgba(77, 85, 204, 0.07);
  justify-content: flex-start;
  align-items: center;
  position: relative;
  display: flex;
  height: 10px;
  width: 100%;
}
.gt-speaker-details-wrapper .gt-speaker-skill-wrapper .gt-progress-wrap .pro-items .progress-value {
  animation: load 3s normal forwards;
  border-radius: 0;
  border-radius: 16px 0px 0px 16px;
  background: linear-gradient(270deg, #1539EE 0%, #2ADDC8 100%);
  height: 10px;
  width: 0;
}
.gt-speaker-details-wrapper .gt-speaker-skill-wrapper .gt-progress-wrap .pro-items .style-two {
  animation: load2 3s normal forwards;
}
.gt-speaker-details-wrapper .gt-speaker-skill-wrapper .gt-progress-wrap .pro-items .style-three {
  animation: load3 3s normal forwards;
}
@keyframes load {
  0% {
    width: 0;
  }
  100% {
    width: 90%;
  }
}
@keyframes load2 {
  0% {
    width: 0;
  }
  100% {
    width: 70%;
  }
}
@keyframes load3 {
  0% {
    width: 0;
  }
  100% {
    width: 55%;
  }
}
.gt-speaker-details-wrapper .gt-text {
  font-size: 32px;
  font-weight: 800;
}
.gt-speaker-details-wrapper p {
  color: var(--gt-header);
}

.gt-speaker-wrapper-3 {
  background-color: var(--gt-theme-3);
  border-radius: 40px;
  padding: 70px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1199px) {
  .gt-speaker-wrapper-3 {
    padding: 60px;
  }
}
@media (max-width: 991px) {
  .gt-speaker-wrapper-3 {
    padding: 50px;
  }
}
@media (max-width: 767px) {
  .gt-speaker-wrapper-3 {
    padding: 40px;
  }
}
@media (max-width: 575px) {
  .gt-speaker-wrapper-3 {
    padding: 30px;
  }
}
.gt-speaker-wrapper-3 .gt-speaker-items-3 .gt-speaker-image {
  position: relative;
  overflow: hidden;
}
.gt-speaker-wrapper-3 .gt-speaker-items-3 .gt-speaker-image img {
  width: 100%;
  height: 100%;
  border-radius: 1000px 1000px 0px 1000px;
}
.gt-speaker-wrapper-3 .gt-speaker-items-3 .gt-speaker-image::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 1000px 1000px 0px 1000px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1539EE 100%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
}
.gt-speaker-wrapper-3 .gt-speaker-items-3 .gt-speaker-image .gt-social-icon {
  position: absolute;
  left: -30px;
  top: 0;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 10px;
  transform: rotate(30deg);
  transition: 0.4s ease;
  opacity: 0;
  visibility: hidden;
}
.gt-speaker-wrapper-3 .gt-speaker-items-3 .gt-speaker-image .gt-social-icon a {
  display: inline-block;
  background-color: var(--gt-white);
  color: var(--gt-theme);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  transition: 0.3s;
}
.gt-speaker-wrapper-3 .gt-speaker-items-3 .gt-speaker-image .gt-social-icon a:hover {
  background-color: var(--gt-theme);
  color: var(--gt-white);
}
.gt-speaker-wrapper-3 .gt-speaker-items-3 .gt-speaker-image .gt-speaker-content {
  position: absolute;
  left: 40px;
  right: 40px;
  bottom: -30px;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
}
.gt-speaker-wrapper-3 .gt-speaker-items-3 .gt-speaker-image .gt-speaker-content .video-btn {
  color: var(--gt-white);
  font-size: 16px;
}
.gt-speaker-wrapper-3 .gt-speaker-items-3 .gt-speaker-image .gt-speaker-content h4 {
  margin-top: 10px;
  font-weight: 700;
}
.gt-speaker-wrapper-3 .gt-speaker-items-3 .gt-speaker-image .gt-speaker-content h4 a {
  color: var(--gt-white);
}
.gt-speaker-wrapper-3 .gt-speaker-items-3 .gt-speaker-image .gt-speaker-content p {
  font-size: 14px;
  font-weight: 400;
  color: var(--gt-white);
}
.gt-speaker-wrapper-3 .gt-speaker-items-3:hover .gt-speaker-image::before {
  opacity: 1;
  visibility: visible;
}
.gt-speaker-wrapper-3 .gt-speaker-items-3:hover .gt-speaker-image .gt-social-icon {
  opacity: 1;
  visibility: visible;
  left: 30px;
}
.gt-speaker-wrapper-3 .gt-speaker-items-3:hover .gt-speaker-image .gt-speaker-content {
  opacity: 1;
  visibility: visible;
  bottom: 30px;
}

.gt-speaker-section-3 {
  position: relative;
}
@media (max-width: 1199px) {
  .gt-speaker-section-3 {
    overflow: hidden;
  }
}
.gt-speaker-section-3 .gt-left-shape {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.gt-speaker-section-3 .gt-left-shape img {
  width: 100%;
  height: 100%;
}
@media (max-width: 1199px) {
  .gt-speaker-section-3 .gt-left-shape {
    display: none;
  }
}

.gt-meet-speaker-items {
  text-align: center;
  margin-bottom: 200px;
  overflow: visible;
  position: relative;
  z-index: 1;
}
@media (max-width: 1600px) {
  .gt-meet-speaker-items {
    margin-bottom: 250px;
  }
}
@media (max-width: 1199px) {
  .gt-meet-speaker-items {
    margin-bottom: 0;
    margin-top: 30px;
  }
}
.gt-meet-speaker-items .swiper.gt-speaker-slider {
  overflow: hidden;
  position: relative;
  z-index: 999;
}
.gt-meet-speaker-items .swiper.gt-speaker-slider .swiper-slide {
  position: relative;
  overflow: visible;
}
.gt-meet-speaker-items .swiper.gt-speaker-slider .swiper-slide.gt-style-2 {
  padding-top: 30px;
}
.gt-meet-speaker-items .swiper.gt-speaker-slider .swiper-slide.gt-style-2 .speaker-image {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: visible !important;
}
.gt-meet-speaker-items .swiper.gt-speaker-slider .swiper-slide.gt-style-2 .speaker-image img {
  width: 100%;
  height: 100%;
  width: 100%;
  max-width: 250px;
  transition: transform 0.5s ease;
  transform: scale(1);
  transform-origin: center center;
  display: block;
}
.gt-meet-speaker-items .swiper.gt-speaker-slider .swiper-slide.gt-style-2 .content {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease;
  margin-top: 50px;
}
.gt-meet-speaker-items .swiper.gt-speaker-slider .swiper-slide.gt-style-2.swiper-slide-active {
  z-index: 10;
  padding-top: 30px;
}
.gt-meet-speaker-items .swiper.gt-speaker-slider .swiper-slide.gt-style-2.swiper-slide-active .speaker-image img {
  transform: scale(1.2);
}
.gt-meet-speaker-items .swiper.gt-speaker-slider .swiper-slide.gt-style-2.swiper-slide-active .content {
  opacity: 1;
  visibility: visible;
}

.gt-meet-speaker-section {
  position: relative;
}
.gt-meet-speaker-section .gt-left-image {
  position: absolute;
  bottom: 120px;
  left: 0;
}
@media (max-width: 1199px) {
  .gt-meet-speaker-section .gt-left-image {
    display: none;
  }
}
.gt-meet-speaker-section .gt-left-image .array-buttons-3 .array-prev {
  position: absolute;
  top: 50%;
  right: 40px;
  transform: translateY(-50%);
  width: 80px;
  height: 80px;
  line-height: 80px;
  border-radius: 100%;
  text-align: center;
  background-color: var(--gt-white);
  color: #4D55CC;
  font-size: 24px;
  transition: all 0.4s ease-in-out;
}
.gt-meet-speaker-section .gt-left-image .array-buttons-3 .array-prev:hover {
  background-color: #4D55CC;
  color: var(--gt-white);
}
.gt-meet-speaker-section .gt-left-image img {
  width: 100%;
  height: 100%;
  border-radius: 0px 1000px 1000px 0px;
}
.gt-meet-speaker-section .gt-right-image {
  position: absolute;
  bottom: 120px;
  right: 0;
}
@media (max-width: 1199px) {
  .gt-meet-speaker-section .gt-right-image {
    display: none;
  }
}
.gt-meet-speaker-section .gt-right-image .array-buttons-3 .array-next {
  position: absolute;
  top: 50%;
  left: 40px;
  transform: translateY(-50%);
  width: 80px;
  height: 80px;
  line-height: 80px;
  border-radius: 100%;
  text-align: center;
  background-color: #4D55CC;
  color: var(--gt-white);
  font-size: 24px;
  transition: all 0.4s ease-in-out;
}
.gt-meet-speaker-section .gt-right-image .array-buttons-3 .array-next:hover {
  background-color: var(--gt-white);
  color: #4D55CC;
}
.gt-meet-speaker-section .gt-right-image img {
  width: 100%;
  height: 100%;
  border-radius: 1000px 0px 0px 1000px;
}

.gt-speaker-items-5 {
  margin-top: 30px;
}
.gt-speaker-items-5 .gt-speaker-image {
  overflow: hidden;
  position: relative;
}
.gt-speaker-items-5 .gt-speaker-image::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 100%;
  background: linear-gradient(180deg, rgba(153, 0, 255, 0) 35%, #90F 85%);
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.gt-speaker-items-5 .gt-speaker-image img {
  width: 100%;
  height: 100%;
}
.gt-speaker-items-5 .gt-speaker-image .gt-speaker-content {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: -30px;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
}
.gt-speaker-items-5 .gt-speaker-image .gt-speaker-content h4 {
  font-weight: 700;
}
.gt-speaker-items-5 .gt-speaker-image .gt-speaker-content h4 a {
  color: var(--gt-white);
}
.gt-speaker-items-5 .gt-speaker-image .gt-speaker-content .gt-social-icon {
  gap: 15px;
  justify-content: center;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .gt-speaker-items-5 .gt-speaker-image .gt-speaker-content .gt-social-icon {
    gap: 10px;
  }
}
.gt-speaker-items-5 .gt-speaker-image .gt-speaker-content .gt-social-icon a {
  display: inline-block;
  color: var(--gt-white);
  transition: all 0.4s ease-in-out;
}
.gt-speaker-items-5 .gt-speaker-image .gt-speaker-content .gt-social-icon a:hover {
  background: linear-gradient(180deg, #1539EE 0%, #2ADDC8 100%);
  border: 1px solid rgba(255, 255, 255, 0.25);
}
.gt-speaker-items-5:hover .gt-speaker-image::before {
  opacity: 1;
  visibility: visible;
}
.gt-speaker-items-5:hover .gt-speaker-image .gt-speaker-content {
  opacity: 1;
  visibility: visible;
  bottom: 30px;
  z-index: 999;
}

.gt-speaker-section-5 {
  position: relative;
}
.gt-speaker-section-5 .gt-blur-shape {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.gt-sponsor-item {
  border-radius: 100px;
  background: rgba(77, 85, 204, 0.07);
  padding: 25px;
  margin-top: 30px;
  position: relative;
  text-align: center;
  z-index: 999;
}
.gt-sponsor-item .gt-hover-bg {
  border-radius: 100px;
  background: linear-gradient(90deg, #1539EE 0%, #2ADDC8 100%);
  padding: 35px 60px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.gt-sponsor-item .gt-hover-bg h4 a {
  color: var(--gt-white);
}
.gt-sponsor-item:hover .gt-hover-bg {
  opacity: 1;
  visibility: visible;
}

.gt-sponsor-bg-wrapper {
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 60px 150px 90px 60px;
  position: relative;
  z-index: 9;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .gt-sponsor-bg-wrapper {
    padding: 60px;
  }
}
@media (max-width: 991px) {
  .gt-sponsor-bg-wrapper {
    padding: 50px;
    flex-wrap: wrap;
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .gt-sponsor-bg-wrapper {
    padding: 40px;
  }
}
@media (max-width: 575px) {
  .gt-sponsor-bg-wrapper {
    padding: 30px;
  }
}
.gt-sponsor-bg-wrapper .gt-right-shape {
  position: absolute;
  right: 0;
  top: 170px;
}
@media (max-width: 1199px) {
  .gt-sponsor-bg-wrapper .gt-right-shape {
    display: none;
  }
}
.gt-sponsor-bg-wrapper::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  inset: 0;
  border-radius: 20px;
  background: linear-gradient(90deg, #2ADDC8 0%, #1539EE 100%);
  opacity: 0.8;
  z-index: -1;
}
.gt-sponsor-bg-wrapper .gt-sponsor-content {
  position: relative;
}
.gt-sponsor-bg-wrapper .gt-sponsor-content.style-5 h2 {
  font-family: "Roboto Serif", sans-serif;
}
.gt-sponsor-bg-wrapper .gt-sponsor-content h2 {
  color: var(--gt-white);
  margin-bottom: 10px;
}
.gt-sponsor-bg-wrapper .gt-sponsor-content p {
  color: var(--gt-white);
  max-width: 690px;
  margin-bottom: 30px;
}
.gt-sponsor-bg-wrapper .gt-sponsor-content .gt-theme-btn {
  background-image: linear-gradient(to right, #fff 0%, #fff 50%, #fff 100%);
  color: var(--gt-theme);
}
.gt-sponsor-bg-wrapper .gt-sponsor-content .gt-theme-btn:hover {
  background-image: linear-gradient(to right, #ffabf4 0%, #1539EE 50%, #ffabf4 100%);
  color: var(--gt-white);
}
.gt-sponsor-bg-wrapper .gt-sponsor-content .gt-theme-btn:hover i {
  color: var(--gt-white);
}
.gt-sponsor-bg-wrapper .gt-qr-image img {
  width: 100%;
  height: 100%;
}

@media (max-width: 575px) {
  .gt-sponsor-wrapper-2 {
    margin-top: 30px;
  }
}
.gt-sponsor-wrapper-2 .gt-sponsors-item {
  display: flex;
  align-items: center;
  gap: 160px;
  justify-content: center;
}
@media (max-width: 1600px) {
  .gt-sponsor-wrapper-2 .gt-sponsors-item .gt-sponsor-logo img {
    wwidth: 140px;
  }
}
@media (max-width: 1199px) {
  .gt-sponsor-wrapper-2 .gt-sponsors-item .gt-sponsor-logo img {
    width: 116px;
  }
}
@media (max-width: 991px) {
  .gt-sponsor-wrapper-2 .gt-sponsors-item .gt-sponsor-logo img {
    width: initial;
  }
}
@media (max-width: 1600px) {
  .gt-sponsor-wrapper-2 .gt-sponsors-item {
    gap: 60px;
  }
}
@media (max-width: 1199px) {
  .gt-sponsor-wrapper-2 .gt-sponsors-item {
    gap: 30px;
  }
}
.gt-sponsor-wrapper-2 .gt-sponsor-large-item {
  display: flex;
  align-items: center;
  gap: 160px;
}
@media (max-width: 1600px) {
  .gt-sponsor-wrapper-2 .gt-sponsor-large-item {
    gap: 60px;
    justify-content: center;
  }
}
@media (max-width: 1199px) {
  .gt-sponsor-wrapper-2 .gt-sponsor-large-item {
    gap: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
    justify-content: start;
  }
}
.gt-sponsor-wrapper-2 .gt-sponsor-large-item .gt-sponsor-left-item {
  display: flex;
  align-items: center;
  gap: 60px;
}
@media (max-width: 1600px) {
  .gt-sponsor-wrapper-2 .gt-sponsor-large-item .gt-sponsor-left-item .gt-sponsor-logo img {
    width: 140px;
  }
}
@media (max-width: 1199px) {
  .gt-sponsor-wrapper-2 .gt-sponsor-large-item .gt-sponsor-left-item .gt-sponsor-logo img {
    width: 116px;
  }
}
@media (max-width: 991px) {
  .gt-sponsor-wrapper-2 .gt-sponsor-large-item .gt-sponsor-left-item .gt-sponsor-logo img {
    width: initial;
  }
}
@media (max-width: 1199px) {
  .gt-sponsor-wrapper-2 .gt-sponsor-large-item .gt-sponsor-left-item {
    gap: 30px;
  }
}
.gt-sponsor-wrapper-2 .gt-sponsor-large-item .gt-sponsors-middle-item {
  display: flex;
  align-items: center;
  gap: 160px;
}
@media (max-width: 1600px) {
  .gt-sponsor-wrapper-2 .gt-sponsor-large-item .gt-sponsors-middle-item .gt-sponsor-logo img {
    width: 140px;
  }
}
@media (max-width: 1199px) {
  .gt-sponsor-wrapper-2 .gt-sponsor-large-item .gt-sponsors-middle-item .gt-sponsor-logo img {
    width: 116px;
  }
}
@media (max-width: 991px) {
  .gt-sponsor-wrapper-2 .gt-sponsor-large-item .gt-sponsors-middle-item .gt-sponsor-logo img {
    width: initial;
  }
}
@media (max-width: 1600px) {
  .gt-sponsor-wrapper-2 .gt-sponsor-large-item .gt-sponsors-middle-item {
    gap: 60px;
  }
}
@media (max-width: 1199px) {
  .gt-sponsor-wrapper-2 .gt-sponsor-large-item .gt-sponsors-middle-item {
    gap: 30px;
  }
}

.gt-sponsor-section-2 {
  margin: 0 15px;
}

@media (max-width: 575px) {
  .gt-testimonial-wrapper {
    margin-top: 30px;
  }
}
.gt-testimonial-wrapper .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 1s ease-in-out;
}
.gt-testimonial-wrapper .swiper-slide.swiper-slide-shadow {
  box-shadow: none !important;
}
.gt-testimonial-wrapper .swiper-slide .th-testimonial-image img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.gt-testimonial-wrapper .swiper-3d .swiper-slide-shadow {
  background: transparent;
}
.gt-testimonial-wrapper .gt-testimonial-card-item {
  position: relative;
}
.gt-testimonial-wrapper .gt-testimonial-card-item .array-buttons {
  position: absolute;
  bottom: 8px;
  left: 34%;
  z-index: 999;
}
@media (max-width: 1199px) {
  .gt-testimonial-wrapper .gt-testimonial-card-item .array-buttons {
    left: 50%;
  }
}
@media (max-width: 991px) {
  .gt-testimonial-wrapper .gt-testimonial-card-item .array-buttons {
    left: 60%;
  }
}
.gt-testimonial-wrapper .gt-testimonial-card-item .gt-testimonial-content .gt-star {
  color: #FFA620;
  font-weight: 900;
  margin-bottom: 10px;
}
.gt-testimonial-wrapper .gt-testimonial-card-item .gt-testimonial-content p {
  font-size: 18px;
  line-height: 36px;
  color: var(--gt-text-2);
  max-width: 831px;
}
@media (max-width: 1199px) {
  .gt-testimonial-wrapper .gt-testimonial-card-item .gt-testimonial-content p {
    font-size: 16px;
  }
}
.gt-testimonial-wrapper .gt-testimonial-card-item .gt-testimonial-content .gt-client-info {
  margin-top: 70px;
}
@media (max-width: 1199px) {
  .gt-testimonial-wrapper .gt-testimonial-card-item .gt-testimonial-content .gt-client-info {
    margin-top: 30px;
  }
}
.gt-testimonial-wrapper .gt-testimonial-card-item .gt-testimonial-content .gt-client-info span {
  font-size: 17px;
  color: var(--gt-theme);
}

.gt-testimonial-section {
  position: relative;
}
.gt-testimonial-section .gt-map-shape {
  position: absolute;
  left: 8%;
  bottom: 0;
  top: 0;
}
@media (max-width: 1199px) {
  .gt-testimonial-section .gt-map-shape {
    display: none;
  }
}
.gt-testimonial-section .gt-map-shape img {
  width: 100%;
  height: 100%;
}
.gt-testimonial-section .gt-client-image {
  position: absolute;
  left: 13%;
  top: 20%;
}
@media (max-width: 1600px) {
  .gt-testimonial-section .gt-client-image {
    display: none;
  }
}
.gt-testimonial-section .gt-client-image-2 {
  position: absolute;
  left: 9%;
  bottom: 8%;
}
@media (max-width: 1600px) {
  .gt-testimonial-section .gt-client-image-2 {
    display: none;
  }
}
.gt-testimonial-section .gt-client-image-3 {
  position: absolute;
  top: 8%;
  right: 15%;
}
@media (max-width: 1600px) {
  .gt-testimonial-section .gt-client-image-3 {
    display: none;
  }
}
.gt-testimonial-section .gt-client-image-4 {
  position: absolute;
  top: 44%;
  right: 4%;
}
@media (max-width: 1600px) {
  .gt-testimonial-section .gt-client-image-4 {
    display: none;
  }
}
.gt-testimonial-section .gt-client-image-5 {
  position: absolute;
  bottom: 12%;
  right: 8%;
}
@media (max-width: 1600px) {
  .gt-testimonial-section .gt-client-image-5 {
    display: none;
  }
}

.gt-testimomnial-wrapper-2 {
  position: relative;
}
.gt-testimomnial-wrapper-2 .gt-testimonial-card-item {
  background-color: var(--gt-white);
  padding: 30px 30px 100px;
  max-width: 690px;
  border-radius: 20px;
  position: relative;
}
@media (max-width: 991px) {
  .gt-testimomnial-wrapper-2 .gt-testimonial-card-item {
    margin-top: 15px;
  }
}
.gt-testimomnial-wrapper-2 .gt-testimonial-card-item .gt-shape {
  position: absolute;
  top: 0;
  left: 10px;
  right: 0;
  bottom: 0;
}
@media (max-width: 1199px) {
  .gt-testimomnial-wrapper-2 .gt-testimonial-card-item .gt-shape {
    display: none;
  }
}
.gt-testimomnial-wrapper-2 .gt-testimonial-card-item .gt-shape-2 {
  position: absolute;
  top: 12px;
  left: 25px;
  right: 0;
  bottom: 0;
}
@media (max-width: 1199px) {
  .gt-testimomnial-wrapper-2 .gt-testimonial-card-item .gt-shape-2 {
    display: none;
  }
}
.gt-testimomnial-wrapper-2 .gt-testimonial-card-item .array-buttons-2 {
  position: absolute;
  right: 50px;
  bottom: 40px;
}
.gt-testimomnial-wrapper-2 .gt-testimonial-card-item .gt-testmonial-content {
  position: relative;
  z-index: 1;
}
.gt-testimomnial-wrapper-2 .gt-testimonial-card-item .gt-testmonial-content h3 {
  color: #4D55CC;
  margin-bottom: 20px;
}
.gt-testimomnial-wrapper-2 .gt-testimonial-card-item .gt-testmonial-content p {
  color: #797979;
  letter-spacing: 0.5px;
  font-size: 18px;
  margin-bottom: 40px;
  max-width: 630px;
}
@media (max-width: 575px) {
  .gt-testimomnial-wrapper-2 .gt-testimonial-card-item .gt-testmonial-content p {
    font-size: 16px;
  }
}
.gt-testimomnial-wrapper-2 .gt-testimonial-card-item .gt-testmonial-content h6 span {
  color: var(--gt-header);
  font-weight: 400;
}
.gt-testimomnial-wrapper-2 .gt-testimonial-card-item .gt-testmonial-content.style-2 h3 {
  color: #FF1ABC;
}
.gt-testimomnial-wrapper-2 .gt-testimonial-card-item .gt-testmonial-content.style-2 p {
  color: #797979;
}
.gt-testimomnial-wrapper-2 .gt-testimonial-image {
  max-width: 440px;
  margin-left: 100px;
}
.gt-testimomnial-wrapper-2 .gt-testimonial-image img {
  width: 100%;
  height: 100%;
}

.gt-testimonial-section-2 {
  margin: 0 40px;
  position: relative;
  border-radius: 40px;
}
@media (max-width: 1199px) {
  .gt-testimonial-section-2 {
    margin: 0 30px;
  }
}
@media (max-width: 991px) {
  .gt-testimonial-section-2 {
    margin: 0 15px;
  }
}
.gt-testimonial-section-2 .left-shape {
  position: absolute;
  left: 0;
  bottom: 0;
}
.gt-testimonial-section-2.gt-margin-bootom {
  margin-bottom: 120px;
}
@media (max-width: 1199px) {
  .gt-testimonial-section-2.gt-margin-bootom {
    margin-bottom: 100px;
  }
}
@media (max-width: 991px) {
  .gt-testimonial-section-2.gt-margin-bootom {
    margin-bottom: 80px;
  }
}

.gt-testimonial-box-wrapper.gt-style-1 {
  margin-bottom: 24px;
}
.gt-testimonial-box-wrapper .gt-testimonial-box-item {
  border-radius: 20px;
  background-color: var(--gt-white);
  padding: 40px 30px;
  text-align: left;
}
@media (max-width: 1199px) {
  .gt-testimonial-box-wrapper .gt-testimonial-box-item {
    border: 1px solid var(--gt-theme-3);
  }
}
.gt-testimonial-box-wrapper .gt-testimonial-box-item h3 {
  color: #4D55CC;
  margin-bottom: 15px;
}
.gt-testimonial-box-wrapper .gt-testimonial-box-item p {
  max-width: 630px;
  font-size: 18px;
  color: #797979;
  margin-bottom: 20px;
}
.gt-testimonial-box-wrapper .gt-testimonial-box-item h6 span {
  font-weight: 400;
}

.gt-testimonial-section-3 {
  position: relative;
}
@media (max-width: 1600px) {
  .gt-testimonial-section-3 {
    overflow: hidden;
  }
}
.gt-testimonial-section-3 .gt-dark-shape {
  position: absolute;
  left: 0;
  right: 0;
  top: initial;
  bottom: -70%;
}

.gt-testimonial-wrapper-4 {
  border-radius: 10px;
  border: 1px solid #242424;
  background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.1) 100%);
}
.gt-testimonial-wrapper-4 .gt-testimonial-content {
  padding: 40px 50px 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 767px) {
  .gt-testimonial-wrapper-4 .gt-testimonial-content {
    padding: 40px;
  }
}
@media (max-width: 575px) {
  .gt-testimonial-wrapper-4 .gt-testimonial-content {
    padding: 30px;
  }
}
.gt-testimonial-wrapper-4 .gt-testimonial-item-4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 0px 30px 120px;
  position: relative;
}
@media (max-width: 1199px) {
  .gt-testimonial-wrapper-4 .gt-testimonial-item-4 {
    flex-wrap: wrap;
    gap: 30px;
    padding: 30px 0px 30px 60px;
  }
}
@media (max-width: 991px) {
  .gt-testimonial-wrapper-4 .gt-testimonial-item-4 {
    padding: 30px 0px 30px 50px;
  }
}
@media (max-width: 767px) {
  .gt-testimonial-wrapper-4 .gt-testimonial-item-4 {
    padding: 30px 0px 30px 40px;
  }
}
@media (max-width: 575px) {
  .gt-testimonial-wrapper-4 .gt-testimonial-item-4 {
    padding: 30px 0px 30px 30px;
  }
}
.gt-testimonial-wrapper-4 .gt-testimonial-item-4 .gt-shape {
  position: absolute;
  left: 35%;
  top: 10%;
}
@media (max-width: 1199px) {
  .gt-testimonial-wrapper-4 .gt-testimonial-item-4 .gt-shape {
    display: none;
  }
}
.gt-testimonial-wrapper-4 .gt-testimonial-item-4 .gt-client-image {
  position: relative;
}
.gt-testimonial-wrapper-4 .gt-testimonial-item-4 .gt-client-image img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.gt-testimonial-wrapper-4 .gt-testimonial-item-4 .gt-client-image .gt-icon {
  width: 80px;
  height: 80px;
  line-height: 80px;
  border-radius: 100%;
  font-size: 35px;
  text-align: center;
  background-color: var(--gt-white);
  color: rgb(21, 57, 238);
  border: 3px solid rgb(33, 33, 39);
  position: absolute;
  top: 26px;
  right: -27px;
}
.gt-testimonial-wrapper-4 .gt-testimonial-item-4 .gt-info-content .star {
  color: rgb(255, 255, 0);
  margin-bottom: 20px;
}
.gt-testimonial-wrapper-4 .gt-testimonial-item-4 .gt-info-content p {
  max-width: 821px;
  font-size: 20px;
  font-weight: 600;
  color: #C4C4C4;
  margin-bottom: 20px;
}
@media (max-width: 1199px) {
  .gt-testimonial-wrapper-4 .gt-testimonial-item-4 .gt-info-content p {
    font-size: 16px;
  }
}
.gt-testimonial-wrapper-4 .gt-testimonial-item-4 .gt-info-content h6 {
  font-weight: 700;
  color: var(--gt-white);
  margin-bottom: 5px;
}
.gt-testimonial-wrapper-4 .gt-testimonial-item-4 .gt-info-content span {
  font-size: 14px;
  font-weight: 500;
  color: #7A7373;
}/*# sourceMappingURL=main.css.map */

/* =========================================================
   PROSHOW: Ajustes responsive para slider con video y header
   Mantiene el diseño original del template, solo corrige capas
   y comportamiento en anchos intermedios.
   ========================================================= */
.proshow-video-slider {
  isolation: isolate;
}

.proshow-video-slider .gt-top-image {
  display: block !important;
  overflow: hidden;
  background-image: none !important;
  z-index: 0;
}

.proshow-video-slider .gt-top-image .proshow-slider-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
  pointer-events: none;
  z-index: 0;
}

.proshow-video-slider .gt-top-image .proshow-slider-video-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(0,0,0,.70) 0%, rgba(0,0,0,.46) 48%, rgba(0,0,0,.20) 100%);
  pointer-events: none;
  z-index: 1;
}

.proshow-video-slider .container-fluid,
.proshow-video-slider .hero-content,
.proshow-video-slider .hero-image {
  position: relative;
  z-index: 5;
}

.proshow-video-slider .gt-border-shape,
.proshow-video-slider .gt-arrow-shape {
  z-index: 8;
  pointer-events: none;
}

/* El template ocultaba el marco en pantallas menores a 1899px.
   Lo forzamos a seguir visible en desktop/tablet, como el diseño original. */
@media (max-width: 1899px) and (min-width: 768px) {
  .hero-1.proshow-video-slider .gt-border-shape {
    display: block !important;
    left: 30px;
    right: 30px;
    bottom: 25px;
  }
}

@media (max-width: 1399px) and (min-width: 768px) {
  .hero-1.proshow-video-slider .gt-border-shape {
    left: 20px;
    right: 20px;
    bottom: 18px;
  }
}

@media (max-width: 767px) {
  .hero-1.proshow-video-slider .gt-border-shape {
    display: none !important;
  }
}

/* Header: evita que el menú se rompa en anchos intermedios.
   En tablet/laptop pequeña se deja logo + botón + hamburguesa. */
.header-1.header-new .header-main {
  flex-wrap: nowrap;
}

.header-1.header-new .header-main .logo {
  flex: 0 0 auto;
}

.header-1.header-new .header-right {
  margin-left: auto;
  flex-wrap: nowrap !important;
}

@media (max-width: 1399px) {
  .header-1.header-new .mean__menu-wrapper {
    display: none !important;
  }

  .header-1.header-new .header-right {
    gap: 24px !important;
  }

  .header-1.header-new .header-right .header-button {
    display: block !important;
  }
}

@media (max-width: 575px) {
  .header-1.header-new .container-fluid {
    padding-left: 16px;
    padding-right: 16px;
  }

  .header-1.header-new .header-main .logo .header-logo img {
    width: 150px;
    max-width: 46vw;
  }

  .header-1.header-new .header-right {
    gap: 14px !important;
  }

  .header-1.header-new .header-right .header-button .gt-theme-btn {
    padding: 10px 16px;
    font-size: 14px;
  }
}


/* =========================================================
   PROSHOW FIX V2: Header y marco del slider en anchos intermedios
   - El marco ahora se estira dentro del hero con top/bottom definidos.
   - El menú permanece visible en laptops/tablets grandes sin brincar línea.
   - Solo se oculta el menú completo cuando ya no cabe realmente.
   ========================================================= */

/* Marco del slider: evita que la imagen del contorno conserve una altura natural
   que no corresponde al ancho del navegador. */
.hero-1.proshow-video-slider {
  overflow: hidden;
}

.hero-1.proshow-video-slider .gt-border-shape {
  display: block !important;
  position: absolute !important;
  left: 70px;
  right: 70px;
  top: 115px;
  bottom: 32px;
  z-index: 8;
  pointer-events: none;
}

.hero-1.proshow-video-slider .gt-border-shape img {
  width: 100% !important;
  height: 100% !important;
  object-fit: fill !important;
  display: block !important;
}

@media (max-width: 1600px) {
  .hero-1.proshow-video-slider .gt-border-shape {
    left: 28px;
    right: 28px;
    top: 105px;
    bottom: 24px;
  }
}

@media (max-width: 1399px) {
  .hero-1.proshow-video-slider .gt-border-shape {
    left: 24px;
    right: 24px;
    top: 98px;
    bottom: 22px;
  }
}

@media (max-width: 1199px) {
  .hero-1.proshow-video-slider .gt-border-shape {
    left: 18px;
    right: 18px;
    top: 92px;
    bottom: 18px;
  }
}

@media (max-width: 767px) {
  .hero-1.proshow-video-slider .gt-border-shape {
    display: none !important;
  }
}

/* Video dentro del slider: se mantiene al fondo del área visual. */
.hero-1.proshow-video-slider .gt-top-image {
  display: block !important;
  overflow: hidden !important;
  background-image: none !important;
}

.hero-1.proshow-video-slider .gt-top-image .proshow-slider-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

/* Header: mantener menú visible en anchos intermedios compactando espacios. */
.header-1.header-new .header-main {
  flex-wrap: nowrap !important;
  gap: 20px;
}

.header-1.header-new .header-right {
  margin-left: auto;
  flex-wrap: nowrap !important;
  gap: 22px;
}

.header-1.header-new .main-menu ul {
  gap: 0 !important;
}

.header-1.header-new .main-menu ul li a {
  white-space: nowrap;
}

@media (min-width: 1100px) and (max-width: 1399px) {
  .header-1.header-new .mean__menu-wrapper {
    display: block !important;
  }

  .header-1.header-new .main-menu ul li {
    margin: 0 10px !important;
  }

  .header-1.header-new .main-menu ul li a {
    font-size: 14px !important;
  }

  .header-1.header-new .header-right {
    gap: 18px !important;
  }

  .header-1.header-new .header-button .gt-theme-btn {
    padding: 13px 22px !important;
    font-size: 14px !important;
  }

  .header-1.header-new .header-main .logo .header-logo img {
    max-width: 165px;
  }
}

@media (max-width: 1099px) {
  .header-1.header-new .mean__menu-wrapper {
    display: none !important;
  }
}

@media (max-width: 575px) {
  .header-1.header-new .header-main {
    gap: 12px;
  }

  .header-1.header-new .header-right {
    gap: 12px !important;
  }

  .header-1.header-new .header-button .gt-theme-btn {
    padding: 10px 15px !important;
    font-size: 13px !important;
  }
}

/* =========================================================
   PROSHOW FIX V3: Slider video móvil sin espacios en blanco
   - Corrige el espacio blanco debajo del header en móvil.
   - Elimina el espacio grande que quedaba debajo del slider.
   - Mantiene el contenido del hero dentro del video en móvil.
   - No modifica textos ni estructura HTML.
   ========================================================= */

@media (max-width: 767px) {
  .header-1.header-new {
    position: relative !important;
    top: auto !important;
    margin-top: 0 !important;
    z-index: 9999;
    background: var(--gt-white);
  }

  .header-1.header-new .container-fluid {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .header-1.header-new .header-main {
    min-height: 96px;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    align-items: center !important;
  }

  .hero-1.proshow-video-slider {
    margin: 0 16px 0 16px !important;
    padding: 76px 0 30px 0 !important;
    min-height: 610px !important;
    height: auto !important;
    overflow: hidden !important;
    background-image: none !important;
  }

  .hero-1.proshow-video-slider .gt-top-image {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    height: 100% !important;
    min-height: 100% !important;
    overflow: hidden !important;
    background-image: none !important;
  }

  .hero-1.proshow-video-slider .gt-top-image .proshow-slider-video {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  .hero-1.proshow-video-slider .proshow-slider-video-overlay {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(0, 0, 0, 0.58) !important;
    z-index: 1 !important;
    pointer-events: none !important;
  }

  .hero-1.proshow-video-slider .container-fluid {
    position: relative !important;
    z-index: 5 !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .hero-1.proshow-video-slider .row {
    min-height: auto !important;
    align-items: flex-start !important;
  }

  .hero-1.proshow-video-slider .hero-content {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    z-index: 6 !important;
    padding: 0 !important;
    max-width: 100% !important;
  }

  .hero-1.proshow-video-slider .hero-content .gt-client-info {
    margin-bottom: 18px !important;
  }

  .hero-1.proshow-video-slider .hero-content .gt-client-info .gt-text h6,
  .hero-1.proshow-video-slider .hero-content h1,
  .hero-1.proshow-video-slider .hero-content h5 {
    color: var(--gt-white) !important;
  }

  .hero-1.proshow-video-slider .hero-content h1 {
    font-size: 40px !important;
    line-height: 1.05 !important;
    margin-bottom: 14px !important;
  }

  .hero-1.proshow-video-slider .hero-content h1 span {
    color: #2ADDC8 !important;
  }

  .hero-1.proshow-video-slider .hero-content h5 {
    font-size: 16px !important;
    line-height: 1.35 !important;
  }

  .hero-1.proshow-video-slider .hero-content .gt-hero-button {
    margin-top: 28px !important;
  }

  .hero-1.proshow-video-slider .hero-content .gt-coming-soon-time {
    margin-top: 34px !important;
    margin-bottom: 0 !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
  }

  .hero-1.proshow-video-slider .hero-content .gt-coming-soon-time .gt-timer-content {
    width: 64px !important;
    height: 64px !important;
  }

  .hero-1.proshow-video-slider .gt-border-shape,
  .hero-1.proshow-video-slider .hero-image {
    display: none !important;
  }
}

@media (max-width: 430px) {
  .header-1.header-new .header-main {
    min-height: 88px;
  }

  .header-1.header-new .header-main .logo .header-logo img {
    width: 150px !important;
    max-width: 43vw !important;
  }

  .header-1.header-new .header-button .gt-theme-btn {
    padding: 10px 15px !important;
    font-size: 13px !important;
  }

  .hero-1.proshow-video-slider {
    margin-left: 16px !important;
    margin-right: 16px !important;
    padding-top: 70px !important;
    min-height: 590px !important;
  }

  .hero-1.proshow-video-slider .hero-content h1 {
    font-size: 34px !important;
  }

  .hero-1.proshow-video-slider .hero-content .gt-client-image img {
    max-width: 140px !important;
  }
}

/* ==================================================
   PROSHOW - Ajuste de colores de marca
   Basado en el logotipo ProShow
   Fecha: 2026-06-09
================================================== */
:root {
  --proshow-blue: #79BDE8;
  --proshow-blue-dark: #2F8FC4;
  --proshow-blue-deep: #0E5F91;
  --proshow-blue-light: #D5E7F7;
  --proshow-gray: #717073;
  --proshow-gray-light: #A5A5A9;
  --proshow-white: #FFFFFF;
  --proshow-dark: #0B1020;
  --proshow-gradient: linear-gradient(135deg, #0E5F91 0%, #2F8FC4 45%, #79BDE8 100%);
  --proshow-gradient-soft: linear-gradient(135deg, #2F8FC4 0%, #79BDE8 55%, #D5E7F7 100%);
}

/* Botones principales */
.gt-theme-btn,
.theme-btn,
.header-button .gt-theme-btn,
.gt-card-button .gt-theme-btn,
.hero-button .gt-theme-btn,
.gt-about-button .gt-theme-btn,
.gt-sponsor-content .gt-theme-btn,
.gt-section-title-area .gt-theme-btn,
.gt-cart-button-2 .gt-theme-btn {
  background: var(--proshow-gradient) !important;
  color: var(--proshow-white) !important;
  border: 0 !important;
  box-shadow: 0 12px 28px rgba(47, 143, 196, 0.28) !important;
}

.gt-theme-btn:hover,
.theme-btn:hover,
.header-button .gt-theme-btn:hover,
.gt-card-button .gt-theme-btn:hover,
.hero-button .gt-theme-btn:hover,
.gt-about-button .gt-theme-btn:hover,
.gt-sponsor-content .gt-theme-btn:hover,
.gt-section-title-area .gt-theme-btn:hover,
.gt-cart-button-2 .gt-theme-btn:hover {
  background: linear-gradient(135deg, #79BDE8 0%, #2F8FC4 55%, #0E5F91 100%) !important;
  color: var(--proshow-white) !important;
}

/* Menú y enlaces */
.main-menu ul li a,
.gt-footer-list li a {
  color: var(--proshow-dark);
}

.main-menu ul li a:hover,
.main-menu ul li.active > a,
.gt-footer-list li a:hover,
a:hover {
  color: var(--proshow-blue-dark) !important;
}

/* Submenús */
.main-menu ul li .submenu li a:hover {
  color: var(--proshow-blue-dark) !important;
}

/* Íconos principales */
.header-right-icon i,
.sidebar__toggle i,
.gt-icon i,
.gt-icon-btn i,
.fa-whatsapp,
.gt-back-to-top i {
  color: var(--proshow-blue-dark) !important;
}

/* Back to top */
.gt-back-to-top {
  background: var(--proshow-gradient) !important;
  border-color: var(--proshow-blue) !important;
}

.gt-back-to-top i {
  color: var(--proshow-white) !important;
}

/* Textos y acentos destacados */
.gt-hero-content h1 span,
.hero-content h1 span,
.gt-hero-content .gt-style-2,
.hero-content .gt-style-2,
.gt-section-title .gt-sub-title,
.gt-sub-title,
.gt-style-2,
.color-blue,
.text-gradient {
  color: var(--proshow-blue) !important;
}

/* Títulos destacados del slider */
.hero-1 .hero-content h1 span,
.gt-hero-section .gt-hero-content h1 span {
  color: var(--proshow-blue) !important;
}

/* Cápsulas / subtítulos */
.gt-sub-title,
.gt-sub-title.gt-style-4 {
  background: rgba(121, 189, 232, 0.16) !important;
  color: var(--proshow-blue-deep) !important;
}

/* Bordes del slider y elementos decorativos */
.hero-1 .hero-bg,
.hero-1 .hero-image,
.hero-1 .gt-top-image,
.hero-1.proshow-video-slider .gt-top-image,
.gt-hero-section,
.gt-border,
.border-blue,
.gt-shape-border {
  border-color: var(--proshow-blue) !important;
}

/* Líneas y formas decorativas */
.hero-1 .hero-bg::before,
.hero-1 .hero-bg::after,
.hero-1 .gt-top-image::before,
.hero-1 .gt-top-image::after,
.gt-circle-shape,
.gt-shape {
  border-color: var(--proshow-blue) !important;
}

/* Contadores del slider */
.gt-coming-soon-time .gt-timer-content,
.gt-coming-soon-time .gt-timer-content h3,
.hero-1 .hero-content .gt-coming-soon-time .gt-timer-content h3 {
  color: var(--proshow-blue-deep) !important;
}

.gt-coming-soon-time .gt-timer-content {
  box-shadow: 0 10px 25px rgba(121, 189, 232, 0.22) !important;
}

/* Fondos con degradado del template reemplazados visualmente */
.gt-main-card-item.gt-style-2,
.gt-event-ticket-card-item,
.gt-service-dark-box,
.gt-sponsor-bg-wrapper,
.gt-speaker-wrapper-3,
.gt-testimonial-box-item,
.gt-news-items-3 .post-date,
.gt-event-post li,
.gt-link-btn .gt-radius-btn {
  border-color: rgba(121, 189, 232, 0.45) !important;
}

/* Elementos con fondo azul/morado del template */
.gt-event-post li,
.post-date,
.gt-icon,
.gt-radius-btn,
.video-icon .video-btn,
.video-btn,
.search-btn,
.qtyplus,
.qtyminus {
  background: var(--proshow-gradient) !important;
  color: var(--proshow-white) !important;
}

/* Hover de botones pequeños */
.gt-link-btn:hover .gt-radius-btn,
.gt-icon:hover,
.video-btn:hover,
.search-btn:hover {
  background: linear-gradient(135deg, #79BDE8 0%, #2F8FC4 55%, #0E5F91 100%) !important;
  color: var(--proshow-white) !important;
}

/* Formularios */
input:focus,
textarea:focus,
select:focus {
  border-color: var(--proshow-blue-dark) !important;
  box-shadow: 0 0 0 3px rgba(121, 189, 232, 0.18) !important;
}

/* Selección de texto */
::selection {
  background: var(--proshow-blue-dark);
  color: var(--proshow-white);
}

/* Fondos suaves para secciones que requieran acento */
.bg-proshow-light {
  background: linear-gradient(135deg, rgba(213, 231, 247, 0.75), rgba(121, 189, 232, 0.16)) !important;
}

/* Cursor / indicadores */
.mouseCursor.cursor-inner,
.mouseCursor.cursor-outer {
  border-color: var(--proshow-blue-dark) !important;
}

.mouseCursor.cursor-inner {
  background: var(--proshow-blue-dark) !important;
}

/* Swiper / bullets */
.swiper-pagination-bullet,
.swiper-pagination-bullet-active {
  background: var(--proshow-blue-dark) !important;
}

/* Footer / contacto */
.gt-footer-section-3 a:hover,
.offcanvas__contact-text a:hover,
.offcanvas__contact-icon i {
  color: var(--proshow-blue) !important;
}

/* Ajuste especial del botón Cotizar en header */
.header-1.header-new .header-button .gt-theme-btn,
.header-button .gt-theme-btn {
  background: var(--proshow-gradient) !important;
}

/* ==================================================
   PROSHOW FIX V4 - Header WhatsApp blanco + video más claro
   Fecha: 2026-06-09
================================================== */

/* Icono de WhatsApp del botón Cotizar en blanco */
.header-1.header-new .header-button .gt-theme-btn i,
.header-1.header-new .header-button .gt-theme-btn .fa-whatsapp,
.header-button .gt-theme-btn i,
.header-button .gt-theme-btn .fa-whatsapp {
  color: #ffffff !important;
  opacity: 1 !important;
}

.header-1.header-new .header-button .gt-theme-btn svg,
.header-button .gt-theme-btn svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* Video del slider más visible: reduce la capa oscura */
.proshow-video-slider .gt-top-image .proshow-slider-video-overlay,
.hero-1.proshow-video-slider .proshow-slider-video-overlay {
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.48) 0%,
    rgba(0, 0, 0, 0.32) 48%,
    rgba(0, 0, 0, 0.14) 100%
  ) !important;
}

/* En móvil se mantiene legible pero menos oscuro */
@media (max-width: 767px) {
  .proshow-video-slider .gt-top-image .proshow-slider-video-overlay,
  .hero-1.proshow-video-slider .proshow-slider-video-overlay {
    background: linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.50) 0%,
      rgba(0, 0, 0, 0.34) 55%,
      rgba(0, 0, 0, 0.18) 100%
    ) !important;
  }
}

/* Sube ligeramente brillo/contraste del video sin afectar textos */
.hero-1.proshow-video-slider .gt-top-image .proshow-slider-video,
.proshow-video-slider .gt-top-image .proshow-slider-video {
  filter: brightness(1.18) contrast(1.04) saturate(1.06) !important;
}

/* ==================================================
   PROSHOW FIX V5 - Video del slider todavía más claro
   Fecha: 2026-06-09
   Nota: este bloque solo aclara el video del slider.
================================================== */

/* Reduce más la capa oscura sobre el video */
.proshow-video-slider .gt-top-image .proshow-slider-video-overlay,
.hero-1.proshow-video-slider .proshow-slider-video-overlay {
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.34) 0%,
    rgba(0, 0, 0, 0.18) 48%,
    rgba(0, 0, 0, 0.05) 100%
  ) !important;
}

/* El video se ve más luminoso sin mover estructura ni textos */
.hero-1.proshow-video-slider .gt-top-image .proshow-slider-video,
.proshow-video-slider .gt-top-image .proshow-slider-video {
  filter: brightness(1.42) contrast(1.02) saturate(1.08) !important;
}

/* En móvil queda un poco más oscuro que desktop para conservar lectura */
@media (max-width: 767px) {
  .proshow-video-slider .gt-top-image .proshow-slider-video-overlay,
  .hero-1.proshow-video-slider .proshow-slider-video-overlay {
    background: linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.40) 0%,
      rgba(0, 0, 0, 0.24) 55%,
      rgba(0, 0, 0, 0.10) 100%
    ) !important;
  }

  .hero-1.proshow-video-slider .gt-top-image .proshow-slider-video,
  .proshow-video-slider .gt-top-image .proshow-slider-video {
    filter: brightness(1.32) contrast(1.02) saturate(1.06) !important;
  }
}

/* ==================================================
   PROSHOW FIX V6 - Margen uniforme del marco del slider
   Fecha: 2026-06-09
   Nota: solo ajusta la distancia inferior del contorno para
   que visualmente quede balanceado con el margen superior.
================================================== */

@media (min-width: 1200px) {
  .hero-1.proshow-video-slider .gt-border-shape {
    top: 105px !important;
    bottom: 105px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hero-1.proshow-video-slider .gt-border-shape {
    top: 92px !important;
    bottom: 92px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hero-1.proshow-video-slider .gt-border-shape {
    top: 82px !important;
    bottom: 82px !important;
  }
}

/* ==================================================
   PROSHOW FIX V7 - Contenido del slider mejor centrado
   Fecha: 2026-06-09
   Nota: solo ajusta la posición del contenido dentro del marco.
================================================== */

@media (min-width: 1400px) {
  .hero-1.proshow-video-slider .hero-content {
    transform: translateY(-42px) !important;
    max-width: 720px !important;
  }

  .hero-1.proshow-video-slider .hero-content .gt-hero-button {
    margin-top: 30px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .hero-1.proshow-video-slider .hero-content {
    transform: translateY(-58px) !important;
    max-width: 650px !important;
  }

  .hero-1.proshow-video-slider .hero-content .gt-hero-button {
    margin-top: 28px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hero-1.proshow-video-slider .hero-content {
    transform: translateY(-48px) !important;
    max-width: 590px !important;
  }

  .hero-1.proshow-video-slider .hero-content .gt-hero-button {
    margin-top: 26px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hero-1.proshow-video-slider .hero-content {
    transform: translateY(-28px) !important;
    max-width: 520px !important;
  }

  .hero-1.proshow-video-slider .hero-content .gt-hero-button {
    margin-top: 24px !important;
  }
}

/* En móvil no se aplica desplazamiento para no reabrir espacios blancos. */
@media (max-width: 767px) {
  .hero-1.proshow-video-slider .hero-content {
    transform: none !important;
  }
}

/* ==================================================
   PROSHOW FIX V8 - Slider homologado en todos los tamaños
   Fecha: 2026-06-09
   Objetivo:
   - Mantener el contenido del slider centrado verticalmente.
   - Evitar que el contenido se pegue arriba o abajo según el ancho.
   - Mantener proporción estable del hero en desktop, laptop, tablet y móvil.
   - No toca textos ni estructura HTML.
================================================== */

/* Reset de desplazamientos anteriores del contenido */
.hero-1.proshow-video-slider .hero-content {
  transform: none !important;
}

/* Base desktop/laptop: el hero tiene una altura estable y el contenido se centra */
.hero-1.proshow-video-slider {
  position: relative !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  height: clamp(600px, 44vw, 760px) !important;
  min-height: 600px !important;
  background-image: none !important;
}

.hero-1.proshow-video-slider .gt-top-image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  display: block !important;
  overflow: hidden !important;
  background-image: none !important;
  z-index: 0 !important;
}

.hero-1.proshow-video-slider .gt-top-image .proshow-slider-video {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

.hero-1.proshow-video-slider .container-fluid {
  position: relative !important;
  z-index: 5 !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  padding-left: clamp(48px, 6vw, 120px) !important;
  padding-right: clamp(48px, 6vw, 120px) !important;
}

.hero-1.proshow-video-slider .row {
  width: 100% !important;
  min-height: 100% !important;
  align-items: center !important;
}

.hero-1.proshow-video-slider .hero-content {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 6 !important;
  max-width: clamp(520px, 43vw, 740px) !important;
  padding: 0 !important;
  margin: 0 !important;
}

.hero-1.proshow-video-slider .hero-content .gt-client-info {
  margin-bottom: clamp(12px, 1.2vw, 22px) !important;
}

.hero-1.proshow-video-slider .hero-content h1 {
  margin-bottom: clamp(10px, 1vw, 16px) !important;
}

.hero-1.proshow-video-slider .hero-content .gt-hero-button {
  margin-top: clamp(22px, 2.2vw, 34px) !important;
}

/* Marco: misma respiración arriba y abajo */
.hero-1.proshow-video-slider .gt-border-shape {
  display: block !important;
  position: absolute !important;
  left: clamp(22px, 3.2vw, 70px) !important;
  right: clamp(22px, 3.2vw, 70px) !important;
  top: clamp(64px, 6vw, 105px) !important;
  bottom: clamp(64px, 6vw, 105px) !important;
  z-index: 8 !important;
  pointer-events: none !important;
}

.hero-1.proshow-video-slider .gt-border-shape img {
  width: 100% !important;
  height: 100% !important;
  object-fit: fill !important;
  display: block !important;
}

/* Laptop mediana */
@media (min-width: 1200px) and (max-width: 1399px) {
  .hero-1.proshow-video-slider {
    height: 620px !important;
    min-height: 620px !important;
  }

  .hero-1.proshow-video-slider .container-fluid {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }

  .hero-1.proshow-video-slider .hero-content {
    max-width: 620px !important;
  }
}

/* Laptop chica / tablet horizontal */
@media (min-width: 992px) and (max-width: 1199px) {
  .hero-1.proshow-video-slider {
    height: 590px !important;
    min-height: 590px !important;
  }

  .hero-1.proshow-video-slider .container-fluid {
    padding-left: 56px !important;
    padding-right: 56px !important;
  }

  .hero-1.proshow-video-slider .gt-border-shape {
    top: 72px !important;
    bottom: 72px !important;
    left: 26px !important;
    right: 26px !important;
  }

  .hero-1.proshow-video-slider .hero-content {
    max-width: 560px !important;
  }
}

/* Tablet vertical */
@media (min-width: 768px) and (max-width: 991px) {
  .hero-1.proshow-video-slider {
    height: 560px !important;
    min-height: 560px !important;
  }

  .hero-1.proshow-video-slider .container-fluid {
    padding-left: 44px !important;
    padding-right: 44px !important;
  }

  .hero-1.proshow-video-slider .gt-border-shape {
    top: 62px !important;
    bottom: 62px !important;
    left: 20px !important;
    right: 20px !important;
  }

  .hero-1.proshow-video-slider .hero-content {
    max-width: 520px !important;
  }
}

/* Móvil: sin huecos, contenido centrado y proporción estable */
@media (max-width: 767px) {
  .hero-1.proshow-video-slider {
    margin: 0 16px !important;
    padding: 0 !important;
    height: clamp(520px, 132vw, 640px) !important;
    min-height: clamp(520px, 132vw, 640px) !important;
    overflow: hidden !important;
    background-image: none !important;
  }

  .hero-1.proshow-video-slider .container-fluid {
    height: 100% !important;
    min-height: 100% !important;
    display: flex !important;
    align-items: center !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .hero-1.proshow-video-slider .row {
    width: 100% !important;
    min-height: auto !important;
    align-items: center !important;
  }

  .hero-1.proshow-video-slider .hero-content {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .hero-1.proshow-video-slider .hero-content h1 {
    font-size: clamp(34px, 10vw, 44px) !important;
    line-height: 1.05 !important;
    margin-bottom: 12px !important;
  }

  .hero-1.proshow-video-slider .hero-content h5 {
    font-size: clamp(15px, 4vw, 18px) !important;
    line-height: 1.35 !important;
  }

  .hero-1.proshow-video-slider .hero-content .gt-hero-button {
    margin-top: 26px !important;
  }

  .hero-1.proshow-video-slider .gt-border-shape,
  .hero-1.proshow-video-slider .hero-image {
    display: none !important;
  }
}

/* Móviles angostos */
@media (max-width: 430px) {
  .hero-1.proshow-video-slider {
    height: 540px !important;
    min-height: 540px !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
  }

  .hero-1.proshow-video-slider .hero-content h1 {
    font-size: 32px !important;
  }

  .hero-1.proshow-video-slider .hero-content .gt-client-info {
    margin-bottom: 14px !important;
  }

  .hero-1.proshow-video-slider .hero-content .gt-hero-button {
    margin-top: 24px !important;
  }
}

/* Header: evita que el menú brinque a segunda línea en anchos intermedios */
@media (max-width: 1199px) {
  .header-1.header-new .mean__menu-wrapper {
    display: none !important;
  }
}


/* ==================================================
   PROSHOW FIX V9 - Contenido visible en móvil
   Fecha: 2026-06-09
   Objetivo:
   - Forzar que el contenido del slider aparezca en dispositivos móviles.
   - Evitar que reglas del template/WOW lo oculten o lo manden fuera del hero.
   - Mantener el slider homologado en desktop, laptop y tablet.
================================================== */

@media (max-width: 767px) {
  .hero-1.proshow-video-slider {
    position: relative !important;
    height: clamp(520px, 132vw, 640px) !important;
    min-height: clamp(520px, 132vw, 640px) !important;
    margin: 0 16px !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .hero-1.proshow-video-slider .gt-top-image {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
  }

  .hero-1.proshow-video-slider .container-fluid {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    z-index: 20 !important;
    display: block !important;
    padding: 0 !important;
  }

  .hero-1.proshow-video-slider .row {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    display: block !important;
  }

  .hero-1.proshow-video-slider .row > [class*="col-"] {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }

  .hero-1.proshow-video-slider .hero-content {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    top: 50% !important;
    left: 28px !important;
    right: 28px !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    z-index: 30 !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .hero-1.proshow-video-slider .hero-content *,
  .hero-1.proshow-video-slider .hero-content .wow {
    visibility: visible !important;
    opacity: 1 !important;
  }

  .hero-1.proshow-video-slider .hero-content .gt-client-info {
    display: flex !important;
    margin-bottom: 14px !important;
  }

  .hero-1.proshow-video-slider .hero-content .gt-client-info .gt-text h6 {
    color: #ffffff !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
  }

  .hero-1.proshow-video-slider .hero-content h1 {
    display: block !important;
    color: #ffffff !important;
    font-size: clamp(32px, 9.6vw, 42px) !important;
    line-height: 1.04 !important;
    margin: 0 0 12px 0 !important;
  }

  .hero-1.proshow-video-slider .hero-content h1 span {
    display: block !important;
    color: var(--proshow-blue, #79BDE8) !important;
  }

  .hero-1.proshow-video-slider .hero-content h5 {
    display: block !important;
    color: #ffffff !important;
    font-size: clamp(15px, 4vw, 17px) !important;
    line-height: 1.35 !important;
    margin: 0 !important;
  }

  .hero-1.proshow-video-slider .hero-content .gt-hero-button {
    display: block !important;
    margin-top: 24px !important;
  }

  .hero-1.proshow-video-slider .hero-content .gt-hero-button .gt-theme-btn {
    display: inline-flex !important;
    align-items: center !important;
  }

  .hero-1.proshow-video-slider .hero-image,
  .hero-1.proshow-video-slider .gt-border-shape {
    display: none !important;
  }
}

@media (max-width: 430px) {
  .hero-1.proshow-video-slider .hero-content {
    left: 24px !important;
    right: 24px !important;
  }

  .hero-1.proshow-video-slider .hero-content h1 {
    font-size: clamp(30px, 9.2vw, 36px) !important;
  }
}

/* ==================================================
   PROSHOW FIX V10 - Header siempre con franja blanca
   Fecha: 2026-10-19
   - Desde 1900 px el template ponía el header transparente encima
     del video (position: absolute). Ahora en tablet y escritorio
     siempre va arriba del hero, con fondo blanco.
   - Se queda pegado arriba al hacer scroll con position: sticky,
     sin el brinco de 88 px que daba al cambiar a position: fixed.
   - En móvil (767 px o menos) no cambia nada: sigue la regla V3.
================================================== */
@media (min-width: 768px) {
  #header-sticky.header-1.header-new {
    position: sticky !important;
    top: 0 !important;
    left: auto !important;
    width: 100%;
    margin-top: 0 !important;
    background-color: var(--gt-white) !important;
    z-index: 9999;
    transition: box-shadow 0.3s ease;
  }

  /* Al hacer scroll solo aparece la sombra, sin animación de entrada */
  #header-sticky.header-1.header-new.sticky {
    -webkit-animation: none !important;
    animation: none !important;
  }
}

/* ==================================================
   PROSHOW FIX V11 - Menú del header siempre en una línea
   Fecha: 2026-10-19
   - Con la fuente Sora, entre 1410 y 1480 px "Contacto" bajaba a
     una segunda línea: en 1400 px el template subía de golpe la
     letra a 17 px y la separación a 50 px.
   - Ahora la letra (14 → 17 px) y la separación (20 → 44 px)
     crecen poco a poco entre 1200 y 1600 px, y el menú no se parte.
   - Abajo de 1200 px sigue la hamburguesa, igual que antes.
================================================== */
@media (min-width: 1200px) {
  #header-sticky.header-new .main-menu #mobile-menu > ul {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    column-gap: clamp(20px, calc(6vw - 52px), 44px) !important; /* V2 lo dejaba en 0 */
  }

  #header-sticky.header-new .main-menu #mobile-menu > ul > li {
    margin: 0 !important;
  }

  #header-sticky.header-new .main-menu #mobile-menu > ul > li > a {
    font-size: clamp(14px, calc(5px + 0.75vw), 17px) !important;
    white-space: nowrap;
  }
}

/* ==================================================
   PROSHOW FIX V12 - Hero de inicio con contenido de ProShow
   Fecha: 2026-10-19
   - Va junto con el nuevo in_slider.php (id="proshow-hero").
   - Textos en español sin mayúscula en cada palabra.
   - El hero crece con su contenido (antes tenía alto fijo y en
     celular podía cortar el texto).
   - Botones: WhatsApp (principal) y llamada (secundario).
   - Los filtros de brillo del video (V4/V5) se quedan igual.
================================================== */

/* ---------- Base (todas las medidas) ---------- */
#proshow-hero .hero-content {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  z-index: 6 !important;
  margin: 0 !important;
  padding: 0 !important;
}

#proshow-hero .proshow-hero-eyebrow,
#proshow-hero .proshow-hero-lead,
#proshow-hero .proshow-hero-zonas,
#proshow-hero h1,
#proshow-hero .gt-theme-btn {
  text-transform: none !important;
}

#proshow-hero .proshow-hero-eyebrow {
  margin: 0 0 clamp(14px, 1.2vw, 22px);
  font-family: "Sora", sans-serif;
  font-size: clamp(14px, 0.95vw, 17px);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.02em;
  color: rgba(255, 255, 255, 0.88);
}

#proshow-hero h1 {
  margin: 0 0 clamp(16px, 1.4vw, 24px) !important;
  font-size: clamp(44px, 4.4vw, 84px) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.01em;
  color: #ffffff !important;
}

#proshow-hero h1 span {
  display: block;
}

#proshow-hero .proshow-hero-lead {
  max-width: 40em;
  margin: 0 0 clamp(14px, 1.2vw, 20px);
  font-size: clamp(16px, 1.1vw, 20px);
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.92);
}

#proshow-hero .proshow-hero-zonas {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: clamp(13px, 0.85vw, 15px);
  font-weight: 600;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.8);
}

#proshow-hero .proshow-hero-zonas li {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

#proshow-hero .proshow-hero-zonas li::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--proshow-blue);
}

#proshow-hero .proshow-hero-botones {
  display: flex !important;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: clamp(24px, 2.2vw, 36px) !important;
}

#proshow-hero .proshow-hero-botones .gt-theme-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

#proshow-hero .proshow-hero-botones .gt-theme-btn i {
  margin: 0 !important;
  transform: none !important;
  color: #ffffff !important;
}

#proshow-hero .proshow-btn-secundario {
  background: transparent !important;
  border: 1.5px solid rgba(255, 255, 255, 0.7) !important;
  box-shadow: none !important;
  color: #ffffff !important;
}

#proshow-hero .proshow-btn-secundario:hover,
#proshow-hero .proshow-btn-secundario:focus-visible {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: var(--proshow-blue-deep) !important;
}

#proshow-hero .proshow-btn-secundario:hover i,
#proshow-hero .proshow-btn-secundario:focus-visible i {
  color: var(--proshow-blue-deep) !important;
}

/* ---------- Tablet y escritorio (768 px en adelante) ---------- */
@media (min-width: 768px) {
  #proshow-hero.hero-1.proshow-video-slider {
    display: flex !important;
    align-items: center;
    height: auto !important;
    min-height: clamp(560px, 44vw, 780px) !important;
    padding: 0 !important;
  }

  #proshow-hero .container-fluid {
    position: relative !important;
    z-index: 5 !important;
    display: block !important;
    width: 100%;
    height: auto !important;
    /* abajo hay más espacio para que el contenido no choque con la onda del marco */
    padding: clamp(120px, 9vw, 165px) clamp(56px, 7vw, 150px) clamp(172px, 14vw, 260px) !important;
  }

  #proshow-hero .row {
    min-height: 0 !important;
  }

  #proshow-hero .hero-content {
    max-width: clamp(560px, 58vw, 1040px) !important;
  }
}

/* ---------- Celular (767 px o menos) ---------- */
@media (max-width: 767px) {
  #proshow-hero.hero-1.proshow-video-slider {
    display: flex !important;
    align-items: center;
    height: auto !important;
    min-height: clamp(520px, 132vw, 640px) !important;
  }

  #proshow-hero .container-fluid {
    position: relative !important;
    inset: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 56px 24px !important;
  }

  #proshow-hero .row {
    height: auto !important;
    min-height: 0 !important;
  }

  #proshow-hero .hero-content {
    width: 100% !important;
    max-width: 100% !important;
  }

  #proshow-hero h1 {
    font-size: clamp(32px, 9.4vw, 40px) !important;
    line-height: 1.06 !important;
  }

  #proshow-hero .proshow-hero-lead {
    font-size: 16px;
  }
}

@media (max-width: 575px) {
  #proshow-hero .proshow-hero-botones .gt-theme-btn {
    flex: 1 1 100%;
  }
}

/* ==================================================
   PROSHOW FIX V13 - Ajustes del header en celular
   Fecha: 2026-10-19
   - En celulares de 360 a 400 px el botón Cotizar empujaba la
     hamburguesa fuera de la pantalla (scroll horizontal).
   - La hamburguesa tiene un área de toque más grande (sin moverla).
   - El cursor decorativo ya no aparece en pantallas táctiles.
================================================== */
@media (max-width: 400px) {
  .header-1.header-new .header-button .gt-theme-btn {
    min-width: 0 !important;
    padding: 10px 14px !important;
  }
}

@media (max-width: 1399px) {
  .header-1.header-new .header__hamburger .sidebar__toggle {
    padding: 12px;
    margin: -12px;
  }
}

@media (hover: none) {
  .mouseCursor {
    display: none !important;
  }
}

/* ==================================================
   PROSHOW FIX V14 - Sección "Lo que hacemos" (cintas en movimiento)
   Fecha: 2026-10-19
   - Va junto con el bloque "LO QUE HACEMOS" de in_container.php.
   - .proshow-es: en las secciones ya pasadas a español, el texto
     no lleva mayúscula en cada palabra.
   - Pastilla de categoría (Producción / Renta) con el degradado de
     ProShow, y el hover de las pastillas con colores de ProShow.
   - Si la persona tiene "reducir movimiento", las cintas se quedan
     quietas y se ven todas las pastillas acomodadas.
   - Actualizado (19 oct): logo arriba de "Lo que hacemos" y orillas
     de las cintas desvanecidas con CSS (mask), en todos los anchos.
================================================== */
.proshow-es,
.proshow-es * {
  text-transform: none !important;
}

#lo-que-hacemos .proshow-section-logo {
  display: block;
  width: clamp(120px, 10vw, 160px);
  height: auto;
  margin: 0 auto clamp(18px, 1.6vw, 26px);
}

/* Orillas de las cintas desvanecidas (reemplaza las imágenes del template) */
#lo-que-hacemos .marquee-text-slider,
#lo-que-hacemos .marquee-text-slider-2 {
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 clamp(32px, 12%, 220px), #000 calc(100% - clamp(32px, 12%, 220px)), transparent 100%);
          mask-image: linear-gradient(to right, transparent 0, #000 clamp(32px, 12%, 220px), #000 calc(100% - clamp(32px, 12%, 220px)), transparent 100%);
}

#lo-que-hacemos .gt-section-title h2 {
  max-width: 18em;
  margin: 0 auto;
  line-height: 1.2;
  text-wrap: balance;
}

#lo-que-hacemos .marquee-text-3.proshow-chip-label {
  background: var(--proshow-gradient) !important;
  border-color: transparent !important;
}

#lo-que-hacemos .marquee-text-3.proshow-chip-label .text-marquee {
  color: #ffffff !important;
}

#lo-que-hacemos .marquee-text-3.bg-cover::before {
  background-image: var(--proshow-gradient) !important;
}

@media (prefers-reduced-motion: reduce) {
  #lo-que-hacemos .swiper-wrapper {
    box-sizing: border-box;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    padding: 0 16px;
    transform: none !important;
  }

  #lo-que-hacemos .swiper-slide {
    margin: 0 !important;
  }

  #lo-que-hacemos .swiper-slide-duplicate {
    display: none !important;
  }

  /* la cinta 2 corre al revés (dir="rtl"); quieta se acomoda normal */
  #lo-que-hacemos .marquee-text-slider-2 {
    direction: ltr;
  }

  #lo-que-hacemos .marquee-text-slider,
  #lo-que-hacemos .marquee-text-slider-2 {
    -webkit-mask-image: none;
            mask-image: none;
  }
}

/* ==================================================
   PROSHOW FIX V15 - Sección "Cómo trabajamos" (franja con foto + 3 pasos)
   Fecha: 2026-10-19
   - Va junto con el bloque "CÓMO TRABAJAMOS" de in_container.php.
   - La foto de la franja ahora es un <img> (antes era fondo CSS): Google
     la puede indexar con su texto alternativo y el navegador baja el
     tamaño que necesita (900, 1600 o 2400 px).
   - Título encima de la foto con degradado para que se lea; en celular
     la foto se corre a la derecha para que se vea el escenario.
   - Tarjetas con los colores de ProShow y del mismo alto.
================================================== */
#como-trabajamos .proshow-franja {
  position: relative;
  display: flex;
  align-items: center;
  min-height: clamp(300px, 38vw, 640px);
  padding: clamp(56px, 6vw, 100px) 0 calc(clamp(56px, 6vw, 100px) + 40px);
  background-color: var(--proshow-dark);
  overflow: hidden;
}

#como-trabajamos .proshow-franja-foto,
#como-trabajamos .proshow-franja-foto img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

#como-trabajamos .proshow-franja-foto img {
  object-fit: cover;
  object-position: center 55%;
}

/* Oscurece el lado del título; el escenario (derecha) se queda vivo */
#como-trabajamos .proshow-franja::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(11, 16, 32, 0.84) 0%, rgba(11, 16, 32, 0.5) 42%, rgba(11, 16, 32, 0.06) 78%);
  pointer-events: none;
}

#como-trabajamos .proshow-franja .container {
  position: relative;
  z-index: 2;
}

#como-trabajamos .proshow-franja-texto {
  max-width: 36rem;
}

#como-trabajamos .proshow-franja-eyebrow {
  display: inline-block;
  margin-bottom: clamp(14px, 1.4vw, 22px);
  padding: 10px 22px;
  border-radius: 100px;
  font-family: "Sora", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  background: rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
}

#como-trabajamos .proshow-franja-texto h2 {
  margin: 0;
  font-size: clamp(30px, 3.6vw, 60px);
  line-height: 1.08;
  color: #ffffff;
  text-wrap: balance;
}

/* Tarjetas: se enciman sobre la franja */
#como-trabajamos .gt-event-top-section.proshow-pasos {
  margin-top: -40px;
}

#como-trabajamos .gt-event-card-item {
  height: 100%;
  box-shadow: 0 4px 60px 0 rgba(14, 95, 145, 0.1);
}

#como-trabajamos .gt-event-card-item::before {
  background: var(--proshow-gradient);
}

#como-trabajamos .proshow-paso-numero {
  display: block;
  margin-bottom: 6px;
  font-family: "Sora", sans-serif;
  font-size: clamp(44px, 4vw, 60px);
  font-weight: 400;
  line-height: 1.1;
  background: var(--proshow-gradient);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}

#como-trabajamos .gt-event-content h3 {
  margin-bottom: 12px;
  font-size: clamp(20px, 1.6vw, 24px);
  line-height: 1.25;
}

#como-trabajamos .gt-event-content p {
  max-width: none;
  margin: 0;
  color: #4b4b55;
}

#como-trabajamos .gt-event-card-item:hover .proshow-paso-numero {
  background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
  -webkit-background-clip: text;
          background-clip: text;
}

#como-trabajamos .gt-event-card-item:hover h3,
#como-trabajamos .gt-event-card-item:hover p {
  color: #ffffff;
}

@media (min-width: 1200px) {
  #como-trabajamos .proshow-franja {
    min-height: clamp(520px, 38vw, 640px);
    padding-bottom: 200px;
  }

  #como-trabajamos .gt-event-top-section.proshow-pasos {
    margin-top: -120px;
  }
}

@media (max-width: 767px) {
  #como-trabajamos .proshow-franja {
    min-height: 320px;
  }

  #como-trabajamos .proshow-franja-foto img {
    object-position: 75% center;
  }

  #como-trabajamos .proshow-franja::after {
    background: linear-gradient(180deg, rgba(11, 16, 32, 0.74) 0%, rgba(11, 16, 32, 0.38) 70%, rgba(11, 16, 32, 0.2) 100%);
  }
}

/* ==================================================
   PROSHOW FIX V16 - Sección "Servicios" (pestañas con filas)
   Fecha: 2026-10-19
   - Va junto con el bloque "SERVICIOS" de in_container.php.
   - Reemplaza "events schedule" del template: 3 pestañas
     (Producción de eventos, Renta de equipo, Stands y diseño) con
     3 servicios cada una: foto, etiquetas, título, texto y botón.
   - Sin los 3 círculos decorativos del template (pesaban 5.6 MB).
   - En tablet la foto va a la izquierda y el texto a la derecha.
   - En celular las 3 pestañas caben en una fila y las filas se
     vuelven tarjetas con la foto arriba.
================================================== */
#servicios {
  position: relative;
  padding-bottom: clamp(80px, 9vw, 120px);
}

#servicios .svc-head {
  margin-bottom: clamp(28px, 3vw, 44px);
}

#servicios .svc-head h2 {
  margin: 0 0 14px;
  line-height: 1.15;
  text-wrap: balance;
}

#servicios .svc-intro {
  max-width: 62ch;
  margin: 0 auto;
  font-size: 17px;
  line-height: 1.6;
  color: #4b4b55;
}

#servicios h3 {
  font-size: clamp(20px, 1.7vw, 24px);
  line-height: 1.25;
}

#servicios p {
  color: #4b4b55;
}

#servicios .gt-theme-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  white-space: nowrap;
}

#servicios .gt-theme-btn i {
  margin: 0 !important;
  transform: none !important;
  color: #ffffff !important;
}

/* Pestañas */
#servicios .gt-event-schedule-wrapper {
  margin: 0;
  padding-top: 0;
  border-top: 0;
}

#servicios .gt-event-schedule-wrapper .nav {
  margin-bottom: 8px;
}

#servicios .gt-event-schedule-wrapper .nav .nav-link {
  padding: 14px 22px;
  border: 0;
  font-size: 16px;
  color: var(--proshow-blue-deep);
  background: rgba(121, 189, 232, 0.16);
}

#servicios .gt-event-schedule-wrapper .nav .nav-link.active {
  color: #ffffff;
  background: var(--proshow-gradient);
}

/* Filas */
#servicios .gt-event-schedule-item {
  align-items: stretch;
  gap: 0;
  padding: 0 40px 0 0;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 4px 60px 0 rgba(14, 95, 145, 0.1);
}

#servicios .gt-event-image {
  flex: 0 0 clamp(260px, 30%, 380px);
}

#servicios .gt-event-image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 240px;
  object-fit: cover;
}

#servicios .gt-event-schedule-content {
  flex: 1 1 auto;
  align-self: center;
  max-width: none;
  margin: 32px 32px 32px 40px;
  padding-right: 32px;
}

#servicios .gt-event-schedule-content .gt-event-list {
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}

#servicios .gt-event-schedule-content .gt-event-list li {
  padding: 7px 12px;
  font-size: 13px;
  font-weight: 600;
  color: var(--proshow-blue-deep);
  border-color: rgba(47, 143, 196, 0.45);
}

#servicios .gt-event-schedule-content .gt-event-list li:hover {
  color: var(--proshow-blue-deep);
  background: transparent;
}

#servicios .gt-event-schedule-content h3 {
  margin-bottom: 10px;
}

#servicios .gt-event-schedule-content p {
  margin: 0;
}

#servicios .gt-event-button {
  flex: 0 0 auto;
  align-self: center;
}

@media (max-width: 1199px) {
  #servicios .gt-event-schedule-item {
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0 0 28px;
  }

  #servicios .gt-event-image {
    flex-basis: auto;
  }

  #servicios .gt-event-image img {
    height: auto;
    min-height: 0;
    aspect-ratio: 16 / 9;
  }

  #servicios .gt-event-schedule-content {
    margin: 24px 28px 20px;
    padding-right: 0;
  }

  #servicios .gt-event-button {
    align-self: flex-start;
    margin: 0 28px;
  }
}

/* Tablet: foto a la izquierda y texto con botón a la derecha (más compacto) */
@media (min-width: 768px) and (max-width: 1199px) {
  #servicios .gt-event-schedule-item {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    grid-template-areas: "foto texto" "foto boton";
    padding: 0;
  }

  #servicios .gt-event-image {
    grid-area: foto;
  }

  #servicios .gt-event-image img {
    height: 100%;
    min-height: 260px;
    aspect-ratio: auto;
  }

  #servicios .gt-event-schedule-content {
    grid-area: texto;
    align-self: end;
    margin: 28px 28px 16px;
  }

  #servicios .gt-event-button {
    grid-area: boton;
    align-self: start;
    margin: 0 28px 28px;
  }
}

/* Celular: las 3 pestañas en una fila (el texto puede ir en 2 renglones) */
@media (max-width: 767px) {
  #servicios .gt-event-schedule-wrapper .nav {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  #servicios .gt-event-schedule-wrapper .nav .nav-item,
  #servicios .gt-event-schedule-wrapper .nav .nav-link {
    width: 100%;
    height: 100%;
  }

  #servicios .gt-event-schedule-wrapper .nav .nav-link {
    padding: 10px 6px;
    border-radius: 14px;
    font-size: 14px;
    line-height: 1.25;
    text-align: center;
    white-space: normal;
  }

  #servicios .gt-event-schedule-content {
    margin: 20px 20px 18px;
  }

  #servicios .gt-event-button {
    align-self: stretch;
    margin: 0 20px;
  }

  #servicios .gt-event-button .gt-theme-btn {
    width: 100%;
  }
}

/* ==================================================
   PROSHOW FIX V17 - Menú de una sola página
   Fecha: 2026-10-20
   - Va junto con header.php y assets/js/proshow.js.
   - Espacio extra al llegar a "Servicios" con el menú (la altura del
     header fijo ya la descuenta proshow.js).
   - Menú y panel lateral con el azul de ProShow (el hover, la barra
     del submenú, el botón de cerrar y el borde usaban el azul del
     template).
================================================== */
#servicios {
  scroll-margin-top: 40px;
}

#servicios .gt-event-schedule-item {
  scroll-margin-top: 24px;
}

@media (max-width: 767px) {
  #servicios {
    scroll-margin-top: 24px;
  }
}

/* Al llegar con el menú, la sección recibe el foco (accesibilidad) sin marco visible */
[tabindex="-1"]:focus:not(:focus-visible) {
  outline: none;
}

/* Menú del header */
.header-1 .header-main .main-menu ul li a:hover,
.header-1 .header-main .main-menu ul li.active > a,
.header-1 .header-main .main-menu ul li .submenu li a:hover {
  color: var(--proshow-blue-dark) !important;
}

.header-1 .header-main .main-menu ul li .submenu {
  border-top-color: var(--proshow-blue-dark);
}

.header-1 .header-main .main-menu ul li .submenu li a::before {
  background: var(--proshow-blue-dark);
}

/* Menú de celular y tablet (panel lateral) */
.offcanvas__info {
  border-left-color: var(--proshow-blue-dark);
}

.offcanvas__wrapper .offcanvas__content .offcanvas__close {
  background-color: var(--proshow-blue-dark);
}

.mean-container .mean-nav ul li a:hover,
.mean-container .mean-nav > ul > li.active > a {
  color: var(--proshow-blue-dark);
}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact {
  margin-top: 28px;
}

/* ==================================================
   PROSHOW FIX V18 - Sección "Contacto" y footer
   Fecha: 2026-10-20
   - Va junto con la sección CONTACTO de in_container.php y footer.php.
   - Encabezado con foto real (antes: imagen de relleno del template),
     datos de contacto y formulario con los colores de ProShow.
   - Footer con datos reales; sin los fondos pastel del template.
================================================== */

/* ---------- Encabezado con foto ---------- */
#contacto .gt-breadcrumb-wrapper .container-fluid {
  padding: clamp(24px, 4vw, 60px) clamp(16px, 5vw, 100px) 0;
}

#contacto .gt-page-heading {
  position: relative;
  overflow: hidden;
  padding: clamp(64px, 8vw, 130px) clamp(24px, 5vw, 80px);
  border-radius: clamp(20px, 3vw, 40px);
  background-color: var(--proshow-dark);
}

#contacto .proshow-contacto-foto,
#contacto .proshow-contacto-foto img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

#contacto .proshow-contacto-foto img {
  object-fit: cover;
  object-position: center 62%;
}

#contacto .gt-page-heading::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(11, 16, 32, 0.86) 0%, rgba(11, 16, 32, 0.55) 45%, rgba(11, 16, 32, 0.12) 85%);
  pointer-events: none;
}

#contacto .proshow-contacto-encabezado {
  position: relative;
  z-index: 2;
  max-width: 34rem;
}

#contacto .proshow-contacto-eyebrow {
  display: inline-block;
  margin-bottom: clamp(14px, 1.4vw, 22px);
  padding: 10px 22px;
  border-radius: 100px;
  font-family: "Sora", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.14) !important;
}

#contacto .proshow-contacto-encabezado h2 {
  margin: 0 0 14px;
  font-size: clamp(34px, 4.6vw, 72px);
  font-weight: 800;
  line-height: 1.04;
  color: #ffffff;
}

#contacto .proshow-contacto-encabezado p {
  margin: 0;
  font-size: clamp(16px, 1.15vw, 19px);
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.9);
}

@media (max-width: 767px) {
  #contacto .gt-page-heading::after {
    background: linear-gradient(180deg, rgba(11, 16, 32, 0.8) 0%, rgba(11, 16, 32, 0.55) 100%);
  }

  #contacto .proshow-contacto-foto img {
    object-position: 58% center;
  }
}

/* ---------- Datos y formulario ---------- */
#contacto .gt-contact-section {
  padding: clamp(40px, 6vw, 80px) 0 clamp(80px, 9vw, 120px);
}

#contacto .gt-contact-us-wrapper .gt-contact-us-box {
  display: flex !important;
  max-width: none;
  align-items: flex-start;
  gap: 18px;
  padding: 22px;
  background: rgba(121, 189, 232, 0.12);
}

@media (max-width: 575px) {
  #contacto .gt-contact-us-wrapper .gt-contact-us-box {
    gap: 14px;
    padding: 18px;
  }

  #contacto .gt-contact-us-wrapper .gt-contact-us-box .gt-icon {
    flex-basis: 46px;
    width: 46px;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
  }
}

#contacto .gt-contact-us-wrapper .gt-contact-us-box:hover {
  background: #ffffff;
  box-shadow: 0 4px 60px 0 rgba(14, 95, 145, 0.1);
}

#contacto .gt-contact-us-wrapper .gt-contact-us-box .gt-icon {
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  line-height: 56px;
  font-size: 22px;
  border-radius: 14px;
  background: var(--proshow-blue-deep) !important;
}

#contacto .gt-contact-us-wrapper .gt-contact-us-box:hover .gt-icon {
  background: var(--proshow-gradient) !important;
}

#contacto .gt-contact-us-wrapper .gt-contact-us-box .gt-icon i {
  color: #ffffff !important;
}

#contacto .gt-contact-us-content > span {
  display: block;
  margin-bottom: 4px;
  font-size: 14px;
  color: #5f6b7a;
}

#contacto .proshow-contacto-dato {
  margin: 0;
  font-family: "Sora", sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.45;
  color: var(--gt-header);
  word-break: break-word;
}

#contacto .proshow-contacto-dato a {
  color: inherit;
}

#contacto .proshow-contacto-dato a:hover,
#contacto .proshow-contacto-wa:hover {
  color: var(--proshow-blue-dark) !important;
}

#contacto .proshow-contacto-wa {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
  font-size: 15px;
  font-weight: 600;
  color: #128c7e;
}

#contacto .proshow-contacto-wa i {
  color: #25d366 !important;
  font-size: 18px;
}

#contacto .gt-comment-form-wrap {
  box-shadow: 0 4px 60px 0 rgba(14, 95, 145, 0.1);
}

#contacto .gt-comment-form-wrap h3 {
  margin-bottom: 8px;
  font-size: clamp(26px, 2.6vw, 38px);
  line-height: 1.15;
}

#contacto .gt-comment-form-wrap > p {
  color: #4b4b55;
}

#contacto .form-clt label {
  display: block;
  margin-bottom: 6px;
  font-family: "Sora", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: var(--gt-header);
}

#contacto .proshow-req {
  color: var(--proshow-blue-dark);
}

#contacto .form-clt input,
#contacto .form-clt select,
#contacto .form-clt textarea {
  display: block;
  width: 100%;
  min-height: 52px;
  padding: 12px 18px;
  border: 1px solid transparent;
  border-radius: 10px;
  outline: none;
  font-size: 16px; /* 16 px evita el zoom automático del iPhone */
  color: var(--gt-header);
  background: #f2f7fc;
}

#contacto .form-clt input::placeholder,
#contacto .form-clt textarea::placeholder {
  color: #7d8796;
}

#contacto .form-clt select {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 44px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%230E5F91' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 18px center;
  cursor: pointer;
}

#contacto .form-clt textarea {
  min-height: 150px;
  padding-bottom: 12px;
  resize: vertical;
}

#contacto .form-clt input:focus,
#contacto .form-clt select:focus,
#contacto .form-clt textarea:focus {
  border-color: var(--proshow-blue-dark) !important;
  background-color: #ffffff;
}

#contacto .form-clt input:user-invalid,
#contacto .form-clt select:user-invalid {
  border-color: #d93025 !important;
}

/* Campo trampa contra spam: fuera de la vista */
#contacto .proshow-campo-trampa {
  position: absolute !important;
  left: -10000px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

#contacto .proshow-form-privacidad {
  margin: 0 0 18px;
  font-size: 14px;
  color: #5f6b7a;
}

#contacto .proshow-form-privacidad a {
  color: var(--proshow-blue-deep);
  text-decoration: underline;
}

#contacto .proshow-form-enviar {
  min-width: 220px;
  border: 0;
  cursor: pointer;
}

#contacto .proshow-form-enviar:disabled {
  opacity: 0.7;
  cursor: progress;
}

#contacto .proshow-form-estado {
  margin: 18px 0 0;
  font-size: 16px;
  line-height: 1.5;
}

#contacto .proshow-form-estado:empty {
  display: none;
}

#contacto .proshow-form-estado.is-ok,
#contacto .proshow-form-estado.is-error {
  padding: 14px 18px;
  border-radius: 10px;
}

#contacto .proshow-form-estado.is-ok {
  color: #0b5d3b;
  background: #e6f6ee;
}

#contacto .proshow-form-estado.is-error {
  color: #8a1c14;
  background: #fdecea;
}

@media (max-width: 575px) {
  #contacto .proshow-form-enviar {
    width: 100%;
  }
}

/* ---------- Footer ---------- */
.proshow-pie.gt-footer-section {
  background: linear-gradient(180deg, #ffffff 0%, var(--proshow-blue-light) 100%);
}

.proshow-pie .gt-footer-widget-wrapper {
  padding-top: 0;
}

.proshow-pie .gt-footer-widget-wrapper .gt-footer-bg-item {
  gap: 30px;
  background: var(--proshow-blue-deep);
}

.proshow-pie .gt-footer-widget-wrapper .gt-footer-bg-item::before {
  border-color: var(--proshow-blue);
}

.proshow-pie .footer-logo img {
  width: 190px;
  height: auto;
  filter: brightness(0) invert(1); /* logo en blanco sobre el azul */
}

.proshow-pie .gt-list li {
  font-size: 16px !important;
  line-height: 1.6;
}

.proshow-pie .gt-list li + li {
  margin-top: 6px;
}

.proshow-pie .gt-list a {
  color: #ffffff;
}

.proshow-pie .gt-list a:hover {
  color: var(--proshow-blue-light) !important;
}

.proshow-pie .proshow-pie-separador {
  margin: 0 8px;
  opacity: 0.6;
}

.proshow-pie .gt-footer-widget-wrapper .gt-footer-bg-item .gt-social-icon {
  margin-top: 0;
}

.proshow-pie .gt-footer-widget-wrapper .gt-footer-bg-item .gt-social-icon a {
  color: var(--proshow-blue-deep);
}

.proshow-pie .gt-footer-widget-wrapper .gt-footer-bg-item .gt-social-icon a:hover {
  background: var(--proshow-gradient);
  color: #ffffff;
}

.proshow-pie .gt-footer-widget-wrapper .gt-footer-bg-item .gt-social-icon a:hover i {
  color: #ffffff !important;
}

.proshow-pie .gt-footer-bottom .gt-footer-wrapper p {
  margin: 0;
  color: #4b4b55;
}

.proshow-pie .gt-footer-bottom .gt-footer-wrapper .gt-footer-list li a:hover {
  color: var(--proshow-blue-dark) !important;
}

@media (max-width: 1199px) {
  .proshow-pie .gt-footer-widget-wrapper .gt-footer-bg-item {
    border-radius: 24px;
  }
}

@media (max-width: 767px) {
  .proshow-pie .gt-footer-bottom .gt-footer-wrapper {
    flex-direction: column;
    text-align: center;
  }
}

/* ==================================================
   PROSHOW FIX V19 - Botón flotante "Chatea por WhatsApp"
   Fecha: 2026-10-20
   - Va junto con whatsapp-flotante.php y assets/js/proshow.js.
   - Botón verde abajo a la derecha con punto rojo de aviso; abre una
     tarjeta tipo chat donde la persona escribe y se va a WhatsApp.
   - El botón "subir" del template se movió arriba para no encimarse.
================================================== */
.proshow-wa {
  position: fixed;
  right: 24px;
  bottom: calc(24px + env(safe-area-inset-bottom, 0px));
  z-index: 9990;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 14px;
  font-family: "Sora", sans-serif;
}

.proshow-wa-boton {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 22px;
  border: 0;
  border-radius: 100px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  color: #ffffff;
  background: #25d366;
  box-shadow: 0 10px 28px rgba(18, 140, 126, 0.35);
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.2s ease;
}

.proshow-wa-boton i {
  font-size: 22px;
  color: #ffffff !important;
}

.proshow-wa-boton:hover {
  background: #1ebe5d;
  transform: translateY(-2px);
}

.proshow-wa-boton:focus-visible,
.proshow-wa-cerrar:focus-visible,
.proshow-wa-enviar:focus-visible {
  outline: 3px solid var(--proshow-blue-dark);
  outline-offset: 3px;
}

.proshow-wa-punto {
  position: absolute;
  top: -3px;
  right: 6px;
  width: 14px;
  height: 14px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background: #ff3b30;
}

.proshow-wa-tarjeta {
  width: 360px;
  max-width: calc(100vw - 32px);
  overflow: hidden;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 18px 48px rgba(11, 16, 32, 0.22);
  transform-origin: bottom right;
}

.proshow-wa.is-abierto .proshow-wa-tarjeta {
  animation: proshow-wa-entra 0.22s ease-out;
}

@keyframes proshow-wa-entra {
  from { opacity: 0; transform: translateY(10px) scale(0.97); }
  to { opacity: 1; transform: none; }
}

.proshow-wa-encabezado {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 14px 16px 18px;
}

.proshow-wa-avatar {
  position: relative;
  display: grid;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 50%;
  background: var(--proshow-blue-light);
}

.proshow-wa-avatar img {
  width: 26px;
  height: auto;
}

/* Insignia de WhatsApp en el avatar */
.proshow-wa-avatar::after {
  content: "\f232";
  position: absolute;
  right: -3px;
  bottom: -3px;
  display: grid;
  width: 20px;
  height: 20px;
  place-items: center;
  border: 2px solid #ffffff;
  border-radius: 50%;
  font-family: "Font Awesome 6 Brands";
  font-size: 11px;
  font-weight: 400;
  color: #ffffff;
  background: #25d366;
}

.proshow-wa-quien {
  min-width: 0;
}

.proshow-wa-quien strong {
  display: block;
  font-size: 16px;
  line-height: 1.25;
  color: var(--gt-header);
}

.proshow-wa-quien span {
  display: block;
  font-size: 13px;
  line-height: 1.3;
  color: #5f6b7a;
}

.proshow-wa-cerrar {
  display: grid;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  margin-left: auto;
  align-self: flex-start;
  place-items: center;
  border: 0;
  border-radius: 50%;
  font-size: 16px;
  color: #8a94a6;
  background: transparent;
  cursor: pointer;
}

.proshow-wa-cerrar:hover {
  color: var(--gt-header);
  background: #f1f3f6;
}

.proshow-wa-chat {
  padding: 22px 18px 26px;
  background-color: #efeae2;
  background-image: radial-gradient(rgba(11, 16, 32, 0.06) 1px, transparent 1px);
  background-size: 14px 14px;
}

.proshow-wa-burbuja {
  position: relative;
  max-width: 90%;
  margin: 0 0 0 8px;
  padding: 12px 14px;
  border-radius: 0 12px 12px 12px;
  font-size: 15px;
  line-height: 1.5;
  color: #111b21;
  background: #ffffff;
  box-shadow: 0 1px 1px rgba(11, 16, 32, 0.08);
}

.proshow-wa-burbuja::before {
  content: "";
  position: absolute;
  top: 0;
  left: -8px;
  border-style: solid;
  border-width: 0 8px 10px 0;
  border-color: transparent #ffffff transparent transparent;
}

.proshow-wa-form {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px 4px;
}

.proshow-wa-campo {
  flex: 1 1 auto;
  min-width: 0;
  padding: 11px 16px;
  border: 0;
  border-radius: 100px;
  outline: none;
  font-size: 16px; /* 16 px evita el zoom automático del iPhone */
  color: var(--gt-header);
  background: #f0f2f5;
}

.proshow-wa-campo:focus {
  border-color: transparent !important;
  box-shadow: 0 0 0 2px var(--proshow-blue) !important;
  background: #ffffff;
}

.proshow-wa-campo::placeholder {
  color: #8a94a6;
}

.proshow-wa-enviar {
  display: grid;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 0;
  border-radius: 50%;
  font-size: 16px;
  color: #ffffff;
  background: #25d366;
  cursor: pointer;
}

.proshow-wa-enviar i {
  color: #ffffff !important;
}

.proshow-wa-enviar:hover {
  background: #1ebe5d;
}

.proshow-wa-nota {
  margin: 0;
  padding: 0 18px 14px;
  font-size: 12px;
  color: #8a94a6;
}

/* Botón "subir" del template: arriba del de WhatsApp */
.gt-back-to-top {
  right: 30px !important;
  bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
}

@media (max-width: 575px) {
  .proshow-wa {
    right: 16px;
    bottom: calc(16px + env(safe-area-inset-bottom, 0px));
  }

  .proshow-wa-boton {
    padding: 12px 18px;
    font-size: 15px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .proshow-wa.is-abierto .proshow-wa-tarjeta {
    animation: none;
  }

  .proshow-wa-boton:hover {
    transform: none;
  }
}

@media print {
  .proshow-wa {
    display: none !important;
  }
}

/* ==================================================
   PROSHOW FIX V20 - Cinta de texto después de Servicios (gt-marquee-section-2)
   Fecha: 2026-10-20
   - Va junto con el bloque "CINTA DE TEXTO" de in_container.php.
   - Se deja el código del template; aquí solo cambian color, letra y tamaños.
   - Contorno en azul de ProShow (antes verde agua del template).
   - Letra "Sora Contorno" (assets/webfonts/sora-800-contorno.woff2):
     es la misma Sora ExtraBold pero fija. La Sora que llega de Google es
     variable y, con letra de contorno, se ven líneas por dentro de las
     letras (en la R, la E, la A...). Esta versión no las tiene.
   - Letra más chica en celular (antes 96 px en todos los tamaños).
   - El espacio entre grupos va dentro de cada grupo: así la cinta ya no
     brinca cuando vuelve a empezar.
   - Si la persona tiene "reducir movimiento", la cinta se queda quieta.
================================================== */
@font-face {
  font-family: "Sora Contorno";
  src: url("../webfonts/sora-800-contorno.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

.gt-marquee-section-2 .scrolling-wrap {
  gap: 0;
}

.gt-marquee-section-2 .scrolling-wrap .comm {
  --cinta-espacio: clamp(16px, 2vw, 30px);
  gap: var(--cinta-espacio);
  padding-right: var(--cinta-espacio);
  animation-duration: 120s;
  cursor: default;
}

/* el <div></div> vacío del template solo agregaba espacio extra */
.gt-marquee-section-2 .scrolling-wrap .comm > div:empty {
  display: none;
}

.gt-marquee-section-2 .scrolling-wrap .comm .cmn-textslide {
  font-family: "Sora Contorno", "Sora", sans-serif;
  font-size: clamp(52px, 6.6vw, 96px);
  gap: var(--cinta-espacio);
  -webkit-text-stroke-color: var(--proshow-blue-dark);
}

.gt-marquee-section-2 .scrolling-wrap .comm .cmn-textslide:hover {
  color: var(--proshow-blue-deep);
  -webkit-text-stroke-color: transparent;
}

.gt-marquee-section-2 .scrolling-wrap .comm .cmn-textslide img {
  flex: none;
  width: clamp(30px, 3.2vw, 45px);
  height: auto;
}

/* En pantallas chicas la letra es más chica: un poco más rápida para que no se vea lenta */
@media (max-width: 1199px) {
  .gt-marquee-section-2 .scrolling-wrap .comm {
    animation-duration: 90s;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gt-marquee-section-2 .scrolling-wrap .comm {
    animation: none;
  }
}

/* ==================================================
   PROSHOW FIX V21 - Sección "Quiénes somos" (misión, visión y valores)
   Fecha: 2026-10-20
   - Va junto con el bloque "QUIÉNES SOMOS" de in_container.php.
   - Usa los estilos de la sección de ponentes del template.
   - El texto de las tarjetas siempre se ve, con un degradado oscuro
     abajo para que se lea. En el template solo aparecía al pasar el
     mouse (en celular nunca se habría visto).
   - Colores de ProShow en lugar del verde agua del template.
================================================== */
/* espacio bajo el header al llegar desde el menú o una liga directa */
#quienes-somos {
  scroll-margin-top: 40px;
}

@media (max-width: 767px) {
  #quienes-somos {
    scroll-margin-top: 24px;
  }
}

.proshow-nosotros .gt-section-title h2 {
  max-width: 15em;
  text-wrap: balance;
}

.proshow-nosotros .gt-section-title-area {
  gap: 24px;
}

.proshow-nosotros .gt-section-title-area .gt-theme-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex: none;
  white-space: nowrap;
}

.proshow-nosotros .gt-section-title-area .gt-theme-btn i {
  margin: 0 !important;
  transform: none !important;
  color: #ffffff !important;
}

.proshow-nosotros .gt-left-image .gt-text {
  font-size: 18px;
  line-height: 1.65;
  color: #4b4b55;
}

.proshow-nosotros .gt-left-image .gt-speaker-image {
  margin-top: 36px;
}

.proshow-nosotros .gt-left-image .gt-speaker-image img {
  display: block;
  height: auto;
  aspect-ratio: 900 / 922;
  object-fit: cover;
  border-radius: 20px;
}

/* Tarjetas */
.proshow-nosotros .gt-speaker-item .gt-speaker-image {
  border-radius: 20px;
  isolation: isolate;
}

.proshow-nosotros .gt-speaker-item .gt-speaker-image img {
  display: block;
  height: auto;
  aspect-ratio: 330 / 421;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.proshow-nosotros .gt-speaker-item.is-ancha .gt-speaker-image img {
  aspect-ratio: 1 / 1;
}

.proshow-nosotros .gt-speaker-item .gt-speaker-image::before,
.proshow-nosotros .gt-speaker-item:hover .gt-speaker-image::before {
  opacity: 1;
  visibility: visible;
  transform: none;
  z-index: 1;
  background: linear-gradient(180deg, rgba(11, 16, 32, 0.2) 0%, rgba(11, 16, 32, 0.2) 28%, rgba(11, 16, 32, 0.72) 55%, rgba(11, 16, 32, 0.94) 100%);
}

.proshow-nosotros .gt-speaker-item .gt-speaker-image .gt-speaker-content,
.proshow-nosotros .gt-speaker-item:hover .gt-speaker-image .gt-speaker-content {
  opacity: 1;
  visibility: visible;
  left: 24px;
  right: 24px;
  bottom: 24px;
  z-index: 2;
  text-align: left;
}

.proshow-nosotros .gt-speaker-item:hover .gt-speaker-image img {
  transform: scale(1.04);
}

.proshow-nosotros .gt-speaker-item .gt-speaker-image .gt-speaker-content h3 {
  margin-bottom: 8px;
  font-size: clamp(21px, 1.75vw, 26px);
  line-height: 1.2;
  color: #ffffff;
}

.proshow-nosotros .gt-speaker-item .gt-speaker-image .gt-speaker-content p {
  margin: 0;
  font-size: 16px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.92);
}

.proshow-valores {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}

.proshow-valores li {
  padding: 7px 15px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.12);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  color: #ffffff;
}

@media (max-width: 1199px) {
  .proshow-nosotros .gt-speaker-item .gt-speaker-image .gt-speaker-content,
  .proshow-nosotros .gt-speaker-item:hover .gt-speaker-image .gt-speaker-content {
    left: 22px;
    right: 22px;
    bottom: 22px;
  }

  .proshow-nosotros .gt-speaker-item .gt-speaker-image .gt-speaker-content p {
    font-size: 15px;
  }
}

/* De 992 a 1199 px las tarjetas quedaban muy chicas para el texto:
   la columna de texto y foto va arriba y las tarjetas abajo, de 2 en 2 */
@media (min-width: 992px) and (max-width: 1199px) {
  .proshow-nosotros .gt-speaker-wrapper > .row > .col-lg-6 {
    flex: 0 0 auto;
    width: 100%;
  }

  .proshow-nosotros .gt-speaker-item .gt-speaker-image img {
    aspect-ratio: 1 / 1;
  }
}

@media (max-width: 1199px) {
  .proshow-nosotros .gt-left-image .gt-text,
  .proshow-nosotros .gt-left-image .gt-speaker-image {
    max-width: none;
  }
}

/* Cuando todo va en una columna, fotos más bajas para no alargar tanto la página */
@media (max-width: 1199px) {
  .proshow-nosotros .gt-left-image .gt-speaker-image img,
  .proshow-nosotros .gt-speaker-item.is-ancha .gt-speaker-image img {
    aspect-ratio: 16 / 9;
  }
}

@media (max-width: 767px) {
  .proshow-nosotros .gt-left-image .gt-speaker-image img {
    aspect-ratio: 4 / 3;
  }

  .proshow-nosotros .gt-speaker-item .gt-speaker-image img {
    aspect-ratio: 1 / 1;
  }

  .proshow-nosotros .gt-speaker-item.is-ancha .gt-speaker-image img {
    aspect-ratio: 4 / 5;
  }
}

@media (max-width: 575px) {
  .proshow-nosotros .gt-left-image .gt-text {
    font-size: 17px;
  }

  .proshow-nosotros .gt-section-title-area .gt-theme-btn {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .proshow-nosotros .gt-speaker-item .gt-speaker-image img {
    transition: none;
  }

  .proshow-nosotros .gt-speaker-item:hover .gt-speaker-image img {
    transform: none;
  }
}

/* ==================================================
   PROSHOW FIX V22 - Sección "Testimonios" (grupo Clientes)
   Fecha: 2026-10-20
   - Va junto con el bloque "TESTIMONIOS" de in_container.php y con la
     sección "Testimonios" de assets/js/proshow.js.
   - Sin estrellas ni fotos de personas: los testimonios originales no
     tienen calificación y las fotos del sitio actual eran de banco de
     imágenes. A la izquierda va una tarjeta con la empresa y el evento.
   - Flechas con colores de ProShow, debajo del texto (en el template
     quedaban encima del nombre cuando el nombre era largo).
================================================== */
#testimonios {
  scroll-margin-top: 40px;
}

.proshow-testimonios .gt-section-title {
  margin-bottom: clamp(28px, 4vw, 56px);
}

/* Tarjeta de la izquierda */
.proshow-testimonios-marcas {
  max-width: 440px;
  margin: 0 auto;
}

.proshow-testimonio-marca {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 8px;
  width: 100%;
  aspect-ratio: 440 / 400;
  padding: clamp(24px, 3vw, 40px);
  overflow: hidden;
  border-radius: 20px;
  background: var(--proshow-gradient);
  color: #ffffff;
}

/* estrella de ProShow de fondo */
.proshow-testimonio-marca::after {
  content: "";
  position: absolute;
  top: -10%;
  right: -8%;
  width: 58%;
  aspect-ratio: 104 / 116;
  background: url("../img/logo/proshow-estrella.svg") center / contain no-repeat;
  opacity: 0.2;
  pointer-events: none;
}

.proshow-testimonio-marca strong {
  position: relative;
  z-index: 1;
  font-family: "Sora", sans-serif;
  font-size: clamp(26px, 2.5vw, 36px);
  font-weight: 700;
  line-height: 1.15;
  text-wrap: balance;
}

.proshow-testimonio-marca span {
  position: relative;
  z-index: 1;
  font-size: 16px;
  line-height: 1.4;
  opacity: 0.92;
}

/* Texto del testimonio. El nombre queda siempre a la misma altura,
   aunque un testimonio sea más corto que otro. */
.proshow-testimonios .gt-testimonial-wrapper .swiper-slide {
  align-items: stretch;
  justify-content: flex-start;
  height: auto;
}

.proshow-testimonios .gt-testimonial-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin: 0;
}

.proshow-testimonios .gt-testimonial-content blockquote {
  position: relative;
  margin: 0;
  padding-top: 52px;
}

.proshow-testimonios .gt-testimonial-content blockquote::before {
  content: "\201C";
  position: absolute;
  top: -18px;
  left: -4px;
  font-family: "Sora", sans-serif;
  font-size: 110px;
  line-height: 1;
  color: var(--proshow-blue);
}

.proshow-testimonios .gt-testimonial-wrapper .gt-testimonial-card-item .gt-testimonial-content p {
  margin: 0;
  max-width: 40em;
  font-size: clamp(17px, 1.35vw, 20px);
  line-height: 1.7;
  color: #33404f;
}

.proshow-testimonios .gt-testimonial-wrapper .gt-testimonial-card-item .gt-testimonial-content .gt-client-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: auto;
  padding-top: 28px;
}

.proshow-testimonios .gt-client-info cite {
  font-family: "Sora", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  color: var(--proshow-dark);
}

.proshow-testimonios .gt-testimonial-wrapper .gt-testimonial-card-item .gt-testimonial-content .gt-client-info span {
  font-size: 16px;
  color: var(--proshow-blue-deep);
}

/* Flechas */
.proshow-testimonios .gt-testimonial-wrapper .gt-testimonial-card-item .array-buttons {
  position: static;
  gap: 14px;
  margin-top: 32px;
}

.proshow-flecha {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--proshow-blue-light);
  color: var(--proshow-blue-deep);
  transition: background-color 0.3s ease, color 0.3s ease;
}

.proshow-flecha:hover,
.proshow-flecha:focus-visible {
  background: var(--proshow-blue-deep);
  color: #ffffff;
}

.proshow-flecha:focus-visible {
  outline: 2px solid var(--proshow-blue-dark);
  outline-offset: 3px;
}

@media (max-width: 991px) {
  /* deja ver las tarjetas de atrás sin que lleguen a la orilla de la pantalla */
  .proshow-testimonios-marcas {
    max-width: none;
    padding: 0 10px;
  }

  .proshow-testimonio-marca {
    aspect-ratio: auto;
    min-height: 200px;
  }
}

@media (max-width: 767px) {
  #testimonios {
    scroll-margin-top: 24px;
  }

  .proshow-testimonios .gt-testimonial-content blockquote {
    padding-top: 40px;
  }

  .proshow-testimonios .gt-testimonial-content blockquote::before {
    font-size: 88px;
  }
}

/* ==================================================
   PROSHOW FIX V23 - Cotizador "Arma tu cotización" (sección de boletos del template)
   Fecha: 2026-10-20
   - Va junto con el bloque "COTIZADOR" de in_container.php y con la
     sección "Cotizador" de assets/js/proshow.js.
   - Franja oscura con los azules de ProShow (sin las imágenes de fondo
     del template, que pesaban más de 1 MB).
   - La tarjeta de "¿Cuándo?" lleva el borde con el degradado de ProShow
     porque ahí está el botón para enviar.
================================================== */
#cotizador {
  scroll-margin-top: 40px;
}

.proshow-cotizador-seccion {
  background:
    radial-gradient(60% 70% at 12% 0%, rgba(47, 143, 196, 0.35) 0%, transparent 60%),
    radial-gradient(50% 60% at 95% 100%, rgba(121, 189, 232, 0.22) 0%, transparent 60%),
    #0B1020;
}

.proshow-cotizador-seccion .gt-section-title {
  margin-bottom: clamp(8px, 1.5vw, 20px);
}

.proshow-cotizador-seccion .gt-section-title h2 {
  max-width: 18em;
  margin: 0 auto;
  color: #ffffff;
  text-wrap: balance;
}

.proshow-cotizador-seccion .gt-sub-title {
  background: rgba(121, 189, 232, 0.16) !important;
  color: #BFE0F5 !important;
}

.proshow-cotizador-intro {
  max-width: 40em;
  margin: 14px auto 0;
  font-size: 18px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.8);
}

/* Tarjetas */
.proshow-cotizador .gt-main-card-item {
  height: calc(100% - 30px);
  margin-bottom: 0;
  padding: 2px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.16);
}

.proshow-cotizador .gt-main-card-item.gt-style-2 {
  padding: 3px;
  background: var(--proshow-gradient);
  box-shadow: 0 24px 60px rgba(47, 143, 196, 0.35);
}

/* el template sube la tarjeta al pasar el mouse; en un formulario estorba */
.proshow-cotizador .gt-main-card-item:hover {
  transform: none;
}

.proshow-cotizador .gt-main-card-item .gt-event-ticket-card-item,
.proshow-cotizador .gt-main-card-item.gt-style-2 .gt-event-ticket-card-item {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 0;
  margin: 0;
  padding: 30px;
  border: 0;
  border-radius: 18px;
  background: #ffffff;
}

.proshow-cotizador .gt-main-card-item .gt-event-ticket-card-item h3 {
  margin-bottom: 24px;
  font-size: 26px;
  color: var(--proshow-dark);
}

/* ¿Qué necesitas? */
.proshow-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.proshow-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 8px 14px;
  border: 1.5px solid #D5E7F7;
  border-radius: 100px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  color: #33404f;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.proshow-chip input {
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: var(--proshow-blue-deep);
}

.proshow-chip:hover {
  border-color: var(--proshow-blue);
}

.proshow-chip.is-elegido,
.proshow-chip:has(input:checked) {
  border-color: var(--proshow-blue-dark);
  background: #EAF4FC;
  color: var(--proshow-blue-deep);
}

.proshow-chip:has(input:focus-visible) {
  outline: 2px solid var(--proshow-blue-dark);
  outline-offset: 2px;
}

/* ¿Para cuántos y dónde? */
.proshow-cotizador .gt-event-box-item {
  margin-bottom: 0;
  padding: 16px 20px 18px !important;
  border-radius: 14px;
  background: #F2F7FC !important;
}

.proshow-cotizador .gt-event-box-item::before,
.proshow-cotizador .gt-event-box-item::after {
  top: 34px;
  background: #ffffff !important;
}

.proshow-cotizador-etiqueta,
.proshow-campo span,
.proshow-resumen span {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: var(--proshow-blue-deep);
}

.proshow-cotizador-etiqueta {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #c7d6e4;
}

.proshow-invitados {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px;
  border-radius: 100px;
  background: #ffffff;
}

.proshow-invitados button {
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 50%;
  background: #D5E7F7;
  font-size: 22px;
  line-height: 1;
  color: var(--proshow-blue-deep);
  transition: background-color 0.2s ease, color 0.2s ease;
}

.proshow-invitados button:hover,
.proshow-invitados button:focus-visible {
  background: var(--proshow-blue-deep);
  color: #ffffff;
}

.proshow-invitados input {
  width: 96px;
  border: 0;
  background: transparent;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  color: var(--proshow-dark);
  -moz-appearance: textfield;
}

.proshow-invitados input::-webkit-outer-spin-button,
.proshow-invitados input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.proshow-invitados input:focus-visible {
  outline: 2px solid var(--proshow-blue-dark);
  outline-offset: 2px;
  border-radius: 8px;
}

.proshow-campo {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 18px 0 0;
}

.proshow-campo select,
.proshow-campo input {
  width: 100%;
  min-height: 52px;
  padding: 0 14px;
  border: 1.5px solid #D5E7F7;
  border-radius: 12px;
  background-color: #F2F7FC;
  font-size: 16px;
  color: #33404f;
}

.proshow-campo select:focus,
.proshow-campo input:focus {
  border-color: var(--proshow-blue-dark);
  outline: 0;
  box-shadow: 0 0 0 3px rgba(47, 143, 196, 0.2);
}

/* ¿Cuándo? */
.proshow-resumen {
  margin: 18px 0 22px;
  padding: 14px 16px;
  border-radius: 14px;
  background: #F2F7FC;
}

.proshow-resumen p {
  margin: 4px 0 0;
  font-size: 15px;
  line-height: 1.5;
  color: #33404f;
}

.proshow-cotizador .gt-main-card-item .gt-event-ticket-card-item .gt-card-button {
  margin-top: auto;
}

.proshow-cotizador .gt-card-button .gt-theme-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  border: 0;
}

.proshow-cotizador .gt-card-button .gt-theme-btn i {
  margin: 0 !important;
  transform: none !important;
  color: #ffffff !important;
}

.proshow-cotizador-nota {
  margin: 12px 0 0;
  font-size: 14px;
  line-height: 1.45;
  text-align: center;
  color: #5a6472;
}

@media (max-width: 767px) {
  #cotizador {
    scroll-margin-top: 24px;
  }

  .proshow-cotizador .gt-main-card-item {
    height: auto;
  }

  .proshow-cotizador .gt-main-card-item .gt-event-ticket-card-item,
  .proshow-cotizador .gt-main-card-item.gt-style-2 .gt-event-ticket-card-item {
    padding: 24px;
  }

  .proshow-cotizador-intro {
    font-size: 17px;
  }
}

/* ==================================================
   PROSHOW FIX V24 - Sección "Portafolio" (mosaico con pestañas)
   Fecha: 2026-10-20
   - Va junto con el bloque "PORTAFOLIO" de in_container.php y con la
     sección "Portafolio" de assets/js/proshow.js.
   - Mosaico de orilla a orilla como el del template: 5 columnas en
     computadora, 3 en tableta y 2 en celular, siempre sin huecos.
   - Toda la foto se puede tocar para verla en grande (en el template solo
     el ícono, que en celular no aparece).
   - Colores de ProShow en lugar del azul y verde agua del template.
================================================== */
#portafolio {
  scroll-margin-top: 40px;
}

.proshow-portafolio .gt-section-title {
  margin-bottom: 22px;
}

.proshow-portafolio-intro {
  max-width: 40em;
  margin: 12px auto 0;
  font-size: 18px;
  line-height: 1.6;
  color: #4b4b55;
}

/* Pestañas */
.proshow-portafolio-pestanas {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 0 0 32px;
  padding: 0;
  border: 0;
  list-style: none;
}

.proshow-portafolio-pestanas .nav-link {
  padding: 11px 20px;
  border: 0;
  border-radius: 100px;
  background: #F2F7FC;
  font-size: 15px;
  font-weight: 600;
  white-space: nowrap;
  color: var(--proshow-blue-deep);
  transition: background-color 0.2s ease, color 0.2s ease;
}

.proshow-portafolio-pestanas .nav-link:hover {
  background: var(--proshow-blue-light);
}

.proshow-portafolio-pestanas .nav-link.active {
  background: var(--proshow-gradient);
  color: #ffffff;
}

.proshow-portafolio-pestanas .nav-link:focus-visible {
  outline: 2px solid var(--proshow-blue-dark);
  outline-offset: 2px;
}

/* Mosaico */
.proshow-mosaico {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-auto-flow: dense;
}

.proshow-mosaico .gt-attended-item,
.proshow-mosaico .gt-attended-iamge,
.proshow-mosaico .gt-attended-iamge-2 {
  height: 100%;
}

.proshow-mosaico .gt-attended-iamge {
  display: block;
  cursor: zoom-in;
}

.proshow-mosaico .gt-attended-iamge img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.proshow-mosaico .gt-attended-iamge:hover img {
  transform: scale(1.05);
}

.proshow-mosaico .gt-attended-iamge::before,
.proshow-mosaico .gt-attended-iamge::after {
  background: rgba(14, 95, 145, 0.62);
}

/* también con teclado */
.proshow-mosaico .gt-attended-iamge:focus-visible::before,
.proshow-mosaico .gt-attended-iamge:focus-visible::after {
  transform: none;
  opacity: 1;
  visibility: visible;
}

.proshow-mosaico .gt-attended-iamge:focus-visible .icon {
  top: 50%;
  opacity: 1;
  visibility: visible;
}

.proshow-mosaico .gt-attended-iamge:focus-visible {
  outline: 3px solid var(--proshow-blue);
  outline-offset: -3px;
}

/* Mosaico con el nombre de la categoría */
.proshow-celda-titulo .gt-attended-iamge-2 {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1 / 1;
}

.proshow-celda-titulo .gt-attended-iamge-2 img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.proshow-celda-titulo .gt-attended-iamge-2::before {
  z-index: 1;
  background: linear-gradient(160deg, rgba(14, 95, 145, 0.94) 0%, rgba(47, 143, 196, 0.9) 55%, rgba(121, 189, 232, 0.86) 100%);
}

.proshow-celda-titulo .gt-attended-content {
  z-index: 2;
  width: 86%;
}

.proshow-celda-etiqueta {
  display: inline-block;
  margin-bottom: 12px;
  padding: 7px 16px;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.16);
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  color: #ffffff;
}

.proshow-celda-titulo h3 {
  margin: 0 0 8px;
  font-size: clamp(20px, 1.8vw, 30px);
  line-height: 1.15;
  color: #ffffff;
  text-wrap: balance;
}

.proshow-celda-titulo p {
  margin: 0;
  font-size: 15px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.92);
}

/* Tableta: 3 columnas */
@media (max-width: 1199px) {
  .proshow-mosaico {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  /* 10 cuadros no caben parejos en 3 columnas: se oculta el último */
  .proshow-mosaico.is-completo > .proshow-celda:nth-child(10) {
    display: none;
  }

  /* con 4 fotos, el cuadro del título ocupa 2 lugares */
  .proshow-mosaico.is-corto > .proshow-celda-titulo {
    grid-column: span 2;
  }

  .proshow-mosaico.is-corto .proshow-celda-titulo .gt-attended-iamge-2 {
    aspect-ratio: 2 / 1;
  }

  .proshow-celda-titulo p {
    font-size: 14px;
  }
}

/* Celular: 2 columnas */
@media (max-width: 767px) {
  #portafolio {
    scroll-margin-top: 24px;
  }

  .proshow-portafolio-intro {
    font-size: 17px;
  }

  .proshow-portafolio-pestanas {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    margin: 0 -12px 24px;
    padding: 0 12px 6px;
    scrollbar-width: none;
  }

  .proshow-portafolio-pestanas::-webkit-scrollbar {
    display: none;
  }

  /* se desvanece a la derecha para que se note que hay más pestañas */
  .proshow-portafolio-pestanas {
    -webkit-mask-image: linear-gradient(to right, #000 82%, transparent);
            mask-image: linear-gradient(to right, #000 82%, transparent);
  }

  .proshow-mosaico {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .proshow-mosaico.is-completo > .proshow-celda:nth-child(10) {
    display: block;
  }

  .proshow-celda-etiqueta {
    margin-bottom: 8px;
    padding: 5px 12px;
    font-size: 12px;
  }

  .proshow-mosaico.is-completo .proshow-celda-titulo p {
    display: none;
  }

  .proshow-celda-titulo h3 {
    font-size: 18px;
  }
}

/* Visor de fotos (Magnific Popup) con los colores de ProShow */
.mfp-bg {
  background: #0B1020;
  opacity: 0.94;
}

/* el visor se abre fuera de las secciones: sin mayúscula en cada palabra */
.mfp-wrap,
.mfp-wrap * {
  text-transform: none !important;
}

/* flechas visibles aunque la foto sea muy clara */
.mfp-arrow {
  opacity: 0.9;
  filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.65));
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

/* en pantallas grandes la foto deja espacio a los lados para las flechas */
@media (min-width: 992px) {
  .mfp-image-holder .mfp-content {
    max-width: calc(100% - 180px);
  }
}

.mfp-title {
  padding-right: 60px;
  font-family: "Sora", sans-serif;
  font-size: 15px;
  line-height: 1.45;
}

.mfp-counter {
  font-family: "Sora", sans-serif;
  font-size: 14px;
}

@media (prefers-reduced-motion: reduce) {
  .proshow-mosaico .gt-attended-iamge img {
    transition: none;
  }

  .proshow-mosaico .gt-attended-iamge:hover img {
    transform: none;
  }
}

/* ==================================================
   PROSHOW FIX V25 - Logotipos de clientes (filas de 4)
   Fecha: 2026-10-20
   - Va junto con el bloque "LOGOTIPOS DE CLIENTES" de in_container.php.
   - Sin carrusel: 4 por fila desde 768 px y 2 por fila en celular. La
     última fila se centra (son 9 logotipos).
   - Las tarjetas son blancas porque los logotipos traen fondo blanco.
   - Se quita el recuadro de color que el template muestra al pasar el
     mouse (tapaba el logotipo); ahora solo se marca el borde.
================================================== */
.proshow-clientes .gt-section-title-area {
  gap: 24px;
  margin-bottom: 40px;
}

.proshow-clientes .gt-section-title h2 {
  max-width: 15em;
  text-wrap: balance;
}

.proshow-clientes .gt-section-title-area .gt-theme-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex: none;
  white-space: nowrap;
}

.proshow-clientes .gt-section-title-area .gt-theme-btn i {
  margin: 0 !important;
  transform: none !important;
  color: #ffffff !important;
}

.proshow-clientes .gt-sponsor-item {
  margin-top: 0;
  padding: 8px 28px;
  background: #ffffff;
  border: 1px solid var(--proshow-blue-light);
  z-index: 1;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.proshow-clientes .gt-sponsor-logo,
.proshow-clientes .gt-sponsor-logo img {
  display: block;
  width: 100%;
  height: auto;
}

@media (hover: hover) {
  .proshow-clientes-lista > li:hover {
    position: relative;
    z-index: 2;
  }

  .proshow-clientes .gt-sponsor-item:hover {
    border-color: var(--proshow-blue);
    box-shadow: 0 8px 20px rgba(47, 143, 196, 0.16);
  }
}

@media (max-width: 991px) {
  .proshow-clientes .gt-sponsor-item {
    padding: 4px 12px;
  }
}

@media (max-width: 767px) {
  .proshow-clientes .gt-section-title-area {
    margin-bottom: 28px;
  }

  .proshow-clientes .gt-sponsor-item {
    padding: 4px 12px;
  }
}

/* ==================================================
   PROSHOW FIX V26 - Franja "¿Te quedaron dudas?" (código QR)
   Fecha: 2026-10-20
   - Va junto con el bloque "FRANJA ¿TE QUEDARON DUDAS?" de
     in_container.php.
   - Fondo: degradado azul de ProShow y encima la foto al 50 % de
     opacidad, en blanco y negro para que tome el azul de la marca. Un
     velo oscuro del lado del texto ayuda a leerlo.
   - El QR va en una tarjeta blanca. En celular se oculta y queda el
     botón de WhatsApp.
================================================== */
.proshow-franja-qr .gt-sponsor-bg-wrapper {
  background: linear-gradient(120deg, #0B1020 0%, #0E5F91 62%, #2F8FC4 100%);
  padding: 64px 190px 64px 64px;
  gap: 48px;
}

/* foto de fondo al 50 % */
.proshow-franja-qr-fondo,
.proshow-franja-qr-fondo img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.proshow-franja-qr-fondo {
  z-index: -2;
}

.proshow-franja-qr-fondo img {
  object-fit: cover;
  object-position: center;
  opacity: 0.5;
  /* en blanco y negro para que tome el azul del fondo; para verla a
     color, borra la línea de abajo */
  filter: grayscale(1);
}

/* velo del lado del texto (reemplaza el degradado verde del template) */
.proshow-franja-qr .gt-sponsor-bg-wrapper::before {
  background: linear-gradient(90deg, rgba(11, 16, 32, 0.6) 0%, rgba(11, 16, 32, 0.25) 55%, rgba(11, 16, 32, 0) 100%);
  opacity: 1;
}

.proshow-franja-qr .gt-sponsor-content {
  max-width: 660px;
}

.proshow-franja-qr .gt-sponsor-content .proshow-franja-qr-etiqueta {
  display: inline-block;
  margin-bottom: 16px;
  padding: 6px 16px;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.28);
  font-family: "Sora", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  color: #ffffff;
}

.proshow-franja-qr .gt-sponsor-content h2 {
  margin-bottom: 14px;
  text-wrap: balance;
}

.proshow-franja-qr .gt-sponsor-content p {
  font-size: 18px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.92);
}

.proshow-franja-qr .proshow-solo-celular {
  display: none;
}

/* botón blanco: sobre el fondo azul se ve más que el degradado */
.proshow-franja-qr .gt-sponsor-content .gt-theme-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #ffffff !important;
  color: var(--proshow-blue-deep) !important;
  box-shadow: 0 12px 28px rgba(11, 16, 32, 0.3) !important;
}

.proshow-franja-qr .gt-sponsor-content .gt-theme-btn:hover {
  background: var(--proshow-blue-light) !important;
  color: var(--proshow-blue-deep) !important;
}

.proshow-franja-qr .gt-sponsor-content .gt-theme-btn i {
  margin: 0 !important;
  transform: none !important;
  color: var(--proshow-blue-dark) !important;
}

/* tarjeta del código QR */
.proshow-franja-qr .proshow-qr {
  flex: none;
  width: 212px;
  margin: 0;
  padding: 20px 20px 14px;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 18px 40px rgba(11, 16, 32, 0.35);
  text-align: center;
}

.proshow-franja-qr .proshow-qr img {
  display: block;
  width: 172px;
  height: 172px;
  margin: 0 auto;
}

.proshow-franja-qr .proshow-qr figcaption {
  margin-top: 10px;
  font-family: "Sora", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--proshow-blue-deep);
}

/* flecha del template, a media altura junto al QR */
.proshow-franja-qr .gt-right-shape {
  top: 50%;
  right: 34px;
  transform: translateY(-40%);
}

@media (max-width: 1199px) {
  .proshow-franja-qr .gt-sponsor-bg-wrapper {
    padding: 56px;
  }
}

@media (max-width: 991px) {
  .proshow-franja-qr .gt-sponsor-bg-wrapper {
    padding: 48px;
    gap: 32px;
  }

  .proshow-franja-qr .gt-sponsor-bg-wrapper::before {
    background: linear-gradient(180deg, rgba(11, 16, 32, 0.55) 0%, rgba(11, 16, 32, 0.2) 70%, rgba(11, 16, 32, 0.1) 100%);
  }
}

@media (max-width: 767px) {
  .proshow-franja-qr .gt-sponsor-bg-wrapper {
    padding: 40px 28px;
  }

  .proshow-franja-qr .proshow-qr,
  .proshow-franja-qr .proshow-solo-escritorio {
    display: none;
  }

  .proshow-franja-qr .proshow-solo-celular {
    display: inline;
  }

  .proshow-franja-qr .gt-sponsor-content p {
    font-size: 17px;
  }
}

@media (max-width: 575px) {
  .proshow-franja-qr .gt-sponsor-bg-wrapper {
    padding: 34px 22px;
  }
}

/* ==================================================
   PROSHOW FIX V27 - Sección "Cobertura" (mapa y estados)
   Fecha: 2026-10-20
   - Va junto con el bloque "COBERTURA" de in_container.php y con el mapa
     assets/img/cobertura/mapa-cobertura.svg (los colores del mapa vienen
     dentro del SVG; aquí solo se ajusta el tamaño de las letras).
   - Computadora: texto y estados a la izquierda, mapa a la derecha.
     Celular y tableta: título, mapa, estados y botón, en ese orden.
================================================== */
#cobertura {
  scroll-margin-top: 40px;
}

/* sin el degradado de fondo de la sección de noticias del template */
.proshow-cobertura::before {
  display: none;
}

.proshow-cobertura-rejilla {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  grid-template-areas:
    "texto mapa"
    "estados mapa";
  column-gap: 48px;
  align-items: start;
}

.proshow-cobertura-texto {
  grid-area: texto;
}

.proshow-cobertura-mapa {
  grid-area: mapa;
  align-self: center;
  margin: 0;
  padding: 18px;
  border-radius: 20px;
  background: #E8EEF4;
  overflow: hidden;
}

.proshow-cobertura-estados {
  grid-area: estados;
}

.proshow-cobertura .gt-section-title {
  margin-bottom: 0;
}

.proshow-cobertura .gt-section-title h2 {
  text-wrap: balance;
}

.proshow-cobertura-intro {
  max-width: 34em;
  margin: 18px 0 28px;
  font-size: 18px;
  line-height: 1.6;
  color: #4b4b55;
}

.proshow-cobertura-lista {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px 28px;
  margin: 0 0 34px;
}

.proshow-cobertura-lista li {
  padding-top: 16px;
  border-top: 2px solid var(--proshow-blue-light);
}

.proshow-cobertura-lista li.is-sede {
  grid-column: 1 / -1;
  border-top-color: var(--proshow-blue-deep);
}

.proshow-cobertura-lista h3 {
  margin: 0 0 4px;
  font-size: 20px;
  line-height: 1.3;
}

.proshow-cobertura-lista p {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  color: #5d5d68;
}

.proshow-cobertura-sede {
  display: inline-block;
  margin-left: 8px;
  padding: 3px 10px;
  border-radius: 100px;
  background: var(--proshow-blue-deep);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  color: #ffffff;
  vertical-align: middle;
}

.proshow-cobertura-cta .gt-theme-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.proshow-cobertura-cta .gt-theme-btn i {
  margin: 0 !important;
  transform: none !important;
  color: #ffffff !important;
}

.proshow-cobertura-cta p {
  margin: 14px 0 0;
  font-size: 15px;
  color: #5d5d68;
}

.proshow-cobertura-svg {
  display: block;
  width: 100%;
  height: auto;
}

/* de 992 a 1199 px: dos columnas iguales para que no se aprieten los textos */
@media (min-width: 992px) and (max-width: 1199px) {
  .proshow-cobertura-rejilla {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 36px;
  }

  .proshow-cobertura-svg .m-etiquetas {
    font-size: 32px;
  }

  .proshow-cobertura-svg .m-ciudad {
    font-size: 30px;
  }

  .proshow-cobertura-svg .m-claro {
    font-size: 26px;
  }
}

@media (max-width: 991px) {
  .proshow-cobertura-rejilla {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "texto"
      "mapa"
      "estados";
  }

  .proshow-cobertura-mapa {
    margin-bottom: 32px;
  }

  /* letras del mapa un poco más grandes cuando el mapa se ve chico */
  .proshow-cobertura-svg .m-etiquetas {
    font-size: 30px;
  }

  .proshow-cobertura-svg .m-ciudad {
    font-size: 28px;
  }

  .proshow-cobertura-svg .m-claro {
    font-size: 26px;
  }
}

@media (max-width: 575px) {
  .proshow-cobertura-mapa {
    padding: 10px;
  }

  .proshow-cobertura-lista {
    grid-template-columns: minmax(0, 1fr);
  }

  .proshow-cobertura-svg .m-etiquetas {
    font-size: 36px;
  }

  .proshow-cobertura-svg .m-ciudad {
    font-size: 34px;
  }

  .proshow-cobertura-svg .m-claro {
    font-size: 30px;
  }
}

/* ==================================================
   PROSHOW FIX V28 - Cinta de texto centrada entre Servicios y el cotizador
   Fecha: 2026-10-20
   - Va junto con el bloque V20 (misma cinta).
   - El template le ponía 50 px de aire arriba y nada abajo, y las letras
     se salían de su renglón: quedaban pegadas al cotizador.
   - Ahora el renglón mide lo mismo que la letra y el aire de abajo es igual
     al de arriba (el de abajo de Servicios), en todos los tamaños.
================================================== */
.gt-marquee-section-2 .scrolling-wrap {
  --cinta-letra: clamp(52px, 6.6vw, 96px);
  padding: 0 0 calc(clamp(80px, 9vw, 120px) - 0.05 * var(--cinta-letra));
}

.gt-marquee-section-2 .scrolling-wrap .comm .cmn-textslide {
  font-size: var(--cinta-letra);
  line-height: 1;
}

/* hasta 1199 px el template sube la cinta 30 px (margen negativo de
   Servicios): se descuentan abajo para que siga centrada */
@media (max-width: 1199px) {
  .gt-marquee-section-2 .scrolling-wrap {
    padding-bottom: calc(clamp(80px, 9vw, 120px) - 30px - 0.05 * var(--cinta-letra));
  }
}

/* ==================================================
   PROSHOW FIX V29 - Revisión final antes de publicar (entrega 21)
   Fecha: 2026-10-20
   - Logo del header y del menú lateral: alto automático. Las etiquetas
     <img> ya traen width y height para que la página no "brinque"
     mientras carga.
   - Botón X del menú lateral: ahora toda la bolita es el botón (antes
     solo el tache de 10 px).
   - Contraste para que todo se lea bien (también lo revisa Google):
     · Pastillas de título de las secciones claras (Lo que hacemos,
       Quiénes somos, Portafolio, Testimonios, Clientes y Cobertura):
       texto azul oscuro. Antes era azul claro sobre azul muy claro
       (contraste 1.8 de 4.5 mínimo).
     · Sección activa del menú: azul oscuro (antes 3.6 de 4.5).
     · Liga "Escríbenos por WhatsApp" de Contacto: verde más oscuro.
     · El botón flotante de WhatsApp conserva su verde de marca.
   - Íconos: ver assets/css/iconos.css (reemplaza a all.min.css).
================================================== */
.header-main .logo .header-logo img,
.offcanvas__wrapper .offcanvas__logo img {
  height: auto;
}

.offcanvas__wrapper .offcanvas__content .offcanvas__close button {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
}

#lo-que-hacemos .gt-sub-title,
#quienes-somos .gt-sub-title,
#portafolio .gt-sub-title,
#testimonios .gt-sub-title,
#clientes .gt-sub-title,
#cobertura .gt-sub-title {
  color: var(--proshow-blue-deep) !important;
}

.header-1 .header-main .main-menu ul li.active > a,
.mean-container .mean-nav > ul > li.active > a {
  color: var(--proshow-blue-deep) !important;
}

#contacto .proshow-contacto-wa {
  color: #0b7a6e;
}

/* Páginas internas (aviso de privacidad y error 404) */
.proshow-interna {
  padding: 170px 0 110px;
  background: linear-gradient(180deg, #eef6fc 0, #fff 360px);
}
.proshow-interna-contenido {
  max-width: 820px;
  margin: 0 auto;
}
.proshow-interna h1 {
  font-size: clamp(34px, 5vw, 54px);
  line-height: 1.12;
  margin: 18px 0 14px;
  color: var(--proshow-dark);
}
.proshow-interna .proshow-interna-intro {
  font-size: 18px;
  color: #4a5160;
  margin-bottom: 36px;
}
.proshow-interna h2 {
  font-size: clamp(22px, 2.6vw, 28px);
  margin: 40px 0 12px;
  color: var(--proshow-dark);
}
.proshow-interna h3 {
  font-size: 20px;
  margin: 30px 0 10px;
  color: var(--proshow-blue-deep);
}
.proshow-interna p,
.proshow-interna li {
  font-size: 16px;
  line-height: 1.7;
  color: #3d4350;
}
.proshow-interna ul {
  padding-left: 1.2em;
  margin-bottom: 18px;
}
.proshow-interna ul li {
  list-style: disc;
  margin-bottom: 4px;
}
.proshow-interna .proshow-interna-fecha {
  margin-top: 36px;
  padding-top: 18px;
  border-top: 1px solid #e3e8ef;
  font-size: 14px;
  color: #6a7180;
}
.proshow-interna .proshow-interna-botones {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 30px;
}
.proshow-interna .proshow-interna-botones .gt-theme-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.proshow-interna .proshow-interna-botones .gt-theme-btn i {
  margin: 0 !important;
  transform: none !important;
  color: #ffffff !important;
}
.proshow-interna .gt-sub-title {
  display: inline-block;
  padding: 10px 24px;
  border-radius: 100px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  text-transform: none;
  color: var(--proshow-blue-deep) !important;
}
@media (max-width: 767px) {
  .proshow-interna {
    padding: 120px 0 80px;
  }
}
.proshow-interna-contenido a:not(.gt-theme-btn) {
  color: var(--proshow-blue-deep);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* ==================================================
   PROSHOW FIX V30 - Inicio con 3 textos que cambian (entrega 22)
   Fecha: 2026-10-20
   - Va junto con in_slider.php (bloque "proshow-hero-textos") y con la
     parte 7 de assets/js/proshow.js.
   - Opción A elegida por Roberto (desvanecido): el texto que sale se apaga
     en 0.3 s y luego aparece el nuevo en 0.5 s. El video no cambia.
   - Los 3 textos (y los 3 botones de WhatsApp) ocupan el mismo lugar: el
     bloque mide lo que el texto más largo, así la página no brinca.
   - Los títulos 2 y 3 son H2 con el mismo aspecto que el H1.
   - Rayitas: la del texto activo se llena mientras se ve ese texto.
   - Con "reducir movimiento" no hay animaciones.
================================================== */
#proshow-hero .proshow-hero-textos {
  display: grid;
}

/* !important: en celular una regla vieja del hero (V9) fuerza que todo
   lo de adentro se vea */
#proshow-hero .proshow-hero-texto {
  grid-area: 1 / 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.3s ease, visibility 0s linear 0.3s;
}

#proshow-hero .proshow-hero-texto.is-activo {
  opacity: 1 !important;
  visibility: visible !important;
  transition: opacity 0.5s ease 0.3s, visibility 0s linear 0.3s;
}

/* Títulos 2 y 3 (H2) iguales al H1 */
#proshow-hero h2.proshow-hero-titulo {
  margin: 0 0 clamp(16px, 1.4vw, 24px) !important;
  font-family: "Sora", sans-serif;
  font-size: clamp(44px, 4.4vw, 84px) !important;
  font-weight: 800;
  line-height: 1.02 !important;
  letter-spacing: -0.01em;
  text-transform: none !important;
  color: #ffffff !important;
}

#proshow-hero h2.proshow-hero-titulo span {
  display: block;
  color: var(--proshow-blue) !important;
}

@media (max-width: 767px) {
  #proshow-hero h2.proshow-hero-titulo {
    font-size: clamp(32px, 9.4vw, 40px) !important;
    line-height: 1.06 !important;
  }
}

/* Liga a la sección de cada texto: siempre a la misma altura, justo
   arriba de las zonas, aunque un texto sea más corto que otro */
#proshow-hero .proshow-hero-liga {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: auto 0 clamp(16px, 1.4vw, 22px);
  text-transform: none !important;
  font-size: clamp(15px, 0.95vw, 17px);
  font-weight: 600;
  line-height: 1.3;
  color: #ffffff;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: rgba(255, 255, 255, 0.45);
  text-underline-offset: 5px;
}

#proshow-hero .proshow-hero-liga i {
  font-size: 0.8em;
  transition: transform 0.25s ease;
}

#proshow-hero .proshow-hero-liga:hover,
#proshow-hero .proshow-hero-liga:focus-visible {
  color: var(--proshow-blue) !important;
  text-decoration-color: var(--proshow-blue);
}

#proshow-hero .proshow-hero-liga:hover i,
#proshow-hero .proshow-hero-liga:focus-visible i {
  transform: translateX(3px);
}

/* Botón de WhatsApp de cada texto: los 3 en el mismo lugar */
#proshow-hero .proshow-hero-cta {
  display: grid;
}

#proshow-hero .proshow-hero-cta > .gt-theme-btn {
  grid-area: 1 / 1;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.3s ease, visibility 0s linear 0.3s, background-position 0.5s, box-shadow 0.5s, color 0.5s;
}

#proshow-hero .proshow-hero-cta > .gt-theme-btn.is-activo {
  opacity: 1 !important;
  visibility: visible !important;
  transition: opacity 0.5s ease 0.3s, visibility 0s linear 0.3s, background-position 0.5s, box-shadow 0.5s, color 0.5s;
}

@media (max-width: 575px) {
  #proshow-hero .proshow-hero-cta {
    flex: 1 1 100%;
  }
}

/* Rayitas y botón de pausa */
#proshow-hero .proshow-hero-controles {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: clamp(22px, 2vw, 30px);
}

/* Hasta que proshow.js las activa no se ven, pero ya ocupan su lugar */
#proshow-hero .proshow-hero-controles:not(.is-listo) {
  visibility: hidden !important;
}

/* Lo de adentro de cada texto, de cada botón y de las rayitas se ve o no
   según su contenedor (la regla V9 de celular lo forzaba a verse y los
   textos ocultos se podían tocar) */
#proshow-hero .proshow-hero-texto *,
#proshow-hero .proshow-hero-cta > .gt-theme-btn *,
#proshow-hero .proshow-hero-controles * {
  visibility: inherit !important;
}

#proshow-hero .proshow-hero-rayas {
  display: flex;
  gap: 6px;
}

#proshow-hero .proshow-hero-raya {
  position: relative;
  width: 40px;
  height: 28px;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}

#proshow-hero .proshow-hero-raya::before,
#proshow-hero .proshow-hero-raya span {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 3px;
  margin-top: -1.5px;
  border-radius: 3px;
}

#proshow-hero .proshow-hero-raya::before {
  background: rgba(255, 255, 255, 0.32);
  transition: background 0.2s ease;
}

#proshow-hero .proshow-hero-raya:hover::before {
  background: rgba(255, 255, 255, 0.6);
}

#proshow-hero .proshow-hero-raya span {
  background: #ffffff;
  transform: scaleX(0);
  transform-origin: left center;
}

#proshow-hero .proshow-hero-raya.is-activo span {
  animation: proshow-hero-avance var(--proshow-hero-tiempo, 7s) linear forwards;
}

#proshow-hero .proshow-hero-controles.is-pausado .proshow-hero-raya.is-activo span {
  animation-play-state: paused;
}

#proshow-hero .proshow-hero-controles.is-quieto .proshow-hero-raya.is-activo span {
  animation: none;
  transform: scaleX(1);
}

#proshow-hero .proshow-hero-raya:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 2px;
  border-radius: 4px;
}

@keyframes proshow-hero-avance {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}

#proshow-hero .proshow-hero-pausa {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 50%;
  background: rgba(11, 16, 32, 0.25);
  font-size: 11px;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease;
}

#proshow-hero .proshow-hero-pausa i {
  color: #ffffff;
}

#proshow-hero .proshow-hero-pausa:hover,
#proshow-hero .proshow-hero-pausa:focus-visible {
  background: rgba(255, 255, 255, 0.16);
  border-color: #ffffff;
}

#proshow-hero .proshow-hero-pausa[hidden] {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  #proshow-hero .proshow-hero-texto,
  #proshow-hero .proshow-hero-texto.is-activo,
  #proshow-hero .proshow-hero-cta > .gt-theme-btn,
  #proshow-hero .proshow-hero-cta > .gt-theme-btn.is-activo {
    transition: none !important;
  }
}