/*

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

@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,700;1,900&display=swap");

*/

@import url(../fonts/iconsmind/iconsmind.css);

@font-face {
  font-family: yekan;

  font-style: normal;

  font-weight: normal;

  src: url("../fonts/Yekan.eot");

  src: url("../fonts/Yekan.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Yekan.woff") format("woff"),
    url("../fonts/Yekan.woff2") format("woff2"),
    url("../fonts/Yekan.ttf") format("truetype");

  font-weight: normal;

  font-style: normal;
}

.moap_title {
  width: 99%;

  text-align: center;

  justify-content: center;

  padding: 2px;

  background: #fde314;
}

.moapsa_stp_active {
  border-bottom: solid #fbe013;
}

.moapsa_icon_active {
  color: #fde214;
}

.moapsa_icon {
  font-size: 28px;
}

.moap_steps_a {
  text-align: center;

  background: radial-gradient(
    circle,
    rgb(61, 122, 163) 17%,
    rgb(38, 38, 38) 100%
  );

  width: 99%;

  padding: 5px;

  color: #fff;
}

.moaia_item_head {
  background: #3d7aa3;

  width: 99%;

  padding: 5px;

  color: #fff;
}

.moaia_item {
  width: 99%;

  padding: 5px;

  background: #f4f4f4;

  margin-bottom: 5px;
}

.moa_a {
  background: #f0f0f0;

  width: 99%;

  padding: 10px;

  margin-top: 2px;

  box-shadow: 0 0 6px -14px #ccc;
}

.myorders_a {
  margin-top: 10px;
}

.moa_address {
  background: #f4f4f4;

  width: 99%;

  border-radius: 0px;

  color: #0d0d0d;

  margin-top: 5px;

  padding: 5px;
}

.moa_more_icon {
  font-size: 25px;

  color: #33546a;

  margin-left: 5px;
}

.moa_more_icon,
.moa_more_txt {
  display: flex;

  justify-content: center;

  align-items: center;

  cursor: pointer;
}

.moa_col {
  display: flex;

  justify-content: center;

  align-items: center;
}

.moa_ocode,
.moa_price,
.moa_odate,
.moa_items {
  display: flex;
}

.moa_title {
  margin-left: 5px;

  font-weight: bold;

  color: #314f63;
}

.progress {
  list-style: none;

  margin: 0;

  padding: 0;

  display: table;

  table-layout: fixed;

  width: 100%;

  color: #849397;

  background-color: #fff;
}

.progress > li {
  position: relative;

  display: table-cell;

  text-align: center;

  font-size: 0.8em;
}

.ts_ttl {
  text-align: center;

  padding: 10px;

  color: #fff;

  border-bottom: solid;

  font-size: 20px;
}

.ot_disp_line {
  display: grid;
}

.progress > li:before {
  content: attr(data-step);

  content: "\2713";

  display: block;

  margin: 0 auto;

  margin-bottom: 0px;

  background: #dfe3e4;

  width: 50px;

  height: 50px;

  text-align: center;

  margin-bottom: 0.25em;

  line-height: 53px;

  border-radius: 50%;

  position: relative;

  z-index: 1;

  font-size: 20px;

  font-weight: bold;
}

input:disabled {
  background-color: #ccc;
}

.personal_a {
  margin-bottom: 30px;
}

.progress > li:after {
  content: "";

  position: absolute;

  display: block;

  background: #dfe3e4;

  width: 100%;

  height: 15px;

  top: 18px;

  margin-left: 1.5em\9;

  z-index: 0;

  right: 50%;
}

.progress > li:last-child:after {
  display: none;
}

.progress > li.is-complete {
  color: #313b3f;
}

.progress > li.is-complete:before,
.progress > li.is-complete:after {
  color: #fff;

  background: #313b3f;
}

.progress > li.is-active {
  color: #3498db;
}

.progress > li.is-active:before {
  color: #555;

  background: #ffd700;

  font-weight: bold;
}

.progress__last:after {
  display: none !important;
}

.agreement {
  margin: 3%;

  background: #f5f5f5;

  padding: 40px;

  border-radius: 13px;

  padding-right: 50px;

  padding-left: 50px;

  overflow-y: scroll;

  height: 400px;

  font-family: yekan !important;
}

.important {
  font-weight: bold;

  color: red;
}

.list_view {
  list-style-type: persian;

  line-height: 46px;
}

.agrmnt_acc {
  display: flex;

  width: 150px;

  z-index: 3;
}

.custom-checkbox > img {
  background: #ffd700;

  width: 40px;

  height: max-content;

  border-radius: 13px;
}

.custom-checkbox {
}

.agrmnt_acc > span {
  line-height: 38px;

  margin-right: 10px;
}

@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
  }

  100% {
    -webkit-transform: scale(1);

    opacity: 0;
  }
}

.stp1_act {
  display: flex;

  margin: 3%;
}

.agrmnt_btn {
  width: max-content;

  margin: auto;

  margin-left: 0px;

  z-index: 6;
}

Button:disabled {
  opacity: 0.3;

  cursor: no-drop;
}

.rg_st1 {
}

body {
  font-size: 16px;

  line-height: 1.8;

  font-family: yekan;

  color: #6c6c6c;

  overflow-x: hidden;

  top: 0 !important;
  z-index: 0;
}

p {
  color: #6c6c6c;
}

a {
  display: inline-block;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

  text-decoration: none;
}

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

button {
  margin: 0;

  padding: 0;

  outline: 0;
}

button:focus {
  outline: 0;

  border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;

  font-family: yekan;

  line-height: 1.4;

  color: #1a1b1e;
}

h3 {
  font-size: 20px;
}

.d-table {
  width: 100%;

  height: 100%;
}

.d-table-cell {
  display: table-cell;

  vertical-align: middle;
}

img {
  max-width: 100%;
}

.ptb-100 {
  padding-top: 100px;

  padding-bottom: 100px;
}

.pt-100 {
  padding-top: 100px;
}

