/* Css For Fxvibe */



/************ TABLE OF CONTENTS ***************

1. Fonts

2. Reset

3. Global

4. Main Header/style-one/style-two

5. Main Slider/style-one/style-two

6. Intro Section

7. Welcome Section

9. Cta Section

8. Research Fields

10. Testimonial Section

11. Researches Section

12. Team Section

14. Video

15. Fact Counter

16. News Section

19. Clients Section

20. Main Footer

21. Footer Bottom

22. Research Style Two

23. Innovative Solution

24. Discover Section

25. Experience section

26. Chooseus Section

27. News Style Two

28. Page Title

29. Research Page Section

30. Research Details

31. Professor Page Section

32. Professor Details

33. About Section

34. Error Section

35. Blog Page Section

36. Blog Details

37. Blog Sidebar

38. Contact Section

39. Google Map





**********************************************/







/***



====================================================================

  Reset

====================================================================



 ***/

* {

  margin:0px;

  padding:0px;

  border:none;

  outline:none;

}





/***



====================================================================

  Global Settings

====================================================================



 ***/





:root{

  --text-color: #6d7270;

  --title-color: #090f0d;

  --text-font: 'Instrument Sans', sans-serif;

  --title-font: 'Be Vietnam Pro', sans-serif;

}





body {

  font-size:16px;

  color:var(--text-color);

  line-height:26px;

  font-weight:400;

  background:#ffffff;

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

  background-size:cover;

  background-repeat:no-repeat;

  background-position:center top;

  -webkit-font-smoothing: antialiased;

}



  @media (min-width:1200px) {

  .container {

    max-width: 1200px;

    padding: 0px 15px;

  }

}



.large-container{

  max-width: 1550px;

  padding: 0px 15px;

  margin: 0 auto;

}



.container-fluid{

  padding: 0px;

}



.auto-container{

  position:static;

  max-width:1200px;

  padding:0px 15px;

  margin:0 auto;

}



.small-container{

  max-width:680px;

  margin:0 auto;

}



.boxed_wrapper{

  position: relative;

  margin: 0 auto;

  overflow: hidden !important;

  width: 100%;

  min-width: 300px;

}



li#menu-item-15316 a {
  background-color: #605ca7;
  color: #fff;
  padding: 3px 8px;
  margin: 0;
  text-align: center;
  margin-top: 22px;
}

a{

  text-decoration:none;

  transition:all 500ms ease;

  -moz-transition:all 500ms ease;

  -webkit-transition:all 500ms ease;

  -ms-transition:all 500ms ease;

  -o-transition:all 500ms ease;

  color: var(--theme-color);

}



a:hover{

  text-decoration:none;

  outline:none;

}



input,button,select,textarea{

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

  font-weight: 400;

  font-size: 16px;

  background: transparent;

}



::-webkit-input-placeholder {

  color: inherit;

}



::-moz-input-placeholder {

  color: inherit;

}



::-ms-input-placeholder {

  color: inherit;

}



ul,li{

  list-style:none;

  padding:0px;

  margin:0px;

}



input{

  transition: all 500ms ease;

}



button:focus,

input:focus,

textarea:focus{

  outline: none;

  box-shadow: none;

  transition: all 500ms ease;

}



p{

  position: relative;

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

  color: #625E5D;

  font-weight: 400;

  margin: 0px;

  transition: all 500ms ease;

}



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

  position:relative;

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

  font-weight: 600;

  color: var(--title-color);

  margin: 0px;

  transition: all 500ms ease;

}



/* Preloader */



.handle-preloader {

  align-items: center;

  -webkit-align-items: center;

  display: flex;

  display: -ms-flexbox;

  height: 100%;

  justify-content: center;

  -webkit-justify-content: center;

  position: fixed;

  background: var(--theme-color);

  left: 0;

  top: 0;

  width: 100%;

  z-index: 9999999;

}



.preloader-close{

  position: fixed;

  z-index: 99999999;

  font-size: 26px;

  background: #fff;

  color: var(--theme-color);

  width: 40px;

  height: 40px;

  line-height: 36px;

  text-align: center;

  border-radius: 50%;

  cursor: pointer;

  right: 30px;

  top: 30px;

}



.handle-preloader .animation-preloader {

  position: absolute;

  z-index: 100;

}



.handle-preloader .animation-preloader .spinner{

  animation: spinner 1s infinite linear;

  border-radius: 50%;

  height: 150px;

  margin: 0 auto 45px auto;

  width: 150px;

}



.handle-preloader .animation-preloader .txt-loading {

  text-align: center;

  user-select: none;

}



.handle-preloader .animation-preloader .txt-loading .letters-loading:before{

  animation: letters-loading 4s infinite;

  content: attr(data-text-preloader);

  left: 0;

  opacity: 0;

  top:0;

  position: absolute;

}



.handle-preloader .animation-preloader .txt-loading .letters-loading{

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

  font-weight: 500;

  letter-spacing: 15px;

  display: inline-block;

  position: relative;

  font-size: 70px;

  line-height: 70px;

  text-transform: uppercase;

  color: transparent;

  -webkit-text-stroke-width: 1px;

  -webkit-text-stroke-color: rgba(255, 255, 255, 0.30);

}



.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {animation-delay: 0.2s;}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {animation-delay: 0.4s;}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {animation-delay: 0.6s;}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {animation-delay: 0.8s;}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before { animation-delay: 1s;}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before { animation-delay: 1.2s;}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before { animation-delay: 1.4s;}

.handle-preloader .loader-section {

  background-color: #ffffff;

  height: 100%;

  position: fixed;

  top: 0;

  width: calc(50% + 1px);

}



.preloader .loaded .animation-preloader {

  opacity: 0;

  transition: 0.3s ease-out;

}



.handle-preloader .animation-preloader .txt-loading .letters-loading:before{

  color: #ffffff;

}



.handle-preloader .animation-preloader .spinner{

  border: 3px solid #ffffff;

  border-top-color: rgba(255, 255, 255, 0.1);

}



/* Animación del preloader */

@keyframes spinner {

  to {

    transform: rotateZ(360deg);

  }

}

@keyframes letters-loading {

  0%,

  75%,

  100% {

    opacity: 0;

    transform: rotateY(-90deg);

  }



  25%,

  50% {

    opacity: 1;

    transform: rotateY(0deg);

  }

}



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

  .handle-preloader .animation-preloader .spinner {

    height: 8em;

    width: 8em;

  }

}

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

  .handle-preloader .animation-preloader .spinner {

    height: 7em;

    width: 7em;

  }

  .handle-preloader .animation-preloader .txt-loading .letters-loading {font-size: 30px; letter-spacing: 10px;}

}





.centred{

  text-align: center;

}



.pull-left{

  float: left;

}



.pull-right{

  float: right;

}





figure{

  margin: 0px;

}



img {

  display: inline-block;

  max-width: 100%;

  height: auto;

  transition-delay: .1s;

  transition-timing-function: ease-in-out;

  transition-duration: .7s;

  transition-property: all;

}



/** button **/





.theme-btn{

  position: relative;

  display: inline-block;

  overflow: hidden;

  vertical-align: middle;

  font-size: 14px;

  line-height: 24px;

  font-weight: 700;

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

  text-align: center;

  padding: 15px 33px;

  border-radius: 40px;

  text-transform: uppercase;

  z-index: 1;

  transition: all 500ms ease;

}



.theme-btn.btn-one{

  color: #fff;

  background: var(--theme-color);

}



.theme-btn.btn-one:hover{

  background: #132720;

  color: #fff;

}



.theme-btn:before{

  position: absolute;

  content: '';

  background: #132720;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  transform: scale(0,0);

  z-index: -1;

  transition: all 500ms ease;

}



.theme-btn:hover:before{

  transform: scale(1,1);

}



.theme-btn span{

  position: relative;

  padding-left: 28px;

}



.theme-btn span:before{

  position: absolute;

  content: "\f104";

  font-family: 'flaticon';

  font-size: 22px;

  left: 0px;

  top: -3px;

  font-weight: 400;

}



.theme-btn.btn-two{

  color: var(--title-color);

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

  padding-top: 13px;

  padding-bottom: 13px;

}



.theme-btn.btn-two:hover{

  color: #fff;

  background: var(--theme-color);

}



.theme-btn.btn-two:before{

  background: var(--theme-color);

}









.row{

  --bs-gutter-x: 30px;

}



.pagination{

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

}



.pagination li{

  position: relative;

  display: inline-block;

  margin-right: 10px;

}



.pagination li:last-child{

  margin: 0px !important;

}



.pagination li a{

  position: relative;

  display: inline-block;

  font-size: 16px;

  font-weight: 600;

  height: 40px;

  width: 60px;

  line-height: 40px;

  border: 1px solid #dbe5e2;

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

  text-align: center;

  color: #6d7270;

  border-radius: 40px;

  z-index: 1;

  transition: all 500ms ease;

}



.pagination li a:hover,

.pagination li a.current{

  color: #fff;

  background: var(--theme-color);

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

}



.pagination li a i{

  position: relative;

  display: inline-block;

  font-size: 26px;

  color: var(--title-color);

  top: 3px;

}



.pagination li:first-child a,

.pagination li:last-child a{

  background: #e2edea;

  border-color: #e2edea;

}



.sec-pad{

  padding: 113px 0px 120px 0px;

}



.mr-0{

  margin: 0px !important;

}



.scroll-top {

  width: 54px;

  height: 64px;

  line-height: 70px;

  position: fixed;

  bottom: 105%;

  right: 50px;

  font-size: 30px;

  z-index: 99;

  color: #fff;

  background: var(--theme-color);

  text-align: center;

  border-radius: 40px;

  cursor: pointer;

  transition: 1s ease;

  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10) !important;

}



.scroll-top.open {

  bottom: 30px;

}







.sec-title{

  position: relative;

  display: block;

  margin-bottom: 48px;

}



.sec-title h6{

  position: relative;

  display: inline-block;

  font-size: 14px;

  line-height: 24px;

  font-weight: 700;

  text-transform: uppercase;

  padding-left: 32px;

  margin-bottom: 12px;

}



.sec-title h6:before{

  position: absolute;

  content: "\f131";

  font-family: 'flaticon';

  font-size: 24px;

  left: 0px;

  top: -1px;

  color: var(--theme-color);

  font-weight: 400;

}



.sec-title h2{

  position: relative;

  display: block;

  font-size: 54px;

  line-height: 64px;

}



.sec-title.light h6,

.sec-title.light h2{

  color: #fff;

}



.owl-dots-none .owl-dots,

.owl-nav-none .owl-nav{

  display: none !important;

}











/***



====================================================================

                        Home-Page-One

====================================================================



***/





/** main-header **/



.main-header{

  position:relative;

  left:0px;

  top:0px;

  right: 0px;

  z-index:999;

  width:100%;

  transition:all 500ms ease;

  -moz-transition:all 500ms ease;

  -webkit-transition:all 500ms ease;

  -ms-transition:all 500ms ease;

  -o-transition:all 500ms ease;

}



.sticky-header{

  position:fixed;

  opacity:0;

  visibility:hidden;

  left:0px;

  top:0px;

  width:100%;

  z-index:0;

  background-color: #fff;

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

  transition:all 500ms ease;

  -moz-transition:all 500ms ease;

  -webkit-transition:all 500ms ease;

  -ms-transition:all 500ms ease;

  -o-transition:all 500ms ease;

}



.fixed-header .sticky-header{

  z-index:999;

  opacity:1;

  visibility:visible;

  -ms-animation-name: fadeInDown;

  -moz-animation-name: fadeInDown;

  -op-animation-name: fadeInDown;

  -webkit-animation-name: fadeInDown;

  animation-name: fadeInDown;

  -ms-animation-duration: 500ms;

  -moz-animation-duration: 500ms;

  -op-animation-duration: 500ms;

  -webkit-animation-duration: 500ms;

  animation-duration: 500ms;

  -ms-animation-timing-function: linear;

  -moz-animation-timing-function: linear;

  -op-animation-timing-function: linear;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;

  -ms-animation-iteration-count: 1;

  -moz-animation-iteration-count: 1;

  -op-animation-iteration-count: 1;

  -webkit-animation-iteration-count: 1;

  animation-iteration-count: 1;

}



/** header-top **/



.header-top .outer-container{

  position: relative;

  width: 100%;

  padding: 0px 80px;

  border-bottom: 1px solid #dbe5e2;

}

.topheaderlink {
  color: #fff;
  background: #f7993b;
  padding: 5px 10px;
  border-radius: 10px;
  margin-right: 20px;
}
.linkclr{
  color: #fff;
}
.header-top {
background-color: #243460;
}
.header-top .top-inner{

  position: relative;

  display: flex;

  align-items: center;

  justify-content: flex-end;


}



.header-top .left-column{

  position: relative;

  display: flex;

  align-items: center;


}



.header-top .left-column .login-box{

  position: relative;

  display: block;

  padding-left: 45px;

  margin-right: 60px;

}



.header-top .left-column .login-box:before{

  position: absolute;

  content: '';

  background: #dbe5e2;

  width: 1px;

  height: 36px;

  top: 0px;

  right: -30px;

}



.header-top .left-column .login-box .icon-box{
  display: none;
  position: absolute;

  left: 0px;

  top: 7px;

}



.header-top .left-column .login-box h5{

  position: relative;

  display: inline ;

  font-size: 16px;

  line-height: 26px;

  font-weight: 500;
  background-color: #3395d6;
  padding: 15px;
    /* color: #fff; */
    margin-right: 20px;

}



.header-top .left-column .login-box h5 a{

  display: inline-block;

  color: #fff;

}



.header-top .left-column .login-box h5 a:hover{

  color: var(--theme-color);

}



.header-top .left-column .login-box h5 span{
  display: none;
  color: #fff;

}



.header-top .left-column .login-box h6{

  display: inline;

  font-size: 14px;

  line-height: 24px;

  font-weight: 400;

}



.header-top .left-column .login-box h6 a{

  display: inline-block;

  color: var(--title-color);

}



.header-top .left-column .login-box h6 a:hover{

  color: var(--theme-color);

}



.main-header .language-box{

  position: relative;

  padding-left: 30px;

}



.main-header .language-box .icon-box{

  position: absolute;

  left: 0px;

  top: 3px;

  font-size: 20px;

  color: var(--title-color);

}



.main-header .language-box .nice-select{

  font-size: 16px;

  line-height: 26px;

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

  color: var(--title-color);

  font-weight: 500;

  padding: 0px;

  padding-right: 23px;

  text-transform: capitalize;

}



.main-header .language-box .nice-select .list{

  min-width: 60px;

}



.main-header .language-box .nice-select:before{

  position: absolute;

  content: "\f102";

  font-family: 'flaticon';

  font-size: 20px;

  top: 1px;

  right: 0px;

  color: #a6b3b0;

}



.header-top .text-box{

  position: relative;

  display: block;

  padding-left: 38px;

}



.header-top .text-box .icon-box{
  display: none;
  position: absolute;

  left: 0px;

  top: 2px;

}



.header-top .text-box h6{

  font-size: 16px;

  line-height: 26px;

  font-weight: 400;

}



.header-top .text-box h6 span{

  font-weight: 600;

}



.header-top .right-column{

  position: relative;

  display: flex;

  align-items: center;

}


.link {
  color: #ffffff;
}
.header-top .right-column .search-box{

  position: relative;

  width: 250px;

  margin-right: 15px;

}



.header-top .right-column .search-box .form-group{

  position: relative;

  margin: 0px;

}



.header-top .right-column .search-box .form-group input[type='search']{

  position: relative;

  display: block;

  width: 100%;

  font-size: 16px;

  line-height: 26px;

  height: 26px;

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

  color: #a5b2af;

  font-weight: 600;

  padding-right: 25px;

}



.header-top .right-column .search-box .form-group button[type='submit']{

  position: absolute;

  top: 0px;

  right: 0px;

  font-size: 24px;

  color: var(--title-color);

  cursor: pointer;

  transition: all 500ms ease;

}



.header-top .right-column .search-box .form-group input:focus + button,

.header-top .right-column .search-box .form-group button:hover{

  color: var(--theme-color);

}



.header-top .right-column .search-box:before{

  position: absolute;

  content: '';

  background: #dbe5e2;

  width: 1px;

  height: 36px;

  top: -5px;

  right: -30px;

}



.header-top .right-column .mail-box{

  position: relative;

  padding-left: 46px;

}



.header-top .right-column .mail-box .icon-box{

  position: absolute;

  left: 0px;

  top: 7px;
  display: none;

}



.header-top .right-column .mail-box h5{

  position: relative;

  display: block;

  font-size: 16px;

  line-height: 26px;

  font-weight: 500;
  /* background: #3395d6; */

  padding: 10px;

}



.header-top .right-column .mail-box h6{

  position: relative;

  display: none;

  font-size: 14px;

  line-height: 22px;

  font-weight: 400;

}



.header-top .right-column .mail-box h6 a{

  position: relative;

  display: inline-block;

  color: var(--title-color);

}



.header-top .right-column .mail-box h6 a:hover{

  color: var(--theme-color);

}



.main-header .header-lower{

  position: relative;

}



.main-header .outer-box{

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 0px 80px;

}




.main-header .outer-box .logo-box {
    padding: 10px 0px;
    margin-right: 100px;
}


.main-header .menu-right-content{

  position: relative;

  display: flex;

  align-items: center;

}



.main-header .menu-right-content .link-box{

  position: relative;

  padding-left: 70px;

}



.main-header .menu-right-content .link-box .icon-box{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 54px;

  height: 40px;

  line-height: 44px;

  background: #132720;

  text-align: center;

  border-radius: 30px;

  font-size: 20px;

  color: #fff;


}



.main-header .menu-right-content .link-box h6{

  position: relative;

  display: block;

  font-size: 16px;

  line-height: 20px;

  font-weight: 700;

  text-transform: capitalize;
  width: 132px;

}



.main-header .menu-right-content .link-box h6 a{

  position: relative;

  display: inline-block;

  color: var(--title-color);

  padding-right: 26px;

}



.main-header .menu-right-content .link-box h6 a:hover{

  color: var(--theme-color);

}



.main-header .menu-right-content .link-box h6 a i{

  position: absolute;

  right: 0px;

  bottom: -3px;

  color: var(--theme-color);

  font-size: 20px;

}







/** main-menu **/



.main-menu{

  float: left;

}



.main-menu .navbar-collapse{

  padding:0px;

  display:block !important;

}



.main-menu .navigation{

  margin:0px;

}



.main-menu .navigation > li{

  position:inherit;

  float:left;

  margin: 0px 8px;

  -webkit-transition:all 300ms ease;

  -moz-transition:all 300ms ease;

  -ms-transition:all 300ms ease;

  -o-transition:all 300ms ease;

  transition:all 300ms ease;

}



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

  margin-right:0px !important;

}



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

  margin-left: 0px !important;

}



.main-menu .navigation > li > a{

  position:relative;

  display:block;

  text-align:center;

  font-size:16px;

  line-height:30px;

  padding: 25px 0px;

  font-weight:600;

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

  opacity:1;

  color: var(--title-color);

  z-index:1;

  text-transform: capitalize;

  -webkit-transition:all 500ms ease;

  -moz-transition:all 500ms ease;

  -ms-transition:all 500ms ease;

  -o-transition:all 500ms ease;

  transition:all 500ms ease;

}



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

  padding-right: 25px;

}



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

  position: absolute;

  content: "\f102";

  font-family: 'flaticon';

  font-size: 20px;

  top: 27px;

  right: 0px;

  color: var(--theme-color);

  font-weight: 400;

}



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

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



}



.main-menu .navigation > li > ul,

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

  position:absolute;

  left: inherit;

  top:100%;

  width:240px;

  margin-top: 20px;

  z-index:100;

  background: #fff;

  display:none;

  opacity: 0;

  padding: 10px 0px;

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

  visibility: hidden;

  border-radius: 8px;

  border-top: 5px solid var(--theme-color);

  transition:all 500ms ease;

  -moz-transition:all 500ms ease;

  -webkit-transition:all 500ms ease;

  -ms-transition:all 500ms ease;

  -o-transition:all 500ms ease;

}



.main-menu .navigation > li > ul:before,

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

  position: absolute;

  content: '';

  width: 100%;

  height: 10px;

  left: 0px;

  top: -10px;

  background: transparent;

}



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

  background: #212226;

}



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

  display: inline-block !important;

}



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

  left:auto;

  right:0px;

}



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

  position:relative;

  width:100%;

  padding: 0px 30px;

}



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

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

  position:relative;

  display:block;

  line-height:24px;

  font-weight:400;

  font-size:16px;

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

  color:#6d7270;

  text-align: left;

  padding: 14px 0px;

  text-transform: capitalize;

  transition:all 500ms ease;

  border-bottom: 1px solid #dbe5e2;

  -moz-transition:all 500ms ease;

  -webkit-transition:all 500ms ease;

  -ms-transition:all 500ms ease;

  -o-transition:all 500ms ease;

}



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

  border-bottom: none;

}



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

  position: absolute;

  content: '^';

  left: 0px;

  color: var(--theme-color);

  font-size: 30px;

  top: 22px;

  opacity: 0;

  transition: all 500ms ease;

}



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

  opacity: 1;

}



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

  padding-left: 0px;

  padding-right: 0px;

}



.main-menu .navigation > li > .megamenu h4{

  display: block;

  font-size: 20px;

  line-height: 30px;

  color: #ffffff;

}



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

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

  color: var(--theme-color);

  padding-left: 20px;

}



.main-menu .navigation > li > ul > li:last-child > a,

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

  border-bottom: none;

}



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

  font-family: 'Font Awesome 5 pro';

  content: "\f105";

  position:absolute;

  right:20px;

  top:12px;

  color: #b9b7b6;

  display:block;

  line-height:24px;

  font-size:16px;

  font-weight:700;

  text-align:center;

  z-index:5;

  transition: all 500ms ease;

}



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

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



}



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

  position:absolute;

  right:100%;

  left:auto;

  top:0%;

  margin-top: 15px;

  margin-right: 10px;

  width:240px;

  z-index:100;

  display:none;

  border-radius: 8px;

  padding: 10px 0px;

  border-top: 5px solid var(--theme-color);

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

  background: #fff;

  transition:all 500ms ease;

  -moz-transition:all 500ms ease;

  -webkit-transition:all 500ms ease;

  -ms-transition:all 500ms ease;

  -o-transition:all 500ms ease;

}



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

  position: absolute;

  content: '';

  right: -10px;

  top: 0px;

  width: 10px;

  height: 100%;

}



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

  left:auto;

  right:0px;

}



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

  position:relative;

  width:100%;

  padding: 0px 30px;

  padding-right: 0px;

}



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

  border-bottom:none;

}



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

  position:relative;

  display:block;

  line-height:24px;

  font-weight:400;

  font-size:16px;

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

  color:#6d7270;

  text-align: left;

  padding: 14px 0px;

  border-bottom: 1px solid #dbe5e2;

  transition:all 500ms ease;

  -moz-transition:all 500ms ease;

  -webkit-transition:all 500ms ease;

  -ms-transition:all 500ms ease;

  -o-transition:all 500ms ease;

}



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

  border-bottom: none;

}



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

  color: var(--theme-color);

  padding-left: 20px;

}



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

  position: absolute;

  content: '^';

  left: 0px;

  color: var(--theme-color);

  font-size: 30px;

  top: 22px;

  opacity: 0;

  transition: all 500ms ease;

}



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

  opacity: 1;

}



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

  font-family: 'Font Awesome 5 Pro';

  content: "\f105";

  position:absolute;

  right:20px;

  top:12px;

  display:block;

  line-height:24px;

  font-size:16px;

  font-weight:900;

  z-index:5;

}



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

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

  visibility:visible;

  opacity:1;

  margin-top: 0px;

  top: 100%;

}



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

  visibility:visible;

  opacity:1;

  top: 0%;

  margin-top: 0px;

}



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

  position:absolute;

  right:-32px;

  top:66px;

  width:34px;

  height:30px;

  text-align:center;

  font-size:18px;

  line-height:26px;

  color:#3b3b3b;

  cursor:pointer;

  display: none;

  z-index:5;

  transition: all 500ms ease;

}



.main-menu .navigation li.current.dropdown .dropdown-btn,

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



}



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

  display: none;

}



.menu-area .mobile-nav-toggler {

  position: relative;

  float: right;

  font-size: 40px;

  line-height: 50px;

  cursor: pointer;

  color: #3786ff;

  display: none;

}



.menu-area .mobile-nav-toggler .icon-bar{

  position: relative;

  height: 2px;

  width: 30px;

  display: block;

  margin-bottom: 5px;

  background-color: #1c1c1c;

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.menu-area .mobile-nav-toggler .icon-bar:last-child{

  margin-bottom: 0px;

}





/** megamenu-style **/



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

  position: absolute;

  width: 100%;

  padding: 30px 50px;

  left: 0px;

}



.main-menu .navigation li.dropdown .megamenu li h4{

  margin-bottom: 10px;

}





/** mobile-menu **/



.nav-outer .mobile-nav-toggler{

  position: relative;

  float: right;

  font-size: 40px;

  line-height: 50px;

  cursor: pointer;

  color:#3786ff;

  display: none;

}



.mobile-menu{

  position: fixed;

  right: 0;

  top: 0;

  width: 300px;

  padding-right:30px;

  max-width:100%;

  height: 100%;

  opacity: 0;

  visibility: hidden;

  z-index: 999999;

  transition: all 900ms ease;

}



.mobile-menu .navbar-collapse{

  display:block !important;

}



.mobile-menu .nav-logo{

  position:relative;

  padding:50px 25px;

  text-align:left;

}



.mobile-menu-visible{

  overflow: hidden;

}



.mobile-menu-visible .mobile-menu{

  opacity: 1;

  visibility: visible;

}



.mobile-menu .menu-backdrop{

  position: fixed;

  left: 0%;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 1;

  transition: all 900ms ease;

  background-color: #000;

}



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

  opacity: 0.70;

  visibility: visible;

  right: 100%;

  -webkit-transition: all .8s ease-out 0s;

  -o-transition: all .8s ease-out 0s

}



.mobile-menu .menu-box{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  max-height: 100%;

  overflow-y: auto;

  background: #0a0807;

  padding: 0px 0px;

  z-index: 5;

  opacity: 0;

  visibility: hidden;

  border-radius: 0px;

  -webkit-transform: translateX(100%);

  -ms-transform: translateX(100%);

  transform: translateX(100%);

  transition: all 900ms ease !important;

}



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

  opacity: 1;

  visibility: visible;

  -webkit-transition: all 0.7s ease;

  -o-transition: all 0.7s ease;

  transition: all 0.7s ease;

  -webkit-transform: translateX(0%);

  -ms-transform: translateX(0%);

  transform: translateX(0%);

}



.mobile-menu .close-btn{

  position: absolute;

  right: 25px;

  top: 10px;

  line-height: 30px;

  width: 24px;

  text-align: center;

  font-size: 16px;

  color: #ffffff;

  cursor: pointer;

  z-index: 10;

  -webkit-transition:all 0.9s ease;

  -moz-transition:all 0.9s ease;

  -ms-transition:all 0.9s ease;

  -o-transition:all 0.9s ease;

  transition:all 0.9s ease;

}



.mobile-menu-visible .mobile-menu .close-btn{

  -webkit-transform:rotate(360deg);

  -ms-transform:rotate(360deg);

  transform:rotate(360deg);

}



.mobile-menu .close-btn:hover{

  -webkit-transform:rotate(90deg);

  -ms-transform:rotate(90deg);

  transform:rotate(90deg);

}



.mobile-menu .navigation{

  position: relative;

  display: block;

  width: 100%;

  float: none;

}



.mobile-menu .navigation li{

  position: relative;

  display: block;

  border-top: 1px solid rgba(255,255,255,0.10);

}



.mobile-menu .navigation:last-child{

  border-bottom: 1px solid rgba(255,255,255,0.10);

}



.mobile-menu .navigation li > ul > li:first-child{

  border-top: 1px solid rgba(255,255,255,0.10);

}



.mobile-menu .navigation li > a{

  position: relative;

  display: block;

  line-height: 24px;

  padding: 10px 25px;

  font-size: 15px;

  font-weight: 500;

  color: #ffffff;

  text-transform: uppercase;

  -webkit-transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;

  transition: all 500ms ease;

}



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

  font-size: 16px;

  margin-left: 20px;

  text-transform: capitalize;

}



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

  content:'';

  position:absolute;

  left:0;

  top:0;

  height:0;

  border-left:5px solid #fff;

  -webkit-transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;

  transition: all 500ms ease;

}



.mobile-menu .navigation li.current > a:before{

  height:100%;

}



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

  position:absolute;

  right:6px;

  top:6px;

  width:32px;

  height:32px;

  text-align:center;

  font-size:16px;

  line-height:32px;

  color:#ffffff;

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

  cursor:pointer;

  border-radius:2px;

  -webkit-transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;

  transition: all 500ms ease;

  z-index:5;

}



.mobile-menu .navigation li.dropdown .dropdown-btn.open{

  color: #ffffff;

  -webkit-transform:rotate(90deg);

  -ms-transform:rotate(90deg);

  transform:rotate(90deg);

}



.mobile-menu .navigation li > ul,

.mobile-menu .navigation li > ul > li > ul,

.mobile-menu .navigation > li.dropdown > .megamenu{

  display: none;

}



.mobile-menu .social-links{

  position:relative;

  padding:0px 25px;

}



.mobile-menu .social-links li{

  position:relative;

  display:inline-block;

  margin:0px 10px 10px;

}



.mobile-menu .social-links li a{

  position:relative;

  line-height:32px;

  font-size:16px;

  color:#ffffff;

  -webkit-transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;

  transition: all 500ms ease;

}



.mobile-menu .social-links li a:hover{



}



div#mCSB_1_container{

  top: 0px !important;

}



.mobile-menu .contact-info {

  position: relative;

  padding: 120px 30px 20px 30px;

}



.mobile-menu .contact-info h4 {

  position: relative;

  font-size: 20px;

  color: #ffffff;

  font-weight: 700;

  margin-bottom: 20px;

}



.mobile-menu .contact-info ul li {

  position: relative;

  display: block;

  font-size: 15px;

  color: rgba(255,255,255,0.80);

  margin-bottom: 3px;

}



.mobile-menu .contact-info ul li a{

  color: rgba(255,255,255,0.80);

}



.mobile-menu .contact-info ul li a:hover{



}



.mobile-menu .contact-info ul li:last-child{

  margin-bottom: 0px;

}



.main-header .outer-box{

  position: relative;

}



.nice-select{

  position: relative;

  background: transparent;

  border: none;

  font-size: 15px;

  font-weight: 400;

  text-transform: uppercase;

  padding: 0px;

  color: #d4c0cd;

  padding-right: 21px;

  height: auto;

  line-height: 28px;

}



.tabs-box .tab{

  position:relative;

  display:none;

  transition: all 900ms ease;

  -moz-transition: all 900ms ease;

  -webkit-transition: all 900ms ease;

  -ms-transition: all 900ms ease;

  -o-transition: all 900ms ease;

}



.tabs-box .tab.active-tab{

  display:block;

}



.tabs-box .tab{

  transform:scale(0.9,0.9) translateY(0px);

}



.tabs-box .tab.active-tab{

  transform:scale(1) translateY(0px);

}



.special-text{

  font-family: 'Carattere', cursive;

}







/** banner-section **/



.banner-section{

  position: relative;

  background: #e2edea;

}



.banner-section .pattern-layer{

  position: absolute;

  left: 0px;

  top: 0px;

  width: calc(50% + 350px);

  height: 100%;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}



.banner-carousel .slide-item{

  position: relative;

}



.banner-section .content-box{

  padding: 173px 0px 180px 0px;

}



.banner-carousel .slide-item .bg-layer{

  position: absolute;

  left:0;

  top:0;

  width:100%;

  height:100%;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  -webkit-transform:scale(1);

  -ms-transform:scale(1);

  transform:scale(1);

  -webkit-transition: all 8000ms linear;

  -moz-transition: all 8000ms linear;

  -ms-transition: all 8000ms linear;

  -o-transition: all 8000ms linear;

  transition: all 8000ms linear;

}



.banner-carousel .content-box{

  position: relative;

  width: 100%;

  z-index: 5;

}



.banner-carousel .content-box h6{

  position: relative;

  display: block;

  font-size: 16px;

  line-height: 26px;

  font-weight: 700;

  color: var(--theme-color);

  text-transform: uppercase;

  margin-bottom: 11px;

  padding-left: 30px;

  opacity: 0;

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

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

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

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

  transform: translateY(-10px);

  -webkit-transition: all 1000ms ease;

  -moz-transition: all 1000ms ease;

  -ms-transition: all 1000ms ease;

  -o-transition: all 1000ms ease;

  transition: all 1000ms ease;

}



.banner-carousel .content-box h6:before{

  position: absolute;

  content: '';

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

  width: 20px;

  height: 12px;

  left: 0px;

  top: 7px;

  background-repeat: no-repeat;

}



.banner-carousel .active .content-box h6{

  opacity: 1;

  -webkit-transition-delay: 700ms;

  -moz-transition-delay: 700ms;

  -ms-transition-delay: 700ms;

  -o-transition-delay: 700ms;

  transition-delay: 700ms;

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

}



.banner-carousel .content-box h2{

  position: relative;

  display: block;

  font-size: 72px;

  line-height: 82px;

  color: #fff;

  margin-bottom: 35px;

  opacity: 0;

  -webkit-transform: translateY(10px);

  -moz-transform: translateY(10px);

  -ms-transform: translateY(10px);

  -o-transform: translateY(10px);

  transform: translateY(10px);

  -webkit-transition: all 1000ms ease;

  -moz-transition: all 1000ms ease;

  -ms-transition: all 1000ms ease;

  -o-transition: all 1000ms ease;

  transition: all 1000ms ease;

}



.banner-carousel .active .content-box h2{

  opacity: 1;

  -webkit-transition-delay: 700ms;

  -moz-transition-delay: 700ms;

  -ms-transition-delay: 700ms;

  -o-transition-delay: 700ms;

  transition-delay: 700ms;

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

}



.banner-carousel .content-box .btn-box{

  opacity: 0;

  -webkit-transform: translateY(10px);

  -moz-transform: translateY(10px);

  -ms-transform: translateY(10px);

  -o-transform: translateY(10px);

  transform: translateY(10px);

  -webkit-transition: all 1000ms ease;

  -moz-transition: all 1000ms ease;

  -ms-transition: all 1000ms ease;

  -o-transition: all 1000ms ease;

  transition: all 1000ms ease;

}



.banner-carousel .active .content-box .btn-box{

  opacity: 1;

  -webkit-transition-delay: 1300ms;

  -moz-transition-delay: 1300ms;

  -ms-transition-delay: 1300ms;

  -o-transition-delay: 1300ms;

  transition-delay: 1300ms;

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

}



.banner-carousel .content-box .btn-box .theme-btn:hover{

  background: #fff;

  color: var(--title-color);

}



.banner-carousel .content-box .btn-box .theme-btn:hover:before{

  background: #fff;

}



.banner-section .image-box{

  position: relative;

  display: block;

  margin-left: 35px;

}



.banner-section .image-box .image{

  position: relative;

  display: block;

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

}



.banner-section .image-box .image img{

  width: 100%;

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

}



.banner-section .image-box .text-box{

  position: absolute;

  left: -135px;

  bottom: 60px;

  max-width: 470px;

  width: 100%;

  background: #fff;

  border-radius: 10px;

  padding: 29px 40px 28px 35px;

  opacity: 0;

  -webkit-transform: translateY(10px);

  -moz-transform: translateY(10px);

  -ms-transform: translateY(10px);

  -o-transform: translateY(10px);

  transform: translateY(10px);

  -webkit-transition: all 1000ms ease;

  -moz-transition: all 1000ms ease;

  -ms-transition: all 1000ms ease;

  -o-transition: all 1000ms ease;

  transition: all 1000ms ease;

}



.banner-section .active .image-box .text-box{

  opacity: 1;

  -webkit-transition-delay: 1300ms;

  -moz-transition-delay: 1300ms;

  -ms-transition-delay: 1300ms;

  -o-transition-delay: 1300ms;

  transition-delay: 1300ms;

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

}



.banner-carousel .curve-text{

  position: absolute;

  top: 130px;

  right: -60px;

  width: 120px;

  height: 120px;

  background: var(--theme-color);

  border-radius: 50%;

}



.banner-carousel .curve-text .curved-circle{

  position: absolute;

  left: 0px;

  top: 5px;

  font-size: 14px;

  line-height: 24px;

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

  color: #fff;

  font-weight: 700;

  text-transform: uppercase;

  width: 120px;

}



.owl-carousel .owl-nav span{

  font-family: 'flaticon';

}



.banner-section .banner-carousel .owl-nav{

  position: absolute;

  top: 50%;

  right: 72px;

  height: 206px;

  margin-top: -103px;

  z-index: 1;

}



.banner-section .banner-carousel .owl-nav button{

  position: relative;

  display: block;

  font-size: 32px;

  color: var(--title-color);

  cursor: pointer;

  margin: 0px 0px;

  transition: all 500ms ease;

}



.banner-section .banner-carousel .owl-nav button:hover{

 color: var(--theme-color);

}



.banner-section .banner-carousel .owl-nav button.owl-prev span{

  position: relative;

  display: inline-block;

  transform: rotate(90deg);

}



.banner-section .banner-carousel .owl-nav button.owl-prev{

  padding-top: 50px;

  margin-bottom: 42px;

}



.banner-section .banner-carousel .owl-nav button.owl-prev:before{

  position: absolute;

  content: 'prev';

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

  font-size: 14px;

  line-height: 24px;

  font-weight: 700;

  text-transform: uppercase;

  transform: rotate(90deg);

  left: -3px;

  top: 0px;

}



.banner-section .banner-carousel .owl-nav button.owl-next span{

  position: relative;

  display: inline-block;

  transform: rotate(90deg);

}



.banner-section .banner-carousel .owl-nav button.owl-next{

  padding-bottom: 44px;

}



.banner-section .banner-carousel .owl-nav button.owl-next:before{

  position: absolute;

  content: 'next';

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

  font-size: 14px;

  line-height: 24px;

  font-weight: 700;

  text-transform: uppercase;

  transform: rotate(90deg);

  left: -3px;

  bottom: 0px;

}





.banner-section .banner-carousel .owl-dots{

  position: absolute;

  right: 80px;

  bottom: 60px;

  counter-reset: slides-num;

  min-height: 30px;

  min-width: 51px;

}



.banner-section .banner-carousel .owl-dots::after {

  position: absolute;

  right: 0px;

  top: 5px;

  content: "0" counter(slides-num);

  display: inline-block;

  font-size: 16px;

  color: #a5b2af;

  font-weight: 600;

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

}



.banner-section .banner-carousel .owl-dots:before{

  position: absolute;

  content: '';

  right: 28px;

  top: 18px;

  width: 5px;

  height: 2px;

  background: #a5b2af;

}



.banner-section .banner-carousel .owl-dots button span{

  display: none !important;

}



.banner-section .banner-carousel .owl-dots button{

  position: absolute;

  top: 0px;

  left: 0px;

  counter-increment: slides-num;

  font-size: 24px;

  line-height: 30px;

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

  font-weight: 600;

  color: var(--title-color);

}



.banner-section .banner-carousel .owl-dots button.active:before{

  position: absolute;

  content: counter(slides-num);

}



.banner-section .banner-carousel .owl-dots button.active:after{

  position: absolute;

  content: '0';

  top: 0px;

  right: 0px;

}





/** service-section **/



.service-section{

  position: relative;

  padding: 113px 0px 90px 0px;

}



.service-block-one .inner-box{

  position: relative;

  display: block;

  border: 1px solid #dbe5e2;

  border-radius: 10px;

  padding: 10px;

  margin-bottom: 30px;

  transition: all 500ms ease;

}



.service-block-one .inner-box:hover{

  transform: translateY(-30px);

  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.12);

}



.service-block-one .inner-box h6{

  position: relative;

  display: block;

  font-size: 14px;

  line-height: 24px;

  color: #a5b2af;

  font-weight: 700;

  text-transform: uppercase;

  margin-bottom: 10px;

}



.service-block-one .inner-box h3{

  position: relative;

  display: block;

  font-size: 24px;

  line-height: 34px;

  padding-bottom: 22px;

  margin-bottom: 10px;

  border-bottom: 1px solid #dbe5e2;

}



.service-block-one .inner-box h3 a{

  display: inline-block;

  color: var(--title-color);

}



.service-block-one .inner-box h3 a:hover{

  color: var(--theme-color);

}



.service-block-one .inner-box p{

  display: block;

  margin-bottom: 15px;

}



.service-block-one .inner-box .image-box{

  position: relative;

}



.service-block-one .inner-box .image-box .image{

  position: relative;

  display: block;

  overflow: hidden;

  border-radius: 8px;

}



.service-block-one .inner-box .image-box .image img{

  width: 100%;

  border-radius: 8px;

}



.service-block-one .inner-box .image-box .image:before{

  position: absolute;

  content: '';

  background: #132720;

  width: 100%;

  height: 100%;

  left: 0px;

  top: 0px;

  z-index: 1;

  opacity: 0;

  transition: all 500ms ease;

}



.service-block-one .inner-box:hover .image-box .image:before{

  opacity: 0.9;

}



.service-block-one .inner-box .image-box .btn-box{

  position: absolute;

  left: 0px;

  bottom: 25px;

  z-index: 2;

  width: calc(100% - 80px);

  transition: all 500ms ease;

}



.service-block-one .inner-box:hover .image-box .btn-box{

  left: 40px;

}



.service-block-one .inner-box .image-box .btn-box .theme-btn{

  background: #fff;

  color: var(--title-color);

  padding-left: 0px;

  border-radius: 0px 40px 40px 0px;

}



.service-block-one .inner-box:hover .image-box .btn-box .theme-btn{

  border-radius: 40px;

  padding-left: 33px;

  width: 100%;

}



.service-block-one .inner-box .image-box .btn-box .theme-btn:hover{

  color: #fff;

  background: var(--theme-color);

}



.service-block-one .inner-box .image-box .btn-box .theme-btn:before{

  background: var(--theme-color);

}



.service-section .image-inner img{

  position: relative;

  max-width: none;

  float: right;

}



.service-block-two .inner-box{

  position: relative;

  display: block;

  border-radius: 10px;

  margin-bottom: 30px;

  padding: 42px 40px 41px 39px;

  width: 100%;

  overflow: hidden;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}



.service-block-two .inner-box:before{

  position: absolute;

  content: '';

  background: -webkit-linear-gradient(-45deg, #132720, #187c59 100%);

  width: 100%;

  height: 100%;

  left: 0px;

  top: 0px;

  opacity: 0.65;

}



.service-block-two .inner-box .icon-box{

  position: relative;

  display: inline-block;

  width: 70px;

  height: 70px;

  line-height: 70px;

  background: #fff;

  text-align: center;

  border-radius: 50%;

  margin-bottom: 20px;

}



.service-block-two .inner-box h3{

  display: block;

  font-size: 24px;

  line-height: 34px;

  color: #fff;

  margin-bottom: 20px;

}



.service-block-two .inner-box p{

  color: #fff;

  margin-bottom: 20px;

}



.service-block-two .inner-box .theme-btn{

  background: #fff;

  color: var(--title-color);

}



.service-block-two .inner-box .theme-btn:hover{

  color: #fff;

  background: var(--theme-color);

}



.service-block-two .inner-box .theme-btn:before{

  background: var(--theme-color);

}



.bg-color-1{

  background-color: #e2edea;

}





/** funfact-section **/



.funfact-section{

  position: relative;

}



.funfact-section .bg-layer{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 160px;

  background: #fff;

}



.funfact-section .sec-title{

  margin-bottom: 0px;

  padding: 43px 30px 48px 49px;

  border: 1px solid #dbe5e2;

  border-radius: 10px;

  background: #fff;

}



.funfact-section .inner-container{

  position: relative;

  margin: 0px 15px;

}



.funfact-section .single-column{

  padding: 0px;

}



.funfact-block-one .inner-box{

  position: relative;

  display: block;

  text-align: center;

  padding: 39px 30px 33px 30px;

  border: 1px solid #dbe5e2;

  border-radius: 10px;

  background: #fff;

}



.funfact-section .inner-container .funfact-block-one .inner-box{

  border-left: none;

}



.funfact-section .inner-container .single-column:nth-child(4) .funfact-block-one .inner-box{

  border-left: 1px solid #dbe5e2;

  border-top: none;

}



.funfact-section .inner-container .single-column:nth-child(5) .funfact-block-one .inner-box{

  border-top: none;

}



.funfact-block-one .inner-box .icon-box{

  position: relative;

  display: inline-block;

  margin-bottom: 21px;

}


.funfact-block-one .inner-box h2 {
  display: block;
  font-size: 22px;
  line-height: 40px;
  padding-bottom: 16px;
  margin-bottom: 19px;
  border-bottom: 1px solid #dbe5e2;
  padding: 0 33px 16px;
}



.funfact-block-one .inner-box h2 span{

  font-weight: 200;

}



.funfact-block-one .inner-box p{

  line-height: 24px;
  text-align: start;

}



.tabs-box .tab{

  position:relative;

  display:none;

  transition: all 900ms ease;

  -moz-transition: all 900ms ease;

  -webkit-transition: all 900ms ease;

  -ms-transition: all 900ms ease;

  -o-transition: all 900ms ease;

}



.tabs-box .tab.active-tab{

  display:block;

}



.tabs-box .tab{

  transform:scale(0.9,0.9) translateY(0px);

}



.tabs-box .tab.active-tab{

  transform:scale(1) translateY(0px);

}



.chart-one.tabs-box .tab{

  transform:scale(1) translateY(0px);

  opacity: 0;

}



.chart-one.tabs-box .tab.active-tab{

  transform:scale(1) translateY(0px);

  opacity: 1;

}



.chart-one{

  position: relative;

  width: 100%;

  background: -webkit-linear-gradient(-45deg, #132720, #187c59 100%);

  border-radius: 10px;

  overflow: hidden;

  max-width: 585px;

}



.chart-one h5{

  position: relative;

  display: block;

  font-size: 18px;

  line-height: 28px;

  color: #fff;

  padding-top: 30px;

  padding-left: 40px;

}



.chart-one .content-box{

  position: relative;

  display: block;

}



.chart-one .content-box .graph-image{

  position: absolute;

  left: 0px;

  bottom: 0px;

}



.chart-one .content-box .graph-image img{

  width: 100%;

}



.chart-one .tab-btn-box{

  position: absolute;

  left: 40px;

  bottom: 33px;

}



.chart-one .content-box .text-box{

  position: relative;

  display: block;

  text-align: right;

  padding: 74px 40px 33px 0px;

}



.chart-one .tab-btn-box .tab-btns{

  position: relative;

  display: flex;

  z-index: 2;

}



.chart-one .tab-btn-box .tab-btns li{

  position: relative;

  display: inline-block;

  font-size: 14px;

  line-height: 24px;

  color: #a5b2af;

  cursor: pointer;

  transition: all 500ms ease;

  margin-right: 22px;

}



.chart-one .tab-btn-box .tab-btns li:last-child{

  margin-right: 0px !important;

}



.chart-one .tab-btn-box .tab-btns li.active-btn{

  color: #fff;

}



.chart-one .tab-btn-box .tab-btns li:before{

  position: absolute;

  content: '';

  background: var(--theme-color);

  width: 6px;

  height: 6px;

  border-radius: 50%;

  left: 50%;

  margin-left: -3px;

  top: -10px;

  transform: scale(0,0);

  transition: all 500ms ease;

}



.chart-one .tab-btn-box .tab-btns li.active-btn:before{

  transform: scale(1,1);

}



.chart-one .content-box .text-box h3{

  display: block;

  font-size: 26px;

  line-height: 36px;

  color: #fff;

  margin-bottom: 3px;

}



.chart-one .content-box .text-box p{

  position: relative;

  display: inline-block;

  color: #fff;

  padding-left: 18px;

}



.chart-one .content-box .text-box p i{

  position: absolute;

  left: 0px;

  top: 2px;

  font-size: 14px;

  color: var(--theme-color);

}





/** about-section **/



.about-section{

  position: relative;

  padding: 120px 0px;

}



.about-section .image-box{

  position: relative;

  display: block;

  padding-right: 46px;

}



.about-section .image-box .image{

  position: relative;

  border-radius: 10px;

}



.about-section .image-box .image img{

  width: 100%;

  border-radius: 10px;

  transition: all 500ms ease;

}



.about-section .image-box .image-2{

  position: absolute;

  top: 72px;

  right: -14px;

  overflow: hidden;

}



.about-section .image-box .image-2:hover img{

  transform: scale(1.02);

}



.about-section .content-box{

  position: relative;

  display: block;

  margin-left: 100px;

}



.about-section .content-box .sec-title{

  margin-bottom: 41px;

}



.about-section .content-box .text-box{

  position: relative;

  display: block;

  margin-bottom: 33px;

}



.about-section .content-box .inner-box{

  position: relative;

  display: block;

  border: 1px solid #c2d2cd;

  border-radius: 10px;

  padding: 27px 30px 32px 35px;

  margin-bottom: 40px;

}



.about-section .content-box .inner-box h3{

  position: relative;

  display: block;

  font-size: 22px;

  line-height: 32px;

  margin-bottom: 5px;

}



.about-section .content-box .inner-box p{

  margin-bottom: 22px;

}



.list-style-one{

  position: relative;

  display: block;

}



.list-style-one li{

  position: relative;

  display: block;

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

  color: #6d7270;

  font-weight: 500;

  padding-left: 35px;

  margin-bottom: 14px;

}



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

  margin-bottom: 0px;

}



.list-style-one li:before{

  position: absolute;

  content: "\f109";

  font-family: 'flaticon';

  font-size: 22px;

  left: 0px;

  top: 1px;

  color: var(--theme-color);

}



.about-section .content-box .btn-box .theme-btn{

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

  color: var(--title-color);

  padding-top: 13px;

  padding-bottom: 13px;

}



.about-section .content-box .btn-box .theme-btn:hover{

  color: #fff;

  background: var(--theme-color);

}



.about-section .content-box .btn-box .theme-btn:before{

  background: var(--theme-color);

}



.bg-color-2{

  background: -webkit-linear-gradient(-45deg, #132720 50%, #187c59 100%);

}





/** working-section **/



.working-section{

  position: relative;

  padding: 113px 0px 90px 0px;

}



.working-section .pattern-layer{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}



.working-section .video-inner{

  position: relative;

  display: block;

  max-width: 630px;

  width: 100%;

  margin: 0 auto;

  border: 2px solid rgba(255, 255, 255, 0.12);

  border-radius: 10px;

  margin-bottom: 60px;

  padding: 74px 45px 104px 45px;

}



.working-section .video-inner .shape{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

  border-radius: 10px;

}



.working-section .video-inner .big-text{

  position: absolute;

  left: 50%;

  top: 56%;

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

  width: 100%;

  text-align: center;

  font-size: 110px;

  line-height: 110px;

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

  font-weight: 700;

  text-transform: uppercase;

  color: transparent;

  -webkit-text-stroke-width: 1px;

  -webkit-text-stroke-color: rgba(255, 255, 255, 0.12);

}



.working-section .video-inner h5{

  display: block;

  font-size: 18px;

  line-height: 28px;

  color: #fff;

  text-transform: uppercase;

  margin-bottom: 36px;

}



.working-section .video-inner .video-btn{

  position: relative;

  display: block;

  text-align: center;

}



.working-section .video-inner .video-btn a{

  position: relative;

  display: inline-block;

  width: 78px;

  height: 54px;

  line-height: 58px;

  text-align: center;

  border-radius: 40px;

  font-size: 20px;

  color: #fff;

  background: var(--theme-color);

}



.working-block-one{

  position: relative;

  display: block;

  text-align: center;

  padding: 13px 20px 0px 20px;

  margin-bottom: 30px;

}



.working-block-one:before{

  position: absolute;

  content: '';

  border: 2px solid rgba(255, 255, 255, 0.12);

  border-radius: 10px;

  left: 0px;

  top: 0px;

  width: 100%;

  height: calc(100% - 40px);

}



.working-block-one .icon-box{

  position: absolute;

  left: 50%;

  top: -132px;

  margin-left: -27px;

  width: 54px;

  height: 54px;

  line-height: 52px;

  text-align: center;

  border: 2px solid rgba(255, 255, 255, 0.12);

  border-radius: 50%;

}



.working-block:nth-child(2) .working-block-one .icon-box{

  top: -107px;

}



.working-block-one .icon-box:before{

  position: absolute;

  content: '';

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

  left: 24px;

  top: 52px;

  width: 2px;

  height: 78px;

}



.working-block:nth-child(2) .working-block-one .icon-box:before{

  height: 53px;

}



.working-block:first-child .working-block-one .icon-box:after{

  position: absolute;

  content: '';

  border: 2px solid rgba(255, 255, 255, 0.12);

  left: 24px;

  bottom: 52px;

  width: 86px;

  height: 79px;

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

  border-right: none;

  border-bottom: none;

}



.working-block:nth-child(2) .working-block-one .icon-box:after{

  position: absolute;

  content: '';

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

  left: 24px;

  bottom: 52px;

  width: 2px;

  height: 53px;

}



.working-block:last-child .working-block-one .icon-box:after{

  position: absolute;

  content: '';

  border: 2px solid rgba(255, 255, 255, 0.12);

  right: 24px;

  bottom: 52px;

  width: 86px;

  height: 79px;

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

  border-left: none;

  border-bottom: none;

}



.working-block-one h6{

  display: block;

  font-size: 16px;

  line-height: 26px;

  font-weight: 700;

  text-transform: uppercase;

  margin-bottom: 13px;

  color: var(--theme-color);

}



.working-block-one .inner-box{

  position: relative;

  display: block;

  background: #fff;

  border-radius: 10px;

  padding: 8px 30px 33px 30px;

}



.working-block-one .inner-box h3{

  display: block;

  font-size: 22px;

  line-height: 32px;

  margin-bottom: 10px;

}



.working-section .working-block:nth-child(2){

  margin-top: 100px;

}



.tabs-box-2 .tab-2{

  position:relative;

  display:none;

}



.tabs-box-2 .tab-2.active-tab-2{

  display:block;

}



.tabs-box-2 .tab-2{

  transform:scale(0.9,0.9) translateY(0px);

}



.tabs-box-2 .tab-2.active-tab-2{

  transform:scale(1) translateY(0px);

}





/** funding-section **/



.funding-section{

  position: relative;

  padding: 113px 0px 120px 0px;

}



.funding-section .sec-title .icon-box{

  position: absolute;

  right: 0px;

  bottom: 6px;

  display: inline-block;

  width: 70px;

  height: 70px;

  line-height: 82px;

  background: var(--theme-color);

  text-align: center;

  border-radius: 50%;

  font-size: 40px;

  color: #fff;

}



.funding-section .sec-title .shape{

  position: absolute;

  right: 105px;

  bottom: 5px;

  width: 340px;

  height: 50px;

  background-repeat: no-repeat;

}



.funding-section .tab-btn-one .tab-btns li{

  position: relative;

  display: block;

  margin-bottom: 20px;

}



.funding-section .tab-btn-one .tab-btns li:last-child{

  margin-bottom: 0px;

}



.funding-section .tab-btn-one .tab-btns li span{

  position: relative;

  display: inline-block;

  font-size: 16px;

  line-height: 26px;

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

  color: #a5b2af;

  font-weight: 500;

  background: #fff;

  border-radius: 40px;

  cursor: pointer;

  padding: 7px 30px;

  transition: all 500ms ease;

}



.funding-section .tab-btn-one .tab-btns li.active-btn span{

  color: #fff;

  background: var(--theme-color);

}



.funding-section .tab-btn-one{

  position: relative;

  padding-bottom: 206px;

  margin-bottom: 34px;

  border-bottom: 1px solid #c2d2cd;

}



.funding-section .payment-system h6{

  font-size: 16px;

  line-height: 26px;

  font-weight: 500;

}



.funding-section .payment-system p{

  margin-bottom: 24px;

}



.funding-section .payment-system .card-list li{

  position: relative;

  display: inline-block;

  float: left;

  margin-right: 10px;

}



.funding-section .payment-system .card-list li:last-child{

  margin: 0px !important;

}



.funding-section .tab-btn-two{

  margin-bottom: 30px;

}



.funding-section .tab-btn-two .tab-btns li{

  position: relative;

  display: inline-block;

  float: left;

  margin-right: 30px;

  padding-left: 35px;

  font-size: 16px;

  line-height: 26px;

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

  color: #6d7270;

  cursor: pointer;

  transition: all 500ms ease;

}



.funding-section .tab-btn-two .tab-btns li:last-child{

  margin: 0px !important;

}



.funding-section .tab-btn-two .tab-btns li.active-btn-2{

  color: var(--title-color);

}



.funding-section .tab-btn-two .tab-btns li:before{

  position: absolute;

  content: '';

  border: 1px solid #c2d2cd;

  width: 25px;

  height: 25px;

  left: 0px;

  top: 0px;

  border-radius: 50%;

  transition: all 500ms ease;

}



.funding-section .tab-btn-two .tab-btns li.active-btn-2:before{

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

}



.funding-section .tab-btn-two .tab-btns li:after{

  position: absolute;

  content: '';

  background: #c2d2cd;

  width: 11px;

  height: 11px;

  border-radius: 50%;

  left: 7px;

  top: 7px;

  transition: all 500ms ease;

}



.funding-section .tab-btn-two .tab-btns li.active-btn-2:after{

  background: var(--theme-color);

}



.funding-section .tabs-content{

  position: relative;

  margin-left: 40px;

}



.funding-section .content-box{

  position: relative;

  margin: 0px 15px;

}



.funding-section .content-box .inner-column,

.funding-section .content-box .trading-column{

  padding: 0px;

}



.funding-section .content-box .inner-box{

  position: relative;

  display: block;

  background: -webkit-linear-gradient(-45deg, #132720 50%, #154534 100%);

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

  padding: 40px 40px 50px 40px;

  margin-right: -24px;

}



.funding-section .content-box .inner-box .image-box{

  position: relative;

  display: block;

  margin-bottom: 13px !important;

}



.funding-section .content-box .inner-box .image-box img{

  width: 100%;

}



.funding-section .content-box .inner-box h2{

  position: relative;

  display: block;

  font-size: 54px;

  line-height: 64px;

  color: #fff;

  margin-bottom: 6px;

}



.funding-section .content-box .inner-box h2 span{

  position: relative;

  display: inline-block;

  font-size: 16px;

  line-height: 26px;

}



.funding-section .content-box .inner-box p{

  color: #a5b2af;

  margin-bottom: 28px;

}



.funding-section .content-box .inner-box .theme-btn{

  color: #fff;

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

  padding: 13px 33px;

}



.funding-section .content-box .inner-box .theme-btn:hover{

  background: var(--theme-color);

}



.funding-section .content-box .inner-box .theme-btn:before{

  background: var(--theme-color);

}



.funding-section .content-box .trading-list{

  position: relative;

  display: block;

  margin-left: 24px;

  border: 1px solid #c2d2cd;

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

  overflow: hidden;

}



.funding-section .content-box .trading-list li{

  position: relative;

  display: block;

  font-size: 16px;

  line-height: 60px;

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

  color: #6d7270;

  background: #cedfda;

  padding-left: 48px;

  margin-bottom: 5px;

}



.funding-section .content-box .trading-list li:last-child{

  margin-bottom: 0px;

}



.funding-section .content-box .trading-list li:before{

  position: absolute;

  content: '';

  background: var(--theme-color);

  width: 8px;

  height: 8px;

  border-radius: 50%;

  left: 29px;

  top: 26px;

}



.funding-section .content-box .trading-list li span{

  float: right;

  width: 160px;

  background: #d8e6e2;

  font-weight: 500;

  color: var(--title-color);

  padding-left: 30px;

}



.funding-section .pattern-layer{

  position: absolute;

  left: 0px;

  bottom: 235px;

  width: 845px;

  height: 273px;

  background-repeat: no-repeat;

}





/** pairs-section **/



.pairs-section{

  position: relative;

}



.pairs-section .inner-container{

  position: relative;

  max-width: 570px;

  width: 100%;

  margin: 0 auto;

}



.pairs-block-one{

  position: relative;

  display: block;

  background: #fff;

  padding: 26px 30px 23px 30px;

  border-radius: 10px;

  margin-bottom: 10px;

  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.12);

}



.pairs-block-one .inner-box{

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.pairs-block-one .inner-box .left-column{

  position: relative;

  display: block;

  padding-left: 50px;

}



.pairs-block-one .inner-box .left-column .icon-box{

  position: absolute;

  display: inline-block;

  left: 0px;

  top: 5px;

  width: 30px;

  height: 42px;

  line-height: 46px;

  font-size: 20px;

  background: #e2edea;

  text-align: center;

  border-radius: 40px;

  color: #54b764;

}



.pairs-block-one.red-block .inner-box .left-column .icon-box{

  color: red;

}



.pairs-block-one .inner-box .left-column .list-item{

  margin-bottom: 3px;

}



.pairs-block-one .inner-box .left-column .list-item li{

  position: relative;

  display: inline-block;

  float: left;

  font-size: 14px;

  line-height: 24px;

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

  color: var(--title-color);

  font-weight: 700;

  text-transform: uppercase;

  margin-right: 10px;

}



.pairs-block-one .inner-box .left-column .list-item li:last-child{

  margin: 0px !important;

}



.pairs-block-one .inner-box .left-column .list-item li i{

  position: relative;

  font-size: 20px;

  color: #a5b2af;

  top: 2px;

}



.pairs-block-one .inner-box .left-column .currency{

  position: relative;

  display: block;

  font-size: 15px;

  line-height: 24px;

}



.pairs-block-one .inner-box .right-column{

  position: relative;

  display: flex;

  align-items: center;

}



.pairs-block-one .inner-box .right-column .text{

  margin-right: 40px;

  text-align: right;

}



.pairs-block-one .inner-box .right-column .currency-rate{

  position: relative;

  display: block;

  font-size: 15px;

  line-height: 24px;

  margin-bottom: 0px;

  color: var(--theme-color);

  margin-bottom: 7px;

}



.pairs-block-one.red-block .inner-box .right-column .currency-rate{

  color: red;

}



.pairs-block-one .inner-box .right-column .sell{

  position: relative;

  display: block;

  font-size: 15px;

  line-height: 24px;

}



.pairs-block-one .inner-box .right-column .theme-btn{

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

  color: var(--title-color);

  padding: 7px 24px;

}



.pairs-block-one .inner-box .right-column .theme-btn:hover{

  color: #fff;

  background: var(--theme-color);

}



.pairs-block-one .inner-box .right-column .theme-btn:before{

  background: var(--theme-color);

}



.pairs-section .more-btn{

  padding-top: 40px;

}



.pairs-section .pattern-layer{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  background-repeat: no-repeat;

  background-position: center;

  -webkit-animation: service_hexagon_2 15s infinite linear;

  -moz-animation: service_hexagon_2 15s infinite linear;

  -o-animation: service_hexagon_2 15s infinite linear;

  animation: service_hexagon_2 15s infinite linear;

}



.pairs-section .image-layer .image-1{

  position: absolute;

  left: 0px;

  bottom: 235px;

}



.pairs-section .image-layer .image-2{

  position: absolute;

  right: 0px;

  bottom: 270px;

}





/** chooseus-section **/



.chooseus-section{

  position: relative;

}



.chooseus-block-one .inner-box{

  position: relative;

  display: block;

  background: #fff;

  border-radius: 10px;

  padding: 25px 25px 38px 25px;

  text-align: center;

}



/*.chooseus-block-one .inner-box .icon-box{*/

/*  position: relative;*/

/*  display: inline-block;*/

/*  width: 72px;*/

/*  height: 72px;*/

/*  line-height: 72px;*/

/*  text-align: center;*/

/*  margin-bottom: 40px;*/

/*  z-index: 1;*/

/*}*/





.chooseus-block-one .inner-box .icon-box{

  display: none;

 }

.chooseus-block-one .inner-box .icon-box .icon{

  position: relative;

  display: inline-block;

}



/*.chooseus-block-one .inner-box .icon-box .icon img{*/

/*  display: inline-block;*/

/*  max-width: 100%;*/

/*}*/



/*.chooseus-block-one .inner-box .icon-box:before{*/

/*  position: absolute;*/

/*  content: '';*/

/*  background: #e2edea;*/

/*  width: 72px;*/

/*  height: 72px;*/

/*  left: 0px;*/

/*  top: 0px;*/

/*  border-radius: 10px;*/

/*  transform: rotate(10deg);*/

/*}*/



/*.chooseus-block-one .inner-box .icon-box:after{*/

/*  position: absolute;*/

/*  content: '';*/

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

/*  width: 72px;*/

/*  height: 72px;*/

/*  left: 0px;*/

/*  top: 0px;*/

/*  border-radius: 10px;*/

/*  transform: rotate(-10deg);*/

/*  transition: all 500ms ease;*/

/*}*/



.chooseus-block-one .inner-box:hover .icon-box:after{

  z-index: -1;

  background: var(--theme-color);

}



.chooseus-block-one .inner-box h3{

  position: relative;

  display: block;

  font-size: 20px;

  line-height: 32px;

  border-radius: 40px;

  overflow: hidden;

  margin-bottom: 28px;

  padding: 14px 30px;

  z-index: 1;

}



.chooseus-block-one .inner-box h3:before{

  position: absolute;

  content: '';

  background: linear-gradient(90deg, #e2edea 10%, #26c48c 50%, #e2edea 90%);

  width: 100%;

  height: 100%;

  left: 0px;

  top: 0px;

  z-index: -1;

}



.chooseus-block-one .inner-box h3:after{

  position: absolute;

  content: '';

  background: #e2edea;

  width: 100%;

  height: calc(100% - 2px);

  left: 0px;

  top: 1px;

  z-index: -1;

}



.chooseus-section .owl-dots{

  position: absolute;

  top: -86px;

  right: 42px;

}



.dots-style-one .owl-dots .owl-dot span{

  display: none;

}



.dots-style-one .owl-dots .owl-dot{

  position: relative;

  display: inline-block;

  width: 8px;

  height: 8px;

  border-radius: 50%;

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

  margin: 0px 0px;

  margin-right: 30px;

  transition: all 500ms ease;

}



.dots-style-one .owl-dots .owl-dot:last-child{

  margin: 0px !important;

}



.dots-style-one .owl-dots .owl-dot.active,

.dots-style-one .owl-dots .owl-dot:hover{

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

}



.chooseus-section .owl-nav{

  position: absolute;

  top: -84px;

  right: -12px;

  width: 194px;

}



.chooseus-section .nav-style-one .owl-nav button{

  position: absolute;

  top: 0px;

}



.nav-style-one .owl-nav button{

  position: relative;

  display: inline-block;

  font-size: 40px;

  color: #fff;

  cursor: pointer;

  transition: all 500ms ease;

}



.nav-style-one .owl-nav button:hover{

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

}



.chooseus-section .owl-nav button.owl-prev{

  left: 0px;

}



.chooseus-section .owl-nav button.owl-next{

  right: 0px;

}





/** testimonial-section **/



.testimonial-section{

  position: relative;

}



.testimonial-section .upper-box{

  position: relative;

  background: #e2edea;

  border-radius: 50px;

  overflow: hidden;

  padding: 19px 40px;

  margin-bottom: 60px;

}



.testimonial-section .upper-box .left-content{

  position: relative;

  display: flex;

  align-items: center;

}



.testimonial-section .upper-box .left-content h3{

  position: relative;

  display: block;

  font-size: 22px;

  line-height: 32px;

  padding-left: 40px;

  margin-right: 25px;

}



.testimonial-section .upper-box .left-content h3 img{

  position: absolute;

  left: 0px;

  top: 0px;

}



.testimonial-section .upper-box .left-content h6{

  display: block;

  font-size: 16px;

  line-height: 26px;

}



.testimonial-section .upper-box .left-content h6 span{

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

  color: #6d7270;

  font-weight: 400;

}



.testimonial-section .upper-box .right-content{

  position: relative;

  padding-right: 70px;

  padding-left: 26px;

}



.testimonial-section .upper-box .right-content h5{

  position: relative;

  display: block;

  font-size: 18px;

  line-height: 28px;

  padding-left: 50px;

}



.testimonial-section .upper-box .right-content h5 img{

  position: absolute;

  left: 0px;

  top: 0px;

}



.testimonial-section .upper-box .right-content .link{

  position: absolute;

  top: -6px;

  right: 0px;

}



.testimonial-section .upper-box .right-content .link a{

  position: relative;

  display: inline-block;

  width: 60px;

  height: 40px;

  line-height: 46px;

  background: #fff;

  text-align: center;

  font-size: 20px;

  color: var(--title-color);

  border-radius: 40px;

}



.testimonial-section .upper-box .right-content .link a:hover{

  color: #fff;

  background: var(--theme-color);

}



.testimonial-section .upper-box .right-content:before{

  position: absolute;

  content: '';

  background: #c2d2cd;

  width: 1px;

  height: 60px;

  left: -15px;

  top: -16px;

}



.testimonial-block-one .inner-box{

  position: relative;

  display: block;

  background: #fff;

  border: 1px solid #dbe5e2;

  border-radius: 10px;

  padding: 32px 40px 33px 40px;

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

}



.testimonial-block-one .inner-box .author-box{

  position: relative;

  display: block;

  padding-bottom: 19px;

  margin-bottom: 36px;

  border-bottom: 1px solid #dbe5e2;

}



.testimonial-block-one .inner-box .author-box .icon-box{

  position: absolute;

  top: -34px;

  right: 75px;

  font-size: 125px;

  color: #e2edea;

}



.testimonial-block-one .inner-box .author-box .thumb-box{

  position: absolute;

  right: 0px;

  bottom: -27px;

  width: 80px;

  height: 80px;

  border-radius: 50%;

}



.testimonial-block-one .inner-box .author-box .thumb-box img{

  width: 100%;

  border-radius: 50%;

}



.testimonial-block-one .inner-box .author-box h3{

  display: block;

  font-size: 22px;

  line-height: 32px;

  margin-bottom: 1px;

}



.testimonial-block-one .inner-box .author-box .designation{

  position: relative;

  display: block;

  color: var(--theme-color);

}



.testimonial-block-one .inner-box .text-box h5{

  position: relative;

  display: inline-block;

  font-size: 18px;

  line-height: 28px;

  font-weight: 700;

  text-transform: uppercase;

  padding-right: 34px;

  margin-bottom: 15px;

}



.testimonial-block-one .inner-box .text-box h5 img{

  position: absolute;

  top: -6px;

  right: 0px;

}



.testimonial-block-one .inner-box .text-box p{

  margin-bottom: 24px;

}



.testimonial-block-one .inner-box .text-box .rating{

  position: relative;

  display: flex;

  align-items: center;

}



.testimonial-block-one .inner-box .text-box .rating li{

  position: relative;

  display: inline-block;

  font-size: 16px;

  margin-right: 5px;

  color: var(--theme-color);

}







.testimonial-section .owl-carousel .owl-stage-outer{

  overflow: visible;

}



.testimonial-section .owl-carousel .owl-stage-outer .owl-item{

  opacity: 0;

  visibility: hidden;

}



.testimonial-section .owl-carousel .owl-stage-outer .owl-item.active{

  opacity: 1;

  visibility: visible;

}



.testimonial-section .owl-dots{

  position: relative;

  display: block;

  text-align: center;

  margin-top: 56px;

}



.testimonial-section .dots-style-one .owl-dots .owl-dot{

  background-color: #c6d5d0;

}



.testimonial-section .owl-nav{

  position: absolute;

  display: block;

  max-width: 194px;

  width: 100%;

  margin: 0 auto;

  left: 0px;

  right: 0px;

  bottom: 24px;

  z-index: 1;

}



.testimonial-section .owl-nav button{

  color: var(--title-color);

}



.testimonial-section .owl-nav button.owl-prev{

  position: absolute;

  left: 0px;

  top: 0px;

}



.testimonial-section .owl-nav button.owl-next{

  position: absolute;

  right: 0px;

  top: 0px;

}





/** featured-section **/



.featured-section{

  position: relative;

  overflow: hidden;

}



.featured-section .bg-layer{

  position: absolute;

  left: 0px;

  top: 0px;

  width: calc(50% - 105px);

  height: 100%;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}



.featured-section .sec-title{

  max-width: 360px;

  width: 100%;

  padding: 390px 0px 110px 0px;

  margin-bottom: 0px;

}



.featured-section .bg-layer:before{

  position: absolute;

  content: '';

  background: -webkit-linear-gradient(-90deg, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.80) 100%);

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

}



.featured-block-one .inner-box{

  position: relative;

  display: block;

  background: #fff;

  border-radius: 10px;

  text-align: center;

  padding: 40px 30px;

  margin-bottom: 30px;

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

}



.featured-block-one .inner-box .clients-logo{

  position: relative;

  display: block;

  margin-bottom: 18px !important;

}



.featured-block-one .inner-box p{

  margin-bottom: 23px;

}



.featured-block-one .inner-box a{

  position: relative;

  display: inline-block;

  width: 60px;

  height: 40px;

  line-height: 46px;

  background: #e2edea;

  text-align: center;

  border-radius: 40px;

  font-size: 20px;

  color: var(--title-color);

}



.featured-block-one .inner-box a:hover{

  background: var(--theme-color);

  color: #fff;

}



.featured-section .content-box{

  position: relative;

  max-height: 730px;

}



.featured-section .content-box .right-content{

  padding-top: 30px;

}



.bx-viewport{

  min-height: 730px !important;

}





/** news-section **/



.news-section{

  position: relative;

  padding: 113px 0px 90px 0px;

}

.home .news-block-one .inner-box{
    min-height: 474px;
}
.news-block-one .inner-box{
  position: relative;

  display: block;

  background: #fff;

  border-radius: 10px;

  padding: 15px;

  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.12);

  margin-bottom: 30px;

}



.news-block-one .inner-box .image-box{

  position: relative;

  display: block;

  overflow: hidden;

  border-radius: 10px;

  text-align: center;

  margin-bottom: 10px;

}



.news-block-one .inner-box .image-box img{

  border-radius: 10px;

  transition: all 500ms ease;

}



.news-block-one .inner-box:hover .image-box img{

  transform: scale(1.05);

}



.news-block-one .inner-box .lower-content{

  position: relative;

  display: block;

  padding: 18px 10px 10px 10px;

}



.news-block-one .inner-box .lower-content h3{

  display: block;

  font-size: 22px;

  line-height: 32px;

  padding-bottom: 17px;

  margin-bottom: 19px;

  border-bottom: 1px solid #dbe5e2;

}



.news-block-one .inner-box .lower-content h3 a {
  display: inline-block;
  color: var(--title-color);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}



.news-block-one .inner-box .lower-content h3 a:hover{

  color: var(--theme-color);

}



.news-block-one .inner-box .lower-content .post-info{

  position: relative;

  display: flex;

  align-items: center;

  margin-bottom: 19px;

}



.news-block-one .inner-box .lower-content .post-info li{

  position: relative;

  margin-right: 34px;

  padding-left: 23px;

  font-size: 16px;

  color: #6d7270;

}



.news-block-one .inner-box .lower-content .post-info li:last-child{

  margin: 0px !important;

}



.news-block-one .inner-box .lower-content .post-info li a{

  display: inline-block;

  color: #6d7270;

}



.news-block-one .inner-box .lower-content .post-info li a:hover{

  color: var(--theme-color);

}



.news-block-one .inner-box .lower-content .post-info li i{

  position: absolute;

  left: 0px;

  top: 2px;

  font-size: 14px;

}



.news-block-one .inner-box .lower-content .post-info li:before{

  position: absolute;

  content: '';

  background: #c2d2cd;

  width: 3px;

  height: 14px;

  right: -18px;

  top: 6px;

  border-radius: 2px;

}



.news-block-one .inner-box .lower-content .post-info li:last-child:before{

  display: none;

}



.news-block-one .inner-box .lower-content .lower-box{
  display: none;
	position: relative;

	/* display: flex; */

	align-items: center;

	gap: 10px;

}



.news-block-one .inner-box .lower-content .lower-box .category-btn{

	display:inline-flex;

	align-items:center;

	gap: 10px;

}



.news-block-one .inner-box .lower-content .lower-box .category-btn a{

  position: relative;

  display: block;

  font-size: 14px;

  line-height: 24px;

  font-weight: 700;

  text-transform: uppercase;

  padding: 7px 14px;

  border-radius: 30px;

  color: var(--theme-color);

  border: 1px solid #dbe5e2;

}



.news-block-one .inner-box .lower-content .lower-box a.read-more{

  position: relative;

  display: inline-block;

  width: 60px;

  height: 40px;

  line-height: 44px;

  font-size: 20px;

  color: var(--title-color);

  border: 1px solid #dbe5e2;

  text-align: center;

  border-radius: 40px;

}



.news-block-one .inner-box .lower-content .lower-box a.read-more:hover{

  color: var(--theme-color);

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

}





/** main-footer **/



.main-footer{

  position: relative;

}



.main-footer .footer-top{

  padding-top: 104px;

}



.main-footer .footer-top .form-inner{

  position: relative;

  display: flex;

  align-items: center;

}



.footer-top .footer-top-content .form-inner form{

  position: relative;

  float: left;

  width: 570px;

  margin-right: 50px;

}



.footer-top .footer-top-content .form-inner .form-group{

  position: relative;

  margin-bottom: 0px;

}



.footer-top .footer-top-content .form-inner .form-group input[type='email']{

  position: relative;

  display: block;

  width: 100%;

  height: 54px;

  background: transparent;

  border: 1px solid rgba(255, 255, 255, 0.12);

  border-radius: 40px;

  font-size: 16px;

  color: #a5b2af;

  padding: 10px 190px 10px 30px;

  transition: all 500ms ease;

}



.footer-top .footer-top-content .form-inner .form-group button[type=submit]{

  position: absolute;

  top: 0px;

  right: 0px;

  background: #fff !important;

}



.footer-top .footer-top-content .form-inner .form-group input:focus{

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

}



.footer-top .footer-top-content .form-inner .form-group button[type=submit]:before{

  display: none;

}



.footer-top .footer-top-content h2{

  position: relative;

  font-size: 66px;

  line-height: 85px;

  color: #fff;

}



.footer-top .footer-top-content .subscriber-box{

  position: relative;

  display: flex;

  align-items: center;

  padding-left: 50px;

}



.footer-top .footer-top-content .subscriber-box .thumb-box{

  position: relative;

  display: inline-block;

  border-radius: 50%;

  margin-right: -12px;

}



.footer-top .footer-top-content .subscriber-box .thumb-box img{

  width: 100%;

  border-radius: 50%;

}



.footer-top .footer-top-content .subscriber-box span{

  position: relative;

  display: inline-block;

  width: 52px;

  height: 40px;

  line-height: 40px;

  font-size: 14px;

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

  font-weight: 600;

  color: #fff;

  text-transform: uppercase;

  background: var(--theme-color);

  border: 2px solid #152e25;

  border-radius: 40px;

  text-align: center;

  margin-right: 10px;

}



.footer-top .footer-top-content .lower-box{

  position: relative;

  display: flex;

  align-items: center;

}



.footer-top .footer-top-content .subscriber-box h6{

  font-size: 16px;

  line-height: 26px;

  color: #fff;

}



.main-footer .widget-section{

  position: relative;

  padding: 35px 0px 95px 0px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.12);

}



.main-footer .logo-widget{

  position: relative;

  margin-top: 8px;

}



.main-footer .logo-widget .footer-logo{

  position: relative;

  margin-bottom: 28px;

}



.main-footer p{

  color: #a5b2af;

}



.main-footer .logo-widget p{

  margin-bottom: 33px;

}



.main-footer .logo-widget .link-box{

  position: relative;

  display: block;

  padding-left: 67px;

}



.main-footer .logo-widget .link-box .icon-box{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 54px;

  height: 40px;

  line-height: 46px;

  text-align: center;

  font-size: 20px;

  color: #fff;

  background: var(--theme-color);

  border-radius: 40px;

}



.main-footer .logo-widget .link-box h6{

  position: relative;

  display: block;

  font-size: 14px;

  line-height: 20px;

  font-weight: 700;

  text-transform: uppercase;

}



.main-footer .logo-widget .link-box h6 a{

  position: relative;

  display: inline-block;

  color: #fff;

  padding-right: 26px;

}



.main-footer .logo-widget .link-box h6 a:hover{

  color: var(--theme-color);

}



.main-footer .logo-widget .link-box h6 a i {

  position: absolute;

  right: 0px;

  bottom: -3px;

  font-size: 20px;

}



.main-footer .widget-title,

.footer-widget h2{

  position: relative;

  display: block;

  margin-bottom: 20px;

}



.main-footer .widget-title h3,

.footer-widget h2{

  font-size: 22px;

  line-height: 32px;

  color: #fff;

}



.main-footer .links-widget .links-list li{

  position: relative;

  display: block;

  margin-bottom: 10px;

}



.main-footer .links-widget .links-list li a{

  position: relative;

  display: inline-block;

  color: #a5b2af;

  padding-left: 28px;

}



.main-footer .links-widget .links-list li a:hover{

  color: #fff;

}



.main-footer .links-widget .links-list li a:before{

  position: absolute;

  content: '^';

  left: 0px;

  color: #46665b;

  font-size: 30px;

  top: 10px;

  transition: all 500ms ease;

}



.main-footer .links-widget .links-list li a:hover:before{

  color: var(--theme-color);

}



.main-footer .contact-widget{

  text-align: right;

}



.main-footer .contact-widget .social-links{

  position: relative;

  display: flex;

  align-items: center;

  justify-content: right;

  margin-bottom: 50px;

}



.main-footer .contact-widget .social-links li{

  margin-right: 10px;

}



.main-footer .contact-widget .social-links li:last-child{

  margin: 0px !important;

}



.main-footer .contact-widget .social-links li a{

  position: relative;

  display: inline-block;

  width: 54px;

  height: 40px;

  line-height: 44px;

  background: #fff;

  text-align: center;

  font-size: 20px;

  color: var(--title-color);

  border-radius: 40px;

}



.main-footer .contact-widget .social-links li a:hover{

  color: #fff;

  background: var(--theme-color);

}



.main-footer .contact-widget .download-list li{

  position: relative;

  display: block;

  margin-bottom: 15px;

}



.main-footer .contact-widget .download-list li:last-child{

  margin-bottom: 0px;

}



.main-footer .contact-widget .download-list li.app-store a{

  position: relative;

  display: inline-block;

  font-size: 14px;

  line-height: 24px;

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

  font-weight: 700;

  text-transform: uppercase;

  color: #fff;

  border-radius: 40px;

  padding: 12.5px 38px;

  border: 1px solid #fff;

}



.main-footer .contact-widget .download-list li.app-store a i{

  position: relative;

  display: inline-block;

  font-size: 20px;

  margin-right: 9px;

  top: 5px;

}



.main-footer .contact-widget .download-list li.play-store a{

  position: relative;

  display: inline-block;

  font-size: 14px;

  line-height: 24px;

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

  font-weight: 700;

  text-transform: uppercase;

  color: var(--title-color);

  border-radius: 40px;

  padding: 15px 38px;

  background: #fff;

}



.main-footer .contact-widget .download-list li.play-store a img{

  position: relative;

  display: inline-block;

  margin-right: 9px;

}



.footer-bottom{

  position: relative;

  width: 100%;

  padding: 23px 0px;

}



.footer-bottom .bottom-inner{

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.footer-bottom .bottom-inner p a{

  color: var(--theme-color);

}



.footer-bottom .bottom-inner p a:hover{

  text-decoration: underline;

}



.footer-bottom .bottom-inner .footer-nav{

  position: relative;

  display: flex;

  align-items: center;

}



.footer-bottom .bottom-inner .footer-nav li{

  position: relative;

  display: inline-block;

  margin-right: 23px;

}



.footer-bottom .bottom-inner .footer-nav li:last-child{

  margin: 0px !important;

}



.footer-bottom .bottom-inner .footer-nav li a{

  display: inline-block;

  color: #a5b2af;

}



.footer-bottom .bottom-inner .footer-nav li a:hover{

  color: var(--theme-color);

}



.footer-bottom .bottom-inner .footer-nav li:before{

  position: absolute;

  content: '.';

  font-size: 17px;

  right: -14px;

  bottom: 1px;

  color: #a5b2af;

}



.footer-bottom .bottom-inner .footer-nav li:last-child:before{

  display: none;

}







/***



====================================================================

                        Home-Page-Two

====================================================================



***/





/** header-style-two **/



.header-style-two{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

}



.header-top-two{

  position: relative;

  width: 100%;

  padding: 9px 0px;

  background: var(--theme-color);

}



.header-top-two .text h6{

  font-size: 16px;

  line-height: 26px;

  color: #fff;

  font-weight: 500;

}



.header-top-two .text h6 a{

  position: relative;

  display: inline-block;

  font-size: 14px;

  font-weight: 700;

  text-transform: uppercase;

  margin-left: 10px;

  padding-left: 25px;

  color: #fff;

}



.header-top-two .text h6 a:hover{

  text-decoration: underline;

}



.header-top-two .text h6 a i{

  position: absolute;

  left: 0px;

  top: 3px;

  font-size: 20px;

}



.header-style-two .main-menu .navigation > li > a{

  color: #fff;

}



.header-style-two .language-box .icon-box{

  color: var(--theme-color);

}



.header-style-two .language-box .nice-select{

  color: #fff;

}



.header-style-two .nice-select .option{

  color: var(--title-color);

}



.header-style-two .language-box .nice-select:before{

  color: #a39695;

}



.header-style-two .language-box{

  margin-right: 65px;

}



.header-style-two .language-box:before{

  position: absolute;

  content: '';

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

  height: 25px;

  width: 1px;

  top: 2px;

  right: -30px;

  transform: rotate(30deg);

}



.header-style-two .menu-right-content .login-box{

  position: relative;

  padding-right: 70px;

}



.header-style-two .menu-right-content .login-box .icon-box{

  position: absolute;

  top: 0px;

  right: 0px;

  width: 55px;

  height: 45px;

  line-height: 45px;

  border-radius: 40px;

  border: 1px solid rgba(255, 255, 255, 0.10);

  font-size: 20px;

  color: #fff;

  text-align: center;

}



.header-style-two .menu-right-content .login-box h6{

  position: relative;

  display: block;

  font-size: 14px;

  line-height: 45px;

  font-weight: 700;

  text-transform: uppercase;

}



.header-style-two .menu-right-content .login-box h6 a{

  position: relative;

  display: inline-block;

  color: #fff;

}



.header-style-two .menu-right-content .login-box h6 a:hover{

  color: var(--theme-color);

}



.bg-color-3 {

  background: -webkit-linear-gradient(-45deg, #1c0e0e 50%, #621a1a 100%);

}



.header-style-two .outer-box{

  padding: 0px;

}



.header-style-two .sticky-header{

  background: -webkit-linear-gradient(-45deg, #1c0e0e 50%, #621a1a 100%);

  border-bottom: 1px solid rgba(255, 255, 255, 0.10);

}





/** banner-style-two **/



.banner-style-two{

  position: relative;

  padding: 240px 120px 200px 120px;

}



.banner-style-two .outer-container{

  position: relative;

}



.banner-style-two .inner-box{

  position: relative;

  display: flex;

  align-items: center;

}



.banner-style-two .inner-box .content-box{

  position: relative;

  max-width: 560px;

  width: 100%;

}



.banner-style-two .content-box h6{

  position: relative;

  display: inline-block;

  font-size: 16px;

  line-height: 26px;

  font-weight: 700;

  padding-left: 30px;

  color: var(--theme-color);

  text-transform: uppercase;

  margin-bottom: 12px;

}



.banner-style-two .content-box h6:before{

  position: absolute;

  content: '';

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

  width: 20px;

  height: 12px;

  left: 0px;

  top: 7px;

  background-repeat: no-repeat;

}



.banner-style-two .content-box h2{

  font-size: 70px;

  line-height: 82px;

  color: #fff;

  margin-bottom: 72px;

}



.banner-style-two .content-box h2 span{

  position: relative;

  display: inline-block;

  padding-bottom: 4px;

  margin-bottom: 14px;

}



.banner-style-two .content-box h2 span:before{

  position: absolute;

  content: '';

  background: -webkit-linear-gradient(0deg, #f84949 50%, #1d0f0f 100%);

  width: 100%;

  height: 10px;

  left: 0px;

  bottom: 0px;

  border-radius: 10px;

}



.banner-style-two .content-box h5{

  display: block;

  font-size: 16px;

  line-height: 26px;

  font-weight: 500;

  color: #fff;

  margin-bottom: 18px;

}



.banner-style-two .content-box .download-list{

  position: relative;

  display: flex;

  align-items: center;

}



.banner-style-two .content-box .download-list li{

  margin-right: 10px;

}



.banner-style-two .content-box .download-list li:last-child{

  margin: 0px !important;

}



.banner-style-two .content-box .download-list li a{

  position: relative;

  display: inline-block;

  width: 60px;

  height: 40px;

  line-height: 38px;

  background: #fff;

  text-align: center;

  border-radius: 40px;

  font-size: 20px;

  color: var(--title-color);

}



.banner-style-two .content-box .download-list li a img{

  position: relative;

  display: inline-block;

}



.banner-style-two .content-box .download-list li:first-child a{

  line-height: 44px;

}



.banner-style-two .content-box .download-list li a:hover{

  color: #fff;

  background: var(--theme-color);

}



.banner-style-two .image-box{

  position: relative;

  display: block;

}



.banner-style-two .image-box .image{

  position: relative;

  display: inline-block;

  border-radius: 50%;

}



.banner-style-two .image-box .image img{

  width: 100%;

  border-radius: 50%;

}



.banner-style-two .image-box .image .logo{

  position: absolute;

  left: 50%;

  top: 50%;

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

}



.banner-style-two .image-box .image-content{

  position: absolute;

  top: 60px;

  right: -160px;

  background: #fff;

  width: 330px;

  border-radius: 10px;

  padding: 24px 30px 22px 30px;

}



.banner-style-two .image-box .image-content h6{

  display: block;

  font-size: 16px;

  line-height: 26px;

  font-weight: 500;

  margin-bottom: 15px;

}



.banner-style-two .image-box .image-content h3{

  position: relative;

  display: block;

  font-size: 26px;

  line-height: 32px;

  color: var(--theme-color);

}



.banner-style-two .image-box .image-content p{

  position: relative;

  display: inline-block;

  font-size: 15px;

  color: var(--title-color);

  padding-left: 18px;

}



.banner-style-two .image-box .image-content p i{

  position: absolute;

  left: 0px;

  top: 3px;

  color: #53b764;

  font-size: 18px;

}



.banner-style-two .image-box .image-content .bar{

  position: absolute;

  right: 30px;

  bottom: 30px;

}



.banner-style-two .text-inner{

  position: absolute;

  right: 0px;

  bottom: 0px;

  text-align: right;

}



.banner-style-two .text-inner p{

  color: #e5dbd8;

  margin-bottom: 33px;

}



.banner-style-two .text-inner .theme-btn{

  background: #fff;

  color: var(--title-color);

}



.banner-style-two .text-inner .theme-btn:hover{

  color: #fff;

  background: var(--theme-color);

}



.banner-style-two .text-inner .theme-btn:before{

  background: var(--theme-color);

}



.banner-style-two .pattern-layer{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}





/** profit-calculator **/



.profit-calculator{

  position: relative;

  padding: 120px 0px;

}



.profit-calculator .profit-inner{

  position: relative;

  display: block;

  padding: 60px 0px 60px 100px;

}



.profit-calculator .profit-inner .inner-box{

  position: relative;

  display: block;

  background: #fff;

  border-radius: 10px;

  padding: 34px 40px 40px 40px;

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

  text-align: center;

}



.profit-calculator .profit-inner .inner-box h5{

  position: relative;

  display: block;

  font-size: 18px;

  line-height: 28px;

  font-weight: 600;

  margin-bottom: 17px;

}



.profit-calculator .profit-inner .inner-box #accountSizeLabel,

.profit-calculator .profit-inner .inner-box #profitRateLabel{

  position: relative;

  display: inline-block;

  font-size: 18px;

  line-height: 28px;

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

  font-weight: 600;

  color: #7d7373;

  background: #faf4f2;

  border-radius: 40px;

  padding: 11px 42px;

  margin-bottom: 25px;

}



.profit-calculator .profit-inner .inner-box .currency-list{

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

  font-size: 15px;

  color: #a59897;

  margin-top: 10px;

}



.profit-calculator .profit-inner .account-box{

  margin-bottom: 15px;

}



.progress-box .bar{

  position:relative;

  width:100%;

  height:10px;

  border: 1px solid #e7e1e1;

  border-radius: 25px;

}



.progress-box .bar-inner{

  position:relative;

  display:block;

  background: var(--theme-color);

  width:0px;

  height:10px;

  border-radius: 25px;

  top: -1px;

  -webkit-transition:all 1500ms ease;

  -ms-transition:all 1500ms ease;

  -o-transition:all 1500ms ease;

  -moz-transition:all 1500ms ease;

  transition:all 1500ms ease;

}



.progress-box .bar .line{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

}



.progress-box .bar .line span{

  position: absolute;

  top: 0px;

  width: 1px;

  height: 100%;

  background: #e7e1e1;

}



.progress-box .bar .line span.line-1{

  left: 40%;

}



.progress-box .bar .line span.line-2{

  left: 60%;

}



.progress-box .bar .line span.line-3{

  left: 80%;

}



.profit-calculator .profit-inner .profit-box .progress-box .bar-inner{

  height: 16px;

  top: -4px;

}



.profit-calculator .profit-inner .profit-box .progress-box .bar-inner:before{

  position: absolute;

  content: '';

  left: 0px;

  top: 0px;

  width: 100%;

  height: 16px;

  background-repeat: repeat-x;

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

}



.profit-calculator .profit-inner .profit-box{

  margin-bottom: 20px;

}



.profit-calculator .profit-inner .btn-box{

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.profit-calculator .profit-inner .btn-box h3{

  position: relative;

  display: inline-block;

  font-size: 30px;

  line-height: 40px;

  color: #fff;

  background: #1c0e0e;

  border-radius: 40px;

  padding: 7px 33px;

  text-align: center;

}



.profit-calculator .profit-inner .btn-box h3 span{

  font-size: 16px;

  line-height: 20px;

}



.profit-calculator .profit-inner .btn-box .theme-btn{

  padding-left: 18px;

  padding-right: 18px;

}



.profit-calculator .profit-inner .bg-layer{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 470px;

  height: 100%;

  border-radius: 250px;

  background: -webkit-linear-gradient(-90deg, #f84949 0%, #faf4f2 100%);

}



.profit-calculator .profit-inner .big-text{

  position: absolute;

  left: 43px;

  top: 0px;

  height: 100%;

  text-align: center;

  font-size: 60px;

  line-height: 70px;

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

  font-weight: 700;

  text-transform: uppercase;

  color: rgba(255, 255, 255, 0.40);

  writing-mode: vertical-lr;

}



.profit-calculator .content-box{

  position: relative;

  display: block;

  padding-left: 100px;

}



.profit-calculator .content-box .text-box p{

  margin-bottom: 29px;

}



.profit-calculator .content-box .sec-title{

  margin-bottom: 31px;

}



.list-style-two li{

  position: relative;

  display: block;

  font-size: 16px;

  line-height: 26px;

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

  font-weight: 500;

  margin-bottom: 14px;

  padding-left: 35px;

}



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

  margin-bottom: 0px;

}



.list-style-two li:before{

  position: absolute;

  content: "\f117";

  font-family: 'flaticon';

  font-size: 24px;

  left: 0px;

  top: 1px;

  color: var(--theme-color);

}



.bg-color-4{

  background: #faf4f2;

}







#accountSizeRange,

#profitRateRange{

  width: 100%;

  height: 10px;

}



#result{

  font-size: 20px;

  line-height: 28px;

  font-weight: 600;

  margin-top: 10px;

}





.profit-inner input[type="range"] {

  -webkit-appearance: none;

  appearance: none;

  cursor: pointer;

  outline: none;

  overflow: hidden;

  border-radius: 25px;

}





.profit-inner input[type="range"]::-webkit-slider-runnable-track {

  height: 10px;

  background: #fff;

  border: 1px solid #e7e1e1;

  border-radius: 25px;

}





.profit-inner input[type="range"]::-moz-range-track {

  height: 10px;

  background: #fff;

  border: 1px solid #e7e1e1;

  border-radius: 25px;

}





.profit-inner input[type="range"]::-webkit-slider-thumb {

  position: relative;

  top: -1px;

  -webkit-appearance: none;

  appearance: none;

  height: 11px;

  width: 11px;

  background-color: #fff;

  border-radius: 50%;

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

  box-shadow: -407px 0 0 400px var(--theme-color);

}





.profit-inner input[type="range"]::-moz-range-thumb {

  position: relative;

  top: -1px;

  height: 11px;

  width: 11px;

  background-color: #fff;

  border-radius: 50%;

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

  box-shadow: -407px 0 0 400px var(--theme-color);

}





/** pricing-section **/



.pricing-section{

  position: relative;

  padding: 120px 0px 90px 0px;

}



.pricing-block-one .inner-box{

  position: relative;

  display: block;

  overflow: hidden;

  border-radius: 10px;

  background: #fff;

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

  margin-bottom: 30px;

}



.pricing-block-one .inner-box .currency-box{

  position: relative;

  padding: 12px 25px;

  border-bottom: 1px solid #e7e1e1;

}



.pricing-block-one .inner-box .currency-box:before{

  position: absolute;

  content: '';

  left: 50%;

  top: 0px;

  width: 1px;

  height: 100%;

  background: #e7e1e1;

}



.pricing-block-one .inner-box .currency-box:after{

  position: absolute;

  content: "\f118";

  font-family: 'flaticon';

  background: #fff;

  width: 36px;

  height: 26px;

  line-height: 26px;

  font-size: 20px;

  border: 1px solid #e7e1e1;

  color: #a8aaaf;

  border-radius: 20px;

  text-align: center;

  left: 50%;

  top: 50%;

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

}



.pricing-block-one .inner-box .currency-box .list-item{

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.pricing-block-one .inner-box .currency-box .list-item li{

  position: relative;

  display: inline-block;

  padding-left: 36px;

  font-size: 14px;

  line-height: 26px;

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

  color: var(--title-color);

  font-weight: 700;

  text-transform: uppercase;

}



.pricing-block-one .inner-box .currency-box .list-item li img{

  position: absolute;

  left: 0px;

  top: 0px;

  border-radius: 50%;

}



.pricing-block-one .inner-box .content-box{

  position: relative;

  display: block;

  overflow: hidden;

  border-bottom: 1px solid #e7e1e1;

  padding: 18px 25px;

}



.pricing-block-one .inner-box .content-box .list-item li{

  position: relative;

  display: block;

  font-size: 16px;

  line-height: 28px;

  color: var(--title-color);

}



.pricing-block-one .inner-box .content-box .list-item li span{

  float: right;

}



.pricing-block-one .inner-box .content-box .list-item li:last-child span{

  float: none;

}



.pricing-block-one .inner-box .content-box .list-item li .green{

  color: #51b662;

  font-size: 18px;

  font-weight: 600;

}



.pricing-block-one .inner-box .content-box .list-item .vilote{

  color: #736ae2;

  font-size: 15px;

}



.pricing-block-one .inner-box .content-box .list-item .yellow{

  color: #fa8c1e;

  font-size: 15px;

}



.pricing-block-one .inner-box .content-box .list-item .red{

  font-size: 18px;

  font-weight: 600;

  color: #ec404c;

}



.pricing-block-one .inner-box .content-box .list-item li a{

  position: absolute;

  top: 11px;

  right: 0px;

  display: inline-block;

  font-size: 14px;

  line-height: 24px;

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

  color: var(--title-color);

  font-weight: 700;

  text-align: center;

  padding: 2px 14px;

  border-radius: 40px;

  text-transform: uppercase;

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

  z-index: 1;

}



.pricing-block-one .inner-box .content-box .list-item li a:hover{

  color: #fff;

  background: var(--theme-color);

}



.pricing-block-one .inner-box .graph-box{

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 10px 20px;

  min-height: 72px;

}



.pricing-section .sec-title{

  margin-bottom: 0px;

  margin-right: 85px;

}



.pricing-section .sec-title h2{

  margin-bottom: 15px;

}



.pricing-section .content-inner{

  position: relative;

  display: block;

  border-radius: 10px;

  padding: 43px 40px;

  margin-bottom: 30px;

}



.pricing-section .content-inner h3{

  display: block;

  font-size: 22px;

  line-height: 32px;

  color: #fff;

  margin-bottom: 22px;

}



.pricing-section .content-inner .theme-btn{

  color: #fff;

}



.pricing-section .content-inner .list-item li{

  position: relative;

  display: block;

  font-size: 16px;

  line-height: 26px;

  color: #a59897;

  padding-left: 27px;

  margin-bottom: 14px;

}



.pricing-section .content-inner .list-item li:last-child{

  margin-bottom: 0px;

}



.pricing-section .content-inner .list-item li:before{

  position: absolute;

  content: "\f119";

  font-family: 'flaticon';

  font-size: 18px;

  left: 0px;

  top: 2px;

  color: var(--theme-color);

}





/** funding-style-two **/



.funding-style-two{

  position: relative;

}



.funding-style-two .table-outer{

  position: relative;

  overflow-x: auto;

  width: 100%;

}



.funding-style-two .funding-table {

  min-width: 1170px;

  width: 100%;

  border-collapse: separate;

  border-spacing: 0 10px;

}



.funding-style-two h3{

  position: relative;

  display: block;

  font-size: 22px;

  line-height: 32px;

  color: #fff;

  text-align: center;

  margin-bottom: 22px;

}



.funding-style-two .tab-btns{

  position: relative;

  max-width: 970px;

  width: 100%;

  margin: 0 auto;

  margin-bottom: 40px;

}



.funding-style-two .tab-btns:before{

  position: absolute;

  content: '';

  border: 1px solid rgba(255, 255, 255, 0.12);

  border-radius: 30px;

  width: 100%;

  height: 16px;

  left: 0px;

  top: 0px;

}



.funding-style-two .tab-btns li{

  position: relative;

  display: inline-block;

  float: left;

  width: 20%;

  text-align: center;

  font-size: 15px;

  line-height: 26px;

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

  color: #a59897;

  padding-top: 32px;

  cursor: pointer;

  transition: all 500ms ease;

}



.funding-style-two .tab-btns li:before{

  position: absolute;

  content: '';

  width: 0%;

  height: 16px;

  left: 0px;

  top: 0px;

  background: var(--theme-color);

  border-radius: 30px;

  transition: all 500ms ease;

}



.funding-style-two .tab-btns li.active-btn:before{

  width: 100%;

}



.funding-style-two .tab-btns li:after{

  position: absolute;

  content: '';

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

  width: 1px;

  height: 16px;

  top: 0px;

  right: 0px;

  transition: all 500ms ease;

}



.funding-style-two .tab-btns li:last-child:after{

  display: none;

}



.funding-style-two .tab-btns li.active-btn:after{

  opacity: 0;

}



.funding-style-two .funding-table .title-header{

  position: relative;

  display: block;

  padding: 4px 30px 68px 0px;

}



.funding-style-two .funding-table .title-header .title{

  position: relative;

  display: block;

  font-size: 16px;

  line-height: 26px;

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

  color: #a59897;

  font-weight: 500;

  transform: rotate(-20deg);

  margin-bottom: 9px;

}



.funding-style-two .funding-table .title-header .shape{

  position: relative;

  display: block;

  text-align: right;

}



.funding-style-two .funding-table .title-box{

  position: relative;

  display: block;

  background: #fff;

  text-align: center;

  padding: 23px 30px 24px 30px;

}



.funding-style-two .funding-table th:nth-child(2) .title-box{

  border-top-left-radius: 10px;

}



.funding-style-two .funding-table th:nth-child(3) .title-box{

  background: var(--theme-color);

}



.funding-style-two .funding-table th:nth-child(4) .title-box{

  border-top-right-radius: 10px;

}



.funding-style-two .funding-table th:nth-child(3) .title-box .title{

  color: #fff;

}



.funding-style-two .funding-table th:nth-child(3) .title-box p{

  color: #f4e0e0;

  border-color: #ff7979;

}



.funding-style-two .funding-table th:nth-child(3) .title-box a{

  color: #fff;

}



.funding-style-two .funding-table .title-box .title{

  position: relative;

  display: block;

  font-size: 20px;

  line-height: 30px;

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

  color: var(--title-color);

  font-weight: 600;

  margin-bottom: 0px;

}



.funding-style-two .funding-table .title-box p{

  position: relative;

  display: block;

  padding-bottom: 18px;

  margin-bottom: 19px;

  border-bottom: 1px solid #e7e1e1;

}



.funding-style-two .funding-table .title-box a{

  position: relative;

  display: inline-block;

  font-size: 14px;

  line-height: 24px;

  font-weight: 700;

  color: var(--title-color);

  text-transform: uppercase;

}



.funding-style-two .funding-table .title-box a span{

  position: relative;

  padding-left: 24px;

}



.funding-style-two .funding-table .title-box a span:before{

  position: absolute;

  content: "\f104";

  font-family: 'flaticon';

  font-size: 20px;

  left: 0px;

  top: -3px;

}



.funding-style-two .funding-table tr{

  margin-bottom: 5px;

}



.funding-style-two .funding-table tr:last-child{

  margin-bottom: 0px;

}



.funding-style-two .funding-table tr td{

  position: relative;

  text-align: center;

  border: 1px solid rgba(255, 255, 255, 0.12);

  padding: 16px 30px;

  border-right: none;

}



.funding-style-two .funding-table tr td:last-child{

  border-right: 1px solid rgba(255, 255, 255, 0.12);

}



.funding-style-two .funding-table tr:last-child td:last-child{

  border-bottom-right-radius: 10px;

}



.funding-style-two .funding-table tr:last-child td:first-child{

  border-bottom-left-radius: 10px;

}



.funding-style-two .funding-table tr td h5{

  font-size: 16px;

  line-height: 26px;

  color: #a59897;

  font-weight: 500;

}



.funding-style-two .funding-table tr td:first-child{

  border: none;

  background: #2e2121;

  text-align: left;

}



.funding-style-two .funding-table tr td h6,

.funding-style-two .funding-table tr td:first-child h5{

  font-size: 16px;

  line-height: 26px;

  color: #fff;

  font-weight: 400;

  padding-left: 18px;

}



.funding-style-two .funding-table tr td h6:before,

.funding-style-two .funding-table tr td:first-child h5:before{

  position: absolute;

  content: '';

  background: var(--theme-color);

  width: 8px;

  height: 8px;

  left: 0px;

  top: 9px;

  border-radius: 50%;

}



.funding-style-two .funding-table tr:first-child td:first-child{

  border-top-left-radius: 10px;

}





/** working-style-two **/



.working-style-two{

  position: relative;

  padding: 113px 0px 90px 0px;

}



.working-style-two .sec-title .video-inner{

  position: absolute;

  right: 0px;

  bottom: 27px;

  padding-left: 94px;

}



.working-style-two .sec-title .video-inner a{

  position: absolute;

  display: inline-block;

  left: 0px;

  top: -5px;

  width: 78px;

  height: 54px;

  line-height: 56px;

  text-align: center;

  border-radius: 50px;

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

  font-size: 20px;

  color: var(--theme-color);

}



.working-style-two .sec-title .video-inner h5{

  display: block;

  font-size: 14px;

  line-height: 22px;

  font-weight: 700;

  text-transform: uppercase;

}



.working-block-two .inner-box{

  position: relative;

  display: block;

  text-align: center;

  margin-bottom: 30px;

}



.working-block-two .inner-box .text-box{

  position: relative;

  display: block;

  background: #fff;

  border-radius: 10px;

  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.06);

  padding: 28px 20px 29px 20px;

}



.working-block:nth-child(odd) .working-block-two .inner-box .text-box{

  margin-bottom: 60px;

}



.working-block-two .inner-box .text-box h3{

  display: block;

  font-size: 22px;

  line-height: 32px;

  margin-bottom: 10px;

}



.working-block-two .inner-box .decore{

  position: relative;

  display: inline-block;

  width: 24px;

  height: 34px;

  border: 2px solid #1c0e0e;

  background: #faf4f2;

  border-radius: 30px;

}



.working-block:nth-child(odd) .working-block-two .inner-box .decore{

  margin-bottom: 25px;

}



.working-block:nth-child(even) .working-block-two .inner-box .decore{

  margin-bottom: 60px;

}



.working-block-two .inner-box .decore:before{

  position: absolute;

  content: '';

  height: 20px;

  width: 14px;

  background: var(--theme-color);

  border-radius: 20px;

  left: 3px;

  top: 5px;

}



.working-block-two .inner-box h6{

  position: relative;

  display: inline-block;

  font-size: 14px;

  line-height: 24px;

  font-weight: 700;

  text-transform: uppercase;

  background: #ede4e1;

  border-radius: 30px;

  padding: 13px 25px;

}



.working-block-two .inner-box h6:before{

  position: absolute;

  content: '';

  background: #ede4e1;

  width: 18px;

  height: 10px;

  left: 50%;

  transform: translate(-50%);

}



.working-block:nth-child(odd) .working-block-two .inner-box h6:before{

  top: -10px;

  clip-path: polygon(0% 0%, 50% 0%, 100% 100%, 0% 100%, 50% 0%);

}



.working-block:nth-child(even) .working-block-two .inner-box h6:before{

  bottom: -10px;

  clip-path: polygon(0% 0%, 100% 0%, 50% 100%, 50% 100%, 0% 0%);

}



.working-block:nth-child(odd) .working-block-two .inner-box h6{

  margin-bottom: 30px;

}



.working-block:nth-child(even) .working-block-two .inner-box .icon-box{

  margin-bottom: 30px;

}



.working-block:nth-child(even) .working-block-two .inner-box h6{

  margin-bottom: 25px;

}



.working-style-two .inner-container{

  position: relative;

}



.working-style-two .inner-container .shape{

  position: absolute;

  left: -120px;

  top: 172px;

  width: 1413px;

  height: 86px;

  background-repeat: no-repeat;

  background-position: center;

}





/** offer-section **/



.offer-section{

  position: relative;

}



.offer-section .tab-btns{

  position: relative;

  display: block;

  margin-left: 15px;

}



.offer-section .tab-btns:before{

  position: absolute;

  content: '';

  background: #e7e1e1;

  width: 1px;

  height: calc(100% - 40px);

  left: 0px;

  top: 20px;

}



.offer-section .tab-btns li{

  position: relative;

  display: block;

  font-size: 18px;

  line-height: 28px;

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

  color: #a59897;

  font-weight: 600;

  padding: 16px 0px 16px 35px;

  border-bottom: 1px solid #e7e1e1;

  cursor: pointer;

  transition: all 500ms ease;

}



.offer-section .tab-btns li:last-child{

  border-bottom: none;

}



.offer-section .tab-btns li.active-btn{

  color: var(--title-color);

}



.offer-section .tab-btns li:before{

  position: absolute;

  content: "\f11a";

  font-family: 'flaticon';

  width: 30px;

  height: 30px;

  line-height: 30px;

  text-align: center;

  border: 1px solid #e7e1e1;

  background: #ffffff;

  border-radius: 50%;

  left: -15px;

  top: 15px;

  font-size: 14px;

  transition: all 500ms ease;

}



.offer-section .tab-btns li.active-btn:before{

  background: var(--theme-color);

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

  color: #fff;

}



.offer-section .tab-btn-box{

  margin-bottom: 74px;

}



.offer-section .left-content{

  position: relative;

  margin-top: -16px;

}



.offer-section .left-content .inner-box{

  position: relative;

  display: block;

  background: -webkit-linear-gradient(-45deg, #1c0e0e 50%, #621a1a 100%);

  padding: 24px 30px 21px 30px;

  border-radius: 10px;

}



.offer-section .left-content .inner-box h5{

  position: relative;

  display: block;

  font-size: 18px;

  line-height: 28px;

  color: #fff;

  padding-bottom: 12px;

  margin-bottom: 26px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.15);

}



.offer-section .left-content .inner-box p{

  position: relative;

  display: block;

  color: #a59897;

  line-height: 24px;

  padding-left: 52px;

  margin-bottom: 13px;

}



.offer-section .left-content .inner-box p img{

  position: absolute;

  left: 0px;

  top: 4px;

}



.offer-section .left-content .inner-box h3{

  position: relative;

  display: block;

  font-size: 30px;

  line-height: 40px;

  color: #fff;

}



.offer-section .left-content .inner-box h3 span{

  font-weight: 200;

}



.offer-section .content-box{

  position: relative;

  display: block;

  margin-right: -30px;

}



.offer-section .content-box .text-box{

  position: relative;

  display: block;

  background: -webkit-linear-gradient(0deg, #faf4f2 0%, #fff 100%);

  border: 1px solid #e7e1e1;

  border-radius: 10px;

  padding: 39px 45px 39px 42px;

}



.offer-section .content-box .text-box h3{

  position: relative;

  display: block;

  font-size: 26px;

  line-height: 34px;

  margin-bottom: 15px;

}



.offer-section .content-box .text-box p{

  margin-bottom: 21px;

}



.offer-section .content-box .text-box a{

  position: relative;

  display: inline-block;

  font-size: 14px;

  line-height: 24px;

  font-weight: 700;

  color: var(--title-color);

  text-transform: uppercase;

}



.offer-section .content-box .text-box a:hover{

  color: var(--theme-color);

}



.offer-section .content-box .text-box a span{

  position: relative;

  padding-left: 24px;

}



.offer-section .content-box .text-box a span:before{

  position: absolute;

  content: "\f104";

  font-family: 'flaticon';

  font-size: 20px;

  left: 0px;

  top: -3px;

}



.offer-section .content-box .image-box{

  position: relative;

  display: block;

  border-radius: 10px;

}



.offer-section .content-box .image-box img{

  width: 100%;

  border-radius: 10px;

}



.offer-section .right-content{

  position: relative;

  display: block;

  border: 1px solid #e7e1e1;

  border-radius: 10px;

  padding: 19px;

  margin-left: -1px;

}



.offer-section .right-content .text-box{

  position: relative;

  display: block;

  background: var(--theme-color);

  border-radius: 10px;

  padding: 19px 25px 18px 25px;

  margin-bottom: 20px;

}



.offer-section .right-content .image-box{

  position: relative;

  display: block;

  border-radius: 10px;

  background: #fff;

  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.12);

}



.offer-section .right-content .image-box img{

  width: 100%;

  border-radius: 10px;

}



.offer-section .right-content .text-box h5{

  position: relative;

  display: block;

  font-size: 18px;

  line-height: 28px;

  color: #fff;

}



.offer-section .right-content .text-box p{

  color: #f4e0e0;

}





/** platform-section **/



.platform-section{

  position: relative;

}



.platform-section .image-box{

  position: relative;

  display: block;

  margin-right: 70px;

}



.platform-section .image-box .image{

  position: relative;

  display: block;

}



.platform-section .image-box .image img{

  width: 100%;

}



.platform-section .image-box .text-1{

  position: absolute;

  left: -60px;

  top: 65px;

  background: #fff;

  border-radius: 40px;

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

  padding: 12px 19px;
  display: none;

}



.platform-section .image-box .text-1 h6{

  position: relative;

  display: block;

  font-size: 16px;

  line-height: 26px;

  font-weight: 500;

  padding-left: 28px;

}



.platform-section .image-box .text-1 h6:before{

  position: absolute;

  content: "\f11a";

  font-family: 'flaticon';

  font-size: 18px;

  left: 0px;

  top: 0px;

  font-weight: 400;

  color: var(--theme-color);

}



.platform-section .image-box .text-2{
  border-radius: 40px;
  padding:9px 19px;
  text-align:center;
   position: absolute;
    top: -46px;
    left: 0;

}



.platform-section .image-box .text-2 h6{

  position: relative;

  display: block;

  font-size: 24px;

  line-height: 26px;

  font-weight: 500;

  padding-left: 0;

}


/**
.platform-section .image-box .text-2 h6:before{

  position: absolute;

  content: "\f11a";

  font-family: 'flaticon';

  font-size: 18px;

  left: 0px;

  top: 0px;

  font-weight: 400;

  color: var(--theme-color);

}
**/


.platform-section .content-box{

  position: relative;

  display: block;

}



.platform-section .content-box .sec-title{

  margin-bottom: 32px;

}



.platform-section .content-box .text-box p{

  color: #7d7373;

  margin-bottom: 35px;

}



.platform-section .content-box .list-style-three li{

  position: relative;

  display: inline-block;

}



.list-style-three li{

  position: relative;

  display: block;

  font-size: 18px;

  line-height: 28px;

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

  font-weight: 600;

  color: var(--title-color);

  margin-bottom: 14px;

  padding-left: 20px;

  padding-right: 24px;

}



.list-style-three li span{

  position: absolute;

  font-size: 16px;

  top: -10px;

  right: 0px;

  color: var(--theme-color);

}



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

  margin-bottom: 0px;

}



.list-style-three li:before{

  position: absolute;

  content: '';

  background: var(--theme-color);

  width: 6px;

  height: 8px;

  left: 0px;

  top: 9px;

}



.list-style-three li:after{

  position: absolute;

  content: '';

  background: var(--theme-color);

  width: 2px;

  height: 14px;

  left: 2px;

  top: 6px;

}



.platform-section .content-box .list-style-three{

  margin-bottom: 42px;

}



.platform-section .bg-color{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 630px;

  height: 100%;

  background: -webkit-linear-gradient(0deg, #fefcfb 0%, #fdcccd 100%);

}



.platform-section .pattern-layer{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 630px;

  height: 100%;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}





/** chooseus-style-two **/



.chooseus-style-two{

  position: relative;

  padding: 113px 0px 64px 0px;

}



.chooseus-style-two .sec-title{

  margin-bottom: 101px;

}



.chooseus-style-two .left-column{

  position: relative;

  display: block;

  text-align: right;

}



.chooseus-block-two .inner-box{

  position: relative;

  display: block;

  margin-bottom: 107px;

}



.chooseus-style-two .left-column .chooseus-block-two .inner-box{

  padding-right: 95px;

}



.chooseus-style-two .right-column .chooseus-block-two .inner-box{

  padding-left: 95px;

}



.chooseus-block-two .inner-box .icon-box{

  position: absolute;

  display: inline-block;

  top: 5px;

  width: 70px;

  height: 80px;

  line-height: 80px;

  text-align: center;

}



.chooseus-style-two .left-column .chooseus-block-two.first .inner-box .icon-box:before{

  position: absolute;

  content: '';

  left: 35px;

  bottom: 80px;

  width: 235px;

  height: 58px;

  border: 1px solid rgba(255, 255, 255, 0.12);

  border-bottom: none;

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

}



.chooseus-style-two .left-column .chooseus-block-two.last .inner-box .icon-box:before{

  position: absolute;

  content: '';

  left: 35px;

  top: 80px;

  width: 235px;

  height: 58px;

  border: 1px solid rgba(255, 255, 255, 0.12);

  border-top: none;

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

}



.chooseus-style-two .right-column .chooseus-block-two.first .inner-box .icon-box:before{

  position: absolute;

  content: '';

  right: 35px;

  bottom: 80px;

  width: 235px;

  height: 58px;

  border: 1px solid rgba(255, 255, 255, 0.12);

  border-bottom: none;

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

}



.chooseus-style-two .right-column .chooseus-block-two.last .inner-box .icon-box:before{

  position: absolute;

  content: '';

  right: 35px;

  top: 80px;

  width: 235px;

  height: 58px;

  border: 1px solid rgba(255, 255, 255, 0.12);

  border-top: none;

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

}



.chooseus-style-two .left-column .chooseus-block-two .inner-box .icon-box{

  right: 0px;

}



.chooseus-style-two .right-column .chooseus-block-two .inner-box .icon-box{

  left: 0px;

}



.chooseus-block-two .inner-box .icon-box .icon-bg{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}



.chooseus-block-two .inner-box h3{

  display: block;

  font-size: 22px;

  line-height: 30px;

  color: #fff;

  margin-bottom: 11px;

}



.chooseus-block-two .inner-box p{

  color: #a59897;

}



.chooseus-style-two .logo-box{

  position: relative;

  display: block;

  margin: 0px 48px;

  padding: 83px 80px;

  border: 1px solid rgba(255, 255, 255, 0.12);

  border-radius: 10px;

  top: 5px;

}



.chooseus-style-two .pattern-layer{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  background-repeat: repeat-x;

  background-position: center;

  animation: slide 60s linear infinite;

  -webkit-animation: slide 60s linear infinite;

  filter: grayscale(100%);

  opacity: 0.6;

}



@keyframes slide{

  from { background-position: 0 0; }

    to { background-position: 1920px 0; }

}



@-webkit-keyframes slide{

  from { background-position: 0 0; }

    to { background-position: 1920px 0; }

}





/** faq-section **/



.faq-section{

  position: relative;

}



.faq-section .image-box{

  position: relative;

  display: block;

  margin-right: 90px;

}



.faq-section .image-box .image{

  position: relative;

  display: block;

  border-radius: 0px 0px 250px 250px;

  overflow: hidden;

}



.faq-section .image-box .image:before{

  position: absolute;

  content: '';

  background: var(--theme-color);

  width: 100%;

  height: calc(100% - 125px);

  left: 0px;

  bottom: 0px;

  border-radius: 10px;

}



.faq-section .image-box .image img{

  position: relative;

  width: 100%;

}



.faq-section .image-box .text{

  position: absolute;

  left: -60px;

  top: 187px;

  background: #fff;

  border-radius: 40px;

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

  padding: 12px 19px;
  display: none;

}



.faq-section .image-box .text h6{

  position: relative;

  display: block;

  font-size: 16px;

  line-height: 26px;

  font-weight: 500;

  padding-left: 28px;

}



.faq-section .image-box .text h6:before{

  position: absolute;

  content: "\f11a";

  font-family: 'flaticon';

  font-size: 18px;

  left: 0px;

  top: 0px;

  font-weight: 400;

  color: var(--theme-color);

}



.faq-section .image-box .icon-box{

  position: absolute;

  display: inline-block;

  width: 90px;

  height: 70px;

  line-height: 70px;

  background: #faf4f2;

  text-align: center;

  border-radius: 50px;

  right: -45px;

  top: 90px;
  display: none;

}



.faq-section .image-box .curve-text{

  position: absolute;

  right: -20px;

  bottom: 0px;

  width: 150px;

  height: 150px;

  background: #fff;

  border-radius: 50%;

  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
  display: none;

}



.faq-section .image-box .curve-text .curved-circle-2{

  position: absolute;

  left: 76px;

  top: 17px;

  font-size: 14px;

  line-height: 24px;

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

  font-weight: 700;

  text-transform: uppercase;

  color: var(--title-color);

  transform: rotate(165deg);

}



.faq-section .image-box .curve-text .link{

  position: absolute;

  left: 50%;

  top: 52%;

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

}



.faq-section .image-box .curve-text .link a{

  position: relative;

  display: inline-block;

  font-size: 36px;

  color: var(--title-color);

}



.faq-section .image-box .curve-text .link a:hover{

  color: var(--theme-color);

}



.accordion-box .block .acc-content{

  display:none;

}



.accordion-box .block .acc-content.current{

  display:block;

}



.faq-section .accordion-box .accordion{

  background: #fff;

  border: 1px solid #e7e1e1;

  border-radius: 10px;

  margin-bottom: 10px;

  overflow: hidden;

}



.faq-section .accordion-box .accordion.active-block{

  border-color: transparent;

  background: #faf4f2;

}



.faq-section .accordion-box .accordion:last-child{

  margin-bottom: 0px;

}



.faq-section .accordion-box .accordion .acc-btn{

  position: relative;

  padding: 17px 25px 19px 25px;

  cursor: pointer;

  border-radius: 10px;

}



.faq-section .accordion-box .accordion .acc-btn.active{


  background: -webkit-linear-gradient(-45deg, #4189bf 0%, #242f64 100%);
}



.faq-section .accordion-box .accordion .acc-btn h5{

  position: relative;

  display: block;

  font-size: 18px;

  line-height: 28px;

  padding-left: 28px;

}



.faq-section .accordion-box .accordion .acc-btn.active h5{

  color: #fff;

}





.faq-section .accordion-box .accordion .acc-content{

  padding: 23px 25px 22px 25px;
  background: #e6f1ee;

}



.faq-section .accordion-box .accordion .acc-btn h5:before{

  position: absolute;

  content: '';

  background: var(--theme-color);

  width: 14px;

  height: 16px;

  left: 0px;

  top: 6px;

  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 50% 100%, 0 75%, 0 25%);

}



.faq-section .accordion-box .accordion .acc-btn h5:after{

  position: absolute;

  content: '';

  background: #fff;

  width: 10px;

  height: 12px;

  left: 2px;

  top: 8px;

  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 50% 100%, 0 75%, 0 25%);

}



.faq-section .accordion-box .accordion .acc-btn.active h5:after{

  opacity: 0;

}





/** awards-section **/



.awards-section{

  position: relative;

}



.awards-section .owl-carousel .owl-stage-outer{

  overflow: visible;

}



.awards-section .owl-carousel .owl-stage-outer .owl-item{

  opacity: 0;

}



.awards-section .owl-carousel .owl-stage-outer .owl-item.active{

  opacity: 1;

}



.awards-block-one .inner-box{

  position: relative;

  display: block;

  background: #fff;

  border-radius: 10px;

  padding: 128px 40px 33px 40px;

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

}



.awards-block-one .inner-box:before{

  position: absolute;

  content: '';

  background: -webkit-linear-gradient(0deg, #1c0e0e 0%, #621a1a 100%);

  width: 100%;

  height: 100%;

  left: 0px;

  bottom: 5px;

  border-radius: 10px;

  z-index: -1;

}



.awards-block-one .inner-box .icon-box{

  position: absolute;

  left: 40px;

  top: 0px;

  display: inline-block;

  width: 90px;

  height: 100px;

  line-height: 100px;

  text-align: center;

  background: -webkit-linear-gradient(0deg, #1c0e0e 0%, #621a1a 100%);

  border-radius: 0px 0px 100px 100px;

}



.awards-block-one .inner-box .icon-box img{

  display: inline-block;

}



.awards-block-one .inner-box h3{

  position: relative;

  display: block;

  font-size: 22px;

  line-height: 32px;

  padding-bottom: 33px;

  margin-bottom: 13px;

}



.awards-block-one .inner-box h3:before{

  position: absolute;

  content: '';

  background: var(--theme-color);

  width: 50px;

  height: 1px;

  left: 0px;

  bottom: 0px;

}



.awards-block-one .inner-box p{

  position: relative;

  display: block;

  color: #7d7373;

}



.awards-block-one .inner-box .light-icon{

  position: absolute;

  right: 10px;

  bottom: 0px;

}



.awards-section .owl-dots{

  position: absolute;

  top: -86px;

  right: 42px;

}



.awards-section .owl-nav{

  position: absolute;

  top: -84px;

  right: -12px;

  width: 194px;

}



.awards-section .nav-style-one .owl-nav button{

  position: absolute;

  top: 0px;

  color: var(--title-color);

}



.awards-section .owl-nav button.owl-prev{

  left: 0px;

}



.awards-section .owl-nav button.owl-next{

  right: 0px;

}



.awards-section .dots-style-one .owl-dots .owl-dot{

  background: #d6ccc9;

}





/** cta-section **/



.cta-section{

  position: relative;

  padding: 110px 0px 120px 0px;

}



.cta-section .content-box{

  position: relative;

  display: block;

}



.cta-section .content-box h2{

  display: block;

  font-size: 54px;

  line-height: 62px;

  color: #fff;

  margin-bottom: 15px;

}



.cta-section .content-box h3{

  position: relative;

  display: inline-block;

  font-size: 30px;

  line-height: 40px;

  font-weight: 300;

  color: #fff;

  margin-bottom: 35px;

}



.cta-section .content-box h3:before{

  position: absolute;

  content: '';

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

  width: 48px;

  height: 74px;

  top: 51px;

  right: 71px;

  background-repeat: no-repeat;

}



.cta-section .content-box h3 a{

  display: inline-block;

  color: #fff;

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

}



.cta-section .content-box h3 a:hover{

  color: var(--theme-color);

}



.cta-section .content-box .lower-box{

  position: relative;

  display: flex;

  align-items: flex-end;

  justify-content: center;

}



.cta-section .content-box .lower-box .theme-btn{

  color: #fff;

  border-color: #fff;

  margin-right: 20px;

}



.cta-section .content-box .lower-box .theme-btn:hover{

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

}



.cta-section .content-box .lower-box .chat-box{

  position: relative;

  display: block;

  padding: 18px 0px 2px 115px;

}



.cta-section .content-box .lower-box .chat-box .image-box{

  position: absolute;

  left: 0px;

  top: 0px;

}



.cta-section .content-box .lower-box .chat-box button{

  position: relative;

  display: inline-block;

  font-size: 13px;

  line-height: 22px;

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

  color: #fff;

  font-weight: 700;

  text-transform: uppercase;

  text-align: left;

}



.cta-section .bg-layer{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}





/** footer-style-two **/



.footer-style-two{

  position: relative;

}



.footer-style-two .widget-section{

  position: relative;

  padding: 113px 0px 110px 0px;

}



.footer-style-two .widget-section .pattern-layer{

  position: absolute;

  right: 85px;

  bottom: 0px;

  width: 1006px;

  height: 453px;

  background-repeat: no-repeat;

}



.footer-style-two .logo-widget{

  position: relative;

  display: block;

  margin-top: 7px;

}



.footer-style-two .logo-widget .footer-logo{

  position: relative;

  display: block;

  margin-bottom: 28px;

}



.footer-style-two .logo-widget p{

  margin-bottom: 17px;

}



.footer-style-two .logo-widget h5{

  display: block;

  font-size: 18px;

  line-height: 28px;

  margin-bottom: 12px;

}



.footer-style-two .logo-widget .rating{

  position: relative;

  display: flex;

  align-items: center;

  margin-bottom: 13px;

}



.footer-style-two .logo-widget .rating li{

  display: inline-block;

  width: 35px;

  height: 35px;

  line-height: 39px;

  font-size: 16px;

  color: #fff;

  text-align: center;

  background: #00b67a;

  border-radius: 10px;

  margin-right: 5px;

}



.footer-style-two .logo-widget .rating li:last-child{

  margin: 0px !important;

}



.footer-style-two .logo-widget h6{

  display: block;

  font-size: 16px;

  line-height: 26px;

  font-weight: 500;

  margin-bottom: 23px;

}



.footer-style-two .widget-title{

  position: relative;

  display: block;

  margin-bottom: 20px;

}



.footer-style-two .widget-title h3{

  font-size: 22px;

  line-height: 32px;

}



.footer-style-two .links-widget .links-list li{

  position: relative;

  display: block;

  margin-bottom: 10px;

}



.footer-style-two .links-widget .links-list li a{

  position: relative;

  display: inline-block;

  color: #7d7373;

  padding-left: 28px;

}



.footer-style-two .links-widget .links-list li a:hover{

  color: var(--theme-color);

}



.footer-style-two .links-widget .links-list li a:before{

  position: absolute;

  content: '^';

  left: 0px;

  font-size: 30px;

  top: 10px;

  color: #c1b5b4;

  transition: all 500ms ease;

}



.footer-style-two .links-widget .links-list li a:hover:before{

  color: var(--theme-color);

}



.footer-style-two .contact-widget p{

  position: relative;

  display: block;

  margin-bottom: 7px;

}



.footer-style-two .contact-widget span{

  position: relative;

  display: block;

  font-size: 16px;

  line-height: 26px;

  color: var(--title-color);

  margin-bottom: 16px;

}



.footer-style-two .contact-widget h5{

  display: block;

  font-size: 18px;

  line-height: 28px;

  margin-bottom: 15px;

}



.footer-style-two .contact-widget h5 a{

  display: inline-block;

  color: var(--title-color);

}



.footer-style-two .contact-widget h5 a:hover{

  color: var(--theme-color);

}



.footer-style-two .contact-widget .social-links li{

  position: relative;

  display: inline-block;

  float: left;

  margin-right: 25px;

}



.footer-style-two .contact-widget .social-links li:last-child{

  margin: 0px;

}



.footer-style-two .contact-widget .social-links li a{

  position: relative;

  display: inline-block;

  font-size: 20px;

  color: var(--title-color);

}



.footer-style-two .contact-widget .social-links li a:hover{

  color: var(--theme-color);

}



.footer-style-two .contact-widget .social-links{

  padding-top: 17px;

}



.footer-style-two .footer-bottom{

  background: var(--theme-color);

}



.footer-style-two .footer-bottom p,

.footer-style-two .footer-bottom a,

.footer-style-two .footer-bottom .bottom-inner .footer-nav li:before{

  color: #f4e0e0 !important;

}



.footer-style-two .footer-bottom a:hover{

  color: #fff !important;

}







/***



====================================================================

                        Home-Page-Three

====================================================================



***/



.header-style-three{

  position: absolute;

  left: 0px;

  top: 40px;

  width: 100%;

}



.header-style-three .header-lower{

  position: relative;

  padding: 0px 80px;

}



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

  padding: 0px 13px 0px 30px;

  background: -webkit-linear-gradient(0deg, #120c1a 50%, #7921f4 100%);

  border-radius: 50px;

}



.header-style-three .main-menu .navigation > li > a{

  color: #fff;

  padding-top: 22px;

  padding-bottom: 22px;

}



.header-style-three .main-menu .navigation > li.current > a,

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

  color: var(--theme-color);

}



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

  position: relative;

  display: flex;

  align-items: center;

}



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

  margin-right: 100px;

}



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

  padding: 15px 0px;

}



.header-style-three .menu-right-content .login-box{

  margin-right: 20px;

}



.header-style-three .menu-right-content .login-box a{

  position: relative;

  display: inline-block;

  font-size: 13px;

  line-height: 22px;

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

  color: #fff;

  font-weight: 700;

  text-transform: uppercase;

  padding: 10px 30px 12px 30px;

  border-radius: 40px;

  border: 1px solid rgba(255, 255, 255, 0.30);

}



.header-style-three .menu-right-content .login-box a i{

  position: relative;

  display: inline-block;

  font-size: 20px;

  margin-right: 8px;

  top: 5px;

}



.header-style-three .menu-right-content .login-box a:hover{

  color: var(--theme-color);

  background: #fff;

  border-color: #fff;

}



.header-style-three .menu-right-content .support-box{

  position: relative;

  display: block;

  padding-left: 50px;

}



.header-style-three .menu-right-content .support-box .image-box{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 50px;

  height: 50px;

  border: 1px solid #fff;

  border-radius: 50%;

}



.header-style-three .menu-right-content .support-box a{

  position: relative;

  display: inline-block;

  font-size: 16px;

  line-height: 26px;

  color: var(--title-color);

  font-weight: 600;

  background: #fff;

  padding: 12px 30px;

  border-radius: 40px;

}



.header-style-three .menu-right-content .support-box a:hover{

  color: var(--theme-color);

}



.header-style-three .sticky-header{

  background: -webkit-linear-gradient(0deg, #120c1a 50%, #7921f4 100%);

  border-bottom: 1px solid rgba(255, 255, 255, 0.10);

}





/** banner-style-three **/



.banner-style-three{

  position: relative;

}



.banner-style-three .slide-item{

  position: relative;

  padding: 65px 0px 30px 0px;

}



.banner-style-three .slide-item:before{

  position: absolute;

  content: '';

  /*background: -webkit-linear-gradient(0deg, #391867 0%, #120c1a 100%);*/

  width: 100%;

  height: 100%;

  left: 0px;

  top: 0px;

  opacity: 0.85;

  z-index: 1;

}



.banner-style-three .slide-item:after{

  position: absolute;

  content: '';

  background: -webkit-linear-gradient(0deg, #391867 0%, #120c1a 100%);

  width: 100%;

  /*height: 30%;*/

  left: 0px;

  bottom: 0px;

  z-index: 1;

}



.banner-style-three .content-box{

  position: relative;

  display: block;

}



.banner-style-three .content-box .icon-box{

  position: relative;

  display: block;

  margin-bottom: 33px;

}



.banner-style-three .content-box .icon-box img{

  display: inline-block;

}



.banner-style-three .content-box h6{

  position: relative;

  display: inline-block;

  font-size: 16px;

  line-height: 26px;

  font-weight: 700;

  text-transform: uppercase;

  color: #fff;

  padding-left: 90px;

  padding-right: 90px;

  margin-bottom: 12px;

}



.banner-style-three .content-box h6:before{

  position: absolute;

  content: '';

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

  width: 70px;

  height: 1px;

  left: 0px;

  top: 12px;

}



.banner-style-three .content-box h6:after{

  position: absolute;

  content: '';

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

  width: 70px;

  height: 1px;

  right: 0px;

  top: 12px;

}



.banner-style-three .content-box h2{

  margin-bottom: 18px;

}



.banner-style-three .content-box p{

  font-size: 20px;

  line-height: 30px;

  color: #fff;

  margin-bottom: 42px;

}



.banner-carousel .content-box p{

  opacity: 0;

  -webkit-transform: translateY(10px);

  -moz-transform: translateY(10px);

  -ms-transform: translateY(10px);

  -o-transform: translateY(10px);

  transform: translateY(10px);

  -webkit-transition: all 1000ms ease;

  -moz-transition: all 1000ms ease;

  -ms-transition: all 1000ms ease;

  -o-transition: all 1000ms ease;

  transition: all 1000ms ease;

}



.banner-carousel .active .content-box p{

  opacity: 1;

  -webkit-transition-delay: 1000ms;

  -moz-transition-delay: 1000ms;

  -ms-transition-delay: 1000ms;

  -o-transition-delay: 1000ms;

  transition-delay: 1000ms;

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

}



.banner-style-three .content-box .btn-box .theme-btn.btn-two{

  color: #fff;

}



.banner-style-three .content-box .btn-box .theme-btn.btn-two:hover{

  background: var(--theme-color);

}



.banner-style-three .content-box .btn-box .theme-btn.btn-two:before{

  background: var(--theme-color);

}



.banner-style-three .social-links{

  position: absolute;

  left: 80px;

  top: 386px;

  z-index: 1;

}



.banner-style-three .social-links li{

  position: relative;

  display: block;

  margin-bottom: 15px;

}



.banner-style-three .social-links li:last-child{

  margin-bottom: 0px;

}



.banner-style-three .social-links li a{

  position: relative;

  display: inline-block;

  width: 54px;

  height: 40px;

  line-height: 44px;

  background: #fff;

  border: 1px solid #fff;

  border-radius: 40px;

  text-align: center;

  font-size: 20px;

  color: var(--title-color);

}



.banner-style-three .social-links li a:hover{

  background: transparent;

  color: #fff;

}



.banner-style-three .owl-nav{

  position: absolute;

  top: 380px;

  right: 120px;

  height: 206px;

}



.banner-style-three .owl-nav button span{

  display: none;

}



.banner-style-three .owl-nav button.owl-prev{

  position: absolute;

  left: 0px;

  top: 0px;

}



.banner-style-three .owl-nav button.owl-prev:before{

  position: absolute;

  content: "\f112";

  font-family: 'flaticon';

  font-size: 50px;

  color: #fff;

  left: 0px;

  top: 0px;

  transition: all 500ms ease;

}



.banner-style-three .owl-nav button.owl-next{

  position: absolute;

  left: 0px;

  bottom: 0px;

}



.banner-style-three .owl-nav button.owl-next:before{

  position: absolute;

  content: "\f102";

  font-family: 'flaticon';

  font-size: 50px;

  color: #fff;

  left: 0px;

  top: 0px;

  transition: all 500ms ease;

}



.banner-style-three .owl-nav button.owl-prev:hover:before,

.banner-style-three .owl-nav button.owl-next:hover:before{

  color: var(--theme-color);

}



.banner-style-three .owl-dots{

  position: absolute;

  top: 422px;

  right: 90px;

}



.banner-style-three .owl-dots span{

  display: none !important;

}



.banner-style-three .owl-dots .owl-dot{

  position: relative;

  display: block;

  height: 40px;

  width: 1px;

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

  margin: 0px;

  margin-bottom: 15px;

  cursor: pointer;

  transition: all 500ms ease;

}



.banner-style-three .owl-dots .owl-dot:last-child{

  margin: 0px;

}



.banner-style-three .owl-dots .owl-dot.active{

  background: var(--theme-color);

  width: 5px;

  border-radius: 10px;

  left: -2px;

}





/** funfact-style-two **/



.funfact-style-two{

  position: relative;

  width: 100%;

  margin-top: -544px;

  z-index: 1;

  padding-bottom: 93px;

}



.funfact-style-two .title-text h3{

  position: relative;

  display: block;

  font-size: 22px;

  line-height: 32px;

  color: #fff;

  margin-bottom: 30px;

}



.funfact-style-two .pricing-content{

  position: relative;

  padding-left: 30px;

  margin-right: -480px;

  margin-bottom: 80px;

}



.funfact-style-two .pricing-content .four-item-carousel{



}



.funfact-style-two .pairs-block-one{

  background: var(--theme-color);

  box-shadow: none;

}



.funfact-style-two .pairs-block-one .inner-box .left-column .icon-box{

  background: #fff;

}



.funfact-style-two .pairs-block-one .inner-box .left-column .list-item li{

  color: #fff;

}



.funfact-style-two .pairs-block-one .inner-box .right-column .currency-rate{

  color: #fff !important;

}



.funfact-style-two .pairs-block-one .inner-box .left-column .currency,

.funfact-style-two .pairs-block-one .inner-box .right-column .sell{

  color: #b7b1be;

}



.funfact-style-two .pairs-block-one .inner-box .right-column .theme-btn{

  border-color: #fff;

  color: #fff;

}



.funfact-style-two .funfact-block-one .inner-box{

  background: transparent;

  padding: 0px;

  border: none;

  border-radius: 0px;

}



.funfact-style-two .funfact-block-one .inner-box h2{

  color: #fff;

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

}



.funfact-style-two .funfact-block-one .inner-box p{

  color: #b7b1be;

}





/** about-style-two **/



.about-style-two{

  position: relative;

  padding: 120px 0px 120px 0px;

}



.about-style-two .image-box{

  position: relative;

  display: block;

  margin-right: 10px;

  padding-top: 50px;

  padding-right: 360px;

}



.about-style-two .image-box:before{

  position: absolute;

  content: '';

  border: 2px dashed #e1dee5;

  border-radius: 50%;

  left: 105px;

  top: -25px;

  width: 515px;

  height: 515px;

}



.about-style-two .image-box .image{

  position: relative;

  display: block;

  border-radius: 10px;

}



.about-style-two .image-box .image img{

  width: 100%;

  border-radius: 10px;

}



.about-style-two .image-box .experience-box{

  position: absolute;

  top: 0px;

  right: 90px;

  width: 240px;

  border-radius: 10px;

  padding: 30px 30px 23px 30px;

  background: var(--theme-color);

}



.about-style-two .image-box .experience-box .icon-box{

  position: relative;

  display: block;

  margin-bottom: 21px;

}



.about-style-two .image-box .experience-box h2{

  position: relative;

  display: block;

  font-size: 40px;

  line-height: 50px;

  color: #fff;

  margin-bottom: 8px;

}



.about-style-two .image-box .experience-box h2 span{

  font-size: 24px;

  line-height: 30px;

  font-weight: 200;

}



.about-style-two .image-box .experience-box h5{

  position: relative;

  display: block;

  font-size: 18px;

  line-height: 28px;

  color: #fff;

}



.about-style-two .image-box .experience-box .shape{

  position: absolute;

  top: 0px;

  right: 0px;

  width: 127px;

  height: 153px;

  background-repeat: no-repeat;

}



.about-style-two .image-box .image-content{

  position: absolute;

  right: 0px;

  bottom: 50px;

  width: 330px;

  background: #fff;

  width: 330px;

  border-radius: 10px;

  padding: 24px 30px 22px 30px;

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

}



.about-style-two .image-box .image-content h6{

  display: block;

  font-size: 16px;

  line-height: 26px;

  font-weight: 500;

  margin-bottom: 15px;

}



.about-style-two .image-box .image-content h3{

  position: relative;

  display: block;

  font-size: 26px;

  line-height: 32px;

  color: var(--theme-color);

}



.about-style-two .image-box .image-content p{

  position: relative;

  display: inline-block;

  font-size: 15px;

  color: var(--title-color);

  padding-left: 18px;

}



.about-style-two .image-box .image-content p i{

  position: absolute;

  left: 0px;

  top: 3px;

  color: #53b764;

  font-size: 18px;

}



.about-style-two .image-box .image-content .bar{

  position: absolute;

  right: 30px;

  bottom: 30px;

}



.about-style-two .content-box{

  position: relative;

  display: block;

}



.about-style-two .content-box .sec-title{

  margin-bottom: 31px;

}



.about-style-two .content-box .text-box p{

  margin-bottom: 26px;

}



.about-style-two .content-box .text-box .single-item{

  position: relative;

  display: block;

  padding-left: 80px;

  margin-bottom: 43px;

}



.about-style-two .content-box .text-box .single-item .icon-box{

  position: absolute;

  left: 0px;

  top: 8px;

}



.about-style-two .content-box .text-box .single-item h3{

  display: block;

  font-size: 22px;

  line-height: 32px;

  margin-bottom: 10px;

}



.about-style-two .content-box .text-box .single-item p{

  margin-bottom: 0px;

}



.bg-color-5{

  background: #f4f1f7;

}





/** pricing-style-two **/



.pricing-style-two{

  position: relative;

  padding: 113px 0px 90px 0px;

}



.pricing-block-two{

  position: relative;

  overflow: hidden;

  padding-top: 40px;

}



.pricing-block-two .pricing-table{

  position: relative;

  display: block;

  background: #fff;

  border-radius: 10px;

  padding: 23px 40px 40px 40px;

  margin-bottom: 30px;

}



.pricing-block-two .pricing-table .table-header h3{

  font-size: 26px;

  line-height: 36px;

  margin-bottom: 4px;

}



.pricing-block-two .pricing-table .table-header p{

  margin-bottom: 23px;

}



.pricing-block-two .pricing-table .table-header h2{

  position: relative;

  display: block;

  font-size: 30px;

  line-height: 40px;

  font-weight: 700;

  color: var(--theme-color);

  padding: 7px 0px;

  z-index: 1;

}



.pricing-block-two .pricing-table .table-header h2:before{

  position: absolute;

  content: '';

  background: #f4f1f7;

  width: calc(100% + 40px);

  height: 100%;

  top: 0px;

  right: 0px;

  border-radius: 0px 40px 40px 0px;

  z-index: -1;

}



.pricing-block-two .pricing-table .table-header h2 span{

  font-size: 16px;

  line-height: 20px;

  font-weight: 500;

  color: var(--title-color);

}



.pricing-block-two .pricing-table .table-content{

  position: relative;

  padding: 20px 0px 20px 0px;

}



.pricing-block-two .pricing-table .feature-list li{

  position: relative;

  display: block;

  font-size: 16px;

  line-height: 26px;

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

  color: #5f5c63;

  padding: 14px 0px 13px 0px;

  border-bottom: 1px solid #e1dee5;

}



.pricing-block-two .pricing-table .feature-list li:last-child{

  border-bottom: none;

}



.pricing-block-two .pricing-table .feature-list li span{

  float: right;

  color: var(--title-color);

  font-weight: 500;

}



.pricing-block-two .pricing-table .table-footer{

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.check-box input {

  display: none;

}



.check-box label {

  position: relative;

  font-size: 16px;

  line-height: 26px;

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

  font-weight: 500;

  color: var(--title-color);

  padding-left: 28px;

  display: inline-block;

  cursor: pointer;

}



.check-box label:before{

  position: absolute;

  content: '';

  left: 0px;

  top: 4px;

  width: 20px;

  height: 20px;

  border-radius: 3px;

  border-style: solid;

  border-width: 1px;

  border-color: #e1dee5;

  background: transparent;

}



.check-box label:after {

  position: absolute;

  content: '';

  left: 6px;

  top: 10px;

  width: 8px;

  height: 8px;

  border-radius: 2px;

  background: var(--theme-color);

  opacity: 0;

  transition: all 500ms ease;

}



.check-box input:checked + label:after {

  opacity: 1;

}



.pricing-block-two .pricing-table .table-footer a{

  position: relative;

  display: inline-block;

  font-size: 13px;

  line-height: 22px;

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

  font-weight: 700;

  text-transform: uppercase;

  color: var(--title-color);

  padding: 16px 0px 17px 37px;

  z-index: 1;

}



.pricing-block-two .pricing-table .table-footer a:before{

  position: absolute;

  content: '';

  background: #f4f1f7;

  width: calc(100% + 40px);

  height: 100%;

  left: 0px;

  top: 0px;

  border-radius: 40px 0px 0px 40px;

  z-index: -1;

}



.pricing-block-two .pricing-table .table-footer a span{

  position: relative;

  padding-left: 24px;

}



.pricing-block-two .pricing-table .table-footer a span:before{

  position: absolute;

  content: "\f104";

  font-family: 'flaticon';

  font-size: 20px;

  left: 0px;

  top: -3px;

}



.pricing-block-two .pricing-table .table-footer a:hover{

  color: var(--theme-color);

}



.pricing-block-two .special-text{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  padding: 6px 15px 14px 15px;

  text-align: center;

  background: var(--theme-color);

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

}



.pricing-block-two .special-text h6{

  position: relative;

  display: inline-block;

  font-size: 16px;

  line-height: 26px;

  font-weight: 500;

  color: #fff;

  padding-left: 22px;

}



.pricing-block-two .special-text h6:before{

  position: absolute;

  content: "\f11b";

  font-family: 'flaticon';

  font-size: 20px;

  left: 0px;

  top: 1px;

}



.pricing-style-two .tab-btns{

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 60px;

}



.pricing-style-two .tab-btns li{

  position: relative;

  display: inline-block;

  font-size: 16px;

  line-height: 26px;

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

  font-weight: 500;

  color: var(--title-color);

  background: #e5e2e9;

  padding: 15px 30px;

  border-radius: 40px;

  cursor: pointer;

  transition: all 500ms ease;

}



.pricing-style-two .tab-btns li.active-btn{

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

  color: #fff;

}



.bg-color-6{

  background: -webkit-linear-gradient(-45deg, #120c1a 50%, #7921f4 100%);

}



.cta-section.bg-color-6 .content-box h3:before{

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

}





/** news-style-two **/



.news-style-two{

  position: relative;

}



.news-style-two .sec-title .theme-btn{

  position: absolute;

  right: 0px;

  bottom: 12px;

}



.news-style-two .owl-carousel .owl-stage-outer{

  overflow: visible;

}



.news-style-two .owl-carousel .owl-stage-outer .owl-item{

  opacity: 0;

  visibility: hidden;

}



.news-style-two .owl-carousel .owl-stage-outer .owl-item.active{

  opacity: 1;

  visibility: visible;

}



.news-block-two{

  position: relative;

  display: block;

  background: #fff;

  border-radius: 10px;

  padding: 30px;

  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.12);

}



.news-block-two .inner-box{

  position: relative;

  display: block;

  padding-left: 220px;

  min-height: 194px;

  margin-bottom: 26px;

}



.news-block-two .inner-box .image-box{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 190px;

  height: 190px;

  border-radius: 10px;

}



.news-block-two .inner-box .image-box img{

  width: 100%;

  border-radius: 10px;

}



.news-block-two .inner-box h6{

  position: relative;

  display: inline-block;

  font-size: 13px;

  line-height: 22px;

  font-weight: 700;

  text-transform: uppercase;

  background: #f4f1f7;

  color: var(--theme-color);

  border-radius: 40px;

  text-align: center;

  padding: 9px 20px;

  margin-bottom: 23px;

}



.news-block-two .inner-box h3{

  position: relative;

  display: block;

  font-size: 22px;

  line-height: 32px;

  margin-bottom: 15px;

}



.news-block-two .inner-box h3 a{

  display: inline-block;

  color: var(--title-color);

}



.news-block-two .inner-box h3 a:hover{

  color: var(--theme-color);

}



.news-block-two .lower-content{

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.news-block-two .lower-content .post-info{

  position: relative;

  display: flex;

  align-items: center;

  padding: 6px 19px;

  border: 1px solid #dbe5e2;

  border-radius: 40px;

}



.news-block-two .lower-content .post-info li{

  position: relative;

  display: inline-block;

  font-size: 16px;

  line-height: 26px;

  color: #5f5c63;

  padding-left: 23px;

  margin-right: 34px;

}



.news-block-two .lower-content .post-info li a{

  display: inline-block;

  color: #5f5c63;

}



.news-block-two .lower-content .post-info li a:hover{

  color: var(--theme-color);

}



.news-block-two .lower-content .post-info li:last-child{

  margin: 0px !important;

}



.news-block-two .lower-content .post-info li i{

  position: absolute;

  left: 0px;

  top: 2px;

  font-size: 14px;

  color: #b9b3c0;

}



.news-block-two .lower-content .post-info li:before{

  position: absolute;

  content: '';

  background: #c2d2cd;

  width: 3px;

  height: 14px;

  right: -17px;

  top: 6px;

  border-radius: 2px;

}



.news-block-two .lower-content .post-info li:last-child:before{

  display: none;

}



.news-block-two .lower-content .link a{

  position: relative;

  display: inline-block;

  width: 60px;

  height: 40px;

  line-height: 44px;

  text-align: center;

  font-size: 20px;

  color: var(--title-color);

  text-align: center;

  border-radius: 40px;

  border: 1px solid #e1dee5;

}



.news-block-two .lower-content .link a:hover{

  color: #fff;

  background: var(--theme-color);

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

}



.news-style-two .owl-dots{

  position: relative;

  display: block;

  text-align: center;

  margin-top: 56px;

}



.news-style-two .dots-style-one .owl-dots .owl-dot{

  background-color: #c6d5d0;

}



.news-style-two .owl-nav{

  position: absolute;

  display: block;

  max-width: 194px;

  width: 100%;

  margin: 0 auto;

  left: 0px;

  right: 0px;

  bottom: 24px;

  z-index: 1;

}



.news-style-two .owl-nav button{

  color: var(--title-color);

}



.news-style-two .owl-nav button.owl-prev{

  position: absolute;

  left: 0px;

  top: 0px;

}



.news-style-two .owl-nav button.owl-next{

  position: absolute;

  right: 0px;

  top: 0px;

}





/** chooseus-style-three **/



.chooseus-style-three{

  position: relative;

}



.chooseus-style-three .single-item{

  position: relative;

  display: inline-block;

  margin-bottom: 60px;

}



.chooseus-style-three .left-column .single-item{

  float: right;

}



.chooseus-style-three .left-column .single-item:nth-child(even){

  float: left;

}



.chooseus-style-three .single-item h5{

  position: relative;

  display: inline-block;

  font-size: 18px;

  line-height: 28px;

  color: #fff;

}



.chooseus-style-three .single-item h5 a{

  position: relative;

  display: inline-block;

  color: #fff;

  padding: 16px 20px 18px 70px;

  border: 1px solid rgba(255, 255, 255, 0.15);

  border-radius: 40px;

  width: 300px;

}



.chooseus-style-three .single-item h5 a:hover{

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

  background: var(--theme-color);

}



.chooseus-style-three .single-item h5 a i{

  position: absolute;

  left: 9px;

  top: 9px;

  display: inline-block;

  width: 44px;

  height: 44px;

  line-height: 48px;

  background: #fff;

  text-align: center;

  border-radius: 50%;

  font-size: 20px;

  color: var(--title-color);

}



.chooseus-style-three .single-item h5 a:before{

  position: absolute;

  content: '';

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

  width: 49px;

  height: 1px;

  top: 50%;

  transition: all 500ms ease;

}



.chooseus-style-three .single-item h5 a:hover:before{

  background: var(--theme-color);

}



.chooseus-style-three .left-column .single-item h5 a:before{

  right: -50px;

}



.chooseus-style-three .right-column .single-item h5 a:before{

  left: -50px;

}



.chooseus-style-three .left-column .single-item.last h5 a:before{

  right: -130px;

  width: 129px;

}



.chooseus-style-three .image-box{

  position: relative;

  display: block;

  margin: 0px 20px;

  overflow: hidden;

}



.chooseus-style-three .image-box .image{

  position: relative;

  display: block;

  border-radius: 30px 30px 0px 0px;

}



.chooseus-style-three .image-box .image img{

  width: 100%;

  border-radius: 30px 30px 0px 0px;

}



.chooseus-style-three .right-column .single-item:nth-child(even){

  float: right;

}



.chooseus-style-three .right-column .single-item.last h5 a:before{

  left: -130px;

  width: 129px;

}



.chooseus-style-three .image-box .shape{

  position: absolute;

  left: 0px;

  bottom: 140px;

  width: 290px;

  height: 170px;

  background-repeat: no-repeat;

}



.chooseus-style-three .image-box .big-text{

  position: absolute;

  left: 0px;

  bottom: 30px;

  width: 100%;

  text-align: center;

  font-size: 72px;

  line-height: 82px;

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

  font-weight: 700;

  color: transparent;

  -webkit-text-stroke-width: 1px;

  -webkit-text-stroke-color: rgba(255, 255, 255, 1);

}



.chooseus-style-three .inner-container{

  position: relative;

  border-bottom: 1px solid rgba(255, 255, 255, 0.12);

  margin-bottom: 54px;

}



.chooseus-style-three .lower-content h3{

  position: relative;

  display: block;

  font-size: 26px;

  line-height: 36px;

  color: #fff;

  margin-bottom: 14px;

}



.chooseus-style-three .lower-content p{

  color: #b7b1be;

  margin-bottom: 33px;

}



.chooseus-style-three .lower-content .theme-btn{

  color: #fff;

}



.working-style-two.bg-color-5 .working-block-two .inner-box h6,

.working-style-two.bg-color-5 .working-block-two .inner-box h6:before{

  background: #e5e2e9;

}





/** testimonial-style-two **/



.testimonial-style-two{

  position: relative;

}



.testimonial-style-two .owl-carousel .owl-stage-outer{

  overflow: visible;

}



.testimonial-style-two .owl-carousel .owl-stage-outer .owl-item{

  opacity: 0;

  visibility: hidden;

}



.testimonial-style-two .owl-carousel .owl-stage-outer .owl-item.active{

  opacity: 1;

  visibility: visible;

}



.testimonial-block-two{

  position: relative;

  display: block;

  overflow: hidden;

  background: #fff;

  border-radius: 10px;

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

}



.testimonial-block-two h5{

  position: relative;

  display: block;

  font-size: 18px;

  line-height: 28px;

  color: #fff;

  padding: 15px 30px 15px 30px;

  background: -webkit-linear-gradient(0deg, #120c1a 0%, #4c1e8d 100%);

}



.testimonial-block-two h5:before{

  position: absolute;

  content: '';

  left: 30px;

  bottom: -20px;

  width: 20px;

  height: 20px;

  background: #120c1a;

  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 0%);

}



.testimonial-block-two .inner-box{

  position: relative;

  padding: 45px 30px 37px 30px;

}



.testimonial-block-two .inner-box .author-box{

  position: relative;

  display: block;

  padding: 0px 0px 0px 80px;

  margin-bottom: 20px;

}



.testimonial-block-two .inner-box .author-box .thumb-box{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 61px;

  height: 60px;

  border-radius: 50%;

}



.testimonial-block-two .inner-box .author-box .thumb-box img{

  width: 100%;

  border-radius: 50%;

}



.testimonial-block-two .inner-box .author-box h3{

  display: block;

  font-size: 22px;

  line-height: 32px;

  margin-bottom: 10px;

}



.testimonial-block-two .inner-box .author-box .designation{

  position: relative;

  display: block;

  color: var(--theme-color);

}



.testimonial-block-two .inner-box p{

  margin-bottom: 25px;

}



.testimonial-block-two .inner-box .lower-box{

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.testimonial-block-two .inner-box .lower-box .text-box span{

  position: relative;

  display: block;

  color: var(--title-color);

  margin-bottom: 5px;

}



.testimonial-block-two .inner-box .lower-box .text-box h3{

  font-size: 22px;

  line-height: 32px;

  color: var(--theme-color);

}



.testimonial-block-two .inner-box .lower-box .rating{

  position: relative;

  display: inline-block;

  border: 1px solid #e1dee5;

  border-radius: 30px;

  padding: 9px 13px 7px 13px;

}



.testimonial-block-two .inner-box .lower-box .rating h6{

  position: relative;

  display: inline-block;

  font-size: 18px;

  line-height: 28px;

  padding-left: 0px;

}



.testimonial-block-two .inner-box .lower-box .rating h6 i,

.testimonial-block-two .inner-box .lower-box .rating h6 span{

  font-size: 18px;

  color: #00b67a;

}



.testimonial-style-two .owl-dots{

  position: relative;

  display: block;

  text-align: center;

  margin-top: 56px;

}



.testimonial-style-two .dots-style-one .owl-dots .owl-dot{

  background-color: #c6d5d0;

}



.testimonial-style-two .owl-nav{

  position: absolute;

  display: block;

  max-width: 194px;

  width: 100%;

  margin: 0 auto;

  left: 0px;

  right: 0px;

  bottom: 24px;

  z-index: 1;

}



.testimonial-style-two .owl-nav button{

  color: var(--title-color);

}



.testimonial-style-two .owl-nav button.owl-prev{

  position: absolute;

  left: 0px;

  top: 0px;

}



.testimonial-style-two .owl-nav button.owl-next{

  position: absolute;

  right: 0px;

  top: 0px;

}



.header-style-three .main-menu .navigation > li.dropdown > a:before{

  top: 24px;

}





/** clients-section **/



.clients-section{

  position: relative;

}



.clients-section .clients-list li{

  position: relative;

  display: block;

  float: left;

  width: 25%;

  text-align: center;

  border-right: 1px solid #d8d5df;

}



.clients-section .clients-list li:nth-child(4),

.clients-section .clients-list li:nth-child(8){

  border: none;

}



.clients-section .clients-list{

  position: relative;

}



.clients-section .clients-list:before{

  position: absolute;

  content: '';

  background: #d8d5df;

  width: 100%;

  height: 1px;

  left: 0px;

  top: 50%;

}



.clients-section .clients-list li:nth-child(1),

.clients-section .clients-list li:nth-child(2),

.clients-section .clients-list li:nth-child(3),

.clients-section .clients-list li:nth-child(4){

  padding-bottom: 37px;

}



.clients-section .clients-list li:nth-child(5),

.clients-section .clients-list li:nth-child(6),

.clients-section .clients-list li:nth-child(7),

.clients-section .clients-list li:nth-child(8){

  padding-top: 41px;

}



.clients-section .clients-list li img{

  position: relative;

  display: inline-block;

  max-width: 100%;

  transition: all 500ms ease;

}



.clients-section .clients-list li img:hover{

  transform: scale(1.05);

}





/** footer-style-three **/



.main-footer.style-three{

  background: -webkit-linear-gradient(-45deg, #120c1a 50%, #7921f4 150%);

}



.main-footer.style-three p,

.main-footer.style-three a{

  color: #b7b1be;

}



.main-footer.style-three .logo-widget .single-item{

  position: relative;

  display: block;

  background: #251f2c;

  border-radius: 10px;

  padding: 20px 20px 30px 45px;

  max-width: 340px;

}



.main-footer.style-three .logo-widget .single-item .inner-box{

  position: relative;

  padding-left: 147px;

}



.main-footer.style-three .logo-widget .single-item .inner-box .badge-box{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100px;

}



.main-footer.style-three .logo-widget .single-item .inner-box .badge-box span{

  position: relative;

  display: block;

  text-align: center;

  width: 100px;

  background: #fff;

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

  text-align: center;

  padding: 11px 20px 28px 20px;

  font-size: 14px;

  line-height: 18px;

  color: var(--title-color);

}



.main-footer.style-three .logo-widget .single-item .inner-box .badge-box span:before{

  position: absolute;

  content: '';

  background: #fff;

  width: 100%;

  height: 45px;

  left: 0px;

  bottom: -45px;

  clip-path: polygon(0% 0%, 100% 0%, 50% 100%, 50% 100%, 0% 0%);

}



.main-footer.style-three .logo-widget .single-item .inner-box p{

  color: #b7b1be;

  padding-top: 3px;

  padding-bottom: 14px;

}



.main-footer.style-three .logo-widget .single-item .inner-box .badge-box .text{

  position: absolute;

  left: 0px;

  bottom: -17px;

  width: 100%;

  text-align: center;

  padding: 7px 15px;

  background: var(--theme-color);

  z-index: 1;

}



.main-footer.style-three .logo-widget .single-item .inner-box .badge-box .text h6{

  font-size: 16px;

  line-height: 20px;

  font-weight: 700;

  text-transform: uppercase;

  color: #fff;

}



.main-footer.style-three .logo-widget .single-item .inner-box .badge-box .text:before,

.main-footer.style-three .logo-widget .single-item .inner-box .badge-box .text:after{

  position: absolute;

  content: '';

  background: #5215a7;

  width: 11px;

  height: 46px;

  top: 0px;

}



.main-footer.style-three .logo-widget .single-item .inner-box .badge-box .text:before{

  left: -11px;

}



.main-footer.style-three .logo-widget .single-item .inner-box .badge-box .text:after{

  right: -11px;

}



.main-footer.style-three .logo-widget .single-item .inner-box .badge-box .text .decore-1{

  position: absolute;

  left: -26px;

  top: 0px;

  width: 15px;

  height: 46px;

}



.main-footer.style-three .logo-widget .single-item .inner-box .badge-box .text .decore-1:after{

  position: absolute;

  content: '';

  left: 0px;

  top: 0px;

  width: 15px;

  height: 46px;

  background: #5215a7;

  clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 100% 50%, 0% 0%);

}



.main-footer.style-three .logo-widget .single-item .inner-box .badge-box .text .decore-1:before{

  position: absolute;

  content: '';

  background: #5215a7;

  width: 19px;

  height: 11px;

  left: 26px;

  bottom: 0px;

  clip-path: polygon(0% 0%, 0% 0%, 100% 100%, 0% 100%, 0% 0%);

}



.main-footer.style-three .logo-widget .single-item .inner-box .badge-box .text .decore-2{

  position: absolute;

  right: -26px;

  top: 0px;

  width: 15px;

  height: 46px;

}



.main-footer.style-three .logo-widget .single-item .inner-box .badge-box .text .decore-2:after{

  position: absolute;

  content: '';

  left: 0px;

  top: 0px;

  width: 15px;

  height: 46px;

  background: #5215a7;

  clip-path: polygon(100% 0%, 0 49%, 100% 100%, 0 100%, 0% 50%, 0 0);

}



.main-footer.style-three .logo-widget .single-item .inner-box .badge-box .text .decore-2:before{

  position: absolute;

  content: '';

  background: #5215a7;

  width: 19px;

  height: 11px;

  right: 26px;

  bottom: 0px;

  clip-path: polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);

}



.main-footer.style-three .logo-widget{

  margin-right: 30px;

}



.main-footer.style-three .logo-widget .owl-dots{

  position: absolute;

  right: 92px;

  bottom: 23px;

}



.main-footer.style-three .dots-style-one .owl-dots .owl-dot{

  margin-right: 15px;

}



.main-footer.style-three .dots-style-one .owl-dots .owl-dot:last-child{

  margin-right: 0px;

}



.main-footer.style-three .links-widget .links-list li a{

  color: #b7b1be;

}



.main-footer.style-three .links-widget .links-list li a:hover,

.main-footer.style-three .links-widget .links-list li a:hover:before{

  color: var(--theme-color);

}



.main-footer.style-three .links-widget .links-list li a:before{

  color: #61596c;

}



.main-footer .customer-widget .widget-content{

  position: relative;

  display: block;

  background: -webkit-linear-gradient(0deg, #4c1e8e 0%, #7921f5 100%);

  padding: 37px 40px 33px 40px;

  border-radius: 10px;

}



.main-footer .customer-widget .widget-content .widget-title{

  padding-left: 85px;

  margin-bottom: 17px;

}



.main-footer .customer-widget .widget-content .widget-title .icon-box{

  position: absolute;

  left: 0px;

  top: 3px;

  width: 60px;

  height: 60px;

  line-height: 60px;

  text-align: center;

  background: #fff;

  border-radius: 10px;

}



.main-footer .customer-widget .widget-content p{

  color: #b7b1be;

  margin-bottom: 23px;

}



.main-footer .customer-widget .widget-content .clients-list{

  position: relative;

  display: flex;

  align-items: center;

  margin-bottom: 30px;

}



.main-footer .customer-widget .widget-content .clients-list li{

  position: relative;

  margin-right: -15px;

}



.main-footer .customer-widget .widget-content .clients-list li:last-child{

  margin-right: 0px;

  margin-left: 25px;

}



.main-footer .customer-widget .widget-content .clients-list li .image{

  position: relative;

  display: inline-block;

  width: 56px;

  height: 56px;

  border-radius: 50%;

  border: 2px solid #fff;

}



.main-footer .customer-widget .widget-content .clients-list li .image img{

  width: 100%;

  border-radius: 50%;

}



.main-footer .customer-widget .widget-content .clients-list li span{

  position: relative;

  display: inline-block;

  width: 60px;

  height: 40px;

  line-height: 40px;

  background: var(--theme-color);

  border: 2px solid #fff;

  border-radius: 40px;

  text-align: center;

  font-size: 14px;

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

  font-weight: 500;

  color: #fff;

}



.main-footer .customer-widget .widget-content .clients-list li h6{

  font-size: 16px;

  line-height: 26px;

  font-weight: 500;

  color: #fff;

}



.main-footer .customer-widget .widget-content .btn-box .theme-btn{

  width: 100%;

  border-color: #fff;

  color: #fff;

  margin-bottom: 15px;

}



.main-footer .customer-widget .widget-content .active-text{

  position: relative;

  display: block;

  text-align: center;

}



.main-footer .customer-widget .widget-content .active-text span{

  position: relative;

  display: inline-block;

  color: #b7b1be;

  padding-left: 20px;

}



.main-footer .customer-widget .widget-content .active-text span:before{

  position: absolute;

  content: '';

  background: #51b662;

  width: 10px;

  height: 10px;

  left: 0px;

  top: 9px;

  border-radius: 50%;

}



.main-footer.style-three .widget-section{

  padding: 113px 0px 120px 0px;

}



.main-footer.style-three .bottom-inner .footer-nav li a{

  color: #b6adc2;

}



.main-footer.style-three .bottom-inner .footer-nav li a:hover{

  color: var(--theme-color);

}







/***



====================================================================

                        Home-Page-Four

====================================================================



***/





/** header-style-four **/



.header-style-four{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

}



.header-upper{

  position: relative;

  width: 100%;

  padding-top: 30px;

}



.header-upper .upper-inner{

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.header-upper .single-item{

  position: relative;

  display: block;

}



.header-upper .left-column .single-item{

  padding-left: 45px;

}



.header-upper .right-column .single-item{

  padding-right: 45px;

  text-align: right;

}



.header-upper .single-item .icon-box{

  position: absolute;

  top: 7px;

}



.header-upper .left-column .single-item .icon-box{

  left: 0px;

}



.header-upper .right-column .single-item .icon-box{

  right: 0px;

}



.header-upper .single-item h5{

  position: relative;

  display: block;

  font-size: 16px;

  line-height: 26px;

  font-weight: 500;

}



.header-upper .single-item h5 a{

  display: inline-block;

  color: var(--title-color);

}



.header-upper .single-item h5 a:hover{

  color: var(--theme-color);

}



.header-upper .single-item h5 span{

  color: #a49c98;

}



.header-upper .single-item h6{

  display: block;

  font-size: 14px;

  line-height: 24px;

  font-weight: 400;

}



.header-upper .single-item h6 a{

  display: inline-block;

  color: var(--title-color);

}



.header-upper .single-item h6 a:hover{

  color: var(--theme-color);

}



.header-style-four .outer-box{

  padding: 0px;

}



.header-style-four .header-lower .outer-box{

  justify-content: center;

}



.header-style-four .header-lower .main-menu .navigation > li > a{

  padding-top: 13px;

  padding-bottom: 13px;

}



.header-style-four .header-lower .main-menu .navigation > li.dropdown > a:before{

  top: 15px;

}



.header-style-four .header-lower .menu-area{

  position: relative;

  padding: 0px 58px;

}



.header-style-four .header-lower .menu-area .line-1{

  position: absolute;

  left: 0px;

  top: 25px;

  width: 9px;

  height: 9px;

  background: #ded4d0;

  border-radius: 50%;

}



.header-style-four .header-lower .menu-area .line-1:before{

  position: absolute;

  content: '';

  background: #ded4d0;

  width: 5000px;

  height: 1px;

  top: 4px;

  right: 0px;

}



.header-style-four .header-lower .menu-area .line-2{

  position: absolute;

  right: 0px;

  top: 25px;

  width: 9px;

  height: 9px;

  background: #ded4d0;

  border-radius: 50%;

}



.header-style-four .header-lower .menu-area .line-2:before{

  position: absolute;

  content: '';

  background: #ded4d0;

  width: 5000px;

  height: 1px;

  top: 4px;

  left: 0px;

}



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

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

  color: var(--theme-color);

}





/** banner-style-four **/



.banner-style-four{

  position: relative;

  padding: 250px 0px 0px 0px;

  background: #f6ede9;

}



.banner-style-four .outer-container{

  position: relative;

  padding: 0px 120px;

}



.banner-style-four .inner-box{

  position: relative;

  display: flex;

}



.banner-style-four .inner-box .content-box{

  position: relative;

  max-width: 650px;

  width: 100%;

  z-index: 5;

}



.banner-style-four .content-box .video-btn a{

  position: relative;

  display: inline-block;

  width: 78px;

  height: 54px;

  line-height: 58px;

  font-size: 20px;

  color: #160f0c;

  border: 1px solid #160f0c;

  border-radius: 40px;

  text-align: center;

  margin-bottom: 29px;

}



.banner-style-four .content-box h2{

  position: relative;

  display: block;

  font-size: 60px;

  line-height: 70px;

  margin-bottom: 20px;

}



.banner-style-four .content-box p{

  font-size: 18px;

  line-height: 28px;

  color: #6a6461;

  margin-bottom: 28px;

}



.banner-style-four .content-box .list-style-two li{

  color: var(--title-color);

}



.banner-style-four .content-box .list-style-two{

  margin-bottom: 38px;

}



.banner-style-four .inner-box .content-box .list-inner{

  position: relative;

}



.banner-style-four .inner-box .content-box .list-inner .shape{

  position: absolute;

  right: 160px;

  bottom: 0px;

  width: 196px;

  height: 54px;

  background-repeat: no-repeat;

}



.banner-style-four .image-box{

  position: relative;

  display: block;

}



.banner-style-four .image-box .image-content{

  position: absolute;

  bottom: 165px;

  left: -200px;

  background: #fff;

  width: 330px;

  border-radius: 10px;

  padding: 24px 30px 22px 30px;

  z-index: 1;

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

}



.banner-style-four .image-box .image-content h6{

  display: block;

  font-size: 16px;

  line-height: 26px;

  font-weight: 500;

  margin-bottom: 15px;

}



.banner-style-four .image-box .image-content h3{

  position: relative;

  display: block;

  font-size: 26px;

  line-height: 32px;

  color: var(--theme-color);

}



.banner-style-four .image-box .image-content p{

  position: relative;

  display: inline-block;

  font-size: 15px;

  color: var(--title-color);

  padding-left: 18px;

}



.banner-style-four .image-box .image-content p i{

  position: absolute;

  left: 0px;

  top: 3px;

  color: #53b764;

  font-size: 18px;

}



.banner-style-four .image-box .image-content .bar{

  position: absolute;

  right: 30px;

  bottom: 30px;

}



.banner-style-four .image-box .market-comparison{

  position: absolute;

  top: 80px;

  right: -95px;

  width: 190px;

  border-radius: 10px;

  padding: 24px 20px 27px 20px;

  text-align: center;

  background: -webkit-linear-gradient(-45deg, #160f0c 50%, #411f0f 100%);

  z-index: 1;

}



.banner-style-four .image-box .market-comparison h6{

  position: relative;

  display: block;

  font-size: 14px;

  line-height: 24px;

  color: #fff;

  font-weight: 500;

  margin-bottom: 17px;

}



.banner-style-four .image-box .market-comparison .chart{

  position: relative;

  display: inline-block;

  margin-bottom: 19px !important;

}



.banner-style-four .image-box .market-comparison .list-item{

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 11px;

}



.banner-style-four .image-box .market-comparison .list-item li{

  position: relative;

  display: inline-block;

  font-size: 14px;

  line-height: 20px;

  color: #fff;

  padding-left: 13px;

  margin-right: 15px;

}



.banner-style-four .image-box .market-comparison .list-item li:last-child{

  margin: 0px;

}



.banner-style-four .image-box .market-comparison .list-item li:before{

  position: absolute;

  content: '';

  background: #51b662;

  width: 8px;

  height: 8px;

  left: 0px;

  top: 6px;

  border-radius: 50%;

}



.banner-style-four .image-box .market-comparison .list-item li:last-child:before{

  background: #ec404c;

}



.banner-style-four .image-box .market-comparison h5{

  position: relative;

  display: block;

  font-size: 14px;

  line-height: 20px;

  color: #fff;

  font-weight: 500;

  margin-bottom: 8px;

}



.banner-style-four .image-box .market-comparison h3{

  position: relative;

  display: block;

  font-size: 14px;

  line-height: 20px;

  font-weight: 500;

  color: var(--theme-color);

}



.banner-style-four .image-box .image{

  position: relative;

  display: block;

}



.banner-style-four .pattern-layer .pattern-1{

  position: absolute;

  left: 0px;

  top: 560px;

  width: 100%;

  height: 628px;

  background-repeat: no-repeat;

  background-position: bottom center;

  background-size: cover;

  z-index: 1;

}



.banner-style-four .pattern-layer .pattern-2{

  position: absolute;

  top: 175px;

  right: 120px;

  width: 325px;

  height: 359px;

  background-repeat: no-repeat;

}



.banner-style-four .lower-text{

  position: relative;

  display: block;

  z-index: 2;

}



.banner-style-four .lower-text h6{

  font-size: 14px;

  line-height: 22px;

  font-weight: 700;

  text-transform: uppercase;

}



.banner-style-four .lower-text h6 a{

  position: relative;

  display: inline-block;

  color: var(--title-color);

  padding-left: 31px;

}



.banner-style-four .lower-text h6 a:hover{

  color: var(--theme-color);

}



.banner-style-four .lower-text h6 a i{

  position: absolute;

  left: 0px;

  top: -2px;

  color: var(--theme-color);

  font-size: 24px;

}



.banner-style-four .rating-box{

  position: absolute;

  right: 285px;

  bottom: 140px;

  width: 260px;

  height: 260px;

  background: #fff;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 2;

}



.banner-style-four .rating-box .icon-box{

  position: relative;

  display: inline-block;

  margin-bottom: 8px;

}



.banner-style-four .rating-box h3{

  display: block;

  font-size: 26px;

  line-height: 36px;

  margin-bottom: 9px;

}



.banner-style-four .rating-box h5{

  position: relative;

  display: inline-block;

  font-size: 18px;

  line-height: 28px;

  margin-bottom: 1px;

}



.banner-style-four .rating-box h5 i{

  position: relative;

  margin: 0px 2.5px;

  color: #e0cbc2;

}



.banner-style-four .rating-box p{

  margin-bottom: 8px;

}



.banner-style-four .rating-box span{

  position: relative;

  display: block;

  font-size: 22px;

  line-height: 30px;

  font-weight: 600;

  color: var(--theme-color);

}





/** clients-style-two **/



.clients-style-two{

  position: relative;

  z-index: 2;

}



.clients-style-two .sec-title{

  margin-bottom: 30px;

}



.clients-style-two .inner-container{

  position: relative;

  width: 100%;

  border-radius: 10px;

  overflow: hidden;

  background: -webkit-linear-gradient(90deg, #362d29 0%, #feede5 100%);

  padding: 50px;

  border-top: 1px solid #fff;

  margin-bottom: -70px;

}



.bg-color-7{

  background: #f5ece8;

}





/** offer-style-two **/



.offers-style-two{

  position: relative;

  padding: 0px 120px;

  z-index: 1;

}



.offers-style-two .outer-container{

  position: relative;

  padding: 183px 0px 120px 0px;

  background: -webkit-linear-gradient(-45deg, #160f0c 50%, #411f0f 100%);

  border-radius: 10px;

}



.offers-block-one .inner-box{

  position: relative;

  display: block;

  background: #fff;

  border-radius: 10px;

  overflow: hidden;

  padding: 10px 10px;

  text-align: center;

}



.offers-block-one .inner-box .shape{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}



.offers-block-one .inner-box h5{

  position: absolute;

  left: 30px;

  top: 24px;

  font-size: 18px;

  line-height: 28px;

  color: var(--theme-color);

  font-weight: 700;
  display: none;

}



.offers-block-one .inner-box .icon-box{

  position: relative;

  display: inline-block;

  /* width: 70px;

  height: 90px; */

  line-height: 90px;

  text-align: center;

  border-radius: 40px;

  /* background: -webkit-linear-gradient(0deg, #160f0c 0%, #411f0f 100%); */

  margin-bottom: 0px;

}
ul.faqul li {
  list-style: decimal-leading-zero;
}

ul.faqul {
  margin-left: 20px;
}
.offers-block-one .inner-box .icon-box img{

  display: inline-block;

}



.offers-block-one .inner-box h3{

  position: relative;

  display: block;

  font-size: 22px;

  line-height: 32px;

  margin-bottom: 15px;
  display: none;

}



.offers-block-one .inner-box h3 a{

  display: inline-block;

  color: var(--title-color);

}



.offers-block-one .inner-box h3 a:hover{

  color: var(--theme-color);

}



.offers-block-one .inner-box p{

  margin-bottom: 5px;

}



.offers-block-one .inner-box .link a{

  position: relative;

  display: inline-block;

  width: 60px;

  height: 40px;

  line-height: 44px;

  background: #fff;

  text-align: center;

  border-radius: 40px;

  font-size: 20px;

  color: var(--title-color);
  display: none;

}



.offers-block-one .inner-box .link a:hover{

  color: #fff;

  background: var(--theme-color);

}



.offers-style-two .owl-dots{

  position: absolute;

  top: -86px;

  right: 42px;

}



.offers-style-two .owl-nav{

  position: absolute;

  top: -84px;

  right: -12px;

  width: 194px;

}



.offers-style-two .nav-style-one .owl-nav button{

  position: absolute;

  top: 0px;

}



.offers-style-two .owl-nav button.owl-prev{

  left: 0px;

}



.offers-style-two .owl-nav button.owl-next{

  right: 0px;

}



.offers-style-two .owl-dots .owl-dot{

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

}



.offers-style-two .owl-item:nth-child(even){

  margin-top: 40px;

}



.pricing-style-two.bg-color-7 .tab-btns li{

  background: #e9ded9;

}



.pricing-style-two.bg-color-7 .pricing-block-two .pricing-table .table-header h2:before,

.pricing-style-two.bg-color-7 .pricing-block-two .pricing-table .table-footer a:before{

  background: #f5ece8;

}





/** about-style-three **/



.about-style-three{

  position: relative;

  padding: 114px 0px 118px 0px;

  background: -webkit-linear-gradient(0deg, #160f0c 75%, #411f0f 100%);

}



.about-style-three .bg-layer{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  background-size: cover;

  background: no-repeat;

  background-position: center;

  opacity: 0.20;

}



.about-style-three .inner-content{

  position: relative;

  margin-right: 100px;

  padding-right: 250px;

}



.about-style-three .funfact-block-one .inner-box{

  width: 220px;

  border-radius: 200px;

  padding-top: 49px;

  padding-bottom: 44px;

}



.about-style-three .funfact-block-one:first-child .inner-box{

  margin-bottom: 30px;

}



.about-style-three .funfact-block-one:last-child{

  position: absolute;

  top: 160px;

  right: 0px;

}



.about-style-three .funfact-block-one:last-child .inner-box{

  background: #f5ece8;

}



.about-style-three .funfact-block-one .inner-box h2{

  border-bottom: 1px solid #ece6e4;

}



.about-style-three .funfact-block-one:last-child .inner-box h2{

  border-bottom: 1px solid #ded4d0;

}



.about-style-three .content-box{

  position: relative;

  display: block;

}



.about-style-three .content-box .sec-title{

  margin-bottom: 31px;

}



.about-style-three .content-box .text-box{

  margin-bottom: 26px;

}



.about-style-three .content-box .text-box p{

  color: #a49c98;

}



.about-style-three .content-box .inner-box .single-item{

  position: relative;

  display: block;

  padding-bottom: 33px;

  margin-bottom: 33px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.12);

}



.about-style-three .content-box .inner-box .single-item:last-child{

  padding: 0px;

  margin: 0px;

  border: none;

}



.about-style-three .content-box .inner-box .single-item .title-box{

  position: relative;

  display: block;

  padding-left: 63px;

}



.about-style-three .content-box .inner-box .single-item .title-box .icon-box{

  position: absolute;

  left: 0px;

  top: 7px;

}



.about-style-three .content-box .inner-box .single-item .title-box h3{

  font-size: 22px;

  line-height: 32px;

  color: #fff;

}



.about-style-three .content-box .inner-box .single-item p{

  color: #a49c98;

}



.about-style-three .content-box .inner-box .single-item .list-item{

  margin-top: 20px;

}



.about-style-three .content-box .inner-box .single-item .list-item li{

  position: relative;

  display: block;

  font-size: 16px;

  line-height: 26px;

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

  color: #fff;

  font-weight: 500;

  margin-bottom: 14px;

  padding-left: 35px;

}



.about-style-three .content-box .inner-box .single-item .list-item li:last-child{

  margin-bottom: 0px;

}



.about-style-three .content-box .inner-box .single-item .list-item li:before{

  position: absolute;

  content: "\f108";

  font-family: 'flaticon';

  left: 0px;

  top: 1px;

  font-size: 20px;

  color: var(--theme-color);

}





/** payout-system **/



.payout-system{

  position: relative;

  padding: 120px 0px 120px 0px;

}



.payout-system .content-box{

  position: relative;

  display: block;

  margin-right: -10px;

}



.payout-system .content-box .inner-box{

  position: relative;

  display: block;

  border-radius: 10px;

  background: -webkit-linear-gradient(0deg, #f5ece8 0%, #ffffff 100%);

  margin-bottom: 33px;

  padding: 25px 30px 23px 30px;

}



.payout-system .content-box .inner-box .list-item li{

  position: relative;

  display: block;

  float: left;

  width: 50%;

  padding-left: 33px;

}



.payout-system .content-box .inner-box .list-item li .icon-box{

  position: absolute;

  left: 0px;

  top: 3px;

  font-size: 18px;

  color: var(--theme-color);

}



.payout-system .content-box .inner-box .list-item li h5{

  display: block;

  font-size: 18px;

  line-height: 28px;

  font-weight: 600;

  margin-bottom: 3px;

}



.payout-system .content-box .inner-box .list-item li:before{

  position: absolute;

  content: '';

  background: #e1d8d4;

  width: 1px;

  height: calc(100% - 12px);

  top: 5px;

  right: 30px;

}



.payout-system .content-box .inner-box .list-item li:last-child:before{

  display: none;

}



.payout-system .content-box .text-box p{

  margin-bottom: 33px;

}



.payout-system .image-box{

  position: relative;

  display: block;

  padding-left: 100px;

}



.payout-system .image-box .image{

  position: relative;

  display: block;

  overflow: hidden;

  padding-right: 14px;

  padding-left: 40px;

  border-radius: 0px 0px 200px 170px;

}



.payout-system .image-box .image img{

  position: relative;

  width: 100%;

  border-radius: 0px 0px 200px 180px;

  z-index: 1;

}



.payout-system .image-box .image:before{

  position: absolute;

  content: '';

  width: 100%;

  height: calc(100% - 40px);

  left: 0px;

  bottom: 0px;

  background: -webkit-linear-gradient(90deg, #ffffff 0%, var(--theme-color) 100%);

  border-radius: 250px 250px 250px 280px;

}



.payout-system .image-box .card-image{

  position: absolute;

  left: 0px;

  bottom: 70px;

}





/** video-section **/



.video-section{

  position: relative;

  overflow: hidden;

  padding: 113px 0px 120px 0px;

}



.video-section .video-content{

  position: relative;

  margin-right: 35px;

}



.video-section .video-inner{

  position: relative;

  width: 100%;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

  text-align: center;

  padding: 170px 0px;

  border-radius: 25px;
  display: flex;
  justify-content: center;

}



.video-section .content-box{

  position: relative;

  display: block;

}



.video-section .content-box .sec-title{

  margin-bottom: 31px;

}



.video-section .content-box .text-box h3{

  display: block;

  font-size: 22px;

  line-height: 32px;

  margin-bottom: 6px;

}



.video-section .content-box .text-box h6{

  display: block;

  font-size: 16px;

  line-height: 26px;

  color: #a49c98;

  font-weight: 500;

  margin-bottom: 16px;

}



.video-section .content-box .text-box p{

  margin-bottom: 33px;

}



.video-section .pattern-layer{

  position: absolute;

  left: 0px;

  bottom: 0px;

  width: 100%;

  height: 100%;

  background-repeat: no-repeat;

  background-position: left bottom;

}





/** highlights-section **/



.highlights-section{

  position: relative;

  padding: 113px 0px 114px 0px;

  background: -webkit-linear-gradient(-15deg, #160f0c 75%, #411f0f 100%);

}



.highlights-block-one .inner-box{

  position: relative;

  display: block;

  padding: 0px 20px;

}



.highlights-section .highlights-block .highlights-block-one .inner-box{

  padding-bottom: 43px;

  margin-bottom: 47px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.12);

}



.highlights-block-one .inner-box:before{

  position: absolute;

  content: '';

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

  width: 1px;

  height: 210px;

  top: 3px;

  right: -15px;

}





.highlights-block-one .inner-box .icon-box{

  position: relative;

  display: inline-block;

  width: 90px;

  height: 90px;

  line-height: 90px;

  text-align: center;

  margin-bottom: 33px;

}



.highlights-block-one .inner-box .icon-box:before{

  position: absolute;

  content: '';

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

  width: 76px;

  height: 96px;

  left: 7px;

  top: 0px;

  border-radius: 100px;

  transform: rotate(45deg);

}



.highlights-block-one .inner-box .icon-box:after{

  position: absolute;

  content: '';

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

  width: 76px;

  height: 96px;

  left: 7px;

  top: 0px;

  border-radius: 100px;

  transform: rotate(-45deg);

}



.highlights-block-one .inner-box h3{

  position: relative;

  display: block;

  font-size: 22px;

  line-height: 32px;

  margin-bottom: 15px;

}



.highlights-block-one .inner-box h3 a{

  display: inline-block;

  color: #fff;

}



.highlights-block-one .inner-box h3 a:hover{

  color: var(--theme-color);

}



.highlights-block-one .inner-box p{

  color: #a49c98;

}



.footer-contact-area{

  position: relative;

  background: -webkit-linear-gradient(-30deg, #160f0c 75%, #411f0f 100%);

}



.footer-contact-area .pattern-layer{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}





/** contact-section **/



.contact-section{

  position: relative;

  padding-top: 120px;

}



.contact-section .form-inner{

  position: relative;

  display: block;

  background: #fff;

  padding: 43px 50px 50px 50px;

  border-radius: 10px;

}



.contact-section .form-inner .sec-title h2{

  font-size: 40px;

  line-height: 50px;

}



.contact-section .form-inner .sec-title{

  margin-bottom: 27px;

}



.contact-section .form-inner .info-list{

  position: relative;

  display: flex;

  align-items: center;

  margin-bottom: 20px;

}



.contact-section .form-inner .info-list li{

  margin-right: 10px;

}



.contact-section .form-inner .info-list li:last-child{

  margin: 0px;

}



.contact-section .form-inner .info-list li a{

  position: relative;

  display: inline-block;

  font-size: 16px;

  line-height: 26px;

  color: var(--title-color);

  background: #f5ece8;

  padding: 9px 20px;

  border-radius: 40px;

  text-align: center;

  z-index: 1;

}



.contact-section .form-inner .info-list li a:hover{

  color: #fff;

}



.contact-section .form-inner .info-list li a:before{

  position: absolute;

  content: '';

  background: -webkit-linear-gradient(-30deg, #160f0c 75%, #411f0f 100%);

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  border-radius: 40px;

  z-index: -1;

  opacity: 0;

  transition: all 500ms ease;

}



.contact-section .form-inner .info-list li a:hover:before{

  opacity: 1;

}



.contact-section .form-inner .form-group{

  position: relative;

  margin-bottom: 19px;

}



.contact-section .form-inner .form-group:last-child{

  margin-bottom: 0px;

}



.contact-section .form-inner .form-group input[type='text'],

.contact-section .form-inner .form-group input[type='email'],

.contact-section .form-inner .form-group textarea,

.contact-section .form-inner .form-group .nice-select{

  position: relative;

  display: block;

  width: 100%;

  height: 54px;

  border-bottom: 1px solid #ece6e4;

  font-size: 16px;

  color: #7d7373;

  transition: all 500ms ease;

}



.contact-section .form-inner .form-group .select-box{

  min-height: 54px;

}



.contact-section .form-inner .form-group .nice-select{

  position: relative;

  line-height: 54px;

  border-radius: 0px;

  text-transform: none;

}



.contact-section .form-inner .form-group .nice-select:before{

  position: absolute;

  content: "\f102";

  font-family: 'flaticon';

  font-size: 20px;

  color: #a59d99;

  top: 3px;

  right: 0px;

}



.contact-section .form-inner .form-group input:focus,

.contact-section .form-inner .form-group textarea:focus{

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

}



.contact-section .form-inner .form-group textarea{

  height: 94px;

  resize: none;

  padding-top: 14px;

}



.contact-section .form-inner .message-btn{

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

  border-radius: 40px;

  margin-top: 21px;

}



.contact-section .form-inner .message-btn .check-box label{

  font-weight: 400;

  color: #726e6d;

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

  padding-left: 22px;

}



.contact-section .form-inner .message-btn .check-box label:before{

  border-color: #d4cbc8;

  width: 14px;

  height: 14px;

  border-radius: 3px;

  top: 6px;

}



.contact-section .form-inner .message-btn .check-box label:after{

  width: 6px;

  height: 6px;

  top: 10px;

  left: 4px;

}



.contact-section .form-inner .message-btn .theme-btn{

  background: #fff;

}



.contact-section .form-inner .message-btn .theme-btn:hover{

  background: var(--theme-color);

}



.contact-section .content-box{

  position: relative;

  display: block;

  border: 1px solid rgba(255, 255, 255, 0.15);

  border-radius: 10px;

  padding: 49px 39px 43px 39px;

}



.contact-section .content-box .bg-layer{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  border-radius: 10px;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}



.contact-section .content-box .icon-box{

  position: relative;

  display: inline-block;

  width: 60px;

  height: 60px;

  line-height: 60px;

  background: #fff;

  text-align: center;

  border-radius: 10px;

  margin-bottom: 23px;

}



.contact-section .content-box h3{

  display: block;

  font-size: 22px;

  line-height: 32px;

  color: #fff;

  margin-bottom: 10px;

}



.contact-section .content-box p{

  position: relative;

  display: block;

  color: #a49c98;

  margin-bottom: 302px;

}



.contact-section .content-box .theme-btn{

  width: 100%;

  margin-bottom: 19px;

  background: #fff;

  color: var(--title-color);

}



.contact-section .content-box .theme-btn:hover{

  color: #fff;

  background: var(--theme-color);

}



.contact-section .content-box .theme-btn:before{

  background: var(--theme-color);

}



.contact-section .content-box .active-text{

  position: relative;

  display: inline-block;

  font-size: 16px;

  line-height: 26px;

  color: #a49c98;

  padding-left: 20px;

}



.contact-section .content-box .active-text:before{

  position: absolute;

  content: '';

  background: #51b662;

  width: 10px;

  height: 10px;

  left: 0px;

  top: 9px;

  border-radius: 50%;

}



.contact-section .content-box .special-text{

  position: absolute;

  top: 52px;

  right: -60px;

}



.contact-section .content-box h6{

  position: relative;

  display: inline-block;

  font-size: 16px;

  line-height: 26px;

  font-weight: 500;

  background: #fff;

  border-radius: 40px;

  padding: 12px 20px 12px 53px;

  transform: rotate(-10deg);

}



.contact-section .content-box h6 img{

  position: absolute;

  left: 20px;

  top: 12px;

}



.contact-section .content-box .special-text .shape{

  position: absolute;

  left: -50px;

  top: -23px;

  width: 50px;

  height: 63px;

  background-repeat: no-repeat;

}





/** footer-style-four **/



.footer-style-four{

  position: relative;

}



.footer-style-four .footer-top{

  padding: 114px 0px 31px 0px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.12);

}



.footer-style-four .footer-top-inner{

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.footer-style-four .footer-top-inner .footer-top-info{

  position: relative;

  text-align: right;

}



.footer-style-four .footer-top-inner .footer-top-info p{

  color: #fff;

  margin-bottom: 8px;

}



.footer-style-four .footer-top-inner .footer-top-info p a{

  display: inline-block;

  color: var(--theme-color);

}



.footer-style-four .footer-top-inner .footer-top-info p a:hover{

  text-decoration: underline;

}



.footer-style-four .footer-top-inner .footer-nav{

  position: relative;

  display: flex;

  align-items: center;

}



.footer-style-four .footer-top-inner .footer-nav li{

  position: relative;

  display: inline-block;

  margin-right: 23px;

}



.footer-style-four .footer-top-inner .footer-nav li:last-child{

  margin: 0px !important;

}



.footer-style-four .footer-top-inner .footer-nav li a{

  display: inline-block;

  color: #fff;

}



.footer-style-four .footer-top-inner .footer-nav li a:hover{

  color: var(--theme-color);

}



.footer-style-four .footer-top-inner .footer-nav li:before{

  position: absolute;

  content: '.';

  font-size: 17px;

  right: -14px;

  bottom: 1px;

  color: #fff;

}



.footer-style-four .footer-top-inner .footer-nav li:last-child:before{

  display: none;

}



.footer-style-four .widget-section{

  position: relative;

  padding: 70px 0px 114px 0px;

}



.footer-style-four .widget-title{

  position: relative;

  display: block;

  margin-bottom: 16px;

}



.footer-style-four .widget-title h6{

  font-size: 14px;

  line-height: 24px;

  text-transform: uppercase;

  color: #a49c98;

}



.footer-style-four .newsletter-widget p{

  color: #fff;

  margin-bottom: 23px;

}



.footer-style-four .newsletter-widget form .form-group{

  position: relative;

  margin-bottom: 23px;

}



.footer-style-four .newsletter-widget form .form-group input[type='email']{

  position: relative;

  display: block;

  width: 100%;

  height: 54px;

  background: #fff;

  border: 1px solid #fff;

  border-radius: 40px;

  font-size: 16px;

  color: #726e6d;

  padding: 10px 60px 10px 30px;

  transition: all 400ms ease;

}



.footer-style-four .newsletter-widget form .form-group button[type='submit']{

  position: absolute;

  top: 5px;

  right: 5px;

  width: 60px;

  height: 44px;

  line-height: 50px;

  background: #160f0c;

  text-align: center;

  font-size: 24px;

  border-radius: 40px;

  color: #fff;

  cursor: pointer;

  transition: all 500ms ease;

}



.footer-style-four .newsletter-widget form .form-group input:focus{

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

}



.footer-style-four .newsletter-widget form .form-group input:focus + button,

.footer-style-four .newsletter-widget form .form-group button:hover{

  background: var(--theme-color);

}



.footer-style-four .newsletter-widget{

  margin-right: 30px;

}



.list-style-four li{

  position: relative;

  display: block;

  font-size: 16px;

  line-height: 26px;

  color: #fff;

  padding-left: 30px;

  margin-bottom: 10px;

}



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

  margin-bottom: 0px;

}



.list-style-four li:before{

  position: absolute;

  content: "\f11a";

  font-family: 'flaticon';

  left: 0px;

  top: 0px;

  color: var(--theme-color);

}



.footer-style-four .social-widget .social-list li{

  position: relative;

  display: block;

  margin-bottom: 10px;

}



.footer-style-four .social-widget .social-list li:last-child{

  margin-bottom: 0px;

}



.footer-style-four .social-widget .social-list li a{

  position: relative;

  display: inline-block;

  font-size: 16px;

  line-height: 26px;

  color: #fff;

  padding-left: 30px;

}



.footer-style-four .social-widget .social-list li a i{

  position: absolute;

  left: 0px;

  top: 5px;

}



.footer-style-four .social-widget .social-list li a:hover{

  color: var(--theme-color);

}



.footer-style-four .links-widget .links-list li{

  position: relative;

  display: block;

  margin-bottom: 10px;

}



.footer-style-four .links-widget .links-list li:last-child{

  margin-bottom: 0px;

}



.footer-style-four .links-widget .links-list li a{

  position: relative;

  display: inline-block;

  font-size: 16px;

  line-height: 26px;

  color: #fff;

}



.footer-style-four .links-widget .links-list li a:hover{

  color: var(--theme-color);

}



.footer-style-four .footer-bottom{

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

}



.footer-style-four .footer-bottom .footer-card{

  position: relative;

  display: flex;

  align-items: center;

}



.footer-style-four .footer-bottom .footer-card li{

  margin-right: 10px;

}



.footer-style-four .footer-bottom .footer-card li:last-child{

  margin: 0px;

}



.footer-style-four .footer-bottom .footer-card li h6{

  font-size: 16px;

  line-height: 26px;

  font-weight: 500;

  color: #fff;

}



.footer-style-four .footer-bottom .scroll-to-target{

  position: relative;

  display: inline-block;

  font-size: 14px;

  line-height: 22px;

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

  color: #fff;

  font-weight: 700;

  text-transform: uppercase;

  padding-right: 26px;

  transition: all 500ms ease;

}



.footer-style-four .footer-bottom .scroll-to-target:hover{

  color: var(--theme-color);

}



.footer-style-four .footer-bottom .scroll-to-target i{

  position: absolute;

  top: 2px;

  right: 0px;

  font-size: 16px;

  font-weight: 400;

}





/***



====================================================================

                        Home-Page-Five

====================================================================



***/





/** header-style-five **/



.header-style-five{

  position: relative;

}



.header-top-three{

  position: relative;

  width: 100%;

  background: -webkit-linear-gradient(0deg, #16120d 0%, #9d6c21 100%);

  padding: 9px 0px;

}



.header-top-three .outer-container{

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 0px 80px;

}



.header-top-three .left-column h6{

  position: relative;

  display: block;

  font-size: 14px;

  line-height: 22px;

  color: #fff;

  font-weight: 500;

  padding-left: 23px;

}



.header-top-three .left-column h6 i{

  position: absolute;

  left: 0px;

  top: 1px;

  font-weight: 400;

  color: var(--theme-color);

  font-size: 20px;

}



.header-top-three .left-column h6 strong{

  font-size: 13px;

  font-weight: 700;

  text-transform: uppercase;

  color: var(--theme-color);

  margin-right: 10px;

}



.header-top-three .left-column h6 span{

  display: inline-block;

  color: var(--theme-color);

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

}



.header-top-three .right-column{

  position: relative;

  display: flex;

  align-items: center;

}



.header-top-three .right-column .links-list{

  position: relative;

  display: flex;

  align-items: center;

  margin-right: 50px;

}



.header-top-three .right-column .links-list li{

  margin-right: 40px;

}



.header-top-three .right-column .links-list li:last-child{

  margin: 0px;

}



.header-top-three .right-column .links-list li a{

  font-size: 16px;

  line-height: 26px;

  color: #fff;

}



.header-top-three .right-column .links-list li a:hover{

  text-decoration: underline;

}



.header-top-three .right-column .social-links{

  position: relative;

  display: flex;

  align-items: center;

  top: 2px;

}



.header-top-three .right-column .social-links li{

  margin-right: 25px;

}



.header-top-three .right-column .social-links li:last-child{

  margin: 0px;

}



.header-top-three .right-column .social-links li a{

  position: relative;

  display: inline-block;

  font-size: 20px;

  color: #fff;

}



.header-style-five .header-lower{

  position: relative;

}



.header-style-five .header-lower .outer-container{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  background: rgba(254, 189, 88, 0.15);

}



.header-style-five .outer-box{

  position: relative;

  display: flex;

  align-items: center;

  padding: 0px 80px;

}



.header-style-five .menu-area{

  position: relative;

  display: flex;

  align-items: center;

}



.header-style-five .menu-area .search-box-outer{

  position: relative;

  display: inline-block;

  font-size: 22px;

  color: #fff;

  cursor: pointer;

  margin-left: 80px;

  transition: all 500ms ease;

}



.header-style-five .menu-area .search-box-outer:hover{

  color: var(--theme-color);

}



.header-style-five .menu-area .search-box-outer:before{

  position: absolute;

  content: '';

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

  width: 1px;

  height: 22px;

  left: -40px;

  top: 0px;

}



.header-style-five .menu-right-content .link-box .icon-box{

  background: var(--theme-color);

  color: #16120d;

}



.header-style-five .menu-right-content .link-box h6 a{

  color: #fff;

}



.header-style-five .menu-right-content .link-box h6 a i{

  color: #fff;

  transition: all 500ms ease;

}



.header-style-five .menu-right-content .link-box h6 a:hover i{

  color: var(--theme-color);

}



.header-style-five .main-menu .navigation > li > a{

  padding-top: 27px;

  padding-bottom: 27px;

  color: #fff;

}



.header-style-five .sticky-header{

  background: #1a150e;

  border-bottom: 1px solid rgba(255, 255, 255, 0.10);

}





/*** Search Popup ***/



.search-popup {

  position: fixed;

  left: 0;

  top: 0px;

  width: 100%;

  height: 100%;

  z-index: 99999;

  visibility: hidden;

  opacity: 0;

  overflow: auto;

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

  -webkit-transform: translateY(101%);

  -ms-transform: translateY(101%);

  transform: translateY(101%);

  transition: all 700ms ease;

  -moz-transition: all 700ms ease;

  -webkit-transition: all 700ms ease;

  -ms-transition: all 700ms ease;

  -o-transition: all 700ms ease;

}



.search-popup.popup-visible {

  -webkit-transform: translateY(0%);

  -ms-transform: translateY(0%);

  transform: translateY(0%);

  visibility: visible;

  opacity: 1;

}



.search-popup .popup-inner{

  width: 100%;

  background: -webkit-linear-gradient(0deg, #16120d 0%, #9d6c21 100%);

  height: 100%;

}



.search-popup .upper-box{

  position: relative;

  padding: 70px 70px;

  z-index: 99;

}



.search-popup .upper-box .logo-box{

  max-width: 182px;

}



.search-popup .overlay-layer {

  position: absolute;

  left: 0px;

  top: 0px;

  right: 0px;

  bottom: 0px;

  display: block;

}



.search-popup .upper-box{

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.search-popup .close-search {

  position: relative;

  font-size: 25px;

  color: #fff;

  cursor: pointer;

  z-index: 5;

  text-transform: capitalize;

  transition: all 500ms ease;

}



.search-popup .close-search:hover {

  color: red;

}



.search-popup .search-form {

  position: relative;

  width: 100%;

  padding: 100px 0px 250px 0px;

}



.search-popup .search-form .form-group{

  position: relative;

  margin: 0px;

}



.search-popup .search-form input[type="search"] {

  position: relative;

  display: block;

  width: 100%;

  height: 60px;

  padding: 20px 30px;

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

  line-height: 30px;

  font-size: 20px;

  border: none;

  font-weight: 400;

  border-radius: 10px;

  padding-right: 50px;

  color: #fff;

}



.search-popup .search-form button[type="submit"] {

  position: absolute;

  top: 21px;

  right: 30px;

  font-size: 20px;

  color: #fff;

  cursor: pointer;

  transition: all 500ms ease;

}



.search-popup .form-control:focus{

  box-shadow: none !important;

}





/** banner-style-five **/



.banner-style-five{

  position: relative;

  overflow: hidden;

}



.banner-style-five .slide-item{

  position: relative;

  padding: 51px 0px 65px 0px;

}



.banner-style-five .slide-item:before{

  position: absolute;

  content: '';

  background: -webkit-linear-gradient(90deg, rgba(22,18,13,0.95) 15%, rgba(22,18,13,0.0) 100%);

  width: 100%;

  height: 100%;

  left: 0px;

  top: 0px;

  z-index: 1;

}



.banner-style-five .slide-item:after{

  position: absolute;

  content: '';

  /*background: -webkit-linear-gradient(-90deg, rgba(22,18,13,0.95) 15%, rgba(22,18,13,0.0) 100%);*/

  width: 100%;

  height: 100%;

  left: 0px;

  top: 0px;

  z-index: 1;

}



.banner-style-five .content-box{

  position: relative;

  display: block;

  margin-left: 200px;

  max-width: 850px;

}



.banner-style-five .content-box h2{

  font-size: 80px;

  line-height: 90px;

  font-weight: 700;

  text-transform: uppercase;

  color: #fff;

  margin-bottom: 18px;

}



.banner-style-five .content-box p{

  font-size: 18px;

  line-height: 28px;

  color: #fff;

  margin-bottom: 0px;

}



.banner-style-five .pattern-layer .pattern-1{

  position: absolute;

  left: 0px;

  bottom: 0px;

  width: 100%;

  height: 100px;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: 100% 100%;

  z-index: 2;

}



.banner-style-five .pattern-layer .pattern-2{

  position: absolute;

  left: 0px;

  bottom: 0px;

  width: 100%;

  height: 135px;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: 100% 100%;

  z-index: 2;

}



.banner-style-five .owl-nav{

  position: absolute;

  left: 0px;

  top: 50%;

  width: 100%;

}



.banner-style-five .owl-nav button span{

  display: none;

}



.banner-style-five .owl-nav button.owl-prev{

  position: absolute;

  left: 65px;

  top: 0px;

}



.banner-style-five .owl-nav button.owl-prev:before{

  position: absolute;

  content: "\f10c";

  font-family: 'flaticon';

  font-size: 50px;

  color: #fff;

  left: 0px;

  top: 0px;

  transition: all 500ms ease;

}



.banner-style-five .owl-nav button.owl-next{

  position: absolute;

  right: 116px;

  top: 0px;

}



.banner-style-five .owl-nav button.owl-next:before{

  position: absolute;

  content: "\f10d";

  font-family: 'flaticon';

  font-size: 50px;

  color: #fff;

  left: 0px;

  top: 0px;

  transition: all 500ms ease;

}



.banner-style-five .owl-nav button.owl-prev:hover:before,

.banner-style-five .owl-nav button.owl-next:hover:before{

  color: var(--theme-color);

}





.banner-style-five .banner-carousel .owl-dots{

  position: absolute;

  left: 119px;

  top: 254px;

  counter-reset: slides-num;

  min-height: 30px;

  min-width: 51px;

  max-width: 1200px;

  width: 100%;

  margin: 0 auto;

  right: 0px;

  text-align: left;

}



.banner-style-five .banner-carousel .owl-dots::after {

  position: absolute;

  left: 55px;

  top: 42px;

  content: "0" counter(slides-num);

  display: inline-block;

  font-size: 18px;

  color: #a79f93;

  font-weight: 500;
  display: none;

}



.banner-style-five .banner-carousel .owl-dots:before{

  position: absolute;

  content: '';

  left: 50px;

  top: 46px;

  width: 1px;

  height: 15px;

  background: #a79f93;

  transform: rotate(15deg);
  display: none;

}



.banner-style-five .banner-carousel .owl-dots button span{

  display: none !important;

}



.banner-style-five .banner-carousel .owl-dots button{

  position: absolute;

  top: 0px;

  left: 0px;

  counter-increment: slides-num;

  font-size: 70px;

  line-height: 70px;

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

  font-weight: 500;

  color: #fff;
  display: none;

}



.banner-style-five .banner-carousel .owl-dots button.active:before{

  position: absolute;

  content: counter(slides-num);

}



.banner-style-five .banner-carousel .owl-dots button.active:after{

  position: absolute;

  content: '0';

  top: 0px;

  right: 0px;

}



.banner-style-five .curve-text{
display: none;
  position: absolute;

  right: -113px;

  bottom: -59px;

  top: inherit;

  width: 150px;

  height: 150px;

  border: 1px solid #fff;

  border-radius: 50%;

  z-index: 1;

  background: transparent;

}



.banner-style-five .curve-text .curved-circle-2{

  position: absolute;

  left: 74px;

  top: 10px;

  font-size: 13px;

  line-height: 22px;

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

  font-weight: 700;

  text-transform: uppercase;

  color: #fff;

  transform: rotate(165deg);

  letter-spacing: 0.5px;

}



.banner-style-five .curve-text .link{

  position: absolute;

  left: 50%;

  top: 52%;

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

}



.banner-style-five .curve-text .link a{

  position: relative;

  display: inline-block;

  font-size: 36px;

  color: #fff;

}



.banner-style-five .curve-text .link a:hover{

  color: var(--theme-color);

}





/** about-style-four **/



.about-style-four{

  position: relative;

}



.about-style-four .inner-box{

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 52px;

}



.about-style-four .inner-box .text-box{

  max-width: 685px;

}



.about-style-four .inner-box .award-box .badge{

  position: relative;

  display: block;

  margin-bottom: 14px;

}



.about-style-four .inner-box .award-box span{

  position: relative;

  display: block;

  font-size: 16px;

}



.about-style-four .inner-box .text-box p{

  font-size: 20px;

  line-height: 32px;

  margin-bottom: 42px;

}



.about-style-four .inner-box .text-box .signature{

  position: relative;

  display: block;

  margin-bottom: 19px;

}



.about-style-four .inner-box .text-box h5{

  font-size: 18px;

  line-height: 28px;

  font-weight: 600;

}



.about-style-four .inner-box .text-box h5 span{

  color: #a79f93;

}



.about-style-four .sec-title{

  margin-bottom: 38px;

}



.about-style-four .links-box .links-list{

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

}



.about-style-four .links-box .links-list li{

  margin-right: 20px;

}



.about-style-four .links-box .links-list li:last-child{

  margin-right: 0px;

}



.about-style-four .links-box .links-list li a{

  position: relative;

  display: inline-block;

  font-size: 18px;

  line-height: 28px;

  font-weight: 600;

  color: var(--title-color);

  background: #f7f0e5;

  padding: 13px 30px 14px 60px;

  border-radius: 40px;

}



.about-style-four .links-box .links-list li a:hover{

  background: #fff;

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

}



.about-style-four .links-box .links-list li a span{

  position: absolute;

  display: inline-block;

  left: 10px;

  top: 10px;

  width: 34px;

  height: 34px;

  line-height: 36px;

  background: #fff;

  text-align: center;

  border-radius: 50%;

  font-size: 30px;

  font-weight: 300;

  transition: all 400ms ease;

}



.about-style-four .links-box .links-list li a:hover span{

  background: var(--theme-color);

}





/** highlights-style-two **/



.highlights-style-two{

  position: relative;

  background: -webkit-linear-gradient(-45deg, #16120d 50%, #634618 100%);

  padding: 114px 0px 90px 0px;

}



.highlights-block-two .inner-box{

  position: relative;

  display: block;

  padding: 33px 30px 33px 145px;

  border-radius: 10px;

  margin-bottom: 30px;

}



.highlights-block-two .inner-box:before{

  position: absolute;

  content: '';

  background: var(--theme-color);

  width: 100%;

  height: 100%;

  left: 0px;

  top: 0px;

  border-radius: 10px;

  opacity: 0.08;

}



.highlights-block-two .inner-box:after{

  position: absolute;

  content: '';

  background: var(--theme-color);

  width: 1px;

  height: calc(100% - 100px);

  left: 111px;

  top: 50px;

}



.highlights-block-two .inner-box h2{

  position: absolute;

  left: 40px;

  top: 0px;

  height: 100%;

  display: flex;

  align-items: center;

  font-size: 36px;

  line-height: 46px;

  color: var(--theme-color);

  min-width: 50px;

}



.highlights-block-two .inner-box h2:before{

  position: absolute;

  content: '';

  width: 11px;

  height: 11px;

  border: solid;

  border-width: 2px;

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

  border-radius: 50%;

  top: 40px;

  right: -27px;

}



.highlights-block-two .inner-box h2:after{

  position: absolute;

  content: '';

  width: 11px;

  height: 11px;

  border: solid;

  border-width: 2px;

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

  border-radius: 50%;

  bottom: 40px;

  right: -27px;

}



.highlights-block-two .inner-box h3{

  display: block;

  font-size: 22px;

  line-height: 32px;

  margin-bottom: 10px;

}



.highlights-block-two .inner-box h3 a{

  display: inline-block;

  color: #fff;

}



.highlights-block-two .inner-box h3 a:hover{

  color: var(--theme-color);

}



.highlights-block-two .inner-box p{

  color: #a79f93;

}



.highlights-style-two .pattern-layer{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}



.bg-color-8{

  background: #f7f0e5;

}



.funding-section.home-5 .tab-btn-one .tab-btns li span{

  color: #a79f93;

}



.funding-section.home-5 .tab-btn-one .tab-btns li.active-btn span{

  color: var(--title-color);

}



.funding-section.home-5 .tab-btn-two .tab-btns li{

  color: #6b6965;

}



.funding-section.home-5 .tab-btn-two .tab-btns li:before{

  border-color: #d3ccc1;

}



.funding-section.home-5 .tab-btn-two .tab-btns li:after{

  background: #d3ccc1;

}



.funding-section.home-5 .tab-btn-two .tab-btns li.active-btn-2{

  color: var(--title-color);

}



.funding-section.home-5 .tab-btn-two .tab-btns li.active-btn-2:before{

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

}



.funding-section.home-5 .tab-btn-two .tab-btns li.active-btn-2:after{

  background: var(--theme-color);

}



.funding-section.home-5 .sec-title .icon-box{

  color: var(--title-color);

}



.funding-section.home-5 .content-box .inner-box{

  background: -webkit-linear-gradient(-45deg, #16120d 50%, #473214 100%);

}



.funding-section.home-5 .content-box .trading-list li{

  background: #e2d8c9;

  color: #6b6965;

}



.funding-section.home-5 .content-box .trading-list li span{

  background: #eae1d3;

}



.funding-section.home-5 .content-box .trading-list li:before{

  background: #bbb09e;

}





/** offer-style-three **/



.offer-style-three{

  position: relative;

  padding: 120px 0px 112px 0px;

}



.offer-style-three .image-box{

  position: relative;

  display: block;

  margin-right: 30px;

}



.offer-style-three .image-box .image{

  position: relative;

  display: block;

  border-radius: 10px;

  overflow: hidden;

}



.offer-style-three .image-box .image:before{

  position: absolute;

  top: 0;

  left: -85%;

  z-index: 2;

  display: block;

  content: '';

  width: 50%;

  height: 100%;

  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);

  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));

  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);

  -webkit-transform: skewX(-25deg);

  -ms-transform: skewX(-25deg);

  transform: skewX(-25deg);

  z-index: 1;

}



.offer-style-three .image-box .image:hover:before {

  -webkit-animation: shine 1s;

  animation: shine 1s;

}



@-webkit-keyframes shine {

  100% {

    left: 125%;

  }

}



@keyframes shine {

  100% {

    left: 125%;

  }

}



.offer-style-three .image-box .image img{

  width: 100%;

  border-radius: 10px;

}



.offer-style-three .content-box{

  position: relative;

  display: block;

  margin-top: -7px;

}



.offer-style-three .content-box .sec-title{

  margin-bottom: 45px;

}



.offer-style-three .content-box .accordion{

  position: relative;

  padding-left: 80px;

  padding-bottom: 30px;

}



.offer-style-three .content-box .accordion:before{

  position: absolute;

  content: '';

  background: #ece5d9;

  width: 1px;

  height: calc(100% - 0px);

  left: 27px;

  top: 10px;

  transition: all 500ms ease;

}



.offer-style-three .content-box .accordion:last-child:before{

  height: calc(100% - 20px);

}



.offer-style-three .content-box .accordion:last-child{

  padding-bottom: 0px;

}



.offer-style-three .content-box .accordion.active-block:before{

  background: var(--theme-color);

}



.offer-style-three .content-box .accordion .icon-box{

  position: absolute;

  left: 0px;

  top: 4px;

  display: inline-block;

  width: 54px;

  height: 54px;

  line-height: 64px;

  text-align: center;

  font-size: 30px;

  color: var(--title-color);

  background: #fff;

  border: 1px solid #ece5d9;

  border-radius: 50%;

  transition: all 500ms ease;

}



.offer-style-three .content-box .accordion.active-block .icon-box{

  background: var(--theme-color);

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

  transform: rotate(90deg);

}



.offer-style-three .content-box .accordion .acc-btn{

  position: relative;

  cursor: pointer;

}



.offer-style-three .content-box .accordion .acc-btn h5{

  position: relative;

  display: block;

  font-size: 18px;

  line-height: 28px;

  color: var(--theme-color);

  margin-bottom: 8px;

}



.offer-style-three .content-box .accordion .acc-btn h3{

  display: block;

  font-size: 22px;

  line-height: 32px;

}



.offer-style-three .content-box .accordion .acc-content{

  position: relative;

  padding-top: 20px;

}



.offer-style-three .content-box .accordion .acc-content p{

  margin-bottom: 23px;

}



.offer-style-three .content-box .accordion .acc-content .links-list li{

  position: relative;

  display: inline-block;

  float: left;

  margin-right: 10px;

  margin-bottom: 10px;

}



.offer-style-three .content-box .accordion .acc-content .links-list li a{

  position: relative;

  display: inline-block;

  font-size: 16px;

  line-height: 26px;

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

  font-weight: 500;

  color: var(--title-color);

  background: #f7f0e5;

  padding: 10px 20px;

  border-radius: 40px;

}



.offer-style-three .content-box .accordion .acc-content .links-list li a:hover{

  color: #fff;

  background: var(--theme-color);

}



.pricing-section.bg-color-8 .content-inner{

  background: -webkit-linear-gradient(-45deg, #16120d 50%, #473214 100%);

}



.bg-color-9 {

  background: -webkit-linear-gradient(-45deg, #16120d 50%, #513a16 100%);

}



.profit-calculator.home-5 .profit-inner .inner-box .text{

  background: #f7f0e5;

}



.profit-calculator.home-5 .profit-inner .profit-box .progress-box .bar-inner:before{

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

}



.profit-calculator.home-5 .profit-inner .bg-layer{

  background: -webkit-linear-gradient(-90deg, #febd58 0%, #f7f0e5 100%);

}



.profit-calculator.home-5 .profit-inner .big-text{

  color: rgba(157, 108, 33, 0.20);

}





/** subscribe-section **/



.subscribe-section{

  position: relative;

  padding: 120px 0px;

}



.subscribe-section .bg-layer{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

  background-attachment: fixed;

}



.subscribe-section .bg-layer:before{

  position: absolute;

  content: '';

  background: -webkit-linear-gradient(-45deg, #16120d 50%, #513a16 100%);

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  opacity: 0.5;

}



.subscribe-section .content-box{

  position: relative;

}



.subscribe-section .content-box .sec-title p{

  color: #a79f93;

  margin-top: 11px;

}



.subscribe-section .content-box .sec-title{

  margin-bottom: 33px;

}



.subscribe-section .content-box .form-inner .form-group{

  position: relative;

  margin: 0px;

}



.subscribe-section .content-box .form-inner .form-group input[type='email']{

  position: relative;

  display: block;

  width: 100%;

  height: 54px;

  background: #fff;

  border: 1px solid #fff;

  border-radius: 10px;

  font-size: 16px;

  color: #6b6965;

  padding: 0px 30px;

  margin-bottom: 15px;

}



.subscribe-section .content-box .form-inner .form-group input:focus{

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

}



.subscribe-section .content-box .form-inner .check-box label{

  font-size: 15px;

  line-height: 24px;

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

  color: #a79f93;

  font-weight: 400;

}



.subscribe-section .content-box .form-inner .check-box label:before{

  border-radius: 8px;

  border-color: rgba(255, 255, 255, 0.12);

}



.subscribe-section .content-box .form-inner .check-box{

  margin-bottom: 29px;

}





/** news-style-three **/



.news-style-three{

  position: relative;

  padding: 114px 0px 90px 0px;

}



.news-block-three .inner-box{

  position: relative;

  display: block;

  background: #fff;

  border-radius: 10px;

  padding: 40px 30px;

  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.12);

  margin-bottom: 30px;

  transition: all 500ms ease;

}



.news-block-three .inner-box:hover{

  transform: translateY(-10px);

}



.news-block-three .inner-box h6{

  position: relative;

  display: inline-block;

  font-size: 14px;

  line-height: 22px;

  font-weight: 700;

  text-transform: uppercase;

  background: #f7f0e5;

  border-radius: 40px;

  padding: 9px 16px;

  margin-bottom: 23px;

}



.news-block-three .inner-box h3{

  position: relative;

  display: block;

  font-size: 22px;

  line-height: 32px;

  margin-bottom: 16px;

}



.news-block-three .inner-box h3 a{

  position: relative;

  display: inline-block;

  color: var(--title-color);

}



.news-block-three .inner-box h3 a:hover{

  color: var(--theme-color);

}



.news-block-three .inner-box .post-info{

  position: relative;

  display: flex;

  align-items: center;

  margin-bottom: 33px;

  padding-bottom: 34px;

  border-bottom: 1px solid #ece5d9;

}



.news-block-three .inner-box .post-info li{

  position: relative;

  margin-right: 34px;

  padding-left: 23px;

  font-size: 16px;

  color: #6b6965;

}



.news-block-three .inner-box .post-info li:last-child{

  margin: 0px !important;

}



.news-block-three .inner-box .post-info li a{

  display: inline-block;

  color: #6b6965;

}



.news-block-three .inner-box .post-info li a:hover{

  color: var(--theme-color);

}



.news-block-three .inner-box .post-info li i{

  position: absolute;

  left: 0px;

  top: 2px;

  font-size: 14px;

  color: #a9a196;

}



.news-block-three .inner-box .post-info li:before{

  position: absolute;

  content: '';

  background: #c2d2cd;

  width: 3px;

  height: 14px;

  right: -18px;

  top: 6px;

  border-radius: 2px;

}



.news-block-three .inner-box .post-info li:last-child:before{

  display: none;

}



.news-block-three .inner-box p{

  margin-bottom: 28px;

}



.news-block-three .inner-box .lower-box{

  position: relative;

  display: flex;

  align-items: flex-end;

  justify-content: space-between;

}



.news-block-three .inner-box .lower-box .link a{

  position: relative;

  display: inline-block;

  width: 60px;

  height: 40px;

  line-height: 44px;

  border: 1px solid #ece5d9;

  border-radius: 40px;

  text-align: center;

  font-size: 20px;

  color: var(--title-color);

}



.news-block-three .inner-box .lower-box .link a:hover{

  background: var(--theme-color);

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

}



.news-block-three .inner-box .lower-box .post-info{

  padding: 0px;

  margin: 0px;

  border: none;

}





/** testimonial-style-three **/



.testimonial-style-three{

  position: relative;

  padding: 120px 0px 120px 0px;

}



.testimonial-style-three .image-box{

  position: relative;

  display: block;

  margin-right: 100px;

  margin-left: -34px;

}



.testimonial-style-three .image-box .image{

  position: relative;

  display: block;

}



.testimonial-style-three .image-box .image img{

  position: relative;

  width: 100%;

}



.testimonial-style-three .image-box .text{

  position: absolute;

  left: -60px;

  top: 187px;

  background: #fff;

  border-radius: 40px;

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

  padding: 12px 19px;

}



.testimonial-style-three .image-box .text h6{

  position: relative;

  display: block;

  font-size: 16px;

  line-height: 26px;

  font-weight: 500;

  padding-left: 28px;

}



.testimonial-style-three .image-box .text h6:before{

  position: absolute;

  content: "\f10f";

  font-family: 'flaticon';

  font-size: 18px;

  left: 0px;

  top: 0px;

  font-weight: 400;

  color: #00b67a;

}



.testimonial-style-three .image-box .icon-box{

  position: absolute;

  display: inline-block;

  width: 90px;

  height: 70px;

  line-height: 70px;

  background: #faf4f2;

  text-align: center;

  border-radius: 50px;

  right: -45px;

  top: 135px;

}



.testimonial-style-three .image-box .curve-text{

  position: absolute;

  right: -20px;

  bottom: 0px;

  width: 150px;

  height: 150px;

  background: #fff;

  border-radius: 50%;

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

}



.testimonial-style-three .image-box .curve-text .curved-circle-2{

  position: absolute;

  left: 76px;

  top: 17px;

  font-size: 14px;

  line-height: 24px;

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

  font-weight: 700;

  text-transform: uppercase;

  color: var(--title-color);

  transform: rotate(165deg);

}



.testimonial-style-three .image-box .curve-text .link{

  position: absolute;

  left: 50%;

  top: 52%;

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

}



.testimonial-style-three .image-box .curve-text .link a{

  position: relative;

  display: inline-block;

  font-size: 36px;

  color: var(--title-color);

}



.testimonial-style-three .image-box .curve-text .link a:hover{

  color: var(--theme-color);

}



.testimonial-style-three .testimonial-block-one .inner-box{

  background: transparent;

  border-radius: 0px;

  padding: 0px;

  border: none;

}



.testimonial-style-three .testimonial-block-one .inner-box .author-box h3{

  color: #fff;

}



.testimonial-style-three .testimonial-block-one .inner-box .author-box{

  border-color: rgba(255, 255, 255, 0.12);

}



.testimonial-style-three .testimonial-block-one .inner-box .author-box .icon-box{

  color: var(--theme-color);

}



.testimonial-style-three .testimonial-block-one .inner-box .text-box h5{

  color: #fff;

}



.testimonial-style-three .testimonial-block-one .inner-box .text-box p{

  color: #a79f93;

  font-size: 18px;

  font-weight: 500;

}



.testimonial-style-three .testimonial-block-one .inner-box .rating{

  position: relative;

  display: inline-block;

  border: 1px solid rgba(255, 255, 255, 0.12);

  border-radius: 30px;

  padding: 9px 13px 7px 13px;

  margin-top: 9px;

}



.testimonial-style-three .testimonial-block-one .inner-box .rating h6{

  position: relative;

  display: inline-block;

  font-size: 18px;

  line-height: 28px;

  padding-left: 24px;

  color: #fff;

}



.testimonial-style-three .testimonial-block-one .inner-box .rating h6 i{

  position: absolute;

  left: 0px;

  top: 2px;

  font-size: 18px;

  color: #00b67a;

}



.testimonial-style-three .sec-title{

  margin-bottom: 31px;

}





/** footer-style-five **/



.footer-style-five{

  position: relative;

  padding: 0px 80px;

}



.footer-style-five .inner-container{

  position: relative;

  background: #fff;

  border-radius: 10px;

  padding: 134px 50px 43px 50px;

}



.footer-style-five .inner-container .scroll-to-target{

  position: absolute;

  display: inline-block;

  top: 50px;

  right: 50px;

  width: 64px;

  height: 54px;

  line-height: 64px;

  text-align: center;

  border-radius: 40px;

  font-size: 30px;

  color: var(--title-color);

  background: var(--theme-color);

}



.footer-style-five .inner-container .pattern-layer .pattern-1{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 565px;

  height: 489px;

  background-repeat: no-repeat;

}



.footer-style-five .inner-container .pattern-layer .pattern-2{

  position: absolute;

  right: 0px;

  top: 0px;

  width: 465px;

  height: 635px;

  background-repeat: no-repeat;

}



.footer-style-five .upper-box .footer-logo{

  margin-bottom: 27px;

}



.footer-style-five .upper-box h2{

  display: block;

  font-size: 90px;

  line-height: 100px;

  margin-bottom: 6px;

}



.footer-style-five .upper-box h3{

  position: relative;

  display: block;

  font-size: 22px;

  line-height: 32px;

  margin-bottom: 35px;

}



.footer-style-five .upper-box .info-list{

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 32px;

}



.footer-style-five .upper-box .info-list li{

  position: relative;

  margin-right: 100px;

}



.footer-style-five .upper-box .info-list li:before{

  position: absolute;

  content: '';

  background: #ece5d9;

  width: 1px;

  height: calc(100% - 15px);

  top: 7px;

  right: -50px;

}



.footer-style-five .upper-box .info-list li:last-child:before{

  display: none;

}



.footer-style-five .upper-box .info-list li:last-child{

  margin: 0px;

}



.footer-style-five .upper-box .info-list li p{

  display: block;

  margin-bottom: 7px;

}



.footer-style-five .upper-box .info-list li h5{

  position: relative;

  display: block;

  font-size: 18px;

  line-height: 28px;

}



.footer-style-five .upper-box .info-list li h5 a{

  display: inline-block;

  color: var(--title-color);

}



.footer-style-five .upper-box .info-list li h5 a:hover{

  color: var(--theme-color);

}



.footer-style-five .upper-box .social-links{

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

}



.footer-style-five .upper-box .social-links li{

  margin-right: 10px;

}



.footer-style-five .upper-box .social-links li:last-child{

  margin: 0px;

}



.footer-style-five .upper-box .social-links li a{

  position: relative;

  display: inline-block;

  width: 54px;

  height: 40px;

  line-height: 46px;

  background: #f7f0e5;

  text-align: center;

  border-radius: 40px;

  font-size: 18px;

  color: var(--title-color);

}



.footer-style-five .upper-box .social-links li a:hover{

  background: var(--theme-color);

}



.footer-style-five .upper-box{

  position: relative;

  display: block;

  margin-bottom: 27px;

}



.footer-style-five .lower-box{

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.footer-style-five .lower-box .language-box{

  position: relative;

  display: inline-block;

  padding-left: 30px;

  margin-bottom: 5px;

}



.footer-style-five .lower-box .language-box .icon-box{

  position: absolute;

  left: 0px;

  top: 3px;

  font-size: 20px;

  color: var(--title-color);

}



.footer-style-five .lower-box .language-box .nice-select{

  font-size: 16px;

  line-height: 26px;

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

  color: var(--title-color);

  font-weight: 500;

  padding: 0px;

  padding-right: 23px;

  text-transform: capitalize;

}



.footer-style-five .lower-box .language-box .nice-select .list{

  min-width: 60px;

  max-height: 150px;

  overflow-y: scroll;

}



.footer-style-five .lower-box .language-box .nice-select:before{

  position: absolute;

  content: "\f102";

  font-family: 'flaticon';

  font-size: 20px;

  top: 1px;

  right: 0px;

  color: #a6b3b0;

}



.footer-style-five .lower-box .footer-nav{

  position: relative;

  display: flex;

  align-items: center;

}



.footer-style-five .lower-box .footer-nav li{

  position: relative;

  display: inline-block;

  margin-right: 23px;

}



.footer-style-five .lower-box .footer-nav li:last-child{

  margin: 0px !important;

}



.footer-style-five .lower-box .footer-nav li a{

  display: inline-block;

  color: #6b6965;

}



.footer-style-five .lower-box .footer-nav li a:hover{

  color: var(--theme-color);

}



.footer-style-five .lower-box .footer-nav li:before{

  position: absolute;

  content: '.';

  font-size: 17px;

  right: -14px;

  bottom: 1px;

  color: #6b6965;

}



.footer-style-five .lower-box .footer-nav li:last-child:before{

  display: none;

}



.footer-style-five .lower-box .download-list{

  position: relative;

  display: flex;

  align-items: center;

}



.footer-style-five .lower-box .download-list li{

  position: relative;

  display: block;

  margin-right: 20px;

}



.footer-style-five .lower-box .download-list li:last-child{

  margin: 0px;

}



.footer-style-five .lower-box .download-list li.app-store a{

  position: relative;

  display: inline-block;

  font-size: 14px;

  line-height: 24px;

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

  font-weight: 700;

  text-transform: uppercase;

  color: var(--title-color);

  border-radius: 40px;

  padding: 12.5px 38px;

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

}



.footer-style-five .lower-box .download-list li.app-store a i{

  position: relative;

  display: inline-block;

  font-size: 20px;

  margin-right: 9px;

  top: 5px;

}



.footer-style-five .lower-box .download-list li.play-store a{

  position: relative;

  display: inline-block;

  font-size: 14px;

  line-height: 24px;

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

  font-weight: 700;

  text-transform: uppercase;

  color: #fff;

  border-radius: 40px;

  padding: 15px 38px;

  background: #16120d;

}



.footer-style-five .lower-box .download-list li.play-store a img{

  position: relative;

  display: inline-block;

  margin-right: 9px;

}



.footer-style-five .footer-bottom{

  padding: 27px 0px;

}



.footer-style-five .footer-bottom p{

  color: #a79f93;

}



.footer-style-five .footer-bottom p a{

  color: var(--theme-color);

}



.footer-style-five .footer-bottom p a:hover{

  text-decoration: underline;

}







/***



====================================================================

                        Inner-Page

====================================================================



***/





/** page-title **/



.page-title{

  position: relative;

  padding: 35px 0px 35px 0px;

  background-color: #0b1915;

}



.page-title .bg-layer{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}



.page-title .bg-layer:before{

  position: absolute;

  content: '';

  width: 100%;

  height: 100%;

  left: 0px;

  top: 0px;

  background: -webkit-linear-gradient(-45deg, #132720 50%, #187c59 80%);

  opacity: 0.6;

}



.page-title h1 {
  position: relative;
  display: block;
  font-size: 43px;
  line-height: 50px;
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
}


a.anualreportwdt {
  width: 176px !important;
}

.page-title .bread-crumb{

  position: relative;

  display: block;
/* display: none; */
}



.page-title .bread-crumb li{

  position: relative;

  display: inline-block;

  font-size: 16px;

  color: #a5b2af;

  padding-right: 26px;

  margin-right: 5px;

}



.page-title .bread-crumb li:last-child{

  padding: 0px;

  margin: 0px;

}



.page-title .bread-crumb li a{

  display: inline-block;

  color: #a5b2af;

}



.page-title .bread-crumb li a:hover{

  color: var(--theme-color);

}



.page-title .bread-crumb li span{

  color: #fff;

}



.page-title .bread-crumb li:before{

  position: absolute;

  content: "\f10d";

  font-family: 'flaticon';

  font-size: 20px;

  top: 1px;

  right: 0px;

}



.page-title .bread-crumb li:last-child:before{

  display: none;

}



.about-style-four .image-box{

  position: relative;

  display: block;

  border-radius: 10px;

  margin-left: -120px;

  margin-right: -120px;

  margin-top: 120px;

}



.about-style-four .image-box img{

  width: 100%;

  border-radius: 10px;

}



.about-style-four.about-page .links-box .links-list li a{

  background: #e2edea;

}



.about-style-four.about-page .links-box .links-list li a:hover{

  background: #fff;

}



.about-style-four.about-page .links-box .links-list li a:hover span{

  color: #fff;

}



.about-style-four.about-page{

  padding-bottom: 0px;

}





/** funfact-style-three **/



.funfact-style-three{

  position: relative;

  padding: 120px 0px 115px 0px;

}



.funfact-style-three .funfact-block-one .inner-box{

  background: transparent;

  padding: 0px;

  border-radius: 0px;

  border: none;

}



.funfact-style-three .funfact-block-one .inner-box h2{

  color: #fff;

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

}



.funfact-style-three .funfact-block-one .inner-box p{

  color: #a5b2af;

}



.funfact-style-three .pattern-layer{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

}





/** statements-section **/



.statements-section{

  position: relative;

  padding: 113px 0px 80px 0px;

}



.statements-block-one .inner-box{

  position: relative;

  overflow: hidden;

  border-radius: 10px;

  padding: 201px 15px 22px 15px;

  width: 100%;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

  margin-bottom: 40px;

}



.statements-block-one .inner-box h3{

  position: relative;

  display: block;

  font-size: 22px;

  line-height: 32px;

  color: #fff;

}



.statements-block-one .inner-box .shape{

  position: absolute;

  left: 0px;

  bottom: 0px;

  width: 100%;

  height: 120px;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: top center;

}



.statements-block-two .inner-box{

  position: relative;

  display: block;

  background: #fff;

  padding: 50px 30px 43px 30px;

  border-radius: 10px;

  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.06);

  margin-bottom: 40px;

}



.statements-block-two .inner-box .icon-box{

  position: relative;

  display: inline-block;

  margin-bottom: 23px;

}



.statements-block:nth-child(2) .statements-block-two .inner-box:before{

  position: absolute;

  content: '';

  background: #fff;

  width: 50px;

  height: 20px;

  left: 50%;

  margin-left: -25px;

  bottom: -20px;

  clip-path: polygon(0% 0%, 100% 0%, 50% 100%, 50% 100%, 0% 0%);

}



.statements-block:nth-child(3) .statements-block-two .inner-box:before{

  position: absolute;

  content: '';

  background: #fff;

  width: 50px;

  height: 20px;

  left: 50%;

  margin-left: -25px;

  top: -20px;

  clip-path: polygon(0% 100%, 50% 0%, 100% 100%, 0% 100%, 0% 0%);

}



.statements-block-three .inner-box{

  position: relative;

  display: block;

  background: var(--theme-color);

  border-radius: 10px;

  padding: 50px 30px 30px 30px;

  margin-bottom: 40px;

}



.statements-block-three .inner-box .icon-box{

  position: relative;

  display: inline-block;

  margin-bottom: 23px;

}



.statements-block-three .inner-box h3{

  display: block;

  font-size: 22px;

  line-height: 32px;

  color: #fff;

  margin-bottom: 10px;

}



.statements-block-three .inner-box p{

  color: #fff;

  margin-bottom: 41px;

}



.statements-block-three .inner-box .list-item{

  position: relative;

  display: block;

  background: #fff;

  border-radius: 10px;

  padding: 29px 30px;

}



.statements-block-three .inner-box .list-item li{

  position: relative;

  display: block;

  font-size: 16px;

  color: #6d7270;

  padding-left: 26px;

  text-align: left;

  margin-bottom: 10px;

}



.statements-block-three .inner-box .list-item li:last-child{

  margin-bottom: 0px;

}



.statements-block-three .inner-box .list-item li:before{

  position: absolute;

  content: '^';

  left: 0px;

  color: var(--theme-color);

  font-size: 30px;

  top: 8px;

}





/** team-section **/



.team-section{

  position: relative;

  padding: 113px 0px 90px 0px;

}



.team-section .sec-title .theme-btn{

  position: absolute;

  right: 0px;

  bottom: 12px;

}



.team-block-one .inner-box{

  position: relative;

  display: block;

  margin-bottom: 30px;

}



.team-block-one .inner-box .image-box{

  position: relative;

  display: block;

  overflow: hidden;

  border-radius: 10px;

}



.team-block-one .inner-box .image-box img{

  width: 100%;

  border-radius: 10px;

  transition: all 500ms ease;

}



.team-block-one .inner-box:hover .image-box img{

  transform: scale(1.05);

}



.team-block-one .inner-box .lower-content{

  position: relative;

  display: block;

  padding-top: 28px;

}



.team-block-one .inner-box .lower-content h3{

  display: block;

  font-size: 22px;

  line-height: 23px;

  margin-bottom: 14px;

}



.team-block-one .inner-box .lower-content h3 a{

  display: inline-block;

  color: var(--title-color);

}



.team-block-one .inner-box .lower-content h3 a:hover{

  color: var(--theme-color);

}



.team-block-one .inner-box .lower-content p{

  margin-bottom: 23px;
  display: none;

}



.team-block-one .inner-box .lower-content .lower-box{

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;
  display: none;

}



.team-block-one .inner-box .lower-content .designation{

  position: relative;

  display: inline-block;

  font-size: 16px;

  line-height: 26px;

  color: var(--theme-color);

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

  border-radius: 40px;

  padding: 1px 15px;

}



.team-block-one .inner-box .lower-content .social-links{

  position: relative;

  display: flex;

  align-items: center;

}



.team-block-one .inner-box .lower-content .social-links li{

  margin-right: 10px;

}



.team-block-one .inner-box .lower-content .social-links li:last-child{

  margin: 0px;

}



.team-block-one .inner-box .lower-content .social-links li a{

  position: relative;

  display: inline-block;

  width: 40px;

  height: 30px;

  line-height: 30px;

  border: 1px solid #dbe5e2;

  border-radius: 40px;

  font-size: 14px;

  color: #a5b2af;

  text-align: center;

}



.team-block-one .inner-box .lower-content .social-links li a:hover{

  color: #fff;

  background: var(--theme-color);

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

}



.awards-section.bg-color-1 .awards-block-one .inner-box .icon-box{

  background: -webkit-linear-gradient(90deg, #176a4d 0%, #154b38 100%); 1

}



.awards-section.bg-color-1 .awards-block-one .inner-box:before {

  background: -webkit-linear-gradient(0deg, #132c23 0%, #187554 100%);

}



.awards-section.bg-color-1 .dots-style-one .owl-dots .owl-dot{

  background: #a5b2af;

}





/** history-section **/



.history-section{

  position: relative;

  padding: 20px 0px;

}



.history-section .inner-box{

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 50px;

}



.history-section .inner-box:last-child{

  margin-bottom: 0px;

}



.history-section .inner-box h2{

  position: relative;

  display: block;

  font-size: 60px;

  line-height: 70px;

  color: #e2edea;

  margin: 0px 100px;

}



.history-section .inner-box .text-box{

  max-width: 370px;

}



.text-right{

  text-align: right;

}



.history-section .inner-box .text-box h3{

  display: block;

  font-size: 22px;

  line-height: 32px;

  margin-bottom: 15px;
text-align: left;
}

section.history-section .te-text {
    text-align: justify;
}

.history-section .inner-box .image-box{

  position: relative;

  display: inline-block;

}



.history-section .inner-box .image-box .image{

  position: relative;

  display: inline-block;

  border-radius: 50%;

}



.history-section .inner-box .image-box .image img{

  width: 100%;

  border-radius: 50%;

}



.history-section .inner-box .image-box .date{

  position: absolute;

  top: 50%;

  margin-top: -40px;

  display: inline-block;

  width: 80px;

  height: 80px;

  line-height: 80px;

  text-align: center;

  background: #fff;

  border-radius: 50%;

  border: 1px solid #dbe5e2;

  font-size: 16px;

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

  font-weight: 500;

  color: var(--title-color);

}



.history-section .inner-box:nth-child(odd) .image-box .date{

right: -40px;
display:none;

}



.history-section .inner-box:nth-child(even) .image-box .date{
display:none;
  left: -40px;

}



.history-section .inner-container{

  position: relative;

  padding: 0px 0px;

}



.history-section .inner-container .shape{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  background-repeat: no-repeat;

  background-position: center;

}



.team-page-section{

  position: relative;

  padding: 120px 0px 60px 0px;

}



.team-page-section .team-block-one .inner-box{

  margin-bottom: 60px;

}



.faq-page-section{

  padding: 120px 0px;

}



.faq-page-section .accordion-box .accordion{

  border-color: #dbe5e2;

}



.faq-page-section .accordion-box .accordion.active-block{

  background: #e2edea;

}



.faq-page-section .accordion-box .accordion .acc-btn.active {

  background: -webkit-linear-gradient(0deg, #132720 50%, #177252 100%);

}



.faq-page-section .content-box{

  position: relative;

  padding-left: 65px;

  margin-left: 15px;

  border-left: 1px solid #dbe5e2;

}



.faq-page-section .tab-btns{

  position: relative;

  display: block;

  margin-left: 15px;

}



.faq-page-section .tab-btns:before{

  position: absolute;

  content: '';

  background: #e7e1e1;

  width: 1px;

  height: calc(100% - 40px);

  left: 0px;

  top: 20px;

}



.faq-page-section .tab-btns li{

  position: relative;

  display: block;

  font-size: 18px;

  line-height: 28px;

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

  color: #a5b2af;

  font-weight: 600;

  padding: 16px 0px 16px 35px;

  border-bottom: 1px solid #dbe5e2;

  cursor: pointer;

  transition: all 500ms ease;

}



.faq-page-section .tab-btns li:last-child{

  border-bottom: none;

}



.faq-page-section .tab-btns li.active-btn{

  color: var(--title-color);

}



.faq-page-section .tab-btns li:before{

  position: absolute;

  content: "\f11a";

  font-family: 'flaticon';

  width: 30px;

  height: 30px;

  line-height: 30px;

  text-align: center;

  border: 1px solid #dbe5e2;

  background: #ffffff;

  border-radius: 50%;

  left: -15px;

  top: 15px;

  font-size: 14px;

  color: #c2d2cd;

  transition: all 500ms ease;

}



.faq-page-section .tab-btns li.active-btn:before{

  background: var(--theme-color);

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

  color: #fff;

}





/** error-section **/



.error-section{

  position: fixed;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  overflow-x: hidden;

  overflow-y: auto;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 315px 0px 220px 0px;

}



.error-section .bg-layer{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}



.error-section .bg-layer:before{

  position: absolute;

  content: '';

  width: 100%;

  height: 100%;

  left: 0px;

  top: 0px;

  background: -webkit-linear-gradient(-45deg, #132720 50%, #187c59 80%);

  opacity: 0.6;

}



.error-section .scroll-text{

  position: absolute;

  left: 0px;

  top: 0px;

  right: 0px;

  width: 100%;

  height: 100%;

}



.error-section .scroll-text:before{

  position: absolute;

  content: '';

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

  width: 100%;

  height: 1px;

  left: 0px;

  top: 69px;

}



.error-section .scroll-text:after{

  position: absolute;

  content: '';

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

  width: 100%;

  height: 1px;

  left: 0px;

  bottom: 69px;

}



.error-section .scroll-text .text-box-one .text-inner,

.error-section .scroll-text .text-box-two .text-inner{

  position: absolute;

  width: max-content;

  padding: 21px 0px;

}



@-moz-keyframes scroll-left {

  0% { -moz-transform: translateX(0%); }

  100% { -moz-transform: translateX(-100%); }

}



@-webkit-keyframes scroll-left {

  0% { -webkit-transform: translateX(0%); }

  100% { -webkit-transform: translateX(-100%); }

}



@-moz-keyframes scroll-right {

  0% { -moz-transform: translateX(0%); }

  100% { -moz-transform: translateX(100%); }

}



@-webkit-keyframes scroll-right {

  0% { -webkit-transform: translateX(0%); }

  100% { -webkit-transform: translateX(100%); }

}



.error-section .scroll-text .text-box-one .text-inner{

  right: 0px;

  top: 0px;

  -moz-animation: scroll-right 90s linear infinite;

  -webkit-animation: scroll-right 90s linear infinite;

  animation: scroll-right 90s linear infinite;

}



.error-section .scroll-text .text-box-two .text-inner{

  left: 0px;

  bottom: 0px;

  -moz-animation: scroll-left 90s linear infinite;

  -webkit-animation: scroll-left 90s linear infinite;

  animation: scroll-left 90s linear infinite;

}



.error-section .scroll-text h6{

  position: relative;

  display: inline-block;

  font-size: 18px;

  line-height: 26px;

  color: #fff;

  font-weight: 600;

  text-transform: capitalize;

  margin: 0px 22px;

}



.error-section .inner-box{

  position: relative;

  display: block;

  min-width: 770px;

  width: 100%;

  margin: 0 auto;

}



.error-section .inner-box .error-title{

  position: relative;

  display: inline-block;

}



.error-section .inner-box .error-title h1{

  position: relative;

  display: flex;

  align-items: center;

  font-size: 300px;

  line-height: 250px;

  color: transparent;

  -webkit-text-stroke-width: 1px;

  -webkit-text-stroke-color: var(--theme-color);

  margin-bottom: 33px;

}



.error-section .inner-box .error-title h1 span{

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 270px;

  height: 270px;

  text-align: center;

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

  border-radius: 50%;

  font-size: 30px;

  line-height: 40px;

  color: #fff;

  -webkit-text-stroke-color: #fff;

}



.error-section .inner-box .error-title h3{

  position: absolute;

  top: -74px;

  right: 190px;

  font-size: 30px;

  line-height: 40px;

  z-index: 1;

}



.error-section .inner-box .error-title h3:before{

  position: absolute;

  content: '';

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

  width: 140px;

  height: 114px;

  left: -24px;

  top: -21px;

  background-repeat: no-repeat;

  z-index: -1;

}



.error-section .inner-box p{

  font-size: 18px;

  line-height: 28px;

  color: #a5b2af;

  margin-bottom: 32px;

}



.error-section .inner-box .theme-btn{

  color: red;

}





/** account-section **/



.account-section{

  position: relative;

}



.account-section .owl-carousel .owl-stage-outer{

  overflow: visible;

}



.account-section .owl-carousel .owl-stage-outer .owl-item{

  opacity: 0;

  visibility: hidden;

}



.account-section .owl-carousel .owl-stage-outer .owl-item.active{

  opacity: 1;

  visibility: visible;

}



.account-block-one .inner-box{

  position: relative;

  display: block;

  background: #fff;

  border: 1px solid #dbe5e2;

  border-radius: 10px;

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

  padding: 32px 30px 24px 30px;

  overflow: hidden;

}



.account-block-one .inner-box h3{

  position: relative;

  display: block;

  font-size: 22px;

  line-height: 32px;

  padding-bottom: 16px;

  margin-bottom: 60px;

}



.account-block-one .inner-box h3:before{

  position: absolute;

  content: '';

  width: 100px;

  height: 3px;

  left: 0px;

  bottom: 0px;

  background: -webkit-linear-gradient(0deg, var(--theme-color) 0%, #ffffff 100%);

}



.account-block-one .inner-box .icon-box{

  position: relative;

  display: inline-block;

  margin-bottom: 33px;

}



.account-block-one .inner-box h3 a{

  display: inline-block;

  color: var(--title-color);

}



.account-block-one .inner-box h3 a:hover{

  color: var(--theme-color);

}



.account-block-one .inner-box p{

  position: relative;

  display: block;

  padding: 13px 30px 13px 0px;

  margin-bottom: 23px;

  z-index: 1;

}



.account-block-one .inner-box p:before{

  position: absolute;

  content: '';

  background: #e2edea;

  width: calc(100% + 30px);

  height: 100%;

  top: 0px;

  right: 0px;

  border-radius: 0px 40px 40px 0px;

  z-index: -1;

}



.account-block-one .inner-box .link a{

  position: relative;

  display: inline-block;

  font-size: 13px;

  line-height: 22px;

  font-weight: 700;

  text-transform: uppercase;

  color: var(--title-color);

}



.account-block-one .inner-box .link a:hover{

  color: var(--theme-color);

}



.account-block-one .inner-box .link a span{

  position: relative;

  padding-left: 25px;

}



.account-block-one .inner-box .link a span:before{

  position: absolute;

  content: "\f104";

  font-family: 'flaticon';

  font-size: 22px;

  left: 0px;

  top: -3px;

  font-weight: 400;

}



.account-block-one .inner-box .image-box{

  position: absolute;

  display: inline-block;

  right: -20px;

  bottom: 43px;

  border-radius: 50%;

}



.account-block-one .inner-box .image-box img{

  width: 100%;

  border-radius: 50%;

}



.account-section .owl-dots{

  position: absolute;

  top: -86px;

  right: 42px;

}



.account-section .owl-nav{

  position: absolute;

  top: -84px;

  right: -12px;

  width: 194px;

}



.account-section .nav-style-one .owl-nav button{

  position: absolute;

  top: 0px;

  color: var(--title-color);

}



.account-section .owl-nav button.owl-prev{

  left: 0px;

}



.account-section .owl-nav button.owl-next{

  right: 0px;

}



.account-section .dots-style-one .owl-dots .owl-dot{

  background: #c2d2cd;

}



.profit-calculator.alternat-2 .profit-inner .inner-box .text{

  background: #e2edea;

  color: #6d7270;

}



.profit-calculator.alternat-2 .profit-inner .bg-layer{

  background: -webkit-linear-gradient(-90deg, var(--theme-color) 0%, #e1edea 100%);

}



.working-style-two.alternat-2 .working-block-two .inner-box h6,

.working-style-two.alternat-2 .working-block-two .inner-box h6:before{

  background: #cedfda;

}



.funding-section .bg-layer{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}



.funding-section .bg-layer:before{

  position: absolute;

  content: '';

  width: 100%;

  height: 100%;

  left: 0px;

  top: 0px;

  background: -webkit-linear-gradient(-45deg, #132720 50%, #187c59 80%);

  opacity: 0.6;

}



.funding-section.alternat-2 .tabs-box-2{

  max-width: 830px;

  margin: 0 auto;

}



.funding-section.alternat-2 .tab-btn-two .tab-btns li{

  color: #a5b2af;

}



.funding-section.alternat-2 .tab-btn-two .tab-btns li.active-btn-2{

  color: #fff;

}



.funding-section.alternat-2 .tab-btn-two .tab-btns li:before{

  border-color: rgba(255, 255, 255, 0.30);

}



.funding-section.alternat-2 .tab-btn-two .tab-btns li:after{

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

}



.funding-section.alternat-2 .tab-btn-two .tab-btns li.active-btn-2:before{

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

}



.funding-section.alternat-2 .tab-btn-two .tab-btns li.active-btn-2:after{

  background: var(--theme-color);

}





/** account-details **/



.account-details{

  position: relative;

  padding: 120px 0px 120px 0px;

}



.account-details-content{

  position: relative;

  display: block;

}



.account-details-content .content-one h2{

  display: block;

  font-size: 40px;

  line-height: 50px;

  margin-bottom: 22px;

}



.account-details-content .content-one p{

  margin-bottom: 43px;

}



.account-details-content .content-one .image-box{

  position: relative;

  display: block;

  border-radius: 10px;

}



.account-details-content .content-one .image-box img{

  width: 100%;

  border-radius: 10px;

}



.account-details-content .content-one{

  margin-bottom: 60px;

}



.account-details-content .content-two .text-box{

  margin-bottom: 33px;

  margin-top: -7px;

}



.account-details-content .content-two .text-box h2{

  position: relative;

  display: block;

  font-size: 30px;

  line-height: 40px;

  margin-bottom: 24px;

}



.account-details-content .content-two .single-item{

  position: relative;

  display: block;

  border: 1px solid #dbe5e2;

  border-radius: 10px;

  padding: 16px 30px 22px 30px;

  margin-bottom: 30px;

  overflow: hidden;

}



.account-details-content .content-two .single-item h4{

  position: relative;

  display: block;

  font-size: 22px;

  line-height: 32px;

  color: var(--theme-color);

  margin-bottom: 17px;

}



.account-details-content .content-two .single-item h3{

  position: relative;

  display: inline-block;

  font-size: 22px;

  line-height: 32px;

  padding: 10px 35px 8px 0px;

  margin-bottom: 23px;

  z-index: 1;

}



.account-details-content .content-two .single-item h3:before{

  position: absolute;

  content: '';

  background: #e2edea;

  width: calc(100% + 30px);

  height: 100%;

  left: -30px;

  top: 0px;

  z-index: -1;

  border-radius: 0px 40px 40px 0px;

}



.account-details-content .content-two .single-item .overlay-content{

  position: absolute;

  left: 0px;

  top: 30px;

  width: 100%;

  height: 100%;

  padding: 30px 30px 30px 30px;

  z-index: 1;

  background: -webkit-linear-gradient(-45deg, #132720 50%, #187c59 150%);

  opacity: 0;

  transition: all 500ms ease;

}



.account-details-content .content-two .single-item:hover .overlay-content{

  top: 0px;

  opacity: 1;

}



.account-details-content .content-two .single-item .overlay-content h3{

  color: #fff;

}



.account-details-content .content-two .single-item .overlay-content h3:before{

  background: var(--theme-color);

}



.account-details-content .content-two .single-item .overlay-content p{

  color: #a5b2af;

}



.account-details-content .content-two .scroll-text{

  position: relative;

  display: block;

  overflow: hidden;

  border-radius: 40px;

  background: -webkit-linear-gradient(-45deg, #132720 50%, #187c59 80%);

  padding: 26px 40px;

  margin-top: 20px;

}



.account-details-content .content-two .scroll-text .text-list{

  position: relative;

  display: flex;

  align-items: center;

  width: max-content;

  -moz-animation: scroll-left 90s linear infinite;

  -webkit-animation: scroll-left 90s linear infinite;

  animation: scroll-left 90s linear infinite;

}



.account-details-content .content-two .scroll-text .text-list li{

  position: relative;

  display: inline-block;

  font-size: 18px;

  line-height: 28px;

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

  color: #fff;

  font-weight: 600;

  padding-left: 28px;

  margin-right: 40px;

}



.account-details-content .content-two .scroll-text .text-list li i{

  position: absolute;

  left: 0px;

  top: 5px;

  font-size: 18px;

  color: var(--theme-color);

}



.account-details-content .content-two .scroll-text .text-list li:last-child{

  margin: 0px;

}



.account-details-content .content-two{

  margin-bottom: 52px;

}



.account-details-content .content-three .text-box{

  margin-bottom: 33px;

}



.account-details-content .content-three .text-box h2{

  font-size: 30px;

  line-height: 40px;

  margin-bottom: 24px;

}



.account-details-content .content-three .tabs-box{

  position: relative;

  display: block;

  background-image: url(https://wp1.themevibrant.com/newwp/fxvibe/wp-content/themes/fxvibe//assets/images/background/page-title.jpg);

  border-radius: 10px;

  padding: 40px;

}



.account-details-content .content-three .tab-inner{

  position: relative;

  padding-left: 310px;

}



.account-details-content .content-three .tab-btn-box{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 270px;

}



.account-details-content .content-three .tab-btns{

  position: relative;

  display: block;

  margin-left: 15px;

}



.account-details-content .content-three .tab-btns:before{

  position: absolute;

  content: '';

  background: #e7e1e1;

  width: 1px;

  height: calc(100% - 40px);

  left: 0px;

  top: 20px;

}



.account-details-content .content-three .tab-btns li{

  position: relative;

  display: block;

  font-size: 18px;

  line-height: 28px;

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

  color: #a5b2af;

  font-weight: 600;

  padding: 16px 0px 16px 35px;

  border-bottom: 1px solid #c2d2cd;

  cursor: pointer;

  transition: all 500ms ease;

}



.account-details-content .content-three .tab-btns li:last-child{

  border-bottom: none;

}



.account-details-content .content-three .tab-btns li.active-btn{

  color: #fff;

}



.account-details-content .content-three .tab-btns li:before{

  position: absolute;

  content: "\f11a";

  font-family: 'flaticon';

  width: 30px;

  height: 30px;

  line-height: 30px;

  text-align: center;

  border: 1px solid #c2d2cd;

  background: #e2edea;

  border-radius: 50%;

  left: -15px;

  top: 15px;

  font-size: 14px;

  color: #c2d2cd;

  transition: all 500ms ease;

}



.account-details-content .content-three .tab-btns li.active-btn:before{

  background: var(--theme-color);

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

  color: #fff;

}

.account-details-content .content-three .tabs-content .inner-box .text-box .list-item li a {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 26px;
  font-family: var(--title-font);
  font-weight: 500;
  color: var(--title-color);
  background: #d5e0dd;
  padding: 10px 20px;
  border-radius: 40px;
  width: 120px;
  text-align: center;
}

.account-details-content .content-three .tabs-content .inner-box{

  position: relative;

  padding-top: 240px;

  width: 100%;

  border-radius: 10px;

  overflow: hidden;

  /* background-size: cover; */

  background-repeat: no-repeat;

  background-position: center;
  margin-bottom: 180px;

}



.account-details-content .content-three .tabs-content .inner-box .text-box{

  position: relative;

  display: block;

  padding: 23px 30px;

  z-index: 1;

  margin-bottom: 0px;

}



.account-details-content .content-three .tabs-content .inner-box .text-box:before{

  position: absolute;

  content: '';

  background: -webkit-linear-gradient(-45deg, #132720 50%, #187c59 150%);

  width: 100%;

  height: 100%;

  left: 0px;

  top: 0px;

  opacity: 0.95;

  z-index: -1;

}



.account-details-content .content-three .tabs-content .inner-box .text-box p{

  color: #ffffff;
  margin-bottom: 16px;
  font-size: 20px;

}



.account-details-content .content-three .tabs-content .inner-box .text-box .list-item li{

  position: relative;

  display: inline;

  color: #a5b2af;

  padding-left: 25px;

  margin-bottom: 11px;
  line-height: 64px;

}



.account-details-content .content-three .tabs-content .inner-box .text-box .list-item li:last-child{

  margin-bottom: 0px;

}



/* .account-details-content .content-three .tabs-content .inner-box .text-box .list-item li:before{

  position: absolute;

  content: '^';

  left: 0px;

  color: var(--theme-color);

  font-size: 30px;

  top: 7px;

} */



.account-details-content .content-three{

  margin-bottom: 12px;

}



.account-details-content .content-four .text-box{

  margin-bottom: 32px;

}



.account-details-content .content-four .text-box h2{

  font-size: 30px;

  line-height: 40px;

  margin-bottom: 24px;

}



.account-details-content .content-four.faq-section{

  padding: 0px;

}



.account-details-content .content-four.faq-section .accordion-box .accordion .acc-btn.active{

  background: -webkit-linear-gradient(0deg, #132720 50%, #187c59 100%);

}



.account-details-content .content-four.faq-section .accordion-box .accordion .acc-btn span{

  position: absolute;

  top: 9px;

  right: 30px;

  font-size: 36px;

  line-height: 46px;

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

  font-weight: 600;

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

}



.account-details-content .content-four.faq-section .accordion-box .accordion .acc-btn{

  padding-right: 80px;

}



.account-details-content .content-four.faq-section .accordion-box .accordion.active-block{

  background: #e2edea;

  border-color: transparent;

}



.account-details-content .content-four.faq-section .accordion-box .accordion{

  border-color: #dbe5e2;

}



.account-sidebar{

  position: relative;

  display: block;

}



.account-sidebar .link-box a{

  width: 100%;

  margin-bottom: 50px;

}



.default-sidebar .widget-title{

  position: relative;

  display: block;

  margin-bottom: 19px;

  padding-left: 18px;

}



.default-sidebar .widget-title h3,

.widget h2,

.wp-block-search__label{

  font-size: 22px;

  line-height: 32px;

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

  font-weight: 600;

  color: var(--title-color);

}



.default-sidebar .widget-title:before,

.widget h2:before,

.wp-block-search__label:before{

  position: absolute;

  content: '';

  background: var(--theme-color);

  width: 6px;

  height: 14px;

  left: 0px;

  top: 9px;

  border-radius: 2px;

}



.default-sidebar .widget-title:after,

.widget h2:after,

.wp-block-search__label:after{

  position: absolute;

  content: '';

  background: var(--theme-color);

  width: 2px;

  height: 18px;

  left: 2px;

  top: 7px;

}



.account-sidebar .category-widget{

  position: relative;

  background: #e2edea;

  padding: 22px 25px 30px 25px;

  border-radius: 10px;

  margin-bottom: 50px;

}



.account-sidebar .category-widget .category-list li{

  position: relative;

  display: block;

  margin-bottom: 15px;

}



.account-sidebar .category-widget .category-list li:last-child{

  margin-bottom: 0px;

}



.account-sidebar .category-widget .category-list li a{

  position: relative;

  display: block;

  font-size: 18px;

  line-height: 28px;

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

  font-weight: 600;

  color: var(--title-color);

  padding-right: 60px;

}



.account-sidebar .category-widget .category-list li a span{

  position: relative;

  display: block;

  width: 100%;

  background: #fff;

  border-radius: 40px;

  padding: 12px 25px 10px 25px;

  color: var(--title-color);

  transition: all 500ms ease;

}



.account-sidebar .category-widget .category-list li a:hover span,

.account-sidebar .category-widget .category-list li a.current span{

  color: #fff;

  background: var(--theme-color);

}



.account-sidebar .category-widget .category-list li a i{

  position: absolute;

  display: inline-block;

  top: 0px;

  right: 0px;

  width: 60px;

  height: 50px;

  line-height: 60px;

  background: #fff;

  text-align: center;

  border-radius: 40px;

  font-size: 30px;

  color: var(--title-color);

  transition: all 500ms ease;

}



.account-sidebar .category-widget .category-list li a:hover i,

.account-sidebar .category-widget .category-list li a.current i{

  color: #fff;

  background: var(--theme-color);

}



.account-sidebar .download-widget{

  position: relative;

  display: block;

  background: #fff;

  border-radius: 10px;

  padding: 23px 25px 30px 25px;

  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.12);

  margin-bottom: 50px;

}



.account-sidebar .download-widget .download-list li{

  position: relative;

  display: block;

  margin-bottom: 10px;

}



.account-sidebar .download-widget .download-list li:last-child{

  margin-bottom: 0px;

}



.account-sidebar .download-widget .download-list li button,

.account-sidebar .download-widget .download-list li a{

  position: relative;

  display: block;

  width: 100%;

  font-size: 16px;

  line-height: 26px;

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

  color: var(--title-color);

  font-weight: 500;

  border: 1px solid #dbe5e2;

  border-radius: 40px;

  padding: 10px 25px 12px 25px;

  text-align: left;

}



.account-sidebar .download-widget .download-list li button i,

.account-sidebar .download-widget .download-list li a i{

  position: absolute;

  top: 14px;

  right: 22px;

  font-size: 17px;

  color: #acb8b6;

  font-weight: 400;

  transition: all 500ms ease;

}



.account-sidebar .download-widget .download-list li button:hover i,

.account-sidebar .download-widget .download-list li a:hover i{

  color: var(--theme-color);

}



.account-sidebar .download-widget{

  margin-bottom: 50px;

}



.default-sidebar .contact-widget{

  position: relative;

  display: block;

}



.default-sidebar .contact-widget .widget-content{

  position: relative;

  width: 100%;

  border-radius: 10px;

  overflow: hidden;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: top center;

  padding: 293px 25px 40px 25px;

}



.default-sidebar .contact-widget .widget-content .shape-1{

  position: absolute;

  left: 0px;

  bottom: 0px;

  width: 100%;

  height: 405px;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: top center;

}



.default-sidebar .contact-widget .widget-content .shape-2{

  position: absolute;

  left: 0px;

  bottom: 0px;

  width: 100%;

  height: 396px;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: top center;

}



.default-sidebar .contact-widget .widget-content h3{

  display: block;

  font-size: 22px;

  line-height: 32px;

  text-transform: uppercase;

  font-style: italic;

  margin-bottom: 11px;

  color: #fff;

}



.default-sidebar .contact-widget .widget-content h3 span{

  color: var(--theme-color);

}



.default-sidebar .contact-widget .widget-content p{

  color: #a5b2af;

  margin-bottom: 33px;

}



.default-sidebar .contact-widget .widget-content .phone{

  position: relative;

  display: block;

  width: 100%;

  font-size: 16px;

  color: var(--title-color);

  background: #fff;

  border-radius: 40px;

  padding: 14px 20px 14px 20px;

  text-align: center;

  margin-bottom: 10px;

}



.default-sidebar .contact-widget .widget-content .phone:hover{

  color: var(--theme-color);

}



.default-sidebar .contact-widget .widget-content .phone span{

  position: relative;

  padding-left: 26px;

}



.default-sidebar .contact-widget .widget-content .phone span:before{

  position: absolute;

  content: "\f11e";

  font-family: 'flaticon';

  font-size: 16px;

  left: 0px;

  top: -3px;

  color: var(--theme-color);

}



.default-sidebar .contact-widget .widget-content .theme-btn{

  width: 100%;

  color: #fff;

}



.platform-section.trader-page-1{

  padding-bottom: 240px;

}





/** download-section **/



.download-section{

  position: relative;

}



.download-section .inner-container{

  position: relative;

  display: block;

  background: #fff;

  border-radius: 10px;

  overflow: hidden;

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

  padding: 53px 30px 60px 30px;

  margin-left: -60px;

  margin-right: -60px;

  margin-top: -120px;

}



.download-section h2{

  display: block;

  font-size: 26px;

  line-height: 36px;

  margin-bottom: 35px;

}



.download-section .single-item{

  position: relative;

  display: block;

}



.download-section .single-item:before{

  position: absolute;

  content: '';

  background: #dbe5e2;

  width: 1px;

  height: calc(100% - 6px);

  bottom: 0px;

  right: -15px;

}



.download-section .single-column:last-child .single-item:before{

  display: none;

}



.download-section .single-item h6{

  display: block;

  font-size: 13px;

  line-height: 22px;

  font-weight: 700;

  text-transform: uppercase;

  color: var(--theme-color);

  margin-bottom: 7px;

}



.download-section .single-item h3{

  display: block;

  font-size: 22px;

  line-height: 32px;

  margin-bottom: 5px;

}



.download-section .single-item p{

  display: block;

  margin-bottom: 23px;

}



.download-section .single-item .download-list{

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

}



.download-section .single-item .download-list li{

  margin-right: 10px;

}



.download-section .single-item .download-list li:last-child{

  margin: 0px;

}



.download-section .single-item .download-list li a{

  position: relative;

  display: inline-block;

  width: 74px;

  height: 54px;

  line-height: 58px;

  border: 1px solid #dbe5e2;

  border-radius: 40px;

  text-align: center;

  font-size: 20px;

  color: var(--title-color);

}



.download-section .single-item .download-list li.play-store a{

  line-height: 50px;

}



.download-section .single-item .download-list li a:hover{

  color: #fff;

  background: var(--theme-color);

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

}



.chooseus-style-three.trader-page-1{

  background: -webkit-linear-gradient(-45deg, #132720 50%, #187c59 100%);

}



.faq-section.alternat-2 .accordion-box .accordion .acc-btn.active{

  background: -webkit-linear-gradient(0deg, #132720 50%, #187c59 100%);

}



.faq-section.alternat-2 .accordion-box .accordion.active-block{

  background: #e2edea;

  border-color: transparent;

}



.faq-section.alternat-2 .accordion-box .accordion{

  border-color: #dbe5e2;

}





/** cta-style-two **/



.cta-style-two{

  position: relative;

  padding: 111px 0px 120px 0px;

}



.cta-style-two .inner-box h2{

  display: block;

  font-size: 52px;

  line-height: 62px;

  margin-bottom: 14px;

}



.cta-style-two .inner-box  p{

  margin-bottom: 33px;

}



.cta-style-two .inner-box .info-list{

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #fff;

  border-radius: 100px;

  max-width: 585px;

  margin: 0 auto;

  margin-bottom: 40px;

  padding: 13px 40px;

}



.cta-style-two .inner-box .info-list li{

  position: relative;

  margin-right: 80px;

}



.cta-style-two .inner-box .info-list li:before{

  position: absolute;

  content: '';

  background: #dbe5e2;

  width: 1px;

  height: calc(100% - 15px);

  top: 7px;

  right: -40px;

}



.cta-style-two .inner-box .info-list li:last-child:before{

  display: none;

}



.cta-style-two .inner-box .info-list li:last-child{

  margin: 0px;

}



.cta-style-two .inner-box .info-list li span{

  position: relative;

  display: block;

  font-size: 16px;

  margin-bottom: 7px;

}



.cta-style-two .inner-box .info-list li h5{

  display: block;

  font-size: 18px;

  line-height: 28px;

}



.cta-style-two .inner-box .info-list li h5 a{

  display: inline-block;

  color: var(--title-color);

}



.cta-style-two .inner-box .info-list li h5 a:hover{

  color: var(--theme-color);

}



.cta-style-two .pattern-layer{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}





/** course-section **/



.course-section{

  position: relative;

}



.course-section .owl-carousel .owl-stage-outer{

  overflow: visible;

}



.course-section .owl-carousel .owl-stage-outer .owl-item{

  opacity: 0;

  visibility: hidden;

}



.course-section .owl-carousel .owl-stage-outer .owl-item.active{

  opacity: 1;

  visibility: visible;

}



.industry-tab .p-tab {

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: auto;

  opacity: 0;

  visibility: hidden;

}



.industry-tab .p-tab.active-tab {

  position: relative;

  visibility: visible;

  opacity: 1;

  z-index: 5;

}



.industry-tab .p-tabs-content {

  position: relative;

  display: block;

}



.industry-tab .p-tab .course-block-one{

  position: relative;

  opacity: 0;

  top: 5px;

  -webkit-transition: all 1000ms ease;

  -ms-transition: all 1000ms ease;

  -o-transition: all 1000ms ease;

  transition: all 1000ms ease;

}



.industry-tab .p-tab.active-tab .course-block-one {

  opacity: 1;

  top: 0px;

}



.course-block-one .inner-box{

  position: relative;

  display: block;

}



.course-block-one .inner-box .image-box{

  position: relative;

  display: inline-block;

  margin-bottom: 33px;

}



.course-block-one .inner-box .image-box .image{

  position: relative;

  display: block;

  border-radius: 15px;

}



.course-block-one .inner-box .image-box .image img{

  width: 100%;

  border-radius: 15px;

}



.course-block-one .inner-box .image-box a{

  position: absolute;

  display: inline-block;

  left: 50%;

  top: 50%;

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

  z-index: 1;

}



.course-block-one .inner-box .text{

  position: relative;

  display: block;

  background: #fff;

  border-radius: 40px;

  padding: 11px 30px 14px 30px;

  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.12);

  margin-bottom: 23px;

}



.course-block-one .inner-box .text p{

  position: relative;

  display: inline-block;

  color: #6d7270;

  padding-left: 22px;

}



.course-block-one .inner-box .text p i{

  position: absolute;

  left: 0px;

  top: 4px;

  color: var(--theme-color);

  font-size: 15px;

}



.course-block-one .inner-box h3{

  display: block;

  font-size: 22px;

  line-height: 32px;

  margin-bottom: 15px;

}



.course-block-one .inner-box h3 a{

  display: inline-block;

  color: var(--title-color);

}



.course-block-one .inner-box h3 a:hover{

  color: var(--theme-color);

}



.course-block-one .inner-box .link a{

  position: relative;

  display: inline-block;

  font-size: 13px;

  line-height: 22px;

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

  font-weight: 700;

  text-transform: uppercase;

  color: var(--title-color);

}



.course-block-one .inner-box .link a:hover{

  color: var(--theme-color);

}



.course-block-one .inner-box .link a span{

  position: relative;

  padding-left: 25px;

}



.course-block-one .inner-box .link a span:before{

  position: absolute;

  content: "\f104";

  font-family: 'flaticon';

  font-size: 20px;

  left: 0px;

  top: -3px;

  font-weight: 400;

}



.industry-tab .industry-tab-btns{

  position: relative;

  margin-bottom: 60px;

  display: flex;

  align-items: center;

  justify-content: center;

}



.industry-tab .industry-tab-btns .p-tab-btn{

  position: relative;

  margin-right: 20px;

}



.industry-tab .industry-tab-btns .p-tab-btn:last-child{

  margin: 0px;

}



.industry-tab .industry-tab-btns .p-tab-btn h6{

  position: relative;

  display: inline-block;

  font-size: 16px;

  line-height: 26px;

  font-weight: 600;

  padding-right: 60px;

  cursor: pointer;

}



.industry-tab .industry-tab-btns .p-tab-btn.active-btn h6{

  color: #fff;

}



.industry-tab .industry-tab-btns .p-tab-btn h6 span{

  position: relative;

  display: block;

  padding: 11px 29px;

  border-radius: 40px;

  border: 1px solid #dbe5e2;

}



.industry-tab .industry-tab-btns .p-tab-btn.active-btn h6 span,

.industry-tab .industry-tab-btns .p-tab-btn.active-btn h6 i{

  background: var(--theme-color);

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

}



.industry-tab .industry-tab-btns .p-tab-btn h6 i{

  position: absolute;

  display: inline-block;

  top: 0px;

  right: 0px;

  width: 60px;

  height: 50px;

  line-height: 56px;

  font-size: 30px;

  border-radius: 40px;

  border: 1px solid #dbe5e2;

}



.industry-tab .industry-tab-btns .p-tab-btn h6 i:before{

  display: inline-block;

  transform: rotate(-90deg);

}



.industry-tab .industry-tab-btns .p-tab-btn.active-btn h6 i:before{

  transform: rotate(0deg);

}



.course-section .owl-dots{

  position: relative;

  display: block;

  text-align: center;

  margin-top: 56px;

}



.course-section .dots-style-one .owl-dots .owl-dot{

  background-color: #c6d5d0;

}



.course-section .owl-nav{

  position: absolute;

  display: block;

  max-width: 194px;

  width: 100%;

  margin: 0 auto;

  left: 0px;

  right: 0px;

  bottom: 24px;

  z-index: 1;

}



.course-section .owl-nav button{

  color: var(--title-color);

}



.course-section .owl-nav button.owl-prev{

  position: absolute;

  left: 0px;

  top: 0px;

}



.course-section .owl-nav button.owl-next{

  position: absolute;

  right: 0px;

  top: 0px;

}





/** lesson-section **/



.lesson-section{

  position: relative;

  padding: 114px 0px 90px 0px;

}



.lesson-block-one .inner-box{

  position: relative;

  display: block;

  background: #fff;

  border-radius: 10px;

  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.06);

  margin-bottom: 30px;

  padding: 25px 30px;

}



.lesson-block-one .inner-box .image-box{

  position: absolute;

  left: 30px;

  top: 30px;

  border-radius: 5px;

}



.lesson-block-one .inner-box .image-box img{

  width: 100%;

  border-radius: 5px;

}



.lesson-block-one .inner-box .content-box{

  position: relative;

  padding-left: 170px;

}



.lesson-block-one .inner-box .content-box .rating{

  position: absolute;

  top: 0px;

  right: 0px;

  font-size: 16px;

  line-height: 26px;

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

  color: var(--title-color);

  font-weight: 500;

  padding-left: 23px;

}



.lesson-block-one .inner-box .content-box .rating i{

  position: absolute;

  left: 0px;

  top: 2px;

  font-size: 16px;

  font-weight: 400;

  color: #00b67a;

}



.lesson-block-one .inner-box .content-box h4,

.lesson-block-one .inner-box .content-box .price{

  position: relative;

  display: block;

  font-size: 22px;

  font-weight:600;

  line-height: 32px;

  color: var(--theme-color);

  margin-bottom: 12px;

}



.lesson-block-one .inner-box .content-box h3{

  position: relative;

  display: block;

  font-size: 22px;

  line-height: 32px;

  margin-bottom: 16px;

}



.lesson-block-one .inner-box .content-box h3 a{

  display: inline-block;

  color: var(--title-color);

}



.lesson-block-one .inner-box .content-box h3 a:hover{

  color: var(--theme-color);

}



.lesson-block-one .inner-box .content-box .info-list li{

  position: relative;

  display: inline-block;

  float: left;

  font-size: 16px;

  color: #6d7270;

  margin-right: 20px;

  padding-left: 24px;

}



.lesson-block-one .inner-box .content-box .info-list li:last-child{

  margin: 0px;

}



.lesson-block-one .inner-box .content-box .info-list li i{

  position: absolute;

  left: 0px;

  top: 2px;

  font-size: 14px;

  color: var(--theme-color);

}





/** education-details **/



.education-details{

  position: relative;

  padding: 120px 0px;

}



.education-details-content{

  position: relative;

  display: block;

}



.education-details-content .upper-box{

  position: relative;

  display: block;

  background: #fff;

  border-radius: 10px;

  padding: 43px 50px 46px 50px;

  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.12);

  margin-bottom: 60px;

}



.education-details-content .upper-box .info-list{

  position: relative;

  display: flex;

  align-items: center;

  margin-bottom: 16px;

}



.education-details-content .upper-box .info-list li{

  position: relative;

  font-size: 16px;

  color: #6d7270;

  margin-right: 20px;

  padding-left: 25px;

}



.education-details-content .upper-box .info-list li:last-child{

  margin: 0px;

}



.education-details-content .upper-box .info-list li i{

  position: absolute;

  left: 0px;

  top: 2px;

  font-size: 15px;

  color: var(--theme-color);

}



.education-details-content .upper-box h2{

  display: block;

  font-size: 40px;

  line-height: 50px;

  margin-bottom: 15px;

}



.education-details-content .upper-box .lower-content{

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.education-details-content .upper-box .lower-content .author-box{

  position: relative;

  padding: 0px 0px 0px 60px;

}



.education-details-content .upper-box .lower-content .author-box .thumb-box{

  position: absolute;

  display: inline-block;

  left: 0px;

  top: 4px;

  width: 46px;

  height: 46px;

  border-radius: 50%;

}



.education-details-content .upper-box .lower-content .author-box h5{

  display: block;

  font-size: 18px;

  line-height: 28px;

  margin-bottom: 1px;

}



.education-details-content .upper-box .lower-content .author-box .designation{

  position: relative;

  display: block;

}



.education-details-content .upper-box .lower-content .option-list{

  position: relative;

  display: flex;

  align-items: center;

}



.education-details-content .upper-box .lower-content .option-list li{

  position: relative;

  margin-right: 10px;

}



.education-details-content .upper-box .lower-content .option-list li:last-child{

  margin: 0px;

}



.education-details-content .upper-box .lower-content .option-list li a{

  position: relative;

  display: inline-block;

  width: 54px;

  height: 40px;

  line-height: 44px;

  text-align: center;

  font-size: 18px;

  color: var(--title-color);

  border-radius: 40px;

  border: 1px solid #dbe5e2;

}



.education-details-content .upper-box .lower-content .option-list li a:hover{

  color: var(--theme-color);

  background: var(--theme-color);

  color: #fff;

}





.education-details-content .tabs-box .tab-btns{

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

  width: 100%;

  padding: 5px;

  background: #e2edea;

  border-radius: 40px;

  margin-bottom: 42px;

}



.education-details-content .tabs-box .tab-btns li{

  position: relative;

  display: inline-block;

  width: 250px;

  background: #fff;

  text-align: center;

  border-radius: 40px;

  padding: 11px 15px;

  border: 1px solid #fff;

  cursor: pointer;

  transition: all 500ms ease;

}



.education-details-content .tabs-box .tab-btns li.active-btn{

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

}



.education-details-content .tabs-box .tab-btns li h5{

  display: block;

  font-size: 16px;

  line-height: 26px;

  color: #6d7270;

  font-weight: 500;

  transition: all 500ms ease;

}



.education-details-content .tabs-box .tab-btns li.active-btn h5{

  color: var(--theme-color);

}



.education-details-content .tabs-box h3{

  display: block;

  font-size: 26px;

  line-height: 36px;

  font-weight: 600;

  margin-bottom: 8px;

}



.education-details-content .course-content .text-box p{

  position: relative;

  display: block;

  padding-left: 26px;

}



.education-details-content .course-content .text-box p i{

  position: absolute;

  left: 0px;

  top: 2px;

  font-size: 16px;

  color: var(--theme-color);

}



.education-details-content .course-content .text-box{

  margin-bottom: 23px;

}



.education-details-content .course-content .download-list{

  position: relative;

  display: block;

  border: 1px solid #dbe5e2;

  border-radius: 10px;

  margin-bottom: 43px;

  overflow: hidden;

}



.education-details-content .course-content .download-list li{

  position: relative;

  display: block;

}



.education-details-content .course-content .download-list li:last-child button{

  border-bottom: none;

}



.education-details-content .course-content .download-list li button{

  position: relative;

  display: block;

  width: 100%;

  padding-left: 40px;

  font-size: 16px;

  line-height: 26px;

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

  font-weight: 500;

  color: #6d7270;

  cursor: pointer;

  text-align: left;

  padding: 25px 70px;

  border-bottom: 1px solid #dbe5e2;

  transition: all 500ms ease;

}



.education-details-content .course-content .download-list li button:hover{

  background: #e2edea;

}



.education-details-content .course-content .download-list li button i{

  position: absolute;

  left: 30px;

  top: 27px;

  font-size: 24px;

  color: #a5b2af;

  transition: all 500ms ease;

}



.education-details-content .course-content .download-list li button:hover i{

  color: var(--theme-color);

}



.education-details-content .course-content .download-list li button:hover{

  color: #1b1e31;

  font-weight: 700;

}



.education-details-content .course-content .download-list li button span{

  position: absolute;

  top: 25px;

  right: 27px;

  color: #6d7270;

  font-weight: 400;

  padding-right: 40px;

}



.education-details-content .course-content .download-list li button span:before{

  position: absolute;

  content: "\f107";

  font-family: 'Font Awesome 5 pro';

  font-weight: 900;

  color: #a6b3b0;

  top: -1px;

  right: 0px;

  font-size: 16px;

  transition: all 500ms ease;

}



.education-details-content .tabs-box .list-style-three{

  margin-bottom: 45px;

}



.education-details-content .tabs-box .list-style-three li{

  font-size: 16px;

  line-height: 26px;

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

  color: #6e6e6e;

  font-weight: 400;

  margin-bottom: 10px;

}



.education-details-content .tabs-box .list-style-three li:last-child{

  margin-bottom: 0px;

}



.education-details-content .course-content .download-list li button:hover span:before{

  color: var(--theme-color);

}



.education-details-content .course-content .content-two p{

  margin-bottom: 24px;

}



.education-details-content .content-two h3{

  margin-bottom: 17px;

}



.education-details-content .tabs-box h4{

  display: block;

  font-size: 20px;

  line-height: 30px;

  font-weight: 600;

  margin-bottom: 15px;

}



.education-details-content .tabs-box .list-style-one{

  margin-bottom: 43px;

}



.education-details-content .course-content .video-inner{

  position: relative;

  width: 100%;

  padding: 178px 0px;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

  text-align: center;

  border-radius: 5px;

}



.education-details-content .review-content .single-comment-box{

  position: relative;

  display: block;

  padding-left: 100px;

}



.education-details-content .review-content .single-comment-box .comment-thumb{

  position: absolute;

  left: 0px;

  top: 5px;

  width: 70px;

  height: 70px;

  border-radius: 50%;

}



.education-details-content .review-content .single-comment-box .comment-thumb img{

  width: 100%;

  border-radius: 50%;

}



.education-details-content .review-content .single-comment-box h4{

  position: relative;

  display: block;

  font-size: 20px;

  line-height: 30px;

  font-weight: 600;

  margin-bottom: 10px;

}



.education-details-content .review-content .single-comment-box h4 span{

  position: absolute;

  top: 0px;

  right: 0px;

  font-size: 16px;

  color: #6e6e6e;

}



.education-details-content .review-content .single-comment-box p{

  display: block;

  margin-bottom: 9px;

}



.education-details-content .review-content .single-comment-box .rating li{

  position: relative;

  display: inline-block;

  float: left;

  font-size: 18px;

  color: var(--theme-color);

  margin-right: 5px;

}



.education-details-content .review-content .single-comment-box .rating li:last-child{

  margin: 0px !important;

}



.education-details-content .review-content .single-comment-box{

  margin-bottom: 23px;

}



.education-details-content .review-content .single-comment-box:last-child{

  margin-bottom: 0px;

}



.education-details-content .review-content .comment-box{

  margin-bottom: 33px;

}



.education-details-content .review-content .comment-form .text-box{

  margin-bottom: 32px;

}



.education-details-content .review-content .comment-form form{

  position: relative;

  margin: 0px 5px;

}



.education-details-content .review-content .comment-form .text-box p span{

  color: var(--theme-color);

}



.education-details-content .tabs-box .review-content h3{

  margin-bottom: 25px;

}



.education-details-content .review-content .comment-form h3{

  margin-bottom: 3px;

}



.education-details-content .default-form .form-group{

  position: relative;

  margin-bottom: 20px;

  padding: 0px 10px;

}



.education-details-content .default-form .form-group:last-child{

  margin-bottom: 0px;

}



.education-details-content .default-form .form-group input[type='text'],

.education-details-content .default-form .form-group input[type='email'],

.education-details-content .default-form .form-group textarea{

  position: relative;

  display: block;

  width: 100%;

  height: 60px;

  border: 1px solid #e8e8e8;

  border-radius: 5px;

  font-size: 17px;

  color: #6e6e6e;

  padding: 10px 20px;

  transition: all 500ms ease;

}



.education-details-content .default-form .form-group textarea{

  display: block;

  height: 120px;

  resize: none;

}



.education-details-content .default-form .form-group input:focus,

.education-details-content .default-form .form-group textarea:focus{

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

}



.education-details-content .default-form .check-box label:before{

  border-color: #e8e8e8;

  background: #f4f4f4;

}



.education-details-content .default-form .check-box{

  padding-bottom: 6px;

}



.education-details-content .accordion-inner h3{

  margin-bottom: 30px;

}



.education-details-content .tabs-box .accordion .acc-btn h4{

  margin-bottom: 5px;

}



.education-details-content .faq-section{

  padding: 0px;

}



.education-details-content .faq-section .accordion-box .accordion .acc-btn.active {

  background: -webkit-linear-gradient(0deg, #132720 50%, #177252 100%);

}



.education-details-content .faq-section .accordion-box .accordion.active-block {

  background: #e2edea;

}



.education-sidebar{

  position: relative;

  display: block;

  margin-left: 30px;

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

  border-radius: 10px;

  padding: 30px 28px 38px 28px;

}



.education-sidebar .upper-box{

  margin-bottom: 20px;

}



.education-sidebar .upper-box h3{

  display: block;

  font-size: 22px;

  line-height: 32px;

  font-weight: 600;

  margin-bottom: 8px;

}



.education-sidebar .upper-box h3 del{

  color: #a8a9b3;

  margin-left: 8px;

}



.education-sidebar .upper-box h5{

  display: block;

  font-size: 16px;

  line-height: 26px;

  color: #6e6e6e;

  font-weight: 500;

  margin-bottom: 12px;

}



.education-sidebar .upper-box .rating li{

  position: relative;

  display: inline-block;

  float: left;

  font-size: 14px;

  color: #767877;

  margin-right: 5px;

}



.education-sidebar .upper-box .rating li:last-child{

  margin: 0px !important;

}



.education-sidebar .upper-box .rating li i{

  position: relative;

  top: 2px;

  color: var(--theme-color);

  font-size: 18px;

}



.education-sidebar .upper-box .rating li span{

  font-size: 16px;

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

  font-weight: 500;

  color: var(--title-color);

}



.education-sidebar .upper-box .rating{

  margin-bottom: 8px;

}



.education-sidebar .info-list li{

  position: relative;

  display: block;

  border-bottom: 1px solid #e8e8e8;

  padding: 16px 0px;

  padding-left: 27px;

  font-size: 16px;

  line-height: 26px;

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

  color: var(--title-color);

  font-weight: 500;

}



.education-sidebar .info-list li:last-child{

  border-bottom: none;

}



.education-sidebar .info-list li i{

  position: absolute;

  left: 0px;

  top: 19px;

  font-size: 18px;

  color: #b5b5be;

  font-weight: 400;

}



.education-sidebar .info-list li span{

  position: relative;

  float: right;

  font-size: 16px;

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

  color: #6d7270;

  font-weight: 400;

}



.education-sidebar .info-list{

  margin-bottom: 19px;

}



.education-sidebar .btn-box .theme-btn{

  width: 100%;

}



.education-sidebar .btn-box{

  margin-bottom: 34px;

}



.education-sidebar h6{

  position: relative;

  display: block;

  text-align: center;

  font-size: 16px;

  line-height: 26px;

  font-weight: 500;

  margin-bottom: 18px;

}



.education-sidebar .social-links li{

  position: relative;

  display: inline-block;

  margin: 0px 3px;

}



.education-sidebar .social-links li a{

  position: relative;

  display: inline-block;

  width: 54px;

  height: 40px;

  line-height: 46px;

  border: 1px solid #dbe5e2;

  border-radius: 40px;

  text-align: center;

  font-size: 20px;

  color: #a8a9b3;

}



.education-sidebar .social-links li a:hover{

  color: #fff;

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

  background: var(--theme-color);

}



.blog-grid-one{

  position: relative;

  padding: 120px 0px;

}



.blog-grid-one .pagination-wrapper{

  margin-top: 30px;

}



.blog-grid-two{

  position: relative;

  padding: 120px 0px;

}



.blog-grid-two .news-block-three .inner-box h6{

  background: #e2edea;

}



.blog-grid-two .news-block-three .inner-box .lower-box .link a:hover{

  color: #fff;

}



.blog-grid-two .pagination-wrapper{

  margin-top: 30px;

}


h3.elementor-heading-title.elementor-size-default {
  color: #000;
}
h5.elementor-heading-title.elementor-size-default {
  color: #000;
  position: relative;
  display: block;
  font-size: 22px;
  line-height: 32px;
  margin-bottom: 0px;
  padding-left: 40px;
  padding-top: 5px;
}

h5.elementor-heading-title.elementor-size-default:before {
  position: absolute;
  content: '';
  background-image: url(../images/icons/icon-91.png);
  width: 25px;
  height: 22px;
  left: 0px;
  top: 11px;
  background-repeat: no-repeat;
}


/** sidebar-page-container **/



.sidebar-page-container{

  position: relative;

  padding: 40px 0px;

}



.blog-list-content{

  position: relative;

  display: block;

}



.blog-list-content .news-block-one .inner-box .lower-content h3{

  font-size: 26px;

  line-height: 36px;

  padding-bottom: 21px;

  margin-bottom: 24px;

}



.news-block-one .inner-box .lower-content p{

  margin-bottom: 29px;

}



.news-block-one .inner-box .lower-content .lower-inner{

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.blog-list-content .news-block-one .inner-box{

  padding: 15px;

  margin-bottom: 50px;

}



.blog-list-content .news-block-one .inner-box .lower-content{

  padding: 15px 15px 15px 15px;

}



.news-block-one .inner-box .lower-content .lower-inner .share-box a{

  position: relative;

  display: inline-block;

  font-size: 16px;

  line-height: 26px;

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

  color: #6d7270;

  font-weight: 500;

  padding-left: 25px;

}



.news-block-one .inner-box .lower-content .lower-inner .share-box a:hover{

  color: var(--theme-color);

}



.news-block-one .inner-box .lower-content .lower-inner .share-box a i{

  position: absolute;

  left: 0px;

  top: 4px;

  color: var(--title-color);

  font-weight: 400;

  font-size: 18px;

}



.blog-list-content .pagination-wrapper{

  padding-top: 10px;

}



.blog-sidebar{

  position: relative;

  margin-left: 30px;

}



.blog-sidebar .sidebar-widget{

  border-radius: 10px;

  margin-bottom: 50px;

}



.blog-sidebar .sidebar-widget:last-child{

	margin-bottom: 0px;

}



.blog-sidebar .sidebar-widget .widget-title,

.widget h2,

.wp-block-search__label{

  background: #e2edea;

  padding: 14px 20px 14px 43px;

  margin-bottom: 0px;

}



.blog-sidebar .sidebar-widget .widget-title:before,

.widget h2:before,

.wp-block-search__label:before{

  left: 25px;

  top: 23px;

}



.blog-sidebar .sidebar-widget .widget-title:after,

.widget h2:after,

.wp-block-search__label:after{

  left: 27px;

  top: 21px;

}



.search-widget .form-group,

.wp-block-search__inside-wrapper {

  position: relative;

  margin-bottom: 0px;

}



.search-widget .form-group input[type='search'],

.wp-block-search__inside-wrapper input{

  position: relative;

  display: block;

  width: 100%;

  height: 54px;

  border: 1px solid #dbe5e2;

  border-radius: 40px;

  padding: 10px 60px 10px 25px;

  font-size: 16px;

  color: #6e6e6e;

  background-color: #ffffff;

  transition: all 500ms ease;

}



.wp-block-search__inside-wrapper input{

	padding-right: 85px;

}



.search-widget .form-group button[type='submit'],

.wp-block-search__inside-wrapper button{

  position: absolute;

  top: 5px;

  right: 5px;

  min-width: 64px;

  height: 44px;

  line-height: 44px;

  background: #e2edea;

  text-align: center;

  border-radius: 40px;

  font-size: 18px;

  color: var(--title-color);

  cursor: pointer;

  transition: all 500ms ease;

}



.wp-block-search__inside-wrapper button{

	font-size: 14px;

	padding:0 15px;

	margin:0px;

}

.search-widget .form-group button[type='submit'] i{

	font-family: 'Font Awesome 5 Pro';

	font-style:normal;

}



.search-widget .form-group input:focus,

.wp-block-search__inside-wrapper input:focus{

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

}



.search-widget .form-group input:focus + button,

.search-widget .form-group button:hover,

.wp-block-search__inside-wrapper button:hover{

  color: #fff;

  background: var(--theme-color);

}



.blog-sidebar .category-widget .category-list li{

  position: relative;

  display: block;

  padding: 11px 0px 13px 0px;

  border-bottom: 1px solid #dbe5e2;

}



.blog-sidebar .category-widget .category-list li:last-child{

  border-bottom: none;

}



.blog-sidebar .category-widget .category-list li a{

  position: relative;

  display: inline-block;

  font-size: 13px;

  line-height: 22px;

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

  color: #6d7270;

  font-weight: 700;

  text-transform: uppercase;

}



.blog-sidebar .category-widget .category-list li a:hover{

  color: var(--theme-color);

  padding-left: 9px;

  padding-right: 9px;

}



.blog-sidebar .category-widget .category-list li a:before{

  position: absolute;

  content: '[';

  left: 0px;

  top: 0px;

  color: var(--theme-color);

  opacity: 0;

  transition: all 500ms ease;

}



.blog-sidebar .category-widget .category-list li a:hover:before{

  opacity: 1;

}



.blog-sidebar .category-widget .category-list li a:after{

  position: absolute;

  content: ']';

  right: 0px;

  top: 0px;

  color: var(--theme-color);

  opacity: 0;

  transition: all 500ms ease;

}



.blog-sidebar .category-widget .category-list li a:hover:after{

  opacity: 1;

}



.blog-sidebar .category-widget .widget-content{

  padding: 11px 25px 10px 25px;

}



.blog-sidebar .post-widget .post{

  position: relative;

  display: block;

  padding-bottom: 25px;

  margin-bottom: 24px;

  padding-left: 60px;

  border-bottom: 1px solid #dbe5e2;

}



.blog-sidebar .post-widget .post:last-child{

  margin-bottom: 0px;

  border-bottom: none;

}



.blog-sidebar .post-widget .post .link{

  position: absolute;

  left: 0px;

  top: 6px;

}



.blog-sidebar .post-widget .post .link a{

  position: relative;

  display: inline-block;

  width: 40px;

  height: 30px;

  line-height: 38px;

  font-size: 24px;

  color: var(--title-color);

  background: #e2edea;

  text-align: center;

  border-radius: 40px;

}



.blog-sidebar .post-widget .post .link a:hover{

  color: #fff;

  background: var(--theme-color);

}



.blog-sidebar .post-widget .post h5{

  display: block;

  font-size: 18px;

  line-height: 28px;

  margin-bottom: 6px;

}



.blog-sidebar .post-widget .post h5 a{

  display: inline-block;

  color: var(--title-color);

}



.blog-sidebar .post-widget .post h5 a:hover{

  color: var(--theme-color);

}



.blog-sidebar .post-widget .post .post-date{

  position: relative;

  display: block;

  padding-left: 22px;

}



.blog-sidebar .post-widget .post .post-date i{

  position: absolute;

  left: 0px;

  top: 2px;

  color: #a7b4b1;

}



.blog-sidebar .post-widget .widget-content{

  padding-top: 23px;

  padding-bottom: 0px;

}



.blog-sidebar .post-widget{

  margin-bottom: 45px;

}



.blog-sidebar .tags-widget .tags-list li{

  position: relative;

  margin-right: 5px;

  margin-bottom: 5px;

  float: left;

}



.blog-sidebar .tags-widget .tags-list li a{

  position: relative;

  display: inline-block;

  font-size: 16px;

  color: #6d7270;

  background: #e2edea;

  border: 1px solid #e2edea;

  border-radius: 30px;

  padding: 6px 14px;

}



.blog-sidebar .tags-widget .tags-list li a:hover{

  background: #fff;

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

  color: var(--theme-color);

}



.blog-sidebar .tags-widget{

  margin-bottom: 45px;

}



.blog-sidebar .tags-widget .widget-title{

  margin-bottom: 28px;

}



.blog-list-two{

  padding: 120px 0px;

}



.blog-list-two .news-block-two{

  margin-bottom: 30px;

}



.blog-list-two .more-btn{

  margin-top: 30px;

}



.blog-details-content{

  position: relative;

  display: block;

}



.blog-details-content .news-block-one .inner-box{

  padding: 0px;

  box-shadow: none;

  margin-bottom: 25px;

}



.blog-details-content .news-block-one .inner-box .lower-content h3 {
  font-size: 22px;
  line-height: 30px;
  padding-bottom: 20px;
  margin-bottom: 24px;
  margin-top: 10px;
}



.news-block-one .inner-box .lower-content .option-list{

  position: relative;

  display: flex;

  align-items: center;

}



.news-block-one .inner-box .lower-content .option-list li{

  margin-right: 10px;

}



.news-block-one .inner-box .lower-content .option-list li:last-child{

  margin: 0px;

}



.news-block-one .inner-box .lower-content .option-list li a{

  position: relative;

  display: inline-block;

  width: 54px;

  height: 40px;

  line-height: 44px;

  border: 1px solid #dbe5e2;

  border-radius: 40px;

  text-align: center;

  font-size: 16px;

  color: var(--title-color);

}



.news-block-one .inner-box .lower-content .option-list li a:hover{

  color: #fff;

  background: var(--theme-color);

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

}



.blog-details-content .news-block-one .inner-box .lower-content{

  padding: 0px;

}



.blog-details-content .news-block-one .inner-box .lower-content .post-info{

  margin-bottom: 24px;

}



.blog-details-content .news-block-one .inner-box .image-box img{

  transform: scale(1) !important;

}



.blog-details-content .content-one{

  position: relative;

  display: block;

  margin-bottom: 52px;

}



.blog-details-content p span{

  color: var(--theme-color);

}



.blog-details-content blockquote{

  position: relative;

  display: block;

  background: -webkit-linear-gradient(-45deg, #132720 50%, #187c59 100%);

  padding: 40px;

  border-radius: 10px;

  overflow: hidden;

  margin: 0px 0px 25px 0px;

}



.blog-details-content blockquote .shape{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}



.blog-details-content blockquote .icon-box{

  position: absolute;

  left: 6px;

  top: -5px;

  font-size: 120px;

  color: var(--theme-color);

}



.blog-details-content blockquote p{

  font-size: 22px;

  line-height: 32px;

  font-weight: 600;

  color: #fff;

  margin-bottom: 16px;

}



.blog-details-content blockquote h6{

  display: block;

  font-size: 13px;

  line-height: 22px;

  color: #a5b2af;

  font-weight: 700;

  text-transform: uppercase;

}



.blog-details-content .content-two{

  position: relative;

  display: block;

  margin-bottom: 30px;

}



.blog-details-content .content-two h2{

  display: block;

  font-size: 30px;

  line-height: 40px;

  margin-bottom: 24px;

}



.blog-details-content .content-two h3{

  position: relative;

  display: block;

  font-size: 22px;

  line-height: 32px;

  margin-bottom: 19px;

  padding-left: 40px;

  padding-top: 5px;

}



.blog-details-content .content-two h3:before{

  position: absolute;

  content: '';

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

  width: 25px;

  height: 22px;

  left: 0px;

  top: 11px;

  background-repeat: no-repeat;

}



.blog-details-content .content-two .list-item{

  margin-left: 40px;

}



.blog-details-content .content-two .list-item li{

  position: relative;

  display: block;

  font-size: 16px;

  line-height: 26px;

  color: #6d7270;

  font-weight: 500;

  padding-left: 25px;

  margin-bottom: 10px;

}



.blog-details-content .content-two .list-item li:last-child{

  margin-bottom: 0px;

}



.blog-details-content .content-two .list-item li:before{

  position: absolute;

  content: '^';

  left: 0px;

  color: var(--theme-color);

  font-size: 30px;

  top: 8px;

}



.blog-details-content .content-two{

  margin-bottom: 45px;

}



.blog-details-content .content-three h2{

  display: block;

  font-size: 30px;

  line-height: 40px;

  margin-bottom: 24px;

}



.blog-details-content .content-three .list-item{

  margin-bottom: 53px;

}



.blog-details-content .content-three .list-item li{

  position: relative;

  display: block;

  font-size: 16px;

  line-height: 26px;

  color: #6d7270;

  margin-bottom: 23px;

  padding-left: 45px;

}



.blog-details-content .content-three .list-item li:last-child{

  margin-bottom: 0px;

}



.blog-details-content .content-three .list-item li:before{

  position: absolute;

  content: '';

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

  width: 30px;

  height: 30px;

  left: 0px;

  top: 5px;

  background-repeat: no-repeat;

}



.blog-details-content .content-three .list-item li h5{

  position: relative;

  display: inline-block;

  font-size: 18px;

  line-height: 26px;

}



.blog-details-content .content-three .post-tags li{

  position: relative;

  display: inline-block;

  float: left;

  margin-right: 5px;

}



.blog-details-content .content-three .post-tags li:last-child{

  margin: 0px;

}



.blog-details-content .content-three .post-tags li h6{

  position: relative;

  display: block;

  font-size: 16px;

  line-height: 40px;

  font-weight: 500;

  color: var(--title-color);

  padding-left: 22px;

}



.blog-details-content .content-three .post-tags li h6 img{

  position: absolute;

  left: 0px;

  top: 12px;

}



.blog-details-content .content-three .post-tags li a{

  position: relative;

  display: inline-block;

  font-size: 16px;

  line-height: 26px;

  color: #6d7270;

  background: #e2edea;

  padding: 7px 15px;

  border-radius: 30px;

}



.blog-details-content .content-three .post-tags li a:hover{

  color: #fff;

  background: var(--theme-color);

}



.blog-details-content .content-three{

  margin-top: 60px;

}



.blog-details-content .author-box{

  position: relative;

  border: 1px solid #dbe5e2;

  border-radius: 10px;

  padding: 33px 30px 34px 220px;

  margin-top: 60px;

}



.blog-details-content .author-box .thumb-box{

  position: absolute;

  display: inline-block;

  left: 39px;

  top: 39px;

  border-radius: 50%;

}



.blog-details-content .author-box .thumb-box img{

  width: 100%;

  border-radius: 50%;

}



.blog-details-content .author-box h6{

  display: block;

  font-size: 14px;

  line-height: 22px;

  font-weight: 700;

  text-transform: uppercase;

  color: var(--theme-color);

  margin-bottom: 2px;

}



.blog-details-content .author-box h3{

  position: relative;

  display: block;

  font-size: 22px;

  line-height: 32px;

  margin-bottom: 15px;

}



.blog-details-content .author-box p{

  margin-bottom: 16px;

}



.blog-details-content .author-box .link a{

  position: relative;

  display: inline-block;

  font-size: 13px;

  line-height: 22px;

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

  font-weight: 700;

  text-transform: uppercase;

  color: var(--title-color);

  padding-left: 24px;

}



.blog-details-content .author-box .link a i{

  position: absolute;

  left: 0px;

  top: 1px;

  font-size: 20px;

}



.blog-details-content .author-box .link a:hover{

  color: var(--theme-color);

}



.blog-details-content .author-box .social-links{

  position: absolute;

  top: 39px;

  right: 39px;

}



.blog-details-content .author-box .social-links li{

  position: relative;

  display: inline-block;

  float: left;

  margin-right: 10px;

}



.blog-details-content .author-box .social-links li:last-child{

  margin: 0px;

}



.blog-details-content .author-box .social-links li a{

  position: relative;

  display: inline-block;

  width: 54px;

  height: 40px;

  line-height: 44px;

  border: 1px solid #dbe5e2;

  border-radius: 40px;

  text-align: center;

  font-size: 18px;

  color: var(--title-color);

}



.blog-details-content .author-box .social-links li a:hover{

  color: #fff;

  background: var(--theme-color);

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

}



.blog-details-content .post-nav{

  position: relative;

  display: block;

  margin-top: 60px;

}



.blog-details-content .post-nav .post-nav-btn{

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.blog-details-content .post-nav .post-nav-btn:before{

  position: absolute;

  content: '';

  background: #dbe5e2;

  width: 1px;

  height: 60px;

  left: 50%;

  top: 19px;

}



.blog-details-content .post-nav .single-btn h6{

  position: relative;

  display: inline-block;

  font-size: 13px;

  line-height: 22px;

  font-weight: 700;

  text-transform: uppercase;

  background: #e2edea;

  padding: 7px 20px;

  margin-bottom: 13px;

  border-radius: 40px;

}



.blog-details-content .post-nav .single-btn h5{

  display: block;

  font-size: 18px;

  line-height: 28px;

  margin-bottom: 0px;

}



.blog-details-content .post-nav .single-btn h5 a{

  display: inline-block;

  color: var(--title-color);

}



.blog-details-content .post-nav .single-btn h5 a:hover{

  color: var(--theme-color);

}



.blog-details-content .post-nav .btn-box a{

  position: relative;

  display: block;

  width: 100%;

  font-size: 13px;

  line-height: 22px;

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

  font-weight: 700;

  text-transform: uppercase;

  color: var(--title-color);

  background: #fff;

  border-radius: 40px;

  padding: 19px 15px;

  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.12);

  text-align: center;

}



.blog-details-content .post-nav .btn-box a:hover{

  color: var(--theme-color);

}



.blog-details-content .post-nav .btn-box a span{

  position: relative;

  display: inline-block;

  padding-left: 28px;

}



.blog-details-content .post-nav .btn-box a span:before{

  position: absolute;

  content: '';

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

  width: 18px;

  height: 18px;

  left: 0px;

  top: 2px;

  background-repeat: no-repeat;

}



.blog-details-content .group-title{

  position: relative;

  display: block;

  margin-bottom: 26px;

}



.blog-details-content .group-title h2{

  font-size: 30px;

  line-height: 40px;

}



.blog-details-content .comments-box .comment{

  position: relative;

  display: block;

  padding-left: 100px;

  margin-bottom: 30px;

}



.blog-details-content .comments-box .comment-inner > .fxvibe-comment-item:last-child .comment{

	margin-bottom: 0px;

}



.blog-details-content .comments-box .comment .comment-thumb{

  position: absolute;

  display: inline-block;

  left: 0px;

  top: 0px;

  width: 70px;

  height: 70px;

  border-radius: 50%;

}



.blog-details-content .comments-box .comment .comment-thumb img{

  width: 100%;

  border-radius: 50%;

}



.blog-details-content .comments-box .comment h5{

  position: relative;

  display: block;

  font-size: 18px;

  line-height: 26px;

  margin-bottom: 11px;

}



.blog-details-content .comments-box .comment h5 span{

  position: absolute;

  top: 0px;

  right: 0px;

  font-size: 16px;

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

  color: #a5b2af;

  font-weight: 400;

}



.blog-details-content .comments-box .comment .reply-btn{

  position: relative;

  display: inline-block;

  font-size: 13px;

  line-height: 22px;

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

  font-weight: 700;

  text-transform: uppercase;

  color: var(--title-color);

  padding-left: 25px;

  margin-top: 20px;

}



.blog-details-content .comments-box .comment .reply-btn i{

  position: absolute;

  left: 0px;

  top: 1px;

  font-size: 20px;

}



.blog-details-content .comments-box .comment .reply-btn:hover{

  color: var(--theme-color);

}



.blog-details-content .comments-box{

  margin-top: 60px;

}



.blog-details-content .comments-form-area p{

  margin-top: 9px;

}



.blog-details-content .comments-form-area .form-group{

  position: relative;

  margin-bottom: 20px;

}



.blog-details-content .comments-form-area .form-group:last-child{

  margin-bottom: 0px;

}



.blog-details-content .comments-form-area .form-group input[type='text'],

.blog-details-content .comments-form-area .form-group input[type='email'],

.blog-details-content .comments-form-area .form-group textarea{

  position: relative;

  display: block;

  width: 100%;

  height: 54px;

  border: 1px solid #dbe5e2;

  border-radius: 10px;

  font-size: 16px;

  color: #6d7270;

  padding: 10px 20px;

  transition: all 500ms ease;

}



.blog-details-content .comments-form-area .form-group textarea{

  height: 120px;

  resize: none;

  padding-top: 15px;

}



.blog-details-content .comments-form-area .form-group input:focus,

.blog-details-content .comments-form-area .form-group textarea:focus{

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

}



.blog-details-content .comments-form-area .form-group .check-box label{

  font-size: 16px;

  line-height: 26px;

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

  font-weight: 400;

  color: #6d7270;

  padding-left: 23px;

}



.blog-details-content .comments-form-area .form-group .check-box label:before{

  width: 14px;

  height: 14px;

  border-color: #dbe5e2;

  background: #e2edea;

  top: 6px;

}



.blog-details-content .comments-form-area .form-group .check-box label:after{

  left: 4px;

  width: 6px;

  height: 6px;

}



.blog-details-content .comments-form-area .form-group .check-box{

  position: relative;

  margin: 8px 0px 16px 0px;

}



.blog-details-content .comments-form-area .group-title{

  margin-bottom: 34px;

}



.page-title .info-content{

  position: relative;

  padding: 54px 0px 55px 0px;

}



.info-block-one .inner-box{

  position: relative;

  display: block;

  background: #fff;

  padding: 40px 25px;

  border-radius: 10px;

  margin-bottom: 30px;

}



.info-block-one .inner-box .icon-box{

  position: relative;

  display: inline-block;

  margin-bottom: 25px;

}



.info-block-one .inner-box h5{

  position: relative;

  display: block;

  font-size: 18px;

  line-height: 28px;

  margin-bottom: 5px;

}



.info-block-one .inner-box p{

  margin-bottom: 23px;

}



.info-block-one .inner-box .phone-box input[type='text']{

  position: relative;

  display: block;

  width: 100%;

  height: 54px;

  border: 1px solid #dbe5e2;

  border-radius: 40px;

  font-size: 16px;

  color: #6e6e6e;

  padding: 10px 25px;

  transition: all 500ms ease;

}



.info-block-one .inner-box .phone-box input:focus{

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

}



.info-block-two .inner-box{

  position: relative;

  display: block;

  background: #fff;

  padding: 34px 25px 38px 25px;

  border-radius: 10px;

  margin-bottom: 30px;

}



.info-block-two .inner-box h5{

  display: block;

  font-size: 18px;

  line-height: 28px;

  margin-bottom: 17px;

}



.info-block-two .inner-box .list-item{

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 25px;

}



.info-block-two .inner-box .list-item li{

  margin-right: 10px;

}



.info-block-two .inner-box .list-item li:last-child{

  margin: 0px;

}



.info-block-two .inner-box .list-item li a{

  position: relative;

  display: inline-block;

  font-size: 16px;

  line-height: 26px;

  color: var(--title-color);

  background: #e2edea;

  border-radius: 40px;

  padding: 9px 20px 9px 45px;

  text-align: left;

}



.info-block-two .inner-box .list-item li a i{

  position: absolute;

  left: 20px;

  top: 12px;

  color: var(--theme-color);

  font-size: 18px;

}



.info-block-two .inner-box .list-item li:first-child a{

  color: #fff;

  background: -webkit-linear-gradient(-45deg, #132720 50%, #187c59 100%);

}



.info-block-two .inner-box h4{

  display: block;

  font-size: 18px;

  line-height: 28px;

  margin-bottom: 10px;

}



.info-block-two .inner-box p{

  position: relative;

  display: block;

  margin-bottom: 18px;

}



.info-block-two .inner-box p span{

  color: var(--title-color);

}



.info-block-two .inner-box h6{

  position: relative;

  display: inline-block;

  font-size: 13px;

  line-height: 22px;

  font-weight: 700;

  text-transform: uppercase;

  padding-left: 28px;

}



.info-block-two .inner-box h6 img{

  position: absolute;

  left: 0px;

  top: 2px;

}



.info-block-two .inner-box h6 a{

  display: inline-block;

  color: var(--title-color);

}



.info-block-two .inner-box h6 a:hover{

  color: var(--theme-color);

}





/** contact-style-two **/



.contact-style-two{

  position: relative;

  padding: 114px 0px 95px 0px;

}



.contact-style-two .title-inner{

  position: relative;

}



.contact-style-two .title-inner .special-text{

  position: absolute;

  top: 70px;

  right: 0px;

}



.contact-style-two .title-inner .special-text h6{

  position: relative;

  display: inline-block;

  font-size: 16px;

  line-height: 26px;

  font-weight: 500;

  background: #fff;

  border-radius: 40px;

  padding: 12px 20px 12px 53px;

  transform: rotate(-10deg);

  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.12);

}



.contact-style-two .title-inner .special-text h6 img{

  position: absolute;

  left: 20px;

  top: 12px;

}



.contact-style-two .title-inner .special-text .shape{

  position: absolute;

  left: -50px;

  top: -23px;

  width: 50px;

  height: 63px;

  background-repeat: no-repeat;

}



.contact-style-two .form-inner .form-group{

  position: relative;

  display: block;

  margin-bottom: 25px;

}



.contact-style-two .form-inner label{

  position: relative;

  display: block;

  font-size: 16px;

  line-height: 26px;

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

  color: var(--title-color);

  font-weight: 500;

  margin-bottom: 15px;

  padding-left: 24px;

}



.contact-style-two .form-inner label i{

  position: absolute;

  left: 0px;

  top: 4px;

  color: var(--theme-color);

  font-family: 'Font Awesome 5 Pro';

  font-style:normal;

}



.contact-style-two .form-inner label span{

  color: #a5b2af;

}



.contact-style-two .form-inner .form-group input[type='text'],

.contact-style-two .form-inner .form-group input[type='email'],

.contact-style-two .form-inner .form-group input[type='password'],

.contact-style-two .tutor-password-strength-checker .tutor-password-field input.password-checker,

.contact-style-two .form-inner .form-group .tutor-form-wrap input[type='password'],

.sidebar-page-container .tutor-login-wrap .tutor-login-form-wrapper input.tutor-form-control,

.contact-style-two .form-inner .form-group .nice-select{

  position: relative;

  display: block;

  width: 100%;

  height: 54px;

  border: 1px solid #dbe5e2;

  border-radius: 10px;

  font-size: 16px;

  color: #a5b2af;

  padding: 10px 20px;

  font-weight: 500;

  transition: all 500ms ease;

}



.contact-style-two .form-inner .form-group .select-box{

  min-height: 54px;

}



.contact-style-two .form-inner .form-group .nice-select{

  position: relative;

  padding: 0px 20px;

  line-height: 54px;

  text-transform: capitalize;

}



.contact-style-two .form-inner .form-group .nice-select:before{

  position: absolute;

  content: "\f102";

  font-family: 'flaticon';

  font-size: 24px;

  color: #a5b2af;

  top: -1px;

  right: 16px;

}



.contact-style-two .form-inner .form-group input:focus,

.contact-style-two .form-inner .form-group input[type='password']:focus,

.sidebar-page-container .tutor-login-wrap .tutor-login-form-wrapper input:focus{

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

}



.contact-style-two .sec-title p{

  margin-top: 12px;

}



.contact-style-two .form-inner .message-box{

  position: relative;

  border: 1px solid #dbe5e2;

  border-radius: 10px;

  padding: 20px 30px 20px 30px;

}



.contact-style-two .form-inner .message-box textarea{

  position: relative;

  display: block;

  width: 100%;

  height: 293px;

  font-size: 16px;

  color: #a5b2af;

  font-weight: 500;

  resize: none;

}



.contact-style-two .form-inner .message-box .theme-btn{

  width: 100%;

}





/** google-map-section **/



.google-map-section{

  position: relative;

}



.google-map-section .map-inner{

  position: relative;

  height: 550px;

}



.google-map-section .map-inner iframe{

  position: relative;

  width: 100%;

  height: 550px;

}



.google-map-section .map-content{

  position: absolute;

  left: 50%;

  top: 50%;

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

  z-index: 2;

  text-align: center;

}



.google-map-section .map-content .icon-box{

  position: relative;

  display: inline-block;

  width: 80px;

  height: 80px;

  line-height: 90px;

  background: #132720;

  text-align: center;

  font-size: 50px;

  border-radius: 50%;

  margin-bottom: 50px;

  color: var(--theme-color);

}



.google-map-section .map-content .location-box{

  position: relative;

  display: block;

  width: 270px;

  background: #fff;

  text-align: left;

  border-radius: 10px;

  padding: 24px 30px 23px 30px;

  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.12);

}



.google-map-section .map-content .location-box h5{

  display: block;

  font-size: 18px;

  line-height: 28px;

  margin-bottom: 10px;

}


/* ===== Tabs Styling ===== */
.category-tabs {
  margin-bottom: 20px;
  text-align: center;
}

.tabs {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: center;
  gap: 10px;
}

.tabs .tab {
  background: #f4f4f4;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

.tabs .tab a {
  text-decoration: none;
  color: #333;
  font-weight: bold;
}

.tabs .tab.active {
  background: #0073e6;
}

.tabs .tab.active a {
  color: #fff;
}

/* ===== Grid Structure ===== */
.post-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3-box layout */
  gap: 20px;
  padding: 20px;
  justify-content: center;
}

.post-card {
  background: #fff;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  transition: 0.3s;
}

.post-card:hover {
  transform: translateY(-5px);
}

.post-card h3 {
  font-size: 18px;
  margin-bottom: 10px;
}

.post-card p {
  font-size: 14px;
  color: #666;
}

/* ===== Pagination Styling ===== */
.pagination {
  text-align: center;
  margin-top: 20px;
}

.pagination a, .pagination span {
  display: inline-block;
  padding: 8px 12px;
  margin: 0 5px;
  background: #0073e6;
  color: white;
  border-radius: 4px;
  text-decoration: none;
}

.pagination .current {
  background: #333;
  color: #fff;
}

.pagination a:hover {
  background: #005bb5;
}

.two-col-blog {
	padding:40px 0;
}

.two-col-blog .inner-box.fxvibe-blog-section h3.te-title {
    font-size: 22px;
    line-height: 30px;
    padding-bottom: 20px;
    margin-bottom: 24px;
    margin-top: 10px;
}

.two-col-blog .inner-box.fxvibe-blog-section h3.te-title {
  font-size: 16px;
  line-height: 23px;
  padding-bottom: 0px;
  margin-bottom: 24px;
  margin-top: 10px;
}

.two-col-blog .inner-box.fxvibe-blog-section {
  margin: 0 20px;
}
.two-col-blog .widget.sidebar-widget .widget-title {
  margin-bottom: 25px;
  margin-left: -30px;
  margin-right: -30px;
  display: block;
  width: auto;
  background: #e2edea;
  padding: 14px 20px 14px 43px;
  margin-bottom: 0px;
}

.two-col-blog .widget-title h3 {
  font-size: 22px;
  line-height: 32px;
  font-family: var(--title-font);
  font-weight: 600;
  color: var(--title-color);
}

.two-col-blog .widget ul{
padding-top:20px;
}





.two-col-blog .widget-title:before {
  position: absolute;
  content: '';
  background: var(--theme-color);
  width: 8px;
  height: 14px;
  left: 0px;
  top: 9px;
  border-radius: 2px;
}



.two-col-blog .widget-title:after {
position: absolute;
  content: '';
  background: var(--theme-color);
  width: 2px;
  height: 18px;
  left: 2px;
  top: 7px;
}


.two-col-blog .widget-title:after {
  left: 28px;
  top: 21px;
}

.two-col-blog .widget-title:before {
  left: 25px;
  top: 23px;
}


.two-col-blog  li.tab.active {
  padding-bottom: 13px;
  padding-top: 15px;
font-weight:bold;
}

.two-col-blog  li.tab.active a {
  font-weight: bold;
  color:#242f64;
}


.two-col-blog .widget ul li {
  padding-bottom: 13px;
  padding-left: 12px;
  padding-top: 13px;
     margin: 0;
}

.pagination a, .pagination span {
  padding: 0;
   background: #0073e6;
   border-radius: 50%;
  height: 36px;
  width: 35px;
  vertical-align: middle;
  padding: 5px;
  box-sizing: border-box;
}

.pagination {
     gap: 0px;
}

.pagination .current {
  background: #242f64;
  height: 36px;
  width: 35px;
  vertical-align: middle;
  padding: 5px;
  box-sizing: border-box;
   border-radius: 50%;

}

.two-col-blog .widget {
  padding: 0px 25px 25px;
}

.press-release-heading h2 {
margin:0;
}
.press-divider .elementor-divider {
  padding-block-start: 0 !important;
  padding-block-end: 0 !
}

#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-item:first-child {
  justify-content: flex-start;
  max-width: 250px;
  display: block;
}

#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-item {
  display: none;
}

.factsheet-archive .account-details-content .content-three .tab-btns li {
    font-size: 17px;
    line-height: 27px;
	 padding: 12px 0px 12px 35px;
 }



.factsheet-archive .account-details-content .content-three .tab-btns li:before {
    width: 25px;
    height: 25px;
    line-height: 26px;
    top: 12px;
    font-size: 11px;
}