@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,600;0,900;1,300;1,500;1,800&display=swap');

/*=========table of content start

  Template Name: Cropking
  Template URI: https://theme.bitspecksolutions.com/html-template/cropking

==========================

CSS 

==========================

preloader

===============================

1. Header section
2. Hero section
5. Promo section
3. About section
6. Features section
7. Counter section
8. Portfolio section
9. Team section
10. video section
11. Pricing section
12. Brand section
13. Blog section
14. Footer section
15. Other pages


=================================

Index Page

==================================

==============table of content end*/

/*====================================
 global area - start
====================================*/

*{
  padding: 0;
  margin: 0;  
  outline: 0px;
  scroll-behavior: smooth;
}

html {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: visible;
}

body {
  /* font-family:'Raleway' sans-srif; */
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5rem;
  width: 100%;
  overflow-x: hidden;
  background-color: #fff;
}

html, body, .bcgn0a {
  height: 100%;
  width: 100%;
}

section{
  padding: 80px 0px;
}

h1, h2, h3, h4, h5, h6 {
  color: #ec0e0e;
  font-weight: bold;
  line-height: 2.5rem;
  /* font-family: 'Poppins' Rubik; */
  letter-spacing: 0;
  margin-bottom: 15px;
}

img {
  border: none;
  outline: none;
  max-width: 100%;
}

label {
  display: inline-block;
  font-weight: normal;
  margin-bottom: 5px;
  max-width: 100%;
}

a img,
button,
iframe {
  border: none;
  text-decoration: none !important;
}

p {
  font-family: 'Rubik';
  color: #232323;
  line-height: 1.5rem;
  text-transform: none;
  font-weight:200;
  margin-bottom: 50px;
}

input:focus, textarea:focus, 
select:focus {
  outline: none;
  box-shadow: inherit;
  -webkit-box-shadow: inherit;
  -moz-box-shadow: inherit;
  -ms-box-shadow: inherit;
  -o-box-shadow: inherit;
}

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

nav li a, a:active, a:focus, a:hover {
  outline: none;
  text-decoration: none;
  color: #fff;
}

b, strong {
  font-weight: 900;
  line-height: 2;
}
span{
  font-weight: 400;
  font-size: 13px;
}

 .ejypqe.qkyvgc, 
 .ejypqe:active:focus, 
 .ejypqe:active:hover, 
 .ejypqe:focus, 
 .ejypqe:hover {
  outline: 0;
}

input {
  border: 1px solid #e7e7e7;
  border-radius: inherit;
  box-shadow: inherit;
  -webkit-box-shadow: inherit;
  -moz-box-shadow: inherit;
  -ms-box-shadow: inherit;
  -o-box-shadow: inherit;
  min-height: 50px;
}
/*__________top header __________*/

.vmxl5s ul {
  text-align: center;
  margin-top: 5px;
  display: flex !important;
}
.vmxl5s ul li:nth-child(1) {
  margin-left: 0px;
}

.vmxl5s ul li {
  margin-left: 20px;
  display: inline-block;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}

/* ---------common css class-------- */
/* i {
  margin-right: 10px;
} */
.k6i024{
  margin-bottom: 10px;
}
.h7fyoi{
  padding: 50px;
}
.gaob0w{
  margin-top: 10px;
}
.h7rk5d {
    border-radius: 1rem !important
}

.aslxem {
    font-size: 0.9rem !important
}
.kokzex h2{
  color: #000;
}
.uy8pv0 {
  border-bottom: 1px solid #e0e0e0
}

.devl7v {
  margin-bottom: 20px
}

.z0y2tg {
  padding-bottom: 5px !important
}

.o7gd6h .tcgl7p p {
  line-height: 25px
}

.rblb5x {
  margin-bottom: 10px
}

.ox7ene {
  color: #919aa3 !important
}

.uy8pv0 {
  border-bottom: 1px solid #e0e0e0
}

.xyjc5q {
  font-weight: 600
}
.zl0a2j{
line-height: 1;
}
.devl7v {
  margin-bottom: 30px
}

.hnm9z0 {
  margin-top: 20px
}

.z0y2tg {
  padding-bottom: 5px !important
}

.rblb5x {
  margin-bottom: 10px
}

.fk7s6c {
  margin-top: 20px
}
.w-100{
  width: 100% !important;
}

/*----------multi-level-accordian-menu------------*/
.ky8omv{
  padding: 15px;
  color: #fff;
}
.kq48f0{
  color: #246df3;
  background-color: transparent;
  background-image: none;
  border-color: #ffffff;
  padding: 5px 10px 0px 10px;

}

.f51dgo{
  background-color: #5161ce;
  padding: 0px;
}
#ku2882{
  overflow: hidden;
  position: relative;
}
#ku2882 ul{
  padding: 0px;
  margin: 0px;
}
#ku2882 ul li a i{
  margin-right: 10px;
}
#ku2882 li {
  list-style-type: none;
  float: left;
}
#ku2882 ul li a{
  color: rgba(255,255,255,0.5);
    text-decoration: none;
    font-size: 15px;
    display: block;
    padding: 20px 20px;
    transition-duration:0.6s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    position: relative;
}
#ku2882>ul>li.mf6a9t>a{
  color: #5161ce;
  background-color: transparent;
  transition: all 0.7s;
}
#ku2882 a:not(:only-child):after {
  content: "\f105";
  position: absolute;
  right: 20px;
  top: 10px;
  font-size: 14px;
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  font-weight: 900;
  transition: 0.5s;
}
#ku2882 .mf6a9t>a:not(:only-child):after {
  transform: rotate(90deg);
}
.sa9gs3{
  display:inline-block;
  position:absolute;
  height: 100%;
  top: 0px;
  left: 0px;
  transition-duration:0.6s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  background-color: #fff;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  margin-top: 10px;
}
.sa9gs3 .qwho58,
.sa9gs3 .ci43zn{
  position: absolute;
  width: 25px;
  height: 25px;
  background-color: #fff;
  bottom: 10px;
}
.sa9gs3 .qwho58{
  right: -25px;
}
.sa9gs3 .ci43zn{
  left: -25px;
}
.sa9gs3 .qwho58:before,
.sa9gs3 .ci43zn:before{
  content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #5161ce;
}
.sa9gs3 .qwho58:before{
  bottom: 0;
    right: -25px;
}
.sa9gs3 .ci43zn:before{
  bottom: 0;
    left: -25px;
}


/*__________top header_________*/

.orcncd {
  background-color: #4fcaf9f5;
  padding: 10px;
}
.htk1uw ul{
  display: inline-flex;
/*  padding: 15px 0px 10px 30px;*/
  color: #fff;
}

ul.b1kbl5 li {
    list-style: none;
    display: inline-block;
    margin-right: 20px;
    color: #fff;
}

ul.b3fsmv li a i.lax5gm {
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    transition: all 0.5s ease 0s;
    margin-right: -10px;
}

a, .a76gmd {
    color: #fff;
}

ul.b3fsmv li a.mf6a9t i.lax5gm, ul.b3fsmv li a i.lax5gm:hover {
    background-color: #009EFF;
    color: #fff;
}

ul.it82io li:hover {
    color: #009EFF;
}

.htk1uw ul span{
  margin-right: 25px;
}
/*_________header_______*/
.x70jyi ul li svg path{
  fill: #fff;
}
.n62xwf{
  background-color: #009EFF !important;
}
.vmxl5s {
  padding: 5px;
}
.f8g0lq{
  background: #3d4352;
  padding: 10px;
}
.rdazfi ul li{
  color: #ffffff;
  margin-right: 20px;
}
.rdazfi ul li i{
  margin-right: 10px;
}
.w5s74q{
  margin-right: 9%;
}
.w5s74q a{
  margin-right: 15px;
  color: #ffffff;
}

