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

    Template Name: Zoomy - E-learning HTML5 Template
    Author: 
    Version: 1.0

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    01. Theme default CSS
	02. variables
    03. mixins
    04. common
    05. overlay
    06. header
    07. breadcrumb 
    08. mobile-menu
    09. search
    10. custom-animation
    11. btn
    12. custom-container
    13. slider
    14. services
    15. career
    16. courses
    17. chose
    18. instructor
    19. testimonial
    20. blog
    21. contact
    22. video
    23. faq
    24. about
    25. plan
    26. footer
    27. Whatsapp
    28- VENTANA EMERGENTE

-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  01. Theme default CSS
/*----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap");
/* 1. Theme default css */
body {
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  line-height: 25px;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
}
.fa-brands--tiktok {
  display: inline-block;
  width: 0.88em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000' d='M448 209.91a210.06 210.06 0 0 1-122.77-39.25v178.72A162.55 162.55 0 1 1 185 188.31v89.89a74.62 74.62 0 1 0 52.23 71.18V0h88a121 121 0 0 0 1.86 22.17A122.18 122.18 0 0 0 381 102.39a121.43 121.43 0 0 0 67 20.14Z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}



.f-left {
  float: left;
}

.f-right {
  float: right;
}

.fix {
  overflow: hidden;
}

a,
.button {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}

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

a,
button {
  color: inherit;
  outline: medium none;
  text-decoration: none;
}

button:focus, input:focus, input:focus, textarea, textarea:focus {
  outline: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Manrope", sans-serif;
  color: #1B212F;
  line-height: 1.1;
  margin-top: 0px;
  margin-bottom: 0;
  font-style: normal;
  font-weight: 700;
  text-transform: normal;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
  text-decoration: none;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 35px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 22px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

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

li {
  margin: 3px;
  padding: 3px;
}

p {
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  font-family: "Manrope", sans-serif;
  color: #000000;
  margin-bottom: 0;
}

hr {
  border-bottom: 1px solid rgba(247, 246, 242, 0.1);
  border-top: 0 none;	
  margin: 30px 0;
  padding: 0;
}

label {
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
}

*::-moz-selection {
  background: #000;
  color: #ffffff;
  text-shadow: none;
}

::-moz-selection {
  background: #000;
  color: #ffffff;
  text-shadow: none;
}

::selection {
  background: #000;
  color: #ffffff;
  text-shadow: none;
}

/*--
    - Input Placeholder
-----------------------------------------*/

*::-webkit-input-placeholder {
  color: #000;
  font-size: 14px;
  opacity: 1;
}

*:-ms-input-placeholder {
  color: #000;
  font-size: 14px;
  opacity: 1;
}

*::-ms-input-placeholder {
  color: #000;
  font-size: 14px;
  opacity: 1;
}

*::placeholder {
  color: #000;
  font-size: 14px;
  opacity: 1;
}

/*--
    - position Classes
-----------------------------------------*/
.pos-rel {
  position: relative;
}

.pos-abl {
  position: absolute;
}

/*--
    - Common Classes
-----------------------------------------*/
.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

/*--
    - Background color
-----------------------------------------*/
.black-soft-bg {
  background: #151524;
}

.grey-bg {
  background: #eff0fb;
}

.grey-bg-fot {
  background: #F6F6FE;
}

.grey-bg-soft {
  background: #F3F7FC;
}

.grey-bg-soft-2 {
  background: #E8EFFF;
}

.grey-bg-soft-3 {
  background: #F8F8FF;
}

.white-bg {
  background: #ffffff;
}

.black-bg {
  background: #000;
}

.heding-bg {
  background: #1B212F;
}

.theme-bg {
  background: #d7282f;
}

.theme-soft-bg {
  background: #6767fe;
}

.gradient-bg {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
}

.gradient-bg-2 {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 114, 58, 0.04)), to(rgba(241, 77, 93, 0.02)));
  background: linear-gradient(rgba(255, 114, 58, 0.04) 0%, rgba(241, 77, 93, 0.02) 100%);
  background: -o-linear-gradient(rgba(255, 114, 58, 0.04) 0%, rgba(241, 77, 93, 0.02) 100%);
}

/*--
    - color
-----------------------------------------*/
.white-color {
  color: #ffffff;
}

.black-color {
  color: #000;
}

.theme-color {
  color: #d7282f;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .pad-bottom-sm {
    padding-bottom: 100px;
  }
}

/*--
section-title
----------------------------------------*/
.section-title {
  position: relative;
  z-index: 2;
}

.section-title h5 {
  color: #d7282f;
}

.section-title h2 {
  font-size: 44px;
  line-height: 1.3;
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title h2 {
    font-size: 36px !important;
  }
}

@media (max-width: 767px) {
  .section-title h2 {
    font-size: 32px !important;
  }
}

.section-title .sub-title {
  font-weight: 500;
}

.section-title-2 h5 {
  color: #1B212F;
}

.section-title-2 .left-line::before {
  left: -3px;
  top: 10px;
  width: 30px;
  height: 2px;
}

@media (max-width: 767px) {
  .section-title-3 {
    padding-left: 0;
    padding-right: 0;
  }
}

.section-title-3 h5 {
  color: rgba(48, 48, 48, 0.6);
  text-transform: uppercase;
}

.section-title-3 .bottom-line::before {
  background-color: rgba(255, 114, 58, 0.2);
  height: 20px;
  width: 100%;
  bottom: 8px;
}

.section-title-4 h2 {
  font-size: 32px;
  line-height: 1.5;
}

.bottom-line {
  position: relative;
  display: inline-block;
}

.bottom-line::before {
  content: '';
  position: absolute;
  background-color: #d7282f;
  width: 100%;
  height: 2px;
  left: 0;
  bottom: 0;
  z-index: 1;
}

.sub-title {
  color: #00000;
  font-size: 17px;
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  line-height: 1.4;
}

.sub-title1 {
  background-color: #d7282f;
  border-radius: 10px;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 0 10px 0;
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  line-height: 1.4;
}

.sub-title1:hover {
 background: #000000;
}

.sub-title1, a:hover {
 color: #ffffff;
}

.semi-title {
  font-size: 28px;
  font-weight: 600;
}

.sub-title3 {
  color: #d7282f;
  font-size: 18px;
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  line-height: 1.4;
}

.sub-title3:hover {
 color: #000000;
}

.sub-title4 {
  color: #d7282f;
  font-size: 18px;
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  line-height: 1.4;
}

.sub-title4:hover {
 color: #FFFFFF;
}

.skew-bg {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.skew-bg::before {
  top: 0px;
  -webkit-transform: skew(45deg) scaleX(0);
          transform: skew(45deg) scaleX(0);
  width: 160%;
  height: 100%;
  left: 0;
  right: 0;
  z-index: -1;
  bottom: 0;
  content: "";
  position: absolute;
  border-radius: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.skew-bg::after {
  top: 0px;
  -webkit-transform: skew(45deg) scaleX(0);
          transform: skew(45deg) scaleX(0);
  width: 160%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
  bottom: 0;
  content: "";
  position: absolute;
  border-radius: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.swipe-right {
  position: relative;
  z-index: 1;
}

.swipe-right::before {
  content: '';
  position: absolute;
  width: 0;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.round-eclipse {
  position: relative;
  z-index: 1;
}

.round-eclipse::before {
  border-radius: 50%;
  background-color: #f5f5fc;
  position: absolute;
  left: 0;
  top: 0;
  width: 72px;
  height: 72px;
  z-index: -1;
}

.popup-video {
  color: #ffffff;
  background: #d7282f;
  border-radius: 50%;
  font-size: 14px;
  line-height: 100px;
  display: inline-block;
  width: 100px;
  height: 100px;
  text-align: center;
  -webkit-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  position: relative;
  z-index: 1;
  -webkit-animation: pulseBig infinite 5s linear;
          animation: pulseBig infinite 5s linear;
}

.popup-video:hover {
  color: #ffffff;
  background: #d7282f;
}

/*--
    - Margin & Padding
-----------------------------------------*/
/*-- Margin Top --*/
.dark #preloader {
  background-color: #232323;
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f7f7f7;
  z-index: 999999;
}

.preloader {
  width: 50px;
  height: 50px;
  display: inline-block;
  padding: 0px;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
}

.preloader span {
  position: absolute;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #d7282f;
  -webkit-animation: preloader 1.3s linear infinite;
  animation: preloader 1.3s linear infinite;
}

.preloader span:last-child {
  animation-delay: -0.8s;
  -webkit-animation-delay: -0.8s;
}

@keyframes preloader {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0;
  }
}

@-webkit-keyframes preloader {
  0% {
    -webkit-transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1, 1);
    opacity: 0;
  }
}

#scrollUp {
  background: #d7282f;
  width: 45px;
  height: 45px;
  position: absolute;
  right: 15px;
  bottom: 15px;
  font-size: 15px;
  border-radius: 50%;
  line-height: 45px;
  text-align: center;
}

#scrollUp i {
  color: #ffffff;
}

/*--
    - Overlay
------------------------------------------*/
.overlay-soft {
  position: relative;
  z-index: 1;
}

.overlay-soft::after {
  content: '';
  position: absolute;
  background: rgba(0, 0, 0, 0.2);
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}

[data-overlay] {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

[data-overlay]::before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  content: "";
}

/*-- Overlay Color --*/
[data-overlay="light"]::before {
  background-color: #ffffff;
}

[data-overlay="dark"]::before {
  background-color: #d7282f;
}

/*-- Overlay Opacity --*/
[data-opacity="1"]::before {
  opacity: 0.1;
}

[data-opacity="2"]::before {
  opacity: 0.2;
}

[data-opacity="3"]::before {
  opacity: 0.3;
}

[data-opacity="4"]::before {
  opacity: 0.4;
}

[data-opacity="5"]::before {
  opacity: 0.5;
}

[data-opacity="6"]::before {
  opacity: 0.6;
}

[data-opacity="7"]::before {
  opacity: 0.7;
}

[data-opacity="8"]::before {
  opacity: 0.8;
}

[data-opacity="9"]::before {
  opacity: 0.9;
}

.logo img {
  max-width: 100%;
}

.main-header-area {
  position: absolute;
  z-index: 999;
  left: 0;
  right: 0;
}

