/*===============================================

Template Name: techno - IT Solutions & Services HTML5 Template
Version: 0.1
Author : https://www.templatemonster.com/authors/dreamit/

 
================================================*/

/*TABLE OF CONTENTS*/
/*=====================
01. techno	Main Menu Area Css
02. techno Slider Area Css
03. techno Shape Images Css
04. techno Breatcome Area Css
05. techno Feature Area Css
06. techno Service Area Css
07. techno Section TitleNAV
08. techno About  Area  Css
09. techno Counter Area  Css
10. techno Feature Box Area  Css
11. techno Team Area  Css
12. techno Pricing Area  Css
13. techno Portfolio Area  Css
14. techno Testimonial Area  Css
15. techno Call Do Action Area  Css
16. techno Blog Area  Css
17. techno Subscribe Area CSS
18. techno Subscribe Area CSS
19. techno Contact Now Area Css 
20. techno Contact Form Area Css
21. techno GOOGLE MAP AREA CSS
22. techno Middle Footer CSS
23. techno Footer Bottom Area Css 
24. techno BLOG DETAILS AREA CSS
25. techno Team Details Area Css
26. techno Skill Area Css
27. techno Error Page Area Css
25. techno Team Details Area Css
=======================*/
/* =============================================================================
   HTML5 CSS Reset Minified - Eric Meyer
   ========================================================================== */
