/*----------------------------------------

    Created by: Shipra Das
    Created on: 19/Jan/2022

/*----------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Eczar:wght@400;500;600;700&family=Laila:wght@500;600;700&display=swap');

/*  Theme default CSS
/*----------------------------------------*/

.extras {
  background-attachment: scroll;
  background-image: url(../img/bg-img/2.png);
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.text-yellow{
  color: #ffc854 !important;
}

.text-white{
  color: #fff;
}

.text-green{
  color: #2ead37;
}

.text-gray{
  color: #ddd;
}

.bg-inner-red{
  background: #e85454;
    padding: 20px;
    border-radius: 5px;
    border: 5px solid #f9df18;
}
.mt-3{
  margin-top: 3px!important;
}
.mt-5{
  margin-top: 5px!important;
}
.mt-10{
  margin-top: 10px!important;
}
.mt-20{
  margin-top: 20px;
}

.mb-10{
  margin-bottom: 10px;
 }

.mb-20{
  margin-bottom: 20px;
 }

.pt-10{
  padding-top: 10px;
}
.pt-20{
  padding-top: 20px !important;
}
.pt-30{
  padding-top: 30px !important;
}
.pt-40{
  padding-top: 40px !important;
}
.pb-10{
  padding-bottom: 10px;
 }
 .pb-20{
  padding-bottom: 20px !important;
}
 .pb-30{
  padding-bottom: 30px !important;
}
 .pb-40{
  padding-bottom: 40px !important;
}
.f_18{
  font-size: 18px;
}
.f_16{
  font-size: 16px;
}
.f_20{
  font-size: 20px;
}

.clear {
  clear: both;
}

::-moz-selection {
  background: #b11e35;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #b11e35;
  color: #fff;
  text-shadow: none;
}

.no-mar {
  margin: 0 !important;
}

.no-mar-bot {
  margin: 0px !important;
}

.no-pad {
  padding: 0 !important;
}

.some-pad {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.left-pad {
  padding-left: 90px !important;
}

.mar-1_br {
  margin-right: -1px;
  margin-bottom: -1px;
}

div#preloader {
  background: #fff url("../img/loading.gif") no-repeat scroll center center;
  height: 100%;
  left: 0;
  overflow: visible;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}


/* header.navbar-fixed-top {
    animation-duration: 0.8s;
    animation-name: fadeInDown;
    animation-timing-function: ease-in-out;
    box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.75);
    left: 0;
    position: fixed !important;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}
 */

.mar-bot-50 {
  margin-bottom: 50px;
}

.mar-bot-40 {
  margin-bottom: 40px;
}

.mar-bot-35 {
  margin-bottom: 35px;
}

.mar-bot-30 {
  margin-bottom: 30px;
}

.margin-minas {
  margin-bottom: -50px;
}

.padding-minas {
  padding-bottom: 50px !important;
}

.padding-to-minas {
  padding-top: 0px !important;
}

.mar-top-30 {
  margin-top: 30px;
}

.mar-top-80 {
  margin-top: 80px;
}

.mar-top-80 {
  margin-top: 80px;
}

.mar-top-55 {
  margin-top: 55px;
}

.mar-top-108 {
  margin-top: 108px;
}

.text-left {
  text-align: left;
}

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

.text-right {
  text-align: right;
}

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*:focus {
  outline: 0;
}

html {
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased;
}

body {
  background: #FAF7F2;
  font-weight: normal;
  font-size: 15px;
  letter-spacing: 1.5px;
  color: #888;
  line-height: 30px;
  -webkit-font-smoothing: antialiased;
  /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
}

.dark-bg {
  background-color: #de5558;
}

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

button,
input,
textarea {
  letter-spacing: 1px;
}


/* 
Table Of Contents
=========================
- Default Typography
- Custom Typography
=========================
*/


/* 
--------------------------
- Default Typography
--------------------------
*/

body {
  font-family: "Circular Std";
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: "Circular Std";
  font-weight: 500;
  color: #2a2a33;
  letter-spacing: 0px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-weight: inherit;
  font-family: "Circular Std";
  letter-spacing: 0;
}

h1 {
  font-size: 30px;
  line-height: 55px;
  letter-spacing: 0px;
  margin-bottom: 0px;
}

h2 {
  font-size: 28px;
  line-height: 24px;
  margin-bottom: 0px;
}

h3 {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 0px;
}

h4 {
  font-size: 20px;
  line-height: 27px;
}

h5 {
  font-size: 18px;
  line-height: 24px;
}

h6 {
  font-size: 14px;
  line-height: 24px;
}

p {
  font-family: "Circular Std Book";
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0;
  color: #2a2a33;
  line-height: 28px;
  margin: 0;
}

p img {
  margin: 0;
}

span {
  font-family: "Circular Std";
}


/* em and strong */

em {
  font: 15px/30px;
}

strong,
b {
  font: 15px/30px;
}

small {
  font-size: 11px;
  line-height: inherit;
}


/* links */

a,
a:visited {
  text-decoration: none;
  font-family: "Circular Std";
  font-weight: normal;
  font-size: 16px;
  letter-spacing: 0;
  color: #111;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: 0;
}

a:hover,
a:active {
  color: #ffc854;
  text-decoration: none;
  outline: 0;
}

a:focus {
  text-decoration: none;
  outline: 0;
}

p a,
p a:visited {
  line-height: inherit;
  outline: 0;
}


/* list */

ul,
ol {
  margin-bottom: 0px;
  margin-top: 0px;
}

ul {
  margin: 0;
  padding: 0px;
}

ol {
  list-style: decimal;
}

ol,
ul.square,
ul.circle,
ul.disc {
  margin-left: 0px;
}

ul.square {
  list-style: square outside;
}

ul.circle {
  list-style: circle outside;
}

ul.disc {
  list-style: disc outside;
}

ul ul,
ul ol,
ol ul,
ol ol {
  padding: 0;
  margin: 0;
}

ul ul li,
ul ol li,
ol ul li,
ol ol li {
  margin-bottom: 0px;
}

li {
  line-height: 18px;
  list-style-type: none;
  margin: 0px;
  letter-spacing: 0;
  font-size: 16px;
  
}

.list ul li {
  list-style-type: square;
   margin: 12px;
   color: #2a3039;
   padding-left: 10px;
}

a.btn-1 {
  background-color: #ffc854;
  color: #fff;
  font-family: "Circular Std";
  font-size: 16px;
  padding: 18px 30px;
  font-weight: 500;
  text-align: center;
  border-radius: 5px;
  letter-spacing: 0;
}

a.btn-1:hover {
  background: #ffc854 !important;
}

a.btn-2 {
  background-color: #ffc854;
  color: #000;
  font-size: 16px;
  padding: 10px 0px;
  max-width: 200px;
  position: relative;
  text-align: center;
  width: 100%;
  border: 1px solid #ffc854;
  display: inline-block;
  font-weight: 500;
  border-radius: 5px;
  z-index: 1;
  transition: .5s ease;
  letter-spacing: 0;
}

a.btn-2::after {
  position: absolute;
  content: '';
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  transition: .5s ease;
  padding: 15px 0px;
  border-radius: 5px;
  z-index: -1;
  background-color: #e4a51f;
}

a.btn-2:hover {
  color: #ffffff;
  border: 1px solid #ffc854 !important;
}

a.btn-2:hover::after {
  width: 100%;
}

a.btn-3 {
  background-color: #fff;
  color: #ffc854;
  font-size: 16px;
  padding: 15px 0px;
  border: 1px solid #ffc854;
  max-width: 200px;
  text-align: center;
  width: 100%;
  position: relative;
  z-index: 1;
  transition: .5s ease;
  display: inline-block;
  font-weight: 500;
  border-radius: 5px;
  letter-spacing: 0;
}

a.btn-3::after {
  position: absolute;
  content: '';
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  transition: .5s ease;
  padding: 15px 0px;
  border-radius: 5px;
  color: #fff;
  z-index: -1;
  background-color: #ffc854;
}

a.btn-3:hover {
  color: #ffffff;
  border: 1px solid #ffc854;
}

a.btn-3:hover::after {
  width: 100%;
}

[class^="flaticon-"]:before {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  letter-spacing: inherit;
}

.owl-theme .owl-nav {
  margin-top: 0px;
}

button:focus {
  outline: none;
  outline: none;
}

input:focus {
  outline: none;
  box-shadow: none;
}

.c-fulid-max {
  max-width: 94%;
  margin: auto;
}

.form-control:focus {
  outline: none;
  box-shadow: none;
}

.scrollup {
  position: relative;
  cursor: pointer;
}

.scrollup .scrollup-icon {
  position: fixed;
  font-size: 25px;
  right: 4%;
  bottom: 8%;
  font-weight: 600;
  transition: .5s ease;
  z-index: 999;
  color: #ffffff;
  background: #f9aa04;
  padding: 8px 12px;
  border-radius: 7px;
}

.scrollup .scrollup-icon:hover {
  background-color: #ffc854;
}

.page-settings {
  position: fixed;
  left: -177px;
  top: 300px;
  z-index: 9;
  background-color: #ffc854;
  padding: 20px 25px;
  transition: .5s ease;
}

.psg-icon {
  position: absolute;
  top: calc(50% - 14px);
  right: -35px;
  background-color: #ffc854;
  color: #fff;
  font-size: 18px;
  padding: 6px 0px;
  width: 35px;
  height: 32px;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
}

.psg-icon i {
  -webkit-animation-name: spin;
  animation-name: spin;
  -webkit-animation: spin 4s both alternate infinite;
  animation: spin 4s both alternate infinite;
  animation-duration: 5000ms;
  animation-delay: 2s;
  animation-timing-function: ease-in;
}

.page-settings.active {
  left: 0;
}

.pgs-box {
  position: relative;
}

.pgs-box a {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0px;
  color: black;
  background-color: #ffffff;
  display: inline-block;
  padding: 16px 16px;
  border-radius: 5px;
  transition: .3s ease;
}

.pgs-box a:hover {
  background-color: #000000;
  color: #fff;
}

header.header-area {
  z-index: 999;
}

header.header-area.nav-fixed {
  position: fixed;
  z-index: 99;
  top: 0;
  animation-duration: 0.8s;
  animation-name: fadeInDown;
  animation-timing-function: ease-in-out;
  box-shadow: 0 4px 12px -4px rgba(23, 162, 184, 0.5);
  background-image: none;
  background: #b11e35;
}

header.header-area.nav-fixed .main-menu-btn-icon,
header.header-area.nav-fixed .main-menu-btn-icon:before,
header.header-area.nav-fixed .main-menu-btn-icon:after {
  background: #fff;
}

header.header-area.h-style7.nav-fixed .nh3-topber .ht3-list li a {
  color: #fff;
}

header.header-area.h-style7.nav-fixed .nh3-navber .nh3-nav-btn .btn-1 {
  color: #fff;
}

.h-style1 {
  position: relative;
  left: 0;
  right: 0;
  width: 100%;
  padding: 20px 0px;
}

.h-style1 a.btn-1 {
  position: relative;
  top: 12px;
}

.h-style2 {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 999;
  width: 100%;
  padding: 30px 0px;
}

.h-style2 ul li p {
  line-height: 0px;
  padding: 0px 20px;
  color: white;
  font-family: 'Circular Std';
  font-size: 16px;
  font-weight: 500;
}

.h-style2 ul li:nth-child(7) {
  position: relative;
  left: 75px;
  top: 7px;
}

.h-style2 ul li:nth-child(7) a {
  color: #fff;
}

.h-style2 ul li:nth-child(8) {
  position: relative;
  left: 90px;
  top: 7px;
}

.h-style2 ul li:nth-child(8) a {
  color: #fff;
}

.h-style2 a.btn-1 {
  background-color: #ffc854;
  color: #fff;
}

.h-style2 a.btn-1:hover {
  background: #56c2e2;
}

.h-style3 {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  top: 0;
  width: 100%;
  background: #74a8f700;
  padding: 0;
}

.h-style3 .nh3-topber ul.ht3-list {
  border-left: 1px solid #496a8f;
  border-right: 1px solid #496a8f;
}

.h-style3 .nh3-topber ul.ht3-list li {
  display: inline-block;
}

.h-style3 .nh3-topber ul.ht3-list li a {
  color: #fff;
  font-size: 15px;
  padding: 10px 20px;
  display: block;
}

.h-style3 .nh3-topber .ht3-list2 {
  float: right;
}

.h-style3 .nh3-navber {
  position: relative;
  border: 1px solid #fff;
  border-left: 0;
  border-right: 0;
  background: #fff;
}

.h-style3 .nh3-navber nav .nav-brand {
  border-left: 1px solid #496a8f;
  border-right: 1px solid #496a8f;
}

.h-style3 .nh3-navber ul.sm-mint>li>a {
  color: #000;
}

.h-style3 .nh3-navber ul.sm-mint>li>a:hover {
  color: #b11e35;
}

.h-style3 .nh3-navber ul.sm-mint>li .sub-arrow {
  border-color: #000 transparent transparent transparent;
}

.h-style3 .nh3-navber ul.sm-mint>li .sub-arrow:hover {
  border-color: #b11e35 transparent transparent transparent;
}


.h-style3 .nh3-navber .nh3-nav-btn {
  position: relative;
  border-left: 1px solid #496a8f;
  border-right: 1px solid #496a8f;
}

.h-style3 .nh3-navber .nh3-nav-btn a.btn-1 {
  background: transparent;
  top: 0;
  padding: 23px 30px;
  display: block;
  border-radius: 0;
}

.h-style3 .nh3-navber .nh3-nav-btn a.btn-1:hover {
  background: #56c2e2;
}

.h-style4 {
  z-index: 9;
}

.h-style4 .nh3-navber {
  border-bottom: 1px solid #fff;
}

.h-style4 .nh3-navber nav .nav-brand {
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}

.h-style4 .nh3-navber .nh3-nav-btn {
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}

.h-style4 .nh3-topber {
  border-bottom: 1px solid #fff;
  background: #b11e35;
}

.h-style4 .nh3-topber ul.ht3-list {
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  /*float: right;*/
  /*background-color: #b11e3524;*/
  /*border-radius: 10px 0 0 50px;
  padding: 0px 15px 0px 30px;*/
}

.h-style7 {
  z-index: 2;
}

.h-style7 .nh3-topber {
  border-color: #e2e2e2;
}

.h-style7 .nh3-topber ul.ht3-list {
  border-color: #e2e2e2;
}

.h-style7 .nh3-topber ul.ht3-list li a {
  color: #060606;
}

.h-style7 .nh3-navber {
  border-color: #e2e2e2;
}

.h-style7 .nh3-navber nav .nav-brand {
  border-color: #e2e2e2;
}

.h-style7 .nh3-navber nav ul.sm-mint>li>a {
  color: #000;
}

.h-style7 .nh3-navber nav ul.sm-mint>li .sub-arrow {
  border-color: #000000 transparent transparent transparent;
}

.h-style7 .nh3-navber .nh3-nav-btn {
  border-color: #e2e2e2;
}

.h-style7 .nh3-navber .nh3-nav-btn a.btn-1 {
  background: #b5c2c500;
  color: #000000;
}


/* ------------Hero 1 Style --------------*/

section.hero-1 {
  position: relative;
  padding: 50px 0px;
  overflow: hidden;
}

section.hero-1 .hero-content {
  position: relative;
  padding: 100px 0px 0px;
}

section.hero-1 .hero-content::before {
  position: absolute;
  content: '';
  width: 70%;
  z-index: -1;
  top: 5%;
  left: -20%;
  height: 375px;
  background-position: 100%;
  background-image: url(../img/hero/hero-c1-bg.png);
  background-repeat: no-repeat;
}

section.hero-1 .hero-content .animation-img {
  width: auto;
}

section.hero-1 .hero-content .animation-1 {
  position: absolute;
  left: -27%;
  top: -3%;
  animation: spin 4s infinite;
  animation-duration: 6000ms;
  animation-delay: 2s;
  animation-timing-function: ease-in;
}

section.hero-1 .hero-content .animation-2 {
  position: absolute;
  top: 5%;
  transform: translateX(-50%);
  -webkit-animation: spinnerRotateone 6s both alternate infinite;
  animation: spinnerRotateone 6s both alternate infinite;
  animation-duration: 6000ms;
  animation-delay: 2s;
  animation-timing-function: ease-in;
}

section.hero-1 .hero-content .animation-3 {
  position: absolute;
  right: 5%;
  top: 0;
  -webkit-animation-name: slideInnew3;
  animation-name: slideInnew3;
  -webkit-animation: slideInnew3 4s both alternate infinite;
  animation: slideInnew3 4s both alternate infinite;
  animation-duration: 6000ms;
  animation-delay: 2s;
  animation-timing-function: ease-in;
}

section.hero-1 .hero-content .animation-4 {
  position: absolute;
  bottom: 31%;
  left: -28%;
  animation: spin 4s infinite;
  animation-duration: 6000ms;
  animation-delay: 2s;
  animation-timing-function: ease-in;
}

section.hero-1 .hero-content .animation-5 {
  position: absolute;
  bottom: 34%;
  left: -9%;
  animation-name: spin;
  animation-duration: 6000ms;
  animation-delay: 2s;
  animation-timing-function: ease-in;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

section.hero-1 .hero-content .animation-6 {
  position: absolute;
  right: -34%;
  top: 36%;
  animation: spin 4s infinite;
  animation-duration: 6000ms;
  animation-delay: 2s;
  animation-timing-function: ease-in;
}

section.hero-1 .hero-content .animation-7 {
  position: absolute;
  right: 0;
  bottom: 22%;
  animation-name: spin;
  animation-duration: 6000ms;
  animation-delay: 2s;
  animation-timing-function: ease-in;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

section.hero-1 .hero-content h1 {
  font-size: 55px;
  line-height: 66px;
}

section.hero-1 .hero-content h1 span {
  color: #ffc854;
  text-decoration: underline;
}

section.hero-1 .hero-content p {
  font-size: 30px;
  line-height: 40px;
  padding: 15px 0px;
}

section.hero-1 .hero-content .hero-btn {
  position: relative;
  padding: 20px 0px;
}

section.hero-1 .hero-content .hero-btn a.btn-3 {
  margin-left: 20px;
}

section.hero-1 .hero-img {
  position: relative;
  margin-left: 50px;
  width: calc(100% + 100px);
}

section.hero-1 .hero-img::before {
  position: absolute;
  content: '';
  content: '';
  width: 34%;
  right: -20%;
  z-index: -1;
  border-radius: 50%;
  background-size: contain;
  height: 166px;
  background-position: 100%;
  bottom: 0;
  background-image: url(../img/hero/hero-1bg.png);
  background-repeat: no-repeat;
  animation-name: spin;
  animation-duration: 6000ms;
  animation-delay: 2s;
  animation-timing-function: ease-in;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}


/*--------------- End Hero 1 Style------------- */


/*--------------Hero 2 Style --------------------*/

section.hero-2 {
  position: relative;
  padding: 100px 0px;
  overflow: hidden;
}

section.hero-2::before {
  position: absolute;
  content: '';
  width: 400px;
  height: 400px;
  bottom: 3%;
  z-index: -1;
  background: #eff6ff;
  left: 43%;
  border-radius: 50%;
}

section.hero-2 .hero-content {
  position: relative;
  margin-top: 20%;
}

section.hero-2 .hero-content::before {
  position: absolute;
  content: '';
  width: 400px;
  height: 400px;
  top: -33%;
  z-index: -2;
  background: #eff6ff;
  left: -7%;
  border-radius: 50%;
}

section.hero-2 .hero-content .animation-img {
  width: auto;
}

section.hero-2 .hero-content .animation-1 {
  position: absolute;
  left: 35px;
  top: -21%;
  animation: spin 4s infinite;
  animation-duration: 5000ms;
  animation-delay: 2s;
  animation-timing-function: ease-in;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

section.hero-2 .hero-content .animation-2 {
  position: absolute;
  left: 50%;
  bottom: -53%;
  transform: translateX(-50%);
  -webkit-animation: spinnerRotateone 6s both alternate infinite;
  animation: spinnerRotateone 6s both alternate infinite;
  animation-duration: 5000ms;
  animation-delay: 2s;
  animation-timing-function: ease-in;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

section.hero-2 .hero-content .animation-3 {
  position: absolute;
  right: -7%;
  bottom: -69%;
  animation: slideInnew3 both alternate infinite;
  animation-duration: 5000ms;
  animation-delay: 2s;
  animation-timing-function: ease-in;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

section.hero-2 .hero-content .animation-4 {
  position: absolute;
  bottom: 7%;
  right: 20%;
  animation: spin 4s infinite;
  animation-duration: 5000ms;
  animation-delay: 2s;
  animation-timing-function: ease-in;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

section.hero-2 .hero-content .animation-5 {
  position: absolute;
  left: 50%;
  top: -20%;
  animation-name: spin;
  animation-duration: 6000ms;
  animation-delay: 2s;
  animation-timing-function: ease-in;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

section.hero-2 .hero-content .animation-6 {
  position: absolute;
  left: 0;
  bottom: -51%;
  transform: translateX(-50%);
  -webkit-animation: spinnerRotateone 6s both alternate infinite;
  animation: spinnerRotateone 6s both alternate infinite;
}

section.hero-2 .hero-content h1 {
  font-size: 52px;
  line-height: 64px;
}

section.hero-2 .hero-content p {
  font-size: 26px;
  color: #2a2a33;
  line-height: 35px;
  padding: 25px 0px;
}

section.hero-2 .hero-content .hero-btn {
  position: relative;
  margin-top: 30px;
}

section.hero-2 .hero-content .hero-btn .btn-3 {
  margin-left: 20px;
}

section.hero-2 .h2-img-bg {
  position: absolute;
  background: #ffc854;
  width: 40%;
  margin-top: -15%;
  height: 860px;
  right: 0;
  z-index: -1;
  padding: 100px 0px;
  border-bottom-left-radius: 20px;
}

section.hero-2 .hero-img {
  position: relative;
  width: calc(100% + 100px);
  margin-left: -100px;
  margin-top: 5%;
}

section.hero-2 .hero-img::before {
  position: absolute;
  content: '';
  width: 50%;
  z-index: -1;
  bottom: -10%;
  right: -4%;
  height: 375px;
  background-position: 100%;
  background-image: url(../img/hero/hero-2bg2.png);
  background-repeat: no-repeat;
  transition-delay: 2s;
}

section.hero-2 .hero-img img {
  width: 100%;
  height: 550px;
}


/*--------------End Hero 2 Style --------------------*/


/*---------------Hero 3 style-----------------------*/

section.hero-3 {
  position: relative;
  overflow: hidden;
}

section.hero-3::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url(../img/hero/hero-3bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

section.hero-3 .hero-3-content {
  position: relative;
  padding: 250px 0px 200px;
  max-width: 550px;
}

section.hero-3 .hero-3-content h1 {
  font-size: 52px;
  line-height: 62px;
  color: #fff;
}

section.hero-3 .hero-3-content p {
  font-size: 25px;
  color: #fff;
  line-height: 34px;
  padding: 20px 0px;
  padding-bottom: 40px;
}

section.hero-3 .designer-slide {
  z-index: -1;
  margin-top: 40%;
  margin-right: -38%;
  width: calc(100% + 38%);
  position: relative;
}

section.hero-3 .designer-slide .item {
  position: relative;
}

section.hero-3 .designer-slide .item .ds-img {
  position: relative;
  width: calc(100% + 100px);
  margin-right: -100px;
}

section.hero-3 .hero-social-icon {
  position: fixed;
  top: 43%;
  left: 2%;
  z-index: 9;
}

section.hero-3 .hero-social-icon li {
  padding: 10px;
  width: 45px;
  height: 45px;
  text-align: center;
  background: #fade16;
  margin-bottom: 5px;
  border-radius: 20px 0px 20px 0px;
  line-height: 20px;
  font-size: 26px;
}

section.hero-3 .hero-social-icon li a {
  color: #b11e35;
}

section.hero-3 .hero-social-icon li a:hover {
  font-size: 20px;
}


/*------------------Hero 4 Style ---------------------*/

section.hero-4 {
  position: relative;
  width: 100%;
  height: 500px;
  overflow: hidden;
}

section.hero-4 .hero4-slide {
  position: relative;
}

section.hero-4 .hero4-slide .owl-dots {
  margin-top: 10px;
  display: inline-grid;
  position: absolute;
  right: 2%;
  top: 44%;
}

section.hero-4 .hero4-slide .owl-dots .owl-dot {
  height: 20px;
  width: 20px;
  border: 2px solid #ffffff;
  background-color: transparent;
  margin: 5px;
  border-radius: 50%;
}

section.hero-4 .hero4-slide .owl-dots .owl-dot span {
  background: none;
}

section.hero-4 .hero4-slide .owl-dots .owl-dot.active {
  background: white;
}

section.hero-4 .hero4-slide .owl-dots .owl-dot.active span {
  background: none;
}

section.hero-4 .hero4-slide .owl-dot.active span,
section.hero-4 .hero4-slide .owl-theme .owl-dots .owl-dot:hover span {
  background: #ffffff;
}

section.hero-4 .hero4-slide .hero-content-wrapper {
  position: relative;
  width: 100%;
}

section.hero-4 .hero4-slide .hero-content-wrapper img {
  position: absolute;
  object-fit: cover;
  height: 100%;
  width: 100%;
}

section.hero-4 .hero4-slide .hero-content-wrapper .hero-3-content {
   position: relative;
    padding: 400px 0px 100px;
    z-index: 1;
}

section.hero-4 .hero4-slide .hero-content-wrapper .hero-3-content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

section.hero-4 .hero4-slide .hero-content-wrapper .hero-3-content h3 {
  color: #fff;
  line-height: 38px;
  font-size: 30px;
  font-family: 'Laila', sans-serif;
}

section.hero-4 .hero4-slide .hero-content-wrapper .hero-3-content h1 {
  color: #fff;
  line-height: 45px;
  font-size: 40px;
  font-family: 'Laila', sans-serif;
}

section.hero-4 .hero4-slide .hero-content-wrapper .hero-3-content a.btn-3 {
  background-color: #343f53a6;
  margin-top: 20px;
  color: #fff;
  margin-left: 20px;
  border: 0;
}

section.hero-4 .hero-social-icon {
  position: fixed;
  top: 43%;
  left: 0%;
  z-index: 9;
}

section.hero-4 .hero-social-icon li:nth-child(1) {
  padding: 5px;
  width: 40px;
  height: 40px;
  text-align: center;
  background: #1d9bf0;
  margin-bottom: 5px;
  border-radius: 10px 0px 10px 0px;
  line-height: 30px;
  font-size: 20px;
}

section.hero-4 .hero-social-icon li:nth-child(2) {
  padding: 5px;
  width: 40px;
  height: 40px;
  text-align: center;
  background: #139ef8;
  margin-bottom: 5px;
  border-radius: 10px 0px 10px 0px;
  line-height: 30px;
  font-size: 20px;
}

section.hero-4 .hero-social-icon li:nth-child(3) {
  padding: 5px;
  width: 40px;
  height: 40px;
  text-align: center;
  background: #d33999;
  margin-bottom: 5px;
  border-radius: 10px 0px 10px 0px;
  line-height: 30px;
  font-size: 20px;
}

section.hero-4 .hero-social-icon li:nth-child(4) {
  padding: 5px;
  width: 40px;
  height: 40px;
  text-align: center;
  background: #2ead37;
  margin-bottom: 5px;
  border-radius: 10px 0px 10px 0px;
  line-height: 30px;
  font-size: 20px;
}

section.hero-4 .hero-social-icon li a {
  color: #fff;
}

section.hero-4 .hero-social-icon li a:hover {
  font-size: 20px;
}


/*---------------End Hero 4 style-----------------------*/


/*------------------Hero 5 Style ---------------------*/

section.hero-5 {
  position: relative;
  width: 100%;
  padding-bottom: 150px;
}

section.hero-5::before {
  position: absolute;
  content: '';
  background: #f5f7fa;
  height: 600px;
  border-radius: 50%;
  left: -5%;
  top: -28%;
  z-index: -1;
  width: 600px;
}

section.hero-5::after {
  position: absolute;
  content: '';
  z-index: -1;
  height: 100%;
  right: 0px;
  width: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  top: -13%;
  background-image: url(../img/bg-img/hero5-bg.png);
}

section.hero-5 .hero-content {
  position: relative;
  padding: 150px 0px;
}

section.hero-5 .hero-content h1 {
  font-size: 48px;
  line-height: 60px;
}

section.hero-5 .hero-content p {
  font-size: 26px;
  padding: 20px 0px;
  line-height: 31px;
}

section.hero-5 .hero-content .input-group {
  margin-top: 20px;
}

section.hero-5 .hero-content .input-group input {
  height: 50px;
  padding: 0px 20px;
  font-size: 13px;
}

section.hero-5 .hero-content .input-group .input-group-text {
  padding: 8px 10px;
  font-size: 16px;
  color: #fff;
  background-color: #ffc854;
}

section.hero-5 .hero-img {
  position: relative;
  padding: 40px;
  margin-right: -200px;
  width: calc(100% + 200px);
  padding-top: 15%;
}


/*------------------End Hero 5 Style ---------------------*/


/*------------------ Hero 6 Style ---------------------*/

section.hero-6 {
  position: relative;
  width: 100%;
  text-align: center;
  padding: 130px 0px 100px;
  background: #0a1b2b;
}

section.hero-6 .hero-6-content {
  position: relative;
  max-width: 767px;
  margin: 0 auto;
  padding: 70px 0px;
}

section.hero-6 .hero-6-content h1 {
  color: #fff;
  font-size: 46px;
  line-height: 65px;
}

section.hero-6 .hero-6-content p {
  color: #fff;
  font-size: 25px;
  line-height: 35px;
  padding: 20px 0px;
}

section.hero-6 .hero-6-content .hero-btn {
  position: relative;
  margin-top: 25px;
}

section.hero-6 .hero-6-content .hero-btn a.btn-3 {
  margin-left: 20px;
  background: transparent;
}


/*------------------End Hero 6 Style ---------------------*/


/*------------------Start Hero 7 Style ---------------------*/

section.hero-7 {
  position: relative;
  padding: 160px 0px 60px;
  background: #f4f9ff;
  overflow: hidden;
}

section.hero-7 .hero-content {
  position: relative;
  padding-top: 25%;
  z-index: 1;
}

section.hero-7 .hero-content::before {
  position: absolute;
  content: '';
  height: 630px;
  width: 630px;
  top: 0;
  left: -18%;
  border-radius: 50%;
  z-index: -1;
  background: #e3ecf6;
}

section.hero-7 .hero-content h1 {
  font-size: 48px;
  line-height: 60px;
}

section.hero-7 .hero-content p {
  font-size: 23px;
  padding: 30px 0px;
  padding-right: 35px;
  line-height: 35px;
}

section.hero-7 .hero-content .hero-btn {
  position: relative;
  margin-top: 10px;
}

section.hero-7 .hero-content .hero-btn a.btn-2 {
  background: #ffc854;
  border-color: #ffc854;
  max-width: 150px;
  padding: 12px 0px;
}

section.hero-7 .hero-content .hero-btn a.btn-3 {
  color: #000;
  margin-left: 25px;
  max-width: 150px;
  padding: 12px 0px;
}

section.hero-7 .hero-img {
  position: relative;
  z-index: 1;
}

section.hero-7 .hero-img::before {
  position: absolute;
  content: '';
  height: 450px;
  width: 450px;
  top: -27%;
  right: -77%;
  border-radius: 50%;
  z-index: -1;
  background: #e3ecf6;
}


/*------------------End Hero 7 Style ---------------------*/


/*---------------------Hero Area---------------------------*/

section.about-us-hero {
  position: relative;
  padding: 50px 0px;
  /*background-color: #023b31;*/
  /*background-image: url(../img/newsletter-bg-1.jpg);*/
  /*background: url(../img/newsletter-bg-1.jpg) center bottom repeat-x rgba(0, 0, 0, 0.7);*/
  background: linear-gradient(rgb(18 18 18 / 53%), rgb(68 64 65)), url(../img/bg1.jpg);
  background-position: center center;
  background-size: cover;
}

section.about-us-hero .au-hero-text {
  position: relative;
  padding: 175px 0px 25px;
}

section.about-us-hero .au-hero-text h1 {
  font-size: 50px;
  line-height: 60px;
  color:#ffc854;
}

section.about-us-hero .au-hero-text p {
  font-size: 36px;
  padding-top: 15px;
  color: #ffc854;
}

section.about-us-hero .au-hero-text nav {
  position: absolute;
  right: 0;
  bottom: 0;
}

section.about-us-hero .au-hero-text nav .breadcrumb {
  position: relative;
  margin-bottom: 0;
  list-style: none;
  background: none;
}

section.about-us-hero .au-hero-text nav .breadcrumb li {
  font-size: 18px;
  color: #ffc854;
}

section.about-us-hero .au-hero-text nav .breadcrumb li a {
  font-size: 18px;
  color: #ffc854;
}

section.about-us-hero .au-hero-text nav .breadcrumb::before {
  position: absolute;
  content: '';
  width: 40%;
  height: 2px;
  background: #ccc;
  left: -40%;
  bottom: 36%;
}

section.about-us-hero.support-hero {
  text-align: center;
}

section.about-us-hero.support-hero .search-box {
  width: 60%;
  margin: auto;
  margin-top: 50px;
}

section.about-us-hero.support-hero .search-box .form-group {
  position: relative;
}

section.about-us-hero.support-hero .search-box .form-group input.form-control {
  padding: 25px 20px;
  font-size: 17px;
}

section.about-us-hero.support-hero .search-box .form-group span.fa.fa-search {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 19px;
}


/*---------------------/Hero Area---------------------------*/


/*-------------------Partner Section -------------------*/

section.partner {
  position: relative;
  padding: 50px 0px;
}


/*-------------------End Partner Section -------------------*/


/* -----------About Style------------*/

section.partner .partner-logo {
  position: relative;
  width: calc(20% - 20px);
  float: left;
  text-align: center;
  margin: 25px 10px;
}

section.partner .partner-logo:nth-child(1) {
  margin-left: 0;
  text-align: left;
}

section.partner .partner-logo:nth-child(5) {
  margin-right: 0;
  text-align: right;
}

section.partner .partner-logo:nth-child(6) {
  margin-left: 0;
  text-align: left;
}

section.partner .partner-logo:nth-child(10) {
  margin-right: 0;
  text-align: right;
}

section.about-us {
  position: relative;
  padding: 100px 0px;
}

section.about-us .about-1 {
  position: relative;
  right: 22%;
}

section.about-us .about-1 img {
  max-width: 110%;
}

section.about-us .about-1::before {
  position: absolute;
  content: "";
  background-image: url(../img/bg-img/about-bg.png);
  background-position: center;
  width: 128%;
  background-size: contain;
  top: -25%;
  left: -24%;
  height: 600px;
  background-repeat: no-repeat;
}

section.about-us .about-content {
  position: relative;
  padding-top: 30px;
}

section.about-us .about-content h3 {
  font-weight: 600;
}

section.about-us .about-content h1 {
  line-height: 44px;
  padding: 15px 0px;
}

section.about-us .about-content span {
  color: #ffc854;
  text-decoration: underline;
}

section.about-us .about-content p {
  font-family: "Circular Std Book";
  font-size: 17px;
  color: #2a2a33;
  padding-bottom: 15px;
  line-height: 25px;
}

section.about-us .about-content a.btn-2 {
  margin-top: 30px;
}

section.about-us-2 {
  position: relative;
  padding: 50px 0px;
}

section.about-us-2::before {
  position: absolute;
  content: '';
  height: 90%;
  background-image: url(../img/bg-img/about-bg3.png);
  width: 50%;
  right: 0;
  top: 0;
  z-index: -1;
  background-size: contain;
  background-position: right;
  background-repeat: no-repeat;
}

section.about-us-2 .about-1 {
  right: 0;
  position: relative;
  margin-left: -204px;
  width: calc(100% + 150px);
}

section.about-us-2 .about-1::before {
  position: absolute;
  content: '';
  width: 400px;
  height: 400px;
  z-index: -1;
  background: #eff6ff;
  left: -1%;
  top: 58%;
  border-radius: 50%;
}

section.about-us-2 .about-1 img {
  max-width: 100%;
}

section.about-us-2 .about-content {
  position: relative;
  padding-top: 150px;
}

section.about-us-2 .about-content h3 {
  color: #3b3f54;
}

section.about-us-2 .about-content h1 {
  font-weight: 600;
  color: #3b3f54;
}

section.about-us-3 {
  position: relative;
  overflow: hidden;
  padding-bottom: 150px;
}

section.about-us-3::after {
  position: absolute;
  display: none;
  content: '';
}

section.about-us-3::before {
  display: none;
}

section.about-us-3 .about-content h1 {
  padding-right: 90px;
}

section.about-us-3 .about-1 {
  position: relative;
  margin-left: 54px;
}

section.about-us-3 .about-1::before {
  left: -18%;
  top: 58%;
}

section.about-team {
  position: relative;
  padding: 50px 0px;
}

section.about-team .about-1 {
  position: relative;
  right: 60px;
}

section.about-team .about-content {
  position: relative;
  padding-top: 100px;
}

section.about-team .about-content h3 {
  font-weight: 600;
}

section.about-team .about-content h1 {
  line-height: 44px;
  padding: 15px 0px;
}

section.about-team .about-content span {
  color: #ffc854;
  text-decoration: underline;
}

section.about-team .about-content p {
  font-family: "Circular Std Book";
  font-size: 17px;
  color: #2a2a33;
  padding-bottom: 15px;
  line-height: 25px;
}

section.about-team .about-content a.btn-2 {
  margin-top: 20px;
}

section.about-us-5 {
  padding: 150px 0px;
  position: relative;
  overflow: hidden;
}

section.about-us-5::before {
  content: '';
  position: absolute;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #ffc854;
  left: 10px;
  bottom: 3%;
}

section.about-us-5::after {
  content: '';
  position: absolute;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: #ffc854;
  z-index: -1;
  right: 5%;
  top: 9%;
}

section.about-us-5 .about-img {
  position: relative;
}

section.about-us-5 .about-img::before {
  content: '';
  position: absolute;
  width: 300px;
  height: 300px;
  background: #ffc854;
  z-index: -1;
  left: -23px;
  top: -23px;
}

section.about-us-5 .about-img::after {
  content: '';
  position: absolute;
  width: 329px;
  height: 61px;
  background: #ffc854;
  z-index: -1;
  right: -6%;
  bottom: -4%;
}

section.about-us-5 .about-img img.abi2-bg {
  position: absolute;
  left: -38%;
  z-index: -1;
  bottom: -20%;
}

section.about-us-5 .about-content {
  position: relative;
  padding: 82px 74px;
}

section.about-us-5 .about-content::before {
  content: '';
  position: absolute;
  width: 600px;
  height: 600px;
  border-radius: 50%;
  background: #f6faff;
  z-index: -2;
  left: -100px;
  top: 44px;
}

section.about-us-5 .about-content::after {
  content: '';
  position: absolute;
  width: 47%;
  height: 58%;
  background-image: url(../img/bg-img/about-5-contentbg.png);
  left: -6%;
  bottom: 7%;
  z-index: -1;
}

section.about-us-5 .about-content h3 {
  color: #ffc854;
}

section.about-us-5 .about-content h1 {
  line-height: 45px;
  padding: 10px 0px;
}

section.about-us-5 .about-content p {
  line-height: 28px;
  padding: 10px 0px;
  margin: 0;
}

section.about-us-5 .about-content .btn-2 {
  margin-top: 25px;
  background: #ffc854;
  border: 1px solid #ffc854;
}

section.about-us-6 {
  padding: 150px 0px;
  position: relative;
}

section.about-us-6::before {
  content: '';
  position: absolute;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: #ffc854;
  left: 10px;
  bottom: 3%;
}

section.about-us-6::after {
  content: '';
  position: absolute;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #ffc854;
  z-index: 1;
  right: 1%;
  top: 9%;
}

section.about-us-6 .about-img {
  position: relative;
  z-index: 1;
}

section.about-us-6 .about-img::before {
  content: '';
  position: absolute;
  width: 300px;
  height: 300px;
  background: #ffc854;
  z-index: -1;
  left: -23px;
  top: -23px;
}

section.about-us-6 .about-img::after {
  content: '';
  position: absolute;
  width: 329px;
  height: 61px;
  background: #ffc854;
  z-index: -1;
  right: -6%;
  bottom: -4%;
}

section.about-us-6 .about-img img.abi2-bg {
  position: absolute;
  z-index: -1;
  top: -33%;
  right: -37%;
}

section.about-us-6 .about-content {
  position: relative;
  padding: 120px 60px;
}

section.about-us-6 .about-content::before {
  content: '';
  position: absolute;
  width: 600px;
  height: 600px;
  border-radius: 50%;
  background: #f6faff;
  z-index: -1;
  top: 16%;
  right: -6%;
}

section.about-us-6 .about-content::after {
  content: '';
  position: absolute;
  width: 45%;
  height: 40%;
  background-image: url(../img/bg-img/about-5-contentbg.png);
  bottom: 17%;
  right: -6%;
  z-index: -1;
}

section.about-us-6 .about-content h3 {
  color: #ffc854;
}

section.about-us-6 .about-content h1 {
  line-height: 45px;
  padding: 10px 0px;
}

section.about-us-6 .about-content p {
  line-height: 28px;
  padding: 10px 0px;
  margin: 0;
}

section.about-us-6 .about-content .btn-2 {
  margin-top: 20px;
  background: #ffc854;
  border: 1px solid #ffc854;
}

section.about-us-7 {
  position: relative;
  padding: 50px 0px;
}

section.about-us-7 .about-img {
  position: relative;
  width: 100%;
  left: 0%;
}

/*section.about-us-7 .about-img::before {
  position: absolute;
  content: '';
  width: 70%;
  height: 90%;
  background-color: #ffc854;
  left: -10%;
  border-radius: 10px;
  top: -8%;
  z-index: -1;
}

section.about-us-7 .about-img::after {
  content: '';
  position: absolute;
  height: 20%;
  width: 22%;
  border-radius: 6px;
  background: #ffc854;
  bottom: -4%;
  z-index: -1;
  right: -5%;
}*/
.s-sp-text{
  background: #00eaaf;
  padding: 10px 10px;
  margin-bottom: 10px;
  text-align: center;
  border-radius: 20px 0px 20px 0px;
}
section.about-us-7 .about-content {
  position: relative;
  width: 100%;
  left: 0%;
  padding: 0px 0px;
}

section.about-us-7 .about-content h3 {
  font-size: 19px;
  line-height: 23px;
}

section.about-us-7 .about-content h1 {
  font-size: 32px;
  line-height: 42px;
}

section.about-us-7 .about-content p {
  font-size: 17px;
  line-height: 26px;
  margin: 10px 0px;
}

section.about-us-7 .about-content a.btn-3 {
  margin-left: 25px;
}

section.about-us-8 {
  position: relative;
  padding: 200px 0px 150px;
}

section.about-us-8 .about-img {
  position: relative;
}

section.about-us-8 .about-img::before {
  content: '';
  left: 40%;
}

section.about-us-8 .about-img::after {
  content: '';
  left: -5%;
}

section.about-us-9 {
  padding: 60px 0px;
  background-image: url(../img/campus-bg.jpg);
  position: relative;
  overflow: hidden;
}

section.about-us-9::before {
  position: absolute;
  content: '';
  width: 250px;
  height: 250px;
  background: #f5f7fa;
  border-radius: 50%;
  right: -5%;
  bottom: 0;
}

section.about-us-9 .about-content {
  position: relative;
  width: 90%;
  padding-top: 15%;
  margin-left: 10%;
}

section.about-us-9 .about-content h1 {
  font-size: 44px;
}

section.about-us-9 .about-content p {
  font-size: 17px;
  padding: 10px 0px 30px;
}

section.about-us-9 .about-content a.btn-2 {
  background-color: #ffc854;
  border: 1px solid #ffc854;
}

section.about-us-10 {
  position: relative;
}

section.about-us-10::before {
  display: none;
}

section.about-us-10 .about-1 {
  position: relative;
}

section.about-us-10 .about-1::before {
  content: '';
  position: absolute;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  background: #f5f7fa;
  left: 0;
  top: 0;
  z-index: -1;
}

section.dark {
  position: relative;
  background: #142838;
}

section.dark h1 {
  color: #fff;
}

section.dark p {
  color: #fff;
}

section.dark::before {
  display: none;
}

section.about-us-9.dark {
  position: relative;
}

section.about-us-9.dark .about-1 {
  position: relative;
  margin-left: -150px;
  width: calc(100% + 150px);
}

section.about-us-9.dark .about-1 .about2 {
  position: absolute;
  width: 50%;
  right: -5%;
  top: 5%;
}

section.about-us-9.dark .about-1 .about3 {
  position: absolute;
  width: 50%;
  left: -8%;
  bottom: 5%;
}

section.about-us-9.dark .about-content {
  position: relative;
}

section.about-us-9.dark .about-content a.btn-2 {
  background: #ffc854;
}

section.about-us-10.dark {
  position: relative;
}

section.about-us-10.dark .about-1 {
  position: relative;
  margin-left: -100px;
  width: calc(100% + 100px);
}

section.about-us-10.dark .about-content {
  position: relative;
  margin: 0;
  padding-right: 13%;
}

section.about-us-10.dark .about-content a.btn-2 {
  background: #ffc854;
}

section.about-us-11 {
  position: relative;
  padding-top: 150px;
}

section.about-us-11 .about-img {
  position: relative;
  width: 90%;
}

section.about-us-11 .about-img .about-img-2 {
  position: absolute;
  top: 12%;
  width: 98%;
  left: 19%;
}

section.about-us-11 .about-content {
  position: relative;
  width: 80%;
  padding-top: 43%;
  margin: 0px auto;
}

section.about-us-11 .about-content h1 {
  font-size: 38px;
}

section.about-us-11 .about-content p {
  font-size: 17px;
  padding: 10px 26% 30px 0%;
  padding-right: 26%;
  line-height: 28px;
}

section.about-us-11 .about-content a.btn-2 {
  background-color: #ffc854;
  border-color: #ffc854;
  max-width: 150px;
}

section.about-us-11 .about-content a.btn-3 {
  margin-left: 20px;
  max-width: 150px;
  color: #000000;
}

section.about-us-12 {
  position: relative;
}

section.about-us-12 .about-img {
  position: relative;
  margin-left: 10%;
}

section.about-us-12 .about-img .about-img-2 {
  left: -25%;
  color: #000000;
  top: 21%;
}

section.mobile-ui {
  position: relative;
  padding-top: 150px;
}

section.mobile-ui .mobile-ui-bg {
  position: absolute;
  height: 61%;
  top: 29%;
  left: 17%;
  width: 83%;
  background: #71a0ec;
}

section.mobile-ui .mobile-ui-img2 {
  position: relative;
  width: 100%;
  margin-left: -10%;
}

section.mobile-ui .mobile-ui-content {
  position: relative;
  padding-top: 45%;
}

section.mobile-ui .mobile-ui-content h1 {
  font-size: 45px;
  line-height: 60px;
  color: #fff;
}

section.mobile-ui .mobile-ui-content p {
  padding: 15px 0px 25px;
  color: #fff;
}

section.mobile-ui .mobile-ui-content .btn-2 {
  max-width: 150px;
}

section.mobile-ui .mobile-ui-content .btn-3 {
  max-width: 150px;
  margin-left: 20px;
  color: #000000;
}


/* -----------End About Style------------*/


/* ---------------- About Page Style ----------------*/

section.about-us-9.about-us-main {
  position: relative;
  overflow: unset;
}

section.about-us-9.about-us-main::before {
  display: none;
}

section.about-us-9.about-us-main .about-1 {
  position: relative;
  width: 100%;
  z-index: 1;
}

section.about-us-9.about-us-main .about-1::before {
  position: absolute;
  width: 124%;
  content: '';
  left: -15%;
  top: 0;
  z-index: -1;
  height: 121%;
  background-image: url(../img/about/about-13-before.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

section.about-us-9.about-us-main .about-content {
  padding-right: 20%;
  padding-top: 35%;
}

section.about-us-9.about-us-main .about-content h1 {
  font-size: 39px;
  line-height: 47px;
}

section.about-us-9.about-us-main .about-content p {
  font-size: 16px;
}

section.about-us-9.about-us-main .about-content a.btn-2 {
  max-width: 160px;
}

section.about-us-9.about-us-main .e-solution-details {
  position: relative;
  padding-right: 10%;
  padding-top: 10%;
}

section.about-us-9.about-us-main .e-solution-details p {
  padding: 10px 0px;
  line-height: 28px;
  font-size: 18px;
}

section.about-us-9.about-us-main .e-solution-details .esd-all {
  position: relative;
  padding: 15px 0px 40px;
}

section.about-us-9.about-us-main .e-solution-details .esd-all ul li {
  padding: 10px 0px;
  display: inline-block;
  width: 46%;
}

section.about-us-9.about-us-main .e-solution-details .esd-all ul li i {
  padding-right: 5px;
}

section.about-us-9.about-us-main .e-solution-details a.btn-2 {
  max-width: 150px;
}

section.about-us-9.about-us-main .about-counter {
  position: relative;
  z-index: 1;
}

section.about-us-9.about-us-main .about-counter::after {
  position: absolute;
  content: '';
  width: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 300px;
  background-image: url(../img/about/about-14-after.png);
  bottom: -10%;
  right: -16%;
}

section.about-us-9.about-us-main .about-counter .ab-counter {
  position: absolute;
  width: 200px;
  padding: 20px;
  left: 30%;
  height: 149px;
  z-index: 1;
  bottom: -19%;
  border-radius: 5px;
  background: #ffc854;
}

section.about-us-9.about-us-main .about-counter .ab-counter h1 {
  color: #fff;
  font-size: 46px;
}

section.about-us-9.about-us-main .about-counter .ab-counter p {
  color: #fff;
  line-height: 31px;
  font-size: 25px;
}

section.information {
  position: relative;
  padding-top: 60px;
}

section.information .information-text {
  position: relative;
}

section.information .information-text h1 {
  line-height: 46px;
  padding: 20px 106px;
  padding-left: 0;
}

section.information .information-text p {
  font-family: unset;
  padding: 10px 0px;
}

section.information .information-text2 {
  position: relative;
  padding-top: 30%;
  padding-left: 15%;
}

section.information .information-text2 p {
  font-family: unset;
  padding: 10px 0px;
}

section.our-specialties {
  position: relative;
  padding-top: 80px;
}

section.our-specialties .our-special-margin {
  position: relative;
  /*margin-left: 8%;*/
}

section.our-specialties .specialties-img {
  position: relative;
  width: calc(100% + 200px);
  margin-left: -200px;
}

section.our-specialties .our-specialties-details {
  position: relative;
}

section.our-specialties .our-specialties-details h1 {
  line-height: 47px;
  padding: 10px 0px;
  font-size: 39px;
}

section.our-specialties .our-specialties-details p {
  font-family: unset;
}

section.our-specialties .single-sp-details {
  position: relative;
  margin-top: 30px;
}

section.our-specialties .single-sp-details .s-sp-icon {
  position: relative;
  height: 70px;
  width: 70px;
  border-radius: 5px;
  background: #ffc854;
}

section.our-specialties .single-sp-details .s-sp-icon .osd-icon {
  font-size: 50px;
  padding: 19px 10px;
  color: #fff;
  display: block;
}

section.our-specialties .single-sp-details .s-sp-icon2 {
  background: #ffc854;
}

section.our-specialties .single-sp-details .s-sp-icon3 {
  background: #ff5454;
}

section.our-specialties .single-sp-details .s-sp-icon4 {
  background: #bd54ff;
}

section.our-specialties .single-sp-details .s-sp-text h3 {
  padding: 15px 0px 10px;
}

section.our-specialties .single-sp-details .s-sp-text p {
  font-family: unset;
  line-height: 24px;
}

section.Our-Approach {
  position: relative;
}

section.Our-Approach .about-content {
  width: 100% !important;
  padding: 0 !important;
  margin-left: 0;
}

section.Our-Approach .about-1 {
  position: relative;
}

section.Our-Approach .about-1::before {
  background-image: none !important;
  height: 500px !important;
  width: 500px !important;
  background: #f4f9ff;
  border-radius: 50%;
  right: -23%;
  bottom: -8%;
  top: unset !important;
  left: unset !important;
}

section.about-niksta-1 {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
}

section.about-niksta-1 .about-niksta-1-text {
  position: relative;
  padding-top: 2%;
}

section.about-niksta-1 .about-niksta-1-text h1 {
  font-weight: 600;
}

section.about-niksta-1 .about-niksta-1-text p {
  font-family: unset;
  font-size: 16px;
  padding-bottom: 20px;
}

section.about-niksta-1 .about-niksta-1-text a.btn-2 {
  background: #ffc854;
  border-color: #ffc854;
  margin-top: 20px;
}

section.about-niksta-1 .about-niksta-1-img {
  position: relative;
  margin-left: -50px;
  width: calc(100% + 50px);
}

section.about-niksta-1 .an-image2 {
  position: relative;
  margin-left: 0;
  margin-right: -50px;
  width: calc(100% + 50px);
}


/* ---------------- End Page Style ----------------*/


/*-------------Features  Style------------------*/

section.features {
  position: relative;
  text-align: center;
  padding: 100px 0px;
  overflow: hidden;
}

section.features::before {
  position: absolute;
  background-image: url(../img/bg-img/about-bg.png);
  background-position: center;
  content: '';
  right: -36%;
  width: 100%;
  height: 99%;
  top: -4%;
  background-repeat: no-repeat;
}

section.features h1 {
  margin-bottom: 40px;
}

section.features .single-features {
  position: relative;
  text-align: left;
  border-radius: 5px;
  transition: .8s ease;
  margin: 25px auto;
  background: #fff;
  padding: 20px;
  box-shadow: 0px 0px 32px 0px rgba(179, 179, 181, 0.15);
}

section.features .single-features:hover {
  -webkit-box-shadow: 1px 0px 26px -10px #c2c2c2;
  -moz-box-shadow: 1px 0px 26px -10px #c2c2c2;
  box-shadow: 1px 0px 26px -10px #c2c2c2;
  transform: scale(1.1);
  z-index: 1;
}

section.features .single-features:hover .sf-icon {
  transform: rotate(45deg);
}

section.features .single-features:hover .sf-icon .fe-icon {
  transform: rotate(-45deg);
  display: block;
}

section.features .single-features .sf-icon {
  position: relative;
  text-align: center;
  padding: 20px 0px;
  height: 70px;
  transition: .5s ease;
  width: 70px;
  background: #ffc854;
  border-radius: 5px;
}

section.features .single-features .sf-icon .fe-icon {
  margin: 0;
  font-size: 50px;
  color: #fff;
  transition: .5s ease;
}

section.features .single-features .sf-icon2 {
  background: #ffc854;
}

section.features .single-features .sf-icon3 {
  background: #f39ca5;
}

section.features .single-features .sf-icon4 {
  background: #de5558;
}

section.features .single-features .sf-icon5 {
  background: #00a2dd;
}

section.features .single-features .sf-icon6 {
  background: #09b26c;
}

section.features .single-features .sf-content {
  position: relative;
}

section.features .single-features .sf-content h3 {
  font-size: 22px;
  line-height: 28px;
  padding: 15px 0px;
  letter-spacing: 0;
}

section.features .single-features .sf-content p {
  font-family: "Circular Std Book";
  font-size: 16px;
  line-height: 24px;
  padding-bottom: 20px;
}

section.features .single-features .sf-content a {
  font-size: 17px;
  letter-spacing: 0;
  color: #ffc854;
  text-decoration: underline;
}

section.features .single-features .sf-content .fe-icon {
  margin-left: 8px;
  padding-top: 3px;
  color: #ffc854;
  position: absolute;
  font-size: 22px;
}

section.features-2 {
  position: relative;
  background: #fffbf5;
  padding: 80px 0px 120px;
  margin-top: 150px;
}

section.features-2 .features-img {
  position: relative;
  width: calc(100% + 250px);
  margin-left: -250px;
  margin-top: -75%;
}

section.features-2 .s-f-padding {
  position: relative;
  padding-top: 20px;
}

section.features-2 .s-f-padding .single-features-2 {
  position: relative;
  margin: 30px auto;
  z-index: 1;
}

section.features-2 .s-f-padding .single-features-2 .sfi-2 {
  font-size: 70px;
  position: relative;
  color: #ffc854;
  display: inline-block;
  padding-bottom: 25px;
}

section.features-2 .s-f-padding .single-features-2 .sfi-2::after {
  position: absolute;
  content: '';
  height: 80px;
  width: 80px;
  z-index: -1;
  left: -18%;
  bottom: 24%;
  border-radius: 50%;
  margin: 0;
  background: #ededed;
}

section.features-2 .s-f-padding .single-features-2 .sfi-3 {
  color: #ffc854;
}

section.features-2 .s-f-padding .single-features-2 .sfi-3::after {
  background: #fff6e5;
}

section.features-2 .s-f-padding .single-features-2 .sfi-4 {
  color: #ec385e;
}

section.features-2 .s-f-padding .single-features-2 .sfi-4::after {
  background: #fae8ea;
}

section.features-2 .s-f-padding .single-features-2 .sfi-5 {
  color: #0f8812;
}

section.features-2 .s-f-padding .single-features-2 .sfi-5::after {
  background: #e7efde;
}

section.features-2 .s-f-padding .single-features-2 .sfi-6 {
  color: #526bd6;
}

section.features-2 .s-f-padding .single-features-2 .sfi-6::after {
  background: #fff6e5;
}

section.features-2 .s-f-padding .single-features-2 .sfi-7 {
  color: #36a6a8;
}

section.features-2 .s-f-padding .single-features-2 .sfi-7::after {
  background: #e5f0eb;
}

section.features-2 .s-f-padding .single-features-2 p {
  padding-top: 10px;
  line-height: 22px;
}

section.features.dark2 {
  position: relative;
  background: #0a1b2b;
  color: #fff;
}

section.features.dark2::before {
  display: none;
}

section.features.dark2 h3 {
  color: #fff;
}

section.features.dark2 h1 {
  color: #fff;
}

section.features.dark2 .single-features {
  position: relative;
  background: transparent;
  box-shadow: none;
  border: 1.5px solid #172e43;
}

section.features.dark2 .single-features p {
  color: #fff;
}

section.advance-fetaures {
  position: relative;
}

section.advance-fetaures .single-advance-fetaures {
  position: relative;
  padding: 30px;
  transition: .5s ease;
  border: 1.5px solid #ebebeb;
}

section.advance-fetaures .single-advance-fetaures:hover {
  box-shadow: 0px 0px 25px 0px rgba(52, 80, 112, 0.15);
}

section.advance-fetaures .single-advance-fetaures .saf-icon {
  position: relative;
  padding: 20px 0px;
}

section.advance-fetaures .single-advance-fetaures .saf-icon .saf-ficon {
  font-size: 65px;
  color: #f7dd51;
}

section.advance-fetaures .single-advance-fetaures .saf-icon .saf-ficon::after {
  position: absolute;
  content: '';
  height: 100px;
  width: 100px;
  background: #fff9ee;
  top: -16%;
  border-radius: 50%;
  z-index: -1;
  left: -9%;
  margin: 0;
}

section.advance-fetaures .single-advance-fetaures .saf-icon .saf-ficon2 {
  color: #ffc854;
}

section.advance-fetaures .single-advance-fetaures .saf-icon .saf-ficon2::after {
  background: #edf1f6;
}

section.advance-fetaures .single-advance-fetaures .saf-icon .saf-ficon3 {
  color: #f53030;
}

section.advance-fetaures .single-advance-fetaures .saf-icon .saf-ficon3::after {
  background: #feeaea;
}

section.advance-fetaures .single-advance-fetaures .saf-icon .saf-ficon4 {
  color: #26af84;
}

section.advance-fetaures .single-advance-fetaures .saf-icon .saf-ficon4::after {
  background: #e9f7f2;
}

section.advance-fetaures .single-advance-fetaures .saf-content p {
  font-size: 15px;
  color: #5f636c;
  line-height: 22px;
}

section.advance-fetaures .single-advance-fetaures .saf-content h3 {
  color: #5f636c;
  padding: 10px 0px;
}

section.support {
  position: relative;
  padding: 80px 0px;
}

section.support .single-support {
  position: relative;
  text-align: center;
  border: 1px solid #e1e1e1;
  padding: 45px 0px;
  margin: 15px auto;
  border-radius: 5px;
  box-shadow: -6px 8px 8px -3px rgba(0, 0, 0, 0.3);
}

section.support .single-support img {
  width: auto;
}

section.support .single-support h3 {
  padding-top: 25px;
}


/*-------------Features------------------*/


/*--------------User Guide section--------------*/

section.user-guide {
  position: relative;
  padding: 80px 0px;
  width: 60%;
  margin: auto;
}

section.user-guide .card {
  position: relative;
  margin: 30px auto;
  border-radius: 5px;
}

section.user-guide .card .card-header {
  background-color: rgba(255, 250, 250, 0);
  border-bottom: none;
}

section.user-guide .card .card-header .accordion-toggle.collapsed {
  font-size: 18px;
}

section.user-guide .card .card-header .accordion-toggle.collapsed i.ug-icon {
  position: absolute;
  right: 25px;
  font-size: 35px;
  color: #454444;
  transform: rotate(0deg);
}

section.user-guide .card .card-header .accordion-toggle {
  font-size: 18px;
  transition: .5s ease;
}

section.user-guide .card .card-header .accordion-toggle i.ug-icon {
  transition: .5s ease;
  position: absolute;
  right: 25px;
  font-size: 35px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  color: #F58723;
}

section.user-guide .card .card-block {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  width: 95%;
  padding: 15px 0px;
  margin: auto;
}

section.user-guide .card .card-block p {
  padding: 10px 0px;
}

section.faq {
  position: relative;
  width: 100%;
}

section.faq .card {
  position: relative;
  border: none !important;
  /*  &::before{
         z-index: 1;
         position: absolute;
         content: '';
         right: 30px;
         width: 4px;
         top: 22px;
         height: 19px;
         background: white;
     } */
}

section.faq .card .card-header {
  position: relative;
  background-color: #f8f9ff;
  border-radius: 5px;
}

section.faq .card .card-header .accordion-toggle.collapsed {
  font-size: 14px;
}

section.faq .card .card-header .accordion-toggle.collapsed .fa-minus-circle {
  display: none;
}

section.faq .card .card-header .accordion-toggle.collapsed .fa-plus-circle {
  display: block;
  position: absolute;
  right: 5px;
  font-size: 30px;
  top: 10px;
  color: #6e7390;
}

section.faq .card .card-header .accordion-toggle {
  font-size: 14px;
}

section.faq .card .card-header .accordion-toggle .fa-plus-circle {
  display: none;
}

section.faq .card .card-header .accordion-toggle .fa-minus-circle {
  position: absolute;
  right: 5px;
  font-size: 30px;
  top: 10px;
  color: #ffc854;
}

section.faq .card .card-block {
  border-top: none;
  width: 100%;
  background: #f8f9ff;
  padding: 15px 26px;
}

section.faq .card .card-block p {
  font-size: 14px;
  line-height: 24px;
}


/*--------------/User Guide section--------------*/


/*=======================Analytics Section Style=============================*/

section.analytics {
  position: relative;
  margin: 100px auto;
}

section.analytics .chart {
  position: relative;
  border: 1.5px solid #ebebeb;
  border-radius: 6px;
}

section.analytics .chart .chart-content {
  position: relative;
  display: flex;
  padding: 0px 20px;
  padding-top: 30px;
}

section.analytics .chart .chart-content p {
  font-size: 17px;
  color: #78909c;
}

section.analytics .chart .chart-content .chart-amount {
  position: relative;
  text-align: right;
  margin-left: auto;
}

section.analytics .chart .chart-content .chart-amount p {
  color: #ffc854;
}

section.analytics .chart .chart-content .chart-amount .ca-client {
  color: #ffc854;
}

section.analytics .yearly-analytice {
  position: relative;
  border: 1.5px solid #ebebeb;
  padding: 20px;
  margin-top: 50px;
}

section.analytics .yearly-analytice .chart-yearly {
  border: none;
}

section.analytics .yearly-analytice .chart-yearly canvas#myChart-yearly {
  height: 300px !important;
}

section.analytics .yearly-analytice .yearly-order {
  display: flex;
  padding-top: 20px;
}

section.analytics .yearly-analytice .yearly-order .year-icon {
  position: relative;
  padding-top: 25px;
}

section.analytics .yearly-analytice .yearly-order .year-icon i.fas.fa-sort-down {
  font-size: 40px;
  color: #ffc854;
}

section.analytics .yearly-analytice .yearly-order .yearly-oredr-text {
  position: relative;
  padding: 25px 0px;
  padding-left: 15px;
  width: 100%;
}

section.analytics .yearly-analytice .yearly-order .yearly-oredr-text h2 {
  color: #ffc854;
  font-size: 41px;
  padding: 15px 0px;
}

section.analytics .yearly-analytice .yearly-order .yearly-oredr-text h4 {
  color: #b7b7b7;
  padding-bottom: 15px;
}

section.analytics .yearly-analytice .yearly-order .yearly-oredr-text .progress {
  height: 3px;
}

section.analytics .yearly-analytice .yearly-order .yearly-oredr-text .progress .progress-bar {
  width: 85%;
  background-color: #ffc854;
}

section.analytics .yearly-analytice .yearly-quoe .year-icon {
  padding-top: 40px;
}

section.analytics .yearly-analytice .yearly-quoe .year-icon i.fas.fa-sort-down {
  color: #ffc854;
  transform: rotate(180deg);
}

section.analytics .yearly-analytice .yearly-quoe .yearly-oredr-text h2 {
  color: #ffc854;
}

section.analytics .yearly-analytice .yearly-quoe .yearly-oredr-text .progress .progress-bar {
  background-color: #ffc854;
}


/*=======================/Analytics Section Style=============================*/


/*--------------Portfolio Style --------------*/

section.portfolio-slide {
  position: relative;
}

.nw-content .nwc-img {
  height: 380px;
}

section.recent-Work {
  position: relative;
  padding: 50px 0px;
}

section.recent-Work .fortfolio-slide-1 {
  position: relative;
  padding: 50px 0px;
}

section.recent-Work .fortfolio-slide-1 .rb-img {
  position: relative;
  border-radius: 5px;
}

section.recent-Work .fortfolio-slide-1 .owl-nav [class*=owl-next] {
  color: #000000 !important;
  font-size: 39px !important;
  margin: 5px;
  padding: 4px 7px;
  position: absolute;
  display: inline-block;
  cursor: pointer;
  border: 1.5px solid #000000 !important;
  right: 13%;
  width: 30px;
  height: 30px;
  top: -5%;
  border-radius: 3px;
}

section.recent-Work .fortfolio-slide-1 .owl-nav [class*=owl-next] span {
  position: absolute;
  top: -2px;
  left: 8px;
}

section.recent-Work .fortfolio-slide-1 .owl-nav [class*=owl-next]:hover {
  background: none;
}

section.recent-Work .fortfolio-slide-1 .owl-nav [class*=owl-prev] {
  color: #000000 !important;
  font-size: 39px !important;
  margin: 5px;
  padding: 4px 7px;
  position: absolute;
  display: inline-block;
  cursor: pointer;
  border: 1.5px solid #000000 !important;
  right: 16%;
  width: 30px;
  height: 30px;
  top: -5%;
  border-radius: 3px;
}

section.recent-Work .fortfolio-slide-1 .owl-nav [class*=owl-prev]:hover {
  background: none;
}

section.recent-Work .fortfolio-slide-1 .owl-nav [class*=owl-prev] span {
  position: absolute;
  top: -2px;
  left: 6px;
}

section.recent-Work-2 {
  position: relative;
  text-align: center;
  z-index: 1;
  margin: 100px 0px;
}

section.recent-Work-2::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  top: 0;
  z-index: -1;
  background: #ffc854;
}

section.recent-Work-2 .rw-top {
  position: relative;
  padding: 50px 0px;
}

section.recent-Work-2 .rw-top h3 {
  color: #fff;
}

section.recent-Work-2 .rw-top h1 {
  color: #fff;
}

section.recent-Work-2 .rw-top p {
  color: #fff;
}

section.recent-Work-2 .owl-theme .owl-nav.disabled+.owl-dots {
  margin-top: 40px;
}

section.recent-Work-2 .owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  background: transparent;
  border: 1px solid #3c4e54;
}

section.recent-Work-2 .owl-theme .owl-dots .owl-dot.active span,
section.recent-Work-2 .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

section.recent-Work-2 .fortfolio-slide-2 {
  position: relative;
}

section.recent-Work-2 .fortfolio-slide-2 .rb-img {
  position: relative;
  width: 100%;
  overflow: hidden;
  transition: .5s ease;
}

section.recent-Work-2 .fortfolio-slide-2 .rb-img::before {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  transition: .5s ease;
  background-color: rgba(0, 0, 0, 0.251);
  top: 50%;
  left: 50%;
  right: 0;
  bottom: 0;
}

section.recent-Work-2 .fortfolio-slide-2 .rb-img:hover {
  /*  transform: scale(1.1); */
}

section.recent-Work-2 .fortfolio-slide-2 .rb-img:hover::before {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

section.recent-Work-2 .fortfolio-slide-2 .rb-img:hover span {
  opacity: 1;
}

section.recent-Work-2 .fortfolio-slide-2 .rb-img span {
  position: absolute;
  top: 50%;
  left: 45%;
  opacity: 0;
  color: #fff;
  font-size: 50px;
}

section.recent-Work-2 .fortfolio-slide-2 .rb-img img {
  transition: .5s ease;
}

section.screenshot {
  position: relative;
  padding: 100px 80px 0px;
}

section.screenshot .screenshot-slide {
  position: relative;
}

section.screenshot .screenshot-slide .owl-dots {
  margin-top: 30px !important;
}

section.screenshot .screenshot-slide .owl-dots .owl-dot span {
  width: 27px;
  height: 7px;
  margin: 0px 5px;
  background: #fde3c3;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity .2s ease;
  border-radius: 8px;
}

section.screenshot .screenshot-slide .owl-dots .owl-dot:hover span {
  background: #ffc854;
}

section.screenshot .screenshot-slide .owl-dots .owl-dot.active span {
  background: #ffc854;
}

section.mobile-screen-slide {
  position: relative;
  padding-top: 120px;
  padding-bottom: 80px;
}

section.mobile-screen-slide .owl-theme .owl-dots .owl-dot span {
  width: 20px;
  height: 20px;
  margin: 30px 7px;
}

section.client-feedback-3 {
  position: relative;
}

section.client-feedback-3::before {
  display: none;
}


/*--------------End Portfolio Style --------------*/


/*---------------- Team Section Style-----------*/

section.team {
  position: relative;
  padding: 50px 0px;
}

section.team .t-top {
  position: relative;
  text-align: center;
  padding-bottom: 15px;
}

section.team .team-content-wrapper {
  position: relative;
}

section.team .team-content-wrapper .tc-text {
  position: relative;
  padding: 10px 0px;
  background: #b11e3569;
  text-align: center;
}

section.team .team-content-wrapper .tc-text h3 {
  font-weight: 500;
  font-size: 19px;
}


/*----------------End Team Section Style-----------*/


/*====================Portfolio Section Style==============*/

section.portfolio {
  position: relative;
  margin: 40px auto;
  text-align: center;
}

section.portfolio .psFilter {
  position: relative;
  margin: 5px auto 60px;
}

section.portfolio .psFilter label {
  position: relative;
  color: #313039;
  font-size: 16px;
  font-family: 'Circular Std Book';
  letter-spacing: 0px;
  line-height: 17px;
  padding: 8px 20px;
  border: none;
}

section.portfolio .psFilter label.active {
  box-shadow: none;
  outline: none;
  border: none;
  font-weight: 600;
  text-decoration: underline;
}

section.portfolio .aspect__inner {
  position: relative;
  margin: 15px auto;
  width: 100%;
  overflow: hidden;
  z-index: 1;
}

section.portfolio .aspect__inner img {
  border-radius: 5px;
  /*box-shadow: 10px 8px 6px -6px #000;*/
  /*border: 1px solid #ddd;*/
  padding: 5px;
  background: #fff;
  outline: 1px solid #fff;
  outline-offset: -18px;
}

section.portfolio .aspect__inner:hover img {
  transform: scale(1.2);
}

section.portfolio .aspect__inner h3 {
  position: absolute;
  top: 45%;
  left: 18%;
  opacity: 0;
  color: #fff;
  z-index: 1;
  transition: .5s ease;
}

section.portfolio .aspect__inner a::before {
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  background-color: rgba(54, 53, 74, 0.451);
  top: 50%;
  transition: .5s ease;
  left: 50%;
  z-index: 1;
}

section.portfolio .aspect__inner a:hover::before {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

section.portfolio .aspect__inner a:hover h3 {
  opacity: 1;
}

section.portfolio .aspect__inner img {
  transition: .5s ease;
}


/*====================End Portfolio Section Style==========*/


/*--------------------Portfolio Details Style-----------------*/

section.portfolio-details {
  position: relative;
  margin: 100px auto;
}

section.portfolio-details .portfolio-d-img {
  position: relative;
  border: 30px solid #f6f7fa;
  margin-bottom: 50px;
}

section.portfolio-details .portfolio-d-text {
  position: relative;
  padding: 30px 20px;
}

section.portfolio-details .portfolio-d-text h2 {
  font-size: 30px;
  line-height: 39px;
}

section.portfolio-details .portfolio-d-text p {
  padding-top: 20px;
  line-height: 26px;
}

section.portfolio-details .portfolio-project {
  position: relative;
  padding: 20px 0px;
  border-bottom: 1.5px solid #e6e6e6;
  border-top: 1.5px solid #e6e6e6;
  text-align: center;
}

section.portfolio-details .portfolio-project a.btn-view {
  background: #2f171700;
  padding: 16px 18px;
  border: 1px solid #ffc854;
  border-radius: 5px;
  color: #ffc854;
}

section.portfolio-details .portfolio-project a.btn-view:hover {
  background: #ffc854;
  color: #fff;
}

section.portfolio-details .portfolio-project .previous-project {
  position: relative;
  max-width: 300px;
  display: inline-flex;
  float: left;
}

section.portfolio-details .portfolio-project .previous-project .prev-pro-icon {
  position: relative;
}

section.portfolio-details .portfolio-project .previous-project .prev-pro-icon .prev-icon {
  position: relative;
  font-size: 40px;
  color: #322d4c;
}

section.portfolio-details .portfolio-project .previous-project .prev-pro-text {
  position: relative;
  padding-left: 15px;
}

section.portfolio-details .portfolio-project .previous-project .prev-pro-text span {
  font-size: 14px;
}

section.portfolio-details .portfolio-project .next-project {
  position: relative;
  max-width: 300px;
  float: right;
  display: inline-flex;
}

section.portfolio-details .portfolio-project .next-project .next-pro-icon {
  position: relative;
}

section.portfolio-details .portfolio-project .next-project .next-pro-icon .next-icon {
  position: relative;
  font-size: 40px;
  color: #322d4c;
}

section.portfolio-details .portfolio-project .next-project .next-pro-text {
  position: relative;
  padding-right: 15px;
}

section.portfolio-details .portfolio-project .next-project .next-pro-text span {
  font-size: 14px;
}


/*--------------------End Portfolio Details Style-----------------*/


/*---------------Pricing Style-----------------------------*/

section.pricing {
  position: relative;
  overflow: hidden;
  margin: 150px 0px 100px;
}

section.pricing::before {
  position: absolute;
  background-image: url(../img/bg-img/about-bg.png);
  background-position: center;
  content: '';
  width: 57%;
  height: 100%;
  top: -4%;
  left: -42%;
  background-repeat: no-repeat;
}

section.pricing .price-top {
  position: absolute;
}

section.pricing nav {
  position: relative;
}

section.pricing nav p:first-child {
  position: absolute;
  right: 20%;
  top: 12%;
  font-size: 20px;
}

section.pricing nav p:last-child {
  position: absolute;
  right: 0;
  top: 12%;
  font-size: 20px;
}

section.pricing nav .nav-tabs {
  border: none;
}

section.pricing nav .nav-tabs .nav-item.show .nav-link,
section.pricing nav .nav-tabs .nav-link.active {
  background-color: #ffc854;
  border-radius: 4px;
}

section.pricing nav .nav-tabs .nav-link {
  border: none;
  max-width: 59px;
  width: 100%;
}

section.pricing nav .nav-tabs {
  border: 1px solid #ffc854 !important;
  max-width: 120px;
  border-radius: 5px;
  margin-left: auto;
  margin-right: 80px;
  height: 47px;
  margin-bottom: 50px;
}

section.pricing .price-catagory {
  position: relative;
  padding: 20px;
  text-align: center;
  background: #fff;
  margin: 25px auto;
  transition: .5s ease;
  border: 1.5px solid #e3e3e3;
}

section.pricing .price-catagory:hover {
  -webkit-box-shadow: 0px 1px 32px 3px rgba(204, 204, 204, 0.3);
  -moz-box-shadow: 0px 1px 32px 3px rgba(204, 204, 204, 0.3);
  box-shadow: 0px 1px 32px 3px rgba(204, 204, 204, 0.3);
}

section.pricing .price-catagory h2 {
  border-bottom: 1px solid #e7e7e7;
  padding: 10px 0px;
}

section.pricing .price-catagory h2 span {
  font-family: "Circular Std";
  color: #ffc854;
  font-weight: 600;
  font-size: 40px;
}

section.pricing .price-catagory p {
  font-family: "Circular Std Book";
  font-size: 16px;
  padding: 10px 20px 50px;
  line-height: 23px;
}

section.pricing .price-catagory a {
  position: absolute;
  left: 20%;
  bottom: -10%;
}

section.pricing .pc-2 {
  position: relative;
}

section.pricing .pc-2 h2 span {
  color: #ffc854;
}

section.pricing .pc-2 a {
  background: #ffc854;
  border-color: #ffc854;
}

section.pricing .pc-2 a:hover {
  background: #e4a51f;
}

section.pricing .pc-3 {
  position: relative;
}

section.pricing .pc-3 h2 span {
  color: #de5558;
}

section.pricing .pc-3 a {
  background: #de5558;
  border-color: #de5558;
}

section.pricing .pc-3 a:hover {
  background: #e4a51f;
}

section.pricing .price-details {
  position: relative;
  padding-top: 50px;
}

section.pricing .price-details ul li {
  font-size: 16px;
  letter-spacing: 0;
  padding: 7px 0px;
}

section.pricing .price-details ul li i {
  color: #ffc854;
  padding-right: 10px;
}

section.pricing .pd-2 ul li i {
  color: #ffc854;
}

section.pricing .pd-3 ul li i {
  color: #de5558;
}

section.pricing-2 {
  position: relative;
  text-align: center;
}

section.pricing-2::before {
  display: none;
}

section.pricing-2 .price-top {
  position: relative;
}

section.pricing-2 .price-top h1 {
  margin-bottom: 30px;
}

section.pricing-2 nav p:first-child {
  right: 57%;
}

section.pricing-2 nav p:last-child {
  right: 38%;
}

section.pricing-2 nav .nav-tabs {
  margin: auto;
  margin-bottom: 50px;
  height: 38px;
}

section.pricing-2 .price-catagory-full {
  position: relative;
  border: 1.5px solid #e1e1e1;
  transition: .5s ease;
}

section.pricing-2 .price-catagory-full:hover {
  -webkit-box-shadow: 0px 1px 32px 3px rgba(204, 204, 204, 0.3);
  -moz-box-shadow: 0px 1px 32px 3px rgba(204, 204, 204, 0.3);
  box-shadow: 0px 1px 32px 3px rgba(204, 204, 204, 0.3);
}

section.pricing-2 .price-catagory-full .price-catagory {
  border: none;
  padding: 30px 20px 20px;
  margin: 0;
  border-bottom: 1.5px solid #e1e1e1;
}

section.pricing-2 .price-catagory-full .price-catagory:hover {
  box-shadow: none;
}

section.pricing-2 .price-catagory-full .price-catagory h2 {
  padding: 10px 0px 20px;
}

section.pricing-2 .price-catagory-full .price-catagory p {
  padding: 20px 10px 10px;
  font-size: 17px;
}

section.pricing-2 .price-catagory-full .price-details {
  position: relative;
  padding: 50px 0px;
}

section.pricing-2 .price-catagory-full .price-details a.btn-2 {
  margin-top: 30px;
}

section.pricing-2 .price-catagory-full .price-details.pd-2 a.btn-2 {
  background: #ffc854;
  border-color: #ffc854;
}

section.pricing-2 .price-catagory-full .price-details.pd-3 a.btn-2 {
  background: #de5558;
  border-color: #de5558;
}


/*---------------End Pricing Style-----------------------------*/


/*--------------------Payment Section---------------------------*/

section.payment-page {
  position: relative;
  padding: 100px 0px;
}

section.payment-page h1 {
  border-bottom: 1.5px solid #e1e1e1;
  padding-bottom: 10px;
}

section.payment-page h2 {
  font-size: 36px;
  padding-bottom: 15px;
  position: relative;
}

section.payment-page h2::before {
  position: absolute;
  content: '';
  width: 79px;
  height: 4px;
  left: 0;
  bottom: 0;
  background: #ffc854;
}

section.payment-page .billing-box {
  position: relative;
  padding-top: 20px;
}

section.payment-page .billing-box .table{
  margin-bottom: 0.5rem;
}

section.payment-page .billing-box .cp1 {
  padding: 10px 10px;
  height: 40px;
  margin-bottom: 10px;
  font-size: 15px;
  letter-spacing: 0;
  font-family: 'Circular Std Book';
}

section.payment-page .billing-box .cfdb1 label {
  font-size: 16px;
  color: #fff;
  letter-spacing: 0;
  font-family: 'Circular Std Book';
}

section.payment-page .billing-box .checkbox label {
  letter-spacing: 0;
}

section.payment-page .billing-box .checkbox input {
  height: 20px;
  width: 20px;
}

section.payment-page .billing-box button {
  background: #ff8522;
  border: none;
  letter-spacing: 0;
  font-size: 16px;
  color: #fff;
  border-radius: 5px;
  padding: 10px 20px;
  margin-top: 20px;
  cursor: pointer;
}

section.payment-page .billing-box button.port-btn {
  background: #ffc854;
}

section.payment-page .payment-method {
  position: relative;
  padding: 20px 15px;
  border: 1.5px solid #ced4da;
}

section.payment-page .payment-method .billing-card {
  position: relative;
  padding: 34px 0px;
  width: 86%;
  margin: auto;
  border-bottom: 1.5px solid #ced4da;
}

section.payment-page .payment-method .billing-card ul li {
  display: inline-block;
  width: 45px;
  margin: 5px auto;
  margin-right: 4px;
}

section.payment-page .payment-method button {
  background: #111;
  border: none;
  letter-spacing: 0;
  font-size: 16px;
  color: #fff;
  border-radius: 5px;
  padding: 5px 50px;
  margin-top: 30px;
  cursor: pointer;
  margin-left: 40%;
}

section.payment-page .single-profile {
  position: relative;
  width: 100%;
  display: inline-flex;
  padding-bottom: 50px;
  border-bottom: 1.5px solid #e1e1e1;
}

section.payment-page .single-profile .single-profile-img {
  position: relative;
  width: 39%;
}

section.payment-page .single-profile .single-profile-text {
  position: relative;
  padding-top: 8%;
  padding-left: 5%;
}

section.payment-page .single-profile .single-profile-text h1 {
  border: none;
}

section.payment-page .single-profile .single-profile-text a.btn-2 {
  background: #ffc854;
  border-color: #ffc854;
}


/*--------------------/Payment Section---------------------------*/


/*  testmonial style */

section.client-feedback {
  position: relative;
  text-align: center;
  overflow: hidden;
  padding: 30px 0px 50px;
}

section.client-feedback h1 {
  padding-bottom: 10px;
}

section.client-feedback .single-feedback {
  position: relative;
  width: 100%;
  margin: 10px auto;
}

section.client-feedback .single-feedback .sf-content {
  position: relative;
  width: 100%;
  text-align: left;
  background: #4b4747;
  padding: 25px 20px;
  z-index: 1;
  border-radius: 5px;
  -webkit-box-shadow: 0px -1px 27px -12px rgba(0, 0, 0, 0.36);
  -moz-box-shadow: 0px -1px 27px -12px rgba(0, 0, 0, 0.36);
  box-shadow: 0px -1px 27px -12px rgba(0, 0, 0, 0.36);
}

section.client-feedback .single-feedback .sf-content p{
  color: #fff;
}

section.client-feedback .single-feedback .sf-content::before {
  position: absolute;
  content: '';
  width: 40px;
  background: #4b4747;
  height: 40px;
  left: 14px;
  bottom: -20px;
  transform: rotate(-45deg);
  -webkit-box-shadow: -15px 10px 26px -17px rgba(0, 0, 0, 0.42);
  -moz-box-shadow: -15px 10px 26px -17px rgba(0, 0, 0, 0.42);
  box-shadow: -15px 10px 26px -17px rgba(0, 0, 0, 0.42);
  z-index: -1;
}

section.client-feedback .single-feedback .flaticon-double-quotes {
  font-size: 30px;
  color: #ffe14e;
  margin: 0;
  position: absolute;
  right: 6%;
  bottom: 5%;
}

section.client-feedback .single-feedback .flaticon-quote {
  position: absolute;
  top: 24%;
  left: 7%;
  font-weight: 600;
  margin: 0;
  z-index: -1;
  transform: rotate(180deg);
  color: #ce044059 !important;
  font-size: 60px !important;
}

section.client-feedback .single-feedback .sf-client {
  position: relative;
  width: 100%;
  padding-top: 35px;
}

section.client-feedback .single-feedback .sf-client .icon {
  position: relative;
  max-width: 60px;
  height: 60px;
  float: left;
  border-radius: 50%;
}

section.client-feedback .single-feedback .sf-client .text {
  text-align: left;
  position: relative;
  top: 5px;
  left: -15%;
  display: inline-block;
}

section.client-feedback .single-feedback .sf-client .text h3{
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 0px;
}

section.client-feedback::before {
  position: absolute;
  background-image: url(../img/bg-img/about-bg.png);
  background-position: center;
  content: '';
  width: 54%;
  height: 100%;
  top: 15%;
  right: -24%;
  background-repeat: no-repeat;
}

section.client-feedback.no-bg {
  position: relative;
}

section.client-feedback.no-bg::before {
  display: none;
}

section.client-feedback-2 {
  position: relative;
  overflow: unset;
}

section.client-feedback-2::before {
  background-image: url(../img/bg-img/about-5-bg.png);
  width: 54%;
  height: 100%;
  transform: rotate(-34deg);
  top: -18%;
  left: -10%;
}

section.client-feedback-2 .cf-top {
  position: relative;
  padding-bottom: 30px;
}

section.client-feedback-2 .cf-top h3 {
  color: #ffc854;
}

section.client-feedback-2 .cf-top h1 {
  padding: 0;
}

section.client-feedback-2 .single-feedback {
  position: relative;
  border: 1.5px solid #e1e1e1;
  padding: 20px;
  transition: .5s ease;
  background: #fff;
  z-index: 1;
  display: inline-block;
}

section.client-feedback-2 .single-feedback:hover {
  -webkit-box-shadow: 0px -1px 27px -12px rgba(0, 0, 0, 0.36);
  -moz-box-shadow: 0px -1px 27px -12px rgba(0, 0, 0, 0.36);
  box-shadow: 0px -1px 27px -12px rgba(0, 0, 0, 0.36);
}

section.client-feedback-2 .single-feedback .sf-content {
  background: none;
  padding: 0px;
  border-radius: 0;
  box-shadow: none;
}

section.client-feedback-2 .single-feedback .sf-content::before {
  display: none;
}

section.client-feedback-2 .single-feedback .sf-content .flaticon-quote {
  position: absolute;
  top: 0%;
  left: -2%;
  font-weight: 500;
  margin: 0;
  z-index: -1;
  transform: rotate(180deg);
  color: #e7e6e9 !important;
  font-size: 56px !important;
}

section.client-feedback-2 .single-feedback .sf-client {
  padding-top: 10px;
}

section.client-feedback-2 .single-feedback .sf-client .text .flaticon-double-quotes {
  font-size: 80px;
  color: #edf1f6;
  margin: 0;
  position: absolute;
  bottom: 15%;
  z-index: -1;
  left: 85%;
}

section.client-feedback.bg-blue {
  position: relative;
  padding: 100px 0px;
  background: #eff6ff;
}

section.client-feedback.bg-blue::before {
  display: none;
}

section.client-feedback.bg-blue h1 {
  padding-bottom: 0px;
}

section.client-feedback.bg-blue .single-feedback .sf-content {
  padding: 40px 22px;
}

section.client-feedback.bg-blue .single-feedback .sf-content p {
  line-height: 23px;
}

section.no-background {
  position: relative;
}

section.no-background::before {
  display: none;
}

section.client-feedback.dark {
  position: relative;
  background: #0a1b2b;
}

section.client-feedback.dark h3 {
  color: #fff;
}

section.client-feedback.dark .sf-content {
  position: relative;
  background: #142838;
}

section.client-feedback.dark .sf-content::before {
  background: #142838;
}

section.client-feedback.dark .sf-content .flaticon-quote {
  color: #0a1b2b !important;
}


/* End  testmonial style */


/* Subscrive Section Style */

section.subscrive {
  position: relative;
  text-align: center;
  background: #f5f7f9;
  padding: 70px 0px;
}

section.subscrive h1 {
  padding-bottom: 40px;
}

section.subscrive .form-control {
  height: 60px;
  font-size: 16px;
  padding-left: 20px;
  width: 100%;
}

section.subscrive .form-control:focus {
  box-shadow: none;
  outline-style: none;
  border-color: #ffc854;
}

section.subscrive .sub-btn {
  height: 60px;
  width: 100%;
  border: none;
  font-size: 16px;
  background: #ffc854;
}

section.subscrive.dark {
  position: relative;
  background: #071726;
}

section.subscrive.dark .form-control {
  background: #0a1b2b;
  border-color: #112b44;
}


/*/ Subscrive Section Style */


/* Blog Section Style */

section.recent-blog {
  position: relative;
  padding: 50px 0px;
}

section.recent-blog .blog-slide-1 {
  position: relative;
  padding: 50px 0px;
}

section.recent-blog .blog-slide-1 .r-blog {
  position: relative;
}

section.recent-blog .blog-slide-1 .r-blog .rb-img {
  position: relative;
  border-radius: 5px;
}

section.recent-blog .blog-slide-1 .r-blog .rb-text {
  position: relative;
  padding: 20px 0px;
}

section.recent-blog .blog-slide-1 .r-blog .rb-text p {
  padding: 10px 0px;
  line-height: 21px;
}

section.recent-blog .blog-slide-1 .r-blog .rb-text a {
  font-size: 17px;
  letter-spacing: 0;
  color: #ffc854;
}

section.recent-blog .blog-slide-1 .r-blog .rb-text .fe-icon:before {
  margin-left: 8px;
  padding-top: 3px;
  color: #ffc854;
  position: absolute;
  font-size: 22px;
}

section.recent-blog .blog-slide-1 .owl-nav [class*=owl-next] {
  color: #000000 !important;
  font-size: 39px !important;
  margin: 5px;
  padding: 4px 7px;
  position: absolute;
  display: inline-block;
  cursor: pointer;
  border: 1.5px solid #000000 !important;
  right: 0;
  width: 30px;
  height: 30px;
  top: -10%;
  border-radius: 3px;
}

section.recent-blog .blog-slide-1 .owl-nav [class*=owl-next] span {
  position: absolute;
  top: -2px;
  left: 8px;
}

section.recent-blog .blog-slide-1 .owl-nav [class*=owl-next]:hover {
  background: none;
}

section.recent-blog .blog-slide-1 .owl-nav [class*=owl-prev] {
  color: #000000 !important;
  font-size: 39px !important;
  margin: 5px;
  padding: 4px 7px;
  position: absolute;
  display: inline-block;
  cursor: pointer;
  border: 1.5px solid #000000 !important;
  right: 4%;
  width: 30px;
  height: 30px;
  top: -10%;
  border-radius: 3px;
}

section.recent-blog .blog-slide-1 .owl-nav [class*=owl-prev]:hover {
  background: none;
}

section.recent-blog .blog-slide-1 .owl-nav [class*=owl-prev] span {
  position: absolute;
  top: -2px;
  left: 6px;
}

section.blog {
  position: relative;
  padding-bottom: 50px;
}

section.blog .single-blog {
  position: relative;
  margin: 25px auto;
}

section.blog .single-blog .sb-img {
  position: relative;
}

section.blog .single-blog .sb-img::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  left: 0;
  background: #048fba;
}

section.blog .single-blog .sb-text {
  position: absolute;
  top: 0%;
  padding: 20px;
}

section.blog .single-blog .sb-text h2 {
  font-size: 28px;
  line-height: 40px;
  color: #fff;
}

section.blog .single-blog .sb-text h1 {
  font-size: 25px;
  line-height: 35px;
  padding: 15px 0px;
  color: #fff;
}

section.blog .single-blog .sb-text a {
  font-size: 16px;
  color: #fffdfd;
}

section.blog .single-blog .sb-text a .flaticon-arrow-pointing-to-right {
  font-size: 35px;
  color: #fff;
  position: absolute;
  right: 31%;
}

section.blog .single-blog2 {
  position: relative;
  margin: 25px auto;
}

section.blog .single-blog2 .sb-img {
  position: relative;
}

section.blog .single-blog2 .sb-text {
  position: absolute;
  width: 45%;
  right: 5%;
  top: 8%;
  height: 86%;
  padding: 20px;
  background-color: rgba(41, 65, 94, 0.851);
}

section.blog .single-blog2 .sb-text h4 {
  line-height: 32px;
  color: #fff;
}

section.blog .single-blog2 .sb-text h3 {
  font-size: 24px;
  line-height: 30px;
  color: #fff;
  padding: 10px 0px;
}

section.blog .single-blog2 .sb-text p {
  color: #f9f9f9;
  line-height: 26px;
}

section.blog .single-blog2 .sb-text a {
  color: #f8f9fb;
  text-decoration: underline;
  padding-top: 10px;
  display: inline-block;
}

section.blog .sb-3 {
  position: relative;
}

section.blog .sb-3 .sb-text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #ab5f06;
}

section.blog .sb-3 .sb-text h4 {
  color: #fff;
}

section.blog .sb-3 .sb-text h3 {
  color: #fff;
  padding: 15px 0px;
  font-size: 27px;
}

section.blog .sb-3 .sb-text p {
  color: #fff;
  padding: 2px 8px;
  /*background: #b11e359c;*/
  margin-bottom: 7px;
  border-radius: 10px;
  -webkit-box-shadow: -2px 2px 0px 0px rgb(255 255 255 / 50%);
  -moz-box-shadow: -2px 2px 0px 0px rgba(255, 255, 255, 0.2);
  box-shadow: -2px 2px 0px 0px rgb(255 255 255 / 50%);
}



section.blog .sb-3 .sb-text a {
  font-size: 17px;
  /*text-decoration: underline;
  text-underline-position: under;*/
}

section.recent-blog2 {
  position: relative;
  text-align: center;
  padding-bottom: 70px;
}

section.recent-blog2 .recent-blog-img {
  width: 90%;
  padding-top: 70px;
  text-align: left;
}

section.recent-blog2 .rb2-text {
  width: 70%;
  position: absolute;
  background: #fff;
  text-align: left;
  top: 28%;
  left: 27%;
  padding: 20px;
  -webkit-box-shadow: 7px 2px 22px -13px rgba(0, 0, 0, 0.59);
  -moz-box-shadow: 7px 2px 22px -13px rgba(0, 0, 0, 0.59);
  box-shadow: 7px 2px 22px -13px rgba(0, 0, 0, 0.59);
}

section.recent-blog2 .rb2-text h2 {
  font-size: 27px;
  line-height: 32px;
  margin-bottom: 0px;
  padding: 10px 0px;
}

section.recent-blog2 .rb2-text p {
  font-size: 19px;
  line-height: 25px;
}

section.recent-blog2 .rb2-text a {
  text-decoration: underline;
  padding-top: 10px;
  display: inline-block;
}

section.recent-blog.dark {
  position: relative;
  background: #0a1b2b;
}

section.recent-blog.dark h3 {
  color: #fff;
}

section.recent-blog.dark .blog-slide-1 .owl-nav [class*=owl-next] {
  color: #ffffff !important;
  border-color: #fff !important;
}

section.recent-blog.dark .blog-slide-1 .owl-nav [class*=owl-prev] {
  color: #ffffff !important;
  border-color: #fff !important;
}


/* /Blog Section Style */


/* -------------Blog Page Style--------------*/

section.blog-page {
  position: relative;
  padding-top: 100px;
}

section.blog-page .blog-sidebar {
  position: relative;
}

section.blog-page .blog-sidebar .search-box {
  position: relative;
}

section.blog-page .blog-sidebar .search-box .form-group {
  position: relative;
  width: 100%;
  margin: 0;
}

section.blog-page .blog-sidebar .search-box .form-group span.fa.fa-search {
  position: absolute;
  padding: 12px;
  font-size: 20px;
  color: #999999;
}

section.blog-page .blog-sidebar .search-box .form-group .form-control {
  padding: 23px 0px;
  font-size: 13px;
  padding-left: 40px;
  border-radius: 5px;
}

section.blog-page .blog-sidebar .bs-post-wrapper {
  position: relative;
  padding-top: 10px;
}

section.blog-page .blog-sidebar .bs-post-wrapper h3 {
  padding: 20px 0px;
}

section.blog-page .blog-sidebar .bs-post-wrapper .single-pb-post {
  position: relative;
  width: 100%;
  display: inline-block;
  margin: 10px auto;
}

section.blog-page .blog-sidebar .bs-post-wrapper .single-pb-post .s-pbp-img {
  position: relative;
  width: 80px;
  height: 85px;
  float: left;
  border-radius: 5px;
}

section.blog-page .blog-sidebar .bs-post-wrapper .single-pb-post .s-pbp-text {
  position: relative;
  padding-left: 15px;
  display: table-cell;
  width: calc(100% - 80px);
}

section.blog-page .blog-sidebar .bs-post-wrapper .single-pb-post .s-pbp-text p {
  font-size: 12px;
  line-height: 24px;
}

section.blog-page .blog-sidebar .bs-post-wrapper .single-pb-post .s-pbp-text h5 {
  line-height: 18px;
}

section.blog-page .blog-sidebar .blog-catagory {
  position: relative;
  padding-top: 40px;
}

section.blog-page .blog-sidebar .blog-catagory h5 {
  line-height: 26px;
  padding: 15px 0px 25px;
  padding-left: 27%;
  position: relative;
}

section.blog-page .blog-sidebar .blog-catagory h5::before {
  content: '';
  position: absolute;
  height: 2px;
  width: 23%;
  background: black;
  left: 0;
  top: 28px;
}

section.blog-page .blog-sidebar .blog-catagory .caragory-list {
  position: relative;
}

section.blog-page .blog-sidebar .blog-catagory .caragory-list ul li {
  padding: 10px 0px;
}

section.blog-page .blog-sidebar .blog-catagory .caragory-list ul li a {
  color: #61676f;
  font-size: 18px;
}

section.blog-page .blog-sidebar .blog-catagory .caragory-list ul li a:hover {
  color: royalblue;
}

section.blog-page .blog-sidebar .reletad-post {
  position: relative;
  padding-top: 40px;
}

section.blog-page .blog-sidebar .reletad-post h3 {
  padding-bottom: 20px;
}

section.blog-page .blog-sidebar .reletad-post .releted-post-slide {
  position: relative;
}

section.blog-page .blog-sidebar .reletad-post .releted-post-slide .owl-dots {
  margin: 0;
  position: absolute;
  bottom: 5px;
  left: 31%;
}

section.blog-page .blog-sidebar .reletad-post .releted-post-slide .r-blog {
  position: relative;
  padding: 10px;
  padding-bottom: 40px;
  background: #f6f6ff;
}

section.blog-page .blog-sidebar .reletad-post .releted-post-slide .r-blog .rb-text {
  position: relative;
  padding: 10px 0px;
}

section.blog-page .blog-sidebar .reletad-post .releted-post-slide .r-blog .rb-text p {
  font-size: 14px;
}

section.blog-page .blog-sidebar .blog-social-icon {
  position: relative;
  padding: 40px 0px 50px;
}

section.blog-page .blog-sidebar .blog-social-icon h3 {
  padding-bottom: 20px;
}

section.blog-page .blog-sidebar .blog-social-icon .social li {
  display: inline-block;
  width: 40px;
  transition: .5s ease;
  height: 40px;
  border: 1.5px solid #f5f7f9;
  border-radius: 5px;
  margin-right: 10px;
  margin-bottom: 10px;
}

section.blog-page .blog-sidebar .blog-social-icon .social li:hover {
  background: #28aae1;
}

section.blog-page .blog-sidebar .blog-social-icon .social li:hover a {
  color: #fff;
}

section.blog-page .blog-sidebar .blog-social-icon .social li a {
  font-size: 16px;
  color: #888;
}

section.blog-page .blog-sidebar .blog-social-icon .social li i {
  font-size: 17px;
  padding: 10px 11px;
  border-radius: 5px;
}

section.blog-page .single-bloge-post {
  position: relative;
  margin-bottom: 80px;
}

section.blog-page .single-bloge-post h1 {
  font-size: 40px;
  margin-top: -10px;
}

section.blog-page .single-bloge-post .s-bp-details {
  position: relative;
  display: inline-flex;
  padding: 25px 0px;
}

section.blog-page .single-bloge-post .s-bp-details .sbp-img {
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

section.blog-page .single-bloge-post .s-bp-details .sbp-text {
  position: relative;
  padding-left: 15px;
}

section.blog-page .single-bloge-post .s-bp-details .sbp-text ul li {
  display: inline;
  padding: 0px 8px;
  position: relative;
}

section.blog-page .single-bloge-post .s-bp-details .sbp-text ul li:first-child {
  padding-left: 0;
}

section.blog-page .single-bloge-post .s-bp-details .sbp-text ul li:first-child::before {
  display: none;
}

section.blog-page .single-bloge-post .s-bp-details .sbp-text ul li::before {
  content: '';
  position: absolute;
  height: 16px;
  width: 2px;
  top: 0;
  left: 0;
  background: #6d747f;
}

section.blog-page .single-bloge-post .s-bp-details .sbp-text ul li a {
  color: #ffc854;
  text-decoration: underline;
}

section.blog-page .single-bloge-post .single-p-img {
  position: relative;
}

section.blog-page .single-bloge-post .single-p-img img {
  width: 100%;
  box-shadow: 0px 20px 30px 0px rgba(29, 34, 58, 0.15);
}

section.blog-page .single-bloge-post .single-p-img a {
  color: #ffc854;
  display: block;
  text-decoration: underline;
  padding-top: 40px;
}

section.blog-page .single-bloge-post.sbp-low-mar {
  margin-bottom: 40px;
}

section.blog-page .blog-pagenation {
  position: relative;
  margin-bottom: 80px;
}

section.blog-page .blog-pagenation a.newer {
  display: inline-block;
  padding: 10px 26px;
  color: #fff;
  border-radius: 3px;
  background: #ffc854;
}

section.blog-page .blog-pagenation a.newer {
  display: inline-block;
  padding: 10px 26px;
  color: #fff;
  border-radius: 3px;
  background: #ffc854;
}

section.blog-page .blog-pagenation a.older {
  display: inline-block;
  padding: 10px 26px;
  color: #fff;
  float: right;
  border-radius: 3px;
  background: #ffc854;
}

section.blog-page .sbp-details {
  position: relative;
  padding-bottom: 20px;
}

section.blog-page .sbp-details p {
  font-family: unset;
  color: #51555b;
}

section.blog-page .sbp-details-2 {
  background: #e4f1ff;
  padding: 25px 20px 25px 40px;
  margin: 20px 0px 40px 0px;
  border-left: 5px solid #ffc854;
}

section.blog-page .blog-details-item {
  padding: 20px 0px;
  position: relative;
  width: 100%;
  border-top: 1.5px solid #f0f0f0;
  display: inline-flex;
  border-bottom: 1.5px solid #f0f0f0;
}

section.blog-page .blog-details-item .bdi-1 {
  position: relative;
  width: 40%;
  display: inline-flex;
}

section.blog-page .blog-details-item .bdi-1 .bdi-1-img {
  position: relative;
  height: 90px;
  border-radius: 4px;
  width: 85px;
}

section.blog-page .blog-details-item .bdi-1 .bdi-1-img img {
  height: 100%;
  max-width: unset;
}

section.blog-page .blog-details-item .bdi-1 .bdi-1-text {
  padding: 5px 15px;
}

section.blog-page .blog-details-item .bdi-1 .bdi-1-text p {
  font-size: 13px;
  line-height: 18px;
}

section.blog-page .blog-details-item .bdi-1 .bdi-1-text h5 {
  line-height: 22px;
}

section.blog-page .blog-details-item .bdi-2 {
  position: relative;
  width: 40%;
  margin-left: auto;
  display: inline-flex;
}

section.blog-page .blog-details-item .bdi-2 .bdi-2-img {
  position: relative;
  height: 90px;
  border-radius: 4px;
  width: 85px;
}

section.blog-page .blog-details-item .bdi-2 .bdi-2-img img {
  height: 100%;
  max-width: unset;
}

section.blog-page .blog-details-item .bdi-2 .bdi-2-text {
  padding: 5px 15px;
  text-align: right;
}

section.blog-page .blog-details-item .bdi-2 .bdi-2-text p {
  font-size: 13px;
  line-height: 18px;
}

section.blog-page .blog-details-item .bdi-2 .bdi-2-text h5 {
  line-height: 22px;
}

section.blog-page .blog-share-icon {
  position: relative;
  display: inline-flex;
  float: right;
  padding: 30px 0px;
}

section.blog-page .blog-share-icon p {
  padding-top: 10px;
  color: #4b4c4d;
}

section.blog-page .blog-share-icon ul.social li {
  display: inline-block;
  width: 40px;
  transition: .5s ease;
  height: 40px;
  border: 1.5px solid #f5f7f9;
  border-radius: 5px;
  margin-left: 10px;
}

section.blog-page .blog-share-icon ul.social li:hover {
  background: #ffc854;
}

section.blog-page .blog-share-icon ul.social li:hover a {
  color: #fff;
}

section.blog-page .blog-share-icon ul.social li a {
  font-size: 16px;
  color: #888;
}

section.blog-page .blog-share-icon ul.social li a i {
  font-size: 17px;
  padding: 10px 11px;
  border-radius: 5px;
}

section.blog-page .blog-team {
  position: relative;
  display: inline-flex;
  padding: 20px;
  border-radius: 4px;
  width: 100%;
  border: 1.5px solid #f0f0f0;
}

section.blog-page .blog-team .blog-t-img {
  position: relative;
  height: 70px;
  border-radius: 50%;
  width: 70px;
}

section.blog-page .blog-team .blog-t-text {
  position: relative;
  max-width: 450px;
  margin-left: 15px;
}

section.blog-page .blog-team .blog-t-text p {
  line-height: 20px;
}

section.blog-page .blog-team .blog-share-icon {
  padding: 0;
  margin-left: auto;
  margin-top: 10px;
}

section.blog-page section.comment {
  position: relative;
  padding-top: 10px;
}

section.blog-page section.comment h1 {
  padding: 20px 0px;
}

section.blog-page section.comment .single-comment {
  position: relative;
  padding: 20px;
  margin-bottom: 30px;
  border-radius: 4px;
  border: 1.5px solid #f0f0f0;
}

section.blog-page section.comment .single-comment .single-comment-img {
  height: 90px;
  width: 85px;
  float: left;
  border-radius: 50%;
}

section.blog-page section.comment .single-comment .single-comment-img img {
  height: 100%;
  width: 100%;
}

section.blog-page section.comment .single-comment .single-comment-text {
  display: table-cell;
  padding-left: 15px;
}

section.blog-page section.comment .single-comment .single-comment-text h3 {
  color: #4b4c4d;
}

section.blog-page section.comment .single-comment .single-comment-text small {
  color: #4b4c4d;
  font-size: 16px;
  letter-spacing: 0;
}

section.blog-page section.comment .single-comment .single-comment-text p {
  color: #4b4c4d;
  font-family: unset;
  line-height: 23px;
  padding-top: 10px;
}

section.blog-page section.comment .s-comment-2 {
  position: relative;
  margin-left: 18px;
}

section.blog-page section.comment .s-comment-2::before {
  position: absolute;
  content: '';
  height: 100%;
  width: 4px;
  background: #ffc854;
  left: -18px;
  top: 0;
}

section.blog-page section.comment-box {
  position: relative;
  margin-bottom: 100px;
}

section.blog-page section.comment-box h1 {
  padding: 20px 0px;
}

section.blog-page section.comment-box input.cp1 {
  position: relative;
  padding: 25px 20px;
  font-size: 16px;
  margin-bottom: 15px;
}

section.blog-page section.comment-box textarea.cp1 {
  font-size: 16px;
  padding: 25px 20px;
  margin-bottom: 15px;
}

section.blog-page section.comment-box .cont-sent {
  padding: 12px 40px;
  border-radius: 4px;
  background: #ffc854;
  color: #fff;
  border: none;
  cursor: pointer;
}


/* -------------/Blog Page Style--------------*/


/*---------------Career PAge Style--------------*/

section.career {
  position: relative;
  padding-top: 100px;
}

section.career .career-tag {
  position: relative;
  padding: 25px;
  border: 1.5px solid #e1e1e1;
}

section.career .career-tag .search-box {
  position: relative;
}

section.career .career-tag .search-box .form-group {
  position: relative;
  width: 100%;
}

section.career .career-tag .search-box .form-group span.fa.fa-search {
  position: absolute;
  padding: 12px;
  font-size: 15px;
  color: #999999;
}

section.career .career-tag .search-box .form-group .form-control {
  padding: 18px 0px;
  font-size: 12px;
  padding-left: 30px;
  border-radius: 20px;
}

section.career .career-tag ul li {
  padding-top: 15px;
}

section.career .career-tag ul li a {
  font-size: 20px;
  color: #919191;
}

section.career .career-tag ul li .active {
  color: #ffc854;
  text-decoration: underline;
}

section.career .career-img {
  position: relative;
  padding-bottom: 30px;
}

section.career .explore-service {
  position: relative;
  border: 1.5px solid #e1e1e1;
  text-align: center;
  padding: 20px 10px;
  margin: 35px auto;
}

section.career .explore-service h3 {
  padding: 10px 0px;
}

section.career .explore-service p {
  font-size: 15px;
  line-height: 26px;
}

section.career .explore-service span.es-ficon {
  font-size: 60px;
  color: #ffc854;
}

section.career .explore-service span.es-ficon2 {
  color: #ffc854;
}

section.career h1 {
  text-align: right;
  position: relative;
}

section.career h1::before {
  position: absolute;
  content: '';
  width: 77px;
  height: 4px;
  right: 0;
  background: #ffc854;
  bottom: 0;
}

section.career section.team-member {
  position: relative;
}

section.career section.team-member h1 {
  text-align: right;
}

section.career section.team-member .ex-ser-team {
  position: relative;
  margin: 25px auto;
}

section.career section.team-member .ex-ser-team .tm-text {
  position: relative;
  margin: 20px auto;
}

section.career .company-location {
  position: relative;
  margin: 25px 0px;
}

section.career .company-location ul {
  padding: 10px 0px;
}

section.career .company-location ul li {
  line-height: 24px;
  color: #606060;
}

section.career .company-location a {
  color: #ff875e;
}

section.career .company-location a span.flaticon-right-chevron {
  padding: 5px;
  background: #ff875e;
  border-radius: 50%;
  color: #fff;
  margin-left: 5px;
  font-size: 12px;
}

section.career .job-tittle select {
  padding: 15px 10px;
  width: 100%;
  color: #919191;
  border-color: #919191;
  border-radius: 5px;
}

section.career .job-details {
  position: relative;
  padding-top: 35px;
  padding-bottom: 18px;
  border-bottom: 1.5px solid #d4d4d4;
}

section.career .job-details:last-child {
  border: none;
}

section.career .job-details h5 {
  font-size: 19px;
  line-height: 27px;
}

section.career .job-details .j-d-text {
  position: relative;
  padding-top: 20px;
}

section.career .job-details .j-d-text p {
  line-height: 25px;
}

section.career .job-details .j-d-text p:first-child {
  color: #ffc854;
}


/*---------------End Career PAge Style--------------*/


/*----------------case studies Section---------------*/

section.case-studies {
  position: relative;
  padding: 100px 0px;
}

section.case-studies .scs-text {
  position: relative;
  padding: 20px 0px;
}

section.case-studies .scs-text h1 {
  line-height: 43px;
}

section.case-studies .scs-text p {
  font-size: 18px;
  padding-top: 15px;
}

section.case-studies .scs-text2 {
  width: 50%;
  top: 45%;
  left: 13%;
  position: absolute;
}

section.case-studies .scs-text2 h2 {
  font-size: 28px;
  line-height: 35px;
  color: #fff;
  margin-bottom: 0px;
}

section.case-studies .single-case-studies {
  margin: 15px 0px;
}

section.case-studies .single-case-studies .scs-2 {
  position: relative;
}

section.case-studies .single-case-studies .scs-2 ::before {
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  background-color: rgba(46, 59, 73, 0.549);
}

section.case-studies-details {
  position: relative;
}

section.case-studies-details .csd-img {
  position: relative;
}

section.case-studies-details .csd-text {
  position: absolute;
  top: 5%;
  right: 5%;
  width: 185px;
  border-radius: 5px;
  padding: 20px;
  background: #ffc854;
}

section.case-studies-details .csd-text p {
  color: #fff;
}

section.case-sd-content {
  position: relative;
}

section.case-sd-content .csc-text {
  position: relative;
  width: 95%;
  margin: auto;
  background: #fff;
  margin-top: -50px;
  padding: 50px;
  border-radius: 15px;
}

section.case-sd-content .csc-text h3 {
  line-height: 32px;
}

section.case-sd-content .csc-text p {
  padding: 20px 0px;
  font-family: unset;
}

section.case-sd-content .csc-text .blog-share-icon {
  position: relative;
  display: inline-flex;
  width: 100%;
  padding: 15px 0px;
  border-top: 1.5px solid #e3e3e3;
  border-bottom: 1.5px solid #e3e3e3;
  margin: 30px auto;
}

section.case-sd-content .csc-text .blog-share-icon p {
  padding-top: 10px;
  color: #4b4c4d;
  padding-bottom: 0;
}

section.case-sd-content .csc-text .blog-share-icon ul.social li {
  display: inline-block;
  width: 40px;
  transition: .5s ease;
  height: 40px;
  border: 1.5px solid #f5f7f9;
  border-radius: 5px;
  margin-left: 10px;
}

section.case-sd-content .csc-text .blog-share-icon ul.social li:hover {
  background: #ffc854;
}

section.case-sd-content .csc-text .blog-share-icon ul.social li:hover a {
  color: #fff;
}

section.case-sd-content .csc-text .blog-share-icon ul.social li a {
  font-size: 16px;
  color: #888;
}

section.case-sd-content .csc-text .blog-share-icon ul.social li a i {
  font-size: 17px;
  padding: 10px 11px;
  border-radius: 5px;
}

section.case-sd-content .csc-text2 {
  padding-top: 30px;
}


/*----------------End case studies Section---------------*/


/*---------------career Details section-----------------*/

section.career-details {
  position: relative;
  padding: 100px 0px;
}

section.career-details .career-d-p {
  position: relative;
  width: 95%;
}

section.career-details .career-d-p p {
  padding-bottom: 20px;
  font-size: 18px;
}

section.career-details .need-niksta {
  position: relative;
  padding: 20px;
  border: 1.5px solid #e1e1e1;
}

section.career-details .need-niksta button {
  border: navajowhite;
  padding: 10px 35px;
  color: #fff;
  cursor: pointer;
  margin-top: 15px;
  border-radius: 5px;
  background: #ffc854;
}

section.career-details .career-d-resposibilities {
  position: relative;
  margin-bottom: 30px;
}

section.career-details .career-d-resposibilities ul li {
  position: relative;
  line-height: 24px;
  padding-top: 15px;
  color: #1f2124;
  display: flex;
  font-size: 18px;
}

section.career-details .career-d-resposibilities ul li::before {
  content: "\f0c8";
  font-family: "Font Awesome 5 Free";
  font-size: 13px;
  font-weight: 900;
  margin-right: 10px;
  color: #ffc854;
}

section.career-details .jod-information {
  position: relative;
  border: 1.5px solid #e1e1e1;
  padding: 40px;
  padding-left: 0;
  margin-top: 50px;
  border-radius: 10px;
}

section.career-details .jod-information h2 {
  font-size: 30px;
  color: #ffc854;
  padding-bottom: 15px;
  border-bottom: 1.5px solid #e1e1e1;
  margin-left: 45px;
}

section.career-details .jod-information form .form-group {
  text-align: right;
  margin-bottom: 0;
  margin-top: 25px;
}

section.career-details .jod-information form .form-group a.btn-3 {
  background-color: #618ab9;
  color: #ffffff;
  float: left;
}

section.career-details .jod-information form .form-group label {
  color: #5f5f5f;
  letter-spacing: 0;
}

section.career-details .jod-information form .form-group .form-control {
  padding: 21px 15px;
  font-size: 16px;
  border-radius: 5px;
}

section.career-details .jod-information form .form-group .f-uplode {
  width: 50%;
  border: none;
  cursor: pointer;
  background: #ffc854;
  padding: 23px 40px;
}

section.career-details .jod-information form .form-group .f-uplode::placeholder {
  color: #fff !important;
}


/*---------------End career Details section-----------------*/


/* Service style */

section.service {
  position: relative;
  text-align: center;
  padding: 100px 0px;
  overflow: hidden;
}

section.service::before {
  position: absolute;
  content: '';
  width: 400px;
  height: 400px;
  top: 43%;
  z-index: -1;
  background: #eff6ff;
  right: -14%;
  border-radius: 50%;
}

section.service::after {
  position: absolute;
  content: '';
  height: 90%;
  background-image: url(../img/bg-img/about-bg2.png);
  width: 50%;
  left: 0;
  top: 0;
  z-index: -1;
  background-size: contain;
  background-position: left;
  background-repeat: no-repeat;
}

section.service h1 {
  margin-bottom: 40px;
}

section.service .single-service {
  position: relative;
  text-align: left;
  margin: 15px auto;
  background: #fff;
  padding: 10px 25px;
  -webkit-box-shadow: -3px -2px 5px -3px rgba(0, 0, 0, 0.17);
  -moz-box-shadow: -3px -2px 5px -3px rgba(0, 0, 0, 0.17);
  box-shadow: -3px -2px 5px -3px rgba(0, 0, 0, 0.17);
  transition: .8s ease;
}

section.service .single-service:hover {
  -webkit-box-shadow: 1px 0px 26px -10px #c2c2c2;
  -moz-box-shadow: 1px 0px 26px -10px #c2c2c2;
  box-shadow: 1px 0px 26px -10px #c2c2c2;
  margin-top: 10px;
  border: none;
}

section.service .single-service:hover .ss-icon {
  transform: rotate(90deg);
}

section.service .single-service:hover .ss-icon .fe-icon {
  transform: rotate(-90deg);
  display: block;
}

section.service .single-service .ss-icon {
  position: relative;
  text-align: center;
  padding: 20px 0px;
  height: 70px;
  transition: .5s ease;
  width: 70px;
  background: #ffc854;
  border-radius: 50%;
  border-bottom-left-radius: 0;
}

section.service .single-service .ss-icon .fe-icon {
  margin: 0;
  font-size: 40px;
  color: #fff;
  transition: .5s ease;
}

section.service .single-service .ss-spage1 {
  background: #2720a8;
}

section.service .single-service .ss-spage2 {
  background: #e13379 !important;
}

section.service .single-service .ss-spage3 {
  background: #01abb1 !important;
}

section.service .single-service .ss-icon2 {
  background: #ffc854;
}

section.service .single-service .ss-icon3 {
  background: #544ea4;
}

section.service .single-service .ss-icon4 {
  background: #a44e4e;
}

section.service .single-service .ss-icon5 {
  background: #4ea458;
}

section.service .single-service .ss-icon6 {
  background: #a44e85;
}

section.service .single-service .ss-content {
  position: relative;
}

section.service .single-service .ss-content h3 {
  font-size: 22px;
  line-height: 28px;
  padding: 15px 0px;
  letter-spacing: 0;
  font-weight: 600;
  color: #3b3f54;
  padding-right: 86px;
}

section.service .single-service .ss-content p {
  font-family: "Circular Std Book";
  font-size: 15px;
  line-height: 24px;
  padding-bottom: 5px;
}

section.service .single-service .ss-content a {
  font-size: 13px;
  letter-spacing: 0;
  color: #43435b;
}

section.service .single-service .ss-content .fe-icon {
  margin-left: 8px;
  padding-top: 3px;
  color: #ffc854;
  position: absolute;
  font-size: 22px;
}

section.service-page {
  position: relative;
}

section.service-page::before {
  display: none;
}

section.service-page::after {
  display: none;
}

section.mini-services {
  position: relative;
  padding: 100px 0px;
}

section.mini-services .service-content {
  position: relative;
}

section.mini-services .service-content h3 {
  color: #ffc854;
}

section.mini-services .service-content h1 {
  line-height: 45px;
  padding: 10px 0px;
}

section.mini-services .service-content p {
  line-height: 28px;
  padding: 10px 0px;
  margin: 0;
}

section.mini-services .service-content .btn-2 {
  margin-top: 20px;
  background: #ffc854;
  border: 1px solid #ffc854;
}

section.mini-services .single-service {
  position: relative;
  text-align: left;
  margin: 5px auto;
  background: #fff;
  padding: 10px;
  text-align: center;
  transition: .8s ease;
  border: 1px solid #efefef;
}

section.mini-services .single-service:hover {
  -webkit-box-shadow: 1px 0px 26px -10px #c2c2c2;
  -moz-box-shadow: 1px 0px 26px -10px #c2c2c2;
  box-shadow: 1px 0px 26px -10px #c2c2c2;
}

section.mini-services .single-service:hover .ss-icon {
  transform: rotate(90deg);
}

section.mini-services .single-service:hover .ss-icon .fe-icon {
  transform: rotate(-90deg);
  display: block;
}

section.mini-services .single-service .ss-icon {
  position: relative;
  text-align: center;
  padding: 20px 0px;
  height: 70px;
  transition: .5s ease;
  width: 70px;
  background: #f8f8f8;
  margin: auto;
  border-radius: 50%;
  border-bottom-left-radius: 0;
}

section.mini-services .single-service .ss-icon .fe-icon {
  margin: 0;
  font-size: 40px;
  color: #ffc854;
  transition: .5s ease;
}

section.mini-services .single-service .ss-icon .fe-icon2 {
  color: #ffc854;
}

section.mini-services .single-service .ss-icon .fe-icon3 {
  color: #544ea4;
}

section.mini-services .single-service .ss-icon .fe-icon4 {
  color: #a44e4e;
}

section.mini-services .single-service .ss-icon .fe-icon5 {
  color: #4ea458;
}

section.mini-services .single-service .ss-icon .fe-icon6 {
  color: #a44e85;
}

section.mini-services .single-service .ss-content {
  position: relative;
}

section.mini-services .single-service .ss-content h3 {
  font-size: 22px;
  line-height: 28px;
  padding: 15px 0px;
  letter-spacing: 0;
  font-weight: 600;
  color: #3b3f54;
}

section.mini-services .single-service .ss-content p {
  font-family: "Circular Std Book";
  font-size: 16px;
  line-height: 24px;
  padding-bottom: 20px;
}

section.mini-services .single-service .ss-content a {
  font-size: 17px;
  letter-spacing: 0;
  color: #43435b;
}

section.mini-services .single-service .ss-content .fe-icon {
  margin-left: 8px;
  padding-top: 3px;
  color: #ffc854;
  position: absolute;
  font-size: 22px;
}

section.service-2 {
  position: relative;
  padding: 0;
  margin-top: -100px;
  z-index: 1;
}

section.service-2::after {
  display: none;
}

section.service-2::before {
  display: none;
}

section.service-2 .single-service {
  box-shadow: none;
  border: 1px solid #b0aeae;
  margin: 0;
  background: #bebebe;
}

section.service-2 .single-service:hover {
  margin: 0;
  box-shadow: none;
  border: 1px solid #ddd;
  background: #ddd;
}

section.service-2 .single-service .ss-icon {
  background: #141a2152;
  padding: 26px 0px;
  height: 80px;
  width: 80px;
}

section.service-2 .single-service .ss-content h3 {
  padding-right: 0;
  color: #fff;
}

section.service-2 .single-service .ss-content p {
  color: #000;
}

section.service-2 .single-service .ss-content a {
  color: #000;
  text-decoration: underline;
}

section.service-2 .single-service .ss-content p:hover {
  color: #000;
}

section.service-2 .single-service .ss-content a:hover {
  color: #000;
  text-decoration: underline;
}


/* Service style */


/* ---------------Fun Fact Section -----------------*/

section.fun-fact {
  position: relative;
  background: #f6faff;
}

section.fun-fact::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url(../img/bg-img/fun-fact.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

section.fun-fact .single-fune-fact {
  position: relative;
  padding: 150px 0px;
  z-index: 1;
}

section.fun-fact .single-fune-fact h1.sff {
  font-size: 60px;
  position: relative;
}

section.fun-fact .single-fune-fact h1.sff::before {
  position: absolute;
  content: '';
  width: 100px;
  height: 100px;
  left: -26px;
  top: -9px;
  border-radius: 50%;
  background: #cbe3ff;
  z-index: -1;
}

section.fun-fact .single-fune-fact h1.sff2::before {
  background: #fff7e5;
}

section.fun-fact .single-fune-fact h1.sff3::before {
  background: #ffe5fd;
}

section.fun-fact .single-fune-fact h1.sff4::before {
  background: #d0ffeb;
}

section.fun-fact .single-fune-fact p {
  font-size: 24px;
  color: #6e707d;
  font-family: "Circular Std";
}

section.fun-fact-2 {
  position: relative;
  z-index: 1;
  /*margin-top: 150px;*/
}

section.fun-fact-2::before {
  background-image: url(../img/bg-img/fun-fact-2.png);
}

section.fun-fact-2::after {
  height: 100%;
  content: '';
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba(247, 247, 247, 0.902);
  right: 0;
  z-index: 0;
}

section.fun-fact.dark3 {
  position: relative;
  margin: 0;
}

section.fun-fact.dark3::after {
  background-color: rgba(10, 27, 43, 0.902);
}

section.fun-fact.dark3 .single-fune-fact {
  position: relative;
}

section.fun-fact.dark3 .single-fune-fact h1.sff {
  position: relative;
  color: #fff;
}

section.fun-fact.dark3 .single-fune-fact h1.sff::before {
  background-color: #0a1b2b;
}

section.fun-fact.dark3 .single-fune-fact p {
  color: #fff;
}


/* ---------------End Fun Fact Section -----------------*/


/*====================Service Details Section===================*/

section.service-details-page {
  position: relative;
  overflow: hidden;
}

section.service-details-page .service-dp-img {
  position: relative;
  width: calc(100% + 205px);
  margin-left: -205px;
}

section.service-details-page .service-dp-img2 {
  position: relative;
  margin-left: -29px;
  margin-right: -232px;
  width: calc(100% + 232px);
}

section.service-details-page .service-dp-text {
  position: relative;
  padding-top: 15%;
  padding-right: 30px;
}

section.service-details-page .service-dp-text h1 {
  font-size: 36px;
  line-height: 46px;
  font-weight: 600;
}

section.service-details-page .service-dp-text p {
  padding: 25px 0px;
  padding-right: 10%;
}

section.service-details-page .service-dp-text a.btn-3 {
  background-color: #2e598a;
  color: #ffffff;
}


/*====================End Service Details Section===================*/


/*======================Work Process Section============================*/

section.work-process {
  position: relative;
  padding: 120px 0px;
  overflow: hidden;
}

section.work-process .work-pro-top {
  position: relative;
}

section.work-process .work-pro-top h1 {
  font-weight: 600;
}

section.work-process .work-pro-top p {
  max-width: 325px;
  line-height: 24px;
}

section.work-process .nav-tabs {
  border-bottom: none;
  display: inline-grid;
}

section.work-process .nav-tabs .nav-link.active {
  border: none;
  background-color: transparent;
  border-left: 8px solid #ffc854;
}

section.work-process .nav-tabs .nav-link {
  border: none;
  text-align: left;
  color: #3b3f54;
  margin: 20px auto;
  border-left: 8px solid #cad6e4;
}

section.work-process .nav-tabs .nav-link h1 {
  font-size: 48px;
}

section.work-process .nav-tabs .nav-link p {
  line-height: 25px;
  padding-right: 15%;
}

section.work-process .tab-content {
  position: relative;
}

section.work-process .tab-content .work-content {
  position: absolute;
  width: 75%;
  background: #fff;
  padding: 23px;
  top: 25%;
  right: -18%;
  -webkit-box-shadow: 0px 1px 56px -23px #8696a1;
  -moz-box-shadow: 0px 1px 56px -23px #8696a1;
  box-shadow: 0px 1px 56px -23px #8696a1;
}

section.work-process .tab-content .work-content p {
  font-size: 14px;
  line-height: 25px;
  padding-bottom: 10px;
}

section.dark-work {
  background-color: #0a1b2b;
}

section.dark-work h3 {
  color: #fff;
}

section.dark-work .nav-tabs .nav-link.active {
  border: none;
  background-color: transparent;
  border-left: 8px solid #ffc854;
}

section.dark-work .nav-tabs .nav-link {
  border: none;
  text-align: left;
  color: #fdfdff;
  margin: 20px auto;
  border-left: 8px solid #172e43;
}

section.dark-work .nav-tabs .nav-link h1 {
  font-size: 48px;
}

section.dark-work .nav-tabs .nav-link p {
  line-height: 25px;
  padding-right: 15%;
}


/*======================End Work Process Section============================*/

.error-img {
  position: relative;
  padding: 100px 100px 50px;
}

.error-content {
  position: relative;
  text-align: center;
  margin-bottom: 100px;
}

.error-content h1 {
  font-size: 70px;
  line-height: 90px;
}

.error-content a.btn-3 {
  color: #ffffff;
  border: 1px solid #ffc854;
  max-width: 165px;
  background: #376090;
  margin-top: 50px;
}


/*=======================Contact page style=======================*/

section.contact-us {
  position: relative;
}

section.contact-us .contact-details {
  position: relative;
  padding:0px;
}

section.contact-us .contact-details h2 {
  font-size: 35px;
  padding-bottom: 15px;
  position: relative;
}

section.contact-us .contact-details h2::before {
  position: absolute;
  content: '';
  width: 79px;
  height: 4px;
  left: 0;
  bottom: 0;
  background: #ffc854;
}

section.contact-us .single-contact {
  position: relative;
  width: 100%;
  display: inline-flex;
  margin-top: 25px;
}

section.contact-us .single-contact .sc-icon {
  position: relative;
  width: 60px;
  height: 60px;
  border: 1px solid #e2e2e2;
  border-radius: 5px;
}

section.contact-us .single-contact .sc-icon span.cont-icon {
  font-size: 27px;
  display: block;
  padding: 14px 15px;
  color: #3b3f54;
}

section.contact-us .single-contact .sc-text {
  position: relative;
  padding-left: 20px;
}

section.contact-us .single-contact .sc-text span {
  color: #3b3f54;
  display: block;
  padding: 15px 0px;
  font-size: 18px;
}

section.contact-us .single-contact .sc-text2 span {
  padding-right: 65px;
  padding-top: 0;
}

section.google-map {
  position: relative;
  margin-bottom: 0px;
}

section.google-map .map {
  position: relative;
  width: 100%;
  height: 500px;
}

section.google-map .map div#googleMap {
  height: 100%;
  width: 100%;
}


/*=======================Contact page style=======================*/


/*=========================Sign Up Style==============================*/

section.sign-up {
  position: relative;
  padding-bottom: 100px;
  padding-top: 50px;
  background: #fbebf0;
  z-index: 1;
}

section.sign-up .sign-up-content {
  position: relative;
  margin-top: 50px;
}

section.sign-up .sign-up-content::before {
  position: absolute;
  content: '';
  height: 500px;
  width: 500px;
  border-radius: 50%;
  background: #ce0440;
  left: -15%;
  top: -25%;
  z-index: -1;
}

section.sign-up .sign-up-content h1 {
  font-size: 45px;
  line-height: 55px;
  color: #fff;
}

section.sign-up .sign-up-content p {
  font-family: 'Circular Std';
  font-weight: 500;
  font-size: 28px;
  line-height: 38px;
  margin-top: 20px;
  color: #fff;
}

section.sign-up section.signup-details {
  position: relative;
}

section.sign-up section.signup-details button.cont-sent {
  display: block;
  width: 100%;
  border: none;
  border-radius: 5px;
  padding: 7px;
  cursor: pointer;
  color: #111;
  background: #ffc854;
}

section.sign-up section.signup-details button.login-sent {
  display: block;
  width: 100%;
  border: none;
  border-radius: 5px;
  padding: 7px;
  color: black;
  cursor: pointer;
  border: 1.5px solid #e1e1e1;
  background: #ffffff;
}

section.sign-up section.signup-details button.login-sent img {
  max-width: 5%;
}

section.sign-up section.signup-details h3 a {
  color: #ffc854;
  font-size: 24px;
}

section.sign-up section.signup-details .form-group {
  margin-bottom: 0;
  margin-top: 5px;
}

section.sign-up section.signup-details .form-group p {
  font-size: 14px;
  line-height: 22px;
}

section.sign-up section.signup-details .form-group p a {
  color: #ffc854;
  font-size: 14px;
  text-decoration: underline;
}

section.sign-up section.signup-details .form-group .form-check-label {
  letter-spacing: 0;
}

section.sign-up section.signup-details .form-group .form-control {
  padding: 20px;
  border-radius: 5px;
  font-size: 14px;
}

section.sign-up .signup-d2 {
  padding-top: 100px;
}


/*=========================Sign Up Style==============================*/


/*=========================Terms & condition=========================*/

section.terms_condition {
  position: relative;
  padding: 120px 0px;
}

section.terms_condition nav {
  position: relative;
}

section.terms_condition nav .nav-tabs {
  border: 1.5px solid #ffc854;
}

section.terms_condition nav .nav-tabs .nav-link {
  border: 1px solid #ffc854;
  border-radius: 0;
}

section.terms_condition nav .nav-tabs .nav-link:hover {
  background-color: #ffc854;
  color: #fdfeff;
}

section.terms_condition nav .nav-tabs .nav-link.active {
  color: #fdfeff;
  background-color: #ffc854;
  border-color: #ffc854;
}

section.terms_condition .tab-content .active h3 {
  padding-top: 50px;
}

section.terms_condition .tab-content .active p {
  padding-top: 20px;
  font-family: unset;
  color: #606366;
}


/*=========================/Terms & condition=========================*/


/*=============================Comingsoon style============================*/

section.comingsoon {
  position: relative;
  text-align: center;
  padding: 253px 0px;
  background: #064a98cf;
}

section.comingsoon::before {
  position: absolute;
  content: '';
  background-image: url(../img/Coming-Soon.gif);
  width: 100%;
  height: 100%;
  z-index: -1;
  left: 0;
  top: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

section.comingsoon h1 {
  color: #fff;
  font-size: 72px;
}

section.comingsoon p {
  font-size: 19px;
  line-height: 28px;
  margin: auto;
  padding: 25px 0px;
  max-width: 767px;
  color: #fff;
}

section.comingsoon #clockdiv {
  display: inline-flex;
}

section.comingsoon #clockdiv .time {
  display: inline-block;
  border: 3px solid #fff;
  border-radius: 15px;
  width: 110px;
  height: 120px;
  padding: 24px 20px;
}

section.comingsoon #clockdiv .time span {
  font-size: 60px;
  color: #fff;
}

section.comingsoon #clockdiv .time .smalltext {
  font-size: 30px;
  color: #fff;
}

section.comingsoon #clockdiv .dot {
  font-size: 80px;
  color: #fff;
  padding: 42px 10px;
}

section.comingsoon .f-details {
  position: relative;
  padding-top: 50px;
}

section.comingsoon .f-details h3 {
  color: #fff;
  font-size: 30px;
  padding-bottom: 23px;
}

section.comingsoon .f-details ul.social {
  position: relative;
  display: inline-flex;
}

section.comingsoon .f-details ul.social li {
  display: inline-block;
  width: 50px;
  transition: .5s ease;
  height: 50px;
  border: 1.5px solid #f5f7f9;
  margin: 0px 10px;
  background: #fff;
  border-radius: 5px;
}

section.comingsoon .f-details ul.social li:hover {
  background: #ffc854;
  border-color: #ffc854;
}

section.comingsoon .f-details ul.social li:hover a {
  color: #fff;
}

section.comingsoon .f-details ul.social li a {
  font-size: 16px;
  color: #ffc854;
}

section.comingsoon .f-details ul.social li a i {
  font-size: 20px;
  padding: 14px;
  border-radius: 5px;
}


/*=============================/Comingsoon style============================*/


/* Footer Style */

section.footer-details {
  position: relative;
  padding: 40px 0px 20px;
  background: #00303e;
}

.footer_graph {
    height: 82px;
    background: url(../img/footer-graph.png) center top no-repeat;
}

section.footer-details .f-details img {
  margin-bottom: 20px;
  width: auto;
}

section.footer-details .f-details h3 {
  padding-bottom: 10px;
  color: #eee;
}

section.footer-details .f-details li {
  line-height: 30px;
  color: #ccc;
}

section.footer-details .f-details a {
  font-size: 15px;
  color: #ccc;
}

section.footer-details .f-details .social li {
  display: inline-block;
  width: 50px;
  transition: .5s ease;
  height: 50px;
  border: 1.5px solid #f5f7f9;
  border-radius: 5px;
}

section.footer-details .f-details .social li:hover {
  background: #28aae1;
  color: #fff;
}

section.footer-details .f-details .social li:hover a {
  color: #fff;
}

section.footer-details .f-details .social li i {
  font-size: 20px;
  padding: 14px;
  border-radius: 5px;
}

footer {
  text-align: center;
  background: #b11e35;
  padding: 10px 0px;
}

footer.dark {
  background: #071726;
}

footer.dark p {
  color: #ccc;
  font-size: 15;
}

footer.dark a {
  color: #ccc;
  font-weight: 600;
}

footer.dark a:hover {
  color: #ffc854;
}

footer p {
  color: #111;
  font-size: 14px;
}

footer a {
  color: #111 !important;
  font-weight: 500;
  font-size: 13px;
}

footer a:hover {
  color: #fff !important;
}

section.footer-details.dark {
  position: relative;
  background: #071726;
}

section.footer-details.dark .f-details {
  position: relative;
}

section.footer-details.dark .f-details h3 {
  color: #2f5579;
}

section.footer-details.dark .f-details .social li {
  border-color: #374f65;
}

section.footer-details.dark .f-details li {
  color: #374f65;
}

section.footer-details.dark .f-details li a {
  color: #374f65;
}


/* /Footer Style */


/* Animation style */

@-webkit-keyframes spinnerRotateone {
  0% {
    -webkit-transform: rotate(0deg) translateY(30px);
    transform: rotate(0deg) translateY(30px);
  }
  100% {
    -webkit-transform: rotate(160deg) translateY(30px);
    transform: rotate(160deg) translateY(30px);
  }
}

@keyframes spinnerRotateone {
  0% {
    -webkit-transform: rotate(0deg) translateY(30px);
    transform: rotate(0deg) translateY(30px);
  }
  100% {
    -webkit-transform: rotate(160deg) translateY(30px);
    transform: rotate(160deg) translateY(30px);
  }
}

@-webkit-keyframes slideInnew3 {
  0% {
    opacity: 0;
    -webkit-transform: translate(80px, -80px);
    -ms-transform: translate(80px, -80px);
    transform: translate(80px, -80px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes slideInnew3 {
  0% {
    opacity: 0;
    -webkit-transform: translate(80px, -80px);
    -ms-transform: translate(80px, -80px);
    transform: translate(80px, -80px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}


/* End Animation style */


/*----------------------------------------*/


/*  Potfo RTL Style
/*----------------------------------------*/

html[dir="rtl"] header.header-area {
  z-index: 999;
  direction: ltr;
}

html[dir="rtl"] section.hero-1 .hero-content {
  text-align: right;
}

html[dir="rtl"] section.about-us .about-content {
  text-align: right;
}

html[dir="rtl"] section.about-us .about-1 {
  left: 22%;
  right: unset;
}

html[dir="rtl"] section.features .single-features {
  text-align: right;
}

html[dir="rtl"] section.portfolio-slide {
  direction: ltr;
}

html[dir="rtl"] section.pricing nav .nav-tabs {
  margin-left: 60px;
  margin-right: auto;
}

html[dir="rtl"] section.pricing nav p:first-child {
  right: unset;
  top: 12%;
  left: 20%;
}

html[dir="rtl"] section.pricing nav p:last-child {
  right: unset;
  left: 0;
}

html[dir="rtl"] section.pricing .price-details {
  text-align: right;
}

html[dir="rtl"] section.pricing .price-details ul li i {
  padding-right: 0;
  padding-left: 10px;
}

html[dir="rtl"] section.recent-blog {
  direction: ltr;
}

html[dir="rtl"] section.client-feedback .single-feedback .sf-content {
  text-align: right;
}

html[dir="rtl"] section.client-feedback .single-feedback .sf-client {
  text-align: right;
}

html[dir="rtl"] section.client-feedback .single-feedback .sf-client .text {
  text-align: right;
}

html[dir="rtl"] section.recent-blog .blog-slide-1 .r-blog .rb-text {
  text-align: right;
}

html[dir="rtl"] section.footer-details {
  text-align: right;
}

html[dir="rtl"] section.hero-1 .hero-content .hero-btn a.btn-3 {
  margin-right: 20px;
}

html[dir="rtl"] section.service .single-service {
  text-align: right;
}

html[dir="rtl"] section.service .single-service .ss-content h3 {
  padding-right: 0;
}

html[dir="rtl"] section.service .single-service .ss-icon {
  margin-left: auto;
}

html[dir="rtl"] section.about-us-2 .about-content {
  text-align: right;
}

html[dir="rtl"] section.about-us-3 .about-content h1 {
  padding-right: 0;
}

html[dir="rtl"] section.hero-3 {
  direction: ltr;
}

html[dir="rtl"] .h-style3 .nh3-topber ul.ht3-list li a {
  padding: 13px 12px;
}

html[dir="rtl"] section.about-us-5 .about-content {
  text-align: right;
}

html[dir="rtl"] section.mini-services .service-content {
  text-align: right;
}

html[dir="rtl"] section.about-us-6 .about-content {
  text-align: right;
}

html[dir="rtl"] section.recent-Work-2 {
  direction: ltr;
}

html[dir="rtl"] section.blog .single-blog2 .sb-text {
  text-align: right;
}

html[dir="rtl"] section.blog .single-blog .sb-text {
  text-align: right;
}

html[dir="rtl"] section.fun-fact::before {
  right: 0;
}

html[dir="rtl"] section.hero-4 {
  direction: ltr;
}

html[dir="rtl"] section.about-us-7 .about-content {
  width: 100%;
  left: 0;
  text-align: right;
}

html[dir="rtl"] section.work-process .tab-content .work-content {
  top: 25%;
  left: -18%;
  right: unset;
  text-align: right;
}

html[dir="rtl"] section.work-process .tab-content {
  margin-right: 15%;
  width: 100%;
}

html[dir="rtl"] section.work-process .nav-tabs .nav-link {
  text-align: right;
}

html[dir="rtl"] section.work-process .nav-tabs .nav-link p {
  padding-right: 0;
}

html[dir="rtl"] section.about-us-8 .about-img {
  left: 0;
  right: 10%;
}

html[dir="rtl"] section.recent-blog2 .rb2-text {
  text-align: right;
}

html[dir="rtl"] section.hero-5 .hero-img {
  margin-right: 0;
}

html[dir="rtl"] section.hero-5 .hero-content {
  text-align: right;
}

html[dir="rtl"] section.about-us-9 .about-content {
  margin-left: 0;
  margin-right: 10%;
  text-align: right;
}

html[dir="rtl"] section.features-2 .features-img {
  margin-right: -250px;
  margin-left: unset;
}

html[dir="rtl"] section.features-2 .s-f-padding .single-features-2 {
  text-align: right;
}

html[dir="rtl"] section.screenshot {
  direction: ltr;
}

html[dir="rtl"] section.hero-5::before {
  position: absolute;
  left: 0;
}

html[dir="rtl"] section.hero-6 .hero-6-content .hero-btn a.btn-3 {
  margin-left: 0;
  margin-right: 20px;
}

html[dir="rtl"] section.about-us-9.dark .about-1 {
  margin-left: unset;
  margin-right: -150px;
  width: calc(100% + 150px);
}

html[dir="rtl"] section.about-us-10.dark .about-1 {
  position: relative;
  margin-right: 0;
  margin-left: -150px !important;
  width: calc(100% + 100px);
}

html[dir="rtl"] section.hero-7 .hero-content {
  text-align: right;
}

html[dir="rtl"] section.about-us-11 .about-content {
  text-align: right;
}

html[dir="rtl"] section.about-us-11 .about-content p {
  padding-right: 0;
}

html[dir="rtl"] section.about-us-11 .about-content a.btn-3 {
  margin-left: 0;
  margin-right: 20px;
  max-width: 150px;
  color: #000000;
}

html[dir="rtl"] section.mobile-ui .mobile-ui-bg {
  height: 61%;
  top: 29%;
  left: 0;
}

html[dir="rtl"] section.mobile-screen-slide {
  direction: ltr;
}

html[dir="rtl"] .e-solution-details {
  padding-right: 0;
  text-align: right;
}

html[dir="rtl"] section.team {
  position: relative;
  direction: ltr;
}

html[dir="rtl"] section.information .information-text {
  text-align: right;
}

html[dir="rtl"] section.our-specialties .specialties-img {
  margin-left: 0;
  margin-right: -200px;
}

html[dir="rtl"] section.our-specialties .our-specialties-details {
  position: relative;
  text-align: right;
}

html[dir="rtl"] .s-sp-text {
  text-align: right;
}

html[dir="rtl"] section.Our-Approach .about-content {
  margin-right: 0;
}

html[dir="rtl"] section.about-niksta-1 .about-niksta-1-img {
  margin-right: -50px;
  margin-left: 0;
}

html[dir="rtl"] section.about-niksta-1 .about-niksta-1-text {
  text-align: right;
}

html[dir="rtl"] section.about-niksta-1 .an-image2 {
  margin-left: -50px;
  margin-right: 0;
  width: calc(100% + 50px);
}

html[dir="rtl"] section.about-team .about-1 {
  position: relative;
  right: 0;
}

html[dir="rtl"] section.about-team .about-content {
  position: relative;
  padding-top: 100px;
  text-align: right;
}

html[dir="rtl"] section.blog-page .single-bloge-post {
  text-align: right;
}

html[dir="rtl"] section.blog-page .blog-sidebar .search-box .form-group span.fa.fa-search {
  left: 0;
}

html[dir="rtl"] section.blog-page .blog-sidebar .reletad-post {
  direction: ltr;
}

html[dir="rtl"] section.blog-page .blog-sidebar .blog-catagory {
  text-align: right;
}

html[dir="rtl"] section.blog-page .sbp-details {
  text-align: right;
}

html[dir="rtl"] section.blog-page section.comment {
  text-align: right;
}

html[dir="rtl"] section.blog-page section.comment-box {
  text-align: right;
}

html[dir="rtl"] section.service-details-page .service-dp-img {
  margin-left: 0;
  margin-right: -205px;
}

html[dir="rtl"] section.service-details-page .service-dp-text {
  padding-right: 0;
  text-align: right;
}

html[dir="rtl"] section.service-details-page .service-dp-text p {
  padding: 25px 0px;
  padding-right: 0;
}

html[dir="rtl"] section.service-details-page .service-dp-img2 {
  position: relative;
  margin-left: 0;
  margin-right: 0;
}

html[dir="rtl"] section.pricing-2 .price-catagory-full .price-details {
  position: relative;
  padding: 50px 20px;
}

html[dir="rtl"] section.career .career-tag .search-box .form-group span.fa.fa-search {
  left: 0;
}

html[dir="rtl"] section.career .job-details .j-d-text {
  text-align: right;
}

html[dir="rtl"] section.career .job-details h5 {
  text-align: right;
}

html[dir="rtl"] section.career .company-location {
  margin: 25px 0px;
}

html[dir="rtl"] section.career-details .need-niksta {
  text-align: right;
}

html[dir="rtl"] section.career-details .career-d-resposibilities ul li::before {
  margin-right: 0;
  margin-left: 10px;
}

html[dir="rtl"] section.case-studies .single-case-studies {
  text-align: right;
}

html[dir="rtl"] section.case-sd-content .csc-text {
  text-align: right;
}

html[dir="rtl"] section.case-studies-details .csd-text {
  text-align: right;
}

html[dir="rtl"] section.payment-page .billing-box {
  text-align: right;
}

html[dir="rtl"] section.payment-page .single-profile .single-profile-text {
  padding-right: 5%;
  padding-left: 0;
}

html[dir="rtl"] section.user-guide .card .card-block {
  text-align: right;
}

html[dir="rtl"] section.sign-up .sign-up-content {
  text-align: right;
}

html[dir="rtl"] section.sign-up section.signup-details {
  text-align: right;
}

html[dir="rtl"] section.about-us-hero.support-hero .search-box .form-group span.fa.fa-search {
  right: unset;
  left: 20px;
}

html[dir="rtl"] section.terms_condition {
  text-align: right;
}

html[dir="rtl"] section.portfolio-details .portfolio-d-text {
  text-align: right;
}

html[dir="rtl"] section.portfolio-details .portfolio-project .previous-project .prev-pro-icon {
  margin-left: 14px;
}

html[dir="rtl"] section.portfolio-details .portfolio-project .next-project .next-pro-icon .next-icon {
  margin-right: 15px;
}

html[dir="rtl"] section.about-us-12 {
  position: relative;
  overflow: hidden;
}


/*----------------------------------------*/


/*  Portfo RTL Style END
/*----------------------------------------*/


/*----------------------------------------*/


/*  Portfo RTL Responsive Style
/*----------------------------------------*/

@media only screen and (max-width: 991px) {
  html[dir="rtl"] .h-style3 .nh3-topber ul.ht3-list li a {
    padding: 13px 6px;
  }
}

@media only screen and (max-width: 767px) {
  html[dir="rtl"] section.about-us .about-1 {
    left: 0;
  }
  html[dir="rtl"] section.about-us-7 .about-img {
    width: 100%;
    left: 0;
  }
  html[dir="rtl"] section.work-process .tab-content {
    margin-right: 0;
    width: 100%;
  }
  html[dir="rtl"] section.work-process .nav-tabs .nav-link {
    text-align: right;
    width: 100%;
  }
  html[dir="rtl"] section.about-us-8 .about-img {
    left: 0;
    right: 0;
  }
  html[dir="rtl"] section.features-2 .features-img {
    margin-right: 0;
    margin-left: unset;
  }
  html[dir="rtl"] section.about-us-9.dark .about-1 {
    margin-left: unset;
    margin-right: 0;
    width: 100%;
  }
  html[dir="rtl"] section.about-us-10.dark .about-1 {
    position: relative;
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }
  html[dir="rtl"] section.about-us-9 .about-content {
    margin-left: 0;
    margin-right: 0;
    text-align: right;
  }
  html[dir="rtl"] section.about-us-10.dark .about-content {
    position: relative;
    margin: 0;
    padding-right: 0;
  }
  html[dir="rtl"] section.hero-7 .hero-content p {
    line-height: 35px;
  }
  html[dir="rtl"] section.about-niksta-1 .about-niksta-1-img {
    margin-right: 0;
    margin-left: 0;
  }
  html[dir="rtl"] section.about-niksta-1 .an-image2 {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  html[dir="rtl"] section.service-details-page .service-dp-img {
    margin-left: 0;
    margin-right: 0;
  }
  html[dir="rtl"] .h-style1 a.btn-1 {
    top: 12px;
  }
}


/*----------------------------------------*/


/*  Portfo RTL Responsive Style End
/*----------------------------------------*/


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

Responsive Style

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

@media only screen and (max-width: 1920px) {
  section.hero-2 .hero-content p {
    padding-right: 16%;
  }
  section.hero-2 .h2-img-bg {
    height: 910px;
  }
  section.about-us-6::after {
    z-index: 1;
  }
  section.hero-3 .designer-slide {
    margin-top: 32%;
    margin-right: -38%;
    width: calc(100% + 73%);
  }
}

@media only screen and (min-width: 991.99px) {
  .h-style2 .sm-mint>li>a {
    padding: 18px 17px;
  }
  .h-style2 .sm-mint>li>a>.sub-arrow {
    right: 2px;
  }
}

@media only screen and (max-width: 1515px) {
  section.about-us-6 .about-img img.abi2-bg {
    top: -33%;
    right: -26%;
  }
  section.hero-3 .hero-3-content h1 {
    font-size: 44px;
    line-height: 57px;
  }
  section.hero-3 .hero-3-content p {
    font-size: 26px;
  }
}

@media only screen and (max-width: 1475px) {
  section.hero-1 .hero-content .animation-1 {
    left: -17%;
  }
  section.hero-1 .hero-content .animation-4 {
    left: -18%;
  }
  .h-style2 .sm-mint>li>a {
    padding: 18px 12px;
  }
}

@media only screen and (max-width: 1315px) {
  section.hero-1 .hero-content .animation-1 {
    left: -7%;
  }
  section.hero-1 .hero-content .animation-4 {
    left: -8%;
  }
  section.hero-1 .hero-img {
    position: relative;
    right: 0%;
  }
  section.hero-1 .hero-content .animation-6 {
    position: absolute;
    right: -7%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1502px) {
  section.hero-5 .hero-img {
    padding: 10px;
    margin-right: 0;
    width: 100%;
    padding-top: 15%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .h-style2 .sm-mint>li>a {
    padding: 18px 10px;
    font-size: 14px;
  }
  .h-style2 ul li p {
    font-size: 14px;
  }
  .h-style2 ul li:nth-child(7) {
    left: 60px;
  }
  .h-style2 ul li:nth-child(8) {
    left: 65px;
  }
  section.hero-2 .hero-content::before {
    top: -13%;
    left: 4%;
  }
  section.hero-2 .hero-content h1 {
    font-size: 41px;
    line-height: 55px;
  }
  section.hero-2 .hero-content p {
    font-size: 24px;
    line-height: 28px;
  }
  section.hero-3 .hero-3-content h1 {
    font-size: 43px;
    line-height: 55px;
  }
  section.hero-3 .hero-3-content p {
    font-size: 23px;
    line-height: 30px;
  }
  section.hero-3 .hero-3-content {
    padding: 250px 0px 128px;
  }
  section.about-us-6 .about-img img.abi2-bg {
    top: -30%;
    right: -12%;
  }
  section.about-us-6::after {
    z-index: -1;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
  section.hero-1 .hero-content h1 {
    font-size: 45px;
    line-height: 66px;
  }
  .h-style2 .sm-mint>li>a>.sub-arrow {
    display: none;
  }
  section.blog-page .single-bloge-post h1 {
    font-size: 33px;
    line-height: 43px;
  }
  section.blog-page .blog-sidebar .bs-post-wrapper .single-pb-post .s-pbp-text p {
    font-size: 12px;
    line-height: 20px;
  }
  section.about-niksta-1 .about-niksta-1-text {
    padding-top: 0;
  }
  section.analytics .yearly-analytice .yearly-order .yearly-oredr-text h4 {
    font-size: 14px;
  }
  section.contact-us .single-contact .sc-text2 span {
    padding-right: 0;
  }
  section.sign-up .sign-up-content h1 {
    font-size: 41px;
    line-height: 55px;
  }
  section.sign-up .sign-up-content p {
    font-size: 24px;
    line-height: 38px;
  }
  section.sign-up .sign-up-content::before {
    height: 400px;
    width: 400px;
  }
  section.sign-up .sign-up-content {
    margin-top: 100px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h-style1 .sm-mint a,
  .h-style1 .sm-mint a:hover,
  .h-style1 .sm-mint a:focus,
  .h-style1 .sm-mint a:active,
  .h-style1 .sm-mint a.highlighted {
    padding: 18px 20px !important;
    font-size: 14px;
  }
  .sm-mint a .sub-arrow {
    display: none;
  }
  section.features .single-features .sf-content h3 {
    font-size: 19px;
    line-height: 27px;
  }
  section.service .single-service .ss-content p {
    font-size: 14px;
  }
  section.hero-7 .hero-content h1 {
    font-size: 40px;
    line-height: 46px;
  }
  section.our-specialties .single-sp-details .s-sp-text p {
    line-height: 22px;
    font-size: 14px;
  }
}

@media only screen and (max-width: 1199px) {
  .h-style1 a.btn-1 {
    padding: 18px 24px;
  }
  .h-style1 h2.nav-brand img {
    width: 70%;
  }
  section.about-us .about-content {
    padding-top: 0;
  }
  section.about-us .about-content h1 {
    line-height: 40px;
    padding: 4px 0px;
    font-size: 28px;
  }
  section.hero-1 .hero-content .animation-6 {
    top: 23%;
  }
  section.hero-1 .hero-img::before {
    width: 33%;
    right: -20%;
    height: 135px;
    bottom: -7px;
  }
  section.hero-1 .hero-content p {
    font-size: 25px;
    line-height: 31px;
  }
  section.hero-1 .hero-content h1 {
    font-size: 42px;
    line-height: 55px;
  }
  section.hero-1 .hero-content .animation-2 {
    left: 40%;
  }
  section.hero-1 .hero-content::before {
    height: 289px;
  }
  section.features {
    padding: 0px 0px 100px;
  }
  section.pricing nav .nav-tabs .nav-item.show .nav-link,
  section.pricing nav .nav-tabs .nav-link.active {
    margin-top: -1px;
  }
  section.pricing nav p:first-child {
    right: 24%;
  }
  section.pricing .price-catagory a {
    left: 16%;
  }
  section.client-feedback .single-feedback .sf-client .text {
    top: 5px;
    left: -9%;
  }
  section.recent-blog .blog-slide-1 .r-blog .rb-text h3 {
    font-size: 20px;
  }
  .h-style2 ul li:nth-child(7) a {
    font-size: 11px;
    padding: 5px 10px;
  }
  .h-style2 ul li:nth-child(8) a {
    font-size: 11px;
    padding: 5px 10px;
  }
  .h-style2 ul li:nth-child(7) {
    left: 50px;
    top: 16px;
  }
  .h-style2 ul li:nth-child(8) {
    left: 70px;
    top: 19px;
  }
  section.hero-2 .h2-img-bg {
    margin-top: -18%;
  }
  section.hero-2 .hero-img img {
    height: 430px;
  }
  section.hero-2 .hero-img {
    width: 100%;
    margin-left: 0;
    margin-top: 5%;
  }
  .h-style2 ul li p {
    padding: 0px 9px;
    font-size: 14px;
  }
  section.hero-2 .h2-img-bg {
    width: 36%;
    height: 750px;
  }
  .h-style2 .sm-mint>li>a {
    padding: 18px 9px !important;
  }
  section.hero-2 .hero-content h1 {
    font-size: 44px;
    line-height: 49px;
  }
  section.hero-2 .hero-content p {
    font-size: 22px;
    line-height: 26px;
    padding: 16px 0px;
  }
  section.hero-2::before {
    width: 250px;
    height: 250px;
    left: 48%;
  }
  section.service .single-service .ss-content h3 {
    padding-right: 0;
  }
  section.service .single-service {
    padding: 15px;
  }
  .h-style3 .nh3-topber ul.ht3-list li a {
    font-size: 10px;
  }
  .h-style3 .nav-brand a {
    padding: 11px 11px 20px 20px;
  }
  section.about-us-6 .about-img img.abi2-bg {
    display: none;
  }
  section.hero-3 .hero-3-content {
    padding: 206px 0px 150px;
  }
  header.header-area.h-style3 {
    padding: 0;
  }
  section.hero-3 .hero-3-content h1 {
    font-size: 48px;
    line-height: 60px;
  }
  section.hero-3 .hero-3-content p {
    font-size: 22px;
    line-height: 30px;
  }
  section.hero-3 .designer-slide {
    left: 8%;
  }
  section.hero-3 .hero-3-content h1 {
    font-size: 44px;
    line-height: 55px;
  }
  section.about-us-5::after {
    display: none;
  }
  section.about-us-5::before {
    display: none;
  }
  section.about-us-5 .about-content::after {
    display: none;
  }
  section.about-us-5 .about-content {
    padding: 15px;
  }
  section.fun-fact .single-fune-fact p {
    font-size: 16px;
  }
  section.mini-services .service-content h1 {
    line-height: 32px;
    padding: 5px 0px;
    font-size: 28px;
  }
  section.about-us-6 .about-content {
    padding: 0px 10px;
  }
  section.about-us-6 .about-content h1 {
    font-size: 32px;
  }
  section.about-us-6::before {
    width: 100px;
    height: 100px;
    left: 41%;
    bottom: 12%;
  }
  section.about-us-6 {
    padding: 150px 0px 60px;
  }
  section.about-us-6 .about-content::before {
    width: 300px;
    height: 300px;
    top: 16%;
    right: 17%;
  }
  section.about-us-6 .about-content .btn-2 {
    margin-top: 23px;
  }
  section.about-us-6 .about-content::after {
    display: none;
  }
  section.blog .single-blog .sb-text h1 {
    font-size: 45px;
    line-height: 43px;
    padding: 7px 0px;
  }
  section.blog .single-blog .sb-text a .flaticon-arrow-pointing-to-right {
    right: 17%;
  }
  section.blog .single-blog2 .sb-text h3 {
    font-size: 21px;
    line-height: 27px;
    padding: 5px 0px;
  }
  section.blog .single-blog2 .sb-text h4 {
    line-height: 28px;
    font-size: 18px;
  }
  section.blog .single-blog2 .sb-text p {
    line-height: 20px;
  }
  section.blog .sb-3 .sb-text h3 {
    padding: 6px 0px;
    font-size: 19px;
    line-height: 23px;
  }
  section.blog .sb-3 .sb-text p {
    line-height: 22px;
  }
  section.about-us-6::after {
    z-index: -1;
  }
  section.service-2 .single-service .ss-content h3 {
    font-size: 19px;
  }
  section.about-us-7 .about-content a.btn-2 {
    max-width: 150px;
    padding: 9px 0px;
  }
  section.about-us-7 .about-content a.btn-3 {
    max-width: 150px;
    padding: 9px 0px;
  }
  section.about-us-7 .about-content h1 {
    font-size: 38px;
    line-height: 45px;
  }
  section.about-us-7 .about-content h3 {
    font-size: 24px;
    line-height: 42px;
  }
  section.about-us-7 .about-content {
    padding: 100px 0px;
  }
  section.about-us-7 {
    padding-top: 140px;
  }
  section.recent-blog2 .rb2-text h2 {
    font-size: 22px;
    line-height: 28px;
  }
  section.recent-blog2 .rb2-text p {
    font-size: 16px;
  }
  section.hero-5 .hero-content h1 {
    font-size: 43px;
    line-height: 53px;
  }
  section.hero-5 .hero-content {
    padding: 70px 0px;
  }
  section.hero-5 .hero-content p {
    font-size: 21px;
  }
  section.hero-5 .hero-img {
    position: relative;
    padding: 40px;
    margin-right: 0;
    width: 100%;
    padding-top: 15%;
  }
  section.hero-5::after {
    height: 95%;
  }
  section.hero-5 {
    padding-bottom: 0px;
  }
  section.features-2 {
    padding: 80px 0px 20px;
    margin-top: 100px;
  }
  section.pricing-2 {
    margin-top: 100px;
  }
  section.pricing-2 nav p:first-child {
    right: 58%;
  }
  section.pricing-2 nav p:last-child {
    right: 36%;
  }
  section.features.dark2 {
    padding: 100px 0px;
  }
  section.about-us-10.dark {
    padding-top: 0;
  }
  section.hero-7 .hero-content::before {
    height: 530px;
    width: 530px;
    top: 24px;
  }
  section.advance-fetaures .single-advance-fetaures {
    padding: 20px;
  }
  section.mobile-ui .mobile-ui-content h1 {
    font-size: 33px;
    line-height: 40px;
  }
  section.mobile-ui .mobile-ui-content p {
    line-height: 23px;
    font-size: 14px;
  }
  section.mobile-ui .mobile-ui-content .btn-2 {
    max-width: 110px;
    padding: 9px 0px;
    font-size: 12px;
  }
  section.mobile-ui .mobile-ui-content .btn-3 {
    max-width: 110px;
    padding: 9px 0px;
    font-size: 12px;
  }
  section.mobile-screen-slide {
    padding-top: 80px;
    padding-bottom: 50px;
  }
  section.about-us-9.about-us-main {
    overflow: hidden;
    padding-bottom: 50px;
  }
  section.about-us-9.about-us-main .about-content {
    padding-right: 0;
    padding-top: 24%;
  }
  section.about-us-9.about-us-main .about-1::before {
    height: 116%;
  }
  section.information .information-text h1 {
    padding: 5px 0px;
  }
  section.our-specialties .our-specialties-details h1 {
    line-height: 39px;
    font-size: 30px;
  }
  section.blog-page .blog-details-item .bdi-1 .bdi-1-text h5 {
    line-height: 22px;
    font-size: 16px;
  }
  section.blog-page .blog-details-item .bdi-2 .bdi-2-text h5 {
    line-height: 22px;
    font-size: 16px;
  }
  section.pricing {
    margin: 100px 0px;
  }
  section.payment-page .payment-method button {
    font-size: 14px;
  }
  section.sign-up .signup-d2 {
    padding-top: 0px;
  }
  section.portfolio .aspect__inner h3 {
    left: 12%;
  }
  section.service-details-page .service-dp-text h1 {
    font-size: 30px;
    line-height: 39px;
  }
  section.service-details-page {
    margin-bottom: 80px;
  }
}

@media only screen and (max-width: 1091px) {
  /* .h-style2 ul li:nth-child(7) {
      left: 59px;
  }
  .h-style2 ul li:nth-child(8) {
      left: 62px;
  }
  .h-style2 .sm-mint > li > a {
      font-size: 13px;
  } */
  .h-style2 ul li:nth-child(7) {
    display: none;
  }
  .h-style2 ul li:nth-child(8) {
    display: none;
  }
  .h-style2 .sm-mint>li>a {
    padding: 18px 16px;
  }
  section.hero-2 .hero-content h1 {
    font-size: 36px;
    line-height: 40px;
  }
  section.hero-2 .hero-content::before {
    left: 0%;
  }
  section.hero-4 .hero4-slide .hero-content-wrapper .hero-3-content h1 {
    line-height: 58px;
    font-size: 53px;
  }
  section.hero-4 .hero4-slide .hero-content-wrapper .hero-3-content {
    position: relative;
    padding: 400px 0px 100px;
    z-index: 1;
  }
}

@media only screen and (max-width: 1043px) {
  section.hero-3 .hero-3-content h1 {
    font-size: 34px;
    line-height: 42px;
  }
  section.hero-3 .hero-3-content p {
    font-size: 19px;
    line-height: 30px;
  }
  section.hero-5::before {
    height: 400px;
    width: 400px;
  }
  section.user-guide {
    width: 80%;
  }
  section.faq .card .card-header .accordion-toggle.collapsed {
    display: block;
    padding-right: 8%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991.9px) {
  .h-style1 {
    /* .sm-mint a, .h-style1 .sm-mint a:hover, .h-style1 .sm-mint a:focus, .h-style1 .sm-mint a:active, .h-style1 .sm-mint a.highlighted {
        padding: 22px 8px;
        font-size: 11px;
    } */
  }
  .h-style1 a.btn-1 {
    padding: 12px 12px;
    font-size: 13px;
  }
  .h-style1 h2.nav-brand img {
    width: 60%;
    padding: 0;
  }
  .h-style1 .nav-brand a {
    display: block;
    padding: 20px 0px;
  }
  .h-style1 a.btn-1 {
    padding: 12px 14px;
    font-size: 12px;
    top: 14px;
  }
  .h-style1 .sm-mint a .sub-arrow {
    display: none;
  }
  .h-style1 .sm-mint>li>a {
    padding: 13px 18px;
    padding-right: 8px;
    font-size: 12px;
    font-weight: 500;
  }
  .h-style1 .sm-mint {
    position: relative;
    top: -52px;
  }
  section.about-us .about-content h1 {
    line-height: 33px;
    padding: 4px 0px;
    font-size: 24px;
  }
  section.about-us .about-content h1 {
    line-height: 33px;
    padding: 10px 0px;
    font-size: 24px;
  }
  section.about-us .about-content h3 {
    font-size: 20px;
    font-weight: 500;
  }
  section.about-us .about-content p {
    font-size: 15px;
    line-height: 23px;
  }
  section.features .single-features .sf-content h3 {
    font-size: 16px;
    line-height: 18px;
    padding: 10px 0px;
  }
  section.features .single-features {
    padding: 10px;
  }
  section.features .single-features .sf-content p {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 7px;
  }
  section.features .single-features .sf-content a {
    font-size: 15px;
  }
  section.features .single-features .sf-content .fe-icon {
    margin-left: 10px;
    padding-top: 3px;
    font-size: 19px;
  }
  .price-catagory a.btn-2 {
    max-width: 136px;
    font-size: 15px;
    padding: 10px 0px;
    bottom: -7%;
  }
  section.pricing .price-catagory {
    padding: 10px;
  }
  section.pricing .price-catagory p {
    padding: 10px 10px 50px;
  }
  section.pricing .price-catagory h2 span {
    font-size: 24px;
  }
  section.client-feedback .single-feedback .sf-client .text h3 {
    font-size: 18px;
    line-height: 22px;
  }
  section.client-feedback .single-feedback .sf-client .text p {
    font-size: 14px;
  }
  section.client-feedback .single-feedback .sf-content {
    padding: 35px 10px;
  }
  section.client-feedback .single-feedback .flaticon-quote {
    top: 13%;
    left: 3%;
    font-size: 50px !important;
  }
  section.client-feedback {
    padding: 0px 0px 50px;
  }
  section.recent-blog .blog-slide-1 .r-blog .rb-text h3 {
    font-size: 15px;
    line-height: 20px;
  }
  section.recent-blog .blog-slide-1 .r-blog .rb-text p {
    padding: 4px 0px;
    line-height: 18px;
    font-size: 12px;
  }
  section.recent-blog .blog-slide-1 .r-blog .rb-text a {
    font-size: 12px;
  }
  section.recent-blog .blog-slide-1 .r-blog .rb-text .fe-icon:before {
    margin-left: 8px;
    padding-top: 1px;
    font-size: 18px;
  }
  section.subscrive .form-control {
    font-size: 13px;
    padding-left: 10px;
    height: 50px;
  }
  section.subscrive .sub-btn {
    height: 50px;
    font-size: 13px;
  }
  section.footer-details .f-details h3 {
    font-size: 18px;
  }
  section.footer-details .f-details .social li {
    width: 35px;
    height: 35px;
  }
  section.footer-details .f-details .social li i {
    font-size: 15px;
    padding: 9px;
  }
  #main-menu {
    clear: both !important;
  }
  section.about-team .about-content p {
    font-size: 15px;
  }
  section.about-us-5 .about-content p {
    line-height: 23px;
    font-size: 15px;
  }
  section.client-feedback-2 .single-feedback {
    padding: 10px;
  }
  section.client-feedback .single-feedback .sf-content {
    padding: 10px;
  }
  section.client-feedback-2 .single-feedback .sf-client {
    padding: 10px 0px;
  }
  section.client-feedback .single-feedback .sf-content p {
    font-size: 14px;
    line-height: 24px;
  }
  section.client-feedback-2 .single-feedback .sf-client .text .flaticon-double-quotes {
    font-size: 43px;
  }
  section.blog .single-blog .sb-text h2 {
    font-size: 19px;
    line-height: 25px;
  }
  section.blog .single-blog .sb-text h1 {
    font-size: 20px;
    line-height: 25px;
    padding: 7px 0px;
  }
  section.blog .single-blog .sb-text {
    padding: 10px;
  }
  section.blog .single-blog .sb-text a {
    font-size: 15px;
  }
  section.blog .single-blog .sb-text a .flaticon-arrow-pointing-to-right {
    right: 26%;
    font-size: 28px;
  }
  section.blog .single-blog2 .sb-text h3 {
    font-size: 15px;
    line-height: 18px;
  }
  section.blog .single-blog2 .sb-text h4 {
    line-height: 18px;
    font-size: 14px;
  }
  section.blog .single-blog2 .sb-text p {
    line-height: 16px;
    font-size: 11px;
  }
  section.blog .single-blog2 .sb-text {
    padding: 10px;
  }
  section.blog .single-blog2 .sb-text a {
    padding-top: 2px;
    font-size: 12px;
  }
  section.blog .sb-3 .sb-text h3 {
    padding: 0px;
    font-size: 14px;
    line-height: 17px;
  }
  section.blog .sb-3 .sb-text h4 {
    font-size: 14px;
  }
  section.blog .sb-3 .sb-text p {
    line-height: 17px;
    font-size: 12px;
    padding-top: 5px;
  }
  section.blog .single-blog.sb-3 .sb-text a {
    font-size: 12px;
  }
  .left-pad {
    padding-left: 35px !important;
  }
  section.fun-fact .single-fune-fact {
    padding: 110px 0px;
  }
  section.fun-fact .single-fune-fact h1.sff {
    line-height: 30px;
    font-size: 33px;
    padding-top: 14px;
  }
  section.about-us-7 .about-content a.btn-2 {
    max-width: 105px;
    font-size: 12px;
    padding: 8px 0px;
  }
  section.about-us-7 .about-content a.btn-3 {
    max-width: 105px;
    font-size: 12px;
    padding: 8px 0px;
  }
  section.about-us-7 .about-content h1 {
    font-size: 30px;
    line-height: 36px;
  }
  section.about-us-7 .about-content h3 {
    font-size: 20px;
    line-height: 33px;
  }
  section.about-us-7 .about-content {
    padding: 60px 0px;
  }
  section.fun-fact-2 {
    margin-top: 100px;
  }
  section.recent-blog2 .rb2-text {
    padding: 15px;
  }
  section.recent-blog2 .rb2-text {
    top: 24%;
  }
  section.recent-blog2 {
    padding-bottom: 10px;
  }
  section.pricing-2 .price-details ul li {
    font-size: 12px;
    letter-spacing: 0;
    padding: 7px 0px;
    line-height: 15px;
  }
  section.about-us-10 .about-1::before {
    width: 320px;
    height: 320px;
    top: -40px;
  }
  section.features-2 .s-f-padding .single-features-2 h3 {
    font-size: 17px;
  }
  section.about-us-10 {
    padding-top: 150px !important;
  }
  section.features-2 .s-f-padding .single-features-2 p {
    font-size: 14px;
  }
  section.about-us-9.dark .about-content h1 {
    font-size: 25px;
    line-height: 35px;
  }
  section.about-us-9.dark .about-content p {
    font-size: 14px;
    line-height: 25px;
  }
  section.about-us-9.dark .about-1 {
    position: relative;
    margin-left: -100px;
    width: calc(100% + 100px);
  }
  section.about-us-10.dark {
    padding-top: 50px !important;
  }
  section.about-us-10.dark .about-1 {
    position: relative;
    margin-left: 0;
    width: 100%;
  }
  section.hero-7 .hero-content p {
    font-size: 15px;
    padding: 15px 0px;
    padding-right: 0;
    line-height: 27px;
  }
  section.hero-7 .hero-content h1 {
    font-size: 33px;
    line-height: 47px;
  }
  section.advance-fetaures .single-advance-fetaures {
    padding: 20px 10px;
  }
  section.advance-fetaures .single-advance-fetaures .saf-content h3 {
    font-size: 19px;
  }
  section.advance-fetaures .single-advance-fetaures .saf-icon .saf-ficon::after {
    height: 80px;
    width: 80px;
    top: -7%;
    left: -5%;
  }
  section.mobile-ui .mobile-ui-content h1 {
    font-size: 27px;
    line-height: 35px;
  }
  section.mobile-ui .mobile-ui-content {
    padding-top: 20%;
  }
  section.mobile-ui .mobile-ui-bg {
    top: 34%;
  }
  section.mobile-ui .mobile-ui-content .btn-2 {
    max-width: 90px;
  }
  section.mobile-ui .mobile-ui-content .btn-3 {
    max-width: 90px;
  }
  section.about-us-9.about-us-main .about-content h1 {
    font-size: 31px;
    line-height: 38px;
  }
  section.about-us-9.about-us-main .about-1::before {
    width: 120%;
  }
  section.about-us-9.about-us-main .e-solution-details p {
    line-height: 24px;
    font-size: 16px;
  }
  section.about-us-9.about-us-main .e-solution-details .esd-all ul li {
    padding: 7px 0px;
    width: 48%;
  }
  section.about-us-9.about-us-main .e-solution-details .esd-all ul li a {
    font-size: 13px;
  }
  section.team {
    padding-bottom: 50px;
  }
  section.information .information-text h1 {
    font-size: 30px;
    line-height: 33px;
    padding: 5px 0px;
  }
  section.information .information-text h3 {
    font-size: 23px;
  }
  section.information {
    padding-top: 80px;
  }
  section.information .information-text p {
    font-size: 14px;
    line-height: 26px;
  }
  section.our-specialties .our-specialties-details h1 {
    line-height: 33px;
    font-size: 25px;
  }
  section.our-specialties .our-specialties-details h3 {
    font-size: 18px;
    line-height: 21px;
  }
  section.our-specialties .our-specialties-details p {
    line-height: 23px;
    font-size: 14px;
  }
  section.our-specialties .single-sp-details .s-sp-text h3 {
    font-size: 19px;
  }
  section.our-specialties .single-sp-details .s-sp-text p {
    font-size: 14px;
    line-height: 23px;
  }
  section.our-specialties .single-sp-details {
    margin-top: 15px;
  }
  section.about-us-9.about-us-main .about-content h1 {
    font-size: 26px;
    line-height: 35px;
  }
  section.Our-Approach .about-1::before {
    height: 400px !important;
    width: 400px !important;
    right: -10%;
  }
  section.Our-Approach .about-content {
    z-index: 2;
  }
  section.Our-Approach .about-content h3 {
    font-size: 19px;
  }
  section.Our-Approach .about-content p {
    font-size: 14px !important;
    padding: 0px 0px 30px;
  }
  section.blog-page .blog-sidebar .bs-post-wrapper .single-pb-post .s-pbp-text {
    padding-left: 0;
    padding-top: 15px;
  }
  section.blog-page .blog-sidebar .bs-post-wrapper .single-pb-post .s-pbp-img {
    float: unset;
  }
  section.blog-page .blog-sidebar .reletad-post .releted-post-slide .r-blog .rb-text h5 {
    font-size: 12px;
    line-height: 18px;
  }
  section.blog-page .blog-sidebar .reletad-post .releted-post-slide .r-blog .rb-text p {
    font-size: 11px;
  }
  section.blog-page .blog-sidebar .blog-catagory .caragory-list ul li {
    line-height: 15px;
  }
  section.blog-page .blog-sidebar .blog-catagory .caragory-list ul li a {
    font-size: 15px;
  }
  section.blog-page .blog-sidebar .bs-post-wrapper h3 {
    padding: 10px 0px;
    font-size: 21px;
  }
  section.blog-page .blog-sidebar .reletad-post h3 {
    font-size: 22px;
  }
  section.blog-page .blog-sidebar .blog-social-icon {
    padding-top: 25px;
  }
  section.blog-page .blog-sidebar .reletad-post .releted-post-slide .owl-dots {
    left: 18%;
  }
  section.blog-page .blog-sidebar .blog-social-icon .social li {
    margin-right: 4px;
    margin-top: 4px;
  }
  section.blog-page .single-bloge-post h1 {
    font-size: 26px;
    line-height: 36px;
  }
  section.blog-page .single-bloge-post {
    margin-bottom: 50px;
  }
  section.support .single-support h3 {
    padding-top: 25px;
    font-size: 16px;
  }
  section.payment-page .payment-method {
    padding: 50px 10px;
  }
  section.payment-page .payment-method button {
    font-size: 11px;
    padding: 4px 14px;
  }
  section.career .career-tag ul li .active {
    font-size: 13px;
  }
  section.career section.team-member .ex-ser-team .tm-text h3 {
    font-size: 18px;
  }
  section.career .company-location h3 {
    font-size: 22px;
  }
  section.contact-us .single-contact .sc-text span {
    padding: 10px 0px;
    font-size: 14px;
    line-height: 20px;
  }
  section.contact-us .contact-details h2 {
    font-size: 28px;
  }
  section.career-details .need-niksta h1 {
    font-size: 27px;
    line-height: 38px;
  }
  section.career-details .jod-information form .form-group label {
    font-size: 12px;
  }
  section.career-details .jod-information form .form-group a.btn-3 {
    font-size: 13px;
    padding: 10px 0px;
    max-width: 130px;
  }
  section.career-details .jod-information form .form-group .f-uplode {
    font-size: 12px;
    padding: 23px 8px;
  }
  section.sign-up .sign-up-content h1 {
    font-size: 30px;
    line-height: 43px;
  }
  section.sign-up .sign-up-content p {
    font-size: 18px;
    line-height: 30px;
    margin-top: 15px;
  }
  section.sign-up .sign-up-content::before {
    top: -50%;
  }
  section.sign-up section.signup-details h3 a {
    font-size: 19px;
  }
}

@media only screen and (max-width: 991px) {
  .h-style1 {
    height: 80px;
    padding: 10px 0px;
  }
  .h-style3 {
    height: 90px;
  }
  section.hero-1 {
    padding: 50px 0px;
  }
  section.hero-1 .hero-content h1 {
    font-size: 31px;
    line-height: 40px;
  }
  section.hero-1 .hero-content p {
    font-size: 19px;
    line-height: 26px;
    padding: 0;
    padding-top: 20px;
  }
  section.hero-1 .hero-content .animation-2 {
    top: -12%;
    left: 40%;
  }
  section.hero-1 .hero-img::before {
    bottom: -24px;
  }
  a.btn-2 {
    max-width: 160px;
  }
  a.btn-3 {
    max-width: 160px;
  }
  section.hero-1 .hero-content::before {
    height: 179px;
  }
  section.hero-1 .hero-img {
    margin-left: 21px;
  }
  section.about-us {
    padding: 50px 0px 100px;
  }
  section.about-us .about-1::before {
    top: -25%;
    left: -6%;
    height: 468px;
  }
  section.about-us .about-content h3 {
    font-weight: 500;
  }
  section.pricing nav p:first-child {
    right: 33%;
  }
  section.recent-blog h1 {
    font-size: 29px;
    line-height: 40px;
  }
  section.recent-blog h3 {
    font-size: 21px;
  }
  section.hero-2::before {
    left: 48%;
    bottom: 8%;
  }
  section.hero-2 .h2-img-bg {
    width: 34%;
    height: 700px;
  }
  section.hero-2 .hero-content p {
    font-size: 17px;
    padding-bottom: 30px;
  }
  section.about-us-2 .about-1::before {
    display: none;
  }
  section.recent-Work .fortfolio-slide-1 .owl-nav [class*=owl-prev] {
    right: 18%;
  }
  section.recent-Work .fortfolio-slide-1 {
    padding: 50px 0px 0px;
  }
  section.about-team .about-content {
    padding-top: 0;
  }
  section.about-team .about-content h1 {
    padding: 5px 0px;
  }
  .h-style3 .nh3-topber ul.ht3-list li a {
    padding: 10px 6px;
    font-size: 8px;
  }
  .h-style3 .nh3-navber .nh3-nav-btn a.btn-1 {
    padding: 12px 8px;
    text-align: center;
  }
  .h-style3 .nh3-navber {
    height: 53.5px;
  }
  .h-style3 .nh3-navber nav .nav-brand {
    max-width: 183px;
  }
  .h-style3 h2.nav-brand img {
    width: 100%;
  }
  .h-style3 .nav-brand a {
    padding: 17px 5px;
  }
  .h-style3 .sm-mint>li>a {
    padding: 5px 10px;
    padding-right: 8px;
    font-size: 12px;
    font-weight: 500;
  }
  section.hero-3 .hero-3-content p {
    font-size: 17px;
    line-height: 22px;
  }
  section.hero-3 .hero-3-content {
    padding: 190px 0px 90px;
  }
  section.about-us-5 {
    padding: 100px 0px 0px;
  }
  section.about-us-5 .about-content::before {
    width: 400px;
    height: 400px;
    left: 0;
    top: 20px;
  }
  section.about-us-5 .about-content h1 {
    line-height: 32px;
    font-size: 29px;
    padding: 10px 0px;
  }
  section.mini-services .single-service .ss-content h3 {
    font-size: 14px;
    line-height: 20px;
  }
  section.mini-services .service-content h1 {
    line-height: 27px;
    font-size: 21px;
  }
  section.mini-services .service-content .btn-2 {
    font-size: 14px;
    padding: 9px 0px;
    max-width: 134px;
  }
  section.about-us-6 .about-content h3 {
    font-size: 21px;
    line-height: 15px;
  }
  section.about-us-6 .about-content h1 {
    line-height: 34px;
    font-size: 25px;
  }
  section.about-us-6 .about-content p {
    line-height: 25px;
    padding: 5px 0px;
    font-size: 14px;
  }
  section.hero-3 .hero-3-content {
    padding: 190px 0px 90px 0px;
  }
  section.hero-3 .hero-3-content h1 {
    font-size: 32px;
  }
  section.recent-Work-2 {
    margin: 60px 0px;
  }
  section.client-feedback .single-feedback .sf-client .text {
    left: -4%;
  }
  section.hero-4 .hero4-slide .hero-content-wrapper .hero-3-content h1 {
    line-height: 55px;
    font-size: 47px;
  }
  section.recent-blog2 .rb2-text h4 {
    font-size: 15px;
    line-height: 21px;
  }
  section.recent-blog2 .rb2-text h2 {
    font-size: 18px;
    line-height: 25px;
  }
  section.recent-blog2 .rb2-text p {
    font-size: 14px;
    line-height: 22px;
  }
  section.pricing-2 nav p:first-child {
    right: 60%;
  }
  section.pricing-2 nav p:last-child {
    right: 32%;
  }
  section.pricing-2 .price-catagory-full .price-catagory h2 {
    font-size: 17px;
  }
  section.pricing-2 .price-catagory-full .price-catagory {
    padding: 30px 10px 20px;
    margin: 0;
  }
  section.pricing-2 .price-catagory-full .price-catagory p {
    padding: 20px 0px 10px;
    font-size: 14px;
  }
  section.pricing-2 .price-catagory-full .price-details {
    padding: 10px 0px 30px;
  }
  section.hero-5 .hero-content h1 {
    font-size: 32px;
    line-height: 42px;
  }
  section.hero-5 .hero-content p {
    font-size: 17px;
    padding: 9px 0px;
    line-height: 27px;
  }
  section.hero-5::before {
    height: 400px;
    border-radius: 50%;
    left: -5%;
    top: -28%;
    z-index: -1;
    width: 400px;
  }
  section.hero-5 .hero-img {
    position: relative;
    padding: 10px;
    padding-top: 15%;
  }
  section.hero-5::after {
    top: -27%;
    right: 5%;
    height: 100%;
  }
  section.hero-5 .hero-content {
    padding: 30px 0px;
  }
  section.partner {
    padding: 30px 0px;
  }
  section.about-us-9 {
    padding: 50px 0px;
  }
  section.about-us-9 .about-content {
    width: 100%;
    padding-top: 0;
    margin-left: 0;
  }
  section.about-us-9 .about-content h1 {
    font-size: 37px;
    line-height: 45px;
  }
  section.hero-6 .hero-6-content h1 {
    font-size: 37px;
    line-height: 57px;
  }
  section.hero-6 .hero-6-content p {
    font-size: 20px;
    line-height: 32px;
  }
  section.client-feedback.dark {
    padding-top: 50px;
  }
  section.client-feedback h1 {
    padding-bottom: 0px;
  }
  section.hero-7 .hero-content::before {
    display: none;
  }
  section.hero-7 .hero-content .hero-btn a.btn-2 {
    max-width: 120px;
    font-size: 12px;
    padding: 9px 0px;
  }
  section.hero-7 .hero-content .hero-btn a.btn-3 {
    max-width: 120px;
    font-size: 12px;
    padding: 9px 0px;
  }
  section.about-us-11 {
    padding-top: 100px;
  }
  section.about-us-11 .about-content {
    width: 100%;
    padding-top: 5%;
  }
  section.about-us-11 .about-content h1 {
    font-size: 28px;
    line-height: 39px;
  }
  section.about-us-11 .about-content a.btn-2 {
    max-width: 120px;
    font-size: 12px;
    padding: 9px 0px;
  }
  section.about-us-11 .about-content a.btn-3 {
    max-width: 120px;
    font-size: 12px;
    padding: 9px 0px;
  }
  section.about-us-hero .au-hero-text {
    padding: 180px 0px 120px;
  }
  section.about-us-hero .au-hero-text h1 {
    font-size: 45px;
  }
  section.fun-fact.mar-top-108 {
    margin-top: 50px;
  }
  section.blog-page .blog-team {
    display: grid;
  }
  section.blog-page .blog-team .blog-t-text {
    margin-left: 0;
    margin: 10px 0px;
  }
  section.blog-page section.comment .single-comment {
    display: grid;
  }
  section.blog-page section.comment .single-comment .single-comment-text {
    display: table-cell;
    padding-left: 0;
    padding: 10px 0px;
  }
  section.blog-page .blog-details-item .bdi-1 {
    display: table-cell;
  }
  section.blog-page .blog-details-item .bdi-1 .bdi-1-text {
    padding: 11px 0;
  }
  section.blog-page .blog-details-item .bdi-2 .bdi-2-text {
    padding: 0px 0px 10px 0;
    text-align: left;
  }
  section.blog-page .blog-details-item .bdi-2 {
    display: table-cell;
  }
  .error-content h1 {
    font-size: 47px;
    line-height: 60px;
  }
  section.case-studies .scs-text h3 {
    padding-top: 15px;
  }
  section.case-studies .scs-text2 h2 {
    font-size: 18px;
    line-height: 26px;
  }
  section.portfolio-details .portfolio-d-text h2 {
    font-size: 25px;
    line-height: 35px;
  }
  section.service-details-page .service-dp-text h1 {
    font-size: 24px;
    line-height: 32px;
  }
  section.service-details-page .service-dp-text p {
    padding: 20px 0px;
    font-size: 15px;
    padding-right: 0;
  }
  section.work-process {
    padding: 60px 0px;
  }
}

@media only screen and (max-width: 875px) {
  section.hero-2 .hero-content h1 {
    font-size: 30px;
    line-height: 40px;
  }
  section.hero-2 .hero-content p {
    font-size: 17px;
    line-height: 26px;
    padding: 11px 0px;
  }
  section.hero-3 .hero-3-content h1 {
    font-size: 26px;
    line-height: 33px;
  }
  section.hero-3 .hero-3-content p {
    font-size: 14px;
  }
  section.hero-5::after {
    top: -14%;
  }
  section.hero-3 .hero-social-icon {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .h-style1 a.btn-1 {
    padding: 12px 14px;
    font-size: 12px;
    top: 4px;
  }
  .h-style1 {
    height: 60px;
  }
  section.hero-1 .hero-content h1 {
    font-size: 40px;
    line-height: 55px;
  }
  section.hero-1 .hero-content::before {
    top: 12%;
    left: -23%;
  }
  section.hero-1 .hero-img {
    top: 5%;
  }
  section.hero-1 .hero-img::before {
    width: 35%;
    right: -20%;
    height: 157px;
    bottom: 0;
  }
  section.header.h-style1 .col-3 {
    text-align: center;
  }
  .nav-brand a {
    padding: 11px 0px 11px 0px;
  }
  section.hero-1 .hero-content {
    padding: 50px 0px 0px;
  }
  section.hero-1 .hero-img {
    margin-left: 0;
    width: 100%;
  }
  section.partner .partner-logo {
    margin: 15px 10px;
  }
  section.about-us .about-1 {
    right: 0;
  }
  section.about-us .about-1::before {
    top: -6%;
    left: 0;
    width: 100%;
    height: 501px;
  }
  section.about-us .about-content {
    padding-top: 70px;
  }
  section.about-us .about-content h1 {
    padding: 13px 0px;
  }
  section.about-us .about-1 img {
    max-width: 100%;
  }
  section.pricing .price-top h1 {
    font-size: 19px;
    line-height: 31px;
  }
  section.pricing .price-top h4 {
    font-size: 17px;
  }
  section.pricing nav .nav-tabs {
    max-width: 80px;
    margin-right: 50px;
    height: 40px;
  }
  section.pricing nav .nav-tabs .nav-link {
    border: none;
    max-width: 39px;
    width: 100%;
  }
  section.pricing nav {
    top: 22px;
  }
  section.pricing nav p:first-child {
    right: 27%;
    top: 19%;
    font-size: 15px;
  }
  section.pricing nav p:last-child {
    position: absolute;
    right: 0;
    top: 12%;
    font-size: 15px;
  }
  section.pricing .price-catagory a {
    left: 35%;
  }
  section.client-feedback h1 {
    padding-bottom: 30px;
  }
  section.client-feedback .single-feedback .sf-client .text {
    top: 5px;
    left: -25%;
  }
  section.client-feedback {
    padding: 50px 0px 50px;
  }
  section.recent-blog .blog-slide-1 .owl-nav [class*=owl-prev] {
    right: 8%;
  }
  section.footer-details .f-details {
    position: relative;
    margin: 14px auto;
  }
  footer p {
    font-size: 12px;
  }
  section.hero-2 .hero-content {
    margin-top: 10%;
  }
  section.hero-2 .hero-content h1 {
    font-size: 42px;
    line-height: 55px;
  }
  section.hero-2 .hero-content p {
    font-size: 26px;
    line-height: 37px;
    padding-bottom: 40px;
  }
  section.hero-2 .hero-img {
    margin-top: 15%;
  }
  section.hero-2 .hero-content .animation-6 {
    bottom: -23%;
  }
  section.hero-2 .hero-content .animation-4 {
    bottom: -13%;
    right: 39%;
  }
  section.hero-2 .hero-content .animation-1 {
    left: 6px;
  }
  section.hero-2 .hero-content .animation-1 {
    display: none;
  }
  section.hero-2 .hero-content .animation-3 {
    display: none;
  }
  section.hero-2 .hero-img::before {
    display: none;
  }
  section.hero-2::before {
    display: none;
  }
  .h-style2 .col-2 {
    padding: 0;
    padding-right: 10px;
  }
  section.service {
    padding: 0px;
  }
  section.about-us-2 .about-1 {
    right: 0;
    width: 100%;
    margin: 0;
  }
  section.about-us.about-us-2 {
    padding: 50px 0px 0px;
  }
  section.about-us.about-us-2.about-us-3 .about-content {
    padding: 0px 0px 50px;
  }
  section.recent-Work .fortfolio-slide-1 .owl-nav [class*=owl-prev] {
    right: 20%;
  }
  section.about-team .about-1 {
    right: 0;
  }
  .nh3-topber {
    display: none;
  }
  .h-style3 .main-menu-btn {
    margin: 10px;
  }
  .h-style3 .nh3-navber ul.sm-mint>li>a {
    color: #000;
    font-size: 14px;
  }
  section.about-us-5 .about-img img.abi2-bg {
    display: none;
  }
  section.about-us-5 .about-content {
    padding: 15px;
    padding-top: 100px;
  }
  section.about-us-5 .about-content::before {
    top: 21%;
  }
  section.mini-services {
    padding: 60px 0px;
  }
  section.mini-services {
    padding: 60px 0px;
  }
  section.mini-services .single-service {
    margin: 25px auto;
  }
  section.mini-services .service-content {
    padding-bottom: 50px;
  }
  .h-style3 .nh3-navber {
    border: none;
  }
  .h-style3 .nh3-navber nav .nav-brand {
    border: none;
  }
  .h-style3 .nh3-navber .nh3-nav-btn {
    border: none;
  }
  section.hero-3 .hero-3-content {
    padding: 130px 0px 90px;
  }
  .hero-3-content a.btn-2 {
    z-index: 0;
    max-width: 140px;
    font-size: 14px;
    padding: 9px 0px;
  }
  section.hero-3 .designer-slide {
    display: none;
  }
  section.hero-3::before {
    background: #2e4963;
    background-image: none;
  }
  .left-pad {
    padding-left: 0px !important;
  }
  section.fun-fact .single-fune-fact {
    text-align: center;
  }
  section.fun-fact .single-fune-fact h1.sff::before {
    right: 50%;
    left: unset;
  }
  section.fun-fact .single-fune-fact {
    padding: 0;
    padding-top: 100px;
  }
  section.fun-fact .single-fune-fact.single-ff-2 {
    padding-bottom: 100px;
  }
  section.about-us-6 .about-content {
    padding-bottom: 120px;
  }
  section.about-us-6 {
    padding: 100px 0px 60px;
  }
  section.about-us-6::before {
    left: 79%;
    bottom: 49%;
  }
  section.blog .single-blog .sb-text {
    top: 25%;
  }
  section.blog .single-blog .sb-text h1 {
    padding: 17px 0px;
  }
  section.blog .single-blog2 .sb-text {
    padding: 10px;
  }
  section.blog .single-blog2 .sb-text h3 {
    font-size: 17px;
    line-height: 21px;
    padding: 5px 0px;
  }
  section.blog .single-blog2 .sb-text h4 {
    line-height: 16px;
    font-size: 15px;
  }
  section.blog .single-blog2 .sb-text p {
    line-height: 16px;
    font-size: 13px;
  }
  section.client-feedback-2 {
    overflow: hidden;
  }
  section.about-us-6 .about-img::after {
    right: 0;
  }
  section.about-us-6::after {
    display: none;
  }
  section.about-us-6::before {
    display: none;
  }
  section.hero-3 .hero-social-icon {
    top: 35%;
  }
  section.hero-4 .hero4-slide .hero-content-wrapper .hero-3-content h1 {
    line-height: 31px;
    font-size: 28px;
  }
  section.hero-4 .hero4-slide .hero-content-wrapper .hero-3-content {
    position: relative;
    padding: 149px 0px;
    z-index: 1;
    padding-left: 0;
  }
  a.btn-3 {
    padding: 9px 0px;
  }
  section.hero-4 .hero4-slide .hero-content-wrapper .hero-3-content h3 {
    line-height: 42px;
    font-size: 20px;
  }
  section.service .single-service {
    padding: 15px;
    margin: 25px auto;
  }
  section.hero-4 .hero4-slide .hero-content-wrapper .hero-3-content a.btn-3 {
    margin-top: 50px;
    max-width: 140px;
  }
  section.fun-fact-2 {
    margin-top: 50px;
  }
  section.about-us-7 .about-content {
    padding: 50px 0px;
  }
  section.about-us-7 {
    padding-top: 90px;
  }
  section.about-us-8 .about-content {
    padding: 50px 0px 100px;
  }
  section.about-us-8 {
    padding: 30px 0px 50px;
  }
  section.hero-5::after {
    display: none;
  }
  section.hero-5 .hero-content {
    padding: 60px 0px 10px;
  }
  section.hero-5 .hero-content h1 {
    font-size: 42px;
    line-height: 51px;
  }
  section.about-us-9 .about-content {
    padding-top: 50px;
  }
  section.about-us-10 .about-1 {
    padding-top: 50px;
  }
  section.about-us-10 .about-1::before {
    top: 30px;
  }
  section.features-2 .features-img {
    width: 100%;
    margin-left: 0;
    margin-top: 0;
  }
  section.about-us-10 {
    padding: 20px 0px;
  }
  section.about-us-10 .about-1::before {
    width: 450px;
    height: 450px;
  }
  section.features-2 {
    margin-top: 50px;
  }
  section.pricing-2 .price-catagory-full {
    margin: 25px auto;
  }
  section.hero-6 .hero-6-content h1 {
    font-size: 31px;
    line-height: 41px;
  }
  a.btn-2 {
    padding: 9px 0px;
  }
  section.about-us-9.dark .about-1 {
    margin-left: 0;
    width: 100%;
  }
  section.about-us-10.dark {
    padding-bottom: 50px;
  }
  section.hero-7 .hero-img {
    text-align: center;
  }
  section.hero-7 {
    padding: 90px 0px 60px;
  }
  section.advance-fetaures .single-advance-fetaures .saf-icon .saf-ficon::after {
    left: -15px;
  }
  section.advance-fetaures .single-advance-fetaures {
    margin: 25px auto;
  }
  section.about-us-11 .about-img {
    width: 100%;
    margin: 0;
  }
  section.about-us-11 {
    padding-top: 50px;
    overflow: hidden;
  }
  section.hero-7 .hero-content {
    padding-top: 15%;
  }
  section.hero-7 {
    padding: 90px 0px;
  }
  section.about-us-11 .about-content p {
    padding: 10px 0px 30px;
  }
  section.about-us-11 .about-content {
    padding-top: 8%;
    padding-bottom: 8%;
  }
  section.about-us-12 .about-img .about-img-2 {
    left: 0;
    width: 100%;
  }
  section.mobile-ui {
    text-align: center;
    padding-top: 30px;
  }
  section.mobile-ui .mobile-ui-bg {
    height: 61%;
    top: 8%;
    left: 0;
    width: 100%;
  }
  section.mobile-ui .mobile-ui-img2 {
    width: 100%;
    margin-left: 0;
  }
  section.mobile-ui .mobile-ui-bg {
    height: 95%;
    top: 8%;
    left: 0;
  }
  section.mobile-ui .mobile-ui-content {
    padding-top: 10%;
  }
  section.mobile-screen-slide {
    padding-bottom: 0;
  }
  section.recent-blog2 {
    padding-bottom: 0px;
  }
  section.about-us-9.about-us-main .e-solution-details {
    padding-right: 0;
    padding-top: 38%;
  }
  section.team .team-content-wrapper .tc-text h3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
  }
  section.team .team-content-wrapper .tc-text p {
    font-size: 12px;
    line-height: 21px;
  }
  section.about-us-hero .au-hero-text {
    padding: 100px 0px 80px;
  }
  section.information {
    padding-top: 80px;
  }
  section.information .information-text2 {
    padding-top: 30px;
    padding-left: 0;
  }
  section.our-specialties .specialties-img {
    width: 100%;
    margin-left: 0;
  }
  section.our-specialties .our-specialties-details {
    padding-top: 12%;
  }
  section.our-specialties .our-special-margin {
    position: relative;
    margin-left: 0;
  }
  section.our-specialties .our-specialties-details h1 {
    line-height: 33px;
    font-size: 26px;
  }
  section.our-specialties .our-specialties-details h3 {
    font-size: 19px;
  }
  section.Our-Approach .about-content h1 {
    font-size: 30px !important;
    line-height: 38px;
  }
  section.Our-Approach .about-content h3 {
    font-size: 20px;
  }
  section.Our-Approach .about-content {
    margin-bottom: 80px;
  }
  section.Our-Approach .about-1::before {
    display: none;
  }
  section.information .information-text h1 {
    line-height: 37px;
    font-size: 28px;
  }
  section.information .information-text h3 {
    font-size: 18px;
  }
  section.blog-page .single-bloge-post h1 {
    font-size: 26px;
    margin-top: 0;
    line-height: 38px;
  }
  section.blog-page {
    padding-top: 50px;
  }
  section.about-niksta-1 .about-niksta-1-img {
    margin-left: 0;
    width: 100%;
  }
  section.about-niksta-1 {
    padding-top: 70px;
  }
  section.user-guide {
    width: 100%;
  }
  section.user-guide .card .card-header .accordion-toggle.collapsed {
    font-size: 15px;
  }
  section.user-guide {
    padding: 50px 0px;
  }
  section.pricing-2 .price-top h1 {
    font-size: 36px;
    line-height: 45px;
  }
  section.pricing-2 .price-top h4 {
    font-size: 23px;
    line-height: 38px;
  }
  section.analytics .chart {
    margin: 15px auto;
  }
  section.career .career-tag {
    margin-bottom: 50px;
  }
  section.career {
    position: relative;
    padding-top: 50px;
  }
  section.career .job-tittle select {
    margin-bottom: 20px;
  }
  section.case-studies .scs-text2 {
    width: 77%;
    top: 26%;
  }
  section.case-sd-content .csc-text {
    width: 100%;
    margin-top: -50px;
    padding: 20px 10px;
  }
  section.case-sd-content .csc-text h3 {
    line-height: 32px;
    font-size: 20px;
  }
  section.about-us-hero .au-hero-text p {
    font-size: 27px;
    line-height: 37px;
    padding: 0;
  }
  section.case-sd-content .csc-text p {
    font-family: "Circular Std Book";
  }
  section.contact-us .contact-details {
    padding-top: 0;
  }
  section.contact-us .single-contact .sc-text2 span {
    padding: 15px 0px;
  }
  section.comingsoon h1 {
    font-size: 53px;
  }
  section.comingsoon #clockdiv .time span {
    font-size: 36px;
  }
  section.comingsoon #clockdiv .time .smalltext {
    font-size: 20px;
  }
  section.comingsoon #clockdiv .time {
    width: 90px;
    height: 90px;
    padding: 13px 0px;
  }
  section.comingsoon #clockdiv .dot {
    font-size: 60px;
    padding: 25px 10px;
  }
  section.career-details .jod-information {
    padding: 0;
    border: none;
    padding-left: 0;
    margin-top: 50px;
    border-radius: 0;
  }
  section.career-details .jod-information h2 {
    margin-left: 0;
  }
  section.career-details .jod-information form .form-group {
    text-align: left;
  }
  section.career-details .jod-information form .form-group .f-uplode {
    margin-top: 40px;
  }
  section.career-details .need-niksta {
    margin-top: 60px;
  }
  section.about-us-hero .au-hero-text h1 {
    line-height: 60px;
  }
  section.sign-up .sign-up-content h1 {
    font-size: 40px;
    line-height: 54px;
  }
  section.sign-up .sign-up-content p {
    font-size: 18px;
    line-height: 28px;
  }
  section.sign-up .sign-up-content::before {
    top: -57%;
  }
  section.sign-up {
    padding-bottom: 50px;
    padding-top: 80px;
  }
  section.sign-up section.signup-details {
    padding-top: 50px;
  }
  section.portfolio .psFilter label {
    font-size: 13px;
    padding: 8px 11px;
  }
  section.portfolio .psFilter {
    display: inline-block;
  }
  section.portfolio {
    margin: 50px auto;
  }
  section.portfolio .aspect__inner h3 {
    left: 28%;
  }
  section.service-details-page .service-dp-text {
    padding-top: 0;
    padding-right: 0px;
  }
  section.service-details-page .service-dp-img {
    width: 100%;
    margin-left: 0;
    margin: 50px 0px;
  }
  section.work-process .tab-content .work-content {
    right: 0;
  }
  .h-style1 {
    height: 60px;
  }
  .h-style3 {
    height: 54px;
  }
}

@media only screen and (max-width: 615px) {
  section.hero-4 .hero4-slide .hero-content-wrapper .hero-3-content {
    padding-left: 50px;
  }
  section.about-us-8 .about-img::before {
    content: '';
    left: 33%;
    height: 70%;
    top: -3%;
  }
  section.about-us-7 .about-img::after {
    bottom: -2%;
    right: -2%;
  }
}

@media only screen and (max-width: 575px) {
  .h-style1 .sm-mint a,
  .h-style1 .h-style1 .sm-mint a:hover,
  .h-style1 .h-style1 .sm-mint a:focus,
  .h-style1 .h-style1 .sm-mint a:active,
  .h-style1 .h-style1 .sm-mint a.highlighted {
    padding: 15px;
  }
  section.hero-1 .hero-content .animation-1 {
    left: 6%;
  }
  section.hero-1 .hero-content .animation-6 {
    top: 29%;
    right: 14%;
  }
  section.hero-1 .hero-content .animation-5 {
    bottom: 18%;
    left: 70%;
  }
  section.hero-1 .hero-content .animation-4 {
    left: 70%;
    bottom: 18%;
  }
  section.hero-1 .hero-img::before {
    display: none;
  }
  .hero-btn a.btn-2 {
    max-width: 140px;
    font-size: 14px;
    padding: 10px 0px;
  }
  .hero-btn a.btn-3 {
    max-width: 140px;
    font-size: 14px;
    padding: 10px 0px;
  }
  section.about-us .about-content a.btn-2 {
    max-width: 140px;
    font-size: 14px;
    padding: 10px 0px;
  }
  section.pricing {
    margin: 80px 0px 50px;
  }
  section.features {
    padding: 0px 0px 60px;
  }
  section.client-feedback .single-feedback .sf-content {
    padding: 35px 22px;
  }
  section.hero-2 .h2-img-bg {
    display: none;
  }
  section.hero-2 .hero-content::before {
    left: 12%;
    top: -21%;
  }
  section.hero-2 .hero-content p {
    font-size: 22px;
    line-height: 28px;
  }
  .h-style1.h-style2 a.btn-1 {
    font-size: 10px;
    top: 4px;
  }
  section.recent-Work .fortfolio-slide-1 .owl-nav [class*=owl-next] {
    right: 5%;
  }
  section.recent-Work .fortfolio-slide-1 .owl-nav [class*=owl-prev] {
    right: 11%;
  }
  section.recent-Work-2 .fortfolio-slide-2 .rb-img {
    max-height: 400px;
  }
  section.hero-4 .hero-social-icon {
    top: 35%;
  }
  section.hero-4 .hero4-slide .owl-dots .owl-dot {
    height: 10px;
    width: 10px;
  }
  section.hero-4 .hero4-slide .owl-dots {
    top: 38%;
  }
  section.hero-4 .hero-social-icon li {
    padding: 6px;
    min-width: 25px;
    min-height: 25px;
  }
  section.hero-4 .hero-social-icon ul li a {
    font-size: 10px;
  }
  section.service-2 {
    margin-top: -50px;
  }
  section.hero-4 .hero4-slide .hero-content-wrapper .hero-3-content a.btn-3 {
    margin-top: 30px;
  }
  section.pricing-2 .price-top h1 {
    margin-bottom: 0;
  }
  section.hero-6 .hero-6-content {
    padding-top: 10px;
  }
  .owl-carousel .owl-item img {
    object-fit: contain;
    height: 100%;
  }
  section.team .team-content-wrapper {
    height: 370px;
    object-fit: cover;
  }
  section.about-us-9.about-us-main .about-content {
    padding-top: 18%;
  }
  section.about-us-hero .au-hero-text h1 {
    font-size: 35px;
    line-height: 48px;
  }
  section.user-guide .card .card-header .accordion-toggle.collapsed i.ug-icon {
    right: 10px;
  }
  section.analytics {
    margin: 50px auto;
  }
  section.analytics .yearly-analytice {
    padding: 10px;
    margin-top: 0px;
  }
  section.payment-page .single-profile .single-profile-text h1 {
    font-size: 29px;
  }
  section.about-us-hero .au-hero-text p {
    font-size: 22px;
    line-height: 33px;
  }
  section.comingsoon #clockdiv .time span {
    font-size: 25px;
  }
  section.comingsoon #clockdiv .time .smalltext {
    font-size: 15px;
    line-height: 15px;
  }
  section.comingsoon #clockdiv .time {
    width: 75px;
    height: 75px;
    padding: 8px 0px;
  }
  section.comingsoon #clockdiv .dot {
    font-size: 52px;
    padding: 18px 10px;
  }
  section.comingsoon h1 {
    font-size: 40px;
  }
  section.comingsoon p {
    font-size: 16px;
    line-height: 25px;
    margin: auto;
    padding: 25px 0px;
    max-width: 727px;
    color: #fff;
  }
  section.career-details {
    padding: 50px 0px;
  }
  section.sign-up .sign-up-content::before {
    display: none;
  }
  section.sign-up .sign-up-content {
    margin-top: 50px;
  }
  section.terms_condition {
    padding: 50px 0px;
  }
  section.portfolio-details .portfolio-d-text h2 {
    font-size: 22px;
    line-height: 31px;
  }
  section.portfolio-details {
    margin: 50px auto;
  }
}

@media only screen and (max-width: 512px) {
  section.about-us .about-1::before {
    top: -14%;
  }
  section.partner {
    padding: 25px 0px;
  }
  section.about-us .about-1::before {
    top: 6%;
    height: 330px;
  }
  section.about-us {
    padding: 20px 0px 60px;
  }
  section.pricing nav p:first-child {
    right: 29%;
  }
  section.hero-2 {
    padding: 80px 0px;
  }
  section.recent-Work .fortfolio-slide-1 .owl-nav [class*=owl-prev] {
    right: 13%;
  }
  section.fun-fact .single-fune-fact h1.sff {
    font-size: 40px;
  }
  section.client-feedback-2 .cf-top h1 {
    font-size: 25px;
  }
  section.client-feedback-2 .cf-top p {
    line-height: 25px;
    font-size: 15px;
  }
  section.client-feedback-2 .single-feedback .sf-content {
    padding: 35px 0px;
  }
  section.blog .single-blog2 .sb-text p {
    display: none;
  }
  section.blog .single-blog2 .sb-text h3 {
    font-size: 16px;
    line-height: 19px;
    padding: 10px 0px;
  }
  section.blog .single-blog2 .sb-text {
    padding-top: 50px;
  }
  section.hero-5 {
    overflow: hidden;
  }
  section.hero-6 .hero-6-content p {
    font-size: 16px;
    line-height: 25px;
    padding: 10px 0px;
  }
  section.hero-6 .hero-6-content h1 {
    font-size: 25px;
    line-height: 33px;
  }
  section.hero-7 .hero-content h1 {
    font-size: 42px;
    line-height: 54px;
  }
  section.hero-7 .hero-content {
    padding-top: 10%;
  }
  section.hero-7 .hero-content p {
    font-size: 19px;
    padding: 21px 0px;
    padding-right: 0;
    line-height: 30px;
  }
  section.about-us-hero.support-hero .search-box {
    width: 100%;
    margin-top: 26px;
  }
  section.user-guide .card .card-header .accordion-toggle.collapsed {
    font-size: 13px;
  }
  section.career h1 {
    font-size: 26px;
  }
}

@media only screen and (max-width: 492px) {
  .h-style1 a.btn-1 {
    padding: 12px 12px;
    font-size: 11px;
  }
  .h-style1 a.btn-1 {
    padding: 11px 11px;
    font-size: 10px;
  }
  section.hero-1 .hero-content h1 {
    font-size: 36px;
  }
  section.hero-1 .hero-content .animation-4 {
    left: 80%;
  }
  section.hero-1 .hero-content .animation-5 {
    left: 79%;
  }
  section.hero-1 .hero-content {
    padding: 0px;
  }
  section.hero-1 {
    padding: 20px 0px;
  }
  section.hero-1 .hero-content .animation-1 {
    z-index: -1;
  }
  section.hero-1 .hero-content .animation-2 {
    display: none;
  }
  section.hero-1 .hero-content .animation-3 {
    z-index: -1;
  }
  section.hero-1 .hero-content .animation-4 {
    z-index: -1;
  }
  section.hero-1 .hero-content .animation-5 {
    z-index: -1;
  }
  section.hero-1 .hero-content .animation-6 {
    z-index: -1;
  }
  section.hero-1 .hero-content .animation-7 {
    z-index: -1;
  }
  section.pricing nav p:first-child {
    right: 31%;
  }
  section.pricing nav p:first-child {
    right: 26%;
    top: 12%;
  }
  section.pricing nav .nav-tabs {
    max-width: 60px;
    margin-right: 50px;
    height: 30px;
  }
  section.pricing nav .nav-tabs .nav-link {
    max-width: 29px;
  }
  section.recent-blog {
    padding: 10px 0px;
  }
  section.subscrive h1 {
    font-size: 26px;
  }
  section.hero-2 .hero-content h1 {
    font-size: 34px;
    line-height: 40px;
  }
  section.hero-2 .hero-content p {
    font-size: 19px;
    line-height: 26px;
  }
  section.hero-4 .hero4-slide .hero-content-wrapper .hero-3-content {
    padding-left: 30px;
  }
  section.hero-5 .hero-content h1 {
    font-size: 36px;
    line-height: 45px;
  }
  section.about-us-9.dark .about-content h1 {
    font-size: 28px;
    line-height: 42px;
  }
  section.team .t-top h1 {
    font-size: 24px;
    line-height: 33px;
  }
  section.team .t-top h3 {
    font-size: 18px;
  }
  .team-slide-1.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 30px;
  }
  section.our-specialties .our-specialties-details h1 {
    line-height: 30px;
    font-size: 22px;
  }
  section.Our-Approach .about-content h1 {
    font-size: 26px !important;
    line-height: 32px;
    padding-top: 10px;
  }
  .error-img {
    position: relative;
    padding: 60px 20px;
  }
  section.payment-page .payment-method button {
    font-size: 10px;
    padding: 6px 18px;
  }
  section.case-studies .scs-text2 {
    width: 90%;
    left: 5%;
    top: 26%;
  }
  section.about-us-hero .au-hero-text p {
    font-size: 23px;
    line-height: 30px;
  }
  section.case-sd-content .csc-text {
    margin-top: 20px;
  }
  section.portfolio-details .portfolio-d-text {
    padding: 30px 10px;
  }
}

@media only screen and (max-width: 459px) {
  .h-style1 a.btn-1 {
    padding: 11px 11px;
    font-size: 10px;
  }
  section.hero-1 .hero-content h1 {
    font-size: 32px;
    line-height: 48px;
  }
  .hero-btn a.btn-2 {
    max-width: 130px;
    padding: 10px 0px;
  }
  .hero-btn a.btn-3 {
    max-width: 130px;
    padding: 10px 0px;
  }
  section.hero-1 .hero-content p {
    font-size: 17px;
    line-height: 23px;
    padding: 0;
    padding-top: 7px;
  }
  section.about-us .about-content h1 {
    padding: 8px 0px;
    font-size: 25px;
    line-height: 35px;
  }
  section.about-us .about-content h3 {
    font-size: 20px;
  }
  section.about-us .about-content p {
    font-size: 15px;
    line-height: 24px;
  }
  section.pricing nav p:first-child {
    right: 30%;
  }
  section.client-feedback .single-feedback .sf-client .text {
    left: -20%;
  }
  section.service h1 {
    font-size: 28px;
  }
  section.hero-3 .hero-3-content p {
    font-size: 15px;
  }
  section.blog .single-blog .sb-text h1 {
    font-size: 38px;
  }
  section.blog .single-blog2 .sb-text h3 {
    font-size: 15px;
    line-height: 19px;
    padding: 5px 0px;
  }
  section.blog .single-blog2 .sb-text h4 {
    font-size: 13px;
  }
  section.hero-4 .hero4-slide .owl-dots {
    display: none;
  }
  section.user-guide .card .card-header .accordion-toggle.collapsed i.ug-icon {
    top: 25%;
  }
  /* section.hero-4 .hero4-slide .hero-content-wrapper .hero-3-content h1 {
      line-height: 23px;
      font-size: 21px;
  } */
  section.about-us-hero .au-hero-text h1 {
    font-size: 35px;
  }
  section.about-us-hero .au-hero-text {
    padding: 70px 0px 54px;
  }
  section.about-us-hero.support-hero .au-hero-text h1 {
    font-size: 30px;
  }
  section.payment-page {
    padding: 50px 0px;
  }
  section.about-us-hero .au-hero-text nav .breadcrumb li {
    font-size: 14px;
  }
  section.about-us-hero .au-hero-text nav .breadcrumb li a {
    font-size: 14px;
  }
  section.sign-up .sign-up-content h1 {
    font-size: 34px;
    line-height: 47px;
  }
  section.portfolio-details .portfolio-d-text h2 {
    font-size: 18px;
    line-height: 26px;
  }
}

@media only screen and (max-width: 434px) {
  .h-style1 a.btn-1 {
    padding: 11px 9px;
    font-size: 9px;
  }
  .h-style1 .nav-brand a {
    padding: 10px 0px;
  }
  section.partner {
    position: relative;
    padding: 20px 0px;
  }
  section.pricing .price-catagory a {
    left: 30%;
  }
  section.footer-details {
    padding: 40px 0px;
  }
  .h-style1.h-style2 a.btn-1 {
    font-size: 9px;
  }
  section.about-us .about-content h1 {
    line-height: 33px;
  }
  section.about-us.about-us-2 p {
    font-size: 15px;
  }
  section.about-us-5 .about-content::before {
    top: 40%;
    left: 20%;
    width: 200px;
    height: 200px;
  }
  section.about-us-5 .about-content h1 {
    font-size: 28px;
  }
  section.blog .single-blog2 .sb-text h3 {
    font-size: 14px;
    line-height: 17px;
  }
  section.blog .single-blog2 .sb-text a {
    padding-top: 2px;
    font-size: 12px;
  }
  section.hero-4 .hero4-slide .hero-content-wrapper .hero-3-content h3 {
    line-height: 34px;
    font-size: 16px;
  }
  section.hero-4 .hero4-slide .hero-content-wrapper .hero-3-content h1 {
    line-height: 27px;
    font-size: 23px;
  }
  section.hero-4 .hero4-slide .hero-content-wrapper .hero-3-content a.btn-3 {
    margin-top: 25px;
  }
  section.about-us-7 .about-img::before {
    display: none;
  }
  section.about-us-7 .about-img {
    width: 100%;
    left: 0;
  }
  section.about-us-7 {
    padding-top: 50px;
  }
  section.about-us-7 .about-content {
    padding: 50px 0px;
    width: 100%;
    left: 0;
  }
  section.about-us-7 .about-content h3 {
    font-size: 21px;
    line-height: 37px;
  }
  section.about-us-7 .about-content h1 {
    font-size: 33px;
    line-height: 40px;
  }
  section.about-us-9.dark .about-content h1 {
    font-size: 25px;
    line-height: 36px;
  }
  section.hero-7 .hero-content h1 {
    font-size: 34px;
    line-height: 46px;
  }
  section.hero-7 .hero-content p {
    font-size: 17px;
    padding: 17px 0px;
    line-height: 27px;
  }
  section.about-us-9.about-us-main .about-content h1 {
    font-size: 30px;
  }
  section.about-us-9.about-us-main .about-counter .ab-counter h1 {
    font-size: 30px;
  }
  section.about-us-9.about-us-main .about-counter .ab-counter p {
    color: #fff;
    line-height: 24px;
    font-size: 16px;
  }
  section.about-us-9.about-us-main .about-counter .ab-counter {
    width: 150px;
    padding: 20px;
    height: 129px;
  }
  section.about-us-9.about-us-main .e-solution-details p {
    padding: 10px 0px;
    line-height: 26px;
    font-size: 16px;
  }
  section.blog-page .single-bloge-post h1 {
    font-size: 20px;
    margin-top: 0;
    line-height: 30px;
  }
  section.payment-page .single-profile .single-profile-text {
    padding-top: 0;
    padding-left: 5%;
  }
  section.about-us-hero .au-hero-text p {
    font-size: 19px;
  }
  section.payment-page h2 {
    font-size: 29px;
  }
  section.contact-us .contact-details h2 {
    font-size: 29px;
  }
  section.comingsoon #clockdiv .time {
    width: 55px;
    height: 65px;
    padding: 4px 0px;
    border-radius: 10px;
  }
  section.comingsoon #clockdiv .time span {
    font-size: 20px;
  }
  section.comingsoon #clockdiv .time .smalltext {
    font-size: 12px;
    line-height: 10px;
  }
  section.comingsoon #clockdiv .dot {
    font-size: 35px;
    padding: 14px 10px;
  }
  section.portfolio .aspect__inner h3 {
    font-size: 17px;
  }
  section.service-details-page .service-dp-text h1 {
    font-size: 20px;
    line-height: 30px;
  }
}

@media only screen and (max-width: 402px) {
  .h-style1 a.btn-1 {
    padding: 10px 8px;
    font-size: 8px;
  }
  section.hero-1 .hero-content .animation-5 {
    display: none;
  }
  section.hero-1 .hero-content .animation-4 {
    display: none;
  }
  section.pricing nav p:first-child {
    right: 33%;
  }
  section.client-feedback .single-feedback .sf-client .text {
    left: -15%;
  }
  section.recent-blog .blog-slide-1 .owl-nav [class*=owl-prev] {
    right: 11%;
  }
  section.recent-blog h1 {
    font-size: 20px;
    line-height: 20px;
  }
  section.recent-blog h3 {
    font-size: 18px;
  }
  section.recent-blog {
    padding: 10px 0px;
  }
  section.hero-2 .hero-content h1 {
    font-size: 31px;
    line-height: 40px;
  }
  section.hero-2 .hero-content p {
    font-size: 16px;
    line-height: 23px;
  }
  section.about-team .about-content h1 {
    padding: 0px;
    font-size: 25px;
  }
  section.about-team .about-content h3 {
    font-size: 17px;
    line-height: 20px;
  }
  section.about-team .about-content {
    padding-top: 0;
    padding: 50px 0px;
  }
  section.about-team .about-content p {
    padding-bottom: 15px;
  }
  section.hero-3 .hero-3-content h1 {
    font-size: 23px;
  }
  section.hero-3 .hero-3-content p {
    font-size: 14px;
  }
  section.hero-3 .hero-3-content {
    padding: 130px 10px;
  }
  section.hero-3 .hero-3-content {
    padding: 100px 0px;
  }
  section.blog .single-blog2 .sb-text {
    padding-top: 15px;
  }
  section.blog .single-blog2 .sb-text h3 {
    font-size: 12px;
    line-height: 15px;
  }
  .hero-3-content a.btn-2 {
    max-width: 103px;
    font-size: 10px;
    padding: 3px 0px;
  }
  section.hero-4 .hero4-slide .hero-content-wrapper .hero-3-content a.btn-3 {
    max-width: 103px;
    font-size: 10px;
    padding: 3px 0px;
    margin-left: 10px;
  }
  section.hero-4 .hero4-slide .hero-content-wrapper .hero-3-content {
    padding: 110px 0px;
    padding-left: 30px;
  }
  section.hero-6 .hero-6-content h1 {
    font-size: 20px;
  }
  section.hero-6 .hero-6-content p {
    font-size: 14px;
    line-height: 22px;
  }
  section.about-us-9.dark .about-content h1 {
    font-size: 19px;
    line-height: 31px;
  }
  section.about-us-9.dark .about-content p {
    font-size: 14px;
    line-height: 23px;
    padding: 10px 0px 30px;
  }
  section.about-niksta-1 {
    padding-top: 50px;
  }
  .error-content h1 {
    font-size: 38px;
    line-height: 38px;
  }
  section.payment-page .payment-method {
    padding: 50px 15px;
  }
  section.payment-page h1 {
    font-size: 27px;
  }
  section.payment-page .single-profile .single-profile-text h1 {
    font-size: 21px;
    line-height: 31px;
  }
  section.case-studies .scs-text2 h2 {
    font-size: 15px;
    line-height: 20px;
  }
  section.case-studies-details .csd-text {
    width: 150px;
    padding: 11px;
  }
  section.payment-page h2 {
    font-size: 29px;
  }
  section.google-map .map {
    height: 350px;
  }
  section.comingsoon h1 {
    font-size: 30px;
  }
  section.comingsoon p {
    font-size: 14px;
    line-height: 22px;
    margin: auto;
    padding: 18px 0px;
    max-width: 567px;
    padding-bottom: 40px;
    color: #fff;
  }
  section.career-details .career-d-p p {
    font-size: 16px;
  }
  section.career-details .career-d-resposibilities h1 {
    font-size: 27px;
  }
  section.sign-up .sign-up-content h1 {
    font-size: 30px;
    line-height: 41px;
  }
  section.sign-up .sign-up-content p {
    font-size: 16px;
    line-height: 26px;
    margin-top: 10px;
  }
}

@media only screen and (max-width: 388px) {
  .h-style1 .nav-brand a {
    max-width: 145px;
  }
  .h-style1 .col-3.col-md-2 {
    padding: 0;
  }
  section.hero-1 .hero-content p {
    font-size: 15px;
    line-height: 20px;
  }
  section.hero-1 .hero-content h1 {
    font-size: 25px;
    line-height: 38px;
  }
  section.hero-1 .hero-content .animation-6 {
    top: 23%;
  }
  section.partner .partner-logo {
    margin: 8px 10px;
  }
  section.about-us .about-1::before {
    top: -8%;
    height: 330px;
  }
  section.pricing .price-top h4 {
    font-size: 14px;
  }
  .price-catagory a.btn-2 {
    max-width: 136px;
    font-size: 15px;
    padding: 10px 0px;
    bottom: -7%;
  }
  section.recent-Work .fortfolio-slide-1 .owl-nav [class*=owl-prev] {
    right: 15%;
  }
  section.recent-Work .fortfolio-slide-1 .owl-nav [class*=owl-prev] {
    top: -7%;
  }
  section.recent-Work .fortfolio-slide-1 .owl-nav [class*=owl-next] {
    top: -7%;
  }
  section.about-us .about-content h1 {
    line-height: 28px;
  }
  section.blog .single-blog .sb-text h1 {
    font-size: 32px;
    line-height: 36px;
    padding: 10px 0px;
  }
  section.blog .single-blog .sb-text h2 {
    font-size: 23px;
    line-height: 40px;
  }
  section.blog .single-blog .sb-text a {
    font-size: 17px;
  }
  section.blog .single-blog .sb-text a .flaticon-arrow-pointing-to-right {
    right: 41%;
    font-size: 25px;
  }
  section.recent-blog2 .rb2-text h2 {
    font-size: 14px;
    padding: 5px 0px;
    line-height: 22px;
  }
  section.recent-blog2 .rb2-text a {
    font-size: 12px;
  }
  section.hero-5 .hero-content h1 {
    font-size: 30px;
    line-height: 40px;
  }
  section.about-us-9.about-us-main .e-solution-details .esd-all ul li {
    padding: 7px 0px;
  }
  section.about-us-9.about-us-main .e-solution-details .esd-all ul li a {
    font-size: 12px;
  }
  section.case-studies.padding-to-minas h1 {
    font-size: 25px;
  }
}

@media only screen and (max-width: 375px) {
  section.about-us .about-content h1 {
    padding: 5px 0px;
    font-size: 21px;
    line-height: 33px;
  }
  section.features .single-features .sf-content p {
    font-size: 15px;
    line-height: 24px;
    padding-bottom: 10px;
  }
  section.features .single-features .sf-content h3 {
    font-size: 20px;
    line-height: 25px;
    padding: 10px 0px;
  }
  section.pricing .price-top h1 {
    font-size: 15px;
  }
  section.pricing nav p:first-child {
    right: 37%;
    font-size: 12px;
  }
  section.pricing nav p:last-child {
    font-size: 12px;
  }
  section.pricing nav .nav-tabs {
    margin-right: 42px;
  }
  .h-style1.h-style2 a.btn-1 {
    font-size: 8px;
    border-radius: 3px;
  }
  section.hero-2 .hero-content h1 {
    font-size: 26px;
    line-height: 34px;
  }
  section.recent-blog2 .rb2-text h2 {
    font-size: 13px;
  }
  section.recent-blog2 .rb2-text p {
    font-size: 12px;
    line-height: 20px;
  }
  section.pricing-2 .price-top h1 {
    font-size: 30px;
  }
  section.pricing-2 .price-top h4 {
    font-size: 21px;
  }
  section.comingsoon .f-details ul.social li {
    width: 40px;
    height: 40px;
  }
  section.comingsoon .f-details ul.social li a i {
    font-size: 16px;
    padding: 11px;
  }
}

@media only screen and (max-width: 365px) {
  section.client-feedback .single-feedback .sf-client .text h3 {
    font-size: 19px;
    line-height: 15px;
  }
  section.client-feedback .single-feedback .sf-client .text {
    top: 14px;
  }
  section.subscrive h1 {
    font-size: 22px;
  }
  footer p {
    font-size: 10px;
  }
  .h-style1 a.btn-1 {
    padding: 8px 6px;
  }
  section.about-team {
    padding: 0px;
  }
  section.client-feedback-2 .cf-top h1 {
    font-size: 21px;
  }
  section.client-feedback-2 .cf-top p {
    line-height: 20px;
    font-size: 14px;
  }
  section.blog .single-blog .sb-text {
    top: 14%;
  }
  section.blog .single-blog2 .sb-text h3 {
    font-size: 11px;
  }
  section.hero-4 .hero4-slide .hero-content-wrapper .hero-3-content h1 {
    line-height: 23px;
    font-size: 18px;
  }
  section.hero-4 .hero4-slide .hero-content-wrapper .hero-3-content h3 {
    line-height: 22px;
    font-size: 13px;
  }
  section.about-us-7 .about-content a.btn-2 {
    max-width: 110px;
    font-size: 12px;
    padding: 8px 0px;
  }
  section.about-us-7 .about-content a.btn-3 {
    max-width: 110px;
    font-size: 12px;
    padding: 8px 0px;
  }
  section.about-us-7 .about-content h1 {
    font-size: 29px;
    line-height: 32px;
  }
  section.fun-fact-2 {
    margin-top: 20px;
  }
  section.about-us-7 {
    padding-top: 10px;
  }
  section.recent-blog2 .rb2-text h2 {
    font-size: 12px;
    line-height: 18px;
  }
  section.recent-blog2 .rb2-text h4 {
    font-size: 10px;
    line-height: 14px;
  }
  section.hero-5 .hero-content h1 {
    font-size: 27px;
    line-height: 35px;
  }
  section.about-us-9 .about-content h1 {
    font-size: 28px;
    line-height: 35px;
  }
  section.hero-6 .hero-6-content p {
    font-size: 12px;
    line-height: 22px;
  }
  section.hero-7 .hero-content h1 {
    font-size: 28px;
    line-height: 42px;
  }
  section.hero-7 .hero-content p {
    font-size: 14px;
    line-height: 24px;
  }
  section.about-us-9.about-us-main .e-solution-details h1 {
    font-size: 30px;
    line-height: 48px;
  }
  section.about-us-9.about-us-main .e-solution-details h3 {
    font-size: 19px;
    line-height: 24px;
  }
  section.our-specialties .our-specialties-details h1 {
    line-height: 25px;
    font-size: 20px;
  }
  section.our-specialties .our-specialties-details h3 {
    font-size: 16px;
  }
  section.information .information-text p {
    font-size: 14px;
  }
  section.client-feedback-2 .cf-top {
    padding: 0px 5px;
    padding-bottom: 30px;
  }
  section.about-us-hero .au-hero-text h1 {
    font-size: 28px;
  }
  section.about-us-hero.support-hero .au-hero-text h1 {
    font-size: 25px;
  }
  section.payment-page .payment-method button {
    font-size: 10px;
    padding: 3px 8px;
  }
  section.case-studies .scs-text2 {
    top: 9%;
    left: 10%;
  }
  section.case-studies-details .csd-text p {
    line-height: 24px;
  }
  section.case-sd-content .csc-text .blog-share-icon ul.social li {
    margin-bottom: 8px;
  }
  section.case-sd-content .csc-text .blog-share-icon p {
    font-size: 13px;
  }
  section.contact-us .single-contact .sc-text2 span {
    padding: 0px;
  }
  section.comingsoon #clockdiv .time {
    width: 49px;
    height: 58px;
    padding: 4px 0px;
    border-radius: 10px;
  }
  section.comingsoon {
    padding: 100px 0px;
  }
  section.sign-up .sign-up-content h1 {
    font-size: 26px;
    line-height: 35px;
  }
  section.terms_condition .tab-content .active h3 {
    font-size: 20px;
  }
}


/* 
--------------------------
- Custom Typography
--------------------------
*/


/* Your Custom Typography. */


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