.ptb-70 {
  padding-top: 70px;

  padding-bottom: 70px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-70 {
  padding-bottom: 22px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-45 {
  padding-top: 45px;
}

.border-radius {
  border-radius: 5px !important;
}

.margin-auto {
  margin-left: auto;

  margin-right: auto;
}

.color-title {
  color: #1a1b1e !important;
}

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

Default Btn Style 

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

.default-btn,
.btn_blue {
  padding: 12px 65px 12px 27px;

  color: #ffffff;

  text-align: center;

  position: relative;

  overflow: hidden;

  z-index: 1;

  text-transform: capitalize;

  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#313b3f),
    to(#7e2710)
  );

  background-image: linear-gradient(to right, #313b3f, #7e2710);

  border-radius: 50px;

  border: none;

  outline: none;
}

.default-btn i {
  width: 40px;

  height: 40px;

  line-height: 40px;

  font-size: 20px;

  color: #ff3900;

  display: inline-block;

  background-color: #ffffff;

  border-radius: 50px;

  text-align: center;

  position: absolute;

  top: 5.5px;

  right: 10px;

  -webkit-transition: 0.7s;

  transition: 0.7s;
}

.default-btn::before {
  content: "";

  position: absolute;

  top: 0;

  width: 0;

  height: 100%;

  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#0049b1),
    to(#1e71e6)
  );

  background-image: linear-gradient(to right, #0049b1, #1e71e6);

  left: 0;

  right: 0;

  opacity: 0;

  z-index: -1;

  -webkit-transition: 0.7s;

  transition: 0.7s;
}

.default-btn:hover::before {
  width: 100%;

  opacity: 1;
}

.default-btn:hover i {
  background-color: transparent;

  color: #ffffff;

  border: 1px dashed #ffffff;
}

.default-btn:hover {
  color: #ffffff;
}

.default-btn-two {
  padding: 12px 27px;

  color: #ffffff;

  text-align: center;

  position: relative;

  overflow: hidden;

  z-index: 1;

  text-transform: capitalize;

  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ff2500),
    to(#ff7100)
  );

  background-image: linear-gradient(to right, #ff2500, #ff7100);

  border-radius: 10px;
}

.default-btn-two i {
  position: relative;

  top: 3px;
}

.default-btn-two::before {
  content: "";

  position: absolute;

  top: 0;

  width: 0;

  height: 100%;

  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#0049b1),
    to(#1e71e6)
  );

  background-image: linear-gradient(to right, #0049b1, #1e71e6);

  left: 0;

  right: 0;

  opacity: 0;

  z-index: -1;

  -webkit-transition: 0.7s;

  transition: 0.7s;
}

.default-btn-two:hover::before {
  width: 100%;

  opacity: 1;
}

.default-btn-two:hover {
  color: #ffffff;
}

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

Default Btn Style End

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

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

Section Title Style 

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

.section-title span {
  line-height: 0;

  text-transform: capitalize;

  padding-bottom: 5px;

  font-weight: 600;

  color: #f2c602;
}

.section-title h2 {
  font-size: 33px;

  font-weight: bold;

  margin-top: 33px;

  line-height: 1.4;
}

.section-title h2 b {
  font-weight: 300;
}

.section-title p {
  padding-top: 10px;

  margin-bottom: 0;
}

.sp-before {
  position: relative;

  margin-left: 45px;
}

.sp-before::before {
  content: "";

  position: absolute;

  bottom: 10px;

  left: -45px;

  width: 45px;

  height: 1px;

  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ff2500),
    to(#ff7100)
  );

  background-image: linear-gradient(to right, #f0c403, #755f00);
}

.sp-after {
  position: relative;

  margin-right: 45px;
}

.sp-after::after {
  content: "";

  position: absolute;

  bottom: 10px;

  right: -45px;

  width: 45px;

  height: 1px;

  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ff2500),
    to(#ff7100)
  );

  background-image: linear-gradient(to right, #7b6400, #f0c402);
}

.h2-color {
  color: #313b3f;
}

.h2-color2 {
  color: #313b3f;
}

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

Section Title Style End

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

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

Navbar Area

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

.navbar-area {
  background-color: transparent;

  -webkit-transition: 0.3s;

  transition: 0.3s;

  position: relative;

  padding-top: 0;

  padding-bottom: 0;

  padding-right: 0;

  padding-left: 0;
}

.navbar-light {
  padding: 0;

  padding-left: 0;

  padding-right: 0;

  background-color: transparent;
}

.navbar-light .navbar-brand img {
  float: left;

  padding: 10px 0;
}

.navbar-light .navbar-brand-sticky {
  display: none;
}

/* Main nav */

.navbar-light .navbar-brand .logo-two {
  display: none;
}

.main-nav {
  position: absolute;

  background-color: #313b3f;

  top: 0;

  left: 0;

  padding: 0;

  width: 100%;

  z-index: 999;

  height: auto;
}

.main-nav nav .navbar-nav .nav-item:hover a,
.main-nav nav .navbar-nav .nav-item .active {
  color: #ff3900 !important;
}

.main-nav nav .navbar-nav .nav-item a {
  text-transform: capitalize;

  color: #1a1b1e;

  margin-left: 12px;

  margin-right: 12px;
}

.main-nav nav .navbar-nav .nav-item a i {
  line-height: 0;

  position: relative;

  top: 3px;

  font-size: 18px;
}

.main-nav nav .navbar-nav .nav-item a:hover,
.main-nav nav .navbar-nav .nav-item a :focus {
  color: #ff3900 !important;
}

.main-nav nav .navbar-nav .nav-item a.active {
  color: #ff3900 !important;
}

.main-nav nav .navbar-nav .nav-item a .active::before {
  -webkit-transform: scale(1);

  transform: scale(1);
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu {
  border: none;

  border-top: 3px solid #f2c502;

  padding: 0;

  border-radius: 0;

  background-color: #ffffff !important;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li {
  border-bottom: 1px solid #ffffff;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li:last-child {
  border-bottom: none;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a {
  text-transform: capitalize;

  color: #1a1b1e !important;

  position: relative;

  -webkit-transition: 0.7s;

  transition: 0.7s;

  font-weight: 600;

  padding: 10px;

  border-bottom: 1px dashed #ebebeb;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active {
  border-radius: 0.25rem;

  color: #ff3900 !important;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover,
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a :focus,
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a .active {
  color: #ff3900 !important;

  margin-left: 5px;

  border-radius: 0.25rem;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li.active {
  color: #ff3900 !important;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
  left: 100%;

  margin-top: 18px !important;

  position: absolute;
}

.main-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu {
  left: 100%;
}

.main-nav nav .side-nav {
  padding: 0;
}

.main-nav nav .side-nav .side-item {
  padding-left: 15px;

  position: relative;

  display: inline-block;
}

.main-nav nav .side-nav .side-item .search-box {
  position: relative;

  top: -12px;
}

.main-nav nav .side-nav .side-item .search-box i {
  cursor: pointer;

  font-size: 19px;

  color: #313b3f;

  position: relative;

  display: inline-block;

  top: -2px;

  line-height: 33px;

  border-radius: 50px;

  width: 35px;

  height: 35px;

  background-color: #fff;

  text-align: center;

  transition: 400ms;
}

.main-nav nav .side-nav .side-item .search-box:hover i {
  background-color: #1a1b1e;

  color: #ffffff;
}

.main-nav nav .side-nav .side-item .user-btn {
  position: relative;

  top: -12px;
}

.main-nav nav .side-nav .side-item .user-btn i {
  cursor: pointer;

  font-size: 18px;

  color: #313b3f;

  position: relative;

  display: inline-block;

  top: -2px;

  line-height: 35px;

  border-radius: 50px;

  width: 35px;

  height: 35px;

  background-color: #fff;

  text-align: center;

  -webkit-transition: 0.7s;

  transition: 0.7s;

  padding-left: 4px;
}

.main-nav nav .side-nav .side-item .user-btn:hover i {
  background-color: #ffa039;

  color: #fff;
}

.main-nav nav .side-nav .side-item .nav-menu-btn {
  padding: 10px 27px;

  color: #fff;

  text-align: center;

  position: relative;

  overflow: hidden;

  z-index: 1;

  text-transform: capitalize;

  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e7dbbc),
    to(#efc203)
  );

  background-image: linear-gradient(to right, #ffa236, #fe8439);

  border-radius: 50px;

  -webkit-transition: 0.7s;

  transition: 0.7s;
}

.main-nav nav .side-nav .side-item .nav-menu-btn:hover {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#aa6f2b),
    to(#e44c24)
  );

  background-image: linear-gradient(to right, #aa6f2b, #e44c24);

  color: #fff;
}

.main-nav nav .side-nav .side-item .search-box-2 {
  border-color: #f5f5f5;

  display: inline-block;

  position: relative;

  top: -16px;

  width: 300px;
}

.main-nav nav .side-nav .side-item .search-box-2 .form-control {
  height: 50px;

  width: 300px;

  border-radius: 5px;
}

.main-nav nav .side-nav .side-item .search-box-2 .form-control:focus {
  -webkit-box-shadow: none !important;

  box-shadow: none !important;

  border: 1px solid #6c6c6c;
}

.main-nav nav .side-nav .side-item .search-box-2 .search-btn {
  -webkit-box-shadow: none;

  box-shadow: none;

  border: none;

  outline: none;

  position: absolute;

  top: 5px;

  right: 5px;

  height: 40px;

  width: 45px;

  line-height: 42px;

  background-color: #ff3900;

  border-radius: 10px;

  color: #ffffff;

  text-align: center;

  -webkit-transition: 0.7s;

  transition: 0.7s;

  font-size: 20px;
}

.main-nav nav .side-nav .side-item .search-box-2 .search-btn:hover {
  background-color: #2966be;
}

.nav-bar-two nav .navbar-nav .nav-item:hover a,
.nav-bar-two nav .navbar-nav .nav-item .active {
  color: #ffffff !important;
}

.nav-bar-two nav .navbar-nav .nav-item a {
  color: #fff;

  position: relative;
}

.nav-bar-two nav .navbar-nav .nav-item a:hover,
.nav-bar-two nav .navbar-nav .nav-item a :focus {
  color: #fbd001 !important;
}

.nav-bar-two nav .navbar-nav .nav-item a:hover::before,
.nav-bar-two nav .navbar-nav .nav-item a :focus::before {
  opacity: 1;

  width: 100%;
}

.nav-bar-two nav .navbar-nav .nav-item a.active {
  color: #eec415 !important;
}

.nav-bar-two nav .navbar-nav .nav-item a.active::before {
  opacity: 1;

  width: 100%;
}

.nav-bar-two nav .navbar-nav .nav-item a::before {
  content: "";

  position: absolute;

  bottom: -3px;

  left: 0;

  right: 0;

  height: 3px;

  width: 0;

  background-color: #fbd001;

  opacity: 0;

  -webkit-transition: 0.7s;

  transition: 0.7s;
}

.nav-bar-two nav .navbar-nav .nav-item .dropdown-menu li {
  border-bottom: 1px solid #ffffff;
}

.nav-bar-two nav .navbar-nav .nav-item .dropdown-menu li:last-child {
  border-bottom: none;
}

.nav-bar-two nav .navbar-nav .nav-item .dropdown-menu li a.active::before {
  display: none;
}

.nav-bar-two nav .navbar-nav .nav-item .dropdown-menu li a:hover::before,
.nav-bar-two nav .navbar-nav .nav-item .dropdown-menu li a :focus::before,
.nav-bar-two nav .navbar-nav .nav-item .dropdown-menu li a .active::before {
  display: none;
}

.nav-bar-two nav .navbar-nav .nav-item .dropdown-menu li.active::before {
  display: none;
}

.nav-bar-three nav .navbar-nav .nav-item a {
  position: relative;
}

.nav-bar-three nav .navbar-nav .nav-item a:hover::before,
.nav-bar-three nav .navbar-nav .nav-item a :focus::before {
  opacity: 1;

  width: 100%;
}

.nav-bar-three nav .navbar-nav .nav-item a.active::before {
  opacity: 1;

  width: 100%;
}

.nav-bar-three nav .navbar-nav .nav-item a::before {
  content: "";

  position: absolute;

  bottom: -3px;

  left: 0;

  right: 0;

  height: 3px;

  width: 0;

  background-color: #ff3900;

  opacity: 0;

  -webkit-transition: 0.7s;

  transition: 0.7s;
}

.nav-bar-three nav .navbar-nav .nav-item .dropdown-menu li {
  border-bottom: 1px solid #ffffff;
}

.nav-bar-three nav .navbar-nav .nav-item .dropdown-menu li:last-child {
  border-bottom: none;
}

.nav-bar-three nav .navbar-nav .nav-item .dropdown-menu li a.active::before {
  display: none;
}

.nav-bar-three nav .navbar-nav .nav-item .dropdown-menu li a:hover::before,
.nav-bar-three nav .navbar-nav .nav-item .dropdown-menu li a :focus::before,
.nav-bar-three nav .navbar-nav .nav-item .dropdown-menu li a .active::before {
  display: none;
}

.nav-bar-three nav .navbar-nav .nav-item .dropdown-menu li.active::before {
  display: none;
}

.sticky-nav {
  top: 0;

  position: fixed;

  -webkit-transition: 0.9s;

  transition: 0.9s;

  width: 100% !important;

  z-index: 999;
}

.sticky-nav .navbar-light .navbar-brand img {
  max-width: 90px;
}

.sticky-nav .main-nav {
  top: 0;

  background-color: #ffffff;

  position: fixed;

  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

.sticky-nav .main-nav .search-box i {
  background-color: #ff3900 !important;

  color: #ffffff !important;
}

.sticky-nav .main-nav .search-box:hover i {
  background-color: #1a1b1e !important;

  color: #ffffff !important;
}

.sticky-nav .main-nav .user-btn i {
  background-color: #fdfdfd !important;

  color: #313b3f !important;
}

.sticky-nav .main-nav .user-btn:hover i {
  background-color: #ffa039 !important;

  color: #fff !important;
}

.sticky-nav .nav-bar-two {
  top: 0;

  background-color: #313b3f;

  position: fixed;

  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

.side-nav-responsive {
  display: none;
}

.side-nav-responsive .dot-menu {
  padding: 0 0px;

  height: 30px;

  cursor: pointer;

  z-index: 9999;

  position: absolute;

  right: 60px;

  top: 12px;
}

.side-nav-responsive .dot-menu .circle-inner {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  height: 30px;
}

.side-nav-responsive .dot-menu .circle-inner .circle {
  height: 5px;

  width: 5px;

  border-radius: 100%;

  margin: 0 2px;

  -webkit-transition: 0.7s;

  transition: 0.7s;

  background-color: #ff3900;
}

.side-nav-responsive .dot-menu:hover .circle-inner .circle {
  background-color: #2966be;
}

.side-nav-responsive .container {
  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
}

.side-nav-responsive .container .container {
  position: absolute;

  right: 0;

  top: 55px;

  max-width: 300px;

  margin-left: auto;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: 0.7s;

  transition: 0.7s;

  -webkit-transform: scaleX(0);

  transform: scaleX(0);

  z-index: 2;

  padding-left: 15px;

  padding-right: 15px;
}

.side-nav-responsive .container .container.active {
  opacity: 1;

  visibility: visible;

  -webkit-transform: scaleX(1);

  transform: scaleX(1);
}

.side-nav-responsive .side-nav-inner {
  padding: 10px;

  -webkit-box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09);

  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09);

  background-color: #ffffff;
}

.side-nav-responsive .side-nav-inner .side-nav {
  background-color: #ff3900;

  border-radius: 15px;

  padding: 10px 18px 3px;
}

.side-nav-responsive .side-nav-inner .side-nav .side-item {
  margin-left: 15px;

  padding-left: 15px;

  position: relative;

  display: inline-block;
}

.side-nav-responsive .side-nav-inner .side-nav .search-box {
  position: relative;
}

.side-nav-responsive .side-nav-inner .side-nav .search-box i {
  cursor: pointer;

  font-size: 18px;

  color: #ff3900;

  position: relative;

  display: inline-block;

  top: -2px;

  line-height: 35px;

  border-radius: 50px;

  width: 35px;

  height: 35px;

  background-color: #ffffff;

  text-align: center;
}

.side-nav-responsive .side-nav-inner .side-nav .search-box:hover i {
  background-color: #1a1b1e;

  color: #ffffff;
}

.side-nav-responsive .side-nav-inner .side-nav .user-btn {
  position: relative;
}

.side-nav-responsive .side-nav-inner .side-nav .user-btn i {
  cursor: pointer;

  font-size: 18px;

  color: #ff3900;

  position: relative;

  display: inline-block;

  top: -2px;

  line-height: 35px;

  border-radius: 50px;

  width: 35px;

  height: 35px;

  background-color: #ffffff;

  text-align: center;

  -webkit-transition: 0.7s;

  transition: 0.7s;
}

.side-nav-responsive .side-nav-inner .side-nav .user-btn:hover i {
  background-color: #1a1b1e;

  color: #ffffff;
}

.side-nav-responsive .side-nav-inner .side-nav .nav-menu-btn {
  margin-top: 15px;

  padding: 10px 40px;

  color: #ffffff;

  text-align: center;

  position: relative;

  overflow: hidden;

  z-index: 1;

  text-transform: capitalize;

  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#4400ff),
    to(#0077ff)
  );

  background-image: linear-gradient(to right, #4400ff, #0077ff);

  border-radius: 50px;

  -webkit-transition: 0.7s;

  transition: 0.7s;
}

.side-nav-responsive .side-nav-inner .side-nav .nav-menu-btn:hover {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ff2500),
    to(#ff7100)
  );

  background-image: linear-gradient(to right, #ff2500, #ff7100);
}

.side-nav-responsive .side-nav-inner .side-nav .search-box-2 {
  border-color: #f5f5f5;

  display: inline-block;

  max-width: 240px;
}

.side-nav-responsive .side-nav-inner .side-nav .search-box-2 .form-control {
  height: 50px;

  width: 240px;

  border-radius: 5px;
}

.side-nav-responsive
  .side-nav-inner
  .side-nav
  .search-box-2
  .form-control:focus {
  -webkit-box-shadow: none !important;

  box-shadow: none !important;

  border: 1px solid #6c6c6c;
}

.side-nav-responsive .side-nav-inner .side-nav .search-box-2 .search-btn {
  -webkit-box-shadow: none;

  box-shadow: none;

  border: none;

  outline: none;

  position: absolute;

  top: 5px;

  right: 5px;

  height: 40px;

  width: 45px;

  line-height: 42px;

  background-color: #ff3900;

  border-radius: 10px;

  color: #ffffff;

  text-align: center;

  -webkit-transition: 0.7s;

  transition: 0.7s;

  font-size: 20px;
}

.side-nav-responsive .side-nav-inner .side-nav .search-box-2 .search-btn:hover {
  background-color: #2966be;
}

.side-nav-responsive .side-nav-inner .side-nav-two {
  padding: 10px 0 3px !important;
}

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

Navbar Area End

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

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

Search Overlay CSS

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

.search-overlay {
  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 99999;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  overflow: hidden;
}

.search-overlay .search-layer {
  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  z-index: 1;

  -webkit-transform: translateX(100%);

  transform: translateX(100%);
}

.search-overlay .search-layer:nth-child(1) {
  left: 0;

  background-color: rgba(0, 0, 0, 0.5);

  -webkit-transition: all 0.3s ease-in-out 0s;

  transition: all 0.3s ease-in-out 0s;
}

.search-overlay .search-layer:nth-child(2) {
  left: 0;

  background-color: rgba(0, 0, 0, 0.5);

  -webkit-transition: all 0.3s ease-in-out 0.3s;

  transition: all 0.3s ease-in-out 0.3s;
}

.search-overlay .search-layer:nth-child(3) {
  left: 0;

  background-color: rgba(0, 0, 0, 0.5);

  -webkit-transition: all 0.9s ease-in-out 0.6s;

  transition: all 0.9s ease-in-out 0.6s;
}

.search-overlay .search-close {
  position: absolute;

  top: 40px;

  right: 40px;

  width: 50px;

  z-index: 2;

  text-align: center;

  cursor: pointer;

  padding: 10px;

  -webkit-transition: all 0.9s ease-in-out 1.5s;

  transition: all 0.9s ease-in-out 1.5s;

  opacity: 0;

  visibility: hidden;
}

.search-overlay .search-close .search-close-line {
  width: 100%;

  height: 3px;

  float: left;

  margin-bottom: 5px;

  background-color: #ffffff;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;
}

.search-overlay .search-close .search-close-line:nth-child(1) {
  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);
}

.search-overlay .search-close .search-close-line:nth-child(2) {
  margin-top: -7px;

  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg);
}

.search-overlay .search-close:hover .search-close-line {
  background: #ff3900;

  -webkit-transform: rotate(180deg);

  transform: rotate(180deg);
}

.search-overlay .search-form {
  -webkit-transition: all 0.9s ease-in-out 1.4s;

  transition: all 0.9s ease-in-out 1.4s;

  opacity: 0;

  visibility: hidden;

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translateY(-50%) translateX(-50%);

  transform: translateY(-50%) translateX(-50%);

  z-index: 2;

  max-width: 500px;

  width: 500px;

  padding: 0 15px;
}

.search-overlay .search-form form {
  position: relative;
}

.search-overlay .search-form form .input-search {
  display: block;

  width: 100%;

  height: 60px;

  border: none;

  border-radius: 30px;

  color: #1a1b1e;

  padding: 3px 0 0 25px;
}

.search-overlay .search-form form .input-search::-webkit-input-placeholder {
  -webkit-transition: 0.7s;

  transition: 0.7s;

  letter-spacing: 0.5px;

  color: #1a1b1e;
}

.search-overlay .search-form form .input-search:-ms-input-placeholder {
  -webkit-transition: 0.7s;

  transition: 0.7s;

  letter-spacing: 0.5px;

  color: #1a1b1e;
}

.search-overlay .search-form form .input-search::-ms-input-placeholder {
  -webkit-transition: 0.7s;

  transition: 0.7s;

  letter-spacing: 0.5px;

  color: #1a1b1e;
}

.search-overlay .search-form form .input-search::placeholder {
  -webkit-transition: 0.7s;

  transition: 0.7s;

  letter-spacing: 0.5px;

  color: #1a1b1e;
}

.search-overlay .search-form form .input-search:focus {
  border: none;

  outline: none;
}

.search-overlay
  .search-form
  form
  .input-search:focus::-webkit-input-placeholder {
  color: transparent;
}

.search-overlay .search-form form .input-search:focus:-ms-input-placeholder {
  color: transparent;
}

.search-overlay .search-form form .input-search:focus::-ms-input-placeholder {
  color: transparent;
}

.search-overlay .search-form form .input-search:focus::placeholder {
  color: transparent;
}

.search-overlay .search-form form button {
  position: absolute;

  right: 5px;

  top: 5px;

  width: 50px;

  color: #ffffff;

  height: 50px;

  border-radius: 50%;

  background-color: #ff3900;

  -webkit-transition: 0.7s;

  transition: 0.7s;

  border: none;

  font-size: 20px;

  line-height: 45px;
}

.search-overlay .search-form form button:hover {
  background-color: #2966be;

  color: #ffffff;
}

.search-overlay .search-form form:hover {
  border: none;

  outline: none;
}

.search-overlay.search-overlay-active.search-overlay {
  opacity: 1;

  visibility: visible;
}

.search-overlay.search-overlay-active.search-overlay .search-layer {
  -webkit-transform: translateX(0);

  transform: translateX(0);
}

.search-overlay.search-overlay-active.search-overlay .search-close {
  opacity: 1;

  visibility: visible;
}

.search-overlay.search-overlay-active.search-overlay .search-form {
  opacity: 1;

  visibility: visible;
}

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

Search Overlay CSS End

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

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

Main Banner Area CSS 

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

.banner-area {
  position: relative;
}

.banner-shape-right {
  position: absolute;

  top: 0;

  right: 0;
}

.banner-shape-right img {
  max-width: 470px;
}

.banner-img {
  position: absolute;

  right: 0;

  top: 200px;
}

.banner-img img {
  max-width: 840px;
}

.banner-content {
  padding-top: 180px;

  padding-bottom: 140px;

  position: relative;

  z-index: 1;
}

.banner-content .title {
  border: 1px dashed #1a1b1e;

  border-radius: 50px;

  display: inline-block;

  height: 42px;

  line-height: 40px;

  padding-right: 20px;
}

.banner-content .title i {
  width: 40px;

  height: 40px;

  line-height: 40px;

  font-size: 26px;

  color: #ffffff;

  display: inline-block;

  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ff2500),
    to(#ff7100)
  );

  background-image: linear-gradient(to right, #ff2500, #ff7100);

  border-radius: 50px;

  text-align: center;

  margin-right: 5px;
}

.banner-content .title span {
  color: #1a1b1e;

  position: relative;

  top: -3px;

  font-weight: 600;
}

.banner-content h1 {
  margin-top: 30px;

  margin-bottom: 20px;

  font-size: 82px;

  color: #2966be;

  line-height: 1.2;
}

.banner-content h1 b {
  font-weight: 300;
}

.banner-content p {
  font-size: 20px;

  color: #1a1b1e;

  max-width: 720px;
}

.banner-content .banner-btn {
  margin-top: 50px;
}

.banner-content .banner-btn .get-btn {
  padding: 12px 65px 12px 27px;

  color: #ffffff;

  text-align: center;

  position: relative;

  overflow: hidden;

  z-index: 1;

  text-transform: capitalize;

  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ff2500),
    to(#ff7100)
  );

  background-image: linear-gradient(to right, #ff2500, #ff7100);

  border-radius: 50px;
}

.banner-content .banner-btn .get-btn i {
  width: 40px;

  height: 40px;

  line-height: 40px;

  font-size: 20px;

  color: #ff3900;

  display: inline-block;

  background-color: #ffffff;

  border-radius: 50px;

  text-align: center;

  position: absolute;

  top: 5.5px;

  right: 10px;

  -webkit-transition: 0.7s;

  transition: 0.7s;
}

.banner-content .banner-btn .get-btn::before {
  content: "";

  position: absolute;

  top: 0;

  width: 0;

  height: 100%;

  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#0049b1),
    to(#1e71e6)
  );

  background-image: linear-gradient(to right, #0049b1, #1e71e6);

  left: 0;

  right: 0;

  opacity: 0;

  z-index: -1;

  -webkit-transition: 0.7s;

  transition: 0.7s;
}

.banner-content .banner-btn .get-btn:hover::before {
  width: 100%;

  opacity: 1;
}

.banner-content .banner-btn .get-btn:hover i {
  background-color: transparent;

  color: #ffffff;

  border: 1px dashed #ffffff;
}

.banner-content .banner-btn .call-btn {
  margin-left: 20px;

  padding: 12px 27px 12px 65px;

  color: #ffffff;

  text-align: center;

  position: relative;

  overflow: hidden;

  z-index: 1;

  text-transform: capitalize;

  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#0049b1),
    to(#1e71e6)
  );

  background-image: linear-gradient(to right, #0049b1, #1e71e6);

  border-radius: 50px;
}

.banner-content .banner-btn .call-btn i {
  width: 40px;

  height: 40px;

  line-height: 40px;

  font-size: 20px;

  color: #2966be;

  display: inline-block;

  background-color: #ffffff;

  border-radius: 50px;

  text-align: center;

  position: absolute;

  top: 5.5px;

  left: 10px;

  -webkit-transition: 0.7s;

  transition: 0.7s;
}

.banner-content .banner-btn .call-btn::before {
  content: "";

  position: absolute;

  top: 0;

  width: 0;

  height: 100%;

  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ff2500),
    to(#ff7100)
  );

  background-image: linear-gradient(to right, #ff2500, #ff7100);

  left: 0;

  right: 0;

  opacity: 0;

  z-index: -1;

  -webkit-transition: 0.7s;

  transition: 0.7s;
}

.banner-content .banner-btn .call-btn:hover::before {
  width: 100%;

  opacity: 1;
}

.banner-content .banner-btn .call-btn:hover i {
  background-color: transparent;

  color: #ffffff;

  border: 1px dashed #ffffff;
}

.banner-shape .shape1 {
  position: absolute;

  left: 0;

  top: 15%;

  -webkit-animation: running-in 16s infinite linear;

  animation: running-in 16s infinite linear;
}

.banner-shape .shape2 {
  position: absolute;

  left: 32%;

  top: 15%;

  -webkit-animation: pulse 7s infinite;

  animation: pulse 7s infinite;
}

.banner-shape .shape3 {
  position: absolute;

  left: 25%;

  top: 17%;

  -webkit-animation: rotated360 6s infinite linear;

  animation: rotated360 6s infinite linear;
}

.banner-shape .shape4 {
  position: absolute;

  left: 50%;

  top: 40%;

  -webkit-animation: rotated360 6s infinite linear;

  animation: rotated360 6s infinite linear;
}

.banner-shape .shape5 {
  position: absolute;

  left: 60%;

  top: 25%;

  -webkit-animation: animationFramesOne 15s linear infinite;

  animation: animationFramesOne 15s linear infinite;
}

.banner-area-two {
  background-image: url(../img/home-two/toph8.svg);

  background-position: bottom;

  background-size: cover;

  background-repeat: no-repeat;

  height: 381px;

  position: relative;
}

.banner-area-two::before {
  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  width: 100%;

  height: 900px;

  background-image: url(../img/home-two/home-two-bg2.png);

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;
}

.banner-content-two {
  padding-top: 170px;

  padding-bottom: 170px;
}

.banner-content-two span {
  color: #4f4f4f;

  background-color: #f2c502;

  border-radius: 50px;

  width: max-content;

  height: 34px;

  line-height: 34px;

  display: inline-block;

  text-align: center;

  font-size: 15px;

  padding-left: 10px;

  padding-right: 10px;

  font-weight: bold;
}

.banner-content-two h1 {
  font-size: 53px;

  color: #ffffff;

  font-weight: 600;

  line-height: 92px;

  margin-top: 15px;

  margin-bottom: 20px;
}

.banner-content-two h1 b {
  color: #ff3900;

  font-weight: 600;
}

.banner-content-two p {
  color: #ffffff;

  margin-bottom: 0;
}

.banner-content-two .banner-content-btn {
  margin-top: 30px;
}

.banner-content-two .banner-content-btn .learn-btn {
  padding: 12px 65px 12px 27px;

  color: #ffffff;

  text-align: center;

  position: relative;

  overflow: hidden;

  z-index: 1;

  text-transform: capitalize;

  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ff2500),
    to(#ff7100)
  );

  background-image: linear-gradient(to right, #ff2500, #ff7100);

  border-radius: 50px;
}

.banner-content-two .banner-content-btn .learn-btn i {
  width: 40px;

  height: 40px;

  line-height: 40px;

  font-size: 20px;

  color: #ff3900;

  display: inline-block;

  background-color: #ffffff;

  border-radius: 50px;

  text-align: center;

  position: absolute;

  top: 5.5px;

  right: 10px;

  -webkit-transition: 0.7s;

  transition: 0.7s;
}

.banner-content-two .banner-content-btn .learn-btn::before {
  content: "";

  position: absolute;

  top: 0;

  width: 0;

  height: 100%;

  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#fed300),
    to(#a68700)
  );

  background-image: linear-gradient(to right, #fed300, #a68700);

  left: 0;

  right: 0;

  opacity: 0;

  z-index: -1;

  -webkit-transition: 0.7s;

  transition: 0.7s;
}

.banner-content-two .banner-content-btn .learn-btn:hover::before {
  width: 100%;

  opacity: 1;
}

.banner-content-two .banner-content-btn .learn-btn:hover i {
  background-color: transparent;

  color: #ffffff;

  border: 1px dashed #ffffff;
}

.banner-content-two .play-on-btn {
  display: inline-block;

  margin-left: 20px;

  font-size: 16px;

  color: #ffffff;

  position: relative;

  overflow: hidden;

  top: -8px;
}

.banner-content-two .play-on-btn i {
  font-size: 20px;

  color: #ffffff;

  position: relative;

  top: 3px;

  margin-left: 5px;
}

.banner-content-two .play-on-btn:hover {
  color: #ff3900;

  letter-spacing: 0.25px;
}

.banner-content-two .play-on-btn:hover i {
  color: #ff3900;
}

.banner-img-2 {
  margin-top: 120px;

  position: relative;

  z-index: 1;

  -webkit-animation: movebounce-up 9s infinite;

  animation: movebounce-up 9s infinite;
}

.banner-bottom-shape .shape-one {
  position: absolute;

  bottom: 50px;

  left: 0;

  right: 0;
}

.banner-bottom-shape .shape-two {
  position: absolute;

  bottom: 70px;

  left: 0;

  right: 0;
}

.banner-bottom-shape .shape-three {
  position: absolute;

  bottom: 90px;

  left: 0;

  right: 0;
}

.banner-bottom-shape .banner-dots1 {
  position: absolute;

  top: 22%;

  left: 35%;

  -webkit-animation: flash 5s infinite;

  animation: flash 5s infinite;
}

.banner-bottom-shape .banner-dots2 {
  position: absolute;

  bottom: 13%;

  right: 12%;

  -webkit-animation: flash 5s infinite;

  animation: flash 5s infinite;
}

.banner-area-three {
  position: relative;
}

.banner-content-three {
  padding-top: 200px;

  padding-bottom: 170px;
}

.banner-content-three span {
  color: #ff3900;

  background-color: #ffddd9;

  border-radius: 50px;

  width: 195px;

  height: 35px;

  line-height: 35px;

  display: inline-block;

  text-align: center;

  font-size: 15px;
}

.banner-content-three h1 {
  font-size: 70px;

  color: #2a284f;

  font-weight: 600;

  line-height: 1.2;

  margin-top: 15px;

  margin-bottom: 30px;
}

.banner-content-three p {
  color: #2a284f;

  margin-bottom: 0;

  font-size: 18px;

  max-width: 680px;
}

.banner-content-three .banner-three-btn {
  margin-top: 30px;
}

.banner-content-three .banner-three-btn .explore-btn {
  padding: 12px 27px;

  color: #ffffff;

  text-align: center;

  position: relative;

  overflow: hidden;

  z-index: 1;

  text-transform: capitalize;

  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ff2500),
    to(#ff7100)
  );

  background-image: linear-gradient(to right, #ff2500, #ff7100);

  border-radius: 10px;
}

.banner-content-three .banner-three-btn .explore-btn i {
  position: relative;

  top: 3px;
}

.banner-content-three .banner-three-btn .explore-btn::before {
  content: "";

  position: absolute;

  top: 0;

  width: 0;

  height: 100%;

  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#0049b1),
    to(#1e71e6)
  );

  background-image: linear-gradient(to right, #0049b1, #1e71e6);

  left: 0;

  right: 0;

  opacity: 0;

  z-index: -1;

  -webkit-transition: 0.7s;

  transition: 0.7s;
}

.banner-content-three .banner-three-btn .explore-btn:hover::before {
  width: 100%;

  opacity: 1;
}

.banner-content-three .play-two-btn {
  display: inline-block;

  margin-left: 20px;

  font-size: 16px;

  font-weight: 600;

  color: #ff3900;

  position: relative;

  overflow: hidden;

  top: -8px;
}

.banner-content-three .play-two-btn i {
  font-size: 20px;

  color: #ff3900;

  position: relative;

  top: 3px;

  margin-left: 5px;
}

.banner-content-three .play-two-btn:hover {
  color: #1a1b1e;

  letter-spacing: 0.25px;
}

.banner-content-three .play-two-btn:hover i {
  color: #1a1b1e;
}

.banner-img-3 {
  position: absolute;

  bottom: 0;

  right: 0;
}

.banner-img-3 img {
  max-width: 750px;

  height: 590px;
}

.banner-three-shape .shape1 {
  position: absolute;

  top: 15%;

  left: 40%;
}

.banner-three-shape .shape2 {
  position: absolute;

  bottom: 15%;

  left: 35%;
}

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

Main Banner Area CSS End

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

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

Inner Banner

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

.inner-banner {
  background-image: url(../img/home-two/toph8.svg);

  background-position: bottom center;

  background-size: cover;

  background-repeat: no-repeat;

  height: 241px;

  position: relative;

  margin-bottom: 30px;

  z-index: 9;
}

.inner-banner-lg {
  background-position: bottom center;

  background-size: cover;

  background-repeat: no-repeat;

  position: relative;
}

.inner-banner::before {
  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  width: 100%;

  height: 155px;

  background-image: url(../img/inner-banner/banner-bg2.png);

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;
}

.inner-banner .inner-title {
  padding-top: 250px;

  padding-bottom: 150px;

  position: relative;
}

.inner-banner .inner-title h3 {
  font-size: 40px;

  color: #ffffff;

  font-weight: 500;
}

.inner-banner .inner-title ul {
  list-style: none;

  padding: 0;

  margin: 0;
}

.inner-banner .inner-title ul li {
  font-size: 18px;

  color: #ffffff;

  display: inline-block;

  margin-right: 10px;
}

.inner-banner .inner-title ul li:last-child {
  margin-right: 0;
}

.inner-banner .inner-title ul li i {
  font-size: 28px;

  color: #ffffff;

  position: relative;

  top: 8px;
}

.inner-banner .inner-title ul li a {
  color: #ffffff;
}

.inner-banner .inner-title ul li a:hover {
  color: #ff3900;
}

.inner-banner .inner-title .inner-list {
  list-style: none;

  padding: 0;

  margin: 0;
}

.inner-banner .inner-title .inner-list li {
  font-size: 18px;

  color: #ffffff;

  display: inline-block;

  margin-right: 10px;
}

.inner-banner .inner-title .inner-list li:last-child {
  margin-right: 0;
}

.inner-banner .inner-title .inner-list li i {
  font-size: 24px;

  color: #ffffff;

  position: relative;

  top: 8px;

  margin-right: 5px;
}

.inner-banner .inner-banner-shape .shape-one {
  position: absolute;

  bottom: 40px;

  left: 0;

  right: 0;
}

.inner-banner .inner-banner-shape .shape-two {
  position: absolute;

  bottom: 60px;

  left: 0;

  right: 0;
}

.inner-banner .inner-banner-shape .shape-three {
  position: absolute;

  bottom: 80px;

  left: 0;

  right: 0;
}

.inner-banner .inner-banner-shape .inner-banner-dots {
  position: absolute;

  top: 22%;

  left: 35%;

  -webkit-animation: flash 5s infinite;

  animation: flash 5s infinite;
}

.inner-banner .inner-banner-shape .inner-banner-dots-2 {
  position: absolute;

  bottom: 32%;

  right: 10%;

  -webkit-animation: flash 5s infinite;

  animation: flash 5s infinite;
}

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

Inner Banner End

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

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

Brand Area 

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

.brand-area {
  position: relative;
}

.brand-area .owl-nav {
  position: absolute;

  right: -100px;

  top: -5px;
}

.brand-area .owl-nav .owl-prev {
  color: #a3a3a3 !important;

  font-size: 20px !important;

  background-color: transparent !important;
}

.brand-area .owl-nav .owl-prev:hover {
  color: #1a1b1e !important;

  background-color: transparent !important;
}

.brand-area .owl-nav .owl-next {
  color: #a3a3a3 !important;

  font-size: 20px !important;

  background-color: transparent !important;
}

.brand-area .owl-nav .owl-next:hover {
  color: #1a1b1e !important;

  background-color: transparent !important;
}

.brand-area .brand-item img {
  width: unset;
}

.brand-slider {
  max-width: 1140px;

  padding-bottom: 40px;
}

.brand-title h3 {
  font-size: 18px;

  color: #1a1b1e;

  margin-bottom: 40px;
}

.brand-title h3 a {
  color: #ff3900;

  border-bottom: 1px solid #ff3900;
}

.brand-title h3 a:hover {
  color: #2966be;

  border-color: #2966be;
}

.brand-logo-area {
  /*

  background-color: #f9f9f9;

  */

  padding-top: 40px;
}

.brand-logo-item img {
  width: 100px;

  height: 100px;
}

.brand-logo-item .brand-logo2 {
  display: none !important;
}

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

Brand Area End

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

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

About Area

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

.about-area {
  position: relative;
}

.about-img {
  position: relative;

  margin-bottom: 30px;
}

.about-img img {
  position: relative;

  z-index: 1;
}

.about-img::before {
  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  width: 100%;

  height: 100%;

  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ff2500),
    to(#ff7100)
  );

  background-image: linear-gradient(to right, #ff2500, #ff7100);

  border-radius: 50% 30% 50% 30%;
}

.about-img::after {
  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  width: 100%;

  height: 100%;

  background-color: #2966be;

  z-index: -1;

  border-radius: 30% 40% 30% 40%;
}

.about-content {
  margin-left: 70px;

  margin-bottom: 30px;
}

.about-content h3 {
  font-size: 20px;

  font-weight: 400;

  margin-top: 20px;

  margin-bottom: 20px;
}

.about-content p {
  margin-bottom: 0;
}

.about-content .about-btn {
  margin-top: 40px;
}

.about-content .about-btn .play-btn {
  display: inline-block;

  color: #1a1b1e;

  font-size: 16px;

  margin-left: 20px;

  position: relative;

  padding-left: 70px;

  -webkit-transition: 0.7s;

  transition: 0.7s;
}

.about-content .about-btn .play-btn span {
  position: relative;

  top: -6px;
}

.about-content .about-btn .play-btn:hover {
  color: #ff3900;
}

.about-content .about-btn .play-btn:hover i {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ff2500),
    to(#ff7100)
  );

  background-image: linear-gradient(to right, #ff2500, #ff7100);
}

.about-content .about-btn .play-btn i {
  position: absolute;

  left: 0;

  top: -7px;

  width: 56px;

  height: 56px;

  line-height: 56px;

  background-color: #2966be;

  border-radius: 50px;

  font-size: 16px;

  color: #ffffff;

  text-align: center;

  display: inline-block;

  -webkit-transition: 0.7s;

  transition: 0.7s;
}

.about-shape .shape-1 {
  position: absolute;

  top: 30px;

  right: 0;
}

.about-shape .shape-1 img {
  max-width: 100px;

  height: 610px;
}

.about-shape .shape-2 {
  position: absolute;

  top: 7%;

  right: 30%;

  -webkit-animation: animationFramesOne 15s linear infinite;

  animation: animationFramesOne 15s linear infinite;
}

.about-shape .shape-3 {
  position: absolute;

  top: 30%;

  right: 10%;

  -webkit-animation: rotated360 6s infinite linear;

  animation: rotated360 6s infinite linear;
}

.about-shape .shape-4 {
  position: absolute;

  top: 70%;

  right: 7%;

  -webkit-animation: running-in 16s infinite linear;

  animation: running-in 16s infinite linear;
}

.about-shape .shape-5 {
  position: absolute;

  top: 80%;

  right: 15%;

  -webkit-animation: flash 5s infinite linear;

  animation: flash 5s infinite linear;
}

.about-content-two .section-title h2 {
  max-width: 485px;

  margin-bottom: 15px;
}

.about-content-two h3 {
  margin-bottom: 15px;

  font-weight: 500;
}

.about-content-two p {
  margin-bottom: 40px;
}

.about-content-two .about-list {
  margin-bottom: 20px;

  padding: 10px 20px 10px 40px;

  background-color: #ffffff;

  border-radius: 5px;

  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  position: relative;

  z-index: 1;
}

.about-content-two .about-list:hover::before {
  opacity: 1;

  width: 100%;
}

.about-content-two .about-list:hover span {
  color: #ffffff;
}

.about-content-two .about-list:hover p {
  color: #ffffff;
}

.about-content-two .about-list::before {
  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  width: 0;

  height: 100%;

  border-radius: 5px;

  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ff2500),
    to(#ff7100)
  );

  background-image: linear-gradient(to right, #ff2500, #ff7100);

  -webkit-transition: 0.7s;

  transition: 0.7s;

  opacity: 0;
}

.about-content-two .about-list i {
  position: absolute;

  z-index: 1;

  top: 0;

  left: 0;

  font-size: 20px;

  color: #ffffff;

  display: inline-block;

  width: 35px;

  text-align: center;

  height: 35px;

  line-height: 30px;

  background-color: #2966be;

  border-radius: 5px 5px 60px 5px;
}

.about-content-two .about-list span {
  color: #6c6c6c;

  margin-bottom: 10px;

  font-weight: 600;
}

.about-content-two .about-list p {
  color: #1a1b1e;

  margin-bottom: 0;

  font-weight: 600;

  font-size: 16px;
}

.about-btn-two {
  margin-bottom: 30px;
}

.about-btn-two .about-more-btn {
  padding: 12px 27px;

  color: #ffffff;

  text-align: center;

  position: relative;

  overflow: hidden;

  z-index: 1;

  text-transform: capitalize;

  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ff2500),
    to(#ff7100)
  );

  background-image: linear-gradient(to right, #ff2500, #ff7100);

  border-radius: 10px;
}

.about-btn-two .about-more-btn i {
  position: relative;

  top: 3px;
}

.about-btn-two .about-more-btn::before {
  content: "";

  position: absolute;

  top: 0;

  width: 0;

  height: 100%;

  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#0049b1),
    to(#1e71e6)
  );

  background-image: linear-gradient(to right, #0049b1, #1e71e6);

  left: 0;

  right: 0;

  opacity: 0;

  z-index: -1;

  -webkit-transition: 0.7s;

  transition: 0.7s;
}

.about-btn-two .about-more-btn:hover::before {
  width: 100%;

  opacity: 1;
}

.about-btn-two .contact-us-btn {
  margin-left: 20px;

  padding: 12px 27px;

  color: #ffffff;

  text-align: center;

  position: relative;

  overflow: hidden;

  z-index: 1;

  text-transform: capitalize;

  background-color: #2a284f;

  border-radius: 10px;
}

.about-btn-two .contact-us-btn i {
  position: relative;

  top: 3px;
}

.about-btn-two .contact-us-btn::before {
  content: "";

  position: absolute;

  top: 0;

  width: 0;

  height: 100%;

  background-color: #ff3900;

  left: 0;

  right: 0;

  opacity: 0;

  z-index: -1;

  -webkit-transition: 0.7s;

  transition: 0.7s;
}

.about-btn-two .contact-us-btn:hover::before {
  width: 100%;

  opacity: 1;
}

.about-widget-content {
  max-width: 610px;
}

.about-widget-content .section-title h2 {
  max-width: 485px;

  margin-bottom: 15px;
}

.about-widget-content h3 {
  margin-bottom: 15px;

  font-weight: 500;
}

.about-widget-content p {
  margin-bottom: 40px;
}

.about-widget-content .about-widget-list ul {
  list-style: none;

  margin: 0;

  padding: 0;
}

.about-widget-content .about-widget-list ul li {
  display: block;

  position: relative;

  margin-bottom: 20px;
}

.about-widget-content .about-widget-list ul li i {
  position: absolute;

  z-index: 1;

  top: 0;

  left: 0;

  font-size: 20px;

  color: #ffffff;

  display: inline-block;

  width: 35px;

  text-align: center;

  height: 35px;

  line-height: 30px;

  background-color: #2966be;

  border-radius: 5px 5px 60px 5px;
}

.about-widget-content .about-widget-list ul li span {
  color: #6c6c6c;

  margin-bottom: 10px;

  font-weight: 600;

  margin-left: 45px;
}

.about-widget-content .about-widget-list ul li p {
  color: #6c6c6c;

  margin-bottom: 0;

  font-weight: 600;

  font-size: 17px;

  margin-left: 45px;
}

.about-widget-content .about-video {
  margin-top: 20px;
}

.about-widget-content .about-video .video-btn i {
  width: 70px;

  display: inline-block;

  text-align: center;

  height: 70px;

  line-height: 60px;

  border-radius: 50px;

  font-size: 20px;

  background-color: #313b3f;

  color: #ffffff;

  position: relative;

  border: 5px solid #313b3f;
}

.about-widget-content .about-video .video-btn i:hover {
  background-color: #ff9a37;

  color: #ffffff;

  border-color: #faa34f;
}

.about-widget-content .about-video .video-btn i:hover::after {
  border-color: #2a284f;
}

.about-widget-content .about-video .video-btn i::after {
  content: "";

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  border-radius: 50%;

  border: 5px solid #3081b7;

  -webkit-transition: 0.7s;

  transition: 0.7s;
}

.about-widget-content .about-video .video-btn:hover span {
  color: #2a284f;
}

.about-widget-content .about-video .video-btn span {
  font-size: 17px;

  font-weight: 600;

  color: #2966be;

  margin-left: 15px;
}

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

About Area End

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

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

Schedule Area 

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

.schedule-width {
  position: relative;

  max-width: 1340px;

  margin: 0 auto;

  background-color: #f9f9f9;
}

.schedule-content {
  max-width: 910px;

  margin: 0 auto;

  background-color: #ffffff;

  text-align: center;

  padding: 70px 0;

  position: relative;

  z-index: 1;
}

.schedule-content h2 {
  font-size: 40px;

  margin-bottom: 20px;

  max-width: 625px;

  margin-left: auto;

  margin-right: auto;
}

.schedule-content .schedule-content-shape .shape1 {
  position: absolute;

  bottom: 50px;

  left: 3%;

  -webkit-animation: running-in 16s infinite linear;

  animation: running-in 16s infinite linear;
}

.schedule-content .schedule-content-shape .shape2 {
  position: absolute;

  bottom: 100px;

  right: 5%;

  -webkit-animation: rotated360 6s infinite linear;

  animation: rotated360 6s infinite linear;
}

.schedule-shape {
  position: absolute;

  top: 50px;

  left: 0;

  right: 0;

  text-align: center;
}

.schedule-shape img {
  max-width: 1240px;
}

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

Schedule Area End

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

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

Serve Area 

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

.serve-content {
  max-width: 630px;

  margin-left: auto;

  margin-bottom: 30px;
}

.serve-content .serve-list {
  margin-bottom: 20px;

  padding: 10px 20px 10px 40px;

  background-color: #ffffff;

  border-radius: 5px;

  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  position: relative;

  z-index: 1;
}

.serve-content .serve-list:hover::before {
  opacity: 1;

  width: 100%;
}

.serve-content .serve-list:hover span {
  color: #ffffff;
}

.serve-content .serve-list:hover p {
  color: #ffffff;
}

.serve-content .serve-list::before {
  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  width: 0;

  height: 100%;

  border-radius: 5px;

  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ff2500),
    to(#ff7100)
  );

  background-image: linear-gradient(to right, #ff2500, #ff7100);

  -webkit-transition: 0.7s;

  transition: 0.7s;

  opacity: 0;
}

.serve-content .serve-list i {
  position: absolute;

  z-index: 1;

  top: 0;

  left: 0;

  font-size: 20px;

  color: #ffffff;

  display: inline-block;

  width: 35px;

  text-align: center;

  height: 35px;

  line-height: 30px;

  background-color: #2966be;

  border-radius: 5px 5px 60px 5px;
}

.serve-content .serve-list span {
  color: #6c6c6c;

  margin-bottom: 10px;

  font-weight: 600;
}

.serve-content .serve-list p {
  color: #1a1b1e;

  margin-bottom: 0;

  font-weight: 600;

  font-size: 16px;

  margin-top: 0;
}

.serve-content p {
  margin-top: 15px;

  margin-bottom: 35px;
}

.serve-img {
  margin-bottom: 30px;
}

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

Serve Area End

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

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

Counter Area 

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

.counter-area {
  background-image: url(../img/shape/counter-bg.png);

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

  padding: 65px 0;
}

.single-counter {
  margin-bottom: 30px;

  margin-top: 30px;

  text-align: center;
}

.single-counter i {
  position: relative;

  display: inline-block;

  top: -15px;

  left: 0;

  font-size: 50px;

  color: #ff3900;

  margin-right: 15px;
}

.single-counter .content {
  text-align: left;

  display: inline-block;
}

.single-counter .content h3 {
  font-size: 40px;

  line-height: 0.7;

  margin-bottom: 10px;

  font-weight: 500;
}

.single-counter .content p {
  color: #1a1b1e;

  font-weight: 400;

  margin-bottom: 0;
}

.counter-area-two {
  background-image: url(../img/counter/counter-bg.png);

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

  height: 400px;

  position: relative;
}

.counter-card {
  text-align: center;

  position: relative;
}

.counter-card::before {
  content: "";

  position: absolute;

  top: 20px;

  right: -20px;

  width: 100%;

  height: 60px;

  border-right: 1px dashed #ffffff;
}

.counter-card h3 {
  font-size: 40px;

  color: #ffffff;

  font-weight: 500;

  line-height: 1.2;
}

.counter-card p {
  color: #ffffff;

  margin-bottom: 0;
}

.counter-area-two .col-lg-3:nth-child(4) .counter-card::before {
  display: none;

  border-right: none;
}

.counter-shape-top {
  position: absolute;

  top: 10px;

  left: 0;

  right: 0;
}

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

Counter Area End

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

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

Progress Area

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

.progress-area .section-title h2 {
  max-width: 600px;

  margin-left: auto;

  margin-right: auto;
}

.progress-card {
  margin-bottom: 30px;

  padding: 60px;

  text-align: center;

  border-radius: 60% 40% 60% 40%;

  position: relative;
}

.progress-card:hover::before {
  -webkit-animation: rotated360 6s infinite linear;

  animation: rotated360 6s infinite linear;
}

.progress-card::before {
  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  width: 100%;

  height: 100%;

  border-radius: 48% 50% 48% 50%;

  -webkit-transition: 0.7s;

  transition: 0.7s;
}

.progress-card img {
  margin-bottom: 25px;
}

.progress-card h3 {
  font-size: 40px;

  line-height: 0.7;

  color: #ffffff;

  font-weight: 500;

  margin-bottom: 15px;
}

.progress-card p {
  color: #ffffff;

  margin-bottom: 0;
}

.pr-bg-color-1 {
  background-color: #2966be;
}

.pr-bg-color-1::before {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ff2500),
    to(#ff7100)
  );

  background-image: linear-gradient(to right, #ff2500, #ff7100);
}

.pr-bg-color-2 {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ff2500),
    to(#ff7100)
  );

  background-image: linear-gradient(to right, #ff2500, #ff7100);
}

.pr-bg-color-2::before {
  background-color: #2966be;
}

.pr-bg-color-3 {
  background-color: #1a1b1e;

  position: relative;
}

.pr-bg-color-3::before {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ff2500),
    to(#ff7100)
  );

  background-image: linear-gradient(to right, #ff2500, #ff7100);
}

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

Progress Area End

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

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

Seo Area 

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

.seo-area {
  position: relative;
}

.seo-area::before {
  content: "";

  position: absolute;

  top: 15px;

  left: 0;

  right: 0;

  height: 225px;

  width: 100%;

  background-image: url(../img/seo-bg.png);

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;
}

.seo-width {
  max-width: 1320px;

  margin: 0 auto;

  padding: 40px 30px 0 50px;

  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ff2500),
    to(#ff7100)
  );

  background-image: linear-gradient(to right, #ff2500, #ff7100);

  border-radius: 5px;
}

.seo-form h2 {
  font-size: 40px;

  color: #ffffff;

  font-weight: 500;

  margin-bottom: 20px;
}

.seo-form .seo-form-area {
  padding: 5px;

  border: 1px solid #ffffff;

  position: relative;

  border-radius: 50px;
}

.seo-form .seo-form-area .seo-form-option {
  background-color: #ffffff;

  border-radius: 50px;

  padding: 7px 0 7px 40px;
}

.seo-form .seo-form-area .form-group {
  position: relative;

  margin-bottom: 0;
}

.seo-form .seo-form-area .form-group i {
  position: absolute;

  top: 16px;

  right: 13px;

  line-height: 1;

  font-size: 15px;

  color: #9b9b9b;

  z-index: 1;
}

.seo-form .seo-form-area .form-group .form-control {
  height: 50px;

  padding: 10px 20px 10px 25px;

  border: none;

  background-color: #ffffff;

  color: #969696;

  font-weight: 400;

  border-radius: 0;
}

.seo-form .seo-form-area .form-group .form-control.form-border {
  border-right: 1px solid #ebebeb;
}

.seo-form .seo-form-area .form-group .form-control:focus {
  -webkit-box-shadow: none;

  box-shadow: none;

  outline: none;
}

.seo-form .seo-form-area .default-btn {
  margin-left: 20px;
}

.seo-form .seo-form-area .form-group .form-control::-webkit-input-placeholder {
  color: var(--paragraphColor);
}

.seo-form .seo-form-area .form-group .form-control:-ms-input-placeholder {
  color: var(--paragraphColor);
}

.seo-form .seo-form-area .form-group .form-control::-ms-input-placeholder {
  color: var(--paragraphColor);
}

.seo-form .seo-form-area .form-group .form-control::placeholder {
  color: var(--paragraphColor);
}

.seo-img {
  margin-left: 50px;
}

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

Seo Area End

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

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

Service Area 

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

.service-area {
  position: relative;
}

.service-area .section-title h2 {
  max-width: 500px;
}

.service-card {
  text-align: center;

  background-color: #ffffff;

  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  padding: 35px 30px;

  position: relative;

  z-index: 1;

  margin-bottom: 30px;
}

.service-card img {
  margin-bottom: 20px;

  height: 75px;
}

.service-card h3 {
  font-size: 20px;

  margin-bottom: 10px;
}

.service-card h3 a {
  color: #2966be;
}

.service-card p {
  margin-bottom: 0;
}

.service-card .service-card-shape {
  position: absolute;

  bottom: 0;

  left: 0;
}

.service-card-into {
  position: relative;
}

.service-card-into .service-dots {
  position: absolute;

  z-index: -1;

  right: -70px;

  bottom: -170px;
}

.service-card-into .service-dots img {
  z-index: -1;
}

.service-area .col-lg-4:nth-child(1) .service-card-into {
  margin-top: 170px;
}

.service-area .col-lg-4:nth-child(3) {
  margin-top: -210px;
}

.service-shape .service-bg {
  position: absolute;

  top: 200px;

  left: 0;
}

.service-shape .shape1 {
  position: absolute;

  top: 30%;

  left: 20%;

  -webkit-animation: flash 5s infinite linear;

  animation: flash 5s infinite linear;
}

.service-shape .shape2 {
  position: absolute;

  top: 30%;

  right: 3%;

  -webkit-animation: rotated360 6s infinite linear;

  animation: rotated360 6s infinite linear;
}

.service-area-two {
  position: relative;

  padding-bottom: 100px;

  padding-top: 50px;
}

.service-area-two .section-title {
  max-width: 705px;

  margin-left: auto;

  margin-right: auto;
}

.service-item {
  background-color: #ffffff;

  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);

  padding: 50px 30px;

  text-align: center;

  position: relative;

  margin-bottom: 30px;
}

.service-item::before {
  content: "";

  position: absolute;

  width: 95%;

  height: 30px;

  text-align: center;

  bottom: -30px;

  margin: 0 auto;

  left: 0;

  right: 0;

  background-color: #f7f7f7;
}

.service-item:hover h3 a {
  color: #ff3900;
}

.service-item h3 {
  margin-bottom: 25px;
}

.service-item h3 a {
  display: block;

  color: #4d4c6b;
}

.service-item .service-item-img {
  width: 100px;

  height: 100px;

  margin-top: 20px;

  margin-left: auto;

  margin-right: auto;

  position: relative;
}

.service-item .service-item-img .img-circle {
  position: absolute;

  width: 90px;

  height: 90px;

  text-align: center;

  margin: 0 auto;

  top: 0;

  left: 0;

  right: 0;

  border: 1px dashed #1a1b1e;

  border-radius: 50px;

  -webkit-animation: rotated360 9s infinite linear;

  animation: rotated360 9s infinite linear;
}

.service-item .service-item-img .img-circle::after {
  content: "";

  position: absolute;

  width: 10px;

  height: 10px;

  text-align: center;

  top: 20px;

  left: 0;

  background-color: #ff3900;

  border-radius: 50px;
}

.service-item .service-item-img a {
  display: block;

  top: 25px;

  position: relative;

  z-index: 1;

  -webkit-animation: none;

  animation: none;
}

.service-item .service-item-img a img {
  -webkit-animation: none;

  animation: none;

  max-width: 100%;

  height: 40px;
}

.service-item p {
  margin-top: 10px;

  margin-bottom: 15px;
}

.service-item .learn-btn {
  color: #ff3900;

  font-weight: 600;
}

.service-item .learn-btn i {
  position: relative;

  top: 3px;

  margin-left: 10px;

  width: 20px;

  height: 20px;

  line-height: 20px;

  border: 1px dashed #ff3900;

  border-radius: 50px;

  text-align: center;

  -webkit-transition: 0.7s;

  transition: 0.7s;
}

.service-item .learn-btn:hover {
  color: #2966be;
}

.service-item .learn-btn:hover i {
  color: #2966be;

  border-color: #2966be;

  -webkit-animation: rotated360 9s infinite linear;

  animation: rotated360 9s infinite linear;
}

.service-two-shape .shape-in1 {
  position: absolute;

  top: 0;

  left: 20%;

  -webkit-animation: flash 3s infinite linear;

  animation: flash 3s infinite linear;
}

.service-two-shape .shape-in2 {
  position: absolute;

  top: 30%;

  left: 5%;

  -webkit-animation: animationFramesOne 15s linear infinite;

  animation: animationFramesOne 15s linear infinite;
}

.service-two-shape .shape-in3 {
  position: absolute;

  top: 40%;

  left: 2%;

  -webkit-animation: rotated360 6s infinite linear;

  animation: rotated360 6s infinite linear;
}

.service-two-shape .shape-in4 {
  position: absolute;

  top: 45%;

  right: 5%;

  -webkit-animation: running-in 16s infinite linear;

  animation: running-in 16s infinite linear;
}

.service-two-shape .shape-in5 {
  position: absolute;

  top: 60%;

  right: 2%;

  -webkit-animation: flash 3s infinite linear;

  animation: flash 3s infinite linear;
}

.service-another {
  padding-top: 70px;

  position: relative;
}

.service-another .section-title h2 {
  max-width: 780px;

  margin-left: auto;

  margin-right: auto;
}

.service-area-three .section-title p {
  max-width: 725px;

  margin-left: auto;

  margin-right: auto;

  margin-bottom: 10px;
}

.service-item-two {
  text-align: center;

  padding: 30px;
}

.service-item-two:hover h3 a {
  color: #ff3900;
}

.service-item-two a {
  display: block;
}

.service-item-two a img {
  max-width: 100%;

  margin-bottom: 20px;
}

.service-item-two h3 {
  margin-bottom: 10px;
}

.service-item-two h3 a {
  color: #2a284f;
}

.service-item-two p {
  margin-bottom: 0;
}

.service-another-card {
  margin-bottom: 50px;

  text-align: center;

  padding: 40px 30px;

  background-color: #ffffff;

  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  position: relative;

  z-index: 1;

  border-radius: 5px;
}

.service-another-card > a > img {
  border-radius: 50%;

  max-width: 100px;

  max-height: 100px;

  width: 100%;

  height: 100%;
}

.service-another-card:hover::before {
  height: 100%;

  opacity: 1;
}

.service-another-card:hover a img {
  border: solid;

  color: #fff;
}

.service-another-card:hover h3 a {
  color: #ffffff;
}

.service-another-card:hover p {
  color: #ffffff;
}

.service-another-card:hover .learn-btn {
  color: #ffffff;
}

.service-another-card:hover .learn-btn i {
  color: #ffffff;

  border-color: #ffffff;

  -webkit-animation: rotated360 9s infinite linear;

  animation: rotated360 9s infinite linear;
}

.service-another-card::before {
  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  width: 100%;

  height: 0;

  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#14c873),
    to(#26714d)
  );

  background-image: linear-gradient(to bottom, #14c873, #26714d);

  opacity: 0;

  -webkit-transition: 0.7s;

  transition: 0.7s;

  border-radius: 5px;
}

.service-another-card a {
  display: block;
}

.service-another-card a .service-icon {
  width: 75px;

  height: 75px;

  line-height: 75px;

  border-radius: 50px;

  font-size: 30px;

  display: inline-block;

  color: #ffffff;

  margin-bottom: 20px;
}

.service-another-card h3 {
  margin-bottom: 15px;
}

.service-another-card h3 a {
  display: block;

  color: #2a284f;
}

.service-another-card p {
  margin-bottom: 15px;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;
}

.service-another-card .learn-btn {
  color: #313b3f;

  font-weight: 600;
}

.service-another-card .learn-btn i {
  position: relative;

  top: 3px;

  margin-left: 10px;

  width: 20px;

  height: 20px;

  line-height: 20px;

  border: 1px dashed #313b3f;

  border-radius: 50px;

  text-align: center;

  -webkit-transition: 0.7s;

  transition: 0.7s;
}

.service-another-card .learn-btn:hover {
  color: #ffffff;
}

.service-another-card .learn-btn:hover i {
  color: #ffffff;

  border-color: #ffffff;

  -webkit-animation: rotated360 9s infinite linear;

  animation: rotated360 9s infinite linear;
}

.service-another-shape .shape-1 {
  position: absolute;

  top: 10%;

  left: 10%;

  -webkit-animation: animationFramesOne 15s linear infinite;

  animation: animationFramesOne 15s linear infinite;
}

.service-another-shape .shape-2 {
  position: absolute;

  top: 50%;

  left: 3%;

  -webkit-animation: rotated360 6s infinite linear;

  animation: rotated360 6s infinite linear;
}

.service-another-shape .shape-3 {
  position: absolute;

  top: 80%;

  left: 1%;

  -webkit-animation: running-in 16s infinite linear;

  animation: running-in 16s infinite linear;
}

.service-another-shape .shape-4 {
  position: absolute;

  top: 13%;

  right: 5%;

  -webkit-animation: running-in 10s infinite linear;

  animation: running-in 10s infinite linear;
}

.service-another-shape .shape-5 {
  position: absolute;

  top: 35%;

  right: 3%;

  -webkit-animation: running-in 16s infinite linear;

  animation: running-in 16s infinite linear;
}

.service-another-shape .shape-6 {
  position: absolute;

  top: 55%;

  right: 1%;

  -webkit-animation: rotated360 6s infinite linear;

  animation: rotated360 6s infinite linear;
}

.service-icon-bg {
  background-color: #96e01e;
}

.service-icon-bg1 {
  background-color: #ff3900;
}

.service-icon-bg2 {
  background-color: #175dbf;
}

.service-icon-bg3 {
  background-color: #11aa25;
}

.service-icon-bg4 {
  background-color: #b60db1;
}

.service-icon-bg5 {
  background-color: #f51912;
}

.service-list-content {
  margin-bottom: 30px;

  background-color: #ffffff;

  padding: 30px;

  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}

.service-list-content:hover h3 {
  color: #ff3900;
}

.service-list-content h3 {
  font-size: 22px;

  color: #2a284f;

  margin-bottom: 10px;

  -webkit-transition: 0.7s;

  transition: 0.7s;
}

.service-list-content p {
  margin-bottom: 20px;
}

.service-list-content ul {
  list-style: none;

  margin: 0;

  padding: 0;
}

.service-list-content ul li {
  display: block;

  margin-bottom: 20px;

  color: #1a1b1e;

  font-size: 17px;

  font-weight: 600;
}

.service-list-content ul li:last-child {
  margin-bottom: 0;
}

.service-list-content ul li i {
  font-size: 20px;

  color: #ffffff;

  display: inline-block;

  width: 30px;

  text-align: center;

  height: 30px;

  line-height: 25px;

  background-color: #2966be;

  border-radius: 5px 10px 60px 10px;

  margin-right: 10px;
}

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

Service Area End

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

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

Service Details Area 

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

.service-left {
  margin-bottom: 30px;
}

.service-left p {
  margin-bottom: 30px;
}

.service-content img {
  margin-bottom: 30px;

  width: 100%;
}

.service-content h2 {
  font-size: 30px;

  color: #1a1b1e;

  margin-bottom: 20px;
}

.service-content p {
  margin-bottom: 30px;
}

.service-content-card {
  margin-bottom: 30px;

  padding: 30px;

  background-color: #ffffff;

  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  -webkit-transition: 0.7s;

  transition: 0.7s;
}

.service-content-card:hover {
  -webkit-transform: translateY(-5px);

  transform: translateY(-5px);
}

.service-content-card:hover h3 {
  color: #ff3900;
}

.service-content-card h3 {
  margin-bottom: 10px;

  color: #2a284f;

  -webkit-transition: 0.7s;

  transition: 0.7s;
}

.service-content-card p {
  margin-bottom: 0;
}

.content-widget-area {
  margin-top: 20px;

  margin-bottom: 30px;
}

.content-widget-area .content-widget-text h2 {
  font-size: 28px;

  color: #1a1b1e;

  margin-bottom: 20px;
}

.content-widget-area .content-widget-text p {
  margin-bottom: 30px;
}

.content-widget-area .content-widget-text ul {
  list-style: none;

  margin: 0;

  padding: 0;
}

.content-widget-area .content-widget-text ul li {
  display: block;

  margin-bottom: 25px;

  color: #1a1b1e;

  font-size: 17px;

  font-weight: 600;
}

.content-widget-area .content-widget-text ul li:last-child {
  margin-bottom: 0;
}

.content-widget-area .content-widget-text ul li i {
  font-size: 20px;

  color: #ffffff;

  display: inline-block;

  width: 30px;

  text-align: center;

  height: 30px;

  line-height: 25px;

  background-color: #2966be;

  border-radius: 5px 10px 60px 10px;

  margin-right: 10px;
}

.service-widget-list {
  margin-top: 70px;

  margin-bottom: -80px;

  max-width: 780px;

  margin-left: auto;

  margin-right: auto;

  text-align: center;

  position: relative;
}

.service-widget-list::before {
  content: "";

  position: absolute;

  z-index: -1;

  width: 100%;

  height: 1px;

  top: 60px;

  left: 0;

  right: 0;

  text-align: center;

  border: 1px dashed #cacaca;
}

.service-widget-list ul {
  list-style: none;

  margin: 0;

  padding: 0;
}

.service-widget-list ul li {
  display: inline-block;

  margin-right: 30px;

  position: relative;

  padding: 20px 0;
}

.service-widget-list ul li:last-child {
  margin-right: 0;
}

.service-widget-list ul li:nth-child(1) {
  top: -15px;
}

.service-widget-list ul li:nth-child(2) {
  top: -85px;
}

.service-widget-list ul li:nth-child(3) {
  top: -15px;
}

.service-widget-list ul li:nth-child(4) {
  top: -85px;
}

.service-widget-list ul li.active span {
  background-color: #ff3900;

  border-color: #ffb3a5;

  color: #ffffff;
}

.service-widget-list ul li:hover span {
  background-color: #ff3900;

  border-color: #ffb3a5;

  color: #ffffff;
}

.service-widget-list ul li span {
  font-size: 18px;

  width: 75px;

  height: 75px;

  background-color: #ffffff;

  color: #ff3900;

  border-radius: 50px;

  text-align: center;

  line-height: 65px;

  font-weight: 600;

  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  margin-top: 20px;

  margin-bottom: 20px;

  border: 5px solid #fbfbfb;

  -webkit-transition: 0.7s;

  transition: 0.7s;

  display: inline-block;
}

.service-widget-list ul li .content {
  display: block;

  text-align: center;
}

.service-widget-list ul li .content h3 {
  font-weight: 500;

  line-height: 1;
}

.widget-category {
  margin-bottom: 35px;

  border: 1px dashed #ff3900;

  background-color: #ffffff;

  -webkit-box-shadow: 0 0 15px rgba(102, 102, 102, 0.1);

  box-shadow: 0 0 15px rgba(102, 102, 102, 0.1);
}

.widget-category h3 {
  font-size: 20px;

  color: #1a1b1e;

  border-bottom: 1px dashed #ff3900;

  padding: 15px 30px;

  font-weight: 500;
}

.widget-category ul {
  list-style: none;

  margin: 20px 0;

  padding: 0;
}

.widget-category ul li {
  display: block;

  padding: 10px 30px;

  margin: 10px 10px;

  font-size: 16px;

  background-color: #fef4f0;

  font-weight: 500;
}

.widget-category ul li a {
  color: #ff3900;
}

.widget-category ul li:hover {
  background-color: #ff3900;
}

.widget-category ul li:hover a {
  color: #ffffff;
}

.service-widget-two {
  margin-bottom: 35px;

  border: 1px dashed #ff3900;

  background-color: #ffffff;

  -webkit-box-shadow: 0 0 15px rgba(102, 102, 102, 0.1);

  box-shadow: 0 0 15px rgba(102, 102, 102, 0.1);
}

.service-widget-two h2 {
  font-size: 20px;

  color: #1a1b1e;

  border-bottom: 1px dashed #ff3900;

  padding: 15px 30px;

  font-weight: 500;
}

.service-widget-two ul {
  list-style: none;

  margin: 0;

  padding: 0;
}

.service-widget-two ul li {
  display: block;

  position: relative;

  padding-top: 25px;

  padding-bottom: 25px;

  border-bottom: 1px dashed #ff3900;
}

.service-widget-two ul li:last-child {
  border-bottom: none;
}

.service-widget-two ul li i {
  font-size: 40px;

  color: #ff3900;

  display: inline-block;

  position: absolute;

  top: 18px;

  left: 30px;
}

.service-widget-two ul li .content {
  display: inline-block;

  margin-left: 95px;
}

.service-widget-two ul li .content h3 {
  font-size: 17px;

  color: #6c6c6c;

  margin-bottom: 5px;

  font-weight: 400;
}

.service-widget-two ul li .content span {
  color: #2a284f;

  font-weight: 600;

  font-size: 16px;
}

.service-widget-two ul li .content span.active a {
  color: #ff3900;
}

.service-widget-two ul li .content span a {
  display: block;

  color: #2a284f;

  font-weight: 600;
}

.service-widget-two ul li .content span:hover {
  color: #ff3900;
}

.service-widget-two ul li .content span:hover a {
  color: #ff3900;
}

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

Service Details Area End 

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

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

Case Studies Area 

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

.case-studies-content .images-top {
  margin-bottom: 30px;
}

.case-studies-content .images-top img {
  width: 100%;
}

.case-studies-content span {
  font-size: 16px;

  color: #ff3900;

  margin-bottom: 10px;
}

.case-studies-content h2 {
  font-size: 26px;

  color: #2a284f;

  margin-bottom: 20px;
}

.case-studies-content p {
  margin-bottom: 30px;
}

.case-study-card {
  text-align: center;

  background-color: #ffffff;

  margin-bottom: 30px;

  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  -webkit-transition: 0.7s;

  transition: 0.7s;
}

.case-study-card:hover {
  -webkit-transform: translateY(-5px);

  transform: translateY(-5px);
}

.case-study-card:hover .content h3 a {
  color: #ff3900;
}

.case-study-card a {
  display: block;
}

.case-study-card a img {
  max-width: 100%;

  border-radius: 5px 5px 0 0;
}

.case-study-card .content {
  padding: 20px;
}

.case-study-card .content h3 {
  font-size: 22px;

  margin-bottom: 5px;
}

.case-study-card .content h3 a {
  display: block;

  color: #2a284f;

  -webkit-transition: 0.7s;

  transition: 0.7s;
}

.case-study-card .content span {
  font-size: 16px;

  color: #6c6c6c;
}

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

Case Studies Area End 

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

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

History Area

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

.history-list {
  margin-top: 40px;

  margin-bottom: 70px;

  max-width: 1140px;

  margin-left: auto;

  margin-right: auto;

  text-align: center;

  position: relative;
}

.history-list::before {
  content: "";

  position: absolute;

  z-index: -1;

  width: 100%;

  height: 1px;

  top: 40px;

  left: 0;

  right: 0;

  text-align: center;

  border: 1px dashed #cacaca;
}

.history-list ul {
  list-style: none;

  margin: 0;

  padding: 0;
}

.history-list ul li {
  display: inline-block;

  margin-right: 100px;
}

.history-list ul li:last-child {
  margin-right: 0;
}

.history-list ul li.active i {
  background-color: #ff3900;

  border-color: #ffb3a5;

  color: #ffffff;
}

.history-list ul li:hover i {
  background-color: #ff3900;

  border-color: #ffb3a5;

  color: #ffffff;
}

.history-list ul li i {
  font-size: 40px;

  width: 75px;

  height: 75px;

  background-color: #ffffff;

  color: #ff3900;

  border-radius: 50px;

  text-align: center;

  line-height: 65px;

  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  margin-bottom: 20px;

  border: 5px solid #fbfbfb;

  -webkit-transition: 0.7s;

  transition: 0.7s;
}

.history-list ul li .content {
  display: block;

  text-align: center;
}

.history-list ul li .content h3 {
  font-weight: 500;

  line-height: 1;
}

.history-list ul li .content span {
  font-size: 16px;

  color: #1a1b1e;

  margin-bottom: 0;
}

.history-content {
  margin-bottom: 30px;
}

.history-content h2 {
  font-size: 30px;

  margin-bottom: 15px;
}

.history-content p {
  margin-bottom: 20px;
}

.history-content .default-btn {
  margin-top: 10px;
}

.history-img {
  margin-bottom: 30px;

  margin-left: 45px;
}

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

History Area End

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

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

Courses Area 

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

.courses-area .section-title p {
  max-width: 720px;

  margin-left: auto;

  margin-right: auto;
}

.courses-card {
  margin-bottom: 30px;

  background-color: #313b3f;

  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  padding: 30px 100px 30px 30px;

  position: relative;

  -webkit-transition: 0.7s;

  transition: 0.7s;

  color: #fff;
}

.courses-card:hover {
  /*

  -webkit-transform: translateY(-10px);

          transform: translateY(-10px);

  */
}

.courses-card:hover h3 a {
  color: #ff3900;
}

.courses-card .instructor {
  margin-bottom: 15px;
}

.courses-card .instructor img {
  display: inline-block;

  margin-right: 10px;
}

.courses-card .instructor .name {
  font-size: 16px;

  display: inline-block;

  position: relative;

  top: 3px;
}

.courses-card .instructor .name a {
  display: block;

  color: #2a284f;
}

.courses-card h3 {
  color: #2a284f;

  text-align: center;
}

.courses-card h3 a {
  display: block;

  color: #fff;
}

.courses-card p {
  max-width: 400px;

  margin-bottom: 15px;
}

.courses-card ul {
  list-style: none;

  margin: 0;

  padding: 0;

  text-align: center;
}

.courses-card ul li {
  display: inline-block;

  font-size: 18px;

  margin-right: 20px;
}

.courses-card ul li:last-child {
  margin-right: 0;
}

.courses-card ul li i {
  font-size: 16px;

  color: #fff;

  margin-right: 5px;
}

.courses-card .images {
}

.courses-card .images a {
  display: block;
}

.courses-card .images a img {
  max-width: 100%;

  width: 100%;
}

.courses-card .images .rate {
  position: absolute;

  top: 10px;

  right: 130px;
}

.courses-card .images .rate a {
  display: inline-block;

  text-align: center;

  font-size: 16px;

  border-radius: 50px;

  width: 60px;

  height: 60px;

  line-height: 60px;

  color: #ffffff;

  font-weight: 600;

  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#ff2500),
    to(#ff7100)
  );

  background-image: linear-gradient(to bottom, #ff2500, #ff7100);
}

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

Courses Area End

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

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

 Course Details Area Style

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

.course-details-area .course-details-content h3 {
  font-size: 24px;

  margin-bottom: 25px;
}

.course-details-area .course-details-content img {
  margin-bottom: 30px;

  width: 100%;

  max-height: 450px;
}

.course-details-area .course-rating {
  position: relative;

  margin-bottom: 30px;

  padding-left: 70px;
}

.course-details-area .course-rating h4 {
  font-size: 18px;
}

.course-details-area .course-rating h4 a {
  color: #1a1b1e;
}

.course-details-area .course-rating h4 a:hover {
  color: var(--main-color);
}

.course-details-area .course-rating span {
  font-size: 14px;
}

.course-details-area .course-rating img {
  position: absolute;

  top: 0;

  left: 0;

  border-radius: 50%;

  max-width: 55px;
}

.course-details-area .course-rating.star {
  float: right;
}

.course-details-area .course-rating.star .rating {
  display: inline-block;
}

.course-details-area .course-rating.star .rating i {
  color: #ff3900;
}

.course-details-area .course-rating.star .rating-count {
  display: inline-block;

  color: #2a284f;

  line-height: initial;
}

.course-details-area .course-details-tab {
  margin-bottom: 30px;

  background: #313b3f;

  padding: 10px;

  border-radius: 0px 0px 10px 10px;
}

.course-details-area .course-details-tab .tabs {
  background-color: #f5f6fa;

  text-align: center;

  padding: 20px 30px;

  margin-bottom: 30px;

  border-radius: 5px;
}

.course-details-area .course-details-tab .tabs li {
  display: inline-block;

  padding: 0 20px;
}

.course-details-area .course-details-tab .tabs li a {
  color: #2a284f;

  font-weight: 500;
}

.course-details-area .course-details-tab .tabs li.current a {
  color: #ff3900;

  position: relative;
}

.course-details-area .course-details-tab .tabs li.current a::before {
  content: "";

  position: absolute;

  bottom: -20px;

  left: 0;

  width: 100%;

  height: 2px;

  background-color: #ff3900;
}

.course-details-area .tab_content h3 {
  margin-bottom: 0 !important;
}

.course-details-area .course-list {
  padding-left: 10px;

  margin-bottom: 15px;

  margin-top: 15px;

  list-style-type: none;
}

.course-details-area .course-list li {
  position: relative;

  padding-left: 35px;

  margin-bottom: 15px;
}

.course-details-area .course-list li:last-child {
  margin-bottom: 0;
}

.course-details-area .course-list li i {
  position: absolute;

  left: 0;

  top: -3px;

  color: #ff3900;

  font-size: 30px;
}

.course-details-area .curriculum-content {
  border: 1px solid #eeeeee36;

  border-radius: 10px;
}

.course-details-area .curriculum-content h3 {
  padding: 30px;

  border-bottom: 1px solid #eeeeee36;

  margin-bottom: 0;
}

.course-details-area .curriculum-content h4 {
  font-size: 18px;

  padding: 20px 30px;
}

.course-details-area .curriculum-content ul {
  list-style: none;

  margin: 0;

  padding: 0;
}

.course-details-area .curriculum-content ul li {
  background-color: #fff;

  position: relative;

  padding: 15px 30px;

  border-radius: 10px;

  margin: 10px;
}

.course-details-area .curriculum-content ul li .meet-title {
  color: #2a284f;
}

.course-details-area .curriculum-content ul li .meet-title i {
  color: #ff3900;

  font-size: 18px;

  position: relative;

  top: 2px;

  margin-right: 5px;
}

.course-details-area .curriculum-content ul li .meet-time {
  position: absolute;

  top: 15px;

  right: 30px;

  display: flex;
}

.course-details-area .curriculum-content ul li .meet-time .min {
  background: #f7e7e8;

  padding: 4px 6px;

  font-size: 14px;

  border-radius: 5px;

  margin-right: 5px;
}

.course-details-area .curriculum-content ul li .meet-time .preview {
  background: #e3f1f2;

  color: #2dbbc4;

  padding: 4px 6px;

  font-size: 14px;

  border-radius: 5px;

  border: none;
}

.course-details-area .curriculum-content ul li .meet-time i {
  margin-left: 5px;
}

.course-details-area .curriculum-content ul li .transparent {
  background-color: transparent;
}

.course-details-area .advisor-content a {
  display: block;
}

.course-details-area .advisor-content a h3 {
  margin-bottom: 10px;
}

.course-details-area .advisor-content span {
  margin-bottom: 15px;

  display: block;
}

.course-details-area .advisor-content p {
  margin-bottom: 20px;
}

.course-details-area .advisor-content ul {
  list-style-type: none;

  margin: 0;

  padding: 0;
}

.course-details-area .advisor-content ul li {
  display: inline-block;

  padding: 0 5px;
}

.course-details-area .advisor-content ul li a i {
  width: 30px;

  height: 30px;

  line-height: 30px;

  background-color: #f5f6fa;

  font-size: 16px;

  text-align: center;

  border-radius: 50px;

  -webkit-transition: 0.7s;

  transition: 0.7s;

  color: #ff3900;
}

.course-details-area .advisor-content ul li a:hover i {
  background-color: #ff3900;

  color: #ffffff;
}

.course-details-area .review-content h3 {
  display: inline-block;
}

.course-details-area .review-content .rating-star {
  display: inline-block;

  position: relative;

  top: 2px;

  margin-left: 10px;
}

.course-details-area .review-content .rating-star li {
  display: inline-block;
}

.course-details-area .review-content .rating-star li i {
  color: #ff3900;

  font-size: 18px;
}

.course-details-area .review-content span {
  display: block;

  margin-top: 15px;

  margin-bottom: 30px;
}

.course-details-area .review-content .rating-bar-content .single-bar {
  position: relative;

  margin-bottom: 20px;
}

.course-details-area
  .review-content
  .rating-bar-content
  .single-bar
  .rating-bar {
  width: 100%;

  background-color: #dddddd;

  border-radius: 10px;
}

.course-details-area
  .review-content
  .rating-bar-content
  .single-bar
  .rating-bar
  .skills {
  text-align: right;

  padding-top: 8px;

  padding-bottom: 8px;

  color: #ff3900;

  border-radius: 10px;
}

.course-details-area
  .review-content
  .rating-bar-content
  .single-bar
  .rating-bar
  .skills.html {
  width: 90%;

  background-color: #4caf50;

  border-radius: 10px;
}

.course-details-area
  .review-content
  .rating-bar-content
  .single-bar
  .rating-bar
  .skills.css {
  width: 80%;

  background-color: #2196f3;

  border-radius: 10px;
}

.course-details-area
  .review-content
  .rating-bar-content
  .single-bar
  .rating-bar
  .skills.js {
  width: 65%;

  background-color: #f44336;

  border-radius: 10px;
}

.course-details-area
  .review-content
  .rating-bar-content
  .single-bar
  .rating-bar
  .skills.php {
  width: 60%;

  background-color: #808080;

  border-radius: 10px;
}

.course-details-area .review-content .rating-bar-content .single-bar .start {
  margin-bottom: 5px;
}

.course-details-area .review-content .rating-bar-content .single-bar .percent {
  position: absolute;

  right: 0;

  top: 0;

  margin-bottom: 5px;
}

.course-details-area .review-content .course-reviews-content {
  margin-top: 35px;
}

.course-details-area .review-content .course-reviews-content h3 {
  margin-bottom: 30px;

  padding-bottom: 10px;

  border-bottom: 1px solid #eeeeee;

  display: block;
}

.course-details-area .review-content .course-reviews-content .course-reviews {
  margin-top: 30px;

  list-style: none;

  padding: 0;
}

.course-details-area
  .review-content
  .course-reviews-content
  .course-reviews
  li {
  position: relative;

  padding-left: 100px;
}

.course-details-area
  .review-content
  .course-reviews-content
  .course-reviews
  li
  img {
  position: absolute;

  top: 0;

  left: 0;
}

.course-details-area
  .review-content
  .course-reviews-content
  .course-reviews
  li
  h3 {
  margin-bottom: 15px;

  border: none;

  padding-bottom: 0;
}

.course-details-area
  .review-content
  .course-reviews-content
  .course-reviews
  li
  span {
  margin: 0;

  color: #2a284f;

  display: block;

  margin-bottom: 10px;
}

.account-wrap {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  border: 1px solid #eaedff;
}

.account-wrap ul {
  overflow: hidden;

  padding: 15px 30px;

  list-style: none;

  margin: 0;
}

.account-wrap ul li {
  font-weight: 500;

  padding-bottom: 31px;

  position: relative;

  color: #2a284f;
}

.account-wrap ul li::before {
  content: "";

  position: absolute;

  bottom: 15px;

  left: -30px;

  width: 200%;

  height: 1px;

  background-color: #eaedff;
}

.account-wrap ul li:last-child {
  padding-bottom: 0;
}

.account-wrap ul li:last-child::before {
  display: none;
}

.account-wrap ul li .bold {
  font-weight: 500;

  color: #ff3900;
}

.account-wrap ul li span {
  font-weight: normal;

  float: right;

  color: #6c6c6c;
}

.account-wrap ul li a {
  float: right;

  color: #2a284f;
}

.account-wrap ul li a:hover {
  color: #ff3900;
}

.account-wrap .default-btn {
  margin-bottom: 30px;

  display: block;

  margin-top: 20px;

  margin-left: 30px;

  margin-right: 30px;
}

.account-wrap .social-content {
  position: relative;
}

.account-wrap .social-content p {
  margin-left: 30px;

  margin-right: 30px;

  padding-bottom: 5px;

  text-align: center;

  cursor: pointer;
}

.account-wrap .social-content p i {
  font-size: 20px;

  position: relative;

  top: 3px;
}

.account-wrap .social-content ul {
  list-style: none;

  margin: 0;

  padding: 0;

  position: absolute;

  top: 15px;

  left: 0;

  right: 0;

  text-align: center;

  -webkit-transform: scaleX(0);

  transform: scaleX(0);

  -webkit-transition: 0.7s;

  transition: 0.7s;
}

.account-wrap .social-content ul li {
  display: inline-block;

  border: none;

  padding: 0;
}

.account-wrap .social-content ul li::before {
  display: none;
}

.account-wrap .social-content ul li a i {
  width: 30px;

  height: 30px;

  background-color: #f5f6fa;

  line-height: 30px;

  text-align: center;

  border-radius: 50px;

  font-size: 18px;

  -webkit-transition: 0.7s;

  transition: 0.7s;
}

.account-wrap .social-content ul li a:hover i {
  background-color: #ff3900;

  color: #ffffff;
}

.account-wrap .social-content:hover ul {
  -webkit-transform: scaleX(1);

  transform: scaleX(1);
}

.teachers-area-style .section-title {
  margin-top: -10px;
}

.tab .tabs_item {
  display: none;
}

.tab .tabs_item:first-child {
  display: block;
}

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

 Course Details Area Style End

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

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

Work Area 

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

.work-area {
  background-image: url(../img/work-bg.png);

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

  position: relative;
}

.work-card {
  text-align: center;

  margin-bottom: 30px;
}

.work-card.active h2 {
  color: #ff3900;
}

.work-card.active h2::before {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ff2500),
    to(#ff7100)
  ) !important;

  background-image: linear-gradient(to right, #ff2500, #ff7100) !important;
}

.work-card h2 {
  font-size: 40px;

  font-weight: 500;

  color: #2966be;

  width: 130px;

  height: 100px;

  margin: 0 auto;

  line-height: 100px;

  text-align: center;

  background-color: #ffffff;

  border-radius: 30% 70% 30% 70%;

  position: relative;
}

.work-card h2::before {
  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  width: 100%;

  height: 100%;

  background-color: #2966be;

  border-radius: 70% 30% 70% 30%;

  -webkit-transform: rotate(20deg);

  transform: rotate(20deg);
}

.work-card h3 {
  font-size: 20px;

  color: #2966be;

  margin-top: 20px;

  margin-bottom: 10px;
}

.work-card p {
  margin-bottom: 0;
}

.work-shape {
  position: absolute;

  z-index: -1;

  top: 200px;

  left: 70px;

  right: 0;
}

.work-area-two {
  background-image: url(../img/work-bg2.png);

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;
}

.work-item-list ul {
  list-style: none;

  margin: 0;

  padding: 0;
}

.work-item-list ul li {
  display: block;

  float: right;

  margin-bottom: 30px;
}

.work-item-list ul li h3 {
  color: #2a284f;

  margin-bottom: 10px;

  font-weight: 600;

  font-size: 22px;
}

.work-item-list ul li h3 span {
  margin-left: 15px;

  font-size: 18px;

  width: 35px;

  height: 35px;

  line-height: 35px;

  text-align: center;

  background-color: #ffffff;

  border-radius: 50px;

  display: inline-block;

  position: relative;
}

.work-item-list ul li h3 span::before {
  content: "";

  position: absolute;

  z-index: -1;

  top: -2px;

  left: -2px;

  right: 0;

  width: 40px;

  height: 40px;

  background-color: #2966be;

  border-radius: 70% 40% 70% 40%;
}

.work-item-list ul li p {
  margin-bottom: 0;
}

.work-item-list-2 {
  margin-left: 40px;
}

.work-item-list-2 ul {
  list-style: none;

  margin: 0;

  padding: 0;
}

.work-item-list-2 ul li {
  display: block;

  float: left;

  margin-bottom: 30px;
}

.work-item-list-2 ul li h3 {
  color: #2a284f;

  margin-bottom: 10px;

  font-weight: 600;

  font-size: 22px;
}

.work-item-list-2 ul li h3 span {
  margin-right: 15px;

  font-size: 18px;

  width: 35px;

  height: 35px;

  line-height: 35px;

  text-align: center;

  background-color: #ffffff;

  border-radius: 50px;

  display: inline-block;

  position: relative;
}

.work-item-list-2 ul li h3 span::before {
  content: "";

  position: absolute;

  z-index: -1;

  top: -2px;

  left: -2px;

  right: 0;

  width: 40px;

  height: 40px;

  background-color: #2966be;

  border-radius: 70% 40% 70% 40%;
}

.work-item-list-2 ul li p {
  margin-bottom: 0;
}

.work-img-2 {
  text-align: center;

  margin: 0 auto;
}

.work-img-2 img {
  text-align: center;

  margin: 0 auto;
}

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

Work Area End

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

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

Mission Area 

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

.mission-area {
  padding-bottom: 50px;

  position: relative;
}

.mission-content {
  max-width: 580px;

  margin-left: auto;
}

.mission-content p {
  margin-top: 10px;

  margin-bottom: 40px;
}

.mission-content .mission-list {
  margin-bottom: 20px;

  padding: 10px 10px 10px 35px;

  background-color: #ffffff;

  border-radius: 5px;

  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  position: relative;

  z-index: 1;
}

.mission-content .mission-list:hover::before {
  opacity: 1;

  width: 100%;
}

.mission-content .mission-list:hover span {
  color: #ffffff;
}

.mission-content .mission-list:hover p {
  color: #ffffff;
}

.mission-content .mission-list::before {
  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  width: 0;

  height: 100%;

  border-radius: 5px;

  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ff2500),
    to(#ff7100)
  );

  background-image: linear-gradient(to right, #ff2500, #ff7100);

  -webkit-transition: 0.7s;

  transition: 0.7s;

  opacity: 0;
}

.mission-content .mission-list i {
  position: absolute;

  z-index: 1;

  top: 0;

  left: 0;

  font-size: 20px;

  color: #ffffff;

  display: inline-block;

  width: 35px;

  text-align: center;

  height: 35px;

  line-height: 30px;

  background-color: #2966be;

  border-radius: 5px 5px 60px 5px;
}

.mission-content .mission-list span {
  color: #6c6c6c;

  margin-bottom: 10px;

  font-weight: 600;
}

.mission-content .mission-list p {
  color: #1a1b1e;

  margin-top: 0;

  margin-bottom: 0;

  font-weight: 600;

  font-size: 16px;
}

.mission-img {
  margin-left: 40px;
}

.mission-shape .shape1 {
  position: absolute;

  top: 10%;

  left: 2%;

  -webkit-animation: animationFramesOne 15s linear infinite;

  animation: animationFramesOne 15s linear infinite;
}

.mission-shape .shape2 {
  position: absolute;

  top: 64%;

  left: 1%;

  -webkit-animation: rotated360 6s infinite linear;

  animation: rotated360 6s infinite linear;
}

.mission-shape .shape3 {
  position: absolute;

  top: 10%;

  right: 45%;

  -webkit-animation: rotated360 15s linear infinite;

  animation: rotated360 15s linear infinite;
}

.mission-shape .shape4 {
  position: absolute;

  top: 15%;

  right: 7%;

  -webkit-animation: running-in 15s linear infinite;

  animation: running-in 15s linear infinite;
}

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

Mission Area End

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

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

Pricing Area 

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

.pricing-area {
  position: relative;
}

.pricing-area .section-title {
  margin-bottom: 45px;
}

.price-width {
  max-width: 1320px;

  background-color: #ffffff;

  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  padding: 60px;

  margin: 0 auto;
}

.color-1 {
  color: #313b3f;
}

.color-2 {
  color: #ff3900;
}

.color-3 {
  color: #1a1b1e;
}

.color-bg1 {
  background-color: #fff;
}

.color-bg2 {
  background-color: #fef4f0;
}

.color-bg3 {
  background-color: #f1f1f1;
}

.button-bg1 {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#0f0788),
    to(#280fb8)
  );

  background-image: linear-gradient(to right, #0f0788, #280fb8);
}

.button-bg1:hover {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ff2500),
    to(#ff7100)
  );

  background-image: linear-gradient(to right, #ff2500, #ff7100);
}

.button-bg2 {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ff2500),
    to(#ff7100)
  );

  background-image: linear-gradient(to right, #ff2500, #ff7100);
}

.button-bg2:hover {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#070100fa),
    to(#030200a8)
  );

  background-image: linear-gradient(to right, #070100fa, #030200a8);
}

.button-bg3 {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#070100fa),
    to(#030200a8)
  );

  background-image: linear-gradient(to right, #070100fa, #030200a8);
}

.button-bg3:hover {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#0f0788),
    to(#280fb8)
  );

  background-image: linear-gradient(to right, #0f0788, #280fb8);
}

.pricing-card {
  border: 2px dashed #313b3f;

  padding: 5px;

  -webkit-transition: 0.7s;

  transition: 0.7s;

  position: relative;
}

.pricing-card:hover {
  border-color: #fdd200;
}

.pricing-card .pricing-card-into {
  text-align: center;

  padding: 0 30px 30px;
}

.pricing-card .pricing-card-into .pricing-icon {
  position: relative;

  margin-top: -40px;

  background-color: #ffffff;

  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.03);

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.03);

  width: 95px;

  height: 95px;

  font-size: 83px;

  border-radius: 50px;

  display: inline-block;

  text-align: center;

  line-height: 95px;
}

.pricing-card .pricing-card-into h3 {
  font-size: 20px;

  margin-bottom: 15px;

  margin-top: 15px;

  font-weight: 500;

  background-color: #f7f7f7;

  padding: 10px;
}

.pricing-card .price-rate {
  padding-bottom: 10px;

  border-bottom: 1px solid #b7d0ee;

  margin-bottom: 20px;
}

.pricing-card .price-rate h2 {
  font-size: 45px;

  line-height: 1;

  margin-bottom: 0;
}

.pricing-card .price-rate span {
  font-size: 16px;
}

.pricing-card ul {
  list-style: none;

  padding: 0;

  margin: 0;
}

.pricing-card ul li {
  display: block;

  color: #1a1b1e;

  margin-top: 3px;
}

.pricing-card ul li i {
  color: #2966be;

  font-size: 24px;

  position: relative;

  top: 3px;
}

.pricing-card ul li del {
  color: #6c6c6c !important;
}

.pricing-card .purchase-btn {
  margin-top: 20px;

  padding: 12px 27px;

  color: #ffffff;

  text-align: center;

  position: relative;

  overflow: hidden;

  z-index: 1;

  text-transform: capitalize;

  border-radius: 50px;

  border: none;

  outline: none;
}

.pricing-shape .shape1 {
  position: absolute;

  top: 20%;

  left: 0%;

  -webkit-animation: running-in 16s infinite linear;

  animation: running-in 16s infinite linear;
}

.pricing-shape .shape2 {
  position: absolute;

  top: 50%;

  left: 1%;

  -webkit-animation: flash 5s infinite linear;

  animation: flash 5s infinite linear;
}

.pricing-shape .shape3 {
  position: absolute;

  bottom: 3%;

  left: 3%;

  -webkit-animation: animationFramesOne 15s linear infinite;

  animation: animationFramesOne 15s linear infinite;
}

.pricing-shape .shape4 {
  position: absolute;

  top: 7%;

  right: 7%;

  -webkit-animation: rotated360 6s infinite linear;

  animation: rotated360 6s infinite linear;
}

.pricing-shape .shape5 {
  position: absolute;

  top: 25%;

  right: 0;

  -webkit-animation: flash 5s infinite linear;

  animation: flash 5s infinite linear;
}

.pricing-shape .shape6 {
  position: absolute;

  top: 65%;

  right: 2%;

  -webkit-animation: running-in 16s infinite linear;

  animation: running-in 16s infinite linear;
}

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

Pricing Area End

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

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

Team Area 

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

.team-area {
  position: relative;
}

.team-area .section-title p {
  max-width: 700px;

  margin-left: auto;

  margin-right: auto;
}

.team-area .center .team-item .team-content {
  -webkit-transform: scale(1);

  transform: scale(1);
}

.team-bg-before::before {
  background-color: #2966be;
}

.team-bg-before-2::before {
  background-color: #1a1b1e;
}

.team-bg-before-3::before {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ff2500),
    to(#ff7100)
  );

  background-image: linear-gradient(to right, #ff2500, #ff7100);
}

.team-item {
  text-align: center;

  margin-bottom: 30px;
}

.team-item .team-img {
  position: relative;

  display: block;
}

.team-item .team-img img {
  border-radius: 40% 60% 40% 60%;
}

.team-item .team-img::before {
  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  width: 100%;

  height: 100%;

  border-radius: 60% 40% 60% 40%;

  z-index: -1;

  -webkit-transform: rotate(23deg);

  transform: rotate(23deg);
}

.team-item:hover .team-content {
  -webkit-transform: scale(1);

  transform: scale(1);
}

.team-item .team-content {
  margin-top: 20px;

  -webkit-transform: scale(0);

  transform: scale(0);

  -webkit-transition: 0.7s;

  transition: 0.7s;
}

.team-item .team-content h3 {
  font-size: 20px;

  margin-bottom: 0px;
}

.team-item .team-content h3 a {
  color: #2966be;
}

.team-item .team-content span {
  color: #1a1b1e;

  margin-bottom: 15px;
}

.team-item .team-content .social-link {
  margin: 15px 0 0;

  padding: 0;

  list-style: none;
}

.team-item .team-content .social-link li {
  display: inline-block;

  margin-right: 5px;
}

.team-item .team-content .social-link li a {
  border-radius: 50px;

  width: 35px;

  height: 35px;

  line-height: 40px;

  text-align: center;

  background-color: #ffffff;

  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.team-item .team-content .social-link li:nth-child(1) a {
  color: #3b5998;
}

.team-item .team-content .social-link li:nth-child(1) a:hover {
  color: #ff3900;

  -webkit-animation: tada 1s linear;

  animation: tada 1s linear;
}

.team-item .team-content .social-link li:nth-child(2) a {
  color: #55acee;
}

.team-item .team-content .social-link li:nth-child(2) a:hover {
  color: #ff3900;

  -webkit-animation: tada 1s linear;

  animation: tada 1s linear;
}

.team-item .team-content .social-link li:nth-child(3) a {
  color: #ff0000;
}

.team-item .team-content .social-link li:nth-child(3) a:hover {
  color: #ff3900;

  -webkit-animation: tada 1s linear;

  animation: tada 1s linear;
}

.team-item .team-content .social-link li:nth-child(4) a {
  color: #c80000;
}

.team-item .team-content .social-link li:nth-child(4) a:hover {
  color: #ff3900;

  -webkit-animation: tada 1s linear;

  animation: tada 1s linear;
}

.team-shape .team-shape1 {
  position: absolute;

  top: -60px;

  left: 0;

  right: 0;
}

.team-shape .team-shape2 {
  position: absolute;

  top: 20%;

  left: 10%;

  -webkit-animation: animationFramesOne 10s linear infinite;

  animation: animationFramesOne 10s linear infinite;
}

.team-shape .team-shape3 {
  position: absolute;

  top: 20%;

  right: 10%;

  -webkit-animation: rotated360 6s infinite linear;

  animation: rotated360 6s infinite linear;
}

.team-shape .team-shape4 {
  position: absolute;

  bottom: 5%;

  right: 40%;

  -webkit-animation: animationFramesOne 10s linear infinite;

  animation: animationFramesOne 10s linear infinite;
}

.team-two-shape .shape1 {
  position: absolute;

  top: 5%;

  left: 5%;

  -webkit-animation: animationFramesOne 10s linear infinite;

  animation: animationFramesOne 10s linear infinite;
}

.team-two-shape .shape2 {
  position: absolute;

  top: 40%;

  left: 2%;

  -webkit-animation: rotated360 6s infinite linear;

  animation: rotated360 6s infinite linear;
}

.team-two-shape .shape3 {
  position: absolute;

  top: 60%;

  left: 1%;

  -webkit-animation: running-in 15s linear infinite;

  animation: running-in 15s linear infinite;
}

.team-two-shape .shape4 {
  position: absolute;

  top: 5%;

  right: 10%;

  -webkit-animation: movebounce-up 4s linear infinite;

  animation: movebounce-up 4s linear infinite;
}

.team-two-shape .shape5 {
  position: absolute;

  top: 35%;

  right: 3%;

  -webkit-animation: rotated360 6s infinite linear;

  animation: rotated360 6s infinite linear;
}

.team-two-shape .shape6 {
  position: absolute;

  top: 65%;

  right: 5%;

  -webkit-animation: running-in 15s linear infinite;

  animation: running-in 15s linear infinite;
}

.team-two-shape .shape7 {
  position: absolute;

  bottom: 0;

  right: 35%;

  -webkit-animation: animationFramesOne 10s linear infinite;

  animation: animationFramesOne 10s linear infinite;
}

.team-area-two {
  position: relative;

  background: #313b3f;
}

.team-area-two .section-title h2 {
  max-width: 590px;

  margin-left: auto;

  margin-right: auto;
}

.team-area-two .owl-nav .owl-prev {
  position: absolute;

  top: 40%;

  left: 0;

  color: #ff3900 !important;

  background-color: transparent !important;

  -webkit-transition: 0.7s;

  transition: 0.7s;
}

.team-area-two .owl-nav .owl-prev i {
  font-size: 16px;

  width: 24px;

  height: 24px;

  line-height: 24px;

  text-align: center;

  border-radius: 50px;

  border: 1px dashed #ff3900;
}

.team-area-two .owl-nav .owl-prev:hover {
  color: #2a284f !important;

  background-color: transparent !important;
}

.team-area-two .owl-nav .owl-prev:hover i {
  border-color: #2a284f;
}

.team-area-two .owl-nav .owl-prev::before {
  content: "Prev";

  position: absolute;

  top: 0px;

  left: 35px;

  font-size: 16px;

  -webkit-transition: -webkit-transform 0.4s ease;

  transition: -webkit-transform 0.4s ease;

  transition: transform 0.4s ease;

  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.team-area-two .owl-nav .owl-next {
  position: absolute;

  top: 40%;

  right: 0;

  color: #ff3900 !important;

  background-color: transparent !important;

  -webkit-transition: 0.7s;

  transition: 0.7s;
}

.team-area-two .owl-nav .owl-next i {
  font-size: 16px;

  width: 24px;

  height: 24px;

  line-height: 24px;

  text-align: center;

  border-radius: 50px;

  border: 1px dashed #ff3900;
}

.team-area-two .owl-nav .owl-next:hover {
  color: #2a284f !important;

  background-color: transparent !important;
}

.team-area-two .owl-nav .owl-next:hover i {
  border-color: #2a284f;
}

.team-area-two .owl-nav .owl-next::before {
  content: "Next";

  position: absolute;

  top: 0px;

  right: 35px;

  font-size: 16px;

  -webkit-transition: -webkit-transform 0.4s ease;

  transition: -webkit-transform 0.4s ease;

  transition: transform 0.4s ease;

  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.team-card {
  margin-top: 45px;

  text-align: center;

  margin-bottom: 20px;
}

.team-card.active .content {
  -webkit-transform: scale(1);

  transform: scale(1);
}

.team-card:hover .content {
  -webkit-transform: scale(1);

  transform: scale(1);
}

.team-card a {
  display: block;
}

.team-card a img {
  max-width: 85%;
  border-radius: 50%;
  padding: 3px;
  background: linear-gradient(45deg,#fff,#845f0d);
  mask-composite: exclude;
}

.team-card .content {
  margin-top: 20px;
}

.team-card .content h3 {
  font-size: 20px;

  margin-bottom: 0px;
}

.team-card .content h3 a {
  color: #f1c403;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.team-card .content span {
  color: #fff;

  margin-bottom: 15px;
}

.team-card .content .social-link {
  margin: 15px 0 0;

  padding: 0;

  list-style: none;
}

.team-card .content .social-link li {
  display: inline-block;

  margin-right: 5px;
}

.team-card .content .social-link li a {
  border-radius: 50px;

  width: 35px;

  height: 35px;

  line-height: 35px;

  text-align: center;

  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  background: #fff;
}

.team-card .content .social-link li:nth-child(1) a {
  color: #313b3f;
}

.team-card .content .social-link li:nth-child(1) a:hover {
  color: #313b3f;

  -webkit-animation: tada 1s linear;

  animation: tada 1s linear;
}

.team-card .content .social-link li:nth-child(2) a {
  color: #313b3f;
}

.team-card .content .social-link li:nth-child(2) a:hover {
  color: #313b3f;

  -webkit-animation: tada 1s linear;

  animation: tada 1s linear;
}

.team-card .content .social-link li:nth-child(3) a {
  color: #313b3f;
}

.team-card .content .social-link li:nth-child(3) a:hover {
  color: #313b3f;

  -webkit-animation: tada 1s linear;

  animation: tada 1s linear;
}

.team-card .content .social-link li:nth-child(4) a {
  color: #313b3f;
}

.team-card .content .social-link li:nth-child(4) a:hover {
  color: #313b3f;

  -webkit-animation: tada 1s linear;

  animation: tada 1s linear;
}

.team-card-mt {
  margin-top: 0 !important;
}

.team-rotated {
  -webkit-transform: rotate(-5deg);

  transform: rotate(-5deg);

  margin-top: 100px;
}

.team-rotated-2 {
  -webkit-transform: rotate(-3deg);

  transform: rotate(-3deg);

  margin-top: 90px;
}

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

Team Area End

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

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

Testimonial Area 

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

.testimonial-area {
  background-image: url(../img/testimonial/testimonial-bg.jpg);

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;
}

.testimonial-area-mb {
  margin-bottom: 100px;
}

.testimonial-list {
  margin-left: auto;

  max-width: 610px;

  height: 530px;

  background-color: #ffdfd2;

  border-radius: 70% 50% 70% 50%;

  position: relative;

  border: 30px solid #ffe8df;
}

.testimonial-list .list-img-1 {
  position: absolute;

  top: -20px;

  left: 5%;

  -webkit-animation: pulse 1s linear infinite;

  animation: pulse 1s linear infinite;
}

.testimonial-list .list-img-2 {
  position: absolute;

  top: 40%;

  left: 0;

  right: 0;

  text-align: center;

  -webkit-animation: pulse 1s linear infinite;

  animation: pulse 1s linear infinite;
}

.testimonial-list .list-img-3 {
  position: absolute;

  top: 60%;

  left: -50px;

  -webkit-animation: pulse 1s linear infinite;

  animation: pulse 1s linear infinite;
}

.testimonial-list .list-img-4 {
  position: absolute;

  top: 5%;

  right: -20px;

  -webkit-animation: pulse 1s linear infinite;

  animation: pulse 1s linear infinite;
}

.testimonial-list .list-img-5 {
  position: absolute;

  bottom: 0;

  right: 110px;

  -webkit-animation: pulse 2s linear infinite;

  animation: pulse 2s linear infinite;
}

.testimonial-title h2 {
  font-size: 40px;

  color: #2a284f;

  font-weight: 500;

  margin-bottom: 40px;

  margin-left: 70px;
}

.testimonial-slider {
  max-width: 510px;

  margin-left: 70px;

  background-color: #ffffff;

  border: 1px dashed #c3c3c3;

  padding: 30px 30px 50px 30px;

  position: relative;
}

.testimonial-slider .owl-nav {
  position: absolute;

  right: 60px;

  bottom: 35px;
}

.testimonial-slider .owl-nav .owl-next {
  position: absolute;

  color: #ff3900 !important;

  background-color: transparent !important;

  -webkit-transition: 0.7s;

  transition: 0.7s;
}

.testimonial-slider .owl-nav .owl-next i {
  font-size: 16px;

  width: 24px;

  height: 24px;

  line-height: 24px;

  text-align: center;

  border-radius: 50px;

  border: 1px dashed #ff3900;
}

.testimonial-slider .owl-nav .owl-next:hover {
  color: #2a284f !important;

  background-color: transparent !important;
}

.testimonial-slider .owl-nav .owl-next:hover i {
  border-color: #2a284f;
}

.testimonial-slider .owl-nav .owl-next::before {
  content: "Next";

  position: absolute;

  top: 0px;

  right: 35px;

  font-size: 16px;

  -webkit-transition: -webkit-transform 0.4s ease;

  transition: -webkit-transform 0.4s ease;

  transition: transform 0.4s ease;

  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.testimonial-item p {
  font-size: 22px;

  color: #2a284f;

  margin-bottom: 20px;
}

.testimonial-item .content {
  display: inline-block;
}

.testimonial-item .content img {
  display: inline-block;

  margin-right: 20px;

  width: 70px !important;
}

.testimonial-item .content .content-title {
  display: inline-block;

  top: 10px;

  position: relative;
}

.testimonial-item .content .content-title h3 {
  font-size: 17px;

  color: #2a284f;

  margin-bottom: 0;
}

.testimonial-item .content .content-title span {
  font-size: 14px;

  color: #6c6c6c;
}

.testimonial-text {
  background-image: url(../img/testimonial/testimonial-bg3.png);

  width: 220px;

  height: 175px;

  text-align: center;

  padding: 50px 0px;
}

.testimonial-text h3 {
  font-size: 40px;

  color: #1a1b1e;

  line-height: 1;
}

.testimonial-text span {
  color: #1a1b1e;

  font-size: 16px;
}

.testimonial-content {
  position: relative;

  max-width: 100%;

  height: 460px;
}

.testimonial-content .testimonial-content1 {
  position: absolute;

  top: 0;

  left: 0;
}

.testimonial-content .testimonial-content2 {
  position: absolute;

  top: 7%;

  right: -2%;
}

.testimonial-content .testimonial-content3 {
  position: absolute;

  top: 50%;

  left: 0;
}

.testimonial-content .testimonial-content4 {
  position: absolute;

  top: 50%;

  right: 0;
}

.testimonial-content .testimonial-shape1 {
  position: absolute;

  top: 40%;

  left: 5%;
}

.testimonial-content .testimonial-shape2 {
  position: absolute;

  top: 39%;

  left: 0;

  right: 0;

  text-align: center;
}

.testimonial-slider-area {
  background-image: url(../img/testimonial/testimonial-bg2.png);

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

  padding: 150px 110px 85px 110px;
}

.testimonial-slider-area {
  position: relative;
}

.testimonial-slider-area .owl-nav .owl-prev {
  position: absolute;

  color: #ffffff !important;

  background-color: transparent !important;

  -webkit-transition: 0.7s;

  transition: 0.7s;

  font-size: 30px !important;

  left: 50% !important;

  bottom: -10px;
}

.testimonial-slider-area .owl-nav .owl-prev:hover {
  color: #2a284f !important;
}

.testimonial-slider-area .owl-nav .owl-next {
  position: absolute;

  color: #ffffff !important;

  background-color: transparent !important;

  -webkit-transition: 0.7s;

  transition: 0.7s;

  font-size: 30px !important;

  right: 37% !important;

  bottom: -10px;
}

.testimonial-slider-area .owl-nav .owl-next:hover {
  color: #2a284f !important;
}

.testimonial-title-2 h2 {
  font-size: 38px;

  color: #ffffff;

  font-weight: 500;

  margin-bottom: 20px;
}

.testimonial-item-2 p {
  font-size: 22px;

  color: #ffffff;

  margin-bottom: 20px;
}

.testimonial-item-2 .content {
  display: inline-block;
}

.testimonial-item-2 .content img {
  display: inline-block;

  margin-right: 20px;

  width: 70px !important;
}

.testimonial-item-2 .content .content-title {
  display: inline-block;

  top: 10px;

  position: relative;
}

.testimonial-item-2 .content .content-title h3 {
  font-size: 17px;

  color: #ffffff;

  margin-bottom: 0;
}

.testimonial-item-2 .content .content-title span {
  font-size: 14px;

  color: #ffffff;
}

.testimonial-widget-item {
  margin-bottom: 30px;

  background-color: #ffffff;

  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  padding: 30px 40px;
}

.testimonial-widget-item p {
  font-size: 22px;

  color: #2a284f;

  margin-bottom: 20px;
}

.testimonial-widget-item .content {
  display: inline-block;
}

.testimonial-widget-item .content img {
  display: inline-block;

  margin-right: 20px;

  width: 70px !important;
}

.testimonial-widget-item .content .content-title {
  display: inline-block;

  top: 10px;

  position: relative;
}

.testimonial-widget-item .content .content-title h3 {
  font-size: 17px;

  color: #2a284f;

  margin-bottom: 0;
}

.testimonial-widget-item .content .content-title span {
  font-size: 14px;

  color: #6c6c6c;
}

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

Testimonial Area End

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

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

Blog Area 

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

.blog-area {
  position: relative;

  z-index: 1;
}

.blog-area .section-title p {
  max-width: 620px;
}

.blog-bg {
  background-image: url(../img/blog/blog-bg.png);

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;
}

.blog-bg2 {
  position: relative;

  z-index: 1;
}

.blog-bg2::before {
  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  background-color: #f9f9f9;

  max-width: 1740px;

  margin: 0 auto;

  height: 80%;
}

.blog-title {
  margin-bottom: 45px;
}

.blog-title .section-title p {
  max-width: 620px;
}

.blog-btn {
  float: right;

  margin-top: 120px;

  margin-bottom: 45px;
}

.blog-card {
  margin-bottom: 30px;

  background-color: #ffffff;

  -webkit-transition: 0.7s;

  transition: 0.7s;

  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.03);

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.03);
}

.blog-card:hover {
  -webkit-transform: translateY(-10px);

  transform: translateY(-10px);
}

.blog-card:hover .content h3 a {
  color: #ff3900 !important;
}

.blog-card a {
  display: block;
}

.blog-card a img {
  max-width: 100%;
}

.blog-card .content {
  padding: 20px 30px;
}

.blog-card .content ul {
  list-style: none;

  margin: 0;

  padding: 0;

  display: flex;
}

.blog-card .content ul li {
  display: inline-block;

  font-size: 14px;

  color: #6c6c6c;

  margin-right: 30px;
}

.blog-card .content ul li:last-child {
  margin-right: 0;
}

.blog-card .content ul li i {
  color: #ff3900;

  font-size: 16px;

  margin-right: 5px;

  position: relative;

  top: 3px;
}

.blog-card .content ul li a {
  color: #6c6c6c;

  display: inline-block;
}

.blog-card .content ul li a:hover {
  color: #1a1b1e;
}

.blog-card .content h3 {
  margin-top: 5px;

  font-size: 22px;

  margin-bottom: 0;
}

.blog-card .content h3 a {
  display: block;

  color: #2966be;
}

.blog-card .content h3 .title-color {
  color: #2a284f !important;
}

.blog-shape .shape1 {
  position: absolute;

  top: 30%;

  left: 2%;

  -webkit-animation: animationFramesOne 10s linear infinite;

  animation: animationFramesOne 10s linear infinite;
}

.blog-shape .shape2 {
  position: absolute;

  top: 60%;

  left: 4%;

  -webkit-animation: animationFramesOne 15s linear infinite;

  animation: animationFramesOne 15s linear infinite;
}

.blog-shape .shape3 {
  position: absolute;

  top: 50%;

  right: 2%;

  -webkit-animation: flash 5s infinite linear;

  animation: flash 5s infinite linear;
}

.blog-shape .shape4 {
  position: absolute;

  top: 80%;

  right: 4%;

  -webkit-animation: rotated360 6s infinite linear;

  animation: rotated360 6s infinite linear;
}

.blog-area-widget .title h2 {
  font-size: 30px;

  color: #2a284f;

  margin-bottom: 30px;
}

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

Blog Area End

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

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

Blog Details Area

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

.blog-details-area {
  padding-top: 50px;
}

.blog-article .blog-article-img {
  margin-bottom: 30px;
}

.blog-article .blog-article-img img {
  width: 100%;
}

.blog-article .article-content h2 {
  font-size: 30px;

  margin-bottom: 20px;

  font-weight: 500;
}

.blog-article .article-content .content-text {
  position: relative;

  padding: 10px 0px 10px 0px;
}

.blog-article .article-content .content-text::before {
  position: absolute;

  font-size: 95px;

  color: #2a284f;

  top: -54px;

  left: 0;

  font-weight: 600;
}

.blog-article .article-content .content-text p {
  margin-left: 75px;

  margin-bottom: 10px;
}

.blog-article .article-content .blockquote {
  text-align: center;

  position: relative;

  margin-bottom: 20px;

  margin-top: 40px;

  background-color: #fff6f2;

  padding: 20px;

  border: 1px dashed #ff3900;
}

.blog-article .article-content .blockquote::before {
  content: "\ee83";

  position: absolute;

  top: -40px;

  right: 0;

  left: 0;

  text-align: center;

  font-size: 50px;

  font-weight: 400;

  color: #ff3900;

  font-family: boxicons;
}

.blog-article .article-content .blockquote p {
  font-size: 21px;

  color: #1a1b1e;

  font-weight: 600;

  margin-top: 20px;

  margin-right: 65px;

  margin-left: 65px;

  text-align: center;
}

.blog-article .article-content .blockquote span {
  text-align: center;

  font-size: 14px;

  color: #ff3900;

  margin-left: 30px;

  margin-bottom: 20px;

  position: relative;
}

.blog-article .article-content .blockquote span::before {
  content: "";

  position: absolute;

  bottom: 0;

  left: -30px;

  width: 30px;

  height: 1px;

  background-color: #ff3900;
}

.blog-article .another-content h2 {
  font-size: 30px;

  margin-bottom: 20px;

  font-weight: 500;
}

.blog-article .another-content p {
  margin-bottom: 30px;
}

.blog-article .another-content .content-img {
  margin-bottom: 30px;
}

.blog-article .another-content .content-img img {
  width: 100%;
}

.blog-article .blog-article-share {
  border: 1px dashed #313b3f;

  background-color: #313b3f26;

  padding-left: 15px;

  padding-right: 15px;

  padding-top: 10px;

  padding-bottom: 10px;

  margin-bottom: 40px;
}

.blog-article .blog-article-share .blog-tag ul {
  list-style: none;

  margin: 0;

  padding: 0;
}

.blog-article .blog-article-share .blog-tag ul li {
  display: inline-block;

  padding: 5px 8px;

  -webkit-transition: 0.7s;

  transition: 0.7s;

  color: #1a1b1e;

  font-weight: 600;
}

.blog-article .blog-article-share .blog-tag ul li a {
  color: #ff3900;
}

.blog-article .blog-article-share .blog-tag ul li:hover a {
  color: #2a284f;
}

.blog-article .blog-article-share .social-icon {
  margin: 0;

  padding: 0;

  list-style: none;

  float: right;
}

.blog-article .blog-article-share .social-icon li {
  display: inline-block;

  margin-right: 5px;
}

.blog-article .blog-article-share .social-icon li a {
  border-radius: 50px;

  width: 30px;

  height: 30px;

  line-height: 32px;

  text-align: center;

  color: #ffffff;
}

.blog-article .blog-article-share .social-icon li:nth-child(1) a {
  background-color: #3b5998;
}

.blog-article .blog-article-share .social-icon li:nth-child(1) a:hover {
  background-color: #ff3900;

  -webkit-animation: tada 1s linear;

  animation: tada 1s linear;
}

.blog-article .blog-article-share .social-icon li:nth-child(2) a {
  background-color: #55acee;
}

.blog-article .blog-article-share .social-icon li:nth-child(2) a:hover {
  background-color: #ff3900;

  -webkit-animation: tada 1s linear;

  animation: tada 1s linear;
}

.blog-article .blog-article-share .social-icon li:nth-child(3) a {
  background-color: #3f729b;
}

.blog-article .blog-article-share .social-icon li:nth-child(3) a:hover {
  background-color: #ff3900;

  -webkit-animation: tada 1s linear;

  animation: tada 1s linear;
}

.blog-article .blog-article-share .social-icon li:nth-child(4) a {
  background-color: #ff0000;
}

.blog-article .blog-article-share .social-icon li:nth-child(4) a:hover {
  background-color: #ff3900;

  -webkit-animation: tada 1s linear;

  animation: tada 1s linear;
}

.blog-article .blog-article-share .social-icon li:nth-child(5) a {
  background-color: #c80000;
}

.blog-article .blog-article-share .social-icon li:nth-child(5) a:hover {
  background-color: #ff3900;

  -webkit-animation: tada 1s linear;

  animation: tada 1s linear;
}

.blog-article .article-author {
  margin-bottom: 40px;

  border-radius: 5px;

  background-color: #ffffff;

  position: relative;

  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);

  padding: 60px 40px 10px;
}

.blog-article .article-author::before {
  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  width: 100%;

  height: 150px;

  background-color: #313b3f;

  border-radius: 5px 5px 0 0;
}

.blog-article .article-author ul {
  list-style: none;

  margin: 0;

  padding: 0;
}

.blog-article .article-author ul li {
  position: relative;

  z-index: 1;

  padding: 30px;

  padding-left: 150px;

  margin-bottom: 30px;
}

.blog-article .article-author ul li:last-child {
  margin-bottom: 0;

  border: none;
}

.blog-article .article-author ul li img {
  border-radius: 50%;

  position: absolute;

  top: 0;

  left: 0;

  border: 9px solid #fdd200;
}

.blog-article .article-author ul li h3 {
  margin-bottom: 0;

  font-size: 20px;

  color: #ffffff;

  font-weight: 500;
}

.blog-article .article-author ul li span {
  margin-bottom: 10px;

  display: block;

  color: #ffffff;
}

.blog-article .article-author ul li p {
  margin-top: 30px;

  margin-bottom: 0;
}

.blog-article .article-author .author-social-link {
  position: absolute;

  top: 110px;

  right: 40px;
}

.blog-article .article-author .author-social-link .social-icon {
  margin: 0;

  padding: 0;

  list-style: none;

  float: right;
}

.blog-article .article-author .author-social-link .social-icon li {
  display: inline-block;

  margin-right: 3px;

  padding: 0;

  margin-bottom: 0;
}

.blog-article .article-author .author-social-link .social-icon li a {
  border-radius: 50px;

  width: 30px;

  height: 30px;

  line-height: 32px;

  text-align: center;

  color: #ffffff;
}

.blog-article .article-author .author-social-link .social-icon li:hover a {
  color: #1a1b1e;
}

.blog-article .article-author .author-shape .shape1 {
  position: absolute;

  top: 0;

  left: 0;
}

.blog-article .article-author .author-shape .shape2 {
  position: absolute;

  top: 40px;

  left: 0;

  right: 0;

  text-align: center;
}

.blog-article .article-author .author-shape .shape-dots {
  position: absolute;

  top: 10%;

  right: 30%;
}

.blog-article .article-post {
  position: relative;

  margin-bottom: 40px;
}

.blog-article .article-post::before {
  content: "";

  position: absolute;

  top: 30px;

  left: 0;

  right: 0;

  margin: 0 auto;

  width: 1px;

  height: 60px;

  background-color: #eeeeee;
}

.blog-article .article-post .article-post-share {
  padding: 20px 30px;

  border: 1px dashed #ff3900;
}

.blog-article .article-post .article-post-share span {
  font-size: 14px;

  color: #ff3900;

  position: relative;

  font-weight: 600;

  margin-left: 40px;

  display: inline-block;
}

.blog-article .article-post .article-post-share span::before {
  content: "";

  position: absolute;

  left: -35px;

  width: 30px;

  height: 1px;

  bottom: 0;

  background-color: #ff3900;
}

.blog-article .article-post .article-post-share span a {
  color: #ff3900;

  display: inline-block;

  margin-bottom: 0;
}

.blog-article .article-post .article-post-share span a:hover {
  color: #2a284f;
}

.blog-article .article-post .article-post-share a {
  display: block;
}

.blog-article .article-post .article-post-share a h3 {
  font-size: 20px;

  margin-bottom: 0;

  margin-top: 15px;

  -webkit-transition: 0.7s;

  transition: 0.7s;

  max-width: 600px;

  color: #2a284f;
}

.blog-article .article-post .article-post-share a h3:hover {
  color: #ff3900;
}

.blog-article .comments-wrap {
  margin-top: 20px;

  padding-top: 20px;
}

.blog-article .comments-wrap .title {
  font-size: 24px;

  margin-bottom: 20px;

  color: #2a284f;

  font-weight: 500;
}

.blog-article .comments-wrap ul {
  list-style: none;

  margin: 0;

  padding: 0;
}

.blog-article .comments-wrap ul li {
  position: relative;

  padding: 30px;

  padding-left: 150px;

  margin-bottom: 30px;

  border-bottom: 1px solid #eeeeee;
}

.blog-article .comments-wrap ul li:last-child {
  margin-bottom: 0;

  border: none;
}

.blog-article .comments-wrap ul li img {
  border-radius: 50%;

  position: absolute;

  top: 35px;

  left: 30px;
}

.blog-article .comments-wrap ul li h3 {
  margin-bottom: 0;

  font-size: 20px;

  font-weight: 500;
}

.blog-article .comments-wrap ul li span {
  margin-bottom: 10px;

  display: block;
}

.blog-article .comments-wrap ul li p {
  margin-bottom: 0;
}

.blog-article .comments-wrap ul li a {
  position: absolute;

  top: 30px;

  right: 30px;

  color: #ff3900;

  font-weight: 500;
}

.blog-article .comments-wrap ul li a:hover {
  color: #2a284f;
}

.blog-article .comments-wrap ul li.ml-30 {
  margin-left: 30px;
}

.blog-article .comments-form {
  margin-top: 20px;

  margin-bottom: 30px;

  text-align: center;
}

.blog-article .comments-form .contact-form {
  background-color: #f4f4f4 !important;
}

.blog-article .comments-form .contact-form .form-group .form-control {
  border-radius: 25px;
}

.blog-widget-left {
  margin-bottom: 30px;
}

.blog-widget {
  margin-bottom: 35px;

  border: 3px solid #313b3f;

  background-color: #ffffff;

  -webkit-box-shadow: 0 0 15px rgba(102, 102, 102, 0.1);

  box-shadow: 0 0 15px rgba(102, 102, 102, 0.1);

  border-radius: 5px;
}

.blog-widget .title {
  font-size: 20px;

  color: #1a1b1e;

  border-bottom: 2px solid #313b3f;

  padding: 15px 30px;

  font-weight: 500;
}

.blog-widget .search-widget {
  padding: 0px 0px 10px;
}

.blog-widget .search-widget .search-form {
  position: relative;
}

.blog-widget .search-widget .search-form .form-control {
  height: 50px;

  border: 1px dashed #ff3900;

  background-color: #ffffff;

  padding: 10px 20px;

  width: 100%;

  border-radius: 0;
}

.blog-widget .search-widget .search-form .form-control:focus {
  -webkit-box-shadow: none;

  box-shadow: none;

  outline: 0;
}

.blog-widget .search-widget .search-form button {
  position: absolute;

  top: 0;

  right: 0;

  height: 50px;

  width: 50px;

  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ff2500),
    to(#ff7100)
  );

  background-image: linear-gradient(to right, #ff2500, #ff7100);

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

  border: none;

  outline: none;
}

.blog-widget .search-widget .search-form button i {
  color: #ffffff;
}

.blog-widget .search-widget .search-form button:hover {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#001aff),
    to(#15094d)
  );

  background-image: linear-gradient(to right, #001aff, #15094d);
}

.blog-widget .widget-popular-post {
  position: relative;

  overflow: hidden;

  padding: 20px 30px 30px;
}

.blog-widget .widget-popular-post .item {
  overflow: hidden;

  margin-bottom: 10px;

  padding-bottom: 10px;

  border-bottom: 1px solid #efefef;
}

.blog-widget .widget-popular-post .item:last-child {
  margin-bottom: 0;

  border-bottom: none;

  padding-bottom: 0;
}

.blog-widget .widget-popular-post .item .thumb {
  float: left;

  overflow: hidden;

  position: relative;

  margin-right: 15px;
}

.blog-widget .widget-popular-post .item .thumb .full-image {
  width: 75px;

  height: 105px;

  display: inline-block;

  background-size: cover !important;

  background-repeat: no-repeat;

  background-position: center center !important;

  position: relative;

  background-color: var(--titleColor);
}

.blog-widget .widget-popular-post .item .thumb .full-image.bg1 {
  background-image: url(../img/blog/blog-post1.png);

  border-radius: 5px;
}

.blog-widget .widget-popular-post .item .thumb .full-image.bg2 {
  background-image: url(../img/blog/blog-post2.png);
}

.blog-widget .widget-popular-post .item .thumb .full-image.bg3 {
  background-image: url(../img/blog/blog-post3.png);
}

.blog-widget .widget-popular-post .item .info {
  overflow: hidden;
}

.blog-widget .widget-popular-post .item .info span {
  display: block;

  color: #2b663a;

  text-transform: uppercase;

  margin-top: 5px;

  margin-bottom: 5px;

  font-size: 10px;

  font-weight: 600;
}

.blog-widget .widget-popular-post .item .info .title-text {
  margin-bottom: 0;

  line-height: 1.5;

  font-size: 15px;

  font-weight: 600;
}

.blog-widget .widget-popular-post .item .info .title-text a {
  display: inline-block;

  color: #2a284f;
}

.blog-widget .widget-popular-post .item .info .title-text a:hover {
  color: #ff3900;
}

.blog-widget .widget-popular-post .item .info p {
  font-size: 14px;

  margin-bottom: 0;

  max-width: 180px;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;
}

.blog-widget .widget_categories {
  padding: 20px 30px;
}

.blog-widget .widget_categories ul {
  padding: 0;

  margin: 0;

  list-style-type: none;
}

.blog-widget .widget_categories ul li {
  position: relative;

  padding-bottom: 10px;

  margin-bottom: 10px;

  font-size: 15px;

  font-weight: 600;

  border-bottom: 1px solid #ededed;
}

.blog-widget .widget_categories ul li a {
  display: block;

  color: #6c6c6c;

  font-weight: normal;
}

.blog-widget .widget_categories ul li a span {
  float: right;

  font-size: 13px;

  color: #ff3900;

  font-weight: 600;
}

.blog-widget .widget_categories ul li a:hover {
  color: #ff3900;
}

.blog-widget .blog-widget-tag {
  list-style: none;

  margin: 0;

  padding: 10px 20px 20px;
}

.blog-widget .blog-widget-tag li {
  display: inline-block;

  padding: 0 5px;

  -webkit-transition: 0.7s;

  transition: 0.7s;

  color: #777777;

  font-size: 16px;

  font-weight: 600;
}

.blog-widget .blog-widget-tag li a {
  color: #777777;
}

.blog-widget .blog-widget-tag li:hover a {
  color: #ff3900;
}

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

Blog Details Area End

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

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

Project Area

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

.project-area {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ff2500),
    to(#ff7100)
  );

  background-image: linear-gradient(to right, #ff2500, #ff7100);

  padding: 65px 0;

  max-width: 1740px;

  margin: 0 auto;

  position: relative;
}

.project-content {
  text-align: center;

  max-width: 860px;

  margin: 0 auto;
}

.project-content h2 {
  font-size: 40px;

  color: #ffffff;

  margin-bottom: 30px;
}

.project-content .project-btn {
  padding: 12px 30px;

  color: #ff3900;

  text-align: center;

  position: relative;

  overflow: hidden;

  z-index: 1;

  text-transform: capitalize;

  background-color: #ffffff;

  border-radius: 10px;
}

.project-content .project-btn i {
  position: relative;

  top: 3px;
}

.project-content .project-btn::before {
  content: "";

  position: absolute;

  top: 0;

  width: 0;

  height: 100%;

  background-color: #2a284f;

  left: 0;

  right: 0;

  opacity: 0;

  z-index: -1;

  -webkit-transition: 0.7s;

  transition: 0.7s;
}

.project-content .project-btn:hover::before {
  width: 100%;

  opacity: 1;
}

.project-content .project-btn:hover {
  color: #ffffff;
}

.project-shape .shape1 {
  position: absolute;

  top: 0;

  left: 0;
}

.project-shape .shape2 {
  position: absolute;

  top: 0;

  right: 0;
}

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

Project Area End

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

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

Faq Area 

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

.faq-accordion {
  max-width: 100%;

  margin-right: auto;

  margin-left: auto;

  margin-bottom: 30px;
}

.faq-accordion .accordion {
  list-style-type: none;

  padding-left: 0;

  margin-bottom: 0;

  border: none;
}

.faq-accordion .accordion .accordion-item {
  display: block;

  background-color: #ffffff;

  margin-bottom: 15px;

  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}

.faq-accordion .accordion .accordion-item:last-child {
  margin-bottom: 0;
}

.faq-accordion .accordion .accordion-title {
  padding: 20px 60px 17px 20px;

  color: #232350;

  text-decoration: none;

  position: relative;

  display: block;

  font-size: 18px;

  font-weight: 600;
}

.faq-accordion .accordion .accordion-title i {
  position: absolute;

  right: 15px;

  top: 15px;

  font-size: 25px;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  font-size: 24px;

  width: 40px;

  height: 40px;

  color: #ffffff;

  text-align: center;

  line-height: 40px;

  background-color: #2a284f;
}

.faq-accordion .accordion .accordion-title.active i {
  -webkit-transform: rotate(180deg);

  transform: rotate(180deg);

  top: 15px;
}

.faq-accordion .accordion .accordion-content {
  display: none;

  position: relative;

  margin-top: -5px;

  padding-bottom: 10px;

  padding-right: 30px;

  padding-left: 30px;
}

.faq-accordion .accordion .accordion-content p {
  line-height: 1.8;
}

.faq-accordion .accordion .accordion-content.show {
  display: block;
}

.faq-contact-wrap {
  margin-bottom: 30px;

  margin-left: auto;

  margin-right: auto;
}

.faq-img {
  margin-bottom: 30px;
}

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

Faq Area End

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

.data-table-area {
  padding-top: 0px;

  padding-bottom: 70px;

  background-image: url(../img/data-table-bg.png);

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

  z-index: 1;
}

.data-table-content {
  margin-top: 0px;

  text-align: center;

  display: flex;

  align-items: center;

  height: 100%;

  justify-content: center;
}

.data-table-content h2 {
  font-size: 40px;

  color: #ffffff;

  margin-bottom: 20px;

  max-width: 100%;
}

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

Contact Area 

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

.contact-area {
  padding-top: 50px;

  position: relative;

  z-index: 2;
}

.contact-card {
  margin-bottom: 30px;

  background-color: #ffffff;

  padding: 50px 30px;

  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);

  text-align: center;

  height: 325px;
}

.contact-card i {
  font-size: 60px;

  color: #313b3f;

  margin-bottom: 10px;
}

.contact-card h3 {
  color: #313b3f;

  margin-bottom: 10px;
}

.contact-card p {
  margin-bottom: 0;

  font-size: 16px;
}

.contact-card .contact-card-btn {
  margin-top: 20px;

  color: #ff3900;

  font-size: 16px;

  font-weight: 600;
}

.contact-card .contact-card-btn .plus-btn {
  position: relative;

  top: 3px;

  font-size: 16px;

  margin-left: 10px;

  width: 20px;

  height: 20px;

  line-height: 20px;

  border: 1px dashed #ff3900;

  border-radius: 50px;

  text-align: center;

  -webkit-transition: 0.7s;

  transition: 0.7s;
}

.contact-img {
  max-width: 600px;

  margin-left: auto;

  margin-bottom: 30px;
}

.contact-section {
  position: relative;

  z-index: 1;
}

.contact-section::before {
  content: "";

  position: absolute;

  z-index: -1;

  top: -196px;

  left: 0;

  right: 0;

  width: 100%;

  height: 119%;

  background: #313b3f;
}

.mpb_item_mg_sml > div {
  text-align: center;
}

.contact-wrap {
  margin-left: 70px;

  margin-bottom: 30px;
}

.contact-form {
  padding: 50px;
}

.contact-form .section-title {
  margin-bottom: 30px;
}

.contact-form .section-title h2 {
  font-size: 23px;

  color: #fff;
}

.register_a {
  max-width: 600px;

  margin: auto;
}

.contact-form h3 {
  font-size: 30px;

  color: #1a1b1e;

  margin-bottom: 30px;
}

.contact-form .form-group {
  margin-bottom: 25px;

  position: relative;
}

.form-group {
  position: relative;
}

.form-group i {
  position: absolute;

  top: 14px;

  right: 15px;

  line-height: 1;

  font-size: 16px;

  color: #9b9b9b;

  z-index: 1;
}

.contact-form .form-group .form-control {
  height: 50px;

  color: #7f7f7f;

  border: 1px solid #e8e8e8;

  background-color: #ffffff;

  border-radius: 0;

  font-size: 14px;

  padding: 10px 20px 10px 40px;

  width: 100%;
}

.contact-form .form-group .form-control:focus {
  outline: none;

  border-color: #313b3f;

  -webkit-box-shadow: none;

  box-shadow: none;
}

.contact-form .form-group textarea.form-control {
  height: auto;
}

.contact-form .with-errors {
  float: right;

  font-size: 16px;

  margin-top: 10px;

  margin-bottom: 0;

  color: #f00;

  font-weight: 400;

  display: block;
}

.cf_captcha {
  text-align: center;

  margin-bottom: 10px;

  display: flex;

  direction: ltr;
}

.captcha_image {
  min-width: 100px;

  height: 50px;

  margin-right: 10px;
}

.contact-form .text-danger {
  font-size: 18px;

  margin-top: 15px;
}

.contact-form .default-btn {
  border: 0;

  outline: none;
}

.contact-form .form-group .form-control::-webkit-input-placeholder {
  color: #7f7f7f;
}

.contact-form .form-group .form-control:-ms-input-placeholder {
  color: #7f7f7f;
}

.contact-form .form-group .form-control::-ms-input-placeholder {
  color: #7f7f7f;
}

.contact-form .form-group .form-control::placeholder {
  color: #7f7f7f;
}

.contact-map iframe {
  display: block;

  width: 100%;

  height: 470px;
}

.contact-widget {
  margin-bottom: 35px;

  border: 1px dashed #ff3900;

  background-color: #ffffff;

  -webkit-box-shadow: 0 0 15px rgba(102, 102, 102, 0.1);

  box-shadow: 0 0 15px rgba(102, 102, 102, 0.1);
}

.contact-widget h2 {
  font-size: 20px;

  color: #1a1b1e;

  border-bottom: 1px dashed #ff3900;

  padding: 15px 30px;

  font-weight: 500;
}

.contact-widget ul {
  list-style: none;

  margin: 0;

  padding: 0;
}

.contact-widget ul li {
  display: block;

  position: relative;

  padding-top: 25px;

  padding-bottom: 25px;

  border-bottom: 1px dashed #ff3900;
}

.contact-widget ul li:last-child {
  border-bottom: none;
}

.contact-widget ul li i {
  font-size: 40px;

  color: #ff3900;

  display: inline-block;

  position: absolute;

  top: 18px;

  left: 30px;
}

.contact-widget ul li .content {
  display: inline-block;

  margin-left: 95px;
}

.contact-widget ul li .content h3 {
  font-size: 17px;

  color: #ff3900;

  margin-bottom: 5px;
}

.contact-widget ul li .content span {
  color: #2a284f;

  font-weight: 600;

  font-size: 16px;
}

.contact-widget ul li .content span a {
  display: block;

  color: #2a284f;

  font-weight: 600;
}

.contact-widget ul li .content span:hover {
  color: #ff3900;
}

.contact-widget ul li .content span:hover a {
  color: #ff3900;
}

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

Contact Area End

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

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

User All Area 

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

.user-all-img {
  margin-bottom: 35px;

  text-align: center;

  margin-top: 35px;
}

.user-all-form {
  margin-bottom: 30px;
}

.user-all-form .contact-form .agree-label label {
  font-weight: 600;

  color: #2a284f;

  margin-left: 10px;

  font-size: 17px;
}

.user-all-form .contact-form .forget {
  margin-bottom: 15px;

  float: right;

  color: #1a1b1e;

  font-weight: 600;

  font-size: 17px;
}

.user-all-form .contact-form .forget:hover {
  color: #ff3900;
}

.user-all-form .contact-form .account-desc {
  margin-top: 15px;

  font-weight: 600;

  text-align: center;

  margin-bottom: 0;

  font-size: 17px;
}

.user-all-form .contact-form .account-desc a {
  color: #2a284f;
}

.user-all-form .contact-form .account-desc a:hover {
  color: #ff3900;
}

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

User All Area End

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

.single-content {
  margin-bottom: 30px;
}

.single-content h3 {
  font-size: 26px;

  color: #2a284f;

  margin-bottom: 10px;
}

.single-content p {
  margin-bottom: 0;
}

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

Footer Area 

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

.footer-bg {
  background-image: url(../img/shape/footer-bg.png);

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

  z-index: 1;
}

.footer-bg2 {
  background: #313b3f;
}

.footer-top {
  border-bottom: 1px solid #e6e6e6;
}

.footer-img {
  margin-bottom: 20px;
}

.footer-img .footer-img2 {
  display: none;
}

.footer-social-icon .social-link {
  float: right;

  margin: 0;

  padding: 0;

  list-style: none;
}

.footer-social-icon .social-link li {
  display: inline-block;

  margin-right: 5px;
}

.footer-social-icon .social-link li a {
  border-radius: 50px;

  width: 35px;

  height: 35px;

  line-height: 37px;

  text-align: center;

  color: #ffffff;
}

.footer-social-icon .social-link li:nth-child(1) a {
  background-color: #3b5998;
}

.footer-social-icon .social-link li:nth-child(1) a:hover {
  background-color: #ff3900;

  -webkit-animation: tada 1s linear;

  animation: tada 1s linear;
}

.footer-social-icon .social-link li:nth-child(2) a {
  background-color: #55acee;
}

.footer-social-icon .social-link li:nth-child(2) a:hover {
  background-color: #ff3900;

  -webkit-animation: tada 1s linear;

  animation: tada 1s linear;
}

.footer-social-icon .social-link li:nth-child(3) a {
  background-color: #3f729b;
}

.footer-social-icon .social-link li:nth-child(3) a:hover {
  background-color: #ff3900;

  -webkit-animation: tada 1s linear;

  animation: tada 1s linear;
}

.footer-social-icon .social-link li:nth-child(4) a {
  background-color: #ff0000;
}

.footer-social-icon .social-link li:nth-child(4) a:hover {
  background-color: #ff3900;

  -webkit-animation: tada 1s linear;

  animation: tada 1s linear;
}

.footer-social-icon .social-link li:nth-child(5) a {
  background-color: #c80000;
}

.footer-social-icon .social-link li:nth-child(5) a:hover {
  background-color: #ff3900;

  -webkit-animation: tada 1s linear;

  animation: tada 1s linear;
}

.footer-widget {
  margin-bottom: 30px;

  text-align: center;
}

.footer-widget h3 {
  font-size: 24px;

  color: #313b3f;

  margin-bottom: 15px;

  margin: auto;

  margin-bottom: auto;

  margin-bottom: 15px;
}

.footer-widget .footer-list {
  list-style: none;

  margin: 0;

  padding: 0;
}

.footer-widget .footer-list li {
  display: block;

  color: #fff;

  margin-bottom: 5px;
}

.footer-widget .footer-list li a {
  color: #fff;

  text-align: center;
}

.footer-widget .footer-list li a:hover {
  color: #ff3900;

  letter-spacing: 0.15px;
}

.footer-widget p {
  margin-bottom: 30px;
}

.footer-widget .footer-social-icon .social-link {
  float: none;
}

.footer-widget .footer-list-two {
  list-style: none;

  margin: 0;

  padding: 0;
}

.footer-widget .footer-list-two li {
  display: block;

  color: #6c6c6c;

  margin-bottom: 5px;

  position: relative;

  padding-left: 23px;
}

.footer-widget .footer-list-two li i {
  color: #ff3900;

  margin-right: 5px;

  position: absolute;

  left: 0;

  top: 0;
}

.footer-widget .footer-list-two li a {
  color: #fff;
}

.footer-widget .footer-list-two li:hover {
  color: #ff3900;
}

.footer-widget .footer-list-two li:hover i {
  color: #2a284f;
}

.footer-widget .footer-list-two li:hover a {
  color: #ff3900;
}

.newsletter-form {
  position: relative;

  border-radius: 50px;
}

.newsletter-form .form-control {
  background: #ffffff;

  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  height: 45px;

  line-height: 45px;

  margin: 0;

  border-radius: 50px;

  border: none;

  padding: 0 25px;
}

.newsletter-form .form-control:focus {
  outline: none;

  border: none;
}

.newsletter-form .default-btn {
  position: absolute;

  top: 0;

  right: 0;

  margin: 0;

  line-height: 45px;

  padding: 0 30px;

  height: 45px;

  border: 0;
}

.newsletter-form .validation-danger {
  font-size: 16px;

  margin-top: 15px;

  color: red;
}

.copy-right-area {
  padding: 3px 15px;

  position: relative;

  color: #fff;

  border-top: solid 2px #ddbe0a;
}

.copy-right-area::before {
  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  width: 100%;

  height: 100%;

  background-color: #f0f0f0;
}

.copy-right-area .copy-right-text p {
  color: #fff;

  margin-bottom: 0;
}

.copy-right-area .copy-right-text p a {
  color: #ff3900;

  border-bottom: 1px solid #ff3900;
}

.copy-right-area .copy-right-text p a:hover {
  color: #1a1b1e;

  border-color: #1a1b1e;
}

.copy-right-list {
  float: right;
}

.copy-right-list ul {
  list-style: none;

  margin: 0;

  padding: 0;
}

.copy-right-list ul li {
  display: inline-block;

  margin-right: 15px;

  position: relative;
}

.copy-right-list ul li::before {
  content: "";

  position: absolute;

  top: 8px;

  right: -12px;

  height: 14px;

  width: 1px;

  background-color: #2966be;
}

.copy-right-list ul li:last-child::before {
  display: none;
}

.copy-right-list ul li a {
  color: #fff;
}

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

Footer Area End

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

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

404 Error Area

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

.error-area {
  height: 100%;

  padding-top: 50px;

  padding-bottom: 70px;
}

.error-area .error-content {
  text-align: center;

  position: relative;
}

.error-area .error-content img {
  max-width: 100%;
}

.error-area .error-content h3 {
  margin-bottom: 20px;

  position: relative;

  color: #ff3900;

  font-size: 35px;
}

.error-area .error-content p {
  margin-top: 20px;

  margin-bottom: 20px;

  font-size: 18px;

  max-width: 520px;

  margin-left: auto;

  margin-right: auto;

  color: #2a284f;
}

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

404 Error Area End

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

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

Coming Soon Area 

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

.coming-soon-area {
  position: relative;

  height: 100vh;

  overflow: hidden;

  background-color: #2966be;
}

.coming-soon-area::before {
  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  width: 100%;

  height: 100%;

  background-image: url(../img/inner-banner/banner-bg2.png);

  background-repeat: no-repeat;

  background-position: center center;

  background-size: cover;
}

.coming-soon-area .coming-soon-content {
  text-align: center;

  max-width: 750px;

  margin-left: auto;

  margin-right: auto;

  position: relative;

  z-index: 2;

  padding: 50px 30px;

  border: 5px solid #aec5df;
}

.coming-soon-area .coming-soon-content h1 {
  margin-bottom: 0;

  color: #ffffff;

  font-size: 60px;
}

.coming-soon-area .coming-soon-content p {
  font-size: 16px;

  max-width: 600px;

  margin-top: 15px;

  margin-bottom: 0;

  margin-left: auto;

  margin-right: auto;

  color: #ffffff;
}

.coming-soon-area .coming-soon-content #timer {
  margin-top: 20px;
}

.coming-soon-area .coming-soon-content #timer div {
  display: inline-block;

  color: #ffffff;

  position: relative;

  margin-left: 35px;

  margin-right: 35px;

  font-size: 45px;

  font-weight: 700;
}

.coming-soon-area .coming-soon-content #timer div span {
  display: block;

  text-transform: capitalize;

  margin-top: -15px;

  font-size: 16px;

  font-weight: normal;

  color: #ffffff;
}

.coming-soon-area .coming-soon-content #timer div:last-child {
  margin-right: 0;
}

.coming-soon-area .coming-soon-content #timer div:last-child::before {
  display: none;
}

.coming-soon-area .coming-soon-content #timer div:first-child {
  margin-left: 0;
}

.coming-soon-area .coming-soon-content #timer div::before {
  content: "";

  position: absolute;

  right: -50px;

  top: -10px;

  font-size: 70px;

  color: #ffffff;
}

.coming-soon-area .coming-soon-content .newsletter-form {
  position: relative;

  max-width: 500px;

  margin-left: auto;

  margin-right: auto;

  margin-top: 50px;
}

.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter {
  display: block;

  width: 100%;

  height: 60px;

  border: none;

  background-color: #ffffff;

  padding-left: 15px;

  color: #ffffff;

  outline: 0;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  border-radius: 0;

  border: 1px solid #2a284f;

  color: #5d5d5d;
}

.coming-soon-area
  .coming-soon-content
  .newsletter-form
  .input-newsletter:focus {
  border-color: #ff3900;
}

.coming-soon-area .coming-soon-content .newsletter-form .default-btn-two {
  border: 0;

  outline: 0;

  border-radius: 0 !important;
}

.coming-soon-area .coming-soon-content .newsletter-form button {
  position: absolute;

  right: 0;

  top: 0;

  height: 60px;

  padding: 0 30px;

  text-transform: uppercase;

  outline: 0;

  color: #ffffff;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  font-weight: 500;

  font-size: 15px;

  cursor: pointer;
}

.coming-soon-area .coming-soon-content .newsletter-form button::after {
  border-radius: 0;
}

.coming-soon-area .coming-soon-content .newsletter-form button::before {
  border-radius: 0;
}

.coming-soon-area .coming-soon-content .newsletter-form button:hover {
  color: #ffffff;

  background-color: #190f3c;
}

.coming-soon-area .coming-soon-content ul {
  list-style: none;

  margin-top: 30px;

  padding: 0;
}

.coming-soon-area .coming-soon-content ul li {
  display: inline-block;

  width: 45px;

  height: 45px;

  line-height: 50px;

  font-size: 18px;

  background-color: #ff3900;

  color: #ffffff;

  border-radius: 50px;

  margin-right: 10px;
}

.coming-soon-area .coming-soon-content ul li a {
  color: #ffffff;
}

.coming-soon-area .coming-soon-content ul li:hover {
  background-color: #2a284f;
}

.coming-soon-area #validator-newsletter {
  text-align: left;

  color: #dc3545 !important;
}

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

Coming Soon Area End

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

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

Page-navigation Area Style

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

.pagination-area {
  margin-top: 50px;

  margin-bottom: 30px;
}

.pagination-area .page-numbers {
  width: 40px;

  height: 40px;

  line-height: 37px;

  color: #313b3f;

  text-align: center;

  display: inline-block;

  border-radius: 50px;

  position: relative;

  margin-left: 3px;

  margin-right: 3px;

  font-size: 17px;

  font-weight: 500;

  border: 2px solid #313b3f;
}

.page-numbers > .disabled {
  opacity: 0.5;
}

.pagination-area .page-numbers:hover {
  color: #ffffff;

  background-color: #313b3f;
}

.pagination-area .page-numbers i {
  position: relative;

  font-size: 24px;

  top: 5px;
}

.pagination-area .page-numbers.current {
  color: #ffffff;

  background-color: #ff3900;
}

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

Page-navigation Area Style

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

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

Preloader CSS 

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

.preloader {
  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 99999;

  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#313b3f),
    to(#2a9562)
  );

  background-image: linear-gradient(to right, #313b3f, #2a9562);
}

.spinner {
  width: 67px;

  height: 67px;

  border-radius: 5px;

  background: url("../img/about/panuchload.png");

  margin: 100px auto;

  -webkit-animation: rotate-in 1.2s infinite ease-in-out;

  animation: rotate-in 3.2s infinite cubic-bezier(0.98, -0.85, 0.27, 1.55);
}

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

Preloader CSS End

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

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

Back To Top Button 

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

#toTop {
  position: fixed;

  bottom: 20px;

  right: 20px;

  cursor: pointer;

  display: none;

  z-index: 99;
}

.top-btn {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8c014),
    to(#ffd700)
  );

  background-image: linear-gradient(to right, #e8c014, #ffd700);

  color: #ffffff;

  width: 45px;

  height: 45px;

  border-radius: 50%;

  -webkit-box-shadow: 0 0 15px #ff3900;

  box-shadow: 0 0 15px #facf01;

  font-size: 20px;

  display: inline-block;

  text-align: center;

  line-height: 45px;

  -webkit-transition: 0.9s;

  transition: 0.9s;
}

.top-btn:hover {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#070100e7),
    to(#070300bb)
  );

  background-image: linear-gradient(to right, #070100e7, #070300bb);

  -webkit-box-shadow: 0 0 15px #1a1b1e;

  box-shadow: 0 0 15px #1a1b1e;

  color: #fff;
}

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

Back To Top Button 

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

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

Animation CSS

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

@-webkit-keyframes rotated360 {
  0% {
    -webkit-transform: rotateZ(0deg);

    transform: rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateZ(-360deg);

    transform: rotateZ(-360deg);
  }
}

@keyframes rotated360 {
  0% {
    -webkit-transform: rotateZ(0deg);

    transform: rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateZ(-360deg);

    transform: rotateZ(-360deg);
  }
}

@-webkit-keyframes rotate-in {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);

    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }

  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);

    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }

  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);

    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

@keyframes rotate-in {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);

    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }

  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);

    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }

  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);

    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

@-webkit-keyframes animationFramesOne {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);

    transform: translate(0px, 0px) rotate(0deg);
  }

  20% {
    -webkit-transform: translate(73px, -1px) rotate(36deg);

    transform: translate(73px, -1px) rotate(36deg);
  }

  40% {
    -webkit-transform: translate(141px, 72px) rotate(72deg);

    transform: translate(141px, 72px) rotate(72deg);
  }

  60% {
    -webkit-transform: translate(83px, 122px) rotate(108deg);

    transform: translate(83px, 122px) rotate(108deg);
  }

  80% {
    -webkit-transform: translate(40px, 72px) rotate(144deg);

    transform: translate(40px, 72px) rotate(144deg);
  }

  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);

    transform: translate(0px, 0px) rotate(0deg);
  }
}