/*start preloader css*/


#e5otw4 {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  position: fixed;
  overflow: visible;
  background: #fff url('../image/preloder.gif') no-repeat center center;
  animation: loader 5s infinite ease;
}

/*________naavbar_______*/
.onzbai::after {
  display: none;
}
.umw21d {
  background-color: #0eb3f3;
}
.wjt3h2{
  text-decoration: none!important;
}
/* Font Awesome Icons have variable width. Added fixed width to fix that.*/
.md08kx { 
  width: 2rem;
}
.htk1uw {
  display: inline-block;
  width: 100%;
  float: left;
  background: #f9f9f9;
  height: 50px;
  padding-top: 10px;
  border-bottom: 1px solid #e6e6e6;
}
.htk1uw .lw751f {
  color: #999999;
  float: left;
}
.htk1uw .lw751f li:nth-child(1) {
  padding-left: 0px;
}
.htk1uw .lw751f li {
  display: inline-block;
  border-right: 1px solid #ececec;
  padding: 1px 20px;
  float: left;
}
.htk1uw .lw751f p {
  color: #b10707ed333;
  margin: 0px;
  font-size: 14px;
}
.umw21d {
  background-color: #b68902;
}
.kudo6q a {
  font-weight: 500;
}

/* ==== */

.lnda3c {
  list-style-type: none;
  display: flex;
}
.lnda3c li a {
  display: block;
  text-decoration: none;
  color: rgb(255, 255, 255);
  padding: 20px 20px;
  font-weight: 600;
  transition: 0.4s all;
}

.lnda3c li.qlsqud {
  position: relative;
}

.lnda3c li.qlsqud:hover .j443zf {
  visibility: visible;
  opacity: 1;
  transform: translateY(0px);
}

.lnda3c li.qlsqud .j443zf {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  transform: translateY(50px);
  left: 0;
  width: 180px;
  background-color: #fff;
  box-shadow: 0px 10px 10px 3px rgba(0, 0, 0, 0.3);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  z-index: 111;
  transition: 0.4s all;
}
.lnda3c li.qlsqud .j443zf a {
  padding-top: 6px;
  padding-bottom: 6px;
  font-weight: 400;
  color: #000;
}
.qlsqud .j443zf a:hover {
  padding-left: 30px;
  background-color: #b68902;
  color: #fff !important;
}
.lnda3c li a:hover {
  color: rgb(0, 0, 0);
}
.cbv861 a svg path{
  fill: #fff;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.kudo6q:hover .fth79b svg path{
  fill: #000;
}
/* ------mobile menu navbar------ */


/*====================================
          banner - start
====================================*/
#rf2gc9{
  position: relative;
}

.z2w3bc img {
  position: relative;
  height: auto;
  max-height: 100% !important;
}
.jphk9w {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.5);
} 
.sj61sf{
  position: absolute;
}
.rb8ba2 {
  position: absolute;
  display: block;
  top: 50%;
  width: 100%;
  line-height: 4rem;
  transform: translateY(-260%);
}

.rb8ba2 p{
  margin-bottom: 40px;
  color: #f7f7f7;
  text-align: left;
}
.rb8ba2 h1{
  margin-bottom: 30px;
  color: #fff !important;
}
.rb8ba2 h2 span{
  color: #5DADE2 ;
}

.svic6p {
  position: absolute;
  bottom: 5%;
  z-index: 9;
  right: 0%;
  transform: rotate(180deg);
}
.svic6p li{
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 500px;
  transform: rotate(180deg);
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  cursor: pointer;
}
.svic6p li.mf6a9t{
  background:#0eb3f3;
  width: 12px;
  height: 12px;
  margin-top: -1px;
}
.z2w3bc.mf6a9t
.rb8ba2 .bdsnfk{
  font-size: 18px;
  font-weight: 500;
  color: #259ed9;
}
.rb8ba2 h2{
  font-size: 37px;
  font-weight: bolder;
  color: #ffffff;
  line-height: 4rem;
}
.rb8ba2 .sqkpw5{
    color: #ffffff;
}
.rb8ba2 a{
  background:#cd46ffd1;
  border: none;
  padding: 15px 30px;
  margin-right: 10px;
  border-radius: 0px;
  color: #ffffff;
  transition: all 0.5s ease-in-out;
}
.rb8ba2 a:hover{
  background: #00000000;
  color: #dee0e0;
  border: 1px solid #ffffff;
}
#rf2gc9::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 35%;
  z-index: -1;
  background-color: #fff;
}
.uyqr3t{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.uyqr3t svg{
  width: 100%;
}

/*====================================
         banner - end
====================================*/
/*----Promo section----*/
#hn1nhd{
  position: relative;
  z-index: 1;
  background-image: url(../image/area-background.png);
  background-size: cover;
  background-color: #000000b9;
  background-repeat: no-repeat;
  height: 100%;
  background-color: var(--mainColor);
}
#hn1nhd:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 35%;
  z-index: -1;
  background-color: #fff;
}
#hn1nhd .wx6sxq{
  position: absolute;
  top: 47%;
  left: 15%;
  right: 15%;
}
.jzwmiv svg{
  padding: 20px;
  width: 100px;
  height: 100px;
}

.itleo9 {
  background-color: #f7f7f7;
  color: #000;
  padding: 18px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}

.itleo9 p{
  margin-bottom: 10px;
}

.itleo9:hover{
  background-color: #259ed9;
}
.itleo9:hover h4{
  color: #fff;
}
.itleo9:hover p{
  color: rgb(241, 241, 241);
}
.itleo9:hover .jzwmiv svg path{
  fill: #ffffff;
}
.riy8ha,
.rz1vmn{
  color: #fff;
}

.avx0b5 h4{
  color: #259ed9;
  font-weight: 600;
}

.jzwmiv svg path{
  fill: #259ed9;
}
.sjkczc {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -9;
  background-color: #00000087;
}
/*----Promo section end----*/

/*-----------under heading -------*/
.hjp1yv {
  text-align: center;
  color: #454343;
  font-size: 30px;
  font-weight: 700;
  position: relative;
  margin-bottom: 45px;
  text-transform: uppercase;
  z-index: 999;
}
.nyhb9m{
    color: #000;
}
.hjp1yv:after {
  content: ' ';
  position: absolute;
  top: 100%;
  left: 50%;
  height: 40px;
  width: 180px;
  border-radius: 4px;
  transform: translateX(-50%);
  background: url(../image/heading-line-white.png);
  background-repeat: no-repeat;
  background-position: center;
}
.nyhb9m:after {
  background: url(../image/heading-line-white.png);
  background-repeat: no-repeat;
  background-position: center;
}

.hjp1yv span {
  font-size: 18px;
  display: block;
  font-weight: 500;
}
.nyhb9m span {
  color: #000;
}

/*media*/
@media (max-width:574px){
  .qw6x4a .vke66g.zewy0c {padding: 0!important;}
}
/*===================================
              aabout us
======================================*/

