@charset "UTF-8";*{ margin: 0; padding: 0; border: none; outline: none; -webkit-box-shadow: none; box-shadow: none}body{ color: var(--voxire-body-color); background: black; font-weight: 400; line-height: 32px; font-size: 16px; font-family: var(--voxire-primary-font); --voxire-primary-font: Inter; --voxire-secondary-font: Inter; --voxire-primary-color: #6FCEEB; --voxire-secondary-color: #ffffff; --voxire-tertiary-color: #16161c; --voxire-body-color: rgba(255,255,255,0.75); --voxire-headline-color: #ffffff; --voxire-border-color: rgba(255,255,255,0.1); --voxire-dark-color: #02050A; --voxire-primary-rgb: 111,206,235; --voxire-secondary-rgb: 255,255,255; --voxire-tertiary-rgb: 22,22,28}a{ color: var(--voxire-body-color); cursor: pointer; outline: none; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; text-decoration: none} a:hover,a:focus,a:visited{ text-decoration: none; outline: none} a:hover{ color: var(--voxire-secondary-color)}h1 a,h2 a,h3 a,h4 a,h5 a{ color: var(--voxire-secondary-color)}.text-white h1,.text-white h1 a,.text-white h2,.text-white h2 a,.text-white h3,.text-white h3 a,.text-white h4,.text-white h4 a,.text-white h5,.text-white h5 a,.text-white .h1,.text-white .h1 a,.text-white .h2,.text-white .h2 a,.text-white .h3,.text-white .h3 a,.text-white .h4,.text-white .h4 a,.text-white .h5,.text-white .h5 a{ color: white}ul,li{ list-style: none; padding: 0; margin: 0}img{ max-width: 100%; display: inline-block}mark{ color: var(--voxire-primary-color); background: transparent; text-decoration: underline}header:after,section:after,footer:after{ display: block; clear: both; content: ""}input,select,textarea,.form-control{ width: 100%; height: auto; border-radius: 5px; padding: 15px 30px; background-color: #fff; border: 1px solid var(--voxire-border-color)}textarea{ display: inherit; padding-top: 20px}label{ cursor: pointer; font-weight: 500; margin-bottom: 5px; color: var(--voxire-body-color)}.form-group{ position: relative; margin-bottom: 20px}input:focus,button:focus,.form-control:focus{ outline: none; -webkit-box-shadow: none; box-shadow: none; border-color: #cfdbf1}input[type=search]::-ms-clear{ display: none; width: 0; height: 0}input[type=search]::-ms-reveal{ display: none; width: 0; height: 0}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{ display: none}input[type=checkbox],input[type=radio]{ height: auto; width: auto}.page-wrapper{ position: relative; z-index: 9; width: 100%; margin: 0 auto;  overflow-x: clip; min-width: 300px}@media only screen and (min-width: 1200px){ .container{ max-width: 1355px; padding-left: 15px; padding-right: 15px} .container.container-1620{ max-width: 1650px} .container.container-1590{ max-width: 1620px} .container.container-1290{ max-width: 1320px} .container.container-1260{ max-width: 1290px} .container.container-1210{ max-width: 1240px}}@media only screen and (min-width: 576px){ .container-fluid{ padding-left: 25px; padding-right: 25px}}@media only screen and (min-width: 1400px){ .container-fluid{ padding-left: 70px; padding-right: 70px}}@media only screen and (max-width: 375px){ .col-small{ -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%}}.row{ --bs-gutter-x: 30px}@media only screen and (min-width: 1400px){ .gap-60{ --bs-gutter-x: 60px}}@media only screen and (min-width: 1400px){ .gap-100{ --bs-gutter-x: 100px}}@media only screen and (min-width: 1200px){ .row-cols-xl-7 > *{ width: 14.2857%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto}}.section-title{ margin-top: -7px; position: relative} .section-title .sub-title{ font-size: 18px; font-weight: 500; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: var(--voxire-primary-color); text-transform: capitalize} .section-title .sub-title:before{ content: ''; width: 36px; height: 10px; margin-right: 10px; background: url(../images/icons/sub-title.svg) no-repeat 100% 100%} .section-title h2{ text-transform: capitalize} @media only screen and (max-width: 767px){ .section-title h2{ font-size: 40px}} @media only screen and (max-width: 575px){ .section-title h2{ font-size: 35px}} @media only screen and (max-width: 375px){ .section-title h2{ font-size: 33px}} .section-title h2 i{ color: var(--voxire-primary-color)} .section-title.style-two h2{ background: -webkit-radial-gradient(16.45% 50%,87.11% 3413.79%,#FFFFFF 0%,rgba(255,255,255,0) 100%); background: -o-radial-gradient(16.45% 50%,87.11% 3413.79%,#FFFFFF 0%,rgba(255,255,255,0) 100%); background: radial-gradient(87.11% 3413.79% at 16.45% 50%,#FFFFFF 0%,rgba(255,255,255,0) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent} .section-title.style-two h2 i{ font-weight: 400; -webkit-text-fill-color: var(--voxire-primary-color)}.theme-btn,a.theme-btn{ cursor: pointer; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; font-weight: 600; text-align: center; padding: 13px 35px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; background: transparent; color: var(--voxire-secondary-color); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: capitalize; border: 1px solid var(--voxire-border-color)} .theme-btn i, a.theme-btn i{ -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; margin-left: 10px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg)} .theme-btn:hover, a.theme-btn:hover{ color: var(--voxire-dark-color); background: var(--voxire-primary-color); border-color: var(--voxire-primary-color)} .theme-btn:hover i, a.theme-btn:hover i{ margin-left: 13px; margin-right: -3px} @media only screen and (max-width: 575px){ .theme-btn, a.theme-btn{ padding: 10px 25px}} .theme-btn.style-two, a.theme-btn.style-two{ color: var(--voxire-dark-color); background: var(--voxire-primary-color); border-color: var(--voxire-primary-color)} .theme-btn.style-two:hover, a.theme-btn.style-two:hover{ color: var(--voxire-primary-color); background: transparent}.social-style-four{ -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-left: -35px; margin-right: -35px} .social-style-four a{ margin-left: 35px; margin-right: 35px} .social-style-four a i{ margin-right: 10px} .tab-style-one .nav-link{ font-size: 18px; border-radius: 0; padding-left: 0; padding-right: 0; margin-bottom: -1px; background: transparent; border-bottom: 2px solid transparent} @media only screen and (min-width: 1200px){ .tab-style-one .nav-link{ padding-bottom: 25px}} @media only screen and (max-width: 575px){ .tab-style-one .nav-link{ font-size: 16px}} .tab-style-one .nav-link.active{ color: var(--voxire-primary-color); border-bottom-color: var(--voxire-primary-color)} .tab-style-one .nav-item:not(:last-child){ margin-right: 40px} @media only screen and (max-width: 767px){ .tab-style-one .nav-item:not(:last-child){ margin-right: 20px}}.preloader{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: var(--voxire-dark-color); background-repeat: no-repeat; background-position: center center}.pagination{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: -5px; margin-right: -5px} .pagination li{ margin: 10px 5px 0} .pagination li a{ padding: 0; color: white; border: none; -webkit-box-shadow: none; box-shadow: none; font-weight: 600; width: 60px; height: 60px; background: #0A1019; line-height: 60px; border-radius: 50%; text-align: center} .pagination li.dot{ width: 7px; height: 7px; background: white; border-radius: 50%}.text-white *,.text-white a,.text-white .sub-title{ color: white}.rel{ position: relative}.z-1{ z-index: 1}.overlay{ z-index: 1; position: relative} .overlay::before{ position: absolute; content: ""; width: 100%; height: 100%; z-index: -1; top: 0; left: 0; opacity: 0.75; background-color: var(--voxire-secondary-color)}.bgs-cover{ background-size: cover; background-position: center}.bgc-primary{ background-color: var(--voxire-primary-color)}.heading,.tab-style-one .nav-link,h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5{ font-weight: 600; color: var(--voxire-secondary-color); font-family: var(--voxire-secondary-font)}h1,.h1{ font-size: 80px}h2,.h2{ font-size: 48px}h3,.h3{ font-size: 30px}h4,.h4{ line-height: 1.4; font-size: 24px}h5,.h5{ line-height: 1.45; font-size: 20px}.p-5{ padding: 5px !important}.py-30{ padding-top: 30px}.pt-40{ padding-top: 40px}.pt-50{ padding-top: 50px}.pt-80{ padding-top: 80px}.pt-130,.py-130{ padding-top: 130px}.pt-150{ padding-top: 150px}.pt-220{ padding-top: 220px}.pt-250{ padding-top: 250px}.pb-20{ padding-bottom: 20px}.py-30{ padding-bottom: 30px}.pb-50{ padding-bottom: 50px}.pb-65{ padding-bottom: 65px}.pb-100{ padding-bottom: 100px}.pb-105{ padding-bottom: 105px}.pb-130,.py-130{ padding-bottom: 130px}.pb-150{ padding-bottom: 150px}.pb-170{ padding-bottom: 170px}.mt-60{ margin-top: 60px}.mb-15{ margin-bottom: 15px}.mb-40{ margin-bottom: 40px}.mb-50{ margin-bottom: 50px}.mb-60{ margin-bottom: 60px}@media only screen and (max-width: 991px){   .rpt-10{ padding-top: 10px} .rpt-30{ padding-top: 30px} .rpt-100, .rpy-100{ padding-top: 100px} .rpt-110{ padding-top: 110px} .rpt-120{ padding-top: 120px} .rpt-150{ padding-top: 150px}  .rpb-30{ padding-bottom: 30px} .rpb-70{ padding-bottom: 70px} .rpb-75{ padding-bottom: 75px} .rpb-80{ padding-bottom: 80px} .rpb-100, .rpy-100{ padding-bottom: 100px}   .rmt-35{ margin-top: 35px} .rmt-75{ margin-top: 75px}  .rmb-35{ margin-bottom: 35px} .rmb-55{ margin-bottom: 55px}}@-webkit-keyframes sticky{ 0%{ top: -100px} 100%{ top: 0}}@keyframes sticky{ 0%{ top: -100px} 100%{ top: 0}}@-webkit-keyframes rotated_circle{ 0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg)} 100%{ -webkit-transform: rotate(-360deg); transform: rotate(-360deg)}}@keyframes rotated_circle{ 0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg)} 100%{ -webkit-transform: rotate(-360deg); transform: rotate(-360deg)}}@-webkit-keyframes semi_rotated{ 0%, 100%{ -webkit-transform: rotate(8deg); transform: rotate(8deg)} 50%{ -webkit-transform: rotate(-8deg); transform: rotate(-8deg)}}@keyframes semi_rotated{ 0%, 100%{ -webkit-transform: rotate(8deg); transform: rotate(8deg)} 50%{ -webkit-transform: rotate(-8deg); transform: rotate(-8deg)}}@-webkit-keyframes semi_rotated_two{ 0%, 100%{ -webkit-transform: rotate(-30deg); transform: rotate(-30deg)} 50%{ -webkit-transform: rotate(30deg); transform: rotate(30deg)}}@keyframes semi_rotated_two{ 0%, 100%{ -webkit-transform: rotate(-30deg); transform: rotate(-30deg)} 50%{ -webkit-transform: rotate(30deg); transform: rotate(30deg)}}@-webkit-keyframes move_arround{ 0%{ top: 20px; left: 20px} 25%{ top: 20px; left: -20px} 50%{ top: -20px; left: -20px} 75%{ top: -20px; left: 20px} 100%{ top: 20px; left: 20px}}@keyframes move_arround{ 0%{ top: 20px; left: 20px} 25%{ top: 20px; left: -20px} 50%{ top: -20px; left: -20px} 75%{ top: -20px; left: 20px} 100%{ top: 20px; left: 20px}}@-webkit-keyframes upDownLeft{ 0%, 100%{ -webkit-transform: translate(0px,0px); transform: translate(0px,0px)} 25%, 75%{ -webkit-transform: translate(0px,50px); transform: translate(0px,50px)} 50%{ -webkit-transform: translate(-50px,50px); transform: translate(-50px,50px)}}@keyframes upDownLeft{ 0%, 100%{ -webkit-transform: translate(0px,0px); transform: translate(0px,0px)} 25%, 75%{ -webkit-transform: translate(0px,50px); transform: translate(0px,50px)} 50%{ -webkit-transform: translate(-50px,50px); transform: translate(-50px,50px)}}@-webkit-keyframes shapeAnimationOne{ 0%{ -webkit-transform: translate(0px,0px) rotate(0deg); transform: translate(0px,0px) rotate(0deg)} 25%{ -webkit-transform: translate(0px,150px) rotate(90deg); transform: translate(0px,150px) rotate(90deg)} 50%{ -webkit-transform: translate(150px,150px) rotate(180deg); transform: translate(150px,150px) rotate(180deg)} 75%{ -webkit-transform: translate(150px,0px) rotate(270deg); transform: translate(150px,0px) rotate(270deg)} 100%{ -webkit-transform: translate(0px,0px) rotate(360deg); transform: translate(0px,0px) rotate(360deg)}}@keyframes shapeAnimationOne{ 0%{ -webkit-transform: translate(0px,0px) rotate(0deg); transform: translate(0px,0px) rotate(0deg)} 25%{ -webkit-transform: translate(0px,150px) rotate(90deg); transform: translate(0px,150px) rotate(90deg)} 50%{ -webkit-transform: translate(150px,150px) rotate(180deg); transform: translate(150px,150px) rotate(180deg)} 75%{ -webkit-transform: translate(150px,0px) rotate(270deg); transform: translate(150px,0px) rotate(270deg)} 100%{ -webkit-transform: translate(0px,0px) rotate(360deg); transform: translate(0px,0px) rotate(360deg)}}@-webkit-keyframes shapeAnimationTwo{ 0%{ -webkit-transform: translate(0px,0px) rotate(0deg); transform: translate(0px,0px) rotate(0deg)} 25%{ -webkit-transform: translate(-150px,0px) rotate(270deg); transform: translate(-150px,0px) rotate(270deg)} 50%{ -webkit-transform: translate(-150px,150px) rotate(180deg); transform: translate(-150px,150px) rotate(180deg)} 75%{ -webkit-transform: translate(0px,150px) rotate(90deg); transform: translate(0px,150px) rotate(90deg)} 100%{ -webkit-transform: translate(0px,0px) rotate(360deg); transform: translate(0px,0px) rotate(360deg)}}@keyframes shapeAnimationTwo{ 0%{ -webkit-transform: translate(0px,0px) rotate(0deg); transform: translate(0px,0px) rotate(0deg)} 25%{ -webkit-transform: translate(-150px,0px) rotate(270deg); transform: translate(-150px,0px) rotate(270deg)} 50%{ -webkit-transform: translate(-150px,150px) rotate(180deg); transform: translate(-150px,150px) rotate(180deg)} 75%{ -webkit-transform: translate(0px,150px) rotate(90deg); transform: translate(0px,150px) rotate(90deg)} 100%{ -webkit-transform: translate(0px,0px) rotate(360deg); transform: translate(0px,0px) rotate(360deg)}}@-webkit-keyframes shapeAnimationThree{ 0%{ -webkit-transform: translate(0px,0px) rotate(0deg); transform: translate(0px,0px) rotate(0deg)} 25%{ -webkit-transform: translate(50px,150px) rotate(90deg); transform: translate(50px,150px) rotate(90deg)} 50%{ -webkit-transform: translate(150px,150px) rotate(180deg); transform: translate(150px,150px) rotate(180deg)} 75%{ -webkit-transform: translate(150px,50px) rotate(270deg); transform: translate(150px,50px) rotate(270deg)} 100%{ -webkit-transform: translate(0px,0px) rotate(360deg); transform: translate(0px,0px) rotate(360deg)}}@keyframes shapeAnimationThree{ 0%{ -webkit-transform: translate(0px,0px) rotate(0deg); transform: translate(0px,0px) rotate(0deg)} 25%{ -webkit-transform: translate(50px,150px) rotate(90deg); transform: translate(50px,150px) rotate(90deg)} 50%{ -webkit-transform: translate(150px,150px) rotate(180deg); transform: translate(150px,150px) rotate(180deg)} 75%{ -webkit-transform: translate(150px,50px) rotate(270deg); transform: translate(150px,50px) rotate(270deg)} 100%{ -webkit-transform: translate(0px,0px) rotate(360deg); transform: translate(0px,0px) rotate(360deg)}}@-webkit-keyframes shapeAnimationFour{ 0%{ -webkit-transform: translate(0px,0px) rotate(0deg); transform: translate(0px,0px) rotate(0deg)} 25%{ -webkit-transform: translate(-150px -50px) rotate(90deg); transform: translate(-150px -50px) rotate(90deg)} 50%{ -webkit-transform: translate(-150px,-150px) rotate(180deg); transform: translate(-150px,-150px) rotate(180deg)} 75%{ -webkit-transform: translate(-50px,-150px) rotate(270deg); transform: translate(-50px,-150px) rotate(270deg)} 100%{ -webkit-transform: translate(0px,0px) rotate(360deg); transform: translate(0px,0px) rotate(360deg)}}@keyframes shapeAnimationFour{ 0%{ -webkit-transform: translate(0px,0px) rotate(0deg); transform: translate(0px,0px) rotate(0deg)} 25%{ -webkit-transform: translate(-150px -50px) rotate(90deg); transform: translate(-150px -50px) rotate(90deg)} 50%{ -webkit-transform: translate(-150px,-150px) rotate(180deg); transform: translate(-150px,-150px) rotate(180deg)} 75%{ -webkit-transform: translate(-50px,-150px) rotate(270deg); transform: translate(-50px,-150px) rotate(270deg)} 100%{ -webkit-transform: translate(0px,0px) rotate(360deg); transform: translate(0px,0px) rotate(360deg)}}@-webkit-keyframes shapeAnimationFive{ 0%{ -webkit-transform: translate(0px,0px) rotate(0deg); transform: translate(0px,0px) rotate(0deg)} 25%{ -webkit-transform: translate(-100px -100px) rotate(90deg); transform: translate(-100px -100px) rotate(90deg)} 50%{ -webkit-transform: translate(100px,50px) rotate(180deg); transform: translate(100px,50px) rotate(180deg)} 75%{ -webkit-transform: translate(-100px,150px) rotate(270deg); transform: translate(-100px,150px) rotate(270deg)} 100%{ -webkit-transform: translate(0px,0px) rotate(360deg); transform: translate(0px,0px) rotate(360deg)}}@keyframes shapeAnimationFive{ 0%{ -webkit-transform: translate(0px,0px) rotate(0deg); transform: translate(0px,0px) rotate(0deg)} 25%{ -webkit-transform: translate(-100px -100px) rotate(90deg); transform: translate(-100px -100px) rotate(90deg)} 50%{ -webkit-transform: translate(100px,50px) rotate(180deg); transform: translate(100px,50px) rotate(180deg)} 75%{ -webkit-transform: translate(-100px,150px) rotate(270deg); transform: translate(-100px,150px) rotate(270deg)} 100%{ -webkit-transform: translate(0px,0px) rotate(360deg); transform: translate(0px,0px) rotate(360deg)}}@-webkit-keyframes down-up-one{ 0%{ -webkit-transform: rotateX(0deg) translateY(0px); transform: rotateX(0deg) translateY(0px)} 50%{ -webkit-transform: rotateX(0deg) translateY(25px); transform: rotateX(0deg) translateY(25px)} 100%{ -webkit-transform: rotateX(0deg) translateY(0px); transform: rotateX(0deg) translateY(0px)}}@keyframes down-up-one{ 0%{ -webkit-transform: rotateX(0deg) translateY(0px); transform: rotateX(0deg) translateY(0px)} 50%{ -webkit-transform: rotateX(0deg) translateY(25px); transform: rotateX(0deg) translateY(25px)} 100%{ -webkit-transform: rotateX(0deg) translateY(0px); transform: rotateX(0deg) translateY(0px)}}@-webkit-keyframes down-up-two{ 0%{ -webkit-transform: rotateX(0deg) translate(0px); transform: rotateX(0deg) translate(0px)} 50%{ -webkit-transform: rotateX(0deg) translate(0,-25px); transform: rotateX(0deg) translate(0,-25px)} 100%{ -webkit-transform: rotateX(0deg) translate(0px); transform: rotateX(0deg) translate(0px)}}@keyframes down-up-two{ 0%{ -webkit-transform: rotateX(0deg) translate(0px); transform: rotateX(0deg) translate(0px)} 50%{ -webkit-transform: rotateX(0deg) translate(0,-25px); transform: rotateX(0deg) translate(0,-25px)} 100%{ -webkit-transform: rotateX(0deg) translate(0px); transform: rotateX(0deg) translate(0px)}}@-webkit-keyframes leftRightOne{ 0%, 100%{ -webkit-transform: translateX(0); transform: translateX(0)} 50%{ -webkit-transform: translateX(50px); transform: translateX(50px)}}@keyframes leftRightOne{ 0%, 100%{ -webkit-transform: translateX(0); transform: translateX(0)} 50%{ -webkit-transform: translateX(50px); transform: translateX(50px)}}@-webkit-keyframes zoomInOut{ 0%, 100%{ -webkit-transform: scale(1); transform: scale(1)} 50%{ -webkit-transform: scale(0.5); transform: scale(0.5)}}@keyframes zoomInOut{ 0%, 100%{ -webkit-transform: scale(1); transform: scale(1)} 50%{ -webkit-transform: scale(0.5); transform: scale(0.5)}}@-webkit-keyframes preloader{ from{ -webkit-transform: rotate(0deg); transform: rotate(0deg)} to{ -webkit-transform: rotate(360deg); transform: rotate(360deg)}}@keyframes preloader{ from{ -webkit-transform: rotate(0deg); transform: rotate(0deg)} to{ -webkit-transform: rotate(360deg); transform: rotate(360deg)}}@-webkit-keyframes marquee{ 100%{ -webkit-transform: translate(-100%,0); transform: translate(-100%,0)}}@keyframes marquee{ 100%{ -webkit-transform: translate(-100%,0); transform: translate(-100%,0)}}@-webkit-keyframes marquee_right{ from{ -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0)} to{ -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0)}}@keyframes marquee_right{ from{ -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0)} to{ -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0)}}@-webkit-keyframes marquee_left{ from{ -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0)} to{ -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0)}}@keyframes marquee_left{ from{ -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0)} to{ -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0)}}@media only screen and (max-width: 991px){ .nav-outer{ width: 100%}} @media only screen and (max-width: 991px){ .main-menu .navbar-collapse li .megamenu .container{ max-width: 100%} .main-menu .navbar-collapse li .megamenu .row{ margin: 0px}}.nav-search{ position: relative; margin-right: 50px; margin-left: 25px} @media only screen and (max-width: 1199px){ .nav-search{ margin-right: 25px}} @media only screen and (max-width: 479px){ .nav-search{ display: none}} .nav-search > button{ color: white; background: transparent} .nav-search form{ position: absolute; width: 320px; top: 100%; right: 0; z-index: 777; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; -webkit-animation: fadeIn 0.5s; animation: fadeIn 0.5s; -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.05); box-shadow: 0 0 5px 5px rgba(0,0,0,0.05)} @media only screen and (max-width: 375px){ .nav-search form{ width: 275px}} .nav-search form.hide{ display: none} .nav-search form input{ border: none; padding: 15px 5px 15px 25px} .nav-search form button{ background: transparent; padding: 15px 20px 15px 0} .hidden-bar .appointment-form .form-group{ position: relative; margin-bottom: 20px} .hidden-bar .appointment-form .form-group button{ width: 100%; font-size: 16px; padding: 10px 15px; margin-bottom: 20px; border-color: white}.form-back-drop{ position: fixed; left: 100%; top: 0px; width: 100%; height: 100%; opacity: 0; background: rgba(0,0,0,0.7); visibility: hidden; z-index: 9990; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease}.side-content-visible .form-back-drop{ opacity: 1; left: 0; visibility: visible}@media only screen and (min-width: 1200px){ .main-header.header-two .nav-search{ margin-right: 30px}}.headline-wrap{ display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; white-space: nowrap} .headline-wrap > span{ -webkit-animation: marquee 15s linear infinite; animation: marquee 15s linear infinite} .headline-wrap > span .marquee-item{ margin-right: 50px; line-height: 1.2; font-size: 65px; font-weight: 300; color: var(--voxire-dark-color)} @media only screen and (max-width: 1399px){ .headline-wrap > span .marquee-item{ font-size: 55px}} @media only screen and (max-width: 1199px){ .headline-wrap > span .marquee-item{ font-size: 48px}} @media only screen and (max-width: 991px){ .headline-wrap > span .marquee-item{ font-size: 40px}} @media only screen and (max-width: 575px){ .headline-wrap > span .marquee-item{ font-size: 35px}} @media only screen and (max-width: 375px){ .headline-wrap > span .marquee-item{ font-size: 30px}} .headline-wrap > span .marquee-item i{ margin-right: 40px}.page-banner-area{ z-index: 1; position: relative} .page-banner-area::before{ position: absolute; content: ""; width: 100%; height: 100%; z-index: -1; top: 0; left: 0; opacity: 0.9; background-color: #111111} .page-banner-area:before{ mix-blend-mode: multiply}.banner-inner h2{ margin-bottom: 20px} @media only screen and (min-width: 992px){ .banner-inner h2{ font-size: 55px}} @media only screen and (max-width: 767px){ .banner-inner h2{ font-size: 40px; margin-bottom: 10px}} @media only screen and (max-width: 575px){ .banner-inner h2{ font-size: 36px}}.breadcrumb{ padding: 0; margin: 0; font-size: 20px; background: transparent; text-transform: capitalize} @media only screen and (max-width: 575px){ .breadcrumb{ font-size: 18px}} @media only screen and (max-width: 375px){ .breadcrumb{ font-size: 16px}} .breadcrumb .breadcrumb-item{ padding: 0; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center} .breadcrumb .breadcrumb-item.active{ color: var(--voxire-primary-color); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px} .breadcrumb .breadcrumb-item + .breadcrumb-item::before{ margin-left: 15px; margin-right: 15px; -webkit-box-flex: 0; -ms-flex: none; flex: none; color: white; content: "\f105"; font-family: "Font Awesome 5 Pro"}@media only screen and (max-width: 479px){ .about-area-three .section-title h2{ font-size: 33px}}@media only screen and (max-width: 375px){ .about-area-three .section-title h2{ font-size: 28px}}.awards-tabs .nav-link{ -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; text-align: left; border-radius: 0; padding: 0 0 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: transparent; border-bottom: 1px solid rgba(255,255,255,0.1)} .awards-tabs .nav-link .left .h3{ display: block} @media only screen and (max-width: 1199px){ .awards-tabs .nav-link .left .h3{ font-size: 25px}} @media only screen and (max-width: 375px){ .awards-tabs .nav-link .left .h3{ font-size: 20px}} .awards-tabs .nav-link .left .award-type{ color: var(--voxire-body-color)} .awards-tabs .nav-link .details-btn{ width: 65px; height: 65px; border: none; line-height: 65px; background: #0A1019} .awards-tabs .nav-link .details-btn:hover{ color: var(--voxire-dark-color); background: var(--voxire-primary-color)} .awards-tabs .nav-link:not(:last-child){ margin-bottom: 45px} .awards-tabs .nav-link.active{ border-color: white; background-color: transparent}.blog-meta{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center} .blog-meta li{ display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1.5; margin-bottom: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase} @media only screen and (max-width: 991px){ .blog-meta li{ font-size: 15px}} .blog-meta li i{ color: white; margin: -3px 10px 0 0} @media only screen and (max-width: 375px){ .blog-meta li i{ display: none}} .blog-meta li:not(:last-child):after{ content: ''; width: 5px; height: 5px; border-radius: 50%; margin-left: 30px; margin-right: 30px; background: white} @media only screen and (max-width: 991px){ .blog-meta li:not(:last-child):after{ margin-left: 14px; margin-right: 14px}}.blog-single-content h1,.blog-single-content h2,.blog-single-content h3,.blog-single-content h4,.blog-single-content h5,.blog-single-content p{ margin-bottom: 22px}.blog-single-content .big-first-letter:first-letter{ float: left; color: white; line-height: 0.8; font-size: 250px; font-weight: 500; margin-right: 50px} @media only screen and (max-width: 767px){ .blog-single-content .big-first-letter:first-letter{ font-size: 150px}} @media only screen and (max-width: 479px){ .blog-single-content .big-first-letter:first-letter{ font-size: 100px; margin-right: 25px}}blockquote{ color: white; font-size: 27px; line-height: 1.5; font-weight: 500; position: relative; padding-left: 150px; border-left: 5px solid var(--voxire-primary-color)} blockquote:before{ content: ""; color: white; line-height: 1; position: absolute; left: 50px; top: 3px; font-size: 60px; font-family: "flaticon_voxire"} @media only screen and (max-width: 767px){ blockquote{ font-size: 22px; padding-left: 100px} blockquote:before{ left: 30px; font-size: 40px}} @media only screen and (max-width: 479px){ blockquote{ font-size: 18px; padding-left: 50px} blockquote:before{ left: 10px; font-size: 25px}}.tag-share{ -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between} .tag-share .item{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px} .comment-form .form-group{ margin-bottom: 30px} .comment-form .form-control{ color: white; border: none; border-radius: 0; padding: 18px 30px; background: rgba(255,255,255,0.05)} .comment-form .form-control::-webkit-input-placeholder{ color: var(--voxire-body-color)} .comment-form .form-control:-ms-input-placeholder{ color: var(--voxire-body-color)} .comment-form .form-control::-ms-input-placeholder{ color: var(--voxire-body-color)} .comment-form .form-control::placeholder{ color: var(--voxire-body-color)} .comment-form .form-control:focus{ background: black}.form-style-one .form-group{ margin-bottom: 50px} .form-style-one .form-group label{ position: absolute; left: 0; top: 0; color: white; font-size: 18px}.form-style-one .nice-select,.form-style-one .form-control{ color: white; font-size: 18px; font-weight: 500; border-radius: 0; border-style: solid; border-width: 0 0 1px; padding: 1px 0 20px 33px; background: transparent; border-color: rgba(255,255,255,0.1)} .form-style-one .nice-select::-webkit-input-placeholder, .form-style-one .form-control::-webkit-input-placeholder{ color: white} .form-style-one .nice-select:-ms-input-placeholder, .form-style-one .form-control:-ms-input-placeholder{ color: white} .form-style-one .nice-select::-ms-input-placeholder, .form-style-one .form-control::-ms-input-placeholder{ color: white} .form-style-one .nice-select::placeholder, .form-style-one .form-control::placeholder{ color: white} .form-style-one .nice-select:focus, .form-style-one .form-control:focus{ border-color: var(--voxire-secondary-color)}.form-style-one .nice-select{ line-height: 1.5} .form-style-one .nice-select:after{ left: 0; top: 12px; width: 10px; height: 10px} .form-style-one .nice-select .list{ background: #222222} .form-style-one .nice-select .list .selected, .form-style-one .nice-select .list .option:hover{ background: #333333}.form-style-two{ background: #0A1019; padding: 40px 50px} @media only screen and (max-width: 375px){ .form-style-two{ padding-left: 25px; padding-right: 25px}} .form-style-two .form-group{ margin-bottom: 35px} .form-style-two .nice-select, .form-style-two .form-control{ color: white; font-weight: 500; border-radius: 0; border-style: solid; border-width: 0 0 1px; padding: 1px 0 15px; background: transparent; border-color: rgba(255,255,255,0.1)} .form-style-two .nice-select:focus, .form-style-two .form-control:focus{ border-color: var(--voxire-secondary-color)} .form-style-two .nice-select{ font-size: 16px; font-weight: 400; line-height: 1.5; color: var(--voxire-body-color)} .form-style-two .nice-select:after{ right: 0; top: 12px} .form-style-two .nice-select .current{ font-weight: 400; color: var(--voxire-body-color)} .form-style-two .nice-select .list{ background: #222222} .form-style-two .nice-select .list .selected, .form-style-two .nice-select .list .option:hover{ background: #333333} .contact-page-form .form-group{ margin-bottom: 30px} .contact-page-form .form-group label, .contact-page-form .form-group .form-control{ font-size: 16px} .team-member .btn-social{ z-index: 1; opacity: 0; width: 100%; position: absolute; left: 0; bottom: -5px; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; background: black} .team-member .btn-social .read-more{ color: var(--voxire-primary-color)} .team-member .btn-social .read-more i{ margin-left: 10px} .team-member .btn-social .social-style-two{ display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 10px} .team-member:hover .btn-social{ opacity: 1} @media only screen and (min-width: 1200px){ .team-member.style-two .btn-social{ padding-left: 30px; padding-right: 30px}}.team-page-area{ background-repeat: repeat-x}@media only screen and (min-width: 1600px){ .project-area-six .row-cols-xl-4 > *{ width: 20%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto}}.accordion-item{ background: transparent} .accordion-item:not(:last-child){ margin-bottom: 15px} .accordion-item .accordion-header{ padding-bottom: 18px; margin-bottom: 22px; border-bottom: 1px solid var(--voxire-border-color)} .accordion-item .accordion-button{ background: transparent; font-size: 20px; padding: 0; color: white} @media only screen and (max-width: 375px){ .accordion-item .accordion-button{ font-size: 18px}} .accordion-item .accordion-button:focus{ -webkit-box-shadow: none; box-shadow: none} .accordion-item .accordion-button:after{ color: var(--voxire-primary-color); font-size: 18px; background: none; content: "\f061"; font-family: "Font Awesome 5 Pro"} .accordion-item .accordion-button:not(.collapsed):after{ -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg)} .accordion-item .accordion-body{ padding: 0} .accordion-item .accordion-body p{ margin-bottom: 10px; font-size: 18px; color: rgba(255,255,255,0.65)}.faq-shapes .shape{ z-index: -1; max-width: 10%; position: absolute; -webkit-animation: rotated_circle 10s linear infinite; animation: rotated_circle 10s linear infinite} .faq-shapes .shape.left{ left: 5%; top: 25%} .faq-shapes .shape.right{ right: 5%; bottom: 35%}.review-form .form-group{ margin-bottom: 30px} .review-form .form-group .nice-select, .review-form .form-group .form-control{ line-height: 1.4; background: red; border-color: red} @media only screen and (min-width: 480px){ .review-form .form-group .nice-select, .review-form .form-group .form-control{ font-size: 20px}} .review-form .form-group .nice-select::-webkit-input-placeholder, .review-form .form-group .form-control::-webkit-input-placeholder{ color: red} .review-form .form-group .nice-select:-ms-input-placeholder, .review-form .form-group .form-control:-ms-input-placeholder{ color: red} .review-form .form-group .nice-select::-ms-input-placeholder, .review-form .form-group .form-control::-ms-input-placeholder{ color: red} .review-form .form-group .nice-select::placeholder, .review-form .form-group .form-control::placeholder{ color: red} .review-form .form-group .nice-select:focus, .review-form .form-group .form-control:focus{ background: transparent; border-color: red} .review-form .form-group .nice-select .current, .review-form .form-group .form-control .current{ font-weight: 400}.widget:not(:last-child){ margin-bottom: 50px}.widget-title{ color: var(--voxire-primary-color); margin-bottom: 30px; padding-bottom: 25px; border-bottom: 1px solid rgba(255,255,255,0.15)}.widget-recent-news ul li{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center} .widget-recent-news ul li:not(:last-child){ margin-bottom: 30px} .widget-recent-news ul li .image{ -webkit-box-flex: 0; -ms-flex: none; flex: none; max-width: 100px; margin-right: 35px} @media only screen and (max-width: 375px){ .widget-recent-news ul li .image{ max-width: 70px; margin-right: 15px}} .widget-recent-news ul li h5{ margin-bottom: 0; line-height: 1.65; font-size: 18px} @media only screen and (min-width: 992px) and (max-width: 1199px){ .widget-recent-news ul li h5{ font-size: 16px}} @media only screen and (max-width: 375px){ .widget-recent-news ul li h5{ font-size: 15px; line-height: 1.3}} .widget-recent-news ul li .date{ font-size: 14px; text-transform: uppercase} .widget-recent-news ul li .date i{ margin-right: 7px}.tag-coulds{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -15px -7.5px 0} .tag-coulds a{ font-size: 16px; font-weight: 500; padding: 7px 22px; margin: 15px 7.5px 0; background: transparent; border: 1px solid var(--voxire-border-color)} .tag-coulds a:hover{ background: #16161C; border-color: #16161C}.gallery{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -20px -10px 0} .gallery a{ margin: 20px 10px 0; z-index: 1; position: relative; max-width: calc(33.333% - 20px)} .gallery a::before{ position: absolute; content: ""; width: 100%; height: 100%; z-index: -1; top: 0; left: 0; opacity: 0; background-color: #000000} .gallery a:before{ z-index: 1; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s} .gallery a i{ z-index: 2; position: absolute; left: 50%; top: 50%; opacity: 0; font-size: 20px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-transform: translate(-50%,-50%) rotate(-45deg); -ms-transform: translate(-50%,-50%) rotate(-45deg); transform: translate(-50%,-50%) rotate(-45deg)} .gallery a:hover:before{ opacity: 0.75} .gallery a:hover i{ opacity: 1}.error-section{ min-height: 100vh}.error-content h1{ margin-bottom: 20px} @media only screen and (min-width: 1200px){ .error-content h1{ font-size: 100px}} @media only screen and (max-width: 767px){ .error-content h1{ font-size: 60px}} @media only screen and (max-width: 375px){ .error-content h1{ font-size: 50px}}@media only screen and (min-width: 1400px){ .error-image{ margin-right: -150px}}.vx-nav-cta{ position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 10px 28px; margin-left: 20px; font-family: 'Manrope',system-ui,sans-serif; font-size: 15px; font-weight: 600; letter-spacing: -0.01em; color: #F0F0F6; background: transparent; border: 2px solid transparent; border-radius: 100px; text-decoration: none; white-space: nowrap; cursor: pointer; transition: background 0.3s ease,color 0.3s ease,border-color 0.3s ease; background-image: linear-gradient(#111118,#111118),linear-gradient(135deg,#63C6BD 0%,#519AD1 50%,#5A4398 100%); background-origin: border-box; background-clip: padding-box,border-box;}.vx-nav-cta:hover,.vx-nav-cta:focus-visible{ background-image: linear-gradient(135deg,#63C6BD 0%,#519AD1 50%,#5A4398 100%); background-clip: border-box; color: #fff; border-color: transparent;}[data-theme="light"] .vx-nav-cta{ background-image: linear-gradient(#fff,#fff),linear-gradient(135deg,#63C6BD 0%,#519AD1 50%,#5A4398 100%); background-origin: border-box; background-clip: padding-box,border-box; color: #1A1A26;}[data-theme="light"] .vx-nav-cta:hover,[data-theme="light"] .vx-nav-cta:focus-visible{ background-image: linear-gradient(135deg,#63C6BD 0%,#519AD1 50%,#5A4398 100%); background-clip: border-box; color: #fff;}.fixed-header .vx-nav-cta{ background-image: linear-gradient(#222222,#222222),linear-gradient(135deg,#63C6BD 0%,#519AD1 50%,#5A4398 100%);}[data-theme="light"] .fixed-header .vx-nav-cta{ background-image: linear-gradient(#fff,#fff),linear-gradient(135deg,#63C6BD 0%,#519AD1 50%,#5A4398 100%);}input,select,textarea,input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="password"],input[type="search"]{ font-size: 16px;}