.tabs, .tabs-content, .tabs-panel, .tabs-title, .tabs-title a, .tabs-title a:hover, .tabs-title a:focus {
background: transparent !important;
border: 0 !important;
}

tbody, tfoot, thead {
border: 0;
background-color: var(--w-c-0);
}

tbody tr:nth-child(even) {
background-color: var(--p-4-c);
}

.reveal {
padding: 5vh;
color: var(--w-c);
outline: 0;
top: 0 !important;
}

.reveal a {
color: var(--w-66-c);
}

.reveal a:hover, .reveal a:focus {
color: var(--w-c);
}

.reveal hr {
border-color: var(--w-25-c);
width: 20%;
padding: 0;
margin: 0 auto;
margin-top: 2.5vh;
margin-bottom: 2.5vh;
border-width: 3px;
}

@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
.frosted {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-color: var(--w-50-c);  
}
}

.vegas-content-scrollable {
overflow: hidden !important;
}

/*------------------------ Header ------------------------*/

.off-canvas {
padding: 5vh;
color: var(--w-c);
min-height: 100vh;
}

.off-canvas a {
color: var(--w-66-c);
}

.off-canvas a:hover, .off-canvas a:focus {
color: var(--w-c);
}

.off-canvas a span {
background: var(--s-1-c);
color: var(--w-c);
padding: 3px 8px;
border-radius: 3px;
font-size: 0.750rem;
display: inline-block;
}

.off-canvas hr {
border-color: var(--w-25-c);
width: 20%;
padding: 0;
margin: 0 auto;
margin-top: 2.5vh;
margin-bottom: 2.5vh;
border-width: 3px;
}

.js-off-canvas-overlay {
background: rgba(212, 233, 226, 0.75);
}

.position-bottom {
height: auto;
}

header {
width: 100vw;
padding: 2.5vh 0;
position: fixed;
top: 0;
right: 0;
background: var(--w-90-c);
z-index: 10;
}

header a {
color: var(--p-1-c);
}

header a:hover, header a:focus {
color: var(--p-2-c);
}

header i {
font-size: 2rem;
}

header img {
width: 33vh; 
}

header img.circle {
width: 2rem; 
}

header button {
font-size: 1rem;
margin: 0 !important;
}

header button a {
padding: 0 !important;
}

header button i {
font-size: 1rem;
}

header div#profile-icons a {
display: inline-block;
float: left;
}

header div#settings-icons a {
display: inline-block;
float: right;
}

/*------------------------ Footer ------------------------*/

footer {
padding: 10vh 0;
}

footer a {
color: var(--p-1-c);
filter: opacity(66%);
}

footer a:hover, footer a:focus {
color: var(--p-1-c);
filter: opacity(100%);
}

footer a span {
background: var(--s-1-c);
color: var(--w-c);
padding: 3px 8px;
border-radius: 3px;
font-size: 0.750rem;
display: inline-block;
}

footer hr {
border-color: var(--p-4-c);
width: 20%;
padding: 0;
margin: 0 auto;
margin-top: 2.5vh;
margin-bottom: 2.5vh;
border-width: 3px;
}

footer span.w-25-c {
color: var(--b-25-c);
}

/*------------------------ Content ------------------------*/

section#content {
background: linear-gradient(var(--p-4-c), var(--w-0-c));
margin: 16vh 16vh 0 16vh;
border-radius: 50px;
overflow: hidden;
}

section#content a.link {
color: var(--p-1-c);
padding: 0;
margin: 0;
display: inline-block;
}

section#content a.link:hover, section#content a.link:focus {
margin: 0;
color: var(--s-1-c);
}

ul.section-tabs {
border-radius-top-left: 50px;
border-radius-top-right: 50px;
}

ul.section-tabs li {
padding: 5vh 0;
background: var(--w-50-c);
}

ul.section-tabs li.active {
background: var(--w-0-c);
}

ul.section-tabs li a {
color: var(--p-2-c);
padding: 0.3rem 1rem;
}

ul.section-tabs li a:hover, ul.section-tabs li a:focus {
color: var(--p-1-c);
}

div#cover {
height: 50vh;
padding: 10vh 5vw;
background: url("https://techniya.com/assets/images/branding/techniya-gradient-green-arab-world.svg") no-repeat -33vw 66%;
background-size: 100%;
position: relative;
}

div#cover.dark {
height: 50vh;
padding: 10vh 5vw;
background: url("https://techniya.com/assets/images/branding/techniya-gradient-white-arab-world.svg") no-repeat -33vw 66%;
background-size: 100%;
position: relative;
}

