/*!
Theme Name: Mejora Hub
Theme URI: 
Author: Mejora Hub
Author URI: 
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
*/

* {
  padding: 0;
  margin: 0;
  border: none;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

strong,
b {
  font-weight: bold
}

em,
i {
  font-style: italic;
}

u {
  text-decoration: underline
}

a {
  text-decoration: none;
  transition: color 0.4s ease-in-out;
}

*:focus {
  outline: none;
}

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

button[type="button"]:focus {
  outline: none;
}


/* 1.1 SVG default css*/
svg:not(:root).svgImg {
  overflow: visible
}

.svgImg {
  display: inline-block;
  font-size: inherit;
  width: 1em;
  height: 1em;
  overflow: visible;
  vertical-align: -.125em;
}

.svg-icons {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  overflow: visible;
  vertical-align: -.125em
}

/*SVG default css*/

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

p {
  font: 400 1.6rem/1.4 'Poppins', sans-serif;
  color: #262525;
  margin-bottom: 2rem;
}

p:last-child {
  margin-bottom: 0;
}

a {
  color: #262525;
}

a:hover {
  color: rgba(254, 205, 0, 0.99);
}

.c-scrollbar {
  height: 100vh !important
}

html {
  font-size: 10px;
}

body {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  color: #000;
  background-color: #fff;
  position: relative;
}

.trans {
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.wrapper {
  display: block;
  width: 100%;
  overflow: hidden;
  min-height: 100vh;
  position: relative;
}

body {
  /*cursor: url("img/cursorimg.png"), pointer;*/
}

.container {
  max-width: 136.6rem;
  padding: 0 1.5rem;
}

/* Buttons */
.btn {
  display: inline-block;
  vertical-align: middle;
  font-family: 'Poppins', sans-serif;
  border-color: transparent;
  font-size: 1.8rem;
  font-weight: 500;
  color: #fff;
  background: rgba(254, 205, 0, 0.99);
  min-width: 15rem;
  border-radius: .3rem;
  padding: 1.2rem 2.5rem;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: color 0.4s ease-in-out, border 0.4s ease-in-out, background-color 0.4s ease-in-out, transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
  /*border: .4rem solid transparent;*/
  border: none;
  letter-spacing: 0rem;
  text-transform: uppercase;
}

.btn~.btn {
  margin-left: 15px;
}

.btn:hover {
  color: #fff;
  border-color: #262525;
  transform: translateY(-0.5rem);
  box-shadow: 0px .1rem .5rem rgb(0 0 0 / 10%);
}

.btn.btn-outline {
  background: transparent;
  border: .4rem solid #fff;
  color: #fff
}

.btn.btn-outline:hover {
  color: #000;
  border-color: #fff;
  background: #fff;
}

.btn.btn-getquote {
  display: inline-block;
  padding: .8rem 1rem;
  min-width: 13rem;
  font-size: 1.6rem;
}

/*.btn.btn-getquote:hover{color: #262525;}*/
.btn.btn-black {
  background: #262525;
  color: #fff;
}

.btn.btn-black:hover {
  background: rgba(254, 205, 0, 0.99);
  border-color: rgba(254, 205, 0, 0.99);
  color: #fff;
}

.btn.btn-red {}

.btn.btn-red:hover {
  background: #fff;
  color: rgba(254, 205, 0, 0.99);
}

.btn.btn-white {
  background: #fff;
  color: rgba(254, 205, 0, 0.99);
}

.btn.btn-white:hover {
  background: rgba(254, 205, 0, 0.99);
  color: #fff;
}

.btn.btn-quote:hover {
  background: #262525;
}

.btn.btn-get-star:hover {
  background: #262525;
}



.btn:hover:before {
  content: "";
  position: absolute;
  animation: wave 3s ease-in-out infinite;
  background: rgb(8 8 8 / 19%);
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: .3rem;
}

/*.btn.btn-getquote:hover:before{background: #fff;}*/
/*.serviceabout .btn.btn-white:hover:before{background: #fff;}*/

@keyframes wave {

  0%,
  100% {
    clip-path: polygon(0 42%, 13% 48%, 26% 55%, 41% 64%, 56% 65%, 69% 58%, 84% 45%, 100% 38%, 100% 100%, 0% 100%);
  }

  50% {
    clip-path: polygon(0 63%, 14% 57%, 25% 50%, 40% 42%, 56% 40%, 71% 44%, 84% 50%, 100% 60%, 100% 100%, 0% 100%);
  }
}


/*  Slick slider */

.slick-slide {
  outline: none;
  display: none;
  width: 0;
}

.slick-dots {
  display: block;
  text-align: center;
  margin-top: 3.5rem;
}

.slick-dots li {
  display: inline-block;
  width: auto;
  list-style: none;
  padding: 0 .5rem;
}

.slick-dots li button {
  font-size: 0;
  border: none;
  background: #464646;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  cursor: pointer;
  outline: none;
  position: relative;
}

.slick-dots li.slick-active button,
.slick-dots li button:hover {
  background: rgba(254, 205, 0, 0.99);
}

.slick-dots li button:before {
  display: none;
}

.slick-prev {
  background: transparent;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -20px;
  z-index: 999;
  font-size: 0;
  border: none;
  outline-color: transparent;
}

.slick-prev:before {
  content: "";
  width: 14px;
  height: 14px;
  border-bottom: 3px solid rgba(254, 205, 0, 0.99);
  border-left: 3px solid rgba(254, 205, 0, 0.99);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: rotate(45deg);
  transition: all 0.4s ease-in-out;
}

.slick-next {
  background: transparent;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -20px;
  z-index: 999;
  font-size: 0;
  border: none;
  outline-color: transparent;
}

.slick-next:before {
  content: "";
  width: 14px;
  height: 14px;
  border-bottom: 3px solid rgba(254, 205, 0, 0.99);
  border-right: 3px solid rgba(254, 205, 0, 0.99);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: rotate(-45deg);
  transition: all 0.4s ease-in-out;
}

.slick-prev:hover:before,
.slick-next:hover:before {
  border-color: #262525;
}






/* Header start */
.headerMain {
  display: block;
  width: 100%;
  padding: 7px 15px;
  background: #262525;
  position: relative;
  /*position: absolute; left: 0; top: 0; right: 0;*/
  z-index: 12;
}

.headerMain .siteLogo img {
  display: block;
  width: 15rem;
}

.headerMain.has_sticky .siteLogo img {
  width: 15rem;
}

/*.headerMain:not(.has_sticky) .siteLogo img{filter: brightness(0) invert(1);}*/
.m_menuLogo {
  display: none;
}

.navigationBar .btn.btn-outline:hover {
  color: #000;
}

/* Navigation */
.menuIcon {
  display: none;
  width: 32px;
  height: 32px;
  position: relative;
  padding: 0px;
  margin-top: 0px;
  margin-left: 3.5rem;
  color: #fff;
}

.menuIcon span {
  display: block;
  width: 27px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: currentColor;
  margin: auto;
}

.menuIcon span:before {
  content: "";
  width: 21px;
  position: absolute;
  top: -8px;
  right: 0;
  height: 3px;
  background: currentColor;
}

.menuIcon span:after {
  content: "";
  width: 16px;
  position: absolute;
  bottom: -8px;
  right: 0;
  height: 3px;
  background: currentColor;
}

.bodyFixed {
  overflow: hidden;
}

.sidebar-overlay {
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  height: 100vh;
  background: #000;
  z-index: 998;
  transition: visibility 0 linear .4s, opacity .4s cubic-bezier(.4, 0, .2, 1);
}

.bodyFixed .sidebar-overlay {
  opacity: .8;
  visibility: visible;
  left: 0;
  transition: all 0.6s ease-in-out;
}

.navigationBar {
  display: inline-block;
}

.menu-main-menu-container {
  display: inline-block;
  width: auto;
  margin: 0 0rem 0 0;
  vertical-align: middle;
}

.menu-main-menu-container li {
  display: inline-block;
  width: auto;
  font-size: 1.6rem;
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
}

.menu-main-menu-container li a {
  display: block;
  color: #000;
  transition: color 0.4s ease-in-out;
  padding: .5rem 1rem;
  position: relative;
}

.menu-main-menu-container .main-menu li a {
  color: #fff;
}

.menu-main-menu-container li.current-menu-item a,
.menu-main-menu-container li.active a,
.menu-main-menu-container li a:hover {
  color: rgba(254, 205, 0, 0.99);
}

.menu-main-menu-container>ul>li:not(.megaMenu) .sub-menu {
  position: absolute;
  top: 102%;
  left: 50%;
  width: 28rem;
  background: #fff;
  box-shadow: 0 0 .6rem rgba(0, 0, 0, .2);
  opacity: 0;
  visibility: hidden;
  transition: all .4s ease-in-out;
  -webkit-transform: translate(-50%, 10rem);
  transform: translate(-50%, 10rem);
  z-index: 99;
  padding: 0 0;
  border-top: .5rem solid rgba(254, 205, 0, 0.99);
  border-radius: .5rem;
}

/*.headerMain.has_sticky .menu-main-menu-container > ul > li:not(.megaMenu) .sub-menu{top: 102%;}*/
.menu-main-menu-container>ul>li:not(.megaMenu) .sub-menu li {
  width: 100%;
  padding: 0;
  border-bottom: 1px solid #e2e2e2;
  position: relative;
  margin: 0;
}

.menu-main-menu-container>ul>li:not(.megaMenu) .sub-menu li:last-child {
  border-bottom: none;
}

.menu-main-menu-container>ul>li:not(.megaMenu) .sub-menu li a {
  display: block !important;
  line-height: 1.4;
  font-weight: 400;
  text-transform: none;
  color: #000 !important;
  text-align: left;
  transition: color .4s ease-in-out;
  text-transform: uppercase;
  padding: 1rem 1.5rem;
}

.menu-main-menu-container>ul>li:not(.megaMenu) .sub-menu li a:before {
  display: none
}

.menu-main-menu-container>ul>li:not(.megaMenu):hover>.sub-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.menu-main-menu-container>ul>li:not(.megaMenu) .sub-menu li:hover>a,
.menu-main-menu-container>ul>li:not(.megaMenu).current-menu-parent .sub-menu li.current_page_item>a {
  color: rgba(254, 205, 0, 0.99) !important;
}

.menu-main-menu-container>ul>li:not(.megaMenu) .sub-menu>li.menu-item-has-children:hover>a:after {
  border-color: rgba(254, 205, 0, 0.99);
}

.menu-main-menu-container>ul>li:not(.megaMenu) .sub-menu>li.menu-item-has-children>a:after {
  content: "";
  width: .8rem;
  height: .8rem;
  border-bottom: .2rem solid #0f1729;
  border-right: .2rem solid #0f1729;
  position: absolute;
  right: 1.5rem;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: rotate(-45deg);
}

.menu-main-menu-container>ul>li:not(.megaMenu) .sub-menu>li>.sub-menu {
  left: 100%;
  top: 0;
}

.menu-main-menu-container>ul>li:not(.megaMenu) .sub-menu li:hover>.sub-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.menu-main-menu-container>ul>li:not(.megaMenu) .sub-menu>li>.sub-menu li a {
  font-size: 1.6rem;
  position: relative;
  padding-left: 2rem;
}

/*.menu-main-menu-container > ul > li:not(.megaMenu) .sub-menu > li > .sub-menu li a:before {content: ""; display: block !important;
width: .8rem; height: .8rem; border-radius: 50%; background: #ae2124; position: absolute; left: .7rem; top: 0; bottom: .1rem; margin: auto;right: inherit;}
*/
.menu-main-menu-container ul.sub-menu:before {
  content: "";
  width: 0;
  height: 0;
  border-bottom: 1rem solid rgba(254, 205, 0, 0.99);
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
  position: absolute;
  left: 0;
  right: 0;
  top: -0.4rem;
  margin: auto;
  transform: translateY(-100%);
}

.menu-main-menu-container>ul>li:not(.megaMenu) .sub-menu li>.sub-menu:before {
  display: none;
}

.menu-main-menu-container li {
  margin-right: 1.4rem;
}

.menu-main-menu-container ul li:not(.megaMenu) {
  position: relative;
}

.menu-main-menu-container ul li.menu-item .arrow {
  position: absolute;
  content: "";
  width: .8rem;
  height: .8rem;
  border: none;
  border-bottom: .2rem solid #fff;
  border-right: .2rem solid #fff;
  transform: rotate(45deg);
  right: -0.4rem;
  top: -0.5rem;
  bottom: 0;
  margin: auto;
  transition: border 0.4s ease-in-out;
  padding-right: 0px;
}

.menu-main-menu-container>ul>li:not(.megaMenu) .sub-menu li>.arrow {
  display: none;
}

.menu-main-menu-container ul li.current-menu-item .arrow,
.menu-main-menu-container ul li:hover .arrow {
  border-color: rgba(254, 205, 0, 0.99);
}

.menu-main-menu-container ul li.current-menu-item>a::before,
.menu-main-menu-container ul li.current-menu-ancestor>a::before,
.menu-main-menu-container ul li.current_page_parent>a::before {
  width: 100%;
}

.menu-main-menu-container ul li:hover>a::before {
  width: 100%;
}

.menu-main-menu-container ul li a:before {
  position: absolute;
  bottom: -14px;
  content: "";
  left: 0;
  right: 0;
  height: 3px;
  background: rgba(254, 205, 0, 0.99);
  margin: auto;
  transition: all 0.4s ease-in-out;
  width: 0;
}


/* Sticky Header*/
.headerMain.has_sticky {
  position: fixed;
  z-index: 9;
  padding: 7px 15px;
  left: 0;
  top: 0;
  width: 100%;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.6);
  background: #262525;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  z-index: 9999;
}

.headerMain.has_sticky .menu-main-menu-container {
  margin-right: 0rem;
}

.headerMain.has_sticky .menu-main-menu-container li {
  font-size: 1.35rem;
}

.headerMain.has_sticky .menu-main-menu-container>ul>li:not(.megaMenu) .sub-menu>li>.sub-menu li a {
  font-size: 1.35rem;
}

.headerMain.has_sticky .menu-main-menu-container li a {
  color: #fff
}

.headerMain.has_sticky .menu-main-menu-container li.current-menu-item a,
.headerMain.has_sticky .menu-main-menu-container li.active a,
.headerMain.has_sticky .menu-main-menu-container li a:hover {
  color: rgba(254, 205, 0, 0.99);
}

.headerMain.has_sticky .btn.btn-outline.btn-light {
  padding: 1.5rem 3rem;
  margin-right: 1.5rem;
}

.headerMain.has_sticky .btn.btn-outline.btn-light:not(:hover) {
  color: #0c0c0c;
}

.headerMain.has_sticky .socialMedia a {
  color: #000
}

/*.headerMain.has_sticky .btn.btn-getquote{padding: 15px 15px;}*/
.m_footCont {
  display: none;
}

.menu-main-menu-container li.btn {
  display: inline-block;
  padding: .8rem 1rem;
  min-width: 13rem;
  font-size: 1.6rem;
  font-weight: 500;
  margin-left: 15px;
  margin-right: 0;
}

.menu-main-menu-container li.btn a {
  padding: 0;
  color: #fff;
}

.menu-main-menu-container li.btn a:before {
  display: none;
}

.menu-main-menu-container li.btn.current-menu-item a {
  color: #fff;
}

.headerMain.has_sticky .menu-main-menu-container li.btn.current-menu-item a {
  color: #fff;
}

.headerMain.has_sticky .menu-main-menu-container li a:before {
  bottom: -16px;
}

.padd {
  padding: 700px 0;
}

/*---Banner---*/
.bg {
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.homebannerslide {
  /*padding-top: 126px;padding-left: 150px;padding-bottom: 70px;*/
  /*max-width: 1366px;*/
  margin: auto;
}

.homebannerSec {
  display: block;
  width: 100%;
  position: relative;
  z-index: 2;
  background: #fff;
  /*min-height: 600px;*/
  border-bottom: 1px solid #ccc;
}

/*.homebannerSec:before{position: absolute;content: "";width: 100%;height: 100%; bottom: 0;left: 0;right: 0;background: url(img/banner-circle-bg.png) no-repeat;
z-index: -1;margin: auto;background-size: cover;background-position: center;}*/
.homebanner-item {
  position: relative;
  z-index: 2;
  padding-top: 126px;
  padding-left: 150px;
  padding-bottom: 70px;
  background-size: cover;
  min-height: 700px;
  background-position: center right;
  background-repeat: no-repeat;
}

.homebanner {
  display: inline-block;
  position: relative;
  z-index: 2;
  padding-right: 50px;
}

.homebanner .bannerTitle {
  display: block;
  font-size: 5rem;
  font-weight: 400;
  line-height: 1.2;
  color: rgba(254, 205, 0, 0.99);
  margin-bottom: 2rem;
}

.bannerTitle span {
  font-size: 50px;
  font-weight: 700;
  padding: 0 5px;
  display: inline-block;
  line-height: 1;
  background: rgba(254, 205, 0, 0.99);
  color: #fff;
  text-transform: uppercase;
}

.bannerTitle small {
  display: block;
  font-size: 28px;
  font-weight: 400;
  text-transform: uppercase;
  color: #000;
  line-height: 1.2;
}

.bannerTitle u {
  text-decoration-thickness: 6.5%;
  text-underline-offset: 1rem;
  font-weight: 800;
  color: rgba(254, 205, 0, 0.99);
}

.bannercon p {
  display: block;
  font-size: 2rem;
  line-height: 1.4;
  color: #000;
  font-weight: 500;
  margin-bottom: 4rem;
}

.bannimg {
  max-width: 80%;
  margin: auto;
}

.z-index-4 {
  z-index: 4;
}

.z-index-3 {
  z-index: 3;
}

.homebannerSec .slick-dots {
  position: absolute;
  bottom: 10px;
  display: block;
  left: 0;
  right: 0;
  margin: auto;
}

/*---Banner---*/

/*---home-banner-2---*/

.homebanneritem {
  min-height: 700px;
  background-position: center right;
  background-repeat: no-repeat;
  background-size: auto 100%;
  width: 100%;
}

.bannerconMian {
  display: inline-block;
  max-width: 50%;
  padding-left: 100px;
  padding-top: 395px;
  padding-bottom: 120px;
}

.bannerconMian .bannerTitle {
  font-size: 50px;
  color: rgba(254, 205, 0, 0.99);
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 0;
}

.bannerconMian .bannerbgTitle {
  font-size: 50px;
  padding: 0 5px;
  display: inline-block;
  line-height: 1;
  background: rgba(254, 205, 0, 0.99);
  color: #fff;
  text-transform: uppercase;
}

.bannerconMian p {
  font-size: 28px;
  font-weight: 400;
  text-transform: uppercase;
  color: #000;
  line-height: 1.2;
}

/*---home-banner-2---*/

/* ------------------------------------
    05. About Section CSS
---------------------------------------*/
.rs-about {
  padding: 130px 0;
}

.about-images .js-tilt {
  margin-left: auto;
}

.rs-about .sec-title {
  position: relative;
  padding-left: 40px;
}

.aboutSec {
  background: #f8f9fa;
}

.rs-about.serviceabout .sec-title {
  padding-right: 80px;
}

.rs-about .sec-title .desc {
  margin-bottom: 40px;
}

.rs-about.serviceabout .sec-title .title {
  color: rgba(254, 205, 0, 0.99);
}

.rs-about.serviceabout .sec-title .title span {
  padding: 3px 5px;
  display: inline-block;
  background: rgba(254, 205, 0, 0.99);
  color: #fff;
}

.rs-about.serviceabout .sec-title .desc {
  color: #fff;
}

.rs-about .anicard {
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  border: 0;
  background: transparent;
}


.sec-title .sub-text {
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 1px;
  font-weight: 700;
  color: rgba(254, 205, 0, 0.99);
  text-transform: uppercase;
  display: block;
  margin: 0;
  padding-bottom: 10px;
}

.sec-title .title {
  font-size: 36px;
  font-weight: 800;
  line-height: 48px;
  color: #262525;
  margin: 0;
  padding-bottom: 26px;
}

.sec-title .title span {
  color: rgba(254, 205, 0, 0.99);

}

.sec-title .desc {
  font-size: 16px;
  font-weight: 400;
  margin: 0;
}

.rs-about.style1 .about-images {
  position: relative;
}

.rs-about.style1 .about-images .rs-addon-services {
  background: #262525;
  padding: 22px 0 22px 30px;
  display: flex;
  width: 282px;
  max-width: 282px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}

.rs-about.style1 .about-images .rs-addon-services .services-icon img {
  height: 44px;
  width: 44px;
  max-width: unset;
}

.rs-about.style1 .about-images .rs-addon-services .services-text {
  padding: 0px 0px 0px 20px;
}

.rs-about.style1 .about-images .rs-addon-services .services-text .title {
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  color: #ffffff;
  margin-bottom: 0;
}

.rs-about.style2 .rs-counter .counter-list .counter-text .count-number {
  margin-bottom: 10px;
}

.rs-about.style2 .rs-counter .counter-list .counter-text .count-number .rs-count {
  color: #DD4C23;
  font-size: 52px;
  line-height: 49px;
  font-weight: 800;
  position: relative;
}

.rs-about.style2 .rs-counter .counter-list .counter-text .count-number .rs-count.plus {
  padding-right: 30px !important;
}

.rs-about.style2 .rs-counter .counter-list .counter-text .count-number .rs-count.plus:before {
  font-size: 30px;
  font-weight: 700;
  color: #DD4C23;
  content: '+';
  position: absolute;
  right: 7px;
  bottom: 6px;
}

.rs-about.style2 .rs-counter .counter-list .counter-text .title {
  font-size: 18px;
  line-height: 18px;
  color: #101010;
  font-weight: 600;
  margin: 0;
}

.rs-about.style2 .rs-counter .counter-list.blue-count .counter-text .count-number .rs-count.plus:before,
.rs-about.style2 .rs-counter .counter-list.blue-count .counter-text .count-number .rs-count {
  color: #03228F;
}

.rs-about.style3 .list-item li {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.rs-about.style3 .list-item li .icon-part {
  margin-right: 20px;
}

.rs-about.style3 .list-item li .icon-part i {
  color: #ffffff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 100%;
  display: inline-block;
  text-align: center;
}

.rs-about.style3 .list-item li .icon-part i:before {
  font-size: 16px;
  font-weight: 300;
}

.rs-about.style3 .list-item li .icon-part i.blue-bg {
  background: #6d5afe;
}

.rs-about.style3 .list-item li .icon-part i.green-bg {
  background: #1AB128;
}

.rs-about.style3 .list-item li .icon-part i.pink-bg {
  background: #FF8282;
}

.rs-about.style3 .list-item li .contant-part {
  font-weight: 400;
}

.rs-about.style3 .list-item li:last-child {
  margin-bottom: 0;
}

.rs-about.style3 .image-wrap {
  position: relative;
  margin: -22px 0 -35px;
}

.rs-about.style3 .image-wrap .main {
  margin-right: -29px;
}

.rs-about.style3 .image-wrap .fly {
  position: absolute;
  content: '';
}

.rs-about.style3 .image-wrap .fly.ly1 {
  top: 179px;
  right: -145px;
}

.rs-about.style3 .image-wrap .fly.ly2 {
  bottom: 108px;
  right: 25px;
}

.rs-about.style3 .image-wrap .popup-anim .pop-wrap {
  left: -5px;
  top: 50%;
  transform: translateY(-50%);
}

.rs-about.style3 .shape {
  position: absolute;
  content: '';
  left: -160px;
  bottom: 35px;
  z-index: -1;
}

/*---rating-review---*/

.review-wrap {
  padding: 50px 0 0;
}

.review-wrap ul {
  display: flex;
  justify-content: center;
  margin: 0 -8px
}

.review-wrap ul li {
  padding: 0 8px;
  flex: 0 0 25%;
  max-width: 25%
}

.ratingbox {
  border-radius: 10px;
  padding: 20px 10px;
  box-shadow: 0 0 15px rgb(0 0 0 / 5%);
  border: solid 1px #EEE;
  position: relative;
  padding-left: 75px;
  display: inline-block;
  width: 100%;
}

.complogo {
  max-width: 54px;
  max-height: 54px;
  border-radius: 50%;
  background: #1e1e1e;
  z-index: 2;
  padding: 0px;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 10px;
  bottom: 0;
  top: 0;
  margin: auto;
  overflow: hidden;
}

.ratingmian {
  display: inline-block;
  vertical-align: middle;
  border-right: 1px solid #eee;
  padding-left: 0px;
  padding-right: 5px;
}

.ratingmian span {
  font-size: 14px;
  color: #000;
  line-height: 1.4;
}

.ratreviews {
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
}

.ratreviews span {
  font-size: 14px;
  color: #000;
  line-height: 1.4;
}

.startIcon {
  display: inline-block;
  vertical-align: top;
  width: 80px;
  height: 15px;
  background: url(img/reting-star.png) left bottom repeat-x;
}

.startIcon .stars {
  display: block;
  background: url(img/reting-star.png) left top repeat-x;
  width: auto;
  height: 15px;
}

/*---rating-review---*/


/*----rating---*/
.nav-link {
  color: inherit;
}

.testimonial-thumb img {
  width: 50px;
}

.testimonial-tab-content .quotesimg {
  width: 65px;
  margin-bottom: 32px;
}

.blockquote-title-review {
  margin-bottom: 40px;
}

.blockquote-title-review .fw-semi-bold {
  padding-bottom: 5px;
}

.nav-link:focus,
.nav-link:hover {
  color: #262525;
}

.video-icon img {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

/*----rating---*/

/* ------------------------------------
    18. Services Section CSS
---------------------------------------*/
.rs-services {
  position: relative;
  z-index: 2;
}

.overlaywhite:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.5;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.overlayblack:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.rs-services .sec-title .title {
  padding-bottom: 0px;
  color: #fff;
}

.rs-services {
  padding-top: 125px;
  padding-bottom: 130px;
  background: #f8f9fa;
}

.servicecol {
  margin-bottom: 14px;
}

.rs-services.main-home .services-item {
  padding: 45px 45px;
  background-color: #fff;
  position: relative;
  text-align: left;
  border-radius: 10px;
  box-shadow: -1px 0 13px 0 rgb(0 0 0 / 10%);
  transition: all 0.4s ease-in-out;
  height: 100%;
  z-index: 2;
  position: relative;
  overflow: hidden;
}

.rs-services.main-home .services-item:before {
  position: absolute;
  content: "";
  bottom: -100%;
  left: 0;
  right: 0;
  background: rgba(254, 205, 0, 0.99);
  width: 100%;
  height: 100%;
  transition: bottom .4s ease-in-out;
  z-index: -1;
}

.rs-services.main-home .services-item:hover:before {
  bottom: 0;
}

.rs-services.main-home .services-item .services-icon {
  position: relative;
  padding-bottom: 30px;
  transition: all .3s ease;
}

.rs-services.main-home .services-item .services-icon .image-part {
  position: relative;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(237, 22, 31, 0.8);
  padding: 10px;
  display: inline-block;
  vertical-align: middle;
}

.rs-services.main-home .services-item .services-icon .image-part .main-img {
  max-width: 100px;
  max-height: 100px;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  /* 	filter: brightness(0) invert(1); */
}

.rs-services.main-home .services-item .services-icon .image-part .hover-img {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  transform: scale(0);
  transition: all .3s ease;
}

.rs-services.main-home .services-item .services-content {
  /*padding: 33px 0px 0px 0;*/
  position: relative;
  transition: all 0.4s ease-in-out;
}

.rs-services.main-home .services-item .services-content .services-text .title {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 13px;
}

.rs-services.main-home .services-item .services-content .services-text .title a {
  color: #002129;
}

.rs-services.main-home .services-item .services-content .services-desc p {
  margin: 0;
}

/*.rs-services.main-home .services-item:hover {
  background: rgba(237, 22, 31, 0.8);
}*/
.rs-services.main-home .services-item:hover .services-icon {
  position: relative;
  transition: all .3s ease;
}

.rs-services.main-home .services-item:hover .services-icon .image-part {
  background: #fff;
}

.rs-services.main-home .services-item:hover .services-icon .image-part .main-img {
  /*transform: scale(0);*/
  /*filter: brightness(0) invert(1);*/
  filter: inherit;
}

.rs-services.main-home .services-item:hover .services-icon .image-part .hover-img {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}

.rs-services.main-home .services-item:hover .services-content {
  /*padding: 33px 0px 0px 0;*/
  position: relative;
}

.rs-services.main-home .services-item:hover .services-content .services-text .title a {
  color: #ffffff;
}

.rs-services.main-home .services-item:hover .services-content .services-desc p {
  color: #ffffff;
}

.rs-services.services-style2 {
  position: relative;
}

.rs-services.services-style2 .services-item {
  display: flex;
  padding: 43px 50px 35px 50px;
  background-color: #FFFFFF5E;
  transition: background 0.5s;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0 0px 25px rgba(0, 0, 0, 0.07);
}

.rs-services.services-style2 .services-item .services-icon {
  position: relative;
  transition: all .3s ease;
}

.rs-services.services-style2 .services-item .services-icon .main-img {
  width: 50px;
  max-width: unset;
  height: unset;
  transition: all .3s ease;
}

.rs-services.services-style2 .services-item .services-icon .hover-img {
  width: 50px;
  max-width: unset;
  height: unset;
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  transform: scale(0);
  transition: all .3s ease;
}

.rs-services.services-style2 .services-item .services-content {
  padding-left: 22px;
}

.rs-services.services-style2 .services-item .services-content .title {
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 10px;
}

.rs-services.services-style2 .services-item .services-content .title a {
  color: #0a0a0a;
}

.rs-services.services-style2 .services-item .services-content .services-desc p {
  margin: 0;
}

.rs-services.services-style2 .services-item:hover {
  background-image: linear-gradient(90deg, #fd6509 41%, #ff9200 100%);
}

.rs-services.services-style2 .services-item:hover .services-icon .main-img {
  transform: scale(0);
}

.rs-services.services-style2 .services-item:hover .services-icon .hover-img {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}

.rs-services.services-style2 .services-item:hover .services-content .title a {
  color: #ffffff;
}

.rs-services.services-style2 .services-item:hover .services-content .services-desc p {
  color: #ffffff;
}

.rs-services.services-style2 .services-item:hover.aqua-bg {
  background-image: linear-gradient(90deg, #248d73 41%, #03dea8 100%);
}

.rs-services.services-style2 .services-item:hover.blue-bg {
  background-image: linear-gradient(90deg, #2078db 41%, #129cfd 100%);
}

.rs-services.services-style2 .services-item:hover.pink-bg {
  background-image: linear-gradient(90deg, #cc0b65 41%, #f2569f 100%);
}

.rs-services.services-style2 .services-item:hover.purple-bg {
  background-image: linear-gradient(90deg, #7e06e4 41%, #9b53e0 100%);
}

.rs-services.services-style2 .services-item:hover.blue-light-bg {
  background-image: linear-gradient(90deg, #02098e 41%, #2a31b1 100%);
}

.rs-services.services-style2 .converted-img {
  padding: 0 10px 0 16px;
}

.rs-services.services-style2 .rs-animation .services-animate {
  position: absolute;
  right: 19%;
  top: -3%;
}

.rs-services.services-style3 .services-item {
  padding: 0 20px 0 20px;
  text-align: center;
}

.rs-services.services-style3 .services-item .services-icon {
  margin-bottom: 22px;
}

.rs-services.services-style3 .services-item .services-icon img {
  height: 70px;
  max-width: unset;
}

.rs-services.services-style3 .services-item .services-content .title {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 8px;
}

.rs-services.services-style3 .services-item .services-content .title a {
  color: #002129;
}

.rs-services.services-style3 .services-item .services-content .title a:hover {
  color: #004fd2;
}

.rs-services.services-style3 .services-item .services-content .services-txt {
  margin: 0;
}

.rs-services.services-style4 .services-item {
  display: flex;
}

.rs-services.services-style4 .services-item .services-icon img {
  height: 50px;
  max-width: unset;
}

.rs-services.services-style4 .services-item .services-content {
  padding-left: 20px;
}

.rs-services.services-style4 .services-item .services-content .title {
  font-size: 19px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 8px;
}

.rs-services.services-style4 .services-item .services-content .title a {
  color: #002129;
}

.rs-services.services-style4 .services-item .services-content .title a:hover {
  color: #004fd2;
}

.rs-services.services-style4 .services-item .services-content .services-txt {
  margin: 0;
}

.rs-services.services-style5 .services-item {
  padding: 50px 25px 50px 25px;
  background-color: #ffffff;
  border-radius: 10px 10px 10px 10px;
  position: relative;
  text-align: center;
}

.rs-services.services-style5 .services-item .services-icon {
  position: relative;
  transition: all .3s ease;
}

.rs-services.services-style5 .services-item .services-icon .image-part .main-img {
  max-width: unset;
  width: 70px;
  height: 70px;
}

.rs-services.services-style5 .services-item .services-icon .image-part .hover-img {
  position: absolute;
  left: 50%;
  top: 0;
  width: 70px;
  height: 70px;
  max-width: unset;
  visibility: hidden;
  opacity: 0;
  transform: scale(0) translateX(-50%);
  transition: all .3s ease;
}

.rs-services.services-style5 .services-item .services-content {
  padding: 33px 0px 0px 0;
  position: relative;
}

.rs-services.services-style5 .services-item .services-content .services-text .title {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 13px;
}

.rs-services.services-style5 .services-item .services-content .services-text .title a {
  color: #002129;
}

.rs-services.services-style5 .services-item .services-content .services-desc p {
  margin: 0;
}

.rs-services.services-style5 .services-item:hover {
  background-color: #FD660A;
}

.rs-services.services-style5 .services-item:hover .services-icon {
  position: relative;
  transition: all .3s ease;
}

.rs-services.services-style5 .services-item:hover .services-icon .image-part .main-img {
  transform: scale(0);
}

.rs-services.services-style5 .services-item:hover .services-icon .image-part .hover-img {
  visibility: visible;
  opacity: 1;
  transform: scale(1) translateX(-50%);
}

.rs-services.services-style5 .services-item:hover .services-content {
  padding: 33px 0px 0px 0;
  position: relative;
}

.rs-services.services-style5 .services-item:hover .services-content .services-text .title a {
  color: #ffffff;
}

.rs-services.services-style5 .services-item:hover .services-content .services-desc p {
  color: #ffffff;
}

.rs-services.services-style5 .services-item:hover.blue-bg-style {
  background-color: #2C44E4;
}

.rs-services.services-style5 .services-item:hover.paste-bg-style {
  background-color: #14D2F5;
}

.rs-services.services-style6 .services-item {
  padding: 50px 36px 50px 36px;
  background-color: #FFFFFF00;
  border-style: solid;
  border-width: 0px 1px 1px 0px;
  border-color: #0F8EF329;
  border-radius: 0px 0px 0px 0px;
  position: relative;
  text-align: left;
}

.rs-services.services-style6 .services-item.no-border-bottom {
  border-width: 0px 1px 0px 0px;
}

.rs-services.services-style6 .services-item .services-icon {
  position: relative;
  transition: all .3s ease;
}

.rs-services.services-style6 .services-item .services-icon .image-part .main-img {
  height: 70px;
  width: 70px;
}

.rs-services.services-style6 .services-item .services-icon .image-part .hover-img {
  height: 70px;
  width: 70px;
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  transform: scale(0);
  transition: all .3s ease;
}

.rs-services.services-style6 .services-item .services-content {
  padding: 33px 0px 0px 0;
  position: relative;
}

.rs-services.services-style6 .services-item .services-content .services-text .title {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 13px;
}

.rs-services.services-style6 .services-item .services-content .services-text .title a {
  color: #002129;
}

.rs-services.services-style6 .services-item .services-content .services-desc p {
  margin: 0;
  color: #444444;
}

.rs-services.services-style6 .services-item .services-content .serial-number {
  position: absolute;
  right: 15px;
  top: -113px;
  font-size: 70px;
  font-weight: 600;
  line-height: 119px;
  color: #02010108;
  margin-bottom: 10px;
}

.rs-services.services-style6 .services-item:hover {
  background-color: #FD660A;
}

.rs-services.services-style6 .services-item:hover.pink-bg {
  background: #F30876;
}

.rs-services.services-style6 .services-item:hover.aqua-bg {
  background: #05DBEE;
}

.rs-services.services-style6 .services-item:hover.paste-bg {
  background: #13E1AF;
}

.rs-services.services-style6 .services-item:hover.purple-bg {
  background: #780FDA;
}

.rs-services.services-style6 .services-item:hover.green-bg {
  background: #0A99FD;
}

.rs-services.services-style6 .services-item:hover.blue-bg {
  background: #2c44e4;
}

.rs-services.services-style6 .services-item:hover.gold-bg {
  background: #f5be18;
}

.rs-services.services-style6 .services-item:hover.cyan-bg {
  background: #14d2f5;
}

.rs-services.services-style6 .services-item:hover.orange-bg {
  background: #FD660A;
}

.rs-services.services-style6 .services-item:hover.light-purple-bg {
  background-image: linear-gradient(90deg, #6e71db 41%, #9c9ff9 100%);
}

.rs-services.services-style6 .services-item:hover .services-icon {
  position: relative;
  transition: all .3s ease;
}

.rs-services.services-style6 .services-item:hover .services-icon .image-part .main-img {
  transform: scale(0);
}

.rs-services.services-style6 .services-item:hover .services-icon .image-part .hover-img {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}

.rs-services.services-style6 .services-item:hover .services-content {
  padding: 33px 0px 0px 0;
  position: relative;
}

.rs-services.services-style6 .services-item:hover .services-content .services-text .title a {
  color: #ffffff;
}

.rs-services.services-style6 .services-item:hover .services-content .services-desc p {
  color: #ffffff;
}

.rs-services.services-style6 .services-item:hover .services-content .serial-number {
  color: #FFFFFF26;
}

.rs-services.services-style7 .services-wrap {
  box-shadow: 1px 3px 16px 0 rgba(0, 0, 0, 0.05);
  text-align: center;
  position: relative;
  padding: 70px 30px 40px;
  background: #ffffff;
  overflow: hidden;
  z-index: 1;
}

.rs-services.services-style7 .services-wrap .icon-part .img-bg {
  position: relative;
  z-index: 2;
  width: 70px;
  height: 70px;
  line-height: 70px;
  border-radius: 100%;
  margin: 0 auto;
  z-index: 1;
}

.rs-services.services-style7 .services-wrap .icon-part .img-bg:after,
.rs-services.services-style7 .services-wrap .icon-part .img-bg:before {
  position: absolute;
  content: '';
  left: 50%;
  top: 50%;
  border-radius: 100%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}

.rs-services.services-style7 .services-wrap .icon-part .img-bg:after {
  width: 90px;
  height: 90px;
  opacity: 0.2;
  z-index: -1;
}

.rs-services.services-style7 .services-wrap .icon-part .img-bg:before {
  width: 110px;
  height: 110px;
  opacity: 0.1;
  z-index: -2;
}

.rs-services.services-style7 .services-wrap .title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #002129;
  position: relative;
  z-index: 2;
}

.rs-services.services-style7 .services-wrap .desc {
  color: #002129;
}

.rs-services.services-style7 .services-wrap:after {
  position: absolute;
  content: '';
  left: 50%;
  bottom: -100%;
  transition: all 0.8s ease 0s;
  height: 97%;
  transform: scaleY(3) translateX(-50%);
  border-radius: 100% 100% 0 0;
  width: 107%;
  z-index: -1;
  opacity: 0.05;
}

.rs-services.services-style7 .services-wrap.primary-psudo .icon-part .img-bg {
  background: #ff8282;
}

.rs-services.services-style7 .services-wrap.primary-psudo .icon-part .img-bg:after,
.rs-services.services-style7 .services-wrap.primary-psudo .icon-part .img-bg:before {
  background: #ff8282;
}

.rs-services.services-style7 .services-wrap.primary-psudo:after {
  background: #ff8282;
}

.rs-services.services-style7 .services-wrap.secondary-psudo .icon-part .img-bg {
  background: #6D5AFE;
}

.rs-services.services-style7 .services-wrap.secondary-psudo .icon-part .img-bg:after,
.rs-services.services-style7 .services-wrap.secondary-psudo .icon-part .img-bg:before {
  background: #6D5AFE;
}

.rs-services.services-style7 .services-wrap.secondary-psudo:after {
  background: #6D5AFE;
}

.rs-services.services-style7 .services-wrap.green-psudo .icon-part .img-bg {
  background: #1AB128;
}

.rs-services.services-style7 .services-wrap.green-psudo .icon-part .img-bg:after,
.rs-services.services-style7 .services-wrap.green-psudo .icon-part .img-bg:before {
  background: #1AB128;
}

.rs-services.services-style7 .services-wrap.green-psudo:after {
  background: #1AB128;
}

.rs-services.services-style7 .services-wrap:hover .icon-part .img-bg:after {
  animation: w90 1.30s infinite alternate;
}

.rs-services.services-style7 .services-wrap:hover .icon-part .img-bg:before {
  animation: w110 1.30s infinite alternate;
}

.rs-services.services-style7 .services-wrap:hover:after {
  height: 0;
  width: 100%;
  bottom: 0;
}

.rs-services.services-style8 .services-item {
  background-color: #ffffff;
  background-image: url(assets/images/services/style5/serv-shape-data.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.rs-services.services-style8 .services-item .services-wrap {
  text-align: center;
  padding: 50px 29px 50px 29px;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0 0px 25px rgba(0, 0, 0, 0.07);
}

.rs-services.services-style8 .services-item .services-wrap .services-icon {
  margin-bottom: 25px;
}

.rs-services.services-style8 .services-item .services-wrap .services-icon img {
  width: 50px;
}

.rs-services.services-style8 .services-item .services-wrap .services-content .title {
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
  margin: 0px 0px 13px 0px;
}

.rs-services.services-style8 .services-item .services-wrap .services-content .title a {
  color: #1D165C;
}

.rs-services.services-style8 .services-item .services-wrap .services-content .title a:hover {
  color: #f92b74;
}

.rs-services.services-style8 .services-item .services-wrap .services-content .services-desc {
  margin-bottom: 25px;
}

.rs-services.services-style8 .services-item:hover {
  background-color: #FFFFFF;
  background-image: url(assets/images/services/style5/serv-shape-data2.png);
  background-position: top left;
}

.rs-services.services-style9 .services-item {
  display: flex;
  padding: 25px 25px 25px 25px;
  background-color: #F1F6FC;
  border-radius: 4px 4px 4px 4px;
  margin: 0 -3px 0 -3px;
}

.rs-services.services-style9 .services-item .services-icon img {
  height: 65px;
  width: 65px;
  max-width: unset;
}

.rs-services.services-style9 .services-item .services-content {
  padding-left: 22px;
}

.rs-services.services-style9 .services-item .services-content .title {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  color: #101010;
  margin: 0 0 10px 0;
}

.rs-services.services-style9 .services-item .services-content .title:hover {
  color: #004fd2;
}

.rs-services.services-style9 .services-item .services-content .services-txt {
  color: #444444;
  margin: 0;
}

.rs-services-single .services-add {
  background: url(assets/images/services/single/call.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  border-radius: 5px;
  padding: 50px 47px 53px;
}

.rs-services-single .services-add .title {
  font-size: 24px;
  line-height: 42px;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 30px;
}

.rs-services-single .services-add .contact a {
  font-size: 30px;
  line-height: 40px;
  font-weight: 800;
  color: #ffffff;
}

.rs-services-single .services-title .title {
  color: #0a0a0a;
  font-family: Montserrat;
  font-size: 36px;
  font-weight: 800;
}

.rs-services-single .services-title .title2 {
  color: #0a0a0a;
  font-family: Montserrat;
  font-size: 28px;
  font-weight: 700;
}

.rs-services-single .brochures {
  background-color: #F0F5FF;
  padding: 35px 30px 45px 30px;
  border-radius: 5px 5px 5px 5px;
}

.rs-services-single .brochures .title {
  font-size: 28px;
  line-height: 38px;
  font-weight: 700;
  color: #002129;
  margin: 0px 0px 16px 0px;
}

.rs-case-studies-single .services-add {
  background-image: linear-gradient(90deg, #004fd2 10%, #a511dc 100%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  border-radius: 5px;
  padding: 50px 35px 53px;
}

.rs-case-studies-single .services-add .title {
  font-size: 24px;
  line-height: 42px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 30px;
}

.rs-case-studies-single .services-add .contact a {
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
  color: #ffffff;
}

.rs-case-studies-single .case-title {
  font-size: 36px;
  font-weight: 800;
  line-height: 48px;
  color: #002129;
  margin: 0;
  padding: 40px 0 30px;
}

.rs-case-studies-single .brochures {
  background-color: #F0F5FF;
  padding: 35px 30px 45px 30px;
  border-radius: 5px 5px 5px 5px;
}

.rs-case-studies-single .services-img img {
  border-radius: 5px;
}

.rs-case-studies-single .ps-informations ul {
  margin: 0;
  list-style: none;
  text-align: left;
  padding: 0;
}

.rs-case-studies-single .ps-informations ul li {
  color: #fff;
}

.rs-case-studies-single .ps-informations ul li+li {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid rgba(54, 54, 54, 0.1);
}

.rs-case-studies-single .ps-informations ul li span {
  width: 150px;
  display: inline-block;
  font-weight: 600;
}

.rs-case-studies-single .ps-informations {
  padding: 40px 30px 46px;
  border-radius: 5px;
  background-image: linear-gradient(90deg, #004fd2 10%, #a511dc 100%);
}

.rs-case-studies-single .ps-informations .info-title {
  padding-bottom: 10px;
  color: #fff;
}

.rs-case-studies-single .project-gallery .gallery-title {
  font-size: 30px;
  font-weight: 700;
  line-height: 32px;
  color: #0a0a0a;
  margin: 0;
}

.rs-case-studies-single .project-gallery .file-list-image {
  position: relative;
  background: #000000;
  border-radius: 5px;
}

.rs-case-studies-single .project-gallery .file-list-image .img-part {
  position: relative;
}

.rs-case-studies-single .project-gallery .file-list-image .img-part img {
  transition: 0.3s all ease;
  border-radius: 5px;
}

.rs-case-studies-single .project-gallery .file-list-image .img-part .image-popup {
  display: inline-block;
  font-size: 14px;
  color: #fff;
  transition: all 0.3s ease 0s;
  height: 46px;
  line-height: 44px;
  width: 46px;
  border: 1px solid #ffffff;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 60%;
  opacity: 0;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}

.rs-case-studies-single .project-gallery .file-list-image .img-part .image-popup:hover {
  background: #004fd2;
  color: #ffffff;
  border: 1px solid #004fd2;
}

.rs-case-studies-single .project-gallery .file-list-image:hover .img-part img {
  opacity: 0.4;
}

.rs-case-studies-single .project-gallery .file-list-image:hover .img-part .image-popup {
  top: 50%;
  opacity: 1;
}


/*what-best START*/
.what-best {
  padding: 100px 0;
}

.what-best .container {
  max-width: 1000px
}

.what-best .section-title {
  font-size: 45px;
  margin-bottom: 50px;
  text-align: center;
}

.what-best .item {
  padding: 40px 30px;
  border-radius: 10px;
  max-width: 96%;
  margin: auto;
  transition: 0.5s all;
  box-shadow: 0 0 15px rgb(0 0 0 / 5%);
  border: solid 1px #e3e3e3;
  display: block;
  transition: all 0.4s ease-in-out;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.what-best .item:before {
  position: absolute;
  content: "";
  bottom: -100%;
  left: 0;
  right: 0;
  background: #262525;
  width: 100%;
  height: 100%;
  transition: bottom .4s ease-in-out;
  z-index: -1;
}

.what-best .item:hover:before {
  bottom: 0;
}

.what-best .box-title {
  margin-bottom: 40px;
  line-height: 1.4;
  font-weight: 600;
  color: #000;
  font-size: 20px;
}

.what-best .item .link {
  border-top: solid 1.5008px rgba(254, 205, 0, 0.99);
  padding: 15px 0
}

.what-best .item .link span {
  color: #000;
  font-size: 18px;
  position: relative;
  transition: none;
  display: inline-block;
}

.what-best .item .link span:after {
  content: "";
  background: url(img/long-arrow.svg)no-repeat;
  height: 17px;
  width: 37px;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 10px;
  background-position: right;
}

.what-best .item:hover {
  /*background:#262525;*/
  border-color: #262525;
}

.what-best .item:hover .box-title {
  color: #fff;
}

.what-best .item:hover .link {
  color: #fff;
  border-top-color: #262525;
}

.what-best .item:hover .link span {
  font-size: 0;
}

.what-best .item:hover .link span:after {
  width: 72px;
  height: 14px;
  margin: 0;
  filter: brightness(0) invert(1);
}

.what-best .item .image-part {
  max-width: 50px;
  margin-bottom: 30px;
}

.what-best .secTitle {
  padding-bottom: 0px;
}

.what-best .item:hover .image-part img {
  filter: brightness(0) invert(1);
}


/* ------------------------------------
    21. Process Section CSS
---------------------------------------*/
.rs-process.style1 .addon-service-main {
  position: relative;
}

.rs-process.style1 .addon-service-main .rs-addon-services .addon-wrap {
  position: relative;
  border-top: 1px solid #e1e1e1;
  transition: all 0.3s ease 0s;
}

.rs-process.style1 .addon-service-main .rs-addon-services .addon-wrap .number-text {
  text-align: center;
}

.rs-process.style1 .addon-service-main .rs-addon-services .addon-wrap .number-text .number-area {
  font-size: 42px;
  font-weight: 800;
  line-height: 80px;
  text-align: center;
  width: 80px;
  height: 80px;
  color: #ffffff;
  margin: 0 auto;
  border-radius: 50%;
  background-image: linear-gradient(90deg, rgba(254, 205, 0, 0.99) 0%, #262525 100%);
}

.rs-process.style1 .addon-service-main .rs-addon-services .addon-wrap .number-text .content-txt {
  padding: 20px 10px 0px 10px;
}

.rs-process.style1 .addon-service-main .rs-addon-services .addon-wrap .number-text .content-txt .number-title {
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
  color: #002129;
  margin-bottom: 15px;
}

.rs-process.style1 .addon-service-main .rs-addon-services .addon-wrap .number-text .content-txt .number-txt {
  margin: 0;
}

.rs-process.style1 .addon-service-main .rs-addon-services .addon-wrap:before {
  position: absolute;
  content: '';
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.3s ease 0s;
  background: rgba(254, 205, 0, 0.99);
  width: 15px;
  height: 15px;
  border-radius: 100%;
  top: -7.5008px;
  z-index: 1;
}

.rs-process.style1 .addon-service-main .rs-addon-services .addon-wrap:after {
  position: absolute;
  content: '';
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.3s ease 0s;
  top: 0;
  width: 1px;
  background: #e1e1e1;
  height: 100px;
  z-index: -11;
}

.rs-process.style1 .addon-service-main .rs-addon-services .addon-wrap.purple-bg:before {
  background: #262525;
}

.rs-process.style1 .addon-service-main:before {
  position: absolute;
  content: '';
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background: #ffffff;
  border: 1px solid #e1e1e1;
  z-index: 1;
  left: 0;
  top: -7.5008px;
}

.rs-process.style1 .addon-service-main:after {
  position: absolute;
  content: '';
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background: #ffffff;
  border: 1px solid #e1e1e1;
  z-index: 1;
  right: 0;
  top: -7.5008px;
}

.rs-process.style2 .process-img {
  margin: 0px 0px 0px -70px;
}

.rs-process.style2 .process-item {
  position: relative;
  transition: all 0.3s ease 0s;
}

.rs-process.style2 .process-item .process-wrap {
  max-width: 330px;
  width: 330px;
  display: flex;
  padding: 15px 15px 15px 15px;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0 0px 25px rgba(0, 0, 0, 0.07);
  background-color: #FFFFFF;
}

.rs-process.style2 .process-item .process-wrap .serial-number {
  color: #F92C74;
  text-align: center;
  font-size: 24px;
  font-weight: 800;
  line-height: 50px;
  padding: 0px 0px 0px 0px;
  margin: 3px 0px 0px 0px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  box-shadow: 4px 0px 18px 2px #2125291f;
}

.rs-process.style2 .process-item .process-wrap .process-content {
  padding-left: 20px;
}

.rs-process.style2 .process-item .process-wrap .process-content .title {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  margin: 0 0 0px 0;
  color: #1d165c;
}

.rs-process.style2 .process-item .process-wrap .process-content .services-txt {
  margin: 0;
}

.rs-process.style2 .process-item .process-wrap.widget-left-one {
  margin: 0px 0px 0px 50px;
}

.rs-process.style2 .process-item .process-wrap.widget-left-two {
  margin: 0px 0px 0px 100px;
}

.rs-process.style2 .process-item .process-wrap.widget-left-three {
  margin: 0px 0px 0px 150px;
}

.rs-process.style2 .process-item .process-wrap.widget-left-four {
  margin: 0px 0px 0px 200px;
}

.rs-process.style2 .process-item .process-wrap.widget-left-five {
  margin: 0px 0px 0px 250px;
}

.rs-process.style2 .process-item:hover .process-wrap .serial-number {
  color: #FFFFFF;
  background-color: transparent;
  background-image: linear-gradient(90deg, #f92b74 0%, #fb4e57 100%);
}

/* NEWWW - 2-7-22 */

.processBoxmain::before {
  display: none !important;
}

@media only screen and (min-width: 768px) {
  .processBoxmain svg {
    position: absolute;
    width: 170%;
    left: 48.5%;
    transform: translateX(-50%);
    top: -6%;
    z-index: 99;
    height: 160%;
  }

  .processBoxmain svg.svg2 {
    top: auto;
    bottom: -5%;
  }

  .processBoxmain svg path:first-child {
    stroke: rgba(254, 205, 0, 0.99);
    stroke-width: 30;
    stroke-dasharray: 100%;
    stroke-dashoffset: 100%;
  }

  .processBoxmain svg.svg2 path:first-child {
    stroke-dashoffset: -100%
  }

  .processBoxmain svg path:last-child {
    opacity: 0;
  }

  /*stroke-dashoffset: 100%;*/

  @keyframes ani0 {
    from {
      transform: scale(0.3);
      opacity: 0;
    }

    to {
      transform: scale(1);
      opacity: 1;
    }
  }

  @keyframes ani1 {
    from {
      stroke-dashoffset: 100%;
    }

    to {
      stroke-dashoffset: 0;
    }
  }

  @keyframes ani1-1 {
    from {
      stroke-dashoffset: -100%;
    }

    to {
      stroke-dashoffset: 0;
    }
  }

  @keyframes opacity {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  .processBoxinner {
    transform: scale(0.3);
    opacity: 0;
  }

  .isActive .processcol .processBoxinner {
    animation: ani0 1s normal both;
  }

  .isActive .processcol svg path:first-child {
    animation: ani1 1.2s normal both;
  }

  .isActive .processcol svg.svg2 path:first-child {
    animation: ani1-1 1.2s normal both;
  }

  .isActive .processcol svg path:last-child {
    opacity: 1;
  }


  .isActive .processcol:nth-child(1) .processBoxinner {
    animation-delay: 0.5s;
  }

  .isActive .processcol:nth-child(1) svg path:first-child {
    animation-delay: 1s;
  }

  .isActive .processcol:nth-child(1) svg path:last-child {
    transition-delay: 2s;
  }

  .isActive .processcol:nth-child(2) .processBoxinner {
    animation-delay: 2.5s;
  }

  .isActive .processcol:nth-child(2) svg path:first-child {
    animation-delay: 3s;
  }

  .isActive .processcol:nth-child(2) svg path:last-child {
    transition-delay: 4s;
  }

  .isActive .processcol:nth-child(3) .processBoxinner {
    animation-delay: 4.5s;
  }

  .isActive .processcol:nth-child(3) svg path:first-child {
    animation-delay: 5s;
  }

  .isActive .processcol:nth-child(3) svg path:last-child {
    transition-delay: 6s;
  }


  .isActive .processcol:nth-child(4) .processBoxinner {
    animation-delay: 6.5s;
  }

  .isActive .processcol:nth-child(4) svg path:first-child {
    animation-delay: 7s;
  }

  .isActive .processcol:nth-child(4) svg path:last-child {
    transition-delay: 8s;
  }
}


/*------------------------------------
    22. Pricing Section CSS
------------------------------------*/
.rs-pricing {
  padding: 100px 0;
  padding-bottom: 130px;
  background: #fff;
}

.rs-pricing .btn-part .btn {
  top: 25px;
}

.rs-process {
  padding: 100px 0;
  background: linear-gradient(175deg, #efeff0 70%, #cacbcd);
  z-index: 2;
  position: relative;
}

.rs-process.overlayblack:before {
  opacity: 0.8;
  display: none;
}

.rs-pricing.pricing-style1 .pricing-table.active .pricing-badge {
  background: rgba(254, 205, 0, 0.99);
  color: #fff;
}

.rs-pricing.pricing-style1 .pricing-table.active .pricing-table-price .pricing-table-bags .pricing-currency {
  color: #fff;
}

.rs-pricing.pricing-style1 .pricing-table.active .pricing-table-price .pricing-table-bags .table-price-text {
  color: #fff;
}

.rs-pricing.pricing-style1 .pricing-table.active .pricing-table-price .pricing-table-bags .table-period {
  color: #fff;
}

.rs-pricing.pricing-style1 .pricing-table.active .pricing-table-body {
  border-color: #fff;
}

.rs-pricing.pricing-style1 .pricing-table.active .pricing-table-body li i {
  color: #fff;
}

.rs-pricing.pricing-style1 .pricing-table.active .pricing-table-body li span {
  color: #fff;
}

/*.rs-pricing.pricing-style1 .pricing-table.active .pricing-icon{background: rgba(254,205,0,0.99);}*/
.rs-pricing.pricing-style1 .pricing-table.active {
  background: #262525;
}

.number-text {
  padding-top: 72px;
}

.rs-process .sec-title .title {
  padding-bottom: 0px;
  color: #fff;
}

.rs-pricing.pricing-style1 .pricing-table {
  position: relative;
  padding: 27px 40px 0px 40px;
  margin: 0 3px 0 3px;
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #EBEBEB;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
  text-align: center;
}

.rs-pricing.pricing-style1 .pricing-table .pricing-badge {
  top: 30px;
  left: 0px;
  padding: 10px 23px 11px 23px;
  background-color: #004fd2;
  border-radius: 0px 30px 30px 0px;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  position: absolute;
  color: #fff;
  line-height: 1;
  z-index: 1;
}

.rs-pricing.pricing-style1 .pricing-table .pricing-icon {
  margin-bottom: 60px;
}

.rs-pricing.pricing-style1 .pricing-table .pricing-icon img {
  width: 110px;
}

.rs-pricing.pricing-style1 .pricing-table .pricing-table-price {
  margin-bottom: 30px;
}

.rs-pricing.pricing-style1 .pricing-table .pricing-table-price .pricing-table-bags .pricing-currency {
  font-size: 25px;
  font-weight: 600;
  color: #002129;
}

.rs-pricing.pricing-style1 .pricing-table .pricing-table-price .pricing-table-bags .table-price-text {
  font-size: 52px;
  font-weight: 600;
  color: #002129;
}

.rs-pricing.pricing-style1 .pricing-table .pricing-table-price .pricing-table-bags .table-period {
  color: #435761;
  font-size: 16px;
  font-weight: 500;
  margin-top: 10px;
  display: block;
}

.rs-pricing.pricing-style1 .pricing-table .pricing-table-body {
  margin-bottom: 7px;
  border-style: solid;
  border-width: 1px 0px 0px 0px;
  border-color: #EBEBEB;
  padding: 18px 15px 4px 15px;
}

.rs-pricing.pricing-style1 .pricing-table .pricing-table-body li {
  text-align: left;
  padding: 9px 0px 9px 0px;
  margin-bottom: 0px;
  font-size: 15px;
  font-weight: 400;
}

.rs-pricing.pricing-style1 .pricing-table .pricing-table-body li i {
  float: right;
  margin-right: 0;
  font-size: 16px;
  color: #004fd2;
}

.rs-pricing.pricing-style2 .item {
  position: relative;
}

.rs-pricing.pricing-style2 .item .price-wrap {
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.05);
  text-align: center;
  position: relative;
  padding: 70px 30px 50px;
  background: #ffffff;
  overflow: hidden;
  z-index: 1;
  transition: all 0.3s ease;
}

.rs-pricing.pricing-style2 .item .price-wrap .icon-part .img-bg {
  position: relative;
  z-index: 2;
  width: 70px;
  height: 70px;
  line-height: 70px;
  border-radius: 100%;
  margin: 0 auto;
  z-index: 1;
}

.rs-pricing.pricing-style2 .item .price-wrap .icon-part .img-bg:after,
.rs-pricing.pricing-style2 .item .price-wrap .icon-part .img-bg:before {
  position: absolute;
  content: '';
  left: 50%;
  top: 50%;
  border-radius: 100%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}

.rs-pricing.pricing-style2 .item .price-wrap .icon-part .img-bg:after {
  width: 90px;
  height: 90px;
  opacity: 0.2;
  z-index: -1;
}

.rs-pricing.pricing-style2 .item .price-wrap .icon-part .img-bg:before {
  width: 110px;
  height: 110px;
  opacity: 0.1;
  z-index: -2;
}

.rs-pricing.pricing-style2 .item .price-wrap .title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 35px;
  color: #666666;
  position: relative;
  z-index: 2;
}

.rs-pricing.pricing-style2 .item .price-wrap .price {
  font-size: 40px;
  font-weight: 700;
  color: #002129;
  margin-bottom: 45px;
}

.rs-pricing.pricing-style2 .item .price-wrap .list-item {
  height: 0;
  transition: 0.5s;
  visibility: hidden;
  opacity: 0;
}

.rs-pricing.pricing-style2 .item .price-wrap .list-item li {
  margin-bottom: 12px;
  padding-bottom: 12px;
  font-weight: 500;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.rs-pricing.pricing-style2 .item .price-wrap .list-item li:last-child {
  margin-bottom: 40px;
  padding: 0;
  border: none;
}

.rs-pricing.pricing-style2 .item .price-wrap .price-btn a {
  display: inline-block;
  padding: 11px 42px;
  text-align: center;
  color: #ffffff;
}

.rs-pricing.pricing-style2 .item .price-wrap:after {
  position: absolute;
  content: '';
  left: 50%;
  bottom: -100%;
  transition: all 0.8s ease 0s;
  height: 97%;
  transform: scaleY(3) translateX(-50%);
  border-radius: 100% 100% 0 0;
  width: 107%;
  z-index: -1;
  opacity: 0.05;
}

.rs-pricing.pricing-style2 .item .collaps-btn {
  position: absolute;
  content: '';
  left: 50%;
  transform: translateX(-50%);
  bottom: -24.5008px;
  opacity: 0;
  z-index: 1;
  transition: all 0.5s;
}

.rs-pricing.pricing-style2 .item .collaps-btn i {
  width: 49px;
  height: 49px;
  line-height: 49px;
  cursor: pointer;
  text-align: center;
  border-radius: 100%;
  color: #ffffff;
  display: inline-block;
}

.rs-pricing.pricing-style2 .item .collaps-btn i:before {
  font-size: 14px;
  font-weight: 700;
  transition: all 0.3s ease;
}

.rs-pricing.pricing-style2 .item.primary-psudo .price-wrap .icon-part .img-bg {
  background: #FF8282;
}

.rs-pricing.pricing-style2 .item.primary-psudo .price-wrap .icon-part .img-bg:after,
.rs-pricing.pricing-style2 .item.primary-psudo .price-wrap .icon-part .img-bg:before {
  background: #FF8282;
}

.rs-pricing.pricing-style2 .item.primary-psudo .price-wrap .price-btn a {
  background: #FF8282;
}

.rs-pricing.pricing-style2 .item.primary-psudo .price-wrap:after {
  background: #FF8282;
}

.rs-pricing.pricing-style2 .item.primary-psudo .collaps-btn i {
  background: #FF8282;
}

.rs-pricing.pricing-style2 .item.secondary-psudo .price-wrap .icon-part .img-bg {
  background: #6D5AFE;
}

.rs-pricing.pricing-style2 .item.secondary-psudo .price-wrap .icon-part .img-bg:after,
.rs-pricing.pricing-style2 .item.secondary-psudo .price-wrap .icon-part .img-bg:before {
  background: #6D5AFE;
}

.rs-pricing.pricing-style2 .item.secondary-psudo .price-wrap .price-btn a {
  background: #6D5AFE;
}

.rs-pricing.pricing-style2 .item.secondary-psudo .price-wrap:after {
  background: #6D5AFE;
}

.rs-pricing.pricing-style2 .item.secondary-psudo .collaps-btn i {
  background: #6D5AFE;
}

.rs-pricing.pricing-style2 .item.green-psudo .price-wrap .icon-part .img-bg {
  background: #1AB128;
}

.rs-pricing.pricing-style2 .item.green-psudo .price-wrap .icon-part .img-bg:after,
.rs-pricing.pricing-style2 .item.green-psudo .price-wrap .icon-part .img-bg:before {
  background: #1AB128;
}

.rs-pricing.pricing-style2 .item.green-psudo .price-wrap .price-btn a {
  background: #1AB128;
}

.rs-pricing.pricing-style2 .item.green-psudo .price-wrap:after {
  background: #1AB128;
}

.rs-pricing.pricing-style2 .item.green-psudo .collaps-btn i {
  background: #1AB128;
}

.rs-pricing.pricing-style2 .item.is-open .price-wrap .icon-part .img-bg:after {
  animation: w90 1.30s infinite alternate;
}

.rs-pricing.pricing-style2 .item.is-open .price-wrap .icon-part .img-bg:before {
  animation: w110 1.30s infinite alternate;
}

.rs-pricing.pricing-style2 .item.is-open .price-wrap .list-item {
  height: 209px;
  opacity: 1;
  visibility: visible;
}

.rs-pricing.pricing-style2 .item.is-open .price-wrap:after {
  opacity: 0;
}

.rs-pricing.pricing-style2 .item.is-open .collaps-btn {
  opacity: 1;
}

.rs-pricing.pricing-style2 .item.is-open .collaps-btn i:before {
  content: "\f068";
}

.rs-pricing.pricing-style2 .item:hover .price-wrap .icon-part .img-bg:after {
  animation: w90 1.30s infinite alternate;
}

.rs-pricing.pricing-style2 .item:hover .price-wrap .icon-part .img-bg:before {
  animation: w110 1.30s infinite alternate;
}

.rs-pricing.pricing-style2 .item:hover .price-wrap:after {
  height: 0;
  width: 100%;
  bottom: 0;
}

.rs-pricing.pricing-style2 .item:hover .collaps-btn {
  opacity: 1;
}

.rs-pricing.pricing-style3 .pricing-table {
  padding: 55px 40px 0px 40px;
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #EBEBEB;
  border-radius: 5px 5px 5px 5px;
  text-align: center;
}

.rs-pricing.pricing-style3 .pricing-table .pricing-table-header .pricing-table-title {
  margin-bottom: 36px;
  color: #04004D;
  font-size: 24px;
  font-weight: 600;
}

.rs-pricing.pricing-style3 .pricing-table .pricing-icon {
  margin-bottom: 30px;
}

.rs-pricing.pricing-style3 .pricing-table .pricing-icon img {
  width: 90px;
}

.rs-pricing.pricing-style3 .pricing-table .pricing-table-price .pricing-table-bags {
  margin-bottom: 30px;
  color: #242424;
  font-weight: 700;
  font-size: 60px;
  line-height: normal;
}

.rs-pricing.pricing-style3 .pricing-table .pricing-table-price .pricing-table-bags .pricing-currency {
  font-size: 25px;
  font-weight: 600;
  color: #004fd2;
  margin-right: -15px;
}

.rs-pricing.pricing-style3 .pricing-table .pricing-table-price .pricing-table-bags .table-price-text {
  font-size: 52px;
  font-weight: 600;
  color: #004fd2;
  margin-right: -15px;
}

.rs-pricing.pricing-style3 .pricing-table .pricing-table-price .pricing-table-bags .table-period {
  position: relative;
  padding-left: 20px;
  display: inline-block;
  color: #435761;
  font-size: 16px;
  font-weight: 500;
}

.rs-pricing.pricing-style3 .pricing-table .pricing-table-price .pricing-table-bags .table-period:before {
  content: "";
  height: 20px;
  width: 2px;
  position: absolute;
  left: 0;
  transform: rotate(20deg) translateY(-50%);
  top: 50%;
  background: #f2f2f2;
}

.rs-pricing.pricing-style3 .pricing-table .pricing-table-body {
  margin-bottom: 10px;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-color: #EBEBEB;
  text-align: left;
}

.rs-pricing.pricing-style3 .pricing-table .pricing-table-body ul {
  padding: 0px 15px 4px 15px;
}

.rs-pricing.pricing-style3 .pricing-table .pricing-table-body ul li {
  padding: 9px 0px 9px 0px;
  margin-bottom: 0px;
  font-size: 15px;
  font-weight: 400;
  overflow: hidden;
}

.rs-pricing.pricing-style3 .pricing-table .pricing-table-body ul li i {
  float: right;
  margin-right: 0;
  min-width: 15px;
  font-size: 16px;
  color: #004fd2;
}

.rs-pricing.pricing-style3 .pricing-table .pricing-table-body ul li span {
  font-size: 15px;
  font-weight: 400;
}

.rs-pricing.pricing-style3 .pricing-table.middle-border {
  border-width: 3px 3px 3px 3px;
  border-color: #0146FA;
}


/*---we-cater---*/
.histSec {
  padding: 100px 0;
}

.histmain {
  margin: auto;
  max-width: 100%;
  border: 0;
  display: inline-block;
  width: 100%;
  text-align: center;
  position: relative;
  font-size: 0;
  border-bottom: 1px solid #ccc;
}

.histmain .histnav {
  display: inline-block;
  width: 20%;
  padding: 0 0;
  vertical-align: top;
  cursor: pointer
}

.histmain .histnav .histbtn {
  font-size: 18px;
  font-weight: 500;
  color: rgba(37, 43, 51, .5);
  line-height: 1.4;
  transition: all 0.4s ease-in-out;
  padding: 0;
  display: block;
  border: 0;
  position: relative;
  border-radius: 0;
  background: transparent;
  padding-bottom: 24px
}

.histmain .histnav .histbtn:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  transition: all 0.4s ease-in-out;
}

.histmain .histnav:hover .histbtn:before {
  height: 6px;
  background: rgba(254, 205, 0, 0.99);
}

.histmain .histnav:hover .histbtn {
  color: #262525;
}

.histmain .slick-current .histnav .histbtn:before {
  height: 11px;
  background: #fff
}

.histmain .slick-current .histnav .histbtn.active {
  color: #fff
}

.histab-con {
  margin: 45px 0;
  margin-bottom: 0;
}

.ourhistboxsec {
  /*padding: 0 80px*/
}

.ourhistboxsec .secHead {
  margin-bottom: 30px;
}

.histrow {
  position: relative
}

.histmain .slick-current.histnav .histbtn {
  color: #262525
}

.histmain .slick-current.histnav .histbtn:before {
  height: 6px;
  background: rgba(254, 205, 0, 0.99);
}

.histtabSec .slick-dots {
  position: absolute;
  left: 0;
  bottom: 70px;
  padding-left: 38px;
  margin-left: 0;
}

.histtabSec .slick-slide {
  outline: none
}

.histtabSec .slick-dots li.slick-active button,
.histtabSec .slick-dots li button:hover {
  background: #fff;
  opacity: 1
}

.histtabSec .slick-dots li {
  display: inline-block;
  width: auto;
  list-style: none;
  padding: 0 5px
}

.histtabSec .slick-dots li button {
  font-size: 0;
  border: none;
  background: #fff;
  border: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  cursor: pointer;
  outline: none;
  padding: 0;
  opacity: .2
}

.employfacicon {
  position: relative;
  padding: 36px 36px
}

.EmployFacilimain .secHead .secTitle {
  margin-bottom: 4rem
}

.employfacicon .secHead .secTitle {
  color: #fff;
  margin-bottom: 30px;
  font-size: 40px;
  font-weight: 600;
  line-height: 1
}

.employfacicon .cmsCon p {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 300;
  color: #fff
}

.employfacicon .cmsCon p:last-child {
  margin-bottom: 0
}

.EmployFacilimain {
  padding-bottom: 8rem
}

.emplofainner {
  padding: 20px 0;
  height: 100%;
  padding-bottom: 45px
}

.employfaconbox {
  position: relative;
  overflow: hidden;
  margin-right: -208px;
  height: 100%;
  background: #262525;
  border-radius: 40px 0 0 0
}

.employfaconbox .round-pattern {
  top: 8px;
  left: 0;
  opacity: .07
}

.employfaconbox .big-purpal-round {
  position: absolute;
  background: rgba(254, 205, 0, 0.99);
  width: 340px;
  height: 340px;
  opacity: 0.6;
  left: -220px;
  bottom: -220px;
  border-radius: 50%;
  animation: gradient-fade 6s ease-in-out infinite alternate
}

.employfaconbox .top-border-round {
  position: absolute;
  border: 1px solid rgba(255, 255, 255, .2);
  width: 250px;
  height: 250px;
  right: -110px;
  top: -115px;
  border-radius: 50%
}

.employfacicon p {
  color: #fff
}

.employfarow {
  margin: 0 0
}

.employfacol {
  padding: 0 0
}

.employfacilimg {
  position: relative;
  padding-bottom: 75%;
  display: block;
  width: 100%
}

.employfacilimg img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  display: block;
  object-fit: cover;
  transition: all 0.4s ease-in-out
}

@keyframes gradient-fade {
  from {
    transform: translate(0%, 0%) rotate(0deg)
  }

  to {
    transform: translate(50%, -50%) rotate(360deg)
  }
}

@keyframes gradient-fade-alt {
  from {
    transform: translate(0%, 0%) rotate(0deg)
  }

  to {
    transform: translate(50%, -50%) rotate(360deg)
  }
}


/*---we-cater---*/

/*---our-customers---*/
.carouselTicker {
  padding-bottom: 50px;
}

.view-more-caseStudy {
  text-align: center;
}

.view-more-caseStudy img {
  margin: auto;
  width: 50px;
  padding-top: 10px;
}

.customer-review-tab .slick-dots {
  text-align: left;
}

.testimonial-tab-menu {
  margin-top: 20px;
}

.testimonial-tab-menu .nav-item {
  padding: 30px 5px;
}

.author-img-wrap {
  padding-bottom: 40px;
}

.customer-review-tab {
  padding: 100px 0;
  padding-bottom: 80px;
}

.customer-review-tab .slick-dots {
  margin-top: 0;
  bottom: 0px;
  position: absolute;
}

.latest-testimonials {
  background: #fff;
  padding: 124px 0 100px;
  overflow: hidden;
  user-select: none;
}

.latest-testimonials .section-title {
  color: #FFF;
  text-align: center;
  font-size: 45px;
  margin-bottom: 60px
}

.latest-testimonials .tm-lists {
  display: flex;
  margin: 0 -15px;
  align-items: center;
  height: 582px;
  overflow: hidden;
}

.latest-testimonials .tm-lists .item {
  padding: 0 15px;
  cursor: move;
  /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}

.latest-testimonials .tm-lists .item:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}

.latest-testimonials .tm-lists .item .tmbox {
  position: relative;
}

.latest-testimonials .tm-lists .item .tmbox .tm-img {
  margin-bottom: 29px;
  position: relative;
}

.latest-testimonials .tm-lists .item .tmbox .tm-img:before {
  position: absolute;
  background-color: rgba(39, 39, 41, 0.8);
  height: 100%;
  width: 100%;
  content: "";
  transition: 0.5s all;
  border-radius: 10px;
}

.latest-testimonials .tm-lists .item .tmbox .tm-img img {
  max-height: 450px;
  height: 450px;
  object-fit: cover;
  transition: 0.3s all;
  width: 100%;
  border-radius: 10px;
}

.latest-testimonials .tm-lists .item .tmbox .tm-img .video_icon {
  background: url(img/video_icon.png) no-repeat;
  width: 90px;
  height: 90px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.5);
  background-size: 100%;
  opacity: 0.5;
}

.latest-testimonials .tm-lists .item .tmbox .tm-img .ag-name {
  font-size: 45px;
  line-height: 50px;
  position: absolute;
  color: #FFFFFF;
  top: 95px;
  transform: translateY(-50%);
  font-weight: 600;
  left: -200px;
  opacity: 0;
  transition: 0.3s all;
  visibility: hidden;
  background: #262525;
  padding: 3px 7px;
  border-radius: 5px;
}

.latest-testimonials .tm-lists .item .tmbox .tm-img .ag-name:after {
  content: "";
  width: 40px;
  height: 1px;
  background: #FFFFFF;
  position: absolute;
  right: -60px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.latest-testimonials .tm-lists .item .tmbox .tm-img .ag-name-small {
  position: absolute;
  font-size: 18px;
  top: 20px;
  left: 20px;
  color: #FFFFFF;
  font-weight: 500;
  transition: 0.5s all;
}

.latest-testimonials .tm-lists .item .tmbox .tm-img .ag-name-small:after {
  content: "";
  width: 25px;
  height: 1px;
  background: #FFFFFF;
  position: absolute;
  right: -40px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.latest-testimonials .tm-lists .item .tmbox .tm-img .desc-box {
  position: absolute;
  bottom: 30px;
  padding: 0 30px;
}

.latest-testimonials .tm-lists .item .tmbox .tm-img .desc-box blockquote {
  font-size: 16px;
  line-height: 1.5;
  color: rgba(254, 205, 0, 0.99);
  font-weight: 500;
  width: 100%;
  transition: 0.5s all;
}

.latest-testimonials .tm-lists .item .tmbox .tm-img .desc-box blockquote:before {
  content: "\201C";
  position: absolute;
  color: #FFFFFF;
  font-size: 100px;
  font-family: sans-serif;
  top: -35px;
  line-height: 50px;
  left: 25px;
}

.latest-testimonials .tm-lists .item .tmbox .tm-info {
  text-align: center;
  opacity: 0;
  transition: 0.5s all;
}

.latest-testimonials .tm-lists .item .tmbox .tm-info .name {
  font-size: 25px;
  color: #262525;
  margin-bottom: 7px;
  font-weight: 700
}

.latest-testimonials .tm-lists .item .tmbox .tm-info .post {
  font-size: 16px;
  color: #707070;
}

.latest-testimonials .tm-lists .item .tmbox.oneBox {
  min-width: 380px;
}

.latest-testimonials .tm-lists .item .tmbox.twoBox {
  min-width: 620px;
}

.latest-testimonials .view-more-caseStudy {
  color: #FFF;
  padding-top: 0;
  font-size: 16px;
}

.latest-testimonials .view-more-caseStudy a {
  color: #262525;
}

.latest-testimonials .view-more-caseStudy a:hover {
  color: rgba(254, 205, 0, 0.99)
}

@media (min-width: 1025px) {
  .latest-testimonials .tm-lists .item:hover .tm-img img {
    max-height: 500px;
    height: 500px;
  }

  .latest-testimonials .tm-lists .item:hover .tm-img:before {
    background-color: rgba(37, 43, 51, 0.9);
  }

  .latest-testimonials .tm-lists .item:hover .tm-img .ag-name {
    opacity: 1;
    top: 120px;
    left: -100px;
    visibility: visible;
  }

  .latest-testimonials .tm-lists .item:hover .tm-img .ag-name-small {
    opacity: 0;
  }

  .latest-testimonials .tm-lists .item:hover .tm-img .video_icon {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }

  .latest-testimonials .tm-lists .item:hover .tm-img .desc-box blockquote {
    color: #fff;
  }

  .latest-testimonials .tm-lists .item:hover .tm-info {
    opacity: 1;
  }
}

@media (min-width: 1800px) {
  .latest-testimonials .tm-lists .item .tmbox.oneBox {
    min-width: 400px;
  }

  .latest-testimonials .tm-lists .item .tmbox.twoBox {
    min-width: 600px;
  }
}

@media(max-width:1650px) {
  .latest-testimonials {
    padding: 80px 0
  }

  .latest-testimonials .tm-lists {
    height: 350px
  }

  .latest-testimonials .section-title {
    font-size: 30px;
    margin-bottom: 20px
  }

  .latest-testimonials .tm-lists .item {
    padding: 0 5px
  }

  .latest-testimonials .tm-lists .item .tmbox .tm-img {
    margin-bottom: 15px
  }

  .latest-testimonials .tm-lists .item .tmbox .tm-img .ag-name-small {
    font-size: 14px;
    left: 10px;
  }

  .latest-testimonials .tm-lists .item .tmbox .tm-img .desc-box blockquote {
    font-size: 12px
  }

  .latest-testimonials .tm-lists .item .tmbox .tm-img .desc-box blockquote:before {
    font-size: 70px;
    top: -25px;
    left: 10px
  }

  .latest-testimonials .tm-lists .item .tmbox .tm-img .ag-name {
    font-size: 18px;
    line-height: 1.3;
    left: -100px;
    top: 40px;
  }

  .latest-testimonials .tm-lists .item:hover .tm-img .ag-name {
    top: 55px
  }

  .latest-testimonials .tm-lists .item .tmbox .tm-img .ag-name-small:after {
    width: 15px;
    right: -25px
  }

  .latest-testimonials .tm-lists .item .tmbox .tm-img .video_icon {
    height: 45px;
    width: 45px;
    transform: translate(-50%, -50%) scale(0.8)
  }

  .latest-testimonials .tm-lists .item:hover .tm-img .video_icon {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }

  .latest-testimonials .tm-lists .item .tmbox .tm-img .desc-box {
    padding: 0 10px;
    bottom: 15px;
  }

  .latest-testimonials .tm-lists .item .tmbox.twoBox {
    min-width: 340px
  }

  .latest-testimonials .tm-lists .item .tmbox.oneBox {
    min-width: 280px
  }

  .latest-testimonials .tm-lists .item .tmbox .tm-info .name {
    font-size: 16px
  }

  .latest-testimonials .tm-lists .item .tmbox .tm-info .post {
    font-size: 14px;
    font-weight: 600
  }

  .latest-testimonials .tm-lists .item .tmbox .tm-img img {
    max-height: 250px;
    height: 250px
  }

  .latest-testimonials .tm-lists .item:hover .tm-img img {
    max-height: 280px;
    height: 280px
  }

  .latest-testimonials .tm-lists .item:hover .tm-img .ag-name {
    left: -30px
  }
}

@media(max-width:1280px) {
  .latest-testimonials .section-title {
    font-size: 25px
  }
}

@media (max-width: 1100px) {
  .latest-testimonials {
    padding: 80px 0;
  }

  .latest-testimonials .section-title {
    margin-bottom: 35px
  }

  .latest-testimonials .tm-lists {
    overflow: auto;
  }

  .latest-testimonials .tm-lists .item .tmbox .tm-img .ag-name {
    font-size: 22px;
    line-height: 30px;
    opacity: 1;
    left: 30px;
    top: 40px;
  }

  .latest-testimonials .tm-lists .item .tmbox .tm-img .ag-name:after {
    width: 30px;
  }

  .latest-testimonials .tm-lists .item .tmbox .tm-img .ag-name-small {
    display: none;
  }

  .latest-testimonials .tm-lists .item .tmbox .tm-img .video_icon {
    transform: translate(-50%, -50%) scale(1);
    width: 50px;
    height: 50px;
  }

  .latest-testimonials .tm-lists .item .tmbox .tm-img .desc-box blockquote:before {
    font-size: 70px;
  }

  .latest-testimonials .tm-lists .item .tmbox .tm-info {
    opacity: 1;
  }
}

@media(max-width:991px) {
  .latest-testimonials {
    padding: 60px 0
  }
}

@media (max-width: 767px) {
  .latest-testimonials {
    padding: 50px 0;
  }

  .latest-testimonials .section-title {
    font-size: 20px;
    margin-bottom: 10px;
    padding: 0 15px
  }

  .latest-testimonials .tm-lists .item {
    padding: 0 10px
  }

  .latest-testimonials .tm-lists .item .tmbox .tm-img .ag-name {
    font-size: 18px;
  }

  .latest-testimonials .tm-lists .item .tmbox .tm-img .desc-box blockquote {
    font-size: 10px
  }

  .latest-testimonials .tm-lists .item .tmbox .tm-img .video_icon {
    height: 40px;
    width: 40px
  }

  .latest-testimonials .view-more-caseStudy a {
    font-size: 13px
  }
}

/*---our-customers---*/


/*------------------------------------
    22. Pricing Section CSS
------------------------------------*/
.rs-pricing.pricing-style1 .pricing-table {
  position: relative;
  padding: 27px 40px 0px 40px;
  margin: 0 3px 0 3px;
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #EBEBEB;
  border-radius: 10px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
  text-align: center;
}

.rs-pricing.pricing-style1 .pricing-table .pricing-badge {
  top: 30px;
  left: 0px;
  padding: 10px 23px 11px 23px;
  background-color: #262525;
  border-radius: 0px 30px 30px 0px;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  position: absolute;
  color: #fff;
  line-height: 1;
  z-index: 1;
}

.rs-pricing.pricing-style1 .pricing-table .pricing-icon {
  margin-bottom: 60px;
}

.rs-pricing.pricing-style1 .pricing-table .pricing-icon {
  width: 110px;
  margin: auto;
  /*height: 110px;border-radius: 50%;background: linear-gradient(90deg, rgba(254,205,0,0.99) 0%, #262525 100%);*/
  position: relative;
}

/*.rs-pricing.pricing-style1 .pricing-table .pricing-icon img{filter: brightness(0) invert(1);width: 50px;
position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}*/
.rs-pricing.pricing-style1 .pricing-table .pricing-table-price {
  margin-bottom: 30px;
}

.rs-pricing.pricing-style1 .pricing-table .pricing-table-price .pricing-table-bags .pricing-currency {
  font-size: 25px;
  font-weight: 600;
  color: #002129;
}

.rs-pricing.pricing-style1 .pricing-table .pricing-table-price .pricing-table-bags .table-price-text {
  font-size: 52px;
  font-weight: 700;
  color: #002129;
}

.rs-pricing.pricing-style1 .pricing-table .pricing-table-price .pricing-table-bags .table-period {
  color: #435761;
  font-size: 16px;
  font-weight: 600;
  margin-top: 0px;
  display: block;
}

.rs-pricing.pricing-style1 .pricing-table .pricing-table-body {
  margin-bottom: 7px;
  border-style: solid;
  border-width: 1px 0px 0px 0px;
  border-color: #EBEBEB;
  padding: 18px 15px 4px 15px;
}

.rs-pricing.pricing-style1 .pricing-table .pricing-table-body li {
  text-align: left;
  padding: 9px 0px 9px 0px;
  margin-bottom: 0px;
  font-size: 16px;
  font-weight: 400;
}

.rs-pricing.pricing-style1 .pricing-table .pricing-table-body li i {
  float: right;
  margin-right: 0;
  font-size: 16px;
  color: rgba(254, 205, 0, 0.99);
}

.rs-pricing.pricing-style2 .item {
  position: relative;
}

.rs-pricing.pricing-style2 .item .price-wrap {
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.05);
  text-align: center;
  position: relative;
  padding: 70px 30px 50px;
  background: #ffffff;
  overflow: hidden;
  z-index: 1;
  transition: all 0.3s ease;
}

.rs-pricing.pricing-style2 .item .price-wrap .icon-part .img-bg {
  position: relative;
  z-index: 2;
  width: 70px;
  height: 70px;
  line-height: 70px;
  border-radius: 100%;
  margin: 0 auto;
  z-index: 1;
}

.rs-pricing.pricing-style2 .item .price-wrap .icon-part .img-bg:after,
.rs-pricing.pricing-style2 .item .price-wrap .icon-part .img-bg:before {
  position: absolute;
  content: '';
  left: 50%;
  top: 50%;
  border-radius: 100%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}

.rs-pricing.pricing-style2 .item .price-wrap .icon-part .img-bg:after {
  width: 90px;
  height: 90px;
  opacity: 0.2;
  z-index: -1;
}

.rs-pricing.pricing-style2 .item .price-wrap .icon-part .img-bg:before {
  width: 110px;
  height: 110px;
  opacity: 0.1;
  z-index: -2;
}

.rs-pricing.pricing-style2 .item .price-wrap .title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 35px;
  color: #666666;
  position: relative;
  z-index: 2;
}

.rs-pricing.pricing-style2 .item .price-wrap .price {
  font-size: 40px;
  font-weight: 700;
  color: #002129;
  margin-bottom: 45px;
}

.rs-pricing.pricing-style2 .item .price-wrap .list-item {
  height: 0;
  transition: 0.5s;
  visibility: hidden;
  opacity: 0;
}

.rs-pricing.pricing-style2 .item .price-wrap .list-item li {
  margin-bottom: 12px;
  padding-bottom: 12px;
  font-weight: 500;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.rs-pricing.pricing-style2 .item .price-wrap .list-item li:last-child {
  margin-bottom: 40px;
  padding: 0;
  border: none;
}

.rs-pricing.pricing-style2 .item .price-wrap .price-btn a {
  display: inline-block;
  padding: 11px 42px;
  text-align: center;
  color: #ffffff;
}

.rs-pricing.pricing-style2 .item .price-wrap:after {
  position: absolute;
  content: '';
  left: 50%;
  bottom: -100%;
  transition: all 0.8s ease 0s;
  height: 97%;
  transform: scaleY(3) translateX(-50%);
  border-radius: 100% 100% 0 0;
  width: 107%;
  z-index: -1;
  opacity: 0.05;
}

.rs-pricing.pricing-style2 .item .collaps-btn {
  position: absolute;
  content: '';
  left: 50%;
  transform: translateX(-50%);
  bottom: -24.5008px;
  opacity: 0;
  z-index: 1;
  transition: all 0.5s;
}

.rs-pricing.pricing-style2 .item .collaps-btn i {
  width: 49px;
  height: 49px;
  line-height: 49px;
  cursor: pointer;
  text-align: center;
  border-radius: 100%;
  color: #ffffff;
  display: inline-block;
}

.rs-pricing.pricing-style2 .item .collaps-btn i:before {
  font-size: 14px;
  font-weight: 700;
  transition: all 0.3s ease;
}

.rs-pricing.pricing-style2 .item.primary-psudo .price-wrap .icon-part .img-bg {
  background: #FF8282;
}

.rs-pricing.pricing-style2 .item.primary-psudo .price-wrap .icon-part .img-bg:after,
.rs-pricing.pricing-style2 .item.primary-psudo .price-wrap .icon-part .img-bg:before {
  background: #FF8282;
}

.rs-pricing.pricing-style2 .item.primary-psudo .price-wrap .price-btn a {
  background: #FF8282;
}

.rs-pricing.pricing-style2 .item.primary-psudo .price-wrap:after {
  background: #FF8282;
}

.rs-pricing.pricing-style2 .item.primary-psudo .collaps-btn i {
  background: #FF8282;
}

.rs-pricing.pricing-style2 .item.secondary-psudo .price-wrap .icon-part .img-bg {
  background: #6D5AFE;
}

.rs-pricing.pricing-style2 .item.secondary-psudo .price-wrap .icon-part .img-bg:after,
.rs-pricing.pricing-style2 .item.secondary-psudo .price-wrap .icon-part .img-bg:before {
  background: #6D5AFE;
}

.rs-pricing.pricing-style2 .item.secondary-psudo .price-wrap .price-btn a {
  background: #6D5AFE;
}

.rs-pricing.pricing-style2 .item.secondary-psudo .price-wrap:after {
  background: #6D5AFE;
}

.rs-pricing.pricing-style2 .item.secondary-psudo .collaps-btn i {
  background: #6D5AFE;
}

.rs-pricing.pricing-style2 .item.green-psudo .price-wrap .icon-part .img-bg {
  background: #1AB128;
}

.rs-pricing.pricing-style2 .item.green-psudo .price-wrap .icon-part .img-bg:after,
.rs-pricing.pricing-style2 .item.green-psudo .price-wrap .icon-part .img-bg:before {
  background: #1AB128;
}

.rs-pricing.pricing-style2 .item.green-psudo .price-wrap .price-btn a {
  background: #1AB128;
}

.rs-pricing.pricing-style2 .item.green-psudo .price-wrap:after {
  background: #1AB128;
}

.rs-pricing.pricing-style2 .item.green-psudo .collaps-btn i {
  background: #1AB128;
}

.rs-pricing.pricing-style2 .item.is-open .price-wrap .icon-part .img-bg:after {
  animation: w90 1.30s infinite alternate;
}

.rs-pricing.pricing-style2 .item.is-open .price-wrap .icon-part .img-bg:before {
  animation: w110 1.30s infinite alternate;
}

.rs-pricing.pricing-style2 .item.is-open .price-wrap .list-item {
  height: 209px;
  opacity: 1;
  visibility: visible;
}

.rs-pricing.pricing-style2 .item.is-open .price-wrap:after {
  opacity: 0;
}

.rs-pricing.pricing-style2 .item.is-open .collaps-btn {
  opacity: 1;
}

.rs-pricing.pricing-style2 .item.is-open .collaps-btn i:before {
  content: "\f068";
}

.rs-pricing.pricing-style2 .item:hover .price-wrap .icon-part .img-bg:after {
  animation: w90 1.30s infinite alternate;
}

.rs-pricing.pricing-style2 .item:hover .price-wrap .icon-part .img-bg:before {
  animation: w110 1.30s infinite alternate;
}

.rs-pricing.pricing-style2 .item:hover .price-wrap:after {
  height: 0;
  width: 100%;
  bottom: 0;
}

.rs-pricing.pricing-style2 .item:hover .collaps-btn {
  opacity: 1;
}

.rs-pricing.pricing-style3 .pricing-table {
  padding: 55px 40px 0px 40px;
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #EBEBEB;
  border-radius: 5px 5px 5px 5px;
  text-align: center;
}

.rs-pricing.pricing-style3 .pricing-table .pricing-table-header .pricing-table-title {
  margin-bottom: 36px;
  color: #04004D;
  font-size: 24px;
  font-weight: 600;
}

.rs-pricing.pricing-style3 .pricing-table .pricing-icon {
  margin-bottom: 30px;
}

.rs-pricing.pricing-style3 .pricing-table .pricing-icon img {
  width: 90px;
}

.rs-pricing.pricing-style3 .pricing-table .pricing-table-price .pricing-table-bags {
  margin-bottom: 30px;
  color: #242424;
  font-weight: 700;
  font-size: 60px;
  line-height: normal;
}

.rs-pricing.pricing-style3 .pricing-table .pricing-table-price .pricing-table-bags .pricing-currency {
  font-size: 25px;
  font-weight: 600;
  color: #004fd2;
  margin-right: -15px;
}

.rs-pricing.pricing-style3 .pricing-table .pricing-table-price .pricing-table-bags .table-price-text {
  font-size: 52px;
  font-weight: 600;
  color: #004fd2;
  margin-right: -15px;
}

.rs-pricing.pricing-style3 .pricing-table .pricing-table-price .pricing-table-bags .table-period {
  position: relative;
  padding-left: 20px;
  display: inline-block;
  color: #435761;
  font-size: 16px;
  font-weight: 500;
}

.rs-pricing.pricing-style3 .pricing-table .pricing-table-price .pricing-table-bags .table-period:before {
  content: "";
  height: 20px;
  width: 2px;
  position: absolute;
  left: 0;
  transform: rotate(20deg) translateY(-50%);
  top: 50%;
  background: #f2f2f2;
}

.rs-pricing.pricing-style3 .pricing-table .pricing-table-body {
  margin-bottom: 10px;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-color: #EBEBEB;
  text-align: left;
}

.rs-pricing.pricing-style3 .pricing-table .pricing-table-body ul {
  padding: 0px 15px 4px 15px;
}

.rs-pricing.pricing-style3 .pricing-table .pricing-table-body ul li {
  padding: 9px 0px 9px 0px;
  margin-bottom: 0px;
  font-size: 15px;
  font-weight: 400;
  overflow: hidden;
}

.rs-pricing.pricing-style3 .pricing-table .pricing-table-body ul li i {
  float: right;
  margin-right: 0;
  min-width: 15px;
  font-size: 16px;
  color: #004fd2;
}

.rs-pricing.pricing-style3 .pricing-table .pricing-table-body ul li span {
  font-size: 15px;
  font-weight: 400;
}

.rs-pricing.pricing-style3 .pricing-table.middle-border {
  border-width: 3px 3px 3px 3px;
  border-color: #0146FA;
}

/*---get-in-touch---*/
.wpcf7 .form-check {
  display: flex;
  padding: 0;
  margin: 0;
  min-height: inherit;
}

.wpcf7 .form-check .wpcf7-list-item {
  margin: 0;
  vertical-align: top;
}

.contact-us .form-check .form-check-input {
  min-width: 20px;
  min-height: 20px;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  margin: 5px 10px 0 0;
}

.wpcf7 .form-check-label {
  color: var(--body-color);
  font-weight: 400;
  line-height: 1.3;
}

.btn-get-star {
  min-width: 100%;
  margin-top: 30px;
}

.contact-info p {
  margin-bottom: 15px;
  font-weight: 400;
  font-size: 15px;
}

.addresstitle {
  color: #262525;
  padding-bottom: 10px;
}

.wpcf7 .wpcf7-not-valid-tip {
  color: red;
}

/*---get-in-touch---*/



/* Footer */
.footerMain {
  display: block;
  width: 100%;
  background: #fff;
  border-top: 1px solid #eee;
}

.footTop {
  display: block;
  width: 100%;
  padding: 60px 0;
}

.footBox {
  display: block;
  width: 100%;
}

.footLogo {
  display: block;
  max-width: 200px;
  margin-bottom: 20px;
}

.footBox p {
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
}

.footBox .footTitle {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 20px;
  font-size: 20px;
  font-weight: 700;
  color: #000;
  position: relative;
}

.footBox .footTitle:after {
  content: "";
  width: 50px;
  height: 3px;
  background-color: rgba(254, 205, 0, 0.99);
  position: absolute;
  left: 0;
  bottom: 0;
}

.footBox ul {
  display: block;
}

.footBox ul li {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
}

.footBox ul.twoColList {
  font-size: 0;
}

.footBox ul.twoColList li {
  width: 50%;
}

.copyRight {
  display: block;
  width: 100%;
  border-top: 1px solid #e2e2e2;
  padding: 15px 15px;
  text-align: center;
}

.copyRight p {
  display: block;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
}

/*.copyRight p a{color: #686868;}*/
.FooterSocial {
  margin-top: 2.3rem;
}

.socialMeadia {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

.socialMeadia a {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  position: relative;
  text-align: center;
  font-size: 1.8rem;
  color: #fff;
  transition: border 0.4s ease-in-out, background 0.4s ease-in-out, color 0.4s ease-in-out;
  margin-right: .7rem;
  background: #262525;
  font-weight: 400;
  overflow: hidden;
}

.socialMeadia a:last-child {
  margin-right: 0;
}

.socialMeadia a .fa {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  line-height: 40px;
  transition: border 0.4s ease-in-out, background 0.4s ease-in-out, color 0.4s ease-in-out;
}

.socialMeadia a:hover {
  border-color: transparent;
}

.socialMeadia a:hover .fa {
  color: #fff;
}

.socialMeadia .fb:hover {
  background: #3b5998;
}

.socialMeadia .twitter:hover {
  background: #1DA1F2;
}

.socialMeadia .whatsapp:hover {
  background: #25D366;
}

.socialMeadia .linkedin:hover {
  background: #2867b2;
}

.socialMeadia .instagram:hover {
  background: #dd2a7b;
}

.socialMeadia .youtube:hover {
  background: #FF0000;
}


/*---Counter-Section---*/
.rs-counter {
  background: url(img/project-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #262525;
  padding: 50px 0;
}

.form-control {
  resize: none;
}

.form-control.custom-select-drop {
  padding-right: 25px;
}

/* ------------------------------------
    11. Counter Section CSS
---------------------------------------*/
.rs-counter {
  margin-top: -78px;
  position: absolute;
  min-width: 860px;
  right: 100px;
}

.rs-counter .counter-top-area .counter-list .counter-text .count-number {
  margin-bottom: 7px;
}

.rs-counter .counter-top-area .counter-list .counter-text .count-number .rs-count {
  color: #03228F;
  font-size: 48px;
  font-weight: 900;
  position: relative;
}

.rs-counter .counter-top-area .counter-list .counter-text .count-number .rs-count.plus {
  padding-right: 30px !important;
}

.rs-counter .counter-top-area .counter-list .counter-text .count-number .rs-count.plus:before {
  content: '+';
  position: absolute;
  right: 0;
}

.rs-counter .counter-top-area .counter-list .counter-text .count-number .rs-count.k {
  padding-right: 30px !important;
}

/*.rs-counter .counter-top-area .counter-list .counter-text .count-number .rs-count.k:before {
  content: 'k';
  position: absolute;
  right: 0;
}*/
.rs-counter .counter-top-area .counter-list .counter-text .title {
  font-size: 19px;
  line-height: 29px;
  color: #333333;
  font-weight: 600;
  margin: 0;
}

.rs-counter.style2 {
  margin-top: unset;
  position: unset;
  min-width: unset;
  right: unset;
}

.rs-counter.style2 .counter-top-area .counter-list {
  display: flex;
  align-items: center;
}

.rs-counter.style2 .counter-top-area .counter-list .count-icon {
  width: 80px;
  display: inline-block;
  padding-right: 15px;
}

.rs-counter.style2 .counter-top-area .counter-list .counter-text .count-number {
  margin-bottom: 7px;
  line-height: 1;
  display: inline-block;
  position: relative;
}

.rs-counter.style2 .counter-top-area .counter-list .counter-text .count-number .rs-count,
.rs-counter.style2 .counter-top-area .counter-list .counter-text .count-number small {
  color: #FFFFFF;
  font-size: 53px;
  font-weight: 700;
  -webkit-text-fill-color: rgba(254, 205, 0, 0.99);
  -webkit-text-stroke-width: 1px;
  position: relative;
}

.rs-counter.style2 .counter-top-area .counter-list .counter-text .count-number .rs-count.plus {
  padding-right: 22px;
}

/*.rs-counter.style2 .counter-top-area .counter-list .counter-text .count-number .rs-count.plus:before {
  content: '+';
  position: absolute;
  right: 0;
    top: 8px;
  bottom: 0;
  margin: auto;
  font-size: 35px;
}*/
.rs-counter.style2 .counter-top-area .counter-list .counter-text .count-number small {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 35px;
  line-height: 1;
}

/*
.rs-counter.style2 .counter-top-area .counter-list .counter-text .count-number .rs-count.k {
  padding-right: 22px;
}
.rs-counter.style2 .counter-top-area .counter-list .counter-text .count-number .rs-count.k:before {
  content: 'k';
  position: absolute;
  right: 0;
  top: 8px;
  bottom: 0;
  margin: auto;
  font-size: 35px;
}*/
.rs-counter.style2 .counter-top-area .counter-list .counter-text .title {
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
}

.rs-counter.style3 {
  margin-top: unset;
  position: unset;
  min-width: unset;
  right: unset;
}

.rs-counter.style3 .counter-top-area .counter-list .counter-text .count-number .rs-count {
  color: #03228F;
  font-size: 45px;
  font-weight: 700;
  padding: 0px 0px 0px 0px;
}

.rs-counter.style3 .counter-top-area .counter-list .counter-text .count-number .rs-count.orange-color {
  color: #DD4C23;
}

.rs-counter.style3 .counter-top-area .counter-list .counter-text .title {
  font-size: 18px;
  font-weight: 600;
  color: #101010;
}

.rs-counter.style3.modify1 {
  background-image: linear-gradient(180deg, #03228f 0%, #4e95ed 100%);
}

.rs-counter.style3.modify1 .counter-top-area {
  text-align: center;
}

.rs-counter.style3.modify1 .counter-top-area .counter-list .counter-text .count-number .rs-count {
  color: #ffffff;
}

.rs-counter.style3.modify1 .counter-top-area .counter-list .counter-text .count-number .prefix {
  font-size: 16px;
  color: #ffffff;
  font-weight: 700;
}

.rs-counter.style3.modify1 .counter-top-area .counter-list .counter-text .title {
  color: #ffffff;
}

.rs-counter.style3.modify2 .counter-top-area {
  text-align: center;
}

.rs-counter.style3.modify2 .counter-top-area .counter-list .counter-text .count-number {
  padding: 0px 0px 10px 0px;
}

.rs-counter.style3.modify2 .counter-top-area .counter-list .counter-text .count-number .rs-count.purple-color {
  color: #7D88FC;
}

.rs-counter.style3.modify2 .counter-top-area .counter-list .counter-text .count-number .rs-count.blue-color {
  color: #0073FF;
}

.rs-counter.style3.modify2 .counter-top-area .counter-list .counter-text .count-number .rs-count.pink-color {
  color: #F1491A;
}

.rs-counter.style3.modify2 .counter-top-area .counter-list .counter-text .count-number .rs-count.paste-color {
  color: #39EBE6;
}

.rs-counter.style3.modify2 .counter-top-area .counter-list .counter-text .title {
  color: #454545;
  font-size: 20px;
  font-weight: 600;
}

.rs-counter.style3.modify3 {
  margin-top: -210px;
}

.rs-counter.style3.modify3 .counter-top-area {
  text-align: center;
  background: #fff;
  box-shadow: 0px 0px 20px 0px #eee;
  padding: 70px 20px 90px 20px;
}

.rs-counter.style3.modify3 .counter-top-area .counter-list .counter-text {
  position: relative;
  z-index: 1;
}

.rs-counter.style3.modify3 .counter-top-area .counter-list .counter-text .count-number {
  padding: 0px 0px 10px 0px;
}

.rs-counter.style3.modify3 .counter-top-area .counter-list .counter-text .count-number .rs-count {
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  color: #787CF2;
  padding: 0px 0px 12px 0px;
}

.rs-counter.style3.modify3 .counter-top-area .counter-list .counter-text .title {
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  color: #454545;
  margin: 0;
}

.rs-counter.style3.modify3 .counter-top-area .counter-list .counter-text:before {
  content: '';
  position: absolute;
  right: 76px;
  top: -16px;
  width: 85px;
  height: 137px;
  background: #f9f9f9;
  z-index: -11;
}

.rs-counter.style4 {
  margin-top: -130px;
  position: unset;
  min-width: unset;
  right: unset;
}

.rs-counter.style4 .counter-top-area {
  text-align: center;
}

.rs-counter.style4 .counter-top-area .counter-list .counter-text .count-number {
  margin-bottom: 7px;
}

.rs-counter.style4 .counter-top-area .counter-list .counter-text .count-number .rs-count {
  color: #fff;
  font-size: 52px;
  font-weight: 700;
}

.rs-counter.style4 .counter-top-area .counter-list .counter-text .count-number .rs-count.plus {
  padding-right: 30px !important;
}

.rs-counter.style4 .counter-top-area .counter-list .counter-text .count-number .rs-count.plus:before {
  content: '+';
  position: absolute;
  right: 0;
}

.rs-counter.style4 .counter-top-area .counter-list .counter-text .count-number .rs-count.k {
  padding-right: 30px !important;
}

.rs-counter.style4 .counter-top-area .counter-list .counter-text .count-number .rs-count.k:before {
  content: 'k';
  position: absolute;
  right: 0;
}

.rs-counter.style4 .counter-top-area .counter-list .counter-text .title {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
}

.rs-counter.style5 {
  margin-top: unset;
  position: relative;
  min-width: unset;
  right: unset;
  margin: unset;
}

.rs-counter.style5 .counter-top-area {
  padding: 15px;
}

.rs-counter.style5 .counter-top-area .images-part img {
  border-radius: 10px 10px 10px 10px;
}

.rs-counter.style5 .counter-top-area .counter-list {
  margin: -186px -20px 0px 20px;
  padding: 215px 30px 25px 20px;
  background-color: #663DEC;
  border-radius: 10px 10px 10px 10px;
}

.rs-counter.style5 .counter-top-area .counter-list .counter-text .count-number {
  margin-bottom: 7px;
}

.rs-counter.style5 .counter-top-area .counter-list .counter-text .count-number .rs-count {
  color: #FF7045;
  font-weight: 700;
}

.rs-counter.style5 .counter-top-area .counter-list .counter-text .title {
  font-size: 20px;
  line-height: 20px;
  color: #ffffff;
}

.rs-counter.style5 .counter-top-area .counter-list:hover {
  background-image: linear-gradient(180deg, #343dfb 0%, #932ff5 100%);
}

/*---Counter-Section---*/

/*---partner-logo---*/

.partnerSliderWrap {
  background: #262525;
  /*border: 1px solid #ccc;border-left: none;border-right: none;*/
}

.partnerSliderWrap {
  padding: 30px 0;
}

.partnerSlide {
  margin: 0 3rem;
  text-align: center;
}

.partnerSlider .slick-track {
  display: flex;
  align-items: center;
  margin-left: initial;
}

/*---partner-logo---*/

/*---our-clients---*/

.ourclientSec {
  padding: 100px 0;
}

.ourclientSec .sec-title .title {
  padding-bottom: 0px;
}

.ourclientlistmain ul {
  display: flex;
  flex-wrap: wrap;
}

.ourclientlistmain ul li {
  display: inline-block;
  vertical-align: top;
  width: 16.66%;
  flex: 0 0 auto;
  padding: 30px 15px;
  border: 0;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.ourclientlistmain ul li:nth-last-child(-n+6),
.ourclientlistmain ul li:nth-last-child(-n+6):nth-child(6n+1)~li {
  border-bottom: none;
}

.ourclientlistmain ul li:nth-child(6n+6) {
  border-right: none;
}

.clientimg {
  position: relative;
  width: 100%;
  display: block;
  padding-bottom: 38%;
  filter: grayscale(1);
  transition: all 0.4s ease-in-out;
}

.clientimg img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-position: center;
  object-fit: contain;
}

.ourclientlistmain ul li:hover .clientimg {
  filter: grayscale(0);
}

/*---our-clients---*/

/*----Work-Process---*/

.processBoxmain {
  padding: 3rem;
  width: 32.6rem;
  height: 32.6rem;
  position: relative;
}

.processBoxmain:before {
  position: absolute;
  content: "";
  width: 32.6rem;
  height: 17rem;
  background: url(img/circle-process.svg);
  object-fit: contain;
  background-repeat: no-repeat;
  left: 0;
  bottom: 0;

  /*animation: mymove 5s infinite;
  animation-iteration-count: 1;*/

}

.processBoxinner {
  background: linear-gradient(120deg, #fff 40%, #e1e1e1);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: 8px 0 20px 0 rgb(0 0 0 / 10%);
  padding: 1.5rem;
}

.processBox {
  background: #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  padding: 1.5rem;
}

.processdetail {
  border: .3rem solid #262525;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  padding: 3rem;
}

.procestepHead {
  padding-bottom: 10px;
  text-align: center;
}

.procestepHead .procesteps {
  font-size: 5rem;
  font-weight: 800;
  color: #262525;
  line-height: 1;
  display: inline-block;
  margin-bottom: 0;
  vertical-align: bottom;
  padding-right: 1.5rem;
}

.procestepHead img {
  max-width: 5rem;
  display: inline-block;
}

.procecenter {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.processcon {
  text-align: center;
}

.processcon .procestepstitle {
  font-size: 1.8rem;
  background: #262525;
  border-radius: .5rem;
  color: #fff;
  font-weight: 500;
  padding: .2rem .5rem;
  margin-bottom: .8rem;
  display: inline-block;
}

.processcon p {
  font-size: 1.2rem;
  line-height: 1.2;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  white-space: normal;
}

.processcol:nth-child(even) .processBoxmain:before {
  bottom: inherit;
  top: 0;
  background: url(img/circle-process-top.svg) no-repeat;
}


/*----Work-Process---*/

.scrollTop {
  display: none;
  position: fixed;
  right: 10px;
  bottom: 90px;
  width: 40px;
  height: 40px;
  z-index: 999;
  background-color: rgba(254, 205, 0, 0.99);
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
}

.scrollTop span {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 6px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  margin-top: 13px;
}

.scrollTop:after {
  content: "";
  width: 2px;
  height: 14px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  background: #fff;
  margin-top: 13px;
}

.scrollTop:hover {
  opacity: 0.8;
}

/*---contact----*/

.contact-us {
  padding: 100px 0;
}

.form-control.textare-form-control {
  min-height: 120px;
}

/*---contact----*/

/*---blog---*/

.blogSec {
  padding: 100px 0;
  background: #f8f9fa;
}

.rs-blog .blogboxmain {
  transition: all 500ms ease;
  border-radius: 10px;
  box-shadow: 0 6px 25px rgba(12, 89, 219, 0.09);
  margin-top: 15px;
  padding: 0px;
  background: #fff;
  overflow: hidden;
}

.rs-blog .blogboxmain .image-wrap {
  position: relative;
}

.rs-blog .blogboxmain .post-categories {
  position: absolute;
  z-index: 11;
  bottom: 10px;
  left: 15px;
  right: 15px;
  z-index: 10;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.rs-blog .blogboxmain .post-categories li {
  display: inline-block;
  margin: 4px 5px !important;
}

.rs-blog .blogboxmain .post-categories li:nth-child(3) {
  clear: both;
}

.rs-blog .blogboxmain .post-categories li a {
  border-radius: 30px;
  color: #ffffff;
  background: #262525;
  transition: 0.4s;
  font-size: 12px;
  font-weight: 500;
  padding: 3px 9px;
  display: block;
}

.rs-blog .blogboxmain .post-categories li a:hover {
  background: rgba(254, 205, 0, 0.99);
}

.rs-blog .blogboxmain .blog-content {
  padding: 30px 15px 18px 15px;
  background: #fff;
}

.rs-blog .blogboxmain .blog-content .blog-meta {
  margin-bottom: 10px;
  display: flex;
}

.rs-blog .blogboxmain .blog-content .blog-meta .date {
  font-size: 14px;
  color: #454545;
}

.rs-blog .blogboxmain .blog-content .blog-meta .date i {
  color: rgba(254, 205, 0, 0.99);
  padding-right: 5px;
}

.rs-blog .blogboxmain .blog-content .blog-meta .admin {
  font-size: 15px;
  font-weight: 500;
  color: #454545;
  margin-left: 25px;
}

.rs-blog .blogboxmain .blog-content .blog-meta .admin i {
  color: rgba(254, 205, 0, 0.99);
  padding-right: 5px;
}

.rs-blog .blogboxmain .blog-content .blog-title {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 12px;
  line-height: 1.4;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
}

.rs-blog .blogboxmain .blog-content .blog-title a {
  color: #101010;
}

.rs-blog .blogboxmain .blog-content .blog-title a:hover {
  color: rgba(254, 205, 0, 0.99);
}

.rs-blog .blogboxmain .blog-content .desc {
  margin-bottom: 15px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
}

.rs-blog .blogboxmain:hover {
  transform: translateY(-10px);
}

.blogmain {
  margin: 0 -10px;
  font-size: 0;
}

.blogmain .blog-item {
  padding: 0 15px;
}

.blogimg {
  position: relative;
  width: 100%;
  display: block;
  padding-bottom: 90%;
}

.blogimg img {
  position: absolute;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  object-position: center;
}

/*-- Blog Button Css --*/
.blog-button {
  width: auto;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  padding-right: 15px;
  position: relative;
  display: inline-block;
}

.blog-button:after {
  content: "";
  width: 8px;
  height: 8px;
  border-bottom: 1px solid #262525;
  border-right: 1px solid #262525;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  transform: rotate(-45deg);
  margin: auto;
  transition: all 0.4s ease-in-out;
}

.blog-button:hover:after {
  border-color: rgba(254, 205, 0, 0.99);
}

/*---blog---*/


/*---about-us---*/

.aboutbannerSec {
  display: block;
  width: 100%;
  position: relative;
  z-index: 2;
  min-height: 600px;
  border-bottom: 0px solid #ccc;
  z-index: 2;
}

.aboutbannerSec:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.2;
  z-index: -1;
}

.aboutbannerinner {
  padding-top: 150px;
  padding-left: 150px;
  padding-bottom: 70px;
  max-width: 1366px;
  margin: auto;
}

.aboutbannerSec .homebanner .bannerTitle {
  color: #fff;
}

.aboutbannerSec .bannercon p {
  color: #fff;
}

.aboutbannimg {
  position: relative;
  width: 100%;
  display: block;
  padding-bottom: 73%;
  border-radius: 10px;
  overflow: hidden;
}

.aboutbannimg img {
  position: absolute;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  object-position: center;
}

.aboubanmain {
  padding: 100px 0;
}


.menu-main-menu-container li.current-menu-item a,
.headerMianlight .menu-main-menu-container li.active a,
.headerMianlight .menu-main-menu-container li a:hover {
  color: rgba(254, 205, 0, 0.99);
}

.main-menu a:not([href]):not([class]):hover {
  color: rgba(254, 205, 0, 0.99);
}

.rating {
  background: #fff;
  border-radius: .7rem;
  box-shadow: 0 5px 15px #e0e0e0;
  padding: 30px;
  text-align: center;
  height: 100%;
}

.ratinglogo {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 20%;
  margin-bottom: 20px;
}

.ratinglogo img {
  position: absolute;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.ratinfotitle {
  font-size: 20px;
  color: rgba(254, 205, 0, 0.99);
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 15px;
}

.ratingnum {
  display: inline-block;
  vertical-align: middle;
  color: rgba(254, 205, 0, 0.99);
  font-size: 14px;
  line-height: 1.4;
}

.ratingcol {
  margin-bottom: 20px;
}

.visimisscorSec {
  padding: 100px 0;
}

.visimisscol {
  border-right: 1px solid #ccc;
}

.visimisscol:last-child {
  border-right: 0;
}

.visimissconbox {
  text-align: center;
  height: 100%;
  padding: 30px;
}

.visimissicon {
  text-align: center;
  background: #262525;
  max-width: 100px;
  max-height: 100px;
  margin: auto;
  padding: 20px;
  margin-bottom: 30px;
  border-radius: 10px;
  overflow: hidden;
}

.visimissicon .icon {
  filter: brightness(0) invert(1);
}

.visimisscon .visimisstitle {
  color: #262525;
  font-size: 24px;
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 20px;
}

.listboxfeature {
  display: block;
  margin-bottom: 15px;
  font-size: 0;
  padding: 20px 15px;
  box-shadow: 0 0 15px rgb(0 0 0 / 5%);
  border: solid 1px #EEE;
  border-radius: 10px;
}

.listboxfeature:last-child {
  margin-bottom: 0px;
}

.visimisscoreSec .icon-box {
  background: #262525;
  border-radius: 50%;
  width: 55px;
  height: 55px;
  line-height: 55px;
  padding: 0px;
  display: inline-block;
}

.visimisscoreSec .icon-content {
  display: inline-block;
  padding-left: 20px;
  vertical-align: top;
  width: calc(100% - 55px);
}

.visimisscoreSec .icon-box img {}

.visimisscoreSec li:nth-child(1) .icon-box {
  background: rgba(10, 179, 207, 0.3);
}

.visimisscoreSec li:nth-child(2) .icon-box {
  background: rgba(254, 149, 153, 0.3);
}

.visimisscoreSec li:nth-child(3) .icon-box {
  background: rgba(253, 193, 90, 0.3);
}

.visimisscoreSec .seodubaicol:nth-child(1) .listboxfeature .icon-box {
  background: rgba(10, 179, 207, 0.3);
}

.visimisscoreSec .seodubaicol:nth-child(2) .listboxfeature .icon-box {
  background: rgba(254, 149, 153, 0.3);
}

.visimisscoreSec .seodubaicol:nth-child(3) .listboxfeature .icon-box {
  background: rgba(253, 193, 90, 0.3);
}

.visimisscoreSec .seodubaicol:nth-child(4) .listboxfeature .icon-box {
  background: rgba(86, 204, 115, 0.3);
}

.visimisscoreSec .seodubaicol:nth-child(5) .listboxfeature .icon-box {
  background: rgba(131, 137, 255, 0.3);
}

.visimisscoreSec .seodubaicol:nth-child(6) .listboxfeature .icon-box {
  background: rgba(51, 191, 253, 0.3);
}

.visimisscoreSec .seodubaicol:nth-child(7) .listboxfeature .icon-box {
  background: rgba(255, 181, 131, 0.3);
}

.visimisscoreSec .seodubaicol:nth-child(8) .listboxfeature .icon-box {
  background: rgba(237, 155, 213, 0.3);
}


.vimicortitle {
  color: #000;
  font-size: 20px;
  margin-bottom: 7px;
}

.visimisstitle {
  font-size: 34px;
  font-weight: 700;
  color: #000;
  margin-bottom: 20px;
}

.samlltitle {
  font-size: 14px;
  line-height: 28px;
  letter-spacing: 1px;
  font-weight: 700;
  color: rgba(254, 205, 0, 0.99);
  text-transform: uppercase;
  display: block;
  margin: 0;
  padding-bottom: 10px;
}

.visimisscoreSec .img-overlay-list li i {
  background: #262525;
  font-size: 14px;
}

.visimisscoreSec {
  padding: 100px 0;
}


.process-wrap {
  background: url(img/about-img-2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #03228F;
  margin: 0px 31px 0px 0px;
  padding: 80px 40px 75px 40px;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  border-radius: 10px 10px 10px 10px;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.process-wrap:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  background: #262525;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.7;
}

.clientfocSec .sec-title .sub-text {
  color: #fff;
}

.clientfocSec .sec-title .title {
  color: #fff;
  font-size: 32px;
  padding-bottom: 0;
}

.clientfocSec .rs-addon-number .number-text .number-area {
  display: inline-block;
  width: 50px;
  line-height: 50px;
  z-index: 1;
  position: relative;
  transition: all 0.3s ease 0s;
  text-align: center;
  width: 64px;
  height: 54px;
  top: -20px;
  font-size: 50px;
  font-weight: 700;
  color: rgba(254, 205, 0, 0.99);
}

.clientfocSec .rs-addon-number .number-text .number-area:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: -15px;
  left: 0;
  z-index: -1;
  transform: rotate(45deg);
  transition: all 0.3s ease 0s;
  border-radius: 50px 50px 50px 50px;
  background: rgb(243 209 67 / 46%);
}

.clientfocSec .rs-addon-number .number-text .number-title .title {
  color: #262525;
  font-size: 26px;
  padding-bottom: 10px;
}

.clientfocSec .rs-addon-number .number-text {
  padding-top: 65px;
}

.clientfocSec {
  background: #f8f9fa;
  padding: 100px 0;
}

.clientfocSec .sec-title {
  margin-bottom: 25px;
}

.clintfocboxmain {
  padding-top: 30px;
}

.clintfocboxinner {
  padding: 0 30px;
  height: 100%;
}

.clintfocbox {
  background: #fff;
  border-radius: 7px;
  box-shadow: 0 5px 15px #e0e0e0;
  padding: 20px;
  height: 100%;
  padding-top: 0;
  position: relative;
  display: inline-block;
}

.clinticon {
  text-align: center;
  background: #262525;
  max-width: 80px;
  max-height: 80px;
  margin: auto;
  padding: 20px;
  margin-bottom: 30px;
  border-radius: 10px;
  overflow: hidden;
  margin-left: -50px;
  margin-top: -30px;
}

.clinticon .icon {
  filter: brightness(0) invert(1);
}

.clintfocon {}

.clintfocon .clintfoctitle {
  padding-bottom: 20px;
  font-size: 24px;
  color: #000;
  font-weight: 600;
  line-height: 1.4;
}

.clintfocon .clintfoctitle b {
  font-weight: 800;
  color: rgba(254, 205, 0, 0.99);
}

.clintfoccol {
  margin-bottom: 80px;
}

.ourteamSec {
  padding: 100px 0;
}

.ourteamSec .sec-title {
  margin-bottom: 50px;
}

.row.teamemrow {
  margin: 0 -14px;
}

.teamemcol {
  padding: 0 14px;
}

.teamembox {
  transition: all 0.4s ease-in-out;
  position: relative;
  overflow: hidden;
}

.teamemimg {
  position: relative;
  padding-bottom: 140%;
  display: block;
}

.teamemimg img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  display: block;
  object-fit: cover;
  filter: grayscale(100%);
  transition: filter 0.4s ease-in-out;
}

.teamemcon {
  position: absolute;
  width: 100%;
  bottom: -100%;
  left: 0;
  right: 0;
  content: "";
  transition: bottom 0.4s ease-in-out;
  padding: 20px 25px;
  background: #262525;
  font-size: 0;
}

.teamemcon .teamemtitle {
  display: block;
  font-size: 22px;
  line-height: 1;
  font-weight: 700;
  color: #fff;
  margin-bottom: 7px;
}

.teamemcon span {
  font-weight: 400;
  line-height: 1.4;
  color: #fff;
  font-size: 16px;
}

.teamembox:hover .teamemimg img {
  filter: grayscale(0);
}

.teamembox:hover .teamemcon {
  bottom: 0;
}

.team-social-list li.list-inline-item {
  transition: all 0.4s ease-in-out;
}

.team-social-list li.list-inline-item a:hover,
.author-social-list li.list-inline-item a:hover {
  background: rgba(254, 205, 0, 0.99);
}

.team-img {
  display: block;
  width: 100%;
  padding-bottom: 100%;
  position: relative;
}

.team-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  object-fit: cover;
  object-position: center;
}

.teamtitle {
  font-size: 20px;
  color: #262525;
  font-weight: 600;
  line-height: 1.4;
  display: block;
}

.teamcategory {
  font-size: 14px;
  color: #000;
  line-height: 1.4;
}

.teammain {
  margin: 0 -10px;
}

.teamcol {
  padding: 0 10px;
}

.visimissimgmain {
  padding-left: 85px;
}

.valuesimgbox {
  position: relative;
  width: 100%;
  display: block;
  padding-bottom: 134%;
}

.valuesimgbox img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-position: center;
  object-fit: cover;
}

.aboutimgmain {
  padding-top: 50px;
  position: relative;
  z-index: 2;
}

.aboutimgone {
  position: relative;
  width: 100%;
  display: block;
  padding-bottom: 36%;
  max-width: 270px;
  z-index: 3;
}

.aboutimgone img {
  position: absolute;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  object-position: center;
}

.aboutimgtwo {
  position: relative;
  width: 100%;
  display: block;
  padding-bottom: 84%;
  max-width: 440px;
  margin-left: auto;
  margin-top: -181px;
}

.aboutimgtwo img {
  position: absolute;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  object-position: center;
}

.aboutimgthree {
  position: relative;
  width: 100%;
  display: block;
  padding-bottom: 43%;
  max-width: 345px;
  margin-top: -165px;
  z-index: -1;
}

.aboutimgthree img {
  position: absolute;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  object-position: center;
}




/*---about-us---*/

/*---services----*/


.serviceabout {
  padding: 70px 0;
  background: #262525;
  min-height: 700px;
}

/*.serviceabout .sec-title .title{color: #fff;}*/
.serviceabout .sec-title .btn {
  min-width: 20rem;
}

.technologySec {
  background: #fff;
  padding: 100px 0;
  padding-bottom: 70px;
}

.technologySec .sec-title {
  margin-bottom: 50px;
}

.technologySec .techncol {
  margin-bottom: 30px
}

.technologySec .techntitle {
  font-size: 26px;
  line-height: 30px;
  font-weight: 800;
  color: #000;
  padding-bottom: 30px
}

.technboxmain {
  background: #fff;
  border-radius: 10px;
  padding: 35px 20px;
  box-shadow: -1px 0 13px 0 rgba(0, 0, 0, .1);
  height: 100%;
  transition: all 0.4s ease-in-out;
  border-bottom: 6px solid transparent;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.technboxmain:hover {
  box-shadow: -5px 3px 19px 3px rgb(0 0 0 / 10%);
}

.technboxmain .technicon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  /*     padding: 15px; */
  position: relative;
  display: inline-block;
  vertical-align: middle
}

.technboxmain .technicon img {
  /*filter: brightness(0) invert(1);*/
}

.techncol:nth-child(1) .technboxmain .technicon {
  background: rgba(10, 179, 207, 0.3);
}

.techncol:nth-child(2) .technboxmain .technicon {
  background: rgba(254, 149, 153, 0.3);
}

.techncol:nth-child(3) .technboxmain .technicon {
  background: rgba(253, 193, 90, 0.3);
}

.techncol:nth-child(4) .technboxmain .technicon {
  background: rgba(86, 204, 115, 0.3);
}

.techncol:nth-child(5) .technboxmain .technicon {
  background: rgba(131, 137, 255, 0.3);
}

.techncol:nth-child(6) .technboxmain .technicon {
  background: rgba(51, 191, 253, 0.3);
}

.techncol:nth-child(7) .technboxmain .technicon {
  background: rgba(255, 181, 131, 0.3);
}

.techncol:nth-child(8) .technboxmain .technicon {
  background: rgba(237, 155, 213, 0.3);
}

.techncol .technboxmain:before {
  position: absolute;
  content: "01";
  transition: right 0.4s ease-in-out;
  font-weight: 700;
  font-size: 40px;
  color: #262525;
  top: 10px;
  right: -100px;
  line-height: 1;
  opacity: 0.6;
}

.techncol .technboxmain:hover:before {
  right: 10px;
}

.techncol:nth-child(1) .technboxmain:hover:before {
  content: "01";
}

.techncol:nth-child(2) .technboxmain:hover:before {
  content: "02";
}

.techncol:nth-child(3) .technboxmain:hover:before {
  content: "03";
}

.techncol:nth-child(4) .technboxmain:hover:before {
  content: "04";
}

.techncol:nth-child(5) .technboxmain:hover:before {
  content: "05";
}

.techncol:nth-child(6) .technboxmain:hover:before {
  content: "06";
}

.techncol:nth-child(7) .technboxmain:hover:before {
  content: "07";
}

.techncol:nth-child(8) .technboxmain:hover:before {
  content: "08";
}



.technboxmain .technicon .icon {
  position: absolute;
  top: 4px;
  left: 0;
  right: 0;
  bottom: 0;
  line-height: 64px;
  font-size: 40px;
  color: #fff;
  text-align: center;
  margin: auto
}

.technboxmain .technboxcon .technboxtitle {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  line-height: 24px;
  padding-top: 10px;
  padding-bottom: 15px;
  position: relative
}

.technboxmain .technboxcon p {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
  color: #000;
  margin: 0;
  margin-top: 12px
}

.whywedevlopSec {
  background: #f8f9fa;
  padding: 100px 0;
  padding-bottom: 50px;
}

.sec-title {
  margin-bottom: 50px;
  position: relative;
}

.whydevlrow {
  margin: 0 -20px;
}

.whydevlcol {
  padding: 0 20px;
  margin-bottom: 0px;
}

.whydevboxmain {
  text-align: center;
  height: 100%;
  padding: 0px 0px;
  transition: all 0.4s ease-in-out;
}

.whydevicon {
  max-width: 90px;
  max-height: 90px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  margin: auto;
  margin-bottom: 30px;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
}

/* .whydevicon img{filter: brightness(0) invert(1);} */
.whydevboxmain:hover .whydevicon {
  background: #262525;
}

/*.whydevboxmain:hover .whydevicon img{filter: inherit;}*/

.whydevlcol:nth-child(1) .whydevboxmain .whydevicon {
  background: rgba(254, 205, 0, 0.7);
}

.whydevlcol:nth-child(2) .whydevboxmain .whydevicon {
  background: rgba(254, 205, 0, 0.7);
}

.whydevlcol:nth-child(3) .whydevboxmain .whydevicon {
  background: rgba(254, 205, 0, 0.7);
}

.whydevcon .devteamtitle {
  color: #000;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 15px;
  display: block;
}

.whydevcon p {
  color: #000;
}

.ourproceSec {
  padding: 100px 0;
  padding-bottom: 50px;
  background: #fff;
}

.processtepformMian {
  display: flex;
  flex-wrap: wrap;
}

.processstep {
  width: 70%;
}

.enquireserviceform {
  width: 30%;
}

.processstep .custom-section.process-wrapper.wd__process--wrapper {
  padding-top: 65px;
  padding-bottom: 50px;
}

.processstep .process-wrapper.wd__process--wrapper .entry-title {
  font-size: 34px;
  margin-bottom: 50px;
  line-height: normal;
  padding: 0;
  color: #000;
  text-align: center;
  font-weight: 700;
  margin-left: 145px
}

.processstep .process_slideshow--wrapper {
  position: relative
}

.processstep .custom-section.process-wrapper.wd__process--wrapper .svg-box {
  left: -10px;
  top: -50px
}

.processstep .svg-box {
  width: 300px;
  height: 300px;
  position: absolute;
  top: 110px;
  left: -50px
}

@media (min-width:992px) {
  .processstep .svg-box {
    display: block
  }
}

.processstep .process_slideshow .process_text p {
  font-size: 14px;
  color: #000;
  font-weight: 500;
  line-height: 24px
}

.processstep .owl-carousel {
  /*display: none;*/
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y
}

.processstep .owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%
}

.processstep .owl-carousel .owl-wrapper-outer.autoHeight {
  transition: height .5s ease-in-out
}

.processstep .owl-carousel .owl-item {
  float: left
}

.processstep .process_slideshow .process_slideshow_item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  margin: 0 -15px
}

.processstep .process_slideshow .process_slideshow_image {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-flex-basis: 39%;
  -ms-flex-preferred-size: 39%;
  flex-basis: 39%;
  width: 39%;
  padding: 0 15px
}

.processstep .custom-section.process-wrapper.wd__process--wrapper .process_slideshow .process_slideshow_image img {
  margin-left: 39px;
  width: 200px;
  height: 200px;
  border-radius: 50%;
}

.processstep .process_slideshow .process_slideshow_text {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-flex-basis: 61%;
  -ms-flex-preferred-size: 61%;
  flex-basis: 61%;
  padding: 0 15px;
  position: relative;
  padding-top: 0px;
  padding-bottom: 100px;
}

.processstep .process_slideshow .process_number {
  width: 45px;
  height: 45px;
  text-align: center;
  background-color: rgba(254, 205, 0, 0.99);
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  line-height: 45px;
  border-radius: 50%;
  margin-left: 0px;
  margin-bottom: 20px;
  display: block;
  vertical-align: top;
}

.processstep .process_slideshow .process_text {
  font-size: 15px;
  color: #000;
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 50px);
  padding-left: 0px;
}

.processstep .process_slideshow .process_text h3 {
  font-size: 22px;
  color: #000;
  font-weight: 700;
  margin-bottom: 20px
}

.processstep .owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0
}

.processstep .process_slideshow.owl-theme .owl-controls {
  position: absolute;
  width: 100%
}

.processstep .owl-theme .owl-controls {
  margin-top: 0;
  text-align: center
}

.processstep .process_slideshow.owl-theme .owl-controls .owl-buttons div {
  top: 0;
  width: 45px;
  height: 45px;
  opacity: 1;
  margin: 0
}

.processstep .process_slideshow.owl-theme .owl-controls .owl-buttons div.owl-prev {
  left: 31%;
  cursor: pointer;
}

.processstep .process_slideshow.owl-theme .owl-controls .owl-buttons div.owl-next {
  right: 56%;
  cursor: pointer;
}

.processstep .process_slideshow.owl-theme .owl-controls {
  position: absolute;
  top: inherit;
  bottom: 50px;
  left: 70px;
  width: 100%
}

.processstep .owl-theme .owl-controls .owl-buttons div.owl-prev {
  left: -50px;
  right: auto
}

.processstep .owl-theme .owl-controls .owl-buttons div {
  position: absolute;
  top: -55px;
  margin: 0;
  padding: 0;
  /*background: #f3f3f3;*/
  width: 51px;
  height: 51px;
  overflow: hidden;
  font-size: 0;
  border-radius: 50%;
  filter: Alpha(Opacity=50);
  opacity: .5
}

.processstep .owl-theme .owl-controls .owl-buttons div:before {
  position: absolute;
  font: 22px;
  content: '';
  color: #0069aa;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  line-height: 45px
}

.processstep .owl-theme .owl-controls .owl-buttons div.owl-prev:before {
  content: "";
  width: 12px;
  height: 12px;
  border-bottom: 2px solid #1b2f22;
  border-left: 2px solid #1b2f22;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: rotate(45deg);
  transition: border 0.4s ease-in-out;
}

.processstep .owl-theme .owl-controls .owl-buttons div.owl-prev:after {
  border: solid #1b2f22;
  border-width: 0 2px 0px 0;
  display: inline-block;
  content: "";
  padding: 8px;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  margin-top: 20px;
  transition: border 0.4s ease-in-out;
}

.processstep .owl-theme .owl-controls .owl-buttons div.owl-next {
  left: auto;
  right: -50px
}

.processstep .owl-theme .owl-controls .owl-buttons div.owl-next:before {
  content: "";
  width: 12px;
  height: 12px;
  border-bottom: 2px solid #1b2f22;
  border-right: 2px solid #1b2f22;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: rotate(-45deg);
  transition: border 0.4s ease-in-out;
}

.processstep .owl-theme .owl-controls .owl-buttons div.owl-next:after {
  border: solid #1b2f22;
  border-width: 0 2px 0px 0;
  display: inline-block;
  content: "";
  padding: 8px;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  margin-top: 4px;
  transition: border 0.4s ease-in-out;
}

.processstep .owl-theme .owl-controls .owl-buttons div {
  color: #fff;
  display: inline-block;
  zoom: 1;
  margin: 5px;
  padding: 3px 10px;
  font-size: 12px;
  border-radius: 30px;
  /*background: #f5f5f5;*/
  filter: Alpha(Opacity=50);
  opacity: .5;
  font-size: 0
}

.processstep .owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease
}

.processstep .owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease
}

.processstep .process_slideshow.owl-theme .owl-controls .owl-buttons div {
  transition: all 0.4s ease-in-out;
}

/*.processstep .process_slideshow.owl-theme .owl-controls .owl-buttons div:hover{background: rgba(254,205,0,0.99);}*/
.processstep .process_slideshow.owl-theme .owl-controls .owl-buttons div:hover:before {
  border-color: rgba(254, 205, 0, 0.99);
}

.processstep .process_slideshow.owl-theme .owl-controls .owl-buttons div:hover:after {
  border-color: rgba(254, 205, 0, 0.99);
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}



.ourportfoliSec {
  padding: 100px 0;
  padding-bottom: 80px;
}

.ourportfoliSec .sec-title {
  text-align: center;
}

/*.ourportfoliSec .sec-title .sub-text{color: #fff;}
.ourportfoliSec .sec-title .title{color: #fff;}
.ourportfoliSec .viewAll{color: #fff;}*/
.ourportfoliSec .viewAll:hover {
  color: rgba(254, 205, 0, 0.99);
}

/*.ourportfoliSec .viewAll:after{border-color: #fff;}*/

.portfolibox {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  height: 100%;
  box-shadow: -1px 0 13px 0 rgb(0 0 0 / 10%);
  text-align: left;
}

.Portfolicol {
  margin-bottom: 20px;
}

.portfolimg {
  position: relative;
  width: 100%;
  display: block;
  padding-bottom: 80%;
  overflow: hidden;
}

.portfolimg img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-position: center;
  object-fit: cover;
  transition: transform .4s ease-in-out;
}

.portfolicon {
  padding: 25px 20px;
  position: relative;
}

.portechnobox {
  padding-right: 0px;
  position: relative;
  text-align: left;
}

.portfolicon .category {
  color: #262525;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 10px;
  line-height: 1.4;
  text-transform: uppercase;
  transition: all 0.4s ease-in-out;
  display: block;
}

.portfolicon .portfolititle {
  color: #000;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 10px;
  display: block;
  transition: all 0.4s ease-in-out;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
}

.portfolicon p {
  font-size: 14px;
  margin-bottom: 0px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: left;
  display: -webkit-box;
}

.portfolibox .btn {
  font-size: 14px;
  padding: 7px 15px;
  min-width: inherit;
}

.portfolibox:hover .portfolimg img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.portfolibox:hover .portfolicon .portfolititle {
  color: rgba(254, 205, 0, 0.99);
}

.viewAll {
  width: auto;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  padding-right: 15px;
  position: absolute;
  right: 0;
  bottom: 12px;
}

.viewAll:after {
  content: "";
  width: 8px;
  height: 8px;
  border-bottom: 1px solid #262525;
  border-right: 1px solid #262525;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  transform: rotate(-45deg);
  margin: auto;
  transition: all 0.4s ease-in-out;
}

.viewAll:hover:after {
  border-color: rgba(254, 205, 0, 0.99);
}

.portfolimain {
  margin: 0 -15px;
}

.portfolimain .Portfolicol {
  padding: 0 15px;
}

.technologybtn {
  padding: 5px;
  display: inline-block;
  width: 35px;
  height: 35px;
  position: relative;
  color: #000;
  margin-top: 5px;
  margin-bottom: 0px;
}

.technologybtn .fa {
  color: #000;
  font-size: 22px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  line-height: 35px;
}

.tech-icon {
  width: 22px;
  height: 22px;
  line-height: 35px;
}

.technologybtn .fa.fa-android {
  color: #a4c639;
}

.technologybtn .fa.fa-wordpress {
  color: #21759b;
}

/*---services----*/


/*---contact-us---*/

.starprowithSec {
  padding: 100px 0;
  padding-bottom: 60px;
}

.starinfobox {
  background: #fff;
  border-radius: 7px;
  box-shadow: 0 5px 15px #e0e0e0;
  padding: 20px;
  height: 100%;
  position: relative;
  border: 2px solid transparent;
  transition: all 0.4s ease-in-out;
}

.infoicon {
  max-width: 45px;
  max-height: 45px;
  margin: auto;
  display: inline-block;
  vertical-align: middle;
}

.infodetail {
  width: calc(100% - 70px);
  display: inline-block;
  padding-left: 20px;
  vertical-align: middle;
}

.infodetail p {
  margin-bottom: 8px;
}

.infodetail .infotitle {
  font-size: 24px;
  font-weight: 800;
  line-height: 1.4;
  color: #262525;
  transition: all 0.4s ease-in-out;
  position: relative;
}

.starinfobox:hover {
  border: 2px solid #ccc;
}

.starinfobox:hover .infodetail .infotitle {
  color: rgba(254, 205, 0, 0.99);
}

.starinforow {
  margin: 0 -10px;
}

.starinfocol {
  padding: 0 20px;
  margin-bottom: 40px;
}

.ourofficeSec {
  padding: 100px 0;
  background: #f8f9fa;
}

.officeimg {
  position: relative;
  width: 100%;
  display: block;
  padding-bottom: 100%;
  overflow: hidden;
  border-radius: 10px;
}

.officeimg img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-position: center;
  object-fit: cover;
  transition: transform .4s ease-in-out;
}

.officecon {
  padding: 20px 0;
}

.officecon .category {
  color: #262525;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 10px;
  line-height: 1.4;
  text-transform: uppercase;
  transition: all 0.4s ease-in-out;
  display: block;
}

.officecon .officetitle {
  color: #000;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 10px;
  display: block;
  transition: all 0.4s ease-in-out;
}

.officebox .btn {
  font-size: 14px;
  padding: 7px 15px;
  min-width: inherit;
}

.officebox:hover .officeimg img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/*.officebox:hover .officecon .officetitle{color: rgba(254,205,0,0.99);}*/

.officecon .call {
  font-weight: 600;
}

.office-info .officetitle {
  font-size: 20px;
  color: #fff;
  line-height: 1.4;
  display: block;
}

.office-info .officeaddres {
  font-size: 16px;
  color: #fff;
  line-height: 1.4;
  display: block;
}

/*---contact-us---*/

/*---blog-listing---*/


.bloglistbannerSec {
  min-height: 700px;
  padding: 100px 0;
  background-image: url(../../uploads/2022/07/WhatsApp-Image-2022-07-26-at-1.12.00-AM.jpeg);
}

.bloglistbannerSec:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000;
  opacity: 0;
}

.bloglistSec {
  padding: 70px 0;
}

.blogmain .blog-item {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 30px;
}

.single-post .bloglistSec {
  padding-bottom: 50px !important;
}

.bloglistSec .widget-area .widget_search {
  background: #fff;
  padding: 30px 20px 30px;
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
}

.bloglistSec .widget-area .widget_search .search-wrap {
  position: relative;
}

.bloglistSec .widget-area .widget_search .search-wrap [type=search] {
  border: 1px solid #ddd;
  color: #444444;
  padding: 12px 17px;
  font-size: 14px;
  width: 100%;
  border-radius: 5px;
  position: relative;
}

.bloglistSec .widget-area .widget_search .search-wrap button {
  background: transparent;
  border: medium none;
  color: #454545;
  padding: 0 15px;
  min-height: 100%;
  position: absolute;
  display: block;
  right: 0px;
  top: 0;
  z-index: 10;
  font-size: 20px;
  border-radius: 0 5px 5px;
}

.bloglistSec .widget-area .widget_search .search-wrap button i:before {
  font-weight: 600;
  font-size: 18px;
}

.bloglistSec .widget-area .widget_search .search-wrap button:hover {
  color: rgba(254, 205, 0, 0.99);
}

.bloglistSec .widget-area .recent-posts {
  background: #fff;
  padding: 30px 20px;
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
}

.bloglistSec .widget-area .recent-posts .recent-post-widget {
  margin-top: 15px;
  padding-top: 15px;
  display: inline-block;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  width: 100%;
}

.bloglistSec .widget-area .recent-posts .recent-post-widget:nth-child(2) {
  margin-top: 0;
}

.bloglistSec .widget-area .recent-posts .recent-post-widget .post-img {
  width: 100px;
  float: left;
  padding-right: 15px;
}

.bloglistSec .widget-area .recent-posts .recent-post-widget .post-desc {
  display: block;
  font-size: 12px;
  color: #888;
  overflow: hidden;
}

.bloglistSec .widget-area .recent-posts .recent-post-widget .post-desc a {
  font-size: 15px;
  line-height: 22px;
  font-weight: 500;
  color: #0a0a0a;
  display: block;
}

.bloglistSec .widget-area .recent-posts .recent-post-widget .post-desc a:hover {
  color: rgba(254, 205, 0, 0.99);
}

.bloglistSec .widget-area .recent-posts .recent-post-widget .post-desc .date {
  display: block;
}

.bloglistSec .widget-area .recent-posts .recent-post-widget .post-desc .date i {
  margin-right: 5px;
}

.bloglistSec .widget-area .recent-posts .recent-post-widget .post-desc .date i:before {
  font-size: 12px;
}

.bloglistSec .widget-area .widget_categories {
  background: #fff;
  padding: 30px 20px 30px;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
}

.bloglistSec .widget-area .widget_categories li {
  margin-top: 13px;
  padding-top: 13px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.bloglistSec .widget-area .widget_categories li:first-child {
  margin-top: 0;
}

.bloglistSec .widget-area .widget_categories li a {
  font-size: 15px;
  font-weight: 500;
  color: #101010;
}

.bloglistSec .widget-area .widget_categories li a:hover {
  color: rgba(254, 205, 0, 0.99);
}

.bloglistSec .blog-details .blog-full .single-post-meta {
  display: flex;
  align-items: center;
  padding: 0 0 30px;
}

.bloglistSec .blog-details .blog-full .single-post-meta li .p-date {
  color: #555;
  font-size: 14px;
  margin-right: 8px;
}

.bloglistSec .blog-details .blog-full .single-post-meta li .p-date i {
  font-size: 13px;
  margin-right: 3px;
  color: #0B70E1;
}

.bloglistSec .blog-details .blog-full .single-post-meta li .p-date i:before {
  margin-right: 5px;
}

.bloglistSec .blog-details .blog-full .single-post-meta .Post-cate {
  list-style: none;
  display: inline-block;
  padding-right: 10px;
  color: #555;
  font-size: 14px;
}

.bloglistSec .blog-details .blog-full .single-post-meta .Post-cate .tag-line i {
  color: #0B70E1;
  margin-right: 3px;
}

.bloglistSec .blog-details .blog-full .single-post-meta .Post-cate .tag-line i:before {
  margin-right: 4px;
}

.bloglistSec .blog-details .blog-full .single-post-meta .Post-cate .tag-line a {
  font-weight: 400;
  color: #555;
  font-size: 14px;
}

.bloglistSec .blog-details .blog-full .single-post-meta .Post-cate .tag-line a:hover {
  color: rgba(254, 205, 0, 0.99);
}

.bloglistSec .blog-details .blog-full .single-post-meta .post-comment {
  color: #555;
  font-size: 14px;
}

.bloglistSec .blog-details .blog-full .single-post-meta .post-comment i:before {
  color: #0B70E1;
}

.bloglistSec .blog-details .blog-full .comment-title {
  font-size: 24px;
  margin-bottom: 40px;
  margin-top: 35px;
}

.bloglistSec .blog-details .blog-full .comment-body {
  display: flex;
  border-bottom: 1px solid #ddd;
  padding-bottom: 30px;
  margin-bottom: 25px;
}

.widgetcol {
  margin-bottom: 30px;
}

.bloglistrow {
  margin: -10px;
}

.bloglistcol {
  padding: 0 20px;
}

.bloglistSec .widget-area .widget-title .title {
  color: #262525;
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  position: relative;
  z-index: 1;
  padding-bottom: 12px;
  margin: 0;
}

.bloglistSec .widget-area .widget-title .title:before {
  content: "";
  position: absolute;
  border: 0;
  width: 50px;
  height: 2px;
  background: rgba(254, 205, 0, 0.99);
  z-index: 1;
  margin-left: 0;
  bottom: 0;
  left: 0;
}

.pagination {
  display: block;
  text-align: center;
  margin-top: 30px;
}

.page-numbers {
  display: inline-block;
  padding: 7px 12px;
  margin: 0 5px 0 0;
  border: 2px solid #eee;
  line-height: 1;
  text-decoration: none;
  border-radius: 5px;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.4s ease-in-out;
}

.page-numbers.current,
a.page-numbers:hover {
  background: #262525;
  color: #fff;
  border-color: #262525;
}

/*---blog-listing---*/

/*---blog-detail---*/
.latestBlogImage {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 70%;
  margin-bottom: 30px;
}

.latestBlogImage img {
  position: absolute;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  object-fit: cover;
  object-position: center;
}

/*---blog-detail---*/

/*---cmsCon---*/

.cmsCon {
  display: block;
  width: 100%;
  color: #262525;
}

.cmsCon p {
  display: block;
  margin-bottom: 20px;
  color: #262525;
  line-height: 1.6;
  font-weight: 400;
  font-size: 16px;
}

.cmsCon p a {
  text-transform: initial;
}

.cmsCon ul {
  list-style: none;
  font-size: 0;
  margin-bottom: 30px;
  /*display: grid;*/
}

.cmsCon ul li {
  display: block;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: #262525;
  margin-bottom: 15px;
  padding-left: 20px;
  position: relative
}

.cmsCon ul li:before {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 6px;
  background: #262525;
}

.cmsCon ul li:last-child {
  margin-bottom: 0;
}

.cmsCon ul li ul li {
  padding-left: 16px;
}

.cmsCon ul li ul li:before {
  width: 8px;
  height: 2px;
  border-radius: 0;
  top: 10px;
}

.cmsCon h1 {
  font-size: 40px;
  line-height: 1.2;
  font-weight: 900;
  color: #262525;
  display: block;
  margin-bottom: 30px;
  padding-top: 0rem;
  text-transform: uppercase;
}

.cmsCon h2 {
  font-size: 36px;
  line-height: 1.2;
  font-weight: 900;
  color: #262525;
  display: block;
  margin-bottom: 30px;
  padding-top: 0rem;
  text-transform: uppercase;
}

.cmsCon h3 {
  font-size: 30px;
  line-height: 1.2;
  font-weight: 900;
  color: #262525;
  display: block;
  margin-bottom: 30px;
  padding-top: 0rem;
  text-transform: uppercase;
}

.cmsCon h4 {
  font-size: 26px;
  line-height: 1.2;
  font-weight: 900;
  color: #262525;
  display: block;
  margin-bottom: 30px;
  padding-top: 0rem;
  text-transform: uppercase;
}

.cmsCon h5 {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 900;
  color: #262525;
  display: block;
  margin-bottom: 30px;
  padding-top: 0rem;
  text-transform: uppercase;
}

.cmsCon h6 {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 900;
  color: #262525;
  display: block;
  margin-bottom: 30px;
  padding-top: 0rem;
  text-transform: uppercase;
}

.cmsCon iframe {
  width: 100%;
  height: 500px;
}

.cmsCon .alignleft {
  float: left;
  width: auto;
  max-width: 50%;
  margin: 0 50px 50px 0;
}

.cmsCon .alignright {
  float: right;
  width: auto;
  max-width: 50%;
  margin: 0 0 50px 50px;
}

.cmsCon .aligncenter {
  width: auto;
  max-width: 100%;
  margin: 0 auto 50px auto;
  text-align: center;
}

.cmsCon .aligncenter img {
  margin: auto;
}

.cmsCon ol {
  padding: 0 0;
  display: inline-block;
  counter-reset: cmscon-counter;
  list-style-type: none;
  margin-bottom: 20px;
}

.cmsCon ol li {
  position: relative;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: #262525;
  list-style: none;
  margin-bottom: 15px;
  padding-left: 0;
}

.cmsCon ol li:before {
  counter-increment: cmscon-counter;
  content: "" counter(cmscon-counter) ".";
  line-height: 1.4;
}

.cmsCon ol li ul {
  margin-top: 30px;
}

.cmsCon ol li ul li {
  padding-left: 24px;
  position: relative;
}

.cmsCon ol li ul li:before {
  counter-increment: none;
  content: no-close-quote;
}

.cmsCon ul.half li {
  width: 50%;
  display: inline-block;
}

.cmsCon b {
  margin-bottom: 0;
  display: inline;
  font-size: 16px;
  margin-bottom: 15px;
  display: inline-block;
}

.cmsCon p b {
  margin-bottom: 0;
}

.cmsCon a {
  transition: color 0.4s ease-in-out;
  color: rgba(254, 205, 0, 0.99);
}

.cmsCon a:hover {
  color: #262525;
}

.cmsCon p a {
  transition: color 0.4s ease-in-out;
  color: rgba(254, 205, 0, 0.99);
}

.cmsCon p a:hover {
  color: #262525;
}

.cmsCon p a.btn:hover {
  color: #262525;
}

.clearfix {
  clear: both;
}

/*---cmsCon---*/

.navigationBar .socialMeadia {
  display: none;
}

.circle {
  width: 40px;
  height: 40px;
  background: linear-gradient(to top left, #0062bE, #00A2FE);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -20px;
  pointer-events: none;
  mix-blend-mode: multiply;
  z-index: 10;
}

/*---faqs---*/

.faqaccormain {
  max-width: 80%;
  margin: auto;
}

.faqSec {
  background: #f8f9fa;
  padding: 100px 0;
}

.faqaccormain .faqaccordion-item {
  border: 2px solid #e1e1e1;
  border-radius: 10px;
  margin-bottom: 15px;
  overflow: hidden;
}

.faqaccormain .faqaccordion-item:last-child {
  margin-bottom: 0;
}

.faqaccormain .accordion-button:not(.collapsed) {
  color: rgba(254, 205, 0, 0.99);
  background: transparent;
  border-bottom: 0;
  box-shadow: none;
}

.faqaccormain .accordion-button {
  font-size: 18px;
  color: #000;
}

.faqaccormain .accordion-button:focus {
  border-color: transparent;
  box-shadow: none;
}

.faqaccormain .accordion-button {
  padding: 15px 25px;
  padding-right: 45px;
}

.faqaccormain .accordion-body {
  padding: 15px 25px;
  padding-top: 0;
  padding-right: 45px;
}

.faqaccormain .accordion-button::after {
  background-image: url(img/black-dropdown-arrow.svg);
  position: absolute;
  right: 15px;
  background-size: 18px;
  width: 18px;
  height: 12px;
}

.faqaccormain .accordion-button:not(.collapsed)::after {
  background-image: url(img/red-dropdown-arrow.svg);
}

.accordion-body.cmsCon p:last-child {
  margin-bottom: 0;
}

/*---faqs---*/


/*---our-work---*/

.filerworkSec {
  padding: 100px 0;
  display: block;
  width: 100%;
}

.filterlistmain {
  text-align: center;
  margin-bottom: 30px;
}

#filters {
  margin: 0 -7px;
  padding: 0;
  list-style: none;
}

#filters li {
  padding: 0 7px;
  display: inline-block;
  vertical-align: top;
  width: auto;
}

#filters li span {
  display: block;
  padding: 5px 20px;
  text-decoration: none;
  color: #000;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  background: transparent;
  border-radius: 20px;
  border: 2px solid #a1a1a1;
  min-width: 80px;
  text-align: center;
  transition: all 0.4s ease-in-out;
}

#filters li span:hover {
  background: #262525;
  color: #fff;
  border-color: transparent;
}

#filters li span.active {
  background: #262525;
  color: #fff;
  border-color: transparent;
}

#portfoliolist {
  margin: 0 -15px;
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 0;
}

#portfoliolist .portfolio {
  width: 33.33%;
  padding: 0 15px;
  display: none;
  /*float: left;*/
  overflow: hidden;
  vertical-align: top;
}


/*---our-work---*/



/*---404---*/
.thnkereSec {
  padding: 6rem 0;
  padding-bottom: 7rem;
}

.errormain {
  margin: auto;
  text-align: center;
}

.errormain .errortext {
  font-size: 200px;
  color: rgba(254, 205, 0, 0.99);
  margin-bottom: 15px;
  line-height: 1;
  text-align: center;
  font-weight: 800;
  letter-spacing: 1px;
  text-shadow: 5px 5px 0 rgb(37 43 51 / 20%);
}

.errormain .errordec {
  font-size: 20px;
  line-height: 1;
  font-weight: 600;
  margin: 0;
  color: #000;
  text-align: center;
  padding: 10px 0;
}

.errormain .error-sub-text {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  color: #666;
  text-align: center;
  max-width: 45%;
  margin: auto;
  margin-bottom: 40px;
}

/*---404---*/

/*---thank-you---*/

.thankyou {
  text-align: center;
}

.thankyou img {
  margin: auto;
}

.thankyou .thanktitle {
  font-size: 100px;
  color: #000;
  line-height: 1.4;
  font-weight: 700;
}

.thankyou p {
  font-size: 21px;
  line-height: 1.4;
  font-weight: 400;
  color: #666;
  text-align: center;
  max-width: 45%;
  margin: auto;
  margin-bottom: 40px;
}

/*---thank-you---*/
.head-phone {
  display: none;
}

/*---get-quote---*/

/* modal popup start */
.getquotemodal .modal-header {
  background: rgba(254, 205, 0, 0.99);
  position: relative;
  margin-bottom: 15px;
}

.getquotemodal .modal-content {
  border-radius: 10px;
  overflow: hidden;
}

.getquotemodal .modal-title {
  display: inline-block;
  font-weight: 600;
  font-size: 22px;
  color: #000;
  line-height: 1.4;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.closePopup {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 30px;
  height: 30px;
  transition: all 0.4s ease-in-out;
  z-index: 2;
}

.closePopup:before {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 77%;
  height: 2px;
  background: #000;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition: 600ms all;
  -webkit-transition: 600ms all;
}

.closePopup:after {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 77%;
  height: 2px;
  background: #000;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: 600ms all;
  -webkit-transition: 600ms all;
}

.closePopup:hover {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.closePopup:hover:before,
.closePopup:hover:after {
  background: rgba(254, 205, 0, 0.99);
}

.enquireformcol {
  margin-bottom: 15px;
}

.btn.btn-quote {
  padding: 15px 15px;
  min-width: 14rem;
  font-size: 14px;
}

.getquotemodal .modal-dialog {
  max-width: 850px;
}

.getquotemodal .modal-body {
  padding: 0;
}

.getquotemodal .enquireform {
  padding: 40px 40px 0 10px;
}

.callBackImg {
  position: relative;
  width: 100%;
  display: block;
  padding-bottom: 163%;
}

.callBackImg img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  object-position: center;
}

.modal.getquotemodal {
  z-index: 9999;
}

.get-quoteSec {
  padding: 100px 0;
}

.get-quoteSec .sec-title {
  margin-bottom: 30px;
}

.get-quoteSec .get-quoteForm {
  max-width: 80%;
}

/*---get-quote---*/


/*---packages---*/
.packageSec {
  padding: 100px 0;
}

.btn.packBtn {
  padding: 12px 20px;
  font-size: 14px;
  min-width: 150px;
}

.packlist {
  margin: 0 -2px;
  font-size: 0;
  display: flex;
  flex-wrap: wrap
}

.packlist .packbox {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 25%;
  padding: 6px;
  flex: 0 0 auto
}

.packlist .packbox .packboxInner {
  background: #fafafa;
  margin: 0;
  padding: 20px;
  border: 2px solid transparent;
  transition: all 0.4s ease-in-out;
  position: relative;
  height: 100%;
  z-index: 2;
}

.packlist .packbox .digiboxtitle {
  margin-bottom: 25px
}

.packlist .packbox .digiboxtitle .dimarpopul {
  color: rgba(254, 205, 0, 0.99);
  font-weight: 800;
  font-size: 16px;
  line-height: 38px;
  margin: 0
}

.packlist .packbox .packImg {
  display: block;
  width: 100%;
  padding-bottom: 66%;
  margin-bottom: 10px;
  position: relative
}

.packlist .packbox .packImg img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto
}

.packlist .packbox .digiboxtitle .dimartitle {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 600;
  text-align: center;
  color: #000;
  margin: 0;
  margin-bottom: 5px
}

.packlist .packbox .digiboxtitle .dimartitle a {
  color: #000;
  transition: all 0.4s ease-in-out
}

.packlist .packbox .digiboxtitle p {
  display: block;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
  color: #000;
  margin-bottom: 15px;
  min-height: 60px;
}

.packlist .packbox .digiboxtitle p a {
  color: #000;
  transition: all 0.4s ease-in-out
}

.packlist .packbox .digiboxtitle p a:hover,
.packlist .packbox .digiboxtitle .dimartitle a:hover {
  color: rgba(254, 205, 0, 0.99)
}

.packlist .packbox .digiboxtitle .dimarstar {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #999;
  line-height: normal;
  margin-bottom: 2px
}

.packlist .packbox .digiboxtitle .dimarpac {
  font-size: 26px;
  line-height: 1.4;
  text-align: center;
  font-weight: 800;
  color: #000
}

.packagemore {
  margin-top: 30px;
}

.packlist .packbox .getbtn {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 20px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  z-index: 16
}

.packlist .packbox .packboxInner:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100px;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(204, 204, 204, .6) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(204, 204, 204, .6) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(204, 204, 204, .6) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#99cccccc', GradientType=0);
  z-index: -1;
  opacity: 0;
  visibility: hidden
}

.packlist .packbox:hover .packboxInner {
  border-color: rgba(254, 205, 0, 0.99)
}

.packlist .packbox:hover .packboxInner:after {
  opacity: 1;
  visibility: visible
}

.packlist .packbox:hover .getbtn {
  opacity: 1;
  visibility: visible
}



/*---packages---*/
.wpcf7-form-control-wrap.message {
  width: 100%;
}

.commonsec {
  padding: 100px 0;
}

.experienceseoSec .row:nth-child(even) {
  flex-direction: row-reverse !important;
}

.experienceseoSec .row {
  margin-bottom: 80px;
}

.experienceseoSec .row:last-child {
  margin-bottom: 0;
}

.experience-images {
  position: relative;
  width: 100%;
  display: block;
  /*padding-bottom: 134%;*/
  max-width: 90%;
}

/*.experience-images img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;max-width: 100%;
max-height: 100%;object-position: center;object-fit: cover;}*/
.experienceseoSec .row .experience-images {
  margin-right: auto;
  margin-left: 0;
}

.experienceseoSec .row:nth-child(even) .experience-images {
  margin-left: auto;
  margin-right: 0;
}

.seodubaiSec .listboxfeature {
  height: 100%;
}

.seodubaiSec .seodubaicol {
  margin-bottom: 20px;
}

.whatseodubaiSec .whydevlcol {
  margin-bottom: 30px;
}

.viewmoremain {
  text-align: left;
  position: relative;
  z-index: 2;
  margin-bottom: 10px;
}

.viewmorebtn {
  font-size: 1.6rem;
  font-weight: 600;
  color: rgba(254, 205, 0, 0.99);
  line-height: 1.4;
  display: inline-block;
  text-align: left;
  position: relative;
  padding-right: 2rem;
  transition: transform .2s ease-in-out;
}

.viewmorebtn:before {
  position: absolute;
  content: "\f067";
  font: normal normal normal 14px/1 FontAwesome;
  width: 1.2rem;
  height: 1.2rem;
  top: .5rem;
  right: 0;
  bottom: inherit;
  transition: all 0.4s ease-in-out;
}

.viewmoremain .viewmorebtn.active:before {
  content: "\f068";
  font: normal normal normal 14px/1 FontAwesome;
  transform: rotate(-180deg);
  top: 0;
  bottom: 0;
  margin: auto;
}

.viewmore_boxes {
  display: none;
}

.viewmore_boxes.viewbox_active {
  display: inline;
}

.viewmorebtn:hover {
  color: #000;
}

.bg-grey {
  background: #f8f9fa;
}

.bg-white {
  background: #fff;
}

.wpcf7-form-control-wrap {
  width: 100%;
}

.form-check .wpcf7-form-control-wrap {
  width: auto;
}

.wpcf7-spinner {
  display: none;
}

.commonSec {
  padding: 100px 0;
}

.page-template-get-quote .customer-review-tab .slick-dots {
  margin-top: 15px;
  position: relative;
  bottom: 0;
}

.blockquote-title-review .testitle {
  color: #000;
}

.authortitle {
  color: #000;
}

.page-template-get-quote .customer-review-tab {
  padding-bottom: 20px;
}

.getquoteclientSec .ourclientlistmain {
  max-width: 100%;
}

.getquoteclientSec .ourclientlistmain ul li {
  width: 33.33%;
  padding: 15px 10px;
  border: none;
}

.get-quoteSec .testimonial-tab-content .quotesimg {
  display: inline-block;
  vertical-align: middle;
}

.get-quoteSec .blockquote-title-review {
  display: inline-block;
  width: calc(100% - 100px);
  margin-left: 25px;
  margin-top: 5px;
  vertical-align: middle;
}


.googleclutch {
  margin: 0 -7px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.googleclutch .certified {
  padding: 0 7px;
  width: 33.33%;
}

/* course Digital Marketing */

.course-banner-sec {
  background-color: #262525;
  width: 100%;
  padding: 60px 0 100px;
}

.course-banner-con {
  padding-right: 60px;
}

.course-banner-con .sec-sub-title {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  display: block;
  margin-bottom: 8px;
}

.course-banner-con .sec-title {
  font-weight: 700;
  font-size: 50px;
  color: rgba(254, 205, 0, 0.99) !important;
  line-height: 1.2em;
  margin-bottom: 30px;
}

.course-banner-con .cms-con p {
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
  display: block;
  margin-bottom: 10px;
}

.features-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
  justify-content: center;
  padding: 0 0 23px 1em;
  line-height: 26px;
}

.features-list li {
  flex: 1 1 calc(33.33% - 20px);
  text-align: left;
  padding: 5px 5px;
  border-radius: 5px;
  display: flex;
  align-items: flex-start;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

.features-list li::before {
  content: "✔";
  color: rgba(254, 205, 0, 0.99);
  font-size: 16px;
  margin-right: 10px;
}

.course-page-form {
  max-width: 400px;
  padding: 20px;
  background: #333;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  color: #fff;
  position: relative;
}

.course-page-form .wpcf7-response-output {
  position: relative;
  bottom: 0;
  margin: 0 !important;
}

.course-page-form .wpcf7-spinner {
  margin-bottom: 0;
}

.course-form-title {
  font-size: 24px;
  margin-bottom: 10px;
  color: rgba(254, 205, 0, 0.99);
  list-style: 1.2;
  text-transform: uppercase;
}

.course-page-form span {
  font-size: 14px;
  margin-bottom: 20px;
  display: block;
  color: #ddd;
}

.course-page-form p {
  margin-bottom: 0;
}

.course-page-form .form-label {
  font-size: 14px;
  font-weight: 600;
  display: block;
  margin-bottom: 5px;
  color: #ddd;
}

.course-page-form .input-group {
  display: block;
}

.course-page-form .form-control {
  width: 100%;
  padding: 10px;
  font-size: 14px;
  border: 2px solid #555;
  border-radius: 5px;
  background: #444;
  display: block;
  color: #fff;
  outline: none;
  transition: all 0.3s ease;
}

.course-page-form .form-control:focus {
  background: #444;
  color: #fff;
  border-color: #555;
}

.course-page-form .btn {
  width: 100%;
}

.course-counter-sec {
  transform: translateX(0px) translateY(-42px);
}

.course-counter-wrap {
  background-color: #fff;
  border-radius: 13px 13px 13px 13px;
  overflow: hidden;
  box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
  padding: 30px 0;
}

.course-counter {
  text-align: center;
}

.counter-box {
  font-size: 28px;
  font-weight: bold;
  color: #262525;
}

.course-counter p {
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
  display: block;
}

.who-we-are-con .section-heading p {
  line-height: 1.7;
  margin-bottom: 20px;
}

.who-we-are-sec {
  padding-top: 100px;
  padding-bottom: 100px;
}

.who-we-are-img {
  width: 100%;
  height: 100%;
}

.who-we-are-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.who-we-are-con {
  padding-left: 40px;
}

.partners-wrap .title {
  text-align: center;
}

.partners-wrap p {
  text-align: center;
  line-height: 1.7;
}

.partners-logo {
  max-width: 144px;
}

.partners-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.job-assistance {
  background-repeat: no-repeat;
  background-position: right;
  background-size: cover;
  width: 100%;
  height: 220px;
  padding: 30px;
  margin: 30px 0;
}

.job-assistance .section-heading {
  margin-bottom: 20px;
}

.job-assistance .section-heading .title {
  color: #fff;
  font-size: 28px;
  line-height: 1.4;
  text-align: center;
  padding-bottom: 0;
}

.job-assistance-wrap {
  max-width: 650px;
}

.career-option-sec .title {
  padding-bottom: 0;
}

.career-option-sec .cms-con p {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  display: block;
  margin-bottom: 15px;
}

.career-option-sec .cms-con ul li,
.course-details-sec .cms-con ul li {
  color: #262525;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  padding-left: 15px;
  position: relative;
  margin-bottom: 12px;
}

.career-option-sec .cms-con ul li::before,
.course-details-sec .cms-con ul li::before {
  content: '';
  position: absolute;
  background-color: #262525;
  width: 6px;
  height: 6px;
  left: 0;
  top: 6px;
  border-radius: 50%;
}

.digital-world-sec {
  background-color: #262525;
  padding-top: 50px;
  padding-bottom: 50px;
  margin-top: 60px;
}

.digital-world-sec .title {
  font-weight: 700;
  font-size: 25px;
  color: rgba(254, 205, 0, 0.99) !important;
  line-height: 1.4;
  padding-bottom: 0;
}

.digital-world-wrap {
  padding-right: 60px;
  text-align: center;
}

.digital-world-img {
  max-width: 445px;
  margin: auto;
}

.digital-world-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.skill-set-digital-sec {
  padding-top: 60px;
  padding-bottom: 60px;
}

.skill-set-tabing .nav-tabs {
  border: none;
}

.skill-set-tabing .nav-tabs .nav-link {
  background: none;
  padding: 5px 10px;
  margin: 0;
  border: none;
  font-weight: bold;
  color: #262525 !important;
  text-decoration: none;
  font-size: 16px;
  transition: all 0.3s ease-in-out;
}

.skill-set-tabing .nav-tabs .nav-link.active {
  border-bottom: 3px solid rgba(254, 205, 0, 1);
}

.skill-set-tabing .nav-tabs .nav-item {
  padding: 0 10px;
}

.skill-set-tabing .tab-content ul {
  padding: 24px 30px;
}

.skill-set-tabing .tab-content ul li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  color: #262525;
}

.skill-set-tabing .tab-content ul li::before {
  content: '✔';
  position: absolute;
  left: 0;
  color: rgba(254, 205, 0, 1) !important;
  font-weight: bold;
}

.course-details-sec {
  background-color: #f1f1f1;
  padding-top: 50px;
  padding-bottom: 50px;
}

.course-details-img {
  max-width: 356px;
}

.course-details-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.course-btn{
  margin-top: 30px;
}

.course-btn img {
  width: 25px;
  height: 25px;
  object-fit: cover;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}

@media only screen and (max-width: 1399px) {
  .course-banner-con .sec-title {
    font-size: 40px;
  }

  .features-list li {
    font-size: 14px;
  }
}

@media only screen and (max-width: 1199px) {
  .course-banner-con .sec-title {
    font-size: 34px;
  }

  .features-list li {
    flex: 1 1 calc(50% - 20px);
  }

  .course-banner-con {
    padding-right: 30px;
  }

  .course-form-title {
    font-size: 20px;
  }

  .course-page-form .form-control {
    height: 40px;
  }

  .course-page-form .btn {
    padding: 10px 20px;
  }

  .who-we-are-sec {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .partners-logo {
    max-width: 120px;
  }

  .sec-title .title {
    font-size: 32px;
  }

  .job-assistance .section-heading .title {
    font-size: 24px;
  }

  .job-assistance-wrap {
    max-width: 550px;
  }

  .digital-world-wrap .section-heading {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 991px) {
  .course-banner-con {
    padding-right: 0;
    margin-bottom: 25px;
  }

  .course-banner-con .sec-title {
    font-size: 28px;
  }

  .course-page-form {
    margin: auto;
  }

  .who-we-are-con {
    padding-left: 0;
  }

  .who-we-are-img {
    max-width: 60%;
    margin: 0 auto 25px;
  }

  .partners-wrap .row {
    justify-content: center;
    --bs-gutter-y: 10px;
  }

  .job-assistance {
    background-position: left;
    height: 100%;
  }

  .job-assistance-wrap {
    max-width: 100%;
  }

  .career-option-sec .row>*:first-child .cms-con {
    margin-bottom: 30px;
  }

  .skill-set-digital-sec .sec-title .title br {
    display: none;
  }

  .skill-set-digital-sec .row {
    align-items: center;
  }

  .course-details-img {
    max-width: 50%;
    margin: 0 auto 30px;
  }
}

@media only screen and (max-width: 767px) {
  .counter-box {
    font-size: 22px;
  }

  .digital-world-sec {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 30px;
  }
}

@media only screen and (max-width: 568px) {
  .course-banner-con .sec-title {
    font-size: 26px;
    margin-bottom: 20px;
  }

  .features-list li {
    flex: 1 1 100%;
  }

  .course-counter-wrap .row {
    --bs-gutter-x: 10px;
    --bs-gutter-y: 15px;
  }

  .who-we-are-img {
    max-width: 100%;
  }

  .who-we-are-sec {
    padding-top: 0;
    padding-bottom: 40px;
  }

  .partners-logo {
    max-width: 90px;
  }

  .job-assistance .section-heading .title {
    font-size: 18px;
  }

  .job-assistance {
    padding: 20px 30px;
  }

  .career-option-sec .cms-con p {
    font-size: 16px;
  }

  .career-option-sec .cms-con ul li,
  .course-details-sec .cms-con ul li {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 1.6;
  }

  .career-option-sec .cms-con ul li::before,
  .course-details-sec .cms-con ul li::before {
    top: 8px;
  }

  .digital-world-wrap {
    padding-right: 0;
    margin-bottom: 30px;
  }

  .skill-set-tabing .nav-tabs {
    white-space: nowrap;
    overflow: auto;
    display: block;
  }

  .skill-set-tabing .nav-tabs .nav-item {
    display: inline-block;
  }

  .skill-set-tabing .tab-content ul {
    padding: 20px 10px;
  }

  .skill-set-tabing .tab-content ul li {
    font-size: 14px;
  }

  .course-details-img {
    max-width: 100%;
  }

  .course-details-sec .course-page-form {
    margin-top: 30px;
  }
}