@keyframes animationFramesOne {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);

    transform: translate(0px, 0px) rotate(0deg);
  }

  20% {
    -webkit-transform: translate(73px, 1px) rotate(36deg);

    transform: translate(73px, 1px) rotate(36deg);
  }

  40% {
    -webkit-transform: translate(141px, 72px) rotate(72deg);

    transform: translate(141px, 72px) rotate(72deg);
  }

  60% {
    -webkit-transform: translate(83px, 122px) rotate(108deg);

    transform: translate(83px, 122px) rotate(108deg);
  }

  80% {
    -webkit-transform: translate(40px, 72px) rotate(144deg);

    transform: translate(40px, 72px) rotate(144deg);
  }

  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);

    transform: translate(0px, 0px) rotate(0deg);
  }
}

@-webkit-keyframes opacity-option {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.05;
  }

  100% {
    opacity: 1;
  }
}

@keyframes opacity-option {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.05;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes running-in {
  0% {
    -webkit-transform: translate(0, 0);

    transform: translate(0, 0);
  }

  50% {
    -webkit-transform: translate(10px, 150px);

    transform: translate(10px, 150px);
  }

  100% {
    -webkit-transform: translate(0, 0);

    transform: translate(0, 0);
  }
}

@keyframes running-in {
  0% {
    -webkit-transform: translate(0, 0);

    transform: translate(0, 0);
  }

  50% {
    -webkit-transform: translate(10px, 150px);

    transform: translate(10px, 150px);
  }

  100% {
    -webkit-transform: translate(0, 0);

    transform: translate(0, 0);
  }
}

@-webkit-keyframes movebounce-in {
  0% {
    -webkit-transform: translateX(0px);

    transform: translateX(0px);
  }

  50% {
    -webkit-transform: translateX(70px);

    transform: translateX(70px);
  }

  100% {
    -webkit-transform: translateX(0px);

    transform: translateX(0px);
  }
}

@keyframes movebounce-in {
  0% {
    -webkit-transform: translateX(0px);

    transform: translateX(0px);
  }

  50% {
    -webkit-transform: translateX(70px);

    transform: translateX(70px);
  }

  100% {
    -webkit-transform: translateX(0px);

    transform: translateX(0px);
  }
}

@-webkit-keyframes movebounce-up {
  0% {
    -webkit-transform: translateY(0px);

    transform: translateY(0px);
  }

  50% {
    -webkit-transform: translateY(20px);

    transform: translateY(20px);
  }

  100% {
    -webkit-transform: translateY(0px);

    transform: translateY(0px);
  }
}

@keyframes movebounce-up {
  0% {
    -webkit-transform: translateY(0px);

    transform: translateY(0px);
  }

  50% {
    -webkit-transform: translateY(20px);

    transform: translateY(20px);
  }

  100% {
    -webkit-transform: translateY(0px);

    transform: translateY(0px);
  }
}

@-webkit-keyframes ripple {
  0% {
    -webkit-transform: scale(1);

    transform: scale(1);
  }

  75% {
    -webkit-transform: scale(1.75);

    transform: scale(1.75);

    opacity: 1;
  }

  100% {
    -webkit-transform: scale(2);

    transform: scale(2);

    opacity: 0;
  }
}

@keyframes ripple {
  0% {
    -webkit-transform: scale(1);

    transform: scale(1);
  }

  75% {
    -webkit-transform: scale(1.75);

    transform: scale(1.75);

    opacity: 1;
  }

  100% {
    -webkit-transform: scale(2);

    transform: scale(2);

    opacity: 0;
  }
}

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

Animation CSS End

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

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

Buy Now Btn

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

.buy-now-btn {
  right: 20px;

  z-index: 99;

  top: 50%;

  position: fixed;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  border-radius: 30px;

  display: inline-block;

  color: #ffffff;

  background-color: #82b440;

  padding: 10px 20px 10px 42px;

  -webkit-box-shadow: 0 1px 20px 1px #82b440;

  box-shadow: 0 1px 20px 1px #82b440;

  font-size: 13px;

  font-weight: 600;
}

.buy-now-btn img {
  top: 50%;

  left: 20px;

  width: 15px;

  position: absolute;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);
}