.main-header-area .logo-img img {
  max-width: 100%;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .main-header-area {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .main-header-area {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-header-area {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 767px) {
  .main-header-area {
    padding-left: 0;
    padding-right: 0;
  }
}

.main-header-area.sticky {
  padding-top: 0;
  padding-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-header-area.sticky {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

@media (max-width: 767px) {
  .main-header-area.sticky {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.sticky {
  position: fixed;
  z-index: 999;
  width: 100%;
  background: #ffffff;
  top: 0;
  -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
          animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
}

.sticky .logo {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}

.sticky .hamburger-menu {
  top: 17px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sticky .hamburger-menu {
    top: 35px;
  }
}

/* Hamburger-menu */
.hamburger-menu {
  display: inline-block;
}

.hamburger-menu > a {
  display: inline-block;
  font-size: 25px;
  color: #d7282f;
}

.side-mobile-menu {
  display: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .side-mobile-menu {
    display: block;
  }
}

@media (max-width: 767px) {
  .side-mobile-menu {
    display: block;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .side-mobile-menu {
    display: block;
  }
}

.offset-sidebar {
  display: block;
  margin-top: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .offset-sidebar {
    display: none;
  }
}

@media (max-width: 767px) {
  .offset-sidebar {
    display: none;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .offset-sidebar {
    display: none;
  }
}

.main-head-three {
  position: relative;
}

.main-head-three.sticky {
  position: fixed;
}

.main-menu {
  margin-left: 130px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .main-menu {
    margin-left: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .main-menu {
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-menu {
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .main-menu {
    margin-left: 0;
  }
}

#theme-menu-one {
  border-bottom: 2px solid rgba(255, 114, 58, 0.1);
}

.navbar-nav .nav-item.active {
  color: #d7282f;
}

.navbar-nav .nav-item.active .nav-link {
  color: #d7282f;
}

.navbar-nav .nav-item .nav-link {
  color: #000000;
  font-size: 22px;
  line-height: 1;
  display: inline-block;
  position: relative;
  margin: 0 37px;
  padding: 30px 0;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .navbar-nav .nav-item .nav-link {
    margin: 0 20px;
  }
}

.navbar-nav .nav-item .nav-link::after {
  display: none;
}

.navbar-nav .nav-item .nav-link::before {
  /*--content: '\f078';--*/
  position: absolute;
  font-family: "Font Awesome 5 pro";
  font-size: 15px;
  right: -23px;
  top: 44%;
  z-index: 1;
}

.navbar-nav .nav-item .nav-link:hover {
  color: #d7282f;
}

.navbar-nav .nav-item:last-child .nav-link::before {
  display: none;
}

.navbar-nav .nav-item:hover > .nav-link {
  color: #d7282f;
}

.navbar .dropdown-menu {
  border: 0;
  position: absolute;
  z-index: 5;
  background-color: #fff;
  border-radius: 12px;
  display: block;
  right: 0;
  left: 0;
  padding: 8px 0;
  top: 100%;
  visibility: hidden;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  opacity: 0;
  min-width: 220px;
  -webkit-box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
          box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
  margin: 0;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.navbar .dropdown-menu .dropdown-item {
  color: #505050;
  font-size: 18px;
  padding: 0 25px;
  line-height: 44px;
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.navbar .dropdown-menu .dropdown-item:hover {
  background-color: #FFF0EA;
  padding-left: 30px;
}

.navbar .dropdown:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
          transform: scale(1);
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .right-btn {
    margin-left: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .right-btn {
    margin-left: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .right-btn ul li:first-child {
    display: none;
  }
}

@media (max-width: 767px) {
  .right-btn ul li:first-child {
    display: none;
  }
}

.sign-in {
  background: rgba(40, 120, 235, 0.1);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  line-height: 44px;
  display: inline-block;
}

.mega-menu ul.mega-menu__sub-menu-box {
  width: 900px !important;
  padding: 30px 30px 15px !important;
  visibility: hidden;
  -webkit-transform: scale(1, 0);
          transform: scale(1, 0);
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  border-top: 0;
  border-radius: 12px;
  -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 0 15px 30px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .mega-menu ul.mega-menu__sub-menu-box {
    left: -200px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mega-menu ul.mega-menu__sub-menu-box {
    left: -100px !important;
  }
}

.mega-menu ul.mega-menu__sub-menu-box li {
  display: inline-block !important;
  margin-right: 0;
}

.mega-menu ul.mega-menu__sub-menu-box li:nth-child(2) a {
  background-color: #E0FAF6;
}

.mega-menu ul.mega-menu__sub-menu-box li:nth-child(2) a i {
  color: #8e66ff;
}

.mega-menu ul.mega-menu__sub-menu-box li:nth-child(3) a {
  background-color: #EEEAFF;
}

.mega-menu ul.mega-menu__sub-menu-box li:nth-child(3) a i {
  color: #f8727f;
}

.mega-menu ul.mega-menu__sub-menu-box li:nth-child(4) a {
  background-color: #FAF8E4;
}

.mega-menu ul.mega-menu__sub-menu-box li:nth-child(4) a i {
  color: #41c485;
}

.mega-menu ul.mega-menu__sub-menu-box li:nth-child(5) a {
  background-color: #E8F9FF;
}

.mega-menu ul.mega-menu__sub-menu-box li:nth-child(5) a i {
  color: #2878eb;
}

.mega-menu ul.mega-menu__sub-menu-box li:nth-child(6) a {
  background-color: #FFEFF1;
}

.mega-menu ul.mega-menu__sub-menu-box li:nth-child(6) a i {
  color: lime;
}

.mega-menu ul.mega-menu__sub-menu-box li:nth-child(7) a {
  background-color: #F1F8E4;
}

.mega-menu ul.mega-menu__sub-menu-box li:nth-child(7) a i {
  color: red;
}

.mega-menu ul.mega-menu__sub-menu-box li:last-child a {
  background-color: #FBEDFF;
}

.mega-menu ul.mega-menu__sub-menu-box li:last-child a i {
  color: deepskyblue;
}

.mega-menu ul.mega-menu__sub-menu-box li a {
  color: #222222;
  font-size: 18px;
  display: inline-block;
  background-color: #FFEFE8;
  padding: 14px 25px !important;
  margin: 0 5px 15px 0 !important;
  border-radius: 8px;
  -webkit-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

.mega-menu ul.mega-menu__sub-menu-box li a:last-child {
  margin-right: 0;
}

.mega-menu ul.mega-menu__sub-menu-box li a span {
  -webkit-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
  display: inline-block;
}

.mega-menu ul.mega-menu__sub-menu-box li a img {
  vertical-align: -4px;
  margin-right: 10px;
}

.mega-menu ul.mega-menu__sub-menu-box li:hover a {
  color: unset !important;
}

.mega-menu ul.mega-menu__sub-menu-box li:hover a span {
  color: unset;
  -webkit-transform: scale(-1) rotate(180deg) !important;
          transform: scale(-1) rotate(180deg) !important;
}

.mega-menu:hover ul.mega-menu__sub-menu-box {
  visibility: visible;
  -webkit-transform: scale(1);
          transform: scale(1);
}

section.page-title-area {
  background-size: cover;
  background-position: center;
  width: 100%;
  background-repeat: no-repeat;
  min-height: 560px;
  position: relative;
  z-index: 1;
}

.page-title-wrapper {
  position: relative;
  z-index: 2;
}

.page-title-wrapper .page-title {
  color: #ffffff;
  font-size: 44px;
  z-index: 1;
}

@media (max-width: 767px) {
  .page-title-wrapper .page-title {
    font-size: 35px;
  }
}

ul.breadcrumb li a {
  color: #1B212F;
  font-size: 18px;
  line-height: 1;
  display: inline-block;
}

.slide-bar {
  position: fixed;
  overflow-y: auto;
  top: 0;
  right: -370px;
  width: 350px;
  padding: 25px 30px;
  height: 100%;
  display: block;
  background-color: #1B212F;
  z-index: 1020;
  -webkit-transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
          box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slide-bar {
    width: 350px;
  }
}

@media (max-width: 767px) {
  .slide-bar {
    width: 310px;
    padding: 25px 20px;
  }
}

.slide-bar.show {
  right: 0;
}

.open-mobile-menu {
  display: inline-block;
}

.open-mobile-menu a {
  display: block;
  width: 50px;
  height: 50px;
  background: #212121;
  text-align: center;
  line-height: 50px;
  font-size: 20px;
  margin-left: 20px;
  color: #fff;
}

.open-mobile-menu a:hover {
  background: #d7282f;
}

.open-mobile-menu a.active {
  background: #d7282f;
}

.close-mobile-menu a {
  color: #ffffff;
  position: relative;
  z-index: 2;
  font-size: 16px;
  top: -10px;
  left: 0;
}

.close-mobile-menu a:hover {
  color: #ff0000;
}

.on-side {
  overflow: hidden;
}

.body-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 1010;
  left: 0;
  opacity: 0;
  display: none;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.body-overlay.active {
  opacity: 1;
  display: block;
}

.side-mobile-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.side-mobile-menu ul li a {
  padding: 13px 0;
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  font-size: 16px;
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
}

.side-mobile-menu ul li a:hover {
  color: #d7282f;
  padding-left: 5px;
}

.side-mobile-menu ul li a[aria-expanded="true"] {
  color: #d7282f;
}

.side-mobile-menu ul li a[aria-expanded="true"]:before {
  background: #d7282f;
  border-color: #d7282f;
}

.side-mobile-menu ul li ul {
  padding-left: 0;
  list-style: none;
}

.side-mobile-menu ul li ul li {
  padding-left: 15px;
}

.side-mobile-menu ul li ul li:hover > a {
  color: #d7282f;
  padding-left: 20px;
}

.side-mobile-menu ul li ul li:hover > a:before {
  background: #d7282f;
  border-color: #d7282f;
}

.side-mobile-menu ul li ul li a {
  position: relative;
  padding-left: 15px;
  text-transform: capitalize;
  font-size: 16px;
}

.side-mobile-menu ul li ul li a:before {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 2px solid #ffffff;
  border-radius: 50%;
}

.side-mobile-menu ul li ul li a[aria-expanded="true"] {
  padding-left: 20px;
}

.side-mobile-menu ul li.has-dropdown > a:after {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border-width: 2px 0 0 2px;
  border-style: solid;
  border-color: initial;
  right: 16px;
  top: 50%;
  -webkit-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.side-mobile-menu ul li.has-dropdown a[aria-expanded="true"]:after {
  -webkit-transform: rotate(-135deg) translateY(-50%);
  transform: rotate(-135deg) translateY(-50%);
}

.offset-widget.offset-logo {
  border-bottom: 1px solid #eeecec;
  padding-bottom: 20px;
}

.offset-widget .info-widget .offset-title {
  font-size: 20px;
  font-weight: 800;
  color: #ffffff;
}

.offset-widget .info-widget p {
  color: #ffffff;
}

.offset-widget .info-widget.info-widget2 p {
  margin-bottom: 15px;
}

.offset-widget .info-widget.info-widget2 p i {
  margin-right: 7px;
  color: #ffffff;
}

/* Menu Search
-------------------------------------------------------*/
.header-2-icon {
  color: #ffffff;
}

.nav-search.search-trigger.header-2-icon {
  color: #ffffff;
  display: inline-block;
}

.nav-search {
  position: relative;
  display: block;
  color: inherit;
}

.nav-search:hover {
  color: inherit;
}

.search-wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 121;
  background: rgba(0, 0, 0, 0.9);
}

.search-wrap .search-inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.search-wrap .search-cell {
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.search-wrap .search-field-holder {
  width: 50%;
  margin: auto;
  position: relative;
  -webkit-animation: slideInUp .3s;
          animation: slideInUp .3s;
}

.search-wrap .main-search-input {
  width: 100%;
  height: 70px;
  border: 0;
  padding: 0 50px;
  text-transform: uppercase;
  background: transparent;
  font-size: 25px;
  color: #fff;
  border-bottom: 2px solid #898989;
  text-align: center;
  letter-spacing: 2px;
}

.search-wrap input.form-control,
.search-wrap input.form-control:focus {
  background-color: #fff;
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

input.main-search-input::-webkit-input-placeholder {
  color: #fff;
  font-size: 25px;
}

input.main-search-input:-moz-placeholder {
  color: #fff;
  opacity: 1;
  font-size: 25px;
}

input.main-search-input::-moz-placeholder {
  color: #fff;
  opacity: 1;
  font-size: 25px;
}

input.main-search-input:-ms-input-placeholder {
  color: #fff;
  font-size: 25px;
}

.search-close {
  position: absolute;
  top: 50px;
  right: 50px;
  font-size: 30px;
  color: #fff;
  cursor: pointer;
}

@-webkit-keyframes jump {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40% {
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes jump {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40% {
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

@-webkit-keyframes rotatedHalf {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@keyframes rotatedHalf {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@-webkit-keyframes rotatedHalfTwo {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

@keyframes rotatedHalfTwo {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

@-webkit-keyframes scale-upOne {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
  }
}

@keyframes scale-upOne {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
  }
}

@-webkit-keyframes scale-right {
  0% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  50% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }
  100% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@keyframes scale-right {
  0% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  50% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }
  100% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0.5;
  }
  40% {
    opacity: 1;
  }
  100% {
    opacity: 0.7;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0.5;
  }
  40% {
    opacity: 1;
  }
  100% {
    opacity: 0.7;
  }
}

@-webkit-keyframes hvr-ripple-out {
  0% {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 1;
  }
  100% {
    top: -6px;
    right: -6px;
    bottom: -6px;
    left: -6px;
    opacity: 0;
  }
}

@keyframes hvr-ripple-out {
  0% {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 1;
  }
  100% {
    top: -6px;
    right: -6px;
    bottom: -6px;
    left: -6px;
    opacity: 0;
  }
}

@-webkit-keyframes hvr-ripple-out-two {
  0% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

@keyframes hvr-ripple-out-two {
  0% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

@-webkit-keyframes scale-up-one {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  40% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scale-up-one {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  40% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes scale-up-one-1 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  40% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scale-up-one-1 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  40% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes scale-up-two {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  40% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}

@keyframes scale-up-two {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  40% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}

@-webkit-keyframes scale-up-three {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  40% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
  }
  100% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
}

@keyframes scale-up-three {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  40% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
  }
  100% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
}

@-webkit-keyframes scale-up-four {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
  40% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes scale-up-four {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
  40% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@-webkit-keyframes scale-up-five {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  40% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
  }
  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes scale-up-five {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  40% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

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

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

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

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

@keyframes animationFramesThree {
  0% {
    -webkit-transform: translate(165px, -179px);
            transform: translate(165px, -179px);
  }
  100% {
    -webkit-transform: translate(-346px, 617px);
            transform: translate(-346px, 617px);
  }
}

@-webkit-keyframes animationFramesThree {
  0% {
    -webkit-transform: translate(165px, -179px);
  }
  100% {
    -webkit-transform: translate(-346px, 617px);
  }
}

@keyframes animationFramesFour {
  0% {
    -webkit-transform: translate(-200px, 151px) rotate(0deg);
            transform: translate(-200px, 151px) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(251px, -200px) rotate(180deg);
            transform: translate(251px, -200px) rotate(180deg);
  }
}

@-webkit-keyframes animationFramesFour {
  0% {
    -webkit-transform: translate(-200px, 151px) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(251px, -200px) rotate(180deg);
  }
}

@keyframes animationFramesFive {
  0% {
    -webkit-transform: translate(61px, -99px) rotate(0deg);
            transform: translate(61px, -99px) rotate(0deg);
  }
  21% {
    -webkit-transform: translate(4px, -190px) rotate(38deg);
            transform: translate(4px, -190px) rotate(38deg);
  }
  41% {
    -webkit-transform: translate(-139px, -200px) rotate(74deg);
            transform: translate(-139px, -200px) rotate(74deg);
  }
  60% {
    -webkit-transform: translate(-263px, -164px) rotate(108deg);
            transform: translate(-263px, -164px) rotate(108deg);
  }
  80% {
    -webkit-transform: translate(-195px, -49px) rotate(144deg);
            transform: translate(-195px, -49px) rotate(144deg);
  }
  100% {
    -webkit-transform: translate(-1px, 0px) rotate(180deg);
            transform: translate(-1px, 0px) rotate(180deg);
  }
}

@-webkit-keyframes animationFramesFive {
  0% {
    -webkit-transform: translate(61px, -99px) rotate(0deg);
  }
  21% {
    -webkit-transform: translate(54px, -90px) rotate(38deg);
  }
  41% {
    -webkit-transform: translate(-139px, -200px) rotate(74deg);
  }
  60% {
    -webkit-transform: translate(-263px, -164px) rotate(108deg);
  }
  80% {
    -webkit-transform: translate(-195px, -49px) rotate(144deg);
  }
  100% {
    -webkit-transform: translate(-1px, 0px) rotate(180deg);
  }
}

@keyframes gradientBG {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 300% 0;
  }
  100% {
    background-position: 0 0;
  }
}

@-webkit-keyframes gradientBG {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 300% 0;
  }
  100% {
    background-position: 0 0;
  }
}

@-webkit-keyframes imageBgAnim {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 120% 0;
  }
  100% {
    background-position: 0 0;
  }
}

@keyframes imageBgAnim {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 120% 0;
  }
  100% {
    background-position: 0 0;
  }
}

@-webkit-keyframes gradientBG {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 120% 0;
  }
  100% {
    background-position: 0 0;
  }
}

/* Move frame*/
@keyframes moveRound {
  0% {
    background-color: #eee3ff;
    left: -24px;
    top: 0px;
  }
  25% {
    background-color: #feddfc;
    left: 100px;
    top: 0px;
  }
  50% {
    background-color: #efe4ff;
    left: 100px;
    top: 100px;
  }
  75% {
    background-color: #e2fcf4;
    left: -24px;
    top: 200px;
  }
  100% {
    background-color: #eee3ff;
    left: -24px;
    top: 0px;
  }
}

@-webkit-keyframes moveRound {
  0% {
    background-color: #eee3ff;
    left: -24px;
    top: 0px;
  }
  25% {
    background-color: #feddfc;
    left: 100px;
    top: 0px;
  }
  50% {
    background-color: #efe4ff;
    left: 100px;
    top: 200px;
  }
  75% {
    background-color: #e2fcf4;
    left: -24px;
    top: 100px;
  }
  100% {
    background-color: #eee3ff;
    left: -24px;
    top: 0px;
  }
}

@-webkit-keyframes moveShap {
  0% {
    left: 0px;
    top: 0px;
  }
  25% {
    left: 100px;
    top: 0px;
  }
  50% {
    left: 100px;
    top: 100px;
  }
  75% {
    left: 0px;
    top: 200px;
  }
  100% {
    left: 0px;
    top: 0px;
  }
}

@keyframes moveShap {
  0% {
    left: 0px;
    top: 0px;
  }
  25% {
    left: 100px;
    top: 0px;
  }
  50% {
    left: 100px;
    top: 100px;
  }
  75% {
    left: 0px;
    top: 200px;
  }
  100% {
    left: 0px;
    top: 0px;
  }
}

@-webkit-keyframes moveShap2 {
  0% {
    right: 0px;
    top: 0px;
  }
  25% {
    right: 100px;
    top: 0px;
  }
  50% {
    right: 100px;
    top: 100px;
  }
  75% {
    right: 0px;
    top: 200px;
  }
  100% {
    right: 0px;
    top: 0px;
  }
}

@keyframes moveShap2 {
  0% {
    right: 0px;
    top: 0px;
  }
  25% {
    right: 100px;
    top: 0px;
  }
  50% {
    right: 100px;
    top: 100px;
  }
  75% {
    right: 0px;
    top: 200px;
  }
  100% {
    right: 0px;
    top: 0px;
  }
}

/* Heartbeat frame*/
@-webkit-keyframes heartbeat {
  to {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@keyframes heartbeat {
  to {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

/* Rotation frame*/
@-webkit-keyframes rotation {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotation {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/* pulseBig */
@-webkit-keyframes pulseBig {
  0% {
    -webkit-box-shadow: 0 0 0 0 #fff;
            box-shadow: 0 0 0 0 #fff;
  }
  50% {
    -webkit-box-shadow: 0 0 0 30px rgba(1, 93, 199, 0);
            box-shadow: 0 0 0 30px rgba(1, 93, 199, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
            box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
  }
}
@keyframes pulseBig {
  0% {
    -webkit-box-shadow: 0 0 0 0 #fff;
            box-shadow: 0 0 0 0 #fff;
  }
  50% {
    -webkit-box-shadow: 0 0 0 30px rgba(1, 93, 199, 0);
            box-shadow: 0 0 0 30px rgba(1, 93, 199, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
            box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
  }
}

/* pulseBig2 */
@-webkit-keyframes pulseBig2 {
  0% {
    -webkit-box-shadow: 0 0 0 0 #e5aa8f;
            box-shadow: 0 0 0 0 #e5aa8f;
  }
  50% {
    -webkit-box-shadow: 0 0 0 20px rgba(1, 93, 199, 0);
            box-shadow: 0 0 0 20px rgba(1, 93, 199, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
            box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
  }
}
@keyframes pulseBig2 {
  0% {
    -webkit-box-shadow: 0 0 0 0 #e5aa8f;
            box-shadow: 0 0 0 0 #e5aa8f;
  }
  50% {
    -webkit-box-shadow: 0 0 0 20px rgba(1, 93, 199, 0);
            box-shadow: 0 0 0 20px rgba(1, 93, 199, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
            box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
  }
}

/* pulseBig2 */
@-webkit-keyframes pulseBig3 {
  0% {
    -webkit-box-shadow: 0 0 0 0 #d7282f;
            box-shadow: 0 0 0 0 #d7282f;
  }
  50% {
    -webkit-box-shadow: 0 0 0 10px rgba(1, 93, 199, 0);
            box-shadow: 0 0 0 10px rgba(1, 93, 199, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
            box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
  }
}
@keyframes pulseBig3 {
  0% {
    -webkit-box-shadow: 0 0 0 0 #d7282f;
            box-shadow: 0 0 0 0 #d7282f;
  }
  50% {
    -webkit-box-shadow: 0 0 0 10px rgba(1, 93, 199, 0);
            box-shadow: 0 0 0 10px rgba(1, 93, 199, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
            box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
  }
}

/* pulseBig2 */
@-webkit-keyframes pulseBig4 {
  0% {
    -webkit-box-shadow: 0 0 0 0 #fc9ba4;
            box-shadow: 0 0 0 0 #fc9ba4;
  }
  50% {
    -webkit-box-shadow: 0 0 0 10px rgba(1, 93, 199, 0);
            box-shadow: 0 0 0 10px rgba(1, 93, 199, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
            box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
  }
}
@keyframes pulseBig4 {
  0% {
    -webkit-box-shadow: 0 0 0 0 #fc9ba4;
            box-shadow: 0 0 0 0 #fc9ba4;
  }
  50% {
    -webkit-box-shadow: 0 0 0 10px rgba(1, 93, 199, 0);
            box-shadow: 0 0 0 10px rgba(1, 93, 199, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
            box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
  }
}

.scaleUp1 {
  -webkit-animation-name: scaleUp1;
  animation-name: scaleUp1;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes scaleUp1 {
  0% {
    -webkit-transform: translateY(1);
    transform: translateY(1);
  }
  20% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  40% {
    -webkit-transform: translateY(1);
    transform: translateY(1);
  }
  80% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  100% {
    -webkit-transform: translateY(1);
    transform: translateY(1);
  }
}

@keyframes scaleUp1 {
  0% {
    -webkit-transform: translateY(1);
    transform: translateY(1);
  }
  20% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  40% {
    -webkit-transform: translateY(1);
    transform: translateY(1);
  }
  80% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  100% {
    -webkit-transform: translateY(1);
    transform: translateY(1);
  }
}

@keyframes rail-line {
  0% {
    -webkit-transform: translate(-150px);
            transform: translate(-150px);
  }
  100% {
    -webkit-transform: translate(150px);
            transform: translate(150px);
    background: #d7282f;
  }
}

@-webkit-keyframes rail-line {
  0% {
    -webkit-transform: translate(-50px);
            transform: translate(-50px);
  }
  100% {
    -webkit-transform: translate(50px);
            transform: translate(50px);
    background: #d7282f;
  }
}

@keyframes type {
  0% {
    width: 0ch;
  }
  100% {
    width: 100%;
  }
}

@-webkit-keyframes type {
  0% {
    width: 0ch;
  }
  100% {
    width: 100%;
  }
}

@keyframes runs {
  0% {
    -webkit-transform: translateY(0) rotate(90deg);
            transform: translateY(0) rotate(90deg);
  }
  50% {
    -webkit-transform: translateY(300px) rotate(90deg);
            transform: translateY(300px) rotate(90deg);
  }
  100% {
    -webkit-transform: translateY(-300px) rotate(180deg);
            transform: translateY(-300px) rotate(180deg);
  }
}

@-webkit-keyframes runs {
  0% {
    -webkit-transform: translateY(0) rotate(90deg);
            transform: translateY(0) rotate(90deg);
  }
  50% {
    -webkit-transform: translateY(300px) rotate(90deg);
            transform: translateY(300px) rotate(90deg);
  }
  100% {
    -webkit-transform: translateY(-300px) rotate(180deg);
            transform: translateY(-300px) rotate(180deg);
  }
}

@keyframes zoomIncolor {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    background: #d7282f;
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    background: #d7282f;
    opacity: 0.8;
  }
}

@-webkit-keyframes zoomIncolor {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    background: #d7282f;
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    background: #d7282f;
    opacity: 0.8;
  }
}

@keyframes squareMove {
  0% {
    -webkit-transform: translateX(0px) rotate(0deg);
            transform: translateX(0px) rotate(0deg);
  }
  33% {
    -webkit-transform: translateY(-100px) rotate(180deg);
            transform: translateY(-100px) rotate(180deg);
  }
  66% {
    -webkit-transform: translateX(200px) rotate(-90deg);
            transform: translateX(200px) rotate(-90deg);
  }
  100% {
    -webkit-transform: translateX(0px) rotate(0deg);
            transform: translateX(0px) rotate(0deg);
  }
}

@-webkit-keyframes squareMove {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  33% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  66% {
    -webkit-transform: translateX(200px);
            transform: translateX(200px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

/*--
	-theme-btn
----------------------------------------*/
.theme_btn {
  overflow: hidden;
  color: #ffffff;
  background: #d7282f;
  font-size: 16px;
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  line-height: 1;
  padding: 18px 35px;
  display: inline-block;
  border-radius: 40px;
  position: relative;
  z-index: 1;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.theme_btn:hover {
  color: #ffffff;
  background: #000000;
}

.theme_btn1 {
  overflow: hidden;
  color: #ffffff;
  background: #d7282f;
  font-size: 14px;
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  line-height: 1;
  padding: 12px 28px;
  display: inline-block;
  border-radius: 40px;
  position: relative;
  z-index: 1;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.theme_btn1:hover {
  color: #ffffff;
  background: #000000;
}

.border_btn {
  background: transparent;
  border: 2px solid #d7282f;
  color: #d7282f;
  padding: 15px 38px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.border_btn:hover, .border_btn.active {
  color: #ffffff;
  -webkit-box-shadow: 5px 15px 60px rgba(255, 114, 58, 0.3);
          box-shadow: 5px 15px 60px rgba(255, 114, 58, 0.3);
  border-color: #e75115;
}

.border_btn.active {
  border-color: #d7282f;
  background-color: #d7282f;
  -webkit-box-shadow: 5px 15px 60px rgba(255, 114, 58, 0.3);
          box-shadow: 5px 15px 60px rgba(255, 114, 58, 0.3);
}

.border_btn.active:hover {
  color: #d7282f;
  background-color: transparent;
  -webkit-box-shadow: 0;
          box-shadow: 0;
}

.blog_btn {
  color: #1B212F;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  border-bottom: 1px solid #1B212F;
  line-height: 1;
}

.blog_btn:hover {
  color: #d7282f;
  border-color: #d7282f;
}

.free_btn {
  padding: 17px 38px;
}

.custom-container-testimonial {
  max-width: 1400px;
  margin: 0 auto;
}

.sl-shape {
  position: absolute;
  z-index: 1;
}

.sl-shape.shape_01 {
  left: 8.54%;
  top: 210px;
  opacity: 0.2;
  -webkit-animation: float-bob-y infinite 5s linear;
          animation: float-bob-y infinite 5s linear;
}

@media (max-width: 767px) {
  .sl-shape.shape_01 {
    display: none;
  }
}

.sl-shape.shape_02 {
  right: 47.5%;
  top: 170px;
  opacity: 0.2;
  -webkit-animation: float-bob-y infinite 3s linear;
          animation: float-bob-y infinite 3s linear;
}

@media (max-width: 767px) {
  .sl-shape.shape_02 {
    display: none;
  }
}

.sl-shape.shape_03 {
    right: 9.21%;
    top: 209px;
    opacity: 0.2;
    -webkit-animation: float-bob-y infinite 4s linear;
    animation: float-bob-y infinite 4s linear;
}

@media (max-width: 767px) {
  .sl-shape.shape_03 {
    display: none;
  }
}

.sl-shape.shape_04 {
  left: 1%;
  top: 607px;
	opacity: 0.2;
  -webkit-animation: float-bob-y infinite 5s linear;
          animation: float-bob-y infinite 5s linear;
}

@media (max-width: 767px) {
  .sl-shape.shape_04 {
    display: none;
  }
}

.sl-shape.shape_05 {
  right: 20%;
  top: 90%;
  opacity: 0.2;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .sl-shape.shape_05 {
    display: none;
  }
}

@media (max-width: 767px) {
  .sl-shape.shape_05 {
    display: none;
  }
}

.sl-shape.shape_06 {
  right: 24px;
  top: 562px;
  opacity: 0.2;
}

@media (max-width: 767px) {
  .sl-shape.shape_06 {
    display: none;
  }
}

.sl-shape1.shape1_07 {
  left: 20.30%;
  top: 10px;
  -webkit-animation: float-bob-x infinite 5s linear;
          animation: float-bob-x infinite 5s linear;
}

@media (max-width: 767px) {
  .sl-shape1.shape1_07 {
    display: none;
  }
}


.slider-img-box-2 {
  position: absolute;
  height: 500px;
  width: 487px;
  right: 0;
  top: 180px;
  z-index: 2;
}

.slider__img__box {
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__img__box {
    text-align: center;
    overflow: hidden;
    padding-right: 0;
  }
}

@media (max-width: 767px) {
  .slider__img__box {
    text-align: center;
    padding-right: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .slider__img__box .img-one {
    width: 100%;
    padding-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__img__box .img-one {
    padding-right: 0;
  }
}

@media (max-width: 767px) {
  .slider__img__box .img-one {
    padding-right: 0;
    width: 100%;
  }
}

.slider__img__box .slide-shape {
  position: absolute;
  z-index: 1;
}

.slider__img__box .slide-shape.img-two {
  right: 68px;
  bottom: -26px;
  -webkit-animation: float-bob-y infinite 4s alternate;
          animation: float-bob-y infinite 4s alternate;
}

@media (max-width: 767px) {
  .slider__img__box .slide-shape.img-two {
    display: none;
  }
}

.slider__img__box .slide-shape.img-three {
  left: -108px;
  top: 53%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-animation: float-bob-y infinite 6s alternate;
          animation: float-bob-y infinite 6s alternate;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__img__box .slide-shape.img-three {
    left: 0;
  }
}

@media (max-width: 767px) {
  .slider__img__box .slide-shape.img-three {
    display: none;
  }
}

.slider__img__box .slide-shape.img-four {
  left: 0;
  bottom: -66px;
}

@media (max-width: 767px) {
  .slider__img__box .slide-shape.img-four {
    display: none;
  }
}

.slider__img__box .slide-shape.img-five {
  right: 70px;
  top: 26px;
}

@media (max-width: 767px) {
  .slider__img__box .slide-shape.img-five {
    display: none;
  }
}

.slider__img__box .slide-shape.img-seven {
  position: absolute;
  z-index: 1;
  bottom: -113px;
  right: -228px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .slider__img__box .slide-shape.img-seven {
    bottom: -150px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .slider__img__box .slide-shape.img-seven {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__img__box .slide-shape.img-seven {
    display: none;
  }
}

@media (max-width: 767px) {
  .slider__img__box .slide-shape.img-seven {
    display: none;
  }
}

.slider__img__box .slide-shape.img-eight {
  left: -29px;
  z-index: -1;
  bottom: -33px;
  -webkit-animation: rotation infinite 55s linear;
          animation: rotation infinite 55s linear;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .slider__img__box .slide-shape.img-eight {
    width: 100%;
    left: -10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__img__box .slide-shape.img-eight {
    left: -18px;
    right: 0;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .slider__img__box .slide-shape.img-eight {
    display: none;
  }
}

.slider__content {
  position: relative;
  z-index: 8;
}

.slider__content h5 {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.7;
}

.slider__content .highlight-text {
  font-size: 25px;
  font-weight: 700;
  color: #1B212F;

}

.slider__content .highlight-text span {
  color: #d7282f;
}

.main-title {
  color: #fff;
  font-size: 42px;
  line-height: 1.2;
}

@media (max-width: 767px) {
  .main-title {
    font-size: 30px;
	font-style: normal;
    text-align: center;
  }
}

.vec-shape {
  display: inline-block;
  position: relative;
  z-index: 1;
}

.vec-shape::before {
  content: '';
  position: absolute;
  background: url(../img/shape/line-border.svg) no-repeat;
  width: 366px;
  height: 99px;
  left: -11px;
  top: 0;
  z-index: -1;
}

@media (max-width: 767px) {
  .vec-shape::before {
    display: none;
  }
}

.search__area {
  background-color: rgba(255, 114, 58, 0.1);
  width: 100%;
  border-radius: 40px;
}

@media (max-width: 767px) {
  .search__area {
    background-color: transparent;
  }
}

.search__area li {
  width: 33%;
}

.search__area li:last-child {
  background-color: transparent;
}

@media (max-width: 767px) {
  .search__area li {
    width: 100%;
    margin-bottom: 15px;
    background-color: rgba(255, 114, 58, 0.1);
    border-radius: 40px;
  }
}

.search__area li .search_btn {
  -webkit-transform: translateX(7px);
          transform: translateX(7px);
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .search__area li .search_btn {
    margin-left: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .search__area li .search_btn {
    margin-left: 0;
    font-size: 15px;
    padding: 29px 29px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .search__area li .search_btn {
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
}

@media (max-width: 767px) {
  .search__area li .search_btn {
    margin-left: 0;
    width: 100%;
  }
}

.widget__search {
  position: relative;
  z-index: 1;
}

.widget__search .input-form {
  position: relative;
  z-index: 1;
}

.widget__search .input-form input {
  border: 0;
  color: #707070;
  background: transparent;
  border-radius: 0;
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
  display: inline-block;
  position: relative;
  height: 65px;
  padding-left: 55px;
  width: 100%;
  z-index: 1;
}

.widget__search .search-icon {
  left: 0;
  border: 0;
  background: 0;
  font-size: 16px;
  position: absolute;
  left: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.search_btn {
  border: 0;
  padding: 24px 41px;
}

.widget__select .nice-select {
  background: transparent;
  border: 0;
  width: 100%;
  height: 64px;
  border-radius: 0;
  line-height: 64px;
  font-size: 16px;
  font-weight: 400;
  color: #707070;
}

@media (max-width: 767px) {
  .widget__select .nice-select {
    width: 100%;
    background-color: rgba(255, 114, 58, 0.1);
    margin-bottom: 15px;
    border-radius: 40px;
  }
}

.widget__select .nice-select .list {
  width: 100%;
}

.widget__select .nice-select .list .option {
  width: 100%;
  border-radius: 0;
  background-color: #e2e7e6;
  margin-bottom: 0;
}

.widget__select .nice-select::before {
  content: '\f078';
  font-family: 'Font Awesome 5 Pro';
  color: #1B212F;
  font-size: 16px;
  display: block;
  pointer-events: none;
  position: absolute;
  left: 72px;
  -webkit-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .widget__select .nice-select::before {
    left: 10px;
  }
}

.widget__select .nice-select::after {
  display: none;
}

.widget__select .nice-select .current {
  color: #1B212F;
  padding-left: 80px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .widget__select .nice-select .current {
    padding-left: 25px;
  }
}

.slider-gradient-bg {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 114, 58, 0.07)), to(rgba(241, 77, 93, 0.01)));
  background: linear-gradient(rgba(255, 114, 58, 0.07) 0%, rgba(241, 77, 93, 0.01) 100%);
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .slider__content__02 {
    padding-top: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__content__02 {
    padding-top: 30px;
  }
}

@media (max-width: 767px) {
  .slider__content__02 {
    padding-top: 0;
    text-align: center;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .slider__content__02 .main-title {
    font-size: 45px;
  }
}

.slider__content__02 .left-line {
  color: #303030;
  font-weight: 500;
  display: inline-block;
  position: relative;
  z-index: 1;
}

.slider__content__02 .left-line::before {
  content: '';
  position: absolute;
  width: 30px;
  height: 2px;
  background-color: #d7282f;
  left: 0;
  top: 16px;
  z-index: 1;
}

.slider__content__02 .search__area {
  background-color: #ffffff;
  width: 100%;
  border-radius: 5px;
}

@media (max-width: 767px) {
  .slider__content__02 .search__area {
    background-color: transparent;
  }
}

.slider__content__02 .search__area .widget__search .input-form input {
  background: #ffffff;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.slider__content__02 .search__area .search_btn {
  border-radius: 5px;
}

@media (max-width: 767px) {
  .slider__content__02 .search__area .search_btn {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@media (max-width: 767px) {
  .slider__content__02 .search__area li {
    border-radius: 5px;
  }
}

.slider__content__02 .search__area .widget__select .nice-select {
  background-color: #ffffff;
  border-radius: 5px;
}

.slider-img-box-two {
  position: relative;
  z-index: 3;
}

.slider-img-box-two .shape-avatar-bg {
  position: absolute;
  left: 30px;
  z-index: -2;
  top: 60px;
  -webkit-animation: rotation infinite 55s linear;
          animation: rotation infinite 55s linear;
}

@media only screen and (min-width: 1601px) and (max-width: 1800px) {
  .slider-img-box-two .shape-avatar-bg {
    width: 600px;
    height: 600px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .slider-img-box-two .shape-avatar-bg {
    width: 400px;
    height: 400px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .slider-img-box-two .shape-avatar-bg {
    top: 110px;
    width: 100%;
    -webkit-animation: unset;
            animation: unset;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-img-box-two .shape-avatar-bg {
    top: 110px;
    width: 80%;
  }
}

@media (max-width: 767px) {
  .slider-img-box-two .shape-avatar-bg {
    top: 110px;
    width: 80%;
    -webkit-animation: unset;
            animation: unset;
  }
}

.slider-img-box-two .feature {
  color: #ffffff;
  border-radius: 20px;
  background: transparent;
  -webkit-box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.6);
          box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.6);
  z-index: 2;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .slider-img-box-two .feature {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .slider-img-box-two .feature {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-img-box-two .feature {
    display: none;
  }
}

@media (max-width: 767px) {
  .slider-img-box-two .feature {
    display: none;
  }
}

.slider-img-box-two .feature.tag_01 {
  top: 220px;
  left: -12px;
  font-weight: 600;
  color: #ffffff;
  border-radius: 20px;
  background: transparent;
  -webkit-box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.6);
          box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.6);
  /* Note: currently only Safari supports backdrop-filter */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  -moz--backdrop-filter: blur(10px);
  -o--backdrop-filter: blur(10px);
  background-color: rgba(255, 255, 255, 0.03);
  /* (plus shape's fill blended on top as a separate layer with 20% opacity) */
}

.slider-img-box-two .feature.tag_02 {
  right: 253px;
  top: 32px;
  font-weight: 600;
  color: #ffffff;
  border-radius: 20px;
  background: transparent;
  -webkit-box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.6);
          box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.6);
  /* Note: currently only Safari supports backdrop-filter */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  -moz-backdrop-filter: blur(10px);
  -o-backdrop-filter: blur(10px);
  background-color: rgba(255, 255, 255, 0.03);
  /* (plus shape's fill blended on top as a separate layer with 20% opacity) */
}

.slider-img-box-two .feature.tag_03 {
  color: #ffffff;
  border-radius: 20px;
  left: auto;
  right: -210px;
  font-weight: 600;
  bottom: 250px;
  background: transparent;
  -webkit-box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.6);
          box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.6);
  /* Note: currently only Safari supports backdrop-filter */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  -moz-backdrop-filter: blur(10px);
  -o-backdrop-filter: blur(10px);
  background-color: rgba(255, 255, 255, 0.03);
  /* (plus shape's fill blended on top as a separate layer with 20% opacity) */
  z-index: 2;
}

@media only screen and (min-width: 1601px) and (max-width: 1800px) {
  .slider-img-box-two .feature.tag_03 {
    right: -90px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .slider-img-box-two .feature.tag_03 {
    right: 0px;
    bottom: 100px;
  }
}

.slider-img-box-two .coures-member {
  background-color: #ffffff;
  top: 213px;
  right: -184px;
  left: auto;
  border-radius: 20px;
  background: transparent;
  -webkit-box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.6);
          box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.6);
  /* Note: currently only Safari supports backdrop-filter */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  -moz-backdrop-filter: blur(10px);
  -o-backdrop-filter: blur(10px);
  background-color: rgba(255, 255, 255, 0.03);
  /* (plus shape's fill blended on top as a separate layer with 20% opacity) */
  z-index: 3;
}

.slider-img-box-two .coures-member h5 {
  color: #ffffff;
}

@media only screen and (min-width: 1601px) and (max-width: 1800px) {
  .slider-img-box-two .coures-member {
    right: -100px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .slider-img-box-two .coures-member {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .slider-img-box-two .coures-member {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-img-box-two .coures-member {
    display: none;
  }
}

@media (max-width: 767px) {
  .slider-img-box-two .coures-member {
    display: none;
  }
}

.slider-img-box-two .chose-img-wrapper .chose_05 {
  margin-top: 120px;
  margin-left: -37px;
}

@media only screen and (min-width: 1601px) and (max-width: 1800px) {
  .slider-img-box-two .chose-img-wrapper .chose_05 {
    margin-left: -70px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .slider-img-box-two .chose-img-wrapper .chose_05 {
    width: 100%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .slider-img-box-two .chose-img-wrapper .chose_05 {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-img-box-two .chose-img-wrapper .chose_05 {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .slider-img-box-two .chose-img-wrapper .chose_05 {
    width: 100%;
  }
}

.slider-img-box-two .chose-img-wrapper .chose_06 {
  position: absolute;
  left: -74px;
  bottom: 42px;
  z-index: 2;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-img-box-two .chose-img-wrapper .chose_06 {
    display: none;
  }
}

@media (max-width: 767px) {
  .slider-img-box-two .chose-img-wrapper .chose_06 {
    display: none;
  }
}

.slider-img-box-two .chose-img-wrapper .video-wrapper {
  position: absolute;
  z-index: 1;
  right: auto;
  left: 62px;
  bottom: 178px;
}

@media (max-width: 767px) {
  .slider-img-box-two .chose-img-wrapper .video-wrapper {
    bottom: 55px;
  }
}

.slider-img-box-two .chose-img-wrapper .video-wrapper .popup-video {
  width: 90px;
  height: 90px;
  background: transparent;
  -webkit-filter: drop-shadow(5px 15px 60px rgba(27, 33, 47, 0.6));
          filter: drop-shadow(5px 15px 60px rgba(27, 33, 47, 0.6));
  /* Note: currently only Safari supports backdrop-filter */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  -moz-backdrop-filter: blur(10px);
  -o-backdrop-filter: blur(10px);
  background-color: rgba(255, 255, 255, 0.03);
  /* (plus shape's fill blended on top as a separate layer with 19% opacity) */
}

.slider-three .sl-shape.shape_04 {
  left: 0;
  top: 511px;
}

.sl-shape.shape_s13 {
  left: 48px;
  top: 937px;
  -webkit-animation: rotation infinite 15s linear;
          animation: rotation infinite 15s linear;
  z-index: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__content__03 {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 767px) {
  .slider__content__03 {
    padding: 45px 0 0 0;
  }
}

.slider__content__03 .main-title {
  font-size: 64px;
  line-height: 1.32;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__content__03 .main-title {
    font-size: 52px;
  }
}

@media (max-width: 767px) {
  .slider__content__03 .main-title {
    font-size: 50px;
  }
}

.slider__content__03 .search__area {
  background-color: #ffffff;
  border-radius: 40px;
  max-width: 777px;
}

@media (max-width: 767px) {
  .slider__content__03 .search__area {
    background-color: transparent;
  }
}

.slider__content__03 .search__area li .search_btn {
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  padding: 15px 35px;
}

@media (max-width: 767px) {
  .slider__content__03 .search__area .widget__search .input-form input {
    background-color: #ffffff;
    border-radius: 40px;
  }
}

@media (max-width: 767px) {
  .slider__content__03 .search__area .widget__select .nice-select {
    background-color: #ffffff;
  }
}

.slider-blur {
  width: 819px;
  height: 871px;
  background: #f14d5d;
  opacity: 0.03;
  filter: blur(50px);
  -webkit-filter: blur(50px);
  -moz-filter: blur(50px);
  position: absolute;
  right: 280px;
  top: 185px;
  z-index: -1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-blur {
    display: none;
  }
}

@media (max-width: 767px) {
  .slider-blur {
    display: none;
  }
}

.slider-img-area {
  position: relative;
  z-index: 1;
}

.slider-img-area .popup-video {
  width: 120px;
  height: 120px;
  line-height: 120px;
  font-size: 21px;
  position: absolute;
  bottom: 55px;
  left: 50px;
  background: #ffffff;
  color: #d7282f;
}

.slider-img-area::before {
  content: '';
  position: absolute;
  background: url(../img/shape/round-dot.svg) no-repeat;
  width: 113px;
  height: 107px;
  left: -70px;
  top: 137px;
  z-index: -1;
  -webkit-animation: rotation infinite 15s linear;
          animation: rotation infinite 15s linear;
}

.slider-img-area::after {
  content: '';
  position: absolute;
  background: url(../img/shape/dot-box-4.svg) no-repeat;
  width: 139px;
  height: 132px;
  right: -93px;
  top: 30px;
  z-index: -1;
  animation: float-bob-y infinite 3s alternate-reverse;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .slider-img-area::after {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .slider-img-area::after {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-img-area::after {
    display: none;
  }
}

@media (max-width: 767px) {
  .slider-img-area::after {
    display: none;
  }
}

.slider-img-box-three {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 600px;
  border-radius: 10px;
  position: relative;
  -webkit-transform: translateY(-65px);
          transform: translateY(-65px);
  z-index: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-img-box-three {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    min-height: 500px;
  }
}

@media (max-width: 767px) {
  .slider-img-box-three {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    min-height: 500px;
  }
}

.deal-box h2 {
  font-size: 40px;
  line-height: 1.4;
}

.deal-box h2 b {
  display: block;
}

.single-box {
  background-color: rgba(255, 114, 58, 0.05);
  padding: 30px 30px;
  border-radius: 10px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .single-box {
    padding: 30px 15px;
  }
}

@media (max-width: 767px) {
  .single-box {
    padding: 30px 15px;
  }
}

.single-box__icon {
  width: 83px;
  height: 83px;
  background: #d7282f;
  text-align: center;
  line-height: 78px;
  display: inline-block;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.single-box__icon img {
  display: inline-block !important;
  width: 51px;
  height: 50px;
}

.single-box.s-box2 {
  background-color: rgba(241, 77, 93, 0.05);
}

.single-box.s-box2 .single-box__icon {
  background-color: #d7282f;
}

.single-box.s-box3 {
  background-color: rgba(142, 102, 255, 0.05);
}

.single-box.s-box3 .single-box__icon {
  background-color: #d7282f;
}

.owl-nav {
  position: absolute;
  z-index: 2;
  left: -330px;
  bottom: 35px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .owl-nav {
    left: -288px;
    bottom: 10px;
  }
}

.owl-nav .owl-prev {
  background: transparent;
  border: 0;
  padding: 0;
  margin-right: 10px;
  cursor: pointer;
}

.owl-nav .owl-prev i {
  color: #d7282f;
  font-size: 30px;
}

.owl-nav .owl-next {
  background: transparent;
  border: 0;
  padding: 0;
  margin-right: 10px;
  cursor: pointer;
}

.owl-nav .owl-next i {
  color: #d7282f;
  font-size: 30px;
  opacity: 0.2;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.owl-nav .owl-next:hover i {
  opacity: 1;
}

.s-box-2 {
  padding: 30px 20px;
}

.s-box-2 .single-box__icon {
  width: 75px;
  height: 75px;
  line-height: 75px;
  float: left;
  margin-right: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .s-box-2 .single-box__icon {
    float: none;
  }
}

@media (max-width: 767px) {
  .s-box-2 .single-box__icon {
    float: none;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .s-box-2 .single-box__icon {
    float: left;
  }
}

.s-box-2 .single-box__icon img {
  width: 30px;
  height: 28px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .s-box-2 .sub-title {
    font-size: 22px;
  }
}

.s-box-2 .icon_02 {
  background-color: #F14D5D;
}

.s-box-2 .icon_03 {
  background-color: #8E66FF;
}

.sb-box-01 {
  background-color: rgba(241, 77, 93, 0.05);
}

.sb-box-02 {
  background-color: rgba(142, 102, 255, 0.05);
}

.what-blur-shape-one {
  width: 569px;
  height: 569px;
  background: #f14d5d;
  opacity: 0.05;
  filter: 50px;
  -webkit-filter: blur(50px);
  -moz-filter: blur(50px);
  position: absolute;
  left: 26%;
  z-index: -1;
  top: 170px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .what-blur-shape-one {
    display: none;
  }
}

@media (max-width: 767px) {
  .what-blur-shape-one {
    display: none;
  }
}

.what-blur-shape-two {
  width: 569px;
  height: 569px;
  background: #8e66ff;
  opacity: 0.05;
  filter: 50px;
  -webkit-filter: blur(50px);
  -moz-filter: blur(50px);
  position: absolute;
  right: 19%;
  z-index: -1;
  bottom: 133px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .what-blur-shape-two {
    display: none;
  }
}

@media (max-width: 767px) {
  .what-blur-shape-two {
    display: none;
  }
}

.what-look-bg {
  margin: 0 100px 0 100px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .what-look-bg {
    margin: 0 0 0 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .what-look-bg {
    margin: 0 0 0 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .what-look-bg {
    margin: 0 0 0 0;
  }
}

@media (max-width: 767px) {
  .what-look-bg {
    margin: 0 0 0 0;
  }
}

.what-box {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 50px 45px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .what-box {
    padding: 50px 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .what-box {
    padding: 50px 15px;
  }
}

@media (max-width: 767px) {
  .what-box {
    padding: 50px 15px;
  }
}

.what-box__icon {
  display: inline-block;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.what-box__icon::before {
  position: absolute;
  content: '';
  width: 75px;
  height: 75px;
  background: rgba(27, 33, 47, 0.1);
  border-radius: 50%;
  left: -12px;
  bottom: 0;
  z-index: -1;
}

.what-box h3 {
  font-size: 34px;
  margin-bottom: 25px;
}

@media (max-width: 767px) {
  .what-box h3 {
    font-size: 32px;
    line-height: 1.4;
  }
}

.what-box p {
  margin-bottom: 30px;
}

.what-box:hover .what-box__icon {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

.wb-icon-2::before {
  display: none;
}

.what-blur-bg-three {
  width: 851px;
  height: 851px;
  background: #f14d5d;
  opacity: 0.03;
  filter: blur(50px);
  -webkit-filter: blur(50px);
  -moz-filter: blur(50px);
  -o-filter: blur(50px);
  position: absolute;
  left: 18%;
  top: 110px;
  z-index: -1;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .what-blur-bg-three {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .what-blur-bg-three {
    display: none;
  }
}

@media (max-width: 767px) {
  .what-blur-bg-three {
    display: none;
  }
}

.single-category {
  border-radius: 5px;
  background: #ffffff;
  -webkit-box-shadow: 5px 15px 30px rgba(27, 33, 47, 0.05);
          box-shadow: 5px 15px 30px rgba(27, 33, 47, 0.05);
  padding: 35px 0 30px 0;
}

.single-category .sub-title a {
  text-decoration: none;
}

.single-category .sub-title a:hover {
  color: #d7282f;
}

.single-category .sub-title1 a {
  text-decoration: none;
}

.single-category .sub-title1 a:hover {
  color: #898989;
}

.feature-blur-one {
  width: 1109px;
  height: 1109px;
  background: -webkit-gradient(linear, left top, left bottom, from(red), color-stop(0%, #fd020b), color-stop(30.95%, #d822de), color-stop(65.27%, #6051af), to(#07f6ff));
  background: linear-gradient(red 0%, #fd020b 0%, #d822de 30.95%, #6051af 65.27%, #07f6ff 100%);
  opacity: 0.03;
  -webkit-filter: blur(50px);
          filter: blur(50px);
  position: absolute;
  left: 85px;
  top: 251px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature-blur-one {
    display: none;
  }
}

@media (max-width: 767px) {
  .feature-blur-one {
    display: none;
  }
}

.feature-blur-two {
  width: 789px;
  height: 789px;
  background: -webkit-gradient(linear, left top, left bottom, from(red), color-stop(0%, #fd020b), color-stop(30.95%, #d822de), color-stop(65.27%, #6051af), to(#07f6ff));
  background: linear-gradient(red 0%, #fd020b 0%, #d822de 30.95%, #6051af 65.27%, #07f6ff 100%);
  opacity: 0.03;
  -webkit-filter: blur(50px);
          filter: blur(50px);
  position: absolute;
  right: -250px;
  bottom: 280px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature-blur-two {
    display: none;
  }
}

@media (max-width: 767px) {
  .feature-blur-two {
    display: none;
  }
}

.gf_btn {
  border: 0;
  padding: 0;
  background: 0;
  color: #d7282f;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1;
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  margin: 10px 10px;
  display: inline-block;
  position: relative;
  background-color: rgba(255, 114, 58, 0.1);
  border-radius: 40px;
  padding: 19px 39px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

@media (max-width: 767px) {
  .gf_btn {
    margin: 10px 2px;
    font-size: 14px;
    padding: 19px 25px;
  }
}

.gf_btn:hover, .gf_btn.active {
  color: #ffffff;
  background-color: #d7282f;
}

.gf_btn:hover::before, .gf_btn.active::before {
  width: 100%;
}

.course__tag span {
  font-size: 14px;
  display: inline-block;
  padding: 15px 22px;
  line-height: 1;
  border-radius: 40px;
}

.course__tag span:first-child {
  color: #F14D5D;
  background-color: rgba(241, 77, 93, 0.1);
}

.course__tag span:nth-child(2) {
  color: #FF9F66;
  background-color: rgba(255, 159, 102, 0.2);
}

.z-gallery {
  border-radius: 10px;
  background: #ffffff;
  -webkit-box-shadow: 5px 10px 60px rgba(27, 33, 47, 0.05);
          box-shadow: 5px 10px 60px rgba(27, 33, 47, 0.05);
  padding: 10px;
}

@media (max-width: 767px) {
  .z-gallery {
    padding: 0;
  }
}

.z-gallery__thumb {
  overflow: hidden;
  border-radius: 5px;
  position: relative;
  z-index: 1;
}

.z-gallery__thumb img {
  width: 100%;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.z-gallery__thumb .feedback-tag {
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  background-color: #2878EB;
  display: inline-block;
  padding: 10px 11px;
  position: absolute;
  top: 20px;
  left: 20px;
  border-radius: 5px;
  line-height: 1;
}

.z-gallery__thumb .heart-icon {
  color: #d7282f;
  font-size: 15px;
  background-color: #ffffff;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  position: absolute;
  right: 20px;
  top: 20px;
  text-align: center;
  line-height: 30px;
  z-index: 1;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.z-gallery__thumb .heart-icon:hover {
  color: #2878EB;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.z-gallery__content {
  padding: 0 15px 30px 15px;
}

.z-gallery__content .sub-title {
  line-height: 1.4;
  font-weight: 700;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .z-gallery__content .sub-title {
    font-size: 20px;
  }
}

.z-gallery__content .sub-title a {
  text-decoration: none;
}

.z-gallery:hover .z-gallery__thumb img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.z-gallery:hover .z-gallery__content .sub-title a {
  color: #d7282f;
}

.course__meta span {
  color: #1B212F;
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
  margin-right: 20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .course__meta span {
    font-size: 15px;
    margin-right: 4px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .course__meta span {
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .course__meta span {
    font-size: 14px;
    margin-right: 5px;
    margin-bottom: 10px;
  }
}

.course__meta span:last-child {
  color: #d7282f;
  font-weight: 600;
  margin-right: 0;
}

.course__meta span img {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  margin-right: 5px;
}

@media (max-width: 767px) {
  .course__cat__list {
    text-align: center;
    margin: 0 auto;
  }
}

.course__cat__list li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 10px 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.course__cat__list li a {
  color: #1B212F;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
  border: 2px solid rgba(27, 33, 47, 0.08);
  border-radius: 5px;
  padding: 19px 48px;
  width: 100%;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .course__cat__list li a {
    padding: 15px 35px;
  }
}

@media (max-width: 767px) {
  .course__cat__list li a {
    font-size: 18px;
    padding: 19px 20px;
    width: 280px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .course__cat__list li a {
    width: unset;
  }
}

.course__cat__list li a span {
  margin-right: 20px;
}

.course__cat__list li a span [class*="icon-"] {
  max-height: 44px;
}

@media (max-width: 767px) {
  .course__cat__list li a span {
    margin-right: 10px;
  }
}

.course__cat__list li a svg:hover {
  fill: #ffffff;
}

.course__cat__list li a .icon-01 {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.course__cat__list li a .icon-02 {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  display: none;
}

.course__cat__list li a .arrow-box {
  margin-right: 0;
}

.course__cat__list li a .arrows-icon {
  margin-left: 30px;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

@media (max-width: 767px) {
  .course__cat__list li a .arrows-icon {
    margin-left: 10px;
  }
}

.course__cat__list li a .arrows-icon-white {
  margin-left: 30px;
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  visibility: hidden;
  display: none;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.course__cat__list li a:hover, .course__cat__list li a.active {
  color: #ffffff;
  border-color: #d7282f;
  background-color: #d7282f;
}

.course__cat__list li a:hover .icon-01, .course__cat__list li a.active .icon-01 {
  -webkit-transform: scale(0);
          transform: scale(0);
  display: none;
  opacity: 0;
  visibility: hidden;
}

.course__cat__list li a:hover .icon-02, .course__cat__list li a.active .icon-02 {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
          transform: scale(1);
  display: inline-block;
}

.course__cat__list li a:hover .arrows-icon-white, .course__cat__list li a.active .arrows-icon-white {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  opacity: 1;
  visibility: visible;
  display: inline-block;
}

.course__cat__list li a:hover .arrows-icon, .course__cat__list li a.active .arrows-icon {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  display: none;
}

.portfolio-menu-two .gf_btn {
  margin: 0px 3px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .portfolio-menu-two .gf_btn {
    margin: 0px 1px;
    padding: 19px 29px;
  }
}

@media (max-width: 767px) {
  .portfolio-menu-two .gf_btn {
    margin-bottom: 10px;
  }
}

.z-gallery-two .z-gallery__content {
  padding: 0 5px 30px 5px;
}

@media (max-width: 767px) {
  .z-gallery-two .z-gallery__content {
    padding: 0 15px 30px 15px;
  }
}

.z-gallery__content .price-tag {
  color: #ffffff;
  text-align: center;
  line-height: 70px;
  position: absolute;
  background: #d7282f;
  font-size: 18px;
  font-weight: 600;
  width: 70px;
  height: 70px;
  display: inline-block;
  border-radius: 50%;
  top: -57px;
  right: 20px;
  z-index: 2;
}

.course__tag__two span {
  border-radius: 5px;
  margin-right: 5px;
}

.course__authors p {
  color: #505050;
  border-left: 1px solid rgba(27, 33, 47, 0.1);
  padding-left: 33px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .course__authors p {
    padding-left: 25px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .course__authors p {
    margin-top: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course__authors p {
    margin-top: 10px;
  }
}

@media (max-width: 767px) {
  .course__authors p {
    margin-top: 10px;
  }
}

.course__authors p span {
  color: #d7282f;
}

.course__authors-box-text h5 {
  font-weight: 600;
}

.course__authors-box-text span {
  font-size: 14px;
}

.online__course__cat .courses_link {
  text-align: center;
  border-radius: 5px;
  background: #ffffff;
  -webkit-box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.05);
          box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.05);
  padding: 40px 20px;
}

.online__course__cat .courses_link .icon-01 {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  height: 62px;
}

.online__course__cat .courses_link .arrows-icon {
  -webkit-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

.online__course__cat .courses_link .arrows-icon:hover {
  -webkit-transform: rotateY(360deg);
          transform: rotateY(360deg);
}

.online__course__cat .courses_link:hover .icon-01 {
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}

.gallery-03 {
  padding: 0;
  position: relative;
  z-index: 1;
}

.gallery-03 .z-gallery__thumb .heart-icon {
  top: 20px;
  right: 30px;
  line-height: 32px;
}

.gallery-03 .z-gallery__content {
  padding: 0 30px 25px 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .gallery-03 .z-gallery__content {
    padding: 0 10px 25px 10px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .gallery-03 .z-gallery__content {
    padding: 0 20px 25px 20px;
  }
}

@media (max-width: 767px) {
  .gallery-03 .z-gallery__content {
    padding: 0 15px 25px 15px;
  }
}

.gallery-03 .z-gallery__content .course__meta span {
  color: #303030;
  font-size: 14px;
}

.gallery-03 .z-gallery__content .feedback-tag {
  border-top: 1px solid rgba(27, 33, 47, 0.1);
}

.gallery-03 .z-gallery__content .feedback-tag span {
  color: #d7282f;
  font-size: 14px;
  line-height: 1;
}

.gallery-03 .z-gallery__content .feedback-tag span b {
  font-weight: 400;
  color: #707070;
}

.gallery-03 .z-gallery__content .feedback-tag .read_more {
  color: #1B212F;
  font-weight: 500;
  font-size: 14px;
  text-decoration: underline;
}

.gallery-03 .z-gallery__content .feedback-tag .read_more:hover {
  color: #d7282fd7282f;
}

.research-tag {
  position: absolute;
  top: 20px;
  left: 30px;
  z-index: 2;
}

.research-tag span {
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  display: inline-block;
  background: #2878EB;
  border-radius: 5px;
  padding: 11px 13px;
  margin-right: 10px;
}

.research-tag span:last-child {
  background-color: #F14D5D;
}

.courses-details-wrapper h5 {
  color: #707070;
  font-weight: 500;
  margin-bottom: 20px;
}

.courses-title {
  font-size: 32px;
  color: #d7282f;
}

.course-details-img {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 5px;
  min-height: 464px;
  text-align: center;
  position: relative;
  z-index: 1;
}

.course-details-img .popup-video {
  width: 70px;
  height: 70px;
  line-height: 71px;
  background-color: #ffffff;
  color: #d7282f;
  font-size: 13px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
}

.courses-tag-btn a {
  color: #1B212F;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  border: 1px solid rgba(112, 112, 112, 0.2);
  display: inline-block;
  padding: 15px 30px;
  border-radius: 30px;
  margin-right: 8px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

@media (max-width: 767px) {
  .courses-tag-btn a {
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
    margin-right: 2px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .courses-tag-btn a {
    margin-bottom: 10px;
    width: unset;
    text-align: unset;
  }
}

.courses-tag-btn a:hover {
  color: #ffffff;
  border-color: #d7282f;
  background-color: #d7282f;
}

.price-list h5 {
  color: #707070;
  font-size: 20px;
  font-weight: 600;
}

.price-list h5 span {
  text-decoration: line-through;
}

.price-list .sub-title {
  color: #1B212F;
  font-weight: 700;
  margin-left: 10px;
}

.courses-cart-video .popup-video {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 11px;
  background-color: #2878EB;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.courses-cart-video .popup-video:hover {
  background-color: #d7282f;
}

.cart-list-tag li {
  display: inline-block;
  margin-right: 10px;
}

@media (max-width: 767px) {
  .cart-list-tag li {
    display: block;
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cart-list-tag li {
    margin-bottom: 0;
  }
}

.learn-box h5 {
  color: #1B212F;
  font-size: 20px;
  border-bottom: 1px solid rgba(164, 157, 157, 0.2);
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.learn-list {
  overflow-y: scroll;
  height: 350px;
  margin-right: 20px;
  /* Handle */
}

@media (max-width: 767px) {
  .learn-list {
    margin-right: 5px;
  }
}

.learn-list ::-webkit-scrollbar-thumb {
  background: #707070;
}

.learn-list li {
  margin-bottom: 25px;
  padding-right: 55px;
}

@media (max-width: 767px) {
  .learn-list li {
    padding-right: 5px;
  }
}

.learn-list li a {
  color: #505050;
  font-size: 15px;
  line-height: 1.5;
  display: block;
}

@media (max-width: 767px) {
  .learn-list li a {
    font-size: 15px;
  }
}

.learn-list li a .play-video {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  display: inline-block;
	text-align: justify

}

@media (max-width: 767px) {
  .learn-list li a .play-video {
    margin-right: 1px;
  }
}

.learn-list li a .play-video i {
  color: #1B212F;
  font-size: 20px;
  margin-right: 3px;
}

.seller-rating li:first-child {
  margin-right: 20px;
}

.seller-rating li:last-child {
  margin-left: 90px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .seller-rating li:last-child {
    margin-left: 5px;
  }
}

@media (max-width: 767px) {
  .seller-rating li:last-child {
    margin-left: 5px;
  }
}

.seller-rating li .theme_btn {
  padding: 15px 25px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .seller-rating li .star-icon a {
    font-size: 16px;
  }
}

.project-details h5 {
  color: #2878EB;
  font-weight: 500;
}

.project-details h5 span {
  color: #1B212F;
  margin-right: 20px;
}

.date-lang span {
  color: #1B212F;
  font-weight: 500;
}

@media (max-width: 767px) {
  .date-lang span {
    font-size: 15px;
  }
}

.date-lang span:first-child {
  margin-right: 45px;
}

@media (max-width: 767px) {
  .date-lang span:first-child {
    margin-right: 5px;
  }
}

.date-lang span b {
  color: #000;
}

.teachers-content {
  overflow: hidden;
}

.teachers-content .teacher_01 {
  float: left;
  margin-right: 24px;
}

.teachers-content__text {
  overflow: hidden;
  margin-top: 15px;
}

.teachers-content__text h5 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}

.teachers-content__text p {
  color: #2878EB;
}

@media (max-width: 767px) {
  .project-box img {
    width: 100%;
  }
}

.skill-area .courses-tag-btn a {
  padding: 14px 30px;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .skill-area .courses-tag-btn a {
    padding: 18px 24px;
  }
}

.courses-ingredients {
  border-radius: 5px;
  background-color: #ffffff;
  -webkit-box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.05);
          box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.05);
  padding: 30px 10px 10px 35px;
  margin-left: 75px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .courses-ingredients {
    padding: 30px 15px 10px 15px;
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .courses-ingredients {
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .courses-ingredients {
    padding: 30px 15px 10px 15px;
    margin-left: 0;
  }
}

.courses-item li {
  color: #1B212F;
	list-style: none;
  font-size: 18px;
  margin-bottom: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .courses-item li {
    font-size: 16px;
  }
}

.courses-item li img {
  margin-right: 12px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .why-chose-section-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .why-chose-section-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .why-chose-section-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .why-chose-section-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .why-chose-us {
    margin-right: 0;
    margin-left: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .why-chose-us {
    margin-right: 0;
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .why-chose-us {
    margin-right: 0;
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .why-chose-us {
    margin-right: 0;
    margin-left: 0;
  }
}

.text-list li {
	list-style: none;
  color: #1B212F;
  font-weight: 500;
  padding-left: 35px;
  margin-bottom: 23px;
  position: relative;
  z-index: 1;
}

.text-list li::before {
  content: '\f00c';
  font-family: 'Font Awesome 5 pro';
  font-size: 12px;
  color: #ffffff;
  position: absolute;
  width: 25px;
  height: 25px;
  background-color: #d7282f;
  display: inline-block;
  border-radius: 50%;
  z-index: 1;
  left: 0;
  top: 0;
  text-align: center;
  line-height: 25px;
}

.text-list li:nth-child(2)::before {
  background-color: #d7282f;
}

.text-list li:last-child::before {
  background-color: #d7282f;
}

.chose-img-wrapper .chose {
  position: absolute;
}

.chose-img-wrapper .chose.chose_06 {
  bottom: -70px;
  right: 40px;
  z-index: -2;
  -webkit-animation: float-bob-y infinite 5s linear;
          animation: float-bob-y infinite 5s linear;
}

@media (max-width: 767px) {
  .chose-img-wrapper .chose.chose_06 {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .chose-img-wrapper .chose_05 {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .chose-img-wrapper .chose_05 {
    width: 100%;
    padding-left: 0;
  }
}

.chose-img-wrapper .video-wrapper {
  position: absolute;
  z-index: 1;
  right: 82px;
  bottom: 133px;
}

.chose-img-wrapper .video-wrapper .popup-video {
  color: #d7282f;
  width: 90px;
  height: 90px;
  line-height: 90px;
  background: #ffffff;
  -webkit-filter: drop-shadow(5px 15px 60px rgba(27, 33, 47, 0.1));
          filter: drop-shadow(5px 15px 60px rgba(27, 33, 47, 0.1));
}

.coures-member {
  width: 257px;
  background: #ffffff;
  -webkit-box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.1);
          box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.1);
  display: inline-block;
  padding: 20px 30px 20px 20px;
  border-radius: 20px;
  position: absolute;
  top: 360px;
  left: -32px;
  z-index: 2;
}

@media (max-width: 767px) {
  .coures-member {
    display: none;
  }
}

.coures-member h5 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}

.coures-member span {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  background: #d7282f;
  width: 60px;
  height: 60px;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  line-height: 60px;
  position: absolute;
  right: 20px;
  z-index: 7;
}

.coures-member .choses {
  border-radius: 50%;
  border: 1px solid #ffffff;
}

.coures-member .choses.chose_02 {
  -webkit-transform: translateX(-25px);
          transform: translateX(-25px);
  position: relative;
  z-index: 3;
}

.coures-member .choses.chose_03 {
  -webkit-transform: translateX(-50px);
          transform: translateX(-50px);
  position: relative;
  z-index: 4;
}

.coures-member .choses.chose_04 {
  position: absolute;
  right: 55px;
  z-index: 6;
}

.feature {
  border-radius: 20px;
  background: #ffffff;
  -webkit-box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.1);
          box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.1);
  font-size: 20px;
  color: #1B212F;
  font-weight: 600;
  display: inline-block;
  padding: 20px 30px 20px 20px;
  position: absolute;
  z-index: 1;
}

@media (max-width: 767px) {
  .feature {
    display: none;
  }
}

.feature span {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  line-height: 50px;
  background-color: #d7282f;
  margin-right: 23px;
}

.feature span i {
  color: #ffffff;
}

.feature.tag_01 {
  top: 150px;
  left: -32px;
  font-weight: 600;
}

.feature.tag_01 span {
  background-color: #d7282f;
}

.feature.tag_02 {
 left: -32px;
  top: 268px;
  font-weight: 600;
}

.feature.tag_02 span {
  background-color: #d7282f;
}

.feature.tag_03 {
  left: -32px;
  top: 620px;
  font-weight: 600;
}

.feature.tag_03 span {
  background-color: #d7282f;
}


.feature.tag_04 {
  left: -32px;
  bottom: 195px;
  font-weight: 600;
}

.feature.tag_04 span {
  background-color: #d7282f;
}

.feature.tag_05 {
  left: -32px;
  bottom:75px;
  font-weight: 600;
}

.feature.tag_05 span {
  background-color: #d7282f;
}

.feature.tag_06 {
  left: -75px;
  bottom: 80px;
  font-weight: 600;
  animation: float-bob-y infinite 5s linear;
}

.feature.tag_06 span {
  background-color: #d7282f;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature.tag_03 {
    bottom: 0;
  }
}

@media (max-width: 767px) {
  .feature.tag_03 {
    display: none;
  }
}

.why-chose-blur-bg {
  width: 833px;
  height: 833px;
  background: #f14d5d;
  opacity: 0.03;
  filter: blur(50px);
  position: absolute;
  -webkit-filter: blur(50px);
  -moz-filter: blur(50px);
  -o-filter: blur(50px);
  left: 27%;
  top: 325px;
  z-index: -1;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .why-chose-blur-bg {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .why-chose-blur-bg {
    display: none;
  }
}

@media (max-width: 767px) {
  .why-chose-blur-bg {
    display: none;
  }
}

.img-bg::before {
  content: '';
  position: absolute;
  width: 572px;
  height: 479px;
  background-color: #d7282f;
  border-radius: 40px;
  left: 63px;
  top: auto;
  bottom: 0;
  z-index: -1;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .img-bg::before {
    width: 100%;
    left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .img-bg::before {
    width: 100%;
    left: 0;
  }
}

@media (max-width: 767px) {
  .img-bg::before {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .text-list-box li {
    float: left;
    width: 31%;
    margin: 0 10px;
  }
}

.text-list-box li .single-box {
  background: #ffffff;
  -webkit-box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.03);
          box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.03);
}

.chose-img-wrapper-03.chose-img-full {
  width: 650px;
  min-height: 750px;
  margin-left: 140px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 2;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .chose-img-wrapper-03.chose-img-full {
    width: 100%;
    margin-left: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .chose-img-wrapper-03.chose-img-full {
    margin-left: 0;
    width: 100%;
    min-height: 550px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .chose-img-wrapper-03.chose-img-full {
    margin-left: 0;
    width: 100%;
    min-height: 450px;
  }
}

@media (max-width: 767px) {
  .chose-img-wrapper-03.chose-img-full {
    margin-left: 0;
    width: 100%;
    min-height: 400px;
  }
}

.chose-img-wrapper-03 .feature {
  width: 277px;
  max-width: 100%;
  border-radius: 3px;
  padding: 25px 25px 25px 30px;
}

.chose-img-wrapper-03 .feature span {
  position: absolute;
  left: -15px;
  top: -15px;
  z-index: 2;
}

.chose-img-wrapper-03 .feature h5 {
  color: #1B212F;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 15px;
}

.chose-img-wrapper-03 .feature p {
  color: #707070;
  font-size: 14px;
}

.chose-img-wrapper-03 .feature.tag_01 {
  top: -70px;
  left: 179px;
  font-weight: 600;
  -webkit-animation: float-bob-x infinite 5s linear;
          animation: float-bob-x infinite 5s linear;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .chose-img-wrapper-03 .feature.tag_01 {
    top: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .chose-img-wrapper-03 .feature.tag_01 {
    top: 0;
  }
}

@media (max-width: 767px) {
  .chose-img-wrapper-03 .feature.tag_01 {
    top: 0;
  }
}

.chose-img-wrapper-03 .feature.tag_03 {
  left: -75px;
  bottom: 30px;
  -webkit-animation: float-bob-y infinite 5s linear;
          animation: float-bob-y infinite 5s linear;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .chose-img-wrapper-03 .feature.tag_03 {
    left: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .chose-img-wrapper-03 .feature.tag_03 {
    left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .chose-img-wrapper-03 .feature.tag_03 {
    left: 0;
  }
}

@media (max-width: 767px) {
  .chose-img-wrapper-03 .feature.tag_03 {
    left: 0;
  }
}

.chose-img-wrapper-03 .feature.tag_03 span {
  background-color: #000;
}

.chose-round-bg {
  position: relative;
  z-index: 1;
}

.chose-round-bg::before {
  content: '';
  position: absolute;
  background-color: #d7282f;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  right: 220px;
  top: 126px;
  z-index: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .chose-round-bg::before {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .chose-round-bg::before {
    display: none;
  }
}

@media (max-width: 767px) {
  .chose-round-bg::before {
    display: none;
  }
}

.course-blur-shape {
  width: 569px;
  height: 569px;
  background: #8e66ff;
  opacity: 0.05;
  -webkit-filter: 50px;
          filter: 50px;
  position: absolute;
  -webkit-filter: blur(50px);
  right: 13%;
  top: 150px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course-blur-shape {
    display: none;
  }
}

@media (max-width: 767px) {
  .course-blur-shape {
    display: none;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .course-instructor {
    margin: 0 0 0 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .course-instructor {
    margin: 0 0 0 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course-instructor {
    margin: 0 0 0 0;
  }
}

@media (max-width: 767px) {
  .course-instructor {
    margin: 0 0 0 0;
  }
}

.z-instructors__thumb {
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.z-instructors__thumb img {
  width: 100%;
}

.z-instructors__thumb .social-media {
  position: absolute;
  z-index: 1;
  bottom: 0;
  width: 100%;
  padding: 27px 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .z-instructors__thumb .social-media {
    padding: 27px 10px;
  }
}

.z-instructors__thumb .social-media a {
  -webkit-transform: translateY(80px);
          transform: translateY(80px);
}

.z-instructors__thumb .social-media a:first-child {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.z-instructors__thumb .social-media a:nth-child(2) {
  -webkit-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

.z-instructors__thumb .social-media a:nth-child(3) {
  -webkit-transition: all 0.9s ease 0s;
  transition: all 0.9s ease 0s;
}

.z-instructors__thumb .social-media a:last-child {
  -webkit-transition: all 1.2s ease 0s;
  transition: all 1.2s ease 0s;
}

.z-instructors__thumb .social-media a:hover {
  color: #ffffff;
  background-color: #d7282f;
}

.z-instructors:hover .social-media {
  border-radius: 5px;
  background: transparent;
  /* Note: currently only Safari supports backdrop-filter */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  -moz-backdrop-filter: blur(10px);
  background-color: rgba(255, 255, 255, 0.05);
  /* (plus shape's fill blended on top as a separate layer with 5% opacity) */
}

.z-instructors:hover .social-media a {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.social-media a {
  color: #d7282f;
  font-size: 19px;
  background-color: #ffffff;
  width: 45px;
  height: 45px;
  display: inline-block;
  margin: 0 5px;
  text-align: center;
  line-height: 45px;
  border-radius: 50%;
}

@media (max-width: 767px) {
  .social-media a {
    width: 40px;
    height: 40px;
    margin: 0 3px;
    line-height: 40px;
  }
}

.nav-style-two .owl-nav {
  position: absolute;
  z-index: 2;
  left: auto;
  bottom: auto;
  top: -120px;
  right: 55px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-two .owl-nav {
    left: 0;
    bottom: 0;
    top: auto;
    right: 0;
    margin: 0 auto;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .nav-style-two .owl-nav {
    left: 0;
    bottom: 0;
    top: auto;
    right: 0;
    margin: 0 auto;
    text-align: center;
  }
}

.nav-style-two .owl-nav button.owl-prev,
.nav-style-two .owl-nav button.owl-next {
  color: #ffffff;
  width: 60px;
  height: 60px;
  background: #d7282f;
  border-radius: 50%;
  text-align: center;
  line-height: 65px;
  display: inline-block;
  position: absolute;
  z-index: 1;
}

.nav-style-two .owl-nav button.owl-prev i,
.nav-style-two .owl-nav button.owl-next i {
  color: #ffffff;
  font-size: 18px;
}

.nav-style-two .owl-nav button.owl-prev:hover,
.nav-style-two .owl-nav button.owl-next:hover {
  background-color: rgba(255, 114, 58, 0.2);
}

.nav-style-two .owl-nav button.owl-prev:hover i,
.nav-style-two .owl-nav button.owl-next:hover i {
  color: #d7282f;
}

.nav-style-two .owl-nav .owl-prev {
  right: 0;
  background-color: rgba(255, 114, 58, 0.2) !important;
}

.nav-style-two .owl-nav .owl-prev i {
  color: #d7282f !important;
}

.nav-style-two .owl-nav .owl-prev:hover {
  background-color: #d7282f !important;
}

.nav-style-two .owl-nav .owl-prev:hover i {
  color: #ffffff !important;
}

.nav-style-two .owl-nav .owl-next i {
  color: #ffffff !important;
  opacity: 1 !important;
}

.nav-style-two .owl-nav .owl-next:hover i {
  color: #d7282f !important;
  opacity: 1 !important;
}

.nav-style .owl-nav {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  left: auto;
}

.z-instructors-02 .z-instructors__content {
  background: #d7282f;
  padding: 70px 0 25px 0;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -194px;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.z-instructors-02 .z-instructors__content .semi-title {
  color: #ffffff;
}

.z-instructors-02 .z-instructors__content p {
  color: #ffffff;
  margin-bottom: 10px;
}

.z-instructors-02 .z-instructors__content p span {
  border-left: 1px solid #ffffff;
  padding-left: 15px;
  margin-left: 15px;
}

.z-instructors-02 .z-instructors__content .social-media a {
  color: #ffffff;
  font-size: 19px;
  background-color: transparent;
  width: unset;
  height: unset;
  margin: 0 12px;
}

.z-instructors-02 .z-instructors__content .social-media a:hover {
  color: #2878EB;
}

.z-instructors-02:hover .social-media {
  background-color: transparent;
}

.z-instructors-02:hover .z-instructors__content {
  opacity: 1;
  visibility: visible;
  bottom: 30px;
}

.nav-style-three .owl-nav {
  left: 0;
  right: 0;
  top: 39%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  z-index: 1;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .nav-style-three .owl-nav {
    display: none;
  }
}

.nav-style-three .owl-nav .owl-prev {
  left: -90px;
  background-color: rgba(255, 114, 58, 0.2);
}

.nav-style-three .owl-nav .owl-prev:hover {
  background-color: rgba(255, 114, 58, 0.2);
}

.nav-style-three .owl-nav .owl-prev:hover i {
  color: #ffffff;
}

.nav-style-three .owl-nav .owl-next {
  left: auto;
  right: -90px;
}

.instructor-profile-img {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 582px;
  border-radius: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .instructor-profile-img {
    min-height: 450px;
  }
}

@media (max-width: 767px) {
  .instructor-profile-img {
    min-height: 400px;
  }
}

.instructor-profile h2 {
  font-size: 32px;
  border-bottom: 1px solid rgba(164, 157, 157, 0.2);
  padding-bottom: 25px;
  margin-bottom: 40px;
}

.instructor-profile .star-icon a {
  color: #d7282f;
  font-size: 25px;
}

.profile-list {
  overflow: hidden;
}

.profile-list li {
  font-size: 18px;
  float: left;
  width: 48%;
  margin-bottom: 20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .profile-list li {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .profile-list li {
    width: 100%;
  }
}

.profile-list li span {
  color: #1B212F;
}

.profile-list .social-media a {
  font-size: 15px;
  background-color: rgba(255, 114, 58, 0.1);
  width: 30px;
  height: 30px;
  display: inline-block;
  margin: 0 2px;
  line-height: 30px;
}

.profile-list .social-media a:hover {
  color: #ffffff;
  background-color: #d7282f;
}

.work-progress li {
  display: inline-block;
  margin-right: 40px;
}

.work-progress li:last-child {
  margin-right: 0;
}

@media (max-width: 767px) {
  .work-progress li {
    margin-right: 0;
    margin: 0 10px;
  }
}

.chart1 {
  position: relative;
  z-index: 1;
  display: inline-block;
}

.progress-content {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.progress-content h6 {
  color: #1B212F;
  font-size: 16px;
}

.progress-content b {
  font-size: 16px;
  color: #1B212F;
}

.total-stu {
  border-top: 1px solid rgba(164, 157, 157, 0.2);
}

@media (max-width: 767px) {
  .total-stu span {
    display: block;
    margin-bottom: 15px;
  }
}

.total-stu img {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  margin-right: 5px;
}

.testimonia-active .owl-carousel .owl-stage-outer {
  padding: 50px 100px;
}

.testimonial-authors__avatar {
  width: 85px;
  height: 85px;
  float: left;
  display: inline-block;
  margin-right: 15px;
}

.testimonial-authors__avatar img {
  display: inline-block;
}

@media (max-width: 767px) {
  .testimonial-authors__avatar {
    float: none;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial-authors__avatar {
    float: left;
  }
}

.testimonial-authors__content {
  overflow: hidden;
}

.testimonial-authors__content .sub-title {
  font-weight: 500;
}

.testimonial-authors__content p {
  color: #d7282f;
  font-weight: 500;
}

.testimonial-wrapper {
  border-radius: 10px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.04);
  padding: 25px 30px 25px 30px;
  margin: 25px 15px 50px 15px;
}

.testimonial-wrapper .quote-icon {
  display: inline-block;
}

.testimonial-wrapper .quote-icon img {
  width: 42px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-wrapper {
    padding: 25px 10px 25px 20px;
  }
}

@media (max-width: 767px) {
  .testimonial-wrapper {
    padding: 25px 10px 25px 15px;
  }
}

.testimonial-pad .testimonial-wrapper {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.09);
}

.slick-dots {
  position: absolute;
  z-index: 7;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  bottom: -30px;
}

.slick-dots li {
  display: inline-block;
}

.slick-dots li button {
  text-indent: -10000px;
  padding: 0;
  background: 0;
  border: 2px solid #d7282f !important;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 3px;
}

.slick-dots li.active button {
  background-color: #d7282f;
}

.owl-dots {
  position: absolute;
  z-index: 7;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  bottom: 0;
}

.owl-dots .owl-dot {
  padding: 0;
  background: 0;
  border: 2px solid #d7282f !important;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 3px;
}

.owl-dots .owl-dot.active {
  background-color: #d7282f;
}

.testimonial-bg {
  background: url(../img/testimonial/map-dot.png) no-repeat;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 100%;
}

.test-wrapper-full {
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-right: 55px;
  padding-left: 55px;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .test-wrapper-full {
    padding-right: 0;
    padding-left: 0;
    margin: 30px 0px 60px 0px;
  }
}

.test-wrapper-full h5 {
  font-size: 20px;
  line-height: 1.7;
  font-weight: 400;
}

@media (max-width: 767px) {
  .test-wrapper-full h5 {
    font-size: 18px;
  }
}

.test-wrapper-full .testimonial-authors__content p {
  color: #707070;
}

.testimonial-authors-img-list {
  height: 300px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-authors-img-list {
    display: none;
  }
}

@media (max-width: 767px) {
  .testimonial-authors-img-list {
    display: none;
  }
}

.testimonial-authors-img-list .testi {
  position: absolute;
}

.testimonial-authors-img-list .testi.t-img-01 {
  left: 221px;
  top: 0;
}

.testimonial-authors-img-list .testi.t-img-02 {
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 20px;
}

.testimonial-authors-img-list .testi.t-img-03 {
  right: 250px;
  top: 20px;
}

.testimonial-authors-img-list .testi.t-img-04 {
  left: 40px;
  top: 180px;
}

.testimonial-authors-img-list .testi.t-img-05 {
  left: 368px;
  top: 135px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .testimonial-authors-img-list .testi.t-img-05 {
    left: 300px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-authors-img-list .testi.t-img-05 {
    left: 200px;
  }
}

.testimonial-authors-img-list .testi.t-img-06 {
  right: 380px;
  top: 170px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .testimonial-authors-img-list .testi.t-img-06 {
    right: 310px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-authors-img-list .testi.t-img-06 {
    right: 210px;
  }
}

.testimonial-authors-img-list .testi.t-img-08 {
  right: 40px;
  top: 147px;
}

.nav-style-chevron .owl-nav {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}

.nav-style-chevron .owl-nav button.owl-prev,
.nav-style-chevron .owl-nav button.owl-next {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: inline-block;
  background-color: #d7282f;
  line-height: 60px;
  position: absolute;
}

.nav-style-chevron .owl-nav button.owl-prev i,
.nav-style-chevron .owl-nav button.owl-next i {
  color: #ffffff;
  font-size: 20px;
}

.nav-style-chevron .owl-nav .owl-prev {
  left: -85px;
  top: 50px;
  background-color: rgba(255, 114, 58, 0.15) !important;
}

.nav-style-chevron .owl-nav .owl-prev i {
  color: #d7282f !important;
}

.nav-style-chevron .owl-nav .owl-prev:hover {
  background-color: #d7282f !important;
}

.nav-style-chevron .owl-nav .owl-prev:hover i {
  color: #ffffff !important;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-chevron .owl-nav .owl-prev {
    left: -30px;
  }
}

.nav-style-chevron .owl-nav .owl-next {
  top: 50px;
  left: auto;
  right: -85px !important;
  background-color: rgba(255, 114, 58, 0.2);
}

.nav-style-chevron .owl-nav .owl-next i {
  color: #ffffff !important;
  opacity: 1 !important;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-chevron .owl-nav .owl-next {
    right: -30px !important;
  }
}

.nav-style-chevron .owl-nav .owl-next:hover {
  background-color: rgba(255, 114, 58, 0.15) !important;
}

.nav-style-chevron .owl-nav .owl-next:hover i {
  color: #d7282f !important;
}

.instructor-blur {
  width: 583px;
  height: 624px;
  background: #f14d5d;
  opacity: 0.05;
  filter: blur(50px);
  -webkit-filter: blur(50px);
  -moz-filter: blur(50px);
  -o-filter: blur(50px);
  position: absolute;
  left: 18%;
  top: 130px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .instructor-blur {
    display: none;
  }
}

@media (max-width: 767px) {
  .instructor-blur {
    display: none;
  }
}

.test-wrapper-3 {
  padding: 47px 30px 13px 30px;
  margin-top: 50px;
}

@media (max-width: 767px) {
  .test-wrapper-3 {
    padding: 47px 15px 13px 15px;
    margin: 50px 1px 60px 1px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .test-wrapper-3 {
    padding: 47px 15px 13px 15px;
    margin: 50px 10px 60px 10px;
  }
}

.test-wrapper-3 .quote-icon {
  display: inline-block;
  position: absolute;
  right: 50px;
  top: 15px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .test-wrapper-3 .testimonial-authors__content .sub-title {
    font-size: 22px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .test-wrapper-3 .testimonial-authors__content .sub-title {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .test-wrapper-3 .testimonial-authors__content .sub-title {
    font-size: 20px;
  }
}

.star-icon a {
  color: #FDC25C;
  font-size: 15px;
  margin-right: 3px;
  display: inline-block;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .blog-area {
    margin: 0 0 0 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .blog-area {
    margin: 0 0 0 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-area {
    margin: 0 0 0 0;
  }
}

@media (max-width: 767px) {
  .blog-area {
    margin: 0 0 0 0;
  }
}

.z-blogs {
  border-radius: 10px;
  background: #ffffff;
  -webkit-box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.05);
          box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.05);
}

.z-blogs__thumb {
  overflow: hidden;
  border-radius: 10px;
}

.z-blogs__thumb img {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

@media (max-width: 767px) {
  .z-blogs__thumb img {
    width: 100%;
  }
}

.z-blogs h5 {
  color: #d7282f;
  font-weight: 500;
  text-transform: uppercase;
}

.z-blogs .sub-title {
  color: #1B212F;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .z-blogs .sub-title {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .z-blogs .sub-title {
    font-size: 22px;
  }
}

.z-blogs__meta {
  border-top: 1px solid rgba(27, 33, 47, 0.1);
}

.z-blogs__meta span {
  color: #1B212F;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .z-blogs__meta span {
    font-size: 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .z-blogs__meta span {
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .z-blogs__meta span {
    font-size: 15px;
  }
}

.z-blogs__content {
  padding: 0 25px 30px 25px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .z-blogs__content {
    padding: 0 15px 30px 15px;
  }
}

@media (max-width: 767px) {
  .z-blogs__content {
    padding: 0 15px 30px 15px;
  }
}

.z-blogs:hover .z-blogs__thumb img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.z-blogs:hover .sub-title {
  color: #d7282f;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .blog-bg {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-bg {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 767px) {
  .blog-bg {
    padding-left: 0;
    padding-right: 0;
  }
}

.z-blogs__content-02 {
  padding: 0 30px 25px 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .z-blogs__content-02 {
    padding: 0 15px 25px 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .z-blogs__content-02 {
    padding: 0 15px 25px 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .z-blogs__content-02 {
    padding: 0 15px 25px 15px;
  }
}

@media (max-width: 767px) {
  .z-blogs__content-02 {
    padding: 0 15px 25px 15px;
  }
}

.z-blogs__content-02 .z-blogs__meta {
  border: 0;
}

.z-blogs__content-02 .z-blogs__meta span {
  color: #707070;
}

.z-blogs__content-02 .z-blogs__meta span img {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.z-blogs__content-02 .sub-title {
  font-weight: 700;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .z-blogs__content-02 .sub-title {
    font-size: 22px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .z-blogs__content-02 .sub-title {
    font-size: 20px;
  }
}

.z-blogs-3 .blog__tags span {
  color: #d7282f;
  font-size: 16px;
  line-height: 1;
  background-color: rgba(255, 114, 58, 0.1);
  padding: 14px 29px;
  border-radius: 40px;
  display: inline-block;
  margin-right: 7px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .z-blogs-3 .blog__tags span {
    margin-right: 3px;
    padding: 14px 20px;
  }
}

@media (max-width: 767px) {
  .z-blogs-3 .blog__tags span {
    margin-right: 4px;
    padding: 14px 25px;
  }
}

.z-blogs-3 .blog__tags span:last-child {
  color: #F14D5D;
  background-color: rgba(241, 77, 93, 0.1);
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .z-blogs-3 .z-blogs__content {
    padding: 0 15px 30px 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .z-blogs-3 .z-blogs__content {
    padding: 0 20px 30px 20px;
  }
}

@media (max-width: 767px) {
  .z-blogs-3 .z-blogs__content {
    padding: 0 15px 30px 15px;
  }
}

.z-blogs-3 .z-blogs__content .sub-title {
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(27, 33, 47, 0.1);
}

.z-blogs-3 .z-blogs__content .z-blogs__meta {
  border: 0;
}

.z-blogs-3 .z-blogs__content .z-blogs__meta span {
  color: #1B212F;
  font-weight: 500;
}

.z-blogs-3 .z-blogs__content .z-blogs__meta span img {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.blog-details-box h2 {
  font-size: 46px;
  line-height: 1.4;
  margin-bottom: 15px;
}

@media (max-width: 767px) {
  .blog-details-box h2 {
    font-size: 30px;
  }
}

.blog-details-box .blogs__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.blog-details-box .blogs__meta li {
  margin-right: 40px;
  margin-bottom: 10px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .blog-details-box .blogs__meta li {
    margin-right: 10px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .blog-details-box .blogs__meta li {
    margin-right: 0px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
  }
}

.blog-details-box .blogs__meta .blog-author {
  color: #1B212F;
  font-size: 20px;
  font-weight: 700;
}

.blog-details-box .blogs__meta span {
  color: #707070;
  font-size: 18px;
}

.blog-details-box .blogs__meta span img {
  margin-right: 7px;
}

.blog-details-box .blog-details-img {
  display: inline-block;
  border-radius: 5px;
}

.blog-details-social a {
  font-size: 20px;
  padding-left: 28px;
  width: unset;
  height: unset;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .blog-details-social a {
    padding-left: 10px;
  }
}

.blog-details-social a:hover {
  color: #d7282f;
}

.blog-details-social a:first-child {
  color: #516EAB;
}

.blog-details-social a:nth-child(2) {
  color: #F62968;
}

.blog-details-social a:nth-child(3) {
  color: #CA212A;
}

.blog-details-social a:last-child {
  color: #29C5F6;
}

.blog-details-title {
  font-size: 30px;
}

@media (max-width: 767px) {
  .blog-details-title {
    font-size: 25px;
  }
}

.blog-quote-box {
  background-color: rgba(255, 114, 58, 0.05);
  padding: 30px 80px 30px 40px;
}

@media (max-width: 767px) {
  .blog-quote-box {
    padding: 30px 15px 30px 15px;
  }
}

.blog-quote-box .quote-icon {
  float: left;
  margin-right: 20px;
}

@media (max-width: 767px) {
  .blog-quote-box .quote-icon {
    float: none;
    margin-bottom: 15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-quote-box .quote-icon {
    float: left;
  }
}

.blog-quote-box .quote__text {
  overflow: hidden;
}

.blog-quote-box .quote__text p {
  margin-bottom: 20px;
}

.video-details-area {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 403px;
  border-radius: 5px;
  position: relative;
  z-index: 1;
}

.video-details-area .popup-video {
  width: 65px;
  height: 65px;
  line-height: 65px;
  font-size: 11px;
  position: absolute;
  top: 50%;
  text-align: center;
  margin: 0 auto;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.video-details-area .popup-video:hover {
  background-color: #2878EB;
}

.blog-details-list li {
  color: #1B212F;
  font-size: 16px;
  margin-bottom: 2px;
  padding-left: 28px;
  position: relative;
  z-index: 1;
}

.blog-details-list li::before {
  position: absolute;
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  left: 0;
  top: 22px;
  z-index: 1;
}

.blog-details-img-box {
  border-radius: 5px;
}

.author__box {
  overflow: hidden;
}

.author__box .author-img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  float: left;
  margin-right: 30px;
  border: 3px solid #d7282f;
}

@media (max-width: 767px) {
  .author__box .author-img {
    margin-right: 10px;
  }
}

.author__box-text {
  margin-top: 35px;
}

.author__box-text .sub-tilte {
  font-weight: 700;
  color: #1B212F;
  margin-bottom: 8px;
}

.author__box-text p {
  color: #d7282f;
}

.blog-details-author {
  border: 1px solid rgba(112, 112, 112, 0.1);
  border-radius: 5px;
  padding: 30px 40px 0 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .blog-details-author {
    padding: 30px 0 0 0;
  }
}

@media (max-width: 767px) {
  .blog-details-author {
    padding: 30px 0 0 0;
  }
}

@media (max-width: 767px) {
  .blog-details-author .blog-details-social {
    padding-left: 0;
  }
}

.blog-details-author .blog-details-social a {
  font-size: 24px;
}

.blog-details-author .blog-details-social a:hover {
  color: #d7282f;
}

.comments__author img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  float: left;
  border: 3px solid #d7282f;
  margin-right: 20px;
}

@media (max-width: 767px) {
  .comments__author img {
    float: none;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .comments__author img {
    float: left;
    margin-bottom: 0;
  }
}

.single-comments {
  border: 1px solid rgba(112, 112, 112, 0.1);
  padding: 30px 50px 30px 20px;
}

@media (max-width: 767px) {
  .single-comments {
    padding: 30px 15px 30px 15px;
  }
}

.single-comments .comments__text {
  overflow: hidden;
}

.single-comments .comments__text .sub-tilte {
  font-weight: 700;
}

.single-comments .comments__text .date-text {
  font-size: 16px;
  font-weight: 400;
  color: #707070;
}

@media (max-width: 767px) {
  .single-comments .comments__text .date-text {
    font-size: 15px;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}

.single-comments .comments__text .reply {
  color: #d7282f;
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase;
  display: inline-block;
}

.comments-form-area {
  border: 1px solid rgba(112, 112, 112, 0.2);
  padding: 35px 40px;
}

@media (max-width: 767px) {
  .comments-form-area {
    padding: 35px 15px;
  }
}

.comments-form-area h2 {
  font-size: 36px;
  margin-bottom: 40px;
}

.comments-form input {
  color: #707070;
  font-size: 16px;
  height: 60px;
  width: 100%;
  border-radius: 5px;
  border: 1px solid rgba(112, 112, 112, 0.2);
  padding-left: 30px;
  display: inline-block;
}

.comments-form input:focus {
  border-color: #d7282f;
}

.comments-form textarea {
  color: #707070;
  font-size: 16px;
  height: 250px;
  width: 100%;
  border-radius: 5px;
  border: 1px solid rgba(112, 112, 112, 0.2);
  padding-top: 28px;
  padding-left: 30px;
  display: inline-block;
  resize: none;
}

.comments-form textarea:focus {
  border-color: #d7282f;
}

.comment_btn {
  border: 0;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.widget {
  border: 1px solid rgba(112, 112, 112, 0.1);
  border-radius: 5px;
}

.widget .sub-title {
  font-weight: 700;
  border: 1px solid rgba(112, 112, 112, 0.1);
  padding-left: 20px;
}

.blog-search-widget {
  padding: 60px 20px;
}

@media (max-width: 767px) {
  .blog-search-widget {
    padding: 60px 15px;
  }
}

.blog-search-widget input {
  height: 50px;
  border-radius: 25px;
  background: #ffffff;
  -webkit-box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.08);
          box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.08);
  border: 0;
}

.cat-btn {
  padding: 0 10px 20px 10px;
}


@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .cat-btn {
    padding: 0 5px 20px 5px;
  }
}

.cat-btn a {
  color: #707070;
  font-size: 14px;
  line-height: 1;
  padding: 14px 20px !important;
  border-width: 2px;
  display: inline-block;
  margin: 10px 5px !important;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .cat-btn a {
    padding: 14px 15px !important;
  }
}

.blog-recent-post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.blog-recent-post li {
  padding: 10px 12px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-recent-post li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33%;
            flex: 0 0 33%;
    max-width: 33%;
  }
}

@media (max-width: 767px) {
  .blog-recent-post li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

.posts__thumb {
  display: block;
  border-radius: 5px;
  position: relative;
  z-index: 1;
}

.posts__thumb::before {
  content: '';
  position: absolute;
  background-color: #1B212F;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 5px;
  opacity: 0.3;
  -webkit-transform: scale(0);
          transform: scale(0);
  z-index: 1;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.posts__thumb img {
  width: 100%;
}

.posts p {
  margin-bottom: 4px;
}

.posts h6 {
  font-weight: 600;
  line-height: 1.6;
}

.posts h6:hover {
  color: #d7282f;
}

.posts:hover .posts__thumb::before {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.blog-social-widget {
  padding-left: 20px;
}

.blog-social-widget .social-media a {
  font-size: 17px;
  background-color: rgba(255, 114, 58, 0.1);
  width: 40px;
  height: 40px;
  line-height: 40px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.blog-social-widget .social-media a:hover {
  color: #ffffff;
  background-color: #d7282f;
}

.subscribe-wrapper h2 {
  font-size: 50px;
  margin-bottom: 28px;
}

@media (max-width: 767px) {
  .subscribe-wrapper h2 {
    font-size: 35px;
  }
}

.subscribe-form input {
  color: #AFAFAF;
  font-size: 16px;
  width: 650.5px;
  height: 60px;
  border-radius: 30px;
  background-color: #ffffff;
  -webkit-box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.1);
          box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.1);
  border: 0;
  padding-left: 40px;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .subscribe-form input {
    width: 100%;
    margin-bottom: 15px;
  }
}

.subscribe-form-box {
  display: inline-block;
}

@media (max-width: 767px) {
  .subscribe-form-box {
    display: block;
  }
}

.subscribe-form-box .sub_btn {
  border: 0;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  padding: 19px 31px;
  display: inline-block;
  background-color: #2878EB;
  border-radius: 40px;
  line-height: 1;
  text-transform: uppercase;
  position: absolute;
  right: 5px;
  top: 4px;
  z-index: 1;
}

@media (max-width: 767px) {
  .subscribe-form-box .sub_btn {
    position: relative;
    width: 100%;
  }
}

.subscribe-form-box .sub_btn:hover {
  background-color: #1b68d7;
}

.subscribe-two {
  padding: 75px 75px 30px 75px;
  border-radius: 10px;
  position: relative;
  z-index: 5;
  margin-bottom: -125px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .subscribe-two {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .subscribe-two {
    padding: 75px 15px 30px 15px;
    margin-bottom: 0;
  }
}

.subscribe-two .subscribe-wrapper {
  position: relative;
  z-index: 2;
}

.subscribe-two .subscribe-wrapper h2 {
  color: #ffffff;
  font-size: 20px;
  line-height: 1.5;
}

.cta-shape {
  position: absolute;
  z-index: 1;
}

.cta-shape.shape_01 {
  right: 58px;
  top: 0;
}

.cta-shape.shape_02 {
  left: 27%;
  bottom: 10px;
  -webkit-animation: zoomInUp infinite 5s linear;
          animation: zoomInUp infinite 5s linear;
}

.cta-shape.shape_03 {
  right: 45%;
  top: 53px;
}

.cta-shape.shape_04 {
  right: 25%;
  bottom: 17px;
}

.cta-shape.shape_05 {
  left: 13.5%;
  top: 0;
}

@media (max-width: 767px) {
  .cta-shape.shape_05 {
    display: none;
  }
}

.cta-shape.shape_06 {
  left: 113px;
  top: 50px;
  -webkit-animation: rotateme infinite 5s linear;
          animation: rotateme infinite 5s linear;
}

.cta-shape.shape_07 {
  right: 37px;
  bottom: 44px;
}

.cta-shape.shape_08 {
  top: 53px;
  left: 113px;
}

.sub-form-2 input {
  width: 495px;
  max-width: 100%;
  margin-left: 65px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .sub-form-2 input {
    margin-left: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .sub-form-2 input {
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sub-form-2 input {
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .sub-form-2 input {
    margin-left: 0;
  }
}

.contact-img {
  position: relative;
  z-index: 1;
}

.contact-img::before {
  content: '';
  position: absolute;
  background-color: rgba(255, 114, 58, 0.1);
  width: 475px;
  height: 475px;
  border-radius: 50%;
  left: -98px;
  top: -55px;
  z-index: -1;
}

@media (max-width: 767px) {
  .contact-img::before {
    width: 100%;
    height: 100%;
    left: 0;
  }
}

.contact-img-02::before {
  width: 364px;
  height: 316px;
  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
          clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  border-radius: 0;
  right: -60px;
  left: auto;
  top: -115px;
  -webkit-transform: rotate(-48deg);
          transform: rotate(-48deg);
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .contact-img-02::before {
    right: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .contact-img-02::before {
    right: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-img-02::before {
    right: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}

@media (max-width: 767px) {
  .contact-img-02::before {
    right: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .contact-wrapper {
    padding-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-wrapper {
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .contact-wrapper {
    padding-left: 0;
  }
}

.single-contact-box {
  background-color: rgba(142, 102, 255, 0.05);
  padding: 45px 115px;
  border-radius: 5px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .single-contact-box {
    padding: 45px 50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .single-contact-box {
    padding: 45px 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-contact-box {
    padding: 45px 50px;
  }
}

@media (max-width: 767px) {
  .single-contact-box {
    padding: 45px 15px;
  }
}

.single-contact-box .contact__iocn {
  background: #8E66FF;
  width: 60px;
  height: 60px;
  text-align: center;
  border-radius: 50%;
  line-height: 59px;
  margin-right: 30px;
  display: inline-block;
  float: left;
}

@media (max-width: 767px) {
  .single-contact-box .contact__iocn {
    float: none;
    margin-bottom: 15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-contact-box .contact__iocn {
    float: left;
    margin-bottom: 0;
  }
}

.single-contact-box .contact__text h5 {
  color: #1B212F;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
}

.cb-2 {
  background-color: rgba(241, 77, 93, 0.05);
}

.cb-2 .contact__iocn {
  background-color: #F14D5D;
}

.cb-3 {
  background-color: rgba(255, 114, 58, 0.05);
}

.cb-3 .contact__iocn {
  background-color: #d7282f;
}

.conatct-map iframe {
  width: 100%;
  min-height: 600px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .conatct-map iframe {
    min-height: 450px;
  }
}

@media (max-width: 767px) {
  .conatct-map iframe {
    min-height: 400px;
  }
}

.contact-form input {
  font-weight: 600;
}

.contact-form textarea {
  font-weight: 600;
	
}

.contact-form-wrapper .message_btn {
  border: 0;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 24px 84px;
  border-radius: 5px;
}

@media (max-width: 767px) {
  .contact-form-wrapper .message_btn {
    padding: 24px 70px;
  }
}

.popular-videos-area .owl-carousel .owl-stage {
  position: relative;
  padding: 0 0 100px 15px;
}

.popular-videos-area.nav-style-two .slick-list {
  padding-bottom: 100px;
  padding-left: 15px;
}

.popular-videos-area.nav-style-two .slick-slider button {
  border: 0;
  background: #d7282f;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  padding: 0;
  position: absolute;
  z-index: 3;
  bottom: 60px;
}

.popular-videos-area.nav-style-two .slick-slider button.slick-prev.slick-arrow {
  position: absolute;
  left: 345px;
  background-color: rgba(255, 114, 58, 0.2);
  color: #d7282f;
}

.popular-videos-area.nav-style-two .slick-slider button.slick-prev.slick-arrow:hover {
  color: #ffffff;
  background-color: #d7282f;
}

.popular-videos-area.nav-style-two .slick-slider button.slick-next.slick-arrow {
  position: absolute;
  left: 406px;
}

.popular-videos-area.nav-style-two .slick-slider button.slick-next.slick-arrow:hover {
  background-color: rgba(255, 114, 58, 0.2);
  color: #d7282f;
}

.video__content {
  display: inline-block;
  width: 324px;
  border-radius: 5px;
  background: #ffffff;
  -webkit-box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.08);
          box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.08);
  padding: 40px 30px 32px 30px;
  position: absolute;
  left: -12px;
  bottom: -38px;
  z-index: 1;
}

.video__content h4 {
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 15px;
}

.video__content p {
  margin-bottom: 30px;
}

.video__thumb img {
  border-radius: 5px;
}

.video__thumb .popup-video {
  width: 54px;
  height: 54px;
  line-height: 54px;
  position: absolute;
  left: 18px;
  bottom: 18px;
  background: #ffffff;
  color: #d7282f;
}

.video__thumb .popup-video:hover {
  color: #ffffff;
  background-color: #d7282f;
}

.popular-videos-wrapper .video__thumb {
  background-size: cover;
  background-position: center;
  min-height: 630px;
  width: 100%;
  background-repeat: no-repeat;
  border-radius: 5px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .popular-videos-wrapper .video__thumb {
    min-height: 440px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .popular-videos-wrapper .video__thumb {
    min-height: 400px;
  }
}

@media (max-width: 767px) {
  .popular-videos-wrapper .video__thumb {
    min-height: 400px;
  }
}

.popular-videos-wrapper .video__thumb img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.popular-videos-wrapper .video__thumb .popup-video {
  width: 70px;
  height: 70px;
  line-height: 70px;
  left: auto;
  bottom: auto;
  top: 30px;
  right: 30px;
}

.counters {
  background-color: rgba(255, 114, 58, 0.1);
  border-radius: 5px;
  padding: 40px 40px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .counters {
    padding: 40px 25px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .counters {
    padding: 40px 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .counters {
    padding: 40px 25px;
  }
}

@media (max-width: 767px) {
  .counters {
    padding: 40px 15px;
  }
}

.counters h2 {
  color: #d7282f;
  font-size: 46px;
  margin-bottom: 20px;
}

.counters h5 {
  font-size: 20px;
  line-height: 1.4;
}

.count-1 {
  background-color: rgba(142, 102, 255, 0.1);
}

.count-1 h2 {
  color: #8E66FF;
}

.count-2 {
  background-color: rgba(241, 77, 93, 0.1);
}

.count-2 h2 {
  color: #F14D5D;
}

.count-3 {
  background-color: rgba(40, 120, 235, 0.1);
}

.count-3 h2 {
  color: #2878EB;
}

.video__thumb-width img {
  width: 100%;
}

.faq-blur-bg {
  width: 707px;
  height: 758px;
  background: #ffffff;
  opacity: 0.05;
  filter: blur(50px);
  -webkit-filter: blur(50px);
  -moz-filter: blur(50px);
  -o-filter: blur(50px);
  position: absolute;
  left: 17.70%;
  top: 130px;
  z-index: -1;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .faq-blur-bg {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq-blur-bg {
    display: none;
  }
}

@media (max-width: 767px) {
  .faq-blur-bg {
    display: none;
  }
}

.faq-img-wrapper {
  -webkit-animation: float-bob-y infinite 5s linear;
          animation: float-bob-y infinite 5s linear;
}

.faq-img-wrapper .faq_01 {
  position: relative;
  z-index: 2;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .faq-img-wrapper .faq_01 {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq-img-wrapper .faq_01 {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .faq-img-wrapper .faq_01 {
    width: 100%;
  }
}

.faq-img-wrapper .faq_02 {
  position: absolute;
  bottom: 0;
  z-index: -1;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .faq-img-wrapper .faq_02 {
    width: 100%;
    left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq-img-wrapper .faq_02 {
    width: 100%;
    left: 0;
  }
}

@media (max-width: 767px) {
  .faq-img-wrapper .faq_02 {
    width: 100%;
    left: 0;
  }
}

.faq-que-list {
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .faq-que-list {
    padding-left: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .faq-que-list {
    padding-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq-que-list {
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .faq-que-list {
    padding-left: 0;
  }
}

.accordion .accordion-item {
  background-color: #fff;
  border: 0;
}

.accordion .accordion-button {
  font-size: 16px;
  color: #303030;
  text-align: left;
  background-color: #fff;
  border: 0;
  border-radius: 0;
  -webkit-transition: unset;
  transition: unset;
  font-weight: 500;
  border-radius: 5px;
  -webkit-box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.05);
          box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.05);
  padding: 20px 40px;
  position: relative;
}

.accordion .accordion-button:focus {
  z-index: 3;
  border-color: #86b7fe;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.accordion .accordion-button::after {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: unset;
  height: unset;
  margin-left: auto;
  content: "\f067";
  position: absolute;
  font-family: "Font Awesome 5 pro";
  font-size: 13px;
  background-image: unset;
  background-repeat: no-repeat;
  background-size: unset;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  left: 25px;
  top: 40%;
  z-index: 1;
}

.accordion .accordion-button:not(.collapsed)::after {
  content: "\f068";
  background-image: unset;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.accordion-two .collapsed {
  border: 1px solid rgba(255, 114, 58, 0.2) !important;
  border-radius: 5px;
  background-color: transparent !important;
}

.accordion-two .accordion-button {
  color: #1B212F;
  font-size: 22px !important;
  font-weight: 600;
  background-color: rgba(255, 114, 58, 0.05);
  border-color: rgba(255, 114, 58, 0.05);
  border-radius: 5px;
  padding-left: 40px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.accordion-two .accordion-button::after {
  color: #d7282f;
  content: "\f078";
  left: auto;
  right: 25px;
}

.accordion-two .accordion-button:not(.collapsed)::after {
  content: "\f078";
}

.accordion-two .accordion-body {
  background-color: rgba(255, 114, 58, 0.05);
  padding-top: 0;
}

.accordion-two .accordion-body p {
  font-size: 18px;
  padding: 0 65px 0 20px;
}

.faq_btn {
  border-radius: 5px;
}

.about-section-wrapper .what-blur-shape-two {
  width: 731px;
  height: 697px;
  right: 9%;
  z-index: -1;
  bottom: 160px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-section-wrapper .what-blur-shape-two {
    display: none;
  }
}

@media (max-width: 767px) {
  .about-section-wrapper .what-blur-shape-two {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .about-main-thumb {
    padding-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-main-thumb {
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .about-main-thumb {
    padding-left: 0;
    width: 100%;
  }
}

.about__img__box {
  position: relative;
  z-index: 1;
}

.about__img__box .about-img {
  position: absolute;
}

.about__img__box .about-img.about_01 {
  right: 40px;
  bottom: -30px;
  z-index: 1;
}

@media (max-width: 767px) {
  .about__img__box .about-img.about_01 {
    display: none;
  }
}

.about__img__box .about-img.about_02 {
  left: 0;
  top: 270px;
}

@media (max-width: 767px) {
  .about__img__box .about-img.about_02 {
    display: none;
  }
}

.about__img__box .about-img.about_03 {
  left: 79px;
  bottom: -32px;
  z-index: -1;
  -webkit-animation: rotateme infinite 15s linear;
          animation: rotateme infinite 15s linear;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .about__img__box .about-img.about_03 {
    left: -26px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__img__box .about-img.about_03 {
    left: -26px;
  }
}

@media (max-width: 767px) {
  .about__img__box .about-img.about_03 {
    display: none;
  }
}

@media (max-width: 767px) {
  .about-wrapper .section-title-4 h2 {
    font-size: 25px !important;
  }
}

.plan {
  background-color: #8E66FF;
  padding: 50px 50px 30px 50px;
  border-radius: 5px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .plan {
    padding: 50px 15px 30px 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .plan {
    padding: 50px 25px 30px 25px;
  }
}

@media (max-width: 767px) {
  .plan {
    padding: 50px 15px 30px 15px;
  }
}

.plan .pr__header {
  border-bottom: 2px solid rgba(168, 165, 165, 0.2);
}

.plan .pr__header h2 {
  color: #ffffff;
  font-size: 46px;
  margin-bottom: 25px;
}

.plan .pr__header h5 {
  color: #ffffff;
  font-size: 20px;
  margin-bottom: 30px;
}

.plan .pr__header .pr-icon {
  margin-bottom: 25px;
}

.plan .pr__body .old-price {
  color: rgba(255, 255, 255, 0.15);
  font-size: 30px;
  font-weight: 500;
  text-decoration: line-through;
}

.plan .pr__body h2 b {
  color: #ffffff;
  font-size: 40px;
}

.plan .pr__body h2 b sup {
  font-size: 14px;
  top: -17px;
}

.plan .pr__body h2 b .new-price {
  font-size: 16px;
  font-weight: 500;
}

.plan .pr__body .price-list {
  text-align: left;
}

.plan .pr__body .price-list li {
  color: #ffffff;
  font-size: 16px;
  margin-bottom: 22px;
  padding-left: 42px;
  position: relative;
  z-index: 1;
}

.plan .pr__body .price-list li::before {
  content: '\f00c';
  position: absolute;
  font-family: 'Font Awesome 5 pro';
  font-size: 18px;
  left: 0;
  top: 0;
  z-index: 1;
}

.price_btn {
  background: transparent;
  border: 2px solid #ffffff;
  padding: 16px 78px;
  font-weight: 500;
  text-transform: uppercase;
}

.price_btn:hover, .price_btn.active {
  color: #d7282f;
  background-color: #ffffff;
}

.price_btn.active:hover {
  color: #ffffff;
  background-color: transparent;
}

.plan-2 {
  background-color: #d7282f;
}

.plan-2a {
  background-color: #F14D5D;
}

.plan-tab .nav-tabs {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 0;
}

.plan-tab .nav-tabs .nav-link {
  margin-bottom: -1px;
  background: 0 0;
  border: 1px solid transparent;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  background-color: rgba(255, 114, 58, 0.1);
  border: 0;
  color: #d7282f;
  text-transform: uppercase;
  padding: 19px 39px;
  margin: 10px 10px;
}

.plan-tab .nav-tabs .nav-link.active {
  color: #ffffff;
  background-color: #d7282f;
}

.footer__social a {
  background-color: rgba(255, 114, 58, 0.1);
  width: 39px;
  height: 39px;
  font-size: 16px;
  line-height: 39px;
}

.footer__social a:hover {
  color: #ffffff;
  background-color: #d7282f;
}

.footer__widget .widget-title {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}

.fot-list a {
  color: #707070;
  display: inline-block;
  margin-bottom: 20px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.fot-list a:hover {
  color: #d7282f;
}

.copy-right-area.border-bot {
  border: 0;
  border-top: 1px solid rgba(112, 112, 112, 0.1);
}

.copy-right-area .copyright h5 {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

.copy-right-area .copyright h5 a {
  font-weight: 700;
}

.border-bot {
  border-bottom: 1px solid rgba(112, 112, 112, 0.1);
}

.border-bot-2 {
  border-bottom: 1px solid rgba(255, 114, 58, 0.2);
}

.footer-area-2 {
  position: relative;
  z-index: 1;
}

.footer-area-2::before {
  content: '';
  position: absolute;
  width: 515px;
  height: 552px;
  background: #f14d5d;
  opacity: 0.03;
  filter: 50px;
  -webkit-filter: blur(50px);
  -moz-filter: blur(50px);
  -o-filter: blur(50px);
  right: 20.57%;
  bottom: 65px;
  z-index: -1;
}

.footer-area-2 .widget-title {
  text-transform: capitalize;
}

.footer__widget__two .mail-to {
  color: #d7282f;
  font-size: 20px;
  font-weight: 500;
}

.footer__widget__two .phone-num {
  color: #1B212F;
}

.footer__widget__two .subscribe-form-box .subscribe-form input {
  font-size: 14px;
  color: #707070;
  width: 300px;
  height: 50px;
  padding-left: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .footer__widget__two .subscribe-form-box .subscribe-form input {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .footer__widget__two .subscribe-form-box .subscribe-form input {
    width: 100%;
  }
}

.footer__widget__two .subscribe-form-box .sub_btn {
  padding: 19px 51px;
  background-color: #d7282f;
  position: unset;
  width: 300px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .footer__widget__two .subscribe-form-box .sub_btn {
    width: 100%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer__widget__two .subscribe-form-box .sub_btn {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__widget__two .subscribe-form-box .sub_btn {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .footer__widget__two .subscribe-form-box .sub_btn {
    width: 100%;
  }
}

.footer__widget__two .footer__social a {
  background-color: #ffffff;
}

.footer__widget__two .footer__social a:hover {
  color: #ffffff;
  background-color: #d7282f;
}

.border-bot-top {
  border-top: 1px solid rgba(255, 114, 58, 0.2);
}

.copyright .fot-list li {
  display: inline-block;
  margin-left: 55px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .copyright .fot-list li {
    margin-left: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .copyright .fot-list li {
    margin-left: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .copyright .fot-list li {
    margin-left: 0px;
    margin-right: 5px;
  }
}

@media (max-width: 767px) {
  .copyright .fot-list li {
    margin-left: 0px;
    margin-right: 20px;
  }
}

.copyright .fot-list li a {
  color: #303030;
}

.footer-bg {
  background-color: #000000;
}

.footer-area {
  position: relative;
  z-index: 1;
}

.footer-area .footer-blur {
  width: 583px;
  height: 619px;
  background: #f14d5d;
  opacity: 0.05;
  filter: blur(50px);
  -webkit-filter: blur(50px);
  -moz-filter: blur(50px);
  -o-filter: blur(50px);
  position: absolute;
  right: 0;
  bottom: 25px;
  border-radius: 50%;
}

.footer-area-2 .footer-blur-bg {
  width: 515px;
  height: 552px;
  background: #f14d5d;
  opacity: 0.03;
  filter: blur(50px);
  -webkit-filter: blur(50px);
  -moz-filter: blur(50px);
  -o-filter: blur(50px);
  position: absolute;
  right: 20.57%;
  bottom: 65px;
  z-index: -1;
}

	/*----------------------------------------------------
/ 27. WHATSAPP BUTTON
------------------------------------------------------*/

.whatsapp-button {
    position: fixed;
	z-index: 20;
    bottom: 10%;
    right: 0%;
	
}

.whatsapp-button img {
    width: 100%;
    height: auto;
	
}

/*----------------------------------------------------
/ 28. VENTANA EMERGENTE
------------------------------------------------------*/

.modalDialog {
	width: 100%;
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}
.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}
.modalDialog > div {
    width: 767px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#f2f2f2, #f2f2f2);
	background: -webkit-linear-gradient(#f2f2f2, #f2f2f2);
	background: -o-linear-gradient(#fff, #f2f2f2);
  -webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
}


@media screen and (max-width:800px) {
    .modalDialog{
        width: 90%;
    }
}

.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
.close:hover { background: #00d9ff; }