div#cover h1 {
font-size: 5rem;
line-height: 5rem;
}

div#cover h3 {
display: block;
line-height: 6rem;
height: 6rem;
}

div#cover h4 {
width: 15%;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
margin: 0;
bottom: 0;
right: 42.5%;
position: absolute;
}

.box-icon-1 {
padding: 40px;
}

.box-icon-1 a {
color: var(--w-c);
}

.box-icon-1 i {
font-size: 5rem;
line-height: 5rem;
margin-bottom: 10px;
color: var(--s-1-c);
}

div#message {
padding: 10vh 0 5vh 0;
color: var(--w-c);
position: relative;
}

div#message h4 {
width: 20%;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
margin: 0;
top: 0;
right: 40%;
position: absolute;
}

div#message a, div#message a:hover, div#message a:focus {
color: var(--w-c);
margin: 0 5px;
}

div#description {
padding: 10vh 0 5vh 0;
min-height: 66vh;
color: var(--w-c);
z-index: 1;
position: relative;
}

div#description h4 {
width: 15%;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
margin: 0;
top: 0;
right: 42.5%;
position: absolute;
}

div#description a {
color: var(--w-c);
padding: 10px 25px;
border-radius: 10px;
border: 3px solid var(--w-c);
margin: 4vh 0 0 2vh;
display: inline-block;
}

div#description a:hover, div#description a:focus {
color: var(--p-2-c);
background: var(--w-c);
}

.description {
position: relative;
background-color: var(--w-c);
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
animation: brand-bg 30s infinite;
}

div#testimonials {

}

a.video {
position: relative;
filter: opacity(75%);
outline: 0;
display: block;
margin-bottom: 30px;
}

a.video:hover, a.video:focus {
filter: opacity(100%);
}

a.video img {
min-width: 100%;
border-radius: 25px;
}

a.video i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: var(--w-c);
font-size: 6rem;
}

a.photo img {
min-width: 100%;
border-radius: 25px;
margin: 20px;
}

div#tweets iframe {
height: 35vh;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}

div.tweet {
position: relative;
margin-bottom: 15px;
}

div.tweet-fade {
bottom: 0;
height: 17.5vh;
width: 100%;
background: linear-gradient(transparent, var(--p-4-c), var(--p-4-c));
position: absolute;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}

div.tweet-fade.dark {
background: linear-gradient(transparent, #15202b, #15202b);
}

div#success img {
border-radius: 100%;
margin-top: 10px;
}

div#success a {
color: var(--p-2-c);
padding: 10px 25px;
border-radius: 10px;
border: 3px solid var(--p-2-c);
margin: 4vh 0 0 2vh;
display: inline-block;
}

div#success a:hover, div#success a:focus {
color: var(--w-c);
background: var(--p-2-c);
}

div#impact {
margin-top: 5vh;
padding: 15vh 0 10vh 0;
position: relative;
}

div#impact h1 {
background-image: url("https://techniya.com/assets/images/backgrounds/impact.svg");
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
font-size: 4.5rem;
}

div#impact h1 span {
font-size: 1.5rem;
}

div#impact p {
margin: 2.5vh 0;
}

div#impact h4 {
width: 40%;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
margin: 0;
top: 0;
right: 30%;
position: absolute;
}

div#thank {
padding-top: 5vh;
}

div#thank img.circle {
max-width: 100px;
}

div#thank hr {
border-color: var(--w-50-c);
width: 20%;
padding: 0;
margin: 0 auto;
margin-top: 2.5vh;
margin-bottom: 2.5vh;
border-width: 3px;
}

div#events {
padding-top: 5vh;
}

div#events a, div#events a:hover, div#events a:focus {
color: var(--p-4-c);
}

div.panel-cover {
border-top-left-radius: 15px;
border-top-right-radius: 15px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}

div.panel {
margin-bottom: 25px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
padding: 10px 25px;
}

div.panel img {
max-width: 48px;
border-radius: 100%;
background: var(--p-4-c);
margin: 0 0 5px 5px;
}

span.tag {
color: var(--w-c);
padding: 3px 10px;
margin: 5px 2.5px 0 2.5px;
display: inline-block;
border-radius: 5px;
}

div#participants {
padding-top: 5vh;
}

div#participants img {
border-top-left-radius: 15px;
border-top-right-radius: 15px;
width: 100%;
}

div#participants a, div#participants a:hover, div#participants a:focus {
color: var(--p-4-c);
margin: 0 5px;
}