.buy-now-btn:hover {
  color: #ffffff;

  background-color: #94be5d;
}

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

.spl_rate {
  margin-top: 10px;
}

.blog_title_tab > .spl_rate {
  margin: auto;

  margin-left: 5px;
}

.shw_star {
  text-align: center;

  color: #ccc;

  font-size: 18px;
}

.blog_title_tab > .spl_rate > .shw_star {
  margin: 0px;
}

.shw_star {
  text-align: center;

  color: #ccc;

  font-size: 18px;
}

.blog_title_tab > .spl_rate > .shw_star {
  margin: 0px;
}

.str_is,
.str_is + div,
.str_is + div + div,
.str_is + div + div + div,
.str_is + div + div + div + div,
.str_is + div + div + div + div + div {
  color: #ffd700;
}

.str_is::after {
  color: #ffd700;
}

.search-widget > .spl_rate > .shw_star {
  font-size: 30px;
}

.article-content {
  padding: 15px;

  background: #c4dcd112;

  border-radius: 5px 5px 0px 0px;
}

.data-table-img {
  margin-top: -20px;

  position: relative;
}

.video_a > video {
  width: 70%;
}

.video_a {
  position: absolute;

  top: 0;

  width: 100%;

  text-align: center;

  height: 100%;

  display: flex;

  justify-content: center;

  align-items: center;
}