/*============================
 techno Main Menu Area Css
==============================*/
html {
  scroll-behavior: smooth;
}
.u7xgm5 {
  background: transparent;
  z-index: 444;
  position: relative;
  margin-bottom: -91px;
  border-bottom: 1px solid #807e94;
}
.czsvoz.u7xgm5 {
  background: #1b192f;
  z-index: 444;
  position: relative;
  margin-bottom: -91px;
  border-bottom: 1px solid #807e94;
}
.rdqbf1.u7xgm5 {
  background: transparent;
  z-index: 444;
  position: relative;
  margin-bottom: -91px;
  border-bottom: 1px solid #807e94;
  padding: 0 0 0 42px;
}
/* techno Menu Css*/
.k90l41 img {
  width: 45%;
}
.post5o img {
  width: 70%;
}
.opd82d ul {
  list-style: none;
  display: inline-block;
  margin-left: 30px;
}
.opd82d > ul > li {
  display: inline-block;
  position: relative;
}
.opd82d > ul > li > a {
  display: block;
  margin: 30px 13px;
  -webkit-transition: 0.5s;
  position: relative;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  font-family: "Rajdhani";
  background: linear-gradient(to right, #c88804, #c88804, 50%, #fff 50%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-size: 200%, 100%;
  background-position: 100%;
}
ul.d4zwsk li i {
  font-size: 15px;
  display: inline-block;
}
.opd82d > ul > li > a:hover {
  background-position: 0%;
}
.qwcnv4 ul {
  display: inline-block;
}
.qwcnv4 ul li {
  display: inline-block;
  list-style: none;
}
.qwcnv4 {
  float: right;
  margin-left: 172px;
}
.u7xgm5.w8ie5q.rdqbf1 .qwcnv4 {
  float: right;
  margin-left: 0;
}
.qwcnv4 a {
  display: inline-block;
  color: #fff;
  margin-left: 32px;
  margin-top: 30px;
}
/*sticky*/
.dq5v14 {
  left: 0;
  margin: auto;
  position: fixed !important;
  top: 0;
  width: 100%;
  -webkit-box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
  background: #000000;
  transition: 0.5s;
  z-index: 4;
  border: 0;
}
.dq5v14 .opd82d > ul > li > a {
  display: block;
  margin: 30px 13px;
  transition: 0.5s;
  position: relative;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
.dq5v14.rdqbf1.u7xgm5 {
  z-index: 444;
  position: relative;
  margin-bottom: -91px;
  border-bottom: none;
  padding: 0 0 0 42px;
  background: #000;
}
.dq5v14 .kq1rj4 {
  display: none;
}
.dq5v14.w8ie5q .bwyyhz i {
  display: inline-block;
  color: #b10707ed54b;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}
.dq5v14.w8ie5q .ge8cmg {
  float: right;
  margin: 20px 138px 0 0px;
}
.dq5v14.w8ie5q .ttencn {
  float: right;
  position: relative;
  margin: -72px 0px 0 0;
}
/* sub menu style */
.opd82d ul .ik3sg6 {
  position: absolute;
  left: 0;
  top: 130%;
  width: 240px;
  text-align: left;
  background: #fff;
  margin: 0;
  z-index: 1;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
  border-top: 2px solid #c88804;
}
.opd82d ul li:hover > .ik3sg6 {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  top: 100%;
  z-index: 9;
}
.opd82d ul .ik3sg6 li {
  position: relative;
}
.opd82d ul .ik3sg6 li a {
  display: block;
  padding: 12px 20px;
  margin: 0;
  line-height: 1.3;
  letter-spacing: normal;
  font-size: 17px;
  font-weight: 600;
  font-family: "Rajdhani";
  text-transform: capitalize;
  transition: 0.1s;
  visibility: inherit !important;
  color: #616161;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.opd82d ul .ik3sg6 li:hover > a,
.opd82d ul .ik3sg6 .ik3sg6 li:hover > a,
.opd82d ul .ik3sg6 .ik3sg6 .ik3sg6 li:hover > a,
.opd82d ul .ik3sg6 .ik3sg6 .ik3sg6 .ik3sg6 li:hover > a {
  background: #c88804;
  color: #fff !important;
}
/* sub menu 2 */
.opd82d ul .ik3sg6 .ik3sg6 {
  left: 100%;
  top: 130%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}
.opd82d ul .ik3sg6 li:hover > .ik3sg6 {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  top: 0%;
}
/* sub menu 3 */
.opd82d ul .ik3sg6 .ik3sg6 li {
  position: relative;
}
.opd82d ul .ik3sg6 .ik3sg6 .ik3sg6 {
  right: 100%;
  left: auto;
  top: 130%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}
.opd82d ul .ik3sg6 .ik3sg6 li:hover > .ik3sg6 {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  top: 0%;
}
/* sub menu 4 */
.opd82d ul .ik3sg6 .ik3sg6 .ik3sg6 li {
  position: relative;
}
.opd82d ul .ik3sg6 .ik3sg6 .ik3sg6 .ik3sg6 {
}
.opd82d ul .ik3sg6 .ik3sg6 .ik3sg6 li:hover > .ik3sg6 {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  top: 0%;
}
.u7xgm5.dq5v14 a.m2mtec:hover {
  color: #fff !important;
}
.ojfdaq .ge8cmg .m2mtec {
  background: #423e6d;
  border-color: #423e6d;
}
.opd82d li a:hover:before {
  width: 101%;
}
.u7xgm5.dq5v14 .gdaifl {
  display: none;
}
.hpamus {
  display: none;
}
.u7xgm5.dq5v14 .hpamus {
  display: inherit;
}
.u7xgm5.dq5v14 a.m2mtec {
  color: #fff;
  background: #fc9615;
  border: 2px solid #fc9615;
}
.u7xgm5.dq5v14 a.m2mtec:hover {
  color: #43baff;
}
.pu4g6c.fjscdq {
  overflow: hidden;
}
/*====================================================
--<	techno Header Top Menu Area Css -->
======================================================*/
/*** 
====================================================================
    Search Popup
====================================================================
***/
.tb6vnz {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100%;
  z-index: 99999;
  margin-top: -540px;
  transform: translateY(-100%);
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: all 1500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(
    0.86,
    0,
    0.07,
    1
  ); /* easeInOutQuint */
}
.tb6vnz {
  width: 100%;
}
.bv6u5a .tb6vnz {
  transform: translateY(0%);
  margin-top: 0;
}
.tb6vnz .ucwps7 {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  margin-top: -200px;
  border-radius: 50%;
  text-align: center;
  background-color: #c88804;
  width: 70px;
  cursor: pointer;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  border-bottom: 3px solid #ffffff;
  -webkit-transition: all 500ms ease;
  height: 70px;
  line-height: 70px;
  text-align: center;
}
.bv6u5a .tb6vnz .ucwps7 {
  visibility: visible;
  opacity: 1;
  top: 50%;
  -webkit-transition-delay: 1500ms;
  -moz-transition-delay: 1500ms;
  -ms-transition-delay: 1500ms;
  -o-transition-delay: 1500ms;
  transition-delay: 1500ms;
}
.tb6vnz form {
  position: absolute;
  max-width: 700px;
  top: 50%;
  left: 15px;
  right: 15px;
  margin: -35px auto 0;
  transform: scaleX(0);
  transform-origin: center;
  background-color: #111111;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.bv6u5a .tb6vnz form {
  transform: scaleX(1);
  -webkit-transition-delay: 1200ms;
  -moz-transition-delay: 1200ms;
  -ms-transition-delay: 1200ms;
  -o-transition-delay: 1200ms;
  transition-delay: 1200ms;
}
.tb6vnz .q8170b {
  position: relative;
  margin: 0px;
  overflow: hidden;
}
.tb6vnz .q8170b input[type="text"],
.tb6vnz .q8170b input[type="search"] {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 50px;
  color: #000000;
  height: 70px;
  width: 100%;
  padding: 10px 30px;
  background-color: #ffffff;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  font-weight: 500;
  text-transform: capitalize;
}
.tb6vnz .q8170b input[type="submit"],
.tb6vnz .q8170b button {
  position: absolute;
  right: 30px;
  top: 0px;
  height: 70px;
  line-height: 70px;
  background: transparent;
  text-align: center;
  font-size: 24px;
  color: #c88804;
  padding: 0;
  cursor: pointer;
  -webkit-transition: all 500ms ease;
  border: none;
}
.tb6vnz .q8170b input[type="submit"]:hover,
.tb6vnz .q8170b button:hover {
  color: #000000;
}

.tb6vnz input::placeholder,
.tb6vnz textarea::placeholder {
  color: #000000;
}
.tb6vnz .ucwps7.w8ie5q {
  position: absolute;
  right: 25px;
  left: auto;
  color: #ffffff;
  width: auto;
  height: auto;
  top: 25px;
  margin: 0px;
  border: none;
  background: none !important;
  box-shadow: none !important;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.bwyyhz {
  float: right;
  margin-top: 20px;
  margin-left: 0;
}
.bwyyhz i {
  display: inline-block;
  color: #fff;
  line-height: 30px;
  text-align: center;
  font-size: 22px;
  cursor: pointer;
  transition: 0.5s;
}
.bocubh-bocubh-q14pwk:before {
  content: inherit;
}
button.ucwps7 i {
  font-size: 25px;
  color: #fff;
  display: inline-block;
}
span.bocubh-bocubh-q14pwk i {
  display: inline-block;
  color: #c88804;
}
/*header button*/
.w8ie5q.rdqbf1 .ge8cmg {
  float: right;
  margin: 20px 192px 0 0px;
}
.w8ie5q.rdqbf1 .ge8cmg i {
  display: inline-block;
  font-size: 22px;
  color: #ed2a22;
  background: #fff;
  width: 48px;
  height: 48px;
  line-height: 48px;
  border-radius: 3px;
  text-align: center;
  transition: 0.5s;
}
.w8ie5q.rdqbf1 .ttencn {
  float: right;
  position: relative;
  margin: 20px -184px 0 0;
  z-index: 4;
}
.w8ie5q .opd82d ul {
  list-style: none;
  display: inline-block;
  margin-left: 5px;
}
.w8ie5q .ge8cmg {
  float: right;
  margin: 20px 87px 0 0px;
}
.w8ie5q .ge8cmg i {
  display: inline-block;
  font-size: 22px;
  color: #fff;
  background: linear-gradient(to top, #fc7c52 0%, #f14230 96%);
  width: 48px;
  height: 48px;
  line-height: 48px;
  border-radius: 3px;
  text-align: center;
  transition: 0.5s;
}
.w8ie5q .ttencn {
  float: right;
  position: relative;
  margin: -72px -51px 0 0;
}
.w8ie5q .ttencn p {
  color: #fff;
  margin: 0;
  font-size: 14px;
  text-align: left;
}
.w8ie5q .ttencn h2 {
  font-size: 20px;
  color: #fff;
  margin: 0;
}
.w8ie5q .ge8cmg i:hover {
  transform: rotateY(180deg);
}
/*nav button*/
.iyhjyh.gvnv5f {
  display: inline-block;
}
.iyhjyh.gvnv5f span i {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: #c88804;
  border-radius: 50%;
  text-align: center;
  margin-left: 20px;
  font-size: 20px;
}
.b9zvuz .akf8g7 {
  left: 100%;
  top: 0;
  position: fixed;
  z-index: 101;
  height: 100%;
  opacity: 0;
  width: 100%;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-in 0.8s;
  -o-transition: all 0.4s ease-in 0.8s;
  transition: all 0.4s ease-in 0.8s;
}
.b9zvuz .oeke8e {
  position: absolute;
  top: 0;
  right: 0;
  padding: 25px;
}
.zf5vcl {
  position: fixed;
  right: -100%;
  top: 0;
  bottom: 0;
  width: 100%;
  max-width: 360px;
  z-index: 999999;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #272727;
  -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
  -o-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
  transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
  visibility: hidden;
  opacity: 0;
}
.b9zvuz.f5lt2q .akf8g7 {
  opacity: 0.7;
  visibility: visible;
  -webkit-transition: all 0.8s ease-out 0s;
  -o-transition: all 0.8s ease-out 0s;
  transition: all 0.8s ease-out 0s;
  left: 0;
}
.b9zvuz.f5lt2q .zf5vcl {
  opacity: 1;
  visibility: visible;
  right: 0;
  -webkit-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
  -o-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
  transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
}
.bisd3e {
  padding: 40px;
}
.o7678q i {
  color: #c88804;
  font-size: 24px;
  display: block;
}
.vem9oa {
  position: relative;
  top: 150px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in 0.3s;
  -o-transition: all 0.3s ease-in 0.3s;
  transition: all 0.3s ease-in 0.3s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.b9zvuz.f5lt2q .vem9oa {
  top: 0px;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 1s ease-out 1.2s;
  -o-transition: all 1s ease-out 1.2s;
  transition: all 1s ease-out 1.2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.akf8g7 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.5;
  z-index: 0;
}
.d1tpmq {
  background-color: #ed451d;
}
/*html css*/
.p547oy {
  margin: 0 0 50px;
}
.blhf7c h2 {
  color: #fff;
  font-size: 26px;
}
.blhf7c p {
  display: inline-block;
  color: #fff;
  padding: 15px 0 0;
}
a.l8oct2.t0w99c span {
  color: #fff;
  font-size: 20px;
}
a.l8oct2.t0w99c i {
  color: #c88804;
}
.na2ovy h2 {
  color: #fff;
  font-size: 30px;
  margin-bottom: 15px;
}
ul.cvkslo li {
  display: block;
  list-style: none;
  color: #fff;
  padding: 16px 0 0;
}
ul.cvkslo li span {
  font-size: 22px;
  font-weight: 600;
  color: #ed3420;
  margin: 0 10px 0 0px;
}
ul.hgi122 {
  margin: 30px 0 0;
}
ul.hgi122 li {
  display: inline-block;
  list-style: none;
  margin: 0 6px 0 0;
}
ul.hgi122 li a {
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 36px;
  text-align: center;
  background: #fff;
  transition: 0.5s;
  font-size: 18px;
  border-radius: 3px;
}
ul.hgi122 li a:hover {
  background: #ed3420;
  color: #fff;
}
/*
<!-- ============================================================== -->
<!-- Start slider area Css -->
<!-- ============================================================== -->*/
.c0wnhy {
  background: url(assets/images/slider/slider-bg1.jpg);
  height: 875px;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
}
.rb8ba2 h4 {
  font-size: 22px;
  color: #fff;
  letter-spacing: 1px;
  font-weight: 500;
  text-transform: uppercase;
  animation: 0.8s 0.8s fadeInUp both;
  border-top: 1px solid #c88804;
  display: inline-block;
  margin-bottom: 9px;
  padding-top: 9px;
}
.rb8ba2 h1 {
  font-size: 90px;
  color: #fff;
  line-height: 0.9;
  animation: 1s 1.6s fadeInUp both;
  font-weight: 700;
  text-transform: uppercase;
}
.rb8ba2 span {
  color: #28a745;
}
.rb8ba2 p {
  color: #fff;
  margin: 10px 0 14px;
  font-size: 16px;
  animation: 1s 2s fadeInUp both;
  font-weight: 400;
}
.laofb1 a {
  background: #c88804;
  padding: 14px 32px;
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  display: inline-block;
  border: 1px solid #c88804;
  margin-top: 24px;
  transition: 0.5s;
  font-family: "Rajdhani";
  font-weight: 600;
  z-index: 2;
  animation: 1s 2s fadeInUp both;
  position: relative;
}
.laofb1 a:before {
  position: absolute;
  content: "";
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
  transform: scale(0);
  transition: 0.5s;
}
.laofb1 i {
  display: inline-block;
  font-size: 13px;
  margin-left: 7px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  background: #fff;
  color: #c88804;
  border-radius: 100%;
  transition: 0.3s;
}
a.ouqql7 {
  background: transparent;
  border: 1px solid #fff;
  margin-left: 16px;
  position: relative;
  z-index: 1;
}
a.ouqql7:before {
  position: absolute;
  content: "";
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #c88804;
  transform: scale(0);
}
.laofb1 a:hover:before {
  transform: scale(1);
}
.laofb1 a:hover {
  color: #c88804;
  border: 1px solid #fff;
}
.laofb1 a:hover i {
  background: #c88804;
  color: #fff;
}
/*button 3*/
a.ouqql7:hover:before {
  transform: scale(1);
}
a.ouqql7:hover {
  color: #fff;
  border: 1px solid #c88804;
}
a.ouqql7:hover i {
  background: #fff;
  color: #c88804;
}
/*slider thumb*/
.h9go5c {
  margin-top: 45px;
}
.hgmpt2 {
  position: absolute;
  left: 70px;
  bottom: 232px;
}
.hgmpt2 a {
  width: 30px;
  height: 30px;
  display: block;
  background: transparent;
  color: #fff;
  text-align: center;
  font-size: 12px;
  line-height: 30px;
  margin: 11px 0;
  border: 1px solid #fff;
  border-radius: 100%;
  transition: 0.3s;
}
.hgmpt2 span {
  font-size: 18px;
  font-family: "Rajdhani";
  color: #fff;
  writing-mode: vertical-rl;
  font-weight: 500;
  margin-top: 60px;
}
span.vawphv {
  position: relative;
  z-index: 1;
}
span.vawphv:before {
  position: absolute;
  content: "";
  z-index: 1;
  background: #c88804;
  width: 2px;
  height: 49px;
  top: -58px;
  left: 14px;
}
.hgmpt2 a:hover {
  background: #c88804;
  color: #fff;
  border: 1px solid #c88804;
}
/*style two*/
.c0wnhy.qywi35 {
  background: url(assets/images/slider/slider-bg2.jpg);
  position: relative;
  z-index: 1;
}
.g340v6 {
  position: absolute;
  right: 13px;
  top: -232px;
  animation: 0.8s 0.8s fadeInUp both;
}
.qywi35 .rb8ba2 p {
  color: #fff;
  font-size: 16px;
  animation: 1s 2s fadeInUp both;
  font-weight: 400;
}
.qywi35 .hgmpt2 {
  position: absolute;
  right: 50px;
  left: inherit;
  bottom: 215px;
}
.hgmpt2 a {
  width: 30px;
  height: 30px;
  display: block;
  background: transparent;
  color: #fff;
  text-align: center;
  font-size: 12px;
  line-height: 30px;
  margin: 11px 0;
  border: 1px solid #fff;
  border-radius: 100%;
  transition: 0.3s;
}
.hgmpt2 span {
  font-size: 18px;
  font-family: "Rajdhani";
  color: #fff;
  writing-mode: vertical-rl;
  font-weight: 500;
  margin-top: 60px;
}
span.vawphv {
  position: relative;
  z-index: 1;
}
span.vawphv:before {
  position: absolute;
  content: "";
  z-index: 1;
  background: #c88804;
  width: 2px;
  height: 49px;
  top: -58px;
  left: 14px;
}
.hgmpt2 a:hover {
  background: #c88804;
  color: #fff;
  border: 1px solid #c88804;
}
/*slider three*/
.l1dw56.c0wnhy {
  background: url(assets/images/slider/slider-bg3.jpg);
  height: 875px;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
}
.l1dw56 .g340v6 {
  position: absolute;
  right: 30px;
  top: -232px;
  animation: 0.8s 0.8s fadeInUp both;
}
.l1dw56 .rb8ba2.jvdmvm {
  margin-left: 87px;
}
.l1dw56 .rb8ba2 p {
  color: #bcc7cd;
  margin: 10px 0 14px;
  font-size: 16px;
  animation: 1s 2s fadeInUp both;
  font-weight: 400;
}
.l1dw56 .laofb1 a {
  background: #28a745;
  padding: 14px 32px;
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  display: inline-block;
  margin-top: 24px;
  transition: 0.5s;
  font-family: "Rajdhani";
  font-weight: 600;
  z-index: 1;
  animation: 1s 2s fadeInUp both;
}
.vctpdt p {
  position: relative;
  top: -72px;
  left: 70px;
  font-family: "Rajdhani";
  font-weight: 500 !important;
  text-transform: uppercase;
}
.vctpdt h5 {
  position: relative;
  top: -84px;
  left: 68px;
  color: #fff;
  font-size: 26px;
  font-weight: 600;
}
.qb11e1 {
  position: absolute;
  z-index: 1;
  animation: 1s 1.6s fadeInUp both;
}
.szgx51 img {
  position: absolute;
  left: 250px;
  top: -178px;
}
.wnogfy img {
  position: absolute;
  top: 130px;
  left: -132px;
}
.xk9d5j img {
  position: absolute;
  left: 513px;
  top: 329px;
}
.o05gfr img {
  position: absolute;
  left: 683px;
  bottom: 181px;
}
.o05gfr img {
  position: absolute;
  left: 683px;
  bottom: 182px;
}
.oob0bq img {
  position: absolute;
  bottom: 516px;
  left: 552px;
}
.teqnes img {
  position: absolute;
  right: 184px;
  bottom: 255px;
}
.l1dw56 .laofb1 a:hover {
  background: #fff;
  color: #28a745;
}
/*style four*/
.tfnqpz.c0wnhy {
  background: url(assets/images/slider/slider-1.jpg);
  height: 875px;
  position: relative;
  z-index: 1;
  height: 950px;
}
.c0wnhy.p1hm7u {
  background: url(assets/images/slider/slider-2.jpg);
  position: relative;
  z-index: 1;
  height: 950px;
}
.c0wnhy.o9kdll {
  background: url(assets/images/slider/slider-3.jpg);
  position: relative;
  z-index: 1;
  height: 950px;
}
.ozrwmq.c0wnhy {
  background: url(assets/images/slider/slider-7.jpg);
  height: 950px;
  position: relative;
  z-index: 1;
}
.q0cwqs h1 {
  font-size: 120px;
  color: #fff;
  line-height: 112px;
  animation: 1s 1.6s fadeInUp both;
  font-weight: 700;
  text-transform: uppercase;
}
.q0cwqs h4 {
  font-size: 20px;
  color: #fff;
  letter-spacing: 1px;
  font-weight: 500;
  text-transform: uppercase;
  animation: 0.8s 0.8s fadeInUp both;
  border-top: 0;
  display: inline-block;
  margin-bottom: 4px;
}
.qr6j3p a {
  background: linear-gradient(to right, #ed2b22 0%, #ed431d 100%);
  padding: 18px 35px;
  border-radius: 5px;
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  display: inline-block;
  margin-top: 24px;
  transition: 0.5s;
  font-family: "Rajdhani";
  font-weight: 600;
  z-index: 1;
  animation: 1s 2s fadeInUp both;
  position: relative;
  z-index: 1;
}
.qr6j3p a:before {
  position: absolute;
  content: "";
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
  transform: scale(0);
  border-radius: 5px;
  transition: 0.5s;
}
.qr6j3p i {
  display: inline-block;
  font-size: 26px;
  margin-left: 7px;
  color: #fff;
  border-radius: 100%;
  transition: 0.3s;
}
.qr6j3p a:hover:before {
  transform: scale(1);
}
.qr6j3p a:hover i {
  color: #ed2d22;
}

.qr6j3p a:hover {
  color: #ed2d22;
}
.inp7h3 {
  position: absolute;
  left: 70px;
  bottom: 232px;
}
.inp7h3 a {
  width: inherit;
  height: inherit;
  display: block;
  background: transparent;
  color: #fff;
  text-align: center;
  font-size: 13px;
  line-height: 30px;
  margin: 25px 0 0 -50px;
  border: 0;
  writing-mode: vertical-lr;
  transition: 0.5s;
}
.inp7h3 a:hover {
  color: #ed2d22;
}
/*slider-thumb*/
.okq21n img {
  position: absolute;
  right: 0;
  top: 0;
  animation: 1s 1.6s fadeInRight both;
}
.huwsmg img {
  position: absolute;
  left: 0;
  top: 0;
  animation: 1s 1.6s fadeInLeft both;
}
.n6929k {
  position: absolute;
  right: 145px;
  bottom: 55px;
}
.n6929k img {
  animation: 1s 1.6s fadeInRight both;
}
.n8bghm {
  position: absolute;
  left: -5px;
  top: 75px;
  animation: moveLeftBounce 3s linear infinite;
}
/*slider seeven*/
.ozrwmq .rb8ba2 h4 {
  font-size: 20px;
  color: #fff;
  letter-spacing: 1px;
  font-weight: 500;
  text-transform: uppercase;
  animation: 0.8s 0.8s fadeInUp both;
  border-top: 0;
  display: inline-block;
  margin-bottom: 9px;
  padding-top: 9px;
}
.ozrwmq .rb8ba2 h1 {
  font-size: 80px;
  color: #fff;
  line-height: 0.9;
  animation: 1s 1.6s fadeInUp both;
  font-weight: 700;
  text-transform: uppercase;
}
.ozrwmq .pjbjn6 img {
  width: 100%;
  position: relative;
  margin: 0 0 0px 50px;
  z-index: 1;
  animation: 1s 1.6s fadeInRight both;
}
.ozrwmq .laofb1 a {
  background: linear-gradient(to right, #ed2a22 20%, #ff8b5a 85%);
  padding: 14px 30px;
  border-radius: 5px;
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  display: inline-block;
  margin-top: 24px;
  transition: 0.5s;
  font-family: "Rajdhani";
  font-weight: 600;
  z-index: 1;
  animation: 1s 2s fadeInUp both;
}
/*shape*/
.ozrwmq .o05gfr img {
  position: absolute;
  left: 683px;
  bottom: -130px;
}
.ozrwmq .szgx51 img {
  position: absolute;
  left: 595px;
  top: -178px;
}
.ozrwmq .wnogfy img {
  position: absolute;
  top: 284px;
  left: 695px;
}
.ozrwmq .xk9d5j img {
  position: absolute;
  left: 360px;
  top: 329px;
}
.ozrwmq .oob0bq img {
  position: absolute;
  bottom: 448px;
  left: 439px;
}
.ozrwmq .teqnes img {
  position: absolute;
  left: -100px;
  bottom: 280px;
}
.ozrwmq .u1bgfp {
  position: absolute;
  left: -23px;
  bottom: -121px;
}
/*slider eight*/
.c0wnhy.hcct3x {
  height: 950px;
  background: url(assets/images/slider/banner-a.png);
  position: relative;
  z-index: 1;
}
.hcct3x .rb8ba2 h1 {
  font-size: 110px;
  color: #fff;
  line-height: 92px;
  animation: 1s 1.6s fadeInUp both;
  font-weight: 700;
  text-transform: uppercase;
}
.hcct3x .rb8ba2 p {
  color: #fff;
  margin: 20px 0 19px;
  font-size: 16px;
  animation: 1s 2s fadeInUp both;
  font-weight: 400;
}
.az5bb7 {
  position: relative;
  margin-left: -113px;
  margin-right: -137px;
  margin-top: 60px;
}
.az5bb7 img {
  width: 100%;
  animation: 1s 1.6s fadeInRight both;
}
.w8xu6i img {
  position: absolute;
  bottom: 390px;
  left: 512px;
}
.pltcd5 img {
  position: absolute;
  bottom: 40px;
  left: -60px;
}
/*agency shape*/
.wyxyac {
  position: absolute;
  top: 23%;
  right: -136px;
}
.wyxyac h1 {
  font-size: 200px;
  color: transparent;
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.4);
  text-transform: uppercase;
}
/*==========================================
    Video  Css  
 ==========================================*/
.dabu5q {
  display: inline-block;
  position: relative;
  top: -83%;
  left: 50%;
}
.dabu5q .w33dpg a {
  left: -26%;
  top: -70%;
  color: #fff;
}
.wuzb9s {
  background: #28a745;
  font-size: 22px;
  width: 60px;
  height: 60px;
  line-height: 65px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
}
.wuzb9s:before {
  content: "";
  background: #6a2b41;
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  animation: zoomBig 3.25s linear infinite;
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
}
.t4imbe:after {
  content: "";
  border: 2px solid #ffbb00;
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  animation: zoomBig 3.25s linear infinite;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
@keyframes zoomBig {
  0% {
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 1;
    border-width: 3px;
  }
  40% {
    opacity: 0.5;
    border-width: 2px;
  }
  65% {
    border-width: 1px;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
    border-width: 1px;
  }
}
@keyframes zoomBig {
  0% {
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 1;
    border-width: 3px;
  }
  40% {
    opacity: 0.5;
    border-width: 2px;
  }
  65% {
    border-width: 1px;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
    border-width: 1px;
  }
}
/*style two*/
.qrbdbh.dabu5q {
  display: inline-block;
  position: relative;
  top: -72px;
  left: 42%;
}
.qrbdbh .w33dpg a {
  color: #fff;
  border-radius: 0 6px;
}
.qrbdbh .tdtrfa {
  background: linear-gradient(to right, #ed2a22 6%, #ff8b5a 84%);
  font-size: 16px;
  width: 45px;
  height: 45px;
  line-height: 47px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  -webkit-animation: ripple-white 1s linear infinite;
  animation: ripple-blue-1 1s linear infinite;
  -webkit-transition: 0.5s;
}
@-webkit-keyframes ripple-blue-1 {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(241, 103, 34, 0.3),
      0 0 0 10px rgba(241, 103, 34, 0.3), 0 0 0 20px rgba(241, 103, 345, 0.3);
    box-shadow: 0 0 0 0 rgba(241, 103, 34, 0.3),
      0 0 0 10px rgba(241, 103, 34, 0.3), 0 0 0 20px rgba(241, 103, 34, 0.3);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(241, 103, 34, 0.3),
      0 0 0 20px rgba(241, 103, 34, 0.3), 0 0 0 30px rgba(241, 103, 34, 0);
    box-shadow: 0 0 0 10px rgba(241, 103, 34, 0.3),
      0 0 0 20px rgba(241, 103, 34, 0.3), 0 0 0 30px rgba(241, 103, 34, 0);
  }
}

@keyframes ripple-blue-1 {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(241, 103, 34, 0.3),
      0 0 0 10px rgba(241, 103, 34, 0.3), 0 0 0 20px rgba(241, 103, 34, 0.3);
    box-shadow: 0 0 0 0 rgba(241, 103, 34, 0.3),
      0 0 0 10px rgba(241, 103, 34, 0.3), 0 0 0 20px rgba(241, 103, 34, 0.3);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(241, 103, 34, 0.3),
      0 0 0 20px rgba(241, 103, 34, 0.3), 0 0 0 30px rgba(241, 103, 34, 0);
    box-shadow: 0 0 0 10px rgba(241, 103, 34, 0.3),
      0 0 0 20px rgba(241, 103, 34, 0.3), 0 0 0 30px rgba(241, 103, 34, 0);
  }
}
/*style three*/
.dabu5q.uejpkx {
  display: inline-block;
  position: relative;
  top: -61%;
  left: 111%;
}
.uejpkx .zodshw {
  background: #000000;
  font-size: 22px;
  width: 60px;
  height: 60px;
  line-height: 65px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  -webkit-animation: ripple-white 1s linear infinite;
  animation: ripple-blue 1s linear infinite;
  -webkit-transition: 0.5s;
}
@-webkit-keyframes ripple-blue {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3),
      0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3),
      0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3),
      0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3),
      0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
  }
}

@keyframes ripple-blue {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3),
      0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3),
      0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3),
      0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3),
      0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
  }
}
/*
<!-- ============================================================== -->
<!-- Start section title area Css -->
<!-- ============================================================== -->*/
.sy1qzt {
  background: url(assets/images/resource/video.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 215px 0 222px;
  border-radius: 10px;
  position: relative;
  margin-bottom: -230px;
}
.u88dj9 h4 {
  font-size: 40px;
  color: #fff;
  text-align: right;
}
.s5gvpj a {
  display: inline-block;
  padding: 16px 35px;
  background: #fff;
  color: #262729;
  font-size: 18px;
  border-radius: 3px;
  font-weight: 600;
  text-transform: uppercase;
  font-family: "Rajdhani";
  margin-top: 18px;
  position: relative;
  z-index: 1;
  transition: 0.5s;
}
.s5gvpj a:before {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  z-index: -1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  transform: scale(0, 1);
  opacity: 0;
  border-radius: 3px;
}
.s5gvpj span {
  margin-left: 6px;
}
.s5gvpj i {
  display: inline-block;
  color: #ed411d;
  font-size: 23px;
  transition: 0.5s;
}
.s5gvpj a:hover::before {
  transform: scale(1, 1);
  opacity: 1;
  background: #1b1d21;
  color: #fff;
}
.s5gvpj a:hover {
  color: #fff;
}
.s5gvpj:hover i {
  color: #fff;
}
/*style two*/
.w8ie5q.zfmljv {
}
.rdqbf1.sy1qzt {
  margin-bottom: 0;
}

/*style three*/
.zfmljv.uejpkx {
  background: #212123;
}

/*
<!-- ============================================================== -->
<!-- Start section title area Css -->
<!-- ============================================================== -->*/
.odq7hb {
  margin-bottom: 35px;
}
.odq7hb h1 {
  font-size: 52px;
  font-weight: 700;
  line-height: 1;
}
.odq7hb h5 {
  color: #c88804;
  font-size: 20px;
  margin-bottom: 4px;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  display: inline-block;
}
.odq7hb h5:before {
  position: absolute;
  z-index: 1;
  content: "";
  display: inline-block;
  width: 40px;
  height: 1px;
  background: #c88804;
  right: -46px;
  top: 15px;
}
.odq7hb:after {
  position: absolute;
  content: "";
  left: -5px;
  top: -16px;
  background: url(assets/images/resource/section1.png);
  width: 63px;
  height: 63px;
  display: inline-block;
  background-repeat: no-repeat;
}
.odq7hb span {
  color: #c88804;
}
span.my4aqb {
  color: #ed2a22;
}
span.p8y5p7 {
  color: #ed2a22;
}
span.qggsa5 {
  color: #eb401e;
}
.odq7hb p {
  margin: 15px 0 0;
}
.unrxcy {
  margin-top: 50px;
}
/*style two*/
.w8ie5q.odq7hb h5:after {
  position: absolute;
  content: "";
  left: -47px;
  top: 16px;
  background: #c88804;
  width: 38px;
  height: 1px;
  display: inline-block;
}
.w8ie5q.odq7hb:after {
  position: absolute;
  content: "";
  left: 486px;
  top: -9px;
  background: url(assets/images/resource/section1.png);
  width: 63px;
  height: 63px;
  display: inline-block;
  background-repeat: no-repeat;
}
/*style three*/
.uejpkx.odq7hb h5:after {
  position: absolute;
  content: "";
  left: -47px;
  top: 16px;
  background: #c88804;
  width: 38px;
  height: 1px;
  display: inline-block;
}
.uejpkx.odq7hb:after {
  position: absolute;
  content: "";
  left: 486px;
  top: -9px;
  background: url(assets/images/resource/section1.png);
  width: 63px;
  height: 63px;
  display: inline-block;
  background-repeat: no-repeat;
}
/*style four*/
.qrbdbh.odq7hb h5 {
  color: #ed2a22;
  font-size: 20px;
  margin-bottom: 4px;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  display: inline-block;
}
.qrbdbh.odq7hb:after {
  position: absolute;
  content: "";
  left: 0;
  top: -9px;
  background: url(assets/images/resource/section1.png);
  width: 63px;
  height: 63px;
  display: inline-block;
  background-repeat: no-repeat;
}
p.pykyw4 {
  color: #b4bfc5;
}
/*style two*/
.klfm6j {
  margin-bottom: 35px;
}
.klfm6j h1 {
  font-size: 52px;
  font-weight: 700;
  line-height: 1;
  z-index: 1;
}
.klfm6j h5 {
  color: #c88804;
  font-size: 20px;
  margin-bottom: 4px;
  text-transform: uppercase;
  position: relative;
}
.klfm6j span {
  color: #c88804;
}
.klfm6j p {
  margin: 13px 0 0;
}
/*five*/
.toj2rz.odq7hb h5:after {
  position: absolute;
  content: "";
  left: -47px;
  top: 16px;
  background: #c88804;
  width: 38px;
  height: 1px;
  display: inline-block;
}
.toj2rz.odq7hb:after {
  position: absolute;
  content: "";
  left: 522px;
  top: -11px;
  background: url(assets/images/resource/section1.png);
  width: 63px;
  height: 63px;
  display: inline-block;
  background-repeat: no-repeat;
}
/*techno section title*/
.c4isb9 h5 {
  position: relative;
  z-index: 1;
  color: #f14130;
  padding: 0 0 18px;
}
.c4isb9 h5:before {
  position: absolute;
  content: "";
  z-index: -1;
  width: 145px;
  height: 37px;
  background: linear-gradient(to right, #fddce6 0%, #fbf0f1 100%);
  left: 0;
  right: 0;
  margin: auto;
  top: -6px;
  border-radius: 3px;
}
.c4isb9 h1 {
  font-size: 50px;
  line-height: 1;
  color: #000e52;
  text-transform: uppercase;
}
p.deyiar {
  padding: 13px 272px 40px;
}
/*about style*/
.w8ie5q.c4isb9 h5 {
  position: relative;
  z-index: 1;
  color: #f14130;
  padding: 0 0 18px 35px;
}
.w8ie5q.c4isb9 h5:before {
  position: absolute;
  content: "";
  z-index: -1;
  width: 145px;
  height: 37px;
  background: linear-gradient(to right, #dffde5 0%, #f0fde3 100%);
  left: 0;
  right: 0;
  margin: 0;
  top: -6px;
  border-radius: 3px;
}
p.lmozlb {
  padding: 20px 0 26px;
}
/*skill style*/
.f6krwc.c4isb9 h5 {
  position: relative;
  z-index: 1;
  color: #fff;
  padding: 0 0 18px 35px;
}
.f6krwc.c4isb9 h5:before {
  position: absolute;
  content: "";
  z-index: -1;
  width: 198px;
  height: 40px;
  background: linear-gradient(to right, #0a196c 13%, #091e91 100%);
  left: 0;
  right: 0;
  margin: 0;
  top: -7px;
  border-radius: 3px;
}
.f6krwc.c4isb9 h1 {
  font-size: 50px;
  line-height: 1;
  color: #fff;
  text-transform: uppercase;
}
p.mm4s29 {
  padding: 20px 0 0;
}
/*counter style*/
.pqiv0b.c4isb9 h5 {
  position: relative;
  z-index: 1;
  color: #f13e2d;
  padding: 0 0 18px 35px;
}
.pqiv0b.c4isb9 h5:before {
  position: absolute;
  content: "";
  z-index: -1;
  width: 198px;
  height: 40px;
  background: linear-gradient(to right, #fddce6 0%, #fbf0f1 100%);
  left: 0;
  right: 0;
  margin: 0;
  top: -7px;
  border-radius: 3px;
}
p.epis6g {
  padding: 14px 0 0;
}
/*portfolio style*/
.thamqj.c4isb9 h5 {
  position: relative;
  z-index: 1;
  color: #0d3dfe;
  padding: 0 0 18px;
}
.thamqj.c4isb9 h5:before {
  position: absolute;
  content: "";
  z-index: -1;
  width: 145px;
  height: 37px;
  background: linear-gradient(to right, #e0f8ff 0%, #eafbff 100%);
  left: 0;
  right: 0;
  margin: auto;
  top: -6px;
  border-radius: 3px;
}
p.jurwoz {
  padding: 14px 241px 0px;
}
/*blog style*/
.af3tis.c4isb9 h5 {
  position: relative;
  z-index: 1;
  color: #0f4ac7;
  padding: 0 0 18px 27px;
}
.af3tis.c4isb9 h5:before {
  position: absolute;
  content: "";
  z-index: -1;
  width: 150px;
  height: 40px;
  background: linear-gradient(to right, #e0f8ff 0%, #eafbff 100%);
  left: 0;
  right: 0;
  margin: inherit;
  top: -18px;
  border-radius: 3px;
}
p.y1mkol {
  padding: 11px 0 0;
}
/*
<!-- ============================================================== -->
<!-- Start feature area Css -->
<!-- ============================================================== -->*/

ul#qvhjec {
  border-bottom: 3px solid #ed2a22;
}
.yg13ku ul li a {
  display: inline-block;
  font-family: "Rajdhani";
  font-size: 18px;
  font-weight: 600;
}
li.kudo6q {
  padding-right: 45px;
}
.q4hmuc .fth79b.mf6a9t,
.q4hmuc .ryn3mn > .fth79b {
  color: #fff;
  background-color: #ed2921;
  padding: 15px 25px;
  font-weight: 600;
  font-family: "Rajdhani";
  font-size: 18px;
  border-radius: 5px 5px 0 0;
}
.fa7pks p {
  margin-bottom: 30px;
}
.lf8j6y ul {
  display: block;
  list-style: none;
}
.lf8j6y ul li {
  display: block;
  padding: 0 0 13px;
}
.lf8j6y ul li i {
  display: inline-block;
  color: #ed2a22;
  padding: 0 10px 0px 0;
}
.lf8j6y ul li span {
  font-size: 17px;
  font-weight: 600;
  font-family: "Rajdhani";
  color: #3d3133;
}
.gyyyvo img {
  width: 100%;
}
.yg13ku ul li a:hover {
  color: #b10707ed54b;
}
/*style two*/
.dvs4u2.w8ie5q {
  background: url(assets/images/resource/techno-4.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 258px 0 100px;
  height: 802px;
}
/*upper style*/
.dvs4u2.w8ie5q.rdqbf1 {
  padding: 100px 0 100px;
  height: 645px;
}
/*style two upper6 */
.dvs4u2.w8ie5q.rznb48 {
  background: url(assets/images/resource/feature-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 258px 0 100px;
}
.w8ie5q.rznb48 .yg13ku ul li a {
  display: inline-block;
  font-family: "Rajdhani";
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}
.w8ie5q.rznb48 .lf8j6y ul li span {
  font-size: 17px;
  font-weight: 600;
  font-family: "Rajdhani";
  color: #fff;
}
/*style three*/
.uejpkx.rf9aw9 {
  background: url(assets/images/resource/service-bg.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
}
.q270p4 {
  margin-bottom: 30px;
  background: #fff;
  box-shadow: 0 0px 16px rgb(0 0 0 / 12%);
  padding: 40px 30px 20px;
  border-radius: 7px;
}
.j48824 i {
  display: inline-block;
  font-size: 45px;
  color: #104ffe;
  width: 85px;
  height: 85px;
  line-height: 85px;
  box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 15%);
  border-radius: 50%;
  text-align: center;
  position: relative;
  z-index: 1;
}
.j48824 i:after {
  position: absolute;
  content: "";
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: linear-gradient(to top, #51b5fd 0%, #0e43fe 100%);
  border-radius: 50%;
  transform: scale(0);
  transition: 0.5s;
}
.e97zsc h3 {
  font-size: 28px;
  color: #000e52;
  margin: 35px 0 13px;
  background: linear-gradient(to right, #1046fe, #48a6fe, 50%, #000e52 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  background-position: 100%;
  transition: 0.5s;
}
.e97zsc h3:hover {
  background-position: 0;
}
.q270p4:hover .j48824 i {
  color: #fff;
}
.q270p4:hover .j48824 i:after {
  transform: scale(1);
}
/*shape*/
.nrhhxj {
  position: absolute;
  bottom: -25px;
  left: 287px;
  z-index: -1;
}
.cwvbay {
  position: absolute;
  bottom: 258px;
  right: 280px;
  z-index: -1;
}
/*box style two*/
.qbymvn i {
  display: inline-block;
  font-size: 45px;
  color: #f13f2e;
  width: 85px;
  height: 85px;
  line-height: 85px;
  box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 15%);
  border-radius: 50%;
  text-align: center;
  position: relative;
  z-index: 1;
}
.qbymvn i:after {
  position: absolute;
  content: "";
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: linear-gradient(to top, #f96d49 0%, #f13f2e 100%);
  border-radius: 50%;
  transform: scale(0);
  transition: 0.5s;
}
.sxem9q h3 {
  font-size: 28px;
  color: #000e52;
  margin: 35px 0 13px;
  background: linear-gradient(to right, #f24531, #f86645, 50%, #000e52 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  background-position: 100%;
  transition: 0.5s;
}
.sxem9q h3:hover {
  background-position: 0;
}
.q270p4:hover .qbymvn i {
  color: #fff;
}
.q270p4:hover .qbymvn i:after {
  transform: scale(1);
}
/*box style three*/
.psprtm i {
  display: inline-block;
  font-size: 45px;
  color: #2bbc19;
  width: 85px;
  height: 85px;
  line-height: 85px;
  box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 15%);
  border-radius: 50%;
  text-align: center;
  position: relative;
  z-index: 1;
}
.psprtm i:after {
  position: absolute;
  content: "";
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: linear-gradient(to top, #afe83c 0%, #2bbc19 100%);
  border-radius: 50%;
  transform: scale(0);
  transition: 0.5s;
}
.zarkot h3 {
  font-size: 28px;
  color: #000e52;
  margin: 35px 0 13px;
  background: linear-gradient(to right, #37c01c, #9de237, 50%, #000e52 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  background-position: 100%;
  transition: 0.5s;
}
.zarkot h3:hover {
  background-position: 0;
}
.q270p4:hover .psprtm i {
  color: #fff;
}
.q270p4:hover .psprtm i:after {
  transform: scale(1);
}
/*
<!-- ============================================================== -->
<!-- Start why choose us area Css -->
<!-- ============================================================== -->*/
.dbggw4 {
  background: url(assets/images/resource/counter-bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 87px 0 270px;
}
.row.lhibv2 {
  position: relative;
  z-index: 1;
  margin-top: -110px;
  background: #ffffffff;
  padding: 60px 20px 25px;
  box-shadow: 0 2px 22px rgb(0 0 0 / 20%);
  margin-left: 0;
  margin-right: 0;
}
.ixp84b {
  margin-bottom: 30px;
  text-align: center;
}
.hmoukt h1 {
  font-size: 55px;
  display: inline-block;
  color: #fff;
}
.hmoukt span {
  color: #fff;
  display: inline-block;
  font-size: 50px;
  font-weight: 700;
}
.chund4 i {
  display: inline-block;
  color: #fff;
  font-size: 50px;
  text-align: center;
  margin: 0 0;
  transition: 0.5s;
}
.wlu5gh h4 {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  font-family: "Rubik";
  margin: 8px 0 0;
}
/*style two*/
.w8ie5q.dbggw4 {
  background: #1c1e22;
  padding: 0 0 0px;
}
.t0p7zw a {
  display: inline-block;
  font-size: 16px;
  color: #ffff;
  padding: 13px 35px;
  background: #28a745;
  position: relative;
  z-index: 1;
}
/*counter box*/
.w8ie5q .ixp84b {
  margin-bottom: 30px;
  text-align: left;
  background: #e9204f;
  padding: 50px 30px 40px;
  position: relative;
  z-index: 1;
}
.w8ie5q .ixp84b:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #2c2f34;
  transform: scale(0);
  margin: auto;
  z-index: -1;
  transition: 0.5s;
}
.w8ie5q .hmoukt h1 {
  font-size: 50px;
  display: inline-block;
  color: #fff;
}
.w8ie5q .wlu5gh h4 {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  font-family: "Rubik";
  margin: 6px 0 0;
}
.w8ie5q .hmoukt span {
  color: #fff;
  display: inline-block;
  font-size: 50px;
  font-weight: 600;
  font-family: "Rajdhani";
}
.w8ie5q .ixp84b:hover:before {
  transform: scale(1);
}
.w8ie5q .ixp84b:hover .chund4 i {
  color: #e9204f;
}
/*box two*/
.w8ie5q .ef1ao3 {
  margin-bottom: 30px;
  text-align: left;
  background: #2c2f34;
  padding: 50px 30px 40px;
  position: relative;
  z-index: 1;
}
.w8ie5q .ef1ao3:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #e9204f;
  transform: scale(0);
  margin: auto;
  z-index: -1;
  transition: 0.5s;
}
.w8ie5q .i2dufp i {
  display: inline-block;
  color: #e9204f;
  font-size: 50px;
  text-align: center;
  margin: 0 0;
  transition: 0.5s;
}
.w8ie5q .hmoukt h1 {
  font-size: 50px;
  display: inline-block;
  color: #fff;
}
.w8ie5q .wlu5gh h4 {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  font-family: "Rubik";
  margin: 6px 0 0;
}
.w8ie5q .hmoukt span {
  color: #fff;
  display: inline-block;
  font-size: 50px;
  font-weight: 600;
  font-family: "Rajdhani";
}
.w8ie5q .ef1ao3:hover .i2dufp i {
  color: #fff;
}
.w8ie5q .ef1ao3:hover:before {
  transform: scale(1);
}
/*counter shape*/
.i3xlvu img {
  position: relative;
  top: -454px;
  left: -232px;
}
.blsf0m img {
  position: relative;
  left: 563px;
  top: -210px;
}
/*style three*/
.dbggw4.uejpkx {
  background: url(assets/images/resource/counterbg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 100px 0 290px;
}
.uejpkx .chund4 i {
  display: inline-block;
  color: #ed381f;
  font-size: 50px;
  text-align: center;
  margin: 0 0;
}
.uejpkx .hmoukt h1 {
  font-size: 70px;
  display: inline-block;
  color: #fff;
}
.uejpkx .wlu5gh h4 {
  color: #bcc7cd;
  font-size: 20px;
  font-weight: 600;
  margin: 10px 0 0;
  font-family: "Rajdhani";
}
/*upper1*/
.rdqbf1.dbggw4.uejpkx {
  padding: 110px 0 55px;
}
.rdqbf1.uejpkx .wlu5gh h4 {
  color: #bec6cc;
  font-size: 20px;
  font-weight: 600;
  margin: 10px 0 0;
  font-family: "Rajdhani";
  text-transform: uppercase;
}
/*style four*/
.qrbdbh.dbggw4 {
  background: url(assets/images/resource/counter-bg3..jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 100px 0 70px;
}
.qrbdbh .ixp84b {
  margin-bottom: 30px;
  text-align: center;
  background: #fff;
  border-radius: 5px;
  padding: 30px 0 28px;
  box-shadow: 0 5px 0 rgb(255 255 255 / 16%);
}
.qrbdbh .chund4 i {
  display: inline-block;
  color: #fff;
  font-size: 35px;
  text-align: center;
  margin: 0 0 12px;
  width: 68px;
  height: 68px;
  line-height: 68px;
  background: linear-gradient(to right, #ee2e24 25%, #fd7f53 100%);
  border-radius: 50%;
}
.qrbdbh .hmoukt h1 {
  font-size: 42px;
  display: inline-block;
  color: #ee2e24;
}
.qrbdbh .hmoukt span {
  color: #ee2e24;
  display: inline-block;
  font-size: 40px;
  font-weight: 700;
}
.qrbdbh .wlu5gh h4 {
  color: #000e52;
  font-size: 16px;
  font-weight: 400;
  font-family: "Rubik";
  margin: 4px 0 0;
}
/*box-2*/
.wdfm8l i {
  display: inline-block;
  color: #fff;
  font-size: 35px;
  text-align: center;
  margin: 0 0 12px;
  width: 68px;
  height: 68px;
  line-height: 68px;
  background: linear-gradient(to right, #0e40fe 25%, #22cefd 100%);
  border-radius: 50%;
}
.u639bd h1 {
  font-size: 42px;
  display: inline-block;
  color: #0e40fe;
}
.u639bd span {
  color: #0e40fe;
  display: inline-block;
  font-size: 40px;
  font-weight: 700;
}
/*box-3*/
.wfvq13 i {
  display: inline-block;
  color: #fff;
  font-size: 35px;
  text-align: center;
  margin: 0 0 12px;
  width: 68px;
  height: 68px;
  line-height: 68px;
  background: linear-gradient(to right, #50c90f 25%, #a0e408 100%);
  border-radius: 50%;
}
.bc7n5c h1 {
  font-size: 42px;
  display: inline-block;
  color: #50c90f;
}
.bc7n5c span {
  color: #50c90f;
  display: inline-block;
  font-size: 40px;
  font-weight: 700;
}

/*
======================================================
  Lines Area Style
======================================================*/
.kq1rj4 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  margin: auto;
  width: inherit;
  z-index: -1;
}
.kq1rj4 .a6v5yy {
  position: absolute;
  width: 2px;
  height: 100%;
  top: 0;
  left: 46%;
  background: #b10707ed342;
  overflow: hidden;
  border-radius: 50%;
}
.kq1rj4 .a6v5yy::after {
  content: "";
  display: block;
  position: absolute;
  height: 15px;
  width: 2px;
  top: 0;
  left: 0;
  background-color: #ffbb00;
  -webkit-animation: moveLeftBounces-one 20s linear infinite;
  animation: moveLeftBounces-one 20s linear infinite;
}
.kq1rj4 .a6v5yy:nth-child(1) {
  margin-left: -24%;
}
.kq1rj4 .a6v5yy:nth-child(1)::after {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.kq1rj4 .a6v5yy:nth-child(2) {
  margin-left: 1%;
}
.kq1rj4 .a6v5yy:nth-child(2)::after {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.kq1rj4 .a6v5yy:nth-child(3)::after {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.kq1rj4 .a6v5yy:nth-child(3) {
  margin-left: 25%;
}
/*style two*/
.w8ie5q.kq1rj4 .a6v5yy {
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 46%;
  background: #e2e2ea;
  overflow: hidden;
  border-radius: 50%;
}
.w8ie5q.kq1rj4 .a6v5yy::after {
  content: "";
  display: block;
  position: absolute;
  height: 15px;
  width: 1px;
  top: 0;
  left: 0;
  background-color: #ffbb00;
  -webkit-animation: moveLeftBounces-one 20s linear infinite;
  animation: moveLeftBounces-one 20s linear infinite;
}

@-webkit-keyframes moveLeftBounces-one {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(250px);
    transform: translateY(250px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes moveLeftBounces-one {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(250px);
    transform: translateY(250px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
/*style three*/
.uejpkx.kq1rj4 .a6v5yy:nth-child(1) {
  margin-left: -24%;
}
.uejpkx.kq1rj4 .a6v5yy {
  position: absolute;
  width: 100%;
  height: 3px;
  top: 87px;
  left: 24%;
  background: transparent;
  overflow: hidden;
  border-radius: 50%;
}
.uejpkx.kq1rj4 .a6v5yy::after {
  content: "";
  display: block;
  position: relative;
  height: 3px;
  width: 50px;
  top: 0;
  left: 0px;
  background-color: #ef3729;
  -webkit-animation: moveLeftBounces-two 40s linear infinite;
  animation: moveLeftBounces-two 40s linear infinite;
  overflow: hidden;
}
@-webkit-keyframes moveLeftBounces-two {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(1920px);
    transform: translateY(1920px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes moveLeftBounces-two {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(1920px);
    transform: translateX(1920px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
/*
<!-- ============================================================== -->
<!-- Start service area Css -->
<!-- ============================================================== -->*/
.eaufzl {
  padding: 100px 0 70px;
}
.col-lg-3.col-md-6.col-sm-12.ij4bg9 {
  padding-left: 0;
  padding-right: 0;
}
.md5d44 a:hover {
  color: #ffbb00;
  border: none;
}
.kyefl8 {
  transition: 0.5s;
  position: relative;
  z-index: 1;
  text-align: center;
  background: #f8fafb;
  box-shadow: 0px 0 6px rgb(26 46 85 / 10%);
  padding: 44px 32px 5px;
}
.kyefl8:before {
  position: absolute;
  content: "";
  z-index: -1;
  width: 100%;
  height: 0;
  background: #c88804;
  left: 0;
  bottom: 0;
  transition: 0.5s;
}
.jbcgg9 i {
  font-size: 60px;
  color: #c88804;
  display: inline-block;
  transition: 0.5s;
  margin: 0;
}
.zak4gu h2 {
  font-size: 24px;
  margin: 20px 0 8px;
  transition: 0.5s;
  line-height: 1;
}
.zak4gu p {
  transition: 0.5s;
}
.md5d44 a {
  background: #28a745;
  padding: 14px 38px;
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  display: inline-block;
  margin-top: 24px;
  transition: 0.5s;
  font-family: "Rajdhani";
  font-weight: 600;
  z-index: 1;
}
.md5d44 i {
  display: inline-block;
  font-size: 13px;
  margin-left: 7px;
  width: 22px;
  height: 22px;
  line-height: 24px;
  text-align: center;
  background: #fff;
  color: #151423;
  border-radius: 100%;
  transition: 0.3s;
}
.j1w20v {
  transition: 0.5s;
  position: relative;
  z-index: 1;
  text-align: center;
  background: #fff;
  box-shadow: 0px 0 6px rgb(26 46 85 / 10%);
  padding: 44px 32px 5px;
}
.j1w20v:before {
  position: absolute;
  content: "";
  z-index: -1;
  width: 100%;
  height: 0;
  background: #c88804;
  left: 0;
  bottom: 0;
  transition: 0.5s;
}
.uqn4r4 {
  text-align: center;
  background: #f8fafb;
  box-shadow: 0px 0 6px rgb(26 46 85 / 10%);
  padding: 72px 20px 94px;
}
/*active*/
.mf6a9t .jbcgg9 i {
  color: #fff;
}
.mf6a9t .zak4gu h2 {
  color: #fff;
}
.mf6a9t .zak4gu p {
  color: #fff;
}
.mf6a9t.kyefl8:before {
  position: absolute;
  content: "";
  z-index: -1;
  width: 100%;
  height: 100%;
  background: #c88804;
  left: 0;
  bottom: 0;
  transition: 0.5s;
}
.md5d44 a:hover {
  background: #1a1829;
  color: #fff;
}
.kyefl8:hover:before {
  height: 100%;
  background: #c88804;
}
.j1w20v:hover:before {
  height: 100%;
  background: #c88804;
}
.kyefl8:hover .jbcgg9 i,
.kyefl8:hover .zak4gu h2,
.kyefl8:hover .zak4gu p {
  color: #fff;
}
.j1w20v:hover .jbcgg9 i,
.j1w20v:hover .zak4gu h2,
.j1w20v:hover .zak4gu p {
  color: #fff;
}
/*style two*/
.eaufzl.w8ie5q {
  background: #1b1d21;
  position: relative;
  margin-top: -17px;
}
.w8ie5q .kyefl8 {
  transition: 0.5s;
  position: relative;
  z-index: 1;
  text-align: left;
  background: #25272b;
  box-shadow: 0px 0 6px rgb(26 46 85 / 10%);
  padding: 44px 30px 5px;
}
.w8ie5q .j1w20v {
  transition: 0.5s;
  position: relative;
  z-index: 1;
  text-align: left;
  background: #2c2e34;
  box-shadow: 0px 0 6px rgb(26 46 85 / 10%);
  padding: 44px 30px 5px;
}
.w8ie5q .kyefl8.mf6a9t {
  background: url(assets/images/resource/techno-1.jpg);
}
.w8ie5q .mf6a9t.kyefl8:before {
  position: absolute;
  content: "";
  z-index: -1;
  width: 100%;
  height: 0%;
  background: url(assets/images/resource/techno-1.jpg);
  left: 0;
  bottom: 0;
  transition: 0.5s;
}
.w8ie5q .mc985g i {
  position: relative;
  float: right;
  right: 0;
  top: -60px;
  height: 35px;
  width: 35px;
  line-height: 36px;
  background: #b10707ed63b;
  text-align: center;
  border-radius: 50%;
  color: #dd214e;
  transition: 0.5s;
}
.w8ie5q .mf6a9t .mc985g i {
  background: #fff;
}
.w8ie5q .zak4gu h2 {
  font-size: 24px;
  margin: 20px 0 14px;
  transition: 0.5s;
  line-height: 1;
}
.w8ie5q .uqn4r4 {
  text-align: center;
  background: #25272b;
  box-shadow: 0px 0 6px rgb(26 46 85 / 10%);
  padding: 72px 20px 100px;
  position: relative;
  z-index: 3;
}
.bdccbh {
  position: relative;
  z-index: 1;
}
.ub7odf img {
  position: absolute;
  z-index: 1;
  left: -226px;
  top: 0;
  width: 25%;
}
.jl38ym img {
  position: absolute;
  left: 68px;
  top: -34px;
  width: 82%;
}
.w8ie5q .mf6a9t.kyefl8:hover:before {
  height: 100%;
  background: url(assets/images/resource/techno-1.jpg);
}
.w8ie5q .kyefl8:hover:before {
  height: 100%;
  background: url(assets/images/resource/techno-3.jpg);
}
.w8ie5q .j1w20v:hover:before {
  height: 100%;
  background: url(assets/images/resource/techno-2.jpg);
}
.kyefl8:hover .mc985g i {
  background: #fff;
}
.j1w20v:hover .mc985g i {
  background: #fff;
}
/*style three*/
.eaufzl.uejpkx {
  background: url(assets/images/resource/services.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.uejpkx .kyefl8 {
  transition: 0.5s;
  position: relative;
  z-index: 1;
  text-align: left;
  background: #19191b;
  box-shadow: 0px 0 6px rgb(26 46 85 / 10%);
  padding: 40px 38px 30px;
  border-radius: 5px;
  margin-bottom: 30px;
}
.uejpkx .kyefl8:before {
  position: absolute;
  content: "";
  z-index: -1;
  width: 100%;
  height: 0;
  background: #ed2a22;
  left: 0;
  bottom: 0;
  transition: 0.5s;
  border-radius: 5px;
}
.uejpkx .kyefl8:after {
  position: absolute;
  content: "";
  z-index: -1;
  background: #dd1b13;
  bottom: 0;
  left: 0;
  height: 0%;
  width: 0%;
  clip-path: polygon(0% 0%, 100% 100%, 100% 100%, 0% 100%);
  transition: 1s;
}
.uejpkx .zak4gu h2 {
  font-size: 24px;
  margin: 24px 0 38px;
  transition: 0.5s;
  position: relative;
  z-index: 1;
  line-height: 1.3;
}
.uejpkx .jbcgg9 i {
  font-size: 52px;
  color: #c88804;
  display: inline-block;
  transition: 0.5s;
  margin: 0;
  height: 90px;
  width: 90px;
  line-height: 90px;
  background: #252526;
  text-align: center;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
.uejpkx .jbcgg9 i:after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  background: #f1554e;
  border-radius: 50%;
  z-index: -1;
  transform: scale(0);
  transition: 1s;
}
.uejpkx .zak4gu h2:before {
  position: absolute;
  content: "";
  z-index: 1;
  left: 0;
  bottom: -18px;
  background: #ed371f;
  width: 43px;
  height: 2px;
  transition: 0.5s;
}
.uejpkx .v4l04l a {
  display: inline-block;
  font-family: "Rajdhani";
  font-weight: 600;
  color: #ed2a22;
  margin-top: 7px;
  transition: 0.5s;
}
.uejpkx .v4l04l span {
  display: inline-block;
  padding-left: 6px;
}
.uejpkx .v4l04l span i {
  display: inline-block;
  color: #ed2a22;
  transition: 0.5s;
}
.uejpkx .jbcgg9 i::after {
}
.uejpkx .kyefl8:hover:after {
  height: 35%;
  width: 50%;
}
.uejpkx .kyefl8:hover:before {
  height: 100%;
  background: #c88804;
}
.uejpkx .kyefl8:hover .jbcgg9 i::after {
  background: #f1554e;
  transform: scale(1);
}
.uejpkx .kyefl8:hover .zak4gu h2:before {
  background: #fff;
}
.uejpkx .kyefl8:hover .v4l04l a,
.uejpkx .kyefl8:hover .v4l04l span i {
  color: #fff;
}
/*style three upper5*/
.eaufzl.uejpkx.uzwxlu {
  background: #212123;
  margin-top: -48px;
}
.uejpkx.uzwxlu .jbcgg9 i {
  font-size: 52px;
  color: #ed381f;
  display: inline-block;
  transition: 0.5s;
  margin: 0;
  height: 90px;
  width: 90px;
  line-height: 90px;
  background: #252526;
  text-align: center;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
.uejpkx.uzwxlu .zak4gu h2:before {
  position: absolute;
  content: "";
  z-index: 1;
  left: 0;
  bottom: -18px;
  background: #ed381f;
  width: 43px;
  height: 2px;
  transition: 0.5s;
}
.uejpkx.uzwxlu .kyefl8:hover .jbcgg9 i,
.uejpkx.uzwxlu .kyefl8:hover .v4l04l span i {
  color: #fff;
}
.uejpkx.uzwxlu .kyefl8:hover:before {
  height: 100%;
  background: linear-gradient(to right, #ed2b22 0%, #ed431d 100%);
}
/*style four*/
.eaufzl.qrbdbh {
  background: #fff;
}
.qrbdbh .kyefl8 {
  transition: 0.5s;
  position: relative;
  z-index: 1;
  text-align: left;
  background: #fff;
  box-shadow: 0px 0 16px rgb(26 46 85 / 13%);
  padding: 40px 38px 30px;
  border-radius: 5px;
  margin-bottom: 30px;
}
.qrbdbh .kyefl8:before {
  position: absolute;
  content: "";
  z-index: -1;
  width: 100%;
  height: 0;
  background: linear-gradient(to top, #ed2523 0%, #ed491c 100%);
  left: 0;
  bottom: 0;
  transition: 0.5s;
  border-radius: 5px;
}
.qrbdbh .kyefl8:after {
  position: absolute;
  content: "";
  z-index: -1;
  background: #f0613f;
  bottom: 0;
  left: 0;
  height: 0%;
  width: 0%;
  clip-path: polygon(0% 0%, 100% 100%, 100% 100%, 0% 100%);
  transition: 1s;
}
.qrbdbh .zak4gu h2 {
  font-size: 26px;
  margin: 24px 0 38px;
  transition: 0.5s;
  position: relative;
  z-index: 1;
  line-height: 1.3;
  color: #151423;
}
.qrbdbh .jbcgg9 i {
  font-size: 52px;
  color: #c88804;
  display: inline-block;
  transition: 0.5s;
  margin: 0;
  height: 90px;
  width: 90px;
  line-height: 90px;
  background: #fff5f5;
  text-align: center;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
.qrbdbh .jbcgg9 i:after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  background: #f0613f;
  border-radius: 50%;
  z-index: -1;
  transform: scale(0);
  transition: 1s;
}
.qrbdbh .zak4gu h2:before {
  position: absolute;
  content: "";
  z-index: 1;
  left: 0;
  bottom: -18px;
  background: #ed371f;
  width: 43px;
  height: 2px;
  transition: 0.5s;
}
.qrbdbh .v4l04l a {
  display: inline-block;
  font-family: "Rajdhani";
  font-weight: 600;
  color: #3d3133;
  margin-top: 7px;
  transition: 0.5s;
}
.qrbdbh .v4l04l span {
  display: inline-block;
  padding-left: 6px;
}
.qrbdbh .v4l04l span i {
  display: inline-block;
  color: #3d3133;
  transition: 0.5s;
}
.qrbdbh .kyefl8:hover:after {
  height: 35%;
  width: 50%;
}
.qrbdbh .kyefl8:hover:before {
  height: 100%;
  background: linear-gradient(to top, #ed491c 0%, #ed2523 100%);
}
.qrbdbh .kyefl8:hover .jbcgg9 i::after {
  background: #f1544e;
  transform: scale(1);
}
.qrbdbh .kyefl8:hover .zak4gu h2:before {
  background: #fff;
}
.qrbdbh .kyefl8:hover .v4l04l a,
.qrbdbh .kyefl8:hover .v4l04l span i {
  color: #fff;
}
/*active box*/
.qrbdbh .mf6a9t.kyefl8:before {
  width: 100%;
  height: 100%;
}
.qrbdbh .mf6a9t.kyefl8:after {
  height: 35%;
  width: 50%;
}
.qrbdbh .mf6a9t .jbcgg9 i:after {
  transform: scale(1);
}
.qrbdbh .mf6a9t .jbcgg9 i {
  color: #fff;
}
.qrbdbh .mf6a9t .zak4gu h2 {
  color: #fff;
}
.qrbdbh .mf6a9t .zak4gu h2:before {
  background: #fff;
}
.qrbdbh .mf6a9t .v4l04l a {
  color: #fff;
}
.qrbdbh .mf6a9t .v4l04l span i {
  color: #fff;
}

/*style five*/
.eaufzl.toj2rz {
  background: url(assets/images/resource/service-image.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 100px 0 90px;
}
/*button*/
.toj2rz .md5d44 a {
  display: inline-block;
  padding: 16px 30px;
  background: #000e52;
  color: #fff;
  text-transform: uppercase;
  border-radius: 5px;
  font-family: "Rajdhani";
  font-weight: 600;
  position: relative;
  z-index: 1;
  margin-top: 10px;
}
.toj2rz .md5d44 a:before {
  position: absolute;
  content: "";
  z-index: -1;
  left: 0;
  bottom: 0;
  background: linear-gradient(to right, #8722ff 20%, #c80dff 90%);
  height: 100%;
  width: 0;
  border-radius: 5px;
  transition: 0.6s;
}
.toj2rz .md5d44 a:hover:before {
  width: 100%;
}
/*box3*/
.toj2rz .tb7abg {
  transition: 0.5s;
  position: relative;
  z-index: 1;
  text-align: left;
  background: #fff;
  box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 19%);
  padding: 30px 29px 25px;
  margin-bottom: 30px;
}
.toj2rz .tb7abg:before {
  position: absolute;
  content: "";
  z-index: -1;
  width: 55px;
  height: 55px;
  background: linear-gradient(to right, #fff2f1 12%, #feeaee 100%);
  left: inherit;
  bottom: 0;
  right: 0;
  border-radius: 55px 0 0 0;
  transition: 0.5s;
}
.tb7abg:after {
  position: absolute;
  content: "";
  z-index: -1;
  background: linear-gradient(to right, #fd7f53 6%, #ee2e24 100%);
  bottom: 0px;
  right: 0;
  height: 0;
  width: 55px;
  border-radius: 55px 0 0 0;
  transition: 0.5s;
}
.toj2rz .jbcgg9 i {
  font-size: 30px;
  color: #fff;
  display: inline-block;
  transition: 0.5s;
  margin: 0;
  width: 68px;
  height: 68px;
  line-height: 68px;
  background: linear-gradient(to bottom, #ee2e24 12%, #fd7f53 100%);
  border-radius: 50%;
  text-align: center;
}
.toj2rz .hiozwe h2 {
  font-size: 22px;
  margin: 28px 0 12px;
  transition: 0.5s;
  color: #000e52;
  background: linear-gradient(to right, #ee2e24, #fd7f53, 50%, #000e52 50%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-size: 200% 100%;
  background-position: 100%;
}
.toj2rz .zykeys i {
  position: absolute;
  z-index: 1;
  bottom: 14px;
  font-size: 18px;
  color: #ee2e24;
  right: 14px;
  transition: 0.5s;
}
.toj2rz .tb7abg:hover .hiozwe h2 {
  background-position: 0;
}
.md5d44 a:hover {
  background: #1a1829;
  color: #fff;
}
.toj2rz .tb7abg:hover .zykeys i {
  color: #fff;
}
.tb7abg:hover:after {
  height: 55px;
}
/*box4*/
.toj2rz .nzde7x {
  transition: 0.5s;
  position: relative;
  z-index: 1;
  text-align: left;
  background: #fff;
  box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 19%);
  padding: 30px 29px 25px;
  margin-bottom: 30px;
}
.toj2rz .nzde7x:before {
  position: absolute;
  content: "";
  z-index: -1;
  width: 55px;
  height: 55px;
  background: linear-gradient(to right, #e5ebff 12%, #d7e0ff 100%);
  left: inherit;
  bottom: 0;
  right: 0;
  border-radius: 55px 0 0 0;
  transition: 0.5s;
}
.nzde7x:after {
  position: absolute;
  content: "";
  z-index: -1;
  background: linear-gradient(to right, #20bafe 6%, #0e42fe 100%);
  bottom: 0px;
  right: 0;
  height: 0;
  width: 55px;
  border-radius: 55px 0 0 0;
  transition: 0.5s;
}
.toj2rz .ax5m3w i {
  font-size: 30px;
  color: #fff;
  display: inline-block;
  transition: 0.5s;
  margin: 0;
  width: 68px;
  height: 68px;
  line-height: 68px;
  background: linear-gradient(to bottom, #0e40fe 5%, #22cefd 100%);
  border-radius: 50%;
  text-align: center;
}
.toj2rz .rm9bpr h2 {
  font-size: 22px;
  margin: 28px 0 12px;
  transition: 0.5s;
  color: #000e52;
  background: linear-gradient(to right, #0e42fe, #1eacfe, 50%, #000e52 50%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-size: 200% 100%;
  background-position: 100%;
}
.toj2rz .mc985g i {
  position: absolute;
  z-index: 1;
  bottom: 14px;
  font-size: 18px;
  color: #0f45fe;
  right: 14px;
  transition: 0.5s;
}
.toj2rz .nzde7x:hover .rm9bpr h2 {
  background-position: 0;
}
.toj2rz .nzde7x:hover .mc985g i {
  color: #fff;
}
.nzde7x:hover:after {
  height: 55px;
}
/*box5*/
.toj2rz .brxp7o {
  transition: 0.5s;
  position: relative;
  z-index: 1;
  text-align: left;
  background: #fff;
  box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 19%);
  padding: 30px 29px 25px;
  margin-bottom: 30px;
}
.toj2rz .brxp7o:before {
  position: absolute;
  content: "";
  z-index: -1;
  width: 55px;
  height: 55px;
  background: linear-gradient(to right, #ecffe3 12%, #ecffe3 100%);
  left: inherit;
  bottom: 0;
  right: 0;
  border-radius: 55px 0 0 0;
  transition: 0.5s;
}
.brxp7o:after {
  position: absolute;
  content: "";
  z-index: -1;
  background: linear-gradient(to right, #9ae108 6%, #4ac610 100%);
  bottom: 0px;
  right: 0;
  height: 0;
  width: 55px;
  border-radius: 55px 0 0 0;
  transition: 0.5s;
}
.toj2rz .vluj9a i {
  font-size: 30px;
  color: #fff;
  display: inline-block;
  transition: 0.5s;
  margin: 0;
  width: 68px;
  height: 68px;
  line-height: 68px;
  background: linear-gradient(to bottom, #43c410 0%, #aae707 100%);
  border-radius: 50%;
  text-align: center;
}
.toj2rz .ztsil1 h2 {
  font-size: 22px;
  margin: 28px 0 12px;
  transition: 0.5s;
  color: #000e52;
  background: linear-gradient(to right, #47c610, #97e008, 50%, #000e52 50%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-size: 200% 100%;
  background-position: 100%;
}
.toj2rz .krm9cg i {
  position: absolute;
  z-index: 1;
  bottom: 14px;
  font-size: 18px;
  color: #47c610;
  right: 14px;
  transition: 0.5s;
}
.toj2rz .brxp7o:hover .ztsil1 h2 {
  background-position: 0;
}
.toj2rz .brxp7o:hover .krm9cg i {
  color: #fff;
}
.brxp7o:hover:after {
  height: 55px;
}
/*box5*/
.toj2rz .j4zigl {
  transition: 0.5s;
  position: relative;
  z-index: 1;
  text-align: left;
  background: #fff;
  box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 19%);
  padding: 30px 29px 25px;
  margin-bottom: 30px;
}
.toj2rz .j4zigl:before {
  position: absolute;
  content: "";
  z-index: -1;
  width: 55px;
  height: 55px;
  background: linear-gradient(to right, #f9e9ff 12%, #f9e9ff 100%);
  left: inherit;
  bottom: 0;
  right: 0;
  border-radius: 55px 0 0 0;
  transition: 0.5s;
}
.j4zigl:after {
  position: absolute;
  content: "";
  z-index: -1;
  background: linear-gradient(to right, #c90dff 6%, #8a21ff 100%);
  bottom: 0px;
  right: 0;
  height: 0;
  width: 55px;
  border-radius: 55px 0 0 0;
  transition: 0.5s;
}
.toj2rz .wymdcs i {
  font-size: 30px;
  color: #fff;
  display: inline-block;
  transition: 0.5s;
  margin: 0;
  width: 68px;
  height: 68px;
  line-height: 68px;
  background: linear-gradient(to bottom, #9020ff 0%, #c40eff 100%);
  border-radius: 50%;
  text-align: center;
}
.toj2rz .mg0hfd h2 {
  font-size: 22px;
  margin: 28px 0 12px;
  transition: 0.5s;
  color: #000e52;
  background: linear-gradient(to right, #941fff, #bd10ff, 50%, #000e52 50%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-size: 200% 100%;
  background-position: 100%;
}
.toj2rz .za6olo i {
  position: absolute;
  z-index: 1;
  bottom: 14px;
  font-size: 18px;
  color: #911fff;
  right: 14px;
  transition: 0.5s;
}
.toj2rz .j4zigl:hover .mg0hfd h2 {
  background-position: 0;
}
.toj2rz .j4zigl:hover .za6olo i {
  color: #fff;
}
.j4zigl:hover:after {
  height: 55px;
}
/*
<!-- ============================================================== -->
<!-- Start about area Css -->
<!-- ============================================================== -->*/
.l7bm6b {
  background: url(assets/images/about/techno-1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 90px 0 85px;
}
.grp8ms {
  position: relative;
  right: 50px;
}
.grp8ms img {
  width: 100%;
}
.wu8og7 {
  float: left;
  margin-right: 10px;
}
.wu8og7 i {
  display: inline-block;
  color: #c88804;
  font-size: 18px;
}
.vpmydo {
  margin-top: 17px;
  border-top: 1px solid #fde9ec;
  padding: 23px 0 0;
}
.qc603s {
  float: left;
  margin-right: 52px;
  margin-left: 20px;
  margin-top: -8px;
}
.dp9nwj h2 {
  font-size: 24px;
  margin-bottom: 16px;
  background: linear-gradient(to right, #ed2523, #ed2523, 50%, #222 50%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-size: 200% 100%;
  background-position: 100%;
}
.dp9nwj {
  overflow: hidden;
}
.dp9nwj p {
  margin: -10px 0 0;
}
.dp9nwj h2:hover {
  background-position: 0;
}
/*stylw two*/
.l7bm6b.w8ie5q {
  background: #fff;
}
/*style three*/
.l7bm6b.uejpkx {
  background: url(assets/images/resource/services.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 192px 0 100px;
  position: relative;
  margin-top: -170px;
}
.uejpkx .ublzx1 {
  position: relative;
  margin-left: -88px;
}
.uejpkx .vpmydo {
  margin-top: 17px;
  border-top: 0;
  padding: 23px 0 0;
}
.uejpkx .ublzx1 img {
  -webkit-filter: grayscale(100%);
  transition: 0.5s;
}
.uejpkx .picvj8 p {
  font-size: 18px;
  font-family: "Rajdhani";
  font-weight: 600;
}
.wu8og7 i {
  font-size: 10px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  background: linear-gradient(to right, #ed2523 0%, #ed491c 100%);
  border-radius: 50%;
}
.uejpkx .qc603s {
  float: left;
  margin-right: 35px;
  margin-left: 0px;
  margin-top: -4px;
}
.uejpkx .dp9nwj h2 {
  font-size: 24px;
  margin-bottom: 16px;
  background: linear-gradient(to right, #ed2523, #ed2523, 50%, #fff 50%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-size: 200% 100%;
  background-position: 100%;
  margin-left: 43px;
  position: relative;
}
.uejpkx .dp9nwj h2:hover {
  background-position: 0;
}
.uejpkx .dp9nwj h2:before {
  position: absolute;
  content: "";
  z-index: 1;
  left: -44px;
  top: 15px;
  background: linear-gradient(to right, #ed2523 0%, #ed491c 100%);
  width: 35px;
  height: 1px;
}
.uejpkx .dp9nwj p {
  margin: -10px 0 0 45px;
}
.uejpkx .ublzx1 img:hover {
  -webkit-filter: grayscale(0);
}
/*style four*/
.l7bm6b.qrbdbh {
  background: url(assets/images/about/about-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.r7mxv4 a {
  display: inline-block;
  padding: 14px 35px;
  background: linear-gradient(to right, #ed2b22 0%, #ed431d 100%);
  color: #fff;
  text-transform: uppercase;
  border-radius: 5px;
  font-family: "Rajdhani";
  font-weight: 600;
  position: relative;
  z-index: 1;
  margin-top: 18px;
}
.r7mxv4 i {
  display: inline-block;
  font-size: 22px;
  margin-left: 8px;
  transition: 0.5s;
}
.r7mxv4 a:before {
  position: absolute;
  content: "";
  z-index: -1;
  left: 0;
  bottom: 0;
  background: #000000;
  height: 0;
  width: 100%;
  border-radius: 5px;
  transition: 0.6s;
}
.r7mxv4 a:hover:before {
  height: 100%;
}
/*style five*/
.toj2rz.l7bm6b {
  background: url(assets/images/about/about-bg2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 100px 0 20px;
  position: relative;
  z-index: 1;
}
.toj2rz .ublzx1 {
  position: relative;
  margin-left: -275px;
  z-index: 1;
}
.toj2rz .pydeyz img {
  position: absolute;
  bottom: -30px;
  right: 550px;
}
.toj2rz .qepn5h img {
  position: absolute;
  bottom: 60px;
  right: -700px;
  width: 49%;
}
/*icon box style two*/
.vhevla {
  background: #fff;
  box-shadow: 0px 1px 13px 0px rgb(0 0 0 / 12%);
  padding: 15px 0px 33px 15px;
  border-radius: 5px;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}
.vhevla:before {
  position: absolute;
  content: "";
  z-index: -1;
  left: 0;
  top: 0;
  height: 0%;
  width: 100%;
  background: linear-gradient(to right, #22b913 0%, #c7f104 100%);
  border-radius: 5px;
  transition: 0.5s;
}
.jag9kw {
  float: left;
  margin-right: 12px;
}
.jag9kw i {
  font-size: 32px;
  width: 56px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  color: #28bb12;
  background: #fff;
  box-shadow: 0px 3px 25px 0 rgb(0 0 0 / 16%);
  border-radius: 50%;
  display: inline-block;
}
.ibuwwg h4 {
  font-size: 21px;
  padding: 1px 0 0;
  color: #28bb12;
  transition: 0.5s;
}
.vhevla:hover .ibuwwg h4 {
  color: #fff;
}
.vhevla:hover:before {
  height: 100%;
}
/*box2*/
.hs4acn {
  background: #fff;
  box-shadow: 0px 1px 13px 0px rgb(0 0 0 / 12%);
  padding: 15px 0px 33px 15px;
  border-radius: 5px;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}
.hs4acn:before {
  position: absolute;
  content: "";
  z-index: -1;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  background: linear-gradient(to right, #ee2e24 44%, #fd7f53 90%);
  border-radius: 5px;
  transition: 0.5s;
}
.enhbsn {
  float: left;
  margin-right: 12px;
}
.enhbsn i {
  font-size: 32px;
  width: 56px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  color: #f24732;
  background: #fff;
  box-shadow: 0px 3px 25px 0 rgb(0 0 0 / 16%);
  border-radius: 50%;
  display: inline-block;
}
.yiwg43 h4 {
  font-size: 21px;
  padding: 1px 0 0;
  color: #f24732;
  transition: 0.5s;
}
.hs4acn:hover .yiwg43 h4 {
  color: #fff;
}
.hs4acn:hover:before {
  width: 100%;
}
/*box3*/
.rivo5r {
  background: #fff;
  box-shadow: 0px 1px 13px 0px rgb(0 0 0 / 12%);
  padding: 15px 0px 33px 15px;
  border-radius: 5px;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}
.rivo5r:before {
  position: absolute;
  content: "";
  z-index: -1;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  background: linear-gradient(to right, #8722ff 20%, #c80dff 90%);
  border-radius: 5px;
  transition: 0.5s;
}
.ya269n {
  float: left;
  margin-right: 12px;
}
.ya269n i {
  font-size: 32px;
  width: 56px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  color: #b712ff;
  background: #fff;
  box-shadow: 0px 3px 25px 0 rgb(0 0 0 / 16%);
  border-radius: 50%;
  display: inline-block;
}
.td43cc h4 {
  font-size: 21px;
  padding: 1px 0 0;
  color: #b712ff;
  transition: 0.5s;
}
.rivo5r:hover .td43cc h4 {
  color: #fff;
}
.rivo5r:hover:before {
  width: 100%;
}
/*box4*/
.xlmq4m {
  background: #fff;
  box-shadow: 0px 1px 13px 0px rgb(0 0 0 / 12%);
  padding: 15px 0px 33px 15px;
  border-radius: 5px;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}
.xlmq4m:before {
  position: absolute;
  content: "";
  z-index: -1;
  left: 0;
  bottom: 0;
  height: 0;
  width: 100%;
  background: linear-gradient(to right, #0d3ffe 0, #21c7fd 100%);
  border-radius: 5px;
  transition: 0.5s;
}
.umhvwq {
  float: left;
  margin-right: 12px;
}
.umhvwq i {
  font-size: 32px;
  width: 56px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  color: #0c62d3;
  background: #fff;
  box-shadow: 0px 3px 25px 0 rgb(0 0 0 / 16%);
  border-radius: 50%;
  display: inline-block;
}
.uoviwn h4 {
  font-size: 21px;
  padding: 1px 0 0;
  color: #0c62d3;
}
.xlmq4m:hover .uoviwn h4 {
  color: #fff;
}
.xlmq4m:hover:before {
  height: 100%;
}
/*button*/
.uqcxqe a {
  display: inline-block;
  padding: 15px 34px;
  background: #000e52;
  color: #fff;
  text-transform: uppercase;
  border-radius: 5px;
  font-family: "Rajdhani";
  font-weight: 600;
  position: relative;
  z-index: 1;
  margin-top: 10px;
}
.uqcxqe a:before {
  position: absolute;
  content: "";
  z-index: -1;
  left: 0;
  bottom: 0;
  background: linear-gradient(to right, #22b913 0%, #c7f104 100%);
  height: 0;
  width: 100%;
  border-radius: 5px;
  transition: 0.6s;
}

.uqcxqe i {
  display: inline-block;
  font-size: 13px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  background: #fff;
  text-align: center;
  color: #000e52;
  border-radius: 50%;
  margin-left: 8px;
}
.uqcxqe a:hover:before {
  height: 100%;
}

/*====================================================
--< ITplot abouts_areas Css -->
======================================================*/
.t8obvl {
  margin-bottom: 30px;
}
.vtsdsx {
  position: relative;
}
.s7qdt3 {
  position: absolute;
  bottom: -30px;
  left: 0;
  width: 66%;
  background: #ec2a3f;
  padding: 28px 30px 25px;
  border-radius: 10px;
}
.s7qdt3 h3 {
  font-size: 26px;
  font-weight: 700;
  line-height: 34px;
  color: #fff;
  margin: 0;
  position: relative;
}
.csljcv {
  position: absolute;
  bottom: 25px;
  right: 213px;
}
.csljcv i {
  display: inline-block;
  height: 45px;
  width: 45px;
  border-radius: 50px;
  line-height: 45px;
  background: #fff;
  font-size: 15px;
  color: #000;
  font-weight: 600;
  text-align: center;
}

/*====================================================
--< ITplot testimoniale_areas Css -->
======================================================*/
.r7hens {
  background: #f0f3f5;
}
.buwiot {
  background: #fff;
  padding: 25px 40px 25px 40px;
  border-radius: 10px;
  margin-bottom: 30px;
}
.bf8fih h3 {
  font-size: 28px;
  padding: 0 0 10px;
  color: #1e1e1e;
}
.bf8fih p {
  font-size: 16px;
  color: #616161;
}
.cixq1i {
  margin-top: 30px;
}
.cixq1i img {
  float: left;
  margin: 0px 20px 0 0;
}
.a4u59c p {
  font-size: 16px;
  color: #68697d;
  margin: 0;
  line-height: 1.7;
}
.wh89dh {
  display: inline-block;
}
.wh89dh ul li {
  display: inline-block;
}
.a4u59c h4::before {
  position: absolute;
  content: "";
  top: 5px;
  left: 178px;
  height: 15px;
  width: 1px;
  background: #8a949a;
}
.wh89dh ul li a {
  display: inline-block;
  color: #ffb600;
  font-size: 15px;
}
.a4u59c h4 {
  font-size: 22px;
  line-height: 1;
  position: relative;
}
.wh89dh {
  position: relative;
  top: -51px;
  left: 110px;
}
/*
<!-- ============================================================== -->
<!-- Start call do action area Css -->
<!-- ============================================================== -->*/
.row.j3hdbq {
  position: relative;
  z-index: 1;
  margin-top: -100px;
  background: #fff;
  box-shadow: 0 2px 22px rgb(0 0 0 / 20%);
  padding: 37px 40px 25px;
  margin-left: 0;
  margin-right: 0;
}
.ybg2yi h1 {
  margin-bottom: 13px;
}
.ybg2yi span {
  color: #ffbb00;
}
.he1tk2 a {
  font-size: 18px;
  display: inline-block;
  padding: 12px 34px;
  float: right;
  background: #ffbb00;
  text-transform: uppercase;
  font-family: "Rajdhani";
  font-weight: 600;
  border: 2px solid #ffbb00;
  transition: 0.5s;
  position: relative;
  z-index: 1;
}
.he1tk2 a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #ce851f;
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.24s cubic-bezier(0.37, 0.31, 0.31, 0.9),
    -webkit-transform 0.24s cubic-bezier(0.37, 0.31, 0.31, 0.9);
  outline: 0 !important;
  border: 0 !important;
}
.he1tk2 a:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  outline: 0 !important;
  border: 0 !important;
}
.he1tk2 a:hover {
  color: #b10707ed54b;
  background: #fff;
}
/*style two*/

/*
<!-- ============================================================== -->
<!-- Start call do action area Css -->
<!-- ============================================================== -->*/
.eo09pa {
  padding: 100px 0 100px;
}
.i6lgdi h2 {
  font-size: 26px;
}
.i6lgdi h2 a {
  color: #232434;
  font-weight: 700;
}
.mvdpfh {
  background: #fff;
  position: relative;
  z-index: 1;
  box-shadow: 0 2px 22px rgb(0 0 0 / 15%);
  margin-top: -43px;
  width: 86%;
  left: 37px;
  padding: 5px 25px 3px;
  transition: 0.5s;
  cursor: pointer;
}
.mvdpfh:before {
  position: absolute;
  content: "";
  z-index: -1;
  width: 30%;
  height: 100%;
  top: 0;
  right: 0;
  background: #232333;
  transition: 0.5s;
}
.k7o6yq {
  position: absolute;
  top: 40px;
  right: 40px;
  bottom: 0;
}
.k7o6yq i {
  display: inline-block;
  font-size: 22px;
  color: #b7b7bc;
  transition: 0.5s;
}
.e9f5st:hover .mvdpfh:before {
  background: #ffbb00;
}
.e9f5st:hover .k7o6yq i {
  color: #fff;
}
.e9f5st:hover .mvdpfh {
  margin-top: -62px;
}
/*style two*/
.mvdpfh.w8ie5q {
  margin-bottom: 30px;
}
.w8ie5q.mvdpfh {
  background: #fff;
  position: relative;
  z-index: 1;
  box-shadow: 0 2px 22px rgb(0 0 0 / 15%);
  margin-top: -43px;
  width: 86%;
  left: 37px;
  padding: 5px 25px 3px;
}
.w8ie5q.mvdpfh:before {
  position: absolute;
  content: "";
  z-index: -1;
  width: 30%;
  height: 100%;
  top: 0;
  right: 0;
  background: #ffbb00;
  transition: 0.5s;
}
.w8ie5q .k7o6yq i {
  display: inline-block;
  font-size: 22px;
  color: #fff;
  transition: 0.5s;
}
.w8ie5q.mvdpfh:hover:before {
  background: #232333;
}
/*
<!-- ============================================================== -->
<!-- Start owl nav area Css -->
<!-- ============================================================== -->*/
/*owl nav css*/
.pnmtlg {
  text-align: left;
  margin: 17px 52px 0;
}
.cbk04m {
  background: #6e1f33;
  width: 30px;
  height: 4px;
  border-radius: 5px;
  margin-right: 13px;
  display: inline-block;
  transition: 0.5s;
}
.cbk04m.mf6a9t {
  background: #c88804;
  width: 35px;
  height: 4px;
  text-align: center;
  display: inline-block;
}
/*slider owl nav*/
.lchd2q .cbk04m {
  background: transparent;
  border: 1px solid #fff;
  width: 14px;
  height: 14px;
  border-radius: 5px;
  margin-right: 60px;
  display: inline-block;
  transition: 0.5s;
  position: absolute;
  bottom: 120px;
  right: 432px;
}
.lchd2q .cbk04m.mf6a9t {
  background: #fff;
  height: 13px;
  width: 13px;
  text-align: center;
  display: inline-block;
  position: absolute;
  right: 454px;
  bottom: 120px;
}
/*slider six owl nav*/
.aapj0l.rs5x5j {
  text-align: center;
}
.aapj0l .g374dm {
  position: absolute;
  bottom: 37%;
  right: 19%;
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: #7e7f83;
  border-radius: 50%;
  text-align: center;
}
.aapj0l .jo356k {
  position: absolute;
  bottom: 44%;
  right: 19%;
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: #7e7f83;
  border-radius: 50%;
  text-align: center;
}
/*service nav*/
.pnmtlg {
  text-align: center !important;
  margin: 48px 0 0;
  display: block !important;
}
.nypkyc .cbk04m.mf6a9t {
  background: #0e41fe;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
}
.nypkyc .cbk04m {
  background: #cae0fd;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
}
/*portfolio*/
.v65a0z .pnmtlg {
  text-align: center;
  margin: 17px 52px 0;
}
/*testimonial*/
.fhemea .pnmtlg {
  text-align: left;
  margin: 10px 52px 0;
}
.fhemea .cbk04m {
  background: #595a5d;
  width: 18px;
  height: 5px;
  border-radius: 5px;
  margin-right: 13px;
  display: inline-block;
  transition: 0.5s;
}
.fhemea .cbk04m.mf6a9t {
  background: #c88804;
  width: 28px;
  height: 5px;
  text-align: center;
  display: inline-block;
}
/*blog*/
.zy6880 .pnmtlg {
  margin: 38px 0 0;
  text-align: center;
}
.zy6880 .cbk04m.mf6a9t {
  background: #28a745;
  width: 30px;
  height: 5px;
  text-align: center;
  display: inline-block;
}
.zy6880 .cbk04m {
  background: #545659;
  width: 18px;
  height: 5px;
  border-radius: 5px;
  margin-right: 13px;
  display: inline-block;
  transition: 0.5s;
}
/*owl team*/
.as77jf .pnmtlg {
  text-align: center;
  margin: 17px 0 0px;
}
.as77jf .cbk04m.mf6a9t {
  border: 2px solid #ee342c;
  width: 16px;
  height: 16px;
  text-align: center;
  display: inline-block;
  background: inherit;
}
.as77jf .cbk04m {
  background: #c7c7c8;
  width: 12px;
  height: 12px;
  border-radius: 16px;
  margin-right: 10px;
  display: inline-block;
  transition: 0.5s;
}
/*====================================================
--<	techno Portfolio Area Css -->
======================================================*/
.vt3sk9 {
  padding: 100px 0 90px;
}
/* Portfolio Nav */
.ug3u75 {
  margin-bottom: 59px;
}
.w9w11a ul {
  text-align: center;
  list-style: none;
}
li.haafwh {
  position: relative;
  z-index: 1;
  color: #232434 !important;
  text-transform: uppercase;
}
li.haafwh:before {
  position: absolute;
  z-index: 1;
  content: "";
  bottom: -9px;
  left: 0;
  right: 0;
  margin: auto;
  width: auto;
  height: 2px;
  background: #c88804;
}
li.haafwh:before {
  position: absolute;
  z-index: 1;
  content: "";
  bottom: -9px;
  left: 0;
  right: 0;
  margin: auto;
  width: auto;
  border: 1px solid #c88804;
}
.w9w11a ul li {
  display: inline-block;
  margin: 0 14px;
  cursor: pointer;
}
.w9w11a ul li {
  display: inline-block;
  cursor: pointer;
  font-size: 20px;
  font-family: "Rajdhani";
  font-weight: 600;
  color: #707070;
  transition: 0.5s;
  margin: 9px 14px 0;
}
.w9w11a ul li:hover {
  color: #c88804;
}
/* Single Portfolio */
.tmfut2 {
  overflow: hidden;
  margin-bottom: 30px;
  transition: 0.5s;
  text-align: center;
}
.gazpab {
  transition: 0.5s;
  position: relative;
  overflow: hidden;
}
.gazpab img {
  width: 100%;
  height: auto;
  display: block;
  transform: scale(1);
  transition: 0.5s;
}
.gazpab:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 88%;
  height: 88%;
  background: rgba(237, 44, 65, 0.8);
  transform: scale(0);
  margin: auto;
  z-index: 1;
  transition: 0.5s;
}
.gnviwd {
  position: absolute;
  transition: 0.5s;
  top: 40%;
  left: 5%;
  opacity: 0;
  z-index: 1;
  width: 90%;
  padding: 0;
}
.gnviwd span {
  color: #fff;
  margin: 0;
  font-size: 16px;
  position: relative;
  z-index: 1;
}
.gnviwd span:before {
  position: absolute;
  z-index: 1;
  content: "";
  top: 12px;
  right: -40px;
  width: 30px;
  height: 1px;
  background: #fff;
}
.gnviwd span:after {
  position: absolute;
  z-index: 1;
  content: "";
  top: 12px;
  left: -39px;
  width: 30px;
  height: 1px;
  background: #fff;
}
.gnviwd h3 {
  margin: 3px 0 0;
  font-size: 32px;
}
.gnviwd h3 a {
  display: inline-block;
  font-weight: 700;
  color: #fff;
  text-transform: capitalize;
}
.r7928a i {
  float: right;
  display: inline-block;
  margin-top: -48px;
  font-size: 20px;
  color: #fff;
  margin-right: 10px;
}
/* Portfolio Hover */
.w9w11a ul li a:hover:before {
  width: 100%;
}
.tmfut2:hover .gazpab:before {
  transform: scale(1);
}
.tmfut2:hover .gazpab img {
  -webkit-filter: grayscale(0%);
}
.tmfut2:hover .gazpab img {
  transform: scale(1.1);
}
.tmfut2:hover .gnviwd {
  opacity: 1;
}

/*style two*/
.vt3sk9.w8ie5q {
  background: #1c1e22;
  padding: 0 0 100px;
}
.col-lg-12.col-sm-12.e08t6h {
  padding-left: 0;
  padding-right: 0;
}
.mf6a9t.bhayth .gazpab:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(237, 44, 65, 0.8);
  opacity: 0;
  transform: inherit;
  margin: auto;
  z-index: 1;
  transition: 0.5s;
}
.w8ie5q .gazpab:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(237, 44, 65, 0.7);
  opacity: 0;
  transform: inherit;
  margin: auto;
  z-index: 1;
  transition: 0.5s;
}
.w8ie5q .gnviwd {
  position: absolute;
  transition: 0.5s;
  top: 82%;
  left: 5%;
  opacity: 0;
  z-index: 1;
  width: 90%;
  padding: 0;
}
.yh4w0i a i {
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  top: 1px;
  right: 25px;
  background: #fff;
  color: #e9204f;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  transition: 0.5s;
  opacity: 0;
}
.w8ie5q .bnnekl {
  position: relative;
  z-index: 1;
}
.w8ie5q .bnnekl:before {
  position: absolute;
  content: "";
  z-index: 1;
  width: 100%;
  height: 5px;
  background: #fff;
  bottom: 0px;
  left: 0;
  opacity: 0;
  transition: 0.5s;
}
.w8ie5q .bnnekl:after {
  position: absolute;
  content: "";
  z-index: 1;
  width: 12px;
  height: 14px;
  background: #fff;
  bottom: -2px;
  left: 0;
  right: 0;
  margin: auto;
  transform: rotate(45deg);
  opacity: 0;
  transition: 0.5s;
}
.w8ie5q .tmfut2:hover .bnnekl:before {
  opacity: 1;
}
.w8ie5q .tmfut2:hover .bnnekl:after {
  opacity: 1;
}
.w8ie5q .tmfut2:hover .yh4w0i a i {
  top: 6%;
  opacity: 1;
}
.w8ie5q .tmfut2:hover .gnviwd {
  top: 44%;
}
.w8ie5q .tmfut2:hover .gazpab img {
  transform: inherit;
}
.w8ie5q .tmfut2:hover .gazpab:before {
  opacity: 1;
  transform: (1);
}
/*active center*/
.w8ie5q .bhayth .bnnekl:before {
  opacity: 1;
}
.w8ie5q .bhayth .bnnekl:after {
  opacity: 1;
}
.w8ie5q .bhayth .yh4w0i a i {
  top: 6%;
  opacity: 1;
}
.w8ie5q .bhayth .gazpab:before {
  opacity: 1;
  transform: (1);
}
.w8ie5q .bhayth .gnviwd {
  top: 44%;
}
.qnpnj8.mf6a9t.bhayth .gnviwd {
  opacity: 1;
}
/*style three*/

.uejpkx .gazpab:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 84%;
  height: 84%;
  background: rgb(242, 106, 64, 0.7);
  transform: scale(0);
  margin: auto;
  z-index: 1;
  transition: 0.5s;
  border-radius: 8px;
}
.uejpkx .gazpab img {
  width: 100%;
  height: auto;
  display: block;
  transform: scale(1);
  transition: 0.3s;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
}
.uejpkx .tmfut2:hover .gazpab img {
  -webkit-filter: grayscale(0%);
}
.uejpkx .tmfut2:hover {
  background: #ffda99;
  border-radius: 8px;
}
/*style three upper7*/
.vt3sk9.uejpkx.j62qn8 {
  background: #212123;
}
.uejpkx.j62qn8 .w9w11a ul li {
  display: inline-block;
  cursor: pointer;
  font-size: 19px;
  font-family: "Rajdhani";
  font-weight: 600;
  color: #fff !important;
  transition: 0.5s;
  margin: 9px 14px 0 0;
}
/*style four*/
.qrbdbh.vt3sk9 {
  padding: 100px 0 25px;
}
.qrbdbh .tmfut2 {
  overflow: hidden;
  margin-bottom: 30px;
  transition: 0.5s;
  text-align: center;
  border-radius: 10px;
}
.qrbdbh .gazpab:before {
  position: inherit;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 88%;
  height: 88%;
  background: rgba(237, 44, 65, 0.8);
  transform: scale(0);
  margin: auto;
  z-index: 1;
  transition: 0.5s;
}
.gazpab img {
  width: 100%;
  height: auto;
  display: block;
  transform: scale(1);
  transition: 0.5s;
  -webkit-filter: grayscale(100%);
}
.qrbdbh .gnviwd {
  position: absolute;
  transition: 0.5s;
  top: 90%;
  left: 9%;
  border-radius: 5px;
  background: #ed2a22;
  opacity: 0;
  z-index: 1;
  width: 82%;
  padding: 22px 0 23px;
}
.qrbdbh .gnviwd h3 {
  margin: 5px 0 0;
  font-size: 28px;
}
.qrbdbh .tmfut2:hover .gazpab img {
  transform: scale(1.1);
  -webkit-filter: grayscale(0);
}
.qrbdbh .gazpab:hover .gnviwd {
  opacity: 1;
  top: 70%;
}
/*upper*/
.j4i4l3.qrbdbh .gazpab:hover .gnviwd {
  opacity: 1;
  top: 63%;
}
.j4i4l3.qrbdbh .bhayth .gnviwd {
  opacity: 1;
  top: 63%;
}
/*active center*/
.qrbdbh .bhayth .gazpab img {
  transform: scale(1.1);
  -webkit-filter: grayscale(0);
}
.qrbdbh .bhayth .gnviwd {
  opacity: 1;
  top: 70%;
}
/*style five*/
.toj2rz.vt3sk9 {
  padding: 100px 0 100px;
}
.toj2rz .m7lyj6 {
  overflow: hidden;
  margin-bottom: 110px;
  transition: 0.5s;
  text-align: left;
  border-radius: 10px;
}
.toj2rz .gazpab:before {
  position: inherit;
  background: inherit;
}
.toj2rz .gazpab img {
  width: 100%;
  height: auto;
  display: block;
  transform: scale(1);
  transition: 0.5s;
  -webkit-filter: inherit;
}
.toj2rz .gnviwd {
  position: absolute;
  transition: 0.5s;
  top: 251px;
  left: 11%;
  border-radius: 5px;
  background: #fff;
  opacity: 1;
  z-index: 1;
  width: 78%;
  padding: 18px 35px 5px;
  box-shadow: 0 0 4px rgb(0 0 0 / 12%);
}
.toj2rz .gnviwd:before {
  position: absolute;
  content: "";
  z-index: -1;
  right: 0;
  bottom: 0;
  background: linear-gradient(to left, #ee2e24 0%, #fd7f53 100%);
  width: 60px;
  height: 52px;
  border-radius: 55px 0 5px 0;
  transition: 0.5s;
}
.toj2rz .gnviwd:after {
  position: absolute;
  content: "";
  z-index: -1;
  right: 0;
  bottom: 0;
  background: #fff;
  width: 0;
  height: 52px;
  border-radius: 55px 0 5px 0;
  transition: 0.5s;
}
.toj2rz .eg8f8i:before {
  position: absolute;
  content: "";
  z-index: -1;
  left: 0;
  top: 0;
  background: linear-gradient(to left, #ee2e24 20%, #fd7f53 100%);
  width: 0;
  height: 100%;
  transition: 0.5s;
  border-radius: 5px;
}
.toj2rz .gnviwd h3 {
  margin: 5px 0 0;
  font-size: 30px;
}
.toj2rz .gnviwd h3 a {
  display: inline-block;
  font-weight: 700;
  color: #111e5e;
  text-transform: capitalize;
  margin: 0 0 5px;
  transition: 0.5s;
}
.toj2rz .r7928a i {
  float: right;
  display: inline-block;
  margin-top: -26px;
  font-size: 20px;
  color: #fff;
  margin-right: -19px;
  transition: 0.5s;
}
/*portfolio button*/
.toj2rz .zrhpuc a {
  display: inline-block;
  padding: 17px 37px;
  background: #000e52;
  color: #fff;
  text-transform: uppercase;
  border-radius: 5px;
  font-family: "Rajdhani";
  font-weight: 600;
  position: relative;
  z-index: 1;
  margin-top: 40px;
}
.toj2rz .zrhpuc a:before {
  position: absolute;
  content: "";
  z-index: -1;
  left: 0;
  bottom: 0;
  background: linear-gradient(to left, #7fd80a 0%, #beee05 100%);
  height: 100%;
  width: 0;
  border-radius: 5px;
  transition: 0.6s;
}
.toj2rz .zrhpuc i {
  display: inline-block;
  font-size: 13px;
  margin-left: 7px;
  width: 22px;
  height: 22px;
  line-height: 24px;
  text-align: center;
  background: #fff;
  color: #151423;
  border-radius: 100%;
  transition: 0.3s;
}
.toj2rz .zrhpuc a:hover:before {
  width: 100%;
}
.toj2rz .eg8f8i p {
  transition: 0.5s;
}
.toj2rz .m7lyj6:hover .gazpab img {
  transform: scale(1.1);
}
.toj2rz .m7lyj6:hover .gnviwd h3 a,
.toj2rz .m7lyj6:hover .gnviwd p {
  color: #fff;
}
.toj2rz .m7lyj6:hover .eg8f8i:before {
  width: 100%;
}
.toj2rz .m7lyj6:hover .r7928a i {
  color: #ee2e24;
}
.toj2rz .m7lyj6:hover .gnviwd:after {
  width: 60px;
}
/*portfolio box-2*/
.toj2rz .p6alve {
  position: absolute;
  transition: 0.5s;
  top: 251px;
  left: 11%;
  border-radius: 5px;
  background: #fff;
  opacity: 1;
  z-index: 1;
  width: 78%;
  padding: 18px 35px 5px;
  box-shadow: 0 0 4px rgb(0 0 0 / 12%);
}
.toj2rz .p6alve:before {
  position: absolute;
  content: "";
  z-index: -1;
  right: 0;
  bottom: 0;
  background: linear-gradient(to left, #0c34ff 0%, #22cffd 100%);
  width: 60px;
  height: 52px;
  border-radius: 55px 0 5px 0;
  transition: 0.5s;
}
.toj2rz .p6alve:after {
  position: absolute;
  content: "";
  z-index: -1;
  right: 0;
  bottom: 0;
  background: #fff;
  width: 0;
  height: 52px;
  border-radius: 55px 0 5px 0;
  transition: 0.5s;
}
.toj2rz .j9zhn9:before {
  position: absolute;
  content: "";
  z-index: -1;
  left: 0;
  top: 0;
  background: linear-gradient(to left, #0c34ff 0%, #22cffd 100%);
  width: 0;
  height: 100%;
  transition: 0.5s;
  border-radius: 5px;
}
.toj2rz .p6alve h3 {
  margin: 5px 0 0;
  font-size: 30px;
}
.toj2rz .p6alve h3 a {
  display: inline-block;
  font-weight: 700;
  color: #111e5e;
  text-transform: capitalize;
  margin: 0 0 5px;
  transition: 0.5s;
}
.toj2rz .mg094l i {
  float: right;
  display: inline-block;
  margin-top: -26px;
  font-size: 20px;
  color: #fff;
  margin-right: -19px;
  transition: 0.5s;
}
.toj2rz .j9zhn9 p {
  transition: 0.5s;
}
.toj2rz .m7lyj6:hover .p6alve h3 a,
.toj2rz .m7lyj6:hover .p6alve p {
  color: #fff;
}
.toj2rz
  .m7lyj6:hover
  .j9zhn9:before {
  width: 100%;
}
.toj2rz .m7lyj6:hover .mg094l i {
  color: #0c34ff;
}
.toj2rz .m7lyj6:hover .p6alve:after {
  width: 60px;
}
/*portfolio box-3*/
.toj2rz .cg8c3c {
  position: absolute;
  transition: 0.5s;
  top: 251px;
  left: 11%;
  border-radius: 5px;
  background: #fff;
  opacity: 1;
  z-index: 1;
  width: 78%;
  padding: 18px 35px 5px;
  box-shadow: 0 0 4px rgb(0 0 0 / 12%);
}
.toj2rz .cg8c3c:before {
  position: absolute;
  content: "";
  z-index: -1;
  right: 0;
  bottom: 0;
  background: linear-gradient(to left, #7fd80a 0%, #beee05 100%);
  width: 60px;
  height: 52px;
  border-radius: 55px 0 5px 0;
  transition: 0.5s;
}
.toj2rz .cg8c3c:after {
  position: absolute;
  content: "";
  z-index: -1;
  right: 0;
  bottom: 0;
  background: #fff;
  width: 0;
  height: 52px;
  border-radius: 55px 0 5px 0;
  transition: 0.5s;
}
.toj2rz .m0al0q:before {
  position: absolute;
  content: "";
  z-index: -1;
  left: 0;
  top: 0;
  background: linear-gradient(to left, #7fd80a 0%, #beee05 100%);
  width: 0;
  height: 100%;
  transition: 0.5s;
  border-radius: 5px;
}
.toj2rz .cg8c3c h3 {
  margin: 5px 0 0;
  font-size: 30px;
}
.toj2rz .cg8c3c h3 a {
  display: inline-block;
  font-weight: 700;
  color: #111e5e;
  text-transform: capitalize;
  margin: 0 0 5px;
  transition: 0.5s;
}
.toj2rz .o1mk9o i {
  float: right;
  display: inline-block;
  margin-top: -26px;
  font-size: 20px;
  color: #fff;
  margin-right: -19px;
  transition: 0.5s;
}
.toj2rz .m0al0q p {
  transition: 0.5s;
}
.toj2rz .m7lyj6:hover .cg8c3c h3 a,
.toj2rz .m7lyj6:hover .cg8c3c p {
  color: #fff;
}
.toj2rz
  .m7lyj6:hover
  .m0al0q:before {
  width: 100%;
}
.toj2rz .m7lyj6:hover .o1mk9o i {
  color: #7fd80a;
}
.toj2rz .m7lyj6:hover .cg8c3c:after {
  width: 60px;
}
/*portfolio box-4*/
.toj2rz .kyqtce {
  position: absolute;
  transition: 0.5s;
  top: 251px;
  left: 11%;
  border-radius: 5px;
  background: #fff;
  opacity: 1;
  z-index: 1;
  width: 78%;
  padding: 18px 35px 5px;
  box-shadow: 0 0 4px rgb(0 0 0 / 12%);
}
.toj2rz .kyqtce:before {
  position: absolute;
  content: "";
  z-index: -1;
  right: 0;
  bottom: 0;
  background: linear-gradient(to left, #ae15ff 0%, #d908ff 100%);
  width: 60px;
  height: 52px;
  border-radius: 55px 0 5px 0;
  transition: 0.5s;
}
.toj2rz .kyqtce:after {
  position: absolute;
  content: "";
  z-index: -1;
  right: 0;
  bottom: 0;
  background: #fff;
  width: 0;
  height: 52px;
  border-radius: 55px 0 5px 0;
  transition: 0.5s;
}
.toj2rz .owlrpk:before {
  position: absolute;
  content: "";
  z-index: -1;
  left: 0;
  top: 0;
  background: linear-gradient(to left, #ae15ff 0%, #d908ff 100%);
  width: 0;
  height: 100%;
  transition: 0.5s;
  border-radius: 5px;
}
.toj2rz .kyqtce h3 {
  margin: 5px 0 0;
  font-size: 30px;
}
.toj2rz .kyqtce h3 a {
  display: inline-block;
  font-weight: 700;
  color: #111e5e;
  text-transform: capitalize;
  margin: 0 0 5px;
  transition: 0.5s;
}
.toj2rz .y22sc3 i {
  float: right;
  display: inline-block;
  margin-top: -26px;
  font-size: 20px;
  color: #fff;
  margin-right: -19px;
  transition: 0.5s;
}
.toj2rz .owlrpk p {
  transition: 0.5s;
}
.toj2rz .m7lyj6:hover .kyqtce h3 a,
.toj2rz .m7lyj6:hover .kyqtce p {
  color: #fff;
}
.toj2rz
  .m7lyj6:hover
  .owlrpk:before {
  width: 100%;
}
.toj2rz .m7lyj6:hover .y22sc3 i {
  color: #ae15ff;
}
.toj2rz .m7lyj6:hover .kyqtce:after {
  width: 60px;
}
/*
<!-- ============================================================== -->
<!-- Start brand area Css -->
<!-- ============================================================== -->*/
.hte1o5 {
  padding: 80px 0 0px;
}
.fnpxbw img {
  filter: grayscale(100%);
  transition: all 1s ease;
}
.fnpxbw img:hover {
  filter: invert(100%) sepia(92%) saturate(3758%) hue-rotate(-30deg)
    brightness(97%) contrast(141%);
}
/*style two*/
.hte1o5.w8ie5q {
  background: url(assets/images/resource/skill-bg.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 90px 0 60px;
}
.wlyhu1 {
  padding: 21px 0;
  margin-bottom: 30px;
}
/*style three*/
.uejpkx.hte1o5 {
  padding: 80px 0 0px;
}
/*style four*/
.hte1o5.qrbdbh {
  background: #f3f7fa;
  padding: 80px 0 144px;
  position: relative;
  margin-bottom: -92px;
}
/*style five*/
.hte1o5.toj2rz {
  background: #f1faff;
  padding: 80px 0 0px;
}
/*
<!-- ============================================================== -->
<!-- Start why choose us area Css -->
<!-- ============================================================== -->*/

.wkbbia {
  background: url(assets/images/resource/why-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.uberwj {
  margin-left: -75px;
  position: relative;
  left: -26px;
}
.uberwj img {
  width: 100%;
}
/*button*/
.dabu5q.j4i4l3 {
  display: inline-block;
  position: relative;
  top: -182px;
  left: 86%;
}
.j4i4l3 .zodshw {
  background: #ed2a22;
  font-size: 22px;
  width: 60px;
  height: 60px;
  line-height: 65px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  -webkit-animation: ripple-white 1s linear infinite;
  animation: ripple-blue1 1s linear infinite;
  -webkit-transition: 0.5s;
}
@-webkit-keyframes ripple-blue1 {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(240, 47, 34, 0.3),
      0 0 0 10px rgba(240, 47, 34, 0.3), 0 0 0 20px rgba(240, 47, 34, 0.3);
    box-shadow: 0 0 0 0 rgba(240, 47, 34, 0.3),
      0 0 0 10px rgba(240, 47, 34, 0.3), 0 0 0 20px rgba(240, 47, 34, 0.3);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(241, 203, 203, 0.3),
      0 0 0 20px rgba(241, 203, 203, 0.3), 0 0 0 30px rgba(241, 203, 203, 0);
    box-shadow: 0 0 0 10px rgba(241, 203, 203, 0.3),
      0 0 0 20px rgba(241, 203, 203, 0.3), 0 0 0 30px rgba(241, 203, 203, 0);
  }
}

/*choose us number*/
.yixo9q {
  float: left;
  margin-right: 25px;
  position: relative;
  z-index: 1;
}
.yixo9q:before {
  position: absolute;
  content: "";
  z-index: -1;
  border: 1px dashed #ed2a22;
  left: 30px;
  bottom: -66px;
  width: 1px;
  height: 75px;
}
.yixo9q:after {
  position: absolute;
  content: "";
  z-index: -1;
  width: 1px;
  height: 11px;
  border-right: 2px solid #ed2a22;
  left: 26px;
  top: 87px;
  transform: rotate(-50deg);
}
.yixo9q span {
  display: inline-block;
  color: #ed2a22;
  font-family: "Rajdhani";
  font-weight: 500;
  font-size: 30px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  background: #fff;
  text-align: center;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
.yixo9q span:before {
  position: absolute;
  content: "";
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #ed2a22;
  border-radius: 50%;
  transform: scale(0);
  transition: 0.5s;
}
.yixo9q span:after {
  position: absolute;
  content: "";
  z-index: -1;
  left: 33px;
  top: 86px;
  border-left: 2px solid #ed2a22;
  width: 1px;
  height: 11px;
  transform: rotate(-136deg);
}
.uezn21 {
  overflow: hidden;
}
.uezn21 h4 {
  font-size: 22px;
  font-weight: 600;
  padding-bottom: 10px;
  color: #232323;
}
.uezn21 p {
  color: #616161;
}
.iz4xc8 {
  float: left;
  margin-right: 25px;
  position: relative;
  z-index: 1;
}
.iz4xc8 span {
  display: inline-block;
  color: #ed2a22;
  font-family: "Rajdhani";
  font-weight: 500;
  font-size: 30px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  background: #fff;
  text-align: center;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
.iz4xc8 span:before {
  position: absolute;
  content: "";
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #ed2a22;
  border-radius: 50%;
  transform: scale(0);
  transition: 0.5s;
}

.yixo9q span:hover {
  color: #fff;
}
.iz4xc8 span:hover {
  color: #fff;
}
.iz4xc8 span:hover:before {
  transform: scale(1);
}
.yixo9q span:hover:before {
  transform: scale(1);
}
/*
<!-- ============================================================== -->
<!-- Start skill area Css -->
<!-- ============================================================== -->*/
.l8ia0u {
  background: url(assets/images/resource/skill.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 80px 0 0;
}
/*skill thumb*/
.hld9ck {
  position: relative;
  z-index: 1;
}
.pykrxt {
  position: relative;
  z-index: 1;
  margin: 278px 0 0;
  float: right;
  background: #ed2b41;
  height: 212px;
  width: 212px;
  text-align: center;
  top: -25px;
  left: 0;
  border-radius: 50% 50% 0;
}
.hld9ck:before {
  position: absolute;
  content: "";
  width: 212px;
  height: 212px;
  background: #f5bac2;
  border-radius: 50% 50% 0;
  right: 8px;
  top: 263px;
  z-index: -1;
}
.xpftey h1 {
  font-size: 60px;
  color: #fff;
  display: inline-block;
  font-weight: 500;
  margin-top: 68px;
}
.xpftey span {
  font-size: 39px;
  display: inline-block;
  color: #fff;
  font-weight: 400;
  position: relative;
  top: -18px;
}
.ccxuij h4 {
  font-size: 22px;
  font-weight: 500;
  color: #fff;
  line-height: 1;
}
h4.mwkhf3 {
  margin-top: 8px;
}

.row.sdu6pf {
  margin-left: 6px;
}
/*prossess ber*/
.h1rlu9 span {
  color: #ffffff;
  font-weight: 600;
  font-family: "Rajdhani", sans-serif;
  font-size: 18px;
}
.m34sq9 {
  width: 100%;
  height: 3px;
  background: #4b4c59;
  position: relative;
  margin-bottom: 22px;
  margin-top: 11px;
  border-radius: 5px;
}
span.gkd52c {
  background: #28a745 !important;
  border-radius: 5px;
}
.m34sq9 .gkd52c {
  display: block;
  position: relative;
  width: 0px;
  height: 100%;
  background: #b10707ed;
  z-index: 1;
}
.m34sq9 .g3tb9n {
  display: none;
}
.m34sq9 .wg0gjx {
  margin-top: -37px;
  padding: 2px 4px;
  font-size: 16px;
  color: #c88804;
  left: 0px;
  border-radius: 2px;
  position: absolute;
  z-index: 2;
  background: #b10707ed;
}
.m34sq9 .wg0gjx:after {
  border: solid;
  border-color: rgba(0, 0, 0, 0.8) transparent;
  border-width: 6px 6px 0 6px;
  content: "";
  display: block;
  position: absolute;
  left: 9px;
  top: 100%;
  z-index: 9;
}
.zna124:nth-of-type(1) .h9wdhr {
  animation-delay: 0.25s;
  -webkit-animation-delay: 0.25s;
}
/*prosess bar two*/
.uejpkx .m34sq9 {
  width: 100%;
  height: 5px;
  background: #4b4c59;
  position: relative;
  margin-bottom: 30px;
  margin-top: 11px;
  border-radius: 5px;
}
.uejpkx .m34sq9 .wg0gjx {
  margin-top: -37px;
  padding: 0;
  font-size: 16px;
  color: #fff;
  left: 0px;
  border-radius: 0;
  position: absolute;
  z-index: 2;
  background: inherit;
}
.uejpkx .m34sq9 .wg0gjx:after {
  border: 0;
  border-color: inherit;
  border-width: 6px 6px 0 6px;
  content: "";
  display: block;
  position: inherit;
  left: 0;
  top: 0;
  z-index: 9;
}
.uejpkx span.gkd52c {
  background: linear-gradient(to right, #23d4fc 33%, #0b2fff 100%) !important;
  border-radius: 5px;
}
span.gkd52c.sa125j {
  background: linear-gradient(to right, #fc7c51 33%, #ef3629 100%) !important;
  border-radius: 5px;
}
span.gkd52c.x00trf {
  background: linear-gradient(to right, #97e009 33%, #3fc211 100%) !important;
  border-radius: 5px;
}
/*counter style two*/
.w8ie5q .pykrxt {
  position: absolute;
  z-index: 1;
  margin: 380px 0 0;
  float: right;
  background: #1f1e30;
  height: 212px;
  width: 212px;
  text-align: center;
  top: 0;
  left: 10px;
  border-radius: 50% 50% 50% 0;
}
.w8ie5q.hld9ck:before {
  position: absolute;
  content: "";
  width: 212px;
  height: 212px;
  background: #aea0a2;
  border-radius: 50% 50% 50% 0;
  left: -1px;
  top: 390px;
  z-index: -1;
}
.w8ie5q .xpftey h1 {
  font-size: 60px;
  color: #c88804;
  display: inline-block;
  font-weight: 500;
  margin-top: 68px;
}
/*skill area style two*/
.l8ia0u.w8ie5q {
  background: #1b1d21;
  padding: 80px 0 20px;
}
/*skill bar*/
.dabu5q.w8ie5q {
  display: inline-block;
  position: relative;
  top: 2%;
  left: 0%;
}
.w8ie5q .m34sq9 .wg0gjx:after {
  height: 16px;
  border: 0;
  width: 3px;
  background: #28a745;
  content: "";
  display: block;
  position: absolute;
  left: 14px;
  top: 112%;
  z-index: 9;
}
.w8ie5q .m34sq9 .wg0gjx {
  margin-top: -38px;
  padding: 0;
  font-weight: 500;
  font-size: 16px;
  font-family: "Rajdhani";
  color: #fff;
  background: none;
  border-radius: 0;
  left: 0px;
  position: absolute;
  z-index: 2;
  margin-left: 14px;
}
.w8ie5q.h1rlu9 span {
  color: #b10707ed54b;
}
/*upper4*/
.w8ie5q.a7x0mz span.gkd52c {
  background: linear-gradient(to right, #ed2b22 0%, #ed431d 100%) !important;
  border-radius: 5px;
}
.w8ie5q.a7x0mz .m34sq9 .wg0gjx:after {
  height: 16px;
  border: 0;
  width: 3px;
  background: #ed2b22;
  content: "";
  display: block;
  position: absolute;
  left: 14px;
  top: 112%;
  z-index: 9;
}
.w8ie5q.a7x0mz.h1rlu9 span {
  color: #fff;
}
/*style three*/
.w8ie5q.j4i4l3 .h1rlu9 span {
  color: #b10707ed54b;
  font-weight: 600;
  font-family: "Rajdhani", sans-serif;
  font-size: 18px;
}
.w8ie5q.j4i4l3 .m34sq9 .wg0gjx {
  margin-top: -38px;
  padding: 0;
  font-weight: 600;
  font-size: 16px;
  font-family: "Rajdhani";
  color: #151423;
  background: none;
  border-radius: 0;
  left: 0px;
  position: absolute;
  z-index: 2;
  margin-left: 14px;
}
/*button*/
.ts6iim a {
  display: inline-block;
  font-size: 16px;
  color: #ffff;
  border: 1px solid #28a745;
  margin-left: 115px;
  padding: 14px 35px;
  background: #28a745;
  position: relative;
  z-index: 1;
}
.ts6iim a:before {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  z-index: -1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  transform: scale(0, 1);
  opacity: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.ts6iim a:hover: {
  color: #28a745 !important;
}
.ts6iim a:hover::before {
  transform: scale(1, 1);
  opacity: 1;
  border: 1px solid #28a745;
  background: #1b1d21;
  color: #28a745;
}
/*button two*/
.s27pgd a {
  display: inline-block;
  font-size: 16px;
  color: #ffff;
  border: 1px solid #28a745;
  padding: 14px 35px;
  background: #28a745;
  position: relative;
  z-index: 1;
}
.s27pgd a:before {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  z-index: -1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  transform: scale(0, 1);
  opacity: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.s27pgd a:hover: {
  color: #28a745 !important;
}
.s27pgd a:hover::before {
  transform: scale(1, 1);
  opacity: 1;
  border: 1px solid #28a745;
  background: #1b1d21;
  color: #28a745 !important;
}
/*skill shape*/
.aj28od img {
  position: relative;
  z-index: 1;
  top: -193px;
  left: -117px;
}
.qwe51i img {
  position: absolute;
  z-index: 1;
  left: -39px;
  top: -145px;
}
.m5qydi img {
  position: absolute;
  z-index: 1;
  left: 658px;
  top: -250px;
}
.uejpkx .gu2afo img {
  position: absolute;
  z-index: 1;
  left: 535px;
  top: -485px;
}
.uejpkx .uxhtz3 img {
  position: relative;
  z-index: -1;
  left: 1029px;
  top: -470px;
}
/*style four*/
.uejpkx.l8ia0u {
  background: url(assets/images/resource/skill-bg.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 80px 0 0;
  position: relative;
  z-index: 1;
}
/*
<!-- ============================================================== -->
<!-- Start testimonial area Css -->
<!-- ============================================================== -->*/
.row.p42i5q {
  position: relative;
  z-index: 1;
  margin-top: -225px;
  left: 115px;
}
.row.d4699k {
  background: url(assets/images/resource/testi-bg.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 0 0 133px;
}
.o5rebe img {
  position: relative;
  margin-left: -321px;
}
.wf68wj {
  position: relative;
  padding: 100px 30px 50px;
}
.we7ccs {
  float: left;
  margin-right: 20px;
  padding: 6px 0 0;
}
.g4xb5k h2 {
  font-size: 24px;
  padding: 15px 0 5px;
  font-weight: 500;
}
.c3beau p {
  font-size: 18px;
  margin: 0 0 44px;
}
.g4xb5k span {
  color: #fff;
}
.bra8et i {
  display: inline-block;
  font-size: 60px;
  color: #c88804;
  margin-bottom: 28px;
}
/*style two*/
.w8ie5q.fhd4sh {
  background: url(assets/images/resource/testimonial.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
  padding: 114px 0 100px;
}
.w8ie5q .o5rebe img {
  position: inherit;
  margin-left: -20px;
}
.w8ie5q .wf68wj {
  position: relative;
  padding: 60px 20px 50px 35px;
  background: #1c1e22;
  margin-bottom: 30px;
}
.w8ie5q .wf68wj.ojfdaq:before {
  position: absolute;
  content: "";
  border-color: #1c1e22 transparent transparent #1c1e22;
  left: 0;
  width: 0;
  height: 0;
  bottom: -36px;
  top: auto;
  border-style: solid;
  border-width: 20px;
}
.w8ie5q .bra8et {
  float: left;
  margin-right: 25px;
}
.w8ie5q .bra8et i {
  display: inline-block;
  font-size: 50px;
  color: #c88804;
  margin-bottom: 28px;
  transform: rotate(180deg);
}
.w8ie5q .c3beau p {
  font-size: 18px;
  margin: 0 0 22px;
  overflow: hidden;
}
.w8ie5q .we7ccs {
  float: left;
  margin-right: 20px;
  padding: 6px 0 0;
  margin-left: 72px;
}
/*style three*/
.uejpkx.fhd4sh {
  background: url(assets/images/resource/testimonial-bg.jpg);
  background-size: cover;
  background-position: center center;
  background-attachment: scroll;
  background-repeat: no-repeat;
  padding: 100px 0 90px;
  background: #f3f7fa;
}
.uejpkx.fhd4sh.czsvoz {
  padding: 100px 0 15px;
  background: #f3f7fa;
}
.uejpkx .ic4r91 {
  position: relative;
  box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);
  padding: 32px 38px 30px;
  background: #fff;
  border-radius: 5px;
  margin-bottom: 40px;
  text-align: left;
}
.uejpkx .we7ccs {
  float: left;
  margin-right: 20px;
}
.uejpkx .g4xb5k h2 {
  font-size: 24px;
  font-weight: 700;
  text-align: left;
  margin: 18px 0 0;
  padding: 0;
}
.uejpkx .g4xb5k span {
  color: #ed2a22;
}
.uejpkx .te0wbq p {
  display: inline-block;
  margin: 23px 0 11px;
}
.uejpkx .f82jqf i {
  display: inline-block;
  color: #ed2a22;
  font-size: 15px;
}

/*
<!-- ============================================================== -->
<!-- Start team area Css -->
<!-- ============================================================== -->*/
.i7vvbr {
  margin-bottom: 30px;
  text-align: center;
  background: #fff;
  box-shadow: 0 4px 30px rgb(0 0 0 / 12%);
  overflow: hidden;
}
.tcy5e8 {
  position: relative;
}
.tcy5e8 img {
  height: auto;
  width: 100%;
  -webkit-filter: grayscale(100%);
  transition: 0.5s;
}
.l1bia1 {
  position: absolute;
  z-index: 1;
  margin-top: -145px;
  text-align: unset;
  left: 0;
  right: 0;
  opacity: 0;
  transition: 0.5s;
}
.l1bia1 a {
  display: inline-block;
  margin: 15px 3px 0;
  font-size: 14px;
  width: 30px;
  height: 30px;
  line-height: 34px;
  color: #fff;
  background: #ed2921;
  text-align: center;
  border-radius: 3px;
  transition: 0.5s;
}
.ed1203 {
  position: relative;
  padding: 13px 0px 1px;
  background: #fff;
  box-shadow: 0 -13px 30px rgb(0 0 0 / 12%);
  width: 81%;
  left: 24px;
  top: -28px;
  border-radius: 9px 0 0px 0;
}
.gwkcc6 h3 {
  font-size: 24px;
}
.jqknq3 p {
  color: #ed2921;
}
.jhtqvg a {
  display: inline-block;
  font-size: 16px;
  padding: 8px 16px 8px;
  color: #9797a1;
  background: #f5f5f6;
  border-radius: 4px;
  margin-left: 6px;
  top: -26px;
  position: relative;
  transition: 0.5s;
  z-index: 1;
}
.jhtqvg a:hover {
  color: #fff;
}
.jhtqvg a:before {
  position: absolute;
  content: "";
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #ed2a22;
  transform: scale(0);
  border-radius: 4px;
  transition: 0.5s;
  margin: auto;
}
.jhtqvg a:hover:before {
  transform: scale(1);
  color: #fff;
}
.l1bia1 a:hover {
  background: #fff;
  color: #ed2a22;
}
.i7vvbr:hover .tcy5e8 img {
  -webkit-filter: grayscale(0);
}
.i7vvbr:hover .l1bia1 {
  opacity: 1;
  margin-top: -85px;
}
/*style upper1*/
.p5yq40.rdqbf1 {
  background: #212123;
}
.rdqbf1 .i7vvbr {
  margin-bottom: 30px;
  text-align: center;
  background: #212123;
  box-shadow: 0 4px 30px rgb(0 0 0 / 12%);
  overflow: hidden;
  border-radius: 7px;
}
.rdqbf1 .ed1203 {
  position: relative;
  padding: 20px 0px 1px;
  background: #212123;
  box-shadow: 0 -13px 30px rgb(0 0 0 / 12%);
  width: 81%;
  left: 24px;
  top: -28px;
  border-radius: 9px 0 0px 0;
}
.rdqbf1 .gwkcc6 h3 {
  font-size: 24px;
  color: #fff;
}
.rdqbf1 .ed1203 {
  position: relative;
  padding: 13px 0px 1px;
  background: #212123;
  box-shadow: 0 -13px 30px rgb(0 0 0 / 12%);
  width: 81%;
  left: 24px;
  top: -28px;
  border-radius: 9px 0 0px 0;
}
.rdqbf1 .jhtqvg a {
  display: inline-block;
  font-size: 16px;
  padding: 8px 16px 8px;
  color: #9797a1;
  background: #2d2f2f;
  border-radius: 4px;
  margin-left: 6px;
  top: -26px;
  position: relative;
  transition: 0.5s;
  z-index: 1;
}
.rdqbf1 .jhtqvg a:hover {
  color: #fff;
}

/*style two*/
.w8ie5q .by0jbo {
  margin-bottom: 30px;
  overflow: hidden;
  text-align: center;
  transition: 0.5s;
}
.w8ie5q .uu4oee {
  position: absolute;
  bottom: 72px;
  left: 102px;
}
.w8ie5q .l1bia1 {
  position: absolute;
  z-index: 1;
  margin-top: -85px;
  text-align: unset;
  right: 0;
  left: 160px;
  bottom: 161px;
  opacity: 0;
  transition: 0.5s;
}
.w8ie5q .l1bia1 a {
  display: block;
  margin: 15px 3px 0;
  font-size: 14px;
  width: 30px;
  height: 30px;
  line-height: 34px;
  color: #fff;
  background: linear-gradient(to top, #ed431d 6%, #ed2b22 38%);
  text-align: center;
  border-radius: 3px;
  transition: 0.5s;
}
.w8ie5q .ed1203 {
  position: relative;
  padding: 18px 0 12px;
  background: #fff;
  width: inherit;
  left: inherit;
  top: inherit;
  border-radius: 0 0 5px 5px;
}
.w8ie5q .jhtqvg span {
  display: inline-block;
  font-size: 20px;
  padding: 20px 26px 15px;
  color: #fff;
  background: linear-gradient(to top, #ed431d 6%, #ed2b22 38%);
  border-radius: 4px;
  top: -30px;
  margin-left: 5px;
  position: relative;
  transition: 0.5s;
  z-index: 1;
}
.w8ie5q .jhtqvg span:before {
  position: absolute;
  content: "";
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  transform: scale(0);
  border-radius: 4px;
  transition: 0.5s;
  margin: auto;
}
.w8ie5q .l1bia1 a:hover {
  background: #000;
}
.jhtqvg span:hover:before {
  transform: scale(1);
  color: #ed2a22;
}
.jhtqvg span:hover {
  color: #fff;
}
.w8ie5q .by0jbo:hover {
  box-shadow: 0px 0px 14px #ddd;
}
.w8ie5q .uu4oee .l1bia1.mf6a9t {
  left: 120px;
  opacity: 1;
}

.by0jbo:hover .tcy5e8 img {
  -webkit-filter: grayscale(0);
}
/*style three*/
.p5yq40.uejpkx {
  background: url(assets/images/resource/team-bg.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.row.wv5zms {
  position: relative;
  margin-bottom: -171px;
  z-index: 1;
}
/*style four*/
.p5yq40.qrbdbh {
  background: #fef5f3;
}
.qrbdbh .i7vvbr {
  margin-bottom: 30px;
  text-align: center;
  background: #fff;
  box-shadow: 0 4px 30px rgb(0 0 0 / 12%);
  overflow: hidden;
  border-radius: 10px;
  padding: 0 0 6px;
}
.qrbdbh .tcy5e8:before {
  position: absolute;
  content: "";
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  background: rgb(241, 63, 46, 0.7);
  transition: 0.5s;
  border-radius: 5px;
}
.qrbdbh .tcy5e8 img {
  height: auto;
  width: 100%;
  -webkit-filter: inherit;
  transition: 0.5s;
}
.qrbdbh .ed1203 {
  position: relative;
  padding: 13px 0px 1px;
  background: #fff;
  box-shadow: none;
  width: 71%;
  left: 50px;
  top: -28px;
  border-radius: 7px 7px 0px 0;
  z-index: 1;
}
.qrbdbh .gwkcc6 h3 {
  font-size: 26px;
  color: #101d5c;
  margin-bottom: 3px;
}
.qrbdbh .jqknq3 p {
  color: #616161;
}
.qrbdbh .jhtqvg a:before {
  position: inherit;
}
.qrbdbh .l1bia1 {
  position: absolute;
  z-index: 1;
  margin-top: -44px;
  text-align: unset;
  left: 0;
  right: 0;
  opacity: 0;
  transition: 0.5s;
}
.qrbdbh .l1bia1 a {
  display: inline-block;
  margin: 15px 3px 0;
  font-size: 15px;
  width: 35px;
  height: 35px;
  line-height: 38px;
  color: #ed2921;
  background: #fff;
  text-align: center;
  border-radius: 30px;
  transition: 0.5s;
}

a.y48uyq {
  display: inline-block;
  font-size: 20px;
  padding: 8px 16px 8px;
  color: #f75e40;
  background: linear-gradient(to left, #fff6f4 0%, #ffeaf0 100%);
  border-radius: 4px;
  margin-left: 0;
  top: -26px;
  margin-right: 5px;
  position: relative;
  transition: 0.5s;
  z-index: 1;
}
a.a0hdrz {
  display: inline-block;
  font-size: 20px;
  padding: 8px 16px 8px;
  color: #0c33ff;
  background: linear-gradient(to left, #eafbff 0%, #e0f8ff 100%);
  border-radius: 4px;
  margin-left: 0px;
  top: -26px;
  margin-right: 5px;
  position: relative;
  transition: 0.5s;
  z-index: 1;
}
a.tivg7w {
  display: inline-block;
  font-size: 20px;
  padding: 8px 16px 8px;
  color: #82d90a;
  background: linear-gradient(to left, #f8ffe3 0%, #e7ffe5 100%);
  border-radius: 4px;
  margin-left: 0px;
  top: -26px;
  position: relative;
  transition: 0.5s;
  z-index: 1;
}
span.fr9q7x {
  font-size: 17px;
  color: #ed2a22;
  padding-left: 3px;
}
span.fr9q7x:hover {
  color: #f75e40 !important;
}
a.y48uyq i:hover {
  color: #f75e40 !important;
}
a.a0hdrz i:hover {
  color: #0c33ff !important;
}
a.tivg7w i:hover {
  color: #82d90a !important;
}
.qrbdbh .jhtqvg a:hover {
  color: inherit;
}
.qrbdbh .i7vvbr:hover .l1bia1 {
  opacity: 1;
  margin-top: -97px;
}
.qrbdbh .tcy5e8:hover:before {
  height: 100%;
}
/*
<!-- ============================================================== -->
<!-- Start pricing area Css -->
<!-- ============================================================== -->*/
.fc0skm {
  margin-bottom: 30px;
  background: #fff;
  border: 0;
}
.porsga {
  background: #f3f7fa;
  padding: 31px 35px 20px;
}
.nejsj0 i {
  display: inline-block;
  font-size: 52px;
  color: #ed2921;
  background: #f3e9eb;
  line-height: 102px;
  width: 102px;
  height: 102px;
  border-radius: 50%;
  text-align: center;
  position: relative;
  z-index: 1;
}
.nejsj0 i:after {
  position: absolute;
  content: "";
  z-index: -1;
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #ed2921;
  border-radius: 100%;
  transform: scale(0);
  transition: 0.5s;
}
.d4k2mj {
  position: absolute;
  z-index: 1;
  right: 40px;
  top: 31px;
  opacity: 0;
  transition: 0.5s;
}
.d4k2mj p {
  display: inline-block;
  background: #ed2921;
  color: #fff;
  padding: 1px 18px;
  border-radius: 30px;
  font-size: 14px;
}
.gg2yg1 h3 {
  font-size: 22px;
  font-weight: 600;
  color: #ed2921;
  padding: 16px 0 23px;
  transition: 0.5s;
}
span.v3nuco {
  position: relative;
  font-weight: 700;
  font-family: "Rajdhani";
  font-size: 32px;
  top: -20px;
  color: #3d3133;
  transition: 0.5s;
}
span.rjos7d {
  font-size: 65px;
  font-weight: 700;
  font-family: "Rajdhani";
  color: #3d3133;
  transition: 0.5s;
}
span.razat3 {
  font-size: 20px;
  font-weight: 500;
  font-family: "Rajdhani";
  color: #3d3133;
  transition: 0.5s;
}
.zn69um {
  padding: 25px 35px 40px;
  box-shadow: 0 0px 22px rgb(0 0 0 / 7%);
  border-radius: 0 0 5px 5px;
}
.kbaf97 ul {
  display: inline-block;
  list-style: none;
}
.kbaf97 ul li {
  display: block;
  padding: 0 0 14px;
}
.kbaf97 ul li span i {
  display: inline-block;
  color: #ed2921;
  margin: 0 8px 0 0px;
  font-size: 18px;
}
.jqgyuc a {
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  font-family: "Rajdhani";
  padding: 11px 32px;
  background: #ed2921;
  color: #fff;
  border-radius: 5px;
  margin-top: 14px;
  border: 2px solid #ed2a22;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  transition: 0.5s;
}
.jqgyuc a:after {
  position: absolute;
  content: "";
  z-index: -1;
  left: 0;
  top: 0;
  background: black;
  height: 100%;
  width: 0;
  transition: 0.5s;
}
/*hover*/
.fc0skm:hover .nejsj0 i:after {
  transform: scale(1);
}
.fc0skm:hover .nejsj0 i {
  color: #fff;
}
.fc0skm:hover .d4k2mj {
  opacity: 1;
}
.fc0skm:hover .gg2yg1 h3 {
  color: #3d3133;
}
.fc0skm:hover span.v3nuco {
  color: #ed2921;
}
.fc0skm:hover span.rjos7d {
  color: #ed2921;
}
.fc0skm:hover span.razat3 {
  color: #ed2921;
}
.jqgyuc a:hover:after {
  width: 100%;
}
.jqgyuc a:hover {
  color: #ed2921;
}
/*
<!-- ============================================================== -->
<!-- Start blog area Css -->
<!-- ============================================================== -->*/
.r554rm {
  padding: 95px 0 70px;
}
.bq2thb {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}
.go7ah7 img {
  width: 100%;
}
.accopm {
  padding: 22px 30px 30px 30px;
  box-shadow: 0 4px 30px rgb(0 0 0 /12%);
  position: relative;
  z-index: 1;
}
.accopm:before {
  position: absolute;
  content: "";
  z-index: 1;
  height: 52px;
  width: 2px;
  background: #f00;
  left: 0;
  bottom: 100px;
}
.ysih1f {
  float: left;
  margin-right: 25px;
}
.ysih1f a {
  display: inline-block;
  color: #616161;
  transition: 0.5s;
}
.ysih1f span i {
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
  color: #c88804;
}
.yvxi66 a {
  display: inline-block;
  font-size: 16px;
  color: #616161;
  font-style: italic;
  transition: 0.5s;
  float: right;
}
.yvxi66 a i {
  display: inline-block;
  font-size: 16px;
  margin-right: 4px;
  transition: 0.5s;
  color: #c88804;
}
.yvxi66 span {
  color: #232434;
  font-style: normal;
  transition: 0.5s;
}
.oo3fb1 h4 {
  font-size: 26px;
}
.oo3fb1 h4 a {
  font-weight: 700;
  font-family: "Rajdhani";
  display: inline-block;
  transition: 0.5s;
  margin: 10px 0 0;
}
.oo3fb1 h4 a:hover {
  color: #c88804;
}
.scqrue a {
  display: inline-block;
  font-size: 18px;
  color: #fff;
  width: 60px;
  height: 45px;
  line-height: 45px;
  background: #c88804;
  text-align: center;
  margin: 22px 0 0;
  position: relative;
  z-index: 1;
}
.scqrue a:before {
  position: absolute;
  content: "";
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  bottom: 0;
  background: #1a1829;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transition: 0.5s;
}
.scqrue a:hover:before {
  transform: scale(1);
}
.scqrue i:hover {
  color: #fff;
}
/*styl two*/
.r554rm.w8ie5q {
  background: #1b1d21;
  padding: 100px 0 190px;
}
.w8ie5q .bq2thb {
  position: relative;
  z-index: 1;
  margin: 0 15px 30px;
}
.w8ie5q .accopm {
  background: #222427;
  padding: 22px 30px 30px 30px;
  position: inherit;
}
.w8ie5q .ysih1f a {
  display: inline-block;
  color: #bcc7cd;
  transition: 0.5s;
}
.w8ie5q .yvxi66 a {
  display: inline-block;
  font-size: 16px;
  color: #bcc7cd;
  font-style: italic;
  transition: 0.5s;
  float: right;
}
.w8ie5q .oo3fb1 h4 {
  font-size: 26px;
  color: #fff;
}
.pqjge4 a {
  display: inline-block;
  background: #e9204f;
  color: #fff;
  padding: 14px 27px;
  font-size: 18px;
  margin-top: 40px;
  text-transform: uppercase;
  font-family: "Rajdhani";
  font-weight: 600;
  transition: 0.5s;
  position: relative;
  z-index: 1;
}
.pqjge4 a:before {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  z-index: -1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border: 2px solid #c88804;
  transform: scale(0);
  opacity: 0;
}
.pqjge4 a:hover::before {
  transform: scale(1, 1);
  opacity: 1;
  border: 2px solid #c88804;
  background: #1b1d21;
  color: #c88804;
}
.pqjge4 a:hover {
  color: #c88804;
}
/*style three*/
.uejpkx.r554rm {
  padding: 100px 0 80px;
}
.uejpkx .bq2thb {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
  transition: 0.5s;
}
.uejpkx .oo3fb1 h4 {
  font-size: 21px;
}
.uejpkx .bq2thb:hover {
  box-shadow: 6px 5px 30px rgb(0 0 0 / 12%);
}
.uejpkx.bq2thb:hover {
  box-shadow: 6px 5px 30px rgb(0 0 0 / 12%);
}
.uejpkx .kprt7w a:hover {
  color: #ff0000;
}
.uejpkx .ysih1f a:hover {
  color: #ff0000;
}
/*style four*/
.r554rm.qrbdbh {
  background: #f1f3f5;
  padding: 120px 0 183px;
}
.qrbdbh .bq2thb {
  position: relative;
  z-index: 1;
  margin: 0 15px 30px;
}
.qrbdbh .accopm:before {
  position: absolute;
  content: "";
  z-index: 1;
  height: 52px;
  width: 2px;
  background: linear-gradient(to top, #ed431d 6%, #ed2b22 40%);
  left: 0;
  bottom: 100px;
}
.qrbdbh .accopm {
  padding: 25px 30px 30px 30px;
  box-shadow: 0 4px 10px rgb(0 0 0 / 12%);
  position: inherit;
  border-radius: 0 0 5px 5px;
}
.qrbdbh .scqrue a {
  display: inline-block;
  font-size: 18px;
  color: #fff;
  width: 60px;
  height: 45px;
  line-height: 45px;
  background: linear-gradient(to left, #ed431d 6%, #ed2b22 38%);
  text-align: center;
  margin: 22px 0 0;
  position: relative;
  z-index: 1;
  border-radius: 5px;
}
.qrbdbh .scqrue a:before {
  position: absolute;
  content: "";
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  bottom: 0;
  background: #1a1829;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transition: 0.5s;
  border-radius: 5px;
}
.qrbdbh .pqjge4 a {
  display: inline-block;
  background: linear-gradient(to right, #ed2b22 0%, #ed431d 60%);
  color: #fff;
  padding: 17px 27px;
  font-size: 18px;
  margin-top: 40px;
  text-transform: uppercase;
  font-family: "Rajdhani";
  font-weight: 600;
  transition: 0.5s;
  border-radius: 5px;
  position: relative;
  z-index: 1;
}
.qrbdbh .pqjge4 a:before {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  z-index: -1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 5px;
  border: 2px solid #ed3a1f;
  transform: scale(0);
  opacity: 0;
}
.pqjge4 span {
  margin-left: 7px;
  color: #fff;
  font-size: 25px;
}
.pqjge4 a:hover {
  color: #fff;
}
.pqjge4 a:hover::before {
  transform: scale(1);
  opacity: 1;
  border: 2px solid #c88804;
  background: #1b1d21;
  color: #c88804;
}
.scqrue a:hover:before {
  transform: scale(1);
}
.qrbdbh .oo3fb1 h4 a:hover {
  color: #ed3221;
}
/*style-four upper3*/
.r554rm.qrbdbh.n4yyez {
  background: #f1f3f5;
  padding: 255px 0 183px;
}
.qrbdbh.n4yyez .bq2thb {
  position: relative;
  z-index: 1;
  margin: 0;
}
/*style-four upper2*/
.r554rm.qrbdbh.h2qj9y {
  background: #151517;
  padding: 255px 0 183px;
}
.qrbdbh.h2qj9y .bq2thb {
  position: relative;
  z-index: 1;
  margin: 0 0px 30px;
  border-radius: 7px;
}
.qrbdbh.h2qj9y .accopm {
  padding: 25px 30px 30px 30px;
  box-shadow: 0 4px 10px rgb(0 0 0 / 12%);
  position: inherit;
  border-radius: 0 0 5px 5px;
  background: #212123;
}
.qrbdbh.h2qj9y .oo3fb1 h4 a {
  font-weight: 700;
  font-family: "Rajdhani";
  display: inline-block;
  transition: 0.5s;
  margin: 10px 0 0;
  color: #fff;
}
.qrbdbh.h2qj9y .ysih1f a {
  display: inline-block;
  color: #b4bfc5;
  transition: 0.5s;
}
.qrbdbh.h2qj9y .yvxi66 a {
  display: inline-block;
  font-size: 16px;
  color: #b4bfc5;
  font-style: italic;
  transition: 0.5s;
  float: right;
}
.go7ah7 img {
  width: 100%;
  -webkit-filter: grayscale(100%);
  transition: 0.5s;
}
.bq2thb:hover .go7ah7 img {
  -webkit-filter: grayscale(0);
}
/*button*/
.toj2rz .kwtahl a {
  display: inline-block;
  background: #000e52;
  color: #fff;
  padding: 17px 32px;
  font-size: 18px;
  margin-top: 40px;
  text-transform: uppercase;
  font-family: "Rajdhani";
  font-weight: 600;
  transition: 0.5s;
  border-radius: 5px;
  position: relative;
  z-index: 1;
}
.toj2rz .kwtahl a:before {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  z-index: -1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 5px;
  border: 2px solid #b014ff;
  transform: scale(0);
  opacity: 0;
}
.toj2rz .kwtahl i {
  display: inline-block;
  font-size: 13px;
  margin-left: 7px;
  width: 22px;
  height: 22px;
  line-height: 24px;
  text-align: center;
  background: #fff;
  color: #151423;
  border-radius: 100%;
  transition: 0.3s;
}
.toj2rz .kwtahl a:hover::before {
  transform: scale(1);
  opacity: 1;
  background: #0f49c6;
  /* color: #c88804; */
}
/*blog box*/
.toj2rz .i6cdqi {
  padding: 18px 30px 50px 30px;
  box-shadow: 0 4px 30px rgb(0 0 0 /12%);
  position: relative;
  z-index: 1;
  border-radius: 10px;
}
.toj2rz .i6cdqi:before {
  position: absolute;
  content: "";
  z-index: -1;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 60px;
  height: 52px;
  background: linear-gradient(to left, #0c34ff 25%, #05a1f2 100%);
  border-radius: 55px 0px 10px 0;
}
.toj2rz .go7ah7 img {
  width: 100%;
  -webkit-filter: inherit;
  border-radius: 10px 10px 0 0;
}
.toj2rz .ysih1f a {
  display: inline-block;
  color: #000e52;
  transition: 0.5s;
}
.toj2rz a.ye55fc {
  background: linear-gradient(to left, #0c34ff 25%, #05a1f2 100%);
  padding: 4px 12px;
  border-radius: 3px;
  color: #fff;
  font-family: "Rajdhani";
  font-size: 18px;
  font-weight: 500;
  margin-right: 14px;
}
.toj2rz .ysih1f span i {
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
  color: #000e52;
}
.toj2rz .oo3fb1 h4 {
  font-size: 32px;
}
.toj2rz .oo3fb1 h4 a {
  font-weight: 700;
  font-family: "Rajdhani";
  display: inline-block;
  transition: 0.5s;
  margin: 18px 0 0;
  color: #000e52;
}
.toj2rz .ut6pjz {
  position: absolute;
  right: 15px;
  bottom: 8px;
}
.toj2rz .ut6pjz i {
  display: inline-block;
  color: #fff;
}
.toj2rz .oo3fb1 h4 a:hover {
  color: #0f49c6;
}
/*blog box-2*/
.toj2rz .zb8tu1 {
  padding: 18px 30px 50px 30px;
  box-shadow: 0 4px 30px rgb(0 0 0 /12%);
  position: relative;
  z-index: 1;
  border-radius: 10px;
}
.toj2rz .zb8tu1:before {
  position: absolute;
  content: "";
  z-index: -1;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 60px;
  height: 52px;
  background: linear-gradient(to left, #ee2e24 20%, #fd7f53 100%);
  border-radius: 55px 0px 10px 0;
}
.toj2rz .ysih1f a {
  display: inline-block;
  color: #000e52;
  transition: 0.5s;
}
.toj2rz a.o1qrh5 {
  background: linear-gradient(to left, #ee2e24 20%, #fd7f53 100%);
  padding: 4px 12px;
  border-radius: 3px;
  color: #fff;
  font-family: "Rajdhani";
  font-size: 18px;
  font-weight: 500;
  margin-right: 14px;
}
.toj2rz .ysih1f span i {
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
  color: #000e52;
}
.toj2rz .nzj578 h4 {
  font-size: 32px;
}
.toj2rz .nzj578 h4 a {
  font-weight: 700;
  font-family: "Rajdhani";
  display: inline-block;
  transition: 0.5s;
  margin: 18px 0 0;
  color: #000e52;
}
.toj2rz .kstaol {
  position: absolute;
  right: 15px;
  bottom: 8px;
}
.toj2rz .kstaol i {
  display: inline-block;
  color: #fff;
}
.toj2rz .nzj578 h4 a:hover {
  color: #ee2e24;
}
/*
<!-- ============================================================== -->
<!-- Start subscribe area Css -->
<!-- ============================================================== -->*/
.row.s8n34r {
  background: url(assets/images/resource/counter-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 40px 50px 38px;
  position: relative;
  margin-bottom: -100px;
  border-radius: 10px;
}
.row.srolvy {
  background: url(assets/images/resource/counter-bg-2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 40px 50px 38px;
  position: relative;
  margin-bottom: -100px;
  border-radius: 0px;
}
.baup4b h1 {
  font-size: 45px;
  margin-bottom: 5px;
  color: #fff;
}
/*form area*/
.iy6792 input {
  float: right;
  height: 54px;
  background-color: #fff;
  border-color: transparent;
  transition: 0.5s;
  border: 1px solid #e6e6e6;
  padding: 7px 20px;
  display: block;
  width: 80%;
  color: #00132b;
  margin-bottom: 16px;
  font-weight: 500;
  position: relative;
  z-index: 1;
}
.iy6792 button {
  position: absolute;
  z-index: 1;
  top: 16px;
  right: 16px;
  padding: 13px 25px;
  text-transform: uppercase;
  font-family: "Rajdhani";
  font-weight: 600;
  font-size: 17px;
  border: 0;
  background: #232434;
  color: #fff;
}
/*style two*/
.w8ie5q.kcs4a0 {
  background: url(assets/images/resource/subs1.jpg);
  padding: 48px 0 40px;
}
/*style three*/
.kcs4a0.qrbdbh {
  position: relative;
  margin-top: -92px;
}
/*style five*/
.toj2rz.kcs4a0 {
  position: relative;
  margin-top: -92px;
}

/*
<!-- ============================================================== -->
<!-- Start planing area Css -->
<!-- ============================================================== -->*/
.tj6pcp {
  background: #f4f7f8;
}
.tj6pcp .odq7hb {
  margin-bottom: 50px;
}
.ta9wf1 {
  margin-bottom: 30px;
}
.haft1v img {
  width: 100%;
}
.wc01uu {
  background: #fff;
  padding: 25px 40px 15px;
}
.ovw8pz h3 {
  font-size: 26px;
  padding: 0 0 10px;
}
/*
<!-- ============================================================== -->
<!-- Start mission area Css -->
<!-- ============================================================== -->*/
.bl6ybb {
  background: url(assets/images/resource/vission.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 105px 0 108px;
}
.c9ohb6.j4i4l3 {
  padding: 87px 0 0;
}
.col-lg-6.col-md-6.p42mas {
  padding: 0 0 0 46px;
}
.bl6ybb .odq7hb p {
  margin: 15px 0 0;
  color: #bec6cc;
}
.bl6ybb .odq7hb {
  margin-bottom: 25px;
}
.bl6ybb .odq7hb:after {
  left: 25px;
}
.bl6ybb .picvj8 p {
  padding-bottom: 5px;
}
/*mission single box*/
.col-lg-6.pclga8 {
  position: relative;
  z-index: 1;
}
.d0l4v5 {
  position: absolute;
  z-index: 1;
  bottom: -108px;
  right: -1px;
  background: url(assets/images/resource/mission-bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 30px 50px 40px;
}
.b0plq6 h2 {
  font-size: 26px;
  line-height: 34px;
  color: #fff;
}
/*
<!-- ============================================================== -->
<!-- Start vission area Css -->
<!-- ============================================================== -->*/
.wrswh8 {
  background: url(assets/images/resource/mission.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 105px 0 105px;
}
.wrswh8 .picvj8 p {
  padding-bottom: 5px;
}
/*
<!-- ============================================================== -->
<!-- Start footer area Css -->
<!-- ============================================================== -->*/
.c9ohb6 {
  background: url(assets/images/resource/footer-bg.jpg);
  padding: 195px 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.ci3gfz {
  margin-top: 10px;
}
.aduc4t p {
  padding: 32px 16px 0 0px;
  color: #fff;
  font-size: 17px;
  margin-bottom: 13px;
}
.tadzz7 a {
  display: inline-block;
  margin: 15px 6px 0;
  font-size: 16px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  background: #292643;
  text-align: center;
  position: relative;
  z-index: 1;
  border-radius: 3px;
}
.tadzz7 a:before {
  position: absolute;
  content: "";
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #c88804;
  transform: scale(0);
  margin: auto;
  transition: 0.5s;
  border-radius: 3px;
}
.tadzz7 a:hover:before {
  transform: scale(1);
  background: #c88804;
}
.tadzz7 a i:hover {
  color: #fff;
}
.ibhp7s.laquv6 {
  padding-left: 15px;
}
h4.z1m0if {
  color: #fff;
  font-size: 28px;
  padding-bottom: 28px;
  margin-top: 0;
}
h4.z1m0if span {
  color: #c88804;
}
.lysxvl ul li {
  display: block;
  list-style: none;
  position: relative;
  z-index: 1;
  padding-left: 15px;
}
.lysxvl ul li:before {
  position: absolute;
  z-index: 1;
  content: "";
  top: 14px;
  left: -6px;
  width: 10px;
  height: 1px;
  border-radius: 50%;
  background: #fff;
}
.lysxvl ul li a {
  display: inline-block;
  color: #fff;
  font-weight: 500;
  padding: 0 0 7px;
  transition: 0.5s;
  background-image: linear-gradient(to right, #c88804, #c88804, 50%, #fff 50%);
  background-size: 200% 100%;
  background-position: 100%;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.lysxvl ul li a:hover {
  background-position: 0%, 100%;
  padding-left: 3px;
}
.iddj91 {
  margin-bottom: 24px;
}
.iddj91 ul li {
  display: block;
  list-style: none;
  position: relative;
  z-index: 1;
  padding-left: 15px;
}
.iddj91 ul li:before {
  position: absolute;
  z-index: 1;
  content: "";
  top: 14px;
  left: -6px;
  width: 10px;
  height: 1px;
  border-radius: 50%;
  background: #fff;
}
.iddj91 ul li a {
  display: inline-block;
  color: #fff;
  font-weight: 500;
  padding: 0 0 7px;
  transition: 0.5s;
  background-image: linear-gradient(to right, #c88804, #c88804, 50%, #fff 50%);
  background-size: 200% 100%;
  background-position: 100%;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.iddj91 ul li a:hover {
  background-position: 0%, 100%;
  padding-left: 3px;
}
.bb2n11 {
  float: left;
  margin-right: 20px;
}
.bb2n11 i {
  display: inline-block;
  font-size: 26px;
  color: #d00a2b;
}
.jrfx4m p {
  font-size: 16px;
  color: #fff;
  margin-bottom: 33px;
}
.whkkv3 p {
  color: #fff;
}
/*footer bottom*/
.hwjxqc {
  padding-top: 22px;
}
.row.xkkldz {
  border-top: 1px solid #ed2a22;
  margin-top: 80px;
}
.wl3bf1 p {
  color: #fff;
}
.wl3bf1 span {
  color: #d00a2b;
}
.l9zwgb p {
  color: #fff;
  padding: 20px 0 0;
}
/*
<!-- ============================================================== -->
<!-- Start contact-us area Css -->
<!-- ============================================================== -->*/
.a54dl9.ej12m4 {
  padding: 100px 0 100px;
}
.jh09xj {
  margin-bottom: 30px;
  background: #f3f7fa;
  padding: 32px 30px 32px;
}
.pj30ti {
  float: left;
  margin-right: 25px;
  margin-top: 25px;
}
.pj30ti i {
  font-size: 52px;
  color: #ed2921;
}
.suzdxg {
  overflow: hidden;
}
.suzdxg h2 {
  font-size: 24px;
  text-transform: uppercase;
}
.suzdxg p {
  padding: 5px 0 0;
  margin: 0;
}
/*form box style two*/
.s89f2g.w8ie5q {
  background: #f3f7fa;
  padding: 34px 50px 30px;
  border-radius: 8px;
}
form#c229m3 h4 {
  font-size: 19px;
  font-weight: 600;
  padding: 0 0 19px;
}
.n6mcm0 p {
  margin: 7px 0 10px;
  color: #3d3133;
}
.w8ie5q .iy6792 input {
  float: right;
  height: 54px;
  background-color: #fff;
  border-color: transparent;
  transition: 0.5s;
  border: 0;
  padding: 7px 20px;
  display: block;
  width: 100%;
  color: #00132b;
  margin-bottom: 16px;
  font-weight: 400;
  position: relative;
  z-index: 1;
}
.iy6792 select {
  height: 54px;
  width: 100%;
  border: 0;
  padding: 7px 20px;
  color: #a0a4b6;
}
.iy6792 textarea {
  height: 140px;
  width: 100%;
  border: 0;
  padding: 15px 22px 0px;
}
.ghys9s button {
  padding: 14px 32px;
  background: #c88804;
  color: #fff;
  text-transform: uppercase;
  font-family: "Rajdhani";
  font-weight: 600;
  font-size: 18px;
  border-radius: 5px;
  border: 0;
  transition: 0.5s;
  position: relative;
  z-index: 1;
  display: inline-block;
}
.ghys9s button:before {
  position: absolute;
  content: "";
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
  transform: scale(0);
  width: 100%;
  height: 100%;
  transition: 0.5s;
  color: #c88804;
}
.ghys9s button:hover {
  color: #c88804;
}
.ghys9s button:hover:before {
  transform: scale(1);
}
.ghys9s i {
  margin-left: 5px;
  display: inline-block;
  font-size: 25px;
  margin-top: 0;
}
/*style three*/
.s89f2g.uejpkx {
  margin-top: -233px;
}
.n3pk83 {
  background: linear-gradient(to right, #ed2b22 0%, #ed431d 100%);
  padding: 40px 32px 88px;
  border-radius: 5px 5px 0 0;
}
.n3pk83 h5 {
  font-size: 20px;
  position: relative;
  z-index: 1;
  padding-bottom: 7px;
}
.n3pk83 h5:before {
  position: absolute;
  content: "";
  z-index: -1;
  left: 74px;
  top: 15px;
  margin: auto;
  height: 1px;
  width: 35px;
  background: #fff;
}
.n3pk83 h3 {
  font-size: 35px;
  line-height: 1;
}
.uejpkx form#c229m3 {
  padding: 35px 30px 48px;
  background: #fff;
  border-radius: 50px 0 5px 5px;
  position: relative;
  margin-top: -41px;
}
.uejpkx .iy6792 input {
  float: right;
  height: 56px;
  background-color: #fff;
  border-color: transparent;
  transition: 0.5s;
  border: 1px solid #e6e6e6;
  padding: 6px 20px;
  border-radius: 5px;
  display: block;
  width: 100%;
  color: #00132b;
  margin-bottom: 16px;
  font-weight: 400;
  position: relative;
  z-index: 1;
}
.uejpkx .iy6792 textarea {
  height: 140px;
  width: 100%;
  padding: 15px 22px 0px;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
}
input:focus,
button:focus {
  border-color: transparent;
  outline-color: transparent;
  box-shadow: 0 0 0 0.2rem rgb(237 46 33 / 50%);
}
textarea:focus {
  background: inherit;
  border-color: transparent;
  outline-color: transparent;
  box-shadow: 0 0 0 0.2rem rgb(237 46 33 / 50%);
}
.uejpkx div#zjmjln {
  color: #fff;
}
/*form box2*/
.fak1pv button {
  padding: 15px 32px;
  background: linear-gradient(to right, #ed2b22 0%, #ed431d 60%);
  color: #fff;
  text-transform: uppercase;
  font-family: "Rajdhani";
  font-weight: 600;
  font-size: 18px;
  border: 0;
  border-radius: 5px;
  transition: 0.5s;
  position: relative;
  z-index: 1;
  display: inline-block;
}
.fak1pv button:before {
  position: absolute;
  content: "";
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
  transform: scale(0);
  width: 100%;
  height: 100%;
  transition: 0.5s;
  border-radius: 5px;
  color: #c88804;
}
.fak1pv span {
  margin-left: 6px;
  font-size: 25px;
}
.fak1pv button:hover:before {
  transform: scale(1);
  background: #000000;
}
.fak1pv button:hover {
  color: #fff;
}
/*style three upper2*/
.uejpkx.h2qj9y .iy6792 textarea {
  height: 102px;
  width: 100%;
  padding: 15px 22px 0px;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
}
/*style three upper8*/
.uejpkx.p8ja7i form#c229m3 {
  padding: 35px 30px 40px;
  background: #212123;
  border-radius: 50px 0 5px 5px;
  position: relative;
  margin-top: -41px;
}
.uejpkx.p8ja7i .iy6792 input {
  float: right;
  height: 56px;
  background-color: #212123;
  border-color: transparent;
  transition: 0.5s;
  border: 1px solid #444c51;
  padding: 6px 20px;
  border-radius: 5px;
  display: block;
  width: 100%;
  color: #fff;
  margin-bottom: 16px;
  font-weight: 400;
  position: relative;
  z-index: 1;
}
.uejpkx.p8ja7i .iy6792 textarea {
  height: 140px;
  width: 100%;
  background: #212123;
  padding: 15px 22px 0px;
  border: 1px solid #444c51;
  border-radius: 5px;
  color: #fff;
}
.uejpkx.p8ja7i input:focus,
button:focus {
  border-color: transparent;
  outline-color: transparent;
  box-shadow: inherit;
}
.uejpkx.p8ja7i textarea:focus {
  background: inherit;
  border-color: transparent;
  outline-color: transparent;
  box-shadow: inherit;
}
.uejpkx.p8ja7i .fak1pv button {
  display: inline-block;
  color: #fff;
  width: inherit;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 14px 30px;
  background: linear-gradient(to right, #ed2b22 0%, #ed431d 100%);
  border-radius: 5px;
  font-family: "Rajdhani";
  border: 0;
  margin-top: 20px;
  transition: 0.5s;
  position: relative;
  z-index: 1;
}
/*style four*/
.qrbdbh.h2qj9y .iy6792 input {
  float: right;
  height: 60px;
  background-color: #fff;
  border-color: transparent;
  transition: 0.5s;
  border: 1px solid #e6e6e6;
  padding: 7px 20px;
  display: block;
  border-radius: 5px;
  width: 100%;
  color: #434647;
  margin-bottom: 16px;
  font-weight: 500;
  position: relative;
  z-index: 1;
}
/*style six*/
.kcs4a0.gkzm1b {
  background: url(assets/images/resource/contact-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 65px 0 0px;
  position: relative;
  z-index: 1;
  margin-bottom: -80px;
}
.gkzm1b .pp30cz img {
  position: relative;
  margin-left: -89px;
  animation: 0.8s 0.8s fadeInLeft both;
}
.gkzm1b .akoew7 h3 {
  font-size: 44px;
  line-height: 1;
}
.gkzm1b .iy6792 input {
  float: right;
  height: 60px;
  background-color: #fff;
  border-color: transparent;
  transition: 0.5s;
  border: 1px solid #e6e6e6;
  padding: 7px 20px;
  display: block;
  border-radius: 5px;
  width: 100%;
  color: #e6e6e6;
  margin-bottom: 16px;
  font-weight: 500;
  position: relative;
  z-index: 1;
}
.gkzm1b .iy6792 textarea {
  height: 130px;
  width: 100%;
  padding: 15px 15px;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
}
.gkzm1b .fak1pv button {
  padding: 15px 32px;
  background: linear-gradient(to right, #ed2b22 0%, #ed431d 60%);
  color: #fff;
  text-transform: uppercase;
  font-family: "Rajdhani";
  font-weight: 600;
  font-size: 18px;
  border-radius: 5px;
  transition: 0.5s;
  margin-top: 20px;
  position: relative;
  z-index: 1;
  display: inline-block;
}
/*contact-shape*/
.gkzm1b .apu8un {
  position: absolute;
  z-index: -1;
  right: -94px;
  bottom: 28px;
}
.gkzm1b .tmzqtf img {
  position: absolute;
  bottom: 194px;
  left: -227px;
  z-index: -4;
  animation: 0.8s 0.8s fadeInRight both;
}

/*====================================================
--< ITplot why-join-us Css -->
======================================================*/
.x72qv5 {
  background: #fff;
  text-align: center;
  padding: 30px 0px 20px;
  box-shadow: 0px 0px 18px 1px rgb(0 0 0 / 12%);
  margin-bottom: 30px;
  border-radius: 5px;
  position: relative;
  top: 40px;
}
.pfnfmr {
  background: #fff;
  text-align: center;
  padding: 30px 0 20px;
  box-shadow: 0px 0px 18px 1px rgb(0 0 0 / 12%);
  margin-bottom: 30px;
  border-radius: 5px;
}
.lkly8n h3 {
  font-size: 20px;
  color: #222;
  line-height: 26px;
  padding: 10px 0 0;
}
.m6h81r h4 {
  font-size: 20px;
  color: #133344;
  position: relative;
  margin: 0;
}
.m6h81r h4::before {
  position: absolute;
  content: "";
  top: 21px;
  left: 172px;
  height: 1px;
  width: 37px;
  background: #d00a2b;
}
.m6h81r h2 {
  font-size: 55px;
  color: #0a2c3d;
  line-height: 1.2;
  margin: 6px 0 10px;
}
.m6h81r h2 span {
  color: #d00a2b;
}
.m6h81r p {
  font-size: 16px;
  color: #5c727d;
  margin: 0;
  line-height: 1.5;
}
.xrcf55 {
  margin-top: 33px;
}
.xrcf55 a {
  display: inline-block;
  font-size: 16px;
  text-decoration: none;
  background: #181b2a;
  color: #fff;
  text-transform: uppercase;
  padding: 11px 26px;
  transition: 0.5s;
  border-radius: 5px;
}
.xrcf55 a:hover {
  background: #d00a2b;
}

.oh0f0s .r7mxv4 a {
  margin-top: 0;
  font-size: 18px;
}

/*====================================================
--< ITplot .circular-area Css -->
======================================================*/
.zhhl5e {
  padding: 100px 0 0;
  background: #f6f7f9;
}
.arofpx {
  background: #ffffff;
  padding: 20px 32px 0;
  border-radius: 10px;
  margin-bottom: 30px;
  transition: 0.9s;
  position: relative;
  z-index: 1;
}
.arofpx:before {
  position: absolute;
  content: "";
  z-index: -1;
  right: 0;
  top: 0;
  background: linear-gradient(to right, #ed2b22 0%, #ed431d 100%);
  width: 0;
  height: 100%;
  transition: 0.5s;
  border-radius: 5px;
}
.d7cibz {
  float: left;
  margin: 2px 25px 0 0;
}
.d7cibz img {
  background: #f6f7f9;
  padding: 22px 24px;
  border-radius: 5px;
}
.efnfd6 {
  position: relative;
  top: 15px;
}
.efnfd6 h3 {
  font-size: 26px;
  transition: 0.5s;
  padding: 0 0 5px;
  margin: 0;
}
.efnfd6 p {
  font-size: 16px;
  margin: 0;
  transition: 0.5s;
}
.l6nbhz {
  text-align: right;
  position: relative;
  top: -42px;
}
.l6nbhz a {
  display: inline-block;
  font-size: 16px;
  text-decoration: none;
  text-transform: uppercase;
  border: 1px solid #d00a2b;
  padding: 12px 22px;
  border-radius: 5px;
  color: #222222;
  font-weight: 500;
}
.arofpx:hover:before {
  width: 100%;
  left: 0;
}
.arofpx:hover .efnfd6 h3 {
  color: #fff;
}
.arofpx:hover .efnfd6 p {
  color: #fff;
}
.arofpx:hover .l6nbhz a {
  color: #222;
  background: #fff;
}
/*====================================================
--< ITplot calls-do-actions Css -->
======================================================*/
.nzojxg {
  padding: 65px 0 195px;
  background: #f6f7f9;
  margin: 0 0 -95px;
}
.nzojxg .fsw1kf {
  text-align: center;
}
.nzojxg .fsw1kf h1 {
  font-size: 42px;
  font-weight: bold;
  font-family: Rajdhani;
  color: #222222;
}
.nzojxg .fsw1kf h5 {
  font-size: 32px;
  color: #222222;
  font-weight: 600;
  padding: 0 0 5px;
}
.c1wffg {
  text-align: center;
  position: relative;
  top: 27px;
}
.c1wffg a {
  display: inline-block;
  font-size: 16px;
  text-decoration: none;
  background: #181b2a;
  color: #fff;
  text-transform: uppercase;
  padding: 11px 26px;
  transition: 0.5s;
  border-radius: 5px;
}
.c1wffg a:hover {
  background: #d00a2b;
}

/*====================================================
--< ITplot .career-details  Css -->
======================================================*/
.nshtql h2 {
  font-size: 46px;
  color: #222;
}
.nshtql h3 {
  font-size: 26px;
  color: #000000;
  font-weight: 600;
  margin: 10px 0 17px;
}
.nshtql p {
  font-size: 16px;
  margin: 0 0 40px;
  color: #5c727d;
  line-height: 1.4;
}
.btwqw3 {
  margin-top: 37px;
}
.btwqw3 h4 {
  font-size: 22px;
  margin: 17px 0 16px;
}
.btwqw3 p {
  margin: 0 0 15px 30px;
  position: relative;
}
.btwqw3 p::before {
  position: absolute;
  content: "";
  top: 14px;
  left: -33px;
  height: 1px;
  width: 15px;
  background: linear-gradient(to right, #ed2b22 0%, #ed431d 100%);
}
.btwqw3 p::after {
  position: absolute;
  content: "";
  top: 12px;
  left: -18px;
  height: 6px;
  width: 6px;
  border-radius: 5px;
  background: linear-gradient(to right, #ed2b22 0%, #ed431d 100%);
}
.btwqw3 h3 {
  font-size: 26px;
  color: #000000;
  font-weight: 600;
  margin: 16px 0 0;
}
.f4tht0 {
  box-shadow: 0px 0px 15px 3px rgb(0 0 0 / 10%);
  padding: 28px 40px 40px;
  position: relative;
  border-radius: 5px;
  margin-top: 30px;
}
.f4tht0::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 4px;
  width: 100%;
  background: linear-gradient(to right, #ed2b22 0%, #ed431d 100%);
}
.f4tht0 h4 {
  font-weight: 600;
  font-size: 25px;
  color: #000000;
  font-family: "Rajdhani", sans-serif;
}
.mlq66f {
  margin: 20px 0 0;
}
.mlq66f img {
  float: left;
  margin: 6px 20px 25px 0;
}
.pcu85q span {
  font-size: 16px;
  color: #616161;
}
.pcu85q h5 {
  margin: 3px 0 0;
  font-size: 16px;
  color: #b10707ed;
}
.pcu85q {
  margin-left: 37px;
}
.bnhkft .r7mxv4 a {
  margin-top: 35px;
}
/*
<!-- ============================================================== -->
<!-- Start faq area Css -->
<!-- ============================================================== -->*/
.z15ny9 {
  height: 695px;
  background: url(assets/images/resource/faq.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 80px 0 110px;
}
/*accordion*/
.path75 {
  margin: -16px 0 0;
}
.path75 li {
  border-bottom: 1px solid #d9e5e8;
  position: relative;
  list-style: none;
  padding: 0 0 11px;
}
.path75 li p {
  display: none;
  font-size: 16px;
  padding: 0 21px 0px;
  color: #616161;
  font-family: "Rubik", sans-serif;
}
.path75 a {
  width: 100%;
  display: block;
  cursor: pointer;
  font-weight: 700;
  line-height: 3;
  font-size: 19px;
  font-family: "Rajdhani";
  color: #151423 !important;
  user-select: none;
}
.path75 a:before {
  width: 2px;
  height: 12px;
  background: #f00;
  position: absolute;
  right: 13px;
  content: " ";
  top: 26px;
  /: ;
  transform: rotate(0deg);
  /: ;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.path75 a:after {
  width: 12px;
  height: 2px;
  background: #f00;
  position: absolute;
  right: 8px;
  content: " ";
  top: 31px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
ul.path75 li a span {
  color: #c88804;
  margin-right: 5px;
}
.path75 p {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2;
  padding: 10px;
}

a.mf6a9t:after {
  transform: rotate(0deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a.mf6a9t:before {
  display: none;
}
/*style two*/
.w8ie5q.z15ny9 {
  background: url(assets/images/resource/faq2.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 0px 0 80px;
  height: inherit;
}
.row.s9pss3 {
  padding: 42px 40px 30px 40px;
  background: #fff;
  border-radius: 5px;
  margin-top: -234px;
  box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 6%);
}
.row.a12qjg {
  padding: 42px 40px 40px 40px;
  background: #ffffff;
  border-radius: 5px;
  margin-top: -234px;
  box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 6%);
}
p.a6zwts {
  margin: 8px 0 40px;
}
.w8ie5q .path75 li {
  border: 1px solid #d9e5e8;
  position: relative;
  list-style: none;
  padding: 0px 0 11px;
  margin-bottom: 20px;
}
.w8ie5q .path75 li {
  border: 1px solid #d9e5e8;
  position: relative;
  list-style: none;
  padding: 0px 0px 0px;
  margin-bottom: 20px;
  border-radius: 5px;
}
.w8ie5q .path75 li p {
  display: none;
  font-size: 16px;
  padding: 15px 21px 0px;
  color: #616161;
  font-family: "Rubik", sans-serif;
  line-height: 24px;
}
.w8ie5q .path75 a {
  width: 100%;
  display: block;
  cursor: pointer;
  font-weight: 700;
  line-height: 3;
  font-size: 19px;
  font-family: "Rajdhani";
  color: #151423 !important;
  user-select: none;
  text-indent: 20px;
  border-radius: 5px;
}
.w8ie5q .path75 a:before {
  height: 30px;
  width: 30px;
  background: linear-gradient(to right, #ed2b22 0%, #ed431d 60%);
  top: 13px;
  right: 18px;
  position: absolute;
  content: "";
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-radius: 3px;
}
.w8ie5q .path75 a:after {
  width: 8px;
  height: 8px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  position: absolute;
  right: 30px;
  content: " ";
  top: 24px;
  transform: rotate(-45deg);
  transition: all 0.2s ease-in-out;
  background: none;
}
.w8ie5q a.mf6a9t:after {
  transform: rotate(45deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.w8ie5q a.mf6a9t {
  background: linear-gradient(to right, #ed2b22 0%, #ed431d 60%);
  color: #fff !important;
}
.w8ie5q a.mf6a9t:before {
  background: #fff !important;
}
.w8ie5q a.mf6a9t:after {
  background: #fff !important;
}
/*style two upper8*/
.w8ie5q.z15ny9 {
  background: url(assets/images/resource/faq3.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 0px 0 80px;
  height: inherit;
}
.row.db138e {
  padding: 42px 40px 38px 40px;
  background: #212123;
  border-radius: 5px;
  margin-top: -234px;
  box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 6%);
}
.w8ie5q.p8ja7i .path75 li {
  border: 1px solid #444c51;
  position: relative;
  list-style: none;
  padding: 0px 0px 0px;
  margin-bottom: 20px;
  border-radius: 5px;
}
.w8ie5q.p8ja7i .path75 a {
  width: 100%;
  display: block;
  cursor: pointer;
  font-weight: 600;
  line-height: 3;
  font-size: 19px;
  font-family: "Rajdhani";
  color: #fff !important;
  user-select: none;
  text-indent: 20px;
  border-radius: 5px;
}
.w8ie5q.p8ja7i .path75 li p {
  display: none;
  font-size: 16px;
  padding: 15px 21px 0px;
  color: #b4bfc5;
  font-family: "Rubik", sans-serif;
  line-height: 24px;
}

/*faq icon box*/
.n165fe {
  border-bottom: 1px solid #ededed;
  padding: 0 0 12px;
  margin-bottom: 5px;
}
.k8kxgq {
  float: left;
  margin-right: 25px;
}
.mczvuj h3 {
  font-size: 20px;
  padding: 0 0 5px;
}
.k8kxgq i {
  display: inline-block;
  font-size: 28px;
  color: #fff;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 50%;
  background: #ed2a22;
  transition: 0.5s;
}
.n165fe:hover .k8kxgq i {
  transform: rotateY(180deg);
}
.obd57c:hover .k8kxgq i {
  transform: rotateY(180deg);
}
/*
<!-- ============================================================== -->
<!-- Start scrollup section -->
<!-- ============================================================== -->*/
.dwiz3m {
  position: relative;
  z-index: 999;
}
.dwiz3m .nqpkav {
  position: fixed;
  cursor: pointer;
  top: 0;
  right: 30px;
  color: #ffffff;
  background-image: -moz-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
  background-image: -webkit-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
  background-image: -ms-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
  z-index: 9999;
  width: 45px;
  text-align: center;
  height: 45px;
  line-height: 42px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.9s ease-out 0s;
  -moz-transition: all 0.9s ease-out 0s;
  -ms-transition: all 0.9s ease-out 0s;
  -o-transition: all 0.9s ease-out 0s;
  transition: all 0.9s ease-out 0s;
  border-radius: 10px;
}
.dwiz3m .nqpkav i {
  position: absolute;
  top: 50%;
  left: -4px;
  right: 0;
  margin: 0 auto;
  font-size: 15px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.dwiz3m .nqpkav i:last-child {
  opacity: 0;
  visibility: hidden;
  top: 60%;
}
.dwiz3m .nqpkav::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-image: -moz-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
  background-image: linear-gradient(to right, #00132b 0%, #00132b 100%);
  background-image: -ms-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
  border-radius: 100%;
}
.dwiz3m .nqpkav:focus,
.dwiz3m .nqpkav:hover {
  color: #fff;
}
.dwiz3m .nqpkav:focus::before,
.dwiz3m .nqpkav:hover::before {
  opacity: 1;
  visibility: visible;
}
.dwiz3m .nqpkav:focus i:first-child,
.dwiz3m .nqpkav:hover i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden;
}
.dwiz3m .nqpkav:focus i:last-child,
.dwiz3m .nqpkav:hover i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%;
}
.dwiz3m .nqpkav.mf6a9t {
  top: 95%;
  -webkit-transform: translateY(-98%);
  -moz-transform: translateY(-98%);
  -ms-transform: translateY(-98%);
  -o-transform: translateY(-98%);
  transform: translateY(-98%);
  opacity: 1;
  visibility: visible;
  border-radius: 0;
  right: 30px;
  border-radius: 100%;
}
.axqg3g {
  position: relative;
}
.axqg3g .mm5jpo {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  top: 3px;
  z-index: 1;
  background-image: -moz-linear-gradient(0deg, #69ddcc 0%, #c1282a 100%);
  background: #c88804;
  background-image: -ms-linear-gradient(0deg, #69ddcc 0%, #c1282a 100%);
}
.axqg3g .mm5jpo i {
  font-size: 20px;
  font-weight: 700;
  padding-left: 4px;
  color: #fff;
}
.axqg3g .mm5jpo::after {
  z-index: -1;
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  width: 45px;
  height: 45px;
  -webkit-animation: ripple 1.6s ease-out infinite;
  -moz-animation: ripple 1.6s ease-out infinite;
  -o-animation: ripple 1.6s ease-out infinite;
  animation: ripple 1.6s ease-out infinite;
  opacity: 0;
  background-image: -moz-linear-gradient(0deg, #69ddcc 0%, #69ddcc 100%);
  background-image: -webkit-linear-gradient(0deg, #fb8a42 0%, #fb8a42 100%);
  background-image: -ms-linear-gradient(0deg, #69ddcc 0%, #69ddcc 100%);
  border-radius: 100%;
}
.axqg3g .mm5jpo:hover {
  background-color: #222;
  color: #fff;
}
@keyframes ripple {
  0%,
  35% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
  }
}

/* bounce-animate */
.ksrxny {
  animation-name: float-bob;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation-name: float-bob;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob;
  -o-animation-duration: 2s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}
.ryg5fa {
  animation-name: float-bob2;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation-name: float-bob2;
  -moz-animation-duration: 3s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob2;
  -ms-animation-duration: 3s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob2;
  -o-animation-duration: 3s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}
.hhcxge {
  animation-name: float-bob3;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation-name: float-bob3;
  -moz-animation-duration: 4s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob3;
  -ms-animation-duration: 4s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob3;
  -o-animation-duration: 4s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}
.jbqlu2 {
  animation-name: float-bob4;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation-name: float-bob4;
  -moz-animation-duration: 5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob4;
  -ms-animation-duration: 5s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob4;
  -o-animation-duration: 5s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}
.ibmafu {
  animation-name: float-bob5;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation-name: float-bob5;
  -moz-animation-duration: 6s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob5;
  -ms-animation-duration: 6s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob5;
  -o-animation-duration: 6s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}
@-webkit-keyframes float-bob {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}
@-webkit-keyframes float-bob2 {
  0% {
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px);
  }
  50% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px);
  }
}
@-webkit-keyframes float-bob3 {
  0% {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }
  50% {
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px);
  }
  100% {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@-webkit-keyframes float-bob4 {
  0% {
    -webkit-transform: translateY(-70px);
    transform: translateY(-70px);
  }
  50% {
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px);
  }
  100% {
    -webkit-transform: translateY(-70px);
    transform: translateY(-70px);
  }
}
@-webkit-keyframes float-bob5 {
  0% {
    -webkit-transform: translateY(-75px);
    transform: translateY(-75px);
  }
  50% {
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px);
  }
  100% {
    -webkit-transform: translateY(-75px);
    transform: translateY(-75px);
  }
}
@-webkit-keyframes movebounce {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
/* bounce-animate */
@-webkit-keyframes movebounce {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes movebounce {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@-webkit-keyframes moveleftbounce {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@keyframes moveleftbounce {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

.hmwjq8 {
  -webkit-animation-name: rotateme;
  animation-name: rotateme;
  -webkit-animation-duration: 20s;
  animation-duration: 20s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes rotate3d {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

@keyframes rotate3d {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

@keyframes animationFramesOne {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg);
  }
  20% {
    -webkit-transform: translate(73px, -1px) rotate(36deg);
    transform: translate(73px, -1px) rotate(36deg);
  }
  40% {
    -webkit-transform: translate(141px, 72px) rotate(72deg);
    transform: translate(141px, 72px) rotate(72deg);
  }
  60% {
    -webkit-transform: translate(83px, 122px) rotate(108deg);
    transform: translate(83px, 122px) rotate(108deg);
  }
  80% {
    -webkit-transform: translate(-40px, 72px) rotate(144deg);
    transform: translate(-40px, 72px) rotate(144deg);
  }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg);
  }
}

@-webkit-keyframes animationFramesOne {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
  }
  20% {
    -webkit-transform: translate(73px, -1px) rotate(36deg);
  }
  40% {
    -webkit-transform: translate(141px, 72px) rotate(72deg);
  }
  60% {
    -webkit-transform: translate(83px, 122px) rotate(108deg);
  }
  80% {
    -webkit-transform: translate(-40px, 72px) rotate(144deg);
  }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
  }
}
/*animation*/
@keyframes moveLeftBounce {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

/*Loader*/

.mc9vbz {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transition: 0.8s 1s ease;
  z-index: 666;
}
.jzcec1 {
  position: relative;
  display: block;
  z-index: 201;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  border-radius: 50%;
  transition: all 1s 1s ease;
  border: 3px solid transparent;
  border-top-color: #9a241c;
  -webkit-animation: spin 1.5s linear infinite;
  -moz-animation: spin 1.5s linear infinite;
  -o-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}
.jzcec1:before {
  position: absolute;
  content: "";
  top: 6px;
  left: 6px;
  right: 6px;
  bottom: 6px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-left-color: #ff3c00;
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  -o-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
.jzcec1:after {
  position: absolute;
  content: "";
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-right-color: #fff;
  -webkit-animation: spin 2.5s linear infinite;
  -moz-animation: spin 2.5s linear infinite;
  -o-animation: spin 2.5s linear infinite;
  animation: spin 2.5s linear infinite;
}
/* Here comes the Magic */

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.mc9vbz .fa05cl {
  position: fixed;
  top: 0;
  width: 50%;
  height: 100%;
  background: #111;
  z-index: 2;
}
.mc9vbz .fa05cl.ddag3x {
  left: 0;
  transition: 1s 1.4s ease;
}
.mc9vbz .fa05cl.a2g8li {
  right: 0;
  transition: 1s 1.4s ease;
}

/* When page loaded */
.i0x475 .fa05cl.ddag3x {
  left: -100%;
}
.i0x475 .fa05cl.a2g8li {
  right: -100%;
}
.i0x475 .mc9vbz {
  visibility: hidden;
}
.i0x475 .jzcec1 {
  top: -100%;
  opacity: 0;
}

/*particles js*/
div#chedmx {
  position: relative;
}

#iezi6f {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 20px;
  width: 100%;
}

div#chedmx .ozrwmq.c0wnhy {
  background: inherit;
  height: 950px;
  position: relative;
  z-index: 1;
}
/*新增加的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: #b10707ed;
  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 .v7m6vm {
  color: #aaa;
  border-color: #eee;
}

/* Theme 433 migration polish */
.opd82d {
  position: relative;
}
.opd82d ul.d4zwsk {
  display: inline-block;
}
.opd82d ul.d4zwsk li a {
  white-space: nowrap;
}
.opd82d ul.d4zwsk li.mf6a9t > a,
.opd82d ul.d4zwsk li > a:hover {
  color: #ff7908;
}
.axsy44 {
  display: inline-block;
  margin-left: 14px;
  vertical-align: middle;
  white-space: nowrap;
}
.axsy44 a {
  display: inline-block;
  min-width: 62px;
  margin-left: 8px;
  padding: 9px 16px;
  border-radius: 4px;
  background: #ff7908;
  color: #fff;
  font-size: 14px;
  line-height: 1.35;
  text-align: center;
  white-space: nowrap;
}
.axsy44 a:hover {
  background: #d86404;
  color: #fff;
}
.osmj3i {
  margin: 0;
  color: #fff;
  font-size: 42px;
  line-height: 1.25;
  font-weight: 700;
}
.h2ued8 p,
.h2ued8 li {
  color: #616161;
  font-size: 16px;
  line-height: 1.85;
}
.h2ued8 h1,
.h2ued8 h2,
.h2ued8 h3,
.h2ued8 h4,
.awiaxz h3 {
  color: #232323;
}
.x7n6d6 {
  padding-right: 22px;
}
.k7hbcg {
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}
.k7hbcg li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
}
.k7hbcg li:before {
  content: "\f00c";
  position: absolute;
  left: 0;
  top: 2px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #ff7908;
}
.xn1w8q {
  background: #f7f8fb;
}
.a15nki,
.qupu3m,
.awiaxz,
.px4jzk {
  background: #fff;
  border: 1px solid #ededed;
  box-shadow: 0 14px 34px rgba(20, 24, 40, 0.10);
}
.a15nki {
  min-height: 270px;
}
.a15nki .zak4gu h2,
.a15nki .zak4gu p {
  color: #232323;
}
.px4jzk {
  padding: 18px;
}
.px4jzk img {
  width: 100%;
  height: auto;
}
.rh2n9s .ixp84b,
.h2ued8 .ixp84b {
  min-height: 220px;
}
.awiaxz {
  padding: 42px 38px;
}
.awiaxz .n3pk83 p {
  margin-bottom: 24px;
  color: #616161;
}
.awiaxz .iy6792 input,
.awiaxz .iy6792 textarea {
  color: #232323;
  background: #fff;
}
.oemtc8 {
  font-size: 0;
  margin-top: 8px;
}
.oemtc8 button,
.oemtc8 a {
  display: inline-block;
  height: 52px;
  margin-right: 12px;
  margin-bottom: 10px;
  padding: 0 24px;
  border: 0;
  border-radius: 4px;
  background: #ff7908;
  color: #fff;
  font-size: 15px;
  line-height: 52px;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
  white-space: nowrap;
}
.oemtc8 a {
  background: #232323;
}
.oemtc8 button:hover,
.oemtc8 a:hover {
  color: #fff;
}
.gf1fg3 {
  margin-top: 24px;
}
@media (max-width: 1199px) {
  .axsy44 a {
    min-width: 56px;
    padding: 8px 12px;
    font-size: 13px;
  }
  .opd82d ul.d4zwsk li a {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .axsy44 {
    display: none;
  }
  .x7n6d6 {
    padding-right: 0;
  }
  .awiaxz {
    padding: 32px 24px;
  }
}
@media (max-width: 575px) {
  .osmj3i {
    font-size: 30px;
  }
  .oemtc8 button,
  .oemtc8 a {
    display: block;
    width: 100%;
    margin-right: 0;
  }
}

/* Article SEO title sizing */
.e26syx {
  margin: 0 0 18px;
  color: inherit;
  font-size: 34px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0;
}
@media (max-width: 991px) {
  .e26syx {
    font-size: 28px;
  }
}
@media (max-width: 575px) {
  .e26syx {
    font-size: 24px;
  }
}