:root{--clr-neutral-900:#13171b;--clr-neutral-100:#fff;--clr-accent-400:#22b455;--green-img:invert(58%)sepia(49%)saturate(3211%)hue-rotate(99deg)brightness(96%)contrast(73%);--yellow:invert(72%)sepia(62%)saturate(649%)hue-rotate(348deg)brightness(101%)contrast(101%);}
* {margin: 0;padding: 0;-webkit-box-sizing: border-box;box-sizing: border-box;font-family: Sora,'Segoe UI', Tahoma, Geneva, Verdana ,Arial, Helvetica, sans-serif;text-decoration: none;}html {scroll-behavior: smooth}body{position: relative;}
::-webkit-scrollbar {width: 25px;background: #333;}::-webkit-scrollbar-track {border: 7px solid #353b48;box-shadow: inset 0 0 2.5px 2px rgba(0,0,0,.5);}::-webkit-scrollbar-thumb {background: linear-gradient(45deg,#22b455,#1dd1a1);}
body{background: #f1f1f1; color: #202020;}
.loader-wrapper, .navbar{position: fixed;}
.loader-wrapper{width: 100%;height: 100vh;background-color: #353b48;z-index: 99999;}
.loader{width: 30px;height: 150px;background: linear-gradient(45deg, #22b455, #1dd1a1);border-radius: 50px;margin: 10px;animation: loader 0.8s ease infinite;}
.loader:nth-child(2){animation-delay: 0.1s;}.loader:nth-child(3){animation-delay: 0.2s;}.loader:nth-child(4){animation-delay: 0.3s;}.loader:nth-child(5){animation-delay: 0.4s;}.loader:nth-child(6){animation-delay: 0.5s;}.loader:nth-child(7){animation-delay: 0.6s;}.loader:nth-child(8){animation-delay: 0.7s;}
.loader-hidden {animation: fadeOut 1s;-webkit-animation: fadeOut 1s;animation-fill-mode: forwards;}
.skip-link-container{position: absolute;width: 100%;top: 18px;z-index: 9999;}
.skip-link-container .skip-link{background: #92e5a1;padding: 8px;color: #204829;position: absolute;transition: transform 0.3s;transform: translateY(-100%);}
.skip-link-container .skip-link:focus {transform: translateY(0);}
.loader-wrapper, #home .inner-width, .card-filter, .frmWallpaper, .wp-preview, .contact-form, .rating,.skip-link-container{display: flex;justify-content: center;align-items: center;}
.navbar .inner-width, .wp-content, .accordion-link{display: flex;align-items: center;justify-content: space-between;}
.card-btn, .search-container{display: flex; align-items: center;}
.navbar {background: 0 0;width: 100%;padding: 30px 0;top: 0;z-index: 999;transition: .3s ease-in-out;}
.inner-width {max-width: 1300px;margin: auto;padding: 0 40px;}
.logo {width: 130px;background-image: url(../files/thundertrader-head-logo.png);background-size: contain;}
.menu-toggler, .menu-toggler span, #home .content .txt, .section-title, .card-title, .answer, .search-container{position: relative;}
.menu-toggler {background: 0 0;width: 30px;border: none;cursor: pointer;z-index: 999;display: none;color: #fff;font-size: 25px;}
.menu-toggler span {display: block;height: 3px;background-color: #fff;margin: 6px 0;transition: .3s ease;}
.navbar-menu a {color: #fff;font-size: 16px;font-weight: 500;margin-left: 30px;transition: .3s ease;}
#icon{width: 30px;transition:.3s ease;filter:invert(1);cursor: pointer;}
#icon img{width: 100%;}
.sticky {background: #f1f1f1;padding: 18px 0;}
.sticky .logo {background-image: url(../files/thundertrader-head-logo.png);transition:.3s;}
.sticky .logo:hover{background-image: url(../files/thundertrader-head-logo.png);}
.sticky .navbar-menu a, .sticky .menu-toggler {color: #222;}
.sticky .menu-toggler span {background-color: #222;}
.sticky #icon{filter:invert(0);}
#home {height: 100vh;min-height: 500px;background:#204829;background: linear-gradient(#20482945,#1dd1a188), url(../files/header-image-2.jpg) no-repeat;background: linear-gradient(#20482945,#1dd1a188), url(../files/header-image-2.jpg) no-repeat center;background-attachment: fixed;background-size: cover;transition: 1s all;}
#home .inner-width {height: 100%;text-align: center;}
#home .content{display: inline-flex;flex-direction: column;align-items: center;justify-content: center;}
#home .content .txt{color: #25ecb7;font-size: 50px;font-weight: 600;}
#home .content .txt.first{color: #fff;}
#home .content .txt.second::after{content: "Engine";animation: text 5s linear infinite;}
@keyframes text {25% {content: "DevelStudio"}50% {content: "DataCenter"}75% {content: "More"}}
#home .button {display: inline-block;margin: 15px 0;color: #fff;font-size: 16px;font-weight: 500;width: 180px;border: 1px solid #fff;padding: 15px 0;border-radius: 6px;transition: .3s ease-in-out;}
section {padding: 100px 0;background: #fff;}
.section-title {text-align: center;margin-bottom: 80px;font-size: 26px;padding-bottom: 20px;color: #222;}
.section-title::before, .section-title::after, .card-title::after, .answer::before{content: "";position: absolute;}
.section-title::before {width: 80px;height: 3px;background: #222;bottom: 0;left: calc(50% - 40px);}
.section-title::after {width: 16px;height: 10px;background-color: #1dd1a1;border: 4px solid #fff;left: calc(50% - 12px);bottom: -7px;}
section.alt {background-color: #f1f1f1;}section.alt .section-title::after {border: 4px solid #f1f1f1;}
.navbar-menu a:hover,.navbar-menu a:focus {color: #1dd1a1 !important;}
#home .button:hover,#home .button:focus {background-color: #204829;color: #fff;border-color: #204829;}.formore a:hover,.formore a:focus{color:#22b455}
.card-filter{flex-wrap: wrap;margin-bottom: 24px;}
.card-filter .list{list-style: none;background: #0d5a45;padding: 12px 20px;margin: 5px;letter-spacing: 1px;cursor: pointer;color: #fff;transition: .2s ease-in-out all;font-size: 18px;}
.card-filter .list:hover,.card-filter .list:focus{background: #92e5a1;color: #222;}
.card-filter .list.active{background: #1dd1a1;color: #222;}
.grid-item.hide{display: none;}
.card-container {display: grid;line-height: 1.6;grid-gap: 3rem;grid-template-columns: repeat(4,auto);justify-content: center;align-content: center;}
.card {width: 280px;color: var(--clr-neutral-100);background-size: cover;padding: 10rem 0 0;max-width: 35ch;border-radius: 1rem;overflow: hidden;transition: transform .3s ease-in-out;}
.card:hover,.card:focus-within {transform: scale(1.05);}
.card-content {padding: 1.3rem;background: #222222da;background: linear-gradient(transparent,rgba(0,0,0,0.65) 10.5%,#000);}
.card-content .buttons{display: flex; align-items: center;}
.card-title {width: max-content;font-size: 20px;}
.card-title::after {margin: 0;padding: 0;box-sizing: border-box;content: "";height: 4px;left: calc(1.3rem * -1);bottom: -2px;width: calc(100% + 1.6rem);background: var(--clr-accent-400);transform-origin: left;transition: transform .3s ease;}
.card:hover .card-title::after,.card:focus-within .card-title::after {transform: scaleX(1);}
.card-body {color: rgb(255,255,255,0.9);margin: 25px 0; overflow-wrap: break-word;}
.card-btn {cursor: pointer;color: var(--clr-neutral-900);background-color: var(--clr-accent-400);padding:0.7em;border-radius: .5em;transition: .3s ease-in-out all;outline: 0;border: none; font-size: 16.5px;}
.card-btn:hover,.card-btn:focus {background: var(--clr-neutral-100);}
.card-btn img{width: 30px;margin-right: 5px}
.card-btn.hide{display: none;}
.card-btn.selection{font-size: 18.5px;}
.card-btn.icon{margin-left: 5px;}
.card-btn.icon img{margin-right: 0;}
.card-btn:disabled{user-select: none;pointer-events: none;opacity: .5;}
.wp-content{width: 100%;}
.frmWallpaper, .wp-preview{flex-direction: column;width: 50%;}
.frmWallpaper .selectBox{padding: 12px 20px;background: #0d5a45;border: none;border-radius: 10px;color: #fff;cursor: pointer;margin: 5px;}
.frmWallpaper .selectBox optgroup,.frmWallpaper .selectBox option,.frmWallpaper .selectBox .defaultOpt:disabled{background-color: #f1f1f1;color: #020204;}
.frmWallpaper .btn-wp-download{padding: 0.5em 1.5em;border: 2px solid #0d5a45;border-radius: 10px;cursor: pointer;background: none;color: #0d5a45;transition: .3s ease-in-out all;margin: 5px 0;font-size: 18px;}
.frmWallpaper .btn-wp-download:disabled{opacity: .5;user-select: none;pointer-events: none;cursor: auto;}
.frmWallpaper .btn-wp-download:hover:not(:disabled),.frmWallpaper .btn-wp-download:focus:not(:disabled){color: #fff;background-color: #0d5a45;}
.wp-preview img{width: 100%;height: 100%;margin: 16px 0;border-radius: 8px;}
.wp-preview p #fileSize{color: #21a582;}
.formore{margin: 15px 0;color: #222;text-align: center;}
.formore a{color:#204829;transition:.3s linear;}
.accordion-item{background-color: #e0e0e0;border-radius: .4rem;margin-bottom: 1rem;padding: 1rem;box-shadow: .5rem 2px .5rem rgba(0,0,0,.1);}
.accordion-link{font-size: 1.6rem;color: #2E2E2E;background-color: #e0e0e0;width: 100%;padding: 1rem 0;transition: 450ms ease-in-out all;}
.accordion-link img{filter:var(--green-img);width: 25px;}
.accordion-link .remove-icon{display: none;}
.answer{max-height: 0;overflow: hidden;background-color: #e0e0e0;transition: 450ms ease-in-out all;}
.answer::before{width: .6rem;height: 90%;background-color: #22b455;top: 50%;left: 0;transform: translateY(-50%);}
.answer p{color: #2E2E2E;font-size: 1.4rem;padding: 2rem;}
.accordion-item:target .answer{max-height: 20rem;}
.accordion-item:target .accordion-link .add-icon{display: none;}
.accordion-item:target .accordion-link .remove-icon{display: block;}
.contact-form input,.contact-form textarea,#search-input {width: 100%;height: 50px;margin: 10px 5px;background-color: #353b48;border: none;outline: 0;padding: 20px;border-radius: 4px;color: #fff;caret-color: #1dd1a1;}
.contact-form input::placeholder,.contact-form textarea::placeholder, #search-input::placeholder{color: #aaa;}
.contact-form{flex-wrap: wrap;flex-direction: column;}
.half-container{display: flex;width: 100%;}
.rating{grid-gap: .5rem;margin-bottom: 2rem;}
.rating .star.active{opacity: 0;animation: star .5s calc(var(--i) * .1s) ease-in-out forwards;}
.rating .star{cursor: pointer;}
.rating .star:hover{transform: scale(1.1);}
.rating .star img{width: 30px;filter:var(--yellow);}
.emailZone,.nameZone {max-width: calc(50% - 10px)}
.messageZone {min-height: 200px;resize: vertical;}
.contact-form .btn {width: 180px;background-color: transparent;color: #204829;font-size: 16px;border: 2px solid #204829;padding: 0;margin-left: auto;transition: .3s ease-in-out;cursor: pointer;}
.contact-form .btn:hover ,.contact-form .btn:focus-within{background: #204829;color: #fff;}
.ratingError{color: red;font-size: 16px;font-weight: 600;margin-bottom: 2rem;}
#site-footer {width: 100%;background: #204829;background: linear-gradient(#20482945,#20482945), url(../files/header-image-2.jpg) no-repeat;background: linear-gradient(#20482945,#f2f4f245), url(../files/header-image-2.jpg) no-repeat center;background-attachment: fixed;background-size: cover;color: #11c6e6;padding: 80px 0;text-align: center;}
.copyright{margin-bottom:20px;font-size:16px;}
.copyright a {text-decoration: underline;font-size: 16px;color: #E8FDF7;font-weight: 500;transition: .3s linear;}
.copyright a:hover,.copyright a:focus-within{color: #59facf;}
.sm a{color:#fff;font-size:26px;margin:0 10px;}
.sm a img{filter: invert(1);transition:.3s ease-in-out;}
.sm a:hover img,.sm a:focus img{filter: invert(86%)sepia(62%)saturate(302%)hue-rotate(58deg)brightness(99%)contrast(105%)}
.search-container{height: 60px;max-width: 450px;width: 100%;margin: 20px auto;}
.search-container #search-input{height: 100%;width: 100%;padding: 0 15px;border-radius: 50px;}
.search-container .search-btn,.search-container .cancel-btn{position: absolute;top: 49%;transform: translateY(-50%);height: 50px;width: 50px;line-height: 65px;text-align: center;border-radius: 50px;cursor: pointer;border: none;}
.search-container .search-btn{right: 11px;background: #0d5a45;transition: .3s;outline: none;}
.search-container .search-btn:hover,.search-container .search-btn:focus{background: #1dd1a1;}
.search-container .search-btn:hover img,.search-container .search-btn:focus img{filter: invert(0);}
.search-container .search-btn img{filter: invert(1);}.search-container .cancel-btn{right: -45px;background: none;}
.search-container .cancel-btn img,.search-container .search-btn img{width: 25px;}
@media screen and (max-width:1440px){.card-container{grid-template-columns: repeat(3,auto);}}
@media screen and (max-width:1024px) {.card-container {grid-template-columns: repeat(2,auto);grid-gap: 3rem;}}
@media screen and (max-width:980px){
     .menu-toggler{display:block;z-index: 2;}.navbar-menu{position:fixed;height:100vh;width:100%;background-color:#353b48;top:0;left:-100%;max-width:400px;padding:80px 50px;transition:.3s linear;text-align:center!important;z-index: 1;}
     .navbar-menu a{display:block;font-size:30px;margin:30px 0;}.sticky .navbar-menu{background-color:#f1f1f1;}
     .sticky .menu-toggler.span{background-color:#222;}.navbar-menu.active{left:0;}
     .menu-toggler.active span:nth-child(1){transform:rotate(-45deg);top:4px;}
     .menu-toggler.active span:nth-child(2){opacity:0;}
     .menu-toggler.active span:nth-child(3){transform:rotate(45deg);bottom:14px;}
     .inner-width .logo{order: 0;}.inner-width .menu-toggler{order: -1;}.inner-width{max-width:800px;}
}
@media screen and (max-width:575px){.wp-content{flex-direction: column;}.frmWallpaper, .wp-preview{width: 100%;}}
@media screen and (max-width: 540px){.card-container {grid-template-columns: auto;grid-gap: 2rem;}}
@media screen and (max-width:425px){
     .inner-width{padding: 0 18px;}
     #home .content .txt{font-size:36px;}
     .accordion-link{font-size:1.4rem;}
     .answer p{font-size:.85rem;padding:.5rem 2rem;}
     .accordion-item:target .answer{max-height:fit-content;}
     .half-container{flex-direction:column;}
     .emailZone,.nameZone{max-width:100%}
     .search-container #search-input{width: calc(100% - 25px);}
     .search-container .search-btn{right: 25px;}
     .search-container .cancel-btn{right: -18px;}
}
@media screen and (max-width:280px){#home .content .txt{font-size:25px;}}
@media (hover){
     .card-content{transform:translateY(55%);transition:transform .5s ease;}
     .card:hover .card-content,.card:focus-within .card-content{transform:translateY(0);transition-delay:.3s;}
     .card:hover .card-content>*:not(.card-title),.card:focus-within .card-content>*:not(.card-title){opacity:1;transition-delay:.3s;}
     .card:focus-within .card-content{transition-duration:0s;}
     .card-content>*:not(.card-title){opacity:0;transition:opacity .8s linear;}.card-title::after{transform:scaleX(0);}
}
@media (prefers-reduced-motion: reduce) {*,*::after,*::before {transition: none !important;scroll-behavior: auto !important;transition-delay: 0 !important;}}
.no-js #site-header,.no-js #site-main,.no-js #site-footer,.no-js .loader-wrapper{display: none;}
.no-js{min-height: 100vh;text-align: center;background:#204829;background: linear-gradient(#22B45545,#f9fbfa88), url(../files/header-image-2.jpg) no-repeat;background: linear-gradient(#22B45545,#f6f8f888), url(../files/header-image-2.jpg) no-repeat; background-size: cover;}
.no-js h2{color: #dc3545;margin: 10px;font-size: 30px;}
noscript .err{width: 100%;position: absolute;top: 50%;background: #92e5a1;padding: 15px 0;}