@charset "UTF-8";
/* ==============
Template name : Conskip - Construction and Renovation HTML5 Template
Author : Egens Lab
Version : 1.0.0
Created : 
Last update : 
================= */
/* CSS Index 
-----------------------------------
1. Global CSS
2. Navbar area
3. Topbar area 
4. Main slider area 
5. About area 
6. Service area 
7. Achievement area 
8. Features area
9. Review area 
10. Portfolio area
11. Pricing area 
12. Team area 
13. Blog area 
14. Client area
15. Newslatter area 
16. Footer area
17. Service page css
18. Blog page css
19. Shop page css
20. Error page css
21. Contact page css
22. Portfolio Page css

*/
/*====================
    1. Global CSS
======================*/
/*google fonts*/
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
/*--- Color ---*/
/*--- Fonts ---*/
* {
  box-sizing: border-box;
  outline: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

/* common class's*/
.oqwpmn {
  padding-top: 100px;
}

.rtl9ff {
  padding-top: 70px;
}

.igd6mt {
  margin-top: 100px;
}

.af6jw9 {
  margin-top: 30px;
}

.clyhz3 {
  padding-bottom: 40px;
}

.nmirkn {
  padding-bottom: 70px;
}

.b64olm {
  padding-bottom: 30px;
}

body {
  padding: 0;
  margin: 0;
  font-family: "Rubik", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

ul, ol {
  list-style: none;
}

p {
  line-height: 25px;
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  margin-bottom: 0;
}

p.uxk40i {
  line-height: 2.5rem;
  font-family: "Open Sans", sans-serif;
}

a {
  text-decoration: none !important;
}

input {
  padding: 8px 15px;
  display: block;
  width: 100%;
  background: #ffffff;
  border: 1px solid #707070;
  border-radius: 2px;
  height: 45px;
}

input:focus {
  outline: none !important;
  border: 1px solid #FF3027;
}

input[type=submit], button[type=submit] {
  display: inline-block;
  width: auto;
  padding: 10px 50px;
  border: 1px solid transparent;
  border-radius: 5px;
  text-transform: capitalize;
  margin-bottom: 0;
  color: #fff;
  transition: all 0.3s;
  background: #FF3027;
}
input[type=submit]:hover, button[type=submit]:hover {
  background: #27272B;
  color: #fff;
  border: 1px solid #27272B;
}

input[type=submit]:focus {
  outline: none;
}

textarea {
  padding: 8px 10px;
  background: #FFFFFF;
  border-radius: 5px;
  display: block;
  width: 100%;
  border: 1px solid #707070;
  transition: all 0.4s ease;
}

textarea:focus {
  outline: none !important;
  border: 1px solid #FF3027;
}

select {
  padding: 8px 10px;
  background: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 5px;
  display: block;
  width: 100%;
  transition: all 0.4s ease;
  margin-bottom: 10px;
  height: 45px;
}
select:focus {
  outline: none;
  border: 1px solid #FF5235;
}

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

table tbody tr td,
table tbody tr th,
table thead tr td,
table thead tr th,
table tfoot tr td,
table tfoot tr th {
  border: 1px solid #eee;
  padding: 10px;
}

.laex0a h5 {
  font-weight: 500;
  font-size: 18px;
  color: #FF3027;
  margin-bottom: 15px;
  position: relative;
  display: inline-block;
}
.laex0a h5::before {
  position: absolute;
  content: "";
  width: 15px;
  height: 2px;
  top: 50%;
  transform: translateY(-50%);
  left: -25px;
  background: #FF3027;
}
.laex0a h5::after {
  position: absolute;
  content: "";
  width: 15px;
  height: 2px;
  top: 50%;
  transform: translateY(-50%);
  right: -25px;
  background: #FF3027;
}
.laex0a h2 {
  font-weight: 700;
  font-size: 52px;
  line-height: 62px;
  color: #19194F;
  text-transform: capitalize;
}

.v17qwd {
  font-family: "Rubik", sans-serif;
  font-weight: 500;
  font-size: 18px;
  display: block;
  color: #FFFFFF;
  padding: 12px 30px;
  background: #FF3027;
  border-radius: 100px;
  position: relative;
  overflow: hidden;
  text-transform: capitalize;
  display: inline-flex;
  transition: all 100ms linear;
}
.v17qwd i {
  margin-left: 8px;
}
.v17qwd:hover {
  color: #fff;
}
.v17qwd::before {
  content: "";
  position: absolute;
  height: 100px;
  width: 20px;
  background: rgba(243, 243, 243, 0.5);
  filter: blur(1px);
  opacity: 0.9;
  top: -30px;
  transition: 0.7s;
  transform: rotate(-20deg) translateX(-60px);
}

.v17qwd:hover:before {
  transform: rotate(-20deg) translate(140px, 70px);
}

.fkoyvn {
  display: inline-block;
  font-weight: 500;
  font-size: 14px;
  color: #FFFFFF;
  background: #FF3027;
  padding: 10px 20px;
  border-radius: 100px;
  border: 1px solid transparent;
  transition: all 0.3s;
}
.fkoyvn:hover {
  border: 1px solid #FF3027;
  color: #FF3027;
  background: #fff;
}

.dq5v14 {
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 9;
  animation: 500ms ease-in-out 0s fadeInDown;
  animation: 500ms ease-in-out;
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

/*owl carousel css*/
.c3muae.eotlea .rs5x5j button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.c3muae.eotlea .rs5x5j button i {
  color: #CACACA;
  font-size: 25px;
}
.c3muae.eotlea .rs5x5j button.g374dm {
  left: 30px;
}
.c3muae.eotlea .rs5x5j button.jo356k {
  right: 30px;
}

.oxffky.eotlea .rs5x5j button {
  height: 30px;
  width: 30px;
  background: #FF3027;
  border-radius: 50%;
  text-align: center;
  margin-top: -25px;
}
.oxffky.eotlea .rs5x5j button i {
  color: #fff;
  font-size: 14px;
  line-height: 36px;
}
.oxffky.eotlea .rs5x5j button.g374dm {
  position: absolute;
  bottom: 40px;
  left: 40px;
}
.oxffky.eotlea .rs5x5j button.jo356k {
  position: absolute;
  bottom: 40px;
  right: 40px;
}

.x1fbjf {
  text-align: center;
}

/*Breadcrumb area*/
.dpb6qu {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 450px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.dpb6qu::before {
  position: absolute;
  content: "";
  z-index: 20;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  background: rgba(39, 39, 43, 0.9);
}
.dpb6qu .eroqbg {
  color: #fff;
  text-align: center;
  position: relative;
  z-index: 10;
}
.dpb6qu .eroqbg h3 {
  font-weight: 700;
  font-size: 52px;
  line-height: 62px;
  color: #FFFFFF;
  text-transform: capitalize;
}
.dpb6qu .eroqbg h5 {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  color: #FFFFFF;
  margin: 10px 0 30px 0;
}
.dpb6qu .eroqbg ul.urjip2 {
  display: flex;
  justify-content: center;
}
.dpb6qu .eroqbg ul.urjip2 li {
  font-size: 1rem;
  margin: 0 12px;
  text-transform: capitalize;
  position: relative;
  line-height: 12px;
}
.dpb6qu .eroqbg ul.urjip2 li:first-child::before {
  position: absolute;
  top: 0;
  right: -12px;
  content: "";
  height: 12px;
  width: 2px;
  background: #fff;
}
.dpb6qu .eroqbg ul.urjip2 li a {
  color: #FF3027;
}

/*back to top btn*/
.ds4gt6 {
  position: fixed;
  bottom: 40px;
  right: 30px;
  background: #FF3027;
  height: 38px;
  width: 38px;
  border-radius: 50%;
  text-align: center;
  line-height: 36px;
  display: none;
  z-index: 9999;
}
.ds4gt6 i {
  color: #fff;
}
.ds4gt6 i::before {
  vertical-align: middle;
}

/* pagination*/
.kdjf6b {
  display: flex;
  justify-content: center;
  margin-top: 70px;
}
.kdjf6b ul {
  display: flex;
}
.kdjf6b ul li {
  height: 52px;
  width: 52px;
  border-radius: 50%;
  background: #FFFFFF;
  box-shadow: 4px 0px 20px rgba(70, 70, 70, 0.1);
  text-align: center;
  margin: 0 10px;
  transition: all 0.2s;
}
.kdjf6b ul li:hover {
  background: #FF3027;
}
.kdjf6b ul li:hover a, .kdjf6b ul li:hover i {
  color: #fff;
}
.kdjf6b ul li a {
  font-weight: 700;
  font-size: 1rem;
  color: #FF3027;
  line-height: 52px;
  transition: all 0.2s;
}
.kdjf6b ul li i {
  line-height: 56px;
  color: #FF3027;
  transition: all 0.2s;
  cursor: pointer;
}

/*preloader css start*/
.preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: #ecebeb;
  top: 0;
  left: 0;
  font-size: 30px;
  vertical-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.t3poak {
  width: 60px;
  height: 60px;
}

.t3poak .s0yzy4 {
  width: 33%;
  height: 33%;
  background-color: #FF3027;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}

.t3poak .utfdfb {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.t3poak .pr2wjs {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.t3poak .bvz3eb {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.t3poak .sumxh4 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.t3poak .mdk7rx {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.t3poak .vohb71 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.t3poak .sx5u6s {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.t3poak .j911yy {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.t3poak .d250iy {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
/*Preloader CSS END */
/* =============================
         Global CSS end
==============================*/
/* =============================
    2. Navbar area start 
==============================*/
/*======= 3. header-area ========= */
.nero3l .obe4ot {
  display: none;
}
.nero3l .obe4ot a {
  font-size: 14px;
}

.nero3l .xx9aqo {
  display: none;
}

header .eo8igf .nero3l {
  float: right;
}

header .eo8igf .nero3l ul {
  margin: 0;
  list-style: none;
}

header .eo8igf .nero3l ul li {
  display: inline-block;
  position: relative;
  padding: 0 20px;
}

header .eo8igf .nero3l ul li:hover > a {
  color: #D21756;
}

header .eo8igf .nero3l ul li:hover > a::before {
  opacity: 1;
  background: #D21756;
}

header .eo8igf .nero3l ul li a {
  display: block;
  color: #27272B;
  font-size: 1rem;
  font-weight: 400;
  text-transform: capitalize;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  padding: 35px 0;
  position: relative;
  font-family: "Rubik", sans-serif;
}
header .eo8igf .nero3l ul li a:hover::before {
  width: 20px;
}

header .eo8igf .nero3l ul li a::before {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 0px;
  height: 3px;
  border-radius: 100px;
  content: "";
  background-color: #FF3027;
  opacity: 0;
  transition: all 200ms linear;
}

header .eo8igf .nero3l ul li ul.ik3sg6 > li {
  padding: 0;
  border-bottom: 1px solid #eee;
}
header .eo8igf .nero3l ul li ul.ik3sg6 > li:last-child {
  border-bottom: none;
}

header .eo8igf .nero3l ul li ul.ik3sg6 > li a {
  display: block;
  padding: 12px 10px;
  color: #27272B;
  font-family: "Rubik", sans-serif;
  line-height: 1;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

header .eo8igf .nero3l ul li ul.ik3sg6 > li a:hover {
  background: transparent;
  color: #FF3027 !important;
  transform: translateX(10px);
}

header .eo8igf .nero3l ul li ul.ik3sg6 > li a:hover::before {
  opacity: 0;
}

header > .eo8igf .j5tttp {
  float: right;
  height: 100%;
  display: flex;
  align-items: center;
}

header .eo8igf .j5tttp ul li a.gjpxw7 i:before {
  font-size: 18px;
  font-weight: 600;
  color: #707070;
  vertical-align: middle;
}

header .eo8igf .nero3l > ul > li > a.mf6a9t {
  color: #FF3027;
}

header .eo8igf .nero3l > ul > li > a.mf6a9t:before {
  opacity: 1;
  background-color: #D21756;
}

.sovt5r a.v17qwd {
  font-size: 14px;
}

/*===== Main Menu CSS =====*/
.nero3l ul li .ik3sg6 {
  position: absolute;
  left: 0;
  top: auto;
  right: 0;
  min-width: 200px;
  list-style: none;
  margin: 0;
  padding: 0;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  z-index: 9999;
  transform: translateY(20px);
  transition: all 0.3s;
  border-top: 3px solid #FF3027;
  box-shadow: 0 40px 70px 0 rgba(0, 0, 0, 0.05);
}

.nero3l ul li .ik3sg6 li .ik3sg6 {
  right: -200px;
  left: inherit;
  top: 0;
}

.nero3l ul li .ik3sg6 > li {
  display: block;
  margin: 0;
  position: relative;
}

.nero3l ul > li a:hover {
  color: #FF3027 !important;
}

.nero3l .xe60nd {
  width: 30px;
  font-size: 20px;
  line-height: 35px;
  text-align: center;
  color: #fff;
  font-style: normal;
  position: absolute;
  right: -5px;
  top: 0;
  z-index: 999;
  display: none;
  cursor: pointer;
}

.nero3l .xe60nd:before {
  font-size: 14px;
  text-align: center;
  line-height: 35px;
}

.nero3l > ul > li + li > .ik3sg6 {
  left: 15px;
}

.nero3l > ul > li:hover > .ik3sg6,
.nero3l ul li .ik3sg6 li:hover > .ik3sg6,
.nero3l ul li .ik3sg6 li .ik3sg6 li:hover > .ik3sg6 {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}

.b0ms4e {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translate3d(0, 30px, 0);
  transform: translate3d(0, 30px, 0);
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
}

.fo082c .b0ms4e {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.vunxpy {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.eo8igf .dbanqv {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: space-between;
}

header .eo8igf .nero3l ul li.namzwv:after {
  position: absolute;
  right: -5px;
  color: #262339;
  top: 33px;
  font-family: "boxicons";
  content: "";
  font-size: 18px;
  font-weight: 600;
  transition: all 0.5s ease-in-out;
}

/*=====sticky menu=====*/
.eo8igf.dq5v14 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  padding: 0;
  animation: 500ms ease-in-out 0s normal none 1 running;
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.1);
  background: #FFF;
  background-repeat: no-repeat;
  background-size: cover;
}

/* =============================
      Navbar area end 
==============================*/
/* =============================
   3. Topbar area start
==============================*/
.f002s0 {
  background: #27272B;
  color: #fff;
  padding: 9px 0;
}
.f002s0 .sdtf5r ul {
  display: flex;
  align-items: center;
}
.f002s0 .sdtf5r ul li {
  font-size: 13px;
  color: #fff;
  margin-right: 30px;
}
.f002s0 .sdtf5r ul li a {
  color: #fff;
}
.f002s0 .sdtf5r ul li i {
  margin-right: 8px;
}
.f002s0 .sdtf5r ul li:last-child {
  margin-right: 0;
}
.f002s0 .uis4md {
  float: right;
}
.f002s0 .uis4md ul {
  display: flex;
  gap: 15px;
}
.f002s0 .uis4md ul li {
  height: 22px;
  width: 22px;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 50%;
  line-height: 20px;
  transition: all 0.3s ease;
}
.f002s0 .uis4md ul li:hover {
  background: #FF3027;
  border-color: #FF3027;
}
.f002s0 .uis4md ul li a i {
  font-size: 10px;
  color: #fff;
}

/* =============================
    Topbar area end
==============================*/
/* =============================
   4. Main slider area start
==============================*/
.c3muae.eotlea .qnpnj8 .ndsch7 .rb8ba2 {
  transform: translateY(100px);
  opacity: 0;
  transition-delay: 1000ms;
  transition: transform 2000ms ease, opacity 2000ms ease;
}
.c3muae.eotlea .qnpnj8.mf6a9t .ndsch7 .rb8ba2 {
  transform: translateY(0px);
  opacity: 1;
}
.c3muae.eotlea .qnpnj8.mf6a9t .hedawt {
  transform: scale(1.15);
}

.ndsch7::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/banner/banner-shape.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.ndsch7 .rb8ba2 {
  position: relative;
  z-index: 12;
}
.ndsch7 .rb8ba2 h5.vugkj6 {
  font-size: 18px;
  color: #FFFFFF;
  font-weight: 500;
  position: relative;
  display: inline-block;
}
.ndsch7 .rb8ba2 h2.phhxwx {
  font-size: 52px;
  line-height: 62px;
  color: #FFFFFF;
  font-weight: 700;
  max-width: 680px;
  padding: 30px 0 20px 0;
  text-transform: capitalize;
}
.ndsch7 .rb8ba2 p.cqxjtv {
  line-height: 30px;
  max-width: 592px;
  padding-bottom: 50px;
  color: #fff;
}

.ndsch7.tzoh7o h5.vugkj6::before {
  position: absolute;
  bottom: -12px;
  left: 0;
  content: "";
  width: 44px;
  height: 3px;
  border-radius: 4px;
  background: #fff;
}

.ndsch7.bifbwj {
  text-align: center;
}
.ndsch7.bifbwj h5.vugkj6::before {
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  width: 44px;
  height: 3px;
  border-radius: 4px;
  background: #fff;
}
.ndsch7.bifbwj h2.phhxwx {
  margin: 0 auto;
  max-width: 900px;
}
.ndsch7.bifbwj p.cqxjtv {
  max-width: 720px;
  margin: 0 auto;
}

.ndsch7.n76cih h5.vugkj6::before {
  position: absolute;
  bottom: -12px;
  left: 0;
  content: "";
  width: 44px;
  height: 3px;
  border-radius: 4px;
  background: #fff;
}

.hedawt {
  background: linear-gradient(rgba(39, 39, 43, 0.65) 100%, rgba(39, 39, 43, 0.65) 100%), url(../images/banner/banner-item-three.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  transition: transform 7000ms ease;
}

.tzoh7o {
  min-height: 720px;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  color: #fff;
  padding: 80px 0;
}

.bifbwj {
  background: linear-gradient(rgba(39, 39, 43, 0.65) 100%, rgba(39, 39, 43, 0.65) 100%), url(../images/banner/banner-item-two.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 720px;
  position: relative;
  display: flex;
  align-items: center;
  color: #fff;
  padding: 80px 0;
}

.n76cih {
  background: linear-gradient(rgba(39, 39, 43, 0.65) 100%, rgba(39, 39, 43, 0.65) 100%), url(../images/banner/banner-item-one.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 720px;
  position: relative;
  display: flex;
  align-items: center;
  color: #fff;
  padding: 80px 0;
}

/* =============================
     Main slider area end
==============================*/
/* =============================
    5. About area start
==============================*/
.v63qqk.laex0a h5::before {
  display: none;
}

.yjb5no img {
  border-radius: 5px;
}
.yjb5no .x45y5m {
  margin-left: 18px;
  border-radius: 5px;
  display: inline-block;
  position: relative;
}
.yjb5no .x45y5m::before {
  position: absolute;
  content: "";
  left: -20px;
  top: -20px;
  background: url(../images/shapes/about-s1.png);
  height: 60px;
  width: 66px;
}
.yjb5no .t6n5rx {
  float: right;
  margin-right: 18px;
  margin-top: -286px;
  position: relative;
  border-radius: 5px;
  display: inline-block;
  position: relative;
}
.yjb5no .t6n5rx::before {
  position: absolute;
  content: "";
  right: -20px;
  bottom: -20px;
  background: url(../images/shapes/about-s2.png);
  height: 60px;
  width: 66px;
}
.yjb5no .t6n5rx .bn0u6h {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  border-radius: 5px;
  left: 0;
  background: rgba(39, 39, 43, 0.7);
}
.yjb5no .t6n5rx .bn0u6h .mvyi84 {
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  background: #fff;
  color: #FF3027;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
}
.yjb5no .t6n5rx .bn0u6h .mvyi84 span {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #fff;
  border-radius: 50%;
  display: inline-block;
  animation: video-pulse 3s linear infinite;
  animation-delay: calc(-0.5s * var(--i));
}
@keyframes video-pulse {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
.yjb5no .t6n5rx .bn0u6h .mvyi84 a i {
  font-size: 30px;
  position: absolute;
  color: #FF3027;
  left: 50%;
  top: 50%;
  transform: translate(-46%, -46%);
}

.n2gj64 {
  height: 100%;
  display: flex;
  align-items: center;
}
.n2gj64 .v63qqk p.rpnxde {
  margin-top: 20px;
  color: #707070;
  line-height: 30px;
  padding-left: 20px;
  position: relative;
}
.n2gj64 .v63qqk p.rpnxde::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 80%;
  transform: translateY(-50%);
  width: 3px;
  background: #FF3027;
}
.n2gj64 .v63qqk ul.prb2tu {
  margin: 35px 0 45px 0;
}
.n2gj64 .v63qqk ul.prb2tu li {
  font-size: 1rem;
  line-height: 30px;
  color: #19194F;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  margin-bottom: 10px;
}
.n2gj64 .v63qqk ul.prb2tu li:last-child {
  margin-bottom: 0;
}
.n2gj64 .v63qqk ul.prb2tu li i {
  margin-right: 12px;
  color: #FF3027;
}
.n2gj64 .v63qqk ul.prb2tu li i::before {
  vertical-align: middle;
}

.nk8goe.pxzs9z {
  text-align: -webkit-right;
}

.nk8goe {
  background: #FFFFFF;
  border: 1px solid #FCFCFC;
  box-sizing: border-box;
  box-shadow: 0 40px 70px 0 rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  padding: 0 30px 25px 30px;
  margin-top: 50px;
}
.nk8goe .h5dgb6 {
  margin-top: -24px;
  height: 66px;
  width: 66px;
  background: linear-gradient(180deg, #FF3027 0%, #FFA000 100%);
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nk8goe .h5dgb6 i {
  font-size: 45px;
  color: #fff;
  line-height: 0.8;
}
.nk8goe .rgaduq {
  margin-top: 20px;
}
.nk8goe .rgaduq h4 {
  font-weight: 500;
  font-size: 20px;
  color: #27272B;
}
.nk8goe .rgaduq p.hnm9r1 {
  font-size: 1rem;
  line-height: 26px;
  color: #707070;
  margin: 15px 0 25px 0;
}
.nk8goe .rgaduq .l5s3fp a {
  font-weight: 500;
  font-size: 16px;
  color: #707070;
  transition: all 0.2s ease;
}
.nk8goe .rgaduq .l5s3fp a:hover {
  color: #FF3027;
}
.nk8goe .rgaduq .l5s3fp a:hover i {
  color: #FF3027;
}
.nk8goe .rgaduq .l5s3fp a i {
  margin: 0 8px;
}
.nk8goe .rgaduq .l5s3fp a i::before {
  vertical-align: middle;
}

.l5s3fp {
  text-align: end;
}

.l5s3fp.i9xsm6 {
  text-align: start;
}

.jxn5r7 {
  padding-top: 50px;
  background: linear-gradient(180deg, #FFF8ED 0%, rgba(255, 255, 255, 0) 100%);
}

/* =============================
     About area end
==============================*/
/* =============================
    6. Service area start
==============================*/
.v9avok {
  text-align: center;
  margin: 0 auto;
  max-width: 580px;
}
.v9avok h5 {
  font-weight: 500;
  font-size: 18px;
  color: #FF3027;
}
.v9avok h2 {
  font-size: 52px;
  color: #19194F;
  font-weight: 700;
  line-height: 65px;
}

.yjuqq1 {
  margin-top: 20px;
  background: #FFFFFF;
  box-shadow: 0 40px 70px 0 rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  text-align: center;
  padding: 30px 25px;
}
.yjuqq1:hover .vw36oc a {
  color: #FF3027;
}
.yjuqq1 .nuom4u i {
  font-size: 55px;
  color: #FF3027;
}
.yjuqq1 h5 {
  font-weight: 500;
  font-size: 20px;
  color: #19194F;
  margin: 10px 0 15px 0;
}
.yjuqq1 p {
  color: #707070;
  line-height: 22px;
}
.yjuqq1 .vw36oc a {
  margin-top: 20px;
  font-weight: 500;
  font-size: 1rem;
  line-height: 22px;
  color: #707070;
  display: inline-block;
  transition: all 0.2s;
}
.yjuqq1 .vw36oc a:hover {
  color: #FF3027;
}
.yjuqq1 .vw36oc a:hover i {
  color: #FF3027;
}
.yjuqq1 .vw36oc a i {
  font-size: 1rem;
  margin-left: 6px;
  color: #707070;
}
.yjuqq1 .vw36oc a i::before {
  vertical-align: middle;
}

.a17rph {
  margin-top: 20px;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  height: 100%;
  background: url(../images/service/service-intro.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.a17rph .b88bh3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(39, 39, 43, 0.7);
  text-align: center;
  padding: 0 20px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.a17rph .b88bh3 h3 {
  font-weight: 400;
  font-size: 20px;
  color: #FFFFFF;
}
.a17rph .b88bh3 h3 span {
  font-size: 35px;
  font-weight: 700;
}
.a17rph .b88bh3 p {
  line-height: 22px;
  padding: 10px 0 35px 0;
}
.a17rph .b88bh3 .vw36oc a {
  display: inline-block;
  font-weight: 500;
  font-size: 1rem;
  color: #fff;
  padding: 10px 30px;
  border: 2px solid #fff;
  border-radius: 100px;
  background: transparent;
  transition: all 0.3s;
}
.a17rph .b88bh3 .vw36oc a:hover {
  background: #FF3027;
  border: 2px solid #FF3027;
}

/* =============================
     Service area end
==============================*/
/* =============================
     7. Achievement area start
==============================*/
.mxmb4p {
  background: linear-gradient(rgba(39, 39, 43, 0.8) 100%, rgba(39, 39, 43, 0.8) 100%), url(../images/achievement/achievement-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 50px 0 80px 0;
}

.g4jjzn {
  margin-top: 30px;
  background: #fff;
  text-align: center;
  padding: 35px 30px;
  border-radius: 5px;
}
.g4jjzn .cp15ca {
  height: 78px;
  width: 78px;
  border-radius: 0px 30px;
  background: #FFE0DF;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.g4jjzn .cp15ca i {
  font-size: 50px;
  color: #FF3027;
}
.g4jjzn .cp15ca i::before {
  vertical-align: middle;
}
.g4jjzn h3 {
  font-weight: 600;
  font-size: 45px;
  color: #19194F;
  margin: 15px 0 5px 0;
}
.g4jjzn h5 {
  font-size: 20px;
  color: #19194F;
}

/* =============================
     Achievement area end
==============================*/
/* =============================
    8. Features area start
==============================*/
.q30eq2 .siig6r {
  height: 100%;
  display: flex;
  align-items: center;
}
.q30eq2 .n4b0th h2 {
  font-weight: 700;
  font-size: 52px;
  line-height: 62px;
  color: #19194F;
}
.q30eq2 .n4b0th p {
  line-height: 30px;
  color: #707070;
  margin: 25px 0 45px 0;
}
.q30eq2 .s51ki7 img {
  width: 100%;
}
.q30eq2 .ue3h4j {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}
.q30eq2 .ue3h4j .jt4l82 {
  width: 30%;
}
.q30eq2 .ue3h4j .jt4l82 img {
  width: 100%;
  border-radius: 5px;
}

.g1ia1t .yh1omn, .fn9vmr .yh1omn, .w1giwl .yh1omn {
  margin-bottom: 15px;
  box-shadow: 0px 0px 20px rgba(103, 103, 103, 0.05);
  border-radius: 5px;
  border: none;
}
.g1ia1t .yh1omn:last-child, .fn9vmr .yh1omn:last-child, .w1giwl .yh1omn:last-child {
  margin-bottom: 0;
}
.g1ia1t .yh1omn .bdp35k:not(.ihe4az), .fn9vmr .yh1omn .bdp35k:not(.ihe4az), .w1giwl .yh1omn .bdp35k:not(.ihe4az) {
  box-shadow: none;
  background-color: #fff;
  color: #19194F;
}
.g1ia1t .yh1omn button.bdp35k, .fn9vmr .yh1omn button.bdp35k, .w1giwl .yh1omn button.bdp35k {
  padding: 15px 20px;
  font-size: 18px;
  color: #19194F;
  display: flex;
  justify-content: space-between;
}
.g1ia1t .yh1omn button.bdp35k span, .fn9vmr .yh1omn button.bdp35k span, .w1giwl .yh1omn button.bdp35k span {
  display: flex;
  align-items: center;
}
.g1ia1t .yh1omn button.bdp35k i.bkqulu, .fn9vmr .yh1omn button.bdp35k i.bkqulu, .w1giwl .yh1omn button.bdp35k i.bkqulu {
  height: 22px;
  min-width: 22px;
  background: #FF3027;
  border-radius: 50%;
  text-align: center;
  margin-left: 20px;
  font-size: 13px;
  color: #fff;
  line-height: 25px;
}
.g1ia1t .yh1omn button.bdp35k span i, .fn9vmr .yh1omn button.bdp35k span i, .w1giwl .yh1omn button.bdp35k span i {
  color: #FF3027;
  margin-right: 12px;
}
.g1ia1t .yh1omn button.bdp35k span i::before, .fn9vmr .yh1omn button.bdp35k span i::before, .w1giwl .yh1omn button.bdp35k span i::before {
  vertical-align: middle;
}
.g1ia1t .yh1omn button.bdp35k:after, .fn9vmr .yh1omn button.bdp35k:after, .w1giwl .yh1omn button.bdp35k:after {
  display: none;
}
.g1ia1t .yh1omn button.bdp35k:focus, .fn9vmr .yh1omn button.bdp35k:focus, .w1giwl .yh1omn button.bdp35k:focus {
  box-shadow: none;
}
.g1ia1t .yh1omn .ggexsp, .fn9vmr .yh1omn .ggexsp, .w1giwl .yh1omn .ggexsp {
  padding: 20px;
  color: #707070;
  position: relative;
}
.g1ia1t .yh1omn .ggexsp::before, .fn9vmr .yh1omn .ggexsp::before, .w1giwl .yh1omn .ggexsp::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 50%;
  width: 3px;
  background: #FF3027;
  border-radius: 100px;
}

/* =============================
     Features area end
==============================*/
/* =============================
    9. Review area start
==============================*/
.oxffky {
  padding: 20px 20px;
  text-align: center;
}

.zwras5 {
  padding: 25px 25px;
  box-shadow: 0px 4px 20px rgba(255, 95, 88, 0.03);
  border-radius: 10px;
}
.zwras5 p {
  font-size: 1rem;
  color: #707070;
}
.zwras5 h5 {
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 0.04em;
  color: #19194F;
  margin: 18px 0 6px 0;
}
.zwras5 p.zvufrl {
  color: #FF3027;
  letter-spacing: 0.1em;
}
.zwras5 ul.j9mxrd {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  gap: 5px;
  color: #FFA000;
}

/* =============================
     Review area end
==============================*/
/* =============================
    10. Portfolio area start
==============================*/
.i8lvfs {
  background: linear-gradient(180deg, #FFF8F4 0%, rgba(255, 251, 249, 0.52) 100%);
  padding: 75px 0;
}
.i8lvfs .d7e440 {
  text-align: center;
  margin-top: 70px;
}

.by890g {
  text-align: center;
  margin: 0 auto;
  max-width: 700px;
}

.q0649p {
  margin-top: 30px;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}
.q0649p:hover .kekram {
  transform: rotateX(0deg);
}
.q0649p .dgrr43 img {
  width: 100%;
}
.q0649p .kekram {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(25, 25, 79, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  color: #fff;
  padding: 0 45px;
  transform: rotateX(90deg);
  transition: transform 500ms ease;
  perspective: 400px;
}
.q0649p .kekram p {
  font-weight: 500;
  font-family: "Rubik", sans-serif;
  font-size: 1rem;
}
.q0649p .kekram h5 {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  color: #FFFFFF;
  margin: 10px 0 25px 0;
}
.q0649p .kekram .gtcm74 a {
  display: inline-block;
  font-weight: 500;
  font-size: 1rem;
  color: #FFF;
  padding: 10px 30px;
  border: 2px solid #fff;
  border-radius: 100px;
  transition: all 0.3s;
}
.q0649p .kekram .gtcm74 a:hover {
  background: #FF3027;
  border: 2px solid #FF3027;
}

/* =============================
     Portfolio area end
==============================*/
/* =============================
    11. Pricing area start
==============================*/
.bf8kbw {
  text-align: center;
  margin: 0 auto;
  max-width: 700px;
}

.vpti02 {
  margin-top: 30px;
  background: #FFFFFF;
  border: 1px solid #FAFAFA;
  padding: 40px 25px;
  position: relative;
  box-shadow: 0px 4px 50px rgba(255, 184, 181, 0.08);
}
.vpti02::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(../images/shapes/pricing-shape.png);
  z-index: 0;
  opacity: 0;
  transition: all 0.3s ease;
  background-repeat: no-repeat;
  background-size: cover;
}
.vpti02:hover::before {
  opacity: 1;
}
.vpti02:hover a.y7x25c {
  background: #FF3027;
  border: 1px solid #FF3027;
  color: #fff;
}
.vpti02 .n4vhr3 {
  position: absolute;
  right: 0;
  top: 20px;
  font-weight: 500;
  font-size: 1rem;
  color: #27272B;
  background: #F4F4F4;
  border-radius: 100px 0 0 100px;
  padding: 3px 10px;
}
.vpti02 .pn6ccs {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  position: relative;
  z-index: 10;
}
.vpti02 .pn6ccs .dnwmje i {
  font-size: 48px;
  color: #FF3027;
  margin-right: 25px;
}
.vpti02 .pn6ccs .y26bkp h5 {
  font-weight: 500;
  font-size: 20px;
  color: #19194F;
  margin-bottom: 5px;
}
.vpti02 .pn6ccs .y26bkp h3 {
  font-weight: 400;
  font-size: 18px;
  color: #19194F;
}
.vpti02 .pn6ccs .y26bkp h3 span {
  font-weight: 700;
  font-size: 40px;
}
.vpti02 .uhrdb2 {
  margin: 50px 0;
  position: relative;
  z-index: 10;
}
.vpti02 .uhrdb2 ul {
  margin-left: 20px;
}
.vpti02 .uhrdb2 ul li {
  color: #707070;
  font-size: 1rem;
  margin-bottom: 15px;
}
.vpti02 .uhrdb2 ul li:last-child {
  margin-bottom: 0;
}
.vpti02 .uhrdb2 ul li i {
  margin-right: 15px;
  color: #FF3027;
}
.vpti02 .lkwqr7 {
  position: relative;
  z-index: 10;
  text-align: center;
}

a.y7x25c {
  padding: 10px 24px;
  font-weight: 400;
  font-size: 18px;
  color: #27272B;
  border: 1px solid #27272B;
  border-radius: 100px;
  transition: all 0.3s;
}

a.ogcy2d {
  padding: 10px 24px;
  font-weight: 400;
  font-size: 18px;
  color: #fff;
  border-radius: 100px;
  transition: all 0.3s;
  background: #FF3027;
  border: 1px solid #FF3027;
}

/* =============================
     Pricing area end
==============================*/
/* =============================
    12. Team area start
==============================*/
.yq6icx .rbp6qp .u08hqd ul.bcaved.t9tdol {
  opacity: 1;
  transform: scale(1);
}

.lfty2l {
  text-align: center;
  margin: 0 auto;
  max-width: 700px;
}

.yq6icx {
  margin-top: 30px;
}
.yq6icx:hover .rbp6qp img {
  filter: grayscale(80%);
}
.yq6icx .rbp6qp {
  position: relative;
  transition: all 0.2s;
}
.yq6icx .rbp6qp img {
  width: 100%;
  transition: all 0.2s;
}
.yq6icx .rbp6qp .u08hqd {
  position: absolute;
  top: 20px;
  right: 20px;
}
.yq6icx .rbp6qp .u08hqd .nyfkzk {
  height: 26px;
  width: 26px;
  background: #FF3027;
  border-radius: 50%;
  text-align: center;
  line-height: 28px;
  cursor: pointer;
  margin-bottom: 10px;
}
.yq6icx .rbp6qp .u08hqd .nyfkzk i {
  color: #fff;
  font-size: 20px;
}
.yq6icx .rbp6qp .u08hqd ul.bcaved {
  opacity: 0;
  transform: scale(0);
  transition: all 0.3s;
}
.yq6icx .rbp6qp .u08hqd ul.bcaved li {
  margin-bottom: 10px;
  height: 26px;
  width: 26px;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 29px;
  cursor: pointer;
  transition: all 0.2s;
}
.yq6icx .rbp6qp .u08hqd ul.bcaved li:hover {
  background: #FF3027;
}
.yq6icx .rbp6qp .u08hqd ul.bcaved li:hover i {
  color: #fff;
}
.yq6icx .rbp6qp .u08hqd ul.bcaved li i {
  font-size: 14px;
  color: #FF3027;
}
.yq6icx .z4wzg7 {
  padding: 25px 20px;
  text-align: center;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px rgba(255, 95, 88, 0.05);
  border-radius: 0px 0px 5px 5px;
}
.yq6icx .z4wzg7 h5.kh6uk3 {
  font-weight: 500;
  font-size: 20px;
  color: #19194F;
  margin-bottom: 7px;
}
.yq6icx .z4wzg7 p.nj6wuk {
  font-size: 1rem;
  color: #707070;
}

/* =============================
     Team area end
==============================*/
/* =============================
     13. Blog area start
==============================*/
.zcmcgs {
  text-align: center;
  margin: 0 auto;
  max-width: 700px;
}

.g0pnre {
  margin-top: 30px;
}
.g0pnre:hover .oj23ob .nd56kg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFEEE2 100%);
}
.g0pnre:hover .oj23ob .nd56kg .l1jtxt a {
  color: #FF3027;
}
.g0pnre:hover .oj23ob .nd56kg .l1jtxt a i {
  color: #FF3027;
}
.g0pnre .no43ea img {
  width: 100%;
  border-radius: 5px 5px 0 0;
}
.g0pnre .oj23ob .fk4ath {
  padding: 10px 28px 10px 28px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #EEEEEE;
}
.g0pnre .oj23ob .fk4ath .krswql, .g0pnre .oj23ob .fk4ath .ndkqs7 {
  display: flex;
  align-items: center;
}
.g0pnre .oj23ob .fk4ath .krswql .eft506 img, .g0pnre .oj23ob .fk4ath .ndkqs7 .eft506 img {
  width: 22px;
  min-width: 22px;
  height: 22px;
  border-radius: 50%;
}
.g0pnre .oj23ob .fk4ath .krswql .ximjpd, .g0pnre .oj23ob .fk4ath .ndkqs7 .ximjpd {
  height: 22px;
  width: 22px;
  border-radius: 50%;
  box-shadow: 0px 0px 5px #E2E2E2;
  text-align: center;
  line-height: 20px;
}
.g0pnre .oj23ob .fk4ath .krswql .ximjpd i, .g0pnre .oj23ob .fk4ath .ndkqs7 .ximjpd i {
  color: #FF3027;
  font-size: 12px;
}
.g0pnre .oj23ob .fk4ath .krswql span, .g0pnre .oj23ob .fk4ath .ndkqs7 span {
  font-family: "Rubik", sans-serif;
  font-weight: 600;
  font-size: 12px;
  color: #27272B;
  margin-left: 10px;
}
.g0pnre .oj23ob .fk4ath .krswql span a, .g0pnre .oj23ob .fk4ath .ndkqs7 span a {
  color: #FF3027;
}
.g0pnre .oj23ob .nd56kg {
  background: #fff;
  padding: 20px 20px;
  transition: all 0.3s;
}
.g0pnre .oj23ob .nd56kg a.zx3l5y {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  text-transform: capitalize;
  color: #27272B;
}
.g0pnre .oj23ob .nd56kg p {
  color: #707070;
  margin: 15px 0;
}
.g0pnre .oj23ob .nd56kg .l1jtxt {
  line-height: 1;
}
.g0pnre .oj23ob .nd56kg .l1jtxt a {
  font-weight: 500;
  font-size: 14px;
  color: #707070;
  display: inline-block;
  transition: all 0.3s;
}
.g0pnre .oj23ob .nd56kg .l1jtxt a i {
  margin-left: 8px;
}
.g0pnre .oj23ob .nd56kg .l1jtxt a i::before {
  vertical-align: middle;
}

/* =============================
      Blog area end
==============================*/
/* =============================
     14. Client area start
==============================*/
.mqqa3h.eotlea .qnpnj8 img {
  width: auto;
}

.mqqa3h .t2whre {
  height: 100px;
  width: 120px;
  border: 1px solid rgba(196, 196, 196, 0.4);
  border-radius: 2px;
  text-align: center;
  margin: 0 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

/* =============================
      Client area end
==============================*/
/* =============================
     15. Newslatter area start
==============================*/
.sikdlh {
  margin-bottom: -85px;
  position: relative;
}
.sikdlh .f2y1td {
  background: #FF3027;
  padding: 46px 0;
  border-radius: 5px;
  position: relative;
}
.sikdlh .f2y1td::before {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  background: url(../images/shapes/news-shape-r.png);
  height: 80px;
  width: 80px;
  z-index: 9;
}
.sikdlh .f2y1td::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  background: url(../images/shapes/news-shape-l.png);
  height: 80px;
  width: 80px;
  z-index: 9;
}
.sikdlh .f2y1td .xee1v0 {
  position: relative;
  z-index: 10;
}
.sikdlh .f2y1td .xee1v0 h4 {
  font-weight: 700;
  font-size: 30px;
  color: #FFFFFF;
  margin-bottom: 10px;
}
.sikdlh .f2y1td .xee1v0 p {
  font-size: 20px;
  line-height: 30px;
  font-family: "Rubik", sans-serif;
  color: #fff;
}
.sikdlh .f2y1td .t8uvwn {
  position: relative;
  z-index: 10;
}
.sikdlh .f2y1td .t8uvwn .i4rqln {
  position: relative;
}
.sikdlh .f2y1td .t8uvwn .i4rqln input {
  height: 58px;
  background: #fff;
  border-radius: 5px;
  border: none;
}
.sikdlh .f2y1td .t8uvwn .i4rqln .smrps9 {
  display: inline-block;
  font-weight: 500;
  font-size: 18px;
  padding: 10px 15px;
  background: #FF3027;
  border-radius: 5px;
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
  cursor: pointer;
  border: none;
}
.sikdlh .f2y1td .t8uvwn .i4rqln .smrps9 i {
  margin-left: 8px;
}
.sikdlh .f2y1td .t8uvwn .i4rqln .smrps9 i::before {
  vertical-align: middle;
}

/* =============================
      Newslatter area end
==============================*/
/* =============================
     16. Footer area start
==============================*/
.pked0c {
  background: linear-gradient(rgba(39, 39, 43, 0.95) 100%, rgba(39, 39, 43, 0.95) 100%), url(../images/footer-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: 160px;
  color: #fff;
  overflow-x: hidden;
}
.pked0c .yopo7v {
  padding: 30px 0;
}
.pked0c .yxxwsz h5 {
  font-size: 20px;
  margin-bottom: 48px;
  position: relative;
  display: inline-block;
}
.pked0c .yxxwsz h5::before {
  position: absolute;
  bottom: -12px;
  left: 0;
  content: "";
  width: 40px;
  height: 3px;
  border-radius: 4px;
  background: #fff;
}
.pked0c .yxxwsz ul {
  display: flex;
}
.pked0c .yxxwsz ul li a {
  display: inline-block;
  height: 30px;
  width: 30px;
  color: #ffffff;
  text-align: center;
  line-height: 31px;
  margin-right: 15px;
  border: 1px solid #fff;
  border-radius: 50%;
  transition: all 0.3s;
}
.pked0c .yxxwsz ul li a:hover {
  background: #FF3027;
  color: #fff;
  border: 1px solid #FF3027;
}
.pked0c .yxxwsz ul li a i {
  font-size: 14px;
}
.pked0c .ep1ows h5 {
  font-size: 22px;
  color: #ffffff;
  margin-bottom: 44px;
  position: relative;
  display: inline-block;
}
.pked0c .ep1ows h5::before {
  position: absolute;
  bottom: -1.2rem;
  left: 0;
  content: "";
  width: 40px;
  height: 3px;
  border-radius: 4px;
  background: #fff;
}
.pked0c .ep1ows ul li {
  margin-bottom: 20px;
}
.pked0c .ep1ows ul li:last-child {
  margin-bottom: 0;
}
.pked0c .ep1ows ul li a {
  font-weight: 600;
  text-decoration: none;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  transition: all 0.2s;
  font-size: 1rem;
}
.pked0c .ep1ows ul li a:hover {
  color: #FF3027;
}
.pked0c .ep1ows ul li a i {
  margin-right: 10px;
}
.pked0c .ksuwir h5 {
  font-size: 22px;
  color: #ffffff;
  margin-bottom: 44px;
  position: relative;
  display: inline-block;
}
.pked0c .ksuwir h5::before {
  position: absolute;
  bottom: -1.2rem;
  left: 0;
  content: "";
  width: 40px;
  height: 3px;
  border-radius: 4px;
  background: #fff;
}
.pked0c .ksuwir .ormfu0 {
  display: flex;
  margin-bottom: 25px;
  align-items: center;
}
.pked0c .ksuwir .ormfu0 .na2ovy a {
  display: block;
  color: #fff;
}
.pked0c .ksuwir .ormfu0:last-child {
  margin-bottom: 0;
}
.pked0c .ksuwir .ormfu0 .eu2xxv {
  min-width: 30px;
  max-width: 30px;
}
.pked0c .ksuwir .ormfu0 .eu2xxv i {
  font-size: 18px;
}
.pked0c .grie5j {
  margin-top: 75px;
  text-align: center;
  padding: 25px;
  color: #ffffff;
  font-size: 1rem;
  border-top: 2px solid rgba(255, 255, 255, 0.15);
}
.pked0c .grie5j p {
  font-size: 14px;
}

/* =============================
      Footer area end
==============================*/
/* =============================
   17. Service page css start
==============================*/
.viglxz.laex0a {
  text-align: center;
}

.hiiylc {
  text-align: center;
  margin-top: 10px;
}

.f2wn5o {
  margin-bottom: 55px;
}
.f2wn5o:last-child {
  margin-bottom: 0;
}
.f2wn5o .aa5tqy {
  height: 100%;
  display: flex;
  align-items: center;
}
.f2wn5o .aa5tqy .h443h3 h5 {
  font-size: 40px;
  font-weight: 500;
  padding: 15px 20px;
  background: #FF3027;
  display: inline-block;
  color: #fff;
  border-radius: 5px 50px 50px 5px;
}
.f2wn5o .aa5tqy .h443h3 h3 {
  font-weight: 500;
  font-size: 40px;
  line-height: 47px;
  text-transform: capitalize;
  color: #19194F;
  padding: 30px 0 20px 0;
}
.f2wn5o .aa5tqy .h443h3 p {
  line-height: 28px;
  color: #707070;
}
.f2wn5o .aa5tqy .h443h3 .ijdqdb {
  margin-top: 60px;
}
.f2wn5o .aa5tqy .h443h3 .ijdqdb a {
  font-weight: 500;
  font-size: 18px;
  color: #707070;
  display: inline-block;
  transition: all 0.3s ease;
}
.f2wn5o .aa5tqy .h443h3 .ijdqdb a:hover {
  color: #FF3027;
}
.f2wn5o .aa5tqy .h443h3 .ijdqdb a:hover i {
  margin-left: 12px;
}
.f2wn5o .aa5tqy .h443h3 .ijdqdb a i {
  margin-left: 8px;
  transition: all 0.3s ease;
}
.f2wn5o .aa5tqy .h443h3 .ijdqdb a i::before {
  vertical-align: middle;
}

.bo33qd h4.igep40 {
  font-weight: 500;
  font-size: 20px;
  color: #19194F;
  text-transform: capitalize;
  margin-bottom: 40px;
  position: relative;
}
.bo33qd h4.igep40::before {
  position: absolute;
  content: "";
  width: 51px;
  height: 4px;
  background: #19194F;
  border-radius: 4px;
  bottom: -15px;
  left: 0;
}
.bo33qd .oceek7 {
  padding: 35px 45px;
  background: #FFFFFF;
  box-shadow: 4px 0px 20px rgba(70, 70, 70, 0.08);
  border-radius: 5px;
}
.bo33qd .oceek7 ul.ofmi1q li {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
  cursor: pointer;
  transition: all 0.2s;
}
.bo33qd .oceek7 ul.ofmi1q li a {
  font-size: 1rem;
  color: #707070;
}
.bo33qd .oceek7 ul.ofmi1q li:hover {
  border-bottom: 1px solid #FF3027;
}
.bo33qd .oceek7 ul.ofmi1q li:hover a {
  color: #19194F;
}
.bo33qd .oceek7 ul.ofmi1q li:last-child {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
}
.bo33qd .oceek7 ul.ofmi1q li i {
  margin-right: 8px;
}
.bo33qd .oceek7 ul.ofmi1q li i::before {
  vertical-align: middle;
}
.bo33qd .y4vsg5 {
  margin-top: 40px;
  padding: 35px 45px;
  background: #FFFFFF;
  box-shadow: 4px 0px 20px rgba(70, 70, 70, 0.08);
  border-radius: 5px;
}
.bo33qd .y4vsg5 h5 {
  font-size: 20px;
  color: #27272B;
}
.bo33qd .y4vsg5 a {
  display: block;
  font-family: "Open Sans", sans-serif;
  line-height: 26px;
  color: #707070;
}
.bo33qd .y4vsg5 a.tb278u {
  margin: 15px 0 15px 0;
}
.bo33qd .y4vsg5 a.jtngdc {
  margin-bottom: 10px;
}
.bo33qd .y4vsg5 a.jtngdc:last-child {
  margin-bottom: 0;
}
.bo33qd .imqrdt {
  margin-top: 40px;
  padding: 35px 45px;
  background: #FFFFFF;
  box-shadow: 4px 0px 20px rgba(70, 70, 70, 0.08);
  border-radius: 5px;
}
.bo33qd .imqrdt .kuwxmc {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.bo33qd .imqrdt .kuwxmc:last-child {
  margin-bottom: 0;
}
.bo33qd .imqrdt .kuwxmc:hover a {
  color: #FF3027;
}
.bo33qd .imqrdt .kuwxmc .fvumk3 {
  height: 40px;
  width: 40px;
  min-width: 40px;
  border-radius: 50%;
  border: 1px solid #FF3027;
  text-align: center;
  line-height: 46px;
  margin-right: 12px;
}
.bo33qd .imqrdt .kuwxmc .fvumk3 i {
  color: #FF3027;
  font-size: 22px;
}
.bo33qd .imqrdt .kuwxmc a {
  font-size: 1rem;
  color: #707070;
  transition: all 0.2s;
}

.rea7xw h4.igep40 {
  font-weight: 500;
  font-size: 20px;
  color: #19194F;
  text-transform: capitalize;
  margin-bottom: 40px;
  position: relative;
}
.rea7xw h4.igep40::before {
  position: absolute;
  content: "";
  width: 51px;
  height: 4px;
  background: #19194F;
  border-radius: 4px;
  bottom: -15px;
  left: 0;
}
.rea7xw p {
  font-size: 1rem;
  line-height: 25px;
  color: #707070;
  margin-bottom: 20px;
}
.rea7xw .pocrae {
  position: relative;
  margin: 50px 0 30px 0;
}
.rea7xw .pocrae img {
  border-radius: 5px;
}
.rea7xw .pocrae .ptlfmh {
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  background: #fff;
  color: #FF3027;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.rea7xw .pocrae .ptlfmh span {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #fff;
  border-radius: 50%;
  display: inline-block;
  animation: video-pulse 3s linear infinite;
  animation-delay: calc(-0.5s * var(--i));
}
@keyframes video-pulse {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
.rea7xw .pocrae .ptlfmh a i {
  font-size: 30px;
  position: absolute;
  color: #FF3027;
  left: 50%;
  top: 50%;
  transform: translate(-46%, -46%);
}
.rea7xw .u2v34m .qvh5pr {
  padding: 15px;
  background: #FF3027;
  box-shadow: 0px 4px 20px rgba(103, 103, 103, 0.05);
  border-radius: 5px;
}
.rea7xw .u2v34m .qvh5pr .buqnap {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #fff;
}
.rea7xw .u2v34m .qvh5pr .buqnap:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.rea7xw .u2v34m .qvh5pr .buqnap p {
  margin-bottom: 0;
  color: #fff;
  text-align: center;
  line-height: 22px;
}

.uov66j .laex0a {
  text-align: center;
}

.ay8sbb {
  border-radius: 5px;
  overflow: hidden;
  margin-top: 24px;
  position: relative;
}
.ay8sbb:hover .e89gc7 {
  opacity: 1;
}
.ay8sbb:hover img {
  transform: scale(1.05);
}
.ay8sbb img {
  width: 100%;
  transition: all 0.3s;
}
.ay8sbb .e89gc7 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(39, 39, 43, 0.8);
  display: flex;
  align-items: center;
  text-align: center;
  color: #fff;
  justify-content: center;
  opacity: 0;
  transition: all 0.3s;
}
.ay8sbb .e89gc7 .oywlxp {
  margin: 0 auto;
  width: 44px;
  height: 34px;
  border-radius: 2px;
  border: 1px solid #fff;
  text-align: center;
  cursor: pointer;
}
.ay8sbb .e89gc7 .oywlxp a, .ay8sbb .e89gc7 .oywlxp i {
  font-size: 26px;
  color: #fff;
}
.ay8sbb .e89gc7 h5 {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 20px;
  text-transform: capitalize;
  max-width: 222px;
  margin: 0 auto;
  margin-top: 30px;
}

.iyiy5q .laex0a {
  text-align: center;
}
.iyiy5q .hwgplt {
  display: flex;
  height: 100%;
}
.iyiy5q .hwgplt img {
  width: 100%;
}
.iyiy5q .f97a4b {
  background: #27272B;
  height: 100%;
  padding: 40px 30px;
  display: flex;
  align-items: center;
}
.iyiy5q .f97a4b .fie5yr {
  max-width: 542px;
}
.iyiy5q .f97a4b .fie5yr h5 {
  font-weight: 500;
  font-size: 20px;
  color: #FFFFFF;
  margin-bottom: 30px;
}
.iyiy5q .f97a4b .fie5yr input, .iyiy5q .f97a4b .fie5yr textarea {
  background: transparent;
  margin-bottom: 20px;
  color: #fff;
}
.iyiy5q .f97a4b .fie5yr input {
  height: 45px;
}
.iyiy5q .f97a4b .fie5yr input[type=checkbox] {
  height: 20px;
  width: 20px;
  padding: 8px;
  margin-bottom: 0;
  margin-right: 10px;
  margin-top: 5px;
}
.iyiy5q .f97a4b .fie5yr input[type=submit] {
  border: 1px solid #fff;
  color: #fff;
}
.iyiy5q .f97a4b .fie5yr .sfd6i0 {
  color: #fff;
  display: flex;
  height: 50px;
  margin-bottom: 25px;
}
.iyiy5q .f97a4b .fie5yr .sfd6i0 label {
  font-family: "Open Sans", sans-serif;
}

.iyiy5q {
  overflow: hidden;
}

/* =============================
    Service page css end
==============================*/
/* =============================
  18. Blog page css start
==============================*/
.e0f6u0 {
  margin-top: 30px;
  padding: 30px;
  background: #FFFFFF;
  box-shadow: 4px 0px 20px rgba(70, 70, 70, 0.08);
  border-radius: 5px;
}
.e0f6u0 a.hpa0bv {
  font-weight: 500;
  font-size: 28px;
  line-height: 33px;
  color: #19194F;
  margin-bottom: 30px;
  display: block;
}
.e0f6u0 .g3ztvf img {
  border-radius: 5px;
  width: 100%;
}
.e0f6u0 .fk4ath {
  padding: 20px 0 15px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.e0f6u0 .fk4ath .krswql, .e0f6u0 .fk4ath .ndkqs7 {
  display: flex;
  align-items: center;
}
.e0f6u0 .fk4ath .krswql .eft506 img, .e0f6u0 .fk4ath .ndkqs7 .eft506 img {
  width: 27px;
  height: 27px;
  border-radius: 50%;
}
.e0f6u0 .fk4ath .krswql .ximjpd, .e0f6u0 .fk4ath .ndkqs7 .ximjpd {
  height: 22px;
  width: 22px;
  border-radius: 50%;
  box-shadow: 0px 0px 5px #E2E2E2;
  text-align: center;
  line-height: 20px;
}
.e0f6u0 .fk4ath .krswql .ximjpd i, .e0f6u0 .fk4ath .ndkqs7 .ximjpd i {
  color: #FF3027;
  font-size: 12px;
}
.e0f6u0 .fk4ath .krswql span, .e0f6u0 .fk4ath .ndkqs7 span {
  font-family: "Rubik", sans-serif;
  font-weight: 600;
  font-size: 12px;
  color: #27272B;
  margin-left: 10px;
}
.e0f6u0 .fk4ath .krswql span a, .e0f6u0 .fk4ath .ndkqs7 span a {
  color: #FF3027;
}
.e0f6u0 p {
  color: #707070;
  font-size: 1rem;
}
.e0f6u0 .nd56kg {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.e0f6u0 .nd56kg .jpmz3c {
  display: flex;
}
.e0f6u0 .nd56kg .jpmz3c .y7vks3 {
  background: #FFFFFF;
  box-shadow: 4px 0px 20px rgba(70, 70, 70, 0.1);
  height: 32px;
  width: 32px;
  text-align: center;
  border-radius: 50%;
  margin-left: 15px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.e0f6u0 .nd56kg .jpmz3c .y7vks3:hover {
  background: #FF3027;
}
.e0f6u0 .nd56kg .jpmz3c .y7vks3:hover i {
  color: #fff;
}
.e0f6u0 .nd56kg .jpmz3c .y7vks3 i {
  font-size: 1rem;
  color: #FF3027;
  line-height: 36px;
}

.qfbnl1 h4.qewnaa {
  font-weight: 500;
  font-size: 20px;
  color: #19194F;
  text-transform: capitalize;
  margin-bottom: 40px;
  position: relative;
}
.qfbnl1 h4.qewnaa::before {
  position: absolute;
  content: "";
  width: 51px;
  height: 4px;
  background: #19194F;
  border-radius: 4px;
  bottom: -15px;
  left: 0;
}
.qfbnl1 .wjgh9z {
  display: flex;
  align-items: center;
  background: #FFFFFF;
  box-shadow: 4px 0px 20px rgba(70, 70, 70, 0.08);
  border-radius: 5px;
  padding: 10px;
}
.qfbnl1 .wjgh9z input {
  border: 1px solid rgba(51, 51, 65, 0.4);
  border-radius: 100px;
  height: 44px;
  margin-bottom: 0;
  padding: 0px 42px 0px 15px;
}
.qfbnl1 .wjgh9z i {
  color: #FF3027;
  font-size: 20px;
  margin-left: -35px;
}
.qfbnl1 .de9s6p {
  padding: 30px 35px;
  background: #FFFFFF;
  box-shadow: 4px 0px 20px rgba(70, 70, 70, 0.08);
  border-radius: 5px;
  margin-top: 40px;
}
.qfbnl1 .de9s6p ul.ofmi1q li {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
  transition: all 0.2s;
}
.qfbnl1 .de9s6p ul.ofmi1q li a {
  font-size: 1rem;
  color: #707070;
}
.qfbnl1 .de9s6p ul.ofmi1q li:hover {
  border-bottom: 1px solid #FF3027;
}
.qfbnl1 .de9s6p ul.ofmi1q li:hover a {
  color: #19194F;
}
.qfbnl1 .de9s6p ul.ofmi1q li:last-child {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
}
.qfbnl1 .de9s6p ul.ofmi1q li i {
  margin-right: 8px;
}
.qfbnl1 .de9s6p ul.ofmi1q li i::before {
  vertical-align: middle;
}
.qfbnl1 .kocez0 {
  padding: 30px 35px 20px 35px;
  background: #FFFFFF;
  box-shadow: 4px 0px 20px rgba(70, 70, 70, 0.08);
  border-radius: 5px;
  margin-top: 40px;
}
.qfbnl1 .kocez0 ul {
  display: flex;
  flex-wrap: wrap;
}
.qfbnl1 .kocez0 ul li a {
  display: inline-block;
  font-size: 1rem;
  color: #707070;
  padding: 8px 12px;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px rgba(70, 70, 70, 0.1);
  border-radius: 3px;
  margin: 0 10px 10px 0;
  transition: all 0.2s;
}
.qfbnl1 .kocez0 ul li a:hover {
  background: #FF3027;
  color: #fff;
}
.qfbnl1 .j6bqx4 {
  padding: 30px 35px;
  background: #FFFFFF;
  box-shadow: 4px 0px 20px rgba(70, 70, 70, 0.08);
  border-radius: 5px;
  margin-top: 40px;
}
.qfbnl1 .j6bqx4 ul.dlsczk li.un1vid {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.qfbnl1 .j6bqx4 ul.dlsczk li.un1vid:last-child {
  margin-bottom: 0;
}
.qfbnl1 .j6bqx4 ul.dlsczk li.un1vid .fhfa5g {
  min-width: 100px;
  margin-right: 10px;
}
.qfbnl1 .j6bqx4 ul.dlsczk li.un1vid .fhfa5g img {
  width: 100%;
  border-radius: 6px;
}
.qfbnl1 .j6bqx4 ul.dlsczk li.un1vid .rhdv7m a.qzm348 {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #707070;
  margin-bottom: 12px;
  display: inline-block;
  transition: all 0.2s ease;
}
.qfbnl1 .j6bqx4 ul.dlsczk li.un1vid .rhdv7m a.qzm348:hover {
  color: #27272B;
}
.qfbnl1 .j6bqx4 ul.dlsczk li.un1vid .rhdv7m .kdem9t i, .qfbnl1 .j6bqx4 ul.dlsczk li.un1vid .rhdv7m .kdem9t span {
  font-size: 12px;
  color: #FF3027;
}
.qfbnl1 .n5hwyf {
  padding: 30px 35px;
  background: #FFFFFF;
  box-shadow: 4px 0px 20px rgba(70, 70, 70, 0.08);
  border-radius: 5px;
  margin-top: 40px;
}
.qfbnl1 .n5hwyf .bkm7p6 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  grid-gap: 15px;
  grid-template-areas: "g-img-1 g-img-2 g-img-3" "g-img-4 g-img-5 g-img-6";
}
.qfbnl1 .n5hwyf .bkm7p6 img {
  border-radius: 2px;
  width: 100%;
}
.qfbnl1 .n5hwyf .l0d6pt {
  grid-area: g-img-1;
}
.qfbnl1 .n5hwyf .yyu1rq {
  grid-area: g-img-2;
}
.qfbnl1 .n5hwyf .dervo3 {
  grid-area: g-img-3;
}
.qfbnl1 .n5hwyf .wvn30c {
  grid-area: g-img-4;
}
.qfbnl1 .n5hwyf .ke0och {
  grid-area: g-img-5;
}
.qfbnl1 .n5hwyf .nfnywd {
  grid-area: g-img-6;
}

.zdlwrl .empgt6 {
  background: #FFFFFF;
  box-shadow: 4px 0px 20px rgba(70, 70, 70, 0.08);
  border-radius: 5px;
  padding: 30px;
}
.zdlwrl .empgt6 .p4ek8j {
  margin-top: 20px;
  margin-bottom: 25px;
}
.zdlwrl .empgt6 .p4ek8j .k8z09g img {
  width: 100%;
}
.zdlwrl .empgt6 .i3jkdd img {
  width: 100%;
}
.zdlwrl .empgt6 h4.q7obgu {
  font-weight: 500;
  font-size: 28px;
  line-height: 33px;
  color: #19194F;
  margin-bottom: 15px;
}
.zdlwrl .empgt6 .q90zo7 {
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.zdlwrl .empgt6 .q90zo7 .krswql, .zdlwrl .empgt6 .q90zo7 .ndkqs7 {
  display: flex;
  align-items: center;
}
.zdlwrl .empgt6 .q90zo7 .krswql .eft506 img, .zdlwrl .empgt6 .q90zo7 .ndkqs7 .eft506 img {
  width: 27px;
  height: 27px;
  border-radius: 50%;
}
.zdlwrl .empgt6 .q90zo7 .krswql .ximjpd, .zdlwrl .empgt6 .q90zo7 .ndkqs7 .ximjpd {
  height: 27px;
  width: 27px;
  border-radius: 50%;
  box-shadow: 0px 0px 5px #E2E2E2;
  text-align: center;
  line-height: 27px;
}
.zdlwrl .empgt6 .q90zo7 .krswql .ximjpd i, .zdlwrl .empgt6 .q90zo7 .ndkqs7 .ximjpd i {
  color: #FF3027;
  font-size: 14px;
}
.zdlwrl .empgt6 .q90zo7 .krswql span, .zdlwrl .empgt6 .q90zo7 .ndkqs7 span {
  font-family: "Rubik", sans-serif;
  font-weight: 600;
  font-size: 12px;
  color: #27272B;
  margin-left: 10px;
}
.zdlwrl .empgt6 .q90zo7 .krswql span a, .zdlwrl .empgt6 .q90zo7 .ndkqs7 span a {
  color: #FF3027;
}
.zdlwrl .empgt6 p.icfmit {
  font-size: 20px;
  line-height: 26px;
  color: #27272B;
}
.zdlwrl .empgt6 .o7g92v {
  background: #F3F3F3;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 25px 30px;
  margin: 30px 0;
  position: relative;
  display: flex;
  align-items: center;
}
.zdlwrl .empgt6 .o7g92v .j0c4eb {
  margin-right: 25px;
}
.zdlwrl .empgt6 .o7g92v .j0c4eb i {
  color: #DEDEDE;
  font-size: 30px;
}
.zdlwrl .empgt6 .o7g92v .j0c4eb i::before {
  vertical-align: middle;
}
.zdlwrl .empgt6 .o7g92v p.hmjj0d {
  font-size: 1.2rem;
  line-height: 30px;
  color: #707070;
  margin-bottom: 0;
  font-weight: 600;
  font-family: "Rubik", sans-serif;
}
.zdlwrl .empgt6 p {
  font-size: 1rem;
  color: #707070;
  margin-bottom: 15px;
}
.zdlwrl .empgt6 p:last-child {
  margin-bottom: 0;
}
.zdlwrl .fwh19d {
  margin-top: 40px;
}
.zdlwrl .fwh19d h4.y427kp {
  font-weight: 500;
  font-size: 20px;
  color: #19194F;
  text-transform: capitalize;
  margin-bottom: 40px;
  position: relative;
}
.zdlwrl .fwh19d h4.y427kp::before {
  position: absolute;
  content: "";
  width: 51px;
  height: 4px;
  background: #19194F;
  border-radius: 4px;
  bottom: -15px;
  left: 0;
}
.zdlwrl .fwh19d ul.xppixa li.xti9o1 {
  background: #FFFFFF;
  box-shadow: 4px 0px 20px rgba(70, 70, 70, 0.08);
  border-radius: 5px;
  padding: 20px 25px;
  display: flex;
  margin-bottom: 30px;
}
.zdlwrl .fwh19d ul.xppixa li.xti9o1:last-child {
  margin-bottom: 0;
}
.zdlwrl .fwh19d ul.xppixa li.xti9o1:nth-child(even) {
  margin-left: 50px;
}
.zdlwrl .fwh19d ul.xppixa li.xti9o1 .lhal0l {
  max-width: 58px;
  min-width: 58px;
  margin-right: 20px;
}
.zdlwrl .fwh19d ul.xppixa li.xti9o1 .x6y0i3 .a9ygfi {
  display: flex;
}
.zdlwrl .fwh19d ul.xppixa li.xti9o1 .x6y0i3 .a9ygfi h5.paloke {
  font-weight: 700;
  font-size: 20px;
  color: #19194F;
  margin-right: 20px;
}
.zdlwrl .fwh19d ul.xppixa li.xti9o1 .x6y0i3 .a9ygfi ul.xg4xd8 {
  display: flex;
}
.zdlwrl .fwh19d ul.xppixa li.xti9o1 .x6y0i3 .a9ygfi ul.xg4xd8 li {
  margin-right: 5px;
}
.zdlwrl .fwh19d ul.xppixa li.xti9o1 .x6y0i3 .a9ygfi ul.xg4xd8 li i {
  color: #FFC107;
  font-size: 14px;
}
.zdlwrl .fwh19d ul.xppixa li.xti9o1 .x6y0i3 p.fr37be {
  font-size: 1rem;
  line-height: 23px;
  color: #707070;
  margin: 18px 0 20px 0;
}
.zdlwrl .fwh19d ul.xppixa li.xti9o1 .x6y0i3 .plwr7l {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.zdlwrl .fwh19d ul.xppixa li.xti9o1 .x6y0i3 .plwr7l ul.tbabpt {
  display: flex;
}
.zdlwrl .fwh19d ul.xppixa li.xti9o1 .x6y0i3 .plwr7l ul.tbabpt li {
  height: 26px;
  width: 26px;
  background: #FFFFFF;
  border-radius: 50%;
  box-shadow: 4px 0px 20px rgba(70, 70, 70, 0.1);
  text-align: center;
  margin-right: 15px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.zdlwrl .fwh19d ul.xppixa li.xti9o1 .x6y0i3 .plwr7l ul.tbabpt li:hover {
  background: #FF3027;
}
.zdlwrl .fwh19d ul.xppixa li.xti9o1 .x6y0i3 .plwr7l ul.tbabpt li:hover i {
  color: #fff;
}
.zdlwrl .fwh19d ul.xppixa li.xti9o1 .x6y0i3 .plwr7l ul.tbabpt li i {
  font-size: 14px;
  color: #FF3027;
  line-height: 30px;
  transition: all 0.2s ease;
}
.zdlwrl .fwh19d ul.xppixa li.xti9o1 .x6y0i3 .plwr7l strong.xu5m01 {
  font-weight: 600;
  font-size: 12px;
  color: #707070;
  font-family: "Open Sans", sans-serif;
}
.zdlwrl .aw6oz2 {
  margin-top: 40px;
  background: #FFFFFF;
  box-shadow: 4px 0px 20px rgba(70, 70, 70, 0.08);
  border-radius: 5px;
  padding: 30px;
}
.zdlwrl .aw6oz2 h4.y427kp {
  font-weight: 500;
  font-size: 20px;
  color: #19194F;
  text-transform: capitalize;
  margin-bottom: 40px;
  position: relative;
}
.zdlwrl .aw6oz2 h4.y427kp::before {
  position: absolute;
  content: "";
  width: 51px;
  height: 4px;
  background: #19194F;
  border-radius: 4px;
  bottom: -15px;
  left: 0;
}
.zdlwrl .aw6oz2 input, .zdlwrl .aw6oz2 textarea {
  margin-bottom: 30px;
  border-radius: 5px;
}
.zdlwrl .aw6oz2 input[type=submit] {
  margin-bottom: 0;
}

/* =============================
    Blog page css end
==============================*/
/* =============================
   19. Shop page css start
==============================*/
.pkgu1n p.tmkekh {
  font-size: 1rem;
  color: #707070;
}
.pkgu1n .b4fhjd {
  display: flex;
  align-items: center;
  border-radius: 5px;
}
.pkgu1n .b4fhjd input {
  border: 1px solid rgba(51, 51, 65, 0.4);
  border-radius: 100px;
  height: 44px;
  margin-bottom: 0;
  padding: 0px 42px 0px 15px;
}
.pkgu1n .b4fhjd i {
  color: #FF3027;
  font-size: 20px;
  margin-left: -35px;
  line-height: 1rem;
}
.pkgu1n select.d6o1ev {
  border: none;
  box-shadow: 4px 0px 20px rgba(70, 70, 70, 0.08);
  border-radius: 2px;
  font-size: 1rem;
  color: #707070;
  height: 44px;
  margin-bottom: 0;
}

.g90398 {
  margin-top: 45px;
}

.md8z35 {
  border: 1px solid #EEEEEE;
  box-sizing: border-box;
  border-radius: 5px;
  overflow: hidden;
  margin-top: 24px;
}
.md8z35:hover .uek50q img {
  transform: scale(1.05);
}
.md8z35 .uek50q {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.md8z35 .uek50q a.znw6c1 {
  height: 36px;
  width: 36px;
  background: #FFFFFF;
  box-shadow: 4px 0px 20px rgba(70, 70, 70, 0.1);
  text-align: center;
  line-height: 42px;
  position: absolute;
  left: 25px;
  top: 25px;
  display: inline-block;
  border-radius: 50%;
}
.md8z35 .uek50q a.znw6c1 i {
  font-size: 20px;
  color: #FF3027;
}
.md8z35 .uek50q img {
  transition: all 0.3s;
}
.md8z35 .ygtzmq {
  padding: 25px 20px;
  background: #fff;
  text-align: center;
}
.md8z35 .ygtzmq a.ymguxb {
  font-size: 1rem;
  color: #19194F;
  font-weight: 600;
}
.md8z35 .ygtzmq h5.xf97re {
  font-weight: 500;
  font-size: 20px;
  color: #FF3027;
  margin-top: 5px;
}
.md8z35 .ygtzmq del {
  font-size: 12px;
  text-decoration-line: line-through;
  color: #707070;
}

.pochp6 {
  margin-top: 70px;
}
.pochp6 .uek50q {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #EEEEEE;
  border-radius: 5px;
}
.pochp6 .ygtzmq h3.ymguxb {
  font-weight: 700;
  font-size: 28px;
  line-height: 33px;
  color: #19194F;
}
.pochp6 .ygtzmq .ill4g5 {
  margin: 30px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pochp6 .ygtzmq .ill4g5 .quis6a h5 {
  font-weight: 700;
  font-size: 25px;
  color: #FF3027;
}
.pochp6 .ygtzmq .ill4g5 .quis6a h5 del {
  font-size: 1rem;
  color: #707070;
  margin-left: 12px;
}
.pochp6 .ygtzmq .ill4g5 .cbfhmh {
  display: flex;
}
.pochp6 .ygtzmq .ill4g5 .cbfhmh ul {
  display: flex;
}
.pochp6 .ygtzmq .ill4g5 .cbfhmh ul li {
  color: #FFC107;
  margin-right: 5px;
}
.pochp6 .ygtzmq .ill4g5 .cbfhmh ul li i {
  font-size: 13px;
}
.pochp6 .ygtzmq .ill4g5 .cbfhmh strong {
  margin-left: 10px;
  color: #707070;
  font-weight: 400;
}
.pochp6 .ygtzmq p {
  color: #707070;
  margin-bottom: 30px;
}
.pochp6 .ygtzmq ul.td383o li {
  font-weight: 600;
  font-size: 1rem;
  color: #27272B;
  font-family: "Open Sans", sans-serif;
  margin-bottom: 15px;
}
.pochp6 .ygtzmq ul.td383o li:last-child {
  margin-bottom: 0;
}
.pochp6 .ygtzmq ul.td383o li span {
  color: #707070;
}
.pochp6 .ygtzmq .x56hp5 {
  margin-top: 30px;
}
.pochp6 .ygtzmq .x56hp5 h5 {
  font-weight: 600;
  font-size: 20px;
  text-transform: uppercase;
  color: #19194F;
  font-family: "Open Sans", sans-serif;
  margin-bottom: 20px;
}
.pochp6 .ygtzmq .x56hp5 .n95oiv {
  display: flex;
  align-items: center;
}
.pochp6 .ygtzmq .x56hp5 .n95oiv input {
  width: 65px;
  color: #3F6844;
  border: 1px solid #FF3027;
  font-size: 1rem;
  font-weight: 700;
  padding: 0;
  height: 40px;
  text-align: center;
}
.pochp6 .ygtzmq .x56hp5 .n95oiv span {
  padding: 0 7px;
  cursor: pointer;
  height: 40px;
  width: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #FF3027;
}
.pochp6 .ygtzmq .x56hp5 .n95oiv span.vu4rh2 {
  border-right: 0;
  border-radius: 40px 0 0 40px;
}
.pochp6 .ygtzmq .x56hp5 .n95oiv span.b9qn8t {
  border-left: 0;
  border-radius: 0 40px 40px 0;
}
.pochp6 .ygtzmq .x3zqco {
  display: flex;
  align-items: center;
}
.pochp6 .ygtzmq .x3zqco .iyhm6f {
  margin-left: 30px;
}

.ac5kww .cdilqk.ecucfc {
  border-bottom: none;
  background: #fff;
  box-shadow: 4px 0px 20px rgba(70, 70, 70, 0.08);
  border-radius: 3px;
}
.ac5kww .cdilqk.ecucfc button.fth79b {
  font-weight: 500;
  font-size: 20px;
  color: #FF3027;
  background: #fff;
  border: none;
  border-radius: 0;
  padding: 0.7rem 1.5rem;
}
.ac5kww .cdilqk.ecucfc button.fth79b.mf6a9t {
  background: #FF3027;
  color: #fff;
  border: none;
  border-radius: 0;
}
.ac5kww .fj8f2y {
  margin-top: 40px;
  background: #FFFFFF;
}
.ac5kww .fj8f2y .d7n2pk {
  padding: 30px 35px;
  box-shadow: 4px 0px 20px rgba(70, 70, 70, 0.08);
  border-radius: 5px;
}
.ac5kww .fj8f2y .d7n2pk p {
  font-size: 1rem;
  line-height: 25px;
  color: #707070;
  margin-bottom: 20px;
}
.ac5kww .fj8f2y .d7n2pk p:last-child {
  margin-bottom: 0;
}
.ac5kww .fj8f2y .s5oh4k .yfcmxq {
  padding: 6px 30px 30px 30px;
  box-shadow: 4px 0px 20px rgba(70, 70, 70, 0.08);
  border-radius: 5px;
}
.ac5kww .fj8f2y .s5oh4k .amui4y {
  margin-top: 50px;
}
.ac5kww .fj8f2y .s5oh4k .amui4y h4 {
  font-weight: 700;
  font-size: 28px;
  color: #19194F;
  text-transform: capitalize;
  margin-bottom: 40px;
  position: relative;
}
.ac5kww .fj8f2y .s5oh4k .amui4y h4::before {
  position: absolute;
  content: "";
  width: 51px;
  height: 4px;
  background: #19194F;
  border-radius: 4px;
  bottom: -15px;
  left: 0;
}
.ac5kww .fj8f2y .s5oh4k .amui4y input, .ac5kww .fj8f2y .s5oh4k .amui4y textarea {
  margin-bottom: 30px;
}
.ac5kww .fj8f2y .s5oh4k .amui4y input[type=submit] {
  margin-bottom: 0;
}

.jebzlm {
  margin-top: 24px;
  background: #FFFFFF;
  border: 1px solid #E7E7E7;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 15px;
}
.jebzlm .tcdzzk {
  display: flex;
  justify-content: space-between;
}
.jebzlm .tcdzzk .myleof {
  display: flex;
  align-items: center;
}
.jebzlm .tcdzzk .myleof .rb3vkb {
  max-width: 58px;
  margin-right: 20px;
}
.jebzlm .tcdzzk .myleof .lhzd7p h5.rli8fe {
  font-weight: 500;
  font-size: 20px;
  color: #27272B;
  margin-bottom: 5px;
}
.jebzlm .tcdzzk .myleof .lhzd7p ul {
  display: flex;
}
.jebzlm .tcdzzk .myleof .lhzd7p ul li {
  margin-right: 5px;
}
.jebzlm .tcdzzk .myleof .lhzd7p ul li i {
  color: #FFC107;
  font-size: 13px;
}
.jebzlm .tcdzzk span.n1exbn {
  font-size: 12px;
  color: #707070;
  font-family: "Open Sans", sans-serif;
}
.jebzlm .qq6mss p {
  color: #707070;
  font-size: 1rem;
  margin: 15px 0;
}
.jebzlm .r4q7x7 ul {
  display: flex;
}
.jebzlm .r4q7x7 ul li {
  height: 25px;
  width: 25px;
  background: #FFFFFF;
  border-radius: 50%;
  text-align: center;
  margin-right: 15px;
  cursor: pointer;
  box-shadow: 4px 0px 20px rgba(70, 70, 70, 0.1);
  transition: all 0.2s ease;
}
.jebzlm .r4q7x7 ul li:hover {
  background: #FF3027;
}
.jebzlm .r4q7x7 ul li:hover i {
  color: #fff;
}
.jebzlm .r4q7x7 ul li i {
  font-size: 14px;
  color: #FF3027;
  line-height: 30px;
  transition: all 0.2s ease;
}

#xkvke6 {
  width: 100%;
  height: auto;
  position: relative;
  margin-top: 10px;
}

#t0b0ch {
  width: 100%;
  height: auto;
}

#xkvke6:hover, #xkvke6:active {
  cursor: none;
  display: block;
}

#xkvke6:hover #z3nyko, #xkvke6:active #z3nyko {
  opacity: 1;
}

#z3nyko {
  width: 250px;
  height: 250px;
  background: url("../images/shop/pd-xl.png") no-repeat #FFF;
  box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.3);
  pointer-events: none;
  position: absolute;
  opacity: 0;
  z-index: 99;
  display: block;
  transition: opacity 0.2s;
}

/* =============================
    Shop page end
==============================*/
/* =============================
   20. Error page css start
==============================*/
.r7d8t8.laex0a {
  text-align: center;
  margin: 0 auto;
  max-width: 855px;
}
.r7d8t8.laex0a p {
  margin-top: 15px;
  font-size: 1rem;
  line-height: 22px;
  color: #707070;
}

.g0ivuj {
  text-align: center;
}
.g0ivuj .j9vov8 {
  margin: 60px 0;
}

/* =============================
    Error page end
==============================*/
/* =============================
   21. Contact page css start
==============================*/
.laex0a.h121w1 {
  text-align: center;
  margin: 0 auto;
  max-width: 650px;
}

.rcidb8 {
  padding: 35px 30px;
  background: #FFFFFF;
  box-shadow: 4px 0px 20px rgba(70, 70, 70, 0.08);
  border-radius: 5px;
}
.rcidb8 li.dftupo {
  display: flex;
  margin-bottom: 60px;
  align-items: center;
}
.rcidb8 li.dftupo:last-child {
  margin-bottom: 0;
}
.rcidb8 li.dftupo .eu2xxv {
  min-width: 48px;
  max-width: 48px;
  height: 48px;
  background: #FF3027;
  border-radius: 50%;
  text-align: center;
  line-height: 55px;
  display: inline-block;
  margin-right: 12px;
}
.rcidb8 li.dftupo .eu2xxv i {
  font-size: 24px;
  color: #fff;
}
.rcidb8 li.dftupo .na2ovy h5 {
  font-weight: 500;
  font-size: 20px;
  color: #27272B;
  margin-bottom: 6px;
}
.rcidb8 li.dftupo .na2ovy a {
  font-weight: 600;
  font-size: 1rem;
  color: #707070;
  font-family: "Open Sans", sans-serif;
  display: block;
  line-height: 26px;
}

.qhmkod h5 {
  font-weight: 500;
  font-size: 20px;
  color: #707070;
  margin-bottom: 35px;
  margin-top: 15px;
}
.qhmkod input,
.qhmkod textarea {
  border-radius: 5px;
  margin-bottom: 30px;
}
.qhmkod input[type=submit] {
  margin-bottom: 0;
}
.qhmkod p.etl9ah.error {
  margin-top: 20px;
  color: red;
}
.qhmkod p.etl9ah.success {
  margin-top: 20px;
  color: green;
}

.v874fb .uyfy16 {
  height: 470px;
  width: 100%;
}
.v874fb .qpjy07 {
  background: #FFFFFF;
  box-shadow: 4px 0px 20px rgba(70, 70, 70, 0.08);
  border-radius: 5px;
  padding: 35px;
}
.v874fb .qpjy07 .wg85x0 {
  overflow: hidden;
  background: none !important;
  height: 470px;
  width: 100%;
}
.v874fb .qpjy07 .n00cyn {
  position: relative;
  text-align: right;
  height: 470px;
  width: 100%;
}

h4.ngo7nm {
  font-weight: 700;
  font-size: 28px;
  color: #19194F;
  text-transform: capitalize;
  margin-bottom: 40px;
  position: relative;
}
h4.ngo7nm::before {
  position: absolute;
  content: "";
  width: 51px;
  height: 4px;
  background: #19194F;
  border-radius: 4px;
  bottom: -15px;
  left: 0;
}

.hdkqg9 {
  margin-top: 50px;
}

.w1giwl .yh1omn {
  margin-bottom: 30px;
}

/* =============================
    Contact area emd
==============================*/
/* =============================
   22. Portfolio Page css start
==============================*/
.laex0a.hgcu5l {
  text-align: center;
  margin: 0 auto;
  padding-bottom: 20px;
  position: relative;
}
.laex0a.hgcu5l::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 85px;
  height: 4px;
  background: #19194F;
  border-radius: 5px;
}
.laex0a.hgcu5l p {
  padding-top: 10px;
  color: #707070;
  max-width: 530px;
  margin: 0 auto;
}

.jybzd2 {
  text-align: center;
  margin-top: 70px;
}
.jybzd2 ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.jybzd2 ul li {
  font-size: 1rem;
  color: #27272B;
  border: 1px solid #FFCAC8;
  padding: 7px 22px;
  border-radius: 44px;
  margin: 0 6px;
  cursor: pointer;
  transition: all 0.3s;
  margin-bottom: 10px;
}
.jybzd2 ul li.mf6a9t {
  background: #FF3027;
  color: #fff;
  border: 1px solid #FF3027;
}

.mannlo {
  margin-top: 20px;
}

.i1f7bs {
  border-radius: 5px;
  overflow: hidden;
  margin-top: 24px;
  position: relative;
  overflow: hidden;
}
.i1f7bs:hover .kekram {
  opacity: 1;
}
.i1f7bs:hover img {
  transform: scale(1.05);
}
.i1f7bs img {
  width: 100%;
  transition: all 0.3s;
}
.i1f7bs .kekram {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(39, 39, 43, 0.8);
  display: flex;
  align-items: center;
  text-align: center;
  color: #fff;
  justify-content: center;
  opacity: 0;
  transition: all 0.3s;
}
.i1f7bs .kekram .oywlxp {
  margin: 0 auto;
  width: 44px;
  height: 34px;
  border-radius: 2px;
  border: 1px solid #fff;
  text-align: center;
  cursor: pointer;
}
.i1f7bs .kekram .oywlxp a, .i1f7bs .kekram .oywlxp i {
  font-size: 26px;
  color: #fff;
}
.i1f7bs .kekram h5 {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 20px;
  text-transform: capitalize;
  max-width: 222px;
  margin: 0 auto;
  margin-top: 30px;
}

.y3rszu {
  margin-top: 75px;
  text-align: center;
}

.kosf8c {
  display: none;
}

.laex0a.djb1h4 {
  text-align: center;
}

.to8emm {
  margin-top: 26px;
}

.ko5ho5 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 30px 25px;
  background: #F9F9F9;
  border-radius: 5px;
  position: relative;
  margin-top: 24px;
}
.ko5ho5 h4.wkwedw {
  position: absolute;
  font-weight: 700;
  font-size: 36px;
  color: rgba(25, 25, 79, 0.15);
  right: 15px;
  top: 15px;
}
.ko5ho5 .gyhbwr i {
  font-size: 78px;
  color: #FF3027;
}
.ko5ho5 h5 {
  font-weight: 500;
  font-size: 20px;
  color: #19194F;
  text-transform: capitalize;
}

.idx8kw {
  margin-top: 76px;
}
.idx8kw .kb6bpg img {
  margin-top: 24px;
}
.idx8kw .h443h3 {
  margin-top: 24px;
}
.idx8kw .h443h3 h4.i8diux {
  font-weight: 500;
  font-size: 20px;
  color: #19194F;
  text-transform: capitalize;
  margin-bottom: 30px;
  position: relative;
}
.idx8kw .h443h3 h4.i8diux::before {
  position: absolute;
  content: "";
  width: 51px;
  height: 4px;
  background: #19194F;
  border-radius: 4px;
  bottom: -15px;
  left: 0;
}
.idx8kw .h443h3 p {
  font-size: 1rem;
  line-height: 25px;
  color: #707070;
}
.idx8kw .h443h3 .gf7rbo {
  margin: 20px 0;
}
.idx8kw .h443h3 .gf7rbo ul {
  margin-top: 25px;
}
.idx8kw .h443h3 .gf7rbo ul li {
  font-weight: 600;
  font-size: 1rem;
  color: #19194F;
  margin-bottom: 15px;
}
.idx8kw .h443h3 .gf7rbo ul li:last-child {
  margin-bottom: 0;
}
.idx8kw .h443h3 .gf7rbo ul li i {
  color: #FF3027;
  margin-right: 10px;
}
.idx8kw .h443h3 .gf7rbo ul li i::before {
  vertical-align: middle;
}
.idx8kw .h443h3 .tz9wwp ul {
  display: flex;
  margin-top: 10px;
}
.idx8kw .h443h3 .tz9wwp ul li {
  height: 38px;
  width: 38px;
  border: 1px solid #FF3027;
  border-radius: 50%;
  text-align: center;
  margin-right: 25px;
  transition: all 0.3s;
}
.idx8kw .h443h3 .tz9wwp ul li:hover {
  background: #FF3027;
}
.idx8kw .h443h3 .tz9wwp ul li:hover a {
  color: #fff;
}
.idx8kw .h443h3 .tz9wwp ul li a {
  color: #FF3027;
  font-size: 18px;
  line-height: 40px;
}

/* =============================
    Portfolio Page css end
==============================*/
/*
==========================================
============= 19.CART PAGE STYLE =========
==========================================
*/
.g90y28 .apsxhx {
  padding-top: 100px;
  padding-bottom: 67px;
}
.g90y28 .apsxhx thead tr th {
  text-align: center;
  font-size: 15px;
  letter-spacing: 0.08em;
  font-weight: 600;
  color: #FF3027;
  text-transform: capitalize;
}
.g90y28 .apsxhx table tbody tr .uucons {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.g90y28 .apsxhx table tbody tr .uucons .s18zru {
  max-width: 55px;
}
.g90y28 .apsxhx table tbody tr .uucons i {
  font-size: 15px;
  font-weight: 600;
  border: 2px solid #F4795E;
  border-radius: 50%;
  color: #F4795E;
  margin-left: 27px;
  margin-right: 34px;
}
.g90y28 .apsxhx table tbody tr .uucons h5 {
  margin-left: 25px;
}
.g90y28 .apsxhx table tbody tr .uucons h5 a {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  letter-spacing: 0.02em;
  font-weight: 600;
  text-decoration: none;
  color: #27272B;
}
.g90y28 .apsxhx table tbody tr .uucons h5 a:hover {
  color: #FF3027;
  transition: all 0.3s;
}
.g90y28 .apsxhx table tbody tr td.x56hp5 .n95oiv {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 18px;
}
.g90y28 .apsxhx table tbody tr td.x56hp5 .n95oiv input {
  width: 40px;
  color: #27272B;
  border: 1px solid #27272B;
  font-size: 16px;
  font-weight: 700;
  padding: 0;
  min-height: auto;
  text-align: center;
  background: none;
  height: 32px;
  border-radius: 0;
}
.g90y28 .apsxhx table tbody tr td.x56hp5 .n95oiv input.vu4rh2 {
  border: 1px solid #27272B;
  border-right: 0;
}
.g90y28 .apsxhx table tbody tr td.x56hp5 .n95oiv input.b9qn8t {
  border: 1px solid #27272B;
  border-left: 0;
}
.g90y28 .apsxhx table tbody tr td.x56hp5 .n95oiv span {
  padding: 0 7px;
  cursor: pointer;
}
.g90y28 .apsxhx table tbody tr td.x56hp5 .n95oiv span i {
  color: #27272B;
}
.g90y28 .apsxhx table tbody tr td p.m6zwwh {
  margin-top: 18px;
  font-size: 18px;
  font-weight: 500;
  color: #27272B;
  text-align: center;
}
.g90y28 .apsxhx table tbody tr td p.fp2kjm {
  margin: 18px 0;
  text-align: center;
}
.g90y28 .apsxhx table tbody tr td p.e12g3y {
  text-align: center;
  margin: 0;
}
.g90y28 .apsxhx table tbody tr td p.e12g3y a {
  padding: 8px 18px;
  text-decoration: none;
  text-transform: capitalize;
  margin: 10px 0px;
  display: inline-block;
}
.g90y28 .sv4c12 .i7w6jq {
  display: inline-block;
}
.g90y28 .sv4c12 .i7w6jq label {
  display: block;
  font-size: 12px;
  letter-spacing: 0.1em;
  color: #27272B;
  font-weight: 700;
  margin-bottom: 10px;
}
.g90y28 .sv4c12 .i7w6jq input {
  height: 45px;
  width: 270px;
  padding-left: 10px;
  border: 1px solid #FF3027;
}
.g90y28 .sv4c12 .i7w6jq input:focus {
  border: 1px solid #FF3027;
}
.g90y28 .sv4c12 .ivpq84 {
  display: inline-block;
  margin-left: 30px;
}
.g90y28 .sv4c12 .ivpq84 a {
  font-size: 15px;
}
.g90y28 .v45mi0 h5 {
  font-weight: 700;
  font-size: 22px;
  color: #27272B;
  letter-spacing: 0.05em;
  margin-bottom: 15px;
}
.g90y28 .v45mi0 table tbody .dy7bwm {
  display: flex;
  justify-content: space-between;
}
.g90y28 .v45mi0 table tbody .dy7bwm p {
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: #27272B;
  text-transform: capitalize;
  padding: 0 30px;
}
.g90y28 .v45mi0 table tbody .m7af0w {
  display: flex;
  justify-content: space-between;
}
.g90y28 .v45mi0 table tbody .m7af0w p {
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: #27272B;
  text-transform: capitalize;
  padding: 0 30px;
}
.g90y28 .v45mi0 table tbody .m7af0w ul {
  margin-bottom: 0;
  margin-right: 50px;
}
.g90y28 .v45mi0 table tbody .m7af0w ul li {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #5a5a5a;
  line-height: 34.8px;
}
.g90y28 .v45mi0 table tbody .m7af0w ul:last-child {
  text-align: center;
}
.g90y28 .b9qac1 {
  text-align: right;
  margin-top: 20px;
}
.g90y28 .b9qac1 a {
  text-decoration: none;
}

/*# sourceMappingURL=style.css.map */

/*新增加的css*/
.tqpe63 {
  padding: 20px 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.kdjf6b {
  margin-top: 20px;
  display: flex;
  flex-wrap: nowrap;
  gap: 6px;
}
.kdjf6b a,
.kdjf6b 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;
}
.kdjf6b .uf0ccr {
  background-color: rgb(255 121 8);
  color: white;
  border-color: rgb(255 121 8);
}
.kdjf6b .disabled {
  color: #aaa;
  border-color: #eee;
}
/* Theme 485 migration */
.st87o6 ul,
.xy15bt,
.qsl302 {
	font-size: 0;
	white-space: nowrap;
}
.st87o6 ul li,
.xy15bt .v17qwd,
.qsl302 .v17qwd {
	display: inline-block;
	vertical-align: middle;
}
.st87o6 .idoiay {
	display: inline-block;
	width: auto;
	min-width: 58px;
	height: auto;
	padding: 8px 14px;
	margin-left: 7px;
	background: #D90A2C;
	color: #fff;
	border-radius: 3px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	text-align: center;
	white-space: nowrap;
}
.st87o6 .hpnlam {
	background: #27272B;
}
.xy15bt .v17qwd,
.qsl302 .v17qwd {
	width: auto;
	min-width: 64px;
	padding-left: 12px;
	padding-right: 12px;
	margin-left: 6px;
	font-size: 14px;
	white-space: nowrap;
}
.ea5d7s a,
.t7igji a,
.exwxfo a {
	white-space: nowrap;
}
.ea5d7s a.mf6a9t {
	color: #D90A2C;
}
.jkpugf h1,
.jkpugf h2 {
	font-size: 48px;
	line-height: 1.2;
	color: #fff;
}
.eyle49 {
	font-size: 64px;
	line-height: 1.16;
	color: #fff;
	font-weight: 800;
}
.xaam1o {
	display: block;
	font-size: 34px;
	line-height: 1.3;
	color: #27272B;
	font-weight: 800;
	margin-bottom: 18px;
}
.lo1cjt {
	background: #fff;
	color: #27272B;
}
.lo1cjt h1,
.lo1cjt h2,
.lo1cjt h3,
.lo1cjt h4,
.lo1cjt h5,
.lo1cjt h6,
.lo1cjt p,
.lo1cjt li,
.lo1cjt label,
.lo1cjt span {
	color: #27272B;
}
.lo1cjt .v17qwd,
.lo1cjt .v17qwd i {
	color: #fff;
}
.ic45su,
.m0jyuc,
.ke9p8a,
.ikfunv,
.vh82z8,
.ovyduh {
	background: #fff;
	color: #27272B;
	-webkit-box-shadow: 0 12px 32px rgba(0,0,0,0.08);
	-moz-box-shadow: 0 12px 32px rgba(0,0,0,0.08);
	box-shadow: 0 12px 32px rgba(0,0,0,0.08);
}
.ic45su h5,
.ic45su p,
.ic45su a,
.m0jyuc h3,
.m0jyuc h5,
.ikfunv h3,
.ikfunv h5,
.ikfunv li,
.vh82z8 h3,
.vh82z8 h5,
.vh82z8 li,
.ovyduh h2,
.ovyduh p {
	color: #27272B;
}
.ic45su:hover h5,
.ic45su:hover p,
.ic45su:hover a {
	color: #fff;
}
.hhfe1q h3,
.hhfe1q p,
.hhfe1q a {
	color: #fff;
}
.ke9p8a {
	padding: 34px;
	border: 1px solid #eee;
}
.ke9p8a h5 {
	color: #27272B;
	margin-bottom: 18px;
}
.ke9p8a input,
.ke9p8a textarea {
	width: 100%;
	background: #fff;
	color: #27272B;
	border: 1px solid #e5e5e5;
	padding: 13px 15px;
	margin-bottom: 16px;
	font-size: 14px;
}
.ke9p8a input::-webkit-input-placeholder,
.ke9p8a textarea::-webkit-input-placeholder {
	color: #777;
}
.ke9p8a input:-moz-placeholder,
.ke9p8a textarea:-moz-placeholder {
	color: #777;
}
.ke9p8a input::-moz-placeholder,
.ke9p8a textarea::-moz-placeholder {
	color: #777;
}
.ke9p8a input:-ms-input-placeholder,
.ke9p8a textarea:-ms-input-placeholder {
	color: #777;
}
.da5rtj {
	overflow: hidden;
	margin: 0 0 18px;
	font-size: 14px;
}
.da5rtj label {
	float: left;
	margin: 0;
	color: #27272B;
}
.da5rtj input {
	width: auto;
	margin: 0 6px 0 0;
	vertical-align: middle;
}
.da5rtj a {
	float: right;
	color: #D90A2C;
	text-decoration: underline;
}
.tpnrbm {
	font-size: 0;
}
.tpnrbm button,
.tpnrbm .v17qwd {
	display: inline-block;
	height: 52px;
	line-height: 52px;
	padding: 0 24px;
	margin: 8px 10px 0 0;
	border: 0;
	font-size: 14px;
	font-weight: 700;
	vertical-align: top;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
}
.tpnrbm button {
	background: #D90A2C;
	color: #fff;
}
.ikfunv,
.vh82z8 {
	padding: 28px;
}
.ikfunv .uhrdb2,
.vh82z8 .uhrdb2 {
	padding-top: 18px;
}
.ikfunv li,
.vh82z8 li {
	margin-bottom: 10px;
}
.mvkp3d {
	background: #f7f7f7;
	padding: 24px;
	border: 1px solid #eee;
}
.no43ea img,
.g3ztvf img,
.ocknaq img,
.fhfa5g img {
	max-height: 260px;
	object-fit: cover;
}
.no43ea img,
.g3ztvf img,
.ocknaq img {
	width: 100%;
}
@media (max-width: 1199px) {
	.ea5d7s a {
		font-size: 13px;
	}
	.xy15bt .v17qwd {
		min-width: 56px;
		padding-left: 9px;
		padding-right: 9px;
	}
}
@media (max-width: 991px) {
	.st87o6 {
		text-align: left !important;
		margin-top: 8px;
	}
	.xy15bt {
		display: none;
	}
}
@media (max-width: 767px) {
	.eyle49 {
		font-size: 36px;
	}
	.jkpugf h1,
	.jkpugf h2 {
		font-size: 32px;
	}
	.ke9p8a {
		padding: 24px;
	}
	.da5rtj label,
	.da5rtj a {
		float: none;
		display: block;
		margin-bottom: 8px;
	}
	.tpnrbm button,
	.tpnrbm .v17qwd {
		display: block;
		width: 100%;
		margin-right: 0;
		text-align: center;
	}
}