.banner {
margin-bottom: 5vh;
padding: 2.5vh;
}

.banner a, .banner a:hover, .banner a:focus {
color: var(--w-c);
}

div#team {
padding: 5vh 0;
}

div#team a, div#team a:hover, div#team a:focus {
color: var(--p-1-c);
margin: 0 0 0 5px;
}

div#members {
padding-top: 5vh;
padding-bottom: 5vh;
}

div#top-cover {
border-radius: 50px 50px 0 0;
position: relative;
}

div#top-cover img {
max-height: 35%;
position: absolute;
z-index: 1;
}

div#top-cover h1 {
z-index: 1;
}

div#demo {
padding-bottom: 5vh;
}

div#demo img {
border-radius: 50px;
}

div#demo a, div#demo a:hover, div#demo a:focus {
color: var(--p-4-c);
margin: 0 5px;
}

.content-hr {
border-color: var(--s-1-c);
width: 20%;
padding: 0;
margin: 0 auto;
margin-top: 2.5vh;
margin-bottom: 2.5vh;
border-width: 3px;
}

div#skill-results {
direction: ltr;
}

div#skill-results label {
border: 1px solid var(--b-25-c);
margin: 0 7px 7px 0;
padding: 3.5px 7px 0 7px;
color: var(--p-2-c);
border-radius: var(--b-r-s);
display: inline-block;
}

div#skill-results i {
color: var(--s-1-c);
margin-left: 7px;
}

div#skill-results label:hover, div#skill-results label:focus {
border-color: var(--s-1-c);
}

/*------------------------ Media Queries ------------------------*/

@media screen and (max-width: 39.9375em) {
p {
font-size: 1.25rem;
}
.box-icon-1 {
padding: 20px;
}
.box-icon-1 i {
font-size: 3.33rem;
line-height: 3.33rem;
}
header i {
font-size: 1.5rem;
}
header img.circle {
width: 1.5rem;
}
header img {
width: 66vh; 
}
section#content {
border-radius: 25px;
margin: 12vh 2vh 0 2vh;
}
ul.section-tabs {
border-radius-top-left: 25px;
border-radius-top-right: 25px;
}
div#cover, div#cover.dark {
height: 37.5vh;
padding: 2vh 5vw;
background-position: -45vw 100%;
background-size: 120%;
}
div#cover h1 {
font-size: 2.25rem;
line-height: 2rem;
}
div#cover h3 {
font-size: 1.125rem;
}
div#cover h4 {
width: 25%;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
right: 37.5%;
}
div#message {
padding: 10vh 5vh 5vh 5vh;
}
div#message h4 {
width: 30%;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
right: 35%;
}
div#description {
padding: 10vh 5vh 5vh 5vh;
color: var(--w-c);
}
div#description h4 {
width: 25%;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
right: 37.5%;
}
div#description a {
padding: 5px 12.5px;
margin: 4vh 0 0 0;
display: block;
text-align: center;
}
a.video {
margin-bottom: 15px;
}
a.video img {
min-width: 90%;
width: 90%;
border-radius: 12.5px;
}
a.video i {
font-size: 3rem;
}
a.photo img {
min-width: 90%;
width: 90%;
border-radius: 12.5px;
margin: 10px;
}
div#tweets {
margin-top: 1.5vh;
}
div.tweet-fade {

}
div.panel {
margin-bottom: 15px;
padding: 5px 12.5px;
}
div.panel h4 {
font-size: 1.125rem;
}
div.panel span {
font-size: 0.875rem;
}
div#top-cover {
border-radius: 25px 25px 0 0;
}
div#top-cover img {
max-height: 50%;
max-width: 60%;
}
div#demo img {
border-radius: 25px;
}
div#invite {
background-size: auto 75%;
}
div#invitation ul {
display: unset;
text-align: right;
}
div#invitation ul li {
display: contents;
}
div#invitation ul i {
margin-left: 5px;
}
}

@media screen and (min-width: 40em) {}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
section#content {
border-radius: 25px;
margin: 12vh 5vh 0 5vh;
}
ul.section-tabs {
border-radius-top-left: 25px;
border-radius-top-right: 25px;
}
div#cover, div#cover.dark {
height: 40vh;
padding: 4vh 5vw;
background-position: -67.5vw 70%;
background-size: 125%;
}
div#cover h1 {
font-size: 3.75rem;
line-height: 3rem;
}
div#cover h3 {
font-size: 1.75rem;
}
}

@media screen and (min-width: 64em) {}

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
div#cover, div#cover.dark {
height: 66vh;
}
}

* {

}