/*
Theme Name: TGTG
Theme URI: https://bootscore.me/
Author: TGTG
Author URI: https://bootscore.me
*/

@font-face {
    font-family:Gilmer;
    src: url("assets/fonts/Gilmer-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family:Gilmer;
    src: url("assets/fonts/Gilmer-Medium.woff2") format("woff2");
    font-weight: 500;
}

@font-face {
    font-family:Gilmer;
    src: url("assets/fonts/Gilmer-Bold.woff2") format("woff2");
    font-weight: 700;
}

@font-face {
    font-family:Gilmer;
    src: url("assets/fonts/Gilmer-Heavy.woff2") format("woff2");
    font-weight: 900;
}



.bgblur{backdrop-filter: blur(4px);}
.navbar-brand{max-width: 150px;}

body{font-family:Gilmer !important; background-color:#020308;}
h1,h2,h3,h4,h5,h6,p,a,span, li, ul{font-family:Gilmer !important;}

.site-header{ position:fixed; left:0; right:0; top:0; z-index:556;}
.bgblur2{backdrop-filter:blur(15px) saturate(180%); background-color:rgba(260,260,260,0.1);}
.form-control, select.form-control{border-radius:0; box-shadow:none !important; padding:14px 14px 14px 0; background-color:transparent !important; color:#fff !important; border:none; border-bottom:1px solid #5B5B5B;}
.form-control::placeholder {color:#5B5B5B;}
.wpcf7-form label{font-size:13px; color:#5B5B5B;}
.form-check-label{font-weight:300;color:#999; font-size:16px;}
select{background-color:#121212 !important; font-weight:300 !important; color:#5B5B5B; border-radius:0 !important; border:none !important;  border-bottom:1px solid #5B5B5B !important;}
.form-check-checkbox input[type="checkbox"]{margin-top:6px;}


.headercontainer{border-radius:40px; border:1px solid rgba(260,260,260,0.4);}

.bgsite{background-color:#89715E;}

.max800{max-width: 700px; margin: 0;}
.max800 .e-con-inner{margin: 0 !important;}

.bg-red{background-color:#830300;}

.elementor-widget-text-editor p:last-child{margin:0;}



.formbtn input{line-height:1; padding:0; font-weight:300;}
.formbtn{line-height:1; }
.shine-btn a, .formbtn{
  position: relative;
  padding: 8px 25px; border-radius:50px; border:1px solid rgba(260,260,260,0.3) !important;
  color: white;
  cursor: pointer;
  overflow: hidden;
}

/* spans */
.shine-btn a div, .formbtn div {
  position: absolute;
  display: block; filter:blur(4px);
  background: linear-gradient(10deg, transparent, #fdde6c);
}

/* top */
.shine-btn a div:nth-child(2), .formbtn div:nth-child(3) {
  top: 0;
  left: -100%;
  width: 100%;
  height: 2px;
  animation: topLine 2s linear infinite;
}

/* right */
.shine-btn a div:nth-child(3), .formbtn div:nth-child(4) {
  right: 0;
  top: -100%;
  width: 2px;
  height: 100%; border-radius:0 50px 50px 0;
  animation: rightLine 2s linear infinite 1s;
}

/* bottom */
.shine-btn a div:nth-child(4), .formbtn div:nth-child(5) {
  bottom: 0;
  right: -100%;
  width: 100%;
  height: 2px;
  animation: bottomLine 2s linear infinite 2s;
  background: linear-gradient(190deg, transparent, #fdde6c);
}

/* left */
.shine-btn a div:nth-child(5), .formbtn div:nth-child(6) {
  left: 0;
  bottom: -100%;
  width: 2px;
  height: 100%;
  animation: leftLine 2s linear infinite 3s;
}

@keyframes topLine {
  0% { left: -100%; }
  100% { left: 100%; }
}

@keyframes rightLine {
  0% { top: -100%; }
  100% { top: 100%; }
}

@keyframes bottomLine {
  0% { right: -100%; }
  100% { right: 100%; }
}

@keyframes leftLine {
  0% { bottom: -100%; }
  100% { bottom: 100%; }
}




.bn3wrap{position:relative;}
.bn3wrap img:nth-child(1){position:relative; z-index:3;}
.bn3wrap img:nth-child(2){position:absolute; left:0;  animation: floatUpDown 3s ease-in-out infinite;}
.bn3wrap img:nth-child(3){position:absolute; left:0;  animation: floatDownUp 3s ease-in-out infinite;}
.imagewrp1{position:relative;}
.muscotanim{position:absolute; right:0; top:0; max-width:19%; animation: floatUpDown 3s ease-in-out infinite;}
@keyframes floatUpDown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes floatDownUp {
  0% {
    transform: translateY(-10px);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}


#bootscore-navbar li a{color:#fff; padding:0; position:relative; overflow:hidden;}
#bootscore-navbar li a span{display:block; transition: transform 0.4s ease;}


.readmorebtn .elementor-button .elementor-button-content-wrapper{
    display: inline-flex; align-items: center;
}
.readmorebtn .elementor-button .elementor-button-icon{
    background-color: #fff; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center;
    border-radius: 10px;
}
.readmorebtn .elementor-button .elementor-button-icon svg path{fill:#fff;}

.boxesgrid-numbers{counter-reset: boxnumber;}
.boxesgrid-numbers .elementor-widget-image-box{counter-increment: boxnumber;}
.boxesgrid-numbers .elementor-image-box-content:before{
  content: counter(boxnumber);font-size: 60px; color: black; opacity: 0.3; font-weight: bold;
  font-style: italic;
}

.availpack li{padding:4px 16px !important; border:1px solid #dfdfdf; border-radius:6px;}

.gradient-txt{
    background: linear-gradient(145deg, #777, #ffffff 45%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.secTitle .elementor-heading-title, .secTitle h2{
    background: linear-gradient(145deg, #777, #ffffff 45%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}
.secTitle h2{font-size:45px; line-height:1.3;}


#menu-footer-menu{display:flex; justify-content:flex-end; gap:10px; flex-wrap:wrap;}
#menu-footer-menu li a{display:block; padding:5px; font-weight:500; text-transform:uppercase;}


.bootscore-footer-info{border-top:1px solid rgba(260,260,260,0.2) !important; color:#fff;}

.footer_widget{color: #fff; font-size: 14px; font-weight: 300;}
.footer_widget .menu li{margin:0 0 10px 0;}
.footer_widget .menu li a{color:#fff; text-decoration:none; font-weight: 300; fofnt-size: 14px;}
.ftbottom{border-top:1px solid #0e3b50; font-weight: 300; color:#fff;}

#footer{
    background-color: #020308 !important; position:relative; overflow:hidden;
}
#footer >div{position:relative; z-index:3;}
#footer:after{
    position:absolute; right:0; left:0; margin:auto; bottom:-35%; width:480px; height:480px; content:''; opacity:0.8; z-index:0;
    filter:blur(70px); border-radius:50%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e6c263+0,ce4832+90,ce4832+100 */
background: linear-gradient(to right,  #e6c263 0%,#ce4832 90%,#ce4832 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.footertxtheal{
    font-size: clamp(20px, 17vw, 230px);
    background: linear-gradient(145deg, #999, #ffffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.sociallinks{padding-bottom:30px; border-bottom:1px solid #999;}
.sociallinks a{text-decoration:none; color:#fff; font-size:clamp(14px,4vw, 25px); font-weight:300; position:relative; overflow: hidden;}
.sociallinks a span {
  display: block;
  transition: transform 0.4s ease;
}
.sociallinks a span:last-child, #bootscore-navbar li a span:last-child {
  position: absolute; left: 0; top: 100%; color: red;
  background: linear-gradient(90deg, #E6C263, #CE4832);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sociallinks a:hover span:first-child, #bootscore-navbar li:hover a span:first-child {
  transform: translateY(-100%);
}
.sociallinks a:hover span:last-child, #bootscore-navbar li:hover a span:last-child {
  transform: translateY(-100%);
}

@media(min-width:991px){
#bootscore-navbar{gap:30px;}
}

@media(max-width:991px){
    .offcanvas{height:100vh;}
    #bootscore-navbar li{margin:10px 0;}
    #bootscore-navbar li a{font-size:24px;}
}
@media(min-width:768px){
    .item-sticky{position: sticky !important; top: 100px;}
    .fixedEl{position: sticky !important; top: 100px !important;}
.fixedEl2{top: 350px;}
}

@media(max-width:768px){
    .bg-m-red{background-color:#830300 !important;}
}

@media(min-width:100px){
    .container, .e-con-inner{width: 100% !important; max-width: 96%;}
}
@media(min-width:991px) and(max-width:1024px){
    .container, .e-con-inner{width: 100% !important; max-width: 96% !important;}
}
@media(min-width:1024px){
    .container, .e-con-inner{width: 90% !important; max-width: 1200px !important;}
}