/***
* Version: 1.0
* Tested up to: 7.4
* Requires PHP: 8.0
* Theme Name: ByteNest Group
* Text Domain: ByteNest Group
* Author: Abolfazl Shoja Dizaj
* Author URI: https://bytenestgroup.com
***/

/*** Begin ByteNest Group Font Face Orbitron ***/
@font-face {
font-style: normal;
font-weight: normal;
font-family: "orbitron";
src: url("../assets/fonts/orbitron/orbitron.ttf") format("ttf");
}
/*** End ByteNest Group Font Face Orbitron ***/

/*** Begin ByteNest Group Root ***/
:root {
--primary-color: rgba(27, 33, 40, 0.95);
--secondary-color: rgba(27, 33, 40, 0.95);

--primary-link: rgba(42, 42, 42, 0.92);
--secondary-link: rgba(1, 209, 245, 0.92);

--primary-head: rgba(75, 93, 112, 0.92);
--secondary-head: rgba(1, 209, 245, 0.92);

--primary-bg: rgba(255, 255, 255, 0.92);
--secondary-bg: rgba(255, 255, 255, 1);

--primary-navbar-bg: rgba(2, 217, 245, 0.92);

--primary-navbar-link: rgba(43, 53, 74, 0.92);
--secondary-navbar-link: rgba(75, 93, 112, 0.92);

--primary-icons: rgba(43, 53, 74, 0.92);
--secondary-icons: rgba(1, 209, 245, 0.92);

--primary-border: rgba(225, 225, 225, 0.92);
--secondary-border: rgba(1, 209, 245, 0.92);

--primary-shadow: rgba(0, 0, 0, 0.25);
--secondary-shadow: rgba(255, 255, 255, 0.92);

--primary-table: rgba(215, 215, 215, 0.92);
--secondary-table: rgba(75, 93, 112, 0.95);
--tertiary-table: rgba(75, 93, 112, 0.95);
}

/*** End ByteNest Group Root ***/

/*** Begin ByteNest Group Main Tag ***/
* {
box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
/*** End ByteNest Group Main Tag ***/

/*** Begin ByteNest Group HTML Tag ***/
html {
width: 100vw;
height: 100vh;
direction: ltr;
}
/*** End ByteNest Group HTML Tag ***/

/*** Begin ByteNest Group Body Tags ***/
body {
margin: 0;
line-height: 1.8;
overflow-y: scroll;
color: var(--primary-color);
overflow-x: hidden !important;
background-color: var(--primary-bg);
}
/*** End ByteNest Group Body Tags ***/

/*** Begin ByteNest Group Link Style ***/
a:link,
a:active,
a:visited {
transition: all 0.3s;
text-decoration: none;
-otransition: all 0.3s;
font-family: "orbitron";
color: var(--primary-link);
-ms-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
}

a:hover {
text-decoration: none;
color: var(--secondary-link);
}
/*** End ByteNest Group Link Style ***/

/*** Begin Rainbow ***/
#rainbow {
display: flex;
-o-display: flex;
-ms-display: flex;
-moz-display: flex;
-webkit-display: flex;
}

#rainbow > div {
height: 0.35vh;
width: calc(5% + 2%);
}

#rainbow > .rainbow_feild_l1 {background-color: #ff0000;}
#rainbow > .rainbow_feild_l2 {background-color: #ffff30;}
#rainbow > .rainbow_feild_l3 {background-color: #adad00;}
#rainbow > .rainbow_feild_l4 {background-color: #0000ff;}

#rainbow > .rainbow_feild_l5 {background-color: #ff0000;}
#rainbow > .rainbow_feild_l6 {background-color: #ffff30;}
#rainbow > .rainbow_feild_l7 {background-color: #adad00;}
#rainbow > .rainbow_feild_l8 {background-color: #0000ff;}

#rainbow > .rainbow_feild_l9 {background-color: #ff0000;}
#rainbow > .rainbow_feild_l10 {background-color: #ffff30;}
#rainbow > .rainbow_feild_l11 {background-color: #adad00;}
#rainbow > .rainbow_feild_l12 {background-color: #0000ff;}

#rainbow > .rainbow_feild_l13 {background-color: #ff0000;}
#rainbow > .rainbow_feild_l14 {background-color: #ffff30;}
#rainbow > .rainbow_feild_l15 {background-color: #adad00;}
#rainbow > .rainbow_feild_l16 {background-color: #0000ff;}

#rainbow > .rainbow_feild_l17 {background-color: #ff0000;}
#rainbow > .rainbow_feild_l18 {background-color: #ffff30;}
#rainbow > .rainbow_feild_l19 {background-color: #adad00;}
#rainbow > .rainbow_feild_l20 {background-color: #0000ff;}
/*** End Rainbow ***/

/*** Begin ByteNest Group Main Header ***/
#main_header {
width: 100%;
overflow: hidden !important;
background-color: var(--primary-bg);
box-shadow: 0 1px 2px var(--primary-shadow);
}

#main_header > .logo {
display: flex;
align-items: center;
flex-flow: column wrap;
justify-content: center;
padding: 0.5rem 0 0.5rem 0;
}

#main_header > .logo img {
height: auto;
max-width: 220px;
padding: 8px 0 0 0; 
}
/*** End ByteNest Group Main Header ***/

/*** Begin ByteNest Group Main Navbar ***/
#main_navbar {
width: 100%;
overflow: hidden !important;
background-color: var(--primary-navbar-bg);
box-shadow: 0 1px 2px var(--primary-shadow);
}

