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

Template Name: Konfer | Event & Conference HTML Template  

Author:        https://themeforest.net/user/expert-themes

Description:   Description

Version:       1.0.0  

License:       Copyright Commercial  

Primary use:   Event & Conference 

Tags:          event, conference, marketing, business

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

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

# TABLE OF CONTENTS  

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

/*  

1.  Global Variables CSS

2.  Global Typography CSS

3.  Global Settings CSS

4.  Main Header CSS 

5.  Sticky Header CSS

6.  Mobile Menu CSS

7.  Hidden Sidebar CSS

8.  Mega Menu CSS

9.  Section Title CSS

10.  Banner Section CSS

11.  FAQ Section CSS 

12.  Countdown Section CSS  

13.  Gallery Section CSS  

14.  Pricing Section CSS  

15.  Features Section CSS  

16.  About Section CSS  

17.  Marquee Section CSS  

18.  Map Section CSS

19.  Funfacts Section CSS  

20.  Testimonials Section CSS  

21.  Speakers Section CSS  

22.  Subscribe Section CSS 

23.  News Section CSS  

24.  Video Section CSS

25.  Clients Section CSS  

26.  Page Title CSS  

27.  Contact Section CSS  

28.  Error Section CSS  

29.  Service Single CSS  

30.  Blog Section CSS  

31.  Blog Single CSS  

32.  Speaker Single CSS  

33.  Event Single CSS  

34.  Comming Soon CSS  

35.  Shop Section CSS

36.  Shop Single CSS

37.  Cart Section CSS

38.  Checkout Section CSS

39.  Main Footer CSS

*/

@import url("animate.css");

@import url("jquery.fancybox.min.css");

@import url("linear.css");

@import url("swipper.min.css");

@import url("lightcase.css");

@import url("fonts.css");

@import url("fontawesome.css");

@import url("flaticon.css");

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

# Global Variables CSS

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

:root {

  --theme-color-light: #ffffff;

  --theme-color-dark: #000000;

  --theme-color1: #00C46E;

  --theme-color2: #F4E412;

  --theme-color3: #085698;

  --theme-color4: #04988c;

  --text-color: #666666;

  --dark-layout-color: #121212;

  --dark-layout-color-two: #333333;

  --headings-color: var(--theme-color-dark);

  --link-color: var(--theme-color-dark);

  --link-hover-color: var(--theme-color-dark);

  --title-font: "Instrument Sans", sans-serif;

  --text-font: "Inter", sans-serif;

  --body-font-size: 16px;
  --body-font-size2: 24px;

  --body-line-height: 30px;

  --body-font-weight: 400;

  --line-height-heading-h1: 1.1em;

  --line-height-heading: 1.2em;

  --line-height-heading-small: 1.4em;

  --h1-font-size: 128px;

  --h2-font-size: 64px;

  --h3-font-size: 32px;

  --h4-font-size: 24px;

  --h5-font-size: 20px;

  --h6-font-size: 18px;

  --h1-font-weight: 700;

  --h2-font-weight: 700;

  --h3-font-weight: 700;

  --h4-font-weight: 700;

  --h5-font-weight: 700;

  --h6-font-weight: 500;

  --sec-title-subtitle-color: var(--theme-color1);

  --sec-title-subtitle-font-size: 16px;

  --sec-title-subtitle-font-family: var(--title-font);

  --sec-title-subtitle-font-weight: 700;

  --sec-title-subtitle-line-height: 24px;

  --sec-title-color: var(--theme-color-dark);

  --sec-title-font-size: var(--h2-font-size);

  --sec-title-font-family: var(--title-font);

  --sec-title-font-weight: var(--h2-font-weight);

  --theme-light-background: #ffffff;

  --theme-light-background-text-color: var(--headings-color);

  --theme-black: #000000;

  --container-width: 1320px;

  --small-container-width: 1050px;

  --large-container-width: 1640px;

  --container-pt: 120px;

  --container-pb: 120px;

}



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

# Global Typography  

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

::-moz-selection {

  background: var(--theme-color-dark);

  color: #fff;

  text-shadow: none;

}

::selection {

  background: var(--theme-color-dark);

  color: #fff;

  text-shadow: none;

}



:active,

:focus {

  outline: none !important;

}



::-webkit-input-placeholder {

  color: #7c858c;

}



::-moz-input-placeholder {

  color: #7c858c;

}



::-ms-input-placeholder {

  color: #7c858c;

}



body {

  background-color: var(--theme-color-light);

  color: var(--text-color);

  font-size: var(--body-font-size);

  font-family: var(--text-font);

  font-weight: var(--body-font-weight);

  line-height: var(--body-line-height);

}



p, .text {

  color: var(--text-color);

  font-size: var(--body-font-size);

  font-family: var(--text-font);

  font-weight: var(--body-font-weight);

  line-height: var(--body-line-height);

}



/* -------- Headings ---------- */

h1, h2, h3, h4, h5, h6 {

  color: var(--headings-color);

  font-family: var(--title-font);

  position: relative;

  line-height: var(--line-height-heading-);

}

h1 small,

h1 .small, h2 small,

h2 .small, h3 small,

h3 .small, h4 small,

h4 .small, h5 small,

h5 .small, h6 small,

h6 .small {

  font-weight: normal;

  line-height: 1;

  color: var(--headings-color);

}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

  color: inherit;

  font-weight: inherit;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  margin-bottom: 1rem;

}



h1 {

  font-size: var(--h1-font-size);

  font-weight: var(--h1-font-weight);

  line-height: var(--line-height-heading-h1);

}



h2 {

  font-size: var(--h2-font-size);

  font-weight: var(--h2-font-weight);

  line-height: var(--line-height-heading);

}



h3 {

  font-size: var(--h3-font-size);

  font-weight: var(--h3-font-weight);

  line-height: var(--line-height-heading);

}



h4 {

  font-size: var(--h4-font-size);

  font-weight: var(--h4-font-weight);

  line-height: var(--line-height-heading);

}



h5 {

  font-size: var(--h5-font-size);

  font-weight: var(--h5-font-weight);

  line-height: var(--line-height-heading);

}



h6 {

  font-size: var(--h6-font-size);

  font-weight: var(--h6-font-weight);

  line-height: var(--line-height-heading-small);

}



/* -------- Body Text ---------- */

table p {

  margin-bottom: 0;

}



p {

  margin-bottom: 20px;

}

p a:not(.button):not(.btn):hover, p a:not(.button):not(.btn):focus {

  text-decoration: underline;

}



a {

  color: var(--link-color);

  text-decoration: none;

  font-weight: var(--body-font-weight);

  cursor: pointer;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

a:hover, a:focus {

  color: inherit;

  text-decoration: none;

  outline: none;

}

a b, a strong {

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

a img {

  border: none;

}



pre,

ul,

ol,

dl,

dd,

blockquote,

address,

table,

fieldset {

  margin-bottom: 10px;

}



ol, ul {

  list-style-position: inside;

  margin: 0;

  padding: 0;

}



b, strong {

  color: #333;

  font-weight: var(--body-font-weight-bold);

}



iframe {

  border: none !important;

}



/* -------- container  ---------- */

.container .container {

  width: 100%;

}



.container .container,

.container .container-fluid,

.container-fluid .container,

.container-fluid .container-fluid {

  padding-left: 0;

  padding-right: 0;

}



section > .container,

section > .container-fluid {

  padding-top: var(--container-pt);

  padding-bottom: var(--container-pt);

}



@media (min-width: 1400px) {

  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {

    max-width: var(--container-width);

  }

}

/*=== Default Form ===*/

.form-control, .input-text {

  height: calc(2.25rem + 27px);

  padding: 14px 30px;

  outline: 0;

  background-color: #f4f5f8;

  border: 1px solid #f4f5f8;

  color: #686a6f;

  font-size: 0.9rem;

  width: 100%;

}

.form-control::-webkit-input-placeholder, .input-text::-webkit-input-placeholder {

  color: #686a6f;

  opacity: 1;

}

.form-control::-moz-placeholder, .input-text::-moz-placeholder {

  color: #686a6f;

  opacity: 1;

}

.form-control:-ms-input-placeholder, .input-text:-ms-input-placeholder {

  color: #686a6f;

  opacity: 1;

}

.form-control::-ms-input-placeholder, .input-text::-ms-input-placeholder {

  color: #686a6f;

  opacity: 1;

}

.form-control::placeholder, .input-text::placeholder {

  color: #686a6f;

  opacity: 1;

}

.form-control:-ms-input-placeholder, .input-text:-ms-input-placeholder {

  color: #686a6f;

}

.form-control::-ms-input-placeholder, .input-text::-ms-input-placeholder {

  color: #686a6f;

}



textarea.form-control {

  height: auto;

  padding-top: 15px;

  padding-bottom: 15px;

}



/* -------- Dark Theme Styling ---------- */

.dark-layout {

  background-color: var(--theme-color-dark) !important;

  --sec-title-color: var(--theme-color-light);

}

.dark-layout .sticky-header .main-menu .navigation > li > a,

.dark-layout h1, .dark-layout h2, .dark-layout h3, .dark-layout h4, .dark-layout h5, .dark-layout h6 {

  color: var(--theme-color-light);

}

.dark-layout .preloader {

  background-color: var(--theme-color-dark);

}

.dark-layout .preloader:after {

  background-image: url(../images/logo.svg);

}

.dark-layout .sticky-header {

  background-color: var(--theme-color-dark);

}

.dark-layout .hidden-bar .upper-box {

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.dark-layout .hidden-bar .social-links {

  border-top: 1px solid rgba(0, 0, 0, 0.1);

}

.dark-layout .hidden-bar .social-links li {

  border-right: 1px solid rgba(0, 0, 0, 0.1);

}



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

# Global Settings CSS

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

* {

  margin: 0px;

  padding: 0px;

  border: none;

  outline: none;

  font-size: 68%;

}



body.rtl {

  direction: rtl;

  text-align: right;

}



textarea {

  overflow: hidden;

  resize: none;

}



button {

  outline: none !important;

  cursor: pointer;

}



img {

  display: inline-block;

  max-width: 100%;

  height: auto;

}



ul,

li {

  list-style: none;

  padding: 0px;

  margin: 0px;

}



.title a {

  color: inherit;

}



.color1 {

  color: var(--theme-color1);

}



.color2 {

  color: var(--theme-color2);

}



.color3 {

  color: var(--theme-color3);

}



.page-wrapper {

  position: relative;

  margin: 0 auto;

  width: 100%;

  min-width: 300px;

  overflow: hidden;

  z-index: 99;

  background-color: #ffffff;

}



.large-container {

  position: static;

  max-width: var(--large-container-width);

  padding: 0px 15px;

  margin: 0 auto;

  width: 100%;

}



.auto-container {

  position: static;

  max-width: var(--container-width);

  padding: 0px 15px;

  margin: 0 auto;

  width: 100%;

}



.small-container {

  position: static;

  max-width: var(--small-container-width);

  padding: 0px 15px;

  margin: 0 auto;

  width: 100%;

}



.pull-right {

  float: right;

}



.pull-left {

  float: left;

}



.dropdown-toggle::after {

  display: none;

}



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

Scroll To Top style

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

.progress-wrap {

  position: fixed;

  right: 40px;

  bottom: 500px;

  height: 60px;

  width: 60px;

  cursor: pointer;

  display: block;

  border-radius: 50px;

  z-index: 99;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(15px);

          transform: translateY(15px);

  -webkit-transition: all ease 0.5s;

  transition: all ease 0.5s;

  background-color: var(--theme-color2);

}

.progress-wrap.active-progress {

  opacity: 1;

  visibility: visible;

  -webkit-transform: translateY(0);

          transform: translateY(0);

  bottom: 40px;

}

.progress-wrap:hover {

  background-color: var(--theme-color3);

}

.progress-wrap:hover:after {

  color: var(--theme-color-light);

}

.progress-wrap:hover svg.progress-circle path {

  stroke: var(--theme-color2);

}

.progress-wrap:after {

  position: absolute;

  content: "\f062";

  font-weight: 800;

  font-family: "Font Awesome 6 Pro";

  text-align: center;

  line-height: 60px;

  font-size: 20px;

  left: 0;

  top: 0;

  height: 60px;

  width: 60px;

  color: var(--theme-color-dark);

  cursor: pointer;

  display: block;

  z-index: 1;

  -webkit-transition: all 200ms linear;

  transition: all 200ms linear;

}

.progress-wrap svg path {

  fill: none;

}

.progress-wrap svg.progress-circle path {

  stroke: var(--theme-color3);

  stroke-width: 4;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  -webkit-transition: all 200ms linear;

  transition: all 200ms linear;

}



.link-style-one {

  position: relative;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  font-size: 12px;

  line-height: 20px;

  font-weight: 600;

  overflow: hidden;

  letter-spacing: 0.01em;

  text-transform: uppercase;

  font-family: var(--title-font);

  color: var(--theme-color-dark);

}

.link-style-one:before {

  position: absolute;

  left: 0;

  right: 18px;

  bottom: 2px;

  height: 1px;

  background-color: var(--r1);

  content: "";

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.link-style-one i {

  position: relative;

  top: 1px;

  display: block;

  font-size: 14px;

  margin-left: 5px;

  -webkit-transform: rotate(45deg);

          transform: rotate(45deg);

}

.link-style-one:hover {

  color: var(--theme-color1);

}

.link-style-one:hover:before {

  right: 100%;

}



.feature-list {

  position: relative;

}

.feature-list li {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: end;

      -ms-flex-align: end;

          align-items: flex-end;

  gap: 19px;

  margin-bottom: 20px;

}

.feature-list li .icon-box {

  position: relative;

}

.feature-list li .icon-box .icon-check {

  position: relative;

  z-index: 3;

}

.feature-list li .icon-box .check-bg {

  position: absolute;

  bottom: 1px;

  left: -5px;

}

.feature-list li .title {

  position: relative;

  color: var(--theme-color-light);

  padding-top: 3px;

  margin-bottom: 2px;

}

.feature-list li .text {

  position: relative;

  font-size: 14px;

  line-height: 24px;

  color: #BBBBBB;

}



.feature-list-two {

  position: relative;

}

.feature-list-two.two-column {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

.feature-list-two.two-column li {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 50%;

          flex: 0 0 50%;

  width: 50%;

  padding-right: 15px;

}

.feature-list-two li {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 19px;

  margin-bottom: 16px;

}

.feature-list-two li:hover .icon-box .check-two-bg {

  opacity: 0;

}

.feature-list-two li:hover .icon-box .check-two-bg-two {

  opacity: 1;

}

.feature-list-two li:hover .title {

  color: var(--theme-color4);

}

.dark-layout .feature-list-two li:hover .title {

  color: var(--theme-color4);

}

.feature-list-two li .icon-box {

  position: relative;

}

.feature-list-two li .icon-box .icon-check-two {

  position: relative;

  z-index: 3;

}

.feature-list-two li .icon-box .check-two-bg {

  position: absolute;

  bottom: 0;

  left: -3px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.feature-list-two li .icon-box .check-two-bg-two {

  position: absolute;

  bottom: 0;

  left: -3px;

  opacity: 0;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.feature-list-two li .title {

  position: relative;

  color: var(--theme-color-dark);

  margin-bottom: 0;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.dark-layout .feature-list-two li .title {

  color: var(--theme-color-light);

}



/*=== List Style One ===*/

.list-style-one {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  padding: 12px 0;

}

.list-style-one li {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  font-size: 14px;

  font-weight: 500;

  line-height: 20px;

  margin-right: 20px;

  color: var(--theme-color-dark);

  letter-spacing: -0.02em;

}

.list-style-one li:last-child {

  margin-right: 0;

}

.list-style-one li i {

  position: relative;

  top: 1px;

  color: var(--theme-color1);

  font-size: 14px;

  line-height: 1em;

  margin-right: 10px;

}

.list-style-one li a {

  display: block;

  color: var(--theme-color-dark);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.list-style-one li a:hover {

  color: var(--theme-color-light);

}

.list-style-one.light li,

.list-style-one.light a,

.list-style-one.light i {

  color: var(--theme-color-light) !important;

}

.list-style-one.light a:hover {

  text-decoration: underline;

}



.social-icon-one {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  gap: 10px;

}

.social-icon-one li {

  position: relative;

}

.social-icon-one li a {

  position: relative;

  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;

  width: 40px;

  height: 40px;

  border-radius: 50%;

  border: 1px solid var(--theme-color-light);

  color: var(--theme-color-light);

  font-size: 17px;

}

.social-icon-one li a:hover {

  background-color: var(--theme-color2);

  border-color: var(--theme-color2);

  color: var(--theme-color-dark);

}



/*Social Icon Two*/

.social-icon-two {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  gap: 24px;

}

.social-icon-two.light a {

  color: var(--theme-color-light);

}

.social-icon-two li {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.social-icon-two li a {

  position: relative;

  display: block;

  line-height: 1em;

  font-size: 18px;

  color: var(--theme-color-dark);

  text-align: center;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.social-icon-two li a i {

  position: relative;

}

.social-icon-two li a:hover {

  color: var(--theme-color1);

}



.parallax-window {

  min-height: 400px;

  background: transparent;

}



.page-social-icon-box {

  position: fixed;

  top: 50%;

  left: 110px;

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

          transform: translateY(-50%);

  z-index: 999;

}

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

  .page-social-icon-box {

    left: 50px;

  }

}

@media (max-width: 1199.98px) {

  .page-social-icon-box {

    display: none;

  }

}

.rtl .page-social-icon-box {

  left: auto;

  right: 110px;

}

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

  .rtl .page-social-icon-box {

    left: auto;

    right: 50px;

  }

}



.social-icon-three {

  position: relative;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  gap: 12px;

  border-radius: 40px;

  padding: 8px;

  background-color: #150036;

}

.dark-layout .social-icon-three {

  background-color: #eeeeee;

}

.social-icon-three a {

  position: relative;

  width: 64px;

  height: 64px;

  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;

  border-radius: 50%;

  color: var(--theme-color-light);

  font-size: 22px;

  background-color: transparent;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.dark-layout .social-icon-three a {

  color: #150036;

}

.social-icon-three a:hover {

  background-color: var(--theme-color3);

  color: var(--theme-color-light);

}



.bg {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background-repeat: no-repeat;

  background-position: bottom;

  background-size: cover;

}



.bg-pattern-1 {

  background-image: url(../images/icons/pattern-1.jpg);

}



.bg-pattern-2 {

  background-image: url(../images/icons/pattern-2.jpg);

}



.bg-pattern-3 {

  background-image: url(../images/icons/pattern-3.jpg);

}



.bg-pattern-4 {

  background-image: url(../images/icons/pattern-4.jpg);

}



.bg-pattern-5 {

  background-image: url(../images/icons/pattern-5.png);

}



.bg-pattern-6 {

  background-image: url(../images/icons/pattern-6.png);

}



.bg-pattern-7 {

  background-image: url(../images/icons/pattern-7.jpg);

}



.bg-pattern-8 {

  background-image: url(../images/icons/pattern-8.jpg);

}



.bg-pattern-9 {

  background-image: url(../images/icons/pattern-9.png);

}



.bg-pattern-10 {

  background-image: url(../images/icons/pattern-10.jpg);

}



.bg-pattern-11 {

  background-image: url(../images/icons/pattern-11.png);

}



.expand-section {

  width: 80%;

  margin: 0 auto;

  border-radius: 72px;

  overflow: hidden;

}

@media (max-width: 767.98px) {

  .expand-section {

    width: 90%;

  }

}



.bg-reveal {

  position: absolute;

  top: 1px;

  bottom: 1px;

  left: 50%;

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

          transform: translateX(-50%);

  width: 100%;

  height: 100%;

  min-width: 1920px;

  background-size: cover;

  background-position: center;

}



.parallax-section {

  overflow: hidden;

}

.parallax-section .parallax-bg {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 150vh;

  background-size: cover;

  background-position: center;

}

@media (max-width: 991.98px) {

  .parallax-section .parallax-bg {

    height: 200%;

  }

}



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

    Tabs Box

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

.tabs-box {

  position: relative;

}



.tabs-box .tab {

  display: none;

}



.tabs-box .active-tab {

  display: block;

}



.play-btn {

  position: relative;

  display: inline-block;

}

.play-btn:hover .icon {

  background-color: var(--theme-color1);

  color: var(--theme-color-light);

}

.play-btn .icon {

  height: 140px;

  width: 140px;

  font-size: 28px;

  color: var(--theme-color-light);

  background-color: var(--theme-color2);

  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;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.play-btn .circle-text img {

  position: relative;

  display: inline-block;

  -webkit-animation: fa-spin 60s infinite linear;

          animation: fa-spin 60s infinite linear;

}



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

    Media Play Button 

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

.play-now {

  position: relative;

  display: block;

  z-index: 9;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}



.play-now .icon {

  position: relative;

  display: inline-block;

  height: 85px;

  width: 85px;

  text-align: center;

  line-height: 85px;

  background-color: #ffffff;

  color: var(--theme-color2);

  z-index: 1;

  font-size: 18px;

  display: block;

  border-radius: 50%;

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

          box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);

  -webkit-transform-origin: center;

          transform-origin: center;

}



.play-now .ripple,

.play-now .ripple:before,

.play-now .ripple:after {

  position: absolute;

  top: 50%;

  left: 50%;

  height: 102px;

  width: 102px;

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  border-radius: 50%;

  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);

          box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);

  -webkit-animation: ripple 3s infinite;

          animation: ripple 3s infinite;

}

.play-now .ripple.light,

.play-now .ripple:before.light,

.play-now .ripple:after.light {

  -webkit-box-shadow: 0 0 0 0 rgb(255, 255, 255);

          box-shadow: 0 0 0 0 rgb(255, 255, 255);

}



.play-now .ripple.light,

.play-now .ripple.light:before,

.play-now .ripple.light:after {

  -webkit-box-shadow: 0 0 0 0 rgb(255, 255, 255);

          box-shadow: 0 0 0 0 rgb(255, 255, 255);

}



.play-now .ripple:before {

  -webkit-animation-delay: 0.9s;

  animation-delay: 0.9s;

  content: "";

  position: absolute;

}



.play-now .ripple:after {

  -webkit-animation-delay: 0.6s;

  animation-delay: 0.6s;

  content: "";

  position: absolute;

}



@-webkit-keyframes ripple {

  70% {

    -webkit-box-shadow: 0 0 0 50px rgba(233, 35, 47, 0);

    box-shadow: 0 0 0 50px rgba(233, 35, 47, 0);

  }

  100% {

    -webkit-box-shadow: 0 0 0 0 rgba(233, 35, 47, 0);

    box-shadow: 0 0 0 0 rgba(233, 35, 47, 0);

  }

}



@keyframes ripple {

  70% {

    -webkit-box-shadow: 0 0 0 50px rgba(233, 35, 47, 0);

    box-shadow: 0 0 0 50px rgba(233, 35, 47, 0);

  }

  100% {

    -webkit-box-shadow: 0 0 0 0 rgba(233, 35, 47, 0);

    box-shadow: 0 0 0 0 rgba(233, 35, 47, 0);

  }

}

.play-now-two {

  height: 150px;

  width: 150px;

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

  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;

  font-size: 34px;

  color: #ffffff;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

  -webkit-animation: zoom-one 3s infinite linear;

          animation: zoom-one 3s infinite linear;

}

.play-now-two:hover {

  color: #ff9205;

  background-color: #ffffff;

}



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

  Select2 Dropdown Plugin

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

.select2-dropdown {

  border: 1px solid #eee;

}



.select2-results__option {

  padding: 0 10px;

  color: #7c858c;

  border: 0;

}



.select2-container--default .select2-selection--single .select2-selection__rendered {

  color: #7c858c;

  padding-left: 0;

}



.select2-container--default .select2-results__option--highlighted[aria-selected] {

  background-color: var(--bg-theme-color1);

}



.select2-container--default .select2-search--dropdown .select2-search__field {

  height: 30px;

}



.select2-container--default .select2-selection--single .select2-selection__arrow {

  bottom: 1px;

  height: auto;

  width: 40px;

  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;

  font-size: 12px;

  color: #7c858c;

}



.select2-container--default .select2-selection--single .select2-selection__arrow:before {

  position: relative;

  content: "\f107";

  font-family: "Font Awesome 6 Pro";

}



.select2-container--default .select2-selection--single .select2-selection__arrow b {

  display: none;

}



.select2-container--default .select2-selection--single {

  border-radius: 0;

}



.default-navs .owl-nav {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.default-navs .owl-next,

.default-navs .owl-prev {

  display: block;

  width: 52px;

  height: 52px;

  font-size: 16px;

  font-weight: 700;

  line-height: 52px;

  color: var(--theme-color-dark);

  background: #fff;

  text-align: center;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

  border-radius: 50%;

  margin-right: 10px;

}

.default-navs .owl-next:hover,

.default-navs .owl-prev:hover {

  background-color: var(--theme-color-dark);

  color: var(--theme-color-light);

}



.default-dots .owl-dots {

  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;

  width: 100%;

}

.default-dots .owl-dots .owl-dot {

  height: 20px;

  width: 20px;

  border: 2px solid #3d0de5;

  background-color: transparent;

  margin: 0 5px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

  border-radius: 50%;

}

.default-dots .owl-dots .owl-dot.active {

  background-color: #270ad9;

  border-radius: 50%;

  border: 2px solid #270ad9;

}



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

	Nav Style One

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

.nav-style-one {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  z-index: 9;

}

.nav-style-one .next,

.nav-style-one .prev {

  margin-right: 38px;

  padding: 18px 25px;

  padding-left: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.nav-style-one .next .icon,

.nav-style-one .prev .icon {

  position: relative;

  display: inline-block;

}

.nav-style-one .next .icon:before,

.nav-style-one .prev .icon:before {

  position: absolute;

  top: 0;

  margin-top: -20px;

  right: -25px;

  height: 52px;

  width: 52px;

  border: 1px dotted #fff;

  border-radius: 100px;

  content: "";

  z-index: -1;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.nav-style-one .next:hover .icon:before,

.nav-style-one .prev:hover .icon:before {

  background-color: rgba(255, 255, 255, 0.15);

  width: 125px;

}

.nav-style-one .prev {

  margin-right: 0;

  padding-left: 25px;

  padding-right: 0;

}

.nav-style-one .prev .icon:before {

  left: -25px;

  right: auto;

}

.nav-style-one .swiper-button-disabled {

  opacity: 0.5;

  pointer-events: none;

}

.nav-style-one.dark .next .icon:before,

.nav-style-one.dark .prev .icon:before {

  border: 1px solid #797979;

}



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

	Prelaoder

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

.preloader {

  position: fixed;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  z-index: 999999;

  background-color: #ffffff;

}

.preloader svg,

.preloader img {

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  margin-top: -70px;

}

.preloader:before {

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  width: 100%;

  text-align: center;

  margin: 0 auto;

  margin-top: -10px;

  color: var(--theme-color-dark);

  font-family: var(--text-font);

  font-family: var(--title-font);

  font-weight: 600;

  font-size: 14px;

  letter-spacing: 2px;

  text-transform: uppercase;

  content: "Loading";

  -webkit-transition: none;

  transition: none;

}



.pl1__rect {

  fill: url(#pl-gradient);

}



.pl1 {

  display: block;

  width: 8em;

  height: 8em;

}



.pl1__g,

.pl1__rect {

  -webkit-animation: pl1-a 1.5s cubic-bezier(0.65, 0, 0.35, 1) infinite;

          animation: pl1-a 1.5s cubic-bezier(0.65, 0, 0.35, 1) infinite;

}



.pl1__g {

  -webkit-transform-origin: 64px 64px;

          transform-origin: 64px 64px;

}



.pl1__rect:first-child {

  -webkit-animation-name: pl1-b;

          animation-name: pl1-b;

}



.pl1__rect:nth-child(2) {

  -webkit-animation-name: pl1-c;

          animation-name: pl1-c;

}



/* Animations */

@-webkit-keyframes pl1-a {

  from {

    -webkit-transform: rotate(0);

            transform: rotate(0);

  }

  80%, to {

    -webkit-animation-timing-function: steps(1, start);

            animation-timing-function: steps(1, start);

    -webkit-transform: rotate(90deg);

            transform: rotate(90deg);

  }

}

@keyframes pl1-a {

  from {

    -webkit-transform: rotate(0);

            transform: rotate(0);

  }

  80%, to {

    -webkit-animation-timing-function: steps(1, start);

            animation-timing-function: steps(1, start);

    -webkit-transform: rotate(90deg);

            transform: rotate(90deg);

  }

}

@-webkit-keyframes pl1-b {

  from {

    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 0);

            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 0);

    width: 40px;

    height: 40px;

  }

  20% {

    -webkit-animation-timing-function: steps(1, start);

            animation-timing-function: steps(1, start);

    width: 40px;

    height: 0;

  }

  60% {

    -webkit-animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);

            animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);

    width: 0;

    height: 40px;

  }

  80%, to {

    width: 40px;

    height: 40px;

  }

}

@keyframes pl1-b {

  from {

    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 0);

            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 0);

    width: 40px;

    height: 40px;

  }

  20% {

    -webkit-animation-timing-function: steps(1, start);

            animation-timing-function: steps(1, start);

    width: 40px;

    height: 0;

  }

  60% {

    -webkit-animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);

            animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);

    width: 0;

    height: 40px;

  }

  80%, to {

    width: 40px;

    height: 40px;

  }

}

@-webkit-keyframes pl1-c {

  from {

    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 0);

            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 0);

    width: 40px;

    height: 40px;

    -webkit-transform: translate(0, 48px);

            transform: translate(0, 48px);

  }

  20% {

    -webkit-animation-timing-function: cubic-bezier(0.33, 1, 0.67, 1);

            animation-timing-function: cubic-bezier(0.33, 1, 0.67, 1);

    width: 40px;

    height: 88px;

    -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

  }

  40% {

    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 0);

            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 0);

    width: 40px;

    height: 40px;

    -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

  }

  60% {

    -webkit-animation-timing-function: cubic-bezier(0.33, 1, 0.67, 1);

            animation-timing-function: cubic-bezier(0.33, 1, 0.67, 1);

    width: 88px;

    height: 40px;

    -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

  }

  80%, to {

    width: 40px;

    height: 40px;

    -webkit-transform: translate(48px, 0);

            transform: translate(48px, 0);

  }

}

@keyframes pl1-c {

  from {

    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 0);

            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 0);

    width: 40px;

    height: 40px;

    -webkit-transform: translate(0, 48px);

            transform: translate(0, 48px);

  }

  20% {

    -webkit-animation-timing-function: cubic-bezier(0.33, 1, 0.67, 1);

            animation-timing-function: cubic-bezier(0.33, 1, 0.67, 1);

    width: 40px;

    height: 88px;

    -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

  }

  40% {

    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 0);

            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 0);

    width: 40px;

    height: 40px;

    -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

  }

  60% {

    -webkit-animation-timing-function: cubic-bezier(0.33, 1, 0.67, 1);

            animation-timing-function: cubic-bezier(0.33, 1, 0.67, 1);

    width: 88px;

    height: 40px;

    -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

  }

  80%, to {

    width: 40px;

    height: 40px;

    -webkit-transform: translate(48px, 0);

            transform: translate(48px, 0);

  }

}

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

	Default Tabs

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

.default-tabs {

  position: relative;

  overflow: hidden;

  margin-bottom: 30px;

}



.default-tabs .tab-buttons {

  position: relative;

  margin-bottom: 30px;

}



.default-tabs .tab-buttons li {

  position: relative;

  float: left;

  font-weight: 600;

  font-size: 18px;

  padding: 15px 35px;

  color: var(--theme-color1);

  line-height: 20px;

  border-radius: 5px;

  background-color: #ffffff;

  cursor: pointer;

  margin-right: 20px;

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

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

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

  transition: all 300ms ease;

}

.default-tabs .tab-buttons li:last-child {

  margin-right: 0;

}



.default-tabs .tab-buttons li.active-btn {

  background: var(--gradient-1);

  color: #ffffff;

}



.default-tabs .tabs-content {

  position: relative;

  width: 100%;

}



.blockquote-style-one {

  position: relative;

  font-size: 16px;

  line-height: 24px;

  color: var(--theme-color-dark);

  padding: 13px 25px;

  background-color: #fff;

  -webkit-box-shadow: none;

          box-shadow: none;

  font-family: var(--title-font);

  font-weight: 800;

  margin-bottom: 30px;

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

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

}

.blockquote-style-one:before {

  position: absolute;

  left: 0;

  top: 10px;

  bottom: 10px;

  width: 4px;

  z-index: 2;

  background-color: var(--theme-color1);

  content: "";

}



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

    Progress Bar

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

.skills {

  position: relative;

  margin-bottom: 50px;

}

.skills .skill-item {

  position: relative;

  margin-bottom: 25px;

}

.skills .skill-item:last-child {

  margin-bottom: 0px;

}

.skills .skill-item .skill-header {

  position: relative;

  margin-bottom: 0px;

  z-index: 3;

}

.skills .skill-item .skill-header .skill-title {

  font-size: 20px;

  font-weight: 700;

  font-family: var(--title-font);

  color: var(--theme-color-dark);

  margin-bottom: 10px;

}

@media (max-width: 575.98px) {

  .skills .skill-item .skill-header .skill-title {

    font-size: 16px;

  }

}

.dark-layout .skills .skill-item .skill-header .skill-title {

  color: var(--theme-color-light);

}

.skills .skill-item .skill-bar {

  position: relative;

  width: 100%;

  height: 14px;

  border-radius: 10px;

}

.skills .skill-item .skill-bar .bar-inner {

  position: relative;

  width: 100%;

  height: 14px;

  background: #DDDDDD;

  border-radius: 10px;

}

.skills .skill-item .skill-bar .bar-inner .bar {

  position: absolute;

  left: 0px;

  top: 0px;

  height: 14px;

  width: 0px;

  border-radius: 10px;

  background: var(--theme-color4);

  -webkit-transition: all 3000ms ease;

  transition: all 3000ms ease;

}

.rtl .skills .skill-item .skill-bar .bar-inner .bar {

  left: auto;

  right: 0px;

}

.skills .skill-item .skill-bar .bar-inner .skill-percentage {

  position: absolute;

  right: 20px;

  bottom: 10px;

  font-size: 16px;

  font-weight: 700;

  color: #666666;

  margin-bottom: 10px;

}

@media (max-width: 575.98px) {

  .skills .skill-item .skill-bar .bar-inner .skill-percentage {

    font-size: 14px;

    right: -40px;

  }

}

.dark-layout .skills .skill-item .skill-bar .bar-inner .skill-percentage {

  color: var(--theme-color-light);

}

.rtl .skills .skill-item .skill-bar .bar-inner .skill-percentage {

  right: auto;

  left: 20px;

}

@media (max-width: 575.98px) {

  .rtl .skills .skill-item .skill-bar .bar-inner .skill-percentage {

    left: -40px;

  }

}



.cursor1 {

  position: fixed;

  width: 40px;

  height: 40px;

  border: 2px solid var(--theme-color1);

  border-radius: 50%;

  left: 0;

  top: 0;

  pointer-events: none;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  -webkit-transition: 0.15s;

  transition: 0.15s;

  z-index: 999;

  mix-blend-mode: difference;

}



@media (max-width: 1200px) {

  .cursor1 {

    display: none;

  }

}

.cursor1.hide {

  opacity: 0;

  visibility: hidden;

}



.cursor2 {

  position: fixed;

  width: 8px;

  height: 8px;

  border: 4px solid var(--theme-color1);

  border-radius: 50%;

  left: 0;

  top: 0;

  pointer-events: none;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  -webkit-transition: 0.2s;

  transition: 0.2s;

  z-index: 999;

  mix-blend-mode: difference;

}



@media (max-width: 1200px) {

  .cursor2 {

    display: none;

  }

}

.cursor2.hide {

  opacity: 0;

  visibility: hidden;

}



.cursor2.circle {

  width: 60px;

  height: 60px;

}



.theme-btn {

  position: relative;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  text-align: center;

  white-space: nowrap;

  gap: 10px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.theme-btn .btn-title {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}



/*Btn Style One*/

.btn-style-one {

  position: relative;

  font-size: 20px;

  line-height: 20px;

  padding: 20px 41px;

  border-radius: 50px;

  font-weight: 700;

  overflow: hidden;

  color: var(--theme-color-light);

  background-color: var(--theme-color1);

  text-transform: uppercase;

}

@media (max-width: 575.98px) {

  .btn-style-one {

    padding: 18px 30px;

    font-size: 12px;

  }

}

.btn-style-one:before {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  width: 0;

  border-radius: 50px;

  height: 100%;

  background-color: var(--theme-color2);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.btn-style-one i {

  position: relative;

  top: 1px;

  display: block;

}

.btn-style-one:hover {

  color: var(--theme-color-dark);

}

.btn-style-one:hover:before {

  width: 100%;

  right: auto;

  left: 0;

}

.btn-style-one:active {

  -webkit-transform: scale(0.9);

          transform: scale(0.9);

}

.btn-style-one .icon {

  position: relative;

  border-radius: 28.5px;

  font-size: 20px;

  width: 40px;

  height: 40px;

  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;

  color: var(--theme-color1);

  background-color: var(--theme-color-light);

  z-index: 1;

}

.btn-style-one.icon-btn {

  gap: 16px;

  line-height: 14px;

  padding: 9px 27px 10px 9px;

}

.rtl .btn-style-one.icon-btn {

  padding: 9px 9px 10px 27px;

}

.btn-style-one.bg-yellow {

  background-color: var(--theme-color2);

  color: var(--theme-color-dark);

}

.btn-style-one.bg-yellow::before {

  background-color: var(--theme-color1);

}

.btn-style-one.bg-yellow:hover {

  color: var(--theme-color-light);

}

.btn-style-one.bg-pink {

  background-color: var(--theme-color3);

}

.btn-style-one.bg-pink::before {

  background-color: var(--theme-color1);

}

.btn-style-one.bg-pink:hover {

  color: var(--theme-color-light);

}

.btn-style-one.bg-blue {

  background-color: #200066;

}

.btn-style-one.bg-blue::before {

  background-color: var(--theme-color1);

}

.btn-style-one.bg-blue:hover {

  color: var(--theme-color-light);

}

.btn-style-one.bg-orange {

  background-color: var(--theme-color4);

}

.btn-style-one.bg-orange::before {

  background-color: var(--theme-color1);

}

.btn-style-one.bg-orange:hover {

  color: var(--theme-color-light);

}

.btn-style-one.dark-bg {

  color: var(--theme-color-light);

  background-color: #212729;

}

.btn-style-one.dark-bg::before {

  background-color: var(--theme-color1);

}

.btn-style-one.light-bg {

  color: var(--theme-color-dark);

  background: var(--theme-color-light);

}

.btn-style-one.light-bg::before {

  background: var(--theme-color1);

}

.btn-style-one.light-bg:hover {

  color: var(--theme-color-light);

}

.btn-style-one.hover-light:hover {

  color: var(--theme-color-dark);

}

.btn-style-one.hover-light:before {

  background-color: var(--theme-color-light);

}

.btn-style-one.hover-dark:hover {

  color: var(--theme-color-light);

}

.btn-style-one.hover-dark:before {

  background-color: var(--theme-color-dark);

}



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

  Anim Icons

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

.reveal {

  position: relative;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  visibility: hidden;

  overflow: hidden;

}

.reveal img {

  height: 100%;

  width: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  -webkit-transform-origin: left;

          transform-origin: left;

}



.anim-icons {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  height: 100%;

  width: 100%;

  max-width: 1170px;

  margin: 0 auto;

}



[text-split] {

  opacity: 0;

}



.word {

  overflow: hidden;

  margin-bottom: -0.1em;

  -webkit-transform-origin: bottom;

          transform-origin: bottom;

}



.anim-icons.full-width {

  max-width: 100%;

}



.anim-icons .icon {

  position: absolute;

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100%;

}



.banner-layer {

  width: 964px;

  height: 100%;

  background-image: url(../images/icons/banner-layer.png);

}



.btn-bg {

  width: 322px;

  height: 100%;

  background-image: url(../images/icons/btn-bg.png);

}



.testi-shape-one {

  width: 109px;

  height: 80px;

  background-image: url(../images/icons/testi-shape-one.png);

}



.testi-shape-two {

  width: 109px;

  height: 80px;

  background-image: url(../images/icons/testi-shape-two.png);

}



.icon-mic {

  width: 80px;

  height: 183px;

  background-image: url(../images/icons/icon-mic.svg);

}



.icon-check {

  width: 60px;

  height: 51px;

  background-image: url(../images/icons/check.png);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}



.check-bg-one {

  width: 54px;

  height: 44px;

  background-image: url(../images/icons/check-bg-one.png);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}



.check-bg-two {

  width: 54px;

  height: 44px;

  background-image: url(../images/icons/check-bg-two.png);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}



.icon-check-three {

  width: 37px;

  height: 32px;

  background-image: url(../images/icons/icon-check-three.png);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}



.check-three-bg {

  width: 28px;

  height: 22px;

  background-image: url(../images/icons/check-three-bg.png);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}



.check-bg-three {

  width: 54px;

  height: 44px;

  background-image: url(../images/icons/check-bg-three.png);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}



.icon-check-two {

  width: 38px;

  height: 32px;

  background-image: url(../images/icons/icon-check-two.png);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}



.check-two-bg {

  width: 37px;

  height: 31px;

  background-image: url(../images/icons/check-two-bg.png);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}



.check-two-bg-two {

  width: 37px;

  height: 31px;

  background-image: url(../images/icons/check-two-bg-two.png);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}



.play-icon {

  width: 45px;

  height: 61px;

  background-image: url(../images/icons/play-icon.png);

}



.icon-arrow {

  width: 153px;

  height: 128px;

  background-image: url(../images/icons/icon-arrow.png);

}



.icon-star {

  width: 75px;

  height: 75px;

  background-image: url(../images/icons/icon-star.png);

}



.icon-video {

  width: 123px;

  height: 123px;

  background-image: url(../images/icons/icon-video.png);

}



.icon-one {

  width: 97px;

  height: 156px;

  background-image: url(../images/icons/icon-one.png);

}



.icon-two {

  width: 97px;

  height: 156px;

  background-image: url(../images/icons/icon-two.png);

}



.icon-three {

  width: 189px;

  height: 135px;

  background-image: url(../images/icons/icon-three.png);

}



.icon-four {

  width: 379px;

  height: 455px;

  background-image: url(../images/icons/icon-four.png);

}



.icon-five {

  width: 70px;

  height: 68px;

  background-image: url(../images/icons/icon-five.png);

}



.icon-six {

  width: 243px;

  height: 243px;

  background-image: url(../images/icons/icon-six.png);

}



.icon-seven {

  width: 119px;

  height: 124px;

  background-image: url(../images/icons/icon-seven.png);

}



.icon-eight {

  width: 119px;

  height: 124px;

  background-image: url(../images/icons/icon-eight.png);

}



.icon-nine {

  width: 224px;

  height: 224px;

  background-image: url(../images/icons/icon-nine.png);

}



.icon-ten {

  width: 235px;

  height: 173px;

  background-image: url(../images/icons/icon-ten.png);

}



.icon-eleven {

  width: 235px;

  height: 173px;

  background-image: url(../images/icons/icon-eleven.png);

}



.icon-twelve {

  width: 64px;

  height: 64px;

  background-image: url(../images/icons/icon-twelve.png);

}



.icon-thirteen {

  width: 70px;

  height: 70px;

  background-image: url(../images/icons/icon-thirteen.png);

}



.icon-fourteen {

  width: 318px;

  height: 479px;

  background-image: url(../images/icons/icon-fourteen.png);

}



.icon-fifteen {

  width: 346px;

  height: 387px;

  background-image: url(../images/icons/icon-fifteen.png);

}



.icon-sixteen {

  width: 449px;

  height: 551px;

  background-image: url(../images/icons/icon-sixteen.png);

}



.icon-seventeen {

  width: 25px;

  height: 25px;

  background-image: url(../images/icons/icon-seventeen.png);

}



.icon-eighteen {

  width: 25px;

  height: 25px;

  background-image: url(../images/icons/icon-eighteen.png);

}



.icon-nineteen {

  width: 109px;

  height: 80px;

  background-image: url(../images/icons/icon-nineteen.png);

}



.icon-twenty {

  width: 109px;

  height: 80px;

  background-image: url(../images/icons/icon-twenty.png);

}



.icon-twentyone {

  width: 70px;

  height: 68px;

  background-image: url(../images/icons/icon-twentyone.png);

}



.icon-twentytwo {

  width: 146px;

  height: 108px;

  background-image: url(../images/icons/icon-twentytwo.png);

}



.icon-twentythree {

  width: 146px;

  height: 108px;

  background-image: url(../images/icons/icon-twentythree.png);

}



.icon-twentyfour {

  width: 78px;

  height: 65px;

  background-image: url(../images/icons/icon-twentyfour.png);

}



.icon-twentyfive {

  width: 130px;

  height: 72px;

  background-image: url(../images/icons/icon-twentyfive.png);

}



.icon-twentysix {

  width: 130px;

  height: 72px;

  background-image: url(../images/icons/icon-twentysix.png);

}



.icon-twentyseven {

  width: 86px;

  height: 51px;

  background-image: url(../images/icons/icon-twentyseven.png);

}



.icon-twentyeight {

  width: 86px;

  height: 51px;

  background-image: url(../images/icons/icon-twentyeight.png);

}



.shape-one {

  width: 317px;

  height: 305px;

  background-image: url(../images/icons/shape-one.png);

}



.shape-two {

  width: 715px;

  height: 762px;

  background-image: url(../images/icons/shape-two.png);

}



.shape-three {

  width: 688px;

  height: 1156px;

  background-image: url(../images/icons/shape-three.png);

}



.shape-four {

  width: 364px;

  height: 547px;

  background-image: url(../images/icons/shape-four.png);

}



.shape-five {

  width: 217px;

  height: 428px;

  background-image: url(../images/icons/shape-five.png);

}



.shape-six {

  width: 627px;

  height: 626px;

  background-image: url(../images/icons/shape-six.png);

}



.shape-seven {

  width: 627px;

  height: 627px;

  background-image: url(../images/icons/shape-seven.png);

}



.shape-eight {

  width: 108px;

  height: 100%;

  background-image: url(../images/icons/shape-eight.png);

}



.shape-nine {

  width: 474px;

  height: 1051px;

  background-image: url(../images/icons/shape-nine.png);

}



.shape-ten {

  width: 156px;

  height: 100%;

  background-image: url(../images/icons/shape-ten.png);

}



.shape-eleven {

  width: 161px;

  height: 367px;

  background-image: url(../images/icons/shape-eleven.png);

}



.shape-twelve {

  width: 159px;

  height: 367px;

  background-image: url(../images/icons/shape-twelve.png);

}



.shape-thirteen {

  width: 108px;

  height: 100%;

  background-image: url(../images/icons/shape-thirteen.png);

}



.shape-fourteen {

  width: 506px;

  height: 518px;

  background-image: url(../images/icons/shape-fourteen.png);

}



.shape-fifteen {

  width: 97px;

  height: 100%;

  background-image: url(../images/icons/shape-fifteen.png);

}



.shape-sixteen {

  width: 196px;

  height: 100%;

  background-image: url(../images/icons/shape-sixteen.png);

}



.shape-seventeen {

  width: 248px;

  height: 100%;

  background-image: url(../images/icons/shape-seventeen.png);

}



.shape-eighteen {

  width: 406px;

  height: 404px;

  background-image: url(../images/icons/shape-eighteen.png);

}



.shape-nineteen {

  width: 219px;

  height: 507px;

  background-image: url(../images/icons/shape-nineteen.png);

}



.shape-twenty {

  width: 100%;

  height: 100%;

  background-image: url(../images/icons/shape-twenty.png);

}



.shape-twentyone {

  width: 393px;

  height: 662px;

  background-image: url(../images/icons/shape-twentyone.png);

}



.shape-twentytwo {

  width: 598px;

  height: 515px;

  background-image: url(../images/icons/shape-twentytwo.png);

}



.shape-twentythree {

  width: 541px;

  height: 503px;

  background-image: url(../images/icons/shape-twentythree.png);

}



.shape-twentyfour {

  width: 512px;

  height: 518px;

  background-image: url(../images/icons/shape-twentyfour.png);

}



.shape-twentyfive {

  width: 434px;

  height: 340px;

  background-image: url(../images/icons/shape-twentyfive.png);

}



.shape-twentysix {

  width: 301px;

  height: 492px;

  background-image: url(../images/icons/shape-twentysix.png);

}



.shape-twentyseven {

  width: 237px;

  height: 507px;

  background-image: url(../images/icons/shape-twentyseven.png);

}



.shape-twentyeight {

  width: 205px;

  height: 121px;

  background-image: url(../images/icons/shape-twentyeight.png);

}



.shape-twentynine {

  width: 109px;

  height: 80px;

  background-image: url(../images/icons/shape-twentynine.png);

}



.shape-thirty {

  width: 291px;

  height: 100%;

  background-image: url(../images/icons/shape-thirty.png);

}



.shape-thirtyone {

  width: 291px;

  height: 100%;

  background-image: url(../images/icons/shape-thirtyone.png);

}



.shape-thirtytwo {

  width: 234px;

  height: 561px;

  background-image: url(../images/icons/shape-thirtytwo.png);

}



.shape-thirtythree {

  width: 224px;

  height: 561px;

  background-image: url(../images/icons/shape-thirtythree.png);

}



.shape-thirtyfour {

  width: 434px;

  height: 457px;

  background-image: url(../images/icons/shape-thirtyfour.png);

}



.shape-thirtyfive {

  width: 163px;

  height: 163px;

  background-image: url(../images/icons/shape-thirtyfive.png);

}



.shape-thirtysix {

  width: 341px;

  height: 430px;

  background-image: url(../images/icons/shape-thirtysix.png);

}



.shape-thirtyseven {

  width: 217px;

  height: 434px;

  background-image: url(../images/icons/shape-thirtyseven.png);

}



.shape-thirtyeight {

  width: 1273px;

  height: 1273px;

  background-image: url(../images/icons/shape-thirtyeight.png);

}



.shape-thirtynine {

  width: 273px;

  height: 162px;

  background-image: url(../images/icons/shape-thirtynine.png);

}



.shape-fourty {

  width: 539px;

  height: 518px;

  background-image: url(../images/icons/shape-fourty.png);

}



.shape-fourtyone {

  width: 348px;

  height: 348px;

  background-image: url(../images/icons/shape-fourtyone.png);

}



.shape-fourtytwo {

  width: 348px;

  height: 348px;

  background-image: url(../images/icons/shape-fourtytwo.png);

}



.shape-fourtythree {

  width: 348px;

  height: 348px;

  background-image: url(../images/icons/shape-fourtythree.png);

}



.shape-fourtyfour {

  width: 348px;

  height: 348px;

  background-image: url(../images/icons/shape-fourtyfour.png);

}



.shape-fourtyfive {

  width: 348px;

  height: 348px;

  background-image: url(../images/icons/shape-fourtyfive.png);

}



.shape-fourtysix {

  width: 348px;

  height: 348px;

  background-image: url(../images/icons/shape-fourtysix.png);

}



.shape-fourtyseven {

  width: 348px;

  height: 348px;

  background-image: url(../images/icons/shape-fourtyseven.png);

}



.bounce-y {

  -webkit-animation: bounce-y 10s infinite linear;

          animation: bounce-y 10s infinite linear;

}



.bounce-x {

  -webkit-animation: bounce-x 10s infinite linear;

          animation: bounce-x 10s infinite linear;

}



.zoom-one {

  -webkit-animation: zoom-one 10s infinite linear;

          animation: zoom-one 10s infinite linear;

}



.zoom-two {

  -webkit-animation: zoom-two 5s infinite linear;

          animation: zoom-two 5s infinite linear;

}



@-webkit-keyframes float {

  0% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

  50% {

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

            transform: translateY(-10px);

  }

  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

}



@keyframes float {

  0% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

  50% {

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

            transform: translateY(-10px);

  }

  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

}

@-webkit-keyframes bounce-y {

  0% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

  50% {

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

            transform: translateY(-30px);

  }

  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

}

@keyframes bounce-y {

  0% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

  50% {

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

            transform: translateY(-30px);

  }

  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

}

@-webkit-keyframes bounce-x {

  0% {

    -webkit-transform: translateX(0);

            transform: translateX(0);

  }

  50% {

    -webkit-transform: translateX(30px);

            transform: translateX(30px);

  }

  100% {

    -webkit-transform: translateX(0);

            transform: translateX(0);

  }

}

@keyframes bounce-x {

  0% {

    -webkit-transform: translateX(0);

            transform: translateX(0);

  }

  50% {

    -webkit-transform: translateX(30px);

            transform: translateX(30px);

  }

  100% {

    -webkit-transform: translateX(0);

            transform: translateX(0);

  }

}

@-webkit-keyframes zoom-one {

  0% {

    -webkit-transform: scale(0.95);

            transform: scale(0.95);

  }

  50% {

    -webkit-transform: scale(1.05);

            transform: scale(1.05);

  }

  100% {

    -webkit-transform: scale(0.95);

            transform: scale(0.95);

  }

}

@keyframes zoom-one {

  0% {

    -webkit-transform: scale(0.95);

            transform: scale(0.95);

  }

  50% {

    -webkit-transform: scale(1.05);

            transform: scale(1.05);

  }

  100% {

    -webkit-transform: scale(0.95);

            transform: scale(0.95);

  }

}

@-webkit-keyframes zoom-two {

  0% {

    -webkit-transform: scale(1);

            transform: scale(1);

  }

  50% {

    -webkit-transform: scale(0.95);

            transform: scale(0.95);

  }

  100% {

    -webkit-transform: scale(1);

            transform: scale(1);

  }

}

@keyframes zoom-two {

  0% {

    -webkit-transform: scale(1);

            transform: scale(1);

  }

  50% {

    -webkit-transform: scale(0.95);

            transform: scale(0.95);

  }

  100% {

    -webkit-transform: scale(1);

            transform: scale(1);

  }

}

.overlay-anim {

  position: relative;

}

.overlay-anim:after {

  background: rgba(255, 255, 255, 0.3);

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 0;

  opacity: 1;

  z-index: 9;

  pointer-events: none;

}

.overlay-anim:hover:after {

  height: 100%;

  opacity: 0;

  -webkit-transition: all 400ms linear;

  transition: all 400ms linear;

}



.circle {

  position: fixed;

  width: 10px;

  height: 10px;

  left: -10px;

  top: -10px;

  border-radius: 100%;

  z-index: 1;

  pointer-events: none;

  z-index: 10000;

  -webkit-transform: scale(1);

          transform: scale(1);

}

@supports (mix-blend-mode: difference) {

  .circle {

    background-color: white;

    mix-blend-mode: difference;

  }

}

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

  .circle {

    display: none !important;

  }

}



.circle-follow {

  position: fixed;

  mix-blend-mode: difference;

  width: 30px;

  height: 30px;

  left: -21px;

  top: -21px;

  border-radius: 100%;

  z-index: 1;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;

  pointer-events: none;

  z-index: 10000;

  -webkit-transform: scale(1);

          transform: scale(1);

}

@supports (mix-blend-mode: difference) {

  .circle-follow {

    border: 1px solid #fff;

    mix-blend-mode: difference;

  }

}

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

  .circle-follow {

    display: none !important;

  }

}



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

  Search Popup

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

.search-popup {

  position: fixed;

  left: 0;

  top: 0;

  height: 100vh;

  width: 100%;

  z-index: 99;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

  overflow: hidden;

  -webkit-transform: scale(0.95);

          transform: scale(0.95);

}

.search-popup .search-back-drop {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background-color: var(--theme-color-dark);

  opacity: 0.95;

}

.search-popup .close-search {

  position: absolute;

  top: 30px;

  right: 30px;

  font-size: 26px;

  color: var(--theme-color-light);

  z-index: 3;

  border-radius: 50%;

  background-color: transparent;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}

.search-popup .search-inner {

  position: relative;

  display: block;

  top: 40%;

  height: auto;

  z-index: 1;

  width: calc(100% - 60px);

  max-width: 800px;

  margin: auto;

  opacity: 0;

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

          transform: translateY(-50px);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.search-popup .form-group {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.search-popup .form-group input[type=search],

.search-popup .form-group input[type=text] {

  position: relative;

  display: block;

  line-height: 20px;

  font-size: 16px;

  width: 100%;

  height: 50px;

  border: 1px solid #e1e6dc;

  padding: 15px 20px;

  color: #707070;

  background: #ffffff;

  border-radius: 5px;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}

.search-popup .form-group input[type=search]:focus,

.search-popup .form-group input[type=text]:focus {

  border-color: var(--border-theme-color2);

}

.search-popup .form-group button {

  position: absolute;

  right: 5px;

  top: 5px;

  height: 40px;

  width: 40px;

  display: block;

  font-size: 18px;

  color: var(--theme-color-dark);

  line-height: 40px;

  border-radius: 5px;

  font-weight: normal;

  background: #ffffff;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}

.search-popup .form-group button:hover {

  color: var(--theme-color-dark);

}

.rtl .search-popup .form-group button {

  right: auto;

  left: 5px;

}

.search-popup textarea::-webkit-input-placeholder, .search-popup input::-webkit-input-placeholder {

  color: inherit;

}

.search-popup textarea::-moz-placeholder, .search-popup input::-moz-placeholder {

  color: inherit;

}

.search-popup textarea:-ms-input-placeholder, .search-popup input:-ms-input-placeholder {

  color: inherit;

}

.search-popup textarea::-ms-input-placeholder, .search-popup input::-ms-input-placeholder {

  color: inherit;

}

.search-popup textarea::placeholder,

.search-popup input::placeholder {

  color: inherit;

}



.moblie-search-active .search-popup {

  opacity: 1;

  visibility: visible;

  -webkit-transform: scale(1);

          transform: scale(1);

  border-radius: 0%;

}

.moblie-search-active .search-popup .search-inner {

  opacity: 1;

  -webkit-transform: translateY(0);

          transform: translateY(0);

  -webkit-transition-delay: 500ms;

          transition-delay: 500ms;

}



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

    Main Header CSS

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

.header-span {

  position: relative;

  height: 110px;

  display: block;

  width: 100%;

}



.main-header {

  position: relative;

  width: 100%;

  z-index: 999;

}



.header-top {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.header-top .inner-container {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  width: 100%;

  padding: 0 80px;

}

@media (max-width: 1399.98px) {

  .header-top .inner-container {

    padding: 0 20px;

  }

}

.header-top .top-left {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.header-top .top-right {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.header-top .top-right .social-icon-one {

  margin-left: 41px;

}

.header-top .useful-links {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  padding: 12px 0;

}

.header-top .useful-links li {

  position: relative;

  padding-left: 15px;

  margin-left: 15px;

  font-size: 12px;

  color: #75767a;

  line-height: 20px;

}

.header-top .useful-links li:first-child {

  margin-left: 0;

  padding-left: 0;

}

.header-top .useful-links li:first-child:before {

  display: none;

}

.header-top .useful-links li:before {

  position: absolute;

  left: -3px;

  top: 0;

  content: "/";

}

.header-top .useful-links li a {

  color: #808287;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.header-top .useful-links li a:hover {

  color: var(--theme-color-light);

}



.main-header .header-lower {

  position: relative;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.main-header .header-lower .logo-box {

  position: relative;

  padding: 20px 0;

}



.main-header {

  width: 100%;

  z-index: 999;

}

.main-header .logo {

  position: relative;

  display: block;

}

.main-header .logo img {

  max-width: 100%;

  height: auto;

}

.main-header .main-box {

  position: static;

  left: 0px;

  top: 0px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.main-header .main-box .nav-outer {

  position: static;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  width: 100%;

}



.main-menu {

  position: static;

}

@media (max-width: 991.98px) {

  .main-menu {

    display: none;

  }

}



.main-menu .navbar-header {

  display: none;

}



.main-menu .navbar-collapse {

  padding: 0px;

}



.main-menu .navigation {

  position: static;

  margin: 0px;

}



.main-menu .navigation > li {

  position: static;

  float: left;

  padding: 20px 0px;

  margin-right: 40px;

}

.main-menu .navigation > li:last-child {

  margin-right: 0;

}

.rtl .main-menu .navigation > li {

  float: right;

  margin-right: 0;

  margin-left: 40px;

}

.rtl .main-menu .navigation > li:last-child {

  margin-left: 0;

}

.main-menu .navigation > li:hover > a:before, .main-menu .navigation > li.current > a:before {

  left: 0;

  width: calc(100% - 14px);

}

.main-menu .navigation > li > a {

  position: relative;

  display: block;

  text-align: center;

  opacity: 1;

  color: var(--theme-color-dark);

  font-size: 16px;

  line-height: 30px;

  font-weight: 700;

  padding: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.main-menu .navigation > li > a:before {

  position: absolute;

  left: 50%;

  top: 50%;

  margin-top: 10px;

  margin-right: 14px;

  height: 2px;

  width: 0%;

  background-color: var(--theme-color-light);

  z-index: 3;

  content: "";

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.main-menu .navigation > li > a:hover {

  color: var(--theme-color1);

}

.main-menu .navigation > li.current > a {

  color: var(--theme-color1);

  font-weight: 700;

}

.main-menu .navigation > li.dropdown > a {

  padding-right: 14px;

  margin-right: -14px;

}

.rtl .main-menu .navigation > li.dropdown > a {

  padding-left: 14px;

  padding-right: 0;

  margin-right: 0;

  margin-left: -14px;

}

.main-menu .navigation > li.dropdown > a:after {

  content: "\f107";

  position: absolute;

  right: 0;

  top: 50%;

  width: 10px;

  height: 20px;

  display: block;

  line-height: 24px;

  font-size: 12px;

  z-index: 5;

  font-family: "Font Awesome 6 Pro";

  font-weight: 900;

  margin-top: -2px;

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

          transform: translateY(-50%);

}

.rtl .main-menu .navigation > li.dropdown > a:after {

  right: auto;

  left: 0;

}

.main-menu .navigation > li.dropdown:hover > ul {

  visibility: visible;

  opacity: 1;

  top: 100%;

  margin-top: 0;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}



.main-menu .navigation > li > ul {

  position: absolute;

  top: 100%;

  width: 220px;

  z-index: 100;

  padding: 10px 0 0;

  background-color: #ffffff;

  margin-top: 30px;

  opacity: 0;

  display: none;

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

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

  -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

          box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

}

.main-menu .navigation > li > ul.from-right {

  left: auto;

  right: 0px;

}

.dark-layout .main-menu .navigation > li > ul {

  background-color: var(--dark-layout-color);

}

.main-menu .navigation > li > ul > li {

  position: relative;

  width: 100%;

  border-bottom: 1px solid #ebf1f5;

}

.main-menu .navigation > li > ul > li:last-child {

  border-bottom: none;

}

.dark-layout .main-menu .navigation > li > ul > li {

  border-color: #838586;

}

.main-menu .navigation > li > ul > li > a {

  position: relative;

  display: block;

  padding: 6px 0px;

  line-height: 22px;

  font-weight: 400;

  font-size: 13px;

  color: var(--theme-color-dark);

  text-align: left;

  margin: 0 30px;

  text-transform: capitalize;

  -webkit-transition: all 200ms ease;

  transition: all 200ms ease;

}

.rtl .main-menu .navigation > li > ul > li > a {

  text-align: right;

}

.dark-layout .main-menu .navigation > li > ul > li > a {

  color: var(--theme-color-light);

}

.main-menu .navigation > li > ul > li:hover > a {

  color: var(--theme-color1);

}

.main-menu .navigation > li > ul > li.dropdown > a:after {

  font-family: "Font Awesome 6 Pro";

  content: "\f105";

  position: absolute;

  right: 0;

  top: 11px;

  display: block;

  line-height: 24px;

  font-size: 14px;

  font-weight: 900;

  z-index: 5;

}

.rtl .main-menu .navigation > li > ul > li.dropdown > a:after {

  right: auto;

  left: 0;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.main-menu .navigation > li > ul > li.dropdown:hover > ul {

  visibility: visible;

  opacity: 1;

  top: 0px;

  margin-top: 20px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}



.main-menu .navigation > li > ul > li > ul {

  position: absolute;

  left: 100%;

  top: 0px;

  width: 220px;

  z-index: 100;

  display: none;

  background-color: #ffffff;

  opacity: 0;

  padding: 10px 0 0;

  margin-top: 10px;

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

          transform: translateY(-30px);

  -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

          box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

}

.rtl .main-menu .navigation > li > ul > li > ul {

  left: auto;

  right: 100%;

}

.dark-layout .main-menu .navigation > li > ul > li > ul {

  background-color: var(--dark-layout-color);

}

.main-menu .navigation > li > ul > li > ul > li {

  position: relative;

  border-bottom: 1px solid #ebf1f5;

  width: 100%;

}

.main-menu .navigation > li > ul > li > ul > li:last-child {

  border-bottom: none;

}

.dark-layout .main-menu .navigation > li > ul > li > ul > li {

  border-color: #838586;

}

.rtl .main-menu .navigation > li > ul > li > ul > li {

  text-align: right;

}

.main-menu .navigation > li > ul > li > ul > li > a {

  position: relative;

  display: block;

  padding: 10px 0;

  line-height: 24px;

  font-weight: 400;

  font-size: 16px;

  color: var(--theme-color-dark);

  text-align: left;

  margin: 0 30px;

  text-transform: capitalize;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.main-menu .navigation > li > ul > li > ul > li > a:hover {

  color: var(--theme-color1);

}

.dark-layout .main-menu .navigation > li > ul > li > ul > li > a:hover {

  color: var(--theme-color1);

}

.rtl .main-menu .navigation > li > ul > li > ul > li > a {

  text-align: right;

}

.dark-layout .main-menu .navigation > li > ul > li > ul > li > a {

  color: var(--theme-color-light);

}



.main-menu .navigation li.dropdown .dropdown-btn {

  position: absolute;

  right: 10px;

  top: 8px;

  width: 34px;

  height: 30px;

  border: 1px solid #ffffff;

  text-align: center;

  font-size: 16px;

  line-height: 26px;

  color: #ffffff;

  cursor: pointer;

  z-index: 5;

  display: none;

}



.main-header .outer-box {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: end;

      -ms-flex-pack: end;

          justify-content: flex-end;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  height: 100%;

  gap: 20px;

}



.main-header .ui-btn {

  position: relative;

  display: block;

  height: 30px;

  width: 30px;

  line-height: 30px;

  text-align: center;

  background: none;

  font-size: 26px;

  color: var(--theme-color-dark);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.main-header .ui-btn:hover {

  color: var(--theme-color1);

}



.main-header .info-btn {

  position: relative;

  font-size: 16px;

  padding-left: 44px;

  color: #ffffff;

  text-align: left;

  font-weight: 500;

  white-space: nowrap;

  line-height: 20px;

  margin-left: 40px;

}

.main-header .info-btn small {

  display: block;

  font-size: 10px;

  font-weight: 500;

  text-transform: uppercase;

  color: var(--theme-color1);

}

.main-header .info-btn .icon {

  position: absolute;

  left: 0;

  top: 50%;

  margin-top: -12px;

  line-height: 40px;

  height: 40px;

  font-size: 24px;

  line-height: 1em;

  margin-right: 20px;

  padding-right: 20px;

}

.main-header .info-btn:hover {

  color: var(--theme-color-light);

}



.header-search {

  position: relative;

  width: 110px;

  -ms-flex-negative: 0;

      flex-shrink: 0;

}

.header-search .form-group {

  position: relative;

}

.header-search .form-group input:not([type=submit]) {

  position: relative;

  display: block;

  width: 100%;

  font-size: 14px;

  font-weight: 500;

  height: 30px;

  line-height: 20px;

  padding: 5px 0;

  padding-left: 30px;

  color: var(--text-color);

  background: transparent;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

  border-bottom: 1px solid transparent;

}

.header-search .form-group input:not([type=submit])::-webkit-input-placeholder {

  color: var(--text-color);

}

.header-search .form-group input:not([type=submit])::-moz-placeholder {

  color: var(--text-color);

}

.header-search .form-group input:not([type=submit]):-ms-input-placeholder {

  color: var(--text-color);

}

.header-search .form-group input:not([type=submit])::-ms-input-placeholder {

  color: var(--text-color);

}

.header-search .form-group input:not([type=submit])::placeholder {

  color: var(--text-color);

}

.header-search .form-group input:not([type=submit]):focus {

  border-bottom: 1px solid var(--theme-color-light);

}

.header-search .form-group .icon {

  position: absolute;

  top: 0px;

  left: 0;

  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;

  line-height: 20px;

  font-size: 20px;

  padding: 5px 0;

  color: var(--theme-color-dark);

  background: none;

}



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

    Header Style One

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

.header-style-one {

  position: absolute;

  top: 59px;

  left: 0;

}

@media (max-width: 1199.98px) {

  .header-style-one {

    top: 30px;

  }

}

.header-style-one .main-box {

  position: relative;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

}

@media (max-width: 991.98px) {

  .header-style-one .main-box {

    -webkit-box-align: stretch;

        -ms-flex-align: stretch;

            align-items: stretch;

  }

}

.header-style-one .main-box .header-navbar {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  width: 100%;

  background-color: var(--theme-color3);

  border-radius: 0 50px 50px 0;

}

@media (max-width: 575.98px) {

  .header-style-one .main-box .header-navbar {

    border-radius: 0 5px 5px 0;

  }

}

.rtl .header-style-one .main-box .header-navbar {

  border-radius: 50px 0 0 50px;

}

@media (max-width: 575.98px) {

  .rtl .header-style-one .main-box .header-navbar {

    border-radius: 0 5px 5px 0;

  }

}

.header-style-one .main-box .logo-box {

  position: relative;

  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;

  min-width: 225px;

  height: 88px;

  margin-right: 68px;

  padding: 8px 10px 12px 19px;

  border-radius: 50px 0 0 50px;

  background-color: #212729;

}

@media (max-width: 991.98px) {

  .header-style-one .main-box .logo-box {

    margin-right: 0;

    height: 75px;

    min-width: 200px;

  }

}

@media (max-width: 575.98px) {

  .header-style-one .main-box .logo-box {

    min-width: 120px;

    padding: 10px 10px 15px;

    border-radius: 5px 0 0 5px;

    height: 60px;

  }

}

.rtl .header-style-one .main-box .logo-box {

  margin-right: 0;

  margin-left: 68px;

  padding: 8px 19px 19px 10px;

  border-radius: 0 50px 50px 0;

}

@media (max-width: 991.98px) {

  .rtl .header-style-one .main-box .logo-box {

    margin-left: 0;

  }

}

@media (max-width: 575.98px) {

  .rtl .header-style-one .main-box .logo-box {

    border-radius: 5px 0 0 5px;

  }

}

.header-style-one .main-box .logo-box:before {

  content: "";

  position: absolute;

  right: -55px;

  top: 0;

  width: 0;

  height: 0;

  border-top: 70px solid #212729;

  border-right: 55px solid transparent;

}

@media (max-width: 991.98px) {

  .header-style-one .main-box .logo-box:before {

    display: none;

  }

}

.rtl .header-style-one .main-box .logo-box:before {

  left: -55px;

  right: auto;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.header-style-one .main-box .logo-box:after {

  content: "";

  position: absolute;

  right: -14px;

  bottom: 0;

  width: 0;

  height: 0;

  border-bottom: 18px solid #212729;

  border-right: 14px solid transparent;

}

@media (max-width: 991.98px) {

  .header-style-one .main-box .logo-box:after {

    display: none;

  }

}

.rtl .header-style-one .main-box .logo-box:after {

  left: -14px;

  right: auto;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.header-style-one .main-box .logo-box img {

  width: 185px;

}

@media (max-width: 991.98px) {

  .header-style-one .main-box .logo-box img {

    width: 160px;

  }

}

@media (max-width: 575.98px) {

  .header-style-one .main-box .logo-box img {

    width: 140px;

  }

}

.header-style-one .main-box .nav-outer {

  padding-left: 0px;

}

@media (max-width: 575.98px) {

  .header-style-one .main-box .nav-outer {

    padding-left: 0;

  }

}

.rtl .header-style-one .main-box .nav-outer {

  padding-left: 0;

  padding-right: 14px;

}

@media (max-width: 575.98px) {

  .rtl .header-style-one .main-box .nav-outer {

    padding-right: 0;

  }

}

.header-style-one .main-box .nav-outer:before {

  content: "";

  position: absolute;

  top: 0;

  left: -56px;

  width: 0;

  height: 0;

  border-bottom: 70px solid var(--theme-color3);

  border-left: 56px solid transparent;

}

@media (max-width: 991.98px) {

  .header-style-one .main-box .nav-outer:before {

    display: none;

  }

}

.rtl .header-style-one .main-box .nav-outer:before {

  left: auto;

  right: -56px;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.header-style-one .main-box .nav-outer:after {

  content: "";

  position: absolute;

  bottom: -18px;

  left: -56px;

  width: 0;

  height: 0;

  border-left: 18px solid transparent;

  border-right: 18px solid transparent;

  border-top: 18px solid #085698;

}

@media (max-width: 991.98px) {

  .header-style-one .main-box .nav-outer:after {

    display: none;

  }

}

.rtl .header-style-one .main-box .nav-outer:after {

  left: auto;

  right: -56px;

}

.header-style-one .main-box .nav-outer .navigation > li {

  margin-right: 47px;

  text-transform: capitalize;

}

@media (max-width: 1199.98px) {

  .header-style-one .main-box .nav-outer .navigation > li {

    margin-right: 40px;

  }

}

.rtl .header-style-one .main-box .nav-outer .navigation > li {

  margin-right: 0;

  margin-left: 45px;

}

@media (max-width: 1199.98px) {

  .rtl .header-style-one .main-box .nav-outer .navigation > li {

    margin-left: 40px;

  }

}

.header-style-one .main-box .nav-outer .navigation > li:before {

  background-color: var(--theme-color-light);

}

.header-style-one .main-box .nav-outer .navigation > li > a {

  font-weight: 600;

  color: var(--theme-color-light);

}

@media (max-width: 1199.98px) {

  .header-style-one .main-box .nav-outer .navigation > li > a {

    font-size: 15px;

  }

}

.header-style-one .main-box .outer-box {

  position: relative;

  -ms-flex-negative: 0;

      flex-shrink: 0;

  padding-right: 10px;

}

@media (max-width: 1399.98px) {

  .header-style-one .main-box .outer-box {

    padding-right: 30px;

  }

}

@media (max-width: 1199.98px) {

  .header-style-one .main-box .outer-box {

    padding-right: 15px;

  }

}

@media (max-width: 991.98px) {

  .header-style-one .main-box .outer-box {

    padding-right: 30px;

  }

}

@media (max-width: 575.98px) {

  .header-style-one .main-box .outer-box {

    padding-right: 15px;

  }

}

@media (max-width: 991.98px) {

  .header-style-one .main-box .outer-box {

    gap: 10px;

  }

}

@media (max-width: 575.98px) {

  .header-style-one .main-box .outer-box {

    gap: 5px;

  }

}

.rtl .header-style-one .main-box .outer-box {

  padding-right: 0;

  padding-left: 10px;

}

@media (max-width: 1399.98px) {

  .rtl .header-style-one .main-box .outer-box {

    padding-left: 30px;

  }

}

@media (max-width: 1199.98px) {

  .rtl .header-style-one .main-box .outer-box {

    padding-left: 15px;

  }

}

@media (max-width: 991.98px) {

  .rtl .header-style-one .main-box .outer-box {

    padding-left: 30px;

  }

}

@media (max-width: 575.98px) {

  .rtl .header-style-one .main-box .outer-box {

    padding-left: 15px;

  }

}

.header-style-one .main-box .outer-box .search-btn {

  margin-right: 20px;

}

@media (max-width: 1399.98px) {

  .header-style-one .main-box .outer-box .search-btn {

    margin-right: 10px;

  }

}

@media (max-width: 991.98px) {

  .header-style-one .main-box .outer-box .search-btn {

    margin-right: 0;

  }

}

@media (max-width: 575.98px) {

  .header-style-one .main-box .outer-box .search-btn {

    font-size: 22px;

  }

}

.rtl .header-style-one .main-box .outer-box .search-btn {

  margin-right: 0;

  margin-left: 20px;

}

@media (max-width: 1399.98px) {

  .rtl .header-style-one .main-box .outer-box .search-btn {

    margin-left: 10px;

  }

}

@media (max-width: 991.98px) {

  .rtl .header-style-one .main-box .outer-box .search-btn {

    margin-left: 0;

  }

}

@media (max-width: 1199.98px) {

  .header-style-one .main-box .outer-box .toggle-hidden-bar {

    display: none;

  }

}

.header-style-one .main-box .outer-box .ui-btn {

  color: var(--theme-color-light);

}

.header-style-one .main-box .outer-box .btn-box .theme-btn {

  padding: 14px 16px;

}

@media (max-width: 1399.98px) {

  .header-style-one .main-box .outer-box .btn-box {

    display: none;

  }

}

@media (max-width: 991.98px) {

  .header-style-one .main-box .outer-box .mobile-nav-toggler {

    width: 40px;

    height: 40px;

    border-radius: 5px;

    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;

    background-color: var(--theme-color-light);

  }

}

@media (max-width: 575.98px) {

  .header-style-one .main-box .outer-box .mobile-nav-toggler {

    width: 32px;

    height: 32px;

    font-size: 22px;

    margin-left: 10px;

  }

}

@media (max-width: 991.98px) {

  .rtl .header-style-one .main-box .outer-box .mobile-nav-toggler {

    margin-left: 0;

    margin-right: 20px;

  }

}

@media (max-width: 575.98px) {

  .rtl .header-style-one .main-box .outer-box .mobile-nav-toggler {

    margin-left: 0;

    margin-right: 10px;

  }

}



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

    Header Style Two CSS

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

.header-style-two {

  position: absolute;

  top: 46px;

  left: 0;

}

@media (max-width: 1199.98px) {

  .header-style-two {

    top: 30px;

  }

}

@media (max-width: 991.98px) {

  .header-style-two .header-top {

    display: none;

  }

}

.header-style-two .header-top .inner-box {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  border-top-right-radius: 17px;

  padding: 3px 5px;

  padding-left: 70px;

  margin-left: 200px;

  background-color: var(--theme-color4);

  max-width: 810px;

  width: 100%;

}

@media (max-width: 1199.98px) {

  .header-style-two .header-top .inner-box {

    max-width: 730px;

  }

}

.rtl .header-style-two .header-top .inner-box {

  border-top-left-radius: 17px;

  padding: 3px 5px;

  padding-left: 0;

  padding-right: 70px;

  margin-right: 200px;

  margin-left: 0;

}

.header-style-two .header-top .inner-box .contact-list {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 24px;

}

.header-style-two .header-top .inner-box .contact-list li, .header-style-two .header-top .inner-box .contact-list a {

  position: relative;

  font-size: 14px;

  font-weight: 300;

  line-height: 20px;

  color: var(--theme-color-light);

}

.header-style-two .header-top .inner-box .contact-list li span, .header-style-two .header-top .inner-box .contact-list a span {

  font-weight: 600;

}

.header-style-two .header-top .inner-box .social-icon {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 10px;

}

.header-style-two .header-top .inner-box .social-icon a {

  position: relative;

  font-size: 14px;

  width: 25px;

  height: 25px;

  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;

  color: var(--theme-color-light);

  background-color: transparent;

}

.header-style-two .header-top .inner-box .social-icon a:hover {

  background-color: var(--theme-color-light);

  color: var(--theme-color4);

}

.header-style-two .main-box {

  position: relative;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

  border-radius: 0 100px 100px 0;

}

@media (max-width: 991.98px) {

  .header-style-two .main-box {

    -webkit-box-align: stretch;

        -ms-flex-align: stretch;

            align-items: stretch;

  }

}

.header-style-two .main-box .header-navbar {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  width: 100%;

  background-color: var(--theme-color-light);

  border-radius: 0 100px 100px 0;

}

@media (max-width: 575.98px) {

  .header-style-two .main-box .header-navbar {

    border-radius: 0;

  }

}

.rtl .header-style-two .main-box .header-navbar {

  border-radius: 100px 0 0 100px;

}

@media (max-width: 575.98px) {

  .rtl .header-style-two .main-box .header-navbar {

    border-radius: 0;

  }

}

.header-style-two .main-box .logo-box {

  position: relative;

  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;

  min-width: 230px;

  height: 100px;

  margin-top: -31px;

  padding: 10px 10px 20px 10px;

  background-color: #762F00;

  border-radius: 17px 0 0 17px;

}

@media (max-width: 991.98px) {

  .header-style-two .main-box .logo-box {

    min-width: 200px;

    height: 70px;

    margin-top: 0;

  }

}

@media (max-width: 575.98px) {

  .header-style-two .main-box .logo-box {

    min-width: 120px;

    height: 60px;

    padding: 10px 10px 15px;

    border-radius: 0;

  }

}

.rtl .header-style-two .main-box .logo-box {

  border-radius: 0 17px 17px 0;

}

@media (max-width: 575.98px) {

  .rtl .header-style-two .main-box .logo-box {

    border-radius: 0;

  }

}

.header-style-two .main-box .logo-box:before {

  content: "";

  position: absolute;

  right: -40px;

  top: 1px;

  width: 0;

  height: 0;

  border-bottom: 100px solid #762F00;

  border-right: 41px solid transparent;

  z-index: 3;

}

@media (max-width: 991.98px) {

  .header-style-two .main-box .logo-box:before {

    display: none;

  }

}

.rtl .header-style-two .main-box .logo-box:before {

  right: auto;

  left: -40px;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.header-style-two .main-box .logo-box img {

  width: 185px;

}

@media (max-width: 991.98px) {

  .header-style-two .main-box .logo-box img {

    width: 160px;

  }

}

@media (max-width: 575.98px) {

  .header-style-two .main-box .logo-box img {

    width: 140px;

  }

}

.header-style-two .main-box .nav-outer {

  padding-left: 80px;

}

@media (max-width: 1199.98px) {

  .header-style-two .main-box .nav-outer {

    padding-left: 60px;

  }

}

@media (max-width: 991.98px) {

  .header-style-two .main-box .nav-outer {

    padding-left: 0;

  }

}

.rtl .header-style-two .main-box .nav-outer {

  padding-left: 0;

  padding-right: 80px;

}

@media (max-width: 1199.98px) {

  .rtl .header-style-two .main-box .nav-outer {

    padding-right: 60px;

  }

}

@media (max-width: 991.98px) {

  .rtl .header-style-two .main-box .nav-outer {

    padding-right: 0;

  }

}

.header-style-two .main-box .nav-outer .navigation > li {

  margin-right: 45px;

  text-transform: uppercase;

}

@media (max-width: 1199.98px) {

  .header-style-two .main-box .nav-outer .navigation > li {

    margin-right: 40px;

  }

}

.header-style-two .main-box .nav-outer .navigation > li ul > li > a:hover,

.header-style-two .main-box .nav-outer .navigation > li ul > li > ul > li > a:hover {

  color: var(--theme-color4);

}

.header-style-two .main-box .nav-outer .navigation > li a {

  font-size: 15px;

}

.header-style-two .main-box .nav-outer .navigation > li a:before {

  background-color: var(--theme-color4);

}

.rtl .header-style-two .main-box .nav-outer .navigation > li {

  margin-right: 0;

  margin-left: 45px;

  text-transform: uppercase;

}

@media (max-width: 1199.98px) {

  .rtl .header-style-two .main-box .nav-outer .navigation > li {

    margin-left: 40px;

  }

}

.header-style-two .main-box .nav-outer .navigation > li:hover > a {

  color: var(--theme-color4);

}

.header-style-two .main-box .nav-outer .navigation > li.current > a {

  color: var(--theme-color4);

}

.header-style-two .main-box .nav-outer .mega-menu .column > ul > li > a:hover {

  color: var(--theme-color4) !important;

}

.header-style-two .main-box .outer-box {

  position: relative;

  -ms-flex-negative: 0;

      flex-shrink: 0;

  padding-right: 10px;

}

@media (max-width: 1199.98px) {

  .header-style-two .main-box .outer-box {

    padding-right: 30px;

  }

}

@media (max-width: 991.98px) {

  .header-style-two .main-box .outer-box {

    gap: 0;

  }

}

@media (max-width: 575.98px) {

  .header-style-two .main-box .outer-box {

    padding-right: 10px;

  }

}

.rtl .header-style-two .main-box .outer-box {

  padding-right: 0;

  padding-left: 10px;

}

@media (max-width: 1199.98px) {

  .rtl .header-style-two .main-box .outer-box {

    padding-left: 30px;

  }

}

@media (max-width: 575.98px) {

  .rtl .header-style-two .main-box .outer-box {

    padding-left: 10px;

  }

}

@media (max-width: 1199.98px) {

  .header-style-two .main-box .outer-box .toggle-hidden-bar {

    display: none !important;

  }

}

.header-style-two .main-box .outer-box .ui-btn {

  color: var(--theme-color-light);

  width: 50px;

  height: 50px;

  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;

  background-color: var(--theme-color3);

  border-radius: 50%;

}

.header-style-two .main-box .outer-box .ui-btn .icon {

  font-size: 26px;

  line-height: 0.7em;

}

.header-style-two .main-box .outer-box .search-btn {

  width: auto;

  height: auto;

  font-size: 14px;

  margin-right: 15px;

  color: var(--theme-color3);

  background-color: transparent;

}

@media (max-width: 575.98px) {

  .header-style-two .main-box .outer-box .search-btn {

    margin-right: 0;

  }

}

.rtl .header-style-two .main-box .outer-box .search-btn {

  margin-right: 0;

  margin-left: 15px;

}

@media (max-width: 575.98px) {

  .rtl .header-style-two .main-box .outer-box .search-btn {

    margin-left: 0;

  }

}

.header-style-two .main-box .outer-box .btn-box .theme-btn {

  padding: 17px 44px;

}

@media (max-width: 1399.98px) {

  .header-style-two .main-box .outer-box .btn-box {

    display: none;

  }

}

@media (max-width: 991.98px) {

  .header-style-two .main-box .outer-box .mobile-nav-toggler {

    width: 45px;

    height: 45px;

    border-radius: 5px;

    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;

    color: var(--theme-color-light);

    background-color: var(--theme-color3);

  }

}

@media (max-width: 575.98px) {

  .header-style-two .main-box .outer-box .mobile-nav-toggler {

    width: 40px;

    height: 40px;

    font-size: 22px;

    margin-left: 15px;

  }

}

@media (max-width: 991.98px) {

  .rtl .header-style-two .main-box .outer-box .mobile-nav-toggler {

    margin-left: 0;

    margin-right: 20px;

  }

}

@media (max-width: 575.98px) {

  .rtl .header-style-two .main-box .outer-box .mobile-nav-toggler {

    margin-right: 15px;

  }

}



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

    Header Style Three CSS

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

.header-style-three {

  position: absolute;

  top: 25px;

  left: 0;

}

.header-style-three .header-top {

  border-radius: 50px 50px 0 0;

}

@media (max-width: 991.98px) {

  .header-style-three .header-top {

    display: none;

  }

}

.rtl .header-style-three .header-top {

  border-radius: 0 0 50px 50px;

}

.header-style-three .header-top .inner-box {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  background-color: var(--theme-color3);

  width: 100%;

  max-width: 468px;

  padding: 4px 13px 15px;

  border-radius: 15px 15px 0 0;

  margin-left: auto;

  margin-right: 62px;

}

.rtl .header-style-three .header-top .inner-box {

  margin-left: 62px;

  margin-right: auto;

}

.header-style-three .header-top .inner-box .icon-seventeen {

  position: absolute;

  bottom: 10px;

  left: -25px;

}

.header-style-three .header-top .inner-box .icon-eighteen {

  position: absolute;

  bottom: 10px;

  right: -25px;

}

.header-style-three .header-top .inner-box .contact-list {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 24px;

}

.header-style-three .header-top .inner-box .contact-list li, .header-style-three .header-top .inner-box .contact-list a {

  position: relative;

  font-size: 14px;

  font-weight: 300;

  line-height: 20px;

  color: var(--theme-color-light);

}

.header-style-three .header-top .inner-box .contact-list li span, .header-style-three .header-top .inner-box .contact-list a span {

  font-weight: 600;

}

.header-style-three .header-top .inner-box .social-icon {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 20px;

}

.header-style-three .header-top .inner-box .social-icon a {

  position: relative;

  font-size: 14px;

  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;

  color: var(--theme-color-light);

  background-color: transparent;

}

.header-style-three .header-top .inner-box .social-icon a:hover {

  color: #212729;

}

.header-style-three .main-box {

  position: relative;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

  border-radius: 0 100px 100px 0;

}

@media (max-width: 991.98px) {

  .header-style-three .main-box {

    -webkit-box-align: stretch;

        -ms-flex-align: stretch;

            align-items: stretch;

  }

}

.rtl .header-style-three .main-box {

  border-radius: 100px 0 0 100px;

}

.header-style-three .main-box:before {

  content: "";

  position: absolute;

  top: -10px;

  bottom: -10px;

  right: -10px;

  height: auto;

  width: 719px;

  border-radius: 20px 100px 100px 20px;

  background-color: var(--theme-color3);

  z-index: -1;

}

@media (max-width: 991.98px) {

  .header-style-three .main-box:before {

    width: 500px;

  }

}

@media (max-width: 575.98px) {

  .header-style-three .main-box:before {

    width: 150px;

    border-radius: 10px;

    top: -8px;

    bottom: -8px;

    right: -8px;

  }

}

.rtl .header-style-three .main-box:before {

  right: auto;

  left: -10px;

  border-radius: 100px 20px 20px 100px;

}

@media (max-width: 575.98px) {

  .rtl .header-style-three .main-box:before {

    border-radius: 10px;

    left: -8px;

  }

}

.header-style-three .main-box .header-navbar {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  width: 100%;

  background-color: var(--theme-color-light);

  border-radius: 0 100px 100px 0;

}

@media (max-width: 575.98px) {

  .header-style-three .main-box .header-navbar {

    border-radius: 0;

  }

}

.rtl .header-style-three .main-box .header-navbar {

  border-radius: 100px 0 0 100px;

}

@media (max-width: 575.98px) {

  .rtl .header-style-three .main-box .header-navbar {

    border-radius: 0;

  }

}

.header-style-three .main-box .logo-box {

  position: relative;

  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;

  min-width: 255px;

  height: 101px;

  margin: -15px 0;

  padding: 18px 10px 15px 10px;

  background-color: var(--theme-color-light);

  border-radius: 100px 20px 20px 100px;

  border-right: 6px solid var(--theme-color4);

}

@media (max-width: 991.98px) {

  .header-style-three .main-box .logo-box {

    padding: 15px 10px 18px;

  }

}

@media (max-width: 767.98px) {

  .header-style-three .main-box .logo-box {

    min-width: 200px;

    margin: -10px 0;

  }

}

@media (max-width: 575.98px) {

  .header-style-three .main-box .logo-box {

    min-width: 120px;

    height: 60px;

    padding: 10px 10px 15px;

    border-radius: 0;

    border: 0;

    margin: 0;

  }

}

.rtl .header-style-three .main-box .logo-box {

  border-radius: 20px 100px 100px 20px;

  border-left: 6px solid var(--theme-color4);

}

@media (max-width: 575.98px) {

  .rtl .header-style-three .main-box .logo-box {

    border: 0;

    border-radius: 0;

  }

}

.header-style-three .main-box .logo-box img {

  width: 194px;

}

@media (max-width: 767.98px) {

  .header-style-three .main-box .logo-box img {

    width: 160px;

  }

}

.header-style-three .main-box .nav-outer {

  padding-left: 40px;

}

.rtl .header-style-three .main-box .nav-outer {

  padding-left: 0;

  padding-right: 40px;

}

.header-style-three .main-box .nav-outer .navigation > li {

  margin-right: 45px;

  text-transform: uppercase;

}

@media (max-width: 1199.98px) {

  .header-style-three .main-box .nav-outer .navigation > li {

    margin-right: 40px;

  }

}

.rtl .header-style-three .main-box .nav-outer .navigation > li {

  margin-right: 0;

  margin-left: 45px;

}

@media (max-width: 1199.98px) {

  .rtl .header-style-three .main-box .nav-outer .navigation > li {

    margin-left: 40px;

  }

}

.header-style-three .main-box .nav-outer .navigation > li a {

  font-size: 15px;

}

.header-style-three .main-box .nav-outer .navigation > li a:before {

  background-color: var(--theme-color3);

}

.header-style-three .main-box .nav-outer .navigation > li:hover > a {

  color: var(--theme-color3);

}

.header-style-three .main-box .nav-outer .navigation > li.current > a {

  color: var(--theme-color3);

}

.header-style-three .main-box .outer-box {

  position: relative;

  -ms-flex-negative: 0;

      flex-shrink: 0;

  padding-right: 10px;

}

@media (max-width: 1399.98px) {

  .header-style-three .main-box .outer-box {

    padding-right: 20px;

  }

}

@media (max-width: 991.98px) {

  .header-style-three .main-box .outer-box {

    gap: 0;

  }

}

@media (max-width: 575.98px) {

  .header-style-three .main-box .outer-box {

    padding-right: 10px;

  }

}

.rtl .header-style-three .main-box .outer-box {

  padding-right: 0;

  padding-left: 10px;

}

@media (max-width: 1399.98px) {

  .rtl .header-style-three .main-box .outer-box {

    padding-left: 20px;

  }

}

@media (max-width: 575.98px) {

  .rtl .header-style-three .main-box .outer-box {

    padding-left: 10px;

  }

}

@media (max-width: 1199.98px) {

  .header-style-three .main-box .outer-box .toggle-hidden-bar {

    display: none !important;

  }

}

.header-style-three .main-box .outer-box .ui-btn {

  color: var(--theme-color-light);

  width: 50px;

  height: 50px;

  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;

  background-color: var(--theme-color3);

  border-radius: 50%;

}

.header-style-three .main-box .outer-box .ui-btn .icon {

  font-size: 26px;

  line-height: 0.7em;

}

.header-style-three .main-box .outer-box .search-btn {

  width: auto;

  color: var(--theme-color3);

  background-color: transparent;

  height: auto;

  font-size: 16px;

  margin-right: 30px;

}

@media (max-width: 1199.98px) {

  .header-style-three .main-box .outer-box .search-btn {

    margin-right: 0;

  }

}

.rtl .header-style-three .main-box .outer-box .search-btn {

  margin-right: 0;

  margin-left: 30px;

}

@media (max-width: 1199.98px) {

  .rtl .header-style-three .main-box .outer-box .search-btn {

    margin-left: 0;

  }

}

.header-style-three .main-box .outer-box .btn-box .theme-btn {

  padding: 17px 44px;

}

@media (max-width: 1399.98px) {

  .header-style-three .main-box .outer-box .btn-box {

    display: none;

  }

}

@media (max-width: 991.98px) {

  .header-style-three .main-box .outer-box .mobile-nav-toggler {

    width: 45px;

    height: 45px;

    border-radius: 5px;

    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;

    color: var(--theme-color-light);

    background-color: var(--theme-color3);

  }

}

@media (max-width: 575.98px) {

  .header-style-three .main-box .outer-box .mobile-nav-toggler {

    width: 40px;

    height: 40px;

    font-size: 22px;

    margin-left: 15px;

  }

}

.rtl .header-style-three .main-box .outer-box .mobile-nav-toggler {

  margin-right: 15px;

}

@media (max-width: 575.98px) {

  .rtl .header-style-three .main-box .outer-box .mobile-nav-toggler {

    margin-left: 0;

  }

}



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

    Sticky Header CSS

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

.sticky-header {

  position: fixed;

  visibility: hidden;

  opacity: 0;

  left: 0px;

  top: 0px;

  width: 100%;

  z-index: 99999;

  background: #ffffff;

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

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

}

@media (max-width: 991.98px) {

  .sticky-header {

    padding: 5px 0;

  }

}



.sticky-header.fixed-header {

  opacity: 1;

  z-index: 9999;

  visibility: visible;

}



.sticky-header .logo-box {

  padding: 10px 0;

}

.sticky-header .logo-box .logo {

  max-width: 150px;

}

.sticky-header .logo-box .logo.light {

  display: block;

}

.dark-layout .sticky-header .logo-box .logo.light {

  display: none;

}

.sticky-header .logo-box .logo.dark {

  display: none;

}

.dark-layout .sticky-header .logo-box .logo.dark {

  display: block !important;

}

.sticky-header .nav-outer {

  position: relative;

  background: none;

}

.sticky-header .inner-container {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}



.sticky-header .main-menu .navigation > li {

  margin: 0;

  margin-left: 60px;

  padding: 20px 0;

}



.sticky-header .main-menu .navigation > li > a {

  color: var(--theme-color-dark);

  text-transform: uppercase;

}

.dark-layout .sticky-header .main-menu .navigation > li > a {

  color: var(--theme-color-light);

}

.sticky-header .main-menu .navigation > li > a:before {

  background: var(--theme-color1);

}



.sticky-header .main-menu .navigation > li.current > a,

.sticky-header .main-menu .navigation > li:hover > a {

  color: var(--theme-color1);

}

.dark-layout .sticky-header .main-menu .navigation > li.current > a,

.dark-layout .sticky-header .main-menu .navigation > li:hover > a {

  color: var(--theme-color-light);

}



.sticky-header .outer-box,

.sticky-header .navbar-header {

  display: none;

}



.sticky-header .mobile-nav-toggler {

  color: var(--theme-color-dark);

}

.dark-layout .sticky-header .mobile-nav-toggler {

  color: var(--theme-color-light);

}



@media only screen and (min-width: 768px) {

  .main-menu .navigation > li > ul,

  .main-menu .navigation > li > .mega-menu,

  .main-menu .navigation > li > ul > li > ul {

    display: block !important;

    visibility: hidden;

    opacity: 0;

  }

}

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

      Mobile Menu CSS

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

.mobile-nav-toggler {

  position: relative;

  font-size: 28px;

  line-height: 20px;

  cursor: pointer;

  color: var(--theme-color1);

  display: none;

  margin-left: 20px;

  -webkit-box-ordinal-group: 9;

      -ms-flex-order: 8;

          order: 8;

}

@media (max-width: 991.98px) {

  .mobile-nav-toggler {

    display: block;

  }

}



.mobile-menu {

  position: fixed;

  right: 0;

  top: 0;

  width: 300px;

  max-width: 100%;

  height: 100%;

  opacity: 0;

  visibility: hidden;

  z-index: 999999;

}

.mobile-menu .menu-backdrop {

  position: fixed;

  right: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 1;

  background: rgba(0, 0, 0, 0.7);

  opacity: 0;

  visibility: hidden;

}

.mobile-menu .upper-box {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  width: 100%;

  padding: 20px 20px;

}

.mobile-menu .close-btn {

  position: relative;

  text-align: center;

  font-size: 18px;

  color: var(--theme-color1);

  cursor: pointer;

  z-index: 10;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

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

          transform: translateY(-50px);

}

.mobile-menu .close-btn:hover {

  opacity: 0.5;

}

.mobile-menu .nav-logo {

  position: relative;

  text-align: left;

  width: 100%;

}

.rtl .mobile-menu .nav-logo {

  text-align: right;

}

.mobile-menu .nav-logo img {

  max-height: 40px;

}

.mobile-menu .nav-logo.light {

  display: block;

}

.dark-layout .mobile-menu .nav-logo.light {

  display: none;

}

.mobile-menu .nav-logo.dark {

  display: none;

}

.dark-layout .mobile-menu .nav-logo.dark {

  display: block;

}

.mobile-menu .menu-box {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-pack: start;

      -ms-flex-pack: start;

          justify-content: flex-start;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  max-height: 100%;

  overflow-y: auto;

  background: var(--theme-color-light);

  padding: 0px 0px;

  z-index: 5;

  opacity: 0;

  visibility: hidden;

  border-radius: 0px;

  -webkit-transform: translateX(101%);

          transform: translateX(101%);

}

.dark-layout .mobile-menu .menu-box {

  background: var(--dark-layout-color);

}



.mobile-menu-visible {

  overflow: hidden;

}

.mobile-menu-visible .mobile-menu {

  opacity: 1;

  visibility: visible;

}

.mobile-menu-visible .mobile-menu .menu-backdrop {

  opacity: 1;

  visibility: visible;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.mobile-menu-visible .mobile-menu .menu-box {

  opacity: 1;

  visibility: visible;

  -webkit-transition: all 0.4s ease 200ms;

  transition: all 0.4s ease 200ms;

  -webkit-transform: translateX(0%);

          transform: translateX(0%);

}

.mobile-menu-visible .mobile-menu .close-btn {

  -webkit-transform: translateY(0px);

          transform: translateY(0px);

}

.mobile-menu-visible .scroll-to-top {

  opacity: 0;

  visibility: hidden;

}



.mobile-menu .navigation {

  position: relative;

  display: block;

  width: 100%;

  border-top: 1px solid rgba(0, 0, 0, 0.1);

}

.dark-layout .mobile-menu .navigation {

  border-top: 1px solid rgba(255, 255, 255, 0.2);

}

.mobile-menu .navigation li {

  position: relative;

  display: block;

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.dark-layout .mobile-menu .navigation li {

  border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}

.mobile-menu .navigation li > ul > li:last-child {

  border-bottom: none;

}

.mobile-menu .navigation li > ul > li:first-child {

  border-top: 1px solid rgba(0, 0, 0, 0.1);

}

.dark-layout .mobile-menu .navigation li > ul > li:first-child {

  border-top: 1px solid rgba(255, 255, 255, 0.2);

}

.mobile-menu .navigation li > a {

  position: relative;

  display: block;

  line-height: 24px;

  padding: 10px 20px;

  font-size: 16px;

  color: var(--theme-color-dark);

  font-weight: 400;

  text-transform: capitalize;

}

.dark-layout .mobile-menu .navigation li > a {

  color: var(--theme-color-light);

}

.mobile-menu .navigation li:hover > a, .mobile-menu .navigation li.current > a {

  color: var(--theme-color1);

}

.mobile-menu .navigation li.dropdown .dropdown-btn {

  position: absolute;

  right: 0px;

  top: 0px;

  width: 44px;

  height: 44px;

  text-align: center;

  font-size: 16px;

  line-height: 44px;

  color: #000000;

  cursor: pointer;

  z-index: 5;

}

.rtl .mobile-menu .navigation li.dropdown .dropdown-btn {

  right: auto;

  left: 0;

}

.dark-layout .mobile-menu .navigation li.dropdown .dropdown-btn {

  color: var(--theme-color-light);

}

.mobile-menu .navigation li.dropdown .dropdown-btn:after {

  content: "";

  position: absolute;

  left: 0px;

  top: 10px;

  width: 1px;

  height: 24px;

  border-left: 1px solid rgba(0, 0, 0, 0.1);

}

.rtl .mobile-menu .navigation li.dropdown .dropdown-btn:after {

  left: auto;

  right: 0;

}

.dark-layout .mobile-menu .navigation li.dropdown .dropdown-btn:after {

  border-left: 1px solid rgba(255, 255, 255, 0.1);

}

.mobile-menu .navigation li.dropdown .dropdown-btn.active i:before {

  content: "\f106";

}



.mobile-menu .navigation li > ul,

.mobile-menu .navigation li > ul > li > ul {

  display: none;

}



.mobile-menu .navigation li > ul > li {

  padding-left: 20px;

}



.contact-list-one {

  position: relative;

  padding: 30px 20px 20px;

  width: 100%;

}

.contact-list-one li {

  position: relative;

  padding-left: 54px;

  min-height: 50px;

  margin-bottom: 20px;

}

.rtl .contact-list-one li {

  padding-left: 0;

  padding-right: 54px;

}

.contact-list-one li .icon {

  position: absolute;

  left: 0;

  top: 0px;

  font-size: 34px;

  line-height: 40px;

  color: var(--theme-color1);

}

.rtl .contact-list-one li .icon {

  left: auto;

  right: 0;

}

.contact-list-one li .title {

  display: block;

  font-size: 14px;

  color: var(--theme-color-dark);

  line-height: 24px;

  font-weight: 700;

  text-transform: uppercase;

}

.dark-layout .contact-list-one li .title {

  color: var(--theme-color-light);

}

.contact-list-one li .text {

  font-size: 20px;

  line-height: 24px;

  color: var(--theme-color-dark);

}

.dark-layout .contact-list-one li .text {

  color: var(--theme-color-light);

}

.contact-list-one li .text a {

  color: var(--theme-color-dark);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.dark-layout .contact-list-one li .text a {

  color: var(--theme-color-light);

}

.contact-list-one li .text a:hover {

  color: var(--theme-color1);

}

.contact-list-one.light li .icon {

  color: var(--theme-color7);

}

.contact-list-one.light li .text,

.contact-list-one.light li .title {

  color: var(--theme-color-light);

}

.contact-list-one.light li .text a,

.contact-list-one.light li .title a {

  color: var(--theme-color-light);

}



.mobile-menu .social-links {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  background: var(--theme-color-light);

  width: 100%;

  border-top: 1px solid rgba(0, 0, 0, 0.1);

  margin-top: auto;

}

.dark-layout .mobile-menu .social-links {

  background: var(--dark-layout-color);

  border-top: 1px solid rgba(255, 255, 255, 0.1);

}

.mobile-menu .social-links li {

  position: relative;

  text-align: center;

  width: 100%;

  border-right: 1px solid rgba(0, 0, 0, 0.1);

}

.dark-layout .mobile-menu .social-links li {

  border-right: 1px solid rgba(255, 255, 255, 0.1);

}

.mobile-menu .social-links li a {

  position: relative;

  display: block;

  line-height: 50px;

  height: 50px;

  font-size: 14px;

  text-align: center;

  color: #000000;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.mobile-menu .social-links li a:hover {

  color: var(--theme-color2);

}

.dark-layout .mobile-menu .social-links li a {

  color: var(--theme-color-light);

}



/***



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

  Hidden Sidebar CSS

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

.toggle-hidden-bar {

  position: relative;

}



.hidden-bar {

  position: fixed;

  right: 0;

  top: 0px;

  height: 100%;

  overflow-y: auto;

  z-index: 99999;

  max-width: 320px;

  width: 100%;

  opacity: 0;

  -webkit-transform: translateX(100%);

          transform: translateX(100%);

  visibility: hidden;

  background: #ffffff;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}

.dark-layout .hidden-bar {

  background: var(--dark-layout-color);

}

.hidden-bar::-webkit-scrollbar {

  width: 2px;

}

.hidden-bar::-webkit-scrollbar-track {

  -webkit-box-shadow: inset 0 0 2px #cecece;

  box-shadow: inset 0 0 2px #cecece;

  border-radius: 10px;

}

.hidden-bar::-webkit-scrollbar-thumb {

  background: #7a7a7a;

  border-radius: 10px;

}

.hidden-bar::-webkit-scrollbar-thumb:hover {

  background: #7a7a7a;

}

.hidden-bar .inner-box {

  position: relative;

  width: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  background-color: var(--theme-color-light);

  height: 100%;

}

.dark-layout .hidden-bar .inner-box {

  background: var(--dark-layout-color);

}

.hidden-bar .upper-box {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  width: 100%;

  padding: 20px 30px 15px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}

.hidden-bar .upper-box .close-btn {

  position: relative;

  top: 4px;

  text-align: center;

  font-size: 20px;

  line-height: 30px;

  color: var(--theme-color1);

  cursor: pointer;

  z-index: 10;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.hidden-bar .upper-box .close-btn:hover {

  opacity: 0.5;

}

.hidden-bar .upper-box .nav-logo {

  position: relative;

  text-align: left;

  width: 100%;

}

.rtl .hidden-bar .upper-box .nav-logo {

  text-align: right;

}

.hidden-bar .upper-box .nav-logo img {

  max-height: 50px;

}

.hidden-bar .upper-box .nav-logo.light {

  display: block;

}

.dark-layout .hidden-bar .upper-box .nav-logo.light {

  display: none;

}

.hidden-bar .upper-box .nav-logo.dark {

  display: none;

}

.dark-layout .hidden-bar .upper-box .nav-logo.dark {

  display: block;

}

.hidden-bar .text-box {

  position: relative;

  padding: 25px 30px 25px;

}

.hidden-bar .text-box .title {

  color: var(--theme-color-dark);

}

.dark-layout .hidden-bar .text-box .title {

  color: var(--theme-color-light);

}

.hidden-bar .text-box .text {

  color: var(--theme-color-dark);

}

.dark-layout .hidden-bar .text-box .text {

  color: var(--theme-color-light);

}



.hidden-bar-back-drop {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

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

  z-index: 999;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}



.active-hidden-bar .hidden-bar {

  -webkit-transform: translateX(0);

  transform: translateX(0);

  opacity: 1;

  visibility: visible;

}



.active-hidden-bar .hidden-bar-back-drop {

  opacity: 1;

  visibility: visible;

}



.hidden-bar .social-links {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  background: var(--theme-color-light);

  width: 100%;

  border-top: 1px solid rgba(0, 0, 0, 0.2);

  margin-top: auto;

}

.dark-layout .hidden-bar .social-links {

  background: var(--dark-layout-color);

  border-top: 1px solid rgba(255, 255, 255, 0.2);

}

.hidden-bar .social-links li {

  position: relative;

  text-align: center;

  width: 100%;

  border-right: 1px solid rgba(0, 0, 0, 0.2);

}

.dark-layout .hidden-bar .social-links li {

  border-right: 1px solid rgba(255, 255, 255, 0.2);

}

.hidden-bar .social-links li a {

  position: relative;

  display: block;

  line-height: 50px;

  height: 50px;

  font-size: 14px;

  text-align: center;

  color: var(--theme-color-dark);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.dark-layout .hidden-bar .social-links li a {

  color: var(--theme-color-light);

}

.hidden-bar .social-links li a:hover {

  color: var(--theme-color1);

}



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

      Mega Menu CSS

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

.main-header .navigation > li.has-mega-menu {

  position: static;

}

@media (max-width: 991.98px) {

  .main-header .navigation > li.has-mega-menu {

    position: relative !important;

  }

}

.main-header .navigation > li > .mega-menu {

  position: absolute;

  width: 100%;

  max-width: 100%;

  min-width: 100%;

  background-color: var(--theme-color-light);

  padding: 30px 35px 25px;

  top: 100%;

  left: 0;

  z-index: 100;

  margin-top: 20px;

  opacity: 0;

  display: none;

  -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

          box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

}

.dark-layout .main-header .navigation > li > .mega-menu {

  background-color: var(--dark-layout-color);

}

@media (max-width: 991.98px) {

  .main-header .navigation > li > .mega-menu {

    position: relative;

    display: none;

    opacity: 1;

    visibility: visible;

    margin: 0px;

    padding: 0px;

    width: 100%;

    border-radius: 0px;

    -webkit-transition: none !important;

    transition: none !important;

    -webkit-box-shadow: none;

            box-shadow: none;

    position: relative;

    width: 100%;

    padding: 0px !important;

    background: none !important;

    margin: 0px !important;

    left: 0px !important;

    top: 0px !important;

  }

}

.main-header .navigation > li:hover > .mega-menu {

  margin-top: 0;

  opacity: 1;

  visibility: visible;

  -webkit-transition: all 200ms ease;

  transition: all 200ms ease;

}

.main-header .navigation > li > .mega-menu .mega-menu-bar {

  position: relative;

}

.main-header .navigation > li > .mega-menu .mega-menu-bar h3 {

  position: relative;

  color: var(--theme-color-dark);

}

.main-header .navigation > li > .mega-menu .mega-menu-bar ul {

  position: relative;

  margin-bottom: -1px;

}

.main-header .navigation > li > .mega-menu .mega-menu-bar ul > li {

  position: relative;

  width: 100%;

  border-bottom: 1px solid #ebf1f5;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}

.dark-layout .main-header .navigation > li > .mega-menu .mega-menu-bar ul > li {

  border-color: #838586;

}

.main-header .navigation > li > .mega-menu .mega-menu-bar .column {

  position: relative;

  margin-bottom: 10px;

}

@media (max-width: 991.98px) {

  .main-header .navigation > li > .mega-menu .mega-menu-bar .column {

    margin-bottom: 0;

  }

}

.main-header .navigation > li > .mega-menu .mega-menu-bar .column > ul > li:last-child {

  border: none;

}

@media (max-width: 991.98px) {

  .main-header .navigation > li > .mega-menu .mega-menu-bar .column > ul > li {

    padding-left: 20px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

  }

  .main-header .navigation > li > .mega-menu .mega-menu-bar .column > ul > li:first-child {

    border-top: 1px solid rgba(255, 255, 255, 0.1);

  }

  .main-header .navigation > li > .mega-menu .mega-menu-bar .column > ul > li:last-child {

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

  }

}

.main-header .navigation > li > .mega-menu .mega-menu-bar .column > ul > li > a {

  position: relative;

  display: block;

  padding: 10px 0px;

  line-height: 29px;

  font-weight: 400;

  font-size: 16px;

  color: var(--theme-color-dark);

  text-align: left;

  text-transform: capitalize;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.rtl .main-header .navigation > li > .mega-menu .mega-menu-bar .column > ul > li > a {

  text-align: right;

}

.main-header .navigation > li > .mega-menu .mega-menu-bar .column > ul > li > a:hover {

  color: var(--theme-color1);

}

.dark-layout .main-header .navigation > li > .mega-menu .mega-menu-bar .column > ul > li > a {

  color: var(--theme-color-light);

}

.dark-layout .main-header .navigation > li > .mega-menu .mega-menu-bar .column > ul > li > a:hover {

  color: var(--theme-color1);

}

@media (max-width: 991.98px) {

  .main-header .navigation > li > .mega-menu .mega-menu-bar .column > ul > li > a {

    position: relative;

    display: block;

    line-height: 24px;

    padding: 10px 20px;

    font-size: 16px;

    font-weight: 400;

    text-transform: capitalize;

  }

}



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

    Section Title CSS

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

.sec-title {

  position: relative;

  margin-bottom: 21px;

  z-index: 1;

}

@media (max-width: 991.98px) {

  .sec-title br {

    display: none;

  }

}

.dark-layout .sec-title .sub-title,

.dark-layout .sec-title .section-title,

.dark-layout .sec-title .text {

  color: var(--theme-color-light);

}

.sec-title .sub-title {

  position: relative;

  display: inline-block;

  font-size: var(--sec-title-subtitle-font-size);

  line-height: var(--sec-title-subtitle-line-height);

  font-weight: var(--sec-title-subtitle-font-weight);

  font-family: var(--sec-title-subtitle-font-family);

  color: var(--sec-title-subtitle-color);

  text-transform: uppercase;

  margin-bottom: 20px;

}

.sec-title .sub-title:before {

  position: absolute;

  top: 4px;

  left: -17px;

  font-size: 16px;

  line-height: 1em;

  font-weight: 400;

  font-family: var(--fa-style-family, "Font Awesome 6 Pro");

  content: "\f130";

  display: none;

}

.rtl .sec-title .sub-title:before {

  left: auto;

  right: -17px;

}

.sec-title .sub-title:after {

  position: absolute;

  top: 4px;

  right: -17px;

  font-size: 16px;

  line-height: 1em;

  font-weight: 400;

  font-family: var(--fa-style-family, "Font Awesome 6 Pro");

  content: "\f130";

}

.rtl .sec-title .sub-title:after {

  right: auto;

  left: -17px;

}

.sec-title h1 {

  position: relative;

  font-size: var(--h1-font-size);

  line-height: 1.2em;

  margin-bottom: 0;

}

@media (max-width: 1199.98px) {

  .sec-title h1 {

    font-size: 84px;

  }

}

@media (max-width: 991.98px) {

  .sec-title h1 {

    font-size: 72px;

  }

}

@media (max-width: 767.98px) {

  .sec-title h1 {

    font-size: 68px;

  }

}

@media (max-width: 575.98px) {

  .sec-title h1 {

    font-size: 54px;

  }

}

.sec-title h2 {

  position: relative;

  font-size: var(--sec-title-font-size);

  color: var(--sec-title-color);

  font-family: var(--sec-title-font-family);

  font-weight: var(--sec-title-font-weight);

  margin-bottom: 0;

  line-height: 1.1em;

  z-index: 2;

}

@media (max-width: 575.98px) {

  .sec-title h2 {

    font-size: 40px;

  }

  .sec-title h2 br {

    display: none;

  }

}

.sec-title .text {

  margin-top: 0px;

}

.sec-title.light .sub-title {

  color: var(--theme-color-light);

}

.sec-title.light .sub-title:before {

  color: var(--theme-color-light);

}

.sec-title.light .text {

  color: var(--theme-color-light);

}

.sec-title.light h2,

.sec-title.light h1 {

  color: var(--theme-color-light);

}

.sec-title.orange .sub-title {

  color: var(--theme-color4);

}

.sec-title.orange .sub-title:before, .sec-title.orange .sub-title:after {

  color: var(--theme-color4);

}

.sec-title.yellow .sub-title {

  color: var(--theme-color2);

}

.sec-title.yellow .sub-title:before, .sec-title.yellow .sub-title:after {

  color: var(--theme-color2);

}

.sec-title.text-center .sub-title:before {

  display: block;

}



/* Animate 1 */

.swiper .animate-8,

.swiper .animate-7,

.swiper .animate-6,

.swiper .animate-5,

.swiper .animate-4,

.swiper .animate-3,

.swiper .animate-2,

.swiper .animate-1 {

  opacity: 0;

  -webkit-transform: translateY(100px);

          transform: translateY(100px);

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}

.swiper .animate-x {

  opacity: 0;

  -webkit-transform: translateX(100px);

          transform: translateX(100px);

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}

.swiper .swiper-slide-active .animate-x {

  opacity: 1;

  -webkit-transition-delay: 300ms;

          transition-delay: 300ms;

  -webkit-transform: translateX(0);

          transform: translateX(0);

}

.swiper .swiper-slide-active .animate-x,

.swiper .swiper-slide-active .animate-8,

.swiper .swiper-slide-active .animate-7,

.swiper .swiper-slide-active .animate-6,

.swiper .swiper-slide-active .animate-5,

.swiper .swiper-slide-active .animate-4,

.swiper .swiper-slide-active .animate-3,

.swiper .swiper-slide-active .animate-2,

.swiper .swiper-slide-active .animate-1 {

  opacity: 1;

  -webkit-transform: translateY(0);

          transform: translateY(0);

}

.swiper .swiper-slide-active .animate-2 {

  -webkit-transition-delay: 300ms;

          transition-delay: 300ms;

}

.swiper .swiper-slide-active .animate-3 {

  -webkit-transition-delay: 600ms;

          transition-delay: 600ms;

}

.swiper .swiper-slide-active .animate-4 {

  -webkit-transition-delay: 900ms;

          transition-delay: 900ms;

}

.swiper .swiper-slide-active .animate-5 {

  -webkit-transition-delay: 1200ms;

          transition-delay: 1200ms;

}

.swiper .swiper-slide-active .animate-6 {

  -webkit-transition-delay: 1500ms;

          transition-delay: 1500ms;

}

.swiper .swiper-slide-active .animate-7 {

  -webkit-transition-delay: 1800ms;

          transition-delay: 1800ms;

}

.swiper .swiper-slide-active .animate-8 {

  -webkit-transition-delay: 2100ms;

          transition-delay: 2100ms;

}



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

    Banner Section CSS

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

.banner-section {

  position: relative;

  overflow: hidden;

  padding: 240px 0 220px;

  min-height: 100vh;

}

@media (max-width: 1199.98px) {

  .banner-section {

    padding: 200px 0 120px;

  }

}

@media (max-width: 575.98px) {

  .banner-section {

    padding: 180px 0 100px;

  }

}

.banner-section:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: -webkit-gradient(linear, left top, right top, from(#000000), to(transparent));

  background: linear-gradient(to right, #000000 0%, transparent 100%);

  z-index: 1;

}

.rtl .banner-section:before {

  background: -webkit-gradient(linear, right top, left top, from(#000000), to(transparent));

  background: linear-gradient(to left, #000000 0%, transparent 100%);

}

.rtl .banner-section .bg {

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.rtl .banner-section .banner-swiper {

  direction: ltr;

}

.banner-section.style-two {

  padding: 0;

}

.banner-section.style-two .banner-slide {

  min-height: 100vh;

  padding: 240px 0 220px;

}

@media (max-width: 1199.98px) {

  .banner-section.style-two .banner-slide {

    padding: 200px 0 120px;

  }

}

@media (max-width: 575.98px) {

  .banner-section.style-two .banner-slide {

    padding: 180px 0 100px;

  }

}

.banner-section.style-two:before {

  display: none;

}

.banner-section.style-two .banner-slide:before {

  display: block;

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: -webkit-gradient(linear, left top, right top, from(#000000), to(transparent));

  background: linear-gradient(to right, #000000 0%, transparent 100%);

  z-index: 1;

}

.rtl .banner-section.style-two .banner-slide:before {

  background: -webkit-gradient(linear, right top, left top, from(#000000), to(transparent));

  background: linear-gradient(to left, #000000 0%, transparent 100%);

}

.banner-section.style-two .swiper-pagination {

  position: absolute;

  bottom: 25px;

  left: 50%;

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

          transform: translateX(-50%);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  gap: 2px;

}

.banner-section.style-two .swiper-pagination .swiper-pagination-bullet {

  position: relative;

  width: 15px;

  height: 15px;

  border: 2px solid var(--theme-color-light);

  border-radius: 50%;

  opacity: 1;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.banner-section.style-two .swiper-pagination .swiper-pagination-bullet:before {

  content: "";

  position: absolute;

  left: 0px;

  bottom: 0px;

  width: 100%;

  height: 40%;

  background-color: var(--theme-color-light);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.banner-section.style-two .swiper-pagination .swiper-pagination-bullet-active, .banner-section.style-two .swiper-pagination .swiper-pagination-bullet:hover {

  background: var(--theme-color-light);

}

.banner-section.style-two .swiper-pagination .swiper-pagination-bullet-active:before, .banner-section.style-two .swiper-pagination .swiper-pagination-bullet:hover:before {

  height: 100%;

}

.banner-section .banner-layer {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 2;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}

@media (max-width: 1199.98px) {

  .banner-section .banner-layer {

    display: none;

  }

}

.rtl .banner-section .banner-layer {

  left: auto;

  right: 0;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.banner-section .content-box {

  position: relative;

  display: inline-block;

  padding-left: 150px;

  z-index: 3;

}

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

  .banner-section .content-box {

    padding-left: 240px;

  }

}

@media (max-width: 1199.98px) {

  .banner-section .content-box {

    padding-left: 0;

    text-align: center;

    width: 100%;

  }

}

.rtl .banner-section .content-box {

  padding-right: 150px;

  padding-left: 0;

}

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

  .rtl .banner-section .content-box {

    padding-right: 240px;

  }

}

@media (max-width: 1199.98px) {

  .rtl .banner-section .content-box {

    padding-right: 0;

  }

}

.banner-section .content-box .author-box {

  position: relative;

  margin-bottom: 80px;

  padding-left: 265px;

}

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

  .banner-section .content-box .author-box {

    padding-left: 160px;

  }

}

@media (max-width: 1199.98px) {

  .banner-section .content-box .author-box {

    padding-left: 0;

    margin-left: -100px;

    margin-bottom: 30px;

  }

}

@media (max-width: 575.98px) {

  .banner-section .content-box .author-box {

    margin-left: 0;

    margin-bottom: 20px;

  }

}

.rtl .banner-section .content-box .author-box {

  padding-left: 0;

  padding-right: 265px;

}

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

  .rtl .banner-section .content-box .author-box {

    padding-right: 160px;

  }

}

@media (max-width: 1199.98px) {

  .rtl .banner-section .content-box .author-box {

    padding-right: 0;

    margin-right: -100px;

  }

}

@media (max-width: 575.98px) {

  .rtl .banner-section .content-box .author-box {

    margin-right: 0;

  }

}

.banner-section .content-box .author-box .inner-box {

  position: relative;

  display: inline-block;

  text-align: right;

}

@media (max-width: 575.98px) {

  .banner-section .content-box .author-box .inner-box {

    text-align: center;

  }

}

@media (max-width: 991.98px) {

  .banner-section .content-box .author-box .inner-box .sign {

    width: 200px;

  }

}

@media (max-width: 575.98px) {

  .banner-section .content-box .author-box .inner-box .sign {

    width: 150px;

  }

}

.banner-section .content-box .author-box .inner-box .designation {

  position: relative;

  font-size: 20px;

  line-height: 30px;

  color: #F4E412;

  margin-top: 10px;

}

@media (max-width: 991.98px) {

  .banner-section .content-box .author-box .inner-box .designation {

    font-size: 18px;

  }

}

@media (max-width: 575.98px) {

  .banner-section .content-box .author-box .inner-box .designation {

    font-size: 14px;

  }

}

.banner-section .content-box .author-box .inner-box .line {

  position: absolute;

  top: 50px;

  right: -100%;

  margin-right: -40px;

}

@media (max-width: 991.98px) {

  .banner-section .content-box .author-box .inner-box .line {

    top: 40px;

    margin-right: -60px;

  }

}

@media (max-width: 575.98px) {

  .banner-section .content-box .author-box .inner-box .line {

    display: none;

  }

}

.rtl .banner-section .content-box .author-box .inner-box .line {

  right: auto;

  left: -100%;

  margin-right: 0;

  margin-left: -40px;

  -webkit-transform: scaleX(-1) !important;

          transform: scaleX(-1) !important;

}

@media (max-width: 991.98px) {

  .rtl .banner-section .content-box .author-box .inner-box .line {

    margin-left: -60px;

  }

}

.banner-section .content-box .title {

  position: relative;

  color: var(--theme-color-light);

  margin-bottom: 40px;

}

@media (max-width: 1399.98px) {

  .banner-section .content-box .title {

    margin-bottom: 30px;

    font-size: 110px;

  }

}

@media (max-width: 991.98px) {

  .banner-section .content-box .title {

    font-size: 80px;

  }

}

@media (max-width: 575.98px) {

  .banner-section .content-box .title {

    font-size: 50px;

  }

}

.banner-section .content-box .title span {

  font-weight: 400;

}

.banner-section .content-box .title .banner-small-images {

  position: relative;

  top: -4px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

}

@media (max-width: 991.98px) {

  .banner-section .content-box .title .banner-small-images {

    top: 0;

  }

}

.banner-section .content-box .title .banner-small-images img {

  position: relative;

  border-radius: 50%;

  width: 92px;

  height: 92px;

  margin-right: -33px;

  border: 2px solid var(--theme-color-light);

}

.banner-section .content-box .title .banner-small-images img:last-child {

  margin-right: 0;

}

@media (max-width: 991.98px) {

  .banner-section .content-box .title .banner-small-images img {

    display: inline-block;

    width: 60px;

    height: 60px;

  }

}

@media (max-width: 575.98px) {

  .banner-section .content-box .title .banner-small-images img {

    width: 40px;

    height: 40px;

    margin-right: -20px;

  }

}

.rtl .banner-section .content-box .title .banner-small-images img {

  margin-right: 0;

  margin-left: -33px;

}

.rtl .banner-section .content-box .title .banner-small-images img:last-child {

  margin-left: 0;

}

.banner-section .content-box .location-box {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 55px;

  padding-left: 10px;

}

@media (max-width: 1199.98px) {

  .banner-section .content-box .location-box {

    gap: 20px;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

  }

}

.rtl .banner-section .content-box .location-box {

  padding-left: 0;

  padding-right: 10px;

}

.banner-section .content-box .text {

  position: relative;

  font-size: 20px;

  line-height: 36px;

  font-weight: 300;

  color: var(--theme-color-light);

}

@media (max-width: 991.98px) {

  .banner-section .content-box .text {

    font-size: 18px;

    line-height: 32px;

  }

}

@media (max-width: 575.98px) {

  .banner-section .content-box .text {

    font-size: 16px;

    line-height: 28px;

  }

}

.rtl .banner-section .content-box .text .icon {

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.banner-section .time-counter {

  position: absolute;

  top: 50%;

  right: 100px;

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

          transform: translateY(-50%);

  z-index: 5;

}

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

  .banner-section .time-counter {

    right: 50px;

  }

}

@media (max-width: 1199.98px) {

  .banner-section .time-counter {

    position: relative;

    right: 0;

    top: 0;

    -webkit-transform: translateY(0%);

            transform: translateY(0%);

  }

}

.rtl .banner-section .time-counter {

  right: auto;

  left: 100px;

}

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

  .rtl .banner-section .time-counter {

    left: 50px;

    right: auto;

  }

}

@media (max-width: 1199.98px) {

  .rtl .banner-section .time-counter {

    left: 0;

  }

}

.banner-section .time-counter .time-countdown {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  gap: 30px;

}

@media (max-width: 1199.98px) {

  .banner-section .time-counter .time-countdown {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    gap: 20px;

    margin-top: 50px;

  }

}

@media (max-width: 575.98px) {

  .banner-section .time-counter .time-countdown {

    gap: 15px;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

  }

}

.banner-section .time-counter .time-countdown .separator {

  display: none;

}

.banner-section .time-counter .time-countdown .counter-column {

  position: relative;

  width: 130px;

  height: 110px;

  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;

  gap: 10px;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

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

  border: 1px solid rgba(255, 255, 255, 0.2);

  border-radius: 10px;

  text-align: center;

}

@media (max-width: 991.98px) {

  .banner-section .time-counter .time-countdown .counter-column {

    width: 100px;

    height: 100px;

  }

}

.banner-section .time-counter .time-countdown .counter-column .count {

  position: relative;

  display: block;

  font-size: 40px;

  font-weight: 800;

  line-height: 1em;

  color: var(--theme-color-light);

  margin-bottom: 0;

  text-align: center;

  font-family: var(--title-font);

}

@media (max-width: 991.98px) {

  .banner-section .time-counter .time-countdown .counter-column .count {

    font-size: 34px;

  }

}

.banner-section .time-counter .time-countdown .counter-column sub {

  position: relative;

  color: var(--theme-color-light);

  font-family: var(--title-font);

  font-size: 16px;

  line-height: 1em;

  font-weight: 700;

  text-transform: uppercase;

  z-index: 3;

}

@media (max-width: 991.98px) {

  .banner-section .time-counter .time-countdown .counter-column sub {

    font-size: 14px;

  }

}

@media (max-width: 575.98px) {

  .banner-section .time-counter .time-countdown .counter-column sub {

    font-weight: 500;

    font-size: 12px;

  }

}



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

    Banner Section Two CSS

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

.banner-section-two {

  position: relative;

  overflow: hidden;

  padding: 310px 0 220px;

  min-height: 100vh;

}

@media (max-width: 991.98px) {

  .banner-section-two {

    padding-top: 260px;

  }

}

@media (max-width: 575.98px) {

  .banner-section-two {

    padding: 200px 0 120px;

  }

}

.rtl .banner-section-two .bg {

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.rtl .banner-section-two .banner-swiper-two {

  direction: ltr;

}

.banner-section-two.style-two {

  padding: 0;

}

.banner-section-two.style-two .banner-slide {

  min-height: 100vh;

  padding: 310px 0 220px;

}

@media (max-width: 991.98px) {

  .banner-section-two.style-two .banner-slide {

    padding-top: 260px;

  }

}

@media (max-width: 575.98px) {

  .banner-section-two.style-two .banner-slide {

    padding: 200px 0 120px;

  }

}

.banner-section-two.style-two .swiper-pagination {

  position: absolute;

  bottom: 25px;

  left: 50%;

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

          transform: translateX(-50%);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  gap: 2px;

}

.banner-section-two.style-two .swiper-pagination .swiper-pagination-bullet {

  position: relative;

  width: 15px;

  height: 15px;

  border: 2px solid var(--theme-color-light);

  border-radius: 50%;

  opacity: 1;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.banner-section-two.style-two .swiper-pagination .swiper-pagination-bullet:before {

  content: "";

  position: absolute;

  left: 0px;

  bottom: 0px;

  width: 100%;

  height: 40%;

  background-color: var(--theme-color-light);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.banner-section-two.style-two .swiper-pagination .swiper-pagination-bullet-active, .banner-section-two.style-two .swiper-pagination .swiper-pagination-bullet:hover {

  background: var(--theme-color-light);

}

.banner-section-two.style-two .swiper-pagination .swiper-pagination-bullet-active:before, .banner-section-two.style-two .swiper-pagination .swiper-pagination-bullet:hover:before {

  height: 100%;

}

.banner-section-two .floating-title {

  position: absolute;

  top: 425px;

  left: -270px;

  font-size: 82px;

  font-weight: 700;

  line-height: 1em;

  font-family: var(--title-font);

  opacity: 0.5;

  color: var(--theme-color-dark);

  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;

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

          transform: rotate(-90deg);

  text-transform: uppercase;

  z-index: 1;

}

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

  .banner-section-two .floating-title {

    display: none;

  }

}

.rtl .banner-section-two .floating-title {

  left: auto;

  right: -270px;

}

.banner-section-two .content-box {

  position: relative;

  padding-left: 26px;

  z-index: 4;

}

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

  .banner-section-two .content-box {

    padding-left: 0;

  }

}

@media (max-width: 991.98px) {

  .banner-section-two .content-box {

    text-align: center;

  }

}

.rtl .banner-section-two .content-box {

  padding-left: 0;

  padding-right: 26px;

}

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

  .rtl .banner-section-two .content-box {

    padding-right: 0;

  }

}

.banner-section-two .content-box .title {

  position: relative;

  font-size: 100px;

  color: var(--theme-color-light);

  margin-bottom: 50px;

  line-height: 1.2em;

}

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

  .banner-section-two .content-box .title {

    font-size: 80px;

  }

}

@media (max-width: 767.98px) {

  .banner-section-two .content-box .title {

    font-size: 66px;

  }

}

@media (max-width: 575.98px) {

  .banner-section-two .content-box .title {

    font-size: 48px;

    margin-bottom: 30px;

  }

}

.banner-section-two .content-box .title span {

  font-weight: 400;

}

.banner-section-two .content-box .btn-box-outer {

  position: relative;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: end;

      -ms-flex-align: end;

          align-items: flex-end;

  gap: 95px;

  z-index: 3;

}

@media (max-width: 1199.98px) {

  .banner-section-two .content-box .btn-box-outer {

    gap: 50px;

  }

}

@media (max-width: 991.98px) {

  .banner-section-two .content-box .btn-box-outer {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    gap: 30px;

  }

}

.banner-section-two .content-box .btn-box-outer .icon-arrow {

  position: absolute;

  top: -110px;

  right: 100px;

}

@media (max-width: 991.98px) {

  .banner-section-two .content-box .btn-box-outer .icon-arrow {

    display: none;

  }

}

.rtl .banner-section-two .content-box .btn-box-outer .icon-arrow {

  right: auto;

  left: 100px;

  -webkit-transform: scaleX(-1) !important;

          transform: scaleX(-1) !important;

}

.banner-section-two .content-box .btn-box-outer .text {

  font-size: 20px;

  line-height: 30px;

  color: var(--theme-color-light);

  max-width: 430px;

  margin-bottom: 40px;

}

@media (max-width: 1199.98px) {

  .banner-section-two .content-box .btn-box-outer .text {

    font-size: 18px;

  }

}

@media (max-width: 991.98px) {

  .banner-section-two .content-box .btn-box-outer .text {

    margin-bottom: 0;

    max-width: 500px;

  }

}

@media (max-width: 575.98px) {

  .banner-section-two .content-box .btn-box-outer .text {

    max-width: 100%;

    font-size: 16px;

    line-break: 28px;

  }

}

.banner-section-two .image-box {

  position: absolute;

  bottom: 0;

  right: 0;

  z-index: 3;

  pointer-events: none;

}

@media (max-width: 991.98px) {

  .banner-section-two .image-box {

    display: none;

  }

}

.rtl .banner-section-two .image-box {

  right: auto;

  left: 0;

}

.rtl .banner-section-two .image-box .image {

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.banner-section-two .image-box .image {

  position: relative;

  margin-bottom: 0;

}

.banner-section-two .date-box {

  position: absolute;

  left: 56px;

  bottom: 60px;

  z-index: 3;

}

@media (max-width: 991.98px) {

  .banner-section-two .date-box {

    position: relative;

    left: 0;

    bottom: 0;

    text-align: center;

    margin-top: 50px;

  }

}

.rtl .banner-section-two .date-box {

  left: auto;

  right: 56px;

}

@media (max-width: 991.98px) {

  .rtl .banner-section-two .date-box {

    right: 0;

  }

}

.banner-section-two .date-box .date {

  position: relative;

  color: var(--theme-color2);

  font-size: 69px;

  line-height: 1em;

  font-weight: 500;

  text-align: center;

}

@media (max-width: 575.98px) {

  .banner-section-two .date-box .date {

    font-size: 48px;

  }

}

.banner-section-two .date-box .date span {

  display: block;

  padding-top: 5px;

  font-size: 24px;

  font-weight: 700;

  line-height: 1.4em;

}

@media (max-width: 575.98px) {

  .banner-section-two .date-box .date span {

    font-size: 18px;

  }

}



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

    Banner Section Three CSS

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

.banner-section-three {

  position: relative;

  overflow: hidden;

  padding: 245px 0 231px;

  background-color: var(--theme-color-dark);

  z-index: 3;

}

@media (max-width: 575.98px) {

  .banner-section-three {

    padding: 200px 0 120px;

  }

}

.banner-section-three .shape-twentysix {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;
  display: none;
}

@media (max-width: 575.98px) {

  .banner-section-three .shape-twentysix {

    display: none;

  }

}

.banner-section-three .shape-twentyseven {

  position: absolute;

  top: 197px;

  right: 0;

  z-index: 1;
  display: none;

}

@media (max-width: 575.98px) {

  .banner-section-three .shape-twentyseven {

    display: none;

  }

}

.banner-section-three .floating-title {

  position: absolute;

  top: 360px;

  right: -480px;

  font-size: 128px;

  font-weight: 700;

  line-height: 1em;

  font-family: var(--title-font);

  opacity: 0.5;

  color: #8F03B5;

  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;

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

          transform: rotate(-90deg);

  text-transform: uppercase;

}

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

  .banner-section-three .floating-title {

    display: none;

  }

}

.rtl .banner-section-three .floating-title {

  right: auto;

  left: -480px;

}

.banner-section-three .content-box {

  padding-left: 30px;

}

@media (max-width: 1399.98px) {

  .banner-section-three .content-box {

    text-align: center;

    padding-left: 0;

  }

}

.rtl .banner-section-three .content-box {

  padding-left: 0;

  padding-right: 30px;

}

@media (max-width: 1399.98px) {

  .rtl .banner-section-three .content-box {

    padding-right: 0;

  }

}

.banner-section-three .btn-box.show-xxl {

  display: none;

}

@media (max-width: 1399.98px) {

  .banner-section-three .btn-box.show-xxl {

    display: block;

  }

}

.banner-section-three .title-box {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: end;

      -ms-flex-align: end;

          align-items: flex-end;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  margin-bottom: 0px;

}

@media (max-width: 1399.98px) {

  .banner-section-three .title-box {

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

  }

}

.banner-section-three .title-box .title-outer {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: end;

      -ms-flex-align: end;

          align-items: flex-end;

  gap: 20px;

}

@media (max-width: 767.98px) {

  .banner-section-three .title-box .title-outer {

    display: block;

    text-align: center;

  }

}

.banner-section-three .title-box .title {

  position: relative;

  font-size: 96px;

  color: var(--theme-color-light);

  font-weight: 600;

  text-transform: capitalize;

  margin-bottom: 0;

  gap: 20px;

}

@media (max-width: 991.98px) {

  .banner-section-three .title-box .title {

    font-size: 66px;

  }

}

@media (max-width: 575.98px) {

  .banner-section-three .title-box .title {

    font-size: 45px;

  }

}

.banner-section-three .title-box .highlighted {

  position: relative;

  font-size: 80px;

  color: var(--theme-color2);

}

@media (max-width: 991.98px) {

  .banner-section-three .title-box .highlighted {

    font-size: 66px;

  }

}

@media (max-width: 575.98px) {

  .banner-section-three .title-box .highlighted {

    font-size: 42px;

    display: block;

  }

}

.banner-section-three .title-box .highlighted:before {

  content: "";

  position: absolute;

  bottom: -17px;

  left: 0;

  width: 322px;

  height: 26px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  background-image: url(../images/icons/icon-line-two.png);

}

@media (max-width: 991.98px) {

  .banner-section-three .title-box .highlighted:before {

    width: 400px;

    background-size: contain;

  }

}

@media (max-width: 575.98px) {

  .banner-section-three .title-box .highlighted:before {

    width: 100%;

  }

}

@media (max-width: 1399.98px) {

  .banner-section-three .title-box .btn-box.hide-xxl {

    display: none;

  }

}

.banner-section-three .image-box {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 75px;

}

@media (max-width: 1399.98px) {

  .banner-section-three .image-box {

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    margin-bottom: 25px;

  }

}

.banner-section-three .image-box .image {

  position: relative;

  margin-bottom: 0;

  border-radius: 21px;

  width: 334px;

  height: 214px;

  -ms-flex-negative: 0;

      flex-shrink: 0;

}

@media (max-width: 1399.98px) {

  .banner-section-three .image-box .image {

    display: none;

  }

}

.banner-section-three .image-box .image img {

  border: 3px solid var(--theme-color-light);

  border-radius: 21px;

  width: 100%;

  height: 100%;

}

.banner-section-three .image-box .content {

  position: relative;

  gap: 40px;

  padding-left: 6px;

}

@media (max-width: 1399.98px) {

  .banner-section-three .image-box .content {

    padding-left: 0;

  }

}

.rtl .banner-section-three .image-box .content {

  padding-left: 0;

  padding-right: 120px;

}

@media (max-width: 1399.98px) {

  .rtl .banner-section-three .image-box .content {

    padding-right: 0;

  }

}

.banner-section-three .image-box .content .icon-mic {

  position: absolute;

  top: 28px;

  left: 0;

}

@media (max-width: 1399.98px) {

  .banner-section-three .image-box .content .icon-mic {

    display: none;

  }

}

.rtl .banner-section-three .image-box .content .icon-mic {

  left: auto;

  right: 0;

}

.banner-section-three .image-box .content .title {

  position: relative;

  padding-top: 0px;

  margin-bottom: 0px;

  color: var(--theme-color-light);

  line-height: 0.5em;
}

@media (max-width: 991.98px) {

  .banner-section-three .image-box .content .title {

    font-size: 100px;

  }

}

@media (max-width: 767.98px) {

  .banner-section-three .image-box .content .title {

    font-size: 80px;

  }

}

@media (max-width: 575.98px) {

  .banner-section-three .image-box .content .title {

    font-size: 50px;

    margin-bottom: 15px;

  }

}

.banner-section-three .image-box .content .text {

  position: relative;

  font-size: 35px;

  font-weight: 300;

  padding-left: 0px;

  line-height: 36px;

  color: var(--theme-color-light);

  margin-bottom: 0;

  max-width: 590px;

}

@media (max-width: 1399.98px) {

  .banner-section-three .image-box .content .text {

    padding-left: 0;

    margin: 0 auto;

  }

}

@media (max-width: 991.98px) {

  .banner-section-three .image-box .content .text {

    font-size: 18px;

    max-width: 100%;

  }

}

@media (max-width: 767.98px) {

  .banner-section-three .image-box .content .text {

    font-size: 16px;

    line-height: 30px;

  }

}



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

    FAQ Section CSS

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

.faq-section {

  position: relative;

  padding: 0 0 70px;

}

.faq-section.two {

  padding-top: 120px;

}

.faq-section .shape-twentythree {

  position: absolute;

  bottom: 100px;

  right: -300px;

  -webkit-animation: fa-spin 50s linear infinite;

          animation: fa-spin 50s linear infinite;

}

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

  .faq-section .shape-twentythree {

    display: none;

  }

}

.rtl .faq-section .shape-twentythree {

  right: auto;

  left: -300px;

}

.faq-section .image-column {

  margin-bottom: 50px;

}

@media (max-width: 1199.98px) {

  .faq-section .image-column {

    -webkit-box-ordinal-group: 3;

        -ms-flex-order: 2;

            order: 2;

  }

}

.faq-section .image-column .inner-column {

  position: relative;

  margin-left: -130px;

  margin-right: 130px;

  padding-bottom: 165px;

}

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

  .faq-section .image-column .inner-column {

    margin-left: -50px;

    margin-right: 0;

  }

}

@media (max-width: 1399.98px) {

  .faq-section .image-column .inner-column {

    margin-left: 0;

    padding-bottom: 0;

    margin-right: 140px;

    padding-top: 50px;

  }

}

@media (max-width: 1199.98px) {

  .faq-section .image-column .inner-column {

    margin-right: 0;

    padding-top: 0;

  }

}

.rtl .faq-section .image-column .inner-column {

  margin-right: -130px;

  margin-left: 130px;

}

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

  .rtl .faq-section .image-column .inner-column {

    margin-right: -50px;

    margin-left: 0;

  }

}

@media (max-width: 1399.98px) {

  .rtl .faq-section .image-column .inner-column {

    margin-right: 0;

    margin-left: 140px;

  }

}

@media (max-width: 1199.98px) {

  .rtl .faq-section .image-column .inner-column {

    margin-left: 0;

  }

}

.faq-section .image-column .inner-column:before {

  content: "";

  position: absolute;

  bottom: 80px;

  left: 80px;

  width: 540px;

  height: 568px;

  border-radius: 40px;

  background-color: var(--theme-color4);

  -webkit-animation: bounce-y 10s infinite linear;

          animation: bounce-y 10s infinite linear;

}

@media (max-width: 1399.98px) {

  .faq-section .image-column .inner-column:before {

    display: none;

  }

}

.rtl .faq-section .image-column .inner-column:before {

  left: auto;

  right: 80px;

}

.faq-section .image-column .inner-column .exp-box {

  position: absolute;

  bottom: 300px;

  right: 0;

  width: 220px;

  height: 220px;

  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;

  border-radius: 50%;

  border: 3px solid var(--theme-color-light);

  background: radial-gradient(circle, #4361EE 0%, #150036 100%);

  z-index: 1;

}

.rtl .faq-section .image-column .inner-column .exp-box {

  left: 0;

  right: auto;

}

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

  .faq-section .image-column .inner-column .exp-box {

    display: none;

  }

}

.faq-section .image-column .inner-column .exp-box .circular-text {

  position: relative;

  fill: currentColor;

  height: auto;

  -webkit-transform-origin: center;

          transform-origin: center;

  width: 202px;

  height: 202px;

  -webkit-animation: fa-spin 30s infinite linear;

          animation: fa-spin 30s infinite linear;

}

.rtl .faq-section .image-column .inner-column .exp-box .circular-text {

  direction: ltr;

}

.faq-section .image-column .inner-column .exp-box .circular-text text {

  position: relative;

  font-size: 11px;

  font-weight: 700;

  letter-spacing: 0.8px;

  font-family: var(--title-font);

  color: var(--theme-color-light);

  text-transform: uppercase;

}

.faq-section .image-column .inner-column .exp-box .logo {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 120px;

  height: 120px;

  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;

  border-radius: 50%;

  border: 3px solid #F5F5F5;

  -webkit-box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.5);

          box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.5);

  background-color: var(--theme-color-light);

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

}

.faq-section .image-column .inner-column .image {

  position: relative;

  border-radius: 30px;

  margin-bottom: 0;

  overflow: hidden;

}

@media (max-width: 1399.98px) {

  .faq-section .image-column .inner-column .image {

    height: 100%;

    width: 100%;

  }

}

@media (max-width: 1199.98px) {

  .faq-section .image-column .inner-column .image {

    height: 600px;

    -o-object-fit: cover;

       object-fit: cover;

  }

}

@media (max-width: 575.98px) {

  .faq-section .image-column .inner-column .image {

    height: 100%;

  }

}

.faq-section .image-column .inner-column .image.two {

  position: absolute;

  bottom: -10px;

  right: 20px;

}

.faq-section .image-column .inner-column .image.two img {

  border: 7px solid var(--theme-color-light);

}

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

  .faq-section .image-column .inner-column .image.two {

    right: 100px;

  }

}

@media (max-width: 1399.98px) {

  .faq-section .image-column .inner-column .image.two {

    display: none;

  }

}

.rtl .faq-section .image-column .inner-column .image.two {

  right: auto;

  left: 20px;

}

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

  .rtl .faq-section .image-column .inner-column .image.two {

    left: 100px;

  }

}

.faq-section .image-column .inner-column .image img {

  position: relative;

  border-radius: 30px;

  -webkit-transform-origin: center;

          transform-origin: center;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.faq-section .image-column .inner-column .image:hover img {

  -webkit-transform: scale(1.1) !important;

          transform: scale(1.1) !important;

}

.faq-section .content-column {

  margin-bottom: 50px;

}

.faq-section .content-column .inner-column {

  padding-top: 13px;

  margin-left: -110px;

}

@media (max-width: 1199.98px) {

  .faq-section .content-column .inner-column {

    padding-top: 0;

    margin-left: 0;

  }

}

.rtl .faq-section .content-column .inner-column {

  margin-left: 0;

  margin-right: -110px;

}

@media (max-width: 1199.98px) {

  .rtl .faq-section .content-column .inner-column {

    margin-right: 0;

  }

}

.faq-section .content-column .inner-column .sec-title {

  margin-right: -20px;

}

@media (max-width: 1199.98px) {

  .faq-section .content-column .inner-column .sec-title {

    margin-right: 0;

  }

}

.rtl .faq-section .content-column .inner-column .sec-title {

  margin-right: 0;

  margin-left: -20px;

}



.accordion-box {

  position: relative;

}

.accordion-box .block {

  position: relative;

  width: 100%;

  padding: 40px 30px 40px 50px;

  border-bottom: 1px solid #CCCCCC;

}

.accordion-box .block:first-child {

  border-top: 1px solid #CCCCCC;

}

.accordion-box .block:last-child {

  margin-bottom: 0;

}

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

  .accordion-box .block {

    padding-left: 30px;

  }

}

@media (max-width: 575.98px) {

  .accordion-box .block {

    padding: 20px 10px;

  }

}

.rtl .accordion-box .block {

  padding: 40px 50px 40px 30px;

}

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

  .rtl .accordion-box .block {

    padding-right: 30px;

  }

}

@media (max-width: 575.98px) {

  .rtl .accordion-box .block {

    padding: 20px 10px;

  }

}

.accordion-box .block .acc-btn {

  position: relative;

  color: var(--theme-color-dark);

  font-size: 20px;

  font-weight: 700;

  line-height: 1em;

  font-family: var(--title-font);

  cursor: pointer;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}

@media (max-width: 575.98px) {

  .accordion-box .block .acc-btn {

    padding-right: 30px;

    font-size: 16px;

    font-weight: 600;

    line-height: 1.2em;

  }

}

.dark-layout .accordion-box .block .acc-btn {

  color: var(--theme-color-light);

}

.accordion-box .block .acc-btn .icon {

  position: absolute;

  top: -8px;

  right: 0;

  width: 40px;

  height: 40px;

  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;

  font-size: 16px;

  border-radius: 50%;

  color: var(--theme-color-light);

  background-color: var(--theme-color3);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 575.98px) {

  .accordion-box .block .acc-btn .icon {

    width: 30px;

    height: 30px;

    font-size: 14px;

    top: -4px;

  }

}

.rtl .accordion-box .block .acc-btn .icon {

  right: auto;

  left: 0;

}

.accordion-box .block .acc-btn.active .icon {

  background-color: var(--theme-color4);

}

.accordion-box .block .acc-btn.active .icon:before {

  content: "\f068";

}

.accordion-box .block .acc-content {

  position: relative;

  display: none;

}

.accordion-box .block .acc-content .content {

  position: relative;

  padding-top: 30px;

}

@media (max-width: 575.98px) {

  .accordion-box .block .acc-content .content {

    padding-top: 10px;

  }

}

.accordion-box .block .acc-content .content .text {

  display: block;

  margin-bottom: 0;

}

@media (max-width: 575.98px) {

  .accordion-box .block .acc-content .content .text {

    font-size: 14px;

    line-height: 1.8em;

  }

}

.dark-layout .accordion-box .block .acc-content .content .text {

  color: var(--theme-color-light);

}

.accordion-box .block .acc-content.current {

  display: block;

}



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

    Event Section CSS

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

.event-section {

  position: relative;

  padding: 39px 0;

  overflow: hidden;

}

.event-section .shape-three {

  position: absolute;

  top: 0;

  left: 0;

}

@media (max-width: 991.98px) {

  .event-section .shape-three {

    display: none;

  }

}

.event-section .shape-four {

  position: absolute;

  top: 0;

  right: 0;

}

@media (max-width: 991.98px) {

  .event-section .shape-four {

    display: none;

  }

}



.event-block {

  position: relative;

}

.event-block:first-child .inner-box {

  border-top: 1px solid #666666;

}

.event-block .event-block-inner {

  position: relative;

  z-index: 3;

}

.event-block .inner-box {

  position: relative;

  padding: 66px 65px 66px 76px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  background-color: var(--theme-color-light);

  border-bottom: 1px solid #666666;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 1199.98px) {

  .event-block .inner-box {

    padding: 50px 30px;

  }

}

@media (max-width: 1199.98px) {

  .event-block .inner-box {

    padding: 50px 20px;

  }

}

@media (max-width: 767.98px) {

  .event-block .inner-box {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;

    gap: 20px;

  }

}

@media (max-width: 575.98px) {

  .event-block .inner-box {

    padding: 40px 10px;

  }

}

.rtl .event-block .inner-box {

  padding: 66px 76px 66px 65px;

}

@media (max-width: 1199.98px) {

  .rtl .event-block .inner-box {

    padding: 50px 30px;

  }

}

@media (max-width: 1199.98px) {

  .rtl .event-block .inner-box {

    padding: 50px 20px;

  }

}

@media (max-width: 575.98px) {

  .rtl .event-block .inner-box {

    padding: 40px 10px;

  }

}

.dark-layout .event-block .inner-box {

  background-color: var(--dark-layout-color);

}

.event-block .inner-box:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#F5F5F5));

  background: linear-gradient(to bottom, #ffffff 0%, #F5F5F5 100%);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.rtl .event-block .inner-box:before {

  left: auto;

  right: 0;

}

.dark-layout .event-block .inner-box:before {

  background: -webkit-gradient(linear, left top, left bottom, from(var(--dark-layout-color)), to(#333333));

  background: linear-gradient(to bottom, var(--dark-layout-color) 0%, #333333 100%);

}

.event-block .inner-box:hover {

  -webkit-filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.1));

          filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.1));

  z-index: 5;

}

.event-block .inner-box:hover:before {

  opacity: 1;

}

.event-block .inner-box:hover .event-hover {

  opacity: 1;

}

.event-block .inner-box:hover .title-box .title {

  color: var(--theme-color1);

}

.event-block .inner-box .date-box {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: end;

      -ms-flex-align: end;

          align-items: flex-end;

  gap: 16px;

  z-index: 10;

}

@media (max-width: 575.98px) {

  .event-block .inner-box .date-box {

    gap: 10px;

  }

}

.rtl .event-block .inner-box .date-box {

  text-align: right;

}

.event-block .inner-box .date-box .date {

  position: relative;

  display: block;

  font-size: 96px;

  font-weight: 600;

  line-height: 1em;

  font-family: var(--title-font);

  color: var(--theme-color-dark);

}

@media (max-width: 991.98px) {

  .event-block .inner-box .date-box .date {

    font-size: 80px;

  }

}

@media (max-width: 575.98px) {

  .event-block .inner-box .date-box .date {

    font-size: 60px;

  }

}

.dark-layout .event-block .inner-box .date-box .date {

  color: var(--theme-color-light);

}

.event-block .inner-box .date-box .year {

  position: relative;

  top: -8px;

  display: block;

  font-size: 24px;

  line-height: 30px;

  font-weight: 600;

}

@media (max-width: 991.98px) {

  .event-block .inner-box .date-box .year {

    font-size: 18px;

    line-height: 1.4em;

  }

}

@media (max-width: 575.98px) {

  .event-block .inner-box .date-box .year {

    font-size: 16px;

  }

}

.event-block .inner-box .title-box {

  position: relative;

  padding-left: 120px;

  z-index: 10;

}

@media (max-width: 991.98px) {

  .event-block .inner-box .title-box {

    padding-left: 50px;

  }

}

@media (max-width: 767.98px) {

  .event-block .inner-box .title-box {

    padding-left: 0px;

  }

}

.rtl .event-block .inner-box .title-box {

  padding-left: 0px;

  padding-right: 120px;

  text-align: right;

}

@media (max-width: 991.98px) {

  .rtl .event-block .inner-box .title-box {

    padding-right: 50px;

  }

}

@media (max-width: 767.98px) {

  .rtl .event-block .inner-box .title-box {

    padding-right: 0px;

  }

}

.event-block .inner-box .title-box .title {

  position: relative;

  margin-bottom: 10px;

  text-transform: capitalize;

  z-index: 99;

}

@media (max-width: 575.98px) {

  .event-block .inner-box .title-box .title {

    font-size: 26px;

    margin-bottom: 15px;

  }

}

.event-block .inner-box .location-box {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 14px;

  z-index: 10;

}

@media (max-width: 1199.98px) {

  .event-block .inner-box .location-box {

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    gap: 8px;

  }

}

@media (max-width: 575.98px) {

  .event-block .inner-box .location-box {

    gap: 4px;

  }

}

.event-block .inner-box .location-box li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 12px;

}

.event-block .inner-box .location-box .icon {

  position: relative;

  color: var(--theme-color-dark);

}

.dark-layout .event-block .inner-box .location-box .icon {

  color: var(--theme-color-light);

}

.event-block .inner-box .btn-box {

  position: relative;

  margin-left: auto;

  text-align: center;

  z-index: 10;

}

@media (max-width: 767.98px) {

  .event-block .inner-box .btn-box {

    margin-left: 0;

    margin-right: auto;

  }

}

.rtl .event-block .inner-box .btn-box {

  margin-left: 0;

  margin-right: auto;

}

@media (max-width: 767.98px) {

  .rtl .event-block .inner-box .btn-box {

    margin-right: 0;

    margin-left: auto;

  }

}

.event-block .inner-box .btn-box .title.free {

  position: relative;

  margin-bottom: 0;

  color: var(--text-color);

}

@media (max-width: 575.98px) {

  .event-block .inner-box .btn-box .title.free {

    font-size: 20px;

  }

}

.dark-layout .event-block .inner-box .btn-box .title.free {

  color: rgba(255, 255, 255, 0.6);

}

.event-block .inner-box .btn-box .title.sold {

  position: relative;

  margin-bottom: 0;

  color: var(--theme-color1);

}

@media (max-width: 575.98px) {

  .event-block .inner-box .btn-box .title.sold {

    font-size: 20px;

  }

}

.event-block .inner-box .event-hover {

  position: absolute;

  top: 0;

  left: 0;

  width: 313px;

  height: 502px;

  background-size: cover;

  background-repeat: no-repeat;

  background-position-x: 75%;

  opacity: 0;

  -webkit-transition: opacity 0.3s, -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);

  transition: opacity 0.3s, -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);

  transition: opacity 0.3s, transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);

  transition: opacity 0.3s, transform 0.7s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);

  margin: -100px 0 0 -50px;

  pointer-events: none;

  z-index: 9;

}

@media (max-width: 767.98px) {

  .event-block .inner-box .event-hover {

    display: none;

  }

}



.event-tabs {

  position: relative;

  text-align: center;

}

.event-tabs .tab-btns {

  position: relative;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  border: 1px solid #DDDDDD;

  border-radius: 50px;

  margin-bottom: 75px;

}

@media (max-width: 575.98px) {

  .event-tabs .tab-btns {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    border: none;

    gap: 10px;

    width: 80%;

  }

}

.event-tabs .tab-btn {

  position: relative;

  font-family: var(--title-font);

  font-size: 16px;

  line-height: 1em;

  font-weight: 700;

  padding: 22px 50px;

  cursor: pointer;

  text-transform: uppercase;

  color: var(--theme-color-dark);

  border-radius: 50px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 575.98px) {

  .event-tabs .tab-btn {

    border: 1px solid #DDDDDD;

    width: 100%;

  }

}

.dark-layout .event-tabs .tab-btn {

  color: var(--theme-color-light);

}

.event-tabs .tab-btn.active-btn {

  background-color: var(--theme-color1);

  color: var(--theme-color-light);

}

.event-tabs .tab-btn.active-btn:before {

  content: "";

  position: absolute;

  bottom: -17px;

  left: 50%;

  width: 0;

  height: 0;

  border-left: 8px solid transparent;

  border-right: 8px solid transparent;

  border-top: 17px solid var(--theme-color1);

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

          transform: translateX(-50%);

}

@media (max-width: 575.98px) {

  .event-tabs .tab-btn.active-btn:before {

    display: none;

  }

}

.event-tabs .tabs-content {

  text-align: left;

}



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

    Event Section Two

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

.event-section-two {

  position: relative;

  padding: 120px 0;

}

@media (max-width: 1199.98px) {

  .event-section-two .sec-title {

    text-align: center;

  }

}

@media (max-width: 991.98px) {

  .event-section-two .outer-box {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

  }

}



.event-block-two {

  position: relative;

}

@media (max-width: 991.98px) {

  .event-block-two {

    width: 50%;

  }

}

@media (max-width: 767.98px) {

  .event-block-two {

    width: 100%;

  }

}

.event-block-two:first-child {

  border-top: 1px solid rgba(255, 255, 255, 0.1);

}

.event-block-two .event-block-inner {

  position: relative;

  z-index: 3;

}

.event-block-two .inner-box {

  position: relative;

  padding: 32px 35px 32px 40px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 1199.98px) {

  .event-block-two .inner-box {

    padding: 25px 25px;

  }

}

@media (max-width: 991.98px) {

  .event-block-two .inner-box {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    padding: 40px 25px;

    border-bottom: none;

  }

}

@media (max-width: 575.98px) {

  .event-block-two .inner-box {

    padding: 35px 15px;

  }

}

.event-block-two .inner-box:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  border-radius: 100px;

  background: -webkit-gradient(linear, left top, right top, from(var(--theme-color-light)), to(#EEEEEE));

  background: linear-gradient(to right, var(--theme-color-light) 0%, #EEEEEE 100%);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 991.98px) {

  .event-block-two .inner-box:before {

    border-radius: 10px;

  }

}

.rtl .event-block-two .inner-box:before {

  background: -webkit-gradient(linear, right top, left top, from(var(--theme-color-light)), to(#EEEEEE));

  background: linear-gradient(to left, var(--theme-color-light) 0%, #EEEEEE 100%);

}

.event-block-two .inner-box .shape-thirty {

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0;

  pointer-events: none;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

  z-index: 1;

}

.event-block-two .inner-box .shape-thirtyone {

  position: absolute;

  top: 0;

  right: 0;

  opacity: 0;

  pointer-events: none;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

  z-index: 1;

}

.event-block-two .inner-box:hover {

  -webkit-filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.1));

          filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.1));

  z-index: 4;

  border-bottom: 1px solid transparent;

}

.event-block-two .inner-box:hover:before {

  opacity: 1;

}

.event-block-two .inner-box:hover .shape-thirty {

  opacity: 1;

}

.event-block-two .inner-box:hover .shape-thirtyone {

  opacity: 1;

}

.event-block-two .inner-box:hover .event-hover {

  opacity: 1;

}

.event-block-two .inner-box:hover .time-box .time {

  color: var(--theme-color-dark);

}

.event-block-two .inner-box:hover .title-box .title {

  color: var(--theme-color4);

}

.event-block-two .inner-box:hover .title-box .speaker-box .speaker {

  color: var(--theme-color-dark);

}

.event-block-two .inner-box:hover .text-box .text {

  color: var(--theme-color-dark);

}

.event-block-two .inner-box:hover .btn-box .read-more {

  -webkit-transform: scale(1);

          transform: scale(1);

}

.event-block-two .inner-box .time-box {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 13px;

  z-index: 10;

}

@media (max-width: 991.98px) {

  .event-block-two .inner-box .time-box {

    margin-bottom: 20px;

  }

}

.event-block-two .inner-box .time-box .icon {

  position: relative;

  color: var(--theme-color4);

  font-size: 18px;

}

.event-block-two .inner-box .time-box .time {

  position: relative;

  display: block;

  font-weight: 700;

  color: var(--theme-color-light);

  margin-bottom: 0;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 575.98px) {

  .event-block-two .inner-box .time-box .time {

    font-size: 16px;

  }

}

.event-block-two .inner-box .title-box {

  position: relative;

  padding-left: 100px;

  z-index: 10;

}

@media (max-width: 1199.98px) {

  .event-block-two .inner-box .title-box {

    padding-left: 60px;

  }

}

@media (max-width: 991.98px) {

  .event-block-two .inner-box .title-box {

    margin-bottom: 20px;

    padding-left: 0px;

    text-align: center;

  }

}

@media (max-width: 575.98px) {

  .event-block-two .inner-box .title-box {

    margin-bottom: 10px;

  }

}

.rtl .event-block-two .inner-box .title-box {

  padding-left: 0;

  padding-right: 100px;

  text-align: right;

}

@media (max-width: 1199.98px) {

  .rtl .event-block-two .inner-box .title-box {

    padding-right: 60px;

  }

}

@media (max-width: 991.98px) {

  .rtl .event-block-two .inner-box .title-box {

    padding-right: 0px;

  }

}

.event-block-two .inner-box .title-box .title {

  color: var(--theme-color-light);

  margin-bottom: 3px;

}

@media (max-width: 1199.98px) {

  .event-block-two .inner-box .title-box .title {

    margin-bottom: 8px;

  }

}

.event-block-two .inner-box .title-box .speaker-box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 10px;

}

@media (max-width: 991.98px) {

  .event-block-two .inner-box .title-box .speaker-box {

    text-align: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

  }

}

.event-block-two .inner-box .title-box .speaker-box .icon {

  position: relative;

  color: var(--theme-color4);

  font-size: 14px;

}

.event-block-two .inner-box .title-box .speaker-box .speaker {

  position: relative;

  font-weight: 600;

  color: var(--theme-color-light);

  margin-bottom: 0;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.event-block-two .inner-box .title-box .speaker-box .speaker span {

  display: inline-block;

  font-size: 14px;

  font-weight: 400;

}

.event-block-two .inner-box .text-box {

  position: relative;

  margin-left: auto;

  z-index: 10;

}

@media (max-width: 991.98px) {

  .event-block-two .inner-box .text-box {

    margin: 0 auto 20px;

    text-align: center;

    width: 100%;

  }

}

@media (max-width: 575.98px) {

  .event-block-two .inner-box .text-box {

    margin-bottom: 10px;

  }

}

.rtl .event-block-two .inner-box .text-box {

  margin-left: 0;

  margin-right: auto;

  text-align: right;

}

@media (max-width: 991.98px) {

  .rtl .event-block-two .inner-box .text-box {

    margin: 0 auto 20px;

  }

}

@media (max-width: 575.98px) {

  .rtl .event-block-two .inner-box .text-box {

    margin-bottom: 10px;

  }

}

.event-block-two .inner-box .text-box .text {

  position: relative;

  color: var(--theme-color-light);

  margin-bottom: 0;

  font-weight: 300;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 1199.98px) {

  .event-block-two .inner-box .text-box .text br {

    display: none;

  }

}

.event-block-two .inner-box .btn-box {

  position: relative;

  margin-left: auto;

  z-index: 10;

}

@media (max-width: 991.98px) {

  .event-block-two .inner-box .btn-box {

    margin: 0 auto;

    width: 100%;

  }

}

.rtl .event-block-two .inner-box .btn-box {

  margin-left: 0;

  margin-right: auto;

}

@media (max-width: 991.98px) {

  .rtl .event-block-two .inner-box .btn-box {

    margin: 0 auto;

  }

}

.event-block-two .inner-box .btn-box .read-more {

  position: relative;

  width: 140px;

  height: 140px;

  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;

  border-radius: 50%;

  font-size: 45px;

  color: var(--theme-color-light);

  background: radial-gradient(circle, #FFA162, #04988c);

  -webkit-transform: scale(0.33);

          transform: scale(0.33);

  z-index: 1;

}

@media (max-width: 991.98px) {

  .event-block-two .inner-box .btn-box .read-more {

    width: 50px;

    height: 50px;

    -webkit-transform: scale(1);

            transform: scale(1);

    font-size: 20px;

    line-height: 1em;

    margin: 0 auto;

  }

}

.rtl .event-block-two .inner-box .btn-box .read-more i:before {

  display: inline-block;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.event-block-two .inner-box .event-hover {

  position: absolute;

  top: 0;

  left: 0;

  width: 387px;

  height: 328px;

  border-radius: 23px;

  background-size: cover;

  background-repeat: no-repeat;

  background-position-x: 75%;

  opacity: 0;

  -webkit-transition: opacity 0.3s, -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);

  transition: opacity 0.3s, -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);

  transition: opacity 0.3s, transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);

  transition: opacity 0.3s, transform 0.7s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);

  margin: -100px 0 0 -50px;

  pointer-events: none;

  z-index: 9;

}

@media (max-width: 991.98px) {

  .event-block-two .inner-box .event-hover {

    display: none;

  }

}



.event-tabs-two {

  position: relative;

  margin-top: -180px;

  text-align: right;

  z-index: 3;

}

@media (max-width: 1199.98px) {

  .event-tabs-two {

    margin-top: 0;

    text-align: center;

  }

}

.rtl .event-tabs-two {

  text-align: left;

}

@media (max-width: 1199.98px) {

  .rtl .event-tabs-two {

    text-align: center;

  }

}

.event-tabs-two .tab-btns {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  text-align: left;

  margin-bottom: 80px;

  padding: 0 5px;

  background-color: #F5F5F5;

}

@media (max-width: 575.98px) {

  .event-tabs-two .tab-btns {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    width: 100%;

    text-align: center;

    padding: 5px;

  }

}

.rtl .event-tabs-two .tab-btns {

  text-align: right;

}

@media (max-width: 575.98px) {

  .rtl .event-tabs-two .tab-btns {

    text-align: center;

  }

}

.event-tabs-two .tab-btn {

  position: relative;

  font-family: var(--title-font);

  font-size: 24px;

  line-height: 30px;

  font-weight: 700;

  padding: 20px 40px;

  cursor: pointer;

  color: var(--theme-color-dark);

  background-color: #F5F5F5;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

  z-index: 1;

}

@media (max-width: 767.98px) {

  .event-tabs-two .tab-btn {

    padding: 20px 28px;

  }

}

@media (max-width: 575.98px) {

  .event-tabs-two .tab-btn {

    padding: 20px 20px;

  }

}

.event-tabs-two .tab-btn:before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  width: 0%;

  background-color: var(--theme-color4);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

  z-index: -1;

}

.rtl .event-tabs-two .tab-btn:before {

  left: auto;

  right: 0;

}

.event-tabs-two .tab-btn span {

  position: relative;

  display: block;

  font-weight: 400;

  font-size: 14px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.event-tabs-two .tab-btn .shape-fifteen {

  position: absolute;

  top: 0;

  right: 0;

}

.rtl .event-tabs-two .tab-btn .shape-fifteen {

  right: auto;

  left: 0;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.event-tabs-two .tab-btn:hover, .event-tabs-two .tab-btn.active-btn {

  color: var(--theme-color-light);

}

.event-tabs-two .tab-btn:hover:before, .event-tabs-two .tab-btn.active-btn:before {

  width: 100%;

}

.event-tabs-two .tab-btn:hover span, .event-tabs-two .tab-btn.active-btn span {

  color: var(--theme-color-light);

}

.event-tabs-two .tabs-content {

  text-align: left;

}



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

    Event Section Three

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

.event-section-three {

  position: relative;

  padding: 120px 0 70px;

}

.event-section-three .sec-title-outer {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  margin-bottom: 100px;

}

@media (max-width: 1199.98px) {

  .event-section-three .sec-title-outer {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    text-align: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    margin-bottom: 50px;

  }

}

.event-section-three .sec-title-outer .text {

  max-width: 788px;

  padding-bottom: 40px;

}

@media (max-width: 1199.98px) {

  .event-section-three .sec-title-outer .text {

    max-width: 100%;

    padding-bottom: 0;

    padding-top: 10px;

  }

}

.dark-layout .event-section-three .sec-title-outer .text {

  color: var(--theme-color-light);

}

@media (max-width: 991.98px) {

  .event-section-three .outer-box {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    -webkit-box-align: stretch;

        -ms-flex-align: stretch;

            align-items: stretch;

  }

}



.event-block-three {

  position: relative;

  margin-bottom: 50px;

}

@media (max-width: 991.98px) {

  .event-block-three {

    width: 50%;

  }

}

@media (max-width: 767.98px) {

  .event-block-three {

    width: 100%;

  }

}

.event-block-three.right .inner-box {

  padding: 25px 25px 23px 60px;

  border-radius: 20px 200px 200px 20px;

}

@media (max-width: 991.98px) {

  .event-block-three.right .inner-box {

    border-radius: 10px;

    padding: 20px;

    margin-left: 8px;

    margin-right: 0;

  }

}

@media (max-width: 767.98px) {

  .event-block-three.right .inner-box {

    padding: 15px;

  }

}

@media (max-width: 575.98px) {

  .event-block-three.right .inner-box {

    margin-left: 0;

  }

}

.rtl .event-block-three.right .inner-box {

  padding: 25px 60px 23px 25px;

  border-radius: 200px 20px 20px 200px;

}

@media (max-width: 991.98px) {

  .rtl .event-block-three.right .inner-box {

    border-radius: 10px;

    padding: 20px;

    margin-right: 8px;

    margin-left: 0;

  }

}

@media (max-width: 767.98px) {

  .rtl .event-block-three.right .inner-box {

    padding: 15px;

  }

}

@media (max-width: 575.98px) {

  .rtl .event-block-three.right .inner-box {

    margin-right: 0;

  }

}

.event-block-three.right .inner-box .image-box .image {

  border-radius: 0 200px 200px 0;

}

@media (max-width: 991.98px) {

  .event-block-three.right .inner-box .image-box .image {

    border-radius: 10px;

  }

}

.rtl .event-block-three.right .inner-box .image-box .image {

  border-radius: 200px 0 0 200px;

}

@media (max-width: 991.98px) {

  .rtl .event-block-three.right .inner-box .image-box .image {

    border-radius: 10px;

  }

}

@media (max-width: 991.98px) {

  .event-block-three.right .inner-box .content-box {

    -webkit-box-ordinal-group: 3;

        -ms-flex-order: 2;

            order: 2;

  }

}

.event-block-three .inner-box {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  padding: 25px 40px 23px 25px;

  gap: 60px;

  background-color: #F5F5F5;

  border-radius: 200px 20px 20px 200px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 1199.98px) {

  .event-block-three .inner-box {

    gap: 30px;

    padding: 20px 20px;

  }

}

@media (max-width: 991.98px) {

  .event-block-three .inner-box {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    border-radius: 10px;

    margin-right: 8px;

  }

}

@media (max-width: 767.98px) {

  .event-block-three .inner-box {

    padding: 15px;

  }

}

@media (max-width: 575.98px) {

  .event-block-three .inner-box {

    margin-right: 0;

  }

}

.rtl .event-block-three .inner-box {

  padding: 25px 25px 23px 40px;

  border-radius: 20px 200px 200px 20px;

}

@media (max-width: 1199.98px) {

  .rtl .event-block-three .inner-box {

    padding: 20px 20px;

  }

}

@media (max-width: 991.98px) {

  .rtl .event-block-three .inner-box {

    margin-left: 8px;

    border-radius: 10px;

  }

}

@media (max-width: 575.98px) {

  .rtl .event-block-three .inner-box {

    margin-left: 0;

  }

}

.dark-layout .event-block-three .inner-box {

  background-color: var(--dark-layout-color-two);

}

.event-block-three .inner-box.active {

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

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

  background-color: var(--theme-color-light);

}

.event-block-three .inner-box.active .image-box .image img {

  -webkit-transform: scale(1.1);

          transform: scale(1.1);

}

.event-block-three .inner-box.active .btn-box .theme-btn.light-bg {

  background-color: var(--theme-color3);

  color: var(--theme-color-light);

}

.dark-layout .event-block-three .inner-box.active .content-box .city,

.dark-layout .event-block-three .inner-box.active .content-box .title,

.dark-layout .event-block-three .inner-box.active .content-box .text,

.dark-layout .event-block-three .inner-box.active .content-box .location-box li,

.dark-layout .event-block-three .inner-box.active .content-box .location-box li span,

.dark-layout .event-block-three .inner-box.active .content-box .location-box li.date {

  color: var(--theme-color-dark);

}

.event-block-three .inner-box .image-box {

  position: relative;

  -ms-flex-negative: 0;

      flex-shrink: 0;

}

@media (max-width: 991.98px) {

  .event-block-three .inner-box .image-box {

    width: 100%;

  }

}

.event-block-three .inner-box .image-box .image {

  position: relative;

  border-radius: 200px 0 0 200px;

  overflow: hidden;

  height: 100%;

  margin-bottom: 0;

  outline: 4px solid var(--theme-color-light);

  z-index: 3;

}

@media (max-width: 991.98px) {

  .event-block-three .inner-box .image-box .image {

    width: 100%;

    border-radius: 10px;

  }

}

.rtl .event-block-three .inner-box .image-box .image {

  border-radius: 0 200px 200px 0;

}

@media (max-width: 991.98px) {

  .rtl .event-block-three .inner-box .image-box .image {

    border-radius: 10px;

  }

}

.dark-layout .event-block-three .inner-box .image-box .image {

  outline-color: var(--dark-layout-color);

}

.event-block-three .inner-box .image-box .image img {

  position: relative;

  width: 100%;

  height: 100%;

  display: block;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

  z-index: 2;

}

@media (max-width: 991.98px) {

  .event-block-three .inner-box .image-box .image img {

    -o-object-fit: cover;

       object-fit: cover;

  }

}

.event-block-three .inner-box .content-box {

  position: relative;

  width: 100%;

}

.event-block-three .inner-box .content-box .city {

  position: relative;

  font-weight: 400;

  line-height: 1em;

  color: #666666;

  margin-bottom: 15px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 10px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.event-block-three .inner-box .content-box .city .icon {

  color: var(--theme-color4);

}

.dark-layout .event-block-three .inner-box .content-box .city {

  color: var(--theme-color-light);

}

.event-block-three .inner-box .content-box .title {

  position: relative;

  max-width: 350px;

  margin-bottom: 15px;

}

@media (max-width: 991.98px) {

  .event-block-three .inner-box .content-box .title {

    max-width: 100%;

    font-size: 30px;

  }

}

.event-block-three .inner-box .content-box .title a:hover {

  color: var(--theme-color4);

}

.event-block-three .inner-box .content-box .location-box {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 18px;

  margin-bottom: 20px;

}

@media (max-width: 991.98px) {

  .event-block-three .inner-box .content-box .location-box {

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    gap: 5px;

  }

}

.event-block-three .inner-box .content-box .location-box li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  font-weight: 600;

  gap: 10px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.event-block-three .inner-box .content-box .location-box li span {

  font-size: 14px;

  color: var(--theme-color-dark);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.dark-layout .event-block-three .inner-box .content-box .location-box li span {

  color: var(--theme-color-light);

}

.event-block-three .inner-box .content-box .location-box li.date {

  color: var(--theme-color-dark);

  font-weight: 700;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.dark-layout .event-block-three .inner-box .content-box .location-box li.date {

  color: var(--theme-color-light);

}

.event-block-three .inner-box .content-box .location-box .icon {

  position: relative;

  color: var(--theme-color4);

}

.event-block-three .inner-box .content-box .text {

  position: relative;

  margin-bottom: 0;

  max-width: 1200px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 1199.98px) {

  .event-block-three .inner-box .content-box .text {

    max-width: 100%;

  }

}

.dark-layout .event-block-three .inner-box .content-box .text {

  color: var(--theme-color-light);

}

.event-block-three .inner-box .content-box .btn-box {

  position: absolute;

  top: 0px;

  right: 0;

  gap: 20px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

@media (max-width: 1199.98px) {

  .event-block-three .inner-box .content-box .btn-box {

    top: -10px;

    right: -5px;

    gap: 10px;

  }

}

@media (max-width: 991.98px) {

  .event-block-three .inner-box .content-box .btn-box {

    position: relative;

    top: 0;

    right: 0;

    margin-top: 20px;

  }

}

.rtl .event-block-three .inner-box .content-box .btn-box {

  right: auto;

  left: 0;

}

@media (max-width: 1199.98px) {

  .rtl .event-block-three .inner-box .content-box .btn-box {

    left: -5px;

  }

}

@media (max-width: 991.98px) {

  .rtl .event-block-three .inner-box .content-box .btn-box {

    left: 0;

  }

}

.event-block-three .inner-box .content-box .btn-box .theme-btn {

  padding: 18px 36px;

}

@media (max-width: 1199.98px) {

  .event-block-three .inner-box .content-box .btn-box .theme-btn {

    padding: 16px 30px;

  }

}

.event-block-three .inner-box .content-box .thumb-box {

  position: relative;

}

.event-block-three .inner-box .content-box .thumb-box .thumb {

  position: absolute;

  right: 27px;

  bottom: -8px;

  border-radius: 50%;

  z-index: 1;

}

@media (max-width: 1399.98px) {

  .event-block-three .inner-box .content-box .thumb-box .thumb {

    display: none;

  }

}

.rtl .event-block-three .inner-box .content-box .thumb-box .thumb {

  right: auto;

  left: 27px;

}

.event-block-three .inner-box .content-box .thumb-box .thumb img {

  position: relative;

  border-radius: 50%;

  border: 2px solid var(--theme-color-light);

  z-index: 2;

}

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

  .event-block-three .inner-box .content-box .thumb-box .thumb {

    display: none;

  }

}

.rtl .event-block-three .inner-box .content-box .thumb-box .thumb {

  left: 10px;

  right: auto;

}

.event-block-three .inner-box .content-box .thumb-box .thumb:before {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 142px;

  height: 142px;

  border-radius: 50%;

  background-color: #D9D9D9;

  z-index: 1;

}



.event-tabs-three {

  position: relative;

  margin-top: -170px;

  text-align: right;

}

@media (max-width: 1199.98px) {

  .event-tabs-three {

    margin-top: 0;

    text-align: center;

  }

}

.rtl .event-tabs-three {

  text-align: left;

}

@media (max-width: 1199.98px) {

  .rtl .event-tabs-three {

    text-align: center;

  }

}

.event-tabs-three .tab-btns {

  position: relative;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: end;

      -ms-flex-pack: end;

          justify-content: flex-end;

  gap: 20px;

  margin-bottom: 70px;

  background-color: var(--theme-color-light);

  text-align: left;

}

@media (max-width: 991.98px) {

  .event-tabs-three .tab-btns {

    margin-bottom: 50px;

  }

}

@media (max-width: 575.98px) {

  .event-tabs-three .tab-btns {

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    gap: 10px;

  }

}

.rtl .event-tabs-three .tab-btns {

  text-align: right;

}

.dark-layout .event-tabs-three .tab-btns {

  background-color: var(--dark-layout-color);

}

.event-tabs-three .tab-btn {

  position: relative;

  font-family: var(--title-font);

  font-size: 16px;

  line-height: 30px;

  font-weight: 700;

  padding: 21px 20px 21px 50px;

  cursor: pointer;

  color: #666666;

  border-radius: 10px;

  background-color: #F5F5F5;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

  z-index: 1;

}

.rtl .event-tabs-three .tab-btn {

  padding: 21px 50px 21px 20px;

}

.dark-layout .event-tabs-three .tab-btn {

  background-color: var(--dark-layout-color-two);

  color: var(--theme-color-light);

}

.event-tabs-three .tab-btn:before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  width: 0%;

  border-radius: 10px;

  background-color: #150131;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

  z-index: -1;

}

.event-tabs-three .tab-btn .date-box {

  position: absolute;

  top: 5px;

  left: 4px;

  bottom: 5px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

}

.rtl .event-tabs-three .tab-btn .date-box {

  right: 4px;

  left: auto;

}

.event-tabs-three .tab-btn .date-box .date {

  position: relative;

  padding: 9px 12px;

  font-size: 14px;

  line-height: 30px;

  color: var(--theme-color-light);

  border-radius: 18.5px;

  background-color: var(--theme-color4);

  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;

  width: 29px;

  text-align: center;

  -webkit-writing-mode: vertical-rl;

      -ms-writing-mode: tb-rl;

          writing-mode: vertical-rl;

  -webkit-transform: rotate(180deg);

          transform: rotate(180deg);

}

.event-tabs-three .tab-btn .day {

  position: relative;

  display: block;

  font-size: 24px;

  text-transform: uppercase;

  color: #150131;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.dark-layout .event-tabs-three .tab-btn .day {

  color: var(--theme-color-light);

}

.event-tabs-three .tab-btn:hover, .event-tabs-three .tab-btn.active-btn {

  color: var(--theme-color-light);

}

.event-tabs-three .tab-btn:hover:before, .event-tabs-three .tab-btn.active-btn:before {

  width: 100%;

}

.event-tabs-three .tab-btn:hover span, .event-tabs-three .tab-btn.active-btn span {

  color: var(--theme-color-light);

}

.event-tabs-three .tabs-content {

  text-align: left;

}

.rtl .event-tabs-three .tabs-content {

  text-align: right;

}



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

    Countdown Section CSS

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

.countdown-section {

  position: relative;

}

.countdown-section .bg-pattern-2 {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background-repeat: no-repeat;

  background-position: bottom;

  background-size: cover;

}

.countdown-section .outer-box {

  position: relative;

  padding: 97px 0;

}

@media (max-width: 1199.98px) {

  .countdown-section .outer-box {

    text-align: center;

  }

}

.countdown-section .outer-box .sec-title h2 {

  font-size: 40px;

}

.countdown-section .outer-box .time-countdown {

  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;

  gap: 30px;

  padding-top: 28px;

  padding-left: 125px;

}

@media (max-width: 1199.98px) {

  .countdown-section .outer-box .time-countdown {

    padding-left: 0;

    padding-top: 40px;

  }

}

@media (max-width: 575.98px) {

  .countdown-section .outer-box .time-countdown {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

  }

}

.rtl .countdown-section .outer-box .time-countdown {

  padding-right: 125px;

  padding-left: 0;

}

@media (max-width: 1199.98px) {

  .rtl .countdown-section .outer-box .time-countdown {

    padding-right: 0;

  }

}

.countdown-section .outer-box .time-countdown .separator {

  position: relative;

  font-size: 36px;

  font-weight: 700;

  line-height: 1em;

  color: var(--theme-color-light);

}

@media (max-width: 575.98px) {

  .countdown-section .outer-box .time-countdown .separator {

    display: none;

  }

}

.countdown-section .outer-box .time-countdown .counter-column {

  position: relative;

  text-align: center;

}

.countdown-section .outer-box .time-countdown .counter-column .count {

  position: relative;

  display: block;

  font-size: 48px;

  font-weight: 700;

  line-height: 1em;

  color: var(--theme-color-light);

  font-family: var(--title-font);

  margin-bottom: 0;

  padding-bottom: 20px;

  margin-bottom: 15px;

  text-align: center;

}

@media (max-width: 575.98px) {

  .countdown-section .outer-box .time-countdown .counter-column .count {

    padding-bottom: 0;

    margin-bottom: 5px;

  }

}

.countdown-section .outer-box .time-countdown .counter-column .count:before {

  content: "";

  position: absolute;

  bottom: 0;

  left: 50%;

  width: 50px;

  height: 2px;

  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, #ffffff), to(transparent));

  background: linear-gradient(to right, transparent 0%, #ffffff 50%, transparent 100%);

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

          transform: translateX(-50%);

}

@media (max-width: 575.98px) {

  .countdown-section .outer-box .time-countdown .counter-column .count:before {

    display: none;

  }

}

.countdown-section .outer-box .time-countdown .counter-column sub {

  position: relative;

  color: var(--theme-color-light);

  font-size: 20px;

  line-height: 1em;

  font-weight: 700;

  z-index: 3;

}

.countdown-section .outer-box .btn-box {

  position: relative;

  text-align: right;

  padding-top: 70px;

}

@media (max-width: 1199.98px) {

  .countdown-section .outer-box .btn-box {

    text-align: center;

    padding-top: 50px;

  }

}

.rtl .countdown-section .outer-box .btn-box {

  text-align: left;

}

@media (max-width: 1199.98px) {

  .rtl .countdown-section .outer-box .btn-box {

    text-align: center;

  }

}

.countdown-section .outer-box .btn-box .theme-btn {

  position: relative;

  z-index: 3;

}

@media (max-width: 1399.98px) {

  .countdown-section .outer-box .btn-box .theme-btn {

    background-color: var(--theme-color3);

  }

}

.countdown-section .outer-box .image {

  position: absolute;

  bottom: 0;

  right: -130px;

  margin-bottom: 0;

}

@media (max-width: 1399.98px) {

  .countdown-section .outer-box .image {

    display: none;

  }

}

.rtl .countdown-section .outer-box .image {

  right: auto;

  left: -130px;

}



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

    Countdown Section Two

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

.countdown-section-two {

  position: relative;

  background-color: #F5F5F5;

}

.dark-layout .countdown-section-two {

  background-color: var(--dark-layout-color);

}

.countdown-section-two .large-container {

  max-width: 1546px;

}

.countdown-section-two .outer-box {

  position: relative;

  margin-top: -330px;

  z-index: 4;

}

@media (max-width: 575.98px) {

  .countdown-section-two .outer-box {

    margin-top: 120px;

  }

}

.countdown-section-two .outer-box .image {

  position: relative;

  margin-bottom: 0;

  width: 100%;

  height: 100%;

}

@media (max-width: 991.98px) {

  .countdown-section-two .outer-box .image {

    height: 600px;

    border-radius: 20px;

  }

}

@media (max-width: 575.98px) {

  .countdown-section-two .outer-box .image {

    display: none;

  }

}

.countdown-section-two .outer-box .image img {

  position: relative;

  width: 100%;

  height: 100%;

}

@media (max-width: 991.98px) {

  .countdown-section-two .outer-box .image img {

    -o-object-fit: cover;

       object-fit: cover;

    border-radius: 20px;

  }

}

.countdown-section-two .outer-box .content-box {

  position: absolute;

  left: 50%;

  bottom: 36px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  padding: 58px 90px;

  border-radius: 100px;

  width: 100%;

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

  border: 1px solid rgba(255, 255, 255, 0.3);

  max-width: 1108px;

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

          transform: translateX(-50%);

}

@media (max-width: 1199.98px) {

  .countdown-section-two .outer-box .content-box {

    max-width: 950px;

  }

}

@media (max-width: 991.98px) {

  .countdown-section-two .outer-box .content-box {

    max-width: 90%;

    margin: 0 auto;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    text-align: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    gap: 30px;

    border-radius: 20px;

  }

}

@media (max-width: 575.98px) {

  .countdown-section-two .outer-box .content-box {

    position: relative;

    left: 0;

    bottom: 0;

    -webkit-transform: translateX(0%);

            transform: translateX(0%);

    max-width: 100%;

    padding: 50px;

  }

}

.countdown-section-two .outer-box .content-box:before {

  content: "";

  position: absolute;

  top: 13px;

  left: 13px;

  bottom: 13px;

  right: 13px;

  border-radius: 100px;

  background-color: #5800E3;

}

@media (max-width: 991.98px) {

  .countdown-section-two .outer-box .content-box:before {

    border-radius: 20px;

  }

}

.countdown-section-two .outer-box .content-box .title-box {

  position: relative;

  z-index: 1;

}

.countdown-section-two .outer-box .content-box .title-box .text {

  position: relative;

  margin-bottom: 2px;

  color: var(--theme-color-light);

}

.countdown-section-two .outer-box .content-box .title-box .title {

  position: relative;

  margin-bottom: 0;

  color: var(--theme-color-light);

}

.countdown-section-two .outer-box .time-countdown {

  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;

  gap: 34px;

  z-index: 1;

}

@media (max-width: 1199.98px) {

  .countdown-section-two .outer-box .time-countdown {

    gap: 20px;

  }

}

@media (max-width: 575.98px) {

  .countdown-section-two .outer-box .time-countdown {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

  }

}

.countdown-section-two .outer-box .time-countdown .separator {

  position: relative;

  font-size: 40px;

  font-weight: 700;

  line-height: 1em;

  font-family: var(--title-font);

  color: var(--theme-color-light);

}

@media (max-width: 575.98px) {

  .countdown-section-two .outer-box .time-countdown .separator {

    display: none;

  }

}

.countdown-section-two .outer-box .time-countdown .counter-column {

  position: relative;

}

.countdown-section-two .outer-box .time-countdown .counter-column .count {

  position: relative;

  display: block;

  font-size: 40px;

  font-weight: 700;

  line-height: 1em;

  color: var(--theme-color-light);

  font-family: var(--title-font);

  margin-bottom: 0;

}

.countdown-section-two .outer-box .time-countdown .counter-column sub {

  position: relative;

  color: var(--theme-color-light);

  font-size: 16px;

  line-height: 1em;

  font-weight: 300;

  text-transform: uppercase;

  z-index: 1;

}



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

    Gallery Section CSS

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

.gallery-section {

  position: relative;

  padding: 120px 0;

}

.gallery-section .outer-box {

  width: 100%;

  overflow: hidden;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.rtl .gallery-section .outer-box {

  direction: ltr;

}

.gallery-section .outer-box .gallery.one {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  white-space: nowrap;

  -webkit-animation: gallery-one 20s linear infinite;

          animation: gallery-one 20s linear infinite;

}

.gallery-section .outer-box .gallery.one:hover {

  -webkit-animation-play-state: paused;

          animation-play-state: paused;

}

.gallery-section .outer-box .gallery.two {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  white-space: nowrap;

  -webkit-animation: gallery-two 20s linear infinite;

          animation: gallery-two 20s linear infinite;

}

.gallery-section .outer-box .gallery.two:hover {

  -webkit-animation-play-state: paused;

          animation-play-state: paused;

}



@-webkit-keyframes gallery-one {

  from {

    -webkit-transform: translateX(0%);

            transform: translateX(0%);

  }

  to {

    -webkit-transform: translateX(-100%);

            transform: translateX(-100%);

  }

}



@keyframes gallery-one {

  from {

    -webkit-transform: translateX(0%);

            transform: translateX(0%);

  }

  to {

    -webkit-transform: translateX(-100%);

            transform: translateX(-100%);

  }

}

@-webkit-keyframes gallery-two {

  from {

    -webkit-transform: translateX(-100%);

            transform: translateX(-100%);

  }

  to {

    -webkit-transform: translateX(0%);

            transform: translateX(0%);

  }

}

@keyframes gallery-two {

  from {

    -webkit-transform: translateX(-100%);

            transform: translateX(-100%);

  }

  to {

    -webkit-transform: translateX(0%);

            transform: translateX(0%);

  }

}

.gallery-block {

  position: relative;

  width: 25%;

  -ms-flex-negative: 0;

      flex-shrink: 0;

}

@media (max-width: 575.98px) {

  .gallery-block {

    width: 50%;

  }

}

.gallery-block .inner-box {

  position: relative;

}

.gallery-block .inner-box:before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  opacity: 0;

  -webkit-transform: scale(0.9);

          transform: scale(0.9);

  pointer-events: none;

  background-color: var(--theme-color1);

  z-index: 5;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.gallery-block .inner-box:after {

  position: absolute;

  top: 50%;

  left: 50%;

  color: var(--theme-color-light);

  font-size: 70px;

  line-height: 1em;

  opacity: 0;

  font-family: flaticon_mycollection;

  pointer-events: none;

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  content: "\f10d";

  z-index: 6;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 991.98px) {

  .gallery-block .inner-box:after {

    font-size: 80px;

  }

}

.gallery-block .inner-box:hover:before {

  opacity: 0.8;

  -webkit-transform: scale(1);

          transform: scale(1);

}

.gallery-block .inner-box:hover:after {

  opacity: 1;

}

.gallery-block .inner-box .image {

  position: relative;

  overflow: hidden;

  cursor: pointer;

  margin-bottom: 0;

  z-index: 3;

}

.gallery-block .inner-box .image:hover img:first-child {

  -webkit-transform: translatex(0) scalex(1);

          transform: translatex(0) scalex(1);

  opacity: 1;

  -webkit-filter: blur(0);

          filter: blur(0);

}

.gallery-block .inner-box .image:hover img:nth-child(2) {

  -webkit-transform: translatex(-50%) scalex(2);

          transform: translatex(-50%) scalex(2);

  opacity: 0;

  -webkit-filter: blur(10px);

          filter: blur(10px);

}

.gallery-block .inner-box .image img {

  position: relative;

  width: 100%;

  height: 100%;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}

.gallery-block .inner-box .image img:first-child {

  position: absolute;

  left: 0px;

  top: 0px;

  right: 0px;

  bottom: 0px;

  z-index: 1;

  -webkit-transform: translatex(50%) scalex(2);

          transform: translatex(50%) scalex(2);

  opacity: 0;

  -webkit-filter: blur(10px);

          filter: blur(10px);

}



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

    Gallery Section Two CSS

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

.gallery-section-two {

  position: relative;

  padding: 120px 0 0;

}

@media (max-width: 991.98px) {

  .gallery-section-two {

    padding-bottom: 120px;

  }

}

.gallery-section-two.pull-down {

  margin-bottom: -63px;

}

@media (max-width: 991.98px) {

  .gallery-section-two.pull-down {

    margin-bottom: 0;

  }

}

.gallery-section-two .bg {

  height: 200%;

}

.gallery-section-two .title-box {

  position: relative;

  margin-bottom: 150px;

}

@media (max-width: 1199.98px) {

  .gallery-section-two .title-box {

    margin-bottom: 100px;

  }

}

@media (max-width: 991.98px) {

  .gallery-section-two .title-box {

    margin-bottom: 50px;

  }

  .gallery-section-two .title-box br {

    display: none;

  }

}

.gallery-section-two .gallery-box {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  overflow: hidden;

}

@media (max-width: 991.98px) {

  .gallery-section-two .gallery-box {

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

  }

}

.rtl .gallery-section-two .gallery-box {

  direction: ltr;

}

@media (max-width: 991.98px) {

  .gallery-section-two .gallery-box .gallery-block-two {

    width: 33.3333333%;

  }

}

@media (max-width: 575.98px) {

  .gallery-section-two .gallery-box .gallery-block-two {

    width: 50%;

  }

}

.gallery-section-two .gallery-box .gallery-block-two:nth-child(even) {

  margin-top: 60px;

}

@media (max-width: 991.98px) {

  .gallery-section-two .gallery-box .gallery-block-two:nth-child(even) {

    margin-top: 0;

  }

}



.rtl .gallery-block-two {

  direction: rtl;

}

.gallery-block-two .inner-box {

  position: relative;

  z-index: 3;

}

.gallery-block-two .inner-box:before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  opacity: 0;

  -webkit-transform: scale(0.9);

          transform: scale(0.9);

  pointer-events: none;

  background-color: var(--theme-color4);

  z-index: 5;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.gallery-block-two .inner-box:after {

  position: absolute;

  top: 50%;

  left: 50%;

  color: var(--theme-color-light);

  font-size: 50px;

  line-height: 1em;

  opacity: 0;

  font-family: "Font Awesome 6 Brands";

  pointer-events: none;

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  content: "\f16d";

  z-index: 6;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 575.98px) {

  .gallery-block-two .inner-box:after {

    font-size: 36px;

  }

}

.gallery-block-two .inner-box:hover:before {

  opacity: 0.8;

  -webkit-transform: scale(1);

          transform: scale(1);

}

.gallery-block-two .inner-box:hover:after {

  opacity: 1;

}

.gallery-block-two .inner-box .image {

  position: relative;

  overflow: hidden;

  cursor: pointer;

  margin-bottom: 0;

  z-index: 3;

}

.gallery-block-two .inner-box .image:hover img:first-child {

  -webkit-transform: translatex(0) scalex(1);

          transform: translatex(0) scalex(1);

  opacity: 1;

  -webkit-filter: blur(0);

          filter: blur(0);

}

.gallery-block-two .inner-box .image:hover img:nth-child(2) {

  -webkit-transform: translatex(-50%) scalex(2);

          transform: translatex(-50%) scalex(2);

  opacity: 0;

  -webkit-filter: blur(10px);

          filter: blur(10px);

}

.gallery-block-two .inner-box .image img {

  position: relative;

  width: 100%;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}

.gallery-block-two .inner-box .image img:first-child {

  position: absolute;

  left: 0px;

  top: 0px;

  right: 0px;

  bottom: 0px;

  z-index: 1;

  -webkit-transform: translatex(50%) scalex(2);

          transform: translatex(50%) scalex(2);

  opacity: 0;

  -webkit-filter: blur(10px);

          filter: blur(10px);

}



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

    Pricing Section CSS

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

.pricing-section {

  position: relative;

  padding: 0px 0 90px;

}

.pricing-section .icon-three {

  position: absolute;

  top: 157px;

  left: 94px;

}

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

  .pricing-section .icon-three {

    display: none;

  }

}

.pricing-section .icon-four {

  position: absolute;

  top: 41px;

  right: 45px;

  -webkit-animation: fa-spin 40s infinite linear;

          animation: fa-spin 40s infinite linear;

}

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

  .pricing-section .icon-four {

    display: none;

  }

}



.pricing-block {

  margin-bottom: 30px;

}

.pricing-block.active.two .inner-box .shape-twentynine {

  width: 109px;

  height: 80px;

}

.pricing-block.active.two .inner-box .pricing-btn {

  background-color: #00C46E;

  border-color: #00C46E;

}

.pricing-block.two .inner-box:hover .pricing-btn {

  background-color: #00C46E;

  border-color: #00C46E;

}

.pricing-block.two .inner-box .plan-box {

  background-color: #F33670;

}

.pricing-block.two .inner-box .plan-box .plan {

  background-color: #00C46E;

}

.pricing-block.two .inner-box .pass {

  color: #00C46E;

}

.pricing-block.two .inner-box .list-box {

  background-color: #00C46E;

}

.pricing-block.two .inner-box .pricing-btn:before {

  background-color: #00C46E;

}

.pricing-block.three .inner-box:hover .pricing-btn {

  background-color: #96B907;

  border-color: #96B907;

}

.pricing-block.three .inner-box .plan-box {

  background-color: #96B907;

}

.pricing-block.three .inner-box .plan-box .plan {

  background-color: #88A902;

}

.pricing-block.three .inner-box .pass {

  color: #96B907;

}

.pricing-block.three .inner-box .list-box {

  background-color: #96B907;

}

.pricing-block.three .inner-box .pricing-btn:before {

  background-color: #96B907;

}

.pricing-block .inner-box {

  position: relative;

  border: 1px solid #dddddd;

  margin-top: 30px;

  border-radius: 30px;

  background-color: var(--theme-color-light);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.dark-layout .pricing-block .inner-box {

  border: 1px solid var(--dark-layout-color-two);

}

.pricing-block .inner-box .shape-twentynine {

  position: absolute;

  bottom: -1px;

  right: -1px;

  width: 0;

  height: 0;

  z-index: 3;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}

.rtl .pricing-block .inner-box .shape-twentynine {

  right: auto;

  left: -1px;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.dark-layout .pricing-block .inner-box .shape-twentynine {

  display: none;

}

.pricing-block .inner-box:hover .shape-twentynine {

  width: 109px;

  height: 80px;

}

.pricing-block .inner-box:hover .pricing-btn {

  border-color: #0290EA;

  background-color: #0290EA;

}

.pricing-block .inner-box .plan-box {

  position: relative;

  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;

  margin: -30px 45px 0;

  border-radius: 50px;

  overflow: hidden;

  background-color: #0290EA;

}

@media (max-width: 575.98px) {

  .pricing-block .inner-box .plan-box {

    margin: -20px 30px 0;

  }

}

.pricing-block .inner-box .plan-box .plan {

  position: relative;

  display: inline-block;

  font-weight: 700;

  color: var(--theme-color-light);

  background-color: #0780C9;

  text-align: center;

  padding: 18.5px 39px;

  margin-bottom: 0;

  text-transform: uppercase;

}

@media (max-width: 1199.98px) {

  .pricing-block .inner-box .plan-box .plan {

    padding: 16px 24px;

    font-size: 18px;

  }

}

@media (max-width: 575.98px) {

  .pricing-block .inner-box .plan-box .plan {

    padding: 12px 20px;

    font-size: 16px;

  }

}

.pricing-block .inner-box .top-box {

  position: relative;

  padding: 40px 43px 50px;

}

@media (max-width: 575.98px) {

  .pricing-block .inner-box .top-box {

    padding: 40px 30px 50px;

  }

}

.pricing-block .inner-box .price-box {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.pricing-block .inner-box .price-box .price {

  position: relative;

  font-size: 96px;

  letter-spacing: 3px;

  line-height: 1em;

  font-family: var(--text-font);

  margin-bottom: 5px;

}

@media (max-width: 1199.98px) {

  .pricing-block .inner-box .price-box .price {

    font-size: 74px;

  }

}

@media (max-width: 575.98px) {

  .pricing-block .inner-box .price-box .price {

    font-size: 64px;

  }

}

.dark-layout .pricing-block .inner-box .price-box .price {

  color: var(--theme-color-dark);

}

.pricing-block .inner-box .price-box .day {

  position: relative;

  top: 5px;

  left: -10px;

  white-space: nowrap;

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

          transform: rotate(-90deg);

}

@media (max-width: 575.98px) {

  .pricing-block .inner-box .price-box .day {

    font-size: 16px;

  }

}

.dark-layout .pricing-block .inner-box .price-box .day {

  color: var(--theme-color-dark);

}

.pricing-block .inner-box .pass {

  position: relative;

  color: #0290EA;

  margin-bottom: 0;

}

@media (max-width: 1199.98px) {

  .pricing-block .inner-box .pass {

    font-size: 20px;

  }

}

.pricing-block .inner-box .list-box {

  position: relative;

  padding: 70px 40px 50px 65px;

  background-color: #0290EA;

  overflow: hidden;

  border-radius: 20% 0 30px 30px;

}

@media (max-width: 1399.98px) {

  .pricing-block .inner-box .list-box {

    padding: 70px 40px 50px;

  }

}

@media (max-width: 1199.98px) {

  .pricing-block .inner-box .list-box {

    padding: 70px 30px 50px;

  }

}

@media (max-width: 575.98px) {

  .pricing-block .inner-box .list-box {

    padding: 70px 35px 40px;

    border-top-left-radius: 50px;

  }

}

.rtl .pricing-block .inner-box .list-box {

  border-radius: 0 20% 30px 30px;

}

@media (max-width: 1399.98px) {

  .rtl .pricing-block .inner-box .list-box {

    padding: 70px 40px 50px;

  }

}

@media (max-width: 1199.98px) {

  .rtl .pricing-block .inner-box .list-box {

    padding: 70px 30px 50px;

  }

}

@media (max-width: 575.98px) {

  .rtl .pricing-block .inner-box .list-box {

    padding: 70px 35px 40px;

    border-top-right-radius: 50px;

  }

}

.pricing-block .inner-box .list-box:before {

  content: "";

  position: absolute;

  top: 10px;

  left: 0;

  width: 100%;

  height: 100%;

  border-top-left-radius: 20%;

  background-color: var(--theme-color-dark);

}

@media (max-width: 575.98px) {

  .pricing-block .inner-box .list-box:before {

    border-top-left-radius: 50px;

  }

}

.rtl .pricing-block .inner-box .list-box:before {

  border-top-left-radius: 0;

  border-top-right-radius: 20%;

}

@media (max-width: 575.98px) {

  .rtl .pricing-block .inner-box .list-box:before {

    border-top-right-radius: 50px;

  }

}

.pricing-block .inner-box .list-box .shape-five {

  position: absolute;

  top: 0;

  right: 0;

}

@media (max-width: 575.98px) {

  .pricing-block .inner-box .list-box .feature-list li {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;

  }

}

.pricing-block .inner-box .btn-box {

  padding-top: 35px;

}

@media (max-width: 575.98px) {

  .pricing-block .inner-box .btn-box {

    padding-top: 25px;

  }

}

.pricing-block .inner-box .pricing-btn {

  padding: 21px 46px;

  border: 1px solid var(--theme-color-light);

  background-color: var(--theme-color-dark);

  color: var(--theme-color-light);

}

.pricing-block .inner-box .pricing-btn:before {

  background-color: #0290EA;

}



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

    Pricing Section Two

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

.pricing-section-two {

  position: relative;

  padding: 200px 0 120px;

}

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

  .pricing-section-two {

    padding-top: 120px;

  }

}

.pricing-section-two .shape-twentytwo {

  position: absolute;

  top: -150px;

  left: 0;

}

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

  .pricing-section-two .shape-twentytwo {

    display: none;

  }

}

.rtl .pricing-section-two .shape-twentytwo {

  display: none;

}

.pricing-section-two .tabs-column .inner-column {

  position: relative;

  padding-top: 25px;

}

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

  .pricing-section-two .tabs-column .inner-column {

    padding-top: 0;

  }

}

@media (max-width: 575.98px) {

  .pricing-section-two .tabs-column .inner-column {

    text-align: center;

  }

}

@media (max-width: 1199.98px) {

  .pricing-section-two .tabs-column .inner-column .sec-title h2 br {

    display: none;

  }

}

.pricing-section-two .tabs-column .inner-column .sec-title .text {

  padding-right: 120px;

}

@media (max-width: 1199.98px) {

  .pricing-section-two .tabs-column .inner-column .sec-title .text {

    padding-right: 0;

  }

}

.rtl .pricing-section-two .tabs-column .inner-column .sec-title .text {

  padding-left: 120px;

  padding-right: 0;

}

@media (max-width: 1199.98px) {

  .rtl .pricing-section-two .tabs-column .inner-column .sec-title .text {

    padding-left: 0;

  }

}

.pricing-section-two .tabs-column .inner-column .tab-btn-box {

  position: relative;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  padding-top: 30px;

  gap: 47px;

  border-top: 4px solid #D9D9D9;

}

@media (max-width: 1199.98px) {

  .pricing-section-two .tabs-column .inner-column .tab-btn-box {

    width: 100%;

    gap: 80px;

  }

}

@media (max-width: 767.98px) {

  .pricing-section-two .tabs-column .inner-column .tab-btn-box {

    gap: 0;

  }

}

@media (max-width: 575.98px) {

  .pricing-section-two .tabs-column .inner-column .tab-btn-box {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    gap: 30px;

  }

}

.pricing-section-two .tabs-column .inner-column .tab-btn-box .counter-block-three {

  position: relative;

}

@media (max-width: 767.98px) {

  .pricing-section-two .tabs-column .inner-column .tab-btn-box .counter-block-three {

    width: 50%;

  }

}

@media (max-width: 575.98px) {

  .pricing-section-two .tabs-column .inner-column .tab-btn-box .counter-block-three {

    width: 100%;

  }

}

.pricing-section-two .tabs-column .inner-column .tab-btn-box .counter-block-three .count-box {

  position: relative;

  font-size: 96px;

  line-height: 1em;

  font-weight: 700;

  color: var(--theme-color3);

  margin-bottom: 30px;

}

@media (max-width: 575.98px) {

  .pricing-section-two .tabs-column .inner-column .tab-btn-box .counter-block-three .count-box {

    font-size: 66px;

    margin-bottom: 10px;

  }

}

.pricing-section-two .tabs-column .inner-column .tab-btn-box .counter-block-three .counter-title {

  position: relative;

  line-height: 30px;

  margin-bottom: 0;

}

@media (max-width: 767.98px) {

  .pricing-section-two .tabs-column .inner-column .tab-btn-box .counter-block-three .counter-title br {

    display: none;

  }

}

@media (max-width: 575.98px) {

  .pricing-section-two .tabs-column .inner-column .tab-btn-box .counter-block-three .counter-title {

    font-size: 16px;

    line-height: 28px;

  }

}

.pricing-section-two .tabs-content .outer-box {

  position: relative;

  text-align: right;

}

@media (max-width: 1199.98px) {

  .pricing-section-two .tabs-content .outer-box {

    text-align: left;

    padding-top: 50px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

}

@media (max-width: 575.98px) {

  .pricing-section-two .tabs-content .outer-box {

    display: block;

  }

}

.rtl .pricing-section-two .tabs-content .outer-box {

  text-align: left;

}

.pricing-section-two .tabs-content .outer-box .image {

  position: absolute;

  bottom: 40px;

  left: -55px;

  margin-bottom: 0;

}

.pricing-section-two .tabs-content .outer-box .image img {

  border-radius: 36px;

}

@media (max-width: 1199.98px) {

  .pricing-section-two .tabs-content .outer-box .image {

    position: relative;

    left: 0;

    bottom: 0;

    margin-right: -50px;

    margin-top: 40px;

  }

}

@media (max-width: 575.98px) {

  .pricing-section-two .tabs-content .outer-box .image {

    display: none;

  }

}

.rtl .pricing-section-two .tabs-content .outer-box .image {

  left: auto;

  right: -55px;

}

@media (max-width: 1199.98px) {

  .rtl .pricing-section-two .tabs-content .outer-box .image {

    right: 0;

    margin-right: 0;

    margin-left: -50px;

  }

}

.pricing-section-two .tabs-content .outer-box .pricing-block-two {

  position: relative;

}



.pricing-block-two {

  -ms-flex-negative: 0;

      flex-shrink: 0;

}

.pricing-block-two .inner-box {

  position: relative;

  display: inline-block;

  text-align: left;

  border-radius: 130px 0px 30px 30px;

  background-color: #150036;

  min-width: 408px;

  overflow: hidden;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 1199.98px) {

  .pricing-block-two .inner-box {

    min-width: 50%;

    border-radius: 0;

  }

}

@media (max-width: 767.98px) {

  .pricing-block-two .inner-box {

    min-width: 100%;

  }

}

.rtl .pricing-block-two .inner-box {

  text-align: right;

  border-radius: 0px 130px 30px 30px;

}

@media (max-width: 1199.98px) {

  .rtl .pricing-block-two .inner-box {

    border-radius: 0;

  }

}

.rtl .pricing-block-two .inner-box {

  text-align: right;

}

.pricing-block-two .inner-box .shape-twentyone {

  position: absolute;

  top: 0;

  right: 0;

  pointer-events: none;

}

.rtl .pricing-block-two .inner-box .shape-twentyone {

  left: 0;

  right: auto;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.pricing-block-two .inner-box .plan {

  position: relative;

  display: inline-block;

  font-weight: 700;

  color: var(--theme-color-light);

  text-align: right;

  text-transform: uppercase;

  margin-bottom: 10px;

}

@media (max-width: 575.98px) {

  .pricing-block-two .inner-box .plan {

    font-size: 16px;

  }

}

.rtl .pricing-block-two .inner-box .plan {

  text-align: left;

}

.pricing-block-two .inner-box .top-box {

  position: relative;

  padding: 90px 70px 87px 43px;

  text-align: right;

}

@media (max-width: 1199.98px) {

  .pricing-block-two .inner-box .top-box {

    text-align: center;

    padding: 80px 30px 30px;

  }

}

@media (max-width: 575.98px) {

  .pricing-block-two .inner-box .top-box {

    padding: 60px 20px 30px;

  }

}

.rtl .pricing-block-two .inner-box .top-box {

  padding: 90px 43px 87px 70px;

  text-align: left;

}

@media (max-width: 1199.98px) {

  .rtl .pricing-block-two .inner-box .top-box {

    padding: 80px 30px 30px;

    text-align: center;

  }

}

@media (max-width: 575.98px) {

  .rtl .pricing-block-two .inner-box .top-box {

    padding: 60px 20px 30px;

  }

}

.pricing-block-two .inner-box .price {

  position: relative;

  font-size: 96px;

  color: var(--theme-color-light);

}

@media (max-width: 575.98px) {

  .pricing-block-two .inner-box .price {

    font-size: 74px;

  }

}

.pricing-block-two .inner-box .day {

  position: relative;

  color: var(--theme-color-light);

  margin-bottom: 0;

}

@media (max-width: 575.98px) {

  .pricing-block-two .inner-box .day {

    font-size: 16px;

  }

}

.pricing-block-two .inner-box .list-box {

  padding: 0 70px 45px 43px;

}

@media (max-width: 1199.98px) {

  .pricing-block-two .inner-box .list-box {

    padding: 0 30px 30px;

  }

}

@media (max-width: 575.98px) {

  .pricing-block-two .inner-box .list-box {

    padding: 0 20px 30px;

  }

}

.rtl .pricing-block-two .inner-box .list-box {

  padding: 0 43px 45px 70px;

}

@media (max-width: 1199.98px) {

  .rtl .pricing-block-two .inner-box .list-box {

    padding: 0 30px 30px;

  }

}

@media (max-width: 575.98px) {

  .rtl .pricing-block-two .inner-box .list-box {

    padding: 0 20px 30px;

  }

}

@media (max-width: 1199.98px) {

  .pricing-block-two .inner-box .list-box .feature-list li {

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

  }

}

@media (max-width: 575.98px) {

  .pricing-block-two .inner-box .list-box .feature-list li {

    -webkit-box-pack: start;

        -ms-flex-pack: start;

            justify-content: flex-start;

  }

}

@media (max-width: 575.98px) {

  .pricing-block-two .inner-box .list-box .feature-list li .icon-check {

    width: 35px;

    background-size: contain;

  }

}

@media (max-width: 575.98px) {

  .pricing-block-two .inner-box .list-box .feature-list li .check-bg-one {

    width: 30px;

    background-size: contain;

  }

}

@media (max-width: 575.98px) {

  .pricing-block-two .inner-box .list-box .feature-list li .title {

    font-size: 16px;

  }

}

@media (max-width: 575.98px) {

  .pricing-block-two .inner-box .list-box .feature-list li .text {

    font-size: 14px;

  }

}

.pricing-block-two .inner-box .btn-box {

  padding: 0 40px 40px 40px;

}

.pricing-block-two .inner-box .pricing-btn {

  position: relative;

  width: 100%;

  padding: 29px 30px;

  color: var(--theme-color-light);

  background-color: #270066;

}

.pricing-block-two .inner-box .pricing-btn:after {

  content: "";

  position: absolute;

  top: 8px;

  bottom: 8px;

  left: 11px;

  right: 11px;

  width: auto;

  height: auto;

  border-radius: 30px;

  border: 1px solid var(--theme-color-light);

}

.pricing-block-two .inner-box .pricing-btn .btn-bg {

  position: absolute;

  top: 0;

  left: 0;

}



.pricing-tabs {

  position: relative;

}

.pricing-tabs .tab-btns {

  position: relative;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-pack: end;

      -ms-flex-pack: end;

          justify-content: flex-end;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  gap: 10px;

}

.pricing-tabs .tab-btn {

  position: relative;

  font-family: var(--title-font);

  font-size: 20px;

  line-height: 1em;

  font-weight: 700;

  padding: 20px 32px;

  border-radius: 50px;

  padding-left: 80px;

  cursor: pointer;

  text-align: left;

  color: var(--theme-color-dark);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

  z-index: 1;

}

.rtl .pricing-tabs .tab-btn {

  text-align: right;

  padding-left: 32px;

  padding-right: 80px;

}

.dark-layout .pricing-tabs .tab-btn {

  color: var(--theme-color-light);

}

.pricing-tabs .tab-btn .icon-box {

  position: absolute;

  left: 22px;

  top: 50%;

  opacity: 0;

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

          transform: translateY(-50%);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.rtl .pricing-tabs .tab-btn .icon-box {

  left: auto;

  right: 22px;

}

.pricing-tabs .tab-btn .icon-box .icon-check-three {

  position: relative;

  z-index: 3;

}

.pricing-tabs .tab-btn .icon-box .check-three-bg {

  position: absolute;

  bottom: 0;

  left: -3px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.pricing-tabs .tab-btn:hover, .pricing-tabs .tab-btn.active-btn {

  color: var(--theme-color4);

  background-color: #EEEEEE;

  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);

          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);

}

.pricing-tabs .tab-btn:hover .icon-box, .pricing-tabs .tab-btn.active-btn .icon-box {

  opacity: 1;

}

.pricing-tabs .tabs-content {

  text-align: left;

}



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

    Pricing Section Three

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

.pricing-section-three {

  position: relative;

  padding: 120px 0;

}

.dark-layout .pricing-section-three {

  background-color: var(--dark-layout-color);

}

.dark-layout .pricing-section-three .bg {

  display: none;

}

.pricing-section-three .blocks-column {

  margin-bottom: 30px;

}

@media (max-width: 1199.98px) {

  .pricing-section-three .blocks-column {

    -webkit-box-ordinal-group: 3;

        -ms-flex-order: 2;

            order: 2;

  }

}

.pricing-section-three .blocks-column .inner-column {

  padding-right: 65px;

}

@media (max-width: 1199.98px) {

  .pricing-section-three .blocks-column .inner-column {

    padding-right: 0;

  }

}

.rtl .pricing-section-three .blocks-column .inner-column {

  padding-right: 0;

  padding-left: 65px;

}

@media (max-width: 1199.98px) {

  .rtl .pricing-section-three .blocks-column .inner-column {

    padding-left: 0;

  }

}

.pricing-section-three .content-column {

  margin-bottom: 30px;

}

.pricing-section-three .content-column .inner-column {

  position: relative;

  z-index: 3;

  margin-left: -30px;

}

@media (max-width: 1199.98px) {

  .pricing-section-three .content-column .inner-column {

    margin-left: 0;

    text-align: center;

  }

}

.rtl .pricing-section-three .content-column .inner-column {

  margin-left: 0;

  margin-right: -30px;

}

@media (max-width: 1199.98px) {

  .rtl .pricing-section-three .content-column .inner-column {

    margin-right: 0;

  }

}

.pricing-section-three .content-column .inner-column .sec-title {

  margin-bottom: 20px;

}

.pricing-section-three .content-column .inner-column .text {

  position: relative;

  margin-bottom: 30px;

  z-index: 1;

}

.dark-layout .pricing-section-three .content-column .inner-column .text {

  color: var(--theme-color-light);

}

.pricing-section-three .content-column .inner-column .text.bold {

  color: #666666;

  font-weight: 700;

  max-width: 315px;

}

@media (max-width: 1199.98px) {

  .pricing-section-three .content-column .inner-column .text.bold {

    max-width: 100%;

  }

}

.dark-layout .pricing-section-three .content-column .inner-column .text.bold {

  color: var(--theme-color-light);

}

.pricing-section-three .content-column .inner-column .text.bold a {

  font-weight: 700;

  padding-bottom: 5px;

  border-bottom: 1px solid var(--theme-color4);

  color: var(--theme-color4);

}

.pricing-section-three .content-column .inner-column .text.bold a:hover {

  color: var(--theme-color-dark);

}

.pricing-section-three .content-column .inner-column .btn-box {

  padding-top: 10px;

  padding-bottom: 28px;

}

.pricing-section-three .content-column .inner-column .btn-box .theme-btn {

  font-size: 15px;

  padding: 18px 26px;

}



@media (max-width: 767.98px) {

  .pricing-block-three {

    margin-bottom: 30px;

  }

  .pricing-block-three:last-child {

    margin-bottom: 0;

  }

}

.pricing-block-three .inner-box {

  position: relative;

  padding: 75px 83px;

  max-width: 380px;

}

@media (max-width: 1399.98px) {

  .pricing-block-three .inner-box {

    padding: 80px 60px;

  }

}

@media (max-width: 1199.98px) {

  .pricing-block-three .inner-box {

    margin: 0 auto;

  }

}

@media (max-width: 575.98px) {

  .pricing-block-three .inner-box {

    padding: 60px 30px;

  }

}

.pricing-block-three .inner-box:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  background-size: contain;

  background-image: url(../images/icons/pricing3-bg.png);

  z-index: 1;

}

@media (max-width: 575.98px) {

  .pricing-block-three .inner-box:before {

    background-size: 100% 100%;

  }

}

.pricing-block-three .inner-box:after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  -webkit-transform: scale(0.95);

          transform: scale(0.95);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  background-size: contain;

  background-image: url(../images/icons/pricing3-bg2.png);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

  z-index: 2;

}

@media (max-width: 575.98px) {

  .pricing-block-three .inner-box:after {

    background-size: 100% 100%;

  }

}

.pricing-block-three .inner-box.active:after {

  opacity: 1;

  -webkit-transform: scale(1);

          transform: scale(1);

}

.pricing-block-three .inner-box.active .content .price,

.pricing-block-three .inner-box.active .content .text {

  color: var(--theme-color-light);

}

.pricing-block-three .inner-box.active .content .pricing-list li,

.pricing-block-three .inner-box.active .content .pricing-list .icon {

  color: var(--theme-color-light);

}

.dark-layout .pricing-block-three .inner-box.active .content .pricing-list li,

.dark-layout .pricing-block-three .inner-box.active .content .pricing-list .icon {

  color: var(--theme-color-light);

}

.pricing-block-three .inner-box.active .content .btn-box .theme-btn {

  background-color: var(--theme-color-light);

  color: var(--theme-color-dark);

}

.pricing-block-three .inner-box.active .content .btn-box .theme-btn:hover {

  color: var(--theme-color-light);

}

.pricing-block-three .inner-box.active .content .skill-item {

  background-color: var(--theme-color-light);

}

.pricing-block-three .inner-box.active .content .seats {

  color: var(--theme-color-light);

}

.pricing-block-three .inner-box .content {

  position: relative;

  z-index: 3;

}

.pricing-block-three .inner-box .content .price {

  position: relative;

  font-size: 48px;

  line-height: 1em;

  margin-bottom: 5px;

  color: var(--theme-color-dark);

  text-align: center;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 575.98px) {

  .pricing-block-three .inner-box .content .price {

    font-size: 36px;

  }

}

.pricing-block-three .inner-box .content .price .dollar {

  font-family: var(--text-font);

  font-weight: 400;

}

.pricing-block-three .inner-box .content .text {

  position: relative;

  color: #536A72;

  margin-bottom: 20px;

  text-align: center;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 575.98px) {

  .pricing-block-three .inner-box .content .text {

    font-size: 14px;

    margin-bottom: 10px;

  }

}

.pricing-block-three .inner-box .content .author-box {

  position: relative;

  text-align: center;

  margin-bottom: 20px;

}

@media (max-width: 575.98px) {

  .pricing-block-three .inner-box .content .author-box {

    margin-bottom: 10px;

  }

}

.pricing-block-three .inner-box .content .author-box img {

  border-radius: 50%;

  border: 2px solid var(--theme-color-light);

  margin-right: -25px;

}

.pricing-block-three .inner-box .content .author-box img:last-child {

  margin-right: 0;

}

@media (max-width: 575.98px) {

  .pricing-block-three .inner-box .content .author-box img {

    width: 60px;

    height: 60px;

  }

}

.rtl .pricing-block-three .inner-box .content .author-box img {

  margin-right: 0;

  margin-left: -25px;

}

.rtl .pricing-block-three .inner-box .content .author-box img:last-child {

  margin-left: 0;

}

.pricing-block-three .inner-box .content .pricing-list {

  position: relative;

  margin-bottom: 20px;

  padding-left: 10px;

}

@media (max-width: 1399.98px) {

  .pricing-block-three .inner-box .content .pricing-list {

    padding-left: 30px;

  }

}

@media (max-width: 575.98px) {

  .pricing-block-three .inner-box .content .pricing-list {

    padding-left: 30px;

  }

}

.rtl .pricing-block-three .inner-box .content .pricing-list {

  padding-left: 0;

  padding-right: 10px;

}

@media (max-width: 1399.98px) {

  .rtl .pricing-block-three .inner-box .content .pricing-list {

    padding-right: 30px;

  }

}

@media (max-width: 575.98px) {

  .rtl .pricing-block-three .inner-box .content .pricing-list {

    padding-right: 30px;

  }

}

.pricing-block-three .inner-box .content .pricing-list li {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  line-height: 42px;

  gap: 10px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 575.98px) {

  .pricing-block-three .inner-box .content .pricing-list li {

    font-size: 14px;

  }

}

.dark-layout .pricing-block-three .inner-box .content .pricing-list li {

  color: var(--text-color);

}

.pricing-block-three .inner-box .content .pricing-list li .icon {

  position: relative;

  font-size: 12px;

  line-height: 1em;

  color: var(--theme-color4);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.pricing-block-three .inner-box .content .btn-box {

  position: relative;

  text-align: center;

  margin-bottom: 25px;

}

@media (max-width: 575.98px) {

  .pricing-block-three .inner-box .content .btn-box {

    margin-bottom: 15px;

  }

}

.pricing-block-three .inner-box .content .btn-box .theme-btn {

  padding: 19px 31px;

  background-color: #4B484F;

}

.pricing-block-three .inner-box .content .skill-item {

  position: relative;

  background-color: #D9D9D9;

  width: 100%;

  height: 15px;

  border-radius: 30px;

  padding: 2px;

  margin-bottom: 10px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.pricing-block-three .inner-box .content .skill-item .skill-bar {

  position: relative;

  width: 166px;

  height: 100%;

  border-radius: 30px;

  background-color: var(--theme-color4);

}

.pricing-block-three .inner-box .content .seats {

  position: relative;

  font-size: 14px;

  font-weight: 600;

  color: var(--theme-color-dark);

  margin-bottom: 0;

  text-align: center;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}



/***



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

    Features Section CSS

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

.features-section {

  position: relative;

  padding: 120px 0;

  background-color: #FFF8CC;

}

.dark-layout .features-section .sec-title .sub-title,

.dark-layout .features-section .sec-title h2 {

  color: var(--theme-color-dark);

}

.features-section .shape-one {

  position: absolute;

  top: 84px;

  right: 72px;

}

@media (max-width: 1199.98px) {

  .features-section .shape-one {

    display: none;

  }

}

.rtl .features-section .shape-one {

  right: auto;

  left: 72px;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.features-section .shape-two {

  position: absolute;

  top: 106px;

  left: 44px;

  -webkit-animation: fa-spin 20s infinite linear;

          animation: fa-spin 20s infinite linear;

}

@media (max-width: 1199.98px) {

  .features-section .shape-two {

    display: none;

  }

}

.rtl .features-section .shape-two {

  left: auto;

  right: 44px;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.features-section .row {

  margin: 0;

}

.features-section .row .feature-block {

  padding: 0;

}

@media (max-width: 991.98px) {

  .features-section .row .feature-block {

    padding: 0 15px;

  }

}

@media (max-width: 575.98px) {

  .features-section .row .feature-block {

    padding: 0;

  }

}



.feature-block {

  margin-bottom: 30px;

}

@media (max-width: 575.98px) {

  .feature-block {

    margin-bottom: 15px;

  }

}

.feature-block .inner-box {

  position: relative;

  padding: 59px 56px;

  border-radius: 20px;

  overflow: hidden;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  background-color: var(--theme-color-light);

  background-image: url(../images/icons/feature-bg.png);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

  z-index: 3;

}

@media (max-width: 1399.98px) {

  .feature-block .inner-box {

    padding: 40px 25px;

  }

}

.feature-block .inner-box:before {

  content: "";

  position: absolute;

  bottom: 0;

  right: 0;

  width: 0%;

  height: 100%;

  z-index: 2;

  background-image: url(../images/icons/feature-hover-bg.png);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.rtl .feature-block .inner-box:before {

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

  left: 0;

  right: auto;

}

.feature-block .inner-box:after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  opacity: 0;

  background-color: var(--theme-color-light);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.feature-block .inner-box.active {

  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);

          box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);

}

.feature-block .inner-box.active::before {

  width: 100%;

}

.feature-block .inner-box.active::after {

  opacity: 1;

}

.feature-block .inner-box.active .icon {

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.feature-block .inner-box.active .read-more span {

  width: 90px;

}

.feature-block .inner-box .icon {

  position: relative;

  font-size: 72px;

  display: inline-block;

  color: var(--theme-color1);

  margin-bottom: 30px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

  z-index: 2;

}

@media (max-width: 1199.98px) {

  .feature-block .inner-box .icon {

    font-size: 60px;

  }

}

.feature-block .inner-box .content {

  position: relative;

  z-index: 3;

}

.feature-block .inner-box .title {

  position: relative;

  margin-bottom: 20px;

  color: var(--theme-color-dark);

}

.feature-block .inner-box .text {

  position: relative;

  font-size: 14px;

  line-height: 24px;

  margin-bottom: 20px;

  padding-right: 20px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.rtl .feature-block .inner-box .text {

  padding-right: 0;

  padding-left: 20px;

}

.feature-block .inner-box .read-more {

  position: relative;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  font-size: 16px;

  font-weight: 700;

  color: #5A3695;

}

.feature-block .inner-box .read-more span {

  position: relative;

  display: block;

  white-space: nowrap;

  overflow: hidden;

  width: 0;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.rtl .feature-block .inner-box .read-more i {

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}



/***



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

    Features Section Two

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

.feature-section-two {

  position: relative;

  padding: 120px 0 90px;

}



.feature-block-two {

  margin-bottom: 30px;

}

.feature-block-two .inner-box {

  position: relative;

  padding: 45px 45px;

  border-radius: 20px;

  overflow: hidden;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 40px;

  background-color: #F5F5F5;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

  z-index: 3;

}

@media (max-width: 575.98px) {

  .feature-block-two .inner-box {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;

    padding: 30px 25px;

  }

}

.dark-layout .feature-block-two .inner-box {

  background-color: #333333;

}

.feature-block-two .inner-box:before {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  width: 135px;

  height: 203px;

  background-image: url(../images/icons/feature2-shape.png);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  z-index: 3;

}

.rtl .feature-block-two .inner-box:before {

  right: auto;

  left: 0;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.feature-block-two .inner-box:after {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  width: 0;

  height: 100%;

  border-radius: 20px;

  background: -webkit-gradient(linear, left top, left bottom, from(#7906D2), color-stop(50%, #3E036C), to(#5C05A0));

  background: linear-gradient(to bottom, #0869AE 0%, #00C46E 100%, #00C46E 100%);

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}

.rtl .feature-block-two .inner-box:after {

  right: auto;

  left: 0;

  background: -webkit-gradient(linear, left bottom, left top, from(#7906D2), color-stop(50%, #3E036C), to(#5C05A0));

  background: linear-gradient(to top, #7906D2 0%, #3E036C 50%, #5C05A0 100%);

}

.feature-block-two .inner-box.active {

  border-top-right-radius: 20px;

}

.feature-block-two .inner-box.active:after {

  width: 100%;

}

.feature-block-two .inner-box.active .icon-box {

  border-color: rgba(255, 255, 255, 0.1);

}

.feature-block-two .inner-box.active .icon-box .icon {

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

  color: var(--theme-color-light);

}

.feature-block-two .inner-box.active .icon-box .icon-seven {

  opacity: 0;

}

.feature-block-two .inner-box.active .icon-box .icon-eight {

  opacity: 1;

}

.feature-block-two .inner-box.active .read-more span {

  width: 90px;

}

.feature-block-two .inner-box.active .title,

.feature-block-two .inner-box.active .text,

.feature-block-two .inner-box.active .read-more {

  color: var(--theme-color-light);

}

.feature-block-two .inner-box .icon-box {

  position: relative;

  width: 116px;

  height: 116px;

  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;

  -ms-flex-negative: 0;

      flex-shrink: 0;

  z-index: 3;

}

@media (max-width: 575.98px) {

  .feature-block-two .inner-box .icon-box {

    width: 100px;

    height: 100px;

  }

}

.feature-block-two .inner-box .icon-box .icon {

  position: relative;

  font-size: 72px;

  line-height: 1em;

  color: var(--theme-color4);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 575.98px) {

  .feature-block-two .inner-box .icon-box .icon {

    font-size: 50px;

  }

}

.feature-block-two .inner-box .icon-box .icon-seven {

  position: absolute;

  top: 50%;

  left: 50%;

  margin-top: -62px;

  margin-left: -59.5px;

  -webkit-animation: fa-spin 15s linear infinite;

          animation: fa-spin 15s linear infinite;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.rtl .feature-block-two .inner-box .icon-box .icon-seven {

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.feature-block-two .inner-box .icon-box .icon-eight {

  position: absolute;

  top: 50%;

  left: 50%;

  margin-top: -62px;

  margin-left: -59.5px;

  -webkit-animation: fa-spin 15s linear infinite;

          animation: fa-spin 15s linear infinite;

  opacity: 0;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.rtl .feature-block-two .inner-box .icon-box .icon-eight {

  right: -9px;

  left: auto;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.feature-block-two .inner-box .content {

  position: relative;

  z-index: 3;

}

.feature-block-two .inner-box .title {

  position: relative;

  margin-bottom: 15px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.feature-block-two .inner-box .text {

  position: relative;

  font-size: 14px;

  line-height: 24px;

  margin-bottom: 12px;

  max-width: 300px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.dark-layout .feature-block-two .inner-box .text {

  color: var(--theme-color-light);

}

.feature-block-two .inner-box .read-more {

  position: relative;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  font-size: 16px;

  font-weight: 700;

  color: #5A3695;

  -webkit-transition: all 0ms ease;

  transition: all 0ms ease;

}

.rtl .feature-block-two .inner-box .read-more i:before {

  display: inline-block;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.dark-layout .feature-block-two .inner-box .read-more {

  color: var(--theme-color-light);

}

.feature-block-two .inner-box .read-more span {

  position: relative;

  display: block;

  white-space: nowrap;

  overflow: hidden;

  width: 0;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}



/***



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

    Features Section Three

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

.feature-section-three {

  position: relative;

  padding: 120px 0 90px;

  background-color: #F5F5F5;

}

.dark-layout .feature-section-three {

  background-color: var(--dark-layout-color);

}

.feature-section-three .large-container {

  max-width: 1550px;

}



.feature-block-three {

  margin-bottom: 30px;

}

.feature-block-three .inner-box {

  position: relative;

  padding: 20px 25px 60px 38px;

  max-width: 350px;

  min-height: 500px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

@media (max-width: 1399.98px) {

  .feature-block-three .inner-box {

    padding: 20px 25px 60px;

  }

}

@media (max-width: 767.98px) {

  .feature-block-three .inner-box {

    margin: 0 auto;

    padding: 20px 15px 40px;

  }

}

@media (max-width: 575.98px) {

  .feature-block-three .inner-box {

    min-height: 420px;

  }

}

.rtl .feature-block-three .inner-box {

  padding: 20px 38px 60px 25px;

}

@media (max-width: 1399.98px) {

  .rtl .feature-block-three .inner-box {

    padding: 20px 25px 60px;

  }

}

@media (max-width: 767.98px) {

  .rtl .feature-block-three .inner-box {

    padding: 20px 15px 40px;

  }

}

.feature-block-three .inner-box:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 500px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  background-size: 100% 100%;

  background-image: url(../images/icons/feature3-bg.png);

  z-index: 2;

}

@media (max-width: 575.98px) {

  .feature-block-three .inner-box:before {

    height: 420px;

  }

}

.feature-block-three .inner-box:after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 500px;

  -webkit-transform: scale(0.8);

          transform: scale(0.8);

  opacity: 0;

  pointer-events: none;

  -webkit-transform-origin: bottom right;

          transform-origin: bottom right;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  background-size: 100% 100%;

  background-image: url(../images/icons/feature3-hover-bg.png);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

  z-index: 2;

}

@media (max-width: 575.98px) {

  .feature-block-three .inner-box:after {

    height: 420px;

  }

}

.feature-block-three .inner-box.active:after {

  -webkit-transform: scale(1);

          transform: scale(1);

  opacity: 1;

}

.feature-block-three .inner-box.active .icon-box .icon {

  color: var(--theme-color-light);

  opacity: 1;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

  font-size: 75px;

}

.feature-block-three .inner-box.active .icon-box .icon:after {

  opacity: 1;

}

.feature-block-three .inner-box.active .content .title,

.feature-block-three .inner-box.active .content .text {

  color: var(--theme-color-light);

}

.feature-block-three .inner-box.active .read-more {

  color: var(--theme-color-light);

}

.feature-block-three .inner-box.active .read-more:before {

  -webkit-transform: scale(1);

          transform: scale(1);

}

.feature-block-three .inner-box .icon-box {

  position: relative;

  text-align: right;

  z-index: 3;

}

.feature-block-three .inner-box .icon-box .icon {

  position: relative;

  color: var(--theme-color-dark);

  font-size: 90px;

  opacity: 0.2;

  width: 137px;

  height: 137px;

  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;

  margin-left: auto;

  background-color: transparent;

  border-radius: 50%;

  line-height: 1em;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 767.98px) {

  .feature-block-three .inner-box .icon-box .icon {

    font-size: 70px;

    width: 120px;

    height: 120px;

  }

}

.feature-block-three .inner-box .icon-box .icon:before {

  position: relative;

  z-index: 3;

}

.feature-block-three .inner-box .icon-box .icon:after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  -webkit-animation: fa-spin 10s infinite linear;

          animation: fa-spin 10s infinite linear;

  background-image: url(../images/icons/feature-icon-bg.png);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

  z-index: 2;

}

.feature-block-three .inner-box .content {

  position: relative;

  z-index: 3;

}

.feature-block-three .inner-box .content .title {

  position: relative;

  font-weight: 500;

  max-width: 227px;

  color: var(--theme-color-dark);

  margin-bottom: 18px;

}

@media (max-width: 767.98px) {

  .feature-block-three .inner-box .content .title {

    max-width: 100%;

    font-size: 30px;

  }

}

.feature-block-three .inner-box .content .text {

  position: relative;

  margin-bottom: 0;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.feature-block-three .inner-box .read-more {

  position: absolute;

  top: -14px;

  left: 0;

  width: 70px;

  height: 70px;

  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;

  font-size: 24px;

  border-radius: 20px;

  color: #3A0195;

  background-color: var(--theme-color-light);

  z-index: 3;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 1399.98px) {

  .feature-block-three .inner-box .read-more {

    left: -10px;

  }

}

@media (max-width: 767.98px) {

  .feature-block-three .inner-box .read-more {

    top: -10px;

    left: -12px;

  }

}

@media (max-width: 575.98px) {

  .feature-block-three .inner-box .read-more {

    width: 55px;

    height: 55px;

    font-size: 18px;

    top: -3px;

    left: 0;

  }

}

.feature-block-three .inner-box .read-more .icon {

  position: relative;

  z-index: 1;

}

.rtl .feature-block-three .inner-box .read-more .icon:before {

  display: block;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.feature-block-three .inner-box .read-more:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border-radius: 20px;

  -webkit-transform: scale(0);

          transform: scale(0);

  -webkit-transform-origin: bottom right;

          transform-origin: bottom right;

  background-color: var(--theme-color4);

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}

.rtl .feature-block-three .inner-box .read-more:before {

  -webkit-transform-origin: left bottom;

          transform-origin: left bottom;

}



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

    About Section CSS

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

.about-section {

  position: relative;

  padding: 0px 0;

}

.about-section .icon-one {

  position: absolute;

  top: 280px;

  left: 385px;

}

@media (max-width: 1199.98px) {

  .about-section .icon-one {

    display: none;

  }

}

.rtl .about-section .icon-one {

  left: auto;

  right: 385px;

}

.about-section .icon-two {

  position: absolute;

  top: 50%;

  right: 66px;

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

          transform: translateY(-50%);

}

@media (max-width: 1199.98px) {

  .about-section .icon-two {

    display: none;

  }

}

.rtl .about-section .icon-two {

  right: auto;

  left: 60px;

}

.about-section .outer-box {

  padding-right: 66px;

  margin-bottom: 35px;

}

@media (max-width: 1199.98px) {

  .about-section .outer-box {

    display: none;

  }

}

.rtl .about-section .outer-box {

  padding-right: 0;

  padding-left: 66px;

}

@media (max-width: 1199.98px) {

  .about-section .outer-box .sec-title h2 br {

    display: none;

  }

}

.about-section .image-box {

  position: relative;

  text-align: right;

}

.rtl .about-section .image-box {

  text-align: left;

}

.about-section .image-box .image-outer {

  position: relative;

  display: inline-block;

}

.about-section .image-box .image-outer .image {

  position: relative;

  margin-bottom: 0;

}

.about-section .image-box .image-outer .image img {

  border-radius: 50px;

}

.about-section .image-box .image-outer .icon-nineteen {

  position: absolute;

  bottom: 0;

  left: 0;

}

.rtl .about-section .image-box .image-outer .icon-nineteen {

  left: auto;

  right: 0;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.dark-layout .about-section .image-box .image-outer .icon-nineteen {

  display: none;

}

.about-section .image-box .image-outer .icon-twenty {

  position: absolute;

  top: 0;

  right: 0;

}

.rtl .about-section .image-box .image-outer .icon-twenty {

  right: auto;

  left: 0;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.dark-layout .about-section .image-box .image-outer .icon-twenty {

  display: none;

}

.about-section .image-box .image-outer .icon-twentyfour {

  position: absolute;

  bottom: 8px;

  left: 0;

}

.rtl .about-section .image-box .image-outer .icon-twentyfour {

  right: 0;

  left: auto;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.dark-layout .about-section .image-box .image-outer .icon-twentyfour {

  display: none;

}

.about-section .image-box .speaker-box {

  position: absolute;

  right: 69px;

  bottom: -51px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  width: 297px;

  text-align: left;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  padding: 10px;

}

@media (max-width: 767.98px) {

  .about-section .image-box .speaker-box {

    right: 50px;

  }

}

@media (max-width: 575.98px) {

  .about-section .image-box .speaker-box {

    bottom: -30px;

    right: 20px;

    width: auto;

    background-color: #F5F5F5;

  }

}

.rtl .about-section .image-box .speaker-box {

  right: auto;

  left: 69px;

}

@media (max-width: 767.98px) {

  .rtl .about-section .image-box .speaker-box {

    left: 50px;

  }

}

@media (max-width: 575.98px) {

  .rtl .about-section .image-box .speaker-box {

    left: 20px;

  }

}

.about-section .image-box .speaker-box:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 297px;

  height: 102px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  background-image: url(../images/icons/about-shape.png);

}

@media (max-width: 575.98px) {

  .about-section .image-box .speaker-box:before {

    display: none;

  }

}

.rtl .about-section .image-box .speaker-box:before {

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.about-section .image-box .speaker-box .icon {

  position: relative;

  font-size: 60px;

  line-height: 1em;

  color: var(--theme-color1);

}

@media (max-width: 575.98px) {

  .about-section .image-box .speaker-box .icon {

    font-size: 30px;

  }

}

.about-section .image-box .speaker-box .count {

  position: relative;

  font-family: var(--title-font);

  color: #5A3695;

  font-size: 84px;

  line-height: 1em;

  font-weight: 800;

  padding-left: 5px;

  padding-right: 10px;

}

@media (max-width: 575.98px) {

  .about-section .image-box .speaker-box .count {

    font-size: 40px;

  }

}

.about-section .image-box .speaker-box .text {

  position: relative;

  line-height: 20px;

  color: var(--theme-color-dark);

  font-weight: 800;

}

@media (max-width: 575.98px) {

  .about-section .image-box .speaker-box .text {

    font-weight: 600;

    font-size: 12px;

    line-height: 1.3em;

  }

}

.rtl .about-section .image-box .speaker-box .text {

  text-align: right;

}

.about-section .outer-box.two {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: end;

      -ms-flex-align: end;

          align-items: flex-end;

  padding-right: 0;

  margin-bottom: 0;

  gap: 74px;

}

@media (max-width: 1199.98px) {

  .about-section .outer-box.two {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    gap: 50px;

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;

  }

}

.rtl .about-section .outer-box.two {

  padding-left: 0;

}

.about-section .outer-box.two .image-box {

  -ms-flex-negative: 0;

      flex-shrink: 0;

}

@media (max-width: 1199.98px) {

  .about-section .outer-box.two .image-box {

    display: none;

  }

}

.about-section .outer-box.two .image-box .image {

  margin-bottom: 0;

}

.about-section .outer-box.two .sec-title {

  margin-bottom: 40px;

}

.about-section .outer-box.two .sec-title .text {

  line-height: 36px;

  max-width: 705px;

}

@media (max-width: 1199.98px) {

  .about-section .outer-box.two .sec-title .text {

    max-width: 100%;

  }

}

@media (max-width: 575.98px) {

  .about-section .outer-box.two .sec-title .text {

    line-height: 30px;

  }

}

.dark-layout .about-section .outer-box.two .sec-title .text {

  color: #999999;

}

.about-section .outer-box.two .btn-box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  gap: 20px;

  padding-bottom: 10px;

}

@media (max-width: 575.98px) {

  .about-section .outer-box.two .btn-box {

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;

  }

}

.about-section .outer-box.show-xl {

  display: none;

  margin-top: 50px;

}

@media (max-width: 1199.98px) {

  .about-section .outer-box.show-xl {

    display: block;

    padding-right: 0;

    margin-bottom: 45px;

  }

}

@media (max-width: 575.98px) {

  .about-section .outer-box.show-xl {

    margin-bottom: 30px;

  }

}

.rtl .about-section .outer-box.show-xl {

  padding-left: 0;

}

@media (max-width: 1199.98px) {

  .about-section .outer-box.show-xl .image img {

    width: 100%;

  }

}



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

    About Section Two

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

.about-section-two {

  position: relative;

  padding: 120px 0 70px;

}

.about-section-two .shape-fourteen {

  position: absolute;

  top: 100px;

  right: -300px;

  -webkit-animation: fa-spin 50s linear infinite;

          animation: fa-spin 50s linear infinite;

}

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

  .about-section-two .shape-fourteen {

    display: none;

  }

}

.rtl .about-section-two .shape-fourteen {

  right: auto;

  left: -300px;

}

@media (max-width: 1199.98px) {

  .about-section-two .sec-title h2 br {

    display: none;

  }

}

.about-section-two .image-column {

  margin-bottom: 50px;

}

@media (max-width: 1199.98px) {

  .about-section-two .image-column {

    -webkit-box-ordinal-group: 3;

        -ms-flex-order: 2;

            order: 2;

  }

}

.about-section-two .image-column .inner-column {

  position: relative;

  padding-bottom: 145px;

}

@media (max-width: 1399.98px) {

  .about-section-two .image-column .inner-column {

    padding-bottom: 0;

  }

}

.about-section-two .image-column .inner-column .icon-six {

  position: absolute;

  bottom: 0;

  left: -120px;

  -webkit-animation: fa-spin 15s infinite linear;

          animation: fa-spin 15s infinite linear;

}

@media (max-width: 1399.98px) {

  .about-section-two .image-column .inner-column .icon-six {

    display: none;

  }

}

.rtl .about-section-two .image-column .inner-column .icon-six {

  left: auto;

  right: -120px;

}

.about-section-two .image-column .inner-column .image {

  position: relative;

  border-radius: 30px;

  margin-bottom: 0;

  overflow: hidden;

}

@media (max-width: 1199.98px) {

  .about-section-two .image-column .inner-column .image {

    width: 100%;

    height: 700px;

    -o-object-fit: cover;

       object-fit: cover;

  }

}

@media (max-width: 767.98px) {

  .about-section-two .image-column .inner-column .image {

    height: 550px;

  }

}

@media (max-width: 575.98px) {

  .about-section-two .image-column .inner-column .image {

    height: 100%;

  }

}

.about-section-two .image-column .inner-column .image.two {

  position: absolute;

  bottom: 0;

  right: 20px;

}

@media (max-width: 1399.98px) {

  .about-section-two .image-column .inner-column .image.two {

    display: none;

  }

}

.rtl .about-section-two .image-column .inner-column .image.two {

  right: auto;

  left: 20px;

}

.about-section-two .image-column .inner-column .image.two img {

  border: 7px solid var(--theme-color-light);

}

.about-section-two .image-column .inner-column .image img {

  position: relative;

  border-radius: 30px;

  -webkit-transform-origin: center;

          transform-origin: center;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.about-section-two .image-column .inner-column .image:hover img {

  -webkit-transform: scale(1.1) !important;

          transform: scale(1.1) !important;

}

.about-section-two .image-column .inner-column .author-box {

  position: absolute;

  bottom: 75px;

  left: 115px;

  padding: 20px;

  border-radius: 100px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);

          box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);

  background-color: var(--theme-color-light);

  z-index: 3;

}

@media (max-width: 1399.98px) {

  .about-section-two .image-column .inner-column .author-box {

    left: 30px;

    bottom: 30px;

  }

}

@media (max-width: 767.98px) {

  .about-section-two .image-column .inner-column .author-box {

    padding: 10px;

  }

}

@media (max-width: 575.98px) {

  .about-section-two .image-column .inner-column .author-box {

    display: none;

  }

}

.rtl .about-section-two .image-column .inner-column .author-box {

  left: auto;

  right: 115px;

  padding-right: 50px;

}

@media (max-width: 1399.98px) {

  .rtl .about-section-two .image-column .inner-column .author-box {

    right: 30px;

  }

}

.about-section-two .image-column .inner-column .author-box img {

  position: relative;

  width: 100px;

  height: 100px;

  margin-left: -30px;

  border-radius: 50%;

  border: 2px solid var(--theme-color-light);

}

.about-section-two .image-column .inner-column .author-box img:first-child {

  margin-left: 0;

}

@media (max-width: 767.98px) {

  .about-section-two .image-column .inner-column .author-box img {

    width: 80px;

    height: 80px;

  }

}

.rtl .about-section-two .image-column .inner-column .author-box img {

  margin-left: 0;

  margin-right: -30px;

}

.about-section-two .image-column .inner-column .author-box .text {

  position: relative;

  width: 100px;

  height: 100px;

  margin-left: -30px;

  border-radius: 50%;

  font-size: 48px;

  color: var(--theme-color-light);

  font-weight: 600;

  line-height: 1em;

  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;

  -ms-flex-negative: 0;

      flex-shrink: 0;

  background-color: var(--theme-color4);

}

@media (max-width: 767.98px) {

  .about-section-two .image-column .inner-column .author-box .text {

    width: 80px;

    height: 80px;

    font-size: 30px;

  }

}

.rtl .about-section-two .image-column .inner-column .author-box .text {

  margin-left: 0;

  margin-right: -30px;

}

.about-section-two .content-column {

  margin-bottom: 50px;

}

.about-section-two .content-column .inner-column {

  position: relative;

  padding-top: 35px;

  padding-left: 30px;

  padding-right: 160px;

}

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

  .about-section-two .content-column .inner-column {

    padding-right: 0;

  }

}

@media (max-width: 1399.98px) {

  .about-section-two .content-column .inner-column {

    padding-left: 0;

    padding-top: 0;

  }

}

.rtl .about-section-two .content-column .inner-column {

  padding-left: 160px;

  padding-right: 30px;

}

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

  .rtl .about-section-two .content-column .inner-column {

    padding-left: 0;

  }

}

@media (max-width: 1399.98px) {

  .rtl .about-section-two .content-column .inner-column {

    padding-right: 0;

  }

}

@media (max-width: 575.98px) {

  .about-section-two .content-column .inner-column .feature-list-two.two-column {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

  }

}

@media (max-width: 575.98px) {

  .about-section-two .content-column .inner-column .feature-list-two.two-column li {

    padding-right: 0;

    width: 100%;

    -webkit-box-flex: 1;

        -ms-flex: 1;

            flex: 1;

    gap: 10px;

  }

}

@media (max-width: 575.98px) {

  .about-section-two .content-column .inner-column .feature-list-two.two-column li .title {

    font-size: 18px;

  }

}

.about-section-two .content-column .inner-column .btn-box {

  padding-top: 45px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  gap: 29px;

}

@media (max-width: 575.98px) {

  .about-section-two .content-column .inner-column .btn-box {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;

    gap: 15px;

    padding-top: 30px;

  }

}



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

    About Section Three

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

.about-section-three {

  position: relative;

  padding: 120px 0 70px;

  background-color: #F5F5F5;

}

.dark-layout .about-section-three {

  background-color: var(--dark-layout-color);

}

.about-section-three .large-container {

  max-width: 1550px;

}

.about-section-three .image-column {

  margin-bottom: 50px;

}

@media (max-width: 1399.98px) {

  .about-section-three .image-column {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: end;

        -ms-flex-align: end;

            align-items: flex-end;

  }

}

@media (max-width: 991.98px) {

  .about-section-three .image-column {

    -webkit-box-ordinal-group: 3;

        -ms-flex-order: 2;

            order: 2;

  }

}

.about-section-three .image-column .inner-column {

  position: relative;

}

@media (max-width: 991.98px) {

  .about-section-three .image-column .inner-column {

    width: 100%;

  }

}

.about-section-three .image-column .inner-column .image-box {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: end;

      -ms-flex-align: end;

          align-items: flex-end;

  gap: 25px;

}

@media (max-width: 991.98px) {

  .about-section-three .image-column .inner-column .image-box {

    width: 100%;

  }

}

.about-section-three .image-column .inner-column .image-box .image {

  position: relative;

  border-radius: 205px;

  margin-bottom: 0;

  overflow: hidden;

}

@media (max-width: 1199.98px) {

  .about-section-three .image-column .inner-column .image-box .image {

    border-radius: 10px;

  }

}

@media (max-width: 991.98px) {

  .about-section-three .image-column .inner-column .image-box .image {

    width: 100%;

    height: 600px;

    -o-object-fit: cover;

       object-fit: cover;

  }

}

@media (max-width: 575.98px) {

  .about-section-three .image-column .inner-column .image-box .image {

    height: 100%;

  }

}

@media (max-width: 1199.98px) {

  .about-section-three .image-column .inner-column .image-box .image.two {

    display: none;

  }

}

.about-section-three .image-column .inner-column .image-box .image img {

  position: relative;

  border-radius: 205px;

  -webkit-transform-origin: center;

          transform-origin: center;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 1199.98px) {

  .about-section-three .image-column .inner-column .image-box .image img {

    border-radius: 10px;

  }

}

.about-section-three .image-column .inner-column .image-box .image:hover img {

  -webkit-transform: scale(1.1) !important;

          transform: scale(1.1) !important;

}

.about-section-three .image-column .inner-column .exp-box {

  position: absolute;

  top: 0;

  right: 35px;

  border-radius: 150px;

  overflow: hidden;

  padding: 27px 50px 27px 45px;

  gap: 10px;

  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;

}

@media (max-width: 1399.98px) {

  .about-section-three .image-column .inner-column .exp-box {

    top: -30px;

  }

}

@media (max-width: 1199.98px) {

  .about-section-three .image-column .inner-column .exp-box {

    display: none;

  }

}

.rtl .about-section-three .image-column .inner-column .exp-box {

  left: 35px;

  right: auto;

}

.about-section-three .image-column .inner-column .exp-box:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 310px;

  height: 120px;

  border-radius: 150px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  background-image: url(../images/icons/exp-bg.png);

}

.about-section-three .image-column .inner-column .exp-box .title {

  position: relative;

  font-size: 64px;

  line-height: 1em;

  font-family: var(--title-font);

  color: var(--theme-color-light);

  margin-bottom: 0;

}

.about-section-three .image-column .inner-column .exp-box .text {

  position: relative;

  font-size: 18px;

  font-weight: 500;

  line-height: 24px;

  color: var(--theme-color-light);

  margin-bottom: 0;

}

.about-section-three .content-column {

  margin-bottom: 50px;

}

.about-section-three .content-column .inner-column {

  position: relative;

  padding-right: 100px;

  padding-left: 50px;

  margin-top: -10px;

}

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

  .about-section-three .content-column .inner-column {

    margin-top: 0;

  }

}

@media (max-width: 1399.98px) {

  .about-section-three .content-column .inner-column {

    padding-right: 0;

    padding-left: 0;

  }

}

@media (max-width: 1199.98px) {

  .about-section-three .content-column .inner-column {

    margin-left: -40px;

  }

}

@media (max-width: 991.98px) {

  .about-section-three .content-column .inner-column {

    margin-left: 0px;

  }

}

.rtl .about-section-three .content-column .inner-column {

  padding-right: 50px;

  padding-left: 100px;

}

@media (max-width: 1399.98px) {

  .rtl .about-section-three .content-column .inner-column {

    padding-right: 0;

    padding-left: 0;

  }

}

@media (max-width: 1199.98px) {

  .rtl .about-section-three .content-column .inner-column {

    margin-right: -40px;

  }

}

@media (max-width: 991.98px) {

  .rtl .about-section-three .content-column .inner-column {

    margin-right: 0px;

  }

}

.about-section-three .content-column .inner-column .sec-title .text {

  padding-right: 30px;

}

@media (max-width: 1399.98px) {

  .about-section-three .content-column .inner-column .sec-title .text {

    padding-right: 0;

  }

}

.rtl .about-section-three .content-column .inner-column .sec-title .text {

  padding-right: 0;

  padding-left: 30px;

}

@media (max-width: 1399.98px) {

  .rtl .about-section-three .content-column .inner-column .sec-title .text {

    padding-left: 0;

  }

}

.about-section-three .content-column .inner-column .blocks-box {

  position: relative;

}

.about-section-three .content-column .inner-column .blocks-box .thumb-box {

  position: relative;

}

.about-section-three .content-column .inner-column .blocks-box .thumb-box .image {

  position: absolute;

  bottom: -95px;

  right: 10px;

}

.about-section-three .content-column .inner-column .blocks-box .thumb-box .image img {

  position: relative;

  z-index: 2;

}

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

  .about-section-three .content-column .inner-column .blocks-box .thumb-box .image {

    display: none;

  }

}

.rtl .about-section-three .content-column .inner-column .blocks-box .thumb-box .image {

  left: 10px;

  right: auto;

}

.about-section-three .content-column .inner-column .blocks-box .thumb-box .image:before {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 190px;

  height: 190px;

  border-radius: 50%;

  background-color: var(--theme-color-light);

  z-index: 1;

}

.about-section-three .content-column .inner-column .blocks-box .thumb-box .image:after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 209px;

  height: 209px;

  border-radius: 50%;

  background-color: #BBBBBB;

}



.about-block {

  margin-bottom: 30px;

}

.about-block .inner-box {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

  gap: 26px;

}

@media (max-width: 575.98px) {

  .about-block .inner-box {

    gap: 15px;

  }

}

.about-block .inner-box:hover .icon {

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.about-block .inner-box .icon {

  position: relative;

  color: #52048E;

  font-size: 48px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 575.98px) {

  .about-block .inner-box .icon {

    width: 40px;

    height: 40px;

  }

}

.about-block .inner-box svg {

  -ms-flex-negative: 0;

      flex-shrink: 0;

  width: 48px;

  height: 48px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 575.98px) {

  .about-block .inner-box svg {

    width: 40px;

    height: 40px;

  }

}

.about-block .inner-box .title {

  position: relative;

  color: #52048E;

  margin-bottom: 2px;

}

.dark-layout .about-block .inner-box .title {

  color: var(--theme-color-light);

}

.about-block .inner-box .text {

  position: relative;

  margin-bottom: 0;

}

.dark-layout .about-block .inner-box .text {

  color: var(--theme-color-light);

}

.about-block .inner-box .text.two {

  padding-right: 250px;

}

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

  .about-block .inner-box .text.two {

    padding-right: 0;

  }

}

.rtl .about-block .inner-box .text.two {

  padding-right: 0;

  padding-left: 250px;

}

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

  .rtl .about-block .inner-box .text.two {

    padding-left: 0;

  }

}



/***



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

    Marquee Section CSS

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

.marquee-section {

  position: relative;

  padding: 20px 0 60px;

}

.marquee-section .text {

  position: relative;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.marquee-section .text:hover {

  color: var(--theme-color1);

}



.marquee-container {

  width: 100%;

  overflow: hidden;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.rtl .marquee-container {

  direction: ltr;

}

.marquee-container:hover .marquee {

  -webkit-animation-play-state: paused;

          animation-play-state: paused;

}

.marquee-container .marquee {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  white-space: nowrap;

  -webkit-animation: marquee 50s linear infinite;

          animation: marquee 50s linear infinite;

}

.marquee-container .marquee .text {

  position: relative;

  color: #dddddd;

  font-size: 130px;

  font-weight: 700;

  line-height: 1em;

  padding: 0 30px;

  text-transform: uppercase;

}

.marquee-container .marquee .text:hover {

  color: var(--theme-color1);

}

@media (max-width: 991.98px) {

  .marquee-container .marquee .text {

    font-size: 80px;

    padding: 0 20px;

  }

}

@media (max-width: 575.98px) {

  .marquee-container .marquee .text {

    font-size: 40px;

    padding: 0 10px;

  }

}



@-webkit-keyframes marquee {

  from {

    -webkit-transform: translateX(0%);

            transform: translateX(0%);

  }

  to {

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

            transform: translateX(-50%);

  }

}



@keyframes marquee {

  from {

    -webkit-transform: translateX(0%);

            transform: translateX(0%);

  }

  to {

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

            transform: translateX(-50%);

  }

}

/***



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

    Marquee Section Two

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

.marquee-section-two {

  position: relative;

  padding: 10px 0 120px;

}

@media (max-width: 991.98px) {

  .marquee-section-two {

    padding-top: 0;

  }

}

@media (max-width: 575.98px) {

  .marquee-section-two {

    padding-bottom: 80px;

  }

}

.marquee-section-two .marquee-container .text {

  font-family: var(--title-font);

  font-size: 130px;

  line-height: 1em;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 991.98px) {

  .marquee-section-two .marquee-container .text {

    font-size: 100px;

  }

}

@media (max-width: 767.98px) {

  .marquee-section-two .marquee-container .text {

    font-size: 60px;

  }

}

.marquee-section-two .marquee-container .text.bold {

  font-weight: 700;

  color: var(--theme-color-dark);

}

.dark-layout .marquee-section-two .marquee-container .text.bold {

  color: var(--theme-color-light);

}

.marquee-section-two .marquee-container .text.bold:hover {

  color: var(--theme-color1);

}

.marquee-section-two .marquee-container .text.light {

  color: #DDDDDD;

}

.dark-layout .marquee-section-two .marquee-container .text.light {

  color: var(--theme-color-light);

}

.marquee-section-two .marquee-container .text.light:hover {

  color: var(--theme-color1);

}

.marquee-section-two .marquee-container .text.text-border {

  color: var(--theme-color-light);

  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;

}

.dark-layout .marquee-section-two .marquee-container .text.text-border {

  color: #fff;

  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;

}

.marquee-section-two .marquee-container .text.text-border:hover {

  color: var(--theme-color-dark);

}

.marquee-section-two .marquee-container .text.dot {

  color: #dddddd !important;

}



/***



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

    Marquee Section Three

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

.marquee-section-three {

  position: relative;

  padding: 34px 0;

  background-color: #150036;

}

.marquee-section-three .marquee-container .text {

  font-size: 32px;

  font-weight: 700;

  line-height: 1em;

  color: var(--theme-color-light);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 575.98px) {

  .marquee-section-three .marquee-container .text {

    font-size: 22px;

  }

}



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

    Map Section CSS

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

.map-section {

  position: relative;

  padding: 120px 0;

}

.map-section iframe {

  margin-bottom: -10px;

  width: 100%;

  height: 500px;

}

@media (max-width: 575.98px) {

  .map-section iframe {

    height: 300px;

  }

}



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

    Funfacts Section CSS

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

.funfact-section {

  position: relative;

  padding: 120px 0 90px;

}

.funfact-section .shape-thirtytwo {

  position: absolute;

  top: 95px;

  left: 0;

}

@media (max-width: 575.98px) {

  .funfact-section .shape-thirtytwo {

    display: none;

  }

}

.funfact-section .shape-thirtythree {

  position: absolute;

  top: 95px;

  right: 0;

}

@media (max-width: 575.98px) {

  .funfact-section .shape-thirtythree {

    display: none;

  }

}

.funfact-section .bg {

  position: absolute;

  left: 0;

  top: 0;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}

.funfact-section .sec-title-outer {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  margin-bottom: 80px;

}

@media (max-width: 991.98px) {

  .funfact-section .sec-title-outer {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    gap: 15px;

    text-align: center;

  }

}

.funfact-section .sec-title-outer .btn-box {

  padding-top: 30px;

}

.funfact-section .sec-title-outer h2 {

  max-width: 510px;

}

@media (max-width: 991.98px) {

  .funfact-section .sec-title-outer h2 {

    max-width: 100%;

  }

}

.funfact-section .sec-title-outer .text {

  max-width: 655px;

  line-height: 36px;

  font-weight: 300;

  color: var(--theme-color-light);

}

@media (max-width: 991.98px) {

  .funfact-section .sec-title-outer .text {

    max-width: 100%;

  }

}



.counter-block {

  margin-bottom: 30px;

}

.counter-block .inner-box {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 30px;

}

@media (max-width: 575.98px) {

  .counter-block .inner-box {

    gap: 15px;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

  }

}

.counter-block .inner-box:hover .icon {

  -webkit-animation: fa-spin 10s infinite linear;

          animation: fa-spin 10s infinite linear;

}

.counter-block .inner-box .count-box {

  position: relative;

  display: block;

  font-family: var(--title-font);

  font-size: 60px;

  font-weight: 700;

  line-height: 1em;

  margin-bottom: 5px;

  color: var(--theme-color-light);

}

@media (max-width: 575.98px) {

  .counter-block .inner-box .count-box {

    font-size: 50px;

  }

}

.counter-block .inner-box .counter-title {

  position: relative;

  display: block;

  font-family: var(--title-font);

  font-size: 18px;

  line-height: 30px;

  font-weight: 400;

  margin-bottom: 0;

  color: var(--theme-color-light);

}

@media (max-width: 575.98px) {

  .counter-block .inner-box .counter-title {

    font-size: 16px;

    line-height: 28px;

  }

}

.counter-block .inner-box .icon {

  position: relative;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 575.98px) {

  .counter-block .inner-box .icon {

    width: 90px;

  }

}



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

    Testimonials Section CSS

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

.testimonial-section {

  position: relative;

  padding: 120px 0;

}

.testimonial-section .shape-nine {

  position: absolute;

  top: -50%;

  left: 0;

  pointer-events: none;

}

.testimonial-section .outer-box {

  position: relative;

}

.rtl .testimonial-section .outer-box .testi-swiper {

  direction: ltr;

}

.testimonial-section .nav-box {

  position: absolute;

  top: 50%;

  left: -150px;

  right: -150px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  height: 89px;

}

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

  .testimonial-section .nav-box {

    -webkit-transform: translateY(-100%);

            transform: translateY(-100%);

  }

}

@media (max-width: 1399.98px) {

  .testimonial-section .nav-box {

    position: relative;

    left: 0;

    right: 0;

    max-width: 210px;

    margin: 0 auto;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    -webkit-transform: translateY(0%);

            transform: translateY(0%);

  }

}

.testimonial-section .swiper-button-prev {

  border-radius: 50px 50px 0 50px;

}

@media (max-width: 1199.98px) {

  .testimonial-section .swiper-button-prev {

    left: 50%;

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

            transform: translateX(-50%);

    margin-left: -55px;

  }

}

@media (max-width: 575.98px) {

  .testimonial-section .swiper-button-prev {

    margin-left: -40px;

  }

}

.testimonial-section .swiper-button-next {

  border-radius: 50px 50px 50px 0;

}

@media (max-width: 1199.98px) {

  .testimonial-section .swiper-button-next {

    right: 50%;

    -webkit-transform: translateX(50%);

            transform: translateX(50%);

    margin-right: -55px;

  }

}

@media (max-width: 575.98px) {

  .testimonial-section .swiper-button-next {

    margin-right: -40px;

  }

}

.testimonial-section .swiper-button-prev,

.testimonial-section .swiper-button-next {

  width: 89px;

  height: 89px;

  margin-top: -120px;

  font-size: 24px;

  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;

  color: var(--theme-color-light);

  background-color: #5A3695;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

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

  .testimonial-section .swiper-button-prev,

  .testimonial-section .swiper-button-next {

    margin-top: 0;

  }

}

@media (max-width: 1199.98px) {

  .testimonial-section .swiper-button-prev,

  .testimonial-section .swiper-button-next {

    top: auto;

    bottom: 0;

    margin-top: 0;

  }

}

@media (max-width: 575.98px) {

  .testimonial-section .swiper-button-prev,

  .testimonial-section .swiper-button-next {

    width: 70px;

    height: 70px;

  }

}

.testimonial-section .swiper-button-prev:after,

.testimonial-section .swiper-button-next:after {

  display: none;

}

.testimonial-section .swiper-button-prev:hover,

.testimonial-section .swiper-button-next:hover {

  background-color: var(--theme-color1);

}



.testimonial-block {

  margin-bottom: 40px;

}

.rtl .testimonial-block {

  direction: rtl;

}

.testimonial-block .inner-box {

  position: relative;

  padding: 110px 85px 120px;

  background-color: #EEEEEE;

  border-radius: 20px 20px 20px 150px;

  z-index: 3;

}

@media (max-width: 1199.98px) {

  .testimonial-block .inner-box {

    padding: 110px 50px 120px;

  }

}

@media (max-width: 991.98px) {

  .testimonial-block .inner-box {

    padding: 90px 30px 100px;

  }

}

@media (max-width: 767.98px) {

  .testimonial-block .inner-box {

    padding: 90px 50px 100px;

  }

}

@media (max-width: 575.98px) {

  .testimonial-block .inner-box {

    padding: 80px 20px 100px;

    border-radius: 10px 10px 10px 30px;

  }

}

.rtl .testimonial-block .inner-box {

  border-radius: 20px 20px 150px 20px;

}

@media (max-width: 575.98px) {

  .rtl .testimonial-block .inner-box {

    border-radius: 10px 10px 10px 30px;

  }

}

.testimonial-block .inner-box:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  -webkit-transform: scale(0.8);

          transform: scale(0.8);

  opacity: 0;

  border-radius: 20px 20px 20px 150px;

  /*background-image: url(../images/icons/testi-bg.png);*/
 background: -webkit-gradient(linear, left top, left bottom, from(#7906D2), color-stop(50%, #3E036C), to(#5C05A0));

  background: linear-gradient(to bottom, #0869AE 0%, #00C46E 100%, #00C46E 100%);

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 575.98px) {

  .testimonial-block .inner-box:before {

    border-radius: 10px 10px 10px 30px;

  }

}

.rtl .testimonial-block .inner-box:before {

  border-radius: 20px 20px 150px 20px;

}

@media (max-width: 575.98px) {

  .rtl .testimonial-block .inner-box:before {

    border-radius: 10px 10px 30px 10px;

  }

}

.testimonial-block .inner-box:hover:before {

  -webkit-transform: scale(1);

          transform: scale(1);

  opacity: 100;

}

.testimonial-block .inner-box:hover .content .name,

.testimonial-block .inner-box:hover .content .designation,

.testimonial-block .inner-box:hover .content .text,

.testimonial-block .inner-box:hover .content .rating i {

  color: var(--theme-color-light);

}

.testimonial-block .inner-box:hover .content .author-box .icon {

  color: var(--theme-color-light);

}

.testimonial-block .inner-box:hover .image-box .image img {

  -webkit-transform: scale(1.1);

          transform: scale(1.1);

}

.testimonial-block .inner-box:hover .image-box .icon-five {

  opacity: 0;

}

.testimonial-block .inner-box:hover .image-box .icon-twentyone {

  opacity: 1;

}

.testimonial-block .inner-box:hover .shape-thirteen {

  opacity: 1;

}

.testimonial-block .inner-box:hover .shape-eight {

  opacity: 0;

}

.testimonial-block .inner-box .testi-shape-one {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 2;

}

.rtl .testimonial-block .inner-box .testi-shape-one {

  left: auto;

  right: 0;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.dark-layout .testimonial-block .inner-box .testi-shape-one {

  display: none;

}

.testimonial-block .inner-box .testi-shape-two {

  position: absolute;

  right: 0;

  bottom: 0;

  z-index: 2;

}

.rtl .testimonial-block .inner-box .testi-shape-two {

  left: 0;

  right: auto;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.dark-layout .testimonial-block .inner-box .testi-shape-two {

  display: none;

}

.testimonial-block .inner-box .shape-eight {

  position: absolute;

  bottom: 0;

  right: 0;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.rtl .testimonial-block .inner-box .shape-eight {

  left: 0;

  right: auto;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.testimonial-block .inner-box .shape-thirteen {

  position: absolute;

  bottom: 0;

  right: 0;

  opacity: 0;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.rtl .testimonial-block .inner-box .shape-thirteen {

  left: 0;

  right: auto;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.testimonial-block .inner-box .content {

  position: relative;

}

.testimonial-block .inner-box .content .author-box {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

.testimonial-block .inner-box .content .author-box .icon {

  position: relative;

  font-size: 50px;

  color: var(--theme-color3);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 575.98px) {

  .testimonial-block .inner-box .content .author-box .icon {

    font-size: 34px;

  }

}

.testimonial-block .inner-box .content .name {

  position: relative;

  margin-bottom: 14px;

  color: var(--theme-color-dark);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 575.98px) {

  .testimonial-block .inner-box .content .name {

    font-size: 22px;

    margin-bottom: 8px;

  }

}

.testimonial-block .inner-box .content .designation {

  position: relative;

  display: block;

  font-size: 24px;

  line-height: 1em;

  margin-bottom: 40px;

  color: var(--theme-color-dark);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 575.98px) {

  .testimonial-block .inner-box .content .designation {

    font-size: 16px;

    margin-bottom: 25px;

  }

}

.testimonial-block .inner-box .content .text {

  position: relative;

  font-size: 24px;

  line-height: 42px;

  color: var(--theme-color-dark);

  margin-bottom: 20px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 991.98px) {

  .testimonial-block .inner-box .content .text {

    font-size: 20px;

    line-height: 1.6em;

  }

}

@media (max-width: 575.98px) {

  .testimonial-block .inner-box .content .text {

    font-size: 18px;

    line-height: 30px;

    margin-bottom: 10px;

  }

}

.testimonial-block .inner-box .content .rating {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: end;

      -ms-flex-pack: end;

          justify-content: flex-end;

}

.testimonial-block .inner-box .content .rating i {

  position: relative;

  font-size: 20px;

  color: var(--theme-color1);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.testimonial-block .inner-box .image-box {

  position: absolute;

  bottom: -39px;

  left: 0;

}

.rtl .testimonial-block .inner-box .image-box {

  right: 0;

  left: auto;

}

.testimonial-block .inner-box .image-box .icon-five {

  position: absolute;

  top: 18px;

  right: -46px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.rtl .testimonial-block .inner-box .image-box .icon-five {

  right: auto;

  left: -46px;

}

.testimonial-block .inner-box .image-box .icon-twentyone {

  position: absolute;

  top: 18px;

  left: -46px;

  opacity: 0;

  z-index: 1;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.rtl .testimonial-block .inner-box .image-box .icon-twentyone {

  left: auto;

  right: -46px;

}

.testimonial-block .inner-box .image {

  position: relative;

  width: 173px;

  height: 173px;

  overflow: hidden;

  margin-bottom: 0;

  border-radius: 50%;

  border: 3px solid var(--theme-color-light);

}

@media (max-width: 575.98px) {

  .testimonial-block .inner-box .image {

    width: 130px;

    height: 130px;

  }

}

.testimonial-block .inner-box .image img {

  position: relative;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}



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

    Testimonials Section Two

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

.testimonial-section-two {

  position: relative;

  padding: 270px 0 120px;

}

@media (max-width: 1399.98px) {

  .testimonial-section-two {

    padding-top: 120px;

  }

}

.testimonial-section-two .bg-box:before {

  content: "";

  position: absolute;

  top: -1px;

  left: 0;

  width: 100%;

  height: 145px;

  clip-path: polygon(100% 0, 0 0, 100% 100%);

  background-color: var(--theme-color-light);

  z-index: 2;

}

@media (max-width: 1399.98px) {

  .testimonial-section-two .bg-box:before {

    display: none;

  }

}

.rtl .testimonial-section-two .bg-box:before {

  left: auto;

  right: 0;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.dark-layout .testimonial-section-two .bg-box:before {

  background-color: var(--dark-layout-color);

}

.testimonial-section-two .bg-box .bg-image {

  height: 977px;

}

@media (max-width: 1399.98px) {

  .testimonial-section-two .bg-box .bg-image {

    height: 700px;

  }

}

@media (max-width: 1199.98px) {

  .testimonial-section-two .bg-box .bg-image {

    height: 100%;

  }

}

.testimonial-section-two .bg-box .bg-image:before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background-color: #150036;

  opacity: 0.8;

  z-index: 1;

}

.testimonial-section-two .bg-box .bg-image:after {

  content: "";

  position: absolute;

  bottom: -1px;

  left: 0;

  width: 100%;

  height: 273px;

  clip-path: polygon(0 100%, 100% 0, 100% 100%);

  background-color: var(--theme-color-light);

  z-index: 1;

}

@media (max-width: 1399.98px) {

  .testimonial-section-two .bg-box .bg-image:after {

    display: none;

  }

}

.rtl .testimonial-section-two .bg-box .bg-image:after {

  left: auto;

  right: 0;

}

.dark-layout .testimonial-section-two .bg-box .bg-image:after {

  background-color: var(--dark-layout-color);

}

.rtl .testimonial-section-two .bg-box .bg-image {

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.testimonial-section-two .sec-title-outer {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  margin-bottom: 40px;

  z-index: 1;

}

@media (max-width: 991.98px) {

  .testimonial-section-two .sec-title-outer .sec-title h2 br {

    display: none;

  }

}

.testimonial-section-two .sec-title-outer .image-box {

  position: relative;

}

@media (max-width: 991.98px) {

  .testimonial-section-two .sec-title-outer .image-box {

    display: none;

  }

}

.testimonial-section-two .sec-title-outer .image-box img {

  border-radius: 50%;

  margin-right: -36px;

  width: 100px;

  height: 100px;

  border: 2px solid var(--theme-color-light);

}

.testimonial-section-two .sec-title-outer .image-box img:last-child {

  margin-right: 0;

}

.rtl .testimonial-section-two .sec-title-outer .image-box img:last-child {

  margin-right: -36px;

}

.rtl .testimonial-section-two .sec-title-outer .image-box img:first-child {

  margin-right: 0;

}

.testimonial-section-two .outer-box {

  position: relative;

  padding-top: 70px;

  z-index: 3;

}

@media (max-width: 1199.98px) {

  .testimonial-section-two .outer-box {

    padding-top: 20px;

  }

}

.testimonial-section-two .bottom-box {

  position: relative;

  margin-top: -15px;

  z-index: 1;

}

@media (max-width: 1199.98px) {

  .testimonial-section-two .bottom-box {

    margin-top: 0;

  }

}

@media (max-width: 575.98px) {

  .testimonial-section-two .bottom-box {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

  }

}

.testimonial-section-two .bottom-box .text {

  position: relative;

  color: var(--theme-color-dark);

  margin-bottom: 0;

  width: 100%;

  text-align: center;

}

.testimonial-section-two .bottom-box .text a {

  color: var(--theme-color4);

}

.testimonial-section-two .bottom-box .text a:hover {

  text-decoration: underline;

}

.dark-layout .testimonial-section-two .bottom-box .text {

  color: var(--theme-color-light);

}

.testimonial-section-two .bottom-box .counter-block-two {

  position: absolute;

  bottom: 0;

  right: 0;

}

@media (max-width: 575.98px) {

  .testimonial-section-two .bottom-box .counter-block-two {

    position: relative;

    text-align: center;

    margin-top: 15px;

  }

}

.rtl .testimonial-section-two .bottom-box .counter-block-two {

  right: auto;

  left: 0;

}

.testimonial-section-two .bottom-box .counter-block-two .count-box {

  position: relative;

  font-size: 64px;

  font-weight: 700;

  color: var(--theme-color-dark);

  line-height: 1em;

  margin-bottom: 0px;

}

@media (max-width: 575.98px) {

  .testimonial-section-two .bottom-box .counter-block-two .count-box {

    font-size: 50px;

  }

}

.dark-layout .testimonial-section-two .bottom-box .counter-block-two .count-box {

  color: var(--theme-color-light);

}

.testimonial-section-two .bottom-box .counter-block-two .counter-title {

  position: relative;

  color: #666666;

  margin-bottom: 0;

}

@media (max-width: 575.98px) {

  .testimonial-section-two .bottom-box .counter-block-two .counter-title {

    font-size: 16px;

  }

}

.dark-layout .testimonial-section-two .bottom-box .counter-block-two .counter-title {

  color: var(--theme-color-light);

}



.testimonial-block-two {

  position: relative;

}

@media (max-width: 1199.98px) {

  .testimonial-block-two {

    margin-bottom: 50px;

  }

}

.testimonial-block-two:nth-child(n+2) {

  top: -73px;

}

@media (max-width: 1199.98px) {

  .testimonial-block-two:nth-child(n+2) {

    top: 0;

  }

}

.testimonial-block-two:nth-child(n+3) {

  top: -146px;

}

@media (max-width: 1199.98px) {

  .testimonial-block-two:nth-child(n+3) {

    top: 0;

  }

}

.testimonial-block-two .inner-box {

  position: relative;

}

@media (max-width: 1199.98px) {

  .testimonial-block-two .inner-box {

    background-color: var(--theme-color-light);

    border-radius: 20px;

    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);

            box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);

  }

}

@media (max-width: 575.98px) {

  .testimonial-block-two .inner-box {

    border-radius: 10px;

    text-align: center;

  }

}

.testimonial-block-two .inner-box:before {

  content: "";

  position: absolute;

  top: -15px;

  left: -15px;

  right: -15px;

  bottom: -15px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  background-image: url(../images/icons/testi2-bg.png);

}

@media (max-width: 1399.98px) {

  .testimonial-block-two .inner-box:before {

    top: -5px;

    left: -5px;

    right: -5px;

    bottom: -5px;

  }

}

@media (max-width: 1199.98px) {

  .testimonial-block-two .inner-box:before {

    display: none;

  }

}

.rtl .testimonial-block-two .inner-box:before {

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.testimonial-block-two .inner-box:after {

  content: "";

  position: absolute;

  top: -15px;

  left: -15px;

  right: -15px;

  bottom: -15px;

  opacity: 0;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  background-image: url(../images/icons/testi2-bg2.png);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 1399.98px) {

  .testimonial-block-two .inner-box:after {

    top: -5px;

    left: -5px;

    right: -5px;

    bottom: -5px;

  }

}

@media (max-width: 1199.98px) {

  .testimonial-block-two .inner-box:after {

    display: none;

  }

}

.rtl .testimonial-block-two .inner-box:after {

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.testimonial-block-two .inner-box:hover:after {

  opacity: 1;

}

.testimonial-block-two .inner-box .content {

  position: relative;

  padding: 52px 53px 28px 56px;

  z-index: 1;

}

@media (max-width: 1399.98px) {

  .testimonial-block-two .inner-box .content {

    padding: 50px 30px 28px 30px;

  }

}

@media (max-width: 575.98px) {

  .testimonial-block-two .inner-box .content {

    padding: 30px 20px 15px 20px;

    text-align: center;

  }

}

.rtl .testimonial-block-two .inner-box .content {

  padding: 52px 56px 28px 53px;

}

@media (max-width: 1399.98px) {

  .rtl .testimonial-block-two .inner-box .content {

    padding: 50px 30px 28px 30px;

  }

}

@media (max-width: 575.98px) {

  .rtl .testimonial-block-two .inner-box .content {

    padding: 30px 20px 15px 20px;

  }

}

.testimonial-block-two .inner-box .content .text {

  position: relative;

  font-size: 18px;

  line-height: 36px;

  color: var(--theme-color-dark);

  margin-bottom: 0;

}

@media (max-width: 575.98px) {

  .testimonial-block-two .inner-box .content .text {

    font-size: 16px;

    line-height: 28px;

  }

}

.testimonial-block-two .inner-box .content .icon-box {

  text-align: right;

}

@media (max-width: 575.98px) {

  .testimonial-block-two .inner-box .content .icon-box {

    text-align: center;

    margin-top: 10px;

  }

}

.rtl .testimonial-block-two .inner-box .content .icon-box {

  text-align: left;

}

@media (max-width: 575.98px) {

  .rtl .testimonial-block-two .inner-box .content .icon-box {

    position: absolute;

    left: 10px;

    right: auto;

  }

}

.testimonial-block-two .inner-box .content .icon-box .quote-icon {

  position: relative;

  font-size: 45px;

  color: var(--theme-color3);

}

.testimonial-block-two .inner-box .content .rating {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  margin-top: -8px;

  gap: 2px;

}

@media (max-width: 575.98px) {

  .testimonial-block-two .inner-box .content .rating {

    margin-top: 15px;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

  }

}

.testimonial-block-two .inner-box .content .rating i {

  position: relative;

  font-size: 22px;

  color: #E76004;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.testimonial-block-two .inner-box .author-box {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  padding: 0 53px 60px 56px;

  z-index: 1;

}

@media (max-width: 1399.98px) {

  .testimonial-block-two .inner-box .author-box {

    padding: 0 30px 60px 30px;

  }

}

@media (max-width: 575.98px) {

  .testimonial-block-two .inner-box .author-box {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    padding: 0 20px 30px 20px;

  }

}

.rtl .testimonial-block-two .inner-box .author-box {

  padding: 0 56px 60px 53px;

}

@media (max-width: 1399.98px) {

  .rtl .testimonial-block-two .inner-box .author-box {

    padding: 0 30px 60px 30px;

  }

}

@media (max-width: 575.98px) {

  .rtl .testimonial-block-two .inner-box .author-box {

    padding: 0 20px 30px 20px;

  }

}

.testimonial-block-two .inner-box .author-box .designation {

  position: relative;

  font-size: 20px;

  margin-bottom: 5px;

  color: var(--theme-color-dark);

}

.testimonial-block-two .inner-box .author-box .name {

  position: relative;

  color: var(--theme-color-dark);

  margin-bottom: 0;

}

.testimonial-block-two .inner-box .author-box .image-box {

  position: absolute;

  bottom: 0;

  right: 0;

  display: inline-block;

}

@media (max-width: 575.98px) {

  .testimonial-block-two .inner-box .author-box .image-box {

    position: relative;

    margin-top: 10px;

  }

}

.rtl .testimonial-block-two .inner-box .author-box .image-box {

  right: auto;

  left: 0;

}

.testimonial-block-two .inner-box .author-box .image-box .image {

  position: relative;

  margin-bottom: 0;

  border-radius: 10% 50% 50% 50%;

  border: 3px solid var(--theme-color-light);

}

.rtl .testimonial-block-two .inner-box .author-box .image-box .image {

  border-radius: 50% 10% 50% 50%;

}

.testimonial-block-two .inner-box .author-box .image-box .image img {

  position: relative;

  width: 145px;

  height: 145px;

  -o-object-fit: cover;

     object-fit: cover;

  border-radius: 10% 50% 50% 50%;

  z-index: 1;

}

.rtl .testimonial-block-two .inner-box .author-box .image-box .image img {

  border-radius: 50% 10% 50% 50%;

}

.testimonial-block-two .inner-box .author-box .image-box .image:before {

  content: "";

  position: absolute;

  bottom: 0;

  right: 0;

  width: 94px;

  height: 94px;

  border-radius: 50%;

  background-color: var(--theme-color4);

}

.rtl .testimonial-block-two .inner-box .author-box .image-box .image:before {

  right: auto;

  left: 0;

}



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

    Testimonials Section Three

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

.testimonial-section-three {

  position: relative;

  padding: 120px 0;

  overflow: hidden;

}

.rtl .testimonial-section-three .testi-swiper-three {

  direction: ltr;

}

.testimonial-section-three .swiper-three-thumb-outer {

  position: relative;

  max-width: 620px;

  overflow: hidden;

  margin: 0 auto -120px;

  z-index: 99;

}

@media (max-width: 767.98px) {

  .testimonial-section-three .swiper-three-thumb-outer {

    max-width: 80%;

  }

}

.rtl .testimonial-section-three .swiper-three-thumb-outer {

  direction: ltr;

}

.testimonial-section-three .testi-swiper-three-thumb {

  text-align: center;

  width: 120px !important;

  height: 195px !important;

  overflow: visible;

}

@media (max-width: 767.98px) {

  .testimonial-section-three .testi-swiper-three-thumb {

    width: 100px !important;

  }

}

.testimonial-section-three .testi-swiper-three-thumb .swiper-slide {

  position: relative;

  cursor: pointer;

  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;

}

.testimonial-section-three .testi-swiper-three-thumb .swiper-slide img {

  width: 100%;

  height: auto;

  border-radius: 50%;

  border: 5px solid var(--theme-color-light);

  -webkit-transform: scale(1.1);

          transform: scale(1.1);

}

.testimonial-section-three .testi-swiper-three-thumb .swiper-slide.swiper-slide-thumb-active {

  z-index: 3;

}

.testimonial-section-three .testi-swiper-three-thumb .swiper-slide.swiper-slide-thumb-active img {

  -webkit-box-shadow: 0px 4px 10px #04988c;

          box-shadow: 0px 4px 10px #04988c;

  -webkit-transform: scale(1.4);

          transform: scale(1.4);

}

@media (max-width: 575.98px) {

  .testimonial-section-three .nav-box {

    position: relative;

    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;

  }

}

.testimonial-section-three .swiper-button-next,

.testimonial-section-three .swiper-button-prev {

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  width: 71px;

  height: 135px;

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

          transform: translateY(-50%);

}

@media (max-width: 575.98px) {

  .testimonial-section-three .swiper-button-next,

  .testimonial-section-three .swiper-button-prev {

    position: relative;

    top: 0;

    -webkit-transform: translateY(0%);

            transform: translateY(0%);

    color: var(--theme-color-light);

    width: 55px;

    height: 55px;

    border-radius: 5px;

    margin: 0 5px;

    background: var(--theme-color1);

  }

}

.testimonial-section-three .swiper-button-next:after,

.testimonial-section-three .swiper-button-prev:after {

  color: var(--theme-color-dark);

  font-size: 24px;

  font-weight: 900;

  font-family: var(--fa-style-family, "Font Awesome 6 Pro");

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.testimonial-section-three .swiper-button-next:hover:after,

.testimonial-section-three .swiper-button-prev:hover:after {

  color: var(--theme-color4);

}

@media (max-width: 575.98px) {

  .testimonial-section-three .swiper-button-next:hover:after,

  .testimonial-section-three .swiper-button-prev:hover:after {

    color: var(--theme-color-light);

  }

}

.testimonial-section-three .swiper-button-prev {

  left: 0;

  background-image: url(../images/icons/arrow-bg-one.png);

}

.testimonial-section-three .swiper-button-prev:after {

  content: "\f104";

}

@media (max-width: 575.98px) {

  .testimonial-section-three .swiper-button-prev:after {

    color: var(--theme-color-light);

  }

}

@media (max-width: 575.98px) {

  .testimonial-section-three .swiper-button-prev {

    background-image: none;

  }

}

.testimonial-section-three .swiper-button-next {

  right: 0;

  background-image: url(../images/icons/arrow-bg-two.png);

}

.testimonial-section-three .swiper-button-next:after {

  content: "\f105";

}

@media (max-width: 575.98px) {

  .testimonial-section-three .swiper-button-next:after {

    color: var(--theme-color-light);

  }

}

@media (max-width: 575.98px) {

  .testimonial-section-three .swiper-button-next {

    background-image: none;

  }

}



.testimonial-block-three .inner-box {

  position: relative;

  border-radius: 36px;

  padding: 135px 0 90px;

  margin-bottom: 50px;

  text-align: center;

}

@media (max-width: 1199.98px) {

  .testimonial-block-three .inner-box {

    padding: 135px 80px 90px;

  }

}

@media (max-width: 575.98px) {

  .testimonial-block-three .inner-box {

    padding: 135px 15px 90px;

  }

}

.testimonial-block-three .inner-box .bg {

  position: absolute;

  left: 0;

  top: 0;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  border-radius: 36px;

}

.testimonial-block-three .inner-box .content {

  position: relative;

  max-width: 920px;

  margin: 0 auto;

}

@media (max-width: 767.98px) {

  .testimonial-block-three .inner-box .content {

    max-width: 100%;

  }

}

.testimonial-block-three .inner-box .content .designation {

  position: relative;

  display: block;

  color: var(--theme-color-light);

  font-weight: 400;

  line-height: 48px;

  margin-bottom: 0;

  text-transform: uppercase;

}

@media (max-width: 767.98px) {

  .testimonial-block-three .inner-box .content .designation {

    font-size: 16px;

    line-height: 34px;

  }

}

@media (max-width: 575.98px) {

  .testimonial-block-three .inner-box .content .designation {

    font-size: 14px;

    line-height: 34px;

  }

}

.testimonial-block-three .inner-box .content .name {

  position: relative;

  color: var(--theme-color-light);

  margin-top: 10px;

  margin-bottom: 30px;

}

@media (max-width: 767.98px) {

  .testimonial-block-three .inner-box .content .name {

    font-size: 30px;

    line-height: 32px;

  }

}

@media (max-width: 575.98px) {

  .testimonial-block-three .inner-box .content .name {

    font-size: 26px;

  }

}

.testimonial-block-three .inner-box .content .text {

  position: relative;

  color: var(--theme-color-light);

  font-size: 24px;

  letter-spacing: 1px;

  font-weight: 300;

  line-height: 44px;

  margin-bottom: 30px;

}

@media (max-width: 767.98px) {

  .testimonial-block-three .inner-box .content .text {

    font-size: 20px;

    line-height: 32px;

  }

}

@media (max-width: 575.98px) {

  .testimonial-block-three .inner-box .content .text {

    font-size: 16px;

    line-height: 28px;

  }

}

.testimonial-block-three .inner-box .content .rating {

  position: relative;

  font-size: 35px;

  gap: 3px;

  line-height: 1em;

  color: #FF5825;

  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;

  z-index: 2;

}

@media (max-width: 767.98px) {

  .testimonial-block-three .inner-box .content .rating {

    font-size: 28px;

  }

}

@media (max-width: 575.98px) {

  .testimonial-block-three .inner-box .content .rating {

    font-size: 22px;

  }

}

.testimonial-block-three .inner-box .quote-icon {

  position: absolute;

  bottom: -50px;

  left: 50%;

  width: 101px;

  height: 101px;

  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;

  font-size: 40px;

  border-radius: 50%;

  color: var(--theme-color3);

  background-color: var(--theme-color-light);

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

          transform: translateX(-50%);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 575.98px) {

  .testimonial-block-three .inner-box .quote-icon {

    width: 70px;

    height: 70px;

    font-size: 30px;

    bottom: -35px;

  }

}



/***



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

    Speakers Section CSS

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

.speakers-section {

  position: relative;

  padding: 120px 0;

}

.speakers-section .bg:before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  /*background-color: #772D7B;*/

  opacity: 0.8;

}



.speaker-block {

  position: relative;

  margin-bottom: 75px;

}

.speaker-block .inner-box {

  position: relative;

  max-width: 256px;

  z-index: 1;

}

@media (max-width: 991.98px) {

  .speaker-block .inner-box {

    max-width: 100%;

    margin: 0 15px;

  }

}

@media (max-width: 767.98px) {

  .speaker-block .inner-box {

    max-width: 100%;

    margin: 0 10px;

  }

}

.speaker-block .inner-box:before {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  width: 186px;

  height: 100%;

  border-radius: 25px;

  background-color: var(--theme-color1);

  -webkit-transform: rotate(0deg);

          transform: rotate(0deg);

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}

.rtl .speaker-block .inner-box:before {

  right: auto;

  left: 0;

}

.speaker-block .inner-box.active:before {

  -webkit-transform: rotate(13.66deg);

          transform: rotate(13.66deg);

}

.rtl .speaker-block .inner-box.active:before {

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

          transform: rotate(-13.66deg);

}

.speaker-block .inner-box.active .image-box:before {

  background-color: var(--theme-color1);

}

.speaker-block .inner-box.active .image-box:after {

  top: 100%;

  -webkit-transform: translateY(calc(-100% - 27px));

          transform: translateY(calc(-100% - 27px));

  background-color: var(--theme-color1);

}

.speaker-block .inner-box.active .image-box .image img:first-child {

  -webkit-transform: translateX(0) scaleX(1);

          transform: translateX(0) scaleX(1);

  opacity: 1;

  -webkit-filter: blur(0);

          filter: blur(0);

}

.speaker-block .inner-box.active .image-box .image img:nth-child(2) {

  -webkit-transform: translateX(-50%) scaleX(2);

          transform: translateX(-50%) scaleX(2);

  opacity: 0;

  -webkit-filter: blur(10px);

          filter: blur(10px);

}

.speaker-block .inner-box.active .image-box .social-links {

  -webkit-transform: scale(1);

          transform: scale(1);

  visibility: visible;

}

.speaker-block .inner-box.active .info-box:before {

  background-color: var(--theme-color1);

}

.speaker-block .inner-box .image-box {

  position: relative;

  border-radius: 25px;

  border: 3px solid var(--theme-color-light);

}

.speaker-block .inner-box .image-box:before {

  content: "";

  position: absolute;

  top: -15px;

  left: 22px;

  height: 5px;

  width: 62px;

  border-radius: 50px;

  background-color: var(--theme-color2);

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}

.rtl .speaker-block .inner-box .image-box:before {

  left: auto;

  right: 22px;

}

.speaker-block .inner-box .image-box:after {

  content: "";

  position: absolute;

  top: 23px;

  right: -25px;

  height: 157px;

  width: 6px;

  border-radius: 50px;

  background-color: var(--theme-color2);

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}

.rtl .speaker-block .inner-box .image-box:after {

  right: auto;

  left: -25px;

}

.speaker-block .inner-box .image-box .image {

  position: relative;

  overflow: hidden;

  border-radius: 25px;

  margin-bottom: 0;

  z-index: 1;

}

.speaker-block .inner-box .image-box .image img {

  position: relative;

  width: 100%;

  display: block;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

  z-index: 33;

}

.speaker-block .inner-box .image-box .image img:first-child {

  position: absolute;

  left: 0px;

  top: 0px;

  right: 0px;

  bottom: 0px;

  z-index: 1;

  -webkit-transform: translateX(50%) scaleX(2);

          transform: translateX(50%) scaleX(2);

  opacity: 0;

  -webkit-filter: blur(10px);

          filter: blur(10px);

  z-index: 33;

}

.speaker-block .inner-box .image-box .icon-box {

  position: absolute;

  right: 22px;

  bottom: -3px;

  z-index: 5;

}

.rtl .speaker-block .inner-box .image-box .icon-box {

  right: auto;

  left: 22px;

}

.speaker-block .inner-box .image-box .icon-box .icon {

  position: relative;

  display: block;

  height: 50px;

  width: 50px;

  line-height: 50px;

  text-align: center;

  font-size: 22px;

  border-radius: 50px 50px 0 0;

  color: var(--theme-color-light);

  background-color: var(--theme-color1);

}

.speaker-block .inner-box .image-box .social-links {

  position: absolute;

  right: 22px;

  bottom: -3px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  padding: 5px;

  gap: 3px;

  border-radius: 50px 50px 0 0;

  background-color: var(--theme-color2);

  -webkit-transform-origin: bottom;

          transform-origin: bottom;

  -webkit-transform: scaleY(0);

          transform: scaleY(0);

  visibility: hidden;

  z-index: 5;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}

.rtl .speaker-block .inner-box .image-box .social-links {

  right: auto;

  left: 22px;

}

.speaker-block .inner-box .image-box .social-links a {

  position: relative;

  height: 40px;

  width: 40px;

  line-height: 40px;

  text-align: center;

  border-radius: 50%;

  font-size: var(--body-font-size);

  color: var(--theme-color-dark);

  background-color: var(--theme-color2);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.speaker-block .inner-box .image-box .social-links a:hover {

  color: var(--theme-color-light);

  background-color: var(--theme-color1);

}

.speaker-block .inner-box .info-box {

  position: absolute;

  bottom: 35px;

  left: 0;

  width: 100%;

  padding: 21px 35px;

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

  z-index: 3;

}

.speaker-block .inner-box .info-box:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 4px;

  height: 100%;

  background-color: var(--theme-color2);

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}

.speaker-block .inner-box .info-box .name {

  position: relative;

  font-weight: 700;

  color: var(--theme-color-light);

  margin-bottom: 0;

}

.speaker-block .inner-box .info-box .name a:hover {

  color: var(--theme-color1);

}

.speaker-block .inner-box .info-box .designation {

  position: relative;

  display: block;

  font-size: 14px;

  font-weight: 500;

  color: var(--theme-color-light);

}



/***



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

    Speakers Section Two

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

.speakers-section-two {

  position: relative;

  background-color: #150036;

}

@media (max-width: 1199.98px) {

  .speakers-section-two {

    padding: 120px 0;

  }

}

.speakers-section-two .shape-nineteen {

  position: absolute;

  top: 114px;

  right: 0;

  z-index: 1;

}

.rtl .speakers-section-two .shape-nineteen {

  right: auto;

  left: 0;

  -webkit-transform: scaleX(-1) !important;

          transform: scaleX(-1) !important;

}

@media (max-width: 1199.98px) {

  .speakers-section-two .blocks-column {

    -webkit-box-ordinal-group: 3;

        -ms-flex-order: 2;

            order: 2;

  }

}

.speakers-section-two .blocks-column .inner-column {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  overflow: hidden;

  -ms-flex-wrap: nowrap;

      flex-wrap: nowrap;

  padding-right: 60px;

}

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

  .speakers-section-two .blocks-column .inner-column {

    padding-right: 0;

  }

}

@media (max-width: 767.98px) {

  .speakers-section-two .blocks-column .inner-column {

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

  }

}

.rtl .speakers-section-two .blocks-column .inner-column {

  padding-right: 0;

  padding-left: 60px;

}

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

  .rtl .speakers-section-two .blocks-column .inner-column {

    padding-left: 0;

  }

}

.speakers-section-two .content-column {

  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;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

}

.speakers-section-two .content-column .inner-column {

  padding-left: 60px;

  padding-right: 150px;

}

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

  .speakers-section-two .content-column .inner-column {

    padding-right: 0;

    padding-left: 0;

  }

}

@media (max-width: 1199.98px) {

  .speakers-section-two .content-column .inner-column {

    width: 100%;

    padding-bottom: 50px;

    padding-left: 20px;

  }

}

.rtl .speakers-section-two .content-column .inner-column {

  padding-right: 60px;

  padding-left: 150px;

}

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

  .rtl .speakers-section-two .content-column .inner-column {

    padding-right: 0;

    padding-left: 0;

  }

}

@media (max-width: 1199.98px) {

  .rtl .speakers-section-two .content-column .inner-column {

    padding-right: 20px;

  }

}

.speakers-section-two .content-column .inner-column .btn-box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  gap: 25px;

}

@media (max-width: 575.98px) {

  .speakers-section-two .content-column .inner-column .btn-box {

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    gap: 15px;

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;

  }

}

.speakers-section-two .speaker-block-two {

  min-height: 762px;

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

  will-change: flex;

}

@media (max-width: 767.98px) {

  .speakers-section-two .speaker-block-two {

    min-height: 500px;

  }

}

.speakers-section-two .speaker-block-two:hover {

  -webkit-box-flex: 2;

      -ms-flex: 2;

          flex: 2;

}

@media (max-width: 767.98px) {

  .speakers-section-two .speaker-block-two {

    width: 50%;

    -webkit-box-flex: 0 !important;

        -ms-flex: 0 0 50% !important;

            flex: 0 0 50% !important;

  }

}

@media (max-width: 575.98px) {

  .speakers-section-two .speaker-block-two {

    width: 100%;

    -webkit-box-flex: 0 !important;

        -ms-flex: 0 0 100% !important;

            flex: 0 0 100% !important;

  }

}



.speaker-block-two {

  position: relative;

  -webkit-transition: 0.8s cubic-bezier(0.29, 0, 0.2, 1);

  transition: 0.8s cubic-bezier(0.29, 0, 0.2, 1);

}

.speaker-block-two .inner-box {

  position: relative;

  overflow: hidden;

  z-index: 1;

}

.speaker-block-two .inner-box .shape-twenty {

  position: absolute;

  bottom: 0;

  left: 0;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  z-index: 3;

  opacity: 0;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}

.rtl .speaker-block-two .inner-box .shape-twenty {

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.speaker-block-two .inner-box.active .content {

  opacity: 1;

}

.speaker-block-two .inner-box.active .shape-twenty {

  opacity: 1;

}

.speaker-block-two .inner-box .image-box {

  position: relative;

}

.speaker-block-two .inner-box .image-box .image {

  position: relative;

  overflow: hidden;

  margin-bottom: 0;

  z-index: 1;

}

.speaker-block-two .inner-box .image-box .image img {

  width: 100%;

  height: 762px;

  -o-object-fit: cover;

     object-fit: cover;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}

.speaker-block-two .inner-box .content {

  position: absolute;

  left: 0;

  bottom: 0;

  opacity: 0;

  padding-left: 62px;

  padding-bottom: 69px;

  z-index: 3;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}

@media (max-width: 1199.98px) {

  .speaker-block-two .inner-box .content {

    padding-left: 30px;

  }

}

.rtl .speaker-block-two .inner-box .content {

  left: auto;

  right: 0;

  padding-left: 0;

  padding-right: 62px;

}

@media (max-width: 1199.98px) {

  .rtl .speaker-block-two .inner-box .content {

    padding-right: 30px;

  }

}

.speaker-block-two .inner-box .content .social-links {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  z-index: 5;

  margin-bottom: 40px;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}

@media (max-width: 1199.98px) {

  .speaker-block-two .inner-box .content .social-links {

    margin-bottom: 30px;

  }

}

.speaker-block-two .inner-box .content .social-links a {

  position: relative;

  height: 55px;

  width: 55px;

  line-height: 55px;

  text-align: center;

  font-size: 25px;

  color: var(--theme-color-light);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.speaker-block-two .inner-box .content .social-links a:hover {

  color: var(--theme-color-light);

  background-color: var(--theme-color4);

}

.speaker-block-two .inner-box .content .name {

  position: relative;

  color: var(--theme-color-light);

}

.speaker-block-two .inner-box .content .designation {

  position: relative;

  display: block;

  font-size: 20px;

  line-height: 1em;

  color: var(--theme-color-light);

}



/***



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

    Speakers Section Three

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

.speakers-section-three {

  position: relative;

  padding: 120px 0;

  background-color: var(--theme-color-light);

}

.dark-layout .speakers-section-three {

  background-color: var(--dark-layout-color);

}

.speakers-section-three .bg {

  position: absolute;

  left: 0;

  top: 0;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}

.speakers-section-three .carousel-outer {

  position: relative;

  margin: 0 -15px;

}

.speakers-section-three .carousel-outer .team-slider {

  position: relative;

  padding: 0 15px;

}

.speakers-section-three .sec-title-outer {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  margin-bottom: 50px;

  z-index: 1;

}

@media (max-width: 991.98px) {

  .speakers-section-three .sec-title-outer {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    text-align: center;

  }

  .speakers-section-three .sec-title-outer br {

    display: none;

  }

}

@media (max-width: 991.98px) {

  .speakers-section-three .sec-title-outer .text-box {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    margin-top: 10px;

  }

}

.dark-layout .speakers-section-three .sec-title-outer .text-box .text {

  color: var(--theme-color-light);

}

.speakers-section-three .sec-title-outer .btn-box {

  padding-bottom: 20px;

  text-align: right;

}

@media (max-width: 991.98px) {

  .speakers-section-three .sec-title-outer .btn-box {

    text-align: center;

    -webkit-box-ordinal-group: 3;

        -ms-flex-order: 2;

            order: 2;

    margin-top: 20px;

  }

}

.speakers-section-three .styled-pagination {

  position: relative;

  max-width: 970px;

  margin: 0 auto;

  width: 100%;

  height: 12px !important;

  margin-top: 30px;

  border-radius: 10px;

  overflow: hidden;

  background-color: #D9D9D9;

}

.speakers-section-three .styled-pagination .swiper-pagination-progressbar-fill {

  top: 3px;

  left: 3px;

  height: 6px;

  border-radius: 50px;

  background: var(--theme-color4);

}



.speaker-block-three {

  margin-bottom: 30px;

}

.speaker-block-three .inner-box {

  position: relative;

  padding: 0px 10px;

}

.speaker-block-three .inner-box.active .image img {

  -webkit-transform: scale(1.1);

          transform: scale(1.1);

}

.speaker-block-three .inner-box.active .content-box:after {

  opacity: 1;

}

.speaker-block-three .inner-box.active .content-box .shape-twentyeight {

  opacity: 1;

}

.speaker-block-three .inner-box.active .content-box .name,

.speaker-block-three .inner-box.active .content-box .designation {

  color: var(--theme-color-light);

}

.dark-layout .speaker-block-three .inner-box.active .content-box .name,

.dark-layout .speaker-block-three .inner-box.active .content-box .designation {

  color: var(--theme-color-light);

}

.speaker-block-three .inner-box.active .content-box .team-shape .main {

  fill: #150036;

}

.speaker-block-three .inner-box.active .content-box .social-icons {

  -webkit-transform: translateY(0);

          transform: translateY(0);

  opacity: 1;

}

.speaker-block-three .inner-box .image {

  position: relative;

  margin-bottom: 0;

  border-radius: 15px;

  overflow: hidden;

}

.speaker-block-three .inner-box .image img {

  position: relative;

  width: 100%;

  height: 100%;

  border-radius: 15px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.speaker-block-three .inner-box .content-box {

  position: relative;

  padding: 10px 10px 30px;

  text-align: center;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.speaker-block-three .inner-box .content-box .team-shape {

  position: absolute;

  left: -10px;

  right: -10px;

  bottom: 0;

  height: 152px;

  -webkit-filter: drop-shadow(0 0px 10px rgba(0, 0, 0, 0.15));

          filter: drop-shadow(0 0px 10px rgba(0, 0, 0, 0.15));

  border-radius: 12px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.speaker-block-three .inner-box .content-box .team-shape .main {

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.speaker-block-three .inner-box .content-box .shape-twentyeight {

  position: absolute;

  bottom: 0;

  left: 50%;

  opacity: 0;

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

          transform: translateX(-50%);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.speaker-block-three .inner-box .content-box .name {

  position: relative;

  margin-bottom: 2px;

  z-index: 3;

}

.dark-layout .speaker-block-three .inner-box .content-box .name {

  color: var(--theme-color-dark);

}

.speaker-block-three .inner-box .content-box .designation {

  position: relative;

  color: #222222;

  font-size: 14px;

  line-height: 24px;

  z-index: 3;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.speaker-block-three .inner-box .content-box .social-icons {

  position: absolute;

  top: -37px;

  left: 0;

  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;

  width: 100%;

  gap: 13px;

  opacity: 0;

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

          transform: translateY(-10px);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.speaker-block-three .inner-box .content-box .social-icons li:nth-child(2) {

  margin-top: -42px;

}

.speaker-block-three .inner-box .content-box .social-icons li:nth-child(4) {

  margin-top: -42px;

}

.speaker-block-three .inner-box .content-box .social-icons li:nth-child(3) {

  margin-top: -60px;

}

.speaker-block-three .inner-box .content-box .social-icons li a {

  position: relative;

  width: 35px;

  height: 34px;

  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;

  color: var(--theme-color-light);

  font-size: 14px;

  border-radius: 50%;

  background-color: var(--theme-color3);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.speaker-block-three .inner-box .content-box .social-icons li a:hover {

  background-color: var(--theme-color-light);

  color: var(--theme-color3);

}



/***



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

    Speakers Section Four

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

.speakers-section-four {

  position: relative;

  padding: 120px 0 70px;

  background-color: var(--theme-color-light);

}

@media (max-width: 575.98px) {

  .speakers-section-four {

    padding-bottom: 90px;

  }

}

.dark-layout .speakers-section-four {

  background-color: var(--dark-layout-color);

}

.speakers-section-four .sec-title-outer {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  margin-bottom: 170px;

}

@media (max-width: 991.98px) {

  .speakers-section-four .sec-title-outer {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    text-align: center;

  }

  .speakers-section-four .sec-title-outer br {

    display: none;

  }

}

@media (max-width: 1199.98px) {

  .speakers-section-four .sec-title-outer {

    margin-bottom: 100px;

  }

}

@media (max-width: 575.98px) {

  .speakers-section-four .sec-title-outer {

    margin-bottom: 70px;

  }

}

@media (max-width: 991.98px) {

  .speakers-section-four .sec-title-outer .text-box {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    margin-top: 10px;

  }

}

.dark-layout .speakers-section-four .sec-title-outer .text-box .text {

  color: #999999;

}

.speakers-section-four .sec-title-outer .btn-box {

  padding-top: 20px;

}

@media (max-width: 1199.98px) {

  .speakers-section-four .sec-title-outer .btn-box {

    text-align: center;

    -webkit-box-ordinal-group: 3;

        -ms-flex-order: 2;

            order: 2;

    margin-top: 20px;

  }

}

.speakers-section-four .outer-box {

  position: relative;

}

.speakers-section-four .blocks-box.two {

  position: absolute;

  top: 30px;

  left: 55%;

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

          transform: translateX(-50%);

}

@media (max-width: 1199.98px) {

  .speakers-section-four .blocks-box.two {

    position: relative;

    left: 0;

    top: 0;

    -webkit-transform: translateX(0%);

            transform: translateX(0%);

  }

}



.speaker-block-four {

  margin-bottom: 50px;

}

@media (max-width: 575.98px) {

  .speaker-block-four {

    margin-bottom: 30px;

  }

}

.speaker-block-four.purple {

  margin-top: 15px;

}

@media (max-width: 1199.98px) {

  .speaker-block-four.purple {

    margin-top: 0;

  }

}

.speaker-block-four.green {

  margin-top: 50px;

}

@media (max-width: 1199.98px) {

  .speaker-block-four.green {

    margin-top: 0;

  }

}

.speaker-block-four.seagreen {

  margin-top: 15px;

}

@media (max-width: 1199.98px) {

  .speaker-block-four.seagreen {

    margin-top: 0;

  }

}

.speaker-block-four.blue {

  margin-top: 50px;

}

@media (max-width: 1199.98px) {

  .speaker-block-four.blue {

    margin-top: 0;

  }

}

.speaker-block-four .inner-box {

  position: relative;

  max-width: 288px;

  text-align: center;

  margin: 0 auto 50px;

}

.speaker-block-four .inner-box .shape {

  position: absolute;

  top: 50%;

  left: 50%;

  margin-top: -174px;

  margin-left: -174px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  -webkit-animation: fa-spin 24s linear infinite;

          animation: fa-spin 24s linear infinite;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 575.98px) {

  .speaker-block-four .inner-box .shape {

    -webkit-transform: translate(-50%, -50%) scale(0.91);

            transform: translate(-50%, -50%) scale(0.91);

  }

}

.speaker-block-four .inner-box.active .image-box .image img {

  -webkit-transform: scale(1.1);

          transform: scale(1.1);

}

.speaker-block-four .inner-box.active .image-box .image:before {

  opacity: 1;

  -webkit-transform: scale(1);

          transform: scale(1);

}

.speaker-block-four .inner-box.active .content-box {

  opacity: 1;

  -webkit-transform: translateY(0);

          transform: translateY(0);

}

.speaker-block-four .inner-box.active .social-icons {

  -webkit-transform: translateY(0);

          transform: translateY(0);

  opacity: 1;

}

.speaker-block-four .inner-box .image-box {

  position: relative;

  max-width: 288px;

}

.speaker-block-four .inner-box .image-box .image {

  position: relative;

  margin-bottom: 0;

  overflow: hidden;

  border: 3px solid var(--theme-color-light);

  border-radius: 50%;

}

.speaker-block-four .inner-box .image-box .image:before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  border-radius: 50%;

  -webkit-transform: scale(0.8);

          transform: scale(0.8);

  opacity: 0;

  background: -webkit-gradient(linear, left bottom, left top, from(#002DFF), color-stop(52%, rgba(185, 83, 159, 0)), to(#B9539F));

  background: linear-gradient(to top, #002DFF 0%, rgba(185, 83, 159, 0) 52%, #B9539F 100%);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

  z-index: 2;

}

.speaker-block-four .inner-box .image-box .image img {

  position: relative;

  width: 100%;

  height: 100%;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.speaker-block-four .inner-box .content-box {

  position: absolute;

  bottom: 30px;

  left: 0;

  right: 0;

  text-align: center;

  opacity: 0;

  -webkit-transform: translateY(10px);

          transform: translateY(10px);

  z-index: 3;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.speaker-block-four .inner-box .content-box .name {

  position: relative;

  color: var(--theme-color-light);

  margin-bottom: 2px;

}

.speaker-block-four .inner-box .content-box .designation {

  position: relative;

  font-size: 14px;

  font-weight: 24px;

  color: var(--theme-color-light);

}

.speaker-block-four .inner-box .social-icons {

  position: absolute;

  bottom: 20px;

  left: 0;

  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;

  width: 100%;

  gap: 22px;

  opacity: 0;

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

          transform: translateY(-10px);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

  z-index: 3;

}

.speaker-block-four .inner-box .social-icons li:nth-child(2) {

  margin-bottom: -100px;

}

.speaker-block-four .inner-box .social-icons li:nth-child(4) {

  margin-bottom: -100px;

}

.speaker-block-four .inner-box .social-icons li:nth-child(3) {

  margin-bottom: -145px;

}

.speaker-block-four .inner-box .social-icons li a {

  position: relative;

  width: 50px;

  height: 50px;

  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;

  color: var(--theme-color-light);

  font-size: 16px;

  border-radius: 50%;

  background-color: #150036;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.speaker-block-four .inner-box .social-icons li a:hover {

  background-color: var(--theme-color4);

  color: var(--theme-color-light);

}

.dark-layout .speaker-block-four .inner-box .social-icons li a {

  background-color: var(--theme-color-light);

  color: var(--theme-color-dark);

}

.dark-layout .speaker-block-four .inner-box .social-icons li a:hover {

  background-color: var(--theme-color4);

  color: var(--theme-color-light);

}



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

    Subscribe Section CSS

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

.subscribe-section {

  position: relative;

  padding-top: 30px;

}

@media (max-width: 575.98px) {

  .subscribe-section {

    padding-top: 0;

  }

}

.dark-layout .subscribe-section {

  background-color: var(--dark-layout-color);

}

.subscribe-section .outer-box {

  position: relative;

  margin-bottom: -155px;

  z-index: 4;

}

.subscribe-section .outer-box .content-box {

  position: relative;

  padding: 100px 80px;

  border-radius: 150px 150px;

  background: -webkit-gradient(linear, left top, right top, from(#1C112F), to(#5A3695));

  background: linear-gradient(to right, #1C112F 0%, #5A3695 100%);

}

@media (max-width: 991.98px) {

  .subscribe-section .outer-box .content-box {

    padding: 80px;

  }

}

@media (max-width: 767.98px) {

  .subscribe-section .outer-box .content-box {

    padding: 50px 30px;

    border-radius: 5px;

  }

}

.rtl .subscribe-section .outer-box .content-box {

  background: -webkit-gradient(linear, right top, left top, from(#1C112F), to(#5A3695));

  background: linear-gradient(to left, #1C112F 0%, #5A3695 100%);

}

@media (max-width: 767.98px) {

  .rtl .subscribe-section .outer-box .content-box {

    border-radius: 5px;

  }

}

.subscribe-section .outer-box .content-box:before {

  content: "";

  position: absolute;

  top: -30px;

  right: -20px;

  width: 100%;

  height: 100%;

  border-radius: 150px;

  background-color: var(--theme-color1);

  z-index: -1;

}

@media (max-width: 767.98px) {

  .subscribe-section .outer-box .content-box:before {

    display: none;

  }

}

.rtl .subscribe-section .outer-box .content-box:before {

  right: auto;

  left: -20px;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.subscribe-section .outer-box .content-box .shape-ten {

  position: absolute;

  top: 0;

  left: 0;

  border-radius: 150px 0 0 150px;

}

@media (max-width: 991.98px) {

  .subscribe-section .outer-box .content-box .shape-ten {

    display: none;

  }

}

.rtl .subscribe-section .outer-box .content-box .shape-ten {

  right: 0;

  left: auto;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

@media (max-width: 1199.98px) {

  .subscribe-section .outer-box .content-column .inner-column {

    text-align: center;

    margin-bottom: 30px;

  }

}

.subscribe-section .outer-box .content-column .inner-column .sub-title {

  position: relative;

  font-size: 20px;

  color: var(--theme-color-light);

}

.subscribe-section .outer-box .content-column .inner-column .title {

  color: var(--theme-color-light);

  margin-bottom: 0;

}

.subscribe-section .outer-box .form-column {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: end;

      -ms-flex-align: end;

          align-items: flex-end;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

}

@media (max-width: 1199.98px) {

  .subscribe-section .outer-box .form-column {

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

  }

}

@media (max-width: 575.98px) {

  .subscribe-section .outer-box .form-column {

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

  }

}

.subscribe-section .outer-box .form-column .inner-column {

  position: relative;

}

@media (max-width: 575.98px) {

  .subscribe-section .outer-box .form-column .inner-column {

    width: 100%;

  }

}



.subscribe-form {

  position: relative;

}

.subscribe-form .form-group {

  position: relative;

  width: 623px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: end;

      -ms-flex-align: end;

          align-items: flex-end;

  gap: 45px;

}

@media (max-width: 767.98px) {

  .subscribe-form .form-group {

    width: 100%;

  }

}

@media (max-width: 575.98px) {

  .subscribe-form .form-group {

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    gap: 20px;

  }

}

.subscribe-form .select2-container--default .select2-selection--single,

.subscribe-form input:not([type=submit]),

.subscribe-form textarea,

.subscribe-form select {

  position: relative;

  display: block;

  height: 50px;

  width: 100%;

  padding: 20px 20px;

  padding-left: 0;

  font-size: 16px;

  font-weight: 400;

  color: var(--theme-color-light);

  border-bottom: 2px solid rgba(255, 255, 255, 0.1);

  background-color: transparent;

  margin-bottom: 0;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.subscribe-form ::-webkit-input-placeholder {

  color: var(--theme-color-light);

}

.subscribe-form input:focus,

.subscribe-form select:focus,

.subscribe-form textarea:focus {

  border-color: var(--theme-color1);

}

.subscribe-form button {

  -ms-flex-negative: 0;

      flex-shrink: 0;

  padding: 22px 49px;

}

@media (max-width: 575.98px) {

  .subscribe-form button {

    padding: 18px 30px;

  }

}



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

    News Section CSS

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

.news-section {

  position: relative;

  padding: 120px 0 90px;

}

.dark-layout .news-section {

  background-color: var(--dark-layout-color-two);

}

.news-section .shape-six {

  position: absolute;

  top: 0;

  left: 0;

}

.dark-layout .news-section .shape-six {

  display: none;

}

.news-section .shape-seven {

  position: absolute;

  top: 0;

  right: 0;

}

.dark-layout .news-section .shape-seven {

  display: none;

}



.news-block {

  margin-bottom: 30px;

}

.news-block .inner-box {

  position: relative;

  margin-top: 20px;

  border-radius: 15px;

  background: -webkit-gradient(linear, left top, left bottom, from(#E1FBFF), to(#FFFFFF));

  background: linear-gradient(to bottom, #E1FBFF 0%, #FFFFFF 100%);

}

.news-block .inner-box:before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  height: 0;

  border-radius: 15px;

  background: -webkit-gradient(linear, left top, left bottom, from(#00C46E), to(#6F0F2C));

  background: linear-gradient(180deg, #00C46E, #6F0F2C);

  -webkit-transition: all 600ms ease;

  transition: all 600ms ease;

}

.news-block .inner-box.active:before {

  height: 100%;

}

.news-block .inner-box.active .content-box .cat,

.news-block .inner-box.active .content-box .post-meta li,

.news-block .inner-box.active .content-box .post-meta li .icon,

.news-block .inner-box.active .content-box .title,

.news-block .inner-box.active .content-box .text {

  color: var(--theme-color-light);

}

.dark-layout .news-block .inner-box.active .content-box .cat,

.dark-layout .news-block .inner-box.active .content-box .post-meta li,

.dark-layout .news-block .inner-box.active .content-box .post-meta li .icon,

.dark-layout .news-block .inner-box.active .content-box .title,

.dark-layout .news-block .inner-box.active .content-box .text {

  color: var(--theme-color-light);

}

.news-block .inner-box.active .content-box .cat:after {

  width: 65px;

}

.news-block .inner-box.active .content-box .date-box:after {

  opacity: 1;

  -webkit-transform: scale(1);

          transform: scale(1);

}

.news-block .inner-box.active .content-box .date-box .date,

.news-block .inner-box.active .content-box .date-box .month {

  color: var(--theme-color-dark);

}

.news-block .inner-box.active .content-box .btn-box {

  -webkit-transform: translateX(0);

          transform: translateX(0);

  opacity: 1;

}

.news-block .inner-box.active .image {

  border-radius: 15px;

}

.news-block .inner-box.active .image img:first-child {

  -webkit-transform: translateX(0) scaleX(1);

          transform: translateX(0) scaleX(1);

  opacity: 1;

  -webkit-filter: blur(0);

          filter: blur(0);

}

.news-block .inner-box.active .image img:nth-child(2) {

  -webkit-transform: translateX(-50%) scaleX(2);

          transform: translateX(-50%) scaleX(2);

  opacity: 0;

  -webkit-filter: blur(10px);

          filter: blur(10px);

}

.news-block .inner-box .content-box {

  position: relative;

  padding: 57px 45px 42px 55px;

}

@media (max-width: 1399.98px) {

  .news-block .inner-box .content-box {

    padding: 35px 15px;

  }

}

@media (max-width: 575.98px) {

  .news-block .inner-box .content-box {

    padding: 35px 15px 25px;

  }

}

.rtl .news-block .inner-box .content-box {

  padding: 57px 55px 42px 45px;

}

@media (max-width: 1399.98px) {

  .rtl .news-block .inner-box .content-box {

    padding: 35px 15px;

  }

}

@media (max-width: 575.98px) {

  .rtl .news-block .inner-box .content-box {

    padding: 35px 15px 25px;

  }

}

.news-block .inner-box .content-box .date-box {

  position: absolute;

  top: -20px;

  right: 57px;

  padding: 10px 18px;

  border-radius: 5px;

  border-top-right-radius: 0;

  background: -webkit-gradient(linear, left top, left bottom, from(#96143C), to(#FC004F));

  background: linear-gradient(to bottom, #96143C 0%, #FC004F 100%);

  text-align: center;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 1199.98px) {

  .news-block .inner-box .content-box .date-box {

    right: 30px;

  }

}

.rtl .news-block .inner-box .content-box .date-box {

  right: auto;

  left: 57px;

  border-top-left-radius: 0;

  background: -webkit-gradient(linear, left bottom, left top, from(#96143C), to(#FC004F));

  background: linear-gradient(to top, #96143C 0%, #FC004F 100%);

}

@media (max-width: 1199.98px) {

  .rtl .news-block .inner-box .content-box .date-box {

    left: 30px;

  }

}

.news-block .inner-box .content-box .date-box:before {

  content: "";

  position: absolute;

  top: 0;

  right: -17px;

  width: 0;

  height: 0;

  border-bottom: 21px solid #D9D9D9;

  border-right: 17px solid transparent;

}

.rtl .news-block .inner-box .content-box .date-box:before {

  right: auto;

  left: -17px;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.news-block .inner-box .content-box .date-box:after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  -webkit-transform: scale(0.8);

          transform: scale(0.8);

  border-radius: 5px;

  border-top-right-radius: 0;

  background: var(--theme-color2);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.rtl .news-block .inner-box .content-box .date-box:after {

  border-top-left-radius: 0;

}

.news-block .inner-box .content-box .date-box .date {

  position: relative;

  margin-bottom: 0;

  color: var(--theme-color-light);

  z-index: 1;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 575.98px) {

  .news-block .inner-box .content-box .date-box .date {

    font-size: 26px;

  }

}

.news-block .inner-box .content-box .date-box .month {

  position: relative;

  margin-bottom: 0;

  font-size: 20px;

  font-weight: 700;

  line-height: 1em;

  color: var(--theme-color-light);

  z-index: 1;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 575.98px) {

  .news-block .inner-box .content-box .date-box .month {

    font-size: 16px;

  }

}

.news-block .inner-box .content-box .cat {

  position: relative;

  font-weight: 700;

  line-height: 1em;

  color: var(--theme-color1);

  margin-bottom: 20px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.news-block .inner-box .content-box .cat:before {

  content: "";

  position: absolute;

  bottom: -8px;

  left: 0;

  width: 65px;

  height: 2px;

  background: -webkit-gradient(linear, left top, right top, from(#5A3695), to(transparent));

  background: linear-gradient(to right, #5A3695 0%, transparent 100%);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.rtl .news-block .inner-box .content-box .cat:before {

  left: auto;

  right: 0;

  background: -webkit-gradient(linear, right top, left top, from(#5A3695), to(transparent));

  background: linear-gradient(to left, #5A3695 0%, transparent 100%);

}

.news-block .inner-box .content-box .cat:after {

  content: "";

  position: absolute;

  bottom: -8px;

  left: 0;

  width: 0;

  height: 2px;

  background-color: var(--theme-color-light);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.rtl .news-block .inner-box .content-box .cat:after {

  left: auto;

  right: 0;

}

.news-block .inner-box .content-box .post-meta {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 13px;

  margin-top: 10px;

  margin-bottom: 15px;

}

@media (max-width: 575.98px) {

  .news-block .inner-box .content-box .post-meta {

    margin-bottom: 15px;

  }

}

.news-block .inner-box .content-box .post-meta li {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  font-size: 14px;

  gap: 7px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.dark-layout .news-block .inner-box .content-box .post-meta li {

  color: var(--text-color);

}

.news-block .inner-box .content-box .post-meta li .icon {

  font-size: 10px;

  color: #8900BD;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.news-block .inner-box .content-box .title {

  position: relative;

  margin-bottom: 10px;

  color: var(--theme-color-dark);

  text-transform: capitalize;

}

@media (max-width: 1199.98px) {

  .news-block .inner-box .content-box .title {

    font-size: 30px;

  }

}

@media (max-width: 575.98px) {

  .news-block .inner-box .content-box .title {

    font-size: 26px;

  }

}

.news-block .inner-box .content-box .title a:hover {

  color: var(--theme-color2);

}

.news-block .inner-box .content-box .text {

  position: relative;

  margin-bottom: 0;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.news-block .inner-box .content-box .btn-box {

  position: absolute;

  bottom: -25px;

  right: 60px;

  opacity: 0;

  -webkit-transform: translateX(10px);

          transform: translateX(10px);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

  z-index: 4;

}

.rtl .news-block .inner-box .content-box .btn-box {

  right: auto;

  left: 60px;

}

.news-block .inner-box .content-box .btn-box .read-more {

  position: relative;

  width: 50px;

  height: 50px;

  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;

  color: var(--theme-color-light);

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

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.rtl .news-block .inner-box .content-box .btn-box .read-more i:before {

  position: relative;

  display: block;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.news-block .inner-box .content-box .btn-box .read-more:hover {

  background-color: var(--theme-color2);

  color: var(--theme-color-dark);

}

.news-block .inner-box .image {

  position: relative;

  border-radius: 15px;

  overflow: hidden;

  background-color: var(--theme-color-light);

  z-index: 3;

}

.news-block .inner-box .image img {

  position: relative;

  width: 100%;

  display: block;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

  z-index: 33;

}

.news-block .inner-box .image img:first-child {

  position: absolute;

  left: 0px;

  top: 0px;

  right: 0px;

  bottom: 0px;

  z-index: 1;

  -webkit-transform: translateX(50%) scaleX(2);

          transform: translateX(50%) scaleX(2);

  opacity: 0;

  -webkit-filter: blur(10px);

          filter: blur(10px);

  z-index: 33;

}



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

    News Section Two

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

.news-section-two {

  position: relative;

  padding: 120px 0 70px;

}

.news-section-two .shape-twentyfour {

  position: absolute;

  top: -220px;

  left: -240px;

  -webkit-animation: fa-spin 50s linear infinite;

          animation: fa-spin 50s linear infinite;

}

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

  .news-section-two .shape-twentyfour {

    display: none;

  }

}

.rtl .news-section-two .shape-twentyfour {

  left: auto;

  right: -240px;

}

.news-section-two .content-column {

  margin-bottom: 50px;

}

.news-section-two .content-column .inner-column {

  position: relative;

}

.news-section-two .content-column .inner-column .shape-twentyfive {

  position: absolute;

  bottom: -310px;

  left: 0;

}

@media (max-width: 1199.98px) {

  .news-section-two .content-column .inner-column .shape-twentyfive {

    display: none;

  }

}

.rtl .news-section-two .content-column .inner-column .shape-twentyfive {

  left: auto;

  right: 0;

}

.news-section-two .blocks-column {

  margin-bottom: 20px;

}

.news-section-two .blocks-column .inner-colunm {

  position: relative;

}



.news-block-two {

  position: relative;

  margin-bottom: 30px;

}

.news-block-two .shape-sixteen {

  position: absolute;

  top: 0;

  right: 38px;

  z-index: 1;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 767.98px) {

  .news-block-two .shape-sixteen {

    display: none;

  }

}

.rtl .news-block-two .shape-sixteen {

  right: auto;

  left: 38px;

}

.news-block-two .shape-seventeen {

  position: absolute;

  top: 0;

  right: 27px;

  z-index: 1;

  opacity: 0;

  -webkit-transform: translateX(15px);

          transform: translateX(15px);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 767.98px) {

  .news-block-two .shape-seventeen {

    display: none;

  }

}

.rtl .news-block-two .shape-seventeen {

  right: auto;

  left: 27px;

  -webkit-transform: translateX(15px) scaleX(-1);

          transform: translateX(15px) scaleX(-1);

}

.news-block-two:hover .shape-seventeen {

  opacity: 0;

}

.news-block-two:hover .shape-seventeen {

  -webkit-transform: translateX(0px);

          transform: translateX(0px);

  opacity: 100;

}

.news-block-two .inner-box {

  position: relative;

  border-radius: 14px;

  padding: 15px 14px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  background-color: var(--theme-color-light);

  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);

          box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);

}

@media (max-width: 767.98px) {

  .news-block-two .inner-box {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

  }

}

@media (max-width: 575.98px) {

  .news-block-two .inner-box {

    padding: 10px;

  }

}

.dark-layout .news-block-two .inner-box {

  background-color: var(--dark-layout-color-two);

}

.news-block-two .inner-box:before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  width: 0;

  border-radius: 14px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  background-image: url(../images/icons/news-bg.jpg);

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}

.rtl .news-block-two .inner-box:before {

  left: auto;

  right: 0;

}

.news-block-two .inner-box.active:before {

  width: 100%;

}

.news-block-two .inner-box.active .content-box .cat,

.news-block-two .inner-box.active .content-box .post-meta li,

.news-block-two .inner-box.active .content-box .post-meta li .icon,

.news-block-two .inner-box.active .content-box .title {

  color: var(--theme-color-light);

}

.news-block-two .inner-box.active .content-box .cat:after {

  width: 65px;

}

.news-block-two .inner-box.active .image-box .date-box {

  background-color: var(--theme-color2);

}

.news-block-two .inner-box.active .image-box .date-box .date,

.news-block-two .inner-box.active .image-box .date-box .month {

  color: var(--theme-color-dark);

}

.news-block-two .inner-box.active .image-box .btn-box {

  -webkit-transform: translateX(0);

          transform: translateX(0);

  opacity: 1;

}

.news-block-two .inner-box.active .image-box .image {

  border-radius: 15px;

}

.news-block-two .inner-box.active .image-box .image img {

  border-color: var(--theme-color-light);

}

.news-block-two .inner-box.active .image-box .image img:first-child {

  -webkit-transform: translateX(0) scaleX(1);

          transform: translateX(0) scaleX(1);

  opacity: 1;

  -webkit-filter: blur(0);

          filter: blur(0);

}

.news-block-two .inner-box.active .image-box .image img:nth-child(2) {

  -webkit-transform: translateX(-50%) scaleX(2);

          transform: translateX(-50%) scaleX(2);

  opacity: 0;

  -webkit-filter: blur(10px);

          filter: blur(10px);

}

.news-block-two .inner-box .content-box {

  position: relative;

  padding: 12px 0 15px 20px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: start;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

}

@media (max-width: 1199.98px) {

  .news-block-two .inner-box .content-box {

    padding: 35px 20px;

  }

}

@media (max-width: 575.98px) {

  .news-block-two .inner-box .content-box {

    padding: 20px 5px;

  }

}

.rtl .news-block-two .inner-box .content-box {

  padding: 12px 20px 15px 0;

}

@media (max-width: 1199.98px) {

  .rtl .news-block-two .inner-box .content-box {

    padding: 35px 20px;

  }

}

@media (max-width: 575.98px) {

  .rtl .news-block-two .inner-box .content-box {

    padding: 20px 5px;

  }

}

.news-block-two .inner-box .content-box .cat {

  position: relative;

  font-weight: 700;

  line-height: 1em;

  color: var(--theme-color4);

  margin-bottom: 20px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.news-block-two .inner-box .content-box .cat:before {

  content: "";

  position: absolute;

  bottom: -8px;

  left: 0;

  width: 65px;

  height: 2px;

  background: -webkit-gradient(linear, left top, right top, from(#5A3695), to(#E5FBFF));

  background: linear-gradient(to right, #5A3695 0%, #E5FBFF 100%);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.rtl .news-block-two .inner-box .content-box .cat:before {

  background: -webkit-gradient(linear, right top, left top, from(#5A3695), to(#E5FBFF));

  background: linear-gradient(to left, #5A3695 0%, #E5FBFF 100%);

  left: auto;

  right: 0;

}

.news-block-two .inner-box .content-box .cat:after {

  content: "";

  position: absolute;

  bottom: -8px;

  left: 0;

  width: 0;

  height: 2px;

  background-color: var(--theme-color-light);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.rtl .news-block-two .inner-box .content-box .cat:after {

  left: auto;

  right: 0;

}

.news-block-two .inner-box .content-box .post-meta {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 13px;

  margin-bottom: 10px;

}

@media (max-width: 575.98px) {

  .news-block-two .inner-box .content-box .post-meta {

    margin-bottom: 15px;

  }

}

.news-block-two .inner-box .content-box .post-meta li {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  font-size: 14px;

  gap: 7px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.news-block-two .inner-box .content-box .post-meta li .icon {

  color: #8900BD;

  font-size: 10px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.news-block-two .inner-box .content-box .title {

  position: relative;

  margin-bottom: 0;

}

@media (max-width: 1399.98px) {

  .news-block-two .inner-box .content-box .title {

    font-size: 27px;

  }

}

@media (max-width: 575.98px) {

  .news-block-two .inner-box .content-box .title {

    font-size: 26px;

  }

}

.news-block-two .inner-box .content-box .title a:hover {

  color: var(--theme-color2);

}

.news-block-two .inner-box .image-box {

  position: relative;

  -ms-flex-negative: 0;

      flex-shrink: 0;

  max-width: 366px;

  width: 100%;

}

@media (max-width: 767.98px) {

  .news-block-two .inner-box .image-box {

    max-width: 100%;

  }

}

.news-block-two .inner-box .image-box .video-box {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  z-index: 4;

}

.news-block-two .inner-box .image-box .nav-box {

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  height: 34px;

  margin-top: -10px;

}

.news-block-two .inner-box .image-box .swiper-button-prev,

.news-block-two .inner-box .image-box .swiper-button-next {

  width: 34px;

  height: 34px;

  font-size: 18px;

  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;

  color: var(--theme-color-dark);

  background-color: var(--theme-color-light);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.news-block-two .inner-box .image-box .swiper-button-prev:after,

.news-block-two .inner-box .image-box .swiper-button-next:after {

  display: none;

}

.news-block-two .inner-box .image-box .swiper-button-prev:hover,

.news-block-two .inner-box .image-box .swiper-button-next:hover {

  background-color: var(--theme-color1);

  color: var(--theme-color-light);

}

.news-block-two .inner-box .image-box .date-box {

  position: absolute;

  top: 10px;

  left: 10px;

  padding: 6px 12px;

  border-radius: 5px;

  background-color: var(--theme-color3);

  text-align: center;

  z-index: 4;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.rtl .news-block-two .inner-box .image-box .date-box {

  left: auto;

  right: 10px;

}

.news-block-two .inner-box .image-box .date-box .date {

  position: relative;

  margin-bottom: 0;

  color: var(--theme-color-light);

  z-index: 1;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.news-block-two .inner-box .image-box .date-box .month {

  position: relative;

  margin-bottom: 0;

  font-size: 16px;

  font-weight: 700;

  line-height: 1em;

  color: var(--theme-color-light);

  z-index: 1;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.news-block-two .inner-box .image-box .btn-box {

  position: absolute;

  bottom: 14px;

  right: 13px;

  opacity: 0;

  -webkit-transform: translateX(10px);

          transform: translateX(10px);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

  z-index: 4;

}

.rtl .news-block-two .inner-box .image-box .btn-box {

  right: auto;

  left: 13px;

}

.news-block-two .inner-box .image-box .btn-box .read-more {

  position: relative;

  width: 50px;

  height: 50px;

  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;

  color: var(--theme-color-dark);

  background-color: var(--theme-color-light);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.news-block-two .inner-box .image-box .btn-box .read-more:hover {

  background-color: var(--theme-color2);

  color: var(--theme-color-dark);

}

.rtl .news-block-two .inner-box .image-box .btn-box .read-more i:before {

  display: inline-block;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.news-block-two .inner-box .image-box .blog-swiper {

  overflow: hidden;

}

.rtl .news-block-two .inner-box .image-box .blog-swiper {

  direction: ltr;

}

.news-block-two .inner-box .image-box .swiper-slide {

  max-width: 100%;

}

.rtl .news-block-two .inner-box .image-box .swiper-slide {

  direction: ltr;

}

.news-block-two .inner-box .image-box .image {

  position: relative;

  border-radius: 15px;

  overflow: hidden;

  height: 100%;

  margin-bottom: 0;

  border: 2px solid transparent;

  background-color: var(--theme-color-light);

  z-index: 3;

}

@media (max-width: 767.98px) {

  .news-block-two .inner-box .image-box .image {

    width: 100%;

  }

}

.news-block-two .inner-box .image-box .image img {

  position: relative;

  width: 100%;

  max-width: 100%;

  display: block;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

  z-index: 33;

}

.news-block-two .inner-box .image-box .image img:first-child {

  position: absolute;

  left: 0px;

  top: 0px;

  right: 0px;

  bottom: 0px;

  z-index: 1;

  -webkit-transform: translateX(50%) scaleX(2);

          transform: translateX(50%) scaleX(2);

  opacity: 0;

  -webkit-filter: blur(10px);

          filter: blur(10px);

  z-index: 33;

}



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

    News Section Three

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

.news-section-three {

  position: relative;

  padding: 120px 0 70px;

}



.news-block-three {

  position: relative;

  margin-bottom: 30px;

}

.news-block-three.two {

  padding-top: 15px;

}

.news-block-three.two .inner-box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 35px;

}

@media (max-width: 991.98px) {

  .news-block-three.two .inner-box {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;

    gap: 18px;

  }

}

@media (max-width: 767.98px) {

  .news-block-three.two .inner-box .image-box {

    width: 100%;

  }

}

.news-block-three.two .inner-box .post-box {

  gap: 10px;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-pack: start !important;

      -ms-flex-pack: start !important;

          justify-content: flex-start !important;

  -webkit-box-align: start !important;

      -ms-flex-align: start !important;

          align-items: flex-start !important;

}

@media (max-width: 767.98px) {

  .news-block-three.two .inner-box .post-box {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;

    -webkit-box-pack: justify !important;

        -ms-flex-pack: justify !important;

            justify-content: space-between !important;

    -webkit-box-align: center !important;

        -ms-flex-align: center !important;

            align-items: center !important;

  }

}

@media (max-width: 575.98px) {

  .news-block-three.two .inner-box .post-box {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-pack: start !important;

        -ms-flex-pack: start !important;

            justify-content: flex-start !important;

    -webkit-box-align: start !important;

        -ms-flex-align: start !important;

            align-items: flex-start !important;

  }

}

@media (max-width: 1199.98px) {

  .news-block-three.three .inner-box {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    gap: 35px;

  }

}

@media (max-width: 767.98px) {

  .news-block-three.three .inner-box {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;

  }

}

@media (max-width: 767.98px) {

  .news-block-three.three .inner-box {

    gap: 18px;

  }

}

@media (max-width: 767.98px) {

  .news-block-three.three .inner-box .image-box {

    width: 100%;

  }

}

@media (max-width: 1199.98px) {

  .news-block-three.three .inner-box .image-box .image {

    height: 250px;

    width: 410px;

  }

}

@media (max-width: 767.98px) {

  .news-block-three.three .inner-box .image-box .image {

    width: 100%;

    height: 430px;

  }

}

@media (max-width: 1199.98px) {

  .news-block-three.three .inner-box .image-box .image img {

    -o-object-fit: cover;

       object-fit: cover;

  }

}

@media (max-width: 991.98px) {

  .news-block-three.three .inner-box .content-box {

    -ms-flex-negative: 1;

        flex-shrink: 1;

  }

}

@media (max-width: 1199.98px) {

  .news-block-three.three .inner-box .post-box {

    gap: 10px;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-pack: start !important;

        -ms-flex-pack: start !important;

            justify-content: flex-start !important;

    -webkit-box-align: start !important;

        -ms-flex-align: start !important;

            align-items: flex-start !important;

  }

}

@media (max-width: 767.98px) {

  .news-block-three.three .inner-box .post-box {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;

    -webkit-box-pack: justify !important;

        -ms-flex-pack: justify !important;

            justify-content: space-between !important;

    -webkit-box-align: center !important;

        -ms-flex-align: center !important;

            align-items: center !important;

  }

}

@media (max-width: 575.98px) {

  .news-block-three.three .inner-box .post-box {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-pack: start !important;

        -ms-flex-pack: start !important;

            justify-content: flex-start !important;

    -webkit-box-align: start !important;

        -ms-flex-align: start !important;

            align-items: flex-start !important;

  }

}

.news-block-three .inner-box {

  position: relative;

}

.news-block-three .inner-box:hover .image-box .image img {

  border-color: var(--theme-color-light);

}

.news-block-three .inner-box:hover .image-box .image img:first-child {

  -webkit-transform: translateX(0) scaleX(1);

          transform: translateX(0) scaleX(1);

  opacity: 1;

  -webkit-filter: blur(0);

          filter: blur(0);

}

.news-block-three .inner-box:hover .image-box .image img:nth-child(2) {

  -webkit-transform: translateX(-50%) scaleX(2);

          transform: translateX(-50%) scaleX(2);

  opacity: 0;

  -webkit-filter: blur(10px);

          filter: blur(10px);

}

.news-block-three .inner-box:hover .image-box .btn-box {

  -webkit-transform: translate(0);

          transform: translate(0);

}

.news-block-three .inner-box .image-box {

  position: relative;

  -ms-flex-negative: 0;

      flex-shrink: 0;

  overflow: hidden;

}

.news-block-three .inner-box .image-box .image {

  position: relative;

  border-radius: 20px;

  overflow: hidden;

  margin-bottom: 0;

  z-index: 1;

}

.news-block-three .inner-box .image-box .image img {

  position: relative;

  width: 100%;

  height: 100%;

  display: block;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

  z-index: 33;

}

.news-block-three .inner-box .image-box .image img:first-child {

  position: absolute;

  left: 0px;

  top: 0px;

  right: 0px;

  bottom: 0px;

  z-index: 1;

  -webkit-transform: translateX(50%) scaleX(2);

          transform: translateX(50%) scaleX(2);

  opacity: 0;

  -webkit-filter: blur(10px);

          filter: blur(10px);

  z-index: 33;

}

.news-block-three .inner-box .image-box .date-box {

  position: absolute;

  right: 60px;

  bottom: 0;

  padding: 10px 12px 0;

  border-radius: 15px 15px 0 0;

  background-color: var(--theme-color-light);

  text-align: center;

  z-index: 4;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.rtl .news-block-three .inner-box .image-box .date-box {

  right: auto;

  left: 60px;

}

.dark-layout .news-block-three .inner-box .image-box .date-box {

  padding-bottom: 10px;

}

.news-block-three .inner-box .image-box .date-box:before {

  content: "";

  position: absolute;

  bottom: 0;

  left: -24px;

  width: 24px;

  height: 24px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  background-image: url(../images/icons/news3-date-shape.png);

}

.news-block-three .inner-box .image-box .date-box:after {

  content: "";

  position: absolute;

  bottom: 0;

  right: -24px;

  width: 24px;

  height: 24px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  background-image: url(../images/icons/news3-date-shape2.png);

}

.news-block-three .inner-box .image-box .date-box .date {

  position: relative;

  margin-bottom: 0;

  color: var(--theme-color4);

  z-index: 1;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.news-block-three .inner-box .image-box .date-box .month {

  position: relative;

  margin-bottom: 0;

  font-size: 16px;

  font-weight: 700;

  line-height: 1em;

  color: var(--theme-color4);

  z-index: 1;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.news-block-three .inner-box .image-box .btn-box {

  position: absolute;

  bottom: 20px;

  left: 20px;

  -webkit-transform: translateY(200%);

          transform: translateY(200%);

  z-index: 1;

  -webkit-transition: all 400ms ease;

  transition: all 400ms ease;

}

.news-block-three .inner-box .image-box .btn-box .theme-btn {

  padding: 14px 31px;

}

@media (max-width: 575.98px) {

  .news-block-three .inner-box .image-box .btn-box .theme-btn {

    padding: 10px 25px;

  }

}

@media (max-width: 575.98px) {

  .news-block-three .inner-box .image-box .btn-box {

    bottom: 10px;

    left: 10px;

  }

}

.rtl .news-block-three .inner-box .image-box .btn-box {

  left: auto;

  right: 20px;

}

.news-block-three .inner-box .content-box {

  position: relative;

  width: 100%;

  padding-top: 18px;

  -ms-flex-negative: 0;

      flex-shrink: 0;

}

.news-block-three .inner-box .content-box .post-box {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  margin-bottom: 10px;

}

@media (max-width: 575.98px) {

  .news-block-three .inner-box .content-box .post-box {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-pack: start;

        -ms-flex-pack: start;

            justify-content: flex-start;

    gap: 10px;

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;

  }

}

.news-block-three .inner-box .content-box .post-box .cat {

  position: relative;

  font-weight: 700;

  line-height: 1em;

  color: #666666;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.dark-layout .news-block-three .inner-box .content-box .post-box .cat {

  color: var(--theme-color-light);

}

.news-block-three .inner-box .content-box .post-box .post-meta {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 14px;

}

.news-block-three .inner-box .content-box .post-box .post-meta li {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  font-size: 14px;

  gap: 7px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.news-block-three .inner-box .content-box .post-box .post-meta li .icon {

  color: #8900BD;

  font-size: 10px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.news-block-three .inner-box .content-box .title {

  position: relative;

  max-width: 389px;

  margin-bottom: 0;

  text-transform: capitalize;

}

.news-block-three .inner-box .content-box .title a:hover {

  color: var(--theme-color3);

}

@media (max-width: 1199.98px) {

  .news-block-three .inner-box .content-box .title {

    max-width: 100%;

  }

}

.news-block-three .inner-box .content-box .text {

  position: relative;

  margin-bottom: 0;

  margin-top: 10px;

  padding-right: 10px;

}

.dark-layout .news-block-three .inner-box .content-box .text {

  color: var(--theme-color-light);

}



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

    Video Section CSS

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

.video-section {

  position: relative;

  z-index: 2;

  padding: 220px 0 175px;

}

@media (max-width: 991.98px) {

  .video-section {

    padding: 120px 0;

  }

}

.video-section .icon-two {

  position: absolute;

  top: 106px;

  right: 160px;

  z-index: 1;

}

@media (max-width: 991.98px) {

  .video-section .icon-two {

    display: none;

  }

}

.rtl .video-section .icon-two {

  right: auto;

  left: 160px;

}

.video-section .bg-image {

  background-attachment: fixed;

}

.video-section .sec-title h2 {

  font-size: 84px;

}

@media (max-width: 1199.98px) {

  .video-section .sec-title h2 {

    font-size: 64px;

  }

}

@media (max-width: 575.98px) {

  .video-section .sec-title h2 {

    font-size: 40px;

  }

}

.video-section .video-box {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 188px;

  height: 188px;

  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;

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  border-radius: 50%;

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

}

@media (max-width: 1199.98px) {

  .video-section .video-box {

    margin-top: -30px;

    margin-left: -100px;

  }

}

@media (max-width: 991.98px) {

  .video-section .video-box {

    position: relative;

    top: 0;

    left: 0;

    -webkit-transform: translate(0%);

            transform: translate(0%);

    margin-left: 0;

    margin-top: 50px;

  }

}

@media (max-width: 1199.98px) {

  .rtl .video-section .video-box {

    margin-right: -100px;

    margin-left: auto;

  }

}

@media (max-width: 991.98px) {

  .rtl .video-section .video-box {

    margin-right: 0;

  }

}

.video-section .video-box .circular-text {

  position: relative;

  fill: currentColor;

  height: auto;

  -webkit-transform-origin: center;

          transform-origin: center;

  width: 195px;

  height: 195px;

  -webkit-animation: fa-spin 30s infinite linear;

          animation: fa-spin 30s infinite linear;

}

.rtl .video-section .video-box .circular-text {

  direction: ltr;

}

@media (max-width: 575.98px) {

  .video-section .video-box .circular-text {

    top: -3px;

    left: -3px;

  }

}

.video-section .video-box .circular-text text {

  position: relative;

  font-size: 7px;

  font-weight: 700;

  letter-spacing: 3.3px;

  font-family: var(--text-font);

  color: var(--theme-color-light);

  text-transform: uppercase;

}

.video-section .video-box .play-now {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 127px;

  height: 127px;

  font-size: 40px;

  color: var(--theme-color-dark);

  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;

  background-color: var(--theme-color2);

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

}

.video-section .video-box .play-now:hover {

  color: var(--theme-color-light);

  background-color: var(--theme-color1);

}

.video-section .content-column .inner-column {

  margin-left: -120px;

}

@media (max-width: 1399.98px) {

  .video-section .content-column .inner-column {

    margin-left: 0;

  }

}

@media (max-width: 1199.98px) {

  .video-section .content-column .inner-column {

    padding-left: 30px;

  }

}

@media (max-width: 991.98px) {

  .video-section .content-column .inner-column {

    text-align: center;

    padding-left: 0;

  }

}

.rtl .video-section .content-column .inner-column {

  margin-left: 0;

  margin-right: -120px;

}

@media (max-width: 1399.98px) {

  .rtl .video-section .content-column .inner-column {

    margin-right: 0;

  }

}

@media (max-width: 1199.98px) {

  .rtl .video-section .content-column .inner-column {

    padding-right: 30px;

    padding-left: 0;

  }

}

@media (max-width: 991.98px) {

  .rtl .video-section .content-column .inner-column {

    padding-right: 0;

  }

}

.video-section .content-column .inner-column .video-box.show-lg {

  display: none;

}

@media (max-width: 991.98px) {

  .video-section .content-column .inner-column .video-box.show-lg {

    display: inline-block;

  }

}

.video-section .image-box {

  position: absolute;

  top: 0;

  left: 0;

}

@media (max-width: 991.98px) {

  .video-section .image-box {

    position: relative;

  }

}

.rtl .video-section .image-box {

  text-align: right;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

  left: auto;

  right: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: end;

      -ms-flex-align: end;

          align-items: flex-end;

  -webkit-box-pack: end;

      -ms-flex-pack: end;

          justify-content: flex-end;

}

.video-section .image-box .image-outer {

  position: relative;

}

.video-section .image-box .image-outer .image {

  margin-bottom: 0;

  overflow: hidden;

  border-radius: 0 50% 50% 50%;

  border: 20px solid var(--theme-color2);

  border-left: 0;

  border-top: 0;

  width: 100%;

  height: 100%;

}

.video-section .image-box .image-outer .image img {

  width: 100%;

  height: 100%;

}

@media (max-width: 991.98px) {

  .video-section .image-box .image-outer .image {

    display: none;

  }

}

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

  .video-section .image-box .image-outer .image {

    width: 85%;

  }

}

@media (max-width: 1399.98px) {

  .video-section .image-box .image-outer .image {

    width: 80%;

  }

}

@media (max-width: 1199.98px) {

  .video-section .image-box .image-outer .image {

    width: 70%;

  }

}

.video-section .image-box .image-outer .shape-fourtyeight {

  position: absolute;

  bottom: 0;

  left: 0;

}

@media (max-width: 991.98px) {

  .video-section .image-box .video-box {

    display: none;

  }

}



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

    Video Section Two

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

.video-section-two {

  position: relative;

  z-index: 2;

  padding: 120px 0;

}

.video-section-two .outer-box {

  position: relative;

}

@media (max-width: 575.98px) {

  .video-section-two .outer-box {

    padding-bottom: 100px;

  }

}

.video-section-two .outer-box .auto-container {

  position: relative;

}

.video-section-two .outer-box .icon-ten {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 2;

  display: none;

}

@media (max-width: 767.98px) {

  .video-section-two .outer-box .icon-ten {

    display: none;

  }

}

.rtl .video-section-two .outer-box .icon-ten {

  left: auto;

  right: 0;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.dark-layout .video-section-two .outer-box .icon-ten {

  display: none;

}

.video-section-two .outer-box .icon-eleven {

  position: absolute;

  bottom: 0;

  right: 0;

  z-index: 2;

  display: none;

}

@media (max-width: 767.98px) {

  .video-section-two .outer-box .icon-eleven {

    display: none;

  }

}

.rtl .video-section-two .outer-box .icon-eleven {

  left: 0;

  right: auto;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.dark-layout .video-section-two .outer-box .icon-eleven {

  display: none;

}

.video-section-two .outer-box .bg-image {

  overflow: hidden;

}

.video-section-two .outer-box .bg-image:before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  background-image: url(../images/icons/pattern-3.png);

}

.video-section-two .outer-box .btn-box {

  position: absolute;

  top: 83px;

  right: 84px;

  z-index: 4;

}

@media (max-width: 767.98px) {

  .video-section-two .outer-box .btn-box {

    top: 50px;

    right: 50px;

  }

}

.rtl .video-section-two .outer-box .btn-box {

  right: auto;

  left: 84px;

}

@media (max-width: 767.98px) {

  .rtl .video-section-two .outer-box .btn-box {

    left: 50px;

  }

}

.video-section-two .outer-box .btn-box.show-sm {

  display: none;

}

@media (max-width: 575.98px) {

  .video-section-two .outer-box .btn-box.show-sm {

    display: block;

    position: relative;

    top: 0;

    right: 0;

    text-align: center;

  }

}

@media (max-width: 575.98px) {

  .rtl .video-section-two .outer-box .btn-box.show-sm {

    right: auto;

    left: 0;

  }

}

.video-section-two .outer-box .btn-box.hide-sm {

  display: block;

}

@media (max-width: 575.98px) {

  .video-section-two .outer-box .btn-box.hide-sm {

    display: none;

  }

}

.video-section-two .outer-box .btn-box .play-icon {

  position: relative;

  top: 2px;

  left: 5px;

  z-index: 1;

}

.video-section-two .outer-box .btn-box .play-now {

  position: relative;

  width: 123px;

  height: 123px;

  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;

  border-radius: 50%;

  border: 6px solid var(--theme-color-light);

  background: radial-gradient(circle, #4E26FF 0%, #0B00A4 100%);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.video-section-two .outer-box .btn-box .play-now:hover {

  -webkit-transform: scale(1.1);

          transform: scale(1.1);

}

@media (max-width: 575.98px) {

  .video-section-two .outer-box .btn-box .play-now {

    margin: 0 auto;

  }

}

.video-section-two .outer-box .btn-box .play-now .ripple,

.video-section-two .outer-box .btn-box .play-now .ripple:before,

.video-section-two .outer-box .btn-box .play-now .ripple:after {

  width: 123px;

  height: 123px;

}

.video-section-two .outer-box .content-box {

  position: relative;

  padding: 390px 100px 85px;

}

@media (max-width: 1199.98px) {

  .video-section-two .outer-box .content-box {

    padding: 350px 50px 70px;

  }

}

@media (max-width: 575.98px) {

  .video-section-two .outer-box .content-box {

    padding: 100px 20px 50px;

    text-align: center;

  }

}

.video-section-two .outer-box .content-box .sub-title {

  font-weight: 500;

  color: var(--theme-color-light);

}

@media (max-width: 575.98px) {

  .video-section-two .outer-box .content-box .sub-title {

    font-size: 16px;

  }

}

.video-section-two .outer-box .content-box .title {

  color: var(--theme-color-light);

  margin-bottom: 0;

}

@media (max-width: 1199.98px) {

  .video-section-two .outer-box .content-box .title {

    font-size: 56px;

  }

}

@media (max-width: 991.98px) {

  .video-section-two .outer-box .content-box .title {

    font-size: 50px;

  }

}

@media (max-width: 767.98px) {

  .video-section-two .outer-box .content-box .title {

    font-size: 40px;

  }

}

@media (max-width: 575.98px) {

  .video-section-two .outer-box .content-box .title {

    font-size: 36px;

  }

}



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

    Clients Section CSS

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

.client-section {

  position: relative;

  padding: 120px 0;

}

.client-section .sec-title {

  margin-bottom: 40px;

}

.client-section .sec-title .text {

  padding-right: 50px;

}

@media (max-width: 1199.98px) {

  .client-section .sec-title .text {

    padding-right: 0;

  }

}

.rtl .client-section .sec-title .text {

  padding-right: 0;

  padding-left: 50px;

}

@media (max-width: 1199.98px) {

  .rtl .client-section .sec-title .text {

    padding-left: 0;

  }

}

@media (max-width: 1199.98px) {

  .client-section .content-column {

    margin-bottom: 50px;

  }

}

@media (max-width: 1199.98px) {

  .client-section .content-column .inner-column {

    text-align: center;

  }

}

@media (max-width: 1199.98px) {

  .client-section .content-column .inner-column .sec-title {

    margin-bottom: 30px;

  }

}

.client-section .sponsors-column .inner-column {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: start;

  -webkit-box-pack: end;

      -ms-flex-pack: end;

          justify-content: flex-end;

}

@media (max-width: 767.98px) {

  .client-section .sponsors-column .inner-column {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

  }

}

@media (max-width: 1199.98px) {

  .client-section .sponsors-column .inner-column .blocks-outer-box {

    width: 33.3333333%;

  }

}

@media (max-width: 767.98px) {

  .client-section .sponsors-column .inner-column .blocks-outer-box {

    display: none;

  }

}

.client-section .sponsors-column .inner-column .blocks-outer-box.show-md {

  display: none;

}

@media (max-width: 767.98px) {

  .client-section .sponsors-column .inner-column .blocks-outer-box.show-md {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    width: 100%;

  }

}



@media (max-width: 767.98px) {

  .client-block {

    width: 50%;

  }

}

.client-block .inner-box {

  position: relative;

  overflow: hidden;

  width: 272px;

  height: 132px;

  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;

  padding: 15px;

  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);

          box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);

  text-align: center;

}

@media (max-width: 1199.98px) {

  .client-block .inner-box {

    width: 100%;

  }

}

.dark-layout .client-block .inner-box {

  background-color: var(--dark-layout-color);

  -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.25);

          box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.25);

}

.client-block .inner-box .image {

  margin-bottom: 0;

}

@media (max-width: 767.98px) {

  .client-block .inner-box .image {

    width: 140px;

  }

}

.client-block .inner-box .image:hover img:first-child {

  -webkit-transform: translateY(0) scaleY(1);

          transform: translateY(0) scaleY(1);

  opacity: 1;

  -webkit-filter: blur(0);

          filter: blur(0);

}

.client-block .inner-box .image:hover img:nth-child(2) {

  -webkit-transform: translateY(-50%) scaleY(2);

          transform: translateY(-50%) scaleY(2);

  opacity: 0;

  -webkit-filter: blur(10px);

          filter: blur(10px);

}

.client-block .inner-box .image img {

  position: relative;

  width: auto !important;

  display: inline-block !important;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}

.client-block .inner-box .image img:first-child {

  position: absolute;

  left: 0px;

  right: 0px;

  top: 0px;

  bottom: 0px;

  z-index: 1;

  margin: auto;

  -webkit-transform: translateY(50%) scaleY(2);

          transform: translateY(50%) scaleY(2);

  opacity: 0;

  -webkit-filter: blur(10px);

          filter: blur(10px);

}



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

    Clients Section

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

.client-section-two {

  position: relative;

  padding: 120px 0;

}

.client-section-two .bg {

  position: absolute;

  top: 0;

  left: 0;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}

@media (max-width: 991.98px) {

  .client-section-two .client-block-two.empty {

    display: none;

  }

}



.client-block-two .inner-box {

  position: relative;

}

.client-block-two .inner-box .image {

  position: relative;

  margin-bottom: 0;

  border: 1px solid #BBBBBB;

  height: 168px;

  overflow: hidden;

  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;

  text-align: center;

  background-color: var(--theme-color-light);

}

.client-block-two .inner-box .image:hover img:first-child {

  -webkit-transform: translateY(0) scaleY(1);

          transform: translateY(0) scaleY(1);

  opacity: 1;

  -webkit-filter: blur(0);

          filter: blur(0);

}

.client-block-two .inner-box .image:hover img:nth-child(2) {

  -webkit-transform: translateY(-50%) scaleY(2);

          transform: translateY(-50%) scaleY(2);

  opacity: 0;

  -webkit-filter: blur(10px);

          filter: blur(10px);

}

.client-block-two .inner-box .image img {

  position: relative;

  width: auto !important;

  display: inline-block !important;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}

.client-block-two .inner-box .image img:first-child {

  position: absolute;

  left: 0px;

  right: 0px;

  top: 0px;

  bottom: 0px;

  z-index: 1;

  margin: auto;

  -webkit-transform: translateY(50%) scaleY(2);

          transform: translateY(50%) scaleY(2);

  opacity: 0;

  -webkit-filter: blur(10px);

          filter: blur(10px);

}



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

    Page Title CSS

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

.page-title {

  position: relative;

  padding: 330px 0 50px;

  border-radius: 0 0 40px 40px;

  overflow: hidden;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}

@media (max-width: 1199.98px) {

  .page-title {

    border-radius: 0;

  }

}

@media (max-width: 991.98px) {

  .page-title {

    padding: 300px 0 30px;

  }

}

@media (max-width: 575.98px) {

  .page-title {

    padding: 200px 0 100px;

  }

}

.page-title .shape-thirtyfour {

  position: absolute;

  top: -124px;

  left: -124px;

  -webkit-animation: fa-spin 30s infinite linear;

          animation: fa-spin 30s infinite linear;

}

@media (max-width: 991.98px) {

  .page-title .shape-thirtyfour {

    top: -180px;

    left: -180px;

  }

}

@media (max-width: 575.98px) {

  .page-title .shape-thirtyfour {

    display: none;

  }

}

.rtl .page-title .shape-thirtyfour {

  left: auto;

  right: -124px;

}

@media (max-width: 991.98px) {

  .rtl .page-title .shape-thirtyfour {

    right: -180px;

  }

}

.page-title .shape-thirtyfive {

  position: absolute;

  top: 0;

  right: 10px;

  -webkit-animation: fa-spin 30s infinite linear;

          animation: fa-spin 30s infinite linear;

}

@media (max-width: 1399.98px) {

  .page-title .shape-thirtyfive {

    display: none;

  }

}

.rtl .page-title .shape-thirtyfive {

  left: 10px;

  right: auto;

}

.page-title .shape-thirtysix {

  position: absolute;

  bottom: -25px;

  right: 80px;

}

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

  .page-title .shape-thirtysix {

    display: none;

  }

}

.rtl .page-title .shape-thirtysix {

  right: auto;

  left: 80px;

}

.page-title .shape-thirtyseven {

  position: absolute;

  bottom: -70px;

  left: 280px;

  z-index: 1;

}

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

  .page-title .shape-thirtyseven {

    left: 70px;

  }

}

@media (max-width: 1399.98px) {

  .page-title .shape-thirtyseven {

    left: 20px;

  }

}

@media (max-width: 1199.98px) {

  .page-title .shape-thirtyseven {

    display: none;

  }

}

.rtl .page-title .shape-thirtyseven {

  left: auto;

  right: 280px;

}

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

  .rtl .page-title .shape-thirtyseven {

    right: 70px;

  }

}

@media (max-width: 1399.98px) {

  .rtl .page-title .shape-thirtyseven {

    right: 20px;

  }

}

.page-title .inner-container {

  padding-left: 220px;

}

@media (max-width: 1199.98px) {

  .page-title .inner-container {

    padding-left: 0;

  }

}

@media (max-width: 575.98px) {

  .page-title .inner-container {

    text-align: center;

  }

}

.rtl .page-title .inner-container {

  padding-left: 0;

  padding-right: 220px;

}

@media (max-width: 1199.98px) {

  .rtl .page-title .inner-container {

    padding-right: 0;

  }

}

.page-title .inner-container .title {

  position: relative;

  color: var(--theme-color-light);

  margin-bottom: 130px;

}

@media (max-width: 991.98px) {

  .page-title .inner-container .title {

    font-size: 88px;

  }

}

@media (max-width: 767.98px) {

  .page-title .inner-container .title {

    font-size: 68px;

    margin-bottom: 100px;

  }

}

@media (max-width: 575.98px) {

  .page-title .inner-container .title {

    font-size: 48px;

    margin-bottom: 20px;

  }

}

.page-title .inner-container .breadcrumb-marquee {

  position: absolute;

  left: 84px;

  bottom: 10px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  white-space: nowrap;

  gap: 50px;

  -webkit-animation: gallery-one 100s linear infinite;

          animation: gallery-one 100s linear infinite;

}

.page-title .inner-container .breadcrumb-marquee:hover {

  -webkit-animation-play-state: paused;

          animation-play-state: paused;

}

@media (max-width: 575.98px) {

  .page-title .inner-container .breadcrumb-marquee {

    gap: 20px;

  }

}

.page-title .inner-container .breadcrumb-marquee .title-two {

  position: relative;

  color: #250084;

  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;

  opacity: 0.5;

  font-size: var(--h1-font-size);

  font-weight: var(--h1-font-weight);

  line-height: var(--line-height-heading-h1);

  white-space: nowrap;

  text-transform: uppercase;

  margin-bottom: 0;

}

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

  .page-title .inner-container .breadcrumb-marquee .title-two {

    font-size: 120px;

  }

}

@media (max-width: 1399.98px) {

  .page-title .inner-container .breadcrumb-marquee .title-two {

    font-size: 110px;

  }

}

@media (max-width: 1199.98px) {

  .page-title .inner-container .breadcrumb-marquee .title-two {

    font-size: 90px;

    left: 15px;

    bottom: 30px;

  }

}

@media (max-width: 991.98px) {

  .page-title .inner-container .breadcrumb-marquee .title-two {

    font-size: 74px;

  }

}

@media (max-width: 767.98px) {

  .page-title .inner-container .breadcrumb-marquee .title-two {

    font-size: 58px;

  }

}

@media (max-width: 575.98px) {

  .page-title .inner-container .breadcrumb-marquee .title-two {

    position: relative;

    left: 0;

    bottom: 0;

    font-size: 30px;

  }

}

.rtl .page-title .inner-container .breadcrumb-marquee .title-two {

  left: auto;

  right: 84px;

}

@media (max-width: 1199.98px) {

  .rtl .page-title .inner-container .breadcrumb-marquee .title-two {

    right: 15px;

  }

}

@media (max-width: 575.98px) {

  .rtl .page-title .inner-container .breadcrumb-marquee .title-two {

    right: 0;

  }

}

@-webkit-keyframes breadcrumb-marquee {

  from {

    -webkit-transform: translateX(0%);

            transform: translateX(0%);

  }

  to {

    -webkit-transform: translateX(-100%);

            transform: translateX(-100%);

  }

}

@keyframes breadcrumb-marquee {

  from {

    -webkit-transform: translateX(0%);

            transform: translateX(0%);

  }

  to {

    -webkit-transform: translateX(-100%);

            transform: translateX(-100%);

  }

}



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

    Contact Section CSS

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

.contact-section {

  position: relative;

  padding: 120px 0 70px;

}

.contact-section .content-column {

  margin-bottom: 50px;

}

.contact-section .content-column .inner-column {

  position: relative;

}

.contact-section .form-column {

  margin-bottom: 50px;

}

.contact-section .form-column .inner-column {

  position: relative;

}



.contact-form {

  position: relative;

  padding: 50px 40px;

  -webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

          box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

  background-color: var(--theme-color-light);

}

@media (max-width: 767.98px) {

  .contact-form {

    padding: 50px 30px;

  }

}

@media (max-width: 575.98px) {

  .contact-form {

    padding: 30px 15px;

  }

}

.dark-layout .contact-form {

  background-color: var(--dark-layout-color-two);

}

.contact-form .form-group {

  position: relative;

  margin-bottom: 20px;

}

@media (max-width: 575.98px) {

  .contact-form .form-group {

    margin-bottom: 15px;

  }

}

.contact-form .form-group:last-child {

  margin-bottom: 0;

}

.contact-form .form-group .select2-container--default .select2-selection--single,

.contact-form .form-group input:not([type=submit]),

.contact-form .form-group textarea,

.contact-form .form-group select {

  position: relative;

  display: block;

  height: 60px;

  width: 100%;

  line-height: 22px;

  font-size: 16px;

  font-weight: 400;

  color: rgba(0, 0, 0, 0.6);

  padding: 15px 24px;

  margin-bottom: 0;

  border: 1px solid #ccc;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.contact-form .form-group .select2-container--default .select2-selection--single::-webkit-input-placeholder, .contact-form .form-group input:not([type=submit])::-webkit-input-placeholder, .contact-form .form-group textarea::-webkit-input-placeholder, .contact-form .form-group select::-webkit-input-placeholder {

  color: rgba(0, 0, 0, 0.6);

}

.contact-form .form-group .select2-container--default .select2-selection--single::-moz-placeholder, .contact-form .form-group input:not([type=submit])::-moz-placeholder, .contact-form .form-group textarea::-moz-placeholder, .contact-form .form-group select::-moz-placeholder {

  color: rgba(0, 0, 0, 0.6);

}

.contact-form .form-group .select2-container--default .select2-selection--single:-ms-input-placeholder, .contact-form .form-group input:not([type=submit]):-ms-input-placeholder, .contact-form .form-group textarea:-ms-input-placeholder, .contact-form .form-group select:-ms-input-placeholder {

  color: rgba(0, 0, 0, 0.6);

}

.contact-form .form-group .select2-container--default .select2-selection--single::-ms-input-placeholder, .contact-form .form-group input:not([type=submit])::-ms-input-placeholder, .contact-form .form-group textarea::-ms-input-placeholder, .contact-form .form-group select::-ms-input-placeholder {

  color: rgba(0, 0, 0, 0.6);

}

.contact-form .form-group .select2-container--default .select2-selection--single::placeholder,

.contact-form .form-group input:not([type=submit])::placeholder,

.contact-form .form-group textarea::placeholder,

.contact-form .form-group select::placeholder {

  color: rgba(0, 0, 0, 0.6);

}

@media (max-width: 575.98px) {

  .contact-form .form-group .select2-container--default .select2-selection--single,

  .contact-form .form-group input:not([type=submit]),

  .contact-form .form-group textarea,

  .contact-form .form-group select {

    height: 55px;

    padding: 15px 18px;

  }

}

.dark-layout .contact-form .form-group .select2-container--default .select2-selection--single,

.dark-layout .contact-form .form-group input:not([type=submit]),

.dark-layout .contact-form .form-group textarea,

.dark-layout .contact-form .form-group select {

  background-color: var(--dark-layout-color-two);

  color: var(--theme-color-light);

}

.dark-layout .contact-form .form-group .select2-container--default .select2-selection--single::-webkit-input-placeholder, .dark-layout .contact-form .form-group input:not([type=submit])::-webkit-input-placeholder, .dark-layout .contact-form .form-group textarea::-webkit-input-placeholder, .dark-layout .contact-form .form-group select::-webkit-input-placeholder {

  color: var(--theme-color-light);

}

.dark-layout .contact-form .form-group .select2-container--default .select2-selection--single::-moz-placeholder, .dark-layout .contact-form .form-group input:not([type=submit])::-moz-placeholder, .dark-layout .contact-form .form-group textarea::-moz-placeholder, .dark-layout .contact-form .form-group select::-moz-placeholder {

  color: var(--theme-color-light);

}

.dark-layout .contact-form .form-group .select2-container--default .select2-selection--single:-ms-input-placeholder, .dark-layout .contact-form .form-group input:not([type=submit]):-ms-input-placeholder, .dark-layout .contact-form .form-group textarea:-ms-input-placeholder, .dark-layout .contact-form .form-group select:-ms-input-placeholder {

  color: var(--theme-color-light);

}

.dark-layout .contact-form .form-group .select2-container--default .select2-selection--single::-ms-input-placeholder, .dark-layout .contact-form .form-group input:not([type=submit])::-ms-input-placeholder, .dark-layout .contact-form .form-group textarea::-ms-input-placeholder, .dark-layout .contact-form .form-group select::-ms-input-placeholder {

  color: var(--theme-color-light);

}

.dark-layout .contact-form .form-group .select2-container--default .select2-selection--single::placeholder,

.dark-layout .contact-form .form-group input:not([type=submit])::placeholder,

.dark-layout .contact-form .form-group textarea::placeholder,

.dark-layout .contact-form .form-group select::placeholder {

  color: var(--theme-color-light);

}

.contact-form .form-group input:focus,

.contact-form .form-group select:focus,

.contact-form .form-group textarea:focus {

  border-color: var(--theme-color1);

}

.contact-form .form-group textarea {

  height: 150px;

  resize: none;

}



.contact-form label.error {

  display: block;

  font-weight: 500;

  font-size: 13px;

  text-transform: capitalize;

  line-height: 24px;

  color: #ff0000;

  padding-top: 7px;

  margin-bottom: 0;

}



form .response {

  position: relative;

  text-align: center;

}



form .response .success {

  background: #1ca345;

  color: #ffffff;

  padding: 0 10px;

  margin-bottom: 20px;

}



form .response .failed {

  background-color: #de3f44;

  color: #ffffff;

  padding: 0 10px;

  margin-bottom: 20px;

}



form .response .text-info {

  background-color: #ffc001 !important;

  color: #222222 !important;

  padding: 0 10px;

  margin-bottom: 20px;

}



.contact-list-four {

  position: relative;

  padding: 50px 40px;

  -webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

          box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

  background-color: var(--theme-color-light);

}

@media (max-width: 767.98px) {

  .contact-list-four {

    padding: 50px 30px;

  }

}

@media (max-width: 575.98px) {

  .contact-list-four {

    padding: 30px 15px;

  }

}

.dark-layout .contact-list-four {

  background-color: var(--dark-layout-color-two);

}

.contact-list-four li {

  position: relative;

  padding-left: 80px;

  margin-bottom: 45px;

}

.contact-list-four li:last-child {

  margin-bottom: 0;

}

@media (max-width: 575.98px) {

  .contact-list-four li {

    padding-left: 65px;

    margin-bottom: 35px;

  }

}

.rtl .contact-list-four li {

  padding-left: 0;

  padding-right: 80px;

}

@media (max-width: 575.98px) {

  .rtl .contact-list-four li {

    padding-right: 65px;

  }

}

.contact-list-four li svg {

  position: absolute;

  top: 0;

  left: 0;

  width: 55px;

  height: 55px;

}

@media (max-width: 575.98px) {

  .contact-list-four li svg {

    width: 45px;

    height: 45px;

  }

}

.rtl .contact-list-four li svg {

  left: auto;

  right: 0;

}

.contact-list-four li .title {

  position: relative;

  margin-bottom: 5px;

}

@media (max-width: 575.98px) {

  .contact-list-four li .title {

    font-size: 20px;

  }

}

.contact-list-four li .text {

  position: relative;

  margin-bottom: 0;

}

.contact-list-four li .text a:hover {

  color: var(--theme-color1);

}

.dark-layout .contact-list-four li .text {

  color: var(--theme-color-light);

}

.dark-layout .contact-list-four li .text a {

  color: var(--theme-color-light);

}

.dark-layout .contact-list-four li .text a:hover {

  color: var(--theme-color1);

}



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

    Error Section CSS

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

.error-section {

  position: relative;

  padding: 120px 0;

}

.error-section .content-box {

  position: relative;

  text-align: center;

}

.error-section .content-box .shape-thirtyeight {

  position: absolute;

  top: -270px;

  left: 55px;

}

@media (max-width: 1399.98px) {

  .error-section .content-box .shape-thirtyeight {

    left: 0;

  }

}

@media (max-width: 1199.98px) {

  .error-section .content-box .shape-thirtyeight {

    display: none;

  }

}

.error-section .content-box .title {

  position: relative;

  color: var(--theme-color4);

  font-size: 500px;

  line-height: 1em;

}

.error-section .content-box .title span {

  color: var(--theme-color-dark);

}

.dark-layout .error-section .content-box .title span {

  color: var(--theme-color-light);

}

@media (max-width: 1199.98px) {

  .error-section .content-box .title {

    font-size: 420px;

  }

}

@media (max-width: 991.98px) {

  .error-section .content-box .title {

    font-size: 350px;

  }

}

@media (max-width: 767.98px) {

  .error-section .content-box .title {

    font-size: 250px;

  }

}

@media (max-width: 767.98px) {

  .error-section .content-box .title {

    font-size: 130px;

  }

}

.error-section .content-box .title-two {

  position: relative;

  margin-bottom: 80px;

}

@media (max-width: 1199.98px) {

  .error-section .content-box .title-two {

    margin-bottom: 30px;

  }

}

@media (max-width: 991.98px) {

  .error-section .content-box .title-two {

    font-size: 54px;

  }

}

@media (max-width: 767.98px) {

  .error-section .content-box .title-two {

    font-size: 46px;

  }

}

@media (max-width: 575.98px) {

  .error-section .content-box .title-two {

    font-size: 30px;

    margin-bottom: 15px;

  }

}

.error-section .content-box .text {

  position: relative;

  font-size: 36px;

  line-height: 56px;

  color: var(--theme-color-dark);

  margin-bottom: 30px;

  letter-spacing: 1px;

  max-width: 620px;

  margin: 0 auto 40px;

}

@media (max-width: 1199.98px) {

  .error-section .content-box .text {

    font-size: 30px;

    line-height: 1.4em;

  }

}

@media (max-width: 991.98px) {

  .error-section .content-box .text {

    font-size: 24px;

    max-width: 100%;

  }

}

@media (max-width: 767.98px) {

  .error-section .content-box .text {

    font-size: 20px;

  }

}

@media (max-width: 575.98px) {

  .error-section .content-box .text {

    font-size: 16px;

    line-height: 1.3em;

    margin-bottom: 15px;

  }

}

.dark-layout .error-section .content-box .text {

  color: var(--theme-color-light);

}



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

    Service Single CSS

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

.service-single {

  position: relative;

  padding: 120px 0;

}

.service-single .shape-fourty {

  position: absolute;

  bottom: 150px;

  left: -272px;

  -webkit-animation: fa-spin 30s infinite linear;

          animation: fa-spin 30s infinite linear;

}

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

  .service-single .shape-fourty {

    display: none;

  }

}

@media (max-width: 1199.98px) {

  .service-single .content-column {

    margin-bottom: 50px;

  }

}

.service-single .content-column .outer-box .text {

  position: relative;

  margin-bottom: 20px;

}

.dark-layout .service-single .content-column .outer-box .text {

  color: var(--theme-color-light);

}

.service-single .content-column .outer-box .images-box {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  margin-bottom: 80px;

  gap: 10px;

}

@media (max-width: 575.98px) {

  .service-single .content-column .outer-box .images-box {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    margin-bottom: 50px;

  }

}

.service-single .content-column .outer-box .images-box .image {

  margin-bottom: 0;

}

.service-single .content-column .outer-box .title-box {

  position: relative;

  margin-bottom: 80px;

}

@media (max-width: 575.98px) {

  .service-single .content-column .outer-box .title-box {

    margin-bottom: 50px;

  }

}

@media (max-width: 575.98px) {

  .service-single .content-column .outer-box .title-box .title {

    font-size: 28px;

  }

}

.service-single .content-column .outer-box .title-box .text {

  margin-bottom: 20px;

}

.service-single .content-column .outer-box .video-box {

  position: relative;

  margin-bottom: 80px;

  z-index: 1;

}

@media (max-width: 575.98px) {

  .service-single .content-column .outer-box .video-box {

    padding-bottom: 100px;

    margin-bottom: 50px;

  }

}

.service-single .content-column .outer-box .video-box .icon-ten {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 2;

}

@media (max-width: 767.98px) {

  .service-single .content-column .outer-box .video-box .icon-ten {

    display: none;

  }

}

.rtl .service-single .content-column .outer-box .video-box .icon-ten {

  left: auto;

  right: 0;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.dark-layout .service-single .content-column .outer-box .video-box .icon-ten {

  display: none;

}

.service-single .content-column .outer-box .video-box .icon-eleven {

  position: absolute;

  bottom: 0;

  right: 0;

  z-index: 2;

}

@media (max-width: 767.98px) {

  .service-single .content-column .outer-box .video-box .icon-eleven {

    display: none;

  }

}

.rtl .service-single .content-column .outer-box .video-box .icon-eleven {

  right: auto;

  left: 0;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.dark-layout .service-single .content-column .outer-box .video-box .icon-eleven {

  display: none;

}

.service-single .content-column .outer-box .video-box .bg-image {

  border-radius: 72px;

  overflow: hidden;

}

@media (max-width: 575.98px) {

  .service-single .content-column .outer-box .video-box .bg-image {

    border-radius: 10px;

  }

}

.service-single .content-column .outer-box .video-box .bg-image:before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  background-image: url(../images/icons/pattern-3.png);

}

.service-single .content-column .outer-box .video-box .btn-box {

  position: absolute;

  top: 83px;

  right: 84px;

  z-index: 3;

}

@media (max-width: 767.98px) {

  .service-single .content-column .outer-box .video-box .btn-box {

    top: 50px;

    right: 50px;

  }

}

.rtl .service-single .content-column .outer-box .video-box .btn-box {

  left: 84px;

  right: auto;

}

@media (max-width: 767.98px) {

  .rtl .service-single .content-column .outer-box .video-box .btn-box {

    left: 50px;

  }

}

.service-single .content-column .outer-box .video-box .btn-box.show-sm {

  display: none;

}

@media (max-width: 575.98px) {

  .service-single .content-column .outer-box .video-box .btn-box.show-sm {

    display: block;

    position: relative;

    top: 0;

    right: 0;

    text-align: center;

  }

}

.service-single .content-column .outer-box .video-box .btn-box.hide-sm {

  display: block;

}

@media (max-width: 575.98px) {

  .service-single .content-column .outer-box .video-box .btn-box.hide-sm {

    display: none;

  }

}

.service-single .content-column .outer-box .video-box .btn-box .play-now {

  position: relative;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.service-single .content-column .outer-box .video-box .btn-box .play-now:hover {

  -webkit-transform: scale(1.1);

          transform: scale(1.1);

}

@media (max-width: 575.98px) {

  .service-single .content-column .outer-box .video-box .btn-box .play-now .icon-video {

    margin: 0 auto;

  }

}

.service-single .content-column .outer-box .video-box .btn-box .play-now .ripple,

.service-single .content-column .outer-box .video-box .btn-box .play-now .ripple:before,

.service-single .content-column .outer-box .video-box .btn-box .play-now .ripple:after {

  width: 123px;

  height: 123px;

}

.service-single .content-column .outer-box .video-box .content-box {

  position: relative;

  padding: 390px 100px 85px;

}

@media (max-width: 1199.98px) {

  .service-single .content-column .outer-box .video-box .content-box {

    padding: 350px 50px 70px;

  }

}

@media (max-width: 575.98px) {

  .service-single .content-column .outer-box .video-box .content-box {

    padding: 100px 20px 50px;

    text-align: center;

  }

}

.service-single .content-column .outer-box .video-box .content-box .sub-title {

  font-weight: 500;

  color: var(--theme-color-light);

}

@media (max-width: 575.98px) {

  .service-single .content-column .outer-box .video-box .content-box .sub-title {

    font-size: 16px;

  }

}

.service-single .content-column .outer-box .video-box .content-box .title {

  color: var(--theme-color-light);

  margin-bottom: 0;

}

@media (max-width: 1199.98px) {

  .service-single .content-column .outer-box .video-box .content-box .title {

    font-size: 56px;

  }

}

@media (max-width: 991.98px) {

  .service-single .content-column .outer-box .video-box .content-box .title {

    font-size: 50px;

  }

}

@media (max-width: 767.98px) {

  .service-single .content-column .outer-box .video-box .content-box .title {

    font-size: 40px;

  }

}

@media (max-width: 575.98px) {

  .service-single .content-column .outer-box .video-box .content-box .title {

    font-size: 36px;

  }

}



.service-single-block .inner-box .image-box {

  position: relative;

}

.service-single-block .inner-box .image-box .image-outer {

  position: relative;

}

.service-single-block .inner-box .image-box .image-outer .icon-twentytwo {

  position: absolute;

  top: 0;

  left: 0;

}

.rtl .service-single-block .inner-box .image-box .image-outer .icon-twentytwo {

  left: auto;

  right: 0;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.dark-layout .service-single-block .inner-box .image-box .image-outer .icon-twentytwo {

  display: none;

}

.service-single-block .inner-box .image-box .image-outer .icon-twentythree {

  position: absolute;

  right: 0;

  bottom: -1px;

}

.rtl .service-single-block .inner-box .image-box .image-outer .icon-twentythree {

  right: auto;

  left: 0;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.dark-layout .service-single-block .inner-box .image-box .image-outer .icon-twentythree {

  display: none;

}

.service-single-block .inner-box .image-box .image-outer .image {

  margin-bottom: 0;

  border-radius: 30px;

  overflow: hidden;

}

.service-single-block .inner-box .content {

  position: relative;

  padding-top: 15px;

}

.service-single-block .inner-box .content .location-box {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 18px;

  margin-bottom: 20px;

}

@media (max-width: 991.98px) {

  .service-single-block .inner-box .content .location-box {

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

  }

}

@media (max-width: 767.98px) {

  .service-single-block .inner-box .content .location-box {

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    gap: 8px;

  }

}

.service-single-block .inner-box .content .location-box li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  font-weight: 600;

  gap: 10px;

}

.service-single-block .inner-box .content .location-box li span {

  font-size: 14px;

  color: var(--theme-color-dark);

}

.dark-layout .service-single-block .inner-box .content .location-box li span {

  color: var(--theme-color-light);

}

.service-single-block .inner-box .content .location-box li.date {

  color: var(--theme-color-dark);

  font-weight: 700;

}

.dark-layout .service-single-block .inner-box .content .location-box li.date {

  color: var(--theme-color-light);

}

.service-single-block .inner-box .content .location-box .icon {

  position: relative;

  color: var(--theme-color4);

}



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

    Blog Section CSS

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

.blog-section {

  position: relative;

  padding: 120px 0;

}

@media (max-width: 1199.98px) {

  .blog-section .content-column {

    margin-bottom: 50px;

  }

}

.blog-section .news-single-block .title a:hover {

  color: var(--theme-color3);

}



.styled-pagination {

  position: relative;

  margin-top: 50px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

.styled-pagination.align-left {

  -webkit-box-pack: start;

      -ms-flex-pack: start;

          justify-content: flex-start;

}

.styled-pagination li {

  position: relative;

  margin: 0 10px 10px 0;

}

.styled-pagination li:last-child {

  margin-right: 0;

}

.rtl .styled-pagination li:first-child {

  margin-right: 0;

}

.rtl .styled-pagination li:last-child {

  margin-right: 10px;

}

.styled-pagination li a {

  position: relative;

  display: block;

  font-size: 16px;

  height: 60px;

  width: 60px;

  color: #666666;

  font-weight: 400;

  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;

  border-radius: 50%;

  border: 1px solid #666666;

  background: transparent;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 575.98px) {

  .styled-pagination li a {

    width: 50px;

    height: 50px;

  }

}

.styled-pagination li a:hover, .styled-pagination li a.active {

  color: var(--theme-color-light);

  background-color: var(--theme-color4);

  border-color: var(--theme-color4);

}

.dark-layout .styled-pagination li a {

  color: var(--theme-color-light);

  border-color: var(--theme-color-light);

  background-color: var(--dark-layout-two);

}

.dark-layout .styled-pagination li a:hover, .dark-layout .styled-pagination li a.active {

  color: var(--theme-color-light);

  background-color: var(--theme-color4);

  border-color: var(--theme-color4);

}

.styled-pagination li .arrow {

  font-size: 18px;

  color: var(--theme-color-light);

  background-color: var(--theme-color3);

  border-color: var(--theme-color3);

}

.rtl .styled-pagination li .arrow {

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.dark-layout .styled-pagination li .arrow {

  color: var(--theme-color-light);

  background-color: var(--theme-color3);

  border-color: var(--theme-color3);

}



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

    Blog Single CSS

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

.blog-single {

  position: relative;

  padding: 120px 0;

}

@media (max-width: 1199.98px) {

  .blog-single .content-column {

    padding-bottom: 50px;

  }

}

.blog-single .content-column .inner-column {

  position: relative;

}

.blog-single .content-column .inner-column .image-box.two {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  margin-bottom: 50px;

}

@media (max-width: 575.98px) {

  .blog-single .content-column .inner-column .image-box.two {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    gap: 15px;

  }

}

.blog-single .content-column .inner-column .image-box.two .image {

  margin-bottom: 0;

}

.blog-single .content-column .inner-column .image-box.two .image-outer {

  position: relative;

}

.blog-single .content-column .inner-column .image-box.two .image-outer .image {

  border-radius: 30px;

}

.blog-single .content-column .inner-column .image-box.two .image-outer .icon-twentyseven {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

}

.rtl .blog-single .content-column .inner-column .image-box.two .image-outer .icon-twentyseven {

  left: auto;

  right: 0;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.dark-layout .blog-single .content-column .inner-column .image-box.two .image-outer .icon-twentyseven {

  display: none;

}

.blog-single .content-column .inner-column .image-box.two .image-outer .icon-twentyeight {

  position: absolute;

  bottom: 9px;

  right: 0;

  z-index: 1;

}

.rtl .blog-single .content-column .inner-column .image-box.two .image-outer .icon-twentyeight {

  left: 0;

  right: auto;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.dark-layout .blog-single .content-column .inner-column .image-box.two .image-outer .icon-twentyeight {

  display: none;

}

.blog-single .content-column .inner-column .title-box {

  margin-bottom: 50px;

}

.blog-single .content-column .inner-column .title-box .title {

  position: relative;

  font-size: 40px;

  margin-bottom: 20px;

}

@media (max-width: 575.98px) {

  .blog-single .content-column .inner-column .title-box .title {

    font-size: 36px;

  }

}

.dark-layout .blog-single .content-column .inner-column .title-box .title {

  color: var(--theme-color-light);

}

.blog-single .content-column .inner-column .title-box .text {

  margin-bottom: 0;

}

.dark-layout .blog-single .content-column .inner-column .title-box .text {

  color: var(--theme-color-light);

}

.blog-single .content-column .inner-column .blockquote {

  background: #F5F5F5;

  padding: 45px 55px;

  border-left: 4px solid var(--theme-color4);

  border-radius: 20px;

  margin-bottom: 50px;

}

@media (max-width: 991.98px) {

  .blog-single .content-column .inner-column .blockquote {

    padding: 30px;

  }

}

@media (max-width: 575.98px) {

  .blog-single .content-column .inner-column .blockquote {

    padding: 30px 20px;

  }

}

.rtl .blog-single .content-column .inner-column .blockquote {

  border-left: 0;

  border-right: 4px solid var(--theme-color4);

}

.dark-layout .blog-single .content-column .inner-column .blockquote {

  background-color: var(--dark-layout-color-two);

}

.blog-single .content-column .inner-column .blockquote .title {

  position: relative;

  line-height: 42px;

  margin-bottom: 20px;

}

@media (max-width: 575.98px) {

  .blog-single .content-column .inner-column .blockquote .title {

    font-size: 18px;

    line-height: 1.4em;

  }

}

.blog-single .content-column .inner-column .blockquote .author {

  position: relative;

  font-size: 20px;

  font-weight: 700;

  text-align: right;

  color: var(--theme-color4);

}

@media (max-width: 575.98px) {

  .blog-single .content-column .inner-column .blockquote .author {

    font-size: 18px;

  }

}

.rtl .blog-single .content-column .inner-column .blockquote .author {

  text-align: left;

}

.blog-single .content-column .inner-column .text-box {

  position: relative;

  margin-bottom: 50px;

}

.blog-single .content-column .inner-column .text-box .text {

  margin-bottom: 0;

}

.dark-layout .blog-single .content-column .inner-column .text-box .text {

  color: var(--theme-color-light);

}

.blog-single .content-column .inner-column .tags-box {

  position: relative;

  margin-bottom: 50px;

}

.blog-single .content-column .inner-column .tags-box .tags {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  gap: 14px;

}

@media (max-width: 767.98px) {

  .blog-single .content-column .inner-column .tags-box .tags li {

    margin-bottom: 10px;

  }

}

.blog-single .content-column .inner-column .tags-box .tags a {

  position: relative;

  font-size: 14px;

  line-height: 1em;

  color: #666666;

  padding: 12px 30px;

  border-radius: 25px;

  border: 1px solid #666666;

  background-color: var(--theme-color-light);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.blog-single .content-column .inner-column .tags-box .tags a:hover {

  color: var(--theme-color-light);

  background-color: var(--theme-color4);

  border-color: var(--theme-color4);

}

.dark-layout .blog-single .content-column .inner-column .tags-box .tags a {

  color: var(--theme-color-light);

  background-color: var(--dark-layout-color-two);

  border-color: var(--theme-color-light);

}

.dark-layout .blog-single .content-column .inner-column .tags-box .tags a:hover {

  background-color: var(--theme-color4);

  border-color: var(--theme-color4);

}

.blog-single .content-column .inner-column .social-box {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  margin-bottom: 50px;

  padding-top: 30px;

  border-top: 1px solid #DDDDDD;

}

@media (max-width: 575.98px) {

  .blog-single .content-column .inner-column .social-box {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;

    gap: 5px;

  }

}

.blog-single .content-column .inner-column .social-box .text {

  position: relative;

  color: var(--theme-color-dark);

  font-weight: 700;

  text-transform: capitalize;

  margin-bottom: 0;

}

.dark-layout .blog-single .content-column .inner-column .social-box .text {

  color: var(--theme-color-light);

}

.blog-single .content-column .inner-column .social-box .social-icon {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 20px;

}

.blog-single .content-column .inner-column .social-box .social-icon a {

  position: relative;

  font-size: 16px;

  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;

  color: var(--theme-color4);

  background-color: transparent;

}

.blog-single .content-column .inner-column .social-box .social-icon a:hover {

  color: var(--theme-color-dark);

}

.dark-layout .blog-single .content-column .inner-column .social-box .social-icon a:hover {

  color: var(--theme-color-light);

}

.blog-single .content-column .inner-column .author-box {

  margin-bottom: 50px;

  padding-bottom: 50px;

  border-bottom: 1px solid #DDDDDD;

}

.blog-single .content-column .inner-column .author-box .inner-box {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 40px;

}

@media (max-width: 767.98px) {

  .blog-single .content-column .inner-column .author-box .inner-box {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

  }

}

.blog-single .content-column .inner-column .author-box .inner-box .thumb {

  position: relative;

  width: 266px;

  height: 184px;

  -ms-flex-negative: 0;

      flex-shrink: 0;

  overflow: hidden;

  border-radius: 15px;

}

@media (max-width: 767.98px) {

  .blog-single .content-column .inner-column .author-box .inner-box .thumb {

    width: 100%;

    height: 100%;

  }

}

.blog-single .content-column .inner-column .author-box .inner-box .thumb img {

  width: 100%;

  height: 100%;

}

.blog-single .content-column .inner-column .author-box .inner-box .content {

  position: relative;

}

.blog-single .content-column .inner-column .author-box .inner-box .content .title {

  margin-bottom: 8px;

}

.blog-single .content-column .inner-column .author-box .inner-box .content .text {

  position: relative;

  margin-bottom: 10px;

}

.dark-layout .blog-single .content-column .inner-column .author-box .inner-box .content .text {

  color: var(--theme-color-light);

}

.blog-single .content-column .inner-column .author-box .inner-box .content .social-links {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  gap: 15px;

}

.blog-single .content-column .inner-column .author-box .inner-box .content .social-links a {

  position: relative;

  font-size: 18px;

  font-weight: 700;

  line-height: 1em;

  color: var(--theme-color4);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.blog-single .content-column .inner-column .author-box .inner-box .content .social-links a:hover {

  color: var(--theme-color-dark);

}

.dark-layout .blog-single .content-column .inner-column .author-box .inner-box .content .social-links a:hover {

  color: var(--theme-color-light);

}

.blog-single .content-column .inner-column .post-box {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  margin-bottom: 50px;

  padding-bottom: 50px;

  border-bottom: 1px solid #DDDDDD;

}

@media (max-width: 767.98px) {

  .blog-single .content-column .inner-column .post-box {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    gap: 30px;

  }

}

.blog-single .content-column .inner-column .comments-area {

  position: relative;

  margin-bottom: 50px;

}

.blog-single .content-column .inner-column .comments-area .title {

  margin-bottom: 30px;

}

@media (max-width: 575.98px) {

  .blog-single .content-column .inner-column .comments-area .title {

    font-size: 28px;

  }

}

.blog-single .content-column .inner-column .comment-form {

  position: relative;

}

.blog-single .content-column .inner-column .comment-form .form-title-box {

  margin-bottom: 20px;

}

.dark-layout .blog-single .content-column .inner-column .comment-form .form-title-box .text {

  color: var(--theme-color-light);

}



.news-single-block {

  position: relative;

  margin-bottom: 40px;

}

.news-single-block .image-box {

  position: relative;

}

.news-single-block .image-box .image {

  position: relative;

  border-radius: 30px;

  overflow: hidden;

  margin-bottom: 0;

}

.news-single-block .image-box .image img {

  width: 100%;

  height: 100%;

}

.news-single-block .image-box .date-box {

  position: absolute;

  right: 60px;

  bottom: 0;

  padding: 10px 12px 0;

  border-radius: 15px 15px 0 0;

  background-color: var(--theme-color-light);

  text-align: center;

  z-index: 4;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 575.98px) {

  .news-single-block .image-box .date-box {

    right: 30px;

  }

}

.news-single-block .image-box .date-box:before {

  content: "";

  position: absolute;

  bottom: 0;

  left: -24px;

  width: 24px;

  height: 24px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  background-image: url(../images/icons/news3-date-shape.png);

}

.news-single-block .image-box .date-box:after {

  content: "";

  position: absolute;

  bottom: 0;

  right: -24px;

  width: 24px;

  height: 24px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  background-image: url(../images/icons/news3-date-shape2.png);

}

.news-single-block .image-box .date-box .date {

  position: relative;

  margin-bottom: 0;

  color: var(--theme-color4);

  z-index: 1;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.news-single-block .image-box .date-box .month {

  position: relative;

  margin-bottom: 0;

  font-size: 16px;

  font-weight: 700;

  line-height: 1em;

  color: var(--theme-color4);

  z-index: 1;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.news-single-block .image-box .theme-btn {

  position: absolute;

  left: 28px;

  padding: 16px 30px;

  bottom: 0;

  opacity: 0;

}

.news-single-block .content-box {

  position: relative;

  padding-top: 20px;

}

.news-single-block .content-box .post-meta-box {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 40px;

  margin-bottom: 20px;

}

@media (max-width: 575.98px) {

  .news-single-block .content-box .post-meta-box {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    gap: 10px;

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;

  }

}

.news-single-block .content-box .post-meta-box .cat {

  position: relative;

  font-weight: 700;

  line-height: 1em;

  color: #666666;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.dark-layout .news-single-block .content-box .post-meta-box .cat {

  color: var(--theme-color-light);

}

.news-single-block .content-box .post-meta-box .post-meta {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 14px;

}

.news-single-block .content-box .post-meta-box .post-meta li {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  font-size: 14px;

  gap: 7px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.news-single-block .content-box .post-meta-box .post-meta li .icon {

  color: #8900BD;

  font-size: 20px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.news-single-block .content-box .title {

  position: relative;

  margin-bottom: 10px;

}

.news-single-block .content-box .text {

  position: relative;

  margin-bottom: 20px;

}

.dark-layout .news-single-block .content-box .text {

  color: var(--theme-color-light);

}

.news-single-block:hover .image-box .theme-btn {

  opacity: 1;

  bottom: 30px;

}



.post-block.right .inner-box {

  text-align: right;

}

@media (max-width: 767.98px) {

  .post-block.right .inner-box {

    text-align: left;

  }

}

.rtl .post-block.right .inner-box {

  text-align: left;

}

@media (max-width: 767.98px) {

  .rtl .post-block.right .inner-box {

    text-align: left;

  }

}

@media (max-width: 767.98px) {

  .post-block.right .inner-box .content {

    -webkit-box-ordinal-group: 3;

        -ms-flex-order: 2;

            order: 2;

  }

}

.post-block .inner-box {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 20px;

}

@media (max-width: 575.98px) {

  .post-block .inner-box {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;

    gap: 10px;

  }

}

.post-block .inner-box:hover .thumb img {

  -webkit-transform: scale(1.1);

          transform: scale(1.1);

}

.post-block .inner-box .thumb {

  position: relative;

  width: 140px;

  height: 120px;

  overflow: hidden;

  border-radius: 10px;

}

.post-block .inner-box .thumb img {

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.post-block .inner-box .content {

  position: relative;

}

.post-block .inner-box .content .date {

  position: relative;

  font-size: 15px;

  font-weight: 500;

  color: #666666;

}

.dark-layout .post-block .inner-box .content .date {

  color: var(--theme-color-light);

}

.post-block .inner-box .content .title {

  position: relative;

  line-height: 30px;

  max-width: 210px;

  margin-bottom: 0;

}

.post-block .inner-box .content .title a:hover {

  color: var(--theme-color4);

}



.comment-box {

  position: relative;

  margin-bottom: 50px;

}

.comment-box:last-child {

  margin-bottom: 0;

}

@media (max-width: 575.98px) {

  .comment-box {

    margin-bottom: 30px;

  }

}

.comment-box.reply-comment {

  margin-left: 95px;

}

@media (max-width: 991.98px) {

  .comment-box.reply-comment {

    margin-left: 0;

  }

}

.rtl .comment-box.reply-comment {

  margin-left: 0;

  margin-right: 95px;

}

@media (max-width: 991.98px) {

  .rtl .comment-box.reply-comment {

    margin-right: 0;

  }

}

.comment-box .comment {

  position: relative;

  min-height: 120px;

  padding-top: 3px;

  padding-left: 150px;

}

@media (max-width: 767.98px) {

  .comment-box .comment {

    padding-top: 0;

    padding-left: 140px;

  }

}

@media (max-width: 575.98px) {

  .comment-box .comment {

    padding-left: 0;

  }

}

.rtl .comment-box .comment {

  padding-left: 0;

  padding-right: 150px;

}

@media (max-width: 767.98px) {

  .rtl .comment-box .comment {

    padding-right: 140px;

  }

}

@media (max-width: 575.98px) {

  .rtl .comment-box .comment {

    padding-right: 0;

  }

}

.comment-box .author-thumb {

  position: absolute;

  left: 0;

  top: 0;

  height: 120px;

  width: 120px;

  border-radius: 10px;

  overflow: hidden;

}

@media (max-width: 575.98px) {

  .comment-box .author-thumb {

    position: relative;

    margin-bottom: 10px;

  }

}

.rtl .comment-box .author-thumb {

  left: auto;

  right: 0;

}

.comment-box .author-thumb img {

  width: 100%;

  display: block;

}

.comment-box .comment-info {

  position: relative;

  display: block;

  margin-bottom: 5px;

}

@media (max-width: 767.98px) {

  .comment-box .comment-info {

    margin-bottom: 2px;

  }

}

.comment-box .comment-info .name {

  position: relative;

  display: inline-block;

  color: var(--theme-color4);

  margin-bottom: 0;

}

@media (max-width: 767.98px) {

  .comment-box .comment-info .name {

    font-size: 18px;

  }

}

.comment-box .comment-info .date {

  position: relative;

  display: inline-block;

  font-size: 16px;

  line-height: 26px;

  font-weight: 500;

  color: #151515;

  margin-left: 5px;

}

@media (max-width: 767.98px) {

  .comment-box .comment-info .date {

    font-size: 14px;

  }

}

.comment-box .text {

  position: relative;

  margin-bottom: 0;

  max-width: 500px;

}

@media (max-width: 767.98px) {

  .comment-box .text {

    font-size: 14px;

    line-height: 24px;

    margin-bottom: 3px;

  }

}

@media (max-width: 575.98px) {

  .comment-box .text {

    margin-bottom: 8px;

  }

}

.dark-layout .comment-box .text {

  color: var(--theme-color-light);

}

.comment-box .btn-box {

  position: absolute;

  top: 0;

  right: 0;

  text-align: right;

}

@media (max-width: 767.98px) {

  .comment-box .btn-box {

    position: relative;

    text-align: left;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    gap: 10px;

  }

}

.rtl .comment-box .btn-box {

  right: auto;

  left: 0;

  text-align: left;

}

.comment-box .btn-box .rating {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 3px;

  line-height: 1em;

  font-size: 18px;

  color: var(--theme-color4);

  margin-bottom: 10px;

}

@media (max-width: 767.98px) {

  .comment-box .btn-box .rating {

    margin-bottom: 0;

    font-size: 16px;

  }

}

.comment-box .btn-box .reply-btn {

  position: relative;

  font-size: 16px;

  line-height: 20px;

  color: #151515;

  font-weight: 700;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 767.98px) {

  .comment-box .btn-box .reply-btn {

    font-size: 14px;

  }

}

.comment-box .btn-box .reply-btn:hover {

  color: var(--theme-color4);

}



.comment-form {

  position: relative;

}

.comment-form .form-group {

  position: relative;

  margin-bottom: 20px;

}

.comment-form .form-group:last-child {

  margin-bottom: 0;

}

.comment-form .form-group input[type=text],

.comment-form .form-group input[type=email],

.comment-form .form-group textarea,

.comment-form .form-group select {

  position: relative;

  display: block;

  height: 60px;

  width: 100%;

  font-size: 15px;

  color: #666666;

  line-height: 23px;

  border-radius: 30px;

  font-weight: 400;

  padding: 24px 32px;

  background-color: var(--theme-color-light);

  border: 1px solid #DDDDDD;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.dark-layout .comment-form .form-group input[type=text],

.dark-layout .comment-form .form-group input[type=email],

.dark-layout .comment-form .form-group textarea,

.dark-layout .comment-form .form-group select {

  background-color: var(--dark-layout-color-two);

  border-color: var(--theme-color-light);

  color: var(--theme-color-light);

}

.comment-form .form-group input:focus,

.comment-form .form-group select:focus,

.comment-form .form-group textarea:focus {

  border-color: var(--theme-color4);

}

.dark-layout .comment-form .form-group input:focus,

.dark-layout .comment-form .form-group select:focus,

.dark-layout .comment-form .form-group textarea:focus {

  border-color: var(--theme-color4);

}

.comment-form .form-group textarea {

  height: 180px;

  resize: none;

  padding: 27px 32px;

  border-radius: 30px;

}

.comment-form .form-group input[type=submit],

.comment-form .form-group button {

  padding: 23px 38px;

}

.rtl .comment-form .form-group input[type=submit] i,

.rtl .comment-form .form-group button i {

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}



.sidebar {

  position: relative;

}

.sidebar .sidebar-title {

  position: relative;

  color: #151515;

  margin-bottom: 20px;

}

.dark-layout .sidebar .sidebar-title {

  color: var(--theme-color-light);

}

.sidebar .search-box {

  position: relative;

  margin-bottom: 50px;

}

.sidebar .search-box .form-group {

  position: relative;

  margin: 0;

}

.sidebar .search-box .form-group input[type=text],

.sidebar .search-box .form-group input[type=search] {

  position: relative;

  display: block;

  font-size: 16px;

  line-height: 28px;

  width: 100%;

  border-radius: 40px;

  height: 80px;

  color: #666666;

  padding: 34px 31px;

  border: 1px solid transparent;

  background-color: #F5F5F5;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 575.98px) {

  .sidebar .search-box .form-group input[type=text],

  .sidebar .search-box .form-group input[type=search] {

    height: 50px;

    padding: 20px 24px;

  }

}

.dark-layout .sidebar .search-box .form-group input[type=text],

.dark-layout .sidebar .search-box .form-group input[type=search] {

  background-color: var(--dark-layout-color-two);

  color: var(--theme-color-light);

}

.sidebar .search-box .form-group button {

  position: absolute;

  right: 0;

  top: 0;

  height: 80px;

  width: 80px;

  display: block;

  font-size: 18px;

  line-height: 100%;

  font-weight: normal;

  border-radius: 50%;

  color: var(--theme-color-light);

  background-color: var(--theme-color4);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 575.98px) {

  .sidebar .search-box .form-group button {

    width: 50px;

    height: 50px;

  }

}

.rtl .sidebar .search-box .form-group button {

  right: auto;

  left: 0;

}

.sidebar .search-box .form-group button:hover {

  background-color: var(--theme-color1);

}

.sidebar .latest-news {

  position: relative;

  margin-bottom: 50px;

}

.sidebar .latest-news .post {

  position: relative;

  margin-bottom: 30px;

  padding-bottom: 30px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 20px;

  border-bottom: 1px solid #DDDDDD;

}

@media (max-width: 575.98px) {

  .sidebar .latest-news .post {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;

  }

}

.sidebar .latest-news .post:last-child {

  margin-bottom: 0;

  padding-bottom: 0;

  border-bottom: none;

}

.sidebar .latest-news .post .post-thumb {

  position: relative;

  -ms-flex-negative: 0;

      flex-shrink: 0;

  height: 120px;

  width: 120px;

  overflow: hidden;

  border-radius: 20px;

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

}

.sidebar .latest-news .post .post-thumb img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.sidebar .latest-news .post .post-thumb:before {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  opacity: 0.8;

  content: "";

  border-radius: 20px;

  background-color: var(--theme-color4);

  z-index: 1;

  -webkit-transform: scale(0);

          transform: scale(0);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.sidebar .latest-news .post .post-thumb:after {

  position: absolute;

  height: 20px;

  width: 20px;

  left: 50%;

  top: 50%;

  margin-left: -10px;

  margin-top: -10px;

  text-align: center;

  line-height: 20px;

  font-size: 18px;

  z-index: 9;

  color: #ffffff;

  font-weight: 900;

  content: "\f0c1";

  font-family: "Font Awesome 6 Pro";

  -webkit-transform: scale(0);

          transform: scale(0);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.sidebar .latest-news .post .post-thumb:hover:before, .sidebar .latest-news .post .post-thumb:hover:after {

  -webkit-transform: scale(1);

          transform: scale(1);

}

.sidebar .latest-news .post .content .title {

  position: relative;

  margin-bottom: 8px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.sidebar .latest-news .post .content .title a:hover {

  color: var(--theme-color4);

}

.sidebar .latest-news .post .content .date {

  position: relative;

  color: #666666;

}

.dark-layout .sidebar .latest-news .post .content .date {

  color: var(--theme-color-light);

}

.sidebar .category-list {

  position: relative;

  margin-bottom: 50px;

}

.sidebar .category-list .cat-list li {

  position: relative;

  margin-bottom: 10px;

  border-bottom: 0;

}

.sidebar .category-list .cat-list li:last-child {

  margin-bottom: 0;

}

.sidebar .category-list .cat-list li a {

  position: relative;

  display: block;

  font-size: 16px;

  color: var(--theme-color-dark);

  font-weight: 700;

  line-height: 30px;

  font-family: var(--title-font);

  padding: 25px 36px;

  border-radius: 40px;

  background-color: #F5F5F5;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 575.98px) {

  .sidebar .category-list .cat-list li a {

    padding: 20px 24px;

  }

}

.dark-layout .sidebar .category-list .cat-list li a {

  background-color: var(--dark-layout-color-two);

  color: var(--theme-color-light);

}

.sidebar .category-list .cat-list li a::before {

  position: absolute;

  top: 50%;

  right: 33px;

  height: 80px;

  line-height: 80px;

  font-size: 14px;

  color: var(--theme-color-dark);

  content: "\f105";

  font-family: "Font Awesome 6 Pro";

  font-weight: 900;

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

          transform: translateY(-50%);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 575.98px) {

  .sidebar .category-list .cat-list li a::before {

    right: 24px;

  }

}

.rtl .sidebar .category-list .cat-list li a::before {

  right: auto;

  left: 33px;

  -webkit-transform: scaleX(-1) translateY(-50%);

          transform: scaleX(-1) translateY(-50%);

}

.dark-layout .sidebar .category-list .cat-list li a::before {

  color: var(--theme-color-light);

}

.sidebar .category-list .cat-list li a span {

  float: right;

  font-size: 14px;

  color: #333333;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.sidebar .category-list .cat-list li a:hover {

  color: #ffffff;

  background: var(--theme-color4);

}

.sidebar .category-list .cat-list li a:hover::before {

  color: #ffffff;

}

.sidebar .category-list .cat-list li a:hover span {

  color: #ffffff;

}

.sidebar .popular-tags {

  position: relative;

}

.sidebar .popular-tags li {

  position: relative;

  display: inline-block;

  margin: 0 9px 19px 0;

}

@media (max-width: 575.98px) {

  .sidebar .popular-tags li {

    margin-bottom: 10px;

  }

}

.sidebar .popular-tags li a {

  position: relative;

  display: block;

  color: #666666;

  text-align: center;

  font-size: 16px;

  line-height: 20px;

  padding: 14px 20px;

  background: none;

  font-weight: 400;

  border: 1px solid #666666;

  border-radius: 25px;

  background-color: var(--theme-color-light);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 575.98px) {

  .sidebar .popular-tags li a {

    padding: 12px 20px;

  }

}

.sidebar .popular-tags li a:hover {

  border-color: var(--theme-color4);

  background-color: var(--theme-color4);

  color: var(--theme-color-light);

}

.dark-layout .sidebar .popular-tags li a {

  background-color: var(--dark-layout-color-two);

  color: var(--theme-color-light);

}

.dark-layout .sidebar .popular-tags li a:hover {

  background-color: var(--theme-color4);

  color: var(--theme-color-light);

}



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

    Speaker Single CSS

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

.speaker-single {

  position: relative;

  padding: 120px 0;

}

.speaker-single .outer-box.two {

  position: relative;

  margin-bottom: 60px;

}

.speaker-single .content-column .inner-column .content-box .designation {

  position: relative;

  font-size: 24px;

  font-weight: 700;

  color: var(--theme-color4);

  margin-bottom: 15px;

}

@media (max-width: 575.98px) {

  .speaker-single .content-column .inner-column .content-box .designation {

    font-size: 18px;

  }

}

@media (max-width: 575.98px) {

  .speaker-single .content-column .inner-column .content-box .name {

    font-size: 38px;

  }

}

.speaker-single .content-column .inner-column .content-box .text {

  position: relative;

  margin-bottom: 20px;

}

.dark-layout .speaker-single .content-column .inner-column .content-box .text {

  color: var(--theme-color-light);

}

.speaker-single .content-column .inner-column .author-box {

  position: relative;

  border-top: 1px solid #BBBBBB;

  padding-top: 30px;

  margin-top: 20px;

}

.speaker-single .content-column .inner-column .author-box .author-info {

  position: relative;

  margin-bottom: 20px;

}

.speaker-single .content-column .inner-column .author-box .author-info .title {

  margin-bottom: 3px;

}

.dark-layout .speaker-single .content-column .inner-column .author-box .author-info .text {

  color: var(--theme-color-light);

}

.speaker-single .biography-column .inner-column {

  position: relative;

}

@media (max-width: 575.98px) {

  .speaker-single .biography-column .inner-column .title {

    font-size: 36px;

  }

}

.speaker-single .biography-column .inner-column .text {

  margin-bottom: 20px;

}

.dark-layout .speaker-single .biography-column .inner-column .text {

  color: var(--theme-color-light);

}

.speaker-single .skills-column .inner-column {

  position: relative;

}

@media (max-width: 575.98px) {

  .speaker-single .skills-column .inner-column .title {

    font-size: 36px;

  }

}

.speaker-single .skills-column .inner-column .text {

  margin-bottom: 20px;

}

.dark-layout .speaker-single .skills-column .inner-column .text {

  color: var(--theme-color-light);

}



.speaker-single-block {

  margin-bottom: 30px;

}

.speaker-single-block .inner-box {

  position: relative;

  padding: 0px 10px;

}

@media (max-width: 575.98px) {

  .speaker-single-block .inner-box {

    padding: 0;

  }

}

.speaker-single-block .inner-box:hover .image img {

  -webkit-transform: scale(1.1);

          transform: scale(1.1);

}

.speaker-single-block .inner-box .image {

  position: relative;

  margin-bottom: 0;

  border-radius: 15px;

  overflow: hidden;

}

.speaker-single-block .inner-box .image img {

  position: relative;

  width: 100%;

  height: 100%;

  border-radius: 15px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.speaker-single-block .inner-box .content-box {

  position: relative;

  padding: 10px 10px 30px;

  text-align: center;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 575.98px) {

  .speaker-single-block .inner-box .content-box {

    padding-bottom: 50px;

    padding-top: 0;

  }

}

.speaker-single-block .inner-box .content-box .team-shape {

  position: absolute;

  left: -10px;

  right: -10px;

  bottom: 0;

  height: 203px;

  -webkit-filter: drop-shadow(0 0px 10px rgba(0, 0, 0, 0.15));

          filter: drop-shadow(0 0px 10px rgba(0, 0, 0, 0.15));

  border-radius: 12px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 1399.98px) {

  .speaker-single-block .inner-box .content-box .team-shape svg {

    width: 100%;

  }

}

.speaker-single-block .inner-box .content-box .shape-thirtynine {

  position: absolute;

  bottom: 0;

  left: 50%;

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

          transform: translateX(-50%);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.speaker-single-block .inner-box .content-box .name {

  position: relative;

  color: var(--theme-color-light);

  line-height: 1em;

  margin-bottom: 2px;

  z-index: 3;

}

.speaker-single-block .inner-box .content-box .designation {

  position: relative;

  color: var(--theme-color-light);

  font-size: 14px;

  line-height: 24px;

  z-index: 3;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.speaker-single-block .inner-box .content-box .social-icons {

  position: absolute;

  top: -85px;

  left: 0;

  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;

  width: 100%;

  gap: 30px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 575.98px) {

  .speaker-single-block .inner-box .content-box .social-icons {

    gap: 13px;

    top: -50px;

  }

}

.speaker-single-block .inner-box .content-box .social-icons li:nth-child(2) {

  margin-top: -42px;

}

.speaker-single-block .inner-box .content-box .social-icons li:nth-child(4) {

  margin-top: -42px;

}

.speaker-single-block .inner-box .content-box .social-icons li:nth-child(3) {

  margin-top: -65px;

}

.speaker-single-block .inner-box .content-box .social-icons li a {

  position: relative;

  width: 45px;

  height: 45px;

  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;

  color: var(--theme-color-light);

  font-size: 16px;

  border-radius: 50%;

  background-color: var(--theme-color3);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.speaker-single-block .inner-box .content-box .social-icons li a:hover {

  background-color: var(--theme-color-light);

  color: var(--theme-color3);

}

@media (max-width: 575.98px) {

  .speaker-single-block .inner-box .content-box .social-icons li a {

    width: 40px;

    height: 40px;

    font-size: 14px;

  }

}



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

    Event Single CSS

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

.event-single {

  position: relative;

  padding: 120px 0;

}

.event-single .shape-fourty {

  position: absolute;

  bottom: 150px;

  left: -272px;

  -webkit-animation: fa-spin 30s infinite linear;

          animation: fa-spin 30s infinite linear;

}

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

  .event-single .shape-fourty {

    display: none;

  }

}

.event-single .outer-box .text {

  position: relative;

  margin-bottom: 10px;

}

.dark-layout .event-single .outer-box .text {

  color: var(--theme-color-light);

}

.event-single .outer-box .list-box {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 25px;

  margin-top: 80px;

  margin-bottom: 80px;

}

@media (max-width: 1399.98px) {

  .event-single .outer-box .list-box {

    gap: 10px;

  }

}

@media (max-width: 1199.98px) {

  .event-single .outer-box .list-box {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;

  }

}

@media (max-width: 575.98px) {

  .event-single .outer-box .list-box {

    margin-bottom: 50px;

    margin-top: 50px;

  }

}

.event-single .outer-box .list-box .image {

  border-radius: 11px;

  overflow: hidden;

  -ms-flex-negative: 0;

      flex-shrink: 0;

}

.event-single .outer-box .list-box .event-single-list {

  position: relative;

  padding-left: 30px;

}

@media (max-width: 1199.98px) {

  .event-single .outer-box .list-box .event-single-list {

    padding-left: 20px;

  }

}

.rtl .event-single .outer-box .list-box .event-single-list {

  padding-right: 30px;

  padding-left: 0;

}

@media (max-width: 1199.98px) {

  .rtl .event-single .outer-box .list-box .event-single-list {

    padding-right: 20px;

  }

}

.event-single .outer-box .list-box .event-single-list li {

  position: relative;

  list-style: disc;

  font-size: 20px;

  font-weight: 700;

  line-height: 40px;

  color: var(--theme-color-dark);

}

@media (max-width: 1399.98px) {

  .event-single .outer-box .list-box .event-single-list li {

    font-size: 17px;

  }

}

@media (max-width: 991.98px) {

  .event-single .outer-box .list-box .event-single-list li {

    font-size: 16px;

    line-height: 1.3em;

    margin: 18px 0;

  }

}

.dark-layout .event-single .outer-box .list-box .event-single-list li {

  color: var(--theme-color-light);

}

.event-single .outer-box .images-box {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  margin-bottom: 80px;

  gap: 10px;

}

@media (max-width: 575.98px) {

  .event-single .outer-box .images-box {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    margin-bottom: 50px;

  }

}

.event-single .outer-box .images-box .image-outer {

  position: relative;

}

.event-single .outer-box .images-box .image-outer .icon-twentyfive {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

}

.rtl .event-single .outer-box .images-box .image-outer .icon-twentyfive {

  left: auto;

  right: 0;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.dark-layout .event-single .outer-box .images-box .image-outer .icon-twentyfive {

  display: none;

}

.event-single .outer-box .images-box .image-outer .icon-twentysix {

  position: absolute;

  bottom: 0;

  right: 0;

  z-index: 1;

}

.rtl .event-single .outer-box .images-box .image-outer .icon-twentysix {

  left: 0;

  right: auto;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.dark-layout .event-single .outer-box .images-box .image-outer .icon-twentysix {

  display: none;

}

.event-single .outer-box .images-box .image {

  border-radius: 30px;

  overflow: hidden;

  margin-bottom: 0;

}

.event-single .outer-box .title-box {

  position: relative;

}

.event-single .outer-box .title-box .title {

  font-size: 48px;

}

@media (max-width: 991.98px) {

  .event-single .outer-box .title-box .title {

    font-size: 36px;

  }

}

@media (max-width: 575.98px) {

  .event-single .outer-box .title-box .title {

    font-size: 28px;

  }

}

.event-single .outer-box .title-box .text {

  margin-bottom: 20px;

}

.event-single .outer-box .video-box {

  position: relative;

  margin-bottom: 80px;

  z-index: 1;

}

@media (max-width: 575.98px) {

  .event-single .outer-box .video-box {

    padding-bottom: 100px;

    margin-bottom: 50px;

  }

}

.event-single .outer-box .video-box .icon-ten {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 2;

}

@media (max-width: 767.98px) {

  .event-single .outer-box .video-box .icon-ten {

    display: none;

  }

}

.rtl .event-single .outer-box .video-box .icon-ten {

  left: auto;

  right: 0;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.dark-layout .event-single .outer-box .video-box .icon-ten {

  display: none;

}

.event-single .outer-box .video-box .icon-eleven {

  position: absolute;

  bottom: 0;

  right: 0;

  z-index: 2;

}

@media (max-width: 767.98px) {

  .event-single .outer-box .video-box .icon-eleven {

    display: none;

  }

}

.rtl .event-single .outer-box .video-box .icon-eleven {

  right: auto;

  left: 0;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.dark-layout .event-single .outer-box .video-box .icon-eleven {

  display: none;

}

.event-single .outer-box .video-box .bg-image {

  border-radius: 72px;

  overflow: hidden;

}

@media (max-width: 575.98px) {

  .event-single .outer-box .video-box .bg-image {

    border-radius: 10px;

  }

}

.event-single .outer-box .video-box .bg-image:before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  background-image: url(../images/icons/pattern-3.png);

}

.event-single .outer-box .video-box .btn-box {

  position: absolute;

  top: 83px;

  right: 84px;

  z-index: 3;

}

@media (max-width: 767.98px) {

  .event-single .outer-box .video-box .btn-box {

    top: 50px;

    right: 50px;

  }

}

.rtl .event-single .outer-box .video-box .btn-box {

  left: 84px;

  right: auto;

}

@media (max-width: 767.98px) {

  .rtl .event-single .outer-box .video-box .btn-box {

    left: 50px;

  }

}

.event-single .outer-box .video-box .btn-box.show-sm {

  display: none;

}

@media (max-width: 575.98px) {

  .event-single .outer-box .video-box .btn-box.show-sm {

    display: block;

    position: relative;

    top: 0;

    right: 0;

    text-align: center;

  }

}

.event-single .outer-box .video-box .btn-box.hide-sm {

  display: block;

}

@media (max-width: 575.98px) {

  .event-single .outer-box .video-box .btn-box.hide-sm {

    display: none;

  }

}

.event-single .outer-box .video-box .btn-box .play-now {

  position: relative;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.event-single .outer-box .video-box .btn-box .play-now:hover {

  -webkit-transform: scale(1.1);

          transform: scale(1.1);

}

@media (max-width: 575.98px) {

  .event-single .outer-box .video-box .btn-box .play-now .icon-video {

    margin: 0 auto;

  }

}

.event-single .outer-box .video-box .btn-box .play-now .ripple,

.event-single .outer-box .video-box .btn-box .play-now .ripple:before,

.event-single .outer-box .video-box .btn-box .play-now .ripple:after {

  width: 123px;

  height: 123px;

}

.event-single .outer-box .video-box .content-box {

  position: relative;

  padding: 390px 100px 85px;

}

@media (max-width: 1199.98px) {

  .event-single .outer-box .video-box .content-box {

    padding: 350px 50px 70px;

  }

}

@media (max-width: 575.98px) {

  .event-single .outer-box .video-box .content-box {

    padding: 100px 20px 50px;

    text-align: center;

  }

}

.event-single .outer-box .video-box .content-box .sub-title {

  font-weight: 500;

  color: var(--theme-color-light);

}

@media (max-width: 575.98px) {

  .event-single .outer-box .video-box .content-box .sub-title {

    font-size: 16px;

  }

}

.event-single .outer-box .video-box .content-box .title {

  color: var(--theme-color-light);

  margin-bottom: 0;

}

@media (max-width: 1199.98px) {

  .event-single .outer-box .video-box .content-box .title {

    font-size: 56px;

  }

}

@media (max-width: 991.98px) {

  .event-single .outer-box .video-box .content-box .title {

    font-size: 50px;

  }

}

@media (max-width: 767.98px) {

  .event-single .outer-box .video-box .content-box .title {

    font-size: 40px;

  }

}

@media (max-width: 575.98px) {

  .event-single .outer-box .video-box .content-box .title {

    font-size: 36px;

  }

}



.event-single-block .inner-box .image-box {

  position: relative;

}

.event-single-block .inner-box .image-box .image-outer {

  position: relative;

}

.event-single-block .inner-box .image-box .image-outer .icon-twentytwo {

  position: absolute;

  top: 0;

  left: 0;

}

.rtl .event-single-block .inner-box .image-box .image-outer .icon-twentytwo {

  left: auto;

  right: 0;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.dark-layout .event-single-block .inner-box .image-box .image-outer .icon-twentytwo {

  display: none;

}

.event-single-block .inner-box .image-box .image-outer .icon-twentythree {

  position: absolute;

  right: 0;

  bottom: -1px;

}

.rtl .event-single-block .inner-box .image-box .image-outer .icon-twentythree {

  right: auto;

  left: 0;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.dark-layout .event-single-block .inner-box .image-box .image-outer .icon-twentythree {

  display: none;

}

.event-single-block .inner-box .image-box .image-outer .image {

  border-radius: 30px;

  overflow: hidden;

  margin-bottom: 0;

}

.event-single-block .inner-box .image-box .image-outer .thumb-box {

  position: relative;

}

.event-single-block .inner-box .image-box .image-outer .thumb-box .thumb {

  position: absolute;

  bottom: -50px;

  right: 195px;

}

@media (max-width: 1199.98px) {

  .event-single-block .inner-box .image-box .image-outer .thumb-box .thumb {

    right: 120px;

  }

}

@media (max-width: 991.98px) {

  .event-single-block .inner-box .image-box .image-outer .thumb-box .thumb {

    display: none;

  }

}

.rtl .event-single-block .inner-box .image-box .image-outer .thumb-box .thumb {

  right: auto;

  left: 195px;

}

.event-single-block .inner-box .image-box .image-outer .thumb-box .thumb img {

  position: relative;

  border-radius: 50%;

  border: 2px solid var(--theme-color-light);

  z-index: 2;

}

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

  .event-single-block .inner-box .image-box .image-outer .thumb-box .thumb {

    display: none;

  }

}

.event-single-block .inner-box .image-box .image-outer .thumb-box .thumb:before {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 142px;

  height: 142px;

  border-radius: 50%;

  background-color: #D9D9D9;

  z-index: 1;

}

.event-single-block .inner-box .content {

  position: relative;

  padding-top: 15px;

}

.event-single-block .inner-box .content .location-box {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 18px;

  margin-bottom: 20px;

}

@media (max-width: 991.98px) {

  .event-single-block .inner-box .content .location-box {

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

  }

}

@media (max-width: 767.98px) {

  .event-single-block .inner-box .content .location-box {

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    gap: 8px;

  }

}

.event-single-block .inner-box .content .location-box li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  font-weight: 600;

  gap: 10px;

}

.event-single-block .inner-box .content .location-box li span {

  font-size: 14px;

  color: var(--theme-color-dark);

}

.dark-layout .event-single-block .inner-box .content .location-box li span {

  color: var(--theme-color-light);

}

.event-single-block .inner-box .content .location-box li.date {

  color: var(--theme-color-dark);

  font-weight: 700;

}

.dark-layout .event-single-block .inner-box .content .location-box li.date {

  color: var(--theme-color-light);

}

.event-single-block .inner-box .content .location-box .icon {

  position: relative;

  color: var(--theme-color4);

}

@media (max-width: 1199.98px) {

  .event-single-block .inner-box .content .title {

    font-size: 52px;

  }

}

@media (max-width: 991.98px) {

  .event-single-block .inner-box .content .title {

    font-size: 42px;

  }

}

@media (max-width: 767.98px) {

  .event-single-block .inner-box .content .title {

    font-size: 32px;

  }

}



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

    Comming Soon CSS

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

.comming-soon {

  position: relative;

  padding: 120px 0;

}

.comming-soon .content {

  position: relative;

  text-align: center;

}

.comming-soon .content .logo-box .logo {

  position: relative;

  margin-bottom: 150px;

}

@media (max-width: 575.98px) {

  .comming-soon .content .logo-box .logo {

    margin-bottom: 60px;

  }

}

.comming-soon .content .logo-box .logo img {

  max-width: 300px;

  width: 100%;

}

.comming-soon .content .logo-box .logo.light {

  display: block;

}

.dark-layout .comming-soon .content .logo-box .logo.light {

  display: none;

}

.comming-soon .content .logo-box .logo.dark {

  display: none;

}

.dark-layout .comming-soon .content .logo-box .logo.dark {

  display: block;

}

.comming-soon .content .time-countdown {

  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;

  gap: 20px;

  margin-bottom: 150px;

  z-index: 1;

}

@media (max-width: 1199.98px) {

  .comming-soon .content .time-countdown {

    margin-bottom: 100px;

  }

}

@media (max-width: 991.98px) {

  .comming-soon .content .time-countdown {

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

  }

}

@media (max-width: 575.98px) {

  .comming-soon .content .time-countdown {

    margin-bottom: 60px;

  }

}

@media (max-width: 575.98px) {

  .comming-soon .content .time-countdown .separator {

    display: none;

  }

}

.comming-soon .content .time-countdown .counter-column {

  position: relative;

  padding: 10px;

  width: 200px;

  height: 200px;

  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;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  border-radius: 10px;

  background-color: #F5F5F5;

}

@media (max-width: 575.98px) {

  .comming-soon .content .time-countdown .counter-column {

    width: 120px;

    height: 120px;

  }

}

.comming-soon .content .time-countdown .counter-column .count {

  position: relative;

  display: block;

  font-size: 80px;

  font-weight: 400;

  line-height: 1em;

  color: var(--theme-color-dark);

  font-family: var(--title-font);

  margin-bottom: 0;

}

@media (max-width: 575.98px) {

  .comming-soon .content .time-countdown .counter-column .count {

    font-size: 50px;

  }

}

.comming-soon .content .time-countdown .counter-column sub {

  position: relative;

  color: var(--theme-color-dark);

  font-family: var(--text-font);

  font-size: 20px;

  line-height: 1.2em;

  z-index: 1;

}

@media (max-width: 575.98px) {

  .comming-soon .content .time-countdown .counter-column sub {

    font-size: 18px;

  }

}

.comming-soon .content .title-box {

  position: relative;

  margin-bottom: 40px;

}

@media (max-width: 575.98px) {

  .comming-soon .content .title-box {

    margin-bottom: 30px;

  }

}

.comming-soon .content .title-box .title {

  position: relative;

  font-size: 48px;

  font-weight: 400;

  margin-bottom: 20px;

}

@media (max-width: 767.98px) {

  .comming-soon .content .title-box .title {

    font-size: 38px;

  }

}

@media (max-width: 575.98px) {

  .comming-soon .content .title-box .title {

    font-size: 28px;

  }

}

.comming-soon .content .title-box .text {

  position: relative;

  font-size: 24px;

  line-height: 42px;

}

@media (max-width: 767.98px) {

  .comming-soon .content .title-box .text {

    font-size: 20px;

  }

}

@media (max-width: 575.98px) {

  .comming-soon .content .title-box .text {

    font-size: 18px;

    line-height: 30px;

  }

}



.emailed-form {

  position: relative;

}

.emailed-form .form-group {

  position: relative;

  width: 580px;

  margin: 0 auto;

}

@media (max-width: 767.98px) {

  .emailed-form .form-group {

    width: 100%;

  }

}

.emailed-form .select2-container--default .select2-selection--single,

.emailed-form input:not([type=submit]),

.emailed-form textarea,

.emailed-form select {

  position: relative;

  display: block;

  height: 60px;

  width: 100%;

  padding: 24px 34px;

  font-size: 16px;

  font-weight: 400;

  border-radius: 50px;

  color: #666666;

  border: 1px solid #666666;

  background-color: var(--theme-color-light);

  margin-bottom: 0;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

@media (max-width: 575.98px) {

  .emailed-form .select2-container--default .select2-selection--single,

  .emailed-form input:not([type=submit]),

  .emailed-form textarea,

  .emailed-form select {

    padding: 10px 20px;

  }

}

.emailed-form ::-webkit-input-placeholder {

  color: #666666;

}

.emailed-form input:focus,

.emailed-form select:focus,

.emailed-form textarea:focus {

  border-color: var(--theme-color4);

}

.emailed-form button {

  position: absolute;

  top: 5px;

  right: 5px;

  width: 50px;

  height: 50px;

  border-radius: 50%;

  color: var(--theme-color-light);

  background-color: var(--theme-color4);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.rtl .emailed-form button {

  right: auto;

  left: 5px;

}



.clock-wrapper {

  position: absolute;

  top: 45%;

  right: 0;

  left: 0;

  width: 250px;

  height: 250px;

  margin: auto;

  margin-top: -145px;

  border-radius: 50%;

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

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

  border: 1px solid #cccccc;

  background-color: var(--theme-color-light);

  -webkit-transform: scale(1.6);

          transform: scale(1.6);

}

@media (max-width: 575.98px) {

  .clock-wrapper {

    margin-top: -140px;

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

}



.clock-base {

  width: 250px;

  height: 250px;

  border-radius: 50%;

}



.click-indicator {

  position: absolute;

  z-index: 1;

  top: 10px;

  left: 10px;

  width: 230px;

  height: 230px;

}

.click-indicator div {

  position: absolute;

  width: 2px;

  height: 4px;

  margin: 113px 114px;

}

.click-indicator div > span {

  height: 5px;

  width: 5px;

  background-color: #353535;

  display: inline-block;

  border-radius: 50%;

  margin-left: -1px;

  margin-top: -1px;

}

.click-indicator div:nth-child(1) {

  -webkit-transform: rotate(30deg) translateY(-120px);

          transform: rotate(30deg) translateY(-120px);

}

.click-indicator div:nth-child(2) {

  -webkit-transform: rotate(60deg) translateY(-120px);

          transform: rotate(60deg) translateY(-120px);

}

.click-indicator div:nth-child(3) {

  -webkit-transform: rotate(90deg) translateY(-120px);

          transform: rotate(90deg) translateY(-120px);

  background-color: #F00;

}

.click-indicator div:nth-child(4) {

  -webkit-transform: rotate(120deg) translateY(-120px);

          transform: rotate(120deg) translateY(-120px);

}

.click-indicator div:nth-child(5) {

  -webkit-transform: rotate(150deg) translateY(-120px);

          transform: rotate(150deg) translateY(-120px);

}

.click-indicator div:nth-child(6) {

  -webkit-transform: rotate(180deg) translateY(-120px);

          transform: rotate(180deg) translateY(-120px);

  background-color: #F00;

}

.click-indicator div:nth-child(7) {

  -webkit-transform: rotate(210deg) translateY(-120px);

          transform: rotate(210deg) translateY(-120px);

}

.click-indicator div:nth-child(8) {

  -webkit-transform: rotate(240deg) translateY(-120px);

          transform: rotate(240deg) translateY(-120px);

}

.click-indicator div:nth-child(9) {

  -webkit-transform: rotate(270deg) translateY(-120px);

          transform: rotate(270deg) translateY(-120px);

  background-color: #F00;

}

.click-indicator div:nth-child(10) {

  -webkit-transform: rotate(300deg) translateY(-120px);

          transform: rotate(300deg) translateY(-120px);

}

.click-indicator div:nth-child(11) {

  -webkit-transform: rotate(330deg) translateY(-120px);

          transform: rotate(330deg) translateY(-120px);

}

.click-indicator div:nth-child(12) {

  -webkit-transform: rotate(360deg) translateY(-120px);

          transform: rotate(360deg) translateY(-120px);

  background-color: #F00;

}



.clock-hour {

  position: absolute;

  z-index: 2;

  top: 75px;

  left: 123px;

  width: 4px;

  height: 65px;

  background-color: #555;

  border-radius: 2px;

  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);

          box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);

  -webkit-transform-origin: 2px 50px;

          transform-origin: 2px 50px;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  -webkit-animation: rotate-hour 43200s linear infinite;

  -moz-animation: rotate-hour 43200s linear infinite;

}



.clock-minute {

  position: absolute;

  z-index: 3;

  top: 55px;

  left: 123px;

  width: 4px;

  height: 85px;

  background-color: #555;

  border-radius: 2px;

  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);

          box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);

  -webkit-transform-origin: 2px 70px;

          transform-origin: 2px 70px;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  -webkit-animation: rotate-minute 3600s linear infinite;

  -moz-animation: rotate-minute 3600s linear infinite;

}



.clock-second {

  position: absolute;

  z-index: 4;

  top: 15px;

  left: 124px;

  width: 2px;

  height: 130px;

  background-color: #a00;

  border-radius: 2px;

  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);

          box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);

  -webkit-transform-origin: 1px 110px;

          transform-origin: 1px 110px;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  -webkit-animation: rotate-second 60s linear infinite;

  -moz-animation: rotate-second 60s linear infinite;

  opacity: 0.5;

}

.clock-second:after {

  content: "";

  display: block;

  position: absolute;

  left: -3px;

  bottom: 16px;

  width: 8px;

  height: 8px;

  background-color: #a00;

  border: solid 2px #a00;

  border-radius: 50%;

  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);

          box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);

}



.clock-center {

  position: absolute;

  z-index: 1;

  width: 150px;

  height: 150px;

  top: 50px;

  left: 50px;

  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);

          box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);

  border-radius: 50%;

}

.clock-center:after {

  content: "";

  display: block;

  width: 20px;

  height: 20px;

  margin: 65px;

  background-color: #ddd;

  border-radius: 50%;

}



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

    Shop Section CSS

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

.shop-section {

  position: relative;

  padding: 120px 0;

}

@media (max-width: 575.98px) {

  .shop-section .content-column {

    margin-bottom: 50px;

  }

}

.shop-section .items-sorting {

  position: relative;

  margin-bottom: 20px;

}

.shop-section .items-sorting .results-column {

  margin-bottom: 20px;

}

.shop-section .items-sorting .results-column h6 {

  position: relative;

  font-weight: 400;

  padding: 13px 0px;

}

.shop-section .items-sorting .select-column {

  margin-bottom: 20px;

}

.shop-section .items-sorting .form-group {

  margin-bottom: 0px;

}

.shop-section .items-sorting select {

  position: relative;

  display: block;

  width: 100%;

  line-height: 24px;

  padding: 9px 20px 9px;

  height: 50px;

  font-size: 14px;

  border: 1px solid #eeeeee;

  cursor: pointer;

  -moz-appearance: none;

  -webkit-appearance: none;

  -ms-appearance: none;

  -o-appearance: none;

  background: url(../images/icons/icon-select.png) right center no-repeat;

  color: var(--text-color);

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}

.shop-section .items-sorting select option {

  text-indent: 15px;

}



.shop-item {

  position: relative;

  margin-bottom: 40px;

}

.shop-item .inner-box {

  position: relative;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.shop-item .inner-box:hover .image .overlay-box {

  opacity: 1;

}

.shop-item .inner-box:hover .image .overlay-box:before {

  -webkit-transform: rotateX(0deg) scale(1, 1);

          transform: rotateX(0deg) scale(1, 1);

  opacity: 0.5;

  visibility: visible;

}

.shop-item .inner-box .image {

  position: relative;

  z-index: 11;

  text-align: center;

  background-color: var(--theme-color-light);

}

.shop-item .inner-box .image .sale {

  position: absolute;

  left: 20px;

  top: 20px;

  font-size: 11px;

  font-weight: 700;

  color: var(--theme-color-light);

  z-index: 12;

  padding: 5px 8px;

  line-height: 1em;

  text-transform: uppercase;

  background-color: var(--theme-color3);

}

.shop-item .inner-box .image .overlay-box {

  position: absolute;

  content: "";

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  opacity: 0;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.shop-item .inner-box .image .overlay-box:before {

  position: absolute;

  content: "";

  left: 0px;

  top: 0px;

  right: 0px;

  bottom: 0px;

  display: block;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 900ms ease;

  transition: all 900ms ease;

  background-color: var(--theme-color-dark);

  -webkit-transform: rotateX(-360deg) scale(0.5, 0.5);

          transform: rotateX(-360deg) scale(0.5, 0.5);

}

.shop-item .inner-box .image .overlay-box .cart-option li {

  position: relative;

}

.shop-item .inner-box .image .overlay-box .cart-option li:first-child {

  position: absolute;

  right: 15px;

  top: 15px;

}

.shop-item .inner-box .image .overlay-box .cart-option li:last-child {

  position: absolute;

  left: 15px;

  bottom: 15px;

}

.shop-item .inner-box .image .overlay-box .cart-option li a {

  position: relative;

  width: 40px;

  height: 40px;

  color: var(--theme-color-light);

  font-size: 18px;

  display: block;

  line-height: 40px;

  background-color: var(--theme-color3);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.shop-item .inner-box .image .overlay-box .cart-option li a:hover {

  background-color: var(--theme-color3);

  color: var(--theme-color-light);

}

.shop-item .inner-box .image img {

  width: 100%;

  display: inline-block;

}

.shop-item .inner-box .lower-content {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  padding: 30px 0px 0px;

  z-index: 3;

}

.shop-item .inner-box .lower-content .title {

  position: relative;

  margin-bottom: 0;

}

.shop-item .inner-box .lower-content .title a:hover {

  color: var(--theme-color3);

}

.shop-item .inner-box .lower-content .price {

  position: relative;

}

.shop-item .inner-box .lower-content .price li {

  position: relative;

  color: var(--theme-color-dark);

  display: inline-block;

}

.dark-layout .shop-item .inner-box .lower-content .price li {

  color: var(--theme-color-light);

}

.shop-item .inner-box .lower-content .price li.discount {

  position: relative;

  color: var(--theme-color-dark);

  margin-right: 8px;

  text-decoration: line-through;

}

.dark-layout .shop-item .inner-box .lower-content .price li.discount {

  color: var(--theme-color-light);

}



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

    Shop Single CSS

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

.shop-single-section {

  position: relative;

  padding: 120px 0;

}



.cart-section input.quantity-spinner {

  line-height: 24px;

  padding: 10px 15px !important;

  height: 54px !important;

  -webkit-box-shadow: none !important;

          box-shadow: none !important;

}

.cart-section .bootstrap-touchspin .input-group-btn-vertical > .btn {

  padding: 13px 10px;

  background: #f4f5f6;

}

.cart-section .bootstrap-touchspin .input-group-btn-vertical i {

  top: 1px;

}



.product-details .basic-details {

  position: relative;

  margin-bottom: 20px;

}

.product-details .basic-details .details-header {

  position: relative;

  margin-bottom: 0px;

}

.product-details .basic-details .details-header h2 {

  margin-bottom: 8px;

}

@media (max-width: 575.98px) {

  .product-details .basic-details .details-header h2 {

    font-size: 36px;

  }

}

.product-details .basic-details .details-header h2 a {

  color: var(--theme-color-dark);

}

.product-details .basic-details .details-header .rating {

  font-size: 16px;

  margin-bottom: 25px;

  display: inline-block;

}

.product-details .basic-details .details-header .rating span {

  color: var(--theme-color3);

}

.product-details .basic-details .details-header .rating .fa {

  display: inline-block;

  margin-right: 1px;

}

.product-details .basic-details .details-header .rating .fa.light {

  color: var(--theme-color-light);

}

.product-details .basic-details .details-header .item-price {

  position: relative;

  font-size: 24px;

  font-weight: 400;

  color: var(--theme-color-dark);

  line-height: 24px;

  letter-spacing: 1px;

  margin-bottom: 20px;

}

.dark-layout .product-details .basic-details .details-header .item-price {

  color: var(--theme-color-light);

}

.product-details .basic-details .text {

  position: relative;

  font-size: 14px;

  line-height: 1.9em;

  margin-bottom: 30px;

}

.dark-layout .product-details .basic-details .text {

  color: var(--theme-color-light);

}

.product-details .basic-details .availablity {

  position: relative;

  float: left;

  padding-right: 40px;

  line-height: 32px;

  margin-bottom: 27px;

  font-size: 13px;

  font-weight: 500;

  letter-spacing: 1px;

  color: var(--theme-color-light);

}

.product-details .basic-details .availablity strong {

  font-size: 14px;

  letter-spacing: 2px;

  color: var(--theme-color-light);

  font-weight: 600;

  text-transform: uppercase;

}

.product-details .basic-details .other-options {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  gap: 20px;

}

.product-details .basic-details .item-quantity {

  position: relative;

  width: 120px;

}

.product-details .basic-details .btns-box {

  position: relative;

}

.product-details .basic-details .quantity-spinner {

  line-height: 24px;

  width: 120px;

  padding: 10px 15px !important;

  height: 54px !important;

  -webkit-box-shadow: none !important;

          box-shadow: none !important;

}

.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn {

  padding: 13px 10px;

  background: #f4f5f6;

}

.product-details .image-column {

  margin-bottom: 50px;

}

.product-details .image-column .image-carousel {

  background-color: var(--theme-color-light);

  border-radius: 4px;

}

@media (max-width: 575.98px) {

  .product-details .image-column {

    margin-bottom: 30px;

  }

}

.product-details .image-column .image-box img {

  position: relative;

  display: block;

  width: 100%;

}

.product-details .image-column .thumbs-carousel {

  margin-top: 20px;

}

.product-details .image-column .thumbs-carousel li {

  background-color: var(--theme-color-light);

  text-align: center;

  padding: 0px 0px;

  cursor: pointer;

}

.product-details .image-column .thumbs-carousel li img {

  width: 100%;

  display: inline-block;

}

.product-details .shop-list {

  position: relative;

  margin-top: 20px;

}

.product-details .shop-list li {

  position: relative;

  font-size: 14px;

  margin-bottom: 10px;

}

.product-details .shop-list li strong {

  color: #222222;

  font-size: 16px;

  margin-right: 5px;

  text-transform: uppercase;

}

.dark-layout .product-details .shop-list li strong {

  color: var(--theme-color-light);

}

.product-details .shop-list li a {

  position: relative;

  color: var(--theme-color3);

  font-size: 14px;

  font-weight: 700;

  margin-top: 0px;

  display: inline-block;

  text-transform: uppercase;

}

.product-details .info-column {

  margin-bottom: 50px;

}

.product-details .bootstrap-touchspin .input-group-btn-vertical i {

  top: 1px;

}



/*Add Review*/

.shop-page .prod-tabs {

  position: relative;

}

.shop-page .prod-tabs .tab-btns {

  position: relative;

  text-align: center;

  margin-bottom: 40px;

}

.shop-page .prod-tabs .tab-btns .tab-btn {

  position: relative;

  display: block;

  margin-right: 8px;

  font-size: 16px;

  background: none;

  color: var(--theme-color-dark);

  border: 1px solid #cccccc;

  text-transform: capitalize;

  font-weight: 400;

  line-height: 24px;

  cursor: pointer;

  border-radius: 5px;

  margin-bottom: 12px;

  display: inline-block;

  padding: 12px 40px 10px;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}

.shop-page .prod-tabs .tab-btns .tab-btn:hover {

  color: var(--theme-color-light);

  background: var(--theme-color3);

  border-color: var(--theme-color3);

}

.dark-layout .shop-page .prod-tabs .tab-btns .tab-btn {

  color: var(--theme-color-light);

}

@media (max-width: 575.98px) {

  .shop-page .prod-tabs .tab-btns .tab-btn {

    width: 100%;

  }

}

.shop-page .prod-tabs .tab-btns .tab-btn.active-btn {

  color: var(--theme-color-light);

  background: var(--theme-color3);

  border-color: var(--theme-color3);

}

.shop-page .prod-tabs .tabs-content {

  position: relative;

}

.shop-page .prod-tabs .tabs-content .tab {

  position: relative;

  display: none;

}

.shop-page .prod-tabs .tabs-content .tab p {

  font-size: 14px;

  line-height: 2em;

  color: var(--text-color);

  margin-bottom: 20px;

}

.dark-layout .shop-page .prod-tabs .tabs-content .tab p {

  color: var(--theme-color-light);

}

.shop-page .prod-tabs .tabs-content .tab p:last-child {

  margin-bottom: 0px;

}

.shop-page .prod-tabs .tabs-content .tab h3 {

  margin-bottom: 15px;

}

.shop-page .prod-tabs .tabs-content .tab h4 {

  margin-bottom: 15px;

  font-size: 16px;

  font-weight: 700;

  text-transform: uppercase;

}

.shop-page .prod-tabs .tabs-content .tab h5 {

  margin-bottom: 15px;

}

.shop-page .prod-tabs .tabs-content .tab h6 {

  margin-bottom: 15px;

}

.shop-page .prod-tabs .tabs-content .tab.active-tab {

  display: block;

}

.shop-page .prod-tabs .reviews-container {

  position: relative;

  padding-bottom: 1px;

}

.shop-page .prod-tabs .reviews-container .review-box {

  position: relative;

  margin-bottom: 30px;

  padding-left: 120px;

  min-height: 130px;

  padding-bottom: 30px;

  border-bottom: 1px solid #f0f0f0;

}

.shop-page .prod-tabs .reviews-container .review-box:last-child {

  margin-bottom: 0px;

  padding-bottom: 0px;

  border: none;

}

@media (max-width: 575.98px) {

  .shop-page .prod-tabs .reviews-container .review-box {

    padding-left: 0;

  }

}

.rtl .shop-page .prod-tabs .reviews-container .review-box {

  padding-left: 0;

  padding-right: 120px;

}

@media (max-width: 575.98px) {

  .rtl .shop-page .prod-tabs .reviews-container .review-box {

    padding-right: 0;

  }

}

.shop-page .prod-tabs .reviews-container .rev-thumb {

  position: absolute;

  left: 0px;

  top: 5px;

  width: 100px;

  height: 100px;

  background: #ffffff;

  border-radius: 3px;

  margin-bottom: 20px;

}

@media (max-width: 575.98px) {

  .shop-page .prod-tabs .reviews-container .rev-thumb {

    position: relative;

    top: 0;

  }

}

.rtl .shop-page .prod-tabs .reviews-container .rev-thumb {

  left: auto;

  right: 0;

}

.shop-page .prod-tabs .reviews-container .rev-thumb img {

  display: block;

  width: 100%;

  border-radius: 3px;

}

.shop-page .prod-tabs .reviews-container .rev-content {

  position: relative;

}

.shop-page .prod-tabs .reviews-container .rev-header {

  position: relative;

}

.shop-page .prod-tabs .reviews-container .rev-header h4 {

  float: left;

  text-transform: uppercase;

  margin-bottom: 10px;

}

@media (max-width: 575.98px) {

  .shop-page .prod-tabs .reviews-container .rev-header h4 {

    margin-right: 10px;

    float: none;

    margin-bottom: 0;

  }

}

.rtl .shop-page .prod-tabs .reviews-container .rev-header h4 {

  float: right;

}

@media (max-width: 575.98px) {

  .rtl .shop-page .prod-tabs .reviews-container .rev-header h4 {

    float: none;

  }

}

.shop-page .prod-tabs .reviews-container .rev-header .rating {

  position: relative;

  float: left;

  margin-left: 40px;

  color: var(--theme-color3);

  line-height: 30px;

  font-size: 14px;

  margin-bottom: 10px;

}

.rtl .shop-page .prod-tabs .reviews-container .rev-header .rating {

  float: right;

  margin-left: 0;

  margin-right: 40px;

}

@media (max-width: 575.98px) {

  .rtl .shop-page .prod-tabs .reviews-container .rev-header .rating {

    float: none;

    margin-right: 0;

  }

}

.shop-page .prod-tabs .reviews-container .rev-header .rating .fa {

  margin-right: 3px;

}

@media (max-width: 575.98px) {

  .shop-page .prod-tabs .reviews-container .rev-header .rating {

    float: none;

    margin-left: 0;

    margin-bottom: 0;

  }

}

.shop-page .prod-tabs .reviews-container .rev-header .time {

  position: relative;

  float: right;

  color: var(--theme-color-dark);

  line-height: 30px;

  font-size: 14px;

}

@media (max-width: 575.98px) {

  .shop-page .prod-tabs .reviews-container .rev-header .time {

    float: left;

  }

}

.dark-layout .shop-page .prod-tabs .reviews-container .rev-header .time {

  color: var(--theme-color-light);

}

.rtl .shop-page .prod-tabs .reviews-container .rev-header .time {

  float: left;

}

@media (max-width: 575.98px) {

  .rtl .shop-page .prod-tabs .reviews-container .rev-header .time {

    float: right;

  }

}

.shop-page .prod-tabs .reviews-container .rev-option {

  font-size: 14px;

  color: var(--theme-color-dark);

}

.dark-layout .shop-page .prod-tabs .reviews-container .rev-option {

  color: var(--theme-color-light);

}

.shop-page .prod-tabs .reviews-container .rev-option a {

  font-size: 14px;

  text-transform: uppercase;

  font-weight: 700;

}

.shop-page .prod-tabs .reviews-container .rev-text {

  font-size: 14px;

  color: var(--theme-color-dark);

  line-height: 1.8em;

  margin-bottom: 15px;

}

.dark-layout .shop-page .prod-tabs .reviews-container .rev-text {

  color: var(--theme-color-light);

}

.shop-page .prod-tabs .add-review {

  position: relative;

  margin: 30px 0px 0;

  font-size: 14px;

}

.shop-page .prod-tabs .add-review h2 {

  color: var(--theme-color-dark);

}

.shop-page .prod-tabs .add-review .rating {

  position: relative;

  padding-top: 8px;

}

.shop-page .prod-tabs .add-review .rating .rate-box {

  position: relative;

  display: inline-block;

  margin-right: 10px;

  font-size: 14px;

  color: var(--theme-color-dark);

}

.rtl .shop-page .prod-tabs .add-review .rating .rate-box {

  margin-right: 0;

  margin-left: 10px;

}

.shop-page .prod-tabs .add-review .rating .rate-box:hover {

  color: var(--theme-color3);

}

.shop-page .prod-tabs .add-review .rating .rate-box:focus {

  color: var(--theme-color3);

}

.shop-page .prod-tabs .add-review .rating .rate-box:active {

  color: var(--theme-color3);

}

.shop-page .prod-tabs .add-review label {

  position: relative;

  display: block;

  font-size: 14px;

  margin-bottom: 5px;

  font-weight: 400;

  color: var(--theme-color-dark);

}

.dark-layout .shop-page .prod-tabs .add-review label {

  color: var(--theme-color-light);

}

.shop-page .prod-tabs .add-review h3 {

  margin-bottom: 20px;

}

.shop-page .prod-tabs .add-review .form-group {

  position: relative;

  margin-bottom: 20px;

}

.shop-page .prod-tabs .add-review .form-group:last-child {

  margin-bottom: 0;

}

.shop-page .prod-tabs .add-review .form-group input[type=text],

.shop-page .prod-tabs .add-review .form-group input[type=email],

.shop-page .prod-tabs .add-review .form-group textarea,

.shop-page .prod-tabs .add-review .form-group select {

  position: relative;

  display: block;

  height: 60px;

  width: 100%;

  font-size: 15px;

  color: #666666;

  line-height: 23px;

  border-radius: 30px;

  font-weight: 400;

  padding: 24px 32px;

  background-color: var(--theme-color-light);

  border: 1px solid #DDDDDD;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.dark-layout .shop-page .prod-tabs .add-review .form-group input[type=text],

.dark-layout .shop-page .prod-tabs .add-review .form-group input[type=email],

.dark-layout .shop-page .prod-tabs .add-review .form-group textarea,

.dark-layout .shop-page .prod-tabs .add-review .form-group select {

  background-color: var(--dark-layout-color-two);

  border-color: var(--theme-color-light);

  color: var(--theme-color-light);

}

.shop-page .prod-tabs .add-review .form-group input:focus,

.shop-page .prod-tabs .add-review .form-group select:focus,

.shop-page .prod-tabs .add-review .form-group textarea:focus {

  border-color: var(--theme-color4);

}

.dark-layout .shop-page .prod-tabs .add-review .form-group input:focus,

.dark-layout .shop-page .prod-tabs .add-review .form-group select:focus,

.dark-layout .shop-page .prod-tabs .add-review .form-group textarea:focus {

  border-color: var(--theme-color4);

}

.shop-page .prod-tabs .add-review .form-group textarea {

  height: 180px;

  resize: none;

  padding: 27px 32px;

  border-radius: 30px;

}



.bootstrap-touchspin {

  width: 120px !important;

}

.bootstrap-touchspin .input-group-btn-vertical {

  position: absolute;

  top: 0;

  right: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

}

.bootstrap-touchspin .input-group-btn-vertical button {

  position: relative;

  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;

  padding: 0 !important;

  width: 27px !important;

  height: 27px !important;

  z-index: 33;

}



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

    Cart Section CSS

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

.cart-section {

  position: relative;

  padding: 120px 0;

}

.cart-section .cart-outer {

  position: relative;

}

.cart-section .table-outer {

  position: relative;

  width: 100%;

  overflow-x: auto;

}

.cart-section .cart-table {

  width: 100%;

  min-width: 900px;

  border: 1px solid #eeeeee;

}

.cart-section .cart-table tbody tr {

  border-bottom: 1px solid #eeeeee;

}

.cart-section .coupon-outer {

  position: relative;

  margin: 40px 0px 50px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

@media (max-width: 991.98px) {

  .cart-section .coupon-outer {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;

    gap: 30px;

  }

}

.cart-section .coupon-outer .cart-btn {

  font-size: 14px;

  padding: 14px 43px;

  font-weight: 400;

  cursor: pointer;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}

.cart-section .apply-coupon {

  position: relative;

}

.cart-section .apply-coupon .form-group {

  position: relative;

  float: left;

  margin-right: 20px;

}

.rtl .cart-section .apply-coupon .form-group {

  float: right;

}

.cart-section .apply-coupon .form-group .coupon-btn {

  padding: 11px 28px;

  line-height: 30px;

  cursor: pointer;

}

.cart-section .apply-coupon .form-group .coupon-btn:hover {

  background-color: var(--theme-color-dark);

  color: var(--theme-color-light);

}

.cart-section .apply-coupon .form-group input[type=text] {

  display: block;

  line-height: 26px;

  padding: 12px 0px;

  border-bottom: 2px solid var(--theme-color-dark);

  height: 54px;

  width: 230px;

  background: none;

  font-size: 14px;

}

.dark-layout .cart-section .apply-coupon .form-group input[type=text] {

  border-bottom: 2px solid var(--theme-color-light);

}

.cart-section .estimate-form {

  position: relative;

}

.cart-section .estimate-form .row {

  margin-left: -7px;

  margin-right: -7px;

}

.cart-section .estimate-form .row .form-group {

  padding: 0px 7px !important;

  margin-bottom: 30px;

}

.cart-section .sec-title {

  margin-bottom: 25px;

}

.cart-section .sec-title h2 {

  font-size: 26px;

  color: var(--theme-color-dark);

}

.cart-section .cart-note {

  position: relative;

  margin-bottom: 50px;

  padding: 16px 20px;

  text-align: center;

  border: 1px dashed #b2dd4c;

  background: #f4f4f4;

  line-height: 1.7em;

}



.cart-table .cart-header {

  position: relative;

  width: 100%;

  text-transform: uppercase;

  font-size: 16px;

  border-radius: 0px;

  background: var(--theme-color3);

  color: var(--theme-color-dark);

}

.cart-table thead tr th {

  line-height: 24px;

  padding: 20px 15px;

  min-width: 120px;

  font-weight: 700;

  color: var(--theme-color-light);

  font-size: 16px;

  text-transform: capitalize;

}

.cart-table thead tr th.prod-column {

  text-align: left;

  padding-left: 40px;

}

.cart-table tbody tr td {

  line-height: 24px;

  padding: 40px 40px 40px;

  min-width: 100px;

  vertical-align: middle;

}

.cart-table tbody tr td .quantity-spinner {

  padding: 5px 0px 5px 20px;

  line-height: 24px;

  height: 34px;

  display: block;

  width: 100%;

  position: relative;

}

.cart-table tbody tr .qty {

  width: 90px;

  padding-right: 40px;

  padding-left: 10px;

}

.cart-table tbody tr .qty .quantity-spinner {

  background: #f5f5f5;

}

.cart-table tbody tr .qty input[type=text] {

  position: relative;

  line-height: 46px;

  height: 46px;

  background: #f4f4f4;

}

.rtl .cart-table tbody tr .qty input[type=text] {

  text-align: left;

}

.cart-table tbody tr .prod-column .column-box {

  position: relative;

  min-height: 100px;

  padding-left: 130px;

  padding-top: 40px;

  text-align: left;

}

.rtl .cart-table tbody tr .prod-column .column-box {

  padding-left: 0;

  padding-right: 130px;

  text-align: right;

}

.cart-table tbody tr .prod-column .column-box .prod-thumb {

  position: absolute;

  width: 100px;

  left: 0px;

  top: 0px;

}

.rtl .cart-table tbody tr .prod-column .column-box .prod-thumb {

  left: auto;

  right: 0;

}

.cart-table tbody tr .prod-column .column-box .prod-thumb img {

  display: block;

  max-width: 100%;

}

.cart-table tbody tr .prod-column .column-box h6 {

  margin-bottom: 5px;

}

.cart-table tbody tr .sub-total {

  font-weight: 400;

  color: var(--theme-color-dark);

  font-size: 18px;

  padding-left: 20px;

}

.dark-layout .cart-table tbody tr .sub-total {

  color: var(--theme-color-light);

}

.cart-table tbody tr .remove-btn {

  position: relative;

  font-size: 18px;

  color: var(--theme-color-dark);

  display: inline-block;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.dark-layout .cart-table tbody tr .remove-btn {

  color: var(--theme-color-light);

}

.dark-layout .cart-table tbody tr .remove-btn:hover {

  color: var(--theme-color3);

}

.cart-table tbody tr .remove-btn:hover {

  color: var(--theme-color3);

}

.cart-table tbody tr td.price {

  font-size: 18px;

  font-weight: 400;

  color: var(--theme-color-dark);

  padding-left: 10px;

}

.dark-layout .cart-table tbody tr td.price {

  color: var(--theme-color-light);

}

.cart-table tbody .available-info {

  position: relative;

  padding-left: 50px;

  color: var(--theme-color-dark);

  font-size: 16px;

}

.dark-layout .cart-table tbody .available-info {

  color: var(--theme-color-light);

}

.cart-table tbody .available-info .icon {

  position: absolute;

  left: 0px;

  top: 5px;

  width: 40px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  font-size: 18px;

  color: var(--theme-color-light);

  background: #3e4494;

  border-radius: 50%;

}



.column.default-column .cart-table tbody tr .qty {

  width: 110px;

  padding-right: 20px;

}



.product-details .basic-details .item-quantity input[type=text] {

  position: relative;

  line-height: 46px;

  height: 46px;

  background: #f4f4f4;

}



.bootstrap-touchspin .input-group-btn-vertical > .btn {

  height: 24px;

  background: #e9e9e9;

}

.bootstrap-touchspin .input-group-btn-vertical i {

  left: 6px;

  top: 6px;

}



.cart-total-box {

  position: relative;

  max-width: 490px;

  margin-bottom: 40px;

  padding: 40px 40px 30px;

  background-color: var(--theme-color-light);

  -webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

          box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

}

@media (max-width: 575.98px) {

  .cart-total-box {

    padding: 20px;

  }

}

.dark-layout .cart-total-box {

  background-color: var(--dark-layout-color-two);

}

.cart-total-box h4 {

  position: relative;

  margin-bottom: 25px;

}



.totals-table {

  position: relative;

}

.totals-table li {

  position: relative;

  color: var(--theme-color-dark);

  font-weight: 500;

  font-size: 18px;

  margin-bottom: 8px;

}

.dark-layout .totals-table li {

  color: var(--theme-color-light);

}

.totals-table li .col {

  float: right;

  width: auto;

}

.totals-table li .col-title {

  font-weight: 600;

  float: left;

}

.dark-layout .totals-table li .col-title {

  color: var(--theme-color-light);

}

.totals-table li.total {

  margin-top: 25px;

  padding-top: 30px;

  border-top: 1px solid #cccccc;

}

.dark-layout .totals-table li.total {

  color: var(--theme-color-light);

}



.checkout-btn {

  color: var(--theme-color-light);

  font-size: 14px;

  font-weight: 400;

  padding: 17px 43px 14px;

  cursor: pointer;

  background-color: var(--theme-color-dark);

}



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

    Checkout Section CSS

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

.checkout-section {

  position: relative;

  padding: 120px 0;

}

.checkout-section .default-links {

  position: relative;

  margin-bottom: 40px;

}

.checkout-section .default-links li {

  margin-bottom: 15px;

  line-height: 24px;

  padding: 18px 28px;

  background: #f9f9f9;

  color: var(--text-color);

  font-size: 17px;

  font-weight: 600;

  border: 1px solid #ebebeb;

}

.checkout-section .default-links li a {

  color: var(--theme-color-dark);

  text-decoration: underline;

}

.checkout-section .payment-options li {

  position: relative;

  margin-bottom: 15px;

}

.checkout-section .payment-options li .radio-option {

  position: relative;

}

.checkout-section .payment-options li .radio-option label {

  position: relative;

  display: block;

  padding-left: 30px;

  font-weight: 600 !important;

  text-transform: capitalize;

  letter-spacing: 1px;

  color: var(--text-color);

  cursor: pointer;

  font-size: 15px;

}

.checkout-section .payment-options li .radio-option label strong {

  font-weight: 500;

  display: inline-block;

  color: var(--text-color);

  font-size: 15px;

}

.dark-layout .checkout-section .payment-options li .radio-option label strong {

  color: var(--theme-color-light);

}

.checkout-section .payment-options li .radio-option label .small-text {

  position: relative;

  display: none;

  padding: 18px 26px;

  letter-spacing: 0px;

  text-transform: none;

  font-weight: normal;

  font-size: 15px;

  border-radius: 4px;

  line-height: 20px;

  line-height: 1.8em;

  margin-top: 20px;

  margin-left: -30px;

  background-color: #ececec;

}

.checkout-section .payment-options li .radio-option label .small-text:before {

  position: absolute;

  content: "";

  left: 24px;

  top: -10px;

  border-left: 10px solid transparent;

  border-right: 10px solid transparent;

  border-bottom: 15px solid #ececec;

}

.checkout-section .payment-options li .radio-option label img {

  position: relative;

  top: -3px;

  display: inline-block;

  max-width: 100%;

  padding-left: 30px;

  position: relative;

  display: inline-block;

  max-width: 100%;

  padding-left: 30px;

}

.checkout-section .payment-options li .radio-option input[type=radio] {

  position: absolute;

  left: 0px;

  top: 3px;

}

.checkout-section .payment-options li .radio-option input[type=radio]:checked + label .small-text {

  display: block;

}

.checkout-section .payment-options li .radio-option #payment-3 {

  top: 9px;

}

.checkout-section .payment-options li .what-paypall {

  font-size: 13px;

  font-weight: 500;

  margin-left: 15px;

  color: var(--theme-color-dark);

}

.dark-layout .checkout-section .payment-options li .what-paypall {

  color: var(--theme-color-light);

}



.shop-form .billing-inner {

  position: relative;

}

.shop-form .form-group {

  position: relative;

  margin-bottom: 20px;

}

.shop-form .form-group .field-label {

  display: block;

  line-height: 24px;

  margin-bottom: 8px;

  color: var(--text-color);

  font-size: 15px;

  font-weight: 500;

  text-transform: capitalize;

}

.dark-layout .shop-form .form-group .field-label {

  color: var(--theme-color-light);

}

.shop-form .form-group .field-label sup {

  position: relative;

  top: 0px;

  color: var(--text-color);

  font-size: 16px;

}

.dark-layout .shop-form .form-group .field-label sup {

  color: var(--theme-color-light);

}

.shop-form .select2-container--default .select2-selection--single,

.shop-form input:not([type=submit]):not([type=checkbox]):not([type=radio]),

.shop-form textarea,

.shop-form select {

  position: relative;

  display: block;

  height: 60px;

  width: 100%;

  font-size: 15px;

  color: #666666;

  line-height: 23px;

  border-radius: 5px;

  font-weight: 400;

  padding: 10px 20px;

  background-color: var(--theme-color-light);

  border: 1px solid #DDDDDD;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.dark-layout .shop-form .select2-container--default .select2-selection--single,

.dark-layout .shop-form input:not([type=submit]):not([type=checkbox]):not([type=radio]),

.dark-layout .shop-form textarea,

.dark-layout .shop-form select {

  background-color: var(--dark-layout-color-two);

  border-color: var(--theme-color-light);

  color: var(--theme-color-light);

}

.shop-form .select2-container--default .select2-selection--single:focus, .shop-form .select2-container--default .select2-selection--single:focus, .shop-form .select2-container--default .select2-selection--single:focus,

.shop-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):focus,

.shop-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):focus,

.shop-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):focus,

.shop-form textarea:focus,

.shop-form textarea:focus,

.shop-form textarea:focus,

.shop-form select:focus,

.shop-form select:focus,

.shop-form select:focus {

  border-color: var(--theme-color1);

}

.dark-layout .shop-form .select2-container--default .select2-selection--single:focus, .dark-layout .shop-form .select2-container--default .select2-selection--single:focus, .dark-layout .shop-form .select2-container--default .select2-selection--single:focus,

.dark-layout .shop-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):focus,

.dark-layout .shop-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):focus,

.dark-layout .shop-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):focus,

.dark-layout .shop-form textarea:focus,

.dark-layout .shop-form textarea:focus,

.dark-layout .shop-form textarea:focus,

.dark-layout .shop-form select:focus,

.dark-layout .shop-form select:focus,

.dark-layout .shop-form select:focus {

  border-color: var(--theme-color1);

}

.shop-form input.address-two {

  margin-top: 12px;

}

.shop-form textarea {

  height: 180px;

  resize: none;

  padding: 27px 32px;

  border-radius: 5px;

}



.billing-details .shop-form .sec-title {

  margin-bottom: 20px;

}

.billing-details .shop-form .form-group.sec-title {

  margin-bottom: 10px;

  padding-bottom: 30px;

  margin-top: 20px;

}



.shop-order-box {

  position: relative;

  padding: 20px 28px 50px;

  border: 1px solid #d9d9d9;

}

@media (max-width: 575.98px) {

  .shop-order-box {

    padding: 15px;

  }

}

.shop-order-box .order-list {

  position: relative;

}

.shop-order-box .order-list li {

  position: relative;

  color: var(--text-color);

  font-size: 15px;

  font-weight: 500;

  margin-bottom: 12px;

  text-transform: uppercase;

}

@media (max-width: 575.98px) {

  .shop-order-box .order-list li {

    font-size: 12px;

  }

}

.dark-layout .shop-order-box .order-list li {

  color: var(--theme-color-light);

}

.shop-order-box .order-list li span {

  float: right;

  width: 35%;

  text-align: left;

  font-size: 17px;

  text-transform: capitalize;

}

@media (max-width: 575.98px) {

  .shop-order-box .order-list li span {

    font-size: 12px;

  }

}

.rtl .shop-order-box .order-list li span {

  text-align: right;

}

.shop-order-box .order-list li span.dark {

  color: var(--theme-color-dark);

}

.shop-order-box .order-list li.total {

  padding: 8px 0px;

  border-top: 1px solid #e2e2e2;

  border-bottom: 1px solid #e2e2e2;

}



.payment-options {

  position: relative;

  margin-top: 20px;

  margin-bottom: 20px;

}



/***



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

	Main Footer CSS

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

.main-footer {

  position: relative;

  background-color: var(--theme-color-light);

}

.main-footer .widgets-section {

  position: relative;

  padding: 50px 0 50px;
  /*padding: 250px 0 50px;*/

}

.main-footer .footer-column {

  position: relative;

  margin-bottom: 50px;

}

.main-footer .footer-widget {

  position: relative;

}

.main-footer .widget-title {

  position: relative;

  display: block;

  color: var(--theme-color-light);

  margin-bottom: 30px;

}

.main-footer .about-widget .logo {

  margin-bottom: 30px;

}

.main-footer .about-widget .text {

  position: relative;

  color: var(--theme-color-light);

  margin-bottom: 30px;

}



/*=== User LInks ===*/

.user-links {

  position: relative;

}

.user-links li {

  position: relative;

  font-size: 24px;

  line-height: 36px;

  color: var(--theme-color-light);

  margin-bottom: 0;

}

.user-links li:last-child {

  margin-bottom: 0;

}

.user-links li a {

  position: relative;

  display: inline-block;

  color: inherit;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.user-links li a:hover {

  color: var(--theme-color2);

}

.user-links li a:hover:before {

  width: 100%;

}

.user-links li i {

  font-weight: 300;

  margin-right: 15px;

  font-size: 16px;

}

.rtl .user-links li i {

  margin-right: 0;

  margin-left: 15px;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

.user-links.two-column {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

.user-links.two-column li {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 50%;

          flex: 0 0 50%;

  width: 50%;

  padding-right: 15px;

}



.contact-list-two {

  position: relative;

  padding: 0;

}

.contact-list-two.two {

  margin-top: -10px;

}

.contact-list-two.two li {

  margin-bottom: 10px;

}
.contact-list-two.two li a{font-size: 18px;}
.contact-list-two.two li i {

  font-size: 20px;

  padding-top: 5px;

}

.contact-list-two li {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  font-size: 18px;

  line-height: 30px;

  font-weight: 300;

}

.contact-list-two li i {

  position: relative;

  font-size: 28px;

  line-height: 1em;

  color: var(--theme-color2);

  margin-right: 20px;

  padding-top: 9px;

}

.rtl .contact-list-two li i {

  margin-right: 0;

  margin-left: 20px;

}

.contact-list-two li:last-child {

  margin-bottom: 0;

}

.contact-list-two li a {

  position: relative;

  font-weight: 300;

  display: inline-block;

  color: var(--theme-color-dark);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.contact-list-two li a:hover {

  color: var(--theme-color1);

}

.contact-list-two.light li,

.contact-list-two.light a {

  color: var(--theme-color-light);

}



.contact-list-three {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

.contact-list-three li {

  position: relative;

  font-size: 18px;

  line-height: 30px;

}

.contact-list-three li .icon-box {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.contact-list-three li i {

  position: relative;

  top: 3px;

  font-size: 20px;

  line-height: 1em;

  margin-right: 15px;

  color: var(--theme-color4);

}

.rtl .contact-list-three li i {

  margin-right: 0;

  margin-left: 15px;

}

.contact-list-three li a {

  position: relative;

  display: inline-block;

  color: var(--theme-color-dark);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.contact-list-three li a:hover {

  color: var(--theme-color4);

}

.contact-list-three.light li,

.contact-list-three.light a {

  color: var(--theme-color-light);

}



/* Newsletter Form */

.newsletter-form {

  position: relative;

}

.newsletter-form .form-group {

  position: relative;

  max-width: 280px;

  width: 100%;

}

.newsletter-form .form-group input[type=text],

.newsletter-form .form-group input[type=email] {

  position: relative;

  display: block;

  height: 50px;

  width: 100%;

  font-size: var(--body-font-size);

  line-height: 30px;

  color: #536A72;

  padding: 20px 30px;

  background: var(--theme-color-light);

  border-radius: 50px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.newsletter-form .form-group input[type=text]::-webkit-input-placeholder, .newsletter-form .form-group input[type=email]::-webkit-input-placeholder {

  color: #536A72;

}

.newsletter-form .form-group input[type=text]::-moz-placeholder, .newsletter-form .form-group input[type=email]::-moz-placeholder {

  color: #536A72;

}

.newsletter-form .form-group input[type=text]:-ms-input-placeholder, .newsletter-form .form-group input[type=email]:-ms-input-placeholder {

  color: #536A72;

}

.newsletter-form .form-group input[type=text]::-ms-input-placeholder, .newsletter-form .form-group input[type=email]::-ms-input-placeholder {

  color: #536A72;

}

.newsletter-form .form-group input[type=text]::placeholder,

.newsletter-form .form-group input[type=email]::placeholder {

  color: #536A72;

}

.newsletter-form .form-group .button {

  position: absolute;

  right: 0;

  top: 0;

  width: 50px;

  height: 50px;

  line-height: 50px;

  text-align: center;

  border-radius: 50%;

  font-size: 22px;

  color: var(--theme-color-light);

  background-color: var(--theme-color4);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.newsletter-form .form-group .button:hover {

  background-color: var(--theme-color1);

}

.rtl .newsletter-form .form-group .button {

  left: 0;

  right: auto;

}

.newsletter-form .form-group .button i {

  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;

}



/* Newsletter Form */

.newsletter-form-two {

  position: relative;

}

.newsletter-form-two .form-group {

  position: relative;

}

.newsletter-form-two .form-group input[type=text],

.newsletter-form-two .form-group input[type=email] {

  position: relative;

  display: block;

  height: 60px;

  width: 100%;

  font-size: var(--body-font-size);

  line-height: 30px;

  color: var(--theme-color-light);

  padding: 25px 32px;

  background: rgba(245, 245, 245, 0.1);

  border-radius: 50px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.newsletter-form-two .form-group input[type=text]::-webkit-input-placeholder, .newsletter-form-two .form-group input[type=email]::-webkit-input-placeholder {

  color: var(--theme-color-light);

}

.newsletter-form-two .form-group input[type=text]::-moz-placeholder, .newsletter-form-two .form-group input[type=email]::-moz-placeholder {

  color: var(--theme-color-light);

}

.newsletter-form-two .form-group input[type=text]:-ms-input-placeholder, .newsletter-form-two .form-group input[type=email]:-ms-input-placeholder {

  color: var(--theme-color-light);

}

.newsletter-form-two .form-group input[type=text]::-ms-input-placeholder, .newsletter-form-two .form-group input[type=email]::-ms-input-placeholder {

  color: var(--theme-color-light);

}

.newsletter-form-two .form-group input[type=text]::placeholder,

.newsletter-form-two .form-group input[type=email]::placeholder {

  color: var(--theme-color-light);

}

.newsletter-form-two .form-group .button {

  position: absolute;

  right: 4px;

  top: 5px;

  width: 50px;

  height: 50px;

  line-height: 50px;

  text-align: center;

  border-radius: 50%;

  font-size: 22px;

  color: var(--theme-color-light);

  background-color: var(--theme-color4);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.newsletter-form-two .form-group .button:hover {

  background-color: var(--theme-color1);

}

.rtl .newsletter-form-two .form-group .button {

  left: 4px;

  right: auto;

}

.newsletter-form-two .form-group .button i {

  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;

}



.recent-post {

  position: relative;

  margin-bottom: 30px;

}

.recent-post:last-child {

  margin-bottom: 0;

}

.recent-post .inner {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 27px;

  min-height: 93px;

}

.recent-post .inner:hover .post-thumb img {

  opacity: 0.7;

}

.recent-post .inner .post-thumb {

  position: relative;

  height: 93px;

  width: 93px;

  border-radius: 10px;

  overflow: hidden;

  -ms-flex-negative: 0;

      flex-shrink: 0;

  margin-bottom: 0;

}

.recent-post .inner .post-thumb img {

  width: 100%;

  width: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.recent-post .inner .post-title {

  color: var(--theme-color-light);

  margin-bottom: 10px;

}

.recent-post .inner .post-title a:hover {

  color: var(--theme-color4);

}

.recent-post .inner .post-meta {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 13px;

  margin-bottom: 0;

}

.recent-post .inner .post-meta li {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  color: var(--theme-color-light);

  font-size: 14px;

  gap: 7px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.recent-post .inner .post-meta li .icon {

  color: var(--theme-color-light);

  font-size: 14px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}



/*=== Insta Gallery ===*/

.insta-gallery {

  position: relative;

}

.insta-gallery .image {

  position: relative;

  border-radius: 10px;

  overflow: hidden;

}

.insta-gallery img {

  display: block;

  width: 100%;

}

.rtl .insta-gallery img {

  direction: rtl;

}

.insta-gallery a {

  position: relative;

  display: block;

}

.insta-gallery a:hover:after {

  -webkit-transform: scale(1);

          transform: scale(1);

}

.insta-gallery a:hover:before {

  -webkit-transform: scale(1);

          transform: scale(1);

}

.insta-gallery a:before {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background: var(--theme-color1);

  opacity: 0.8;

  content: "";

  border-radius: 10px;

  -webkit-transform: scale(0);

          transform: scale(0);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.insta-gallery a:after {

  position: absolute;

  height: 20px;

  width: 20px;

  left: 50%;

  top: 50%;

  margin-left: -10px;

  margin-top: -10px;

  content: "\f0b2";

  text-align: center;

  line-height: 20px;

  font-size: 20px;

  color: var(--theme-color-light);

  font-family: "Font Awesome 6 Pro";

  -webkit-transform: scale(0);

          transform: scale(0);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}



/*=== Footer Bottom ===*/

.footer-bottom {

  position: relative;

  width: 100%;

}

.footer-bottom .inner-container {

  position: relative;

  padding: 20px 0;

}

@media (max-width: 575.98px) {

  .footer-bottom .inner-container {

    padding: 15px 0;

  }

}

.footer-bottom .copyright-text {

  position: relative;

  font-size: 18px;

  line-height: 30px;

  color: var(--theme-color-light);

  margin-bottom: 0px;

}

@media (max-width: 575.98px) {

  .footer-bottom .copyright-text {

    font-size: 12px;

  }

}

.footer-bottom .copyright-text a {

  color: var(--theme-color2);

}

.footer-bottom .copyright-text a:hover {

  text-decoration: underline;

}



/***



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

	Main Footer

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

.footer-style-one {

  position: relative;

  background-color: var(--theme-color2);

}

.footer-style-one .shape-eleven {

  position: absolute;

  top: 170px;

  left: 0;

}

@media (max-width: 575.98px) {

  .footer-style-one .shape-eleven {

    display: none;

  }

}

.footer-style-one .shape-twelve {

  position: absolute;

  top: 170px;

  right: 0;

}

@media (max-width: 575.98px) {

  .footer-style-one .shape-twelve {

    display: none;

  }

}

.footer-style-one .widgets-section {

  padding-bottom: 20px;

}

@media (max-width: 575.98px) {

  .footer-style-one .widgets-section .logo {

    width: 200px;

  }

}

@media (max-width: 575.98px) {

  .footer-style-one .widgets-section .widget-title {

    font-size: 26px;

  }

}

.footer-style-one .widgets-section .about-widget .text {

  font-weight: 400;

  margin-bottom: 25px;
      line-height: 36px;
}

.footer-style-one .widgets-section .links-widget {

  padding-left: 90px;

}

@media (max-width: 575.98px) {

  .footer-style-one .widgets-section .links-widget {

    padding-left: 0;

  }

}

.rtl .footer-style-one .widgets-section .links-widget {

  padding-left: 0;

  padding-right: 90px;

}

@media (max-width: 575.98px) {

  .rtl .footer-style-one .widgets-section .links-widget {

    padding-right: 0;

  }

}

@media (max-width: 575.98px) {

  .footer-style-one .widgets-section .links-widget .widget-title {

    margin-bottom: 20px;

  }

}

.footer-style-one .widgets-section .gallery-widget .widget-title {

  margin-bottom: 20px;

}

.rtl .footer-style-one .widgets-section .gallery-widget .gallery-swiper {

  direction: ltr;

}

.footer-style-one .widgets-section .gallery-widget .nav-box {

  position: absolute;

  top: 20px;

  right: 0;

  gap: 24px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.rtl .footer-style-one .widgets-section .gallery-widget .nav-box {

  right: auto;

  left: 0;

  gap: 0;

}

.footer-style-one .widgets-section .gallery-widget .nav-box .swiper-button-prev,

.footer-style-one .widgets-section .gallery-widget .nav-box .swiper-button-next {

  position: relative;

  color: var(--theme-color-light);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.footer-style-one .widgets-section .gallery-widget .nav-box .swiper-button-prev:after,

.footer-style-one .widgets-section .gallery-widget .nav-box .swiper-button-next:after {

  display: none;

}

.rtl .footer-style-one .widgets-section .gallery-widget .nav-box .swiper-button-prev,

.rtl .footer-style-one .widgets-section .gallery-widget .nav-box .swiper-button-next {

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

@media (max-width: 991.98px) {

  .rtl .footer-style-one .widgets-section .gallery-widget .nav-box .swiper-button-prev,

  .rtl .footer-style-one .widgets-section .gallery-widget .nav-box .swiper-button-next {

    margin: 0;

  }

}

.footer-style-one .widgets-section .gallery-widget .nav-box .swiper-button-prev:hover,

.footer-style-one .widgets-section .gallery-widget .nav-box .swiper-button-next:hover {

  color: var(--theme-color4);

}

.footer-style-one .widgets-section .contact-list-box {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  gap: 70px;

}

@media (max-width: 575.98px) {

  .footer-style-one .widgets-section .contact-list-box {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    gap: 15px;

  }

}

.footer-style-one .widgets-section .contact-widget {

  padding-top: 30px;

}

.footer-style-one .widgets-section .contact-widget .widget-title {

  margin-bottom: 15px;

}

@media (max-width: 575.98px) {

  .footer-style-one .widgets-section .contact-widget .widget-title {

    margin-bottom: 20px;

  }

}

.footer-style-one .footer-bottom {

  background: -webkit-gradient(linear, left top, left bottom, color-stop(-272.14%, #20AADF), to(#150F4D));

  background: linear-gradient(180deg, #20AADF -272.14%, #150F4D 100%);

  text-align: center;

}



/***



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

	Main Footer Two

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

.footer-style-two {

  position: relative;

}

.footer-style-two .shape-eighteen {

  position: absolute;

  bottom: 90px;

  right: -203px;

  -webkit-animation: fa-spin 50s linear infinite;

          animation: fa-spin 50s linear infinite;

}

@media (max-width: 991.98px) {

  .footer-style-two .shape-eighteen {

    bottom: auto;

    top: 40px;

  }

}

@media (max-width: 575.98px) {

  .footer-style-two .shape-eighteen {

    display: none;

  }

}

.footer-style-two .icon-twelve {

  position: absolute;

  top: 0;

  left: 0;

}

.footer-style-two .icon-thirteen {

  position: absolute;

  bottom: 0;

  right: 0;

}

.footer-style-two .widgets-section {

  padding-top: 150px;

  padding-bottom: 65px;

}

@media (max-width: 575.98px) {

  .footer-style-two .widgets-section {

    padding-bottom: 0;

  }

}

.footer-style-two .widgets-section .widget-title {

  padding-bottom: 15px;

  margin-bottom: 30px;

}

.footer-style-two .widgets-section .widget-title:before {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 60px;

  height: 2px;

  margin-right: 6px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  background-color: var(--theme-color-light);

  content: "";

}

.rtl .footer-style-two .widgets-section .widget-title:before {

  left: auto;

  right: 0;

  margin-right: 0;

  margin-left: 6px;

}

.footer-style-two .widgets-section .widget-title:after {

  position: absolute;

  left: 65px;

  bottom: -2px;

  height: 6px;

  width: 6px;

  content: "";

  border-radius: 50%;

  background-color: var(--theme-color-light);

}

.rtl .footer-style-two .widgets-section .widget-title:after {

  left: auto;

  right: 65px;

}

.footer-style-two .about-widget {

  padding-right: 10px;

}

.footer-style-two .about-widget .text {

  margin-bottom: 10px;

  font-weight: 300;

  padding-right: 10px;

}

@media (max-width: 1399.98px) {

  .footer-style-two .about-widget .text {

    padding-right: 0;

  }

}

.rtl .footer-style-two .about-widget .text {

  padding-right: 0;

  padding-left: 10px;

}

@media (max-width: 1399.98px) {

  .rtl .footer-style-two .about-widget .text {

    padding-left: 0;

  }

}

.footer-style-two .about-widget .email-box {

  margin-bottom: 25px;

}

.footer-style-two .about-widget .email-box .email {

  position: relative;

  font-weight: 300;

  color: var(--theme-color-light);

  padding-bottom: 5px;

  border-bottom: 1px solid var(--theme-color1);

}

.footer-style-two .about-widget .social-icon-two a {

  font-size: 20px;

}

.footer-style-two .newsletter-widget .title {

  color: var(--theme-color-light);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 12px;

}

.footer-style-two .newsletter-widget .text {

  color: var(--theme-color-light);

  margin-bottom: 20px;

  font-size: 14px;

  max-width: 240px;

  line-height: 24px;

  font-weight: 300;

}

@media (max-width: 575.98px) {

  .footer-style-two .post-widget .recent-post .inner {

    gap: 15px;

  }

}

.footer-style-two .user-links li i {

  font-size: 12px;

  margin-right: 10px;

}

.rtl .footer-style-two .user-links li i {

  margin-right: 0;

  margin-left: 10px;

}

.footer-style-two .user-links li a:hover {

  color: var(--theme-color4);

}

.footer-style-two .footer-bottom {

  text-align: center;

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

}



/***



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

	Main Footer Three

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

.footer-style-three {

  position: relative;

}

.footer-style-three .icon-fourteen {

  position: absolute;

  bottom: 0;

  right: 0;

}

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

  .footer-style-three .icon-fourteen {

    display: none;

  }

}

.rtl .footer-style-three .icon-fourteen {

  right: auto;

  left: 0;

  -webkit-transform: scaleX(-1) !important;

          transform: scaleX(-1) !important;

}

.footer-style-three .icon-fifteen {

  position: absolute;

  top: 0;

  left: 0;

  -webkit-animation: zoom-one 5s infinite linear;

          animation: zoom-one 5s infinite linear;

}

@media (max-width: 575.98px) {

  .footer-style-three .icon-fifteen {

    display: none;

  }

}

.footer-style-three .icon-sixteen {

  position: absolute;

  top: 0;

  right: 0;

  -webkit-animation: zoom-one 5s infinite linear;

          animation: zoom-one 5s infinite linear;

}

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

  .footer-style-three .icon-sixteen {

    display: none;

  }

}

.footer-style-three .widgets-section {

  padding: 130px 0 50px;

  z-index: 1;

}

@media (max-width: 767.98px) {

  .footer-style-three .widgets-section {

    padding-bottom: 30px;

    padding-top: 100px;

  }

}

.footer-style-three .widgets-section .about-widget {

  margin-bottom: 0 !important;

}

.footer-style-three .widgets-section .about-widget .icon-star {

  position: absolute;

  top: 0;

  right: 180px;

  -webkit-animation: fa-spin 10s linear infinite;

          animation: fa-spin 10s linear infinite;

}

@media (max-width: 1199.98px) {

  .footer-style-three .widgets-section .about-widget .icon-star {

    right: 100px;

    top: 10px;

  }

}

@media (max-width: 991.98px) {

  .footer-style-three .widgets-section .about-widget .icon-star {

    display: none;

  }

}

.rtl .footer-style-three .widgets-section .about-widget .icon-star {

  right: auto;

  left: 180px;

}

@media (max-width: 1199.98px) {

  .rtl .footer-style-three .widgets-section .about-widget .icon-star {

    left: 100px;

  }

}

.footer-style-three .widgets-section .about-widget .title {

  position: relative;

  font-size: 90px;

  line-height: 1.2em;

  color: var(--theme-color-light);

  margin-bottom: 10px;

}

@media (max-width: 575.98px) {

  .footer-style-three .widgets-section .about-widget .title {

    font-size: 50px;

  }

}

.footer-style-three .widgets-section .about-widget .text {

  position: relative;

  margin-bottom: 60px;

  font-size: 18px;

  line-height: 38px;

  font-weight: 300;

  max-width: 388px;

}

@media (max-width: 991.98px) {

  .footer-style-three .widgets-section .about-widget .text {

    max-width: 100%;

  }

}

@media (max-width: 575.98px) {

  .footer-style-three .widgets-section .about-widget .text {

    font-size: 16px;

    line-height: 28px;

    margin-bottom: 30px;

  }

}

.footer-style-three .widgets-section .about-widget .social-icon-two {

  margin-bottom: 20px;

  gap: 35px;

}

@media (max-width: 575.98px) {

  .footer-style-three .widgets-section .about-widget .social-icon-two {

    gap: 20px;

  }

}

.footer-style-three .widgets-section .about-widget .social-icon-two a {

  font-size: 26px;

}

@media (max-width: 575.98px) {

  .footer-style-three .widgets-section .about-widget .social-icon-two a {

    font-size: 20px;

  }

}

.footer-style-three .widgets-section .about-widget .copyright-text {

  color: var(--theme-color-light);

  margin-bottom: 0;

}

.footer-style-three .widgets-section .about-widget .copyright-text a {

  color: var(--theme-color4);

}

.footer-style-three .widgets-section .about-widget .copyright-text a:hover {

  text-decoration: underline;

}

.footer-style-three .widgets-section .post-widget {

  position: relative;

  margin-bottom: 40px;

  padding-top: 15px;

}

.rtl .footer-style-three .widgets-section .post-widget .post-swiper {

  direction: ltr !important;

}

.footer-style-three .widgets-section .post-widget .nav-box {

  position: absolute;

  top: 29px;

  right: 0;

  gap: 20px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

@media (max-width: 991.98px) {

  .footer-style-three .widgets-section .post-widget .nav-box {

    top: 10px;

    gap: 15px;

  }

}

@media (max-width: 575.98px) {

  .footer-style-three .widgets-section .post-widget .nav-box {

    position: relative;

    top: 0;

    left: 0;

    right: auto;

    gap: 5px;

  }

}

@media (max-width: 575.98px) {

  .footer-style-three .widgets-section .post-widget .nav-box .swiper-button-prev, .footer-style-three .widgets-section .post-widget .nav-box .swiper-button-next {

    left: 0 !important;

    margin: 0 !important;

  }

}

.rtl .footer-style-three .widgets-section .post-widget .nav-box {

  right: auto;

  left: 0;

  gap: 0;

}

.footer-style-three .widgets-section .post-widget .nav-box .swiper-button-prev,

.footer-style-three .widgets-section .post-widget .nav-box .swiper-button-next {

  position: relative;

  color: var(--theme-color-light);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.footer-style-three .widgets-section .post-widget .nav-box .swiper-button-prev:after,

.footer-style-three .widgets-section .post-widget .nav-box .swiper-button-next:after {

  display: none;

}

@media (max-width: 991.98px) {

  .footer-style-three .widgets-section .post-widget .nav-box .swiper-button-prev,

  .footer-style-three .widgets-section .post-widget .nav-box .swiper-button-next {

    margin: 0 10px;

  }

}

.rtl .footer-style-three .widgets-section .post-widget .nav-box .swiper-button-prev,

.rtl .footer-style-three .widgets-section .post-widget .nav-box .swiper-button-next {

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);

}

@media (max-width: 991.98px) {

  .rtl .footer-style-three .widgets-section .post-widget .nav-box .swiper-button-prev,

  .rtl .footer-style-three .widgets-section .post-widget .nav-box .swiper-button-next {

    margin: 0;

  }

}

.footer-style-three .widgets-section .post-widget .nav-box .swiper-button-prev:hover,

.footer-style-three .widgets-section .post-widget .nav-box .swiper-button-next:hover {

  color: var(--theme-color4);

}

.footer-style-three .widgets-section .post-widget .recent-post {

  position: relative;

  margin-bottom: 0;

}

.rtl .footer-style-three .widgets-section .post-widget .recent-post {

  direction: rtl;

}

.footer-style-three .widgets-section .post-widget .recent-post .inner {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

@media (max-width: 575.98px) {

  .footer-style-three .widgets-section .post-widget .recent-post .inner {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;

  }

}

.footer-style-three .widgets-section .post-widget .recent-post .inner .thumb-box {

  position: relative;

  -ms-flex-negative: 0;

      flex-shrink: 0;

  max-width: 300px;

}

.footer-style-three .widgets-section .post-widget .recent-post .inner .thumb-box .days-box {

  position: absolute;

  bottom: 7px;

  right: 7px;

  border-radius: 5px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  font-size: 10px;

  padding: 9px;

  line-height: 1.2em;

  gap: 5px;

  font-weight: 700;

  background-color: #00000D;

  color: var(--theme-color-light);

}

.rtl .footer-style-three .widgets-section .post-widget .recent-post .inner .thumb-box .days-box {

  right: auto;

  left: 8px;

}

.footer-style-three .widgets-section .post-widget .recent-post .inner .thumb-box .days-box .date {

  font-size: 24px;

}

.footer-style-three .widgets-section .post-widget .recent-post .inner .thumb-box .days-box .days {

  display: block;

  color: var(--theme-color4);

}

.footer-style-three .widgets-section .post-widget .recent-post .inner .post-thumb {

  width: 300px;

  height: 146px;

}

.footer-style-three .widgets-section .post-widget .recent-post .inner .content {

  position: relative;

  width: 100%;

}

.footer-style-three .widgets-section .post-widget .recent-post .inner .content .post-meta-box {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: end;

      -ms-flex-align: end;

          align-items: flex-end;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

@media (max-width: 575.98px) {

  .footer-style-three .widgets-section .post-widget .recent-post .inner .content .post-meta-box {

    position: absolute;

    top: 0;

    right: 0;

  }

}

@media (max-width: 575.98px) {

  .rtl .footer-style-three .widgets-section .post-widget .recent-post .inner .content .post-meta-box {

    right: auto;

    left: 0;

  }

}

.footer-style-three .widgets-section .post-widget .recent-post .inner .content .post-meta-box .post-meta .icon {

  color: var(--theme-color4);

  font-size: 10px;

}

.footer-style-three .widgets-section .post-widget .recent-post .inner .content .post-meta-box .post-meta li {

  font-weight: 300;

}

@media (max-width: 575.98px) {

  .footer-style-three .widgets-section .post-widget .recent-post .inner .content .post-meta-box .post-meta li {

    font-size: 13px;

  }

}

.footer-style-three .widgets-section .post-widget .recent-post .inner .content .date {

  position: relative;

  font-size: 14px;

  font-weight: 700;

  color: var(--theme-color4);

  margin-bottom: 10px;

}

@media (max-width: 575.98px) {

  .footer-style-three .widgets-section .post-widget .recent-post .inner .content .date {

    font-size: 13px;

  }

}

.footer-style-three .widgets-section .post-widget .recent-post .inner .content .post-title {

  max-width: 313px;

  margin-bottom: 3px;

  line-height: 36px;

}

@media (max-width: 575.98px) {

  .footer-style-three .widgets-section .post-widget .recent-post .inner .content .post-title {

    width: 100%;

  }

}

@media (max-width: 1199.98px) {

  .footer-style-three .widgets-section .post-widget .recent-post .inner .content .btn-box {

    display: none;

  }

}

.footer-style-three .widgets-section .post-widget .recent-post .inner .content .btn-box .theme-btn {

  font-size: 14px;

  color: var(--theme-color4);

  padding: 10px 25px;

  text-transform: unset;

}

.footer-style-three .widgets-section .post-widget .recent-post .inner .content .btn-box .theme-btn:hover {

  color: var(--theme-color-light);

}

.footer-style-three .widgets-section .newsletter-widget {

  margin-bottom: 30px;

}

.footer-style-three .widgets-section .newsletter-widget .widget-title {

  margin-bottom: 5px;

}

.footer-style-three .widgets-section .newsletter-widget .text {

  color: var(--theme-color-light);

  margin-bottom: 15px;

  font-weight: 300;

}

.footer-style-three .widgets-section .contact-widget a {

  font-weight: 300;

}

@media (max-width: 767.98px) {

  .footer-style-three .widgets-section .contact-widget .contact-list-three {

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    -webkit-box-pack: start;

        -ms-flex-pack: start;

            justify-content: flex-start;

    gap: 30px;

  }

}

.footer-style-three .widgets-section .contact-widget .contact-list-three li.location {

  position: relative;

  padding-left: 40px;

  font-weight: 300;

}

.rtl .footer-style-three .widgets-section .contact-widget .contact-list-three li.location {

  padding-left: 0;

  padding-right: 40px;

}

.footer-style-three .widgets-section .contact-widget .contact-list-three li.location i {

  position: absolute;

  left: 0;

  font-size: 26px;

}

.rtl .footer-style-three .widgets-section .contact-widget .contact-list-three li.location i {

  left: auto;

  right: 0;

}
/*Custom CSS */
.feature-section-two.custom-padding{padding: 0px 0 0px;}
figure.image.reveal.bounce-x{display: none;}
.banner-section-three .btn-box.show-xxl{display: block;padding-top:20px; }
.event-block .inner-box .date-box .date{color: #250084;}
.contact-list-four li svg{ width: 25px; height: 25px;}
.contact-list-four li div.content {padding: 0px;margin: -32px;}
.contact-list-four li .text > a {font-size: 16px;}
.custom-title .speaker-block .inner-box .info-box{position:relative !important;}
.pricing-block .inner-box .top-box{height: 135px;}
.pricing-block .inner-box .list-box{height: 410px;}
.pricing-block .inner-box .list-box1,
.pricing-block .inner-box .list-box2,
.pricing-block .inner-box .list-box3,
.pricing-block .inner-box .list-box4,
.pricing-block .inner-box .list-box5,
.pricing-block .inner-box .list-box6{background-color: #666666 !important;}
.pricing-block .inner-box .list-box1:before{background-color: #0290EA !important;}
.pricing-block .inner-box .list-box2:before{background-color: #00C46E !important;}
.pricing-block .inner-box .list-box3:before{background-color: #96B907 !important;}
.pricing-block .inner-box .list-box4:before{background-color: #0290EA !important;}
.pricing-block .inner-box .list-box5:before{background-color: #00C46E !important;}
.pricing-block .inner-box .list-box6:before{background-color: #96B907 !important;}
.testimonial-block .inner-box{display: block;float: left;margin: 25px;}
.pricing-block .inner-box .btn-box.custom{padding-top:5px; }
.event-single-block h2.title {font-size: 40px;}
.event-single{padding: 60px 0;}
.cart-table tbody tr td{text-align: center;}
.speaker-block .inner-box-custom .info-box-custom{position: relative;}
.speaker-block .inner-box-custom:before{background: none;}
@media (max-width: 575.98px) {
  .pricing-block .inner-box .top-box{height: 100%;}
  .pricing-block .inner-box .list-box{height: 100%;}
  .icon-twentytwo, .icon-twentythree,.icon-twentyfour {display: none;}
}