/*================================================
Template name: Corzo Build Construction HTML Template
Version: 1.0.0
Author: Ahmed Ali Tariq   
Developer: Ahmed Ali Tariq  

[ Table of Contents ]

01: General css Style
  1.1: variables
  1.2: common css
  1.3: headings
  1.4: padding margin
  1.5: button-style
  1.6: section-title
02: preloader CSS
03: scroll-top button CSS
04: Sticky menu CSS
05: home 1 css Style
  5.1: menubar css Style
  5.2: banner css Style
  5.3: feature css Style
  5.4: newsletter css Style
  5.5: about css Style
  5.6: service css Style
  5.7: team css Style
  5.8: video css Style
  5.9: project css Style
  5.10: client css Style
  5.11: blog css Style
06: footer css Style
  6.1: footer top css Style
  6.2: footer bottom css Style
07: home 2 css Style
  7.1: menubar css Style
  7.2: banner css Style
  7.3: feature css Style
  7.4: quote css Style
  7.5: count css Style
08: inner page css Style
  8.1: menubar css Style
  8.2: modal
  8.3: banner css Style
09: team page css Style
10: blog page css Style
11: blog-detail page css Style
  11.1: blog detail inner
  11.2: blog sidebar
12: contact page css Style
13: service-detail page
14: project detail page
15: about page css Style
16: team detail page

==================================================*/
/*================================================
01: General css Style
==================================================*/

/* 1.1: variables */
:root{
    --orange: #f05523;
    --deep-blue: #061738;
    --grey: #606060;
    --white: #fff;
    --dark: #1c1c25;
    --yellow: #f2b32b;
}

/* 1.2: common css */
body {
    overflow-x: hidden !important;
    width: 100%;
    max-width: 100%;
  }
* {
    margin: 0;
    padding: 0;
    font-family: 'Josefin Sans', sans-serif;
}

img {
    vertical-align: middle;
}

ol,
ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

a,
a:hover,
a:focus {
    text-decoration: none;
}

.st5rg1 {
    clear: both;
}

button:focus {
    outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
li,
a {
    margin-top: 0;
    margin-bottom: 0;
    -webkit-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    transition: all linear 0.3s;
}



button {
  outline: none;
  border: 0;
  cursor: pointer;
  background: transparent;
}

button:focus {
  outline: none;
}

.st5rg1 {
  clear: both;
  display: block;
}

input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
}

::-moz-selection {
  background: var(--orange);
  color: var(--white);
  text-shadow: none;
}

::selection {
  background: var(--orange);
  color: var(--white);
  text-shadow: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

textarea {
  resize: none;
}

img {
  max-width: 100%;
  height: auto;
}

a,
a:hover,
a:active,
a:focus {
  text-decoration: none;
  outline: none;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}


/* 1.3: headings */
h1 {
  font-size: 58px;
  line-height: 81px;
  color: var(--dark);
}

h2 {
  font-size: 38px;
  line-height: 55px;
  color: var(--dark);
}


h3 {
  font-size: 30px;
  line-height: 40px;
  color: var(--dark);
}

h4 {
  font-size: 24px;
  line-height: 32px;
  color: var(--dark);
}

h5 {
  font-size: 22px;
  line-height: 30px;
  color: var(--dark);
}
h6 {
  font-size: 18px;
  line-height: 24px;
  color: var(--dark);
}
p {
    font-size: 16px;
    line-height: 28px;
    color: var(--grey);
    font-weight: 400;
}

/* 1.4: padding margin */

.mubnqa {
  padding: 10px 0;
}

.gzp52e {
  padding-top: 10px;
}

.g93vzk {
  padding-bottom: 10px;
}

.m6z80u {
  padding: 20px 0;
}

.gpd2hk {
  padding-top: 20px;
}

.fklaob {
  padding-bottom: 20px;
}

.cnrb0j {
  padding: 30px 0;
}

.wn8tgu {
  padding-top: 30px;
}

.b64olm {
  padding-bottom: 30px;
}

.c3t7yr {
  padding: 40px 0;
}

.gpdklj {
  padding-top: 40px;
}

.clyhz3 {
  padding-bottom: 40px;
}

.h7fyoi {
  padding: 50px 0;
}

.qn0oti {
  padding-top: 50px;
}

.kvoej0 {
  padding-bottom: 50px;
}

.q19ty7 {
  padding: 60px 0;
}

.o9gcxp {
  padding-top: 60px;
}

.vqrpy9 {
  padding-bottom: 60px;
}

.h2uei9 {
  padding: 70px 0;
}

.rtl9ff {
  padding-top: 70px;
}

.nmirkn {
  padding-bottom: 70px;
}

.gqnwos {
  padding: 80px 0;
}

.fsmscc {
  padding-top: 80px;
}

.p5wry1 {
  padding-bottom: 80px;
}

.s14phw {
  padding: 90px 0;
}

.kpibyk {
  padding-top: 90px;
}

.sax9mc {
  padding-bottom: 90px;
}

.ltb0sb {
  padding: 100px 0;
}

.oqwpmn {
  padding-top: 100px;
}

.ag1mcb {
  padding-bottom: 100px;
}
.kxd03b {
  padding: 110px 0;
}

.jxurge {
  padding-top: 110px;
}

.mrs144 {
  padding-bottom: 110px;
}
.u9glxt {
  padding: 120px 0;
}

.g39jxa {
  padding-top: 120px;
}

.aawdjo {
  padding-bottom: 120px;
}

.ga3qee {
  margin: 10px 0;
}

.gaob0w {
  margin-top: 10px;
}

.k6i024 {
  margin-bottom: 10px;
}

.oqke55 {
  margin: 20px 0;
}

.owthdx {
  margin-top: 20px;
}

.poedxd {
  margin-bottom: 20px;
}

.jyysol {
  margin: 30px 0;
}

.af6jw9 {
  margin-top: 30px;
}

.f4sg38 {
  margin-bottom: 30px;
}

.xmp772 {
  margin: 40px 0;
}

.b7c4at {
  margin-top: 40px;
}

.def81q {
  margin-bottom: 40px;
}

.g0p2f3 {
  margin: 50px 0;
}

.xkzozt {
  margin-top: 50px;
}

.indrmt {
  margin-bottom: 50px;
}

.v0ucj8 {
  margin: 60px 0;
}

.ubtxvi {
  margin-top: 60px;
}

.x5c1s9 {
  margin-bottom: 60px;
}

.keab0i {
  margin: 70px 0;
}

.j7ogw2 {
  margin-top: 70px;
}

.k2wp6d {
  margin-bottom: 70px;
}

.fl1n0d {
  margin: 80px 0;
}

.y22a43 {
  margin-top: 80px;
}

.s0xbqm {
  margin-bottom: 80px;
}

.jzt30l {
  margin: 90px 0;
}

.baixrw {
  margin-top: 90px;
}

.cqotof {
  margin-bottom: 90px;
}

.n1xxa6 {
  margin: 100px 0;
}

.igd6mt {
  margin-top: 100px;
}

.mdpwlb {
  margin-bottom: 100px;
}
.btt4qm {
  margin: 110px 0;
}

.ce5dru {
  margin-top: 110px;
}

.lgi2jl {
  margin-bottom: 110px;
}
.kemn37 {
  margin: 120px 0;
}

.qhc2uj {
  margin-top: 120px;
}

.zoehsb {
  margin-bottom: 120px;
}

/* 1.5: button-style */

.q48d73{
  display: inline-block;
  vertical-align: top;
  line-height: 60px;
  padding: 0 45px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  background: var(--orange);
  color: var(--white);
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  position: relative;
  z-index: 5;
  overflow: hidden;
}
.q48d73 i{
  padding-left: 10px;
}
.q48d73:before{
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--deep-blue);
  color: var(--white);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  transition: .5s;
  transform-origin: 0 100%;
  transition-timing-function: cubic-bezier(0.5,1.6,0.4,0.7);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
}
.q48d73:hover{
  color: var(--white);
}
.q48d73:hover:before{
  transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
}