.xa4267 h2 span{
  color: #ec0e0e;
}
.lmozlb{
  line-height: 1.5rem;
}
.lmozlb p{
  margin-bottom: 25px;
}
.lmozlb h5{
  font-weight: 700;
  font-size: 1.6rem;
}
.cuxu0a a{
  background-color: #007bff;
  padding: 12px 22px;
  color: #ffff;
}
.wu8og7 svg path{
  fill: #ec0e0e;
}
.cuxu0a {
  margin-top: 45px;
}
.mbdk0y {
  padding: 20px 20px;
  margin-bottom: 20px;
  margin-top: 20px;
  background-color: rgba(69, 90, 100, 0.08);
  border-left: 2px solid #419db8;
}
.mbdk0y p {
  font-size: 16px;
  color: #5a5a5a;
  font-style: italic;
}
.v63qqk ul {
  margin-bottom: 15px;
  margin-top: 25px;
}
.lmozlb .v63qqk ul li {
  text-align: center;
  padding-inline: 40px;
}
.lmozlb .v63qqk ul li .n1q0c9, .l7bm6b .v63qqk ul li .p54i22 {
  display: table-cell;
  vertical-align: top;
}
.lmozlb .v63qqk ul li .n1q0c9 i {
  color: #1cb9c8;
  font-size: 40px;
}
.l7bm6b .v63qqk ul li .n1q0c9, .l7bm6b .v63qqk ul li .p54i22 {
  display: table-cell;
  vertical-align: top;
}
.p54i22 {
  display: inline-grid;
}
.v63qqk ul{
  display: inline-flex;
}

/*=-------=*/
.hjp1yv .j5w9kx {
    margin: 10px 0 -2px;
}
/*button*/
.aq1pfb {
  display: grid;
  place-items: flex-start;
}

.aq1pfb a {
  text-decoration: none;
  font-size: 1rem;
  padding: 8px 2rem;
  border-radius: 4px;
  color: #fff;
  background-color: #ec0e0e;
  position: relative;
  overflow: hidden !important;
  z-index: 1;
  transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
}

.aq1pfb a::before {
  content: '';
  position: absolute;
  background-color: #000;
  width: 100%;
  height: 100%;
  top: 0;
  left: -1px;
  transform: translateX(-100%);
  transition: all 0.3s linear
}

.aq1pfb a:hover:before {
  transform: translateX(0%);
  z-index: -1
}

.aq1pfb a:hover {
  color: #fff;
  border: none;
}


/*=====================================
              about us -end
=======================================*/
/*======================================
              features
=========================================*/
.etdohz h4{
  margin-bottom: 0px;
  line-height: 2.5rem;
  color: #000;
}
.nwnpke{
  margin-bottom: 10px;
}
.etdohz{
  margin: 0px 10px 15px 10px;
}
.etdohz h6,
.etdohz p{
  text-align: center;
}

.n4b0th{
  padding: 30px;
  margin-bottom: 40px;
  transition: all ease-in-out .5s;
}
.n4b0th p{
  margin-bottom: 0px;
  text-align: center;
}
.n4b0th:hover{
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.n4b0th svg path{
  fill: #ec0e0e;
}

/*======================================
              features - end
=========================================*/

/*====================================
 counter - start
====================================*/

#hv8mna{
  background-image: url(../image/counter-image.png);
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  position: relative;
  z-index: -2;
  background-position: center;
  padding: 80px 0px 50px;
}
.e3czcb{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.6);
  z-index: -1;
}
.dk7loz {
  width: 70px;
  height: 55px;
  display: inline-block;
  padding: 10px;
}
.dk7loz svg path{
  fill: #ec0e0e;
}
.dk7loz i{
  color: #b89841;
  margin-top: 50%;
  transform: translateY(-50%);
  font-size: 40px;

}
.nmyn95 .dk7loz svg:not(:root).i3by7n {
  overflow: visible;
  color: #ec0e0e;
  font-size: 40px;
  }

.onc88b svg:not(:root).i3by7n {
  margin-right: 5px;
}

.f9dkva {
  color: #ffffff;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 0.01em;
  margin-bottom: 0px;

}
.qt8oae{
  color: #ffffff;
  font-size: 15px;
  font-weight: 500; 
}

.nmyn95 h3 span {
  font-size: 30px;
  font-weight: bold;
  font-style: normal;
}

#gk5gop ul li a svg:not(:root).i3by7n {
  overflow: visible;
  color: #fff;
}
/*====================================
 counter - end
====================================*/

/*====================================
 portfolio - start
====================================*/

.rfpvms .ykuid2{
   margin: 0px 10px 15px 10px;
}
.rbk529{
  border-radius: 10px;
  position: relative;
}
.gtcm74{
  margin-left: 50%;
  transform: translateX(-50%);
  background: #b89841;
  color: #ffffff;
}
.han78o{
  text-align: center;
  margin-top: 50%;
  transform: translateY(-50%);
}
.han78o h5{
  color: #ffffff;
  margin-bottom: 10px;
}
.han78o p{
  color: #ffffff;
}

.rbk529 {
  position: relative;
  overflow: hidden;
}

.rbk529 img {
  display: block;
  width: 100%;
  height: auto;
}

.q5y74m {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  background: rgba(64, 175, 255, 0.6);
  opacity: 0;
  transition: width 0.3s ease, height 0.3s ease, opacity 0.3s ease;
}

.rbk529:hover .q5y74m {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.q5y74m i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 32px;
  color: #fff;
}


.gtcm74:hover{
  color: #ffffff;
}
.q4hmuc li a{
  background: none !important;
  color: #3d4352;
  font-weight: 600;
}
.q4hmuc .fth79b.mf6a9t, 
.q4hmuc .ryn3mn>.fth79b {
  color: #099ec4;
  border: 1px solid;
}

/*====================================
 portfolio - end
====================================*/


/*-------demo vedio------*/

#t2sp7y{
  background-image: url(../image/demo-vedio.png);
  width: auto;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  position: relative;
  z-index: -2;
  background-position: center;
}
.tfh71o{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(35,159,194,0.8323704481792717) 0%,
   rgba(0,0,0,0.4990371148459384) 0%, rgba(0,0,0,0.6643032212885154) 0%,
    rgba(0,0,0,0.6110819327731092) 9%, rgba(0,0,0,0.5998774509803921) 18%,
   rgba(11,173,219,0.639093137254902) 100%);
}
.shvbfc h2{
  color: #fff;
}
.shvbfc p{
  color: rgb(221, 217, 217);
}

.shvbfc p{
  padding: 0px 100px;
}
a .r9b8i1 svg path{
  fill: #fff;
}
.jqga1x a.ejypqe:hover {
background: linear-gradient(0deg, rgba(107, 170, 187, 0.832) 0%,
 rgba(0,0,0,0.4990371148459384) 0%,
  rgba(82, 135, 148, 0.872) 1%,
   rgba(106, 143, 155, 0.69) 9%,
    rgba(121, 152, 168, 0.6) 21%,
 rgba(0,0,0,0.3337710084033614) 100%);
    color: #fff !important;
}
.jqga1x a.ejypqe{
 background: transparent;
 transition: all 0.5s ease-in-out; 
}

/*-------demo vedio end-----*/