.side-item > .user-btn > a > i {
  padding-right: 4px;
}

.v_a_actions {
  width: 100%;

  display: flex;

  margin: auto;

  margin-top: auto;

  padding: 6px;

  margin-top: -10px;

  max-width: max-content;

  flex-wrap: wrap;

  justify-content: center;
}

.r_a_gvc_input {
  border: none;

  background: #fff;

  width: 45px;

  margin-bottom: 17px;

  font-family: tahoma;

  text-align: left;

  font-size: 27px;

  font-weight: bold;

  margin-top: 10px;

  height: 45px;

  text-indent: 30%;

  color: #f1c403;

  border-radius: 50%;

  min-width: 45px;

  max-width: 45px;
}

.gt_vc_group {
  direction: ltr;

  text-align: center;
}

.icnsps {
  padding-left: 5px;
}

.sign-in-area > .container > .pt-45 {
  padding: 0px;

  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);

  height: max-content;

  min-height: 485px;

  max-width: 700px;

  margin: auto;

  background: #0000005c;

  border-radius: 15px;
}

.sign-in-area > .container > .row > .col-lg-5 {
  background: #f2c502;

  height: 100%;

  border-radius: 0px 10px 10px 0px;

  padding: 0;
}

.lgn_a {
  text-align: center;
}