#main_navbar > .menu {
width: 100%;
height: 2vh;
display: flex;
align-items: center;
flex-flow: row nowrap;
justify-content: center;
}

#main_navbar > .menu ul, #main_navbar > .menu li {
list-style: none;
list-style-type: none;
}

#main_navbar > .menu li {
padding: 0 8px 0 8px;
}

#main_navbar > .menu i {
margin: 0 6px 0 0;
}

#main_navbar > .menu a:link,
#main_navbar > .menu a:active,
#main_navbar > .menu a:visited {
font-weight: bold;
transition: all 0.3s;
text-decoration: none;
-otransition: all 0.3s;
font-family: "orbitron";
-ms-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
color: var(--primary-navbar-link);
}

#main_navbar > .menu a:hover {
font-weight: bold;
text-decoration: none;
color: var(--secondary-navbar-link);
}
/*** End ByteNest Group Navbar ***/

/*** Begin ByteNest Group Title Style ***/
.main_title {
display: flex;
align-items: center;
flex-flow: row nowrap;
justify-content: center;
}
/*** End ByteNest Group Title Style ***/

/*** Begin ByteNest Group Solutions & Services ***/
#service {
background-color: var(--primary-bg);
box-shadow: 0 1px 2px var(--primary-shadow);
}

#service > .web_services {
padding: calc(5px + 1%);
}

#service > .web_services > .service_items {
gap: 10px;
display: flex;
align-items: center;
flex-flow: row nowrap;
justify-content: center;
}

#service > .web_services > .service_items > .service_box {
flex-grow: 1;
width: 220px;
height: 220px;
display: flex;
align-items: center;
flex-flow: column wrap;
border-radius: 0.45rem;
justify-content: center;
margin: -1.8vw 2.2vw 0 0;
transform-origin: center;
background-color: var(--primary-bg);
border: 1px solid var(--primary-border);
box-shadow: 0 2px 3.5px var(--primary-shadow);
}

#service > .web_services > .service_items > .service_box a {
display: flex;
font-size: 1.1rem;
font-weight: bold;
align-items: center;
text-decoration: none;
flex-flow: column wrap;
justify-content: center;
}

#service > .web_services > .service_items > .service_box i {
font-size: 2.5rem;
margin: 0 0 1vw 0;
color: var(--secondary-icons);
}
/*** End ByteNest Group Solutions & Services ***/

/*** Begin ByteNest Group Table Price ***/
#price_table {
gap: 5px;
width: 100%;
display: flex;
align-items: center;
flex-flow: row nowrap;
justify-content: center;
background-color: var(--primary-bg);
}

#price_table > div {
margin: 0 calc(20px + 2%) calc(20px + 2%) calc(20px + 2%);
border: 1px solid var(--secondary-border);
box-shadow: 0 2px 3.5px var(--primary-shadow);
}

#price_table img {
width: 180px;
height: auto;
display: block;
padding-top: 1vw;
}

#price_table p {
width: 100%;
margin: auto;
display: flex;
align-items: center;
flex-flow: column wrap;
justify-content: center;
}

#price_table .order-btn {
width: 100%;
outline: none;
display: block;
cursor: pointer;
font-size: 1rem;
text-align: center;
padding: 12px 8px;
font-family: "orbitron";
border-radius: 0.35rem 0.35rem 0 0;
border: 1px solid var(--primary-border);
background-color: var(--primary-navbar-bg);
box-shadow: 0 2px 3.5px var(--primary-shadow);
}

#price_table > .card {
height: 50vh;
flex-grow: 1;
display: flex;
align-items: center;
flex-flow: column wrap;
border-radius: 0.35rem;
border: 1px solid var(--primary-border);
box-shadow: 0 2px 3.5px var(--primary-shadow);
}

.payment {
width: 100%;
display: block;
font-weight: bold;
text-align: center;
color: var(--secondary-bg);
background-color: var(--primary-navbar-bg);
}
/*** End ByteNest Group Table Price ***/

/*** Begin ByteNest Group Main Footer ***/
#main_footer {
width: 100%;
padding: 0 1vw 0 1vw;
overflow: hidden !important;
background-color: var(--primary-bg);
border-bottom: 1px solid var(--secondary-border);
}

#main_footer > .copyright {
display: flex;
align-items: center;
flex-flow: row nowrap;
justify-content: space-between;
border-top: 1px solid var(--primary-border);
}

#main_footer > .copyright > .copyright_text {
font-size: 14px;
}

#main_footer > .copyright > .copyright_text a,
#main_footer > .copyright > .copyright_text i {
margin: 0 6px 0 0;
}

#main_footer > .copyright > .social_media ul {
gap: 15px;
display: flex;
list-style: none;
align-items: center;
list-style-type: none;
flex-flow: row nowrap;
}

#main_footer > .copyright > .social_media i {
font-size: 1.35rem;
}

#main_footer > .footer_bar {
display: flex;
align-items: center;
flex-flow: row nowrap;
justify-content: space-around;
}

#main_footer > .footer_bar > .footer_items {
display: flex;
padding: 20px 0;
align-items: center;
flex-flow: column wrap;
justify-content: center;
}

#main_footer > .footer_bar > .footer_items ul {
line-height: 2.2;
list-style: none;
list-style-type: none;
}

#main_footer > .footer_bar > .footer_items i {
font-size: 1.5rem;
margin: 0 6px 0 0;
color: var(--secondary-icons);
}

#main_footer > .footer_bar > .footer_items h2 {
margin: 0 0 -8px 0;
}

#main_footer > .footer_bar > .footer_items a {
font-family: "orbitron";
}
/*** End ByteNest Group Main Footer ***/