/* 1.6: section-title */

.fsw1kf{
  text-align: center;
  padding-bottom: 55px;
  margin-top: -8px;
}
.fsw1kf h2{
  font-weight: 700;
  text-transform: capitalize;
  padding-bottom: 15px;
}
/*===========================================================
    02: preloader CSS
=============================================================*/
.preloader{
  width: 100%;
  height: 100%;
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99999;
  background: var(--orange);
}
.preloader .lqnlgh{
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.preloader .a6v5yy{
  background-color: var(--white);
  width: 7px;
  height: 40px;
  margin: 0px 5px;
  border: none;
  animation: size 0.8s infinite linear;
  border-radius: 20px;
}

.preloader .hlgm08{
  animation-delay: 0.60s;
}
.preloader .n23zaz{
  animation-delay: 0.30s;
}
.preloader .p43b8v{
  animation-delay: 0s;
  }
.preloader .yo43kf{
  animation-delay: 0.30s;
}
.preloader .h31v23{
  animation-delay: 0.60s;
}

@keyframes size{
  0%{
      height: 40px;
  }
  25%{
      height: 60px;
  }
  50%{
      height: 90px;
  }
  75%{
      height: 60px;
  }
  100%{
      height: 40px;
  }
}
/*===========================================================
    03: scroll-top button CSS
=============================================================*/

.rwamig {
  height: 45px;
  width: 45px;
  text-align: center;
  background: var(--orange);
  position: fixed;
  right: 40px;
  bottom: -95px;
  z-index: 9999;
  outline: none;
  -webkit-transition: all linear 0.4s;
  -moz-transition: all linear 0.4s;
  -ms-transition: all linear 0.4s;
  -o-transition: all linear 0.4s;
  transition: all linear 0.4s;
  cursor: pointer;
  border: 1px solid var(--white);
}
.rwamig i{
  line-height: 45px;
  font-size: 16px;
  color: var(--white);
}
.rwamig:hover{
  background: var(--deep-blue);
}
.rwamig.show{
  bottom: 40px;
}
/*===========================================================
    04: Sticky menu CSS
=============================================================*/
.i739k3.dq5v14 {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100%;
  background: var(--white);
  z-index: 999;
  animation: mymove 0.4s linear;
  -webkit-box-shadow: 2px 0 70px hsla(0, 0%, 13%, 0.15);
  box-shadow: 2px 0 70px hsla(0, 0%, 13%, 0.15);
}
.rx4t5w.i739k3.dq5v14{
  background: rgba(0, 0, 0, 0.8);
}
.i739k3.dq5v14 .ejsrdf{
  box-shadow: none;
  padding: 0;
}
.i739k3.dq5v14 .ejsrdf:before{
  display: none;
}
@keyframes mymove {
  0% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
/*================================================
05: home 1 css Style
==================================================*/
/*================================================
5.1: menubar css Style
==================================================*/
.i739k3{
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  z-index: 999;
}
.i739k3 .ejsrdf{
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.19);
  width: 100%;
  padding: 0 40px;
  position: relative;
  background: var(--white);
}
.i739k3 .ejsrdf:before{
  content: '';
  height: 100%;
  width: calc(100% - 44px);
  border: 3px solid rgba(253, 94, 20, 0.4);
  position: absolute;
  top: 16px;
  left: 22px;
  z-index: -5;
}
/*================================================
5.2: banner css Style
==================================================*/
.ukr3dj.xayqpx{
  padding-top: 340px;
  padding-bottom: 195px;
}
.ukr3dj.xayqpx .jtzho8 h5{
  font-size: 20px;
  font-weight: 600;
  color: var(--grey);
}
.ukr3dj.xayqpx .jtzho8 h1{
  font-weight: 700;
  color: var(--deep-blue);
  padding-top: 25px;
  padding-bottom: 10px;
}
.ukr3dj.xayqpx .jtzho8 p{
  width: 88%;
  padding-bottom: 30px;
}
.ukr3dj.xayqpx ul li:not(:last-child){
  padding-right: 30px;
}
.ukr3dj.xayqpx ul li .cl3s5h {
  position: relative;
  padding-right: 45px;
  font-size: 16px;
  line-height: 50px;
  color: var(--deep-blue);
  text-transform: capitalize;
  font-weight: 500;
  z-index: 5;
}
.ukr3dj.xayqpx ul li a .mg9fg9 {
  height: 60px;
  width: 60px;
  text-align: center;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-right: 12px;
  background: var(--orange);
  z-index: -1;
}
.ukr3dj.xayqpx ul li a span{
  padding: 0;
}
.ukr3dj.xayqpx ul li a .mg9fg9:before{
  content: "";
  height: 60px;
  width: 60px;
  -webkit-border-radius: 99px;
  border-radius: 99px;
  background: var(--orange);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  transition: all linear 0.3s;
  z-index: -1;
}

.ukr3dj.xayqpx ul li a .g7jlcl i {
  color: var(--white);
  font-size: 20px;
  line-height: 60px;
}
.ukr3dj.xayqpx ul li a:hover{
  color: var(--white);
}
.ukr3dj.xayqpx ul li a:hover .mg9fg9:before {
  width: 100%;
}

/*================================================
5.3: feature css Style
==================================================*/
.ukr3dj.bhtze6 .gx87lk{
  width: 100%;
  position: relative;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.ukr3dj.bhtze6 .gx87lk .l13yik{
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  perspective: 1000px;
  -webkit-perspective: 1000px;
}
.ukr3dj.bhtze6 .gx87lk .u35xpg,
.ukr3dj.bhtze6 .gx87lk .h4a0lx{
  padding: 50px 35px 45px 35px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -ms-transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
  transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
  -webkit-transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.ukr3dj.bhtze6 .gx87lk .u35xpg{
  -ms-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  background: var(--white);
}
.ukr3dj.bhtze6 .gx87lk:hover .u35xpg{
  -ms-transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.ukr3dj.bhtze6 .gx87lk .h4a0lx{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.ukr3dj.bhtze6 .gx87lk:hover .h4a0lx{
  -ms-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.ukr3dj.bhtze6 .gx87lk .inner{
  transform: translateZ(60px) scale(.94);
  -webkit-transform: translateZ(60px) scale(.94);
  -ms-transform: translateZ(60px) scale(.94);
  -moz-transform: translateZ(60px) scale(.94);
  -o-transform: translateZ(60px) scale(.94);
  -webkit-perspective: inherit;
  perspective: inherit;
  text-align: center;
}

.ukr3dj.bhtze6 .gx87lk .n1q0c9{
  height: 70px;
  width: 70px;
  background: var(--orange);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin: auto;
  text-align: center;
}
.ukr3dj.bhtze6 .gx87lk .n1q0c9 i{
  line-height: 70px;
  color: var(--white);
  font-size: 40px;
}
.ukr3dj.bhtze6 .gx87lk h4{
  text-transform: capitalize;
  font-weight: 600;
  padding-top: 30px;
  padding-bottom: 25px;
}

.ukr3dj.bhtze6 .gx87lk .u35xpg{
  box-shadow: 0 0 95px rgba(0, 0, 0, 0.15);
}
.ukr3dj.bhtze6 .gx87lk .h4a0lx{
  transform: rotateY(180deg);
  background: var(--orange);
}
.ukr3dj.bhtze6 .gx87lk .h4a0lx .n1q0c9{
  background: var(--white);
}
.ukr3dj.bhtze6 .gx87lk .h4a0lx .n1q0c9 i{
  color: var(--orange);
}
.ukr3dj.bhtze6 .gx87lk .h4a0lx h4,
.ukr3dj.bhtze6 .gx87lk .h4a0lx p{
  color: var(--white);
}

/*================================================
5.4: newsletter css Style
==================================================*/
.ukr3dj.ehotnx{
  background-attachment: fixed !important;
}
.ukr3dj.ehotnx .overlay{
  background: rgba(0, 0, 0, 0.65);
  padding: 75px 0;
}
.ukr3dj.ehotnx .content{
  position: relative;
}
.ukr3dj.ehotnx .content:before{
  content: '';
  width: 96px;
  height: 108px;
  background: url(../images/home1/newsletter/mail-img.png) no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  left: -130px;
}
.ukr3dj.ehotnx .content h2{
  font-weight: 700;
  color: var(--white);
}
.ukr3dj.ehotnx .content p{
  color: var(--white);
}
.ukr3dj.ehotnx .dy6iv9{
  background: var(--white);
  padding: 6px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  display: flex;
}
.ukr3dj.ehotnx .dy6iv9 form{
  width: 100%;
}
.ukr3dj.ehotnx .dy6iv9 .bbt5k8{
  width: calc(100% - 155px);
  height: 54px;
  padding: 0 15px;
  border: 0;
  outline: none;
}
.ukr3dj.ehotnx .dy6iv9 .bbt5k8::placeholder{
  text-transform: capitalize;
  color: var(--grey);
  font-size: 16px;
  font-weight: 400;
}
.ukr3dj.ehotnx .dy6iv9 button{
  line-height: 54px;
  padding: 0 35px;
}

/*================================================
5.5: about css Style
==================================================*/
.ukr3dj.ogfuaa{
  padding-bottom: 150px;
}
.ukr3dj.ogfuaa .fsw1kf{
  text-align: left;
  padding-bottom: 30px;
}
.ukr3dj.ogfuaa .fsw1kf h2{
  width: 70%;
}
.ukr3dj.ogfuaa .fsw1kf p{
  width: 80%;
}
.ukr3dj.ogfuaa .content ul li{
  position: relative;
  padding-bottom: 15px;
}
.ukr3dj.ogfuaa .content ul li .n1q0c9{
  position: absolute;
  top: 0;
  left: 0;
}
.ukr3dj.ogfuaa .content ul li .n1q0c9 i{
  font-size: 40px;
  line-height: 35px;
  color: var(--orange);
}
.ukr3dj.ogfuaa .content ul li .text{
  padding-left: 50px;
}
.ukr3dj.ogfuaa .content ul li .text h5{
  text-transform: capitalize;
  font-weight: 700;
  padding-bottom: 10px;
}
.ukr3dj.ogfuaa .content ul li .text p{
  padding-right: 100px;
}
.ukr3dj.ogfuaa .content a{
  margin-top: 40px;
}
.ukr3dj.ogfuaa .image{
  position: relative;
  width: max-content;
  margin: auto;
}
.ukr3dj.ogfuaa .image:before{
  content: '';
  height: 74%;
  width: 100%;
  background: var(--orange);
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  position: absolute;
  bottom: -30px;
  right: -30px;
  z-index: -1;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}
.ukr3dj.ogfuaa .image:hover:before{
  bottom: -10px;
  right: -10px;
}

/*================================================
5.6: service css Style
==================================================*/
.ukr3dj.erpci1{
  background: #f4fbff;
}
.ukr3dj.erpci1 .pgm3cl{
  box-shadow: 0 0 92px rgba(0, 0, 0, 0.08);
  width: 100%;
}
.ukr3dj.erpci1 .pgm3cl .overlay{
  background: var(--white);
  padding: 35px 50px;
  text-align: center;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}
.ukr3dj.erpci1 .pgm3cl .n1q0c9 i{
  font-size: 70px;
  line-height: 70px;
  color: var(--orange);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}
.ukr3dj.erpci1 .pgm3cl h4{
  font-weight: 700;
  text-transform: capitalize;
  padding-top: 10px;
  padding-bottom: 20px;
}
.ukr3dj.erpci1 .pgm3cl p{
  padding-bottom: 25px;
  border-bottom: 1px solid #ddd;
}

.ukr3dj.erpci1 .pgm3cl a{
  display: inline-block;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  text-transform: capitalize;
  color: var(--orange);
  text-decoration: underline;
  margin-top: 20px;
}

.ukr3dj.erpci1 .pgm3cl:hover .overlay{
  background: rgba(0, 0, 0, 0.5);
}
.ukr3dj.erpci1 .pgm3cl:hover h4,
.ukr3dj.erpci1 .pgm3cl:hover p,
.ukr3dj.erpci1 .pgm3cl:hover .n1q0c9 i,
.ukr3dj.erpci1 .pgm3cl:hover a{
  color: var(--white);
}
.ukr3dj.erpci1 .pgm3cl:hover p{
  border-color: var(--white);
}
.ukr3dj.erpci1 .pgm3cl a:hover{
  color: var(--orange);
}
.ukr3dj.erpci1 .pgm3cl.g1v3cl .overlay{
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.5);
}
.ukr3dj.erpci1 .pgm3cl.g1v3cl:hover .overlay{
  opacity: 1;
  visibility: visible;
}
/*================================================
5.7: team css Style
==================================================*/
.ukr3dj.g95tba .gx87lk{
  box-shadow: 0 0 82px rgba(0, 0, 0, 0.15);
}
.ukr3dj.g95tba .gx87lk .image{
  position: relative;
}
.ukr3dj.g95tba .gx87lk .image:after{
  content: '';
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  opacity: 0;
}
.ukr3dj.g95tba .gx87lk:hover .image:after{
  opacity: 1;
}
.ukr3dj.g95tba .gx87lk .image img{
  width: 100%;
}
.ukr3dj.g95tba .gx87lk ul{
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  z-index: 9;
}
.ukr3dj.g95tba .gx87lk ul li{
  padding-bottom: 10px;
  opacity: 0;
}
.ukr3dj.g95tba .gx87lk ul li:last-child{
  padding-bottom: 0;
}
.ukr3dj.g95tba .gx87lk ul li a{
  display: inline-block;
  height: 32px;
  width: 32px;
  background: var(--deep-blue);
  text-align: center;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
.ukr3dj.g95tba .gx87lk:hover ul li{
  opacity: 1;
}

.ukr3dj.g95tba .gx87lk ul li a i{
  line-height: 32px;
  font-size: 16px;
  color: var(--white);
}
.ukr3dj.g95tba .gx87lk ul li a:hover{
  background: var(--orange);
}

.ukr3dj.g95tba .gx87lk:hover ul li:nth-child(1) a {
  animation: fade-in-right 0.1s ease-in-out;
  -webkit-animation: fade-in-right 0.1s ease-in-out;
}
.ukr3dj.g95tba .gx87lk:hover ul li:nth-child(2) a {
  animation: fade-in-right 0.3s ease-in-out;
  -webkit-animation: fade-in-right 0.3s ease-in-out;
}
.ukr3dj.g95tba .gx87lk:hover ul li:nth-child(3) a {
  animation: fade-in-right 0.5s ease-in-out;
  -webkit-animation: fade-in-right 0.5s ease-in-out;
}
.ukr3dj.g95tba .gx87lk:hover ul li:nth-child(4) a {
  animation: fade-in-right 0.7s ease-in-out;
  -webkit-animation: fade-in-right 0.7s ease-in-out;
}
.ukr3dj.g95tba .gx87lk .content{
  text-align: center;
  padding: 20px 0 15px 0;
}
.ukr3dj.g95tba .gx87lk .content h5{
  text-transform: capitalize;
  font-weight: 700;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}
.ukr3dj.g95tba .gx87lk .content h5:hover{
  color: var(--orange);
}
.ukr3dj.g95tba .gx87lk .content p{
  text-transform: capitalize;
}
@keyframes fade-in-right {
  0% {
    transform: translateX(25px);
    -webkit-transform: translateX(25px);
    -moz-transform: translateX(25px);
    -ms-transform: translateX(25px);
    -o-transform: translateX(25px);
  }
  100% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }
}
/*================================================
5.8: video css Style
==================================================*/
.ukr3dj.video{
  background-attachment: fixed !important;
}
.ukr3dj.video .overlay{
  background: rgba(0, 0, 0, 0.47);
}
.ukr3dj.video .fsw1kf{
  text-align: left;
  padding-bottom: 30px;
}
.ukr3dj.video .fsw1kf h2{
  color: var(--white);
  padding-bottom: 5px;
}
.ukr3dj.video .fsw1kf p{
  color: var(--white);
  width: 80%;
}
.ukr3dj.video .content .venobox{
  display: inline-block;
  height: 80px;
  width: 80px;
  background: var(--orange);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  text-align: center;
  box-shadow: 0 0 rgba(253, 94, 20, 0.2), 0 0 0 15px rgba(253, 94, 20, 0.2), 0 0 0 30px rgba(253, 94, 20, 0.2);
  animation: ripple-wave 1s linear infinite;
  animation-play-state: running;
}
.ukr3dj.video .content .venobox i{
  line-height: 80px;
  font-size: 20px;
  color: var(--white);
}
@keyframes ripple-wave{
  to {
      box-shadow: 0 0 0 15px rgba(253, 94, 20, 0.2), 0 0 0 30px rgba(253, 94, 20, 0.2), 0 0 0 45px rgba(253, 94, 20, 0);
  }
}

/*================================================
5.9: project css Style
==================================================*/
.ukr3dj.ecw0c3 .fsw1kf{
  padding-bottom: 25px;
}
.ukr3dj.ecw0c3 .lirwoc{
  padding-bottom: 50px;
}
.ukr3dj.ecw0c3 .lirwoc li{
  padding: 0 18px;
}
.ukr3dj.ecw0c3 .lirwoc li a{
  display: inline-block;
  text-transform: capitalize;
  color: var(--grey);
  font-size: 18px;
  line-height: 32px;
  font-weight: 400;
  position: relative;
}
.ukr3dj.ecw0c3 .lirwoc li a:after{
  content: '';
  width: 0%;
  height: 1px;
  background: var(--orange);
  position: absolute;
  bottom: 8px;
  left: 0;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}
.ukr3dj.ecw0c3 .lirwoc li.active a:after,
.ukr3dj.ecw0c3 .lirwoc li a:hover:after{
  width: 100%;
}
.ukr3dj.ecw0c3 .lirwoc li.active a,
.ukr3dj.ecw0c3 .lirwoc li a:hover{
  color: var(--orange);
}
.ukr3dj.ecw0c3 .gx87lk{
  position: relative;
  margin-bottom: 30px;
}
.ukr3dj.ecw0c3 .gx87lk img{
  width: 100%;
}
.ukr3dj.ecw0c3 .gx87lk a{
  display: inline-block;
  text-align: center;
  background: var(--orange);
  height: 75px;
  width: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%) scale(0);
  -webkit-transform: translate(-50%,-50%) scale(0);
  -moz-transform: translate(-50%,-50%) scale(0);
  -ms-transform: translate(-50%,-50%) scale(0);
  -o-transform: translate(-50%,-50%) scale(0);
  z-index: 5;
  opacity: 0;
}
.ukr3dj.ecw0c3 .gx87lk a i{
  font-size: 24px;
  line-height: 75px;
  color: var(--white);
}
.ukr3dj.ecw0c3 .gx87lk:hover a{
  transform: translate(-50%,-50%) scale(1);
  -webkit-transform: translate(-50%,-50%) scale(1);
  -moz-transform: translate(-50%,-50%) scale(1);
  -ms-transform: translate(-50%,-50%) scale(1);
  -o-transform: translate(-50%,-50%) scale(1);
  opacity: 1;
}

/*================================================
5.10: client css Style
==================================================*/
.ukr3dj.client .image{
  text-align: center;
}
.ukr3dj.client .gx87lk .qz72s5{
  padding-bottom: 20px;
}
.ukr3dj.client .gx87lk h5{
  font-weight: 700;
  text-transform: capitalize;
}
.ukr3dj.client .gx87lk .spfltz li{
  padding-right: 10px;
}
.ukr3dj.client .gx87lk .spfltz li:last-child{
  padding-right: 0;
}
.ukr3dj.client .gx87lk .spfltz li i{
  font-size: 16px;
  color: var(--yellow);
}
.ukr3dj.client .gx87lk .rbmvrw{
  text-transform: capitalize;
}
.ukr3dj.client .gx87lk img{
  padding-top: 10px;
}
.ukr3dj.client .w0g2y0 button{
  height: 40px;
  width: 40px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 1px solid var(--orange);
  text-align: center;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  z-index: 9;
  opacity: 0;
}
.ukr3dj.client .c0wnhy:hover .w0g2y0 button{
  opacity: 1;
}
.ukr3dj.client .w0g2y0 .zdbjo5{
  left: 0;
}
.ukr3dj.client .w0g2y0 .d8juwe{
  right: 0;
}
.ukr3dj.client .w0g2y0 button i{
  line-height: 40px;
  font-size: 16px;
  color: var(--orange);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}
.ukr3dj.client .w0g2y0 button:hover{
  background: var(--orange);
}
.ukr3dj.client .w0g2y0 button:hover i{
  color: var(--white);
}
/*================================================
5.11: blog css Style
==================================================*/
.ukr3dj.af3tis .gx87lk{
  box-shadow: 0 0 92px rgba(0, 0, 0, 0.08);
}
.ukr3dj.af3tis .gx87lk .image{
  overflow: hidden;
}
.ukr3dj.af3tis .gx87lk .image img{
  width: 100%;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}
.ukr3dj.af3tis .gx87lk:hover .image img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.ukr3dj.af3tis .gx87lk .content{
  padding: 25px 30px;
}
.ukr3dj.af3tis .gx87lk ul li:not(:last-child){
  padding-right: 10px;
}
.ukr3dj.af3tis .gx87lk ul li a{
  display: inline-block;
  text-transform: capitalize;
  color: var(--grey);
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
}
.ukr3dj.af3tis .gx87lk ul li i{
  font-size: 14px;
  color: var(--orange);
  padding-right: 10px;
}
.ukr3dj.af3tis .gx87lk h5{
  font-weight: 700;
  padding-top: 12px;
  padding-bottom: 15px;
}

.ukr3dj.af3tis .gx87lk .vape8q{
  text-transform: capitalize;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  color: var(--dark);
  text-decoration: underline;
  margin-top: 8px;
}
.ukr3dj.af3tis .gx87lk .vape8q:hover,
.ukr3dj.af3tis .gx87lk h5:hover,
.ukr3dj.af3tis .gx87lk ul li a:hover{
  color: var(--orange);
}

/*================================================
06: footer css Style
==================================================*/

/*================================================
6.1: footer top css Style
==================================================*/
.sz7h7o{
  padding-top: 100px;
  padding-bottom: 35px;
}
.sz7h7o .title{
  padding-bottom: 50px;
}
.sz7h7o .title h5{
  font-weight: 700;
  text-transform: capitalize;
  color: var(--white);
}
.sz7h7o .content p{
  color: var(--white);
}
.sz7h7o .content .navurp li:not(:last-child){
  padding-bottom: 13px;
}
.sz7h7o .content .navurp li .n1q0c9{
  margin-right: 25px;
}
.sz7h7o .content .navurp li .n1q0c9 i{
  height: 40px;
  width: 40px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 1px solid var(--white);
  background: var(--white);
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  color: var(--orange);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}
.sz7h7o .content .navurp li:hover .n1q0c9 i{
  background: var(--orange);
  color: var(--white);
}
.sz7h7o .content .w6hga3 li{
  position: relative;
  padding: 4px 0 4px 20px;
}
.sz7h7o .content .navurp li:last-child{
  padding-bottom: 0;
}
.sz7h7o .content .w6hga3 li:before{
  content: '';
  height: 5px;
  width: 5px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: var(--white);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  left: 0;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}
.sz7h7o .content .w6hga3 li:hover:before{
  background: var(--orange);
}
.sz7h7o .content .w6hga3 li p{
  text-transform: capitalize;
}
.sz7h7o .content .w6hga3 li:hover p{
  color: var(--orange);
}
.sz7h7o .content .i03hcb li{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.sz7h7o .content .i03hcb li:first-child{
  padding-top: 0;
}
.sz7h7o .content .i03hcb li:last-child{
  padding-bottom: 0;
  border: 0;
}
.sz7h7o .content .i03hcb li p{
  text-transform: capitalize;
}
.sz7h7o .content .uc2k2x{
  padding-bottom: 40px;
}
.sz7h7o .uc2k2x .swiper-pagination{
  bottom: -6px;
}
.sz7h7o .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: transparent;
  opacity: 1;
  border: 1px solid var(--white);
}
.sz7h7o .swiper-pagination-bullet-active {
  background: var(--white);
}
.sz7h7o .ehotnx p{
  padding-bottom: 23px;
}
.sz7h7o .dy6iv9 form{
  width: 100%;
}
.sz7h7o .dy6iv9 .bbt5k8{
  width: 100%;
  height: 45px;
  padding: 0 15px;
  border: 0;
  outline: none;
}
.sz7h7o .dy6iv9 .bbt5k8::placeholder{
  text-transform: capitalize;
  color: var(--grey);
  font-size: 16px;
  font-weight: 400;
}
.sz7h7o .dy6iv9 button{
  width: 100%;
  height: 45px;
  text-align: center;
  background: var(--orange);
  color: var(--white);
  font-size: 21px;
  line-height: 45px;
  font-weight: 600;
  text-transform: capitalize;
  margin-top: 20px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}
.sz7h7o .dy6iv9 button:hover{
  background: var(--white);
  color: var(--orange);
}

/*================================================
6.2: footer bottom css Style
==================================================*/
.xkkldz .bg{
  border-top: 1px solid rgba(255, 255, 255, 0.34);
  padding: 25px 0;
}
.xkkldz p{
  color: var(--white);
}
.xkkldz ul li:not(:last-child){
  padding-right: 40px;
}
.xkkldz ul li a{
  text-transform: capitalize;
  color: var(--white);
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
}
.xkkldz ul li a:hover{
  color: var(--orange);
}

/*================================================
07: home 2 css Style
==================================================*/
/*================================================
7.1: menubar css Style
==================================================*/
.lg7355.i739k3 .ejsrdf:before{
  border-color: var(--white);
}
/*================================================
7.2: banner css Style
==================================================*/
.lg7355.xayqpx{
  padding: 0;
}
.lg7355.xayqpx .overlay{
  background: rgba(0, 0, 0, 0.38);
  padding-top: 330px;
  padding-bottom: 350px;
}
.lg7355.xayqpx .jtzho8 h5 ,
.lg7355.xayqpx .jtzho8 p,
.lg7355.xayqpx .jtzho8 h1 ,
.lg7355.xayqpx ul li .cl3s5h {
  color: var(--white);
}
/*================================================
7.3: feature css Style
==================================================*/
.lg7355.bhtze6{
  margin-top: -150px;
}
/*================================================
7.4: quote css Style
==================================================*/
.lg7355.jvbt94 .bg{
  box-shadow: 1px 0 76px rgba(0, 0, 0, 0.12);
  background: var(--white);
  position: relative;
}

.lg7355.jvbt94 .image img{
  position: absolute;
  bottom: 0;
  left: 60px;
}
.lg7355.jvbt94 .content{
  padding: 50px 40px 40px 0;
}
.lg7355.jvbt94 .fsw1kf{
  text-align: left;
  padding-bottom: 40px;
}
.lg7355.jvbt94 label{
  position: relative;
  width: 100%;
  margin-bottom: 45px;
}
.lg7355.jvbt94 .bbt5k8{
  height: 50px;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #ddd;
  outline: none;
  background: transparent;
  padding-right: 20px;
}
.lg7355.jvbt94 .bbt5k8:hover,
.lg7355.jvbt94 .bbt5k8:focus{
  border-color: var(--orange);
}
.lg7355.jvbt94 textarea.bbt5k8{
  padding-top: 15px;
  padding-bottom: 15px;
  height: 130px;
}
.lg7355.jvbt94 .bbt5k8::placeholder{
  text-transform: capitalize;
  font-weight: 400;
  font-size: 16px;
  color: var(--grey);
}
.lg7355.jvbt94 label i{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  right: 0;
  font-size: 14px;
  color: var(--grey);
}
.lg7355.jvbt94 .n6oshg i{
  top: 15px;
}
/*================================================
7.5: count css Style
==================================================*/
.lg7355.pstapg{
  background-attachment: fixed !important;
  margin-top: -320px;
}
.lg7355.pstapg .overlay{
  background: rgba(0, 0, 0, 0.62);
  padding-top: 430px;
  padding-bottom: 100px;
}
.lg7355.pstapg .gx87lk{
  display: flex;
  align-items: center;
  justify-content: center;
}
.lg7355.pstapg .gx87lk .n1q0c9{
  margin-right: 20px;
}
.lg7355.pstapg .gx87lk .n1q0c9 i{
  font-size: 42px;
  color: var(--white);
}
.lg7355.pstapg .gx87lk .text h3{
  color: var(--white);
  font-weight: 700;
}
.lg7355.pstapg .gx87lk .text h5{
  color: var(--white);
  font-weight: 700;
  font-size: 20px;
  text-transform: capitalize;
}

/*================================================
08: inner page css Style
==================================================*/
/*================================================
8.1: menubar css Style
==================================================*/
.rx4t5w.i739k3{
  top: 0;
}
.rx4t5w.i739k3 .uqabk8{
  margin-left: auto;
}
.rx4t5w.i739k3 .la0eea button{
  height: 40px;
  width: 40px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: var(--orange);
  margin-left: 20px;
}
.rx4t5w.i739k3 .la0eea button i{
  font-size: 16px;
  line-height: 40px;
  color: var(--white);
}
/*================================================
8.2: modal
==================================================*/
.rx4t5w.modal .hbpfh7{
  font-size: 24px;
  font-weight: 700;
  color: var(--dark);
  text-transform: capitalize;
  font-family: var(--roboto);
}
.rx4t5w.modal .ex6f7g .bbt5k8{
  width: 100%;
  height: 50px;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  padding: 0 20px;
  outline: none;
}
.rx4t5w.modal .ex6f7g .bbt5k8:hover,
.rx4t5w.modal .ex6f7g .bbt5k8:focus{
  border-color: var(--orange);
}
.rx4t5w.modal .ex6f7g .bbt5k8::placeholder{
  font-size: 16px;
  color: var(--grey);
  text-transform: capitalize;
}
/*================================================
8.3: banner css Style
==================================================*/
.rx4t5w.xayqpx .overlay{
  padding-top: 215px;
  padding-bottom: 125px;
  background: rgba(0, 0, 0, 0.5);
}
.rx4t5w.xayqpx h2{
  font-size: 45px;
  font-weight: 700;
  color: var(--white);
  text-transform: capitalize;
  padding-bottom: 10px;
}
.rx4t5w.xayqpx .ilp0vv{
  justify-content: center;
}
.rx4t5w.xayqpx .qlmub4 a,
.rx4t5w.xayqpx .qlmub4{
  text-transform: capitalize;
  color: var(--white);
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
}
.rx4t5w.xayqpx .qlmub4 a:hover{
  color: var(--orange);
}
.rx4t5w.xayqpx .qlmub4.active{
  color: var(--white);
}
.rx4t5w.xayqpx .qlmub4 + .qlmub4::before {
  color: var(--white);
}
/*================================================
09: team page css Style
==================================================*/
.ak3sfe.g95tba .gx87lk{
  margin-bottom: 30px;
}
/*================================================
10: blog page css Style
==================================================*/
.y2rl6l.af3tis .gx87lk{
  margin-bottom: 30px;
}
/*================================================
11: blog-detail page css Style
==================================================*/
/* 11.1: blog detail inner */
.bcy01w .qfalcg .d8joie img{
  width: 100%;
}
.bcy01w .qfalcg h3{
  font-weight: 700;
  padding: 20px 0 10px;
}
.bcy01w .qfalcg p{
  padding-bottom: 25px;
}
.bcy01w .zoamqp {
  margin-bottom: 25px;
}
.bcy01w .zoamqp p{
  padding-bottom: 0;
}
.bcy01w .zoamqp .qz72s5 {
  margin-right: 45px;
}
.bcy01w .zoamqp .qz72s5 img {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  margin-right: 10px;
}
.bcy01w .zoamqp .c3ep6m li:not(:last-child) {
  margin-right: 40px;
}
.bcy01w .zoamqp .c3ep6m li i {
  color: var(--grey);
  margin-right: 15px;
  font-size: 16px;
}
.bcy01w .qfalcg blockquote{
  box-shadow: 0 7px 10px rgba(0, 0, 0, 0.08);
  margin-left: 45px;
  margin-right: 45px;
  padding: 30px 35px 40px 35px;
  position: relative;
  margin-bottom: 30px;
}
.bcy01w .qfalcg blockquote span{
  display: inline-block;
  color: var(--deep-blue);
  font-weight: 500;
  font-size: 14px;
  position: absolute;
  right: 100px;
  margin-bottom: 0;
  bottom: 22px;
  text-transform: capitalize;
}
.bcy01w .qfalcg blockquote span:after {
  content: '';
  height: 1px;
  width: 40px;
  left: -50px;
  top: 9px;
  position: absolute;
  background: var(--orange);
}

.bcy01w .qfalcg .opdtbk {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  margin-top: 30px;
  margin-bottom: 20px;
  display: block;
  text-align: center;
  padding: 24px 0 19px;
}
.bcy01w .qfalcg .opdtbk .pvrtai {
  display: inline-block;
  vertical-align: middle;
}
.bcy01w .qfalcg .opdtbk span {
  display: inline-block;
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 600;
  color: var(--deep-blue);
}
.bcy01w .qfalcg .opdtbk .b3fsmv li {
  padding: 0 15px;
}
.bcy01w .qfalcg .opdtbk .b3fsmv li a i {
  color: var(--deep-blue);
  font-size: 20px;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.bcy01w .qfalcg .opdtbk .b3fsmv li a:hover i {
  color: var(--orange);
}
.bcy01w .qfalcg .ug4as8 li {
  position: relative;
}
.bcy01w .qfalcg .ug4as8 li.xti9o1 li.xti9o1 {
  margin-left: 60px;
}
.bcy01w .qfalcg .ug4as8 li.xti9o1 {
  margin: 35px 0;
}
.bcy01w .qfalcg .ug4as8 li img {
  width: 80px;
  height: 80px;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.bcy01w .qfalcg .ug4as8 li .qspjkl {
  padding-left: 100px;
}
.bcy01w .qfalcg .ug4as8 li .qspjkl {
  padding-top: 5px;
  padding-bottom: 0;
}
.bcy01w .qfalcg .ug4as8 li .a93ibc li a{
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: var(--deep-blue);
  text-transform: capitalize;
}
.bcy01w .qfalcg .ug4as8 li .a93ibc li:not(:last-child):after {
  content: "|";
  position: relative;
  margin: 0 12px;
  color: var(--orange);
}
.bcy01w .qfalcg .ug4as8 li .a93ibc li span {
  display: inline-block;
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
  color: var(--grey);
}
.bcy01w .qfalcg .ug4as8 li .a93ibc .rjdazi {
  display: inline-block;
  color: var(--grey);
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 400;
}
.bcy01w .qfalcg .ug4as8 li .a93ibc li a:hover,
.bcy01w .qfalcg .ug4as8 li .a93ibc .rjdazi:hover,
.bcy01w .qfalcg .ug4as8 li .a93ibc .rjdazi i {
  color: var(--orange);
}

.bcy01w .qfalcg .iii7ls h3 {
  padding-bottom: 40px;
}
.bcy01w .qfalcg .iii7ls .yzmhzz {
  width: 100%;
  height: 44px;
  padding-left: 20px;
  background: #f8f8f8;
  border: 0;
  border: 1px solid #ddd;
  border-radius: 4px;
  outline: none;
  margin-bottom: 30px;
}
.bcy01w .qfalcg .iii7ls .yzmhzz:hover,
.bcy01w .qfalcg .iii7ls .yzmhzz:focus {
  border-color: var(--orange);
}
.bcy01w .qfalcg .iii7ls textarea.yzmhzz {
  height: 120px;
  padding-top: 10px;
}
.bcy01w .qfalcg .iii7ls .yzmhzz::placeholder {
  font-family: "Heebo", sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-transform: capitalize;
  color: #a7a7a7;
}
.bcy01w .qfalcg .iii7ls button{
  line-height: 45px;
}

/*  11.2: blog sidebar */

.bcy01w .qfbnl1 .lqm5pc {
  padding: 22px;
  border-radius: 8px;
  background: #f8f9ff;
  margin-bottom: 30px;
}
.bcy01w .qfbnl1 .lqm5pc .zehx4l {
  position: relative;
}
.bcy01w .qfbnl1 .lqm5pc label {
  width: 100%;
  position: relative;
  margin-bottom: 0;
  overflow: hidden;
}
.bcy01w .qfbnl1 .lqm5pc input {
  border: 0;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  height: 45px;
  padding-left: 20px;
  width: 100%;
  outline: none;
}
.bcy01w .qfbnl1 .lqm5pc input::placeholder {
  color: var(--grey);
  text-transform: capitalize;
  font-weight: 400;
  font-size: 18px;
}
.bcy01w .qfbnl1 .lqm5pc .zehx4l button {
  position: absolute;
  right: 0;
  padding: 0 20px;
  height: 45px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background: var(--orange);
  color: var(--white);
  z-index: 1;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.bcy01w .qfbnl1 .lqm5pc .zehx4l button:hover {
  background: var(--deep-blue);
}

.bcy01w .qfbnl1 .ky2pas h4 {
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 20px;
  width: max-content;
  position: relative;
}
.bcy01w .qfbnl1 .ky2pas h4:after {
  content: "";
  width: 30px;
  height: 1px;
  background: var(--orange);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -50px;
}
.bcy01w .qfbnl1 .f5n23x {
  padding: 25px 30px;
}
.bcy01w .qfbnl1 .f5n23x ul li:not(:last-child) {
  margin-bottom: 20px;
}
.bcy01w .qfbnl1 .f5n23x ul li{
  display: flex;
  align-items: center;
}
.bcy01w .qfbnl1 .f5n23x ul li img {
  width: 70px;
  height: 70px;
  border-radius: 5px;
  margin-right: 20px;
}
.bcy01w .qfbnl1 .f5n23x ul li .pvrtai{
  flex: 1;
}
.bcy01w .qfbnl1 .f5n23x ul li span {
  display: block;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 24px;
  color: var(--grey);
}
.bcy01w .qfbnl1 .f5n23x ul li a {
  display: inline-block;
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  color: var(--deep-blue);
}

.bcy01w .qfbnl1 .b0rqkj ul li a {
  display: inline-block;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: var(--deep-blue);
  text-transform: capitalize;
}
.bcy01w .qfbnl1 .b0rqkj ul li:not(:last-child) {
  padding-bottom: 20px;
}
.bcy01w .qfbnl1 .b0rqkj ul li a i {
  margin-right: 10px;
}
.bcy01w .qfbnl1 .f5n23x ul li a:hover,
.bcy01w .qfbnl1 .b0rqkj ul li a:hover {
  color: var(--orange);
}
.bcy01w .qfbnl1 .v3pwvm .f6yq4s a {
  display: inline-block;
  font-size: 14px;
  line-height: 32px;
  color: var(--grey);
  padding: 0 18px;
  font-weight: 400;
  border-radius: 5px;
  background: transparent;
  text-transform: capitalize;
  margin-right: 15px;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  background: var(--white);
}

.bcy01w .qfbnl1 .v3pwvm .f6yq4s a:hover {
  color: var(--white);
  background: var(--orange);
}

/*================================================
12: contact page css Style
==================================================*/
.t1boj0.tkyn9t{
  margin-top: -200px;
}
.t1boj0.tkyn9t #j2haol {
  width: 100%;
  height: 720px;
}

/*================================================
13: service-detail page
==================================================*/
.ljka8i.detail{
  padding-bottom: 90px;
}
.ljka8i.detail .image img{
  width: 100%;
}
.ljka8i.detail .text{
  padding-right: 50px;
}
.ljka8i.detail .text h5{
  font-weight: 700;
  padding: 20px 0;
}
.ljka8i.detail .text p{
  padding-bottom: 20px;
}
.ljka8i.detail .text .img{
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
}
.ljka8i.detail .la0eea .title{
  padding-bottom: 30px;
}
.ljka8i.detail .la0eea .title h5{
  font-weight: 700;
  text-transform: capitalize;
  position: relative;
}
.ljka8i.detail .la0eea .title h5:after{
  content: '';
  position: absolute;
  bottom: -10px;
  left: 0;
  height: 2px;
  width: 60px;
  background: var(--orange);
}
.ljka8i.detail .la0eea .gx87lk{
  margin-bottom: 30px;
}
.ljka8i.detail .la0eea .gx87lk:last-child{
  margin-bottom: 0;
}
.ljka8i.detail .la0eea .gx87lk ul li{
  border-bottom: 1px solid #ddd;
  padding: 8px 0;
}
.ljka8i.detail .la0eea .gx87lk ul li p{
  text-transform: capitalize;
}
.ljka8i.detail .la0eea .lv1fnw{
  padding: 15px;
  border: 6px solid #ddd;
}
.ljka8i.detail .la0eea .gx87lk a{
  margin-top: 20px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.ljka8i.detail .la0eea .gx87lk a i{
  padding-left: 10px;
}
.ljka8i.detail .la0eea .gx87lk .img img{
  width: 100%;
}
/*================================================
14: project detail page
==================================================*/
.b6qayq.xf34ub .image img{
  width: 100%;
}
.b6qayq.xf34ub .lb23et{
  padding-left: 60px;
}
.b6qayq.xf34ub .c0mgk1{
  padding-bottom: 20px;
}
.b6qayq.xf34ub .c0mgk1 h5{
  font-size: 25px;
  font-weight: 700;
  text-transform: capitalize;
}
.b6qayq.xf34ub .p54i22 li{
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ddd;
  padding: 15px 0;
}
.b6qayq.xf34ub .p54i22 li:last-child{
  border-bottom: 0;
}
.b6qayq.xf34ub .p54i22 li h6{
  font-weight: 700;
  text-transform: capitalize;
  width: 50%;
}
.b6qayq.xf34ub .p54i22 li p{
  width: 50%;
  text-transform: capitalize;
}
.b6qayq.xf34ub .p54i22 li ul li{
  border: 0;
  padding: 0;
  padding-right: 15px;
}
.b6qayq.xf34ub .p54i22 li ul li a i{
  font-size: 16px;
  color: var(--dark);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}
.b6qayq.xf34ub .p54i22 li ul li a:hover i{
  color: var(--orange);
}
.b6qayq.xf34ub .h8ttvr{
  padding-top: 10px;
}
.b6qayq.xf34ub .title{
  padding-top: 20px;
  padding-bottom: 15px;
}
.b6qayq.xf34ub .title h4{
  font-size: 29px;
  line-height: 44px;
  text-transform: capitalize;
  font-weight: 700;
}
.b6qayq.xf34ub .hk12b6{
  padding-top: 20px;
}
.b6qayq.xf34ub .hk12b6 li{
  position: relative;
  padding: 5px 0 5px 30px;
}
.b6qayq.xf34ub .hk12b6 li:before{
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: var(--orange);
}
/*================================================
15: about page css Style
==================================================*/
.t31e32.ogfuaa .content ul{
  padding-bottom: 30px;
}
/*================================================
16: team detail page
==================================================*/
.ak3sfe.ptmlv7 .lw751f{
  box-shadow: 19px 0 109px rgba(0, 0, 0, 0.08);
}
.ak3sfe.ptmlv7 .lw751f .image img{
  width: 100%;
}
.ak3sfe.ptmlv7 .lw751f .name{
  padding: 25px 30px 30px 30px;
}
.ak3sfe.ptmlv7 .lw751f .name h5{
  font-weight: 700;
  text-transform: capitalize;
}
.ak3sfe.ptmlv7 .lw751f .name p{
  text-transform: capitalize;
  padding-top: 5px;
}
.ak3sfe.ptmlv7 .lw751f .name ul{
  padding-top: 20px;
}
.ak3sfe.ptmlv7 .lw751f .name ul li{
  padding-right: 20px;
}
.ak3sfe.ptmlv7 .lw751f .name ul li a i{
  font-size: 16px;
  color: var(--grey);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}
.ak3sfe.ptmlv7 .lw751f .name ul li a:hover i{
  color: var(--orange);
}
.ak3sfe.ptmlv7 .cvcfx3{
  padding-top: 30px;
}
.ak3sfe.ptmlv7 .cvcfx3:first-child{
  padding-top: 0;
}
.ak3sfe.ptmlv7 .title{
  padding-bottom: 40px;
}
.ak3sfe.ptmlv7 .title h5{
  font-weight: 700;
  text-transform: capitalize;
  position: relative;
}
.ak3sfe.ptmlv7 .title h5:after{
  content: '';
  position: absolute;
  bottom: -10px;
  left: 0;
  height: 2px;
  width: 65px;
  background: var(--orange);
}
.ak3sfe.ptmlv7 .table tr th,
.ak3sfe.ptmlv7 .table tr td{
  font-weight: 400;
  text-transform: capitalize;
  font-size: 16px;
  line-height: 28px;
  color: var(--grey);
  padding: 5px 0;
}
.ak3sfe.ptmlv7 .table tr th{
  font-weight: 500;
}
.ak3sfe.ptmlv7 .lbmcr6 tr td{
  text-transform: uppercase;
}
.ak3sfe.ptmlv7 .table tr .b6lhvm{
  width: 150px;
}
.ak3sfe.ptmlv7 .table tr .txoalk{
  min-width: 200px;
}
.ak3sfe.ptmlv7 .table tr .liwuol{
  min-width: 150px;
}
.ak3sfe.ptmlv7 .table tr .eps06k{
  min-width: 170px;
}
.ak3sfe.ptmlv7 .table tr .izr1eh,
.ak3sfe.ptmlv7 .table tr .hi4vbu{
  min-width: 200px;
}
/*新增加的css*/
.tqpe63 {
  padding: 20px 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pagination {
  margin-top: 20px;
  display: flex;
  flex-wrap: nowrap;
  gap: 6px;
}
.pagination a,
.pagination span {
  min-width: 38px;
  height: 38px;
  border: 1px solid #ccc;
  text-decoration: none;
  color: #333;
  border-radius: 4px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination .uf0ccr {
  background-color: rgb(255 121 8);
  color: white;
  border-color: rgb(255 121 8);
}
.pagination .disabled {
  color: #aaa;
  border-color: #eee;
}
/* Theme 486 migration */
.sst7co {
  align-items: center;
}
.mtiwyq {
  margin-left: auto;
}
.hwdp2n > li > a {
  white-space: nowrap;
}
.rx4t5w.i739k3 .i7zcbw {
  display: inline-block;
  font-size: 0;
  margin-left: 18px;
  white-space: nowrap;
}
.rx4t5w.i739k3 .i7zcbw .q48d73 {
  display: inline-block;
  width: auto;
  height: 42px;
  min-width: 62px;
  margin-left: 8px;
  padding: 0 16px;
  line-height: 42px;
  border-radius: 5px;
  font-size: 15px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}
.rx4t5w.i739k3 .i7zcbw .ublrw0 {
  background: var(--deep-blue);
}
.sbrevw.rx4t5w.xayqpx h1 {
  font-size: 45px;
  font-weight: 700;
  color: var(--white);
  line-height: 1.2;
  padding-bottom: 10px;
}
.hwa0o9 {
  display: block;
  font-size: 36px;
  line-height: 1.3;
  color: var(--dark);
  font-weight: 700;
  padding: 20px 0 10px;
}
.wp11mh,
.wp11mh .fsw1kf h2,
.wp11mh .fsw1kf p,
.wp11mh h3,
.wp11mh h4,
.wp11mh h5,
.wp11mh p,
.wp11mh li,
.s4n2qh h4,
.s4n2qh p,
.tahlmz h3,
.tahlmz p,
.tahlmz li,
.ci155p h3,
.ci155p p,
.e0r1y1 h3,
.e0r1y1 p {
  color: var(--dark);
}
.s4n2qh {
  height: auto !important;
  min-height: 250px;
  margin-bottom: 30px;
}
.s4n2qh .u35xpg {
  position: relative !important;
  min-height: 250px;
  background: var(--white) !important;
  -webkit-box-shadow: 0 12px 35px rgba(0,0,0,0.08);
  -moz-box-shadow: 0 12px 35px rgba(0,0,0,0.08);
  box-shadow: 0 12px 35px rgba(0,0,0,0.08);
}
.ukr3dj.bhtze6 .s4n2qh:hover .u35xpg,
.ukr3dj.bhtze6 .s4n2qh .u35xpg {
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}
.ukr3dj.bhtze6 .s4n2qh .inner {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
}
.s4n2qh .u35xpg .n1q0c9,
.s4n2qh .u35xpg h4,
.s4n2qh .u35xpg p {
  color: var(--dark);
}
.tifujw .overlay p,
.tifujw .overlay h4,
.tifujw .overlay a,
.e6dz2x .e0r1y1 h3,
.e6dz2x .e0r1y1 p {
  color: var(--white);
}
.dlrphb .bg {
  overflow: hidden;
}
.tahlmz,
.ci155p,
.e0r1y1 {
  padding: 35px;
  background: var(--white);
  border-radius: 5px;
  -webkit-box-shadow: 0 12px 35px rgba(0,0,0,0.08);
  -moz-box-shadow: 0 12px 35px rgba(0,0,0,0.08);
  box-shadow: 0 12px 35px rgba(0,0,0,0.08);
}
.tahlmz ul {
  margin-top: 18px;
}
.tahlmz li {
  padding: 7px 0;
  font-weight: 600;
}
.e0r1y1 {
  background: var(--deep-blue);
}
.e0r1y1 h3,
.e0r1y1 p {
  color: var(--white);
}
.dlrphb .content .fsw1kf h2,
.dlrphb .content label,
.dlrphb .content p,
.dlrphb .content a,
.lashyj h2 {
  color: var(--dark);
}
.dlrphb .bbt5k8 {
  color: var(--dark);
  background: var(--white);
}
.dlrphb .bbt5k8::placeholder {
  color: var(--grey);
}
.hcwj4c {
  overflow: hidden;
  margin-bottom: 18px;
  font-size: 15px;
}
.hcwj4c label {
  float: left;
  margin: 0;
  color: var(--dark);
}
.hcwj4c input {
  width: auto;
  height: auto;
  margin: 0 6px 0 0;
  vertical-align: middle;
}
.hcwj4c a {
  float: right;
  color: var(--orange);
  text-decoration: underline;
}
.asw5gq {
  font-size: 0;
}
.asw5gq .q48d73,
.asw5gq button.q48d73 {
  display: inline-block;
  height: 54px;
  line-height: 54px;
  margin: 8px 10px 0 0;
  padding: 0 26px;
  border: 0;
  font-size: 16px;
  vertical-align: top;
  cursor: pointer;
  white-space: nowrap;
}
.d0xgj4 {
  background: var(--deep-blue);
}
.qmq0eu .overlay {
  padding: 75px 0 45px;
}
.cc89v8 a p {
  white-space: nowrap;
}
.ukr3dj.af3tis .gx87lk .image img,
.y2rl6l.af3tis .gx87lk .image img,
.bcy01w .qfalcg .d8joie img,
.bcy01w .qfbnl1 .f5n23x ul li img {
  max-height: 260px;
  object-fit: cover;
}
.ukr3dj.af3tis .gx87lk .image img,
.y2rl6l.af3tis .gx87lk .image img,
.bcy01w .qfalcg .d8joie img {
  width: 100%;
}
@media (max-width: 1199px) {
  .rx4t5w.i739k3 .i7zcbw .q48d73 {
    min-width: 54px;
    padding: 0 10px;
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .rx4t5w.i739k3 .i7zcbw {
    margin-left: 0;
    margin-top: 12px;
    display: block;
  }
  .rx4t5w.i739k3 .i7zcbw .q48d73 {
    margin: 0 8px 8px 0;
  }
}
@media (max-width: 767px) {
  .sbrevw.rx4t5w.xayqpx h1 {
    font-size: 32px;
  }
  .hwa0o9 {
    font-size: 28px;
  }
  .tahlmz,
  .ci155p,
  .e0r1y1 {
    padding: 24px;
  }
  .hcwj4c label,
  .hcwj4c a {
    float: none;
    display: block;
    margin-bottom: 8px;
  }
  .asw5gq .q48d73,
  .asw5gq button.q48d73 {
    display: block;
    width: 100%;
    margin-right: 0;
    text-align: center;
  }
}