.er_note_w {
  color: red;
}

.countd {
  background: linear-gradient(to right, #313b3f, #ff9537);

  padding: 10px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  color: #fff;

  margin-left: 10px;

  margin-right: 10px;

  padding-top: 5px;

  padding-bottom: 5px;

  width: 50px;

  height: 50px;

  margin-top: auto;
}

.rol_input_a {
  text-align: center;
}

.reg_error {
  text-align: center;

  color: #ffbf00;
}

.rg_title {
  padding: 10px;

  text-align: center;

  border-bottom: solid;

  border-bottom-color: currentcolor;

  border-color: #313b3f;

  margin-bottom: 20px;
}

.fi_msg {
  text-align: center;

  font-size: 25px;
}

.rg_st3 {
  display: none;
}

.rg_st4 {
  display: none;
}

.upma_a {
  width: 72%;

  padding: 1%;

  background: #fff;

  margin: auto;

  margin-left: 0;

  border-radius: 5px;

  margin-top: 0;
}

.myp_a {
  width: 100%;

  max-width: 1500px;

  margin: auto;

  height: max-content;

  display: flex;

  flex-wrap: wrap;
}

.side_a {
  width: 28%;

  max-width: 370px;
}

.upsm_a {
  width: 100%;

  padding: 20px;

  padding-bottom: 20px;

  background: radial-gradient(
    circle,
    rgba(147, 68, 250, 1) 17%,
    rgba(66, 0, 187, 1) 100%
  );

  margin: auto;

  margin-right: 0;

  padding-bottom: 1px;

  padding-top: 125px;

  margin-top: -150px;

  border-radius: 10px;

  box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.08);

  border: 0;
}

.pinfo_a {
  width: 100%;

  padding: 20px;

  background: radial-gradient(
    circle,
    rgb(40, 108, 153) 17%,
    rgb(26, 69, 98) 100%
  );

  margin: auto;

  margin-right: 0;

  border-radius: 5px;

  margin-top: 17px;

  padding-bottom: 0;

  margin-left: 0;

  color: #fff;

  padding-bottom: 10px;
}

.p_val {
  display: grid;
}

a {
  text-decoration: none;
}

.upsm_a > .side_menu_a > li,
.parent_mn,
.parent_mn > li {
  padding: 5px;

  list-style-type: none;

  padding: 9px;

  margin-right: 10px;

  color: #fff;

  transition: 300ms;

  border-radius: 0px;
}

.upsm_a > .side_menu_a:last-child {
  padding-bottom: 20px;
}

.parent_mn {
  transition: none;

  border-radius: 0;
}

.parent_mn {
  display: none;
}

.parent_mn_btn {
  cursor: pointer;
}

.parent_mn_activ {
  display: block;
}

.upsm_a > .side_menu_a > li.mn_activ,
.upsm_a > .side_menu_a > li.mn_activ > a {
  color: #575757;
}

.upsm_a > .side_menu_a > li > div {
  margin-left: 10px;
}

.mn_line {
  margin: 0 auto;

  margin-top: 0px;

  margin-bottom: 0px;

  margin-top: 1px;

  width: 100%;

  border: 0;

  height: 1px;

  background-image: linear-gradient(
    to right,
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 0.75),
    rgba(255, 255, 255, 0)
  );

  margin-bottom: 1px;
}

.msg_ttl {
  text-align: center;

  font-size: 20px;

  border-bottom: solid #4c08c3;

  padding-bottom: 10px;

  color: #4906c0;

  font-weight: bold;
}

.profile-pic {
  max-width: 222px;

  max-height: 222px;

  margin-left: auto;

  margin-right: auto;

  display: block;
}

.file-upload {
  display: none;
}

.circle {
  border-radius: 16%;

  overflow: hidden;

  width: 100px;

  height: 100px;

  border: 2px solid rgb(255, 255, 255);

  transition: all 0.3s;

  margin: auto;

  margin-bottom: auto;

  padding: 0;

  text-align: center;

  margin-bottom: 16px;

  box-shadow: 0 0 5px -2px #000;
}

.circle:hover {
  border-color: #ff9d37;

  cursor: pointer;
}

.mmi_head {
  height: 223px;

  background-size: cover;

  border-radius: 10px 10px 10px 10px;

  width: 100%;

  position: relative;
}

#pagingControls {
  margin-top: 20px;

  padding-top: 20px;

  text-align: center;

  margin-bottom: 20px;
}

#pagingControls > ul {
  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center;
}

.sort_area {
  padding: 10px;

  display: flex;

  justify-content: center;

  background: #003e20;

  border-top: solid #fff;

  margin-bottom: 10px;
}

.sort_area > button {
  margin: 10px;

  border: none;

  padding: 8px;

  border-radius: 3px;

  font-family: yekan;

  background: #ffd700;

  transition: 200ms;
}

.sort_area > button:hover {
  background: #ccc;
}

a {
  text-decoration: none;

  color: #1e1e23;

  opacity: 1;

  font-weight: 642;

  transition: 304ms;
}

.news_ttl > a {
  color: #353535;
}

.msg_txt > a {
  color: #fff;
}

.upsm_a > .side_menu_a > li > a,
.parent_mn > a,
.parent_mn > li > a {
  color: #fff;
}

.upsm_a > .side_menu_a > li > a:hover {
  color: #575757;
}

.upsm_a > .side_menu_a > li:hover {
  color: #575757;
}

.u_profile_a {
  text-align: center;

  margin-bottom: 10px;

  color: #fff;

  margin-top: 36px;

  border-bottom: solid;

  padding-bottom: 10px;

  font-size: 14px;
}

.upo_ttl {
  margin-left: 10px;
}

.upoi_a {
  display: flex;

  margin-right: 6%;

  width: max-content;

  margin: auto;

  font-weight: bold;
}

.upload_succ_icon {
  position: absolute;

  margin-top: -22px;

  font-size: 30px;

  margin-right: -67px;

  color: #11e111;

  text-shadow: 0 0px 5px #4d4d4d;
}

.upo_img {
  width: 100%;

  max-width: 125px;

  background: #ffdf33;

  padding: 0;

  margin: auto;

  height: 100px;
}

.cat_menu {
  display: flex;

  flex-wrap: wrap;

  justify-content: center;
}

.cat_menu > a:hover {
  font-size: 16px;

  color: #fff;
}

.msg_ico {
  font-size: 30px;

  margin-bottom: -10px;
}

.message_a {
  text-align: center;

  color: #fff;

  margin-bottom: -60px;

  width: max-content;

  cursor: pointer;
}

.mn_activ {
  background: #ffd700;

  border-radius: 5px;

  color: #575757;
}

.scha_p_a:hover {
  background: #ffd700;
}

.ctmn_a:hover {
  background: #ffd700;
}

.new_tik > a {
  color: #fff;
}

.tickets {
  margin-top: 30px;
}

.new_tik {
  margin-bottom: 20px;
}

.btn_blue:hover {
  font-size: 15px;
}

.empty_cart {
  padding: 20px;

  text-align: center;
}

.new_ticket > form > textarea {
  height: 110px;
}

.upsm_a > .side_menu_a > li > a:hover {
  font-size: 16px;
}

.upsm_a > .side_menu_a > li:hover,
.parent_mn > li:hover {
  background: #ffd700;
}

.myp_ttl {
  text-align: center;

  width: 100%;

  font-size: 20px;

  color: #5530a5;

  font-weight: bold;

  background: radial-gradient(
    circle,
    rgb(238, 238, 238) 17%,
    rgb(253, 255, 254) 100%
  );

  padding-bottom: 10px;

  color: #4f4f4f;

  border-radius: 5px;

  box-shadow: 0 0 4px -1px #ccc;

  padding-top: 60px;

  margin-top: -180px;

  margin-bottom: 30px;

  border-radius: 10px;

  box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.08);

  border: 0;
}

.myp_chart_ttl {
  text-align: center;

  margin: 10px;

  margin-top: 30px;

  border-bottom: solid #109342;

  padding-bottom: 5px;

  font-weight: bold;

  cursor: pointer;

  transition: 200ms;
}

.myp_chart_ttl:hover {
  color: #139a42;
}

.lat_news > .news_ttl > .bia_date {
  font-size: 12px;

  text-align: left;

  display: flex;

  justify-content: center;

  align-items: center;

  display: ruby;
}

.bia_date {
  margin: auto;

  margin-left: 10px;
}

.bicon {
  margin-left: 5px;

  margin-right: 5px;
}

.lat_news {
  padding: 10px;

  border-radius: 5px;
}

.blog_short_conp {
  margin: 10px;

  width: 100%;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

  margin: auto;

  margin-top: 0;

  margin-bottom: 17px;

  background: #f5f5f5;

  padding: 6px 5px 4px;

  text-indent: 10px;

  border-radius: 5px;

  color: #00592f;

  height: 54px;

  display: flex;

  align-items: center;

  flex-direction: row-reverse;
}

@media screen and (max-width: 1000px) {
  .logo {
    margin: auto;

    margin-bottom: 0px;

    display: block;
  }

  .side_a {
    width: 100%;

    max-width: 100%;
  }

  .upsm_a,
  .pinfo_a {
    width: 100%;

    padding: 4%;

    margin-top: -3px;
  }

  .myp_h_txt {
    width: 100%;
  }

  .upma_a {
    width: 100%;
  }

  .euidcard_frame {
    width: 86vw;

    height: 117vw;
  }

  .mmih_title {
    font-size: 6vw;

    width: 60%;
  }

  .footer {
    height: 505px;
  }

  .fott_cer_txt {
    display: block;

    margin-bottom: 0;
  }

  .fci_group {
    display: flex;

    width: max-content;

    margin: auto;
  }

  .eu_idcard {
    position: absolute;

    background: url("../images/euidcard.jpg");

    width: 30vw;

    height: 48.2vw;

    background-size: 100%;

    margin-top: 56vw;

    margin-right: 26.7vw;

    max-height: 49vw;

    max-width: 32vw;
  }

  .e_s_p {
    position: relative;
  }

  .e_s_p_o {
    position: absolute;

    margin: 0;

    margin-top: 68px;

    margin-right: 10px;
  }

  .top_m_items {
    font-size: 20px;
  }

  .mico {
    font-size: 25px;
  }

  .btn-default {
    padding: 5px;

    background: #ff9438;

    margin: 1vw;

    padding-top: 0px;

    padding-bottom: 0px;

    border-radius: 5px;

    color: #fff;
  }

  .btn_pge {
    padding: 5px;

    background: #003e20;

    margin: 1vw;

    padding-top: 0px;

    padding-bottom: 0px;

    border-radius: 5px;

    color: #fff;
  }

  .disabled {
    background: #ccc;

    pointer-events: none;
  }

  .hp_lgn_mbl {
    display: block;

    color: #fff;

    margin: auto;

    margin-right: 5px;
  }

  .hp_lgn_mbl > a {
    color: #fff;

    font-size: 40px;

    margin-right: 10px;

    display: block;
  }

  .language_a {
    display: block;

    margin: auto;

    margin-left: 5px;
  }

  .middle_line {
    display: block;

    height: max-content;
  }

  .mp_ln_a {
    margin: auto;

    margin-bottom: 20px;

    text-align: center;

    margin-top: 5px;

    width: 100%;

    display: flex;
  }

  .language_ul {
    margin: auto;

    width: 100%;

    position: absolute;

    left: 0;

    right: 0;
  }

  .show_pro_right {
    width: 98%;

    max-width: 100%;
  }

  .footer_a {
    margin-top: 0px;
  }

  .r_a_gvc_input {
    width: 10%;
  }

  .ssai_icon {
    font-size: 7vw;
  }

  .ssabi_icon {
    font-size: 15vw;
  }

  .ssabi_txt {
    font-size: 5vw;
  }

  .cus_club > .ssabi_txt {
    font-size: 6vw;

    margin-right: 20px;
  }

  .ssab_item > .toph_cart {
    position: relative;

    top: auto;

    z-index: 1;

    left: auto;

    color: #502d9b;

    font-size: 15vw;

    width: 15vw;

    height: max-content;

    background-size: 100%;

    margin: auto;

    background: none;
  }

  .ssab_item > .toph_cart > .cart_count {
    font-size: 4.3vw;

    width: 5.6vw;

    height: 5.6vw;

    margin-top: -13.5vw;

    position: relative;

    margin-right: 3vw;

    line-height: 5vw;
  }

  .ssai_txt {
    font-size: 3vw;
  }

  .ssbg_a {
    margin-top: 0px;

    margin-bottom: 0px;
  }

  .ssa_item {
    width: 21vw;

    border-radius: 5px;

    align-items: center;

    justify-content: center;

    height: 19.1vw;

    display: grid;

    text-align: center;

    margin: auto;

    margin-bottom: 0.6vw;

    margin-top: 0.6vw;
  }

  .ssab_item {
    width: 43.8vw;

    margin: auto;

    height: 39vw;

    margin-top: 1vw;

    margin-bottom: 0px;

    margin-right: 3%;
  }

  .ssbg_a {
    height: 86vw;

    margin-right: -19px;
  }

  .sssm_a {
    width: 45vw;

    height: 40vw;

    margin-left: 0;

    margin-right: 0px;

    margin-top: 0;

    margin-bottom: 0px;
  }

  .mp_slidshw {
    width: 93%;

    height: auto;

    margin: auto;

    margin-top: 20px;

    margin-bottom: 20px;
  }

  .sideslide_a {
    width: 90%;

    margin: auto;

    height: auto;

    max-height: 100%;
  }

  .top_head {
    background-size: cover;

    background-position-x: right;

    background-position-y: bottom;

    margin-bottom: -181px;
  }

  .upoi_a {
    width: max-content;

    margin: auto;
  }

  .mainp_mn {
    display: block;
  }

  .chkout_a {
    width: max-content;

    margin: auto;

    margin-top: 30px;

    margin-bottom: 10px;
  }

  .show_order_info {
    display: block;

    text-align: center;
  }

  .soi {
    display: block ruby;
  }

  .cart_count {
    background: #983ae1;

    padding: 3px;

    margin-right: 10px;

    margin-top: 2px;

    color: #fff;

    line-height: 15px;
  }

  .sh_rs_a {
    width: 93%;
  }

  .toph_s_input {
    padding: 0px;

    margin: 0px;

    height: 60px;

    width: 100%;

    text-indent: 20px;
  }

  .headttl {
    font-size: 6vw;

    text-align: center;

    width: 99%;

    height: 65px;

    line-height: 66px;
  }

  .main_content {
    margin-bottom: 0px;
  }

  .hbb_club {
    width: 48%;

    max-width: 48%;

    text-align: center;

    font-size: 5vw;
  }

  .hbb_foale {
    width: 48%;

    max-width: 48%;

    text-align: center;

    font-size: 5vw;
  }

  .hbb_club:hover,
  .hbb_foale:hover {
    font-size: 5vw;
  }

  .agreement {
    margin: 0;

    margin-bottom: 20px;
  }

  .toph_mp {
    margin-top: -284px;

    position: absolute;
  }

  .stp1_act {
  }

  .rg_p_r_a {
    width: 100%;
  }

  .rg_p_l_a {
    width: 100%;
  }

  .rg_bd_year {
    width: 150px;
  }

  .note {
    padding: 15px;
  }

  .bida_a {
    width: 100%;
  }

  .inpt {
    width: 100%;

    padding: 0;

    text-indent: 10px;

    height: 50px;
  }

  .new_ticket > form > input,
  textarea {
    margin-top: 20px;

    margin-left: 0;

    margin-right: 0px;

    padding: 0;
  }

  .new_ticket > form > input[type="submit"] {
    margin-top: 20px;

    margin-left: 0;

    margin-right: 0px;

    padding: 10px;
  }

  .rg_address {
    width: 100%;
  }

  .inpt_a > select {
    width: 100%;
  }

  .rgsts {
    padding: 0;
  }

  .toph_search {
    width: 99%;

    padding: 0;

    margin: 0;
  }

  .t_m_l {
  }

  .toph_cart {
    position: absolute;

    top: 220px;

    z-index: 3;

    left: 120px;

    color: #575757;

    width: 48px;

    height: 49px;

    background-size: 100%;
  }

  .toph_login {
    display: none;
  }

  .product_info {
    text-align: right;

    border-right: none;
  }

  .lng_txt {
    display: none;
  }

  .lng_ico {
    font-size: 40px;
  }

  .rate {
    margin-bottom: 10px;

    margin-top: 10px;
  }

  .add_to_cart {
    /*

    margin-bottom: 10px;

    margin-top: 10px

    */
  }

  .mob_menu {
    display: flex;

    padding: 5px;

    font-size: 26px;

    padding-right: 10px;

    cursor: pointer;
  }

  .product_a {
    display: block;

    text-align: center;

    min-width: 0;
  }

  .footer_r {
    display: block;

    text-align: center;

    margin-top: 116px;

    margin-bottom: -22px;
  }

  .footer_contact {
    margin: auto;

    width: 100%;
  }

  .footer_ttl {
    margin: auto;

    margin-bottom: 20px;

    margin-top: 20px;

    color: #fff;

    border-bottom: solid #4108a1;
  }

  .footer_links {
    margin: auto;
  }

  .mob_m_t {
    line-height: 30px;
  }

  .t_m_r {
    position: absolute;

    background: #ffd700;

    margin-top: 56px;

    width: 100%;

    z-index: 99;

    border-radius: 0px 0px 5px 5px;

    display: none;

    padding-bottom: 20px;

    border-radius: 5px;
  }

  .t_m_r.show_m {
    display: block;
  }

  .for_mob {
    display: block;
  }

  .login_mob_ico {
    padding-top: 3px;

    padding-left: 10px;

    color: #575757;
  }

  .top_m_items {
    padding: 10px;

    padding-right: 30px;
  }

  .top_menu_border {
  }
}

* {
  padding: 0;
  margin: 0;
}
.wrapper {
  margin-bottom: -32px;
}
.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #7ac142;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10% auto;
  box-shadow: inset 0px 0px 0px #7ac142;
  animation: fill 0.4s ease-in-out 0.4s forwards,
    scale 0.3s ease-in-out 0.9s both;
}
.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%,
  100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #7ac142;
  }
}

.card {
  border-radius: 10px;

  box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.08);

  border: 0;
}

.card-icon-bg .card-body {
  display: flex;
}

.card-icon-bg .card-body .content {
  margin: auto;

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  max-width: max-content;
}

.card-icon-bg [class^="i-"] {
  font-size: 4rem;

  color: rgba(187, 187, 187, 0.28);
}

.mb-0 {
  margin-bottom: 0px !important;
}

.text-muted {
  color: #70657b !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.text-primary {
  --bs-text-opacity: 1;

  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;

  width: 100%;

  text-align: center;
}

.rating:not(:checked) > input {
  display: none;
}

.rating {
  width: max-content;

  height: max-content;

  padding: 0px 0px;

  margin: auto;

  margin-top: auto;

  margin-bottom: auto;

  margin-bottom: auto;

  border-radius: 5px;

  background: #fff;

  display: block;

  overflow: hidden;

  unicode-bidi: bidi-override;

  direction: rtl;

  font-size: 20px;

  margin-bottom: 0px;
}

.rating:not(:checked) > input {
  display: none;
}

#rate:not(:checked) > label {
  cursor: pointer;

  float: right;

  width: 30px;

  height: 30px;

  display: block;

  color: #ccc;

  line-height: 33px;

  text-align: center;
}

#rate:not(:checked) > label:hover,
#rate:not(:checked) > label:hover ~ label {
  color: #f9eca9;
}

#rate > input:checked + label:hover,
#rate > input:checked + label:hover ~ label,
#rate > input:checked ~ label:hover,
#rate > input:checked ~ label:hover ~ label,
#rate > label:hover ~ input:checked ~ label {
  color: #f9eca9;
}

#rate > input:checked ~ label {
  color: #ffd700;
}

.comment_send_alert {
  color: green;

  margin-top: 10px;
}

input[type="text"][disabled],
.form-control:disabled,
.form-control[readonly] {
  background: #ececec !important;

  cursor: no-drop;
}

.myp_h_txt > .contact-form {
  margin: auto;
}

.default-btn > a {
  color: #fff;
}

.sup_now {
  margin-bottom: 50px;

  text-align: center;
}

.new_ticket {
  text-align: center;
}

.ma {
  margin: auto;
}

.regform {
  width: 100% !important;

  max-width: 100%;
}

.rg_st2 {
  padding: 20px;

  display: none;
}

.rgsts {
  height: max-content;

  margin-bottom: 20px;

  display: block;

  padding-top: 20px;

  padding-bottom: 5px;

  background: #fff;
}

.ltr {
  direction: ltr;
}

.shop_uname_free {
  background: #11cc1c;

  padding: 10px;

  color: #fff;
}

.shop_uname_taken {
  background: #de0101;

  padding: 10px;

  color: #fff;
}

.shop_uname_select {
  background: #313b3f;

  padding: 10px;

  color: #fff;
}

.reg_shop {
  width: 100%;

  max-width: 100%;
}

.show-av-or-no {
  margin-bottom: 25px;
}

.small_title {
  text-align: right;

  font-size: 12px;

  border-bottom: solid;

  margin-bottom: 10px;

  padding-bottom: 5px;

  color: #313b3f;
}

.tick_chat_a {
  width: 100%;

  border: solid 3px #00532b;

  border-radius: 5px;

  padding-top: 10px;

  padding-bottom: 10px;

  margin-bottom: 20px;

  background: #f5f5f5;

  max-height: 500px;

  overflow: auto;
}

.usr_tick_cht {
  width: max-content;

  padding: 10px;

  background: #006334;

  border-radius: 5px 0px 0 5px;

  margin: auto;

  margin-right: 0;

  color: #fff;

  margin-top: 10px;

  margin-bottom: 10px;
}

.adm_tick_cht {
  width: max-content;

  padding: 10px;

  background: #1b8dda;

  border-radius: 0px 5px 5px 0px;

  margin: auto;

  margin-left: 0;

  color: #fff;

  margin-top: 10px;

  margin-bottom: 10px;
}

.tick_timestm {
  font-size: 12px;

  padding: 0px;

  color: #ffd700;
}

.tiket_file {
  display: flex;
}

.tikcht_inp {
  margin-bottom: 20px;
}

.tick_chat_inp {
  text-align: center;
}

.tikcht_inp {
  margin-bottom: 20px;
}

.send_ticket > .contact-form {
  max-width: 100%;
}

.ms_ttl {
  text-align: center;

  margin-bottom: 10px;

  margin-top: 10px;

  border-bottom: solid #006133;

  font-size: 20px;

  font-weight: bold;
}

.ssm_title {
  background: #313b3f;

  border-radius: 8px 8px 0px 0px;

  padding: 5px 10px 5px 10px;

  margin: -16px;

  margin-bottom: -16px;

  margin-bottom: 0;

  color: #fff;
}

.site_input {
  height: 50px;

  color: #7f7f7f;

  border: 1px solid #e8e8e8;

  background-color: #ffffff;

  border-radius: 0;

  font-size: 14px;

  padding: 10px 40px 10px 20px;

  width: 100%;

  margin-bottom: 10px;
}

.inpt {
  height: 50px;

  color: #7f7f7f;

  border: 1px solid #e8e8e8;

  background-color: #ffffff;

  border-radius: 0;

  font-size: 14px;

  padding: 10px 40px 10px 20px;

  width: 100%;

  margin-bottom: 10px;
}

.ssmc_link {
  padding: 10px;

  background: #313b3f;

  border-radius: 5px;

  color: #fff;

  margin-bottom: 4px;

  cursor: pointer;
}

.ssm_cats {
  display: grid;
}

.shop_head {
  margin-bottom: 10px;

  background: #ccc;

  height: 110px;
}

.shop_usr_logo {
  text-align: center;
}

.shop_usr_logo > img {
  width: 170px;

  height: 170px;

  margin-top: -100px;

  border-radius: 50%;

  border: solid;

  border-top-color: currentcolor;

  border-right-color: currentcolor;

  border-bottom-color: currentcolor;

  border-left-color: currentcolor;

  border-color: #fff;
}

.ssmc_a {
  color: #fff;

  border-bottom: solid #ffffff36;
}

.ssmc_a:last-child {
  border-bottom: none;
}

.ssmc_icon {
  font-size: 22px;
}

.shopp_cards {
  height: 250px;

  padding: 6px;
}

.pager {
  display: flex;

  justify-content: center;

  flex-wrap: wrap;
}

.pageNumbers > a {
  width: 40px;

  height: 40px;

  line-height: 38px;

  color: #313b3f;

  text-align: center;

  display: inline-block;

  border-radius: 50px;

  position: relative;

  margin-left: 3px;

  margin-right: 3px;

  font-size: 17px;

  font-weight: 500;

  border: 2px solid #313b3f;
}

.pageNumbers > a:hover {
  color: #ffffff;

  background-color: #313b3f;
}

.pageNumbers > .active {
  color: #ffffff;

  background-color: #313b3f;
}

.disabled {
  opacity: 0.3;

  cursor: no-drop;
}

.shopp_abcon {
  display: flex;

  justify-content: center;

  padding: 10px;

  margin-top: 20px;

  color: #fff;

  padding-bottom: 4px;
}

.shopp_abcon > a {
  color: #fff;

  margin-left: 10px;

  margin-right: 10px;
}

.shopp_abcon > a:last-child {
  margin-right: 10px;
}

.shopp_abcon > a:hover {
  -webkit-animation: tada 1s linear;

  animation: tada 1s linear;
}

.flex-for-btns {
  display: flex;

  justify-content: center;

  flex-wrap: wrap;
}

.flex-for-btns > button {
  margin-left: 10px;
}

td > .btnact > form {
  text-align: left;

  margin-left: 10px;
}

td > .btnact {
  text-align: left !important;
}

.btnact {
  display: flex;

  flex-wrap: wrap;

  justify-content: left;
}

textarea {
  height: 180px !important;
}

.hidden {
  display: none;
}

.cart_count {
  position: absolute;

  margin-top: -45px;

  background: #f3c602;

  border-radius: 50%;

  height: 17px;

  width: 17px;

  font-size: 10px;

  font-weight: bold;

  display: flex;

  justify-content: center;

  align-content: center;

  text-align: center;

  left: 10px;

  padding-right: 1px;
}

.toph_cart_a {
  position: absolute;

  width: 100%;

  max-width: 500px;

  background: #fff;

  left: 0;

  margin: auto;

  margin-top: auto;

  margin-top: auto;

  margin-top: 0px;

  box-shadow: 0 0 7px -4px #1b1b1b;

  display: none;
}

.menuclick {
  position: absolute;

  z-index: 10;

  width: 100%;

  height: 100%;

  display: none;
}

.add_to_cart {
  /*

  position: absolute;

  background: #f4c802;

  color: #424242;

  display: flex;

  padding: 5px;

  justify-content: center;

  align-content: center;

  align-items: center;

  margin-top: -60px;

  cursor: pointer;

  z-index: 10;

  transition: 300ms;

  */
}

.atc_icon {
  margin-left: 5px;
}

.add_to_cart:hover {
  /*

  background: #313b3f;

  color: #fff;

  */
}

.tca_img {
  width: 80px;

  height: 80px;

  border-radius: 50%;

  box-shadow: 0 0 8px -3px #ccc;
}

.bank_sele > label > img {
  width: 40px;

  background: #f5f5f5;

  padding: 10px;

  border-radius: 5px;

  height: 40px;
}

.chkot_icon {
  font-size: 50px;
}

.hp_lgn_mbl {
  display: none;
}

.sadad_succ {
  text-align: center;

  font-size: 18px;

  padding: 20px;

  border: solid #ccc;

  width: max-content;

  margin: auto;

  border-radius: 10px;
}

.chek_err > .chkot_icon {
  color: red;
}

.chek_succ > .chkot_icon {
  color: green;
}

.chkot_msg {
  text-align: center;

  margin-top: 30px;

  margin-bottom: 30px;

  font-size: 20px;
}

.ctaa_icon {
  font-size: 23px;

  margin-left: 10px;

  line-height: 43px;

  color: #ccc;
}

.bank_sele > label > [type="radio"] {
  position: absolute;

  opacity: 0;

  width: 0;

  height: 0;
}

/* IMAGE STYLES */

.bank_sele > label > [type="radio"] + img {
  cursor: pointer;
}

/* CHECKED STYLES */

.bank_sele > label > [type="radio"]:checked + img {
  outline: 3px solid #f9df13;

  margin: 5px;
}

.bank_sele > label > [type="radio"] + img {
  outline: 3px solid #ccc;

  margin: 5px;
}

.bank_sele {
  padding: 10px;
}

.mrgn-10 {
  margin: 10px;
}

.tca_p_a {
  display: flex;

  align-content: center;

  align-items: center;

  background: #f9f9f9;

  margin-bottom: 3px;
}

.foot_cart_a {
  padding-top: 10px;

  padding-bottom: 10px;

  display: flex;

  justify-content: center;

  align-items: center;
}

.add_to_bag {
  /*  position: absolute;

  background: #313b3f;

  color: #fff;

  display: flex;

  padding: 5px;

  justify-content: center;

  align-content: center;

  align-items: center;

  margin-top: -60px;

  cursor: pointer;

  z-index: 10;

  transition: 300ms;

  left: 0;*/
}

.add_to_bag:hover {
  /*

  background: #f4c802;

  color: #424242;

  */
}

.mybag_list_img {
  width: 60px;

  height: 60px;
}

.basket_a {
  width: 100%;

  max-width: 1500px;

  margin: auto;

  padding: 10px;
}

.total-side {
  background: #313b3f;

  color: #fff;

  border-radius: 10px 0px 0px 10px;
}

.f_alert_test {
  position: absolute;

  text-align: center;

  width: 99%;

  height: 98%;

  background: #292929e8;

  z-index: 10;

  color: #fff;

  display: flex;

  justify-content: center;

  align-content: center;

  align-items: center;
}

.f_test_block {
  width: 98%;

  background: #fff;

  padding: 3%;

  color: #000;

  max-width: 500px;

  border-radius: 5px;
}

.alert_test_icon {
  position: absolute;

  margin: auto;

  margin-top: auto;

  margin-top: auto;

  margin-top: auto;

  left: 0;

  right: 0;

  margin-top: -67px;

  background: #f3c702;

  width: 60px !important;

  height: 60px;

  display: flex !important;

  justify-content: center;

  align-items: center;

  border-radius: 50%;

  font-size: 50px;
}

.f_test_block_btn {
  border-top: solid #ccc;

  padding-top: 10px;

  margin-top: 10px;
}

.f_test_block_txt {
  text-align: right;
  max-height: 250px;
  overflow: auto;
}

.inputGroup {
  background-color: #f7f7f7;

  display: block;

  margin: 10px 0;

  position: relative;
}

.inputGroup label {
  padding: 12px 79px;

  width: 100%;

  display: block;

  text-align: right;

  color: #3c454c;

  cursor: pointer;

  position: relative;

  z-index: 2;

  transition: color 200ms ease-in;

  overflow: hidden;
}

.inputGroup label:before {
  width: 22px;

  height: 10px;

  content: "";

  background-color: #313b3f;

  position: absolute;

  left: 50%;

  top: 0;

  transform: translate(-50%, -50%) scale3d(1, 1, 1);

  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);

  opacity: 0;

  z-index: -1;
}

.inputGroup label:after {
  width: 32px;

  height: 32px;

  content: "";

  border: 2px solid #d1d7dc;

  background-color: #fff;

  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");

  background-repeat: no-repeat;

  background-position: 2px 3px;

  border-radius: 50%;

  z-index: 2;

  position: absolute;

  right: 30px;

  top: 50%;

  transform: translateY(-50%);

  cursor: pointer;

  transition: all 200ms ease-in;
}

.ipgroup label {
  padding: 12px 65px 12px 0px !important;
}

.inputGroup input:checked ~ label {
  color: #fff;
}

.inputGroup input:checked ~ label:before {
  transform: translate(-50%, -50%) scale3d(56, 56, 1);

  opacity: 1;
}

.inputGroup input:checked ~ label:after {
  background-color: #f5c902;

  border-color: #f6ca02;
}

.inputGroup input {
  width: 32px;

  height: 32px;

  order: 1;

  z-index: 2;

  position: absolute;

  left: 30px;

  top: 50%;

  transform: translateY(-50%);

  cursor: pointer;

  visibility: hidden;
}

.test_timer {
  display: flex;

  justify-content: center;
}

#progress_bar > span {
  width: max-content;

  position: absolute;

  text-align: right;

  font-weight: bold;

  line-height: 16px;

  background: #313b3f;

  padding: 4px;

  padding-bottom: 4px;

  border-radius: 10px;

  padding-bottom: 2px;

  margin: auto;

  margin-top: auto;

  margin-right: auto;

  margin-top: auto;

  margin-top: -7px;

  color: #fecd39;

  margin-right: -3px;
}

#pelogo {
  display: block;

  position: relative;

  width: 100%;

  height: 143px;

  background: #34324b;

  background: -moz-linear-gradient(-45deg, #34324b 0%, #161222 100%);

  background: -webkit-linear-gradient(-45deg, #34324b 0%, #161222 100%);

  background: linear-gradient(135deg, #313b3f 0%, #032917 100%);

  background-size: auto;

  background-size: auto;

  background-size: auto;

  background-size: auto;

  background-size: contain;

  font-family: Trebuchet MS, sans-serif;

  font-size: 85px;

  font-weight: bold;

  color: #f5c902;

  text-align: center;

  line-height: 120px;

  margin: auto;

  margin-top: 20px;
}

.disc_des {
  font-size: 12px;

  font-family: yekan;

  height: max-content;

  width: max-content;

  margin: auto;

  margin-top: auto;

  margin-top: -70px;
}

#disc_chart {
  height: 400px;
}

.highcharts-figure,
.highcharts-data-table table {
  min-width: 200px;

  max-width: 100%;

  margin: 1em auto;
}

.highcharts-data-table table {
  font-family: Verdana, sans-serif;

  border-collapse: collapse;

  border: 1px solid #ebebeb;

  margin: 10px auto;

  text-align: center;

  width: 100%;

  max-width: 500px;
}

.highcharts-data-table caption {
  padding: 1em 0;

  font-size: 1.2em;

  color: #555;
}

.highcharts-data-table th {
  font-weight: 600;

  padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
  padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
  background: #f8f8f8;
}

.highcharts-data-table tr:hover {
  background: #f1f7ff;
}

.highcharts-title {
  font-family: yekan !important;
}

.test_texts {
  padding: 10px;

  background: #f7f7f7;

  text-align: right;
}

.test_text_head {
  background: #313b3f;

  color: #fff;

  padding-top: 3px;

  padding-bottom: 3px;
}

.test_text_a {
  margin-top: 10px;
}

.disc_tst_jobs > ul > li {
  display: list-item;

  list-style: disc;

  margin-right: 15px;
}

.shop_filter_menu {
}

.ppage {
  cursor: pointer;
}

.foot_cart_a > button {
  margin-left: 5px;
}

.tca_orders {
  max-height: 300px;

  overflow-x: auto;
}

.basket_size_color {
  display: flex;

  font-size: 12px;

  justify-content: center;

  align-content: center;

  align-items: center;

  margin-bottom: 10px;
}

.basket_color {
  background: #00ff00;

  width: 10px;

  height: 10px;

  margin-right: 6px;
}

.tca_name {
  margin: 10px;

  margin-bottom: 10px;

  margin-bottom: 0px;
}

.basket_pa {
  text-align: center;

  margin: auto;

  margin-left: auto;

  margin-left: 0;
}

.address_add {
  margin: auto;

  margin-left: auto;

  margin-left: 10px;

  position: absolute;

  left: 40px;

  font-size: 15px;

  line-height: 30px;

  color: #fff;

  cursor: pointer;
}

.chot_p_color {
  width: 20px;

  height: 20px;

  margin: auto;
}

.footer_pic {
  background-image: url(../img/data-table-bg.png);

  background-position: bottom;

  background-size: cover;

  background-repeat: no-repeat;

  height: 171px;
}

.uploadimgicon {
  font-size: 55px;

  margin: auto;

  color: #313b3f;
}

.uiia {
  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-item: center;
}

.btn-edit-img {
  width: max-content;

  border: none;

  background: #313b3f;

  color: #fff;

  border-radius: 5px;
}

.main-pic {
  background: #f1c403;

  color: #4e4e4e;
}

.typ_select {
  width: max-content;

  padding: 10px;

  background: #313b3f;

  color: #fff;

  margin: 10px;

  cursor: pointer;

  transition: 200ms;
}

.ts_btn_a {
  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-item: center;
}

.typ_select:hover {
  background: #f1c403;

  color: #4e4e4e;
}

.ts_line {
  border-bottom: solid #313b3f;

  padding: 10px;

  margin-bottom: 10px;
}

.action-btn {
  direction: ltr;

  border: none;

  background: none;

  margin-left: 10px;

  color: #3e3e3e;

  font-size: 15px;

  font-family: yekan;

  font-weight: bold;
}

.file_upload_btn {
  padding: 10px;

  margin: 10px;

  background: #313b3f;

  color: #fff;

  cursor: pointer;
}

#uploadStatus {
  background: #313b3f;

  padding: 5px;

  margin-bottom: 10px;

  display: flex;

  justify-content: center;

  align-content: center;

  align-items: center;

  margin-top: 10px;
}

#uploadStatus > p {
  margin: 0;

  padding: 0;
}

.start_teach {
  font-size: 31px;

  color: #fff;
}

.fpci_img {
  width: 60%;

  margin: auto;

  margin-left: auto;

  margin-left: 0;

  height: 150px;
}

.fpc_item_a {
  display: flex;

  background: #e7dbbc;

  height: 150px;
}

.fpci_txt {
  width: 50%;

  text-align: right;

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 20px;

  transition: 400ms;

  transform: translateY(0%);

  background: #e7dbbc;

  position: absolute;

  width: 215px;

  z-index: 1;

  margin-right: 19px;

  height: 150px;

  -webkit-transform: skew(-20deg);

  -moz-transform: skew(-13deg);

  -o-transform: skew(-20deg);

  overflow: hidden;
}

.fpci_txt:hover {
  width: 252px;
}

.fpci_img_img {
  height: 100%;

  object-fit: cover;

  width: 100%;

  position: relative;
}

.fp_b_title {
  text-align: center;

  margin-bottom: 35px;

  font-weight: bold;
}

.f_alert_test {
  position: absolute;

  text-align: center;

  width: 99%;

  height: 98%;

  background: #292929e8;

  z-index: 10;

  color: #fff;

  display: flex;

  justify-content: center;

  align-content: center;

  align-items: center;
}

.f_test_block {
  width: 98%;

  background: #fff;

  padding: 3%;

  color: #000;

  max-width: 500px;

  border-radius: 5px;
}

.alert_test_icon {
  position: absolute;

  margin: auto;

  margin-top: auto;

  margin-top: auto;

  margin-top: auto;

  left: 0;

  right: 0;

  margin-top: -67px;

  background: #f3c702;

  width: 60px !important;

  height: 60px;

  display: flex !important;

  justify-content: center;

  align-items: center;

  border-radius: 50%;

  font-size: 50px;
}

.f_test_block_btn {
  border-top: solid #ccc;

  padding-top: 10px;

  margin-top: 10px;
}

.f_test_block_txt {
  text-align: right;
  max-height: 250px;
  overflow: auto;
}

.pricing-area {
  margin-bottom: 30px;

  text-align: center;
}

.hidden {
  display: none;
}

.pricing-card .pricing-card-into .pricing-icon {
  position: relative;

  margin-top: -40px;

  background-color: #fff;

  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.03);

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.03);

  width: 95px;

  height: 95px;

  font-size: 83px;

  border-radius: 50px;

  display: inline-block;

  text-align: center;

  line-height: 95px;

  color: #3f3f3f;
}

.test_timer {
  display: flex;

  justify-content: center;
}

.pricing-card {
  border: 2px dashed #3b3b3b;

  padding: 5px;

  -webkit-transition: 0.7s;

  transition: 0.7s;

  position: relative;

  background: #fff;
}

.pricing-card:hover {
  border-color: #5e5e5e;
}

.pricing-card .pricing-card-into {
  text-align: center;

  padding: 0 30px 30px;
}

.test_texts > ul > li {
  text-align: right;

  margin: 6px;

  background: #424242;

  width: 78%;

  padding: 10px;

  color: #fff;

  list-style-type: disc;

  margin: auto;

  margin-top: auto;

  margin-top: 10px;

  transition: 200ms;
}

.test_texts > ul > li:hover {
  background: #6b6b6b;
}

.test_texts > ul > li::marker {
  color: #000;

  font-size: 20px;
}

.test_texts > b {
  font-size: 15px;

  font-weight: bold;

  line-height: 40px;
}

.section-title {
  padding-bottom: 10px;
}

.test_texts {
  padding: 10px;

  text-align: right;

  background: #eee;
}

.test_text_head {
  background: #383838;

  color: #fff;

  padding-top: 14px;

  padding-bottom: 14px;

  font-size: 17px;

  cursor: pointer;
}

.highcharts-title {
  font-family: yekan;
}

#pelogo {
  display: block;

  position: relative;

  width: 100%;

  height: 143px;

  background: #6f6f6f;

  background: -moz-linear-gradient(-45deg, #6f6f6f 0%, #161222 100%);

  background: -webkit-linear-gradient(-45deg, #6f6f6f 0%, #161222 100%);

  background: linear-gradient(135deg, #6f6f6f 0%, #191a19 100%);

  background-size: auto;

  background-size: auto;

  background-size: auto;

  background-size: auto;

  background-size: auto;

  background-size: auto;

  background-size: contain;

  font-family: Trebuchet MS, sans-serif;

  font-size: 85px;

  font-weight: bold;

  color: #f5c902;

  text-align: center;

  line-height: 120px;

  margin: auto;

  margin-top: auto;

  margin-top: auto;

  margin-top: 20px;
}

.disc_des {
  font-size: 12px;

  font-family: yekan;

  height: max-content;

  width: max-content;

  margin: auto;

  margin-top: auto;

  margin-top: auto;

  margin-top: -70px;
}

.price-width {
  max-width: 1320px;

  background-color: #ffffff;

  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  padding: 10px;

  margin: 0 auto;
}

.color-red {
  stop-color: #e23131;
}

.color-yellow {
  stop-color: #fbe500;
}

.color-green {
  stop-color: #25cd6b;
}

.gradient-mask {
  visibility: hidden;
}

.img-cats {
  height: 100%;

  width: 100%;
}

.gauge-container {
  padding: 20px;

  margin-top: 80px;

  display: flex;

  justify-content: space-around;

  flex-wrap: wrap;
}

.gauge {
  height: 220px;

  width: 300px;

  background: #eee;
}

.gauge .dxg-range.dxg-background-range {
  fill: url(#gradientGauge);
}

.gauge .dxg-line {
  transform: scaleX(1.04) scaleY(1.03) translate(-4px, -4px);
}

.gauge .dxg-line path:first-child,
.gauge .dxg-line path:last-child {
  display: none;
}

.gauge .dxg-line path:nth-child(2),
.gauge .dxg-line path:nth-child(6) {
  stroke: #ed811c;
}

.gauge .dxg-line path:nth-child(3),
.gauge .dxg-line path:nth-child(5) {
  stroke: #a7db29;
}

.gauge .dxg-line path:nth-child(4) {
  stroke: #25cd6b;
}

.gauge .dxg-elements text:first-child {
  transform: translate(19px, 13px);
}

.gauge .dxg-elements text:last-child {
  transform: translate(-27px, 14px);
}

.gauge .dxg-value-indicator path {
  transform: scale(1.2) translate(0, -5px);

  transform-origin: center center;

  fill: coral;
}

.gauge .dxg-value-indicator .dxg-title {
  text-transform: uppercase;
}

.gauge .dxg-value-indicator .dxg-title text:first-child {
  transform: translateY(5px);
}

.gauge .dxg-value-indicator .dxg-spindle-border:nth-child(4),
.gauge .dxg-value-indicator .dxg-spindle-hole:nth-child(5) {
  transform: translate(0, -109px);
}

.gauge .dxg-value-indicator .dxg-spindle-hole {
  fill: #26323a;
}

.test_text_a:nth-child(1) > .test_text_head {
  background: #e36019 !important;
}

.test_text_a:nth-child(2) > .test_text_head {
  background: #528801 !important;
}

.test_text_a:nth-child(3) > .test_text_head {
  background: #0062f1 !important;
}

.test_text_a:nth-child(4) > .test_text_head {
  background: rgba(54, 153, 51, 0.8) !important;
}

.test_text_a:nth-child(5) > .test_text_head {
  background: #ab03b7 !important;
}

.test_text_a:nth-child(6) > .test_text_head {
  background: #d20051 !important;
}

.test_text_a:nth-child(7) > .test_text_head {
  background: #02b46b !important;
}

.test_text_a:nth-child(8) > .test_text_head {
  background: #3a037e !important;
}

.test_text_a:nth-child(9) > .test_text_head {
  background: #6e6432 !important;
}

.test_text_a:nth-child(10) > .test_text_head {
  background: #ffdd00 !important;

  color: #000;
}

.test_text_a {
  margin-top: 10px;
}

.test_text_head > div {
  font-size: 20px;
}

.fpb_items {
  padding: 10px;

  background: #313b3f;

  width: max-content;

  color: #fff;

  margin: 10px;
}

.footer-widget > h3,
.footer-widget > p {
  text-align: center !important;

  color: #f6dc1a;
}

.toph_area {
  margin-top: -250px;
  background: #d3eeff;
  padding: 16px;
  border-radius: 10px;
  position: relative;
  z-index: 99;
  margin-bottom: 30px;
  max-width: 1320px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  color: #203337;
  text-decoration: none;
  border-radius: 10px;
  border: solid 1px #273033;
  background: #273033;
  text-align: center;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  transition: all 0.1s;
  -webkit-box-shadow: 0px 6px 0px #d35400;
  -moz-box-shadow: 0px 6px 0px #d35400;
  box-shadow: 0px 6px 0px #0a1924;
}

.mpb_item_mg {
  background: #fff;

  height: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

  border-radius: 10px;

  transition: 400ms;

  max-height: 242px;
}

.mpb_item_mg:hover {
  margin-top: -8px;
}

.mp_tems_row {
  height: 100%;
}

.ssai_icon {
  font-size: 80px;
}

.ssai_icon_sml {
  font-size: 57px;

  margin-bottom: -19px;

  margin-top: -11px;
}

.ssai_txt {
  text-align: center;

  font-weight: bold;

  font-size: 17px;
}

.mpb_item_mg_sml {
  background: #313b3f;

  height: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

  border-radius: 10px;

  transition: 400ms;

  color: #fff;
}

.mp_frame {
  padding: 10px;

  border-radius: 10px;

  max-width: 1320px;

  margin: auto;

  margin-top: auto;

  margin-top: 20px;
}

.foot-head {
  background-image: url(../img/home-two/foot5.svg);

  height: 12vw;

  background-size: cover;
}

.namad-box {
  width: 70px;

  height: 70px;

  background: #285979;

  border-radius: 5px;

  margin-top: 10px;

  margin-left: auto;

  margin-right: auto;

  padding: 5px;
}

.namad-box > img {
  width: 100%;

  height: 100%;
}

.ntop {
  background-image: url(../img/home-two/ntop1.svg);

  height: 202px;

  background-size: cover;

  background-position: top;

  margin-top: 40px;
}

.nfoot {
  background-image: url(../img/home-two/nfoot2.svg);

  height: 135px;

  background-size: cover;

  background-position: bottom;
}

#eustartteach {
  width: 100%;

  height: auto;

  --aspect-ratio: 2 / 3;
}

.video_bg {
  position: relative;

  height: auto;

  width: 100%;

  margin-top: -100px;

  z-index: -1;

  margin-bottom: -248px;
}

.vid-text {
  position: absolute;

  margin-top: -40%;

  font-size: 67px;

  text-align: center;

  width: 100%;

  color: #fff;

  font-weight: bold;

  text-shadow: 0 2px 10px #000;
}

.image_fix {
  background-image: url(../img/home-two/stat.jpg);

  min-height: 550px;

  background-attachment: fixed;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  margin-top: -100px;

  position: relative;

  z-index: -1;

  margin-bottom: -150px;

  display: flex;

  justify-content: center;

  align-items: center;
}
.image_fix3 {
  background-image: url(../img/home-two/manpgbkpdf.gif);

  min-height: 550px;

  background-attachment: fixed;

  background-position: center;

  background-repeat: no-repeat;

  margin-top: -100px;

  position: relative;

  z-index: -1;

  margin-bottom: -150px;

  display: flex;

  justify-content: center;

  align-items: center;
}

.image_fix1 {
  background-image: url(../img/home-two/testmpimage3.png);

  min-height: 765px;

  background-attachment: fixed;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  margin-top: -184px;

  position: relative;

  z-index: -1;

  margin-bottom: -230px;

  display: flex;

  justify-content: center;

  align-items: center;
}

.imgfix_text {
  text-align: center;

  font-size: 30px;

  color: #f6d42a;

  text-shadow: 0px 3px 7px #000;
}

.imgfix_text3 {
  text-align: center;
  font-size: 46px;
  color: #313b3f;
  text-shadow: 0px 3px 1px #fff;
  font-weight: bold;
}
.imgfix_text4 {
  text-align: center;
  font-size: 22px;
  color: #fbd001;
  text-shadow: 0px 0px 4px #000;
}

.imgfix_text1 {
  text-align: center;

  font-size: 42px;

  color: #3c3c3c;

  text-shadow: 0px 2px 7px #434343;

  font-weight: bold;

  position: relative;
}

.imgfix_text1:after {
  content: attr(data-text);

  -webkit-text-stroke: 6px #844733;

  color: #844733;

  position: absolute;

  left: 0;

  z-index: -1;
}

.auc_item {
  margin: auto;

  margin-right: auto;

  margin-bottom: auto;

  margin-left: auto;

  margin-left: auto;

  color: #fff;

  padding-top: 10px;

  border: solid #fff 6px;

  border-radius: 50%;

  width: 200px;

  height: 200px;

  display: flex;

  justify-content: center;

  align-items: center;

  margin-left: 8px;

  margin-right: 8px;

  margin-bottom: 10px;
}

.count_group {
  display: flex;

  direction: ltr;

  justify-content: center;

  font-size: 34px;

  color: #ffd700;

  font-weight: 700;
}

.about_us_count {
  display: flex;

  text-align: center;

  flex-wrap: wrap;

  max-width: 1400px;

  margin: auto;

  margin-top: auto;

  padding-top: 0;

  padding-bottom: 3%;

  background-size: cover;

  background-repeat: no-repeat;

  margin-top: 20px;

  flex-wrap: wrap;

  justify-content: center;
}

.auc_title {
  font-size: 22px;
}

.language_a {
  display: none;

  margin: auto;

  position: absolute;

  width: max-content;

  margin-right: 12px;
}

.language_ul {
  position: absolute;

  background: #333333e6;

  padding: 0px;

  width: max-content;

  max-width: 150px;

  text-align: right;

  list-style-type: none;

  border-radius: 0 0 10px 10px;

  margin-left: auto;

  font-size: 18px;

  color: #fff;

  z-index: 9;
}

.language_li {
  cursor: pointer;

  margin: 10px 12px;
}

.flag-icon {
  margin-left: 5px;
}

.skiptranslate {
  display: none !important;
}

.child_cat > input {
  margin-right: 10px !important;
}

.child_cat {
  background: #cccccc29;

  padding: 10px;

  display: none;
}

.sign-in-area {
  margin-bottom: -10vw;

  background-image: url("../img/home-two/login_bg_new2.svg");

  background-size: cover;

  background-position: top center;
}

.login_icon_circle {
  background-image: url("../img/home-two/avatar.svg");

  width: 100px;

  height: 100px;

  background-size: 100%;

  margin: auto;

  margin-top: auto;

  margin-bottom: auto;

  margin-bottom: auto;

  margin-bottom: -25px;

  margin-top: 25px;
}

.msg_cont {
  background: #f00;

  border-radius: 50%;

  width: 20px;

  height: 20px;

  font-size: 10px;

  display: flex;

  justify-content: center;

  align-items: center;

  position: absolute;

  margin-top: -67px;

  margin-right: -10px;
}

.slide_down_menu {
  border-bottom: solid;

  margin-bottom: 5px;
}

.fp_txt_a {
  background: #ffffff5e;

  padding: 0 5px 0 5px;

  border-radius: 10px;

  box-shadow: 0 0 7px -2px #c4c0c0;
}

ul.slider-img li img {
  width: 100%;

  height: 100%;

  object-fit: cover;
}

.search_top {
  padding: 20px;

  background: #313b3f;

  padding-top: 30px;
}

.search_input {
  border-radius: 30px;
}

.sh_rs_a {
  background: #fff;

  text-align: center;

  padding: 10px;

  width: 95%;

  margin: auto;

  display: none;

  position: absolute;

  z-index: 99;

  box-shadow: 0 0 8px -6px #000;

  left: 0;

  right: 0;
}

.shres_a {
  display: flex;

  justify-content: right;

  align-items: center;

  margin-bottom: 5px;

  background: #eaeaea;

  padding: 5px;

  border-radius: 5px;
}

.search_img {
  width: 50px;

  height: 50px;

  margin-left: 10px;
}

.tabs_item > p {
  color: #fff !important;
}

.course-details-content {
  background: #313b3f;

  padding: 10px;

  border-radius: 10px 10px 0 0;

  color: #fff;
}

.course-rating > h4 {
  color: #fff !important;
}

.top_head_cp {
  padding: 10%;

  padding-top: 10%;

  padding-top: 180px;

  background: url("../img/home-two/cp_head.jpg");

  background-size: cover;
}

.cp_box {
  text-align: center;

  padding: 10px;

  background: #00000082;

  color: #fff;

  border-radius: 10px;

  height: 117px;
}

.cp_head_numb {
  font-size: 30px;
}

.statics_course {
  margin-top: 30px;
}

.tc_height a img {
  height: 39% !important;
}

.curriculum-content > h3,
.curriculum-list > h4 {
  color: #fff;
}

.children_cat_icon {
  cursor: pointer;
}

.text-left {
  text-align: left;

  justify-content: left;
}

.mcv_title {
  display: flex;
}

.mcv_icon {
  padding: 8px;

  padding-top: 8px;

  padding-bottom: 8px;

  padding-top: 8px;

  padding-bottom: 8px;

  background: #313b3f;

  border-radius: 50%;

  padding-top: 3px;

  padding-bottom: 3px;

  color: #fff;

  width: 35px !important;

  margin-left: 10px;
}

.mcv_txt {
  padding: 3px;
}

.mcv_item {
  display: flex;

  align-items: center;

  margin-top: 10px;

  padding-bottom: 10px;
}

.add_item_a {
  padding: 10px;

  background: #cccccc1c;

  border-radius: 10px;

  min-height: 100px;

  width: 100%;
}

.rating-system2 label {
  width: 30px;

  height: 30px;

  border-radius: 100%;

  margin: 0 10px;
}

.item_block {
  padding: 5px;

  border: solid 1px #ccc;

  border-radius: 10px;

  margin: 10px;

  display: flex;

  align-items: center;

  align-items: center;
}

.del_itm {
  margin-left: 10px;
}

.del_icon {
  border: none;

  border-radius: 50%;

  height: 22px;

  line-height: 0;

  padding-left: 1px;

  padding-right: 1px;

  background: #313b3f;

  color: #fff;
}

.ratings-system2 label:before {
  display: none;
}

.rating-system2 label:hover ~ label,
.rating-system2 label:hover {
  box-shadow: 0 0 0 2px gold, inset 0 0 0 5px #333;
}

.rating-system2 input:checked ~ label {
  background: gold;

  box-shadow: 0 0 0 2px gold;
}

.seted label {
  width: 10px !important;

  height: 10px !important;
}

.itm_lvl {
  ext-align: left;

  margin: auto;

  margin-left: auto;

  margin-left: 10px;
}

.cv_time {
  font-size: 10px;
}

input:nth-of-type(5):checked ~ .ratecvtext:before {
  content: "کم";
}

label:nth-of-type(5):hover ~ .ratecvtext:before {
  content: "کم" !important;
}

input:nth-of-type(4):checked ~ .ratecvtext:before {
  content: "متوسط";
}

label:nth-of-type(4):hover ~ .ratecvtext:before {
  content: "متوسط" !important;
}

input:nth-of-type(3):checked ~ .ratecvtext:before {
  content: "خوب";
}

label:nth-of-type(3):hover ~ .ratecvtext:before {
  content: "خوب" !important;
}

input:nth-of-type(2):checked ~ .ratecvtext:before {
  content: "خیلی خوب";
}

label:nth-of-type(2):hover ~ .ratecvtext:before {
  content: "خیلی خوب" !important;
}

input:nth-of-type(1):checked ~ .ratecvtext:before {
  content: "کاملا مسلط";
}

label:nth-of-type(1):hover ~ .ratecvtext:before {
  content: "کاملا مسلط" !important;
}

.cvs_hta {
  display: flex;
}

.cv_avatar > img {
  margin: unset;

  height: 100%;
}

.top_cv {
  padding: 10px;

  background: #313b3f;

  border-bottom: solid 6px;

  width: 96%;

  margin: auto;

  color: #fff;

  border-bottom: solid #fae013 6px;

  border-radius: 10px;
}

.main_cv {
  width: 96%;

  margin: auto;

  margin-top: auto;

  background: #f0f9ff;

  margin-top: 10px;

  border-radius: 10px;

  border-bottom: solid #313b3f;
}

.rating-system2 {
  width: max-content;

  display: block;

  margin: 20px;

  position: relative;

  margin: auto;

  margin-top: auto;

  margin-top: 15px;
}

.ratecv {
  display: none;
}

.ratecvlabel {
  float: right;

  display: inline-block;

  width: 40px;

  height: 5px;

  background: #ccc;

  margin: 4px;

  position: relative;

  transition: all 0.3s;
}

.ratecvtext {
  text-align: center;
}

.ratecvtext:before {
  line-height: 60px;
}

.cvs_val {
  margin-right: 5px;
}

.timeline-card {
  position: relative;

  margin-right: 51px;

  border-right: 2px solid;

  border-right-color: currentcolor;

  margin-bottom: 2rem;

  margin-left: 10px;
}

.timeline-card:last-child {
  margin-bottom: 1rem;
}

.timeline-card:before {
  content: "";

  display: inline-block;

  position: absolute;

  background-color: #fff;

  border-radius: 10px;

  width: 12px;

  height: 12px;

  top: 20px;

  right: -41px;

  border: 2px solid;

  z-index: 2;
}

.timeline-card:after {
  content: "";

  display: inline-block;

  position: absolute;

  background-color: currentColor;

  width: 29px;

  height: 2px;

  top: 25px;

  right: -29px;

  z-index: 1;
}

.timeline-card-primary {
  border-right-color: #4a89dc;
}

.timeline-card-primary:before {
  border-color: #4a89dc;
}

.timeline-card-primary:after {
  background-color: #4a89dc;
}

.timeline-card-success {
  border-left-color: #37bc9b;
}

.timeline-card-success:before {
  border-color: #37bc9b;
}

.timeline-card-success:after {
  background-color: #37bc9b;
}

.job_head {
  padding-top: 96px;

  height: 440px;

  background: url("../img/home-two/job_head.jpg");

  background-size: auto;

  background-size: cover;
}

.job_search {
  padding: 20px;

  background: #313b3f;

  max-width: 1200px;

  margin: auto;

  margin-top: auto;

  margin-top: -54px;

  border-radius: 10px;

  padding-bottom: 13px;
}

.usr_table tr:hover {
  background-color: #ffd700;
}

.usr_table th {
  padding-top: 5px;

  padding-bottom: 5px;

  text-align: center;

  background-color: #006434;

  color: white;
}

.s_u_l_ttl {
  padding: 5px 10px 5px 10px;

  width: max-content;
}

.s_u_l_link {
  padding: 5px 10px 5px 10px;

  border: solid #ffd700;

  border-radius: 5px;

  transition: linear 300ms;

  width: max-content;

  cursor: pointer;

  width: 100%;

  max-width: 400px;

  height: 46px;

  text-align: center;
}

.cocount {
  margin-left: 10px;
}

.video-js {
  width: 100%;

  height: 100%;
}

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

.oc_title {
  text-align: center;

  font-size: 20px;

  color: #2a343b;

  font-weight: bold;
}

.oc_olpname {
  text-align: center;

  color: #00371c;

  border-bottom: solid 1px #ccc;

  margin-bottom: 44px;
}

.faq_area {
}

.faq_cat_btn {
  width: max-content;

  padding: 25px;

  text-align: center;

  cursor: pointer;

  border: 3px solid #262626;

  -webkit-transition: all 0.3s ease-out;

  -o-transition: all 0.3s ease-out;

  -moz-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

  -webkit-border-radius: 12px;

  -moz-border-radius: 12px;

  border-radius: 12px;

  margin: 10px;
}

.faq_cat_btn:hover {
  background: #373737;

  color: #fff;
}

.faq_cat {
  padding: 10px;

  text-align: center;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;
}

.faq_freq_a {
  max-width: 800px;

  margin: auto;

  border-radius: 10px 10px 0 0;

  margin-top: 12px;

  margin-bottom: 10px;
}

.faqf_title {
  text-align: center;

  color: #fff;
}

.ffa_ques {
  padding: 10px;

  background: #fdfdfd;

  border-radius: 10px;

  display: flex;

  cursor: pointer;
}

.faq_freq {
  padding: 30px 1%;

  background: #ffa036;
}

.ffa_ans {
  background: #e3e3e3;

  padding: 10px;

  border-radius: 10px;

  display: none;

  margin-top: 4px;
}

.ffa_ans > a {
  text-align: center;

  border-top: solid;

  padding-top: 10px;

  color: #373737;

  cursor: pointer;

  display: block;
}

.ffaq_icon {
  margin: auto;

  width: max-content;

  margin-left: 0;

  font-size: 24px;

  line-height: 0;
}

.faq_seach > .toph_search {
  padding: 3%;

  max-width: 800px;
}

.faq_seach > .toph_search > input {
  border-radius: 10px;
}

.faq_show_a {
  padding: 2%;
}

.faq_show_qs {
  text-align: center;

  padding: 1%;

  color: #ffd700;

  font-size: 20px;
}

.faq_show_txt {
  background: #fff;

  padding: 10px;

  border-radius: 10px;

  list-style: inside;
}

.ffaa_txt {
  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;
}

.r_a_title {
  text-align: center;

  margin-bottom: 30px;

  font-weight: bold;
}

.um_icon {
  text-align: center;

  font-size: 28px;

  color: red;
}

.upgrade_msg {
  text-align: center;
}

.tag_title {
  border-bottom: 1px solid #dee2e6;

  margin-top: 60px;

  padding: 10px;

  margin-bottom: 15px;
}

.tags_a {
  display: flex;

  flex-wrap: wrap;
}

.tag_item {
  margin: 10px;

  background: #0000001c;

  padding: 5px;

  border-radius: 5px;
}

.tik_note {
  font-size: 13px;

  color: #7228e0;
}

.bilit_a {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: max-content;
  margin-top: 35px;
  padding: 20px;
  border-radius: 10px;
  background: #fbfbfb;
  box-shadow: 2px 2px 15px 0 #aaa;
  margin-bottom: 30px;
  width: 92%;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 30px;
}

.bilit_a:before,
.bilit_a:after {
  content: "";

  position: absolute;

  right: 1%;

  height: 6px;

  width: 98%;
}

.bilit_a:before {
  top: -5px;

  background: radial-gradient(
      circle,
      transparent,
      transparent 50%,
      #fbfbfb 50%,
      #fbfbfb 100%
    ) -7px -8px/16px 16px repeat-x;
}

.bilit_a:after {
  bottom: -5px;

  background: radial-gradient(
      circle,
      transparent,
      transparent 50%,
      #fbfbfb 50%,
      #fbfbfb 100%
    ) -7px -2px/16px 16px repeat-x;
}

.ticket__content {
  box-sizing: border-box;

  height: 100%;

  width: 100%;

  border: 6px solid #d8d8d8;

  padding: 12px;

  text-align: center;

  border-radius: 5px;
}

.ui-progressbar-value {
  height: 10px !important;

  background: rgb(40, 108, 153) !important;
}

.cons_div_title {
  background: #313b3f;

  color: #fff;

  margin-top: 10px;
}

.cons_time_free {
  background: #f0f0f0;

  margin-top: 7px;

  border-radius: 5px;
}

.cons_time_taken {
  background: #f82121 !important;

  color: #fff;

  margin-top: 7px;

  border-radius: 5px;
}

.cons_user_taken {
  cursor: no-drop !important;
}

#click-me {
  -webkit-transition: all 0.35s ease-in-out;

  -moz-transition: all 0.35s ease-in-out;

  transition: all 0.35s ease-in-out;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 25px;

  -moz-background-clip: padding;

  -webkit-background-clip: padding-box;

  background-clip: padding-box;

  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);

  -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);

  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);

  position: fixed;

  right: 50px;

  bottom: 40px;

  height: max-content;

  width: max-content;

  line-height: 15px;

  padding: 8px;

  border: 0;

  color: #fff;

  text-align: center;

  background: linear-gradient(to right, #ffa236, #fe8439);

  cursor: pointer;

  -moz-animation: shakeme 3s infinite;

  -o-animation: shakeme 3s infinite;

  -webkit-animation: shakeme 3s infinite;

  animation: shakeme 3s infinite;

  z-index: 99;
}

#click-me:hover {
  background: #313b3f;

  color: #fff;
}

@keyframes shakeme {
  0% {
    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);
  }

  5% {
    -webkit-transform: scale(0.7);

    -moz-transform: scale(0.7);

    -ms-transform: scale(0.7);

    -o-transform: scale(0.7);
  }

  10% {
    -webkit-transform: scale(1.5);

    -moz-transform: scale(1.5);

    -ms-transform: scale(1.5);

    -o-transform: scale(1.5);
  }

  15% {
    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);
  }

  20% {
    -webkit-transform: scale(1.4);

    -moz-transform: scale(1.4);

    -ms-transform: scale(1.4);

    -o-transform: scale(1.4);
  }

  30% {
    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);
  }
}

.profile_img_step {
  position: absolute;

  width: 41px;

  margin-right: -21px;
}

.wbn_read {
  background: #80ea80 !important;
}

.disc_page1 {
  position: relative;

  background: url("../img/disc/discr_fp.svg");

  background-size: auto;

  width: 100vw;

  height: 133vw;

  background-size: 100%;

  max-width: 1000px;

  margin: auto;

  max-height: 1335px;

  box-shadow: 0 0 7px -4px #000;

  margin-bottom: 31px;

  border-radius: 10px;
}

.disc_page2 {
  position: relative;

  background: url("../img/disc/discr_bg.svg");

  background-size: auto;

  width: 100vw;

  height: 133vw;

  background-size: 100%;

  max-width: 1000px;

  margin: auto;

  max-height: 1335px;

  box-shadow: 0 0 7px -4px #000;

  margin-bottom: 31px;

  border-radius: 10px;
}

.discr_chart1 {
  background: url("../img/disc/discr_chart1.svg");

  background-size: auto;

  width: 100%;

  height: 38vw;

  background-size: 100%;

  margin-top: 30px;

  background-repeat: no-repeat;
}

.disc_uinfo {
  position: absolute;

  bottom: 17vw;

  right: 3vw;

  font-size: 25px;

  color: #000;
}

.disc_plist {
  position: absolute;

  left: 0;

  right: 0;

  margin: auto;

  width: max-content;

  font-size: 25px;

  top: 34%;

  color: #000;
}

.disc_plist > div {
  margin-top: 15px;

  border-bottom: solid #797979 1px;
}

.disc_copyr {
  position: absolute;

  bottom: 2.8vw;

  right: 22vw;

  color: #000;

  font-size: 11px;
}

.disc_foot_insta {
  position: absolute;

  bottom: 1.8vw;

  left: 6vw;

  color: #000;

  font-size: 26px;
}

.disc_toppn {
  position: absolute;

  bottom: 2.5vw;

  right: 0;

  color: #000;

  font-size: 11px;

  width: 32px;

  background: red;

  text-align: center;

  color: #fff;

  font-size: 18px;

  font-weight: bold;

  border-radius: 50%;

  left: 0;

  margin: auto;
}

.disc_main_txt {
  position: absolute;

  top: 29%;

  text-align: center;

  width: 90%;

  margin: auto;

  left: 0;

  right: 0;

  color: #000;
}

.disc_main_bold_txt {
  font-size: 25px;

  margin-top: 20px;

  margin-bottom: 20px;
}

.discr_title {
  position: absolute;

  top: 28%;

  margin: auto;

  left: 0;

  right: 0;

  width: max-content;

  font-size: 30px;

  color: #000;
}

.disc_man_a {
  position: absolute;

  width: 100%;

  height: 10vw;

  display: flex;

  justify-content: center;

  top: 40vw;

  text-align: center;
}

.disc_manimg > img {
  max-width: 200px;

  margin-left: 10px;

  margin-right: 10px;
}

.dsu {
  position: absolute;

  bottom: 6vw;

  margin: auto;

  left: 0;

  right: 0;

  width: max-content;

  font-size: 25px;
}

.eu_watermark {
  position: absolute;

  opacity: 0.1;

  font-size: 13vw;

  margin: auto;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  width: max-content;

  height: max-content;

  color: #420000;

  transform: rotate(52deg);

  font-weight: bold;
}

.patt_name {
  position: absolute;

  left: 0;

  right: 0;

  width: max-content;

  margin: auto;

  top: 42vw;

  font-size: 54px;

  color: red;

  font-weight: bold;
}

.disc_segcode {
  position: absolute;

  left: 0;

  right: 0;

  width: max-content;

  margin: auto;

  top: 49vw;

  color: #000;

  font-weight: bold;

  font-size: 35px;

  padding: 10px;

  background: #ccc;

  border-radius: 10px;

  border: solid;
}

.disc_circle_charta {
  width: 100%;
}

.graph_a {
  position: absolute;

  top: 33vw;

  text-align: center;
}

.w3-col > img {
  width: 270px;

  margin-bottom: -100px;
}

.discr_mn_txt {
  background: #ffffff80;

  padding: 2%;

  width: 90%;

  margin: auto;

  top: 30vw;

  position: absolute;

  left: 0;

  right: 0;

  border-radius: 10px;

  overflow: auto;

  max-height: 46%;
}

.discr_mn_txt strong {
  font-size: 20px;

  color: #000;
}

.discr_mn_title {
  text-align: center;

  padding: 10px;

  background: #ccc;

  position: absolute;

  width: 90%;

  left: 0;

  right: 0;

  margin: auto;

  top: 27vw;

  border-radius: 10px 10px 0px 0px;

  z-index: 1;
}

/* custom */
div.disc_page2:nth-child(11) > div:nth-child(5) {
  top: 34% !important;
}

div.disc_page2:nth-child(11) > div:nth-child(8) {
  top: 70% !important;
}

div.disc_page2:nth-child(26) > div:nth-child(5) {
  top: 34% !important;
}
.disc_man_a {
  top: 44% !important;
}

/* div.disc_page2:nth-child(15) > div:nth-child(8) {
  top: 70% !important;
} */

/* div.disc_page2:nth-child(26) > div:nth-child(8) {
  top: 70% !important;
} */

div.disc_main_txt:nth-child(7) {
  top: 62% !important;
}

/* div.disc_page2:nth-child(12) > div:nth-child(8) {
  top: 70% !important;
} */

/* div.disc_page2:nth-child(13) > div:nth-child(8) {

} */

.disc_foot_insta {
  left: 9% !important;
  bottom: 2% !important;
}

.disc_toppn {
  bottom: 3%;
}

html.theme-light body div.disc_page2 div:nth-child(8) {
  top: 70% !important;
}

body > div:nth-child(10) > div:nth-child(5) {
  top: 34% !important;
}

div.disc_page2:nth-child(12) > div:nth-child(5)

/* 5 */
div.disc_page2:nth-child(13) > div:nth-child(5) {
  top: 34% !important;
}

body > div:nth-child(12) > div.discr_chart2 {
  top: 32% !important;
}

/* 6 */
body > div:nth-child(13) > div.discr_chart2 {
  top: 35% !important;
}

/* 7 */
div.disc_page2:nth-child(14) > div:nth-child(5) {
  top: 35% !important;
}

/* 8 */
div.disc_page2:nth-child(15) > div:nth-child(5) {
  top: 35% !important;
}

div.disc_page2:nth-child(15) > div:nth-child(5) > div:nth-child(1) {
  max-height: 550px !important;
  overflow: auto;
}
div.disc_page2:nth-child(15) > div:nth-child(5) > div:nth-child(2) {
  max-height: 550px !important;
  overflow: auto;
}

/* 9 */
div.disc_page2:nth-child(16) > div:nth-child(5) {
  top: 35% !important;
}

div.disc_page2:nth-child(16) > div:nth-child(5) > div:nth-child(1) {
  max-height: 550px !important;
  overflow: auto;
}

div.disc_page2:nth-child(16) > div:nth-child(5) > div:nth-child(2){
  max-height: 550px !important;
  overflow: auto;
}

/* 10 */
div.disc_page2:nth-child(18) > div:nth-child(5) {
  top: 35% !important;
}

.patt_name {
  top: 35% !important;
}

.disc_segcode {
  top: 54% !important;
}


/* 11 */
.graph_a {
  top: 35% !important;
}

/* 12... */
.discr_mn_title {
  top: 28% !important;
}

.discr_mn_txt {
  top: 31% !important;
}
.dqtitle{
  padding: 10px;
  background: #ccc;
}
input[type="radio"]:checked+label{ opacity: 1!important; }

.dtr_box{
  margin-top: 15px;
}

.dtr_box>img{
  border-radius: 10px;
}
.dtr_ttl {
  padding: 7px;
  padding-bottom: 7px;
  background: #313b3f;
  margin-bottom: -10px;
  padding-bottom: 15px;
  border-radius: 10px 10px 0px 0px;
  color: #fff;
}
/* custom styles */
.rounded-category {
  background: #fff !important;
}

.rounded-category .category-contain .img-wrapper {
  border-color: #131647 !important;
}

.rounded-category .category-contain .btn-rounded {
  color: #131647 !important;
}

.search_top .sh_toph_s_input {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.media-banner.media-banner-1 {
  background: #fff !important;
  margin: 10px 10px !important;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.media-banner .media-banner-box .media img,
.hot-deal .hot-deal-contain .hotdeal-right-nav img {
  border-color: #131647 !important;
}

.product-detail h6 {
  color: #131647 !important;
}

.hot-deal .hot-deal-contain,
.media-banner,
.creative-card {
  background: #fff !important;
}

.col-lg-9 .slide-1,
.col-lg-3 .slide-1-section,
.creative-card {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.tab-product .nav-material.nav-tabs .nav-item .nav-link {
  color: #787878 !important;
}

.hot-deal .hot-deal-contain h5,
.hot-deal .hot-deal-contain p,
.media-banner
.media-banner-box
.media
.media-body
.media-contant
.product-detail
p,
.collection-collapse-block .collapse-block-title,
.collection-collapse-block
.collection-collapse-block-content
.collection-brand-filter
.category-list
li,
.collection-collapse-block
.collection-collapse-block-content
.collection-brand-filter
.category-list
li
a,
.collection-collapse-block .collapse-block-title::after,
.collection-filter-block .product-service .media .media-body h4,
.collection-filter-block .product-service .media .media-body p,
.tab-product .nav-material.nav-tabs .nav-link.active,
.contact-form h3,
.single-product-tables table tr td {
  color: #131647 !important;
}

.cart-info i {
  color: #131647 !important;
}

.is_select,
.tab-product .nav-material.nav-tabs .nav-item .material-border,
.product-full-tab .nav-material.nav-tabs .nav-item .material-border {
  border-color: #131647 !important;
}

.tab-product .tab-content.nav-material p,
.single-product-tables table tr td {
  color: #1b1b1b !important;
}

.media-banner-box h5 {
  color: #131647 !important;
}

.card-align {
  display: flex;
  justify-content: center;
  margin-top: 145px;
  column-gap: 50px;
  row-gap: 180px;
  flex-wrap: wrap;
}

.blog-card-custom {
  width: 350px;
  height: 180px;
  background-color: #fff;
  transition: 0.4s;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  position: relative;
  display: flex;
  align-items: end;
  justify-content: center;
  padding: 20px;
}

.blog-card-img {
  position: absolute;
  left: 50%;
  width: 90%;
  transform: translateX(-50%);
  top: -150px;
  filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.1));
  overflow: hidden;
  border-radius: 10px;
}

.blog-card-img img {
  width: 100% !important;
  border-radius: 10px;
  transition: all 0.4s;
}

.blog-card-title {
  display: block;
  color: #2966be;
  font-size: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.blog-card-custom:hover .blog-card-img img {
  transform: scale(1.1);
}