@font-face {
font-family: Roboto;
src: url(/wp-content/themes/Simorghict/css/fonts/roboto.ttf);
}
@font-face {
font-family: Roboto Condensed;
src: url(/wp-content/themes/Simorghict/css/fonts/roboto-condensed-bold.ttf);
}
@font-face {
font-family: 'yekan';
src: url(/wp-content/themes/Simorghict/css/Yekan.eot);
src: local('B Yekan'), url(/wp-content/themes/Simorghict/css/fonts/Yekan.woff) format('woff'), url(/wp-content/themes/Simorghict/css/fonts/Yekan.ttf) format('truetype'), url(/wp-content/themes/Simorghict/css/fonts/Yekan.svg) format('svg');
font-weight: normal;
font-style: normal;
}
body {
margin: 0;
padding: 0;
text-align: center;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-weight: 700;
margin: 0;
}
p {
margin: 0;
} #logo a {
display: block;
position: fixed;
top: 0;
left: 0;
height: 120px;
width: auto;
z-index: 9999;
text-decoration: none;
background: rgba(255, 255, 255, 0.9);
}
#logo h1 {
font-size: 0.8em;
text-align: left;
padding-left: 1px;
color: rgba(255, 255, 255, 0.1);
position: absolute;
top: 80px;
font-family: 'yekan', IRANsans;
left: 15px;
font-weight: 600;
}
#logo p {
text-align: left;
font-size: 0.7em;
font-family: Yekan;
color: #1e5b4c;
padding-left: 8px;
position: absolute;
top: 95px;
left: 7px;
font-weight: 700;
}
#logo h2 {
text-align: left;
font-size: 0.75em;
font-family: arial;
color: #b11f24;
padding-left: 5px;
position: absolute;
top: 129px;
letter-spacing: 0.9px;
font-weight: bold;
left: 10px;
}
img.simorghictlogo {
}
#menu_button a {
background: #fff url(/wp-content/themes/Simorghict/css/images/menu_icon.svg) no-repeat;
display: block;
position: fixed;
height: 80px;
width: 80px;
z-index: 99;
background-size: 50px;
background-position: center;
}
div#menu_button {
display: block;
position: fixed;
top: 0;
right: 0;
height: 80px;
width: 80px;
z-index: 99999999999999999999997;
}
.main-menu {
line-height: 1;
}
#menu-main ul {
line-height: 1;
}
#menu-main li {
display: block;
text-align: center;
}
#menu-main li a {
color: #ffffff;
text-decoration: none;
font-size: 6.5em;
font-weight: 800; text-transform: uppercase;
transition:0.2s;
font-family: Roboto Condensed, sans-serif;
}
#menu-main li a:hover {
color: #000;
transition:0.2s;
}
#lang a {
height: 30px;
width: 80px;
z-index: 11;
display: block;
}
#lang {
position: fixed;
right: 0;
top: 81px;
z-index: 999999999999999999999;
height: 25px;
background: #fff;
-webkit-transition: background 0.2s linear;
-moz-transition: background 0.2s linear;
-o-transition: background 0.2s linear;
transition: background 0.2s linear;
background-image: url(/wp-content/themes/Simorghict/css/images/farsi.png);
width: 80px;
border-bottom-left-radius: 15px;
border-top-right-radius: 15px;
}
#lang:hover {
background: #b11f24;
background-image: url(/wp-content/themes/Simorghict/css/images/persian-hover.png);
-webkit-transition: background 0.2s linear;
-moz-transition: background 0.2s linear;
-o-transition: background 0.2s linear;
transition: background 0.2s linear;
border-bottom-left-radius: 15px;
border-top-right-radius: 15px;
} .slider {
overflow: hidden;
}
.line-slider {
background: url(/wp-content/themes/Simorghict/css/images/line_slider.png) no-repeat 0 0;
position: absolute;
right: 0px;
width: 549px;
height: 401px;
z-index: 9;
bottom: -150px;
}
#n2-ss-1-arrow-previous img.n2-ow {
position: relative;
left: 10px;
bottom: 0px;
}
#n2-ss-1-arrow-next img.n2-ow {
position: relative;
right: 10px;
} #solutions h2 {
font-size: 4em;
font-style: italic;
font-family: "Playfair Display";
font-weight: 400;
}
#solutions p {
font-size: 1.7em;
text-align: justify;
font-family: "Roboto";
text-rendering: optimizeLegibility;
margin-top: 10px;
color: #252525;
font-weight: 300;
}
#solutions a {
padding: 50px 0px;
display: inline-block;
font-size: 1.5em;
text-decoration: none;
font-style: italic;
transition: 0.3s;
color: #000;
}
#solutions a:hover {
color:red;
transition: 0.3s;
}
div#solutions {
width: 50%;
text-align: center;
margin: 0 auto;
}
#solutions-bg {
background: url(/wp-content/themes/Simorghict/css/images/line_03.png) no-repeat center right;
padding: 20px 0 80px 0;
background-color: rgb(237, 237, 237);
}
#solutions-bg-ehtesham {
background: url(/wp-content/themes/Simorghict/css/images/line_02.png) no-repeat bottom left;
padding: 20px 0 80px 0;
background-color: rgb(237, 237, 237);
}
#inner-page ul li {
font-size: 1.7em;
text-align: justify;
font-family: "Roboto";
} div#portfolio {
width: 100%;
background-color: #000;
height: auto;
}
.portfolio-post {
position: relative;
width: 25%;
float: left;
background: #000;
}
.img-portfolio {
opacity: 1;
display: grid;
width: 100%;
height: 100%;
transition: .5s ease;
backface-visibility: hidden;
}
.portfolio-post-more {
width: 25%;
height: auto;
float:right;
}
img.img-portfolio-more {
width: 100%;
height: auto;
}
.img-portfolio img {
width: 100%;
height: auto;
}
.middle {
transition: .5s ease;
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%)
}
.portfolio-post:hover .img-portfolio {
opacity: 0.3;
}
.portfolio-post:hover .middle {
opacity: 1;
}
.text-portfolio {
color: #fff;
font-size: 3em;
font-family: Roboto;
font-weight: 700;
text-transform: capitalize;
}
.page .text-portfolio {
font-size: 2.2em;
} #our-solutions h2 {
font-size: 4em;
font-style: italic;
font-family: "Playfair Display";
font-weight: 400;
padding-top: 100px;
}
#solutions h2 {
font-size: 4em;
font-style: italic;
font-family: "Playfair Display";
font-weight: 400;
padding-top: 100px;
}
.boxes-solution {
display: inline-block;
width: 30%;
padding: 10px 0px;
vertical-align: middle;
}
.title-solution {
font-family:Roboto;
font-weight: 400;
}
.boxes-solution .title-solution  {
padding: 5px 0;
width: 60%;
margin: 0 auto;
color: #252525;
font-weight: 400;
}
div#our-solutions {
width: 65%;
margin: 0 auto;
}
a.more {
padding: 50px 0px;
display: inline-block;
font-size: 1.5em;
text-decoration: none;
transition: 0.3s;
color: #000;
}
.img-solution {
min-height: 110px;
}
.more-span {
font-style: italic;
transition: 0.3s;
}
.more-span:hover {
font-style: italic;
transition: 0.3s;
color:red;
} #client h2 {
font-size: 4em;
font-style: italic;
font-family: "Playfair Display";
font-weight: 400;
padding-top: 100px;
}
#client p {
font-size: 1.7em;
text-align: center;
font-family: "Roboto";
text-rendering: optimizeLegibility;
width: 100%;
margin: 0 auto;
margin-top: 10px;
line-height: 1.5;
color: #252525;
font-weight: 300;
}
#client {
margin: 0 auto;
width: 75%;
}
#client-bg {
background: url(/wp-content/themes/Simorghict/css/images/line_04.png) no-repeat left 10%;
}
#client-bg-line {
background: url(/wp-content/themes/Simorghict/css/images/line_05.png) no-repeat right 90% ;
}
.boxes-client {
display: inline-block;
width: 100%;
padding: 10px 20px;
vertical-align: middle;
margin: 10px 0px 5px 0px;
}
.img-client {
display: inline-block;
width: 20%;
height: auto;
padding: 30px 10px;
}
.img-client img {
opacity: 0.9;
transition: 0.3s;
}
.img-client img:hover {
opacity: 1;
transition: 0.3s;
}
a.more-client {
padding: 50px 0px;
display: block;
font-size: 1.5em;
text-decoration: none;
transition: 0.3s;
color: #000;
} #contact h2 {
font-size: 4em;
font-style: italic;
font-family: "Playfair Display";
font-weight: 400;
padding-top: 100px;
color: #fff;
padding-bottom: 35px;
}
#contact-bg {
background-color: rgb(59, 59, 59);
padding-bottom: 50px;
}
div#contact {
width: 70%;
margin: 0 auto;
}
.contact-left {
display: inline-block;
width: 40%;
float: left;
text-align: left;
}
.contact-left a {
color: #fff;
text-decoration: blink;
}
.contact-right {
display: inline-block;
width: 40%;
text-align: left;
}
.contact-left h6 {
font-family: Roboto;
font-style: italic;
color: #fff;
padding: 10px 0px 10px 0px;
font-size: 2em;
font-weight: 500;
text-transform: lowercase;
}
.contact-left p  , .contact-left span{
font-size: 1.2em;
font-family: Roboto;
color: #fff;
padding: 15px 0px;
}
.contact-right input , .contact-right textarea {
width: 100%;
padding: 10px 10px;
margin: 2px 0;
}
input.wpcf7-form-control.wpcf7-submit {
background: #0d0d0d;
color: #fff;
width: 15%;
border: 1px solid #000;
font-family: Roboto;
font-weight: 400;
letter-spacing: 0.6px;
font-size: 15px;
cursor: pointer;
}
div.wpcf7-mail-sent-ng {
border: 2px solid #ff0000;
color: #fff;
font-family: Roboto;
} #Google-Map {
height: auto;
width: 100%;
overflow: auto;
} footer {
background: #1c2739;
min-height: 160px;
font-size: 14px;
font-family: 'Roboto';
font-weight: 400;
}
.row {
width: 80%;
margin: 0 auto;
}
.left-copyright , .logofooter , .right-footer{
display: inline-block;
width: 33.3%;
float: left;
}
.right-footer {
padding-top: 70px;
}
ul#menu-footer {
padding: 0;
}
.left-copyright {
padding-top: 65px;
color: #fff;
font-size: 1.1em;
}
.logofooter  {
padding-top: 30px;
}
.logofooter img {
width: auto;
height: 100px;
}
ul.slides {
display: inline-block;
}
li.slide {
display: inline-block;
padding: 0px 10px;
}
footer .menu ul {
display: inline-block;
margin: 0;
padding: 0;
padding-bottom: 10px;
}
footer .menu li {
display: inline-block;
padding: 0 2px;
}
footer .menu li:after {
content: '/';
padding-left: 5px;
color: #fff;
}
footer .menu li:last-child:after {
display:none;
}
footer .menu li a{
color: #fff;
text-transform: capitalize;
text-decoration: none;
transition: 0.3s;
}
footer .menu li a:hover {
color: #b11f24;
transition: 0.3s;
}
.social_area {
text-align: center;
}
.social_area ul.slides {
padding: 0;
}
div#openModal {
background-color: #b11f24;
}
#openModal .main-menu {
position: fixed;
top: 50%;
left: 50%; transform: translate(-50%, -50%);
}
.modalDialog {
position: fixed;
font-family: Arial, Helvetica, sans-serif;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #fff;
z-index: 99999999999999999999998;
opacity:0;
-webkit-transition: opacity 200ms ease-in;
-moz-transition: opacity 200ms ease-in;
transition: opacity 200ms ease-in;
pointer-events: none;
overflow: inherit;
}
.modalDialog:target {
opacity:1;
pointer-events: auto;
outline: 0;
}
.modalDialog > div {
width: 98%;
height: 100%;
position: relative;  border-radius: 10px; margin: auto;
}
.close {
color: #fff;
line-height: 50px;
position: absolute;
right: 0px;
text-align: center;
top: 0px;
width: 50px;
text-decoration: none;
border-radius: 50%;
font-size: 3.5em;
z-index: 99999999999999999999998;
}
#header .menu ul li a {
font-size: 5em;
color: #fff;
text-decoration: blink;
transition: 0.2s;
text-transform: uppercase;
}
#header .menu ul li a:hover {
font-size: 5em;
color: #000;
text-decoration: blink;
transition: 0.2s;
}
#header .menu ul li {
list-style-type: none;
}
#openModal .menu ul {
padding : 0;
margin : 0;
}
#openModal .menu {
padding : 10%;
} h2.title-contact-us-inner-page {
font-size: 5em;
font-style: italic;
font-family: "Playfair Display";
font-weight: 400;
padding-top: 100px;
}
.content-contact-us-inner-page {
font-size: 1.7em;
text-align: left;
font-family: "Roboto";
text-rendering: optimizeLegibility;
margin-top: 10px;
padding-bottom: 50px;
width: 70%;
padding-top: 50px;
margin: 0 auto;
} main#inner-page {
width: 100%;
max-width: 50%;
margin: 0 auto;
}
.about-us {
background: #ededed url(/wp-content/themes/Simorghict/css/images/line_06.png) no-repeat 3% top;
color: #252525;
padding: 160px 0 0 0;
overflow: hidden;
}
.about-us h3 {
font-size: 2.5em;
font-style: italic;
font-family: "Playfair Display";
font-weight: 400;
}
.about-us h2 {
font-size: 4em;
font-style: italic;
font-family: "Playfair Display";
font-weight: 400;
}
.about-us p {
font-size: 1.7em;
text-align: justify;
font-family: "Roboto";
text-rendering: optimizeLegibility;
margin-top: 10px;
}
#personal {
overflow: hidden;
text-align: center;
height: auto;
margin-top: 100px;
}
.subtext-portfolio {
color: #fff;
font-size: 1em;
font-family: Roboto;
font-weight: 100;
} .title-solution-inner-page {
font-size: 5em;
font-style: italic;
font-family: "Playfair Display";
font-weight: 400;
padding-top: 100px;
}
.content-solution-inner-page {
font-size: 1.7em;
text-align: center;
font-family: "Roboto";
text-rendering: optimizeLegibility;
margin-top: 10px;
padding-bottom: 150px;
}
.sol {
background: #ededed url(/wp-content/themes/Simorghict/css/images/line_10.png) no-repeat 0 0%;
}
.slides-sol {
background: #fff;
padding: 20px 0 20px 0 ;
background: #fff url(/wp-content/themes/Simorghict/css/images/line_03.png) no-repeat center right;
}
.slide-sol {
display: inline-block;
width: 25%;
text-align: center;
padding: 20px 0;
}
.slide-sol h2 {
font-family: Roboto;
color: #6f6f6f;
font-size: 1.2em;
font-weight: 500;
}
.container-solution {
width: 75%;
margin: 0 auto;
} h3.titleourclient {
text-align: center;
font-size: 60px;
font-weight: normal;
font-style: italic;
font-family: 'Playfair Display', serif;
}
.clients-page {
background: #ededed url(/wp-content/themes/Simorghict/css/images/line_06.png) no-repeat 3% top;
color: #252525;
padding: 160px 0 0 0;
}
.clients-page  .inner-content {
font-size: 1.7em;
text-align: center;
font-family: "Roboto";
text-rendering: optimizeLegibility;
width: 60%;
margin: 0 auto;
padding: 20px 0 20px 0;
}
.container-solution-cln {
width: 100%;
overflow: hidden;
height: auto;
}
.card {
width: 25%;
position: relative;
display: grid;
overflow: initial;
padding: 0;
margin: 0;
float: left;
}
.first-image {
width: 100%;
}
.card .img-top {
opacity:0;
position: absolute;
top: 0;
left: 0;
z-index: 99;
width: 100%;
transition: opacity .7s ease-in-out;
-moz-transition: opacity .7s ease-in-out;
-webkit-transition: opacity .7s ease-in-out;
}
.card:hover .img-top {
opacity:1;
transition: opacity .7s ease-in-out;
-moz-transition: opacity .7s ease-in-out;
-webkit-transition: opacity .7s ease-in-out;
}
div#page {
overflow: hidden;
}
div#n2-ss-1 .nextend-arrow img {
max-height: 20px !important;
} .single-page {
background: #ededed url(/wp-content/themes/Simorghict/css/images/line_06.png) no-repeat 3% top;
}
h2.title-single-page {
font-size: 4em;
font-style: italic;
font-family: "Playfair Display";
font-weight: 400;
padding-top: 80px;
padding-bottom: 50px;
}
.single-page-img img {
max-width: 100%;
height: auto;
}
.content-single-page {
width: 60%;
max-width: 60%;
margin: 0 auto;
font-family: Roboto;
font-size: 2em;
text-align: left;
padding-top: 50px;
padding-bottom: 50px;
height: auto;
}
.single h2.title-single-page {
width: 50%;
margin: 0 auto;
text-align: left;
float: left;
padding-right: 20px;
padding-top: 200px;
} h3.title-works {
font-size: 4em;
font-style: italic;
font-family: "Playfair Display";
font-weight: 400;
padding-top: 100px;
}
.content-portfolio-works {
font-size: 1.7em;
text-align: justify;
font-family: "Roboto";
text-rendering: optimizeLegibility;
padding-top: 10px;
width: 60%;
margin: 0 auto;
padding-bottom: 70px;
}
.portfolio-in-page {
overflow: hidden;
}
a.view_site {
text-decoration: none;
font-family: roboto;
color: #fff;
padding: 15px 50px;
border-radius: 5px;
background-color: #b11f24;
-webkit-box-shadow: -1px 9px 11px -4px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 9px 11px -4px rgba(0,0,0,0.75);
box-shadow: -1px 9px 11px -4px rgba(0,0,0,0.75);
-webkit-transition: background 0.2s linear;
-moz-transition: background 0.2s linear;
-o-transition: background 0.2s linear;
transition: background 0.2s linear;
}
a.view_site:hover {
background-color: #f89420;
-webkit-transition: background 0.2s linear;
-moz-transition: background 0.2s linear;
-o-transition: background 0.2s linear;
transition: background 0.2s linear;
}
.head-single {
width: 60%;
margin: 0 auto;
height: auto;
overflow: hidden;
border-bottom: 1px solid #cecece;
}
.website {
float: right;
padding-top: 240px;
display: block;
text-align: right;
} .attachment .single-page {
min-height: 500px;
overflow: hidden;
padding-top: 250px;
}
.attachment .single-page .entry-title {
text-align: center;
font-family: 'Roboto';
font-size: 2em;
}
.attachment .single-page  {
overflow: hidden;
}
.attachment .single-page .entry-content {
float: none !important;
} .category  .page-title {
font-size: 4em;
font-style: italic;
font-family: "Playfair Display";
font-weight: 400;
padding-top: 100px;
margin-bottom: 100px;
}
.category article {
display: inline-block;
width: 24.8%;
}
.category .post-thumbnail img {
width: 100%;
border-radius: 50%;
height: auto;
border-bottom: 1px solid #e1e1e1;
border-top: 1px solid #e1e1e1;
transition: 0.4s;
}
.category .post-thumbnail img:hover {
transition: 0.4s;
-webkit-box-shadow: 1px 14px 132px -6px rgba(0,0,0,1);
-moz-box-shadow: 1px 14px 132px -6px rgba(0,0,0,1);
box-shadow: 1px 14px 132px -6px rgba(0,0,0,1);
}
.category  .entry-title a {
text-decoration: none;
color: #000;
font-family: Roboto;
}
.category  h2.entry-title {
text-transform: capitalize;
text-decoration: none;
padding: 0;
margin-bottom: 80px;
}
.category  nav.navigation.pagination {
display: none;
}
@media only screen and (max-width: 1366px) {
input.wpcf7-form-control.wpcf7-submit {
width:25%;
}
.line-slider {
bottom: -240px;
}
}
@media only screen and (max-width: 1024px) {
div#solutions {
width: 80%;
}
div#our-solutions {
width: 95%;
}
#our-solutions h2 {
padding-top: 50px;
padding-bottom: 50px;
}
#solutions-bg {
background: 0;
background-color: rgb(237, 237, 237);
}
#client-bg-line , #client-bg {
background: 0;
}
#client {
width: 90%;
}
.boxes-client {
padding: 0px 0px;
margin: 20px 0px 0px 0px;
}
div#contact {
width: 95%;
}
input.wpcf7-form-control.wpcf7-submit {
width: 25%;
}
.row {
width: 100%;
}
.left-copyright {
float: left;
}
.right-footer {
float: right;
}
.portfolio-post {
width: 50%;
}
main#inner-page {
max-width: 80%;
}
#personal .img-portfolio {
max-height: 513px;
}
.content-portfolio-works {
width: 75%;
}
.single-page .img-portfolio {
max-height: 512px;
}
.sol .slides-sol {
background: #fff;
}
.container-solution {
width: 100%;
}
.slide-sol {
padding: 20px 25px;
}
.card {
width: 49.7%;
}
.portfolio-post-more {
width: 50%;
}
.single h2.title-single-page {
width: 90%;
margin: 0 auto;
text-align: center;
float: none;
padding-right: 0;
padding-top: 200px;
}
.website {
float: none;
padding-top: 0;
display: block;
text-align: center;
margin-bottom: 50px;
}
}
@media only screen and (max-width: 888px) {
.portfolio-post {
width: 50%;
}
div#portfolio {
max-height: 5000px;
}
.portfolio-post-more {
width: 50%;
}
.left-copyright, .logofooter, .right-footer {
width: 33.3%;
}
#client {
width: 100%;
}
.img-client {
width: 25%;
}
header#header {
height: 80px;
position: fixed;
background: #fff;
z-index: 99999999999;
width: 100%;
}
.line-slider {
display: none;
}
#logo a {
height: 75px;
width: auto;
}
#logo h1 {
font-size: 0.5em;
top: 45px;
left: 5px;
width: 100px;
}
#logo p {
font-size: 8px;
padding-left: 8px;
top: 56px;
left: -2px;
letter-spacing: 0px;
}
#logo h2 {
font-size: 0.45em;
top: 70px;
letter-spacing: 0.4px;
left: 0;
color: #b11f24;
width: 220px;
}
img.simorghictlogo {
width: 180px;
float: none;
padding-top: 0;
height:auto;
}
.simorghlogo {
position: absolute;
left: 0;
height: auto;
max-width: 230px;
}
#header .menu ul li a {
font-size: 4em;
line-height:2;
}
}
@media only screen and (max-width: 768px) {
#client {
width: 90%;
}
#contact h2 {
padding-top: 20px;
}
.contact-left {
width: 100%;
float: none;
text-align: center;
}
.contact-right {
width: 90%;
text-align: center;
padding-top: 25px;
}
input.wpcf7-form-control.wpcf7-submit {
margin-top: 30px;
}
.contact-right input, .contact-right textarea {
padding: 10px 0px;
}
.row {
height: auto;
overflow: auto;
}
.left-copyright, .logofooter, .right-footer {
width: 100%;
}
.left-copyright {
padding-top: 30px;
}
.logofooter {
display: none;
}
ul.slides {
padding: 0;
}
ul#menu-footer {
padding: 0;
}
.right-footer {
padding-top: 10px;
}
ul#menu-main {
padding: 0;
}
#menu-main li a {
font-size: 3em;
}
.about-us {
background: #ededed
}
main#inner-page {
max-width: 95%;
}
.single-page {
background: #ededed
}
.content-portfolio-works {
width: 90%;
}
.sol {
background: #ededed
}
.content-solution-inner-page {
font-size: 1.6em;
width: 95%;
margin: 0 auto;
margin-top: 20px;
padding-bottom: 50px;
}
.slide-sol {
width: 40%;
}
.clients-page {
background: #ededed ;
}
.wpcf7-form-control-wrap {
text-align: -webkit-center;
text-align: -moz-center;
}
.head-single {
width: 100%;
}
.single .content-single-page {
width: 100%;
max-width: 100%;
}
#openModal .main-menu {
width:100%;
}
.slider {
padding-top : 80px;
}
div#n2-ss-2.n2-ss-mobile .n2-ss-widget-display-mobile.n2-ib {
display:none !important;
}
}
@media only screen and (max-width: 666px) {
.img-client {
width: 40%;
}
#client h2 {
padding-top: 25px;
}
.img-client {
width: 45%;
}
#contact h2 {
font-size: 3em;
padding-bottom: 10px;
}
.boxes-solution {
width: 45%;
}
a.more {
display: block;
}
.line-slider {
background: 0;
}
.about-us h2 {
font-size: 3em;
}
#header .menu ul li a {
line-height: 1.4;
font-size: 2.5em;
}
}
@media only screen and (max-width: 425px) {
#solutions h2 {
padding-top: 0px;
}
div#solutions {
width: 95%;
}
#solutions-bg-ehtesham {
background: 0;
padding: 20px 0 20px 0;
background-color: rgb(237, 237, 237);
}
.portfolio-post {
width: 100%;
background: #fff;
}
#client {
width: 100%;
}
.img-client img {
width: 100%;
}
#contact h2 {
font-size: 2.5em;
}
.portfolio-post-more {
width: 100%;
}
#menu-main li a {
font-size: 2.5em;
}
.img-client {
height: auto;
}
.about-us h2 {
font-size: 2.5em;
padding-bottom: 25px;
}
.card {
width: 100%;
}
.about-us .img-portfolio {
display: grid;
}
.img-portfolio {
display: block;
}
}
@media only screen and (max-width: 375px) {
.boxes-solution {
width: 100%;
}
.boxes-solution .title-solution {
width: 100%;
}
#solutions-bg {
padding: 20px 0 0px 0;
}
#client {
width: 95%;
}
.img-client img {
width: auto;
}
#client h2 {
font-size: 3.5em;
}
.img-client {
width: 100%;
padding: 15px 0px;
}
.about-us h2 {
font-size: 2.2em;
}
.about-us p {
font-size: 1.5em;
}
}
@media only screen and (max-width: 320px) {
.title-solution-inner-page {
font-size: 3em;
}
.contact-right {
width: 100%;
text-align: center;
padding-top: 25px;
}
#contact-bg {
overflow: hidden;
}
}
/*
     FILE ARCHIVED ON 19:04:10 Jul 14, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 07:07:34 Feb 14, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.827
  exclusion.robots: 0.025
  exclusion.robots.policy: 0.01
  esindex: 0.018
  cdx.remote: 8.67
  LoadShardBlock: 363.545 (3)
  PetaboxLoader3.datanode: 433.344 (5)
  PetaboxLoader3.resolve: 155.981 (3)
  load_resource: 527.343
  loaddict: 121.361
*/