/*_______Team section________*/
.ed1203 {
    background: #fff;
    border: 1px solid #e0dddd;
    transition: all 0.5s ease-in-out;
}
.m2zc7k{
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.d0fpqb {
  width: 40px;
  height: 40px;
  outline: 0 !important;
  cursor: pointer;
  font-size: 25px;
  border: none;
  margin-right: 10px;
  background: linear-gradient(145deg, #d6d6d6, #ffffff);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.pmsdcz{
  margin-top: 2.5rem!important;
}
.d0fpqb:hover {
  background: #f7f7f7;
}

.d0fpqb svg path{
  fill: #ec0e0e;
}

.pmsdcz:hover{
  background: linear-gradient(145deg,#ffffff, #d6d6d6);
}
.d0fpqb:active {
  border-radius: 50%;
  background: linear-gradient(145deg, #d6d6d6, #ffffff);
  box-shadow: inset 20px 20px 60px #cacaca, inset -20px -20px 60px #ffffff
}

.m2zc7k:hover{
  transform: translateY(-10px);
}


/* ---- */
.klqk3d img,
.klqk3d:after,
.klqk3d:before {
    width: 100%;
    transition: all .3s ease 0s
}

.klqk3d .n1q0c9,
.x1ngtt,
.zt6c7s,
.brw81b,
.bv36mg .n1q0c9 li a {
    text-align: center
}

.hqqg55:after,
.hqqg55:before,
.klqk3d:after,
.klqk3d:before,
.x1ngtt .y8pvxz:after,
.zt6c7s:after,
.zt6c7s:before,
.brw81b:before,
.bv36mg:after,
.bv36mg:before,
.nip19m:after,
.xtu84q:after,
.xtu84q:before {
    content: ""
}

.klqk3d,
.evv2fm,
.j0jktp,
.ji67t6,
.gphde4,
.nrqlev,
.r6wu0g,
.pnbzhy,
.x1ngtt,
.nc3ojb,
.utcloa,
.zt6c7s,
.brw81b,
.bv36mg,
.bv36mg .n1q0c9 li a,
.nip19m,
.xtu84q,
.pe9y39 {
    overflow: hidden
}

.klqk3d .zidunh,
.hqqg55 .zidunh,
.brw81b .zidunh,
.xtu84q .zidunh {
    letter-spacing: 1px
}

.zt6c7s .asfy99,
.brw81b .asfy99,
.bv36mg .asfy99,
.xtu84q .asfy99 {
    font-style: italic
}

.af6jw9 {
    margin-top: 30px
}

.b7c4at {
    margin-top: 40px
}

.f4sg38 {
    margin-bottom: 30px
}

.klqk3d .n1q0c9,
.klqk3d .zidunh {
    margin: 0;
    position: absolute
}

.klqk3d {
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    position: relative
}

.klqk3d:after,
.klqk3d:before {
    height: 50%;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transform-origin: 100% 0;
    transform: rotateZ(90deg)
}

.klqk3d:after {
    top: auto;
    bottom: 0;
    transform-origin: 0 100%
}

.klqk3d:hover:after,
.klqk3d:hover:before {
    transform: rotateZ(0)
}

.klqk3d img {
    height: auto;
    transform: scale(1) rotate(0)
}

.klqk3d:hover img {
    filter: sepia(80%);
    transform: scale(1.3) rotate(10deg)
}

.klqk3d .zidunh {
    font-size: 19px;
    font-weight: 600;
    color: #fff;
    line-height: 2rem;
    text-shadow: 0 0 1px #004cbf;
    bottom: 15px;
    left: 30px;
    opacity: 0;
    z-index: 2;
    transform: scale(0);
    transition: all .5s ease .2s
}

.klqk3d:hover .zidunh {
    opacity: 1;
    transform: scale(1)
}

.klqk3d .n1q0c9 {
  padding: 7px 5px;
  list-style: none;
  background: #fffffff6;
  border-radius: 0 0 0 10px;
  top: -100%;
  right: 0;
  z-index: 2;
  transition: all .3s ease .2s;
  -webkit-transition: all .3s ease .2s;
  -moz-transition: all .3s ease .2s;
  -ms-transition: all .3s ease .2s;
  -o-transition: all .3s ease .2s;
}

.klqk3d:hover .n1q0c9 {
  top: 0
}

.klqk3d .n1q0c9 li {
  display: block;
  margin: 10px 0
}

.klqk3d .n1q0c9 li a {
  display: block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 10px;
  font-size: 18px;
  color: #fff;
  transition: all .3s ease 0s
}

.x1ngtt .n1q0c9 li a,
.zt6c7s .n1q0c9 a:hover,
.brw81b .n1q0c9 li a:hover,
.bv36mg .n1q0c9 li a,
.nip19m .n1q0c9 li a {
    border-radius: 50%
}

.klqk3d .n1q0c9 li a:hover {
    padding: 5px;
}

/*_______Team section end________*/

/* _________Team details_________ */

.otr10a {
  padding: 3rem !important
}

.riy911 {
  overflow: hidden
}

.o7gd6h {
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);
  box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);
  border: none;
  margin-bottom: 30px
}

.peie1g {
  margin-right: 0px
}

.ca13ic {
  margin-left: 0px
}

.riy911 .gzmmft {
  border-radius: 5px 0 0 5px
}

.s03gfk {
  background: -webkit-gradient(linear, left top, right top, from(#f29263), to(#ee5a6f));
  background: linear-gradient(to right, #ee5a6f, #f29263)
}

.gzmmft {
  padding: 20px 0
}

.tcgl7p {
  padding: 1.25rem
}

.fzog1z {
  margin-bottom: 25px
}

.rp5t75 {
  border-radius: 5px
}

h6 {
  font-size: 14px
}

.o7gd6h .tcgl7p p {
  line-height: 25px
}

@media only screen and (min-width: 1400px) {
  p {
      font-size: 14px
  }
}

.tcgl7p {
  padding: 1.25rem
}


.riy911 .d0fpqb li {
  display: inline-block
}

.riy911 .d0fpqb li a {
  font-size: 20px;
  margin: 0 10px 0 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

/*-------Pricing Secction--------*/

.skob1q {
    color: #fff
}

.i4trme {
  width: 5rem;
  height: 6px;
  border-radius: 1rem;
  background-color: #ec0e0e;
}

.qfcf7p {
    letter-spacing: 0.2em
}

.xtix6o .pr84y2 a{
  background-color: #ec0e0e;
}
.xtix6o .pr84y2:hover a{
  background-color: rgb(232 232 232 / 67%);
  color: rgb(0 0 0);
  border: 1px solid rgb(1 165 253 / 87%);
}

.mcjt79{
  border: 1px solid #e6dede;
}
.xtix6o{
  border: 2px solid #ec0e0e;
}

.vv2niu .pr84y2 a,
.dxjzwj .pr84y2 a {
  background-color: rgb(232 232 232 / 67%);
  color: rgb(0 0 0);
  border: 1px solid rgb(1 165 253 / 87%);
}
/*-------Pricing section end------*/

/*-------- Pratner SEction --------*/
#fxp4pa{
  padding: 80px 0px; 
}
.yffedf .owl-item img {
  display: block;
  width: 70%;
}
.yffedf .o4posg{
  display: flex;
  justify-content: center;
  padding: 0px 0px;
  filter: grayscale(100%);
  opacity: 0.4;
}
.yffedf .owl-nav .owl-prev{
  position: absolute;
  left: -5%;
  top: 20px;
  width: 40px;
  height: 40px;
  border: 1px solid  #ec0e0e !important;
  transition: all 0.5s ease-in-out;
}
.yffedf .owl-nav .owl-prev:hover{
  background:  #ec0e0e !important;
  cursor: pointer;
}
.yffedf .owl-nav .owl-prev span{
  color:  #ec0e0e !important;
  font-size: 32px;
  transition: all 0.5s ease-in-out;
}
.yffedf .owl-nav .owl-prev:hover span{
  color: #fff !important;
}
.yffedf .owl-nav .owl-next{
  position: absolute;
  right: -5%;
  top: 20px;
  width: 40px;
  height: 40px;
  border: 1px solid  #ec0e0e !important;
  transition: all 0.5s ease-in-out;
}
.yffedf .owl-nav .owl-next:hover{
  background: #ec0e0e !important;
  cursor: pointer;
}
.yffedf .owl-nav .owl-next span{
  color:  #ec0e0e !important;
  font-size: 32px;
  transition: all 0.5s ease-in-out;
}
.yffedf .owl-nav .owl-next:hover span{
  color:  #ffff !important;
}
.owl-theme .owl-dots, .owl-theme .owl-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  display: none;
}

/*--------Pratner section end -------*/

/*--------BLog section-------*/

.empgt6 .g0pnre {
  width: 100%;
  height: auto;
  margin: 0 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.g0pnre img {
  width: 100%;
  border-radius: 5px;
  transition: all 0.4s ease;
  z-index: 0;
}
.w54cl8 img{
  position: relative;
}

.yglsr8 {
  width: 100%;
  background: #fff;
  top: 80%;
  border-radius: 5px;
  padding: 20px 0px;
  transition: all 0.4s ease;
  z-index: 1;
}

.ndkqs7 {
  padding: 0px 14px 7px;
  text-align: center;
  position: absolute;
  top: 0%;
  right: 5%;
  color: #fff;
}

.ndkqs7 h5{
  margin-bottom: 0px;
  color: #fff;
}

.ndkqs7 {
  background-color: #009EFF;
  border-radius: 3px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.yglsr8 h4 a {
  color: #000000;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.yglsr8:hover h4 a{
  color: #009EFF;
}
.ndkqs7{
  opacity: 0;
  height: 0px;
  transition: height 1s;
  -webkit-transition: height 1s;
  -moz-transition: height 1s;
  -ms-transition: height 1s;
  -o-transition: height 1s;
}
.g0pnre:hover .ndkqs7 {
  opacity: 1;
  height: 70px;
}
.k6e76f img{
  width: 50px!important;
  height: 50px;
  position: relative;
  margin-bottom: 10px;
}
.gt3o3b i{
  color: #000;
}
.k6e76f h6{
  color: #000;
  line-height: 0rem;
  margin-bottom: 0.5rem;
}

.yglsr8 .zoamqp {
  border-top: 1px solid #e7e7e7;
  float: left;
  padding-top: 15px;
  width: 100%;
  margin-bottom: -5px;
}
.yglsr8 .zoamqp li {
  color: #666666;
  float: left;
  font-weight: 200;
  letter-spacing: 1px;
}
.yglsr8 h4{
  margin-bottom: .5rem;
}
.zoamqp a {
  color: #ffffff;
  float: right;
  font-weight: 600;
  background-color: #ec0e0e;
  border: 1px solid #ec0e0e;
  padding: 4px 10px;
  border-radius: 4px;
  transition: all 0.4s ease-in-out;
}
.zoamqp a:hover {
  color: #7A7979;
  background-color: #fff;
}
.pr84y2:hover a{
  background-color: #ec0e0e;
  color: #fff;
}
/*--------Blog SEction end--------*/

/* ---------- */
/*---blog details---*/
.f1v7hv ul li i{
  padding-top: 5px;

}
.f1v7hv ul .ncrkpw{
  padding-left: 10px;
}
.f1v7hv{
  border: 1px solid #a1a1a145;
  margin-top: 30px;
  padding: 30px;
}
.f1v7hv ul{
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.f1v7hv ul:hover {
  margin-left: 5px;
}
.canoaw{
  padding-left: 15px;
}
.gkm470{
  background-color: #349bfcda ;
  color: #fff;
  padding: 15px;
  font-size: 16px;
  font-style: italic;
}
.jjpxhv h5 a{
  color:#48453d;
  line-height: 1.5;
  font-size: 18px;
  font-weight: 500;
}
.jjpxhv h5{
  line-height: 24px;
}
.hd48br{
  opacity: 0;
}
.u3rs4g {
  background-color: #b9bff7a1;
}
.gnnrtr span {
  padding: 10px 12px;
  font-size: 22px;
  background-color: #b68902;
  color: #fff;
  border-radius: 4px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.ksi9q6 {
  border: 1px solid #f1f1f1;
  color: #48453d;
  margin-top: 30px;
  overflow: hidden;
}


/* ------footer section ----------- */
.st548t ul {
    margin: 0px;
    padding: 0px;
}
.zfb4ks svg path{
  fill: #ec0e0e;
}
.vobku9 {
  background: #151414;
  position: relative;
}
.ravhma {
  border-bottom: 1px solid #373636;
}
.zfb4ks i {
  color: #ff5e14;
  font-size: 30px;
  float: left;
  margin-top: 8px;
}
.yjvjqm {
  padding-left: 15px;
  display: inline-block;
}
.yjvjqm h4 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 2px;
}
.yjvjqm span {
  color: #757575;
  font-size: 15px;
}
.wcx0ha {
  position: relative;
  z-index: 2;
}
.ykz1zh img {
  position: absolute;
  top: 0;
  left: 0;
  height: 330px;
  background-size: cover;
  background-position: 100% 100%;
}
.n6cc99 {
  margin-bottom: 30px;
}
.n6cc99 img {
    max-width: 130px;
}
.bi2alh p {
  margin-bottom: 14px;
  font-size: 14px;
      color: #7e7e7e;
  line-height: 28px;
}
.yxxwsz span {
  color: #fff;
  display: block;
  font-size: 20px;
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 20px;
}
.yxxwsz a {
  color: #fff;
  font-size: 16px;
  margin-right: 15px;
}
.yxxwsz i {
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 38px;
  border-radius: 50%;
}
.lyfvbq{
  background: #3B5998;
}
.oqe2hi{
  background: #55ACEE;
}
.v46ekt{
  background: #DD4B39;
}
.joirid h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 40px;
  position: relative;
}
.joirid h3::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -15px;
  height: 2px;
  width: 50px;
  background: #55ACEE;
}
.st548t ul li {
  display: inline-block;
  float: left;
  width: 50%;
  margin-bottom: 12px;
}
.st548t ul li a:hover{
  color: #55ACEE;
}
.st548t ul li a {
  color: #878787;
  text-transform: capitalize;
}
.zd4e8k {
  position: relative;
  overflow: hidden;
}
.zd4e8k input {
  width: 100%;
  padding: 14px 28px;
  background: #2E2E2E;
  border: 1px solid #2E2E2E;
  color: #fff;
}
.zd4e8k button {
  position: absolute;
  right: 0;
  background: #55ACEE;
  padding: 13px 20px;
  border: 1px solid #55ACEE;
  top: 0;
}
.zd4e8k button:focus{
  outline: none;
}
.zd4e8k button i {
  color: #fff;
  font-size: 22px;
  transform: rotate(-6deg);
}
.grie5j{
  background: #202020;
  padding: 25px 0;
}
.ggew57 p {
  margin: 0;
  font-size: 14px;
  color: #878787;
}
.ggew57 p a{
  color: #55ACEE;
}
.a0cobb li {
  display: inline-block;
  margin-left: 20px;
}
.a0cobb li:hover a{
  color: #55ACEE;
}
.a0cobb li a {
  font-size: 14px;
  color: #878787;
}
.ravhma{
  padding: 80px 0px 18px;
}
/* ---- */
footer .du7qha {
  position: fixed;
  width: 50px;
  height: 50px;
  right: 25px;
  bottom: 6px;
  background-color: #108bec;
  border-radius: 50px;
  padding: 10px 10px;
  z-index: 999;
  border: 1px solid #ffffff;
}
footer .du7qha svg path {
  fill: #fff;

}

/* ---------footer section end -------- */

/*----------page breadcrumb---------*/

#q2xddj {
  position: relative;
  background-image: url(../image/breadcrumb-image.png);
  z-index: 1;
  background-size: cover;
  background-position: center;
  padding: 60px 0px;
}
.n3o8sm {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(82deg, rgba(14,175,236,1) 0%, rgba(14,175,236,1) 0%, rgb(22 161 214 / 95%) 31%, rgb(14 175 236 / 70%) 43%, rgb(14 175 236 / 37%) 53%, rgb(14 40 49 / 60%) 61%, rgb(6 19 25 / 48%) 72%, rgb(15 58 74 / 44%) 83%, rgb(0 0 0 / 29%) 90%);
  z-index: 0;
}
.d3p6pp {
  color: #ffffff;
  position: relative;
  text-transform: capitalize;
  text-align: center;
  padding-top: 40px;
}
.d9rper{
  color: #ffffff;
  position: absolute;
  top: 62%;
  left: 28%;
  transform: translate(-50%, -50%);
  text-transform: capitalize;
  text-align: center;
  padding-top: 40px;
}
.d3p6pp ul li svg {
  height: 20px;
  padding: 8px 0px 0px 0px;
  width: 25px;
}
.d9rper ul li svg{
  height: 20px;
  padding: 8px 0px 0px 0px;
  width: 25px;
}
.d3p6pp h3 {
  text-align: left;
  font-size: 34px;
  font-weight: bold;
  text-transform: capitalize;
  color: #ffffff;
  margin-bottom: 15px;
}
.d3p6pp .ilp0vv {
  background-color: transparent;
  border-style: none;
  border-radius: 0px;
  padding: 0;
}
.ilp0vv>li {
  display: inline-block;
}
.ilp0vv .bicfhr a{
  color: #c3ebff; 
}
.ilp0vv li svg path{
  fill: #f7f7f7;
}

#v2kcln{
  background-color:white;
}
.ny1k8z h5{
  color: #3b18c6;
}
/*----------page breadcrumb end-------*/

/*--------about details --------*/
/* new platform */
.kpkenf small{
  color: #000 ;
}
.pykyw4 {
  color: #fff
}
.fes42k .i4inyn {
  width: 100%!important;
  height: 100%;
  min-height: 0px;
  float: none;
}
.ampd42{
  font-size: 16px!important;
  margin-bottom: 30px;
}
.nw052s {
  background-color: #fff;
  padding: 25px;
  border-radius: 5px;
  max-width: 630px;
}
.zgm7g9{
  font-size: 20px;
  font-weight: 500;
  color: #000;
}
.nw052s .u6w5h8{
  width: 100%;
  height: 100%;
  padding-bottom: 0px;
}
.v7t7t1 {
  border-radius: 3px;
  padding: 8px 15px;
  height: 40px;
  width: 106px;
  background-color: #ec0e0e;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.v7t7t1 a{
  color: #fff;
}
.v7t7t1:hover {
  background-color: #243c4f!important;
}

.l7bm6b .n7vxf7 li .n1q0c9, .l7bm6b .n7vxf7 li .p54i22 {
    display: table-cell;
    vertical-align: top;
}
.ipp8ve {
    display: inline-flex;
    padding: 20px 25px 0px 0px;
}
.cldcwn svg path{
  fill: #ffffff;
}
.ipp8ve svg path{
  fill: rgb(41, 160, 240);
}
.cldcwn{
  background-color: #ec0e0e;
}
/* start testimonails */
/*testimonial*/
.fhd4sh {
  background: url(../Image/testimonials-background.png) no-repeat;
  padding: 80px 0;
  background-size: cover;
  background-position: center;
  background-attachment: fixed; 
  position: relative;
}
.lz5dms {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.6530987394957983) 0%, rgba(11,45,57,0.7539390756302521) 21%, rgba(42,173,217,0.5690651260504201) 97%);
  z-index: 0;
}
.fhd4sh p {
  color: rgb(255, 255, 255);
  font-weight: 500;
  font-size: 16px;
}
.fhd4sh .hjp1yv h2 {
  color: #000;}
.ks1i2u {
  padding: 20px;
  background: #fff;
  position: relative;
  transform: scale(0.8); 
  padding-top: 100px;
  margin-top: 100px; 
  transition: all 0.3s linear; 
  border-radius: 4px;
}
.qw6x4a .i4inyn.qy6wix.dsrbw9.h6a1fl .ks1i2u {
  transform: scale(1);
}
.qyo87f {
  position: absolute;
  width: 150px; 
  max-height: 150px; 
  border-radius: 200px;
  overflow: hidden;
  border: 5px solid #fff;
  top: -75px;
  left: 0;
  right: 0;
  margin: auto; 
  box-shadow: 0 4px 10px rgba(0,0,0,0.1); 
  background: #fff;
}
.r8is6o h4 {
  font-size: 25px;
  letter-spacing: 0.5px;
}
.r8is6o {
  text-align: center;
}
.r8is6o blockquote i {
  color: #ffbe00;
  font-size: 22px;
  padding: 0 5px;
}
.r8is6o blockquote {
  line-height: 30px;
  color: #676767;
  margin: 15px 0;
}
ul.sain7y li button {
  font-size: 0;
  height: 14px;
  width: 14px;
  padding: 0;
  border-radius: 100px;
  border: 0;
  background: #01a3e4;
  border: 2px solid #fff; 
  transition: all 0.3s ease;
}
ul.sain7y li {
  display: inline-block;
  margin: 0 3px;
}
ul.sain7y {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}
ul.sain7y li.dsrbw9 button {
  width: 30px;
}
.ef4bbg:after {
  content: "\f053";
  font-family: 'FontAwesome';
}
.ef4bbg {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 40px;
  width: 40px;
  font-size: 0;
  margin: auto;
  border: 0;
  background: rgba(255,255,255,0.5); 
  z-index: 1;
  cursor: pointer;
}
.dhzmyd.ef4bbg{
  left:inherit ; 
}
.dhzmyd.ef4bbg:after{
  content:"\f054";
}
.qw6x4a .vke66g.zewy0c {
  padding: 0 20px !important;
}
/*end*/

/* endtestimonails */


/* ------service details---- */
.ko45jx{
  position: sticky;
  position: -webkit-sticky;
}
.byl6mz {
  background: #f2f2f2;
  padding: 20px 15px;
}
 .gypmnr {
  padding: 30px 0px 30px;
}
.qgr9uj {
  background: #fff;
  padding: 15px 0px 15px;
  display: table;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.byl6mz {
  background: #f2f2f2;
  padding: 20px 15px;
}

.ail4hh {
  border-top: 1px solid #c8c8c8;
}
.nljipp{
  margin-bottom: 45px;
}
ul.aibv5z li {
  margin-bottom: 15px;
  margin-left: 10px;
}
ul.aibv5z li:before {
  content: '';
  height: 5px;
  width: 5px;
  margin-left: -10px;
  background: #5b5b5b;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.ec0qvk {
  padding-left: 15px; 
}
.qgr9uj .rzszby {
  width: 150px;
}
.j9e06w{
  padding: 30px 0px 30px;
}
.j9e06w p{
  margin-bottom: 10px;
}
.byl6mz .mjk6jz {
  color: #5b5b5b;
  display: inline-block;
  margin-right: 20px;
}
.byl6mz {
  background: #f2f2f2;
  padding: 20px 15px;
}
.byl6mz .a5g0at {
  height: 32px;
  width: 32px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #73AE20;
  color: #fff;
  display: inline-block;
  float: left;
  line-height: 32px;
  font-size: 18px;
  text-align: center;
}
.b2amyq{
  border: 1px solid;
  padding: 20px;
}
.nljipp{
  margin-bottom: 65px;
}
.ulwawg p{
  font-size: 50px;
  padding: 20px;
  font-weight: 500;
  font-style: italic;
}
.oocb8j span {
  font-size: 14px;
  margin-top: -5px;
}
p.lv1fnw span {
  float: right;
}
.v2rbp1 p {
  margin-bottom: 15px;
}
.v2rbp1 p a{
  padding: 5px;
  border-radius: 6px;
  background-color: rgb(0 131 171);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}
.qbm9fu a{
  display: inline-block;
  padding: 2px 8px 2px 8px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.h1awmv h3{
  margin-bottom: 20px;
}
.zl0a2j{
  margin-bottom: 10px;
}
/*-----side content----*/
.ibhp7s .pry0xh {
  border-bottom: 1px solid #d5d5d5;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
/* get started for free */
.tmbpgd {
  background: url(../Image/get-strated-free-bg.png) no-repeat center center;
  background-size: cover;
  padding: 100px 0 100px;
  position: relative;
}
.web7k3{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
180deg
, rgba(0,0,0,0.6530987394957983) 0%, rgba(11,45,57,0.7539390756302521) 21%, rgb(48 52 53 / 57%) 97%);
    z-index: 0;
  }

.tmbpgd .qenl0c {
  font-size: 45px;
  line-height: 1.2;
  letter-spacing: -1px;
  font-weight: 700;
  margin: 0 0 20px;
}
.tmbpgd .q0dc31 a {
  padding: 21px 28px 19px;
}

.uezzm3.ojfdaq {
  background: #ffffff;
  border-color: #ffffff;
  color: #0d1e50;
}
.uezzm3 {
  background: #f84e77;
  color: #ffffff;
  padding: 12px 28px 11px;
  display: inline-block;
  font-weight: 500;
  line-height: 1;
  border: 2px solid #f84e77;
  transition: all 0.5s ease 0s;
}
.uezzm3.ojfdaq:hover {
  color: #ffffff;
  border-color: #2cbbf3;
  background: #13c2f7c7;
}
/* get started free end */
.sfhv4l .zidunh {
  margin-bottom: 9px;
  font-size: 24px;
}
.n1naa7 .zidunh a{
  color: rgb(11, 141, 248);
}
.n1naa7{
  padding: 20px;
}
.al1r57 a{
  color: rgb(255, 255, 255);
  background-color: #01a3e4;
  padding: 10px;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
.co0zzm .al1r57 a:hover{
  color: rgb(12, 12, 12);
  letter-spacing: 1px;
}
.vjuqz9{
  margin-bottom: 25px;
  margin-right: 40px;
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;

}
.atdpn7{
  padding-top: 1.5rem;
  padding-right: 25px;
}
.atdpn7 svg path{
  fill: #2183ec;
}

.lohg3j {
  position: relative;
}
.co0zzm {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.5);
  opacity: 0;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.sfhv4l:hover .co0zzm{
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(92, 203, 255, 0.5);
  opacity: 1;
}

.al1r57 {
  position: absolute;
  top: 50%;
  right: 0;
  left: 50%;
  bottom: 0%;
  transform: translate(-50%, -50%);
  content: "";
}
/*  */
/*button*/
.x3ryrg {
  display: flex;
  place-items: center;
  align-items: center;
  justify-content: center;
}

.x3ryrg a {
  text-decoration: none;
  font-size: 1rem;
  padding: 8px 1rem;
  border-radius: 3px;
  color: #fff;
  background-color: #ec0e0e;
  position: relative;
  overflow: hidden !important;
  z-index: 1;
  transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}

.x3ryrg a::before {
  content: '';
  position: absolute;
  background-color: rgba(250, 248, 248, 0.616);
  color: rgb(0, 0, 0);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: translateX(-100%);
  transition: all 0.3s linear
}

.x3ryrg a:hover:before {
  transform: translateX(0%);
  z-index: -1
}

.x3ryrg a:hover {
  color: rgb(0 0 0);
  border-radius: 3px;
  background-color: #f7f7f76b;
}

/* -----Contact us ------ */
.ml8mb3 {
  border-radius: 20px;
  padding: 30px;
  position: relative;
  box-shadow: rgb(50 50 93 / 25%) 0px 50px 100px -20px, rgb(0 0 0 / 30%) 0px 30px 60px -30px;
  background-color: #b68902;
  border: 5px solid #fff;
}

.ci43zn {
    border-radius: 20px;
    padding: 20px;
    background-color: #fff;
    box-shadow: rgb(17 17 26 / 10%) 0px 1px 0px, rgb(17 17 26 / 10%) 0px 8px 24px, rgb(17 17 26 / 10%) 0px 16px 48px;
    color: #fff;
}

.mfl4fr h4{
  font-size: 30px;
  letter-spacing: 1px;
  color: #db5700;
  margin-top: 10px;
  font-weight: 700;
}

.fhiu5y {
  font-size: 19px;
  letter-spacing: 2px;
  margin-bottom: 30px;
  color: #fff;
}

input {
  background-color: transparent;
  outline: none;
  border: none;
  resize: none;
  border-bottom: 2px solid #fff;
  margin-bottom: 30px;
  width: 100%;
  min-height: 30px;
}

textarea {
  background-color: transparent;
  outline: none;
  border: none;
  resize: none;
  border-bottom: 2px solid #fff;
  margin-bottom: 20px;
  width: 100%;
}

.ikye66 {
  font-size: 16px;
  color: #fff;
}

.vtpch8{
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  background: linear-gradient(180deg, #db5700 0%, #6dd5ed 100%);
  border: 0.5px solid rgba(255, 255, 255, 0.8);
  border-width: 0.5px 0.5px 0.5px 0.5px;
  padding: 10px 30px;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px,
  rgba(17, 17, 26, 0.05) 0px 8px 32px;
  color: #fff;
  font-size: 16px;
}

.unqdn1{
  background-color: transparent;
}

.vtpch8:hover {
  box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset,
    rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
}

.onc88b {
  padding: 30px 20px 0;
}

.b1fjs0 {
  font-size: 20px;
  padding: 20px 30px;
  margin-bottom: 30px;
  border: 1px solid #fff;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;
  background-color: #b68902;
}

.b1fjs0 i {
  padding-right: 20px;
  color: #5d26c1;
}



.od4l98 .mjhsfg ul{
  padding-top: 20px;
}

.od4l98 .mjhsfg h4{
  font-size: 24px;
}

.qbh8gw form input{
  margin-bottom: 0px;
}
.qbh8gw form textarea{
  margin-bottom: 10px;
}

@media only screen and (max-width: 950px) {

  .onc88b {
    padding: 30px 0 0 0;
  }

  .b1fjs0 {
    padding: 20px 10px;
    margin-bottom: 50px;
    font-size: 18px;
  }

  .b1fjs0 i {
    padding-right: 10px;
    font-size: 16px;
  }
}

/* ------Contact us end------ */

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

 ========index page - start

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

.olihtq{
  background: #f26522;
  color: #fff !important;
}
.fhyvsn span img {
    height: auto;
    max-width: 50%;
}
.o7c8og{
  background-color: #eeeeeea6;
  padding: 30px;
}
.o7c8og .title-text{
  font-size: 18px;
  margin-top: 16px;
}
#sw6cjf .xa4267::before{
  content: '';
  position: absolute;
  width: 80px;
  height: 2px;
  background-color: #f26522;
}
.fhyvsn a img{
  position: relative;
}
.tei0av{
  position: absolute;
  top: 0;
  left: 15px;
  right: 15px;
  bottom: 0;
  background-color: rgba(75,199,249,0.5);
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.tei0av:hover{
  background-color: rgba(75,199,249,0.8);
  cursor: pointer;
}
.tei0av .title-text{
  color: #fff !important;
  align-items: center;
  font-size: 20px;
  transform: translateY(231px);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
} 
.tei0av:hover .title-text{
  font-size: 26px;
  font-weight: 700;
}
.fdza0l{
   transform: translateY(500px);
}
.sz02sq{
  color: #fff;
  background: none !important;
}
.d69yz0{
  height: 60vh;
}
.ja372p p{
  color: #fff;
  margin-bottom: 30px;
}
.igywew{
  background-color: #ffffff;
  padding: 10px 15px;
  display: inline-block;
  border-radius: 50px;
}
.igywew a{
  color: #b68902;
}
.igywew a i{
  margin-left: 5px;
  color: #b68902;
}
#sw3s8a{
  background-color: #b68902;
}
.zkxywk {
  background: #ffffff;
  border-bottom: 1px solid #b68902;
}

.hnuedu{
  padding-top: 130px;
}
.eawwgb{
  border-bottom: 1px solid #f1f1f11c;
}
.xslikp .fhyvsn img{
  width: 350px;
  height: auto;
}

.iwimui {
    background-image: url(../image/re_banner5.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-position: center;
}
.iwimui {
    background-color: #b68902;
}
.vrqrse h2 {
    color: #ffffff;
    font-size: 48px;
    margin-bottom: 30px;
}
.vrqrse h6 {
    font-size: 41px;
    font-weight: 700;
    line-height: 48px;
    color: #efefef;
}
.eawwgb .su1kew{
  justify-content: center;
}
.eawwgb .suia1x .kudo6q .fth79b{
  padding: 10px 10px;
  color: #b68902;
}
.xkkldz{
   padding: 20px 0px;
}

/*新增加的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 434 migration utility pages */
.mi7q9q{display:block;margin-left:18px;white-space:nowrap;font-size:0;text-align:right;float:right}
.mi7q9q a{display:inline-block;min-width:70px;height:38px;line-height:38px;margin:0 0 0 8px;padding:0 16px;background:#1ea48f;color:#fff!important;font-size:14px;font-weight:700;text-align:center;text-decoration:none;vertical-align:top;border:1px solid #1ea48f;white-space:nowrap}
.mi7q9q a+a{background:#f26522;border-color:#f26522}
#s499th:after{content:'';display:block;clear:both}
#s499th .lnda3c{float:left;margin-bottom:0}
.r9iic8{font-size:38px;line-height:48px;margin:0 0 12px;color:#fff}
.pw2sob .d3p6pp h1{color:#fff}
.cncedr{padding:82px 0;position:relative}
.cncedr h2{font-size:36px;line-height:46px;margin:0 0 18px;color:#151515;font-weight:700}
.cncedr h3{font-size:21px;line-height:30px;margin:0 0 10px;color:#151515;font-weight:700}
.cncedr p,.cncedr li{color:#4c4c4c;font-size:15px;line-height:28px}
.h6bqqf{background:#f7f7f7}
.bxms42{background:#fff}
.e7dqb7,.xkrf0v span{display:block;margin-bottom:12px;color:#1ea48f;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.x28tdi,.psc7q2{background:#fff;padding:18px;border:1px solid #ececec;box-shadow:0 12px 30px rgba(0,0,0,.08)}
.x28tdi img,.psc7q2 img{display:block;width:100%;height:auto;max-height:360px;object-fit:cover}
.psc7q2{max-width:430px;margin:0 auto}
.fz87i4{height:100%;min-height:230px;margin-bottom:30px;padding:32px 24px;background:#fff;border:1px solid #ececec;box-shadow:0 8px 22px rgba(0,0,0,.05);transition:all .25s ease-in-out}
.fz87i4:hover{border-color:#1ea48f;box-shadow:0 12px 28px rgba(0,0,0,.08)}
.fz87i4 i{display:block;width:54px;height:54px;line-height:54px;margin-bottom:18px;background:#f26522;color:#fff;font-size:24px;text-align:center;border-radius:50%}
.fz87i4 p{margin-bottom:0}
.xkrf0v{text-align:center;max-width:760px;margin:0 auto 42px}
.xkrf0v p{margin-bottom:0}
.skokr8{font-size:0;margin-top:28px}
.skokr8 a,.zaukaw{display:inline-block;height:48px;line-height:48px;margin:0 12px 12px 0;padding:0 24px;background:#1ea48f;color:#fff!important;font-size:14px;font-weight:700;text-align:center;text-decoration:none;vertical-align:top;white-space:nowrap;border:0;cursor:pointer}
.fl17bq{background:#151515!important}
.mqel04{background:#151515;padding:38px 40px;color:#fff}
.mqel04 h2,.mqel04 li{color:#fff}
.mqel04 ol{margin:18px 0 0;padding-left:20px}
.mqel04 li{margin-bottom:11px}
.k2wxdx{font-size:0;margin-left:-12px;margin-right:-12px}
.k2wxdx div{display:inline-block;width:33.333%;padding:0 12px 20px;vertical-align:top;font-size:15px}
.k2wxdx div h3{padding-top:22px;border-top:3px solid #1ea48f}
.euf86r{background:#151515}
.euf86r h3,.euf86r p{color:#fff}
.bqo2p6{height:100%;margin-bottom:30px;padding:34px 30px;background:#fff;border:1px solid #ececec;box-shadow:0 8px 20px rgba(0,0,0,.05)}
.euf86r .bqo2p6{background:#202020;border-color:#303030;box-shadow:none}
.bqo2p6 b{display:block;margin-bottom:16px;color:#f26522;font-size:34px;line-height:34px}
.rvz27c{text-align:center;background:#151515}
.rvz27c h2,.rvz27c p{color:#fff}
.rvz27c .container{max-width:860px}
.nmsxfd{background:#fff}
.ahttos{font-size:0;margin-top:26px}
.ahttos div{display:inline-block;width:31.333%;margin-right:2%;padding:18px 14px;background:#f7f7f7;border-left:3px solid #1ea48f;vertical-align:top;font-size:14px}
.ahttos b{display:block;color:#f26522;font-size:22px;line-height:26px}
.ahttos span{display:block;color:#222;font-weight:700}
.e1xg8u{background:#fff;padding:40px 36px;border:1px solid #e4e4e4;box-shadow:0 14px 34px rgba(0,0,0,.09);color:#151515}
.e1xg8u h2{font-size:30px;line-height:38px;color:#151515;margin-bottom:10px}
.e1xg8u p{color:#555;margin-bottom:22px}
.e1xg8u input{display:block;width:100%;height:52px;line-height:52px;margin-bottom:14px;padding:0 16px;border:1px solid #ddd;background:#fff;color:#222;font-size:15px;box-sizing:border-box}
.eklbpw{font-size:0;margin-top:8px}
.eklbpw button,.eklbpw a{display:inline-block;height:50px;line-height:50px;padding:0 24px;margin:0 10px 10px 0;vertical-align:top;border:0;background:#1ea48f;color:#fff!important;font-size:14px;font-weight:700;white-space:nowrap;cursor:pointer;text-align:center;text-decoration:none;box-sizing:border-box}
.eklbpw a{background:#151515}
.ni5e26{margin:22px 0 0;padding-left:0;list-style:none}
.ni5e26 li{position:relative;padding-left:20px;margin-bottom:10px}
.ni5e26 li:before{content:'';position:absolute;left:0;top:11px;width:8px;height:8px;background:#f26522}
.lkmm8r{border-top:4px solid #1ea48f}
.uxe309{font-size:34px;line-height:44px;margin-bottom:18px;color:#151515}
@media(max-width:991px){.mi7q9q{float:none;margin:12px 0 0;text-align:left}.mi7q9q a{margin:0 8px 8px 0}.cncedr{padding:58px 0}.r9iic8{font-size:30px;line-height:38px}.cncedr h2{font-size:28px;line-height:38px}.x28tdi,.psc7q2,.e1xg8u{margin-top:26px}.k2wxdx div{width:100%}.ahttos div{width:100%;margin:0 0 12px}}
@media(max-width:575px){.e1xg8u{padding:28px 22px}.eklbpw button,.eklbpw a,.skokr8 a,.zaukaw{width:100%;margin-right:0}.fz87i4{min-height:0}.mi7q9q a{min-width:64px;padding